@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Karla:wght@300;400;500;600;700&display=swap";:root{--color-primary:#0b4f6c;--color-primary-dark:#083b52;--color-primary-light:#1a7aa3;--color-secondary:#e85d3a;--color-secondary-light:#f4845f;--color-secondary-dark:#c94528;--color-accent:#d4a76a;--color-accent-light:#e8c99b;--color-bg:#fff9f2;--color-bg-alt:#fff3e8;--color-bg-dark:#0d1b2a;--color-surface:#fff;--color-surface-hover:#fef7f0;--color-text:#1a1a2e;--color-text-secondary:#4a5568;--color-text-muted:#8896a6;--color-text-light:#c7d0da;--color-border:#e8e0d8;--color-border-light:#f0ebe5;--color-success:#16a34a;--color-error:#dc2626;--color-warning:#f59e0b;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Karla", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:50%;--shadow-sm:0 1px 3px #0b4f6c0f, 0 1px 2px #0b4f6c0a;--shadow-md:0 4px 12px #0b4f6c14, 0 2px 4px #0b4f6c0a;--shadow-lg:0 12px 32px #0b4f6c1f, 0 4px 8px #0b4f6c0f;--shadow-xl:0 24px 48px #0b4f6c29, 0 8px 16px #0b4f6c14;--shadow-glow:0 0 40px #e85d3a26;--shadow-card-hover:0 20px 40px #0b4f6c24, 0 6px 12px #0b4f6c0f;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--max-width:1280px;--nav-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;font-size:16px;line-height:1.65;overflow-x:hidden}body.cart-open,body.menu-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);font-weight:700;line-height:1.2}::selection{color:var(--color-text);background:#e85d3a33}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.h1{font-size:clamp(2.5rem,5vw,4rem)}.h2{font-size:clamp(2rem,4vw,3rem)}.h3{font-size:clamp(1.5rem,3vw,2rem)}.h4{font-size:clamp(1.25rem,2vw,1.5rem)}.h5{font-size:clamp(1rem,1.5vw,1.25rem)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}.lead{color:var(--color-text-secondary);font-size:1.2rem;line-height:1.7}.container{max-width:var(--max-width);padding-inline:var(--space-lg);margin-inline:auto}.container-sm{max-width:960px;padding-inline:var(--space-lg);margin-inline:auto}.container-xs{max-width:720px;padding-inline:var(--space-lg);margin-inline:auto}.section{padding-block:var(--space-4xl)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3rem)}.section-header .section-subtitle{color:var(--color-text-secondary);max-width:600px;margin-inline:auto;font-size:1.125rem;line-height:1.7}.section-label{align-items:center;gap:var(--space-sm);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:var(--space-md);font-size:.8rem;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--color-secondary);border-radius:1px;width:32px;height:2px}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);letter-spacing:.02em;border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;white-space:nowrap;border:2px solid #0000;padding:.875rem 2rem;font-size:.95rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:var(--color-secondary);color:#fff;box-shadow:0 4px 12px #e85d3a4d}.btn-primary:hover{background:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #e85d3a59}.btn-secondary{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #0b4f6c4d}.btn-secondary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #0b4f6c59}.btn-outline{border:2px solid var(--color-border);color:var(--color-text);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#0b4f6c0a}.btn-ghost{color:var(--color-text-secondary);background:0 0;padding:.5rem 1rem}.btn-ghost:hover{color:var(--color-primary);background:#0b4f6c0f}.btn-full{width:100%}.btn-lg{padding:1.1rem 2.5rem;font-size:1.05rem}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-white{color:var(--color-primary);background:#fff;font-weight:700}.btn-white:hover{background:var(--color-bg);transform:translateY(-2px);box-shadow:0 8px 32px #0003}.navbar{z-index:1000;height:var(--nav-height);-webkit-backdrop-filter:blur(20px);transition:all var(--duration-normal) var(--ease-out);background:#fff9f2d9;border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom-color:var(--color-border-light);box-shadow:var(--shadow-sm);background:#fffffff2;height:68px}.nav-inner{width:100%;max-width:var(--max-width);padding-inline:var(--space-lg);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.nav-logo{align-items:center;gap:var(--space-sm);font-family:var(--font-display);color:var(--color-primary);transition:opacity var(--duration-fast);font-size:1.35rem;font-weight:700;text-decoration:none;display:flex}.nav-logo:hover{opacity:.85}.nav-logo-icon{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex;box-shadow:0 2px 8px #e85d3a4d}.nav-logo span{color:var(--color-secondary)}.nav-links{align-items:center;gap:var(--space-xl);list-style:none;display:flex}.nav-links a{color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);padding-block:4px;font-size:.95rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--color-secondary);width:0;height:2px;transition:width var(--duration-normal) var(--ease-out);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--color-primary)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-actions{align-items:center;gap:var(--space-md);display:flex}.nav-cart-btn{align-items:center;gap:var(--space-sm);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;display:flex;position:relative}.nav-cart-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0b4f6c4d}.cart-badge{background:var(--color-secondary);color:#fff;border-radius:var(--radius-full);border:2px solid var(--color-bg);width:22px;height:22px;animation:badgePop .3s var(--ease-spring);justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;width:32px;padding:4px 0;display:none}.mobile-toggle span{background:var(--color-text);width:100%;height:2px;transition:all var(--duration-normal) var(--ease-out);transform-origin:50%;border-radius:1px}.mobile-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{top:var(--nav-height);background:var(--color-surface);z-index:999;padding:var(--space-xl);opacity:0;transition:all var(--duration-slow) var(--ease-out);display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(-100%)}.mobile-menu.open{opacity:1;transform:translateY(0)}.mobile-menu a{padding:var(--space-md) 0;color:var(--color-text);border-bottom:1px solid var(--color-border-light);transition:color var(--duration-fast);font-size:1.25rem;font-weight:600;display:block}.mobile-menu a:hover{color:var(--color-secondary)}.cart-overlay{z-index:1100;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(4px);background:#0d1b2a80;position:fixed;inset:0}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{background:var(--color-surface);z-index:1200;width:420px;max-width:90vw;box-shadow:var(--shadow-xl);transition:transform var(--duration-slow) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.cart-drawer.open{transform:translate(0)}.cart-drawer-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.cart-drawer-header h2{font-size:1.3rem}.cart-drawer-close{border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;transition:all var(--duration-fast) var(--ease-out);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.cart-drawer-close:hover{background:var(--color-bg-alt);color:var(--color-text)}.cart-drawer-body{padding:var(--space-lg);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;overflow-y:auto}.cart-drawer-body::-webkit-scrollbar{width:6px}.cart-drawer-body::-webkit-scrollbar-track{background:0 0}.cart-drawer-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.cart-drawer-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border-light);gap:var(--space-md);flex-direction:column;flex-shrink:0;display:flex}.cart-empty{text-align:center;padding:var(--space-4xl) var(--space-xl)}.cart-empty svg{margin-bottom:var(--space-lg);opacity:.4;color:var(--color-text-muted)}.cart-empty h3{margin-bottom:var(--space-sm);font-size:1.25rem}.cart-empty p{color:var(--color-text-muted);margin-bottom:var(--space-xl)}.cart-item{gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light);transition:opacity var(--duration-normal);display:flex;position:relative}.cart-item.removing{opacity:0;transform:translate(20px)}.cart-item-img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:72px;height:72px}.cart-item-info{flex:1;min-width:0}.cart-item-info h4{font-family:var(--font-body);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.95rem;font-weight:600;overflow:hidden}.cart-item-unit{color:var(--color-text-muted);font-size:.8rem}.cart-item-controls{margin-top:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.qty-control{align-items:center;gap:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);padding:2px;display:flex}.qty-btn{cursor:pointer;width:30px;height:30px;transition:all var(--duration-fast) var(--ease-out);color:var(--color-text-secondary);border-radius:6px;justify-content:center;align-items:center;display:flex}.qty-btn:hover{background:var(--color-border);color:var(--color-text)}.qty-value{text-align:center;min-width:28px;font-size:.9rem;font-weight:600}.cart-item-price{color:var(--color-primary);font-weight:700}.cart-item-remove{top:var(--space-md);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;right:0}.cart-item-remove:hover{color:var(--color-error);background:#dc262614}.cart-summary{gap:var(--space-sm);flex-direction:column;display:flex}.cart-summary-row{justify-content:space-between;font-size:.95rem;display:flex}.cart-summary-total{padding-top:var(--space-sm);border-top:2px solid var(--color-text);margin-top:var(--space-sm);font-size:1.15rem;font-weight:700}.free-shipping{color:var(--color-success);font-weight:600}.cart-shipping-msg{color:var(--color-text-muted);text-align:center;padding:var(--space-xs) 0;font-size:.8rem}.hero{min-height:100vh;padding-top:var(--nav-height);background:linear-gradient(160deg, var(--color-bg) 0%, var(--color-bg-alt) 40%, #0b4f6c0a 70%, #e85d3a08 100%);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.hero-bg-pattern{pointer-events:none;z-index:0;background-image:radial-gradient(600px 500px at 15% 80%,#e85d3a12 0%,#0000 70%),radial-gradient(800px 600px at 85% 15%,#0b4f6c14 0%,#0000 70%),radial-gradient(500px 400px,#d4a76a0d 0%,#0000 60%);position:absolute;inset:0}.hero:after{content:"";pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C150,80 350,0 500,40 C650,80 750,20 900,50 C1050,80 1200,10 1440,60 L1440,120 L0,120 Z' fill='%23FFF9F2'/%3E%3Cpath d='M0,60 C200,100 400,20 600,60 C800,100 1000,30 1440,80 L1440,120 L0,120 Z' fill='%23FFF9F2' opacity='0.5'/%3E%3C/svg%3E");background-position:bottom;background-size:cover;height:120px;position:absolute;bottom:-1px;left:0;right:0}.hero-inner{gap:var(--space-4xl);padding-block:var(--space-4xl);z-index:3;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-content{z-index:2;position:relative}.hero-badge{align-items:center;gap:var(--space-sm);color:var(--color-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);animation:heroFadeInUp .6s var(--ease-out) .1s both;background:#0b4f6c14;border:1px solid #0b4f6c1a;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-title{margin-bottom:var(--space-lg);animation:heroFadeInUp .6s var(--ease-out) .2s both;letter-spacing:-.02em;font-size:clamp(2.8rem,5.5vw,4.5rem);font-weight:800;line-height:1.08}.hero-title .highlight{color:var(--color-secondary);white-space:nowrap;position:relative}.hero-title .highlight:after{content:"";z-index:-1;background:#e85d3a26;border-radius:4px;width:100%;height:8px;position:absolute;bottom:-4px;left:0}.hero-description{color:var(--color-text-secondary);max-width:500px;margin-bottom:var(--space-2xl);animation:heroFadeInUp .6s var(--ease-out) .3s both;font-size:1.2rem;line-height:1.7}.hero-actions{gap:var(--space-md);animation:heroFadeInUp .6s var(--ease-out) .4s both;flex-wrap:wrap;display:flex}.hero-stats{gap:var(--space-2xl);margin-top:var(--space-3xl);animation:heroFadeInUp .6s var(--ease-out) .5s both;display:flex}.hero-stat{text-align:left}.hero-stat-number{font-family:var(--font-display);color:var(--color-primary);font-size:2.2rem;font-weight:800;line-height:1}.hero-stat-label{color:var(--color-text-muted);margin-top:4px;font-size:.85rem}.hero-visual{animation:heroFadeInRight .8s var(--ease-out) .3s both;position:relative}.hero-image-wrapper{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.hero-image-wrapper img{object-fit:cover;width:100%;height:520px;transition:transform 8s var(--ease-smooth)}.hero-image-wrapper:hover img{transform:scale(1.03)}.hero-image-wrapper:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 40%,#0d1b2a1a 70%,#0d1b2a59 100%);position:absolute;inset:0}.hero-float-card{z-index:10;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);animation:4s ease-in-out infinite heroFloat;position:absolute}.hero-float-card.top-right{animation-delay:0s;top:5%;right:-10%}.hero-float-card.bottom-left{animation-delay:2s;bottom:10%;left:-8%}.float-card-row{align-items:center;gap:var(--space-sm);display:flex}.float-card-row .stars{color:var(--color-warning);font-size:.85rem}.float-card-row strong{font-size:.9rem}.float-card-row small{color:var(--color-text-muted);font-size:.75rem}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeInRight{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}.stats-bar{background:var(--color-primary-dark);color:#fff;z-index:10;width:100vw;padding-block:var(--space-2xl);margin-left:calc(50% - 50vw);position:relative}.stats-bar-inner{gap:var(--space-xl);max-width:var(--max-width);padding-inline:var(--space-lg);grid-template-columns:repeat(4,1fr);margin-inline:auto;display:grid}.stat-item{text-align:center;position:relative}.stat-item:not(:last-child):after{content:"";background:#ffffff26;width:1px;height:50%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.stat-number{font-family:var(--font-display);color:#fff;font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:#ffffffb3;margin-top:var(--space-sm);font-size:.88rem}.stat-number[data-count]{transition:opacity var(--duration-slow) var(--ease-out)}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.feature-card{text-align:center;padding:var(--space-2xl) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--color-secondary), var(--color-accent));transform-origin:0;height:3px;transition:transform var(--duration-slow) var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-6px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-lg);background:var(--color-bg-alt);border-radius:var(--radius-md);color:var(--color-secondary);transition:all var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.feature-card:hover .feature-icon{background:var(--color-secondary);color:#fff;transform:scale(1.08);box-shadow:0 4px 16px #e85d3a40}.feature-card h3{font-family:var(--font-body);margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:700}.feature-card p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.categories-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.category-card{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);height:280px;position:relative;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.category-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slower) var(--ease-out)}.category-card:hover img{transform:scale(1.08)}.category-card-overlay{padding:var(--space-xl);color:#fff;transition:background var(--duration-normal);background:linear-gradient(#0000 0% 20%,#0d1b2a26 40%,#0d1b2a99 70%,#0d1b2ae6 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.category-card:hover .category-card-overlay{background:linear-gradient(#0000 0% 10%,#0b4f6c33 40%,#0b4f6ca6 70%,#0b4f6ceb 100%)}.category-card-overlay h3{color:#fff;margin-bottom:var(--space-xs);transition:transform var(--duration-normal) var(--ease-out);font-size:1.5rem}.category-card:hover .category-card-overlay h3{transform:translateY(-4px)}.category-card-overlay p{color:#fffc;font-size:.9rem}.category-card-overlay .category-arrow{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);color:var(--color-accent-light);transition:all var(--duration-normal) var(--ease-out);font-size:.9rem;font-weight:600;display:inline-flex}.category-card:hover .category-arrow{gap:var(--space-md);color:#fff}.products-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.product-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-slow) var(--ease-out), box-shadow var(--duration-slow) var(--ease-out), border-color var(--duration-normal);border:1px solid var(--color-border-light);will-change:transform;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-card-hover);border-color:#0000;transform:translateY(-6px)scale(1.01)}.product-card-image{height:220px;position:relative;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slower) var(--ease-out)}.product-card:hover .product-card-image img{transform:scale(1.08)}.product-badge{top:var(--space-md);left:var(--space-md);background:var(--color-secondary);color:#fff;letter-spacing:.03em;border-radius:var(--radius-sm);z-index:2;text-transform:uppercase;padding:.3rem .75rem;font-size:.75rem;font-weight:700;position:absolute}.product-badge.sale{background:var(--color-error)}.product-badge.new{background:var(--color-success)}.product-quick-add{bottom:var(--space-md);right:var(--space-md);background:var(--color-surface);border-radius:var(--radius-full);width:44px;height:44px;box-shadow:var(--shadow-md);opacity:0;transition:all var(--duration-normal) var(--ease-spring);z-index:2;color:var(--color-primary);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(60px)}.product-card:hover .product-quick-add{opacity:1;transform:translateY(0)}.product-quick-add:hover{background:var(--color-secondary);color:#fff;transform:translateY(0)scale(1.1)}.product-card-body{padding:var(--space-lg)}.product-category-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary-light);font-size:.75rem;font-weight:600}.product-card-title{font-family:var(--font-display);margin-top:var(--space-xs);margin-bottom:var(--space-sm);transition:color var(--duration-fast);font-size:1.2rem;font-weight:700}.product-card:hover .product-card-title{color:var(--color-primary)}.product-card-desc{color:var(--color-text-secondary);margin-bottom:var(--space-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.product-card-meta{margin-bottom:var(--space-md)}.product-rating{align-items:center;gap:var(--space-xs);font-size:.85rem;display:flex}.product-rating .stars{color:var(--color-warning)}.product-rating .rating-count{color:var(--color-text-muted);font-size:.8rem}.product-card-footer{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.product-price{align-items:baseline;gap:2px;display:flex}.price-amount{font-family:var(--font-display);color:var(--color-primary);font-size:1.4rem;font-weight:800}.price-unit{color:var(--color-text-muted);font-size:.85rem}.price-old{color:var(--color-text-muted);margin-right:var(--space-sm);font-size:.9rem;text-decoration:line-through}.btn-add-cart{align-items:center;gap:var(--space-sm);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;white-space:nowrap;border:none;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-add-cart:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0b4f6c4d}.btn-add-cart:active{transform:translateY(0)scale(.97)}.bulk-pricing{gap:var(--space-xs);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-light);flex-wrap:wrap;display:flex}.bulk-label{width:100%;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.75rem;font-weight:600}.bulk-tier{background:var(--color-bg-alt);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--duration-fast);padding:.2rem .6rem;font-size:.78rem;font-weight:500}.bulk-tier:hover{color:var(--color-primary);background:#0b4f6c14}.filter-bar{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.filter-btn{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:.6rem 1.2rem;font-size:.9rem;font-weight:500}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#0b4f6c0a}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #0b4f6c33}.filter-pills{gap:var(--space-sm);flex-wrap:wrap;display:flex}.filter-pill{color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;padding:.4rem .9rem;font-size:.82rem;font-weight:500}.filter-pill:hover{color:var(--color-secondary);border-color:var(--color-secondary);background:#e85d3a0a}.filter-pill.active{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary);box-shadow:0 2px 8px #e85d3a33}.products-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.products-count{color:var(--color-text-muted);font-size:.9rem}.cta-section{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);padding:var(--space-4xl) var(--space-2xl);color:#fff;text-align:center;width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background-image:radial-gradient(400px 300px at 25% 30%,#ffffff14 0%,#0000 70%),radial-gradient(500px 400px at 75% 70%,#d4a76a1a 0%,#0000 70%);position:absolute;inset:0}.cta-section:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C300,20 600,60 900,30 C1100,10 1300,50 1440,30 L1440,0 L0,0 Z' fill='%23FFF9F2'/%3E%3C/svg%3E");background-size:cover;height:60px;position:absolute;top:-1px;left:0;right:0}.cta-inner{z-index:1;max-width:720px;margin-inline:auto;position:relative}.cta-section h2{color:#fff;margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,2.8rem)}.cta-section p{color:#ffffffd9;max-width:600px;margin:0 auto var(--space-2xl);font-size:1.15rem;line-height:1.7}.cta-section .btn{position:relative}.cta-btn-light{color:var(--color-primary);background:#fff;border:none;padding:1rem 2.5rem;font-weight:700}.cta-btn-light:hover{background:var(--color-bg);transform:translateY(-2px);box-shadow:0 8px 32px #0003}.testimonials-wrapper{max-width:700px;margin-inline:auto;position:relative;overflow:hidden}.testimonials-track{transition:transform var(--duration-slow) var(--ease-out);display:flex}.testimonial-card{text-align:center;padding:var(--space-2xl);opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);flex-shrink:0;width:100%;display:none;transform:translate(30px)}.testimonial-card.active{opacity:1;animation:testimonialSlideIn var(--duration-slow) var(--ease-out);display:block;transform:translate(0)}@keyframes testimonialSlideIn{0%{opacity:0;transform:translate(30px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.testimonial-quote{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-xl);font-size:1.35rem;font-style:italic;line-height:1.6;position:relative}.testimonial-quote:before{content:"“";color:var(--color-secondary);margin-bottom:var(--space-md);font-size:4rem;line-height:.5;font-family:var(--font-display);opacity:.6;display:block}.testimonial-author{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.testimonial-avatar{border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-accent-light);width:52px;height:52px}.testimonial-author-info{text-align:left}.testimonial-name{font-size:.95rem;font-weight:700}.testimonial-role{color:var(--color-text-muted);font-size:.82rem}.testimonial-dots{justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl);display:flex}.dot{border-radius:var(--radius-full);background:var(--color-border);cursor:pointer;width:10px;height:10px;transition:all var(--duration-normal) var(--ease-out);border:none;padding:0}.dot:hover{background:var(--color-text-muted)}.dot.active{background:var(--color-secondary);border-radius:5px;width:28px}.footer{background:var(--color-bg-dark);color:#ffffffd9;padding:var(--space-4xl) 0 var(--space-xl);position:relative}.footer:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 L1440,60 L1440,20 C1200,55 900,0 600,35 C300,70 100,10 0,40 Z' fill='%230D1B2A'/%3E%3C/svg%3E");background-size:cover;height:60px;position:absolute;top:-59px;left:0;right:0}.footer-grid{gap:var(--space-3xl);margin-bottom:var(--space-3xl);grid-template-columns:1.5fr 1fr 1fr 1fr;display:grid}.footer-brand h3{color:#fff;margin-bottom:var(--space-md);font-size:1.5rem}.footer-brand p{color:#fff9;margin-bottom:var(--space-lg);font-size:.9rem;line-height:1.7}.footer-social{gap:var(--space-md);display:flex}.footer-social a{border-radius:var(--radius-sm);color:#ffffffb3;width:40px;height:40px;transition:all var(--duration-fast) var(--ease-out);background:#ffffff14;justify-content:center;align-items:center;display:flex}.footer-social a:hover{background:var(--color-secondary);color:#fff;transform:translateY(-2px)}.footer-col h4{font-family:var(--font-body);color:#fff;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;font-weight:700}.footer-col ul{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.footer-col a{color:#fff9;transition:all var(--duration-fast) var(--ease-out);font-size:.9rem}.footer-col a:hover{color:var(--color-accent-light);padding-left:4px}.footer-bottom{padding-top:var(--space-xl);color:#fff6;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.footer-payments{gap:var(--space-md);align-items:center;display:flex}.footer-payments span{border-radius:var(--radius-sm);color:#fff9;transition:background var(--duration-fast);background:#ffffff14;padding:.3rem .8rem;font-size:.75rem;font-weight:700}.footer-payments span:hover{background:#ffffff24}.shop-hero{padding-top:calc(var(--nav-height) + var(--space-3xl));padding-bottom:var(--space-2xl);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);text-align:center;color:#fff;position:relative;overflow:hidden}.shop-hero:before{content:"";pointer-events:none;background-image:radial-gradient(400px 300px at 20%,#ffffff0f 0%,#0000 70%),radial-gradient(300px 250px at 80% 30%,#d4a76a14 0%,#0000 70%);position:absolute;inset:0}.shop-hero:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,30 C300,60 600,0 900,40 C1100,60 1300,20 1440,40 L1440,60 L0,60 Z' fill='%23FFF9F2'/%3E%3C/svg%3E");background-size:cover;height:60px;position:absolute;bottom:-1px;left:0;right:0}.shop-hero h1{margin-bottom:var(--space-sm);color:#fff;font-size:clamp(2rem,4vw,3rem);position:relative}.shop-hero p{color:#ffffffd9;font-size:1.1rem;position:relative}.about-hero{padding-top:calc(var(--nav-height) + var(--space-4xl));padding-bottom:var(--space-4xl);text-align:center;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;position:relative;overflow:hidden}.about-hero:before{content:"";pointer-events:none;background-image:radial-gradient(500px 400px at 20% 60%,#ffffff0f 0%,#0000 70%),radial-gradient(400px 350px at 80% 20%,#e85d3a0f 0%,#0000 70%);position:absolute;inset:0}.about-hero:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,30 C300,60 600,0 900,40 C1100,60 1300,20 1440,40 L1440,60 L0,60 Z' fill='%23FFF9F2'/%3E%3C/svg%3E");background-size:cover;height:60px;position:absolute;bottom:-1px;left:0;right:0}.about-hero h1{margin-bottom:var(--space-lg);color:#fff;font-size:clamp(2.5rem,5vw,3.5rem);position:relative}.about-hero p{color:#ffffffd9;max-width:600px;margin-inline:auto;font-size:1.2rem;line-height:1.7;position:relative}.about-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.about-image img{object-fit:cover;width:100%;height:400px;transition:transform var(--duration-slower) var(--ease-out)}.about-image:hover img{transform:scale(1.03)}.about-content h2{margin-bottom:var(--space-lg);font-size:2rem}.about-content p{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.75}.checkout-layout{gap:var(--space-3xl);padding-top:calc(var(--nav-height) + var(--space-2xl));padding-bottom:var(--space-4xl);grid-template-columns:1fr 380px;align-items:start;display:grid}.checkout-steps{margin-bottom:var(--space-3xl);justify-content:center;align-items:center;gap:0;display:flex;position:relative}.step-item{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);z-index:1;font-size:.9rem;font-weight:500;display:flex;position:relative}.step-number{border-radius:var(--radius-full);background:var(--color-border-light);width:36px;height:36px;color:var(--color-text-muted);transition:all var(--duration-slow) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:relative}.step-item.active .step-number{background:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #0b4f6c26}.step-item.active{color:var(--color-primary);font-weight:600}.step-item.completed .step-number{background:var(--color-success);color:#fff}.step-item.completed{color:var(--color-success)}.step-connector{background:var(--color-border-light);width:80px;height:2px;margin-inline:var(--space-md);position:relative;overflow:hidden}.step-connector:after{content:"";background:var(--color-success);width:0;height:100%;transition:width var(--duration-slower) var(--ease-out);position:absolute;top:0;left:0}.step-connector.completed:after{width:100%}.step-connector.active:after{background:linear-gradient(90deg, var(--color-success), var(--color-primary));width:50%;animation:2s ease-in-out infinite connectorPulse}@keyframes connectorPulse{0%,to{opacity:1}50%{opacity:.6}}.checkout-step-panel{display:none}.checkout-step-panel.active{animation:checkoutPanelIn .4s var(--ease-out);display:block}@keyframes checkoutPanelIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.checkout-form{gap:var(--space-xl);flex-direction:column;display:flex}.form-section-title{margin-bottom:var(--space-md);font-size:1.3rem}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-group label{color:var(--color-text);font-size:.88rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:.85rem 1rem;font-size:.95rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-light)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0b4f6c1a}.form-group input.error,.form-group select.error{border-color:var(--color-error);box-shadow:0 0 0 3px #dc26261a}.field-error{color:var(--color-error);min-height:1rem;font-size:.78rem}.card-input-wrapper{position:relative}.card-input-wrapper input{padding-right:60px}#cardTypeIcon{right:var(--space-md);position:absolute;top:50%;transform:translateY(-50%)}.card-brand{letter-spacing:.05em;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:800}.card-brand.visa{color:#fff;background:#1a1f71}.card-brand.mastercard{color:#fff;background:#eb001b}.card-brand.amex{color:#fff;background:#006fcf}.checkout-actions{gap:var(--space-md);margin-top:var(--space-xl);justify-content:space-between;display:flex}.review-section{padding:var(--space-lg);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.review-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.review-header h4{font-family:var(--font-body);font-size:1rem;font-weight:700}.review-edit{color:var(--color-primary);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;font-size:.85rem;font-weight:600}.review-edit:hover{color:var(--color-secondary)}.review-section p{color:var(--color-text-secondary);margin-bottom:2px;font-size:.9rem}.review-item{padding:var(--space-xs) 0;justify-content:space-between;font-size:.9rem;display:flex}.review-total{border-top:2px solid var(--color-text);padding-top:var(--space-sm);margin-top:var(--space-sm);font-size:1.1rem;font-weight:700}.review-totals{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.order-summary-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);padding:var(--space-xl);top:calc(var(--nav-height) + var(--space-xl));box-shadow:var(--shadow-sm);position:sticky}.summary-title{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light);font-size:1.15rem}.summary-items{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.summary-item{align-items:center;gap:var(--space-md);display:flex}.summary-item-img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:52px;height:52px}.summary-item-info{flex:1;min-width:0}.summary-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;display:block;overflow:hidden}.summary-item-qty{color:var(--color-text-muted);font-size:.78rem}.summary-item-price{flex-shrink:0;font-size:.9rem;font-weight:700}.summary-totals{border-top:1px solid var(--color-border-light);padding-top:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.summary-row{justify-content:space-between;font-size:.9rem;display:flex}.summary-total{padding-top:var(--space-sm);border-top:2px solid var(--color-text);margin-top:var(--space-sm);font-size:1.1rem;font-weight:700}.free-tag{color:var(--color-success);font-weight:600}.summary-secure{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border-light);color:var(--color-text-muted);font-size:.8rem;display:flex}.order-success{text-align:center;padding:var(--space-4xl) var(--space-xl);max-width:600px;margin-inline:auto}.success-icon{margin-bottom:var(--space-xl);animation:successPop .6s var(--ease-spring)}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-title{margin-bottom:var(--space-md);color:var(--color-primary);font-size:2rem}.success-order{margin-bottom:var(--space-lg);font-size:1.1rem}.success-msg{color:var(--color-text-secondary);margin-bottom:var(--space-2xl);line-height:1.7}.success-details{gap:var(--space-md);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.success-detail{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:.95rem;display:flex}.success-actions{gap:var(--space-md);justify-content:center;display:flex}.checkout-empty{text-align:center;padding:var(--space-4xl) var(--space-xl)}.checkout-empty svg{margin-bottom:var(--space-xl);opacity:.5}.checkout-empty h2{margin-bottom:var(--space-md)}.checkout-empty p{color:var(--color-text-muted);margin-bottom:var(--space-xl)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.spinner-lg{border-width:3px;width:40px;height:40px}.cart-notification{bottom:var(--space-xl);right:var(--space-xl);align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-bg-dark);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:2000;opacity:0;transition:all var(--duration-slow) var(--ease-spring);pointer-events:none;max-width:360px;font-size:.9rem;display:flex;position:fixed;transform:translateY(100px)}.cart-notification.show{opacity:1;pointer-events:auto;transform:translateY(0)}.cart-notification svg{color:var(--color-success);flex-shrink:0}.cart-notification-text{flex:1}.animate-on-scroll{opacity:0;transition:opacity var(--duration-slower) var(--ease-out), transform var(--duration-slower) var(--ease-out);transform:translateY(24px)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.animate-on-scroll:first-child{transition-delay:0s}.animate-on-scroll:nth-child(2){transition-delay:80ms}.animate-on-scroll:nth-child(3){transition-delay:.16s}.animate-on-scroll:nth-child(4){transition-delay:.24s}.animate-on-scroll:nth-child(5){transition-delay:.32s}.animate-on-scroll:nth-child(6){transition-delay:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-bg-alt) 50%, var(--color-border-light) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@media (width<=1024px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-description{margin-inline:auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{max-width:500px;margin-inline:auto}.hero-float-card{display:none}.features-grid,.categories-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:var(--space-2xl);grid-template-columns:1fr 1fr}.checkout-layout{grid-template-columns:1fr}.order-summary-card{position:static}.stats-bar-inner{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2):after{display:none}.about-grid{grid-template-columns:1fr}.about-image{max-width:600px;margin-inline:auto}}@media (width<=768px){:root{--nav-height:64px;--space-4xl:3rem;--space-5xl:4rem}.nav-links{display:none}.mobile-toggle{display:flex}.mobile-menu{display:block}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-stats{gap:var(--space-lg);flex-direction:column;align-items:center}.hero:after{height:60px}.categories-grid{grid-template-columns:1fr}.category-card{height:200px}.products-grid,.features-grid{grid-template-columns:1fr}.footer-grid{gap:var(--space-xl);grid-template-columns:1fr}.footer-bottom{gap:var(--space-md);text-align:center;flex-direction:column}.checkout-steps{gap:0}.step-connector{width:24px;margin-inline:var(--space-sm)}.step-label{display:none}.form-row{grid-template-columns:1fr}.checkout-actions{flex-direction:column}.cta-section{padding:var(--space-3xl) var(--space-lg)}.stats-bar{padding-block:var(--space-xl)}.stats-bar-inner{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.stat-number{font-size:1.8rem}.stat-item:after{display:none}.cart-notification{right:var(--space-md);left:var(--space-md);bottom:var(--space-md);max-width:none}.hero-actions .btn{justify-content:center;width:100%}.testimonial-quote{font-size:1.15rem}.about-image img{height:280px}}@media (width<=480px){:root{--space-3xl:2.5rem}.container{padding-inline:var(--space-md)}.hero-image-wrapper img{height:300px}.product-card-image{height:180px}.hero-badge{font-size:.78rem}.hero-title{font-size:clamp(1.8rem,7vw,2.5rem)}.stat-number{font-size:1.5rem}.step-number{width:28px;height:28px;font-size:.75rem}.checkout-steps{justify-content:space-between}.step-connector{width:auto;margin-inline:var(--space-xs);flex:1}.btn-lg{padding:.9rem 1.8rem;font-size:.95rem}.products-header{flex-direction:column;align-items:flex-start}.filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-sm);flex-wrap:nowrap;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.cart-drawer{width:100vw;max-width:100vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-on-scroll{opacity:1;transform:none}.hero-image-wrapper img{transition:none}.product-card{will-change:auto}.testimonial-card.active{animation:none}.step-connector:after{transition:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.relative{position:relative}.overflow-hidden{overflow:hidden}