.cart-drawer-overlay{z-index:199;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cart-drawer{background:var(--bg-card,#fff);z-index:200;flex-direction:column;width:420px;max-width:100vw;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #00000026}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.cart-drawer-header{border-bottom:1px solid var(--border,#e0e0e0);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cart-drawer-header h2{color:var(--text,#333);margin:0;font-size:18px;font-weight:700}.cart-drawer-close{cursor:pointer;width:40px;height:40px;color:var(--text-secondary,#666);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cart-drawer-close:hover{background:var(--bg-surface,#f5f5f5);color:var(--text,#333)}.cart-drawer-empty{text-align:center;color:var(--text-secondary,#999);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.cart-drawer-empty p{margin:0 0 24px;font-size:16px}.cart-drawer-continue{background:var(--accent,#e99c2e);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .1s;display:inline-flex}.cart-drawer-continue:hover{background:var(--accent-hover,#d08a1f);transform:scale(1.02)}.cart-drawer-items{flex-direction:column;flex:1;gap:16px;padding:16px 24px;display:flex;overflow-y:auto}.cart-drawer-item{background:var(--bg-surface,#f9f9f9);border-radius:12px;gap:12px;padding:8px;transition:background .2s;display:flex}.cart-drawer-item:hover{background:var(--bg-hover,#f0f0f0)}.cart-drawer-item-image{object-fit:cover;background:var(--bg,#fff);border-radius:8px;flex-shrink:0;width:72px;height:72px}.cart-drawer-item-details{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.cart-drawer-item-name{color:var(--text,#333);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.cart-drawer-item-price{color:var(--accent,#e99c2e);font-size:14px;font-weight:600}.cart-drawer-item-qty{align-items:center;gap:8px;display:flex}.cart-drawer-item-qty .qty-btn{background:var(--bg,#fff);border:1px solid var(--border,#ddd);width:28px;height:28px;color:var(--text,#333);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:600;transition:all .2s;display:flex}.cart-drawer-item-qty .qty-btn:hover{background:var(--bg-surface,#f5f5f5);border-color:var(--accent,#e99c2e)}.cart-drawer-item-qty .qty-value{text-align:center;min-width:28px;color:var(--text,#333);font-size:14px;font-weight:600}.cart-drawer-item-remove{width:36px;height:36px;color:var(--text-secondary,#999);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.cart-drawer-item-remove:hover{color:#e74c3c;background:#fee}.cart-drawer-footer{border-top:1px solid var(--border,#e0e0e0);background:var(--bg-surface,#fafafa);flex-shrink:0;padding:20px 24px}.cart-drawer-summary{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.cart-drawer-row{color:var(--text-secondary,#666);justify-content:space-between;align-items:center;font-size:14px;display:flex}.cart-drawer-row.cart-drawer-total{color:var(--text,#333);border-top:1px solid var(--border,#e0e0e0);padding-top:8px;font-size:16px;font-weight:700}.cart-drawer-actions{flex-direction:column;gap:12px;display:flex}.cart-drawer-checkout{background:var(--accent,#e99c2e);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,transform .1s}.cart-drawer-checkout:hover{background:var(--accent-hover,#d08a1f);transform:scale(1.01)}.cart-drawer-checkout:active{transform:scale(.99)}@media (width<=768px){.cart-drawer-overlay,.cart-drawer{display:none!important}}[data-theme=dark] .cart-drawer{background:var(--bg-card);box-shadow:-4px 0 24px var(--shadow)}[data-theme=dark] .cart-drawer-header{border-bottom-color:var(--border)}[data-theme=dark] .cart-drawer-item{background:var(--bg-surface)}[data-theme=dark] .cart-drawer-item:hover{background:var(--bg-hover,#3a3a3a)}[data-theme=dark] .cart-drawer-item-image{background:var(--bg)}[data-theme=dark] .cart-drawer-item-name{color:var(--text)}[data-theme=dark] .cart-drawer-item-qty .qty-btn{background:var(--bg-card);border-color:var(--border);color:var(--text)}[data-theme=dark] .cart-drawer-item-qty .qty-btn:hover{background:var(--bg-hover,#3a3a3a);border-color:var(--accent)}[data-theme=dark] .cart-drawer-item-qty .qty-value{color:var(--text)}[data-theme=dark] .cart-drawer-item-remove:hover{color:#ff6b6b;background:#4a1a1a}[data-theme=dark] .cart-drawer-footer{border-top-color:var(--border);background:var(--bg-surface)}[data-theme=dark] .cart-drawer-row{color:var(--text-secondary)}[data-theme=dark] .cart-drawer-row.cart-drawer-total{color:var(--text);border-top-color:var(--border)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg,#fff);color:var(--text,#333);min-height:100vh;margin:0;padding:0;font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit;font-weight:inherit}.link-button{color:#e99c2e;cursor:pointer;font-size:inherit;background:0 0;border:none;font-family:inherit;text-decoration:underline}.product-link{color:var(--text,#000);cursor:pointer;font-size:inherit;font-weight:inherit;background:0 0;border:none;padding:0;font-family:inherit;transition:color .3s}.product-link:hover{color:#e99c2e}.save-button-small{color:#fff;cursor:pointer;background:#e99c2e;border:none;border-radius:4px;margin-top:8px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .3s}.save-button-small:hover{background:#d08a1f}.save-button-small:disabled{cursor:default;background:#ccc}.back-btn{color:#fff;cursor:pointer;background:#e99c2e;border:none;border-radius:4px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.back-btn:hover{background:#d08a1f}.discount-badge{color:#fff;vertical-align:middle;background:#e74c3c;border-radius:4px;margin-right:8px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.4;display:inline-block}.hero-price .discount-badge{margin-right:10px;padding:3px 10px;font-size:14px}.product-discount{z-index:2;padding:3px 8px;font-size:12px;position:absolute;bottom:10px;left:10px}.featured-discount{vertical-align:middle;margin-right:4px;padding:2px 6px;font-size:10px}.product-detail-discount{vertical-align:middle;margin-right:10px;padding:3px 10px;font-size:14px}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.layout-wrap{animation:.3s pageFadeIn}@keyframes badgeBounce{0%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.95)}to{transform:scale(1)}}.count.bounce{animation:.4s badgeBounce}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.page-loader{background:#f8f8f8;justify-content:center;align-items:center;min-height:100vh;display:flex}.page-loader-text{color:#e99c2e;text-transform:uppercase;letter-spacing:2px;font-size:36px;font-weight:800;animation:1.5s ease-in-out infinite pulse}.header{z-index:100;background-color:#f8f8f8;justify-content:space-around;align-items:center;height:80px;padding:20px;display:flex;position:sticky;top:0}.logo{text-transform:uppercase;color:#e99c2e;margin:0;padding:0;font-family:Montserrat,Arial,sans-serif;font-size:20px;font-weight:700;text-decoration:none;transition:transform .3s}.logo:hover{transform:scale(1.05)}.center{justify-content:center;align-items:center;gap:6px;display:flex}.center a{color:#333;white-space:nowrap;border-radius:5px;padding:8px 12px;font-size:13px;text-decoration:none;transition:all .3s}.center a:hover,.center a.active{color:#e99c2e}.center a.active:hover{color:#d08a1f}.nav-search{align-items:center;gap:0;display:flex}.nav-search-input{border:2px solid #e0e0e0;border-radius:6px 0 0 6px;outline:none;width:180px;padding:8px 14px;font-family:inherit;font-size:13px;transition:border-color .3s}.nav-search-input:focus{border-color:#e99c2e}.nav-search-btn{cursor:pointer;background:#e99c2e;border:2px solid #e99c2e;border-radius:0 6px 6px 0;justify-content:center;align-items:center;padding:8px 12px;transition:background .3s;display:flex}.nav-search-btn:hover{background:#d08a1f}.nav-search-wrap{position:relative}.search-suggestions{z-index:300;background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}.search-suggestion-item{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;transition:background .15s;display:block}[data-theme=dark] .search-suggestions{background:var(--bg-card);border-color:var(--border);box-shadow:0 8px 24px var(--shadow)}.search-suggestion-section{text-transform:uppercase;color:#999;background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 14px;font-size:11px;font-weight:700;display:flex}.search-suggestion-label{letter-spacing:.5px}.search-suggestion-clear{color:#e99c2e;cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;font-weight:600}.search-suggestion-item{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;transition:background .15s;display:flex}.search-suggestion-item:hover{color:#e99c2e;background:#f5f5f5}.search-suggestion-item--rich{padding:8px 14px}.search-suggestion-image{object-fit:cover;border-radius:4px;flex-shrink:0;width:40px;height:40px}.search-suggestion-content{flex-direction:column;gap:2px;min-width:0;display:flex}.search-suggestion-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.search-suggestion-category{color:#999;text-transform:capitalize;font-size:11px}.search-suggestion-price{color:#e99c2e;font-size:12px;font-weight:700}.search-suggestion-item--category{justify-content:flex-start}.search-suggestion-category-icon{font-size:14px}.search-suggestion-item--recent{color:#666;justify-content:flex-start}.search-suggestion-recent-icon{opacity:.7;font-size:12px}[data-theme=dark] .search-suggestion-section{background:var(--bg-surface);border-bottom-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .search-suggestion-item{color:var(--text)}[data-theme=dark] .search-suggestion-item:hover{background:var(--bg-hover);color:var(--accent)}[data-theme=dark] .search-suggestion-category{color:var(--text-secondary)}[data-theme=dark] .search-suggestion-price{color:var(--accent)}[data-theme=dark] .search-suggestion-item--recent{color:var(--text-secondary)}[data-theme=dark] .search-suggestion-clear{color:var(--accent)}.right{justify-content:center;align-items:center;display:flex;position:relative}.count{color:#fff;background:#e99c2e;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.heading{text-transform:uppercase;color:#000;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;padding:40px 30px;font-family:Montserrat,Arial,sans-serif;font-size:32px;font-weight:700;animation:.6s ease-out fadeInLeft;display:flex}.heading h1,.heading-badge{white-space:nowrap}.nav-links-desktop{align-items:center;gap:4px;display:flex}.nav-sell-link{color:#fff;background:#e99c2e;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s}.nav-sell-link:hover{background:#d08a1f;color:#fff!important}.nav-sell-link.active{color:#fff!important}.nav-user-wrap{position:relative}.nav-user-btn{border:1.5px solid var(--border,#e0e0e0);background:var(--bg-card,#fff);cursor:pointer;width:34px;height:34px;color:var(--text,#333);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .2s,box-shadow .2s;display:flex}.nav-user-btn:hover{border-color:var(--accent,#e99c2e);box-shadow:0 0 0 3px #e99c2e1a}.nav-user-avatar{color:#fff;background:var(--accent,#e99c2e);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-weight:700;display:flex}.nav-user-avatar--lg{width:36px;height:36px;font-size:15px}.nav-user-dropdown{background:var(--bg-card,#fff);border:1px solid var(--border,#e0e0e0);z-index:200;border-radius:12px;width:240px;padding:6px;animation:.15s userDropdownIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}@keyframes userDropdownIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .nav-user-dropdown{background:#1e1e1e;border-color:#ffffff14;box-shadow:0 8px 32px #0006}.nav-user-dropdown-header{align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-user-dropdown-name{color:var(--text,#333);font-size:13px;font-weight:600}.nav-user-dropdown-email{color:var(--text-muted,#999);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;overflow:hidden}.nav-user-dropdown-sep{background:var(--border,#e0e0e0);height:1px;margin:4px 8px}[data-theme=dark] .nav-user-dropdown-sep{background:#ffffff0f}.nav-user-dropdown-item{width:100%;color:var(--text,#333);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:13px;text-decoration:none;transition:background .15s;display:block}.nav-user-dropdown-item:hover{background:var(--bg-hover,#f5f5f5)}[data-theme=dark] .nav-user-dropdown-item:hover{background:#ffffff0f}.nav-user-dropdown-item--danger{color:#e74c3c}.nav-user-dropdown-item--danger:hover{color:#e74c3c;background:#e74c3c14}.mobile-menu-btn{display:none}.ham-line{background:var(--text,#333);border-radius:2px;width:20px;height:2px;margin:2.5px 0;transition:transform .35s cubic-bezier(.68,-.55,.27,1.55),opacity .25s;display:block}.cart-icon,.save-icon{width:auto;height:22px;display:block}.mobile-menu-overlay{display:none}.theme-toggle{cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:18px;line-height:1;transition:transform .3s}.theme-toggle:hover{transform:scale(1.15)}.cart-btn{cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:inherit;position:relative}.cart-dropdown{top:var(--header-height,80px);z-index:200;background:#fff;border-radius:12px;width:340px;max-width:calc(100vw - 32px);max-height:calc(100vh - 120px);padding:20px;animation:.25s ease-out slideInRight;position:fixed;right:20px;overflow-y:auto;box-shadow:0 12px 40px #00000026}.mobile-search-btn,.mobile-search-bar{display:none}@media (width<=768px){.header{z-index:10002;flex-wrap:wrap;gap:4px;height:auto;min-height:auto;padding:8px 12px}.left{text-align:left;order:1;width:auto}.logo{font-size:15px}.center{flex:1;order:2;justify-content:flex-end;gap:4px}.right{order:3;gap:2px}.theme-toggle,.saved{display:none!important}.nav-links-desktop{display:none}.mobile-menu-btn{cursor:pointer;z-index:10001;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:4px 6px;font-family:inherit;display:inline-flex;position:relative}.mobile-menu-btn.active .ham-line:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-btn.active .ham-line:nth-child(2){opacity:0}.mobile-menu-btn.active .ham-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#00000080;animation:.3s mobileOverlayFadeIn;display:block;position:fixed;inset:0}[data-theme=light] .mobile-menu-overlay{background:#00000040}.mobile-menu-content{background:var(--bg-card,#1e1e1e);z-index:10000;border-left:1px solid var(--border,#333);flex-direction:column;width:300px;max-width:85vw;height:100vh;padding:72px 20px 24px;animation:.35s cubic-bezier(.22,1,.36,1) mobilePanelSlideIn;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 30px #0000004d}[data-theme=light] .mobile-menu-content{background:#fff;border-left-color:#eee;box-shadow:-8px 0 30px #0000001a}.mobile-menu-user{border-bottom:1px solid var(--border,#333);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;animation:.4s cubic-bezier(.22,1,.36,1) .1s backwards mobileLinkSlide;display:flex}[data-theme=light] .mobile-menu-user{border-bottom-color:#eee}.mobile-menu-avatar{background:var(--accent,#e99c2e);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.mobile-menu-user-text{flex:1;min-width:0}.mobile-menu-user-name{color:var(--text,#fff);font-size:15px;font-weight:700}.mobile-menu-user-email{color:var(--text-secondary,#999);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mobile-menu-links{flex-direction:column;flex:1;gap:2px;margin:0;padding:0;list-style:none;display:flex}.mobile-menu-links a,.mobile-menu-links button{color:var(--text,#fff);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,padding-left .25s;animation:.4s cubic-bezier(.22,1,.36,1) backwards mobileLinkSlide;display:flex}[data-theme=light] .mobile-menu-links a,[data-theme=light] .mobile-menu-links button{color:#333}.mobile-menu-links a:hover,.mobile-menu-links a.active,.mobile-menu-links button:hover{color:var(--accent,#e99c2e);background:#e99c2e1a;padding-left:18px}[data-theme=light] .mobile-menu-links a:hover,[data-theme=light] .mobile-menu-links a.active,[data-theme=light] .mobile-menu-links button:hover{background:#e99c2e14}.mobile-menu-links .mobile-sell-link{background:var(--accent,#e99c2e);border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:8px;margin-bottom:4px;padding:12px 20px;font-size:14px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #e99c2e40;color:#fff!important}.mobile-menu-links .mobile-sell-link:hover{background:#d08a1f;padding-left:20px;transform:translateY(-1px);box-shadow:0 6px 20px #e99c2e59}.mobile-menu-theme{margin-top:4px;padding:0 16px}.mobile-menu-theme-btn{width:100%;color:var(--text,#333);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-family:inherit;font-size:14px;transition:background .15s;display:flex}.mobile-menu-theme-btn:hover{background:var(--bg-hover,#f5f5f5)}[data-theme=dark] .mobile-menu-theme-btn{color:#e0e0e0}[data-theme=dark] .mobile-menu-theme-btn:hover{background:#ffffff0f}.mobile-menu-footer-links{border-top:1px solid var(--border,#333);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding-top:16px;font-size:12px;display:flex}[data-theme=light] .mobile-menu-footer-links{border-top-color:#eee}.mobile-menu-footer-links a{color:var(--text-secondary,#999);text-decoration:none;transition:color .2s}.mobile-menu-footer-links a:hover,.mobile-menu-footer-links a.active{color:var(--accent,#e99c2e)}.mobile-menu-sep{color:var(--border,#444);font-size:11px}.mobile-menu-links>:first-child{animation-delay:0s}.mobile-menu-links>:nth-child(2){animation-delay:40ms}.mobile-menu-links>:nth-child(3){animation-delay:80ms}.mobile-menu-links>:nth-child(4){animation-delay:.12s}.mobile-menu-links>:nth-child(5){animation-delay:.16s}.mobile-menu-links>:nth-child(6){animation-delay:.2s}.mobile-menu-links>:nth-child(7){animation-delay:.24s}.mobile-menu-links>:nth-child(8){animation-delay:.28s}.mobile-menu-links>:nth-child(9){animation-delay:.32s}@keyframes mobilePanelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes mobileOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileLinkSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cart-dropdown{top:var(--header-height,60px);width:300px;padding:16px;right:8px}.center a{border-radius:0;align-items:center;padding:6px 10px;font-size:13px;display:inline-flex}.nav-search{display:none}.mobile-search-btn{color:#333;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:6px 8px;font-family:inherit;display:inline-flex}.mobile-search-btn:hover{color:#e99c2e}.cart-icon,.save-icon{height:18px}.count{width:16px;height:16px;font-size:9px;top:-5px;right:-5px}.mobile-search-bar{background:#f8f8f8;border-top:1px solid #e0e0e0;padding:10px 16px;display:block}.mobile-search-bar form{gap:8px;max-width:600px;margin:0 auto;display:flex}.mobile-search-bar input{border:2px solid #e0e0e0;border-radius:6px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .3s}.mobile-search-bar input:focus{border-color:#e99c2e}.mobile-search-bar button[type=submit]{color:#fff;cursor:pointer;background:#e99c2e;border:none;border-radius:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .3s}.mobile-search-bar button[type=submit]:hover{background:#d08a1f}.mobile-search-cancel{color:#666;cursor:pointer;background:0 0;border:none;padding:10px 12px;font-family:inherit;font-size:14px}.mobile-search-cancel:hover{color:#333}.heading{gap:8px;padding:24px 16px;font-size:24px}.heading h1{font-size:24px}}@media (width<=480px){.header{gap:4px;padding:6px 10px}.left{margin-bottom:2px}.logo{font-size:14px}.center{gap:2px}.center a{border-radius:0;align-items:center;padding:4px 8px;font-size:12px;display:inline-flex}.mobile-search-btn{color:#333;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;padding:4px 8px;font-family:inherit;font-size:12px;transition:color .3s;display:inline-block}.nav-products a{padding:4px 8px}.cart-icon,.save-icon{height:18px}.count{width:14px;height:14px;font-size:8px;top:-4px;right:-4px}.mobile-search-bar{padding:8px 12px}.mobile-search-bar input{padding:8px 12px;font-size:13px}.mobile-search-bar button[type=submit]{padding:8px 14px;font-size:13px}.mobile-search-cancel{padding:8px;font-size:13px}.mobile-menu-btn{padding:4px 6px}.heading{gap:8px;padding:20px 12px;font-size:18px}.heading h1{font-size:18px}}:root{--skeleton-start:#f0ece8;--skeleton-mid:#e5dfd8;--bg:#fff;--bg-card:#fff;--bg-surface:#f5f5f5;--bg-input:#fff;--text:#333;--text-secondary:#666;--border:#e0e0e0;--accent:#e99c2e;--accent-hover:#d08a1f;--shadow:#00000014}[data-theme=dark]{--bg:#121212;--bg-card:#1e1e1e;--bg-surface:#2a2a2a;--bg-input:#2a2a2a;--text:#e0e0e0;--text-secondary:#999;--border:#333;--accent:#e99c2e;--accent-hover:#d08a1f;--shadow:#0006;--skeleton-start:#2a2a2a;--skeleton-mid:#363636}[data-theme=dark] body{background-color:var(--bg);color:var(--text)}[data-theme=dark] .header{background-color:var(--bg-card)}[data-theme=dark] .nav-sell-link{color:#fff;background:#e99c2e}[data-theme=dark] .center a:not(.active){color:var(--text)}[data-theme=dark] .center a.active{color:var(--accent)}[data-theme=dark] .nav-search-input{background:var(--bg-surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .nav-search-input::placeholder{color:var(--text-secondary)}[data-theme=dark] .cart-dropdown{background:var(--bg-card);box-shadow:0 12px 40px var(--shadow)}[data-theme=dark] .heading{color:var(--text)}[data-theme=dark] .footer{background:var(--bg-card)}[data-theme=dark] .page-loader{background:var(--bg)}[data-theme=dark] .page-loader-text{color:var(--accent)}[data-theme=dark] .count{background:var(--accent)}[data-theme=dark] .link-button{color:var(--accent)}[data-theme=dark] .mobile-search-bar{background:var(--bg-card);border-top-color:var(--border)}[data-theme=dark] .mobile-search-bar input{background:var(--bg-surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .mobile-search-bar input::placeholder{color:var(--text-secondary)}[data-theme=dark] .back-btn{background:var(--accent);color:#fff}[data-theme=dark] .back-btn:hover{background:var(--accent-hover)}[data-theme=dark] .back-to-top,[data-theme=dark] .save-button-small{background:var(--accent)}[data-theme=dark] .save-button-small:hover{background:var(--accent-hover)}[data-theme=dark] .theme-toggle svg{stroke:#e0e0e0}[data-theme=dark] .cart-btn img,[data-theme=dark] .mobile-search-btn img,[data-theme=dark] .save-icon,[data-theme=dark] .cart-icon{filter:brightness(0)invert(.85)}.empty-state-link{color:#e99c2e;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;text-decoration:underline}[data-theme=dark] .empty-state-link{color:var(--accent)}.pwa-install-banner{z-index:9998;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 4px 24px var(--shadow);border-radius:12px;align-items:center;gap:12px;max-width:400px;margin:0 auto;padding:12px 16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.pwa-install-banner img{border-radius:10px;flex-shrink:0;width:40px;height:40px}.pwa-install-text{flex:1;line-height:1.3}.pwa-install-title{color:var(--text);font-size:14px;font-weight:700}.pwa-install-sub{color:var(--text-secondary);font-size:12px}.pwa-install-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700}.pwa-install-dismiss{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 4px 0;font-family:inherit;font-size:18px;line-height:1}.pwa-install-dismiss:hover{color:var(--text)}html,body{height:100%}#root{flex-direction:column;min-height:100vh;display:flex}.layout-wrap{flex:1}.page-loading{color:#999;justify-content:center;align-items:center;min-height:60vh;font-size:14px;display:flex}.page-loading:after{content:"Loading...";animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.footer{color:#ccc;background:#1a1a1a;margin-top:60px;padding:60px 20px 0}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding-bottom:40px;display:grid}.footer-brand h3{color:#e99c2e;margin:0 0 12px;font-size:24px;font-weight:800}.footer-brand p{color:#999;margin:0;font-size:14px;line-height:1.6}.footer-links h4,.footer-contact h4{color:#fff;text-transform:uppercase;margin:0 0 16px;font-size:15px;font-weight:700}.footer-links a{color:#999;margin-bottom:10px;font-size:14px;text-decoration:none;transition:color .3s;display:block}.footer-links a:hover{color:#e99c2e}.footer-contact p{color:#999;margin:0;font-size:14px}.footer-newsletter h4{color:#fff;text-transform:uppercase;margin:0 0 8px;font-size:15px;font-weight:700}.footer-newsletter p{color:#999;margin:0 0 12px;font-size:13px}.newsletter-form{gap:6px;display:flex}.newsletter-input{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:6px;outline:none;flex:1;min-width:0;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .3s}.newsletter-input:focus{border-color:#e99c2e}.newsletter-input::placeholder{color:#666}.newsletter-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#e99c2e;border:none;border-radius:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .3s}.newsletter-btn:hover{background:#d08a1f}[data-theme=dark] .newsletter-input{background:var(--bg-surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .newsletter-input::placeholder{color:var(--text-secondary)}.footer-bottom{text-align:center;border-top:1px solid #333;padding:20px}.footer-bottom p{color:#666;margin:0;font-size:13px}.lightbox-overlay{z-index:1000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-close{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;font-family:inherit;font-size:40px;position:absolute;top:20px;right:30px}.lightbox-image{object-fit:contain;cursor:default;border-radius:4px;max-width:90vw;max-height:90vh}.skeleton-card{background:var(--skeleton-start);border-radius:8px;padding:20px;overflow:hidden}.skeleton-img{background:linear-gradient(90deg, var(--skeleton-start) 25%, var(--skeleton-mid) 50%, var(--skeleton-start) 75%);background-size:200% 100%;border-radius:4px;width:100%;height:280px;animation:1.8s ease-in-out infinite shimmer}.skeleton-text{background:linear-gradient(90deg, var(--skeleton-start) 25%, var(--skeleton-mid) 50%, var(--skeleton-start) 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-top:16px;animation:1.8s ease-in-out infinite shimmer}.skeleton-text.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card:nth-child(2) .skeleton-img,.skeleton-card:nth-child(2) .skeleton-text{animation-delay:.1s}.skeleton-card:nth-child(3) .skeleton-img,.skeleton-card:nth-child(3) .skeleton-text{animation-delay:.2s}.skeleton-card:nth-child(4) .skeleton-img,.skeleton-card:nth-child(4) .skeleton-text{animation-delay:.3s}.related-products{max-width:1200px;margin:0 auto;padding:40px 20px 60px}.related-products h2{color:#333;text-align:center;text-transform:uppercase;margin-bottom:30px;font-size:24px;font-weight:700}.sort-bar{justify-content:flex-end;align-items:center;gap:12px;margin:0 10% 20px;display:flex}.sort-bar-group{align-items:center;gap:6px;display:flex}.sort-bar-label{color:#888;white-space:nowrap;font-size:13px;font-weight:500}.sort-bar-select{color:#333;cursor:pointer;appearance:none;background:#fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid #e0e0e0;border-radius:8px;min-width:0;padding:10px 32px 10px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.sort-bar-select:hover{background-color:#fff;border-color:#ccc}.sort-bar-select:focus{background-color:#fff;border-color:#e99c2e;outline:none;box-shadow:0 0 0 3px #e99c2e1f}.cat-select-mobile{display:none}.price-range-group{align-items:center;gap:6px;display:flex}.price-range-input{width:80px}.price-range-sep{color:#999;font-size:14px}@media (width<=768px){.price-range-group,.price-range-input{width:100%}}.back-to-top{color:#fff;cursor:pointer;z-index:99;background:#e99c2e;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #0003}.back-to-top:hover{background:#d08a1f;transform:translateY(-3px)}.product-save-btn{color:#fff;cursor:pointer;background:#e99c2e;border:none;border-radius:4px;margin-top:10px;padding:8px 20px;font-family:inherit;font-size:12px;font-weight:600;transition:all .3s;display:inline-block}.product-save-btn:hover:not(:disabled){background:#d08a1f;transform:translateY(-1px)}.product-save-btn:disabled{cursor:default;background:#ccc}@media (width<=768px){.cat-select-mobile{display:block}.sort-bar{flex-direction:column;align-items:stretch;gap:10px;margin:0 5% 16px}.sort-bar-group,.sort-bar-select{width:100%}.price-range-group{flex-wrap:wrap}.price-range-input{flex:1;width:auto}.footer-content{grid-template-columns:1fr;gap:30px}.related-products{padding:30px 16px 40px}}.saved-skeleton{max-width:1200px;margin:0 auto;padding:0 20px}.saved-skeleton .products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.track-order-skeleton{max-width:600px;margin:32px auto;padding:0 20px}.skeleton-track-form{gap:10px;margin-bottom:28px;display:flex}.skeleton-input-line{background:linear-gradient(90deg, var(--skeleton-start) 25%, var(--skeleton-mid) 50%, var(--skeleton-start) 75%);background-size:200% 100%;border-radius:8px;flex:1;height:44px;animation:1.5s infinite skeleton-shimmer}.skeleton-btn-line{background:linear-gradient(90deg, var(--skeleton-start) 25%, var(--skeleton-mid) 50%, var(--skeleton-start) 75%);background-size:200% 100%;border-radius:8px;width:100px;height:44px;animation:1.5s infinite skeleton-shimmer}.skeleton-track-card{border:1px solid var(--border);border-radius:12px;padding:20px}.skeleton-track-header,.skeleton-track-body{background:linear-gradient(90deg, var(--skeleton-start) 25%, var(--skeleton-mid) 50%, var(--skeleton-start) 75%);background-size:200% 100%;border-radius:4px;width:80%;height:14px;margin-bottom:20px;animation:1.8s ease-in-out infinite shimmer}.skeleton-track-header{width:50%;height:20px}.notification-bell-wrap{position:relative}.notification-bell-btn{cursor:pointer;color:var(--text,#333);background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;transition:background .2s;display:flex;position:relative}.notification-bell-btn:hover{background:var(--hover-bg,#0000000d)}.notification-badge{color:#fff;background:#e53e3e;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:0}.notification-panel{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e5e5);z-index:1000;border-radius:12px;flex-direction:column;width:360px;max-height:480px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.notification-panel-header{border-bottom:1px solid var(--border,#eee);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notification-panel-header h3{color:var(--text,#333);margin:0;font-size:15px;font-weight:700}.notification-panel-actions{gap:8px;display:flex}.notification-action-btn{color:#e99c2e;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600}.notification-action-btn:hover{text-decoration:underline}.notification-action-btn--danger{color:#e53e3e}.notification-list{flex:1;overflow-y:auto}.notification-empty{color:#999;flex-direction:column;justify-content:center;align-items:center;padding:40px 16px;display:flex}.notification-empty p{margin-top:8px;font-size:14px}.notification-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border,#f5f5f5);background:0 0;align-items:flex-start;gap:10px;width:100%;padding:12px 16px;font-family:inherit;transition:background .15s;display:flex;position:relative}.notification-item:hover{background:var(--hover-bg,#f9f9f9)}.notification-item--unread{background:#e99c2e0a}.notification-item--unread:hover{background:#e99c2e14}.notification-icon{flex-shrink:0;margin-top:2px;font-size:20px;line-height:1}.notification-content{flex:1;min-width:0}.notification-title{color:var(--text,#333);margin-bottom:2px;font-size:13px;font-weight:600}.notification-body{color:var(--text-muted,#888);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-time{color:#bbb;margin-top:4px;font-size:11px}.notification-dot{background:#e99c2e;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}@media (width<=480px){.notification-panel{border-radius:16px 16px 0 0;width:100%;max-height:70vh;position:fixed;inset:auto 0 0}}[data-theme=dark] .notification-bell-btn{color:var(--text)}[data-theme=dark] .notification-bell-btn:hover{background:#ffffff14}[data-theme=dark] .notification-panel{background:var(--bg-card);border-color:var(--border);box-shadow:0 8px 32px #0006}[data-theme=dark] .notification-panel-header{border-bottom-color:var(--border)}[data-theme=dark] .notification-panel-header h3{color:var(--text)}[data-theme=dark] .notification-item{border-bottom-color:var(--border);color:var(--text)}[data-theme=dark] .notification-item:hover{background:#ffffff0d}[data-theme=dark] .notification-item--unread{background:#e99c2e14}[data-theme=dark] .notification-item--unread:hover{background:#e99c2e1f}[data-theme=dark] .notification-title{color:var(--text)}[data-theme=dark] .notification-body,[data-theme=dark] .notification-empty{color:var(--text-secondary)}