.product-page-banner{aspect-ratio:3.2;width:100%;position:relative;overflow:hidden}.bannerImage{object-fit:cover;object-position:center}.shop-page{max-width:1900px;padding:var(--space-5)var(--space-8)var(--space-16);margin:0 auto}.shop-breadcrumb{align-items:center;gap:var(--space-2);font-family:var(--font-body);color:var(--text-faint);margin-bottom:var(--space-5);font-size:16px;display:flex}.shop-breadcrumb a{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.shop-breadcrumb a:hover{color:var(--primary-red)}.shop-breadcrumb span:last-child{color:var(--text-primary);font-weight:var(--fw-body-mid)}.shop-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.shop-header__left{align-items:baseline;gap:var(--space-4);display:flex}.shop-title{font-family:var(--font-display);font-weight:var(--fw-display-mid);letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);font-size:clamp(28px,4vw,44px);line-height:1}.shop-count{font-family:var(--font-body);font-weight:var(--fw-body-light);color:var(--text-faint);letter-spacing:.02em;font-size:14px}.shop-header__right{align-items:center;gap:var(--space-3);display:flex}.active-chips{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.active-chip{height:28px;padding:0 var(--space-3);background:var(--primary-faint);border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:var(--fw-body-mid);color:var(--primary-red);cursor:pointer;transition:background var(--transition-fast);border:1px solid #e11d2e40;align-items:center;gap:6px;font-size:12px;display:inline-flex}.active-chip:hover{background:#e11d2e24}.active-chip svg{opacity:.7;width:11px;height:11px}.active-chip--clear{background:var(--bg-1);border-color:var(--border-default);color:var(--text-muted)}.active-chip--clear:hover{background:var(--border-default);color:var(--text-primary)}.shop-layout{gap:var(--space-8);grid-template-columns:240px 2fr;align-items:start;display:grid}.shop-sidebar{scrollbar-width:none;-ms-overflow-style:none;background:var(--bg-0);max-height:calc(100vh - 90px);padding:var(--space-5);position:sticky;top:80px;overflow-y:auto}.shop-sidebar::-webkit-scrollbar{width:4px}.shop-sidebar::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.shop-sidebar__head{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.shop-sidebar__title{font-family:var(--font-display);font-weight:var(--fw-display-semi);letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);font-size:17px}.shop-sidebar__clear{font-family:var(--font-body);font-weight:var(--fw-body-bold);letter-spacing:.04em;color:var(--primary-red);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;font-size:11px}.shop-sidebar__clear:hover{opacity:.75}.shop-grid-area{min-height:60vh}.sort-dropdown{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-0);cursor:pointer;min-width:180px;transition:border-color var(--transition-fast);display:flex;position:relative}.sort-dropdown:hover{border-color:var(--border-strong)}.sort-dropdown__label{font-family:var(--font-body);color:var(--text-secondary);white-space:nowrap;flex:1;font-size:13px}.sort-dropdown__label strong{font-weight:var(--fw-body-bold);color:var(--text-primary)}.sort-dropdown__native{opacity:0;cursor:pointer;width:100%;font-size:14px;position:absolute;inset:0}.scroll-top-btn{z-index:200;background:var(--text-primary);color:#fff;cursor:pointer;width:48px;height:48px;font-family:var(--font-body);font-weight:var(--fw-body-bold);letter-spacing:.1em;transition:background var(--transition-fast),transform var(--transition-fast);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;animation:.25s fadeInBtn;display:flex;position:fixed;bottom:32px;right:28px;box-shadow:0 4px 16px #0003}.scroll-top-btn:hover{background:var(--primary-red);transform:translateY(-2px)}@keyframes fadeInBtn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-bottom-bar{display:none}.filter-drawer-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.filter-drawer-title{font-family:var(--font-display);font-weight:var(--fw-display-semi);letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);align-items:center;gap:var(--space-2);font-size:18px;display:flex}.drawer-close-btn{border:1.5px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:border-color var(--transition-fast),color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.drawer-close-btn:hover{border-color:var(--primary-red);color:var(--primary-red)}.filter-drawer-footer{gap:var(--space-3);padding:var(--space-4)var(--space-5);border-top:1px solid var(--border-default);flex-shrink:0;display:flex}.filter-clear-btn{background:var(--bg-1);height:46px;color:var(--text-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:var(--fw-body-bold);cursor:pointer;transition:background var(--transition-fast);flex:1;font-size:14px}.filter-clear-btn:hover{background:var(--border-default)}.filter-apply-btn{background:var(--primary-red);color:#fff;border-radius:var(--radius-md);height:46px;font-family:var(--font-display);font-weight:var(--fw-display-semi);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-red);transition:background var(--transition-base),transform var(--transition-fast);border:none;flex:2;font-size:16px}.filter-apply-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.sort-drawer-options{padding:var(--space-3)0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.sort-drawer-opt{padding:var(--space-4)var(--space-5);font-family:var(--font-body);font-weight:var(--fw-body-reg);color:var(--text-secondary);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border-default);transition:background var(--transition-fast),color var(--transition-fast);background:0 0;justify-content:space-between;align-items:center;font-size:15px;display:flex}.sort-drawer-opt:last-child{border-bottom:none}.sort-drawer-opt:hover{background:var(--bg-1);color:var(--text-primary)}.sort-drawer-opt--active{color:var(--primary-red);font-weight:var(--fw-body-bold);background:var(--primary-faint)}.desktop-only-flex{display:flex}@media (max-width:1023px){.shop-page{padding:var(--space-4)var(--space-5)80px}.shop-layout{grid-template-columns:1fr;gap:0}.shop-sidebar{display:none}.desktop-only-flex{display:none!important}.mobile-bottom-bar{z-index:150;background:var(--bg-0);border-top:1px solid var(--border-default);height:56px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.mobile-bottom-bar__btn{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-body);font-weight:var(--fw-body-bold);color:var(--text-secondary);transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;flex:1;font-size:14px;display:flex;position:relative}.mobile-bottom-bar__btn:hover,.mobile-bottom-bar__btn:active{color:var(--primary-red);background:var(--primary-faint)}.mobile-bottom-bar__divider{background:var(--border-default);width:1px;margin:var(--space-3)0;flex-shrink:0}.mobile-bottom-bar__badge{background:var(--primary-red);color:#fff;width:17px;height:17px;font-size:9px;font-weight:var(--fw-body-bold);border-radius:50%;justify-content:center;align-items:center;line-height:1;display:inline-flex}.mobile-bottom-bar__dot{background:var(--primary-red);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;right:calc(50% - 28px)}.scroll-top-btn{width:42px;height:42px;bottom:72px;right:16px}}@media (max-width:480px){.shop-page{padding:var(--space-4)var(--space-4)80px}.shop-title{font-size:26px}.shop-breadcrumb{margin-bottom:var(--space-3)}}