.shop-page-wrapper{min-height:100vh;font-family:var(--font-body,"Inter", sans-serif);background-color:#faf9f6;padding:4rem 2rem}.shop-container{max-width:1200px;margin:0 auto}.shop-header{margin-bottom:2.5rem}.shop-title{color:#111;letter-spacing:-.01em;margin:0 0 1.5rem;font-size:2.75rem;font-weight:800}.shop-sort-container{z-index:100;align-items:center;width:max-content;display:flex;position:relative}.shop-sort-custom{cursor:pointer;-webkit-user-select:none;user-select:none}.shop-sort-trigger{color:#333;background:#fff;border:1px solid #eaeaea;border-radius:8px;justify-content:space-between;align-items:center;min-width:200px;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.shop-sort-custom:hover .shop-sort-trigger{border-color:#ddd;box-shadow:0 4px 12px #0000000a}.shop-sort-arrow{color:#888;transition:transform .3s;display:flex}.shop-sort-arrow.open{transform:rotate(180deg)}.shop-sort-dropdown{z-index:10;background:#fff;border:1px solid #eaeaea;border-radius:8px;width:100%;padding:6px;animation:.2s dropdownFade;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #00000014}.shop-sort-option{text-align:left;color:#444;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:all .2s;display:block}.shop-sort-option:hover:not([disabled]){color:#111;background:#f4f4f4}.shop-sort-option.active{background:var(--primary);color:#fff;font-weight:500}.shop-sort-option[disabled]{color:#999;cursor:default;display:none}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.shop-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.shop-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.shop-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.shop-card{background:#fff;border-radius:12px;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.shop-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.shop-card-image-wrap{aspect-ratio:1;background:#f8f8f8;width:100%;position:relative;overflow:hidden}.shop-card-image{object-fit:cover;transition:transform .4s}.shop-card:hover .shop-card-image{transform:scale(1.05)}.shop-card-sale-badge{color:#fff;text-transform:uppercase;z-index:2;letter-spacing:.05em;background-color:#ff4500;padding:5px 12px;font-size:.7rem;font-weight:700;position:absolute;top:0;left:0}.shop-card-info{flex-direction:column;gap:6px;padding:1.25rem;display:flex}.shop-card-title{color:#111;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;font-weight:700;overflow:hidden}.shop-card-price-wrap{align-items:center;gap:8px;display:flex}.shop-card-original-price{color:#888;font-size:.8rem;text-decoration:line-through}.shop-card-current-price{color:#ff4500;font-size:.85rem;font-weight:700}.shop-layout-with-sidebar{align-items:flex-start;gap:32px;display:flex}.shop-sidebar{background:#fff;border-radius:12px;flex:0 0 260px;padding:24px;position:sticky;top:100px;box-shadow:0 4px 20px #00000008}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sidebar-header h3{margin:0;font-size:1.2rem;font-weight:700}.close-sidebar-btn{cursor:pointer;background:0 0;border:none;font-size:1.2rem;display:none}.filter-section{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:24px}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-title{text-transform:uppercase;color:#555;letter-spacing:.05em;margin:0 0 16px;font-size:.95rem;font-weight:600}.filter-options{flex-direction:column;gap:12px;display:flex}.filter-checkbox-label{cursor:pointer;color:#333;align-items:center;gap:10px;font-size:.95rem;display:flex}.filter-checkbox-label input[type=checkbox]{accent-color:#e26314;cursor:pointer;width:18px;height:18px}.price-slider-wrap{flex-direction:column;gap:12px;display:flex}.price-slider{accent-color:#e26314;width:100%}.price-range-display{color:#666;justify-content:space-between;font-size:.85rem;font-weight:500;display:flex}.sidebar-actions{margin-top:10px}.clear-filters-btn{color:#444;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;width:100%;padding:10px;font-weight:600;transition:background .2s}.clear-filters-btn:hover{background:#eee}.shop-grid-container{flex:1}.no-products-found{text-align:center;background:#fff;border-radius:12px;padding:60px 20px;box-shadow:0 4px 20px #00000008}.no-products-found p{color:#666;margin-bottom:20px;font-size:1.1rem}.no-products-found button{color:#fff;cursor:pointer;background:#e26314;border:none;border-radius:6px;padding:10px 24px;font-weight:600}.shop-header-actions{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-filter-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #eaeaea;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:600;display:none;box-shadow:0 2px 8px #00000005}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:1024px){.shop-sidebar{z-index:1000;border-radius:0;width:300px;height:100vh;transition:left .3s;position:fixed;top:0;bottom:0;left:-320px;overflow-y:auto}.shop-sidebar.open{left:0}.close-sidebar-btn{display:block}.mobile-filter-btn{display:flex}.sidebar-overlay{display:block}.shop-header-actions{gap:16px}.shop-layout-with-sidebar{gap:0}}@media (max-width:768px){.shop-title{text-align:center;margin-bottom:1rem;font-size:2rem}.shop-header{margin-bottom:1.5rem}}