:root{--deep:#0f2940;--accent:#ef4444;--muted:#64748b}.nav-container{z-index:60;background:#fff;border-bottom:1px solid #0f29400f;padding:14px 0;position:sticky;top:0}.nav-scrolled{box-shadow:0 12px 30px #0f294014}.nav-inner{grid-template-columns:200px 1fr 380px;align-items:center;max-width:1200px;margin:auto;padding:0 20px;display:grid}.brand-img{object-fit:contain;background:0 0;width:auto;height:58px;animation:2.6s ease-in-out infinite brandBounce}@keyframes brandBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.nav-center{justify-content:center;gap:36px;display:flex}.nav-link{color:var(--deep);padding:6px 2px;font-size:15px;font-weight:700;text-decoration:none;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,var(--accent),#fb7185);border-radius:6px;width:0;height:3px;transition:width .22s;position:absolute;bottom:-6px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-right{justify-content:flex-end;align-items:center;gap:12px;display:flex}.search-wrap{background:#f8fafc;border:1px solid #0f294014;border-radius:999px;align-items:center;gap:8px;width:260px;padding:10px 16px;display:flex}.search-wrap input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-size:14px}.cart-btn{cursor:pointer;font-size:22px;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.cart-btn:hover{transform:scale(1.2)}.hamburger{cursor:pointer;background:0 0;border:none;font-size:22px;display:none}.mobile-overlay{opacity:0;pointer-events:none;background:#0006;position:fixed;inset:0}.mobile-overlay.visible{opacity:1;pointer-events:auto}.mobile-menu{background:#fff;width:280px;height:100vh;padding:20px;transition:all .3s;position:fixed;top:0;right:-100%}.mobile-menu.open{right:0}.mobile-menu ul{padding:0;list-style:none}.mobile-menu li{padding:12px 0;font-size:18px;font-weight:600}@media (max-width:768px){.nav-inner{grid-template-columns:150px 1fr 80px}.nav-center,.search-wrap,.cart-btn{display:none}.hamburger{display:block}.brand-img{height:50px}.navbar{justify-content:space-between;width:100%;display:flex}}.hero{background:linear-gradient(135deg,#f7e3a1,#f6c96b);padding:60px 8% 160px;position:relative;overflow:hidden}.hero-container{justify-content:space-between;align-items:center;gap:40px;display:flex}.hero-left{width:55%}.hero-badge{background:#fff;border-radius:20px;margin-bottom:18px;padding:6px 16px;font-size:14px;display:inline-block}.hero-title{color:#072b3a;margin-bottom:8px;font-size:46px;font-weight:800}.hero-highlight{color:#e6392f;margin-bottom:18px;font-size:44px;font-weight:800}.hero-text{max-width:520px;margin-bottom:26px;font-size:16px;line-height:1.6}.hero-actions{gap:16px;margin-bottom:36px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#e6392f;border:none;border-radius:10px;padding:14px 26px;font-weight:700}.btn-secondary{color:#0a7c3a;cursor:pointer;background:0 0;border:2px solid #0a7c3a;border-radius:10px;padding:14px 26px;font-weight:700}.hero-stats{gap:48px;margin-top:20px;padding-top:22px;display:flex;position:relative}.hero-stats:before{content:"";background:#072b3a40;width:100%;height:1.5px;position:absolute;top:0;left:0}.hero-stats h3{font-size:26px}.red{color:#e6392f}.dark{color:#072b3a}.brown{color:#7c3f00}.hero-right{width:40%}.hero-card{text-align:center;background:#fff6e5;border-radius:22px;padding:32px}.hero-logo{width:150px;margin-bottom:16px}.card-title{margin-bottom:14px;font-weight:700;position:relative}.card-title:after{content:"";background:#7c3f00;border-radius:2px;width:60px;height:2px;margin:10px auto 0;display:block}.card-line{margin-bottom:10px;font-size:15px;font-weight:600}.green-text{color:#166534}.orange-text{color:#9a3412}.blue-text{color:#1e40af}.hero-strip{background:#072b3a;width:110%;padding:14px 0;position:absolute;bottom:20px;left:-5%;overflow:hidden;transform:rotate(-2.2deg)}.hero-strip-track{width:max-content;animation:18s linear infinite heroStripMove;display:flex}.hero-strip-track span{color:#fff;white-space:nowrap;padding-right:40px;font-size:14px;font-weight:600}@keyframes heroStripMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:900px){.hero-container{flex-direction:column}.hero-left,.hero-right{width:100%}.hero-title{font-size:36px}.hero-highlight{font-size:32px}}.categories-section{text-align:center;background:#efe8c3;padding:80px 8% 0;position:relative;overflow-x:hidden}.categories-title{color:#072b3a;margin-bottom:10px;font-size:32px;font-weight:800}.categories-subtitle{color:#334155;margin-bottom:60px;font-size:16px}.categories-grid{grid-template-columns:repeat(5,1fr);justify-items:center;gap:50px 30px;margin-bottom:50px;display:grid}.category-card{text-align:center}.category-icon{border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:14px;transition:transform .3s,box-shadow .3s;display:flex}.category-icon span{font-size:38px}.category-card:hover .category-icon{transform:translateY(-6px)scale(1.05);box-shadow:0 12px 25px #0003}.category-card h4{color:#072b3a;margin-bottom:6px;font-size:16px;font-weight:700;position:relative}.category-card h4:after{content:"";background:#7c3f00;border-radius:2px;width:32px;height:3px;margin:6px auto 0;display:block}.category-card p{color:#475569;font-size:13px}.view-all-btn{color:#fff;cursor:pointer;background:#072b3a;border:none;border-radius:12px;margin-bottom:30px;padding:14px 26px;font-size:14px;font-weight:600}.categories-strip{color:#fff;text-align:center;background:#4a2c1a;width:100%;margin-top:30px;padding:12px 10px;font-size:13px;font-weight:500;line-height:1.4}@media (max-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr)}.categories-strip{font-size:12px}}.products-section{text-align:center;background:#fff;padding:80px 8%}.products-title{color:#072b3a;margin-bottom:10px;font-size:32px;font-weight:800}.products-subtitle{color:#475569;max-width:720px;margin:0 auto 60px;font-size:15px;line-height:1.6}.products-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.product-card{background:#fff;border-radius:14px;transition:transform .3s;overflow:hidden;box-shadow:0 12px 30px #02061714}.product-card:hover{transform:translateY(-6px)}.product-img-placeholder{background:linear-gradient(135deg,#f1f5f9,#e5e7eb);justify-content:center;align-items:center;height:220px;display:flex;overflow:hidden}.product-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:all .3s}.product-card:hover .product-img{transform:scale(1.05)}.product-content{text-align:left;padding:18px}.product-content h4{color:#072b3a;font-size:16px;font-weight:700}.product-desc{color:#475569;margin:10px 0 12px;font-size:13px;line-height:1.5}.tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tag{border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.blue{color:#1e40af;background:#dbeafe}.price-row{align-items:center;gap:6px;margin-bottom:14px;display:flex}.price{color:#072b3a;font-size:16px;font-weight:700}.weight{color:#64748b;font-size:12px}.buy-btn{color:#fff;cursor:pointer;background:#1e1b4b;border:none;border-radius:8px;width:100%;padding:10px;font-size:14px;font-weight:600}.buy-btn:hover{background:#312e81}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.products-grid{grid-template-columns:1fr}}.why-section{text-align:center;background:#ded9ff;padding:80px 8%}.why-title{color:#072b3a;margin-bottom:10px;font-size:32px;font-weight:800}.why-subtitle{color:#334155;margin-bottom:60px;font-size:15px}.why-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.why-card{text-align:left;background:#fff;border-radius:14px;padding:26px 22px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 25px #02061714}.why-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #0206171f}.why-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:20px;display:flex}.orange{color:#9a3412;background:#ffedd5}.red{color:#991b1b;background:#fee2e2}.why-card h4{color:#072b3a;margin-bottom:8px;font-size:16px;font-weight:700}.why-card p{color:#475569;margin-bottom:14px;font-size:14px;line-height:1.6}.why-list{padding-left:0;font-size:13px;list-style:none}.why-list li{align-items:center;margin-bottom:6px;display:flex}.green-list li:before{content:"●";color:#166534;margin-right:8px}.orange-list li:before{content:"●";color:#9a3412;margin-right:8px}.red-list li:before{content:"●";color:#991b1b;margin-right:8px}.yellow-list li:before{content:"●";color:#92400e;margin-right:8px}@media (max-width:1024px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.why-grid{grid-template-columns:1fr}}.container{padding:30px;font-family:Arial,sans-serif}.breadcrumb{text-align:center;color:gray;margin-bottom:40px}.main{justify-content:space-between;align-items:flex-start;display:flex}.left{width:30%}.tag{margin-bottom:20px;font-weight:700}.images{flex-direction:column;gap:15px;display:flex}.img-box{border:2px solid #ddd;border-radius:15px;width:90px;height:90px}.img-box.active{border:2px solid orange}.img-box.plus{justify-content:center;align-items:center;font-size:22px;display:flex}.right{width:60%}.badges{margin-bottom:15px}.badges span{border-radius:20px;margin-right:10px;padding:6px 12px;font-size:13px}.green{color:green;background:#d4edda}.yellow{color:#856404;background:#ffeeba}h1{margin:15px 0;font-size:40px}.price{margin:10px 0}.new{color:red;font-size:22px;font-weight:700}.old{color:gray;margin-left:10px;text-decoration:line-through}.save{color:green;margin-left:10px}.desc{color:#555;margin:20px 0;line-height:1.6}.pack{border:1px solid #ccc;border-radius:15px;width:250px;padding:20px}.options{margin-top:10px}.option{cursor:pointer;margin-bottom:10px}.best{color:green;font-size:12px}.cart-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:10px;width:300px;margin-top:20px;padding:15px;font-size:16px}.features{color:#555;gap:40px;margin-top:20px;display:flex}.nutrition-container{text-align:center;background:#f5efe6;padding:50px 20px;font-family:Arial,sans-serif}.nutrition-container h2{color:#1f2937;font-size:28px;font-weight:700}.nutrition-container span{color:orange}.subtitle{color:#6b7280;margin-top:8px;font-size:14px}.cards{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px;display:flex}.card{text-align:left;background:#fff;border-radius:15px;width:320px;padding:20px;box-shadow:0 4px 10px #00000014}.card h4{color:red;margin-bottom:15px;font-size:12px}.row{border-bottom:1px solid #eee;justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.row:last-child{border-bottom:none}.greens-container{text-align:center;background:#f5efe6;padding:60px 20px;font-family:Arial,sans-serif}.greens-container h2{color:#1f2937;font-size:32px;font-weight:700}.greens-cards{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px;display:flex}.green-card{text-align:center;cursor:pointer;opacity:0;background:#f3efe8;border-radius:20px;width:300px;height:300px;padding:25px;transition:all .3s;animation:.6s forwards fadeUp;transform:translateY(30px)}.green-card:nth-child(2){animation-delay:.2s}.green-card:nth-child(3){animation-delay:.4s}.green-card h4{color:#6b7280;font-size:14px}.green-card h3{margin:10px 0}.green-card p{color:#6b7280;font-size:14px}.price{color:red;margin-top:15px;font-size:18px;font-weight:700;display:block}.image-card img{object-fit:cover;border-radius:15px;width:100%;height:150px;margin-bottom:15px}.green-card:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 10px 25px #0000001a}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.test-container{text-align:center;background:#f5efe6;padding:60px 20px;font-family:Arial,sans-serif}.test-container h2{color:#1f2937;font-size:30px;font-weight:700}.test-cards{flex-wrap:wrap;justify-content:center;gap:25px;margin-top:40px;display:flex}.test-card{text-align:left;opacity:0;background:#eae2d6;border-radius:15px;width:320px;padding:20px;animation:.6s forwards fadeUp;position:relative;transform:translateY(30px)}.test-card:nth-child(2){animation-delay:.2s}.test-card:nth-child(3){animation-delay:.4s}.test-card p{color:#333;margin-bottom:20px;font-size:14px;line-height:1.5}.user{align-items:center;gap:10px;display:flex}.avatar{background:#ccc;border-radius:50%;width:40px;height:40px}.user h4{margin:0;font-size:14px}.user span{color:gray;font-size:12px}.test-card:hover{transition:all .3s;transform:translateY(-5px)scale(1.02)}.footer{color:#cbd5e1;text-align:center;background:#0b1f3a;padding:60px 20px;font-family:Arial,sans-serif}.footer-content{max-width:700px;margin:auto}.footer h3{color:#fff;margin-bottom:10px}.desc{color:#94a3b8;margin-bottom:20px;font-size:14px;line-height:1.5}.links{justify-content:center;gap:25px;margin-bottom:20px;font-size:14px;display:flex}.links span{cursor:pointer;transition:all .3s}.links span:hover{color:#fff}hr{background:#1e3a5f;border:none;height:1px;margin:25px 0}.copy{color:#64748b;font-size:12px}