:root{
  --green:#244b3c;--green-dark:#18362b;--beige:#f3eee6;--cream:#faf8f4;
  --pink:#e9c4c8;--gold:#b18a54;--text:#222;--muted:#706d68;--white:#fff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--cream)}
a{text-decoration:none;color:inherit}.topbar{background:var(--green-dark);color:#fff;text-align:center;padding:9px;font-size:12px;letter-spacing:.4px}
.header{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}
.logo{font-family:Georgia,serif;font-size:29px;letter-spacing:1px;color:var(--green);font-weight:700}.logo span{font-weight:400}
.nav{display:flex;gap:30px;font-size:14px}.nav a:hover{color:var(--gold)}
.cart-button,.menu-toggle{border:0;background:none;font-size:20px;cursor:pointer}.cart-button span{font-size:12px;background:var(--green);color:#fff;border-radius:50%;padding:4px 7px;margin-left:3px}
.menu-toggle{display:none}
.hero{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--beige);padding:70px 8%;align-items:center;gap:50px}
.hero-content{max-width:620px}.eyebrow{font-size:11px;letter-spacing:2.2px;color:var(--gold);font-weight:700;margin:0 0 15px}
h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.05}h1{font-size:clamp(48px,6vw,76px);margin:0 0 22px}h1 em{color:var(--green);font-style:italic}h2{font-size:44px;margin:0 0 18px}.hero-content>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:530px}
.btn{display:inline-block;border:0;padding:15px 25px;cursor:pointer;font-weight:700;letter-spacing:.4px}.btn-dark{background:var(--green);color:#fff}.btn-dark:hover{background:var(--green-dark)}.btn-light{background:#fff;color:var(--green)}
.hero-card{height:430px;background:linear-gradient(145deg,#d6b9a2,#efe4d8);display:flex;align-items:center;justify-content:center;position:relative}.hero-circle{width:270px;height:270px;border-radius:50%;background:#f8f2e9;display:flex;align-items:center;justify-content:center;font:italic 38px Georgia;color:var(--green);box-shadow:0 20px 60px #8d725533}.hero-card>span{position:absolute;bottom:24px;left:24px;background:#fff;padding:10px 15px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 8%;background:#fff;border-bottom:1px solid #eee}.benefits div{display:flex;gap:15px;align-items:center;justify-content:center;font-size:13px}.benefits strong{font-size:22px;color:var(--gold)}
.section{padding:90px 8%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;border:1px solid #d7d3cc;padding:9px 14px;cursor:pointer;font-size:12px}.filter.active,.filter:hover{background:var(--green);color:#fff;border-color:var(--green)}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:#fff;position:relative;overflow:hidden}.product-img{height:300px;background:linear-gradient(145deg,#eee7dd,#d8c5b4);display:flex;align-items:center;justify-content:center;position:relative}.product-img:after{content:"DiAMAR";font:italic 32px Georgia;color:#fff8;transform:rotate(-12deg)}.badge{position:absolute;top:13px;left:13px;background:var(--pink);padding:7px 9px;font-size:10px;font-weight:700;z-index:2}.product-info{padding:18px}.product-info small{color:#999}.product-info h3{margin:7px 0;font-size:16px;font-weight:500}.price{font-weight:700;color:var(--green);font-size:18px}.add{width:100%;margin-top:13px;padding:11px;background:#fff;border:1px solid var(--green);color:var(--green);cursor:pointer}.add:hover{background:var(--green);color:#fff}
.promo{margin:0 8% 90px;background:var(--green);color:#fff;min-height:390px;padding:65px 7%;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.promo p:not(.eyebrow){max-width:500px;line-height:1.7;color:#dce7e1}.promo .eyebrow{color:#e5c78e}.promo-mark{font:italic 220px Georgia;color:#ffffff12;margin-right:8%}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-image{height:450px;background:linear-gradient(145deg,#d9c5b1,#f1e6da);display:flex;align-items:center;justify-content:center}.about-image span{font:italic 55px Georgia;color:#fff}.about p:not(.eyebrow){color:var(--muted);line-height:1.8}.text-link{display:inline-block;margin-top:12px;color:var(--green);font-weight:700}
.newsletter{background:var(--pink);text-align:center;padding:70px 20px}.newsletter .eyebrow{color:var(--green)}.newsletter h2{font-size:38px}.newsletter form{max-width:540px;margin:25px auto 0;display:flex}.newsletter input{flex:1;border:0;padding:16px;outline:0}.newsletter small{display:block;margin-top:10px;color:var(--green)}
.contact{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p:not(.eyebrow){max-width:600px;color:var(--muted);line-height:1.7}
footer{background:#172c24;color:#dfe9e3;padding:55px 8% 20px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-main .logo{color:#fff}.footer-main p{color:#aebeb6;font-size:13px}.footer-main h4{color:#fff;margin-top:0}.footer-main>div>a{display:block;color:#aebeb6;margin:10px 0;font-size:13px}.footer-bottom{border-top:1px solid #ffffff22;margin-top:40px;padding-top:18px;color:#91a49a;font-size:11px}
.cart-drawer{position:fixed;right:-430px;top:0;height:100vh;width:min(430px,100%);background:#fff;z-index:50;transition:.3s;display:flex;flex-direction:column;box-shadow:-10px 0 40px #0002}.cart-drawer.open{right:0}.cart-head{padding:22px;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.cart-head h2{font-size:25px;margin:0}.cart-head button{border:0;background:none;font-size:28px;cursor:pointer}.cart-items{padding:20px;overflow:auto;flex:1}.cart-item{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #eee}.cart-item-img{width:70px;height:70px;background:#e5d7ca;flex:none}.cart-item h4{margin:0 0 6px;font-size:14px}.cart-item p{margin:0;color:var(--green);font-weight:700}.remove{margin-left:auto;border:0;background:none;color:#999;cursor:pointer}.cart-footer{padding:20px;border-top:1px solid #eee}.cart-footer>div{display:flex;justify-content:space-between;margin-bottom:15px}.full{width:100%}.cart-footer small{display:block;color:#888;margin-top:10px;text-align:center}.overlay{position:fixed;inset:0;background:#0007;z-index:40;display:none}.overlay.show{display:block}
@media(max-width:900px){.nav{display:none}.menu-toggle{display:block;order:-1}.header{gap:15px}.header .logo{margin-right:auto}.hero{grid-template-columns:1fr;padding:55px 7%}.hero-card{height:330px}.benefits{grid-template-columns:1fr;gap:18px}.section{padding:65px 7%}.section-head{display:block}.filters{margin-top:20px}.products{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:40px}.promo{margin:0 7% 65px}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero{padding-top:45px}.hero-card{height:270px}.hero-circle{width:190px;height:190px;font-size:27px}h2{font-size:36px}.products{grid-template-columns:1fr 1fr;gap:10px}.product-img{height:210px}.product-info{padding:12px}.product-info h3{font-size:14px}.price{font-size:16px}.newsletter form{display:block}.newsletter input,.newsletter .btn{width:100%}.contact{display:block}.contact .btn{margin-top:20px}.footer-main{grid-template-columns:1fr}.promo{padding:45px 30px}.promo-mark{display:none}}