:root{--theme-bg:#ffffff;--primary:#7b5a7c;--primary-dark:#634565;--primary-light:#9d7c9e;--secondary:#c9a87c;--secondary-dark:#a8875c;--secondary-light:#e0d4dc;--secondary-pale:#f7eff4;--white:#ffffff;--gray:#f5f3fa;--ink:#3c2f3a;--muted:#6e626a;--rose:#9a4d5f;--rose-deep:#7d3d4d;--rainbow:linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026,#24408e,#732982);--brand-sky:var(--primary);--brand-secondary:var(--rose);--brand-highlight:var(--secondary);--brand-accent:var(--primary);--brand-dark:var(--ink);--brand-panel:var(--white);--brand-card:var(--white);--brand-text:var(--ink);--brand-muted:var(--muted);--brand-border:var(--secondary-light);--brand-bg:var(--white);--brand-bg-secondary:var(--white);--brand-text-muted:var(--muted);--brand-accent-warm:var(--primary);--brand-accent-warm-hover:var(--primary-dark);--brand-border-light:var(--secondary-light);--font-sans:'Poppins','Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:'Poppins','Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-hand:'Satoshi','Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-dm:'Satoshi','Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'Poppins','Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--radius-xl:18px;--radius-lg:13px;--radius-md:9px;--radius-sm:6px;--radius-full:9999px;--transition-fast:.14s ease;--transition-base:.24s ease;--transition-slow:.36s ease;--transition-smooth:.24s ease;--header-height:64px;--max-width:1350px;--bg-primary:var(--white);--bg-secondary:var(--white);--bg-white:var(--white);--text-primary:var(--ink);--text-secondary:var(--muted);--text-muted:var(--muted);--accent:var(--primary);--accent-hover:var(--primary-dark);--border:var(--secondary-light);--border-light:var(--secondary-light);--error:var(--rose-deep);--success:var(--primary);--shadow-sm:0 1px 3px rgba(60,47,58,.05);--shadow-md:0 5px 18px rgba(60,47,58,.07);--shadow-lg:0 12px 34px rgba(60,47,58,.09);} *,*::before,*::after{box-sizing:border-box;} html{scroll-behavior:smooth;font-size:16px;margin:0;padding:0;overflow-x:clip;} body{font-family:var(--font-sans);color:var(--brand-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:clip;background:var(--brand-bg);width:100%;font-size:15px;letter-spacing:-0.01em;} img{max-width:100%;height:auto;display:block;} a{color:inherit;transition:color var(--transition-fast);} button{cursor:pointer;border:none;background:transparent;font-family:inherit;} ul,ol{list-style:none;margin:0;padding:0;} *{scrollbar-width:thin;scrollbar-color:var(--brand-border) transparent;}::-webkit-scrollbar{width:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--brand-border);border-radius:20px;}::-webkit-scrollbar-thumb:hover{background:var(--brand-text-muted);}::selection{background:rgba(184,151,126,0.25);color:var(--brand-text);} input:focus,select:focus,textarea:focus{outline:none;} a:focus-visible,button:focus-visible,input[type="submit"]:focus-visible,input[type="button"]:focus-visible,input[type="checkbox"]:focus-visible,input[type="radio"]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand-dark);outline-offset:3px;border-radius:2px;} .site-header,.header-inner,.site-branding,.nav-actions,.main-navigation{overflow:visible;} .skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--brand-dark);color:#fff;padding:12px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:500;z-index:10000;transition:top var(--transition-base);} .skip-link:focus{top:16px;color:#fff;} .font-display{font-family:var(--font-display);} .font-sans{font-family:var(--font-sans);} .font-hand{font-family:var(--font-hand);} .font-dm{font-family:var(--font-dm);} .font-mono{font-family:var(--font-mono);} .container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;} .text-brand-sky{color:var(--brand-sky);} .text-brand-secondary{color:var(--brand-secondary);} .text-brand-highlight{color:var(--brand-highlight);} .text-brand-accent{color:var(--brand-accent);} .text-brand-dark{color:var(--brand-dark);} .text-brand-muted{color:var(--brand-muted);} .text-white{color:#fff;} .bg-brand-sky{background-color:var(--brand-sky);} .bg-brand-secondary{background-color:var(--brand-secondary);} .bg-brand-highlight{background-color:var(--brand-highlight);} .bg-brand-accent{background-color:var(--brand-accent);} .bg-brand-dark{background-color:var(--brand-dark);} .bg-brand-bg{background-color:var(--brand-bg);} .bg-brand-card{background-color:var(--brand-card);} .bg-white{background-color:#fff;} .border-brand-border{border-color:var(--brand-border);} .card-hover{transition:all var(--transition-base);} .card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,0.08);} .img-zoom{overflow:hidden;} .img-zoom img{transition:transform var(--transition-slow);} .img-zoom:hover img{transform:scale(1.06);} .alignnone{margin:5px 20px 20px 0;} .aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto;} .alignright{text-align:right;margin:5px 0 20px 20px;} .alignleft{text-align:left;margin:5px 20px 20px 0;} a img.alignright{float:right;margin:5px 0 20px 20px;} a img.alignnone{margin:5px 20px 20px 0;} a img.alignleft{float:left;margin:5px 20px 20px 0;} a img.aligncenter{display:block;margin-left:auto;margin-right:auto;} .wp-caption{background:#fff;max-width:96%;padding:5px 3px 10px;text-align:center;} .wp-caption.alignnone{margin:5px 20px 20px 0;} .wp-caption.alignleft{margin:5px 20px 20px 0;} .wp-caption.alignright{margin:5px 0 20px 20px;} .wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;} .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;} .screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute !important;white-space:nowrap;height:1px;width:1px;overflow:hidden;} .screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;} .sticky{padding-bottom:2px;} .entry-title .la-thumb-tack{padding-right:5px;} .gallery-caption{font-size:16px;font-weight:700;} .bypostauthor{font-size:14px;color:#555;} .center{text-align:center;} .header-main{display:flex;align-items:center;justify-content:space-between;height:64px;} .site-description{font-family:var(--font-sans);font-size:11px;font-weight:400;color:var(--brand-muted);letter-spacing:0.02em;margin-top:2px;line-height:1.2;} .site-branding .custom-logo-link{display:block;} .site-branding .custom-logo{max-height:40px;width:auto;max-width:180px;object-fit:contain;} .site-branding .site-logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity var(--transition-fast);min-width:0;} .site-branding .site-logo-link:hover{opacity:0.7;} .site-branding .site-logo-link .custom-logo-link{flex-shrink:0;} .site-branding .site-title-text{display:flex;flex-direction:column;gap:1px;min-width:0;} .site-branding .site-title-name{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-0.02em;color:var(--brand-dark);line-height:1.2;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;} .site-branding .site-title-text .site-description{font-family:var(--font-sans);font-size:11px;font-weight:400;color:var(--brand-muted);letter-spacing:0.02em;line-height:1.2;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;} .main-navigation{display:none;} .nav-menu{list-style:none;margin:0;padding:0;display:flex;gap:2px;} .nav-menu li{position:relative;} .nav-menu a{display:flex;align-items:center;gap:4px;padding:8px 16px;font-size:14px;color:var(--brand-muted);transition:color var(--transition-fast);} .nav-menu a:hover{color:var(--brand-dark);} .mega-menu{display:none;position:absolute;top:100%;left:0;padding-top:12px;z-index:100;} .nav-menu li:hover .mega-menu{display:block;} .mega-menu-inner{background:var(--brand-card);border:1px solid var(--brand-border);border-radius:var(--radius-xl);padding:32px;width:700px;box-shadow:0 20px 50px rgba(0,0,0,0.08);display:grid;grid-template-columns:repeat(4,1fr);gap:32px;} .mega-menu-col h4{font-family:var(--font-mono);font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--brand-sky);font-weight:600;margin:0 0 16px;} .mega-menu-col ul{list-style:none;margin:0;padding:0;} .mega-menu-col li{margin-bottom:10px;} .mega-menu-col a{font-size:14px;color:var(--brand-muted);transition:color var(--transition-fast);} .mega-menu-col a:hover{color:var(--brand-dark);} .header-actions{display:flex;align-items:center;gap:4px;} .header-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--brand-muted);transition:all var(--transition-fast);position:relative;border-radius:50%;background:transparent;} .header-action-btn:hover{color:var(--brand-dark);background:rgba(17,24,39,0.05);} .header-action-btn:active{transform:scale(0.95);} .header-action-btn svg{width:20px;height:20px;transition:transform var(--transition-fast);} .header-action-btn:hover svg{transform:scale(1.1);} .header-action-desktop{display:none;} .mobile-menu-toggle{display:flex;color:var(--brand-dark);padding:8px;} .mobile-menu-toggle svg{width:24px;height:24px;} .drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px);z-index:130;opacity:0;pointer-events:none;transition:opacity var(--transition-base);} .drawer-overlay.open{opacity:1;pointer-events:auto;} .drawer{position:fixed;top:0;height:100%;background:var(--brand-card);z-index:135;transition:transform var(--transition-base);box-shadow:0 0 50px rgba(0,0,0,0.08);} .drawer.right{right:0;width:100%;max-width:448px;transform:translateX(100%);border-left:1px solid var(--brand-border);} .drawer.left{left:0;width:100%;max-width:384px;transform:translateX(-100%);border-right:1px solid var(--brand-border);} .drawer.open{transform:translateX(0);} .drawer-inner{display:flex;flex-direction:column;height:100%;} .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--brand-border);} .drawer-title{font-size:18px;font-weight:600;} .drawer-close{color:#9ca3af;transition:color var(--transition-fast);} .drawer-close:hover{color:var(--brand-dark);} .drawer-body{flex:1;overflow-y:auto;padding:24px;} .drawer-footer{padding:24px;border-top:1px solid var(--brand-border);} .cart-drawer-item{display:flex;gap:16px;margin-bottom:24px;position:relative;} .cart-drawer-item:last-child{margin-bottom:0;} .cart-item-image{width:80px;height:96px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;background:#f3f4f6;} .cart-item-image img{width:100%;height:100%;object-fit:cover;} .cart-item-details{flex:1;} .cart-item-name{font-size:14px;font-weight:500;margin:0;} .cart-item-meta{font-size:12px;color:var(--brand-muted);margin-top:4px;} .cart-item-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px;} .cart-item-qty{display:flex;align-items:center;gap:8px;border:1px solid var(--brand-border);border-radius:var(--radius-sm);} .qty-btn{padding:4px 8px;font-size:12px;color:var(--brand-muted);} .qty-btn:hover{color:var(--brand-dark);} .qty-value{font-size:12px;font-weight:500;} .cart-item-price{font-size:14px;font-weight:600;} .cart-item-remove{position:absolute;top:0;right:0;width:24px;height:24px;border:none;background:transparent;color:var(--brand-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;transition:all var(--transition-fast);opacity:0;} .cart-drawer-item:hover .cart-item-remove{opacity:1;} .cart-item-remove:hover{color:#ef4444;background:rgba(239,68,68,0.08);} .cart-empty-state{text-align:center;padding:40px 20px;} .cart-empty-state p{color:var(--brand-muted);margin:16px 0 24px;} .cart-shipping-notice{display:flex;align-items:center;gap:8px;padding:12px;border-radius:var(--radius-lg);background:rgba(0,114,255,0.05);border:1px solid rgba(0,114,255,0.2);margin-bottom:16px;color:var(--brand-sky);font-size:12px;} .cart-subtotal{display:flex;justify-content:space-between;font-size:14px;margin-bottom:16px;} .subtotal-label{color:var(--brand-muted);} .subtotal-value{font-weight:600;} .btn-checkout{display:block;width:100%;text-align:center;padding:16px;border-radius:var(--radius-xl);background:var(--brand-dark);color:#fff;font-size:14px;font-weight:500;transition:background var(--transition-fast);} .btn-checkout:hover{background:rgba(17,24,39,0.85);color:#fff;} .cart-tax-note{text-align:center;font-size:12px;color:var(--brand-muted);margin-top:12px;} .mobile-nav{padding:24px;flex:1;} .mobile-nav-menu{list-style:none;margin:0;padding:0;} .mobile-nav-menu li{border-bottom:1px solid transparent;} .mobile-nav-menu a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:16px;font-weight:300;color:var(--brand-dark);transition:color var(--transition-fast);} .mobile-nav-menu a:hover{color:var(--brand-sky);} .mobile-nav-footer{padding:24px;border-top:1px solid var(--brand-border);display:flex;gap:24px;} .mobile-nav-link{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--brand-muted);transition:color var(--transition-fast);} .mobile-nav-link:hover{color:var(--brand-dark);} .search-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-start;justify-content:center;padding-top:0;pointer-events:none;visibility:hidden;} .search-overlay.active{pointer-events:auto;visibility:visible;} .search-overlay-backdrop{position:absolute;inset:0;background:rgba(251,249,246,0.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;transition:opacity 0.5s cubic-bezier(0.4,0,0.2,1);} .search-overlay.active .search-overlay-backdrop{opacity:1;} .search-overlay-inner{position:relative;z-index:1;width:100%;max-width:720px;padding:0 24px;padding-top:120px;opacity:0;transform:translateY(30px);transition:all 0.5s cubic-bezier(0.16,1,0.3,1) 0.1s;} .search-overlay.active .search-overlay-inner{opacity:1;transform:translateY(0);} .search-overlay-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;} .search-overlay-label{font-family:var(--font-display);font-size:13px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--brand-text-muted);} .search-close-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--brand-border);border-radius:var(--radius-full);background:transparent;color:var(--brand-muted);font-size:12px;font-weight:500;letter-spacing:0.04em;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);} .search-close-btn:hover{color:var(--brand-dark);border-color:var(--brand-dark);background:rgba(28,28,28,0.03);} .search-close-btn svg{transition:transform var(--transition-fast);} .search-close-btn:hover svg{transform:rotate(90deg);} .search-input-wrapper{margin-bottom:40px;} .search-input-wrapper .search-form{display:flex;align-items:center;gap:12px;} .search-field-wrapper{flex:1;display:flex;align-items:center;gap:14px;background:var(--brand-card);transition:all var(--transition-fast);position:relative;} .search-field-wrapper:focus-within{border-color:var(--brand-accent-warm);box-shadow:0 0 0 3px rgba(184,151,126,0.12);} .search-field-icon{flex-shrink:0;color:var(--brand-text-muted);transition:color var(--transition-fast);display:none;} .search-field-wrapper:focus-within .search-field-icon{color:var(--brand-accent-warm);} .search-input-wrapper .search-field{flex:1;border:none;background:transparent;font-size:17px;font-weight:400;color:var(--brand-dark);outline:none;padding:0;font-family:var(--font-sans);line-height:1.4;letter-spacing:-0.01em;box-shadow:none !important;min-width:0;} .search-input-wrapper .search-field:focus{box-shadow:none !important;} .search-input-wrapper .search-field::placeholder{color:var(--brand-text-muted);font-weight:300;} .search-input-wrapper .search-submit{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--brand-dark);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;} .search-input-wrapper .search-submit:hover{background:var(--brand-accent-warm);transform:scale(1.04);} .search-input-wrapper .search-submit:active{transform:scale(0.97);} .search-input-wrapper .search-submit svg{width:18px;height:18px;color:#fff;} .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} .search-trending{opacity:0;transform:translateY(16px);transition:all 0.5s cubic-bezier(0.16,1,0.3,1) 0.25s;} .search-overlay.active .search-trending{opacity:1;transform:translateY(0);} .search-trending-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--brand-text-muted);margin-bottom:16px;font-weight:500;} .search-tags{display:flex;flex-wrap:wrap;gap:8px;} .search-tag{display:inline-flex;align-items:center;padding:10px 20px;background:transparent;border:1px solid var(--brand-border);border-radius:var(--radius-full);font-size:13px;font-weight:450;color:var(--brand-muted);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;letter-spacing:0.01em;} .search-tag:hover{border-color:var(--brand-dark);color:var(--brand-dark);background:rgba(28,28,28,0.03);transform:translateY(-1px);} .search-tag:active{transform:translateY(0);} .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:var(--radius-full);background:var(--brand-dark);color:#fff;font-size:14px;font-weight:500;transition:all var(--transition-base);box-shadow:0 10px 30px rgba(17,24,39,0.2);border:none;cursor:pointer;} .btn-primary:hover{background:rgba(17,24,39,0.85);color:#fff;} .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:var(--radius-full);background:#fff;color:var(--brand-dark);font-size:14px;font-weight:500;border:1px solid var(--brand-border);transition:all var(--transition-base);box-shadow:0 2px 10px rgba(0,0,0,0.05);cursor:pointer;} .btn-secondary:hover{background:#f9fafb;} .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;} .section-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--brand-dark);margin:0;} .section-title-lg{font-size:24px;font-weight:700;color:var(--brand-dark);margin:0;} .section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--brand-sky);font-weight:600;margin-bottom:8px;} .section-label-secondary{color:var(--brand-secondary);} .section-label-highlight{color:var(--brand-highlight);} .section-label-accent{color:var(--brand-accent);} .section-link{font-family:var(--font-mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--brand-sky);font-weight:600;} .section-link:hover{text-decoration:underline;} .features-section{padding:40px 0;background:var(--brand-bg);border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);} .features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;} .feature-item{text-align:center;} .feature-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;} .feature-icon-sky{background:rgba(0,114,255,0.1);color:var(--brand-sky);} .feature-icon-secondary{background:rgba(255,61,129,0.1);color:var(--brand-secondary);} .feature-icon-highlight{background:rgba(255,184,0,0.1);color:var(--brand-highlight);} .feature-icon-accent{background:rgba(0,168,107,0.1);color:var(--brand-accent);} .feature-title{font-size:14px;font-weight:600;margin:0 0 4px;} .feature-desc{font-size:12px;color:var(--brand-muted);margin:0;} .newsletter-section{padding:64px 0;background:#fff;position:relative;overflow:hidden;} .newsletter-bg-blob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:rgba(0,114,255,0.05);border-radius:50%;filter:blur(100px);pointer-events:none;} .newsletter-inner{max-width:640px;margin:0 auto;text-align:center;position:relative;z-index:10;} .newsletter-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--brand-sky);font-weight:600;margin-bottom:16px;} .newsletter-title{font-size:30px;font-weight:700;letter-spacing:-0.02em;color:var(--brand-dark);margin:0 0 16px;} .newsletter-desc{font-size:16px;color:var(--brand-muted);font-weight:300;line-height:1.7;margin:0 0 32px;} .newsletter-form{display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto;} .newsletter-input{flex:1;padding:16px 24px;border-radius:var(--radius-full);background:var(--brand-bg);border:1px solid var(--brand-border);font-size:14px;color:var(--brand-dark);font-family:var(--font-sans);} .newsletter-input::placeholder{color:rgba(107,114,128,0.5);} .newsletter-input:focus{border-color:rgba(0,114,255,0.5);} .newsletter-btn{white-space:nowrap;box-shadow:0 10px 30px rgba(17,24,39,0.15);} .newsletter-privacy{font-size:12px;color:rgba(107,114,128,0.5);margin-top:16px;} .newsletter-privacy a{text-decoration:underline;} .newsletter-privacy a:hover{color:var(--brand-muted);} .footer-widget-col .section{margin-bottom:0;} .footer-brand-col .section{margin-bottom:0;padding:0;} .footer-brand-col .widget{margin:0;padding:0;} .footer-brand-col .widget-title{display:none;} .footer-brand-col .footer-brand{grid-column:auto;} .footer-brand-col .footer-logo-wrap{margin-bottom:0;} .footer-brand-col .footer-logo-wrap img{max-height:40px;width:auto;} .footer-brand-col .footer-social{display:flex;gap:12px;margin-top:24px;} .footer-sale-link{color:var(--brand-secondary) !important;font-weight:500;} .footer-sale-link:hover{color:rgba(255,61,129,0.8) !important;} .footer-copyright a{color:rgba(255,255,255,0.4);text-decoration:none;transition:color var(--transition-fast);} .footer-copyright a:hover{color:rgba(255,255,255,0.7);} .footer-credits{color:rgba(255,255,255,0.2);} .footer-payments{font-size:12px;color:rgba(255,255,255,0.25);font-weight:700;letter-spacing:0.1em;} .product-card{background:var(--brand-bg);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--brand-border);transition:all var(--transition-base);position:relative;} .product-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,0.08);} .product-badge{position:absolute;top:8px;left:8px;z-index:10;background:var(--brand-secondary);color:#fff;font-size:10px;letter-spacing:0.08em;padding:4px 8px;border-radius:4px;font-weight:700;text-transform:uppercase;} .product-badge.new{background:var(--brand-highlight);color:var(--brand-dark);} .product-badge.bestseller{background:var(--brand-sky);} .product-badge.eco{background:var(--brand-accent);} .product-wishlist-btn{position:absolute;top:8px;right:8px;z-index:10;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:var(--brand-muted);transition:all var(--transition-fast);box-shadow:0 2px 8px rgba(0,0,0,0.08);} .product-wishlist-btn:hover{color:var(--brand-secondary);} .product-wishlist-btn.active{color:var(--brand-secondary);} .product-image-wrapper{aspect-ratio:3/4;overflow:hidden;background:#f3f4f6;} .product-image-wrapper a{display:block;height:100%;} .product-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);} .product-card:hover .product-image-wrapper img{transform:scale(1.06);} .product-info{padding:12px;} .product-brand{font-size:10px;text-transform:uppercase;letter-spacing:0.05em;color:var(--brand-muted);margin:0;} .product-title{font-size:14px;font-weight:500;color:var(--brand-dark);margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .product-title a{color:var(--brand-dark);} .product-title a:hover{color:var(--brand-sky);} .product-price-wrapper{display:flex;align-items:center;gap:8px;margin-top:6px;} .product-price{font-size:14px;font-weight:700;color:var(--brand-secondary);} .product-price-original{font-size:12px;color:var(--brand-muted);text-decoration:line-through;} .product-rating{display:flex;align-items:center;gap:2px;margin-bottom:4px;} .product-rating-count{font-size:10px;color:var(--brand-muted);margin-left:4px;} .product-quick-view{position:absolute;inset:0;background:rgba(255,255,255,0.4);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);} .product-card:hover .product-quick-view{opacity:1;pointer-events:auto;} .btn-quick-view{padding:10px 20px;background:var(--brand-dark);color:#fff;font-size:12px;font-weight:500;border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:0 4px 20px rgba(0,0,0,0.15);} .btn-quick-view:hover{background:rgba(17,24,39,0.85);color:#fff;} .filter-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;} .filter-chips::-webkit-scrollbar{display:none;} .filter-chip{padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--brand-border);font-size:12px;letter-spacing:0.05em;text-transform:uppercase;white-space:nowrap;transition:all var(--transition-fast);font-weight:500;color:var(--brand-muted);cursor:pointer;} .filter-chip.active{background:var(--brand-sky);color:#fff;border-color:var(--brand-sky);} .filter-chip:hover:not(.active){border-color:var(--brand-dark);color:var(--brand-dark);} .announcement-bar{background:var(--brand-dark);color:#FBF9F6;text-align:center;position:relative;z-index:1001;padding:0;} .announcement-bar .sb-announcement-bar-widget{padding:10px 20px;font-size:12.5px;font-weight:400;letter-spacing:0.04em;text-transform:uppercase;} .announcement-bar .sb-announcement-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;} .announcement-bar .sb-announcement-item{opacity:0.85;} .announcement-bar .sb-announcement-dot{display:inline-block;width:6px;height:6px;background:var(--brand-accent-warm);border-radius:50%;margin:0 14px;vertical-align:middle;animation:sb-pulse-dot 2s ease-in-out infinite;flex-shrink:0;} .site-header{position:sticky;top:0;z-index:1000;background:rgba(251,249,246,0.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:all var(--transition-base);min-height:var(--header-height);} .site-header.scrolled{border-bottom-color:var(--brand-border-light);box-shadow:0 1px 3px rgba(28,28,28,0.04);} .header-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;} .site-branding{display:flex;align-items:center;flex:1 1 0;min-width:0;overflow:visible;} .site-logo,.site-logo-text{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-0.02em;color:var(--brand-dark);text-decoration:none;transition:opacity var(--transition-fast);line-height:1;min-width:0;} .site-logo:hover,.site-logo-text:hover{opacity:0.7;} .site-logo .period,.site-logo-text .period{color:var(--brand-accent-warm);} .site-logo-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none;min-width:0;} .site-logo-text .site-title-name{line-height:1.2;overflow-wrap:anywhere;word-break:break-word;min-width:0;} .site-logo-text .site-description{font-family:var(--font-sans);font-size:11px;font-weight:400;color:var(--brand-muted);letter-spacing:0.02em;line-height:1.2;overflow-wrap:anywhere;word-break:break-word;min-width:0;} .nav-links{list-style:none;margin:0;padding:0;display:flex;gap:36px;align-items:center;} .nav-links li{position:relative;} .nav-links a{display:flex;align-items:center;gap:4px;padding:4px 0;font-size:14px;font-weight:450;color:var(--brand-muted);letter-spacing:0.02em;transition:color var(--transition-fast);position:relative;text-decoration:none;} .nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--brand-dark);transition:width var(--transition-base);} .nav-links a:hover{color:var(--brand-dark);} .nav-links a:focus-visible,.nav-links .sub-menu a:focus-visible{outline:2px solid var(--brand-dark);outline-offset:4px;border-radius:2px;color:var(--brand-dark);} .nav-links a.active{color:var(--brand-dark);} .nav-links a.active::after{width:100%;} .nav-links .sub-menu{position:absolute;top:100%;left:-12px;min-width:200px;background:var(--brand-card);border:1px solid var(--brand-border);border-radius:var(--radius-md);box-shadow:0 12px 40px rgba(0,0,0,0.08);padding:8px 0;margin-top:8px;list-style:none;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.2s ease;z-index:100;display:flex;flex-direction:column;} .nav-links li:hover>.sub-menu,.nav-links li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);} .nav-links .sub-menu li:hover>.sub-menu,.nav-links .sub-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);} .nav-links .sub-menu::before{content:'';position:absolute;top:-8px;left:0;right:0;height:8px;} .nav-links .sub-menu li{position:relative;} .nav-links .sub-menu a{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;font-size:13px;font-weight:400;color:var(--brand-muted);transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap;} .nav-links .sub-menu a::after{display:none;} .nav-links .sub-menu a:hover{color:var(--brand-dark);background:var(--brand-bg);} .nav-links .menu-item-has-children>a .dropdown-arrow,.nav-links .sub-menu .menu-item-has-children>a .dropdown-arrow{display:inline-flex;margin-left:8px;transition:transform var(--transition-fast);} .nav-links li:hover>a .dropdown-arrow,.nav-links li:focus-within>a .dropdown-arrow{transform:rotate(180deg);} .nav-links .sub-menu .menu-item-has-children>a .dropdown-arrow{transform:rotate(-90deg);} .nav-links .sub-menu .menu-item-has-children:hover>a .dropdown-arrow{transform:rotate(-90deg);} .nav-links .sub-menu .sub-menu{top:-8px;left:100%;margin-top:0;margin-left:0;} .nav-links .sub-menu .sub-menu::before{top:0;left:-8px;width:8px;height:100%;right:auto;} .nav-actions{display:flex;align-items:center;gap:20px;flex:1 1 0;min-width:0;justify-content:flex-end;} .nav-action-btn{background:none;border:none;cursor:pointer;padding:8px;color:var(--brand-dark);transition:opacity var(--transition-fast);display:flex;align-items:center;justify-content:center;position:relative;} .nav-action-btn:hover{opacity:0.6;} .nav-action-desktop{display:none;} .cart-count,.wishlist-count{position:absolute;top:2px;right:-2px;width:18px;height:18px;background:var(--brand-accent-warm);color:#fff;font-size:10px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;letter-spacing:0;z-index:1;border:none;box-shadow:none;} .wishlist-count{background:var(--brand-secondary);} .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;z-index:1002;background:none;border:none;} .hamburger:focus,.hamburger:focus-visible{outline:2px solid var(--brand-dark);outline-offset:3px;border-radius:6px;} .hamburger span{display:block;width:24px;height:1.5px;background:var(--brand-dark);transition:all var(--transition-base);border-radius:1px;transform-origin:center;} .hamburger.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg);} .hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0);} .hamburger.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);} .mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px);z-index:1001;opacity:0;pointer-events:none;transition:opacity var(--transition-base);} .mobile-menu-overlay.open{opacity:1;pointer-events:auto;} .mobile-menu-fullscreen{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(251,249,246,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1002;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base),visibility 0s linear var(--transition-base);} .mobile-menu-fullscreen.open{opacity:1;visibility:visible;pointer-events:all;transition:opacity var(--transition-base),visibility 0s;} .mobile-menu-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--brand-dark,#1a1a1a);cursor:pointer;padding:8px;border-radius:50%;transition:background var(--transition-base),color var(--transition-base);display:flex;align-items:center;justify-content:center;z-index:10;} .mobile-menu-close-btn:hover,.mobile-menu-close-btn:focus-visible{background:rgba(0,0,0,0.08);color:var(--brand-accent,#e74c3c);} .mobile-menu-close-btn:focus-visible{outline:2px solid var(--brand-accent,#e74c3c);outline-offset:2px;} .mobile-menu-nav{display:flex;flex-direction:column;align-items:center;gap:16px;} .mobile-menu-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:14px;} .mobile-menu-links li a{font-family:var(--font-display);font-size:22px;color:var(--brand-dark);text-decoration:none;font-weight:500;letter-spacing:-0.01em;transition:opacity var(--transition-fast);} .mobile-menu-links li a:hover{opacity:0.5;} .mobile-menu-links a:focus-visible,.mobile-menu-links .mobile-submenu-toggle:focus-visible{outline:2px solid var(--brand-dark);outline-offset:4px;border-radius:2px;} .mobile-menu-footer{display:flex;gap:24px;margin-top:16px;} .mobile-menu-footer-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:14px;color:var(--brand-dark);text-decoration:none;transition:opacity var(--transition-fast);} .mobile-menu-footer-link:hover{opacity:0.5;} .mobile-menu-footer-link svg{flex-shrink:0;} .mobile-menu-links .menu-item-has-children{position:relative;} .mobile-menu-links .menu-item-has-children>a{position:relative;padding-left:44px;padding-right:44px;min-height:40px;display:inline-flex;align-items:center;} .mobile-menu-links .menu-item-has-children>.mobile-submenu-toggle{position:absolute;right:0;top:0;height:40px;width:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--brand-dark);padding:0;z-index:2;} .mobile-menu-links .menu-item-has-children>.mobile-submenu-toggle svg{transition:transform var(--transition-fast);width:14px;height:14px;} .mobile-menu-links .menu-item-has-children.submenu-open>.mobile-submenu-toggle svg{transform:rotate(180deg);} .mobile-menu-links .sub-menu{list-style:none;margin:4px 0 0;padding:0;width:100%;max-height:0;overflow:hidden;transition:max-height 0.35s ease,opacity 0.35s ease,margin 0.35s ease;opacity:0;display:flex;flex-direction:column;align-items:stretch;gap:2px;margin-left:14px;border-left:1px solid var(--brand-border-light);padding-left:18px;} .mobile-menu-links .menu-item-has-children.submenu-open>.sub-menu,.mobile-menu-links .menu-item-has-children>.sub-menu:focus-within{max-height:600px;opacity:1;padding-top:12px;padding-bottom:8px;margin-top:10px;border-left-color:var(--brand-border);} .mobile-menu-links .sub-menu .menu-item-has-children.submenu-open>.sub-menu,.mobile-menu-links .sub-menu .menu-item-has-children>.sub-menu:focus-within{max-height:600px;opacity:1;padding-top:10px;padding-bottom:4px;margin-top:6px;} .mobile-menu-links .sub-menu li a{font-family:var(--font-display);font-size:17px;font-weight:400;color:var(--brand-muted);padding:9px 4px;letter-spacing:-0.01em;line-height:1.3;transition:color var(--transition-fast),opacity var(--transition-fast);} .mobile-menu-links .sub-menu li a:hover,.mobile-menu-links .sub-menu li a:focus-visible{opacity:1;color:var(--brand-dark);} .mobile-menu-links .sub-menu .sub-menu{gap:2px;} .mobile-menu-links .sub-menu .sub-menu li a{font-size:15px;font-weight:400;color:var(--brand-text-muted);padding:7px 4px;} .mobile-menu-links .sub-menu .menu-item-has-children>a{padding-right:44px;min-height:36px;} .mobile-menu-links .sub-menu .menu-item-has-children>.mobile-submenu-toggle{right:-4px;top:0;height:36px;width:36px;color:var(--brand-muted);} .mobile-menu-links .sub-menu .menu-item-has-children>.mobile-submenu-toggle svg{width:12px;height:12px;} .site-footer{padding:60px 0 40px;border-top:1px solid var(--brand-border-light);margin-top:30px;background:var(--brand-bg);} .footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;} .footer-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:40px;} .footer-brand-col{grid-column:1 / -1;} .footer-col{color:var(--brand-text);} .footer-col .footer-logo{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-0.02em;color:var(--brand-text);display:inline-block;margin-bottom:12px;} .footer-col .footer-logo .period{color:var(--brand-accent-warm);} .footer-col .footer-logo span{color:var(--brand-accent-warm);} .footer-brand-desc,.footer-description{font-size:13px;color:var(--brand-text-muted);line-height:1.6;max-width:250px;margin:0;font-weight:400;} .footer-col-title{font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--brand-text-muted);margin-bottom:16px;font-weight:600;} .footer-col .widget-title{font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--brand-text-muted);margin-bottom:16px;font-weight:600;} .footer-col .footer-widget-title{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-0.015em;color:var(--brand-text);margin-bottom:16px;margin-top:0;} .footer-col .footer-links li,.footer-col .section ul>li{margin-bottom:8px;} .footer-col a,.footer-col .footer-links a,.footer-col .section ul>li>a{font-size:13px;color:#c6c6c6;transition:color var(--transition-fast);letter-spacing:0.01em;text-decoration:none;} .footer-col .footer-links a:hover,.footer-col .section ul>li>a:hover{color:#9a9a9a;} .footer-widget-col{color:var(--brand-text);} .footer-widget-col .widget-title{font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--brand-text-muted);font-weight:600;margin-bottom:16px;} .footer-widget-col .footer-links li{margin-bottom:8px;} .footer-widget-col .footer-links a{font-size:13px;color:var(--brand-muted);} .footer-widget-col .footer-links a:hover{color:var(--brand-text);} .footer-brand-col .footer-description{color:var(--brand-text-muted);} .footer-brand-col .social-icon{border-color:var(--brand-border);color:var(--brand-muted);} .footer-brand-col .social-icon:hover{color:var(--brand-text);border-color:var(--brand-text);background:rgba(28,28,28,0.05);} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--brand-border-light);font-size:12px;color:var(--brand-text-muted);letter-spacing:0.02em;flex-direction:row;} .footer-copyright{font-size:12px;color:var(--brand-text-muted);margin:0;} .footer-credit{font-size:12px;color:var(--brand-text-muted);} .footer-copyright .footer-credit a{color:var(--brand-text-muted);text-decoration:none;transition:color var(--transition-fast);} .footer-copyright .footer-credit a:hover{color:#9d7658;} .footer-bottom-links{display:flex;gap:18px;} .footer-bottom-links a{color:var(--brand-text-muted);text-decoration:none;transition:color var(--transition-fast);font-size:13px;} .footer-bottom-links a:hover{color:var(--brand-text);} .footer-logo{color:var(--brand-text);} .footer-logo span{color:var(--brand-accent-warm);} .footer-links a{color:var(--brand-muted);} .footer-links a:hover{color:var(--brand-text);} .social-link{border-color:var(--brand-border);color:var(--brand-muted);} .social-link:hover{color:var(--brand-text);border-color:var(--brand-text);background:rgba(28,28,28,0.05);} @media(max-width:768px){.search-overlay-inner{padding:0 16px;padding-top:80px;} .search-overlay-header{margin-bottom:24px;} .search-field-wrapper{padding:14px 16px;gap:10px;} .search-input-wrapper .search-field{font-size:15px;} .search-input-wrapper .search-submit{width:48px;height:48px;} .search-input-wrapper{margin-bottom:32px;} .search-trending{margin-top:0;} .search-tags{gap:6px;} .search-tag{padding:8px 14px;font-size:12px;}} @media(max-width:768px){.header-inner{padding:0 16px;}} @media(max-width:768px){.nav-actions .search-btn,.nav-actions .nav-action-desktop{display:none;}} @media(max-width:768px){.hamburger{display:flex;}} @media(max-width:768px){.footer-inner{padding:0 16px;}} @media(max-width:768px){.footer-bottom{flex-direction:column;gap:12px;text-align:center;}} @media(max-width:1024px) and(min-width:768px){.nav-links{gap:20px;} .nav-links a{font-size:12px;}} @media(min-width:1024px){.container{padding-left:32px;padding-right:32px;}} @media(min-width:1024px){.header-main{height:72px;}} @media(min-width:1024px){.site-branding .custom-logo{max-height:44px;max-width:200px;}} @media(min-width:1024px){.site-branding .site-title-name{font-size:20px;}} @media(min-width:768px){.main-navigation{display:flex;align-items:center;flex:0 0 auto;justify-content:center;}} @media(min-width:1024px){.header-actions{gap:12px;}} @media(min-width:1024px){.header-action-desktop{display:flex;}} @media(min-width:1024px){.mobile-menu-toggle{display:none;}} @media(min-width:1024px){.section-title{font-size:20px;}} @media(min-width:1024px){.section-title-lg{font-size:36px;}} @media(min-width:1024px){.features-section{padding:56px 0;}} @media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr);gap:32px;}} @media(min-width:1024px){.newsletter-section{padding:96px 0;}} @media(min-width:1024px){.newsletter-title{font-size:48px;}} @media(min-width:640px){.newsletter-form{flex-direction:row;}} @media(min-width:1024px){.product-info{padding:16px;}} @media(min-width:1024px){.header-inner{padding:0 32px;}} @media(min-width:1024px){.nav-action-desktop{display:flex;}} @media(min-width:1024px){.footer-inner{padding:0 32px;}} @media(min-width:768px){.footer-grid{gap:30px;} .footer-cols-2{grid-template-columns:repeat(2,1fr);} .footer-cols-3{grid-template-columns:repeat(2,1fr);} .footer-cols-4{grid-template-columns:repeat(2,1fr);} .footer-cols-5{grid-template-columns:repeat(3,1fr);}} @media(min-width:1024px){.footer-grid{gap:40px;} .footer-cols-2{grid-template-columns:repeat(2,1fr);} .footer-cols-3{grid-template-columns:repeat(3,1fr);} .footer-cols-4{grid-template-columns:repeat(4,1fr);} .footer-cols-5{grid-template-columns:repeat(5,1fr);}} @media(min-width:1024px){.footer-brand-col{grid-column:auto;}}:root{--sb-dark:var(--primary-dark);--sb-dark-2:var(--primary);--sb-dark-border:rgba(255,255,255,.28);--sb-dark-text:var(--white);--sb-dark-text-muted:rgba(255,255,255,.84);--sb-gold:var(--primary);--sb-gold-hover:var(--primary-dark);--sb-gold-soft:var(--secondary-pale);--sb-red:var(--rose-deep);} .sb-topbar{background:var(--sb-dark);color:#fff;font-size:12.5px;line-height:1.4;} .sb-topbar-inner{max-width:var(--max-width);margin:0 auto;padding:9px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;} .sb-topbar-left{display:flex;align-items:center;gap:24px;flex-wrap:wrap;} .sb-topbar-item{display:inline-flex;align-items:center;gap:7px;letter-spacing:0.01em;} .sb-topbar-item svg{color:#fff;flex-shrink:0;} .sb-topbar-right{display:flex;align-items:center;gap:20px;} .sb-topbar-link{color:rgba(255,255,255,0.9);text-decoration:none;transition:color var(--transition-fast);} .sb-topbar-link:hover{color:#fff;} .sb-topbar-social{display:flex;align-items:center;gap:12px;padding-left:6px;margin-left:4px;border-left:1px solid var(--sb-dark-border);} .sb-topbar-social .sb-social-icon{color:rgba(255,255,255,0.9);} .sb-social-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--sb-dark-text);transition:color var(--transition-fast),transform var(--transition-fast);} .sb-social-icon:hover{color:#fff;transform:translateY(-1px);} .site-header{min-height:0;background:rgba(255,255,255,0.92);border-bottom:none;} .header-main{display:block;height:auto;border-bottom:1px solid var(--brand-border);} .header-main-inner{min-height:var(--header-height);padding:12px 24px;gap:24px;} .header-main-inner .site-branding{flex:1 1 0;min-width:0;} .header-main-inner .site-branding .site-logo-link{max-width:100%;} .header-main-inner .site-branding .site-logo-text{max-width:100%;} .header-main-inner .nav-actions{flex:1 1 0;gap:22px;min-width:0;} .sb-header-search{display:none;flex:1 1 auto;max-width:560px;} .sb-header-search .search-form{display:flex;width:100%;border:1px solid var(--brand-border);border-radius:var(--radius-sm);overflow:hidden;background:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);} .sb-header-search .search-form:focus-within{border-color:var(--brand-dark);box-shadow:0 0 0 3px rgba(28,28,28,0.06);} .sb-header-search .search-field{flex:1 1 auto;border:none;padding:11px 14px;font-size:14px;font-family:inherit;color:var(--brand-text);background:transparent;min-width:0;outline:none;} .sb-header-search .search-field-wrapper{flex:1 1 auto;display:flex;align-items:center;gap:8px;background:transparent;min-width:0;} .sb-header-search .search-field-icon{display:block;margin-left:12px;flex-shrink:0;} .sb-header-search .search-field::placeholder{color:var(--brand-text-muted);} .sb-header-search .search-submit{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:var(--sb-dark);color:#fff;padding:0 18px;border:none;transition:background var(--transition-fast);cursor:pointer;} .sb-header-search .search-submit:hover{background:#000;} .sb-search-cat{border:none;border-left:1px solid var(--brand-border);border-right:1px solid var(--brand-border);padding:0 12px;font-size:13px;font-family:inherit;color:var(--brand-text);max-width:160px;cursor:pointer;background:none;} .nav-action-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--brand-text);transition:opacity var(--transition-fast);white-space:nowrap;} .nav-action-item:hover{opacity:0.7;} .nav-action-item.cart-icon-wrap{gap:18px;} .nav-action-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--brand-dark);} .nav-action-icon .cart-count{top:-7px;right:-9px;min-width:18px;width:auto;height:18px;padding:0 5px;font-size:10px;line-height:1;background:var(--sb-red);box-shadow:0 0 0 2px #fff;} .nav-action-label{display:flex;flex-direction:column;line-height:1.25;} .nav-action-label .label-sm{font-size:11px;color:var(--brand-muted);letter-spacing:0.01em;} .nav-action-label .label-bold{font-size:13px;font-weight:600;color:var(--brand-text);} .nav-actions .search-btn{display:none;} .sb-navbar{display:none;border-top:none;border-bottom:1px solid var(--brand-border);background:#fff;} .sb-navbar-inner{min-height:0;padding:10px 24px;gap:24px;justify-content:space-between;} .sb-browse{position:relative;flex:0 0 auto;} .sb-browse-toggle{display:inline-flex;align-items:center;gap:10px;background:var(--sb-dark);color:#fff;padding:8px 20px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:background var(--transition-fast);} .sb-browse-toggle:hover{background:#000;} .sb-browse-caret{display:inline-flex;opacity:0.7;} .sb-browse-panel{position:absolute;top:calc(100% + 10px);left:0;min-width:250px;max-height:420px;overflow-y:auto;background:#fff;border:1px solid var(--brand-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.2s ease;z-index:60;} .sb-browse:hover .sb-browse-panel,.sb-browse:focus-within .sb-browse-panel{opacity:1;visibility:visible;transform:translateY(0);} .sb-browse-list{list-style:none;margin:0;padding:0;} .sb-browse-list a{display:block;padding:9px 12px;font-size:14px;color:var(--brand-muted);text-decoration:none;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);} .sb-browse-list a:hover{color:var(--brand-dark);background:var(--brand-bg);} .sb-navbar .main-navigation{flex:1 1 auto;justify-content:center;} .sb-navbar .nav-links{gap:30px;} .sb-todays-deal{display:inline-flex;align-items:center;gap:8px;background:var(--sb-gold-soft);color:var(--sb-gold);padding:8px 18px;font-size:14px;font-weight:600;font-family:var(--font-sans);text-decoration:none;border:none;border-radius:var(--radius-sm);flex:0 0 auto;cursor:pointer;transition:background var(--transition-fast);} .sb-todays-deal:hover{background:#fbe9c4;color:var(--sb-gold-hover);} .sb-todays-deal svg{color:var(--sb-gold);} .deal-popup{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;transition:opacity var(--transition-base),visibility var(--transition-base);} .deal-popup.active{visibility:visible;opacity:1;} .deal-popup__backdrop{position:absolute;inset:0;background:rgba(28,28,28,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);} .deal-popup__dialog{position:relative;z-index:2;width:100%;max-width:720px;background:var(--brand-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 30px 80px rgba(28,28,28,0.3);transform:translateY(24px) scale(0.97);transition:transform var(--transition-base);} .deal-popup.active .deal-popup__dialog{transform:translateY(0) scale(1);} .deal-popup__close{position:absolute;top:14px;right:14px;z-index:5;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(255,255,255,0.85);color:var(--brand-dark);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);} .deal-popup__close:hover{background:#fff;color:var(--brand-secondary);transform:rotate(90deg);} .deal-popup__grid{display:grid;grid-template-columns:0.85fr 1fr;} .deal-popup__media{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:44px 28px;color:#fff;background:linear-gradient(150deg,var(--brand-secondary) 0%,var(--brand-highlight) 100%);text-align:center;overflow:hidden;} .deal-popup__media::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.16) 1.5px,transparent 1.5px);background-size:18px 18px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 40%,transparent 78%);mask-image:radial-gradient(circle at 50% 40%,#000 40%,transparent 78%);opacity:0.6;} .deal-popup__media-burst{position:relative;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,0.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.35);color:#fff;} .deal-popup__media-burst svg{color:#fff;} .deal-popup__media-discount{position:relative;display:flex;flex-direction:column;align-items:center;line-height:0.9;} .deal-popup__media-num{font-family:var(--font-display);font-size:clamp(52px,7vw,76px);font-weight:700;letter-spacing:-0.03em;} .deal-popup__media-label{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:0.3em;text-transform:uppercase;margin-top:6px;} .deal-popup__media-tag{position:relative;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;padding:6px 14px;border-radius:var(--radius-full);background:rgba(255,255,255,0.22);} .deal-popup__body{padding:44px 40px 40px;text-align:left;} .deal-popup__badge{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--brand-secondary);background:rgba(255,61,129,0.1);padding:6px 12px;border-radius:var(--radius-full);margin-bottom:16px;} .deal-popup__title{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:700;color:var(--brand-dark);letter-spacing:-0.02em;line-height:1.2;margin:0 0 12px;} .deal-popup__text{font-family:var(--font-sans);font-size:14px;font-weight:300;line-height:1.65;color:var(--brand-muted);margin:0 0 24px;} .deal-popup__coupon{display:flex;align-items:stretch;gap:10px;margin-bottom:24px;} .deal-popup__coupon-code{flex:1;display:flex;flex-direction:column;justify-content:center;padding:10px 16px;border:1.5px dashed var(--brand-accent);border-radius:var(--radius-md);background:rgba(0,168,107,0.05);} .deal-popup__coupon-label{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--brand-text-muted);} .deal-popup__coupon-value{font-family:var(--font-mono);font-size:18px;font-weight:700;letter-spacing:0.12em;color:var(--brand-accent);} .deal-popup__coupon-copy{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:0 18px;border:none;border-radius:var(--radius-md);background:var(--brand-accent);color:#fff;font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);} .deal-popup__coupon-copy:hover{background:#008f5a;transform:translateY(-1px);} .deal-popup__coupon-copy.copied{background:var(--brand-sky);} .deal-popup__btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:15px 28px;border-radius:var(--radius-sm);background:var(--brand-dark);color:#fff;font-family:var(--font-sans);font-size:14px;font-weight:600;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 10px 24px rgba(28,28,28,0.18);} .deal-popup__btn svg{transition:transform var(--transition-fast);} .deal-popup__btn:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(28,28,28,0.24);} .deal-popup__btn:hover svg{transform:translateX(3px);} @media(max-width:640px){.deal-popup__grid{grid-template-columns:1fr;} .deal-popup__media{padding:32px 24px 28px;flex-direction:row;gap:16px;} .deal-popup__media-discount{flex-direction:row;align-items:baseline;gap:6px;} .deal-popup__media-label{margin-top:0;} .deal-popup__media-burst{width:56px;height:56px;} .deal-popup__media-tag{display:none;} .deal-popup__body{padding:28px 24px 28px;} .deal-popup__close{background:rgba(28,28,28,0.35);color:#fff;}} .site-footer{background:var(--sb-dark);color:var(--sb-dark-text);border-top:none;margin-top:40px;padding:56px 0 0;} .sb-footer-grid{display:grid;grid-template-columns:1fr;gap:32px;padding-bottom:40px;} .sb-footer-brand .footer-logo{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:24px;font-weight:700;color:#fff;text-decoration:none;margin-bottom:16px;} .sb-footer-brand .footer-logo-icon{color:var(--brand-accent-warm);display:inline-flex;} .sb-footer-brand .footer-logo-img{max-height:48px;width:auto;} .footer-about-text{font-size:14px;line-height:1.7;color:var(--sb-dark-text-muted);margin:0 0 22px;max-width:280px;} .sb-footer-brand .footer-social{display:flex;gap:12px;} .sb-footer-brand .sb-social-icon{width:36px;height:36px;border:1px solid var(--sb-dark-border);border-radius:50%;color:var(--sb-dark-text);} .sb-footer-brand .sb-social-icon:hover{color:#fff;border-color:var(--brand-accent-warm);background:rgba(184,151,126,0.12);} .sb-footer-title{color:#fff;font-family:var(--font-sans);font-size:15px;font-weight:600;margin:0 0 18px;letter-spacing:0.01em;} .sb-footer-menu{list-style:none;margin:0;padding:0;} .sb-footer-menu li{margin-bottom:11px;} .sb-footer-menu a{font-size:14px;color:var(--sb-dark-text-muted);text-decoration:none;transition:color var(--transition-fast),padding-left var(--transition-fast);} .sb-footer-menu a:hover{color:#fff;padding-left:4px;} .sb-newsletter-text{font-size:14px;line-height:1.6;color:var(--sb-dark-text-muted);margin:0 0 18px;} .sb-newsletter-form{display:flex;margin-bottom:22px;} .sb-newsletter-input{flex:1 1 auto;min-width:0;border:none;padding:12px 14px;font-size:14px;font-family:inherit;color:var(--brand-text);background:#fff;} .sb-newsletter-input::placeholder{color:var(--brand-text-muted);} .sb-newsletter-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:var(--sb-gold);color:#fff;padding:0 16px;border:none;transition:background var(--transition-fast);} .sb-newsletter-btn:hover{background:var(--sb-gold-hover);} .sb-payment-icons{display:flex;flex-wrap:wrap;gap:8px;} .sb-pay{background:#fff;color:var(--sb-dark);font-size:11px;font-weight:700;letter-spacing:0.02em;padding:6px 9px;border-radius:4px;} .sb-footer-bottom{grid-column:1 / -1;border-top:1px solid var(--sb-dark-border);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--sb-dark-text-muted);} .sb-footer-bottom .footer-copyright{color:var(--sb-dark-text-muted);} .sb-footer-bottom .footer-credit a{color:var(--brand-accent-warm);text-decoration:none;} .sb-footer-bottom .footer-bottom-links{display:flex;gap:20px;flex-wrap:wrap;} .sb-footer-bottom .footer-bottom-links a{color:var(--sb-dark-text-muted);text-decoration:none;transition:color var(--transition-fast);} .sb-footer-bottom .footer-bottom-links a:hover{color:#fff;} @media(min-width:1024px){.sb-header-search{display:flex;} .sb-navbar{display:block;} .sb-footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1.6fr;gap:30px;} .sb-footer-cols-4{grid-template-columns:1.6fr 1fr 1fr 1fr;}} @media(min-width:600px) and(max-width:1023px){.sb-footer-grid{grid-template-columns:repeat(2,1fr);} .sb-footer-brand,.sb-footer-newsletter{grid-column:1 / -1;}} @media(max-width:1023px){.nav-actions .search-btn{display:inline-flex;} .hamburger{display:flex;} .nav-action-label{display:none;}} @media(max-width:768px){.sb-topbar-inner{flex-direction:column;gap:6px;text-align:center;padding:8px 16px;} .sb-topbar-left{justify-content:center;gap:16px;} .sb-topbar-social{border-left:none;padding-left:0;margin-left:0;} .sb-footer-bottom{flex-direction:column;text-align:center;gap:10px;}} @media(max-width:540px){.sb-topbar-left .sb-topbar-item:nth-child(n+2){display:none;} .sb-topbar-right{gap:14px;} .header-main-inner{gap:14px;padding:12px 16px;}} html{text-rendering:optimizeLegibility} body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:clip} img{max-width:100%;height:auto} button,a,input,select,textarea{-webkit-tap-highlight-color:transparent} button,[role=button],a{touch-action:manipulation}:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px}::selection{background:var(--secondary-light);color:var(--ink)} body.piyamo-scroll-locked{overflow:hidden !important;overscroll-behavior:none;} .sb-browse.is-open .sb-browse-panel{opacity:1;visibility:visible;transform:translateY(0);} .header-cart-subtotal{white-space:nowrap;} .hero-section{position:relative;height:75vh;overflow:hidden;background:#f3f4f6;} .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out;} .hero-slide.active{opacity:1;} .hero-slide img{width:100%;height:100%;object-fit:cover;} .hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,0.9),rgba(255,255,255,0.5));z-index:10;} .hero-content{position:absolute;inset:0;z-index:20;display:flex;align-items:center;} .hero-content-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;width:100%;} .hero-text{max-width:640px;} .hero-label{font-family:var(--font-mono);font-size:12px;letter-spacing:0.2em;text-transform:uppercase;color:var(--brand-sky);font-weight:600;margin-bottom:16px;} .hero-title{font-family:var(--font-display);font-size:40px;font-weight:700;line-height:0.95;letter-spacing:-0.02em;color:var(--brand-dark);margin:0 0 24px;} .hero-description{font-size:16px;font-weight:300;color:var(--brand-muted);line-height:1.7;margin:0 0 32px;max-width:480px;} .hero-buttons{display:flex;flex-wrap:wrap;gap:16px;} .hero-dots{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:8px;} .hero-dot{width:32px;height:4px;border-radius:var(--radius-full);background:rgba(17,24,39,0.2);cursor:pointer;transition:all var(--transition-fast);border:none;} .hero-dot.active{background:var(--brand-dark);} .hero-badge{position:absolute;top:32px;right:32px;z-index:20;width:112px;height:112px;animation:float 6s ease-in-out infinite;display:none;} @keyframes float{0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);}} .hero-badge svg{width:100%;height:100%;animation:spin 20s linear infinite;} @keyframes spin{from{transform:rotate(0deg);} to{transform:rotate(360deg);}} .hero-badge-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px;} .categories-section{padding:40px 0 56px;background:var(--brand-card);border-bottom:1px solid var(--brand-border);} .category-scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;} .category-scroll::-webkit-scrollbar{display:none;} .category-item{flex-shrink:0;text-align:center;} .category-image-wrapper{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid var(--brand-border);padding:2px;margin:0 auto;transition:all var(--transition-base);} .category-item:hover .category-image-wrapper{border-color:var(--brand-sky);} .category-image{width:100%;height:100%;border-radius:50%;object-fit:cover;} .category-name{font-size:12px;color:var(--brand-muted);font-weight:500;margin-top:8px;transition:color var(--transition-fast);} .category-item:hover .category-name{color:var(--brand-dark);} .flash-sale-section{padding:40px 0;background:var(--brand-bg);border-bottom:1px solid var(--brand-border);} .flash-sale-wrapper{border-radius:var(--radius-xl);padding:1.5px;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-highlight),var(--brand-secondary));background-size:200% 200%;animation:shimmer 3s linear infinite;} @keyframes shimmer{0%{background-position:-200% 0;} 100%{background-position:200% 0;}} .flash-sale-inner{background:var(--brand-card);border-radius:calc(var(--radius-xl) - 2px);padding:24px;} .flash-sale-header{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;} .flash-sale-label{display:flex;align-items:center;gap:8px;margin-bottom:4px;} .flash-sale-dot{width:8px;height:8px;background:var(--brand-secondary);border-radius:50%;animation:pulse 2s infinite;} @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.5;}} .flash-sale-text{font-family:var(--font-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--brand-secondary);font-weight:700;margin:0;} .flash-sale-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--brand-dark);margin:0;} .flash-sale-subtitle{font-size:14px;color:var(--brand-muted);margin:4px 0 0;} .countdown-wrapper{display:flex;align-items:center;gap:8px;} .countdown-label{font-size:12px;color:var(--brand-muted);margin-right:4px;} .countdown-box{background:var(--brand-card);border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:6px 12px;text-align:center;} .countdown-number{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--brand-secondary);line-height:1;} .countdown-sep{font-size:18px;font-weight:700;color:var(--brand-secondary);} .countdown-unit{font-size:8px;color:var(--brand-muted);margin-top:2px;} .flash-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;} .dual-banners-section{padding:40px 0;background:#fff;border-bottom:1px solid var(--brand-border);} .dual-banners-grid{display:grid;grid-template-columns:1fr;gap:16px;} .banner-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/3;display:block;} .banner-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);} .banner-card:hover img{transform:scale(1.06);} .banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0.2),transparent);} .banner-content{position:absolute;bottom:0;left:0;padding:24px;} .banner-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--brand-sky);font-weight:600;margin-bottom:8px;} .banner-label-accent{color:var(--brand-accent);} .banner-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px;} .banner-desc{font-size:14px;color:rgba(255,255,255,0.7);margin:0 0 16px;display:none;} .banner-cta{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#fff;transition:gap var(--transition-fast);} .banner-card:hover .banner-cta{gap:12px;} .trending-section{padding:48px 0;background:var(--brand-bg);border-bottom:1px solid var(--brand-border);} .trending-header{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;} .trending-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--brand-sky);font-weight:600;margin-bottom:8px;} .trending-title{font-size:24px;font-weight:700;color:var(--brand-dark);margin:0;} .products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;} .trending-load-more{text-align:center;margin-top:40px;} .btn-load-more{padding:14px 32px;border-radius:var(--radius-full);border:1px solid var(--brand-border);font-size:14px;font-weight:500;color:var(--brand-dark);transition:all var(--transition-fast);cursor:pointer;} .btn-load-more:hover{border-color:var(--brand-dark);} .style-picks-section{padding:48px 0;background:#fff;border-bottom:1px solid var(--brand-border);} .style-picks-grid{display:grid;grid-template-columns:1fr;gap:16px;} .style-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;display:block;} .style-card-large{aspect-ratio:3/4;} .style-card:not(.style-card-large){aspect-ratio:4/3;} .style-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);} .style-card:hover img{transform:scale(1.06);} .style-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.7),transparent);} .style-card-content{position:absolute;bottom:0;left:0;padding:20px;} .style-card-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--brand-sky);font-weight:600;margin-bottom:8px;} .style-card-label-accent{color:var(--brand-accent);} .style-card-label-highlight{color:var(--brand-highlight);} .style-card-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px;} .style-card-desc{font-size:14px;color:rgba(255,255,255,0.7);margin:0 0 16px;max-width:320px;} .style-card-cta{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#fff;margin-top:16px;transition:gap var(--transition-fast);} .style-card:hover .style-card-cta{gap:12px;} .brand-marquee-section{padding:32px 0;background:var(--brand-bg);border-bottom:1px solid var(--brand-border);overflow:hidden;} .brand-marquee-label{text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--brand-muted);margin-bottom:24px;} .brand-marquee-container{overflow:hidden;white-space:nowrap;} .brand-marquee-content{display:inline-flex;align-items:center;gap:64px;animation:marquee 30s linear infinite;} .brand-marquee-content:hover{animation-play-state:paused;} .brand-name{font-family:var(--font-display);font-size:24px;color:#d1d5db;transition:color var(--transition-fast);cursor:pointer;} .brand-name:hover{color:var(--brand-dark);} .new-arrivals-section{padding:48px 0;background:#fff;border-bottom:1px solid var(--brand-border);} .scroll-nav{display:flex;gap:8px;} .scroll-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--brand-border);display:flex;align-items:center;justify-content:center;color:var(--brand-muted);transition:all var(--transition-fast);} .scroll-nav-btn:hover{border-color:var(--brand-dark);color:var(--brand-dark);} .new-arrivals-scroller{display:flex;gap:16px;overflow-x:auto;padding:0 24px 16px;scroll-behavior:smooth;scrollbar-width:none;} .new-arrivals-scroller::-webkit-scrollbar{display:none;} .new-arrival-card{flex-shrink:0;width:240px;background:var(--brand-bg);} .reviews-section{padding:48px 0;background:var(--brand-bg);border-bottom:1px solid var(--brand-border);} .reviews-header{text-align:center;margin-bottom:40px;} .reviews-rating{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;} .reviews-stars{display:flex;gap:2px;} .reviews-rating-text{font-size:14px;color:var(--brand-muted);} .reviews-grid{display:grid;grid-template-columns:1fr;gap:16px;} .review-card{background:#fff;border-radius:var(--radius-xl);padding:24px;border:1px solid var(--brand-border);} .review-stars{display:flex;gap:2px;margin-bottom:12px;} .review-text{font-size:14px;color:var(--brand-muted);font-weight:300;line-height:1.7;margin:0 0 16px;} .review-author{display:flex;align-items:center;gap:12px;} .review-author-image{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#f3f4f6;} .review-author-image img{width:100%;height:100%;object-fit:cover;} .review-author-name{font-size:14px;font-weight:500;margin:0;} .review-author-label{font-size:12px;color:var(--brand-muted);margin:0;} .instagram-section{padding:48px 0;background:#fff;border-bottom:1px solid var(--brand-border);} .instagram-header{text-align:center;margin-bottom:32px;} .instagram-desc{font-size:14px;color:var(--brand-muted);margin:8px 0 0;} .instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;} .instagram-card{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-lg);background:#f3f4f6;display:block;} .instagram-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);} .instagram-card:hover img{transform:scale(1.06);} .instagram-overlay{position:absolute;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);} .instagram-card:hover .instagram-overlay{background:rgba(17,24,39,0.4);} .instagram-overlay svg{opacity:0;transition:opacity var(--transition-fast);} .instagram-card:hover .instagram-overlay svg{opacity:1;} .err404{padding:clamp(72px,13vh,140px) 0;text-align:center;} .err404__inner{max-width:560px;margin:0 auto;} .err404__code{font-family:var(--font-display);font-size:clamp(96px,18vw,160px);font-weight:700;line-height:0.85;letter-spacing:-0.05em;color:var(--brand-dark);margin-bottom:24px;} .err404__title{font-family:var(--font-display);font-size:clamp(24px,3.6vw,32px);font-weight:700;color:var(--brand-dark);margin:0 0 14px;letter-spacing:-0.02em;line-height:1.2;} .err404__text{max-width:440px;margin:0 auto 32px;font-family:var(--font-sans);font-size:16px;font-weight:300;line-height:1.7;color:var(--brand-muted);} .err404__search{max-width:440px;margin:0 auto 28px;} .err404__search .search-form{display:flex;align-items:stretch;gap:8px;} .err404__search .search-field-wrapper{position:relative;flex:1;display:flex;align-items:center;} .err404__search .search-field-icon{position:absolute;left:18px;color:var(--brand-text-muted);pointer-events:none;} .err404__search .search-field{width:100%;padding:15px 20px 15px 50px;border-radius:var(--radius-full);border:1px solid var(--brand-border);background:var(--brand-card);font-family:var(--font-sans);font-size:14px;color:var(--brand-dark);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);} .err404__search .search-field::placeholder{color:var(--brand-text-muted);} .err404__search .search-field:focus{outline:none;border-color:var(--brand-sky);box-shadow:0 0 0 3px rgba(0,114,255,0.12);} .err404__search .search-submit{flex-shrink:0;width:52px;height:52px;border-radius:50%;border:none;background:var(--brand-dark);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);} .err404__search .search-submit:hover{background:#000;transform:scale(1.05);} .err404__actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;} .err404__btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);} .err404__btn--primary{background:var(--brand-dark);color:#fff;border:1px solid var(--brand-dark);box-shadow:0 10px 26px rgba(28,28,28,0.18);} .err404__btn--primary:hover{background:#000;color:#fff;transform:translateY(-2px);} .err404__btn--ghost{background:transparent;color:var(--brand-dark);border:1px solid var(--brand-border);} .err404__btn--ghost:hover{border-color:var(--brand-dark);color:var(--brand-dark);transform:translateY(-2px);} @media(min-width:1024px){.hero-section{height:85vh;} .hero-content-inner{padding:0 48px;} .hero-label{font-size:14px;} .hero-title{font-size:64px;} .hero-description{font-size:18px;} .hero-badge{display:block;} .categories-section{padding:56px 0;} .category-scroll{gap:32px;} .category-image-wrapper{width:112px;height:112px;} .category-name{font-size:14px;} .flash-sale-section{padding:56px 0;} .flash-sale-inner{padding:40px;} .flash-sale-header{flex-direction:row;align-items:center;justify-content:space-between;} .flash-sale-title{font-size:28px;} .countdown-number{font-size:24px;} .flash-products-grid{grid-template-columns:repeat(5,1fr);gap:16px;} .dual-banners-section{padding:56px 0;} .banner-content{padding:40px;} .banner-title{font-size:36px;} .banner-desc{display:block;} .trending-section{padding:80px 0;} .trending-header{flex-direction:row;align-items:center;justify-content:space-between;} .trending-title{font-size:36px;} .products-grid{grid-template-columns:repeat(4,1fr);gap:20px;} .style-picks-section{padding:80px 0;} .style-picks-grid{grid-template-columns:repeat(3,1fr);gap:20px;} .style-card-large{grid-row:span 2;} .style-card-content{padding:32px;} .style-card-title{font-size:24px;} .new-arrivals-section{padding:80px 0;} .new-arrivals-scroller{padding:0 32px 16px;} .new-arrival-card{width:280px;} .reviews-section{padding:80px 0;} .reviews-grid{grid-template-columns:repeat(4,1fr);gap:20px;} .instagram-section{padding:80px 0;} .instagram-grid{grid-template-columns:repeat(6,1fr);gap:12px;} .instagram-card{border-radius:var(--radius-xl);} .err404__code{font-size:160px;}} @media(min-width:768px){.flash-products-grid{grid-template-columns:repeat(4,1fr);} .dual-banners-grid{grid-template-columns:repeat(2,1fr);gap:24px;} .products-grid{grid-template-columns:repeat(3,1fr);} .reviews-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:768px){.err404__actions{flex-direction:column;} .err404__btn{width:100%;max-width:300px;}} @media(max-width:480px){.err404__code{font-size:88px;} .err404__title{font-size:22px;}} .search-form{overflow:visible!important} .search-form .search-field-wrapper{position:relative!important;overflow:visible!important} .search-form .search-field{outline:0!important;box-shadow:none!important} .sb-header-search,.sb-header-search .search-form,.sb-header-search .search-field-wrapper,.header-main,.header-main-inner,.search-overlay,.search-overlay-inner,.search-input-wrapper{overflow:visible!important} .sb-search-cat,.category-dropdown{display:none!important} .piyamo-ac{display:none;position:absolute;z-index:2147483647;top:calc(100% + 7px);left:0;right:0;width:100%;max-height:min(560px,72vh);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #eadfe6;border-radius:12px;box-shadow:0 18px 48px rgba(60,47,58,.16);text-align:left;scrollbar-width:thin;scrollbar-color:#ccb8c7 #faf7f9;} .piyamo-ac.open{display:block!important} .piyamo-ac::-webkit-scrollbar{width:7px} .piyamo-ac::-webkit-scrollbar-track{background:#faf7f9} .piyamo-ac::-webkit-scrollbar-thumb{background:#ccb8c7;border-radius:8px} .piyamo-ac-section{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:31px;padding:7px 13px 6px;background:#fbf7fa;border-top:1px solid #f4edf2;border-bottom:1px solid #f1e9ef;color:#7b5a7c;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.105em;text-transform:uppercase;} .piyamo-ac-section:first-child{border-top:0} .piyamo-ac-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#efe4eb;color:#7b5a7c;font-size:10px;letter-spacing:0;} .piyamo-ac-item{display:flex;align-items:center;gap:11px;min-height:66px;padding:8px 12px;border-bottom:1px solid #f3edf1;color:#33252f!important;text-decoration:none!important;background:#fff;transition:background .12s ease;} .piyamo-ac-item:hover,.piyamo-ac-item.active{background:#fdf7fb} .piyamo-ac-image{width:50px;height:50px;flex:0 0 50px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #eee5eb;border-radius:8px;background:#fdf8fb;} .piyamo-ac-item img{display:block;width:100%;height:100%;object-fit:cover} .piyamo-ac-copy{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:2px} .piyamo-ac-title{display:block;overflow:hidden;color:#33252f;font-size:13.5px;line-height:1.28;font-weight:650;white-space:nowrap;text-overflow:ellipsis;} .piyamo-ac-mark{padding:0;background:transparent;color:#7b5a7c;font-weight:750} .piyamo-ac-descriptor{overflow:hidden;color:#8a7884;font-size:10.5px;line-height:1.25;white-space:nowrap;text-overflow:ellipsis;} .piyamo-ac-meta{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;line-height:1.3} .piyamo-ac-price{color:#5e4656;font-weight:650} .piyamo-ac-price del{opacity:.55;font-weight:500} .piyamo-ac-price ins{text-decoration:none} .piyamo-ac-stock{font-style:normal;color:#5f785a;font-size:10.5px;font-weight:550;white-space:nowrap} .piyamo-ac-stock.is-low{color:#9a6a2e} .piyamo-ac-stock.is-out{color:#9a4d5f} .piyamo-ac-arrow{margin-left:auto;flex:0 0 auto;color:#b99eaf;font-size:20px;line-height:1;font-weight:300} .piyamo-ac-term{display:flex;align-items:center;gap:9px;min-height:42px;padding:8px 13px;border-bottom:1px solid #f3edf1;background:#fff;color:#33252f!important;text-decoration:none!important;transition:background .12s ease;} .piyamo-ac-term:hover,.piyamo-ac-term.active{background:#fdf7fb} .piyamo-ac-term-icon{width:24px;height:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#f3e9ef;color:#7b5a7c;font-size:11px;font-weight:700;} .piyamo-ac-term-name{flex:1 1 auto;min-width:0;overflow:hidden;font-size:12.5px;font-weight:650;white-space:nowrap;text-overflow:ellipsis} .piyamo-ac-term-type{flex:0 0 auto;color:#9a8793;font-size:10px} .piyamo-ac-all{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-top:1px solid #eadfe6;background:#fcf8fb;color:#7b5a7c!important;font-size:12px;line-height:1.3;font-weight:600;text-decoration:none!important;} .piyamo-ac-all:hover,.piyamo-ac-all.active{background:#f7edf4} .piyamo-ac-all strong{font-weight:750} .piyamo-ac-all-arrow{font-size:16px} .piyamo-ac-state{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:13px;color:#6e626a;font-size:12.5px;text-align:center;} .piyamo-ac-spinner{width:14px;height:14px;flex:0 0 14px;border:2px solid #e6dbe2;border-top-color:#7b5a7c;border-radius:50%;animation:piyamoAcSpin .65s linear infinite;} @keyframes piyamoAcSpin{to{transform:rotate(360deg)}} .sb-header-search .search-field-wrapper{position:relative!important} .sb-header-search .piyamo-ac{top:calc(100% + 9px)!important} @media(max-width:767px){.search-overlay .search-field-wrapper{position:relative!important;overflow:visible!important} .search-overlay .piyamo-ac{top:calc(100% + 9px)!important;left:0!important;right:0!important;width:100%!important;max-height:min(64vh,520px)!important;border-radius:12px!important;box-shadow:0 16px 40px rgba(60,47,58,.18)!important;} .piyamo-ac-item{min-height:62px;padding:7px 10px;gap:9px} .piyamo-ac-image{width:47px;height:47px;flex-basis:47px} .piyamo-ac-title{font-size:12.5px} .piyamo-ac-descriptor{font-size:10px} .piyamo-ac-meta{font-size:11.5px} .piyamo-ac-stock{font-size:10px} .piyamo-ac-section{padding:7px 10px 6px} .piyamo-ac-term{padding:8px 10px}} @media(max-width:420px){.piyamo-ac{max-height:58vh} .piyamo-ac-item{padding:7px 9px} .piyamo-ac-image{width:44px;height:44px;flex-basis:44px} .piyamo-ac-title{font-size:12px} .piyamo-ac-arrow{font-size:18px} .piyamo-ac-all{font-size:11.5px}} @media(prefers-reduced-motion:reduce){.piyamo-ac-item,.piyamo-ac-term{transition:none} .piyamo-ac-spinner{animation-duration:1.2s}} @media(max-width:1024px){.mega-menu-inner{width:100%;max-width:600px;} .hero-title{font-size:40px;} .section-title-lg{font-size:28px;} .newsletter-title{font-size:36px;} .footer-grid{gap:24px;} .footer-brand-desc,.footer-description{max-width:100%;}} @media(max-width:768px){.container{padding-left:20px;padding-right:20px;} .hero-section{height:65vh;} .hero-title{font-size:32px;} .hero-description{font-size:14px;margin-bottom:24px;} .hero-buttons{gap:12px;} .btn-primary,.btn-secondary{padding:14px 24px;font-size:13px;} .flash-sale-inner{padding:20px;} .flash-sale-title{font-size:18px;} .countdown-number{font-size:16px;} .product-info{padding:10px;} .product-title{font-size:13px;} .product-price{font-size:13px;} .section-title-lg{font-size:24px;} .trending-header{margin-bottom:24px;} .blog-hero-title{font-size:28px;} .blog-hero-desc{font-size:14px;} .single-post-title{font-size:28px;} .entry-content h2{font-size:22px;} .entry-content h3{font-size:18px;} .post-navigation{grid-template-columns:1fr;} .post-nav-link.next{text-align:left;} .features-grid{gap:20px;} .feature-title{font-size:13px;} .newsletter-title{font-size:28px;} .newsletter-desc{font-size:14px;} .review-card{padding:20px;} .review-text{font-size:13px;}} @media(max-width:480px){.container{padding-left:16px;padding-right:16px;} .hero-section{height:60vh;} .hero-title{font-size:28px;} .hero-label{font-size:10px;} .btn-primary,.btn-secondary{padding:12px 20px;font-size:12px;} .announcement-item{margin:0 16px;font-size:11px;} .section-title{font-size:16px;} .section-title-lg{font-size:22px;} .section-label{font-size:9px;} .blog-hero-section{padding:32px 0 24px;} .blog-hero-title{font-size:24px;} .topic-tab{padding:6px 14px;font-size:12px;} .post-card-body{padding:16px;} .post-card-title{font-size:16px;} .post-card-excerpt{font-size:13px;-webkit-line-clamp:2;} .flash-products-grid{grid-template-columns:repeat(2,1fr);gap:10px;} .products-grid{gap:10px;} .filter-chip{padding:6px 12px;font-size:11px;} .features-grid{grid-template-columns:repeat(2,1fr);gap:16px;} .newsletter-section{padding:40px 0;} .newsletter-title{font-size:24px;} .newsletter-desc{font-size:14px;} .newsletter-input{padding:14px 20px;font-size:13px;} .newsletter-btn{padding:14px 24px;font-size:13px;} .site-footer{padding:40px 0 24px;} .footer-grid{grid-template-columns:1fr;gap:24px;} .footer-brand-col{grid-column:span 1;} .footer-bottom{gap:12px;} .footer-payments{font-size:10px;} .drawer.right{max-width:100%;} .drawer.left{max-width:85%;} .search-overlay-inner{padding-top:60px;} .search-field-wrapper{padding:12px 14px;} .search-input-wrapper .search-field{font-size:15px;} .search-input-wrapper .search-submit{width:44px;height:44px;} .search-tag{padding:7px 12px;font-size:12px;} .brand-name{font-size:18px;} .brand-marquee-content{gap:40px;} .new-arrival-card{width:200px;} .single-post-title{font-size:24px;} .single-post-meta{gap:8px;font-size:12px;} .entry-content p{font-size:15px;} .comment-form input[type="text"],.comment-form input[type="email"],.comment-form textarea{padding:12px 14px;font-size:13px;}} .toast-container{position:fixed;bottom:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none;} @media(max-width:768px){.toast-container{left:16px;right:16px;bottom:16px;}} .toast{background:var(--brand-dark);color:#fff;padding:16px 20px;border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,0.12);display:flex;align-items:center;gap:12px;min-width:320px;max-width:420px;opacity:0;transform:translateX(100px);animation:toastSlideIn 0.4s cubic-bezier(0.23,1,0.32,1) forwards;position:relative;overflow:hidden;pointer-events:auto;} .toast::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#22c55e;} .toast.error::before{background:#ef4444;} .toast-icon{color:#22c55e;flex-shrink:0;} .toast.error .toast-icon{color:#ef4444;} .toast-message{flex:1;font-size:14px;font-weight:500;} .toast-close{background:rgba(255,255,255,0.1);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast);color:#fff;flex-shrink:0;} .toast-close:hover{background:rgba(255,255,255,0.2);} .toast.removing{animation:toastSlideOut 0.3s cubic-bezier(0.23,1,0.32,1) forwards;} @keyframes toastSlideIn{from{opacity:0;transform:translateX(100px);} to{opacity:1;transform:translateX(0);}} @keyframes toastSlideOut{from{opacity:1;transform:translateX(0);} to{opacity:0;transform:translateX(100px);}} @media(max-width:768px){.toast{min-width:auto;max-width:100%;padding:14px 16px;} .toast-message{font-size:13px;}} @keyframes scaleIn{from{opacity:0;transform:scale(0.9);} to{opacity:1;transform:scale(1);}} @keyframes slideUp{from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:translateY(0);}} @media print{.site-header,.announcement-bar,.site-footer,.blog-sidebar,.blog-pagination,.post-navigation,.comments-section{display:none !important;} .blog-layout{grid-template-columns:1fr !important;} .post-card{break-inside:avoid;box-shadow:none !important;border:1px solid #ddd !important;} body{background:#fff !important;color:#000 !important;}} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} img,svg,video{max-width:100%;height:auto} img{content-visibility:auto} button,a,input,select,textarea{-webkit-tap-highlight-color:transparent} button,a{touch-action:manipulation} .site,.site-content,#page,#content,main{max-width:100%;overflow-x:clip} .product,.woocommerce-loop-product__title,.product-title{min-width:0;overflow-wrap:anywhere} @supports(content-visibility:auto){.woocommerce ul.products li.product,.site-main>article,.footer-widgets{content-visibility:auto;contain-intrinsic-size:auto 420px}} @media(max-width:767px){.header-inner,.container,.site-content{width:100%;max-width:100%} .search-overlay-inner{width:min(100% - 28px,720px)!important;margin-inline:auto} .search-overlay .search-form{width:100%} .search-overlay .search-field-wrapper{min-width:0;flex:1} .piyamo-ac{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}} @media(max-width:420px){.search-overlay-inner{width:calc(100% - 20px)!important} .piyamo-ac-item{gap:9px!important;padding:9px 10px!important} .piyamo-ac-item img{width:44px!important;height:44px!important;flex-basis:44px!important} .piyamo-ac-copy strong{font-size:12.5px!important} .piyamo-ac-meta{font-size:11.5px!important}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} @media(min-width:1025px){.container,.site-container,.hero-content-inner{padding-left:20px;padding-right:20px} .hero-section{height:min(68vh,680px)}.categories-section{padding:30px 0 38px} .category-scroll{gap:16px}.product-grid,ul.products{row-gap:22px;column-gap:16px} .site-header,.header-main{min-height:var(--header-height)}} @media(max-width:1024px){:root{--header-height:60px}.hero-section{height:min(58vh,560px)} .hero-content-inner,.container,.site-container{padding-left:16px;padding-right:16px} .hero-title{font-size:clamp(30px,5vw,44px);margin-bottom:14px} .hero-description{font-size:14px;line-height:1.55;margin-bottom:20px} .hero-buttons{gap:10px}.categories-section{padding:24px 0 30px} .category-scroll{gap:12px}.product-grid,ul.products{row-gap:18px;column-gap:12px}} @media(max-width:768px){:root{--header-height:56px}body{font-size:14px} .container,.site-container,.hero-content-inner{padding-left:12px;padding-right:12px} .hero-section{height:min(52vh,470px);min-height:360px} .hero-title{font-size:clamp(27px,9vw,38px);line-height:1.02;margin-bottom:10px} .hero-label{font-size:10px;margin-bottom:9px} .hero-description{font-size:13px;line-height:1.45;margin-bottom:15px;max-width:92%} .hero-buttons{gap:8px}.hero-dots{bottom:14px;gap:5px}.hero-dot{width:22px;height:3px} .categories-section{padding:18px 0 22px}.category-scroll{gap:10px;padding-bottom:4px;scroll-snap-type:x proximity} .category-item{scroll-snap-align:start}.product-grid,ul.products{row-gap:14px;column-gap:8px} button,.button,input[type=submit],.btn,.btn-primary,.btn-secondary{min-height:40px} input,select,textarea{font-size:16px}} @media(max-width:480px){.container,.site-container,.hero-content-inner{padding-left:10px;padding-right:10px} .hero-section{min-height:330px;height:48vh}.categories-section{padding:14px 0 18px} .product-grid,ul.products{row-gap:12px;column-gap:7px}} a:hover{color:var(--primary-dark)} button,.button,.btn-primary,input[type=submit]{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)} .piyamo-sticky-header-shell{position:-webkit-sticky;position:sticky;top:0;z-index:1000;width:100%;overflow:visible;background:#fff;isolation:isolate;} .piyamo-sticky-header-shell .site-header{position:relative !important;top:auto !important;z-index:2;width:100%;overflow:visible !important;} .piyamo-sticky-header-shell .sb-topbar,.piyamo-sticky-header-shell .announcement-bar{position:relative;z-index:3;} .piyamo-sticky-header-shell .header-main,.piyamo-sticky-header-shell .header-main-inner,.piyamo-sticky-header-shell .sb-navbar,.piyamo-sticky-header-shell .sb-navbar-inner,.piyamo-sticky-header-shell .sb-header-search,.piyamo-sticky-header-shell .search-form,.piyamo-sticky-header-shell .search-field-wrapper{overflow:visible !important;} .piyamo-sticky-header-shell .sb-browse-panel,.piyamo-sticky-header-shell .sb-live-search-results,.piyamo-sticky-header-shell .piyamo-ac{z-index:1300 !important;} @media screen and(min-width:783px){body.admin-bar .piyamo-sticky-header-shell{top:32px;}} @media screen and(min-width:601px) and(max-width:782px){body.admin-bar .piyamo-sticky-header-shell{top:46px;}} @media screen and(max-width:600px){body.admin-bar .piyamo-sticky-header-shell{top:0;}} .piyamo-sticky-header-shell .site-header.scrolled{box-shadow:0 5px 18px rgba(60,47,58,0.08);} @media print{.piyamo-sticky-header-shell{display:none !important;}}:root{--piyamo-fixed-header-height:162px;} .piyamo-sticky-header-shell{position:fixed !important;top:0 !important;right:0 !important;left:0 !important;width:auto !important;max-width:none !important;z-index:1000 !important;margin:0 !important;padding:0 !important;overflow:visible !important;transform:none !important;translate:none !important;contain:none !important;isolation:isolate;background:#fff;} .piyamo-sticky-header-shell .site-header{position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;width:100% !important;z-index:2 !important;overflow:visible !important;transform:none !important;} .piyamo-sticky-header-shell .announcement-bar,.piyamo-sticky-header-shell .sb-topbar,.piyamo-sticky-header-shell .header-main,.piyamo-sticky-header-shell .header-main-inner,.piyamo-sticky-header-shell .header-inner,.piyamo-sticky-header-shell .sb-navbar,.piyamo-sticky-header-shell .sb-navbar-inner,.piyamo-sticky-header-shell .sb-header-search,.piyamo-sticky-header-shell .search-form,.piyamo-sticky-header-shell .search-field-wrapper{overflow:visible !important;} .piyamo-fixed-header-spacer{display:block !important;width:100%;height:var(--piyamo-fixed-header-height);min-height:var(--piyamo-fixed-header-height);margin:0;padding:0;border:0;pointer-events:none;visibility:hidden;} html{scroll-padding-top:calc(var(--piyamo-fixed-header-height) + 12px);} .piyamo-sticky-header-shell .site-header.scrolled{box-shadow:0 5px 18px rgba(60,47,58,0.09);} @media screen and(min-width:783px){body.admin-bar .piyamo-sticky-header-shell{top:32px !important;}} @media screen and(min-width:601px) and(max-width:782px){body.admin-bar .piyamo-sticky-header-shell{top:46px !important;}} @media screen and(max-width:767px){:root{--piyamo-fixed-header-height:96px;} .piyamo-sticky-header-shell{top:0 !important;} body.admin-bar .piyamo-sticky-header-shell{top:0 !important;}} @media print{.piyamo-sticky-header-shell,.piyamo-fixed-header-spacer{display:none !important;}}:root{--piyamo-gutter:clamp(12px,2vw,24px);--piyamo-section-space:clamp(24px,4vw,56px);} html,body{max-width:100%;overflow-x:clip !important;} .piyamo-container,.container,.header-inner,.sb-topbar-inner,.site-container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-left:var(--piyamo-gutter);padding-right:var(--piyamo-gutter);} img,video,iframe,svg{max-width:100%;} input,select,textarea,button{max-width:100%;} @media(min-width:1024px){.sb-topbar-inner{padding-top:6px;padding-bottom:6px;} .sb-topbar-left{gap:18px;} .sb-topbar-right{gap:15px;} .header-main-inner{min-height:58px;padding-top:8px;padding-bottom:8px;gap:18px;} .site-branding .custom-logo{max-height:40px;width:auto;object-fit:contain;} .sb-header-search{max-width:620px;} .sb-header-search .search-field{padding-top:9px;padding-bottom:9px;} .sb-header-search .search-submit{min-width:54px;padding-inline:16px;} .header-main-inner .nav-actions{gap:16px;} .nav-action-item.cart-icon-wrap{gap:12px;} .sb-navbar-inner{padding-top:7px;padding-bottom:7px;gap:18px;} .sb-navbar .nav-links{gap:clamp(16px,2vw,26px);} .sb-browse-toggle,.sb-todays-deal{min-height:38px;padding-top:7px;padding-bottom:7px;}} @media(max-width:1023px){.sb-navbar{display:none !important;} .header-main-inner{min-height:58px;padding-top:8px;padding-bottom:8px;gap:12px;} .header-main-inner .site-branding{flex:1 1 auto;} .header-main-inner .nav-actions{flex:0 0 auto;gap:8px;} .site-branding .custom-logo{max-height:38px;width:auto;object-fit:contain;} .nav-action-desktop{display:none !important;} .nav-actions .search-btn,.hamburger{width:40px;height:40px;align-items:center;justify-content:center;} .cart-icon-wrap{min-width:40px;min-height:40px;justify-content:center;}} @media(max-width:767px){.sb-topbar-inner{min-height:30px;padding-top:5px;padding-bottom:5px;flex-direction:row !important;justify-content:center;gap:8px;white-space:nowrap;} .sb-topbar-left{justify-content:center;gap:10px;flex-wrap:nowrap;min-width:0;} .sb-topbar-left .sb-topbar-item:nth-child(n+2),.sb-topbar-right{display:none !important;} .sb-topbar-item{font-size:11px;overflow:hidden;text-overflow:ellipsis;} .header-main-inner{min-height:54px;padding-top:7px;padding-bottom:7px;} .site-branding .custom-logo{max-height:34px;max-width:min(34vw,150px) !important;} .nav-actions .search-btn,.hamburger,.cart-icon-wrap{width:38px;min-width:38px;height:38px;min-height:38px;} .search-overlay-inner{padding-top:max(70px,calc(env(safe-area-inset-top) + 48px));} .mobile-menu-fullscreen{height:100dvh;padding:max(58px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));overflow-y:auto;justify-content:flex-start;} .mobile-menu-nav{width:min(100%,520px);margin-top:20px;} .mobile-menu-links li a{padding-top:10px;padding-bottom:10px;}} @media screen and(min-width:783px){body.admin-bar .piyamo-sticky-header-shell{top:32px !important;}} @media screen and(min-width:601px) and(max-width:782px){body.admin-bar .piyamo-sticky-header-shell{top:46px !important;}} @media screen and(max-width:600px){body.admin-bar .piyamo-sticky-header-shell{top:0 !important;}} .woocommerce ul.products,ul.products,ul.products.columns-1,ul.products.columns-2,ul.products.columns-3,ul.products.columns-4,ul.products.columns-5,ul.products.columns-6{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px 10px !important;} @media(min-width:640px){.woocommerce ul.products,ul.products,ul.products.columns-1,ul.products.columns-2,ul.products.columns-3,ul.products.columns-4,ul.products.columns-5,ul.products.columns-6{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px 14px !important;}} @media(min-width:900px){.woocommerce ul.products,ul.products,ul.products.columns-1,ul.products.columns-2,ul.products.columns-3,ul.products.columns-4,ul.products.columns-5,ul.products.columns-6{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:20px 16px !important;}} @media(min-width:1180px){.woocommerce ul.products,ul.products,ul.products.columns-1,ul.products.columns-2,ul.products.columns-3,ul.products.columns-4,ul.products.columns-5,ul.products.columns-6{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:22px 16px !important;}} @media(min-width:1380px){.woocommerce ul.products,ul.products,ul.products.columns-1,ul.products.columns-2,ul.products.columns-3,ul.products.columns-4,ul.products.columns-5,ul.products.columns-6{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:22px 16px !important;}} .product-card{min-width:0;border-radius:10px;} .product-card-info{padding:11px 10px 12px;min-width:0;} .product-card-category,.product-card-name,.product-card-name a{min-width:0;overflow-wrap:anywhere;} .product-card-name{line-height:1.35;margin-bottom:7px;} .product-card-footer{gap:8px;} .product-card-actions button,.product-card-actions a{flex:0 0 auto;} @media(max-width:639px){.product-card-info{padding:9px 7px 10px;} .product-card-category{font-size:10px;line-height:1.3;} .product-card-name{font-size:12.5px;} .product-card-price .price,.product-card-price .amount{font-size:12.5px !important;} .product-card-actions button,.product-card-actions a{width:32px;height:32px;min-height:32px;} .product-badge{font-size:8px;padding:4px 8px;}} .shop-main.list-view ul.products{grid-template-columns:1fr !important;} @media(max-width:767px){.shop-main.list-view .product-card{grid-template-columns:108px minmax(0,1fr) !important;} .shop-main.list-view .product-card-img-link{min-height:108px;}} .shop-filter-bar{gap:12px;} .shop-sort-wrapper,.toolbar-view{min-width:0;} @media(max-width:640px){.shop-filter-bar{flex-direction:row !important;align-items:center !important;justify-content:space-between;padding:10px 0 !important;} .sort-label{display:none;} .shop-sort-wrapper{flex:1 1 auto;} .shop-sort-wrapper .woocommerce-ordering,.shop-sort-wrapper select{width:100%;max-width:210px;} .toolbar-view{flex:0 0 auto;}} .piyamo-pdp-main{padding-top:clamp(16px,2vw,28px);padding-bottom:clamp(28px,4vw,56px);} .piyamo-pdp-grid{gap:clamp(22px,4vw,54px);} .piyamo-product-meta{margin-top:18px;padding-top:16px;} .piyamo-service-panel{margin-top:4px;} .piyamo-policy-card{max-width:100%;} .piyamo-product-tabs-section{padding-top:10px !important;} @media(max-width:767px){.piyamo-breadcrumb{padding-top:12px;} .piyamo-pdp-main{padding-top:12px;padding-bottom:28px;} .piyamo-pdp-title{font-size:clamp(25px,8vw,34px);margin-bottom:10px;} .piyamo-pdp-price-block{margin-bottom:2px;} .piyamo-price-current,.piyamo-price-current .woocommerce-Price-amount{font-size:25px;} .piyamo-pdp-desc{margin-top:12px;font-size:13.5px;line-height:1.55;} .piyamo-pdp-purchase{margin-top:16px;padding-top:16px;gap:8px;} .piyamo-qty-selector{height:48px;} .piyamo-add-to-cart{min-height:48px;} .piyamo-product-meta{margin-top:18px;padding-top:16px;} .piyamo-policy-grid{grid-template-columns:1fr !important;} .piyamo-tab-headers{gap:20px;overflow-x:auto;scrollbar-width:none;} .piyamo-tab-headers::-webkit-scrollbar{display:none;} .piyamo-tab-header{font-size:12.5px;padding-bottom:12px;} .piyamo-tab-panel{padding-top:18px;}} .woocommerce-cart table,.woocommerce-checkout table,.woocommerce-account table{max-width:100%;} .cart-page-wrapper,.checkout-page,.woocommerce-account .woocommerce{min-width:0;} @media(max-width:767px){.cart-page-wrapper,.checkout-page{padding-inline:0 !important;} .cart-summary,.order-summary-card,.checkout-sidebar{position:static !important;top:auto !important;} .woocommerce-checkout input,.woocommerce-checkout select,.woocommerce-checkout textarea,.woocommerce-account input,.woocommerce-account select,.woocommerce-account textarea{font-size:16px !important;}} @media(pointer:coarse){.hamburger,.search-btn,.view-btn,.qty-btn,.piyamo-qty-btn,.piyamo-wishlist-btn,.search-close-btn,.mobile-menu-close-btn{min-width:40px;min-height:40px;}}:where(a,button,input,select,textarea,[role="button"],[role="tab"]):focus-visible{outline:2px solid var(--primary) !important;outline-offset:2px;} @media(prefers-reduced-motion:reduce){.product-card,.piyamo-pdp-main,.piyamo-related-section,.piyamo-reviews-section{opacity:1 !important;transform:none !important;}}