:root{--primary:#10b981;--primary-hover:#059669;--dark:#0f172a;--dark-light:#1e293b;--text-main:#334155;--text-light:#64748b;--bg-light:#f8fafc;--white:#fff;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-main);background-color:var(--bg-light);font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.border-bottom{border-bottom:1px solid var(--border)}.section-padding{padding:80px 0}.w-full{width:100%}.btn{border-radius:var(--radius-md);transition:var(--transition);justify-content:center;align-items:center;padding:12px 24px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:var(--white);color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--bg-light);border-color:var(--text-light)}.arrow{margin-left:8px;transition:transform .2s}.btn:hover .arrow{transform:translate(4px)}h1,h2,h3,h4{color:var(--dark);line-height:1.2}.h2{margin-bottom:16px;font-size:2.5rem;font-weight:700}.top-bar{background-color:var(--primary);color:var(--white);padding:8px 0;font-size:.875rem;font-weight:500}.top-bar-inner{justify-content:center;align-items:center;gap:8px;display:flex}.main-header{background-color:var(--white);z-index:40;box-shadow:var(--shadow-sm);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon{font-size:2rem}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-text strong{color:var(--dark);font-size:1.125rem;font-weight:800}.logo-text span{color:var(--primary);letter-spacing:.5px;font-size:.875rem;font-weight:500}.desktop-nav{gap:32px;display:none}@media (width>=768px){.desktop-nav{display:flex}}.desktop-nav a{color:var(--text-light);transition:var(--transition);font-weight:500;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--dark)}.desktop-nav a:after{content:"";background-color:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%}.header-actions{align-items:center;gap:16px;display:flex}.icon-btn{color:var(--dark);transition:var(--transition);border-radius:50%;padding:8px;display:flex;position:relative}.icon-btn:hover{background-color:var(--bg-light);color:var(--primary)}.cart-badge{background-color:var(--primary);color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:0;right:0;transform:translate(25%,-25%)}.hero{background-color:var(--white);padding:60px 0;overflow:hidden}.hero-inner{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (width>=992px){.hero-inner{grid-template-columns:1.2fr 1fr;padding:40px 0}}.badge{color:var(--primary-hover);background-color:#10b9811a;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:.875rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-1px;margin-bottom:24px;font-size:3rem;font-weight:800}@media (width>=992px){.hero h1{font-size:4rem}}.hero h1 span{color:var(--primary)}.hero p{color:var(--text-light);max-width:500px;margin-bottom:32px;font-size:1.125rem}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:40px;display:flex}.trust-indicators{color:var(--text-light);align-items:center;gap:16px;font-size:.875rem;display:flex}.avatars{display:flex}.avatar{border:2px solid var(--white);border-radius:50%;width:32px;height:32px;margin-left:-12px}.avatar:first-child{margin-left:0}.hero-visual{justify-content:center;display:flex;position:relative}.image-wrapper{background:linear-gradient(135deg, var(--bg-light) 0%, #e2e8f0 100%);aspect-ratio:1;width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;justify-content:center;align-items:center;animation:8s infinite alternate blob;display:flex;position:relative}.hero-box-graphic{background:var(--primary);border-radius:var(--radius-xl);width:180px;height:180px;transition:var(--transition);justify-content:center;align-items:center;display:flex;transform:rotate(-10deg);box-shadow:0 20px 25px -5px #10b9814d}.hero-visual:hover .hero-box-graphic{transform:rotate(0)scale(1.05)}@keyframes blob{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}to{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}.floating-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--dark);background:#ffffffe6;align-items:center;gap:12px;padding:12px 20px;font-size:.875rem;font-weight:600;animation:4s ease-in-out infinite alternate float;display:flex;position:absolute}.safe-shipping{animation-delay:1s;bottom:20px;left:-20px}.fast-shipping{top:40px;right:-20px}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.features{background-color:var(--white);padding:40px 0}.features-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=576px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=992px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-item{align-items:flex-start;gap:16px;display:flex}.icon-circle{color:var(--primary);width:48px;height:48px;transition:var(--transition);background-color:#10b9811a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-item:hover .icon-circle{background-color:var(--primary);color:var(--white);transform:scale(1.1)}.feature-item h3{margin-bottom:4px;font-size:1rem}.feature-item p{color:var(--text-light);font-size:.875rem}.store{background-color:var(--bg-light)}.section-heading{margin-bottom:48px}.section-heading p{color:var(--text-light);font-size:1.125rem}.tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.tab-btn{color:var(--text-light);background-color:var(--white);border:1px solid var(--border);transition:var(--transition);border-radius:30px;padding:10px 24px;font-weight:600}.tab-btn:hover{border-color:var(--primary);color:var(--primary)}.tab-btn.active{background-color:var(--dark);color:var(--white);border-color:var(--dark)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;display:grid}.product-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid #0000;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border);transform:translateY(-8px)}.product-image-container{background-color:#f1f5f9;justify-content:center;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}.product-image-placeholder{border-radius:var(--radius-md);width:100px;height:100px;color:var(--white);transition:var(--transition);background-color:#cbd5e1;justify-content:center;align-items:center;font-size:2rem;display:flex}.product-card:hover .product-image-placeholder{transform:scale(1.1)}.product-info{padding:24px}.product-category{text-transform:uppercase;letter-spacing:1px;color:var(--text-light);margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.product-title{color:var(--dark);margin-bottom:12px;font-size:1.125rem;font-weight:600}.product-price{color:var(--primary);font-size:1.25rem;font-weight:800}.product-price span{color:var(--text-light);margin-left:8px;font-size:.875rem;font-weight:500;text-decoration:line-through}.add-to-cart-btn{background-color:var(--dark);color:var(--white);width:40px;height:40px;transition:var(--transition);opacity:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:24px;right:24px;transform:translateY(10px)}.product-card:hover .add-to-cart-btn{opacity:1;transform:translateY(0)}.add-to-cart-btn:hover{background-color:var(--primary);transform:scale(1.1)!important}.cart-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;opacity:0;visibility:hidden;width:100vw;height:100vh;transition:var(--transition);background:#0006;position:fixed;top:0;left:0}.cart-overlay.active{opacity:1;visibility:visible}.cart-drawer{background:var(--white);z-index:60;flex-direction:column;width:100%;max-width:400px;height:100vh;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0000001a}.cart-drawer.active{transform:translate(0)}.cart-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px;display:flex}.close-cart{color:var(--text-light);transition:var(--transition);padding:4px}.close-cart:hover{color:var(--dark);transform:rotate(90deg)}.cart-body{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.empty-cart-msg{text-align:center;color:var(--text-light);margin-top:auto;margin-bottom:auto}.cart-item{border-bottom:1px solid var(--border);gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.cart-item-img{border-radius:var(--radius-md);background:#f1f5f9;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.cart-item-details h4{margin-bottom:4px;font-size:.875rem}.cart-item-price{color:var(--primary);font-size:.875rem;font-weight:700}.cart-footer{border-top:1px solid var(--border);background:var(--bg-light);padding:24px}.cart-total{color:var(--dark);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1.25rem;font-weight:800;display:flex}