.announcement-bar{background:var(--color-navy);color:var(--color-text-light);font-size:13px;font-weight:var(--weight-medium);letter-spacing:.01em;height:var(--announcement-height);display:flex;align-items:center;overflow:hidden}.announcement-content{display:flex;justify-content:center;align-items:center;gap:var(--space-8);width:100%;white-space:nowrap}.announcement-item{display:inline-flex;align-items:center;gap:6px}.announcement-item:before{content:"";width:3px;height:3px;background:#ffffff59;border-radius:50%;flex-shrink:0}.announcement-item:first-child:before{display:none}@media(max-width:768px){.announcement-content{gap:var(--space-4);font-size:12px;justify-content:flex-start;padding:0 var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.announcement-content::-webkit-scrollbar{display:none}}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg);border-bottom:1px solid var(--color-border);transition:box-shadow var(--transition-base)}.site-header.scrolled{box-shadow:0 1px 8px #0000000f}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-4)}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:1.2rem;flex-shrink:0;letter-spacing:-.02em;transition:opacity var(--transition-fast)}.logo:hover{opacity:.85;color:var(--color-text)}.logo-icon{display:flex;align-items:center;justify-content:center}.mega-nav{display:flex;align-items:center;gap:2px}.mega-nav-item{position:relative}.mega-nav-link{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;font-size:14px;font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none;border-radius:8px;transition:all var(--transition-fast);white-space:nowrap}.mega-nav-link:hover{color:var(--color-primary);background:var(--color-primary-soft)}.mega-arrow{width:14px;height:14px;transition:transform var(--transition-fast)}.mega-nav-item:hover .mega-arrow{transform:rotate(180deg)}.mega-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);min-width:580px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:all var(--transition-base);pointer-events:none;z-index:var(--z-dropdown);padding:var(--space-6)}.mega-dropdown:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.mega-nav-item:hover .mega-dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.mega-dropdown-inner{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:var(--space-6);align-items:start}.mega-col h4{font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.mega-col a{display:block;padding:8px 10px;font-size:13px;color:var(--color-text-secondary);text-decoration:none;border-radius:6px;transition:all var(--transition-fast)}.mega-col a:first-of-type{font-weight:var(--weight-semibold);color:var(--color-text)}.mega-col a:hover{background:var(--color-primary-soft);color:var(--color-primary);transform:translate(3px)}.mega-featured{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);min-width:170px}.mega-featured-label{font-size:11px;font-weight:var(--weight-bold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.mega-featured-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--color-primary);color:var(--color-text-inverse)!important;text-decoration:none;font-weight:var(--weight-bold);font-size:13px;padding:10px 14px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.mega-featured-link:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #155eef4d}@media(max-width:1024px){.mega-nav{display:none}}.header-actions{display:flex;align-items:center;gap:6px}.header-search-toggle,.header-cart{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);position:relative}.header-search-toggle:hover,.header-cart:hover{background:var(--color-bg-soft);color:var(--color-primary)}.cart-count{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:var(--weight-bold);line-height:18px;text-align:center;color:var(--color-text-inverse);background:var(--color-accent);border-radius:var(--radius-full)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer}.mobile-menu-toggle span{display:block;width:20px;height:2px;background:var(--color-text);border-radius:1px;transition:all var(--transition-fast)}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.mobile-menu-toggle{display:flex}}.mobile-nav{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;background:var(--color-bg);z-index:var(--z-modal);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:4px 0 20px #0000001a;visibility:hidden}.mobile-nav.is-open{transform:translate(0);visibility:visible}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--z-modal) - 1);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-nav-overlay.is-open{opacity:1;visibility:visible}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.mobile-nav-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg)}.mobile-nav-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);transition:background var(--transition-fast)}.mobile-nav-close:hover{background:var(--color-bg-soft)}.mobile-nav-content{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-6)}.mobile-nav-link{display:block;padding:14px 0;font-size:15px;font-weight:var(--weight-medium);color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-border-light);transition:color var(--transition-fast)}.mobile-nav-link:hover{color:var(--color-primary)}.mobile-nav-divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}@media(min-width:769px){.mobile-nav{display:none!important}}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:120px}.search-overlay[hidden]{display:none}.search-form{display:flex;align-items:center;width:100%;max-width:620px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:6px;box-shadow:var(--shadow-xl);transition:border-color var(--transition-fast)}.search-form:focus-within{border-color:var(--color-primary)}.search-input{flex:1;padding:14px 16px;font-size:var(--text-lg);border:none;outline:none;background:transparent;font-family:var(--font-sans);color:var(--color-text)}.search-submit,.search-close{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text);transition:all var(--transition-fast)}.search-submit:hover,.search-close:hover{background:var(--color-bg-soft);color:var(--color-primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.collection-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.collection-controls__left{display:flex;align-items:center;gap:var(--space-4)}.collection-count{font-size:var(--text-sm);color:var(--color-text-muted)}.collection-count strong{color:var(--color-text);font-weight:var(--weight-semibold)}.view-toggle{display:inline-flex;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px;gap:2px}.view-toggle__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.view-toggle__btn:hover{color:var(--color-text)}.view-toggle__btn.active{background:var(--color-bg);color:var(--color-primary);box-shadow:var(--shadow-sm)}.view-toggle__btn svg{width:18px;height:18px}.sort-dropdown{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.sort-dropdown select{padding:8px 32px 8px 12px;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;transition:border-color var(--transition-fast)}.sort-dropdown select:focus{outline:none;border-color:var(--color-primary)}.product-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;text-decoration:none;color:var(--color-text);transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative}.product-card:hover{border-color:transparent;transform:translateY(-6px);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 20px 25px -5px #0000000f,0 0 0 1px #155eef1a;color:var(--color-text)}.card-media{position:relative;aspect-ratio:1;background:linear-gradient(135deg,var(--color-bg-soft) 0%,#f8fafc 100%);overflow:hidden;padding:var(--space-8);display:flex;align-items:center;justify-content:center}.card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.02) 100%);pointer-events:none}.card-img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.product-card:hover .card-img{transform:scale(1.08)}.card-badges{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;gap:6px}.card-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);line-height:1;white-space:nowrap}.card-badge--sale{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;box-shadow:0 2px 8px #ef44444d}.card-badge--new{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;box-shadow:0 2px 8px #10b9814d}.card-badge--trending{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.card-badge--popular{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#422006;box-shadow:0 2px 8px #f59e0b4d}.card-badge--soldout{background:#6b7280e6;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-wishlist{position:absolute;top:12px;right:12px;z-index:3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;opacity:0;transform:scale(.8);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.product-card:hover .card-wishlist{opacity:1;transform:scale(1)}.card-wishlist:hover{color:#ef4444;background:#fff;box-shadow:0 4px 12px #0000001f}.card-wishlist.active{color:#ef4444;opacity:1;transform:scale(1)}.card-wishlist.active svg{fill:#ef4444}.card-quick-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--weight-bold);font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:12px 16px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #155eef4d;font-family:var(--font-sans);width:100%;margin-top:auto}.card-quick-add:hover{background:var(--color-primary-hover);box-shadow:0 6px 20px #155eef66;transform:translateY(-2px)}.card-quick-add:active{transform:translateY(0);box-shadow:0 2px 8px #155eef4d}.card-body{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:6px;flex:1;border-top:1px solid var(--color-border-light)}.card-vendor{font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)}.card-title{font-size:14px;font-weight:var(--weight-semibold);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast);margin:0;color:var(--color-text);letter-spacing:-.01em}.product-card:hover .card-title{color:var(--color-primary)}.card-rating{display:flex;align-items:center;gap:4px}.card-stars{display:flex;gap:1px;color:#f59e0b}.card-review-count{font-size:11px;color:var(--color-text-muted)}.card-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:var(--space-2)}.card-price--current{color:var(--color-text);font-weight:var(--weight-bold);font-size:16px;letter-spacing:-.02em}.card-price--sale{color:var(--color-accent);font-weight:var(--weight-bold);font-size:16px;letter-spacing:-.02em}.card-price--compare{color:var(--color-text-muted);text-decoration:line-through;font-size:13px;font-weight:var(--weight-normal)}.card-delivery{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-success);font-weight:var(--weight-medium);margin-top:2px}.card-delivery svg{flex-shrink:0;opacity:.7}.product-card.is-sold-out .card-img{opacity:.35;filter:grayscale(.6)}.product-card.is-sold-out .card-title,.product-card.is-sold-out .card-price--current,.product-card.is-sold-out .card-price--sale{color:var(--color-text-muted)}.product-grid--list{grid-template-columns:1fr;gap:var(--space-4)}.product-grid--list .product-card{flex-direction:row;align-items:stretch}.product-grid--list .card-media{width:200px;min-width:200px;aspect-ratio:auto;padding:var(--space-4)}.product-grid--list .card-body{flex:1;padding:var(--space-5) var(--space-6);justify-content:center}.product-grid--list .card-quick-add{position:static;opacity:1;transform:none;width:auto;padding:10px 20px;margin-top:var(--space-3)}.product-grid--list .card-wishlist{opacity:1;transform:none;position:static}@media(max-width:640px){.product-grid--list .product-card{flex-direction:column}.product-grid--list .card-media{width:100%;aspect-ratio:1}}.site-footer{background:var(--color-navy);color:var(--color-text-light);padding:var(--space-16) 0 0;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-12);padding-bottom:var(--space-12)}.footer-brand{max-width:300px}.footer-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text-inverse);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:1.2rem;margin-bottom:var(--space-4);letter-spacing:-.02em}.footer-logo:hover{color:var(--color-text-inverse)}.footer-tagline{color:#fff9;font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-6)}.footer-social{display:flex;gap:var(--space-3)}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#ffffff80;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-decoration:none;transition:all var(--transition-fast)}.footer-social a:hover{color:var(--color-text-inverse);border-color:#ffffff4d;background:#ffffff14}.footer-col h4{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-inverse);margin-bottom:var(--space-5);opacity:.5}.footer-col a{display:block;padding:6px 0;font-size:var(--text-sm);color:#ffffffa6;text-decoration:none;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-text-inverse)}.footer-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-8);padding:var(--space-8) 0;border-top:1px solid var(--color-border-dark)}.trust-item{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);color:#fff9}.trust-item svg{color:var(--color-success);flex-shrink:0;width:18px;height:18px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) 0;border-top:1px solid var(--color-border-dark);font-size:var(--text-sm);color:#fff6}.payment-icons{display:flex;gap:var(--space-2)}.payment-icon{padding:4px 10px;font-size:10px;font-weight:var(--weight-bold);color:#ffffff80;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.payment-icon-svg{height:24px;width:auto;border-radius:4px;opacity:.7;transition:opacity var(--transition-fast)}.payment-icon-svg:hover{opacity:1}@media(max-width:768px){.site-footer{padding:var(--space-12) 0 0}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-brand{max-width:100%}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/components.css.map */