:root{--ink:#123b70;--muted:#647b91;--teal:#16a887;--mint:#e9f7f3;--line:#e8eff0;--coral:#ff806c}
    body{font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff} h1,h2,h3,h4,.brand{font-family:'Manrope',sans-serif}
    .navbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)} .brand{font-weight:800;letter-spacing:-.7px;color:var(--ink);font-size:1.35rem}.brand-mark{color:var(--teal)}
    .nav-link{font-weight:600;color:#526b75!important;font-size:.93rem}.nav-link:hover{color:var(--teal)!important}
    .btn-teal{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:700;border-radius:10px;padding:.72rem 1.1rem}.btn-teal:hover{background:#0f8d71;color:#fff}
    .btn-outline-teal{border:1px solid #b9dfd4;color:var(--teal);font-weight:700;border-radius:10px}.btn-outline-teal:hover{background:var(--mint);color:var(--teal)}
    .hero{background:linear-gradient(115deg,#eff8fc 0%,#eff8fc 53%,#e6f6f1 53%,#e6f6f1 100%);overflow:hidden}.hero-inner{min-height:560px;display:flex;align-items:center}.eyebrow{font-size:.77rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal)}.hero h1{font-weight:800;letter-spacing:-2.4px;line-height:1.09;font-size:clamp(2.8rem,5vw,4.6rem);max-width:650px}.hero h1 span{color:var(--teal)}.hero-copy{color:var(--muted);font-size:1.08rem;line-height:1.75;max-width:500px}.hero-visual{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.visual-disc{height:340px;width:340px;border-radius:50%;background:#d9f0e8;position:absolute}.hero-photo{position:relative;z-index:1;width:min(100%,470px);height:350px;object-fit:cover;border-radius:48% 48% 22px 22px;box-shadow:0 22px 55px #16354422}.float-note{position:absolute;z-index:2;left:2%;bottom:42px;background:#fff;border-radius:14px;padding:14px 17px;box-shadow:0 12px 34px #1635441a;font-size:.86rem;font-weight:700}.float-note span{color:var(--teal)}
    .benefits{border-bottom:1px solid var(--line)}.benefit-icon{width:44px;height:44px;border-radius:13px;background:var(--mint);color:var(--teal);display:grid;place-items:center;font-size:1.25rem}.benefit-title{font-weight:700;font-size:.94rem}.benefit-sub{font-size:.8rem;color:var(--muted)}
    .section-title{font-weight:800;letter-spacing:-1px}.section-copy{color:var(--muted)}.category-card{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:23px 18px;transition:.2s;height:100%;background:#fff}.category-card:hover{transform:translateY(-4px);border-color:#addbce;box-shadow:0 12px 28px #1635440c;color:var(--ink)}.category-icon{height:58px;width:58px;border-radius:17px;background:#eaf7f3;display:grid;place-items:center;color:var(--teal);font-size:1.65rem;margin-bottom:19px}.category-card h3{font-size:1rem;font-weight:700}.category-card p{color:var(--muted);font-size:.83rem;margin-bottom:0}
    .product-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;height:100%;transition:.2s}.product-card:hover{box-shadow:0 14px 30px #16354412;transform:translateY(-3px)}.product-img{height:205px;display:grid;place-items:center;background:#f5f8f8;position:relative}.product-img img{width:100%;height:100%;object-fit:cover}.product-label{position:absolute;top:13px;left:13px;border-radius:50px;background:#fff;padding:6px 10px;font-size:.68rem;font-weight:800;color:var(--teal)}.heart{position:absolute;top:12px;right:13px;border:0;background:#fff;border-radius:50%;height:34px;width:34px;color:#68808a}.product-info{padding:17px}.product-category{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:700}.product-info h3{font-size:.98rem;font-weight:700;margin:7px 0}.rating{color:#e8a844;font-size:.82rem}.rating small{color:var(--muted)}.price{font-weight:800;font-size:1.12rem}.old-price{font-size:.82rem;color:#94a3aa;text-decoration:line-through;margin-left:7px}.add-cart{border:1px solid #dce8e8;background:#fff;border-radius:9px;color:var(--teal);font-weight:700;width:38px;height:38px}.add-cart:hover{background:var(--teal);color:#fff}
    .promo{background:#123b70;border-radius:22px;color:#fff;overflow:hidden;position:relative}.promo:after{content:'';position:absolute;width:290px;height:290px;border-radius:50%;background:#ffffff0d;right:-35px;top:-110px}.promo p{color:#c3d6d8}.promo .btn{position:relative;z-index:1}.promo-art{font-size:7rem;opacity:.85;text-align:center;color:#32c2a0}
    .newsletter{background:var(--mint);border-radius:20px}.newsletter input{border:1px solid #d5e8e3;border-radius:10px;padding:.8rem 1rem}.footer{border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--teal)}
    @media(max-width:767px){.hero-inner{padding-top:54px;padding-bottom:20px;min-height:auto}.hero-visual{height:330px;margin-top:12px}.hero-photo{height:280px;width:90%}.visual-disc{width:260px;height:260px}.float-note{bottom:10px;left:0}.hero h1{letter-spacing:-1.5px}.benefits .benefit{padding:10px 0}.promo-art{display:none}}

.brand-logo{height:54px;width:auto;max-width:180px;object-fit:contain}.footer .brand-logo{height:66px}@media(max-width:575px){.brand-logo{height:46px;max-width:145px}}