
section{padding:40px 0}.alt-bg{background:var(--sand)}
.lead{font-size:1.1rem;color:var(--muted);max-width:700px}
.hero-img{display:block;width:100%;max-height:340px;object-fit:cover}
.grid{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:640px){.grid.c2,.grid.c4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.card img{aspect-ratio:16/10;object-fit:cover;width:100%}
.card .in{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{margin:0}.card h3 a{color:var(--soil);text-decoration:none}.card h3 a:hover{text-decoration:underline}
.price{font-weight:700;color:var(--rust);font-size:1.1rem}.meta{color:var(--muted);font-size:.93rem;margin:0}
.card .btn{margin-top:auto}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.crumbs{font-size:.9rem;color:var(--muted);padding:14px 0 0}.crumbs a{color:var(--muted)}
.facts{display:grid;grid-template-columns:1fr;gap:0;margin:0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.facts div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}
.facts div:last-child{border-bottom:0}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:600;text-align:right}
.two{display:grid;gap:28px}@media(min-width:860px){.two{grid-template-columns:3fr 2fr}}
.sample{background:#fff3cd;border:1px solid #e6c766;color:#5c4400;padding:10px 14px;border-radius:8px;font-size:.92rem;margin:14px 0}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:14px}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px 14px 56px;position:relative}
.steps li::before{content:counter(s);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--sage);color:#fff;display:grid;place-items:center;font-weight:700}
.ticks{padding-left:0;list-style:none}.ticks li{padding-left:26px;position:relative;margin:6px 0}.ticks li::before{content:"✓";position:absolute;left:0;color:var(--sage);font-weight:700}
details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:10px 0}summary{cursor:pointer;font-weight:700;color:var(--soil)}
form label{display:block;font-weight:600;margin:12px 0 4px}
input,select,textarea{width:100%;padding:12px;font:inherit;border:1px solid #bfae92;border-radius:8px;background:#fff}
textarea{min-height:130px}.hp{position:absolute;left:-9999px}
.site-footer{background:var(--soil);color:#d9ccb6;padding:34px 0 90px;font-size:.95rem}.site-footer a{color:#f4ecdd}
.site-footer h2{color:#fff;font-size:1.1rem}.site-footer .grid{gap:24px}.fine{font-size:.85rem;color:#b9a98f;margin-top:22px}
.mbar{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;padding:8px 10px;background:var(--soil);z-index:60;box-shadow:0 -2px 10px rgba(0,0,0,.25)}
.mbar .btn{flex:1;padding:12px 8px}.mbar .alt{border-color:var(--sand)}
@media(min-width:760px){.mbar{display:none}.site-footer{padding-bottom:34px}}
@media(max-width:759px){.hd-cta{display:none}}
a:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
