:root { --green:#176b4a; --dark:#17231d; --lime:#dff36a; --cream:#f7f3e9; }
* { box-sizing:border-box; }
body { margin:0; color:var(--dark); background:#fffdf8; font-family:Arial, sans-serif; }
header { height:75px; max-width:1150px; margin:auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d9dfd8; }
.logo { color:var(--dark); text-decoration:none; font-size:24px; font-weight:900; }.logo span { color:var(--green); }
button { border:0; border-radius:9px; padding:12px 17px; background:var(--green); color:white; font-weight:bold; cursor:pointer; }
button:hover { background:#0f553a; }
.hero { max-width:1150px; margin:auto; padding:80px 24px; background:radial-gradient(circle at 85% 45%, var(--lime) 0 150px, transparent 151px); }
.small-title { margin:0 0 15px; color:var(--green); font-size:12px; font-weight:bold; letter-spacing:2px; }
h1 { max-width:800px; margin:0; font:700 clamp(48px,7vw,80px)/1 Georgia, serif; letter-spacing:-3px; }
h1 span { color:var(--green); font-weight:normal; font-style:italic; }.hero>p:not(.small-title) { color:#657168; font-size:18px; }
#search { width:min(600px,100%); margin-top:18px; padding:17px 20px; border:1px solid #bdc8c0; border-radius:10px; font-size:16px; box-shadow:0 10px 30px #17231d15; outline:none; }
#search:focus { border-color:var(--green); box-shadow:0 0 0 3px #176b4a22; }
.offers { padding:70px max(24px,calc((100% - 1102px)/2)); background:var(--cream); }.section-title { display:flex; align-items:end; justify-content:space-between; margin-bottom:25px; }
h2 { margin:0; font:700 40px Georgia,serif; }.section-title>span { color:#6b756e; font-size:13px; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }.card { overflow:hidden; border:1px solid #d7ddd8; border-radius:13px; background:white; transition:.2s; }.card:hover { transform:translateY(-5px); box-shadow:0 14px 25px #17231d18; }
.picture { height:190px; display:grid; place-items:center; font-size:75px; }.green{background:#dcefe8}.blue{background:#dce8f7}.orange{background:#f3dfcd}.yellow{background:#f3e9b8}.purple{background:#e9dff4}.pink{background:#f4dfe4}
.content { padding:18px; }.content small { color:#768079; font-weight:bold; }.content h3 { margin:7px 0 13px; }.content b { color:var(--green); font-size:21px; }.content p { float:right; margin:4px 0 0; color:#778078; font-size:13px; }
.empty { display:none; padding:40px; text-align:center; color:#69736b; }footer { padding:35px; text-align:center; color:#b9c5bd; background:var(--dark); }
@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}.hero{background:none}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.hero{padding-top:55px}h1{font-size:48px}.section-title{align-items:start;gap:10px}h2{font-size:33px}}