
:root{ --sr-ink:#2a1c19; --sr-soft:#7a5b53; --sr-accent:#e6b9ac; --sr-accent-2:#f7e7e2; --sr-border:#f1e6e0; }
*{box-sizing:border-box} body{margin:0;color:var(--sr-ink);font-family:system-ui,-apple-system,'Segoe UI',Roboto,Inter,Arial,sans-serif;background:#fff}
a{color:#5c4743} .wrap{max-width:1160px;margin:0 auto;padding:0 16px}
.sr-hero{position:relative;min-height:58vh;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#fdecea)}
.sr-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:contrast(.98)}
.sr-hero .overlay{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(20,12,10,.35), rgba(255,255,255,.88))}
.sr-hero .inner{position:relative;text-align:center;padding:64px 16px}
.sr-hero h1{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.1;text-shadow:0 1px 14px rgba(0,0,0,.12)}
.sr-hero p{margin:10px 0 18px;opacity:.9;font-size:clamp(14px,2.4vw,18px)}
.sr-hero .cta{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center}
.sr-hero .cta a{padding:10px 14px;border-radius:12px;border:1px solid var(--sr-border);background:#fff8f6;text-decoration:none}
.sr-section{padding:26px 0} .sr-section h2{font-size:22px;margin:0 0 12px} .sr-muted{color:var(--sr-soft)}
.sr-grid{--w:260px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--w),1fr));gap:12px}
.sr-card{background:#fff;border:1px solid var(--sr-border);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.sr-card img{width:100%;height:220px;object-fit:cover;display:block}
.sr-card .pad{padding:10px}
.sr-pack{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.sr-pack .item{border:1px solid var(--sr-border);border-radius:14px;padding:14px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.sr-pack .title{font-weight:700;margin-bottom:6px} .sr-pack ul{margin:0;padding-left:18px;color:var(--sr-soft)}
.sr-cta-band{margin:22px 0;border:1px dashed var(--sr-accent);border-radius:14px;padding:14px;background:var(--sr-accent-2);text-align:center}
.sr-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.sr-field input,.sr-field textarea{border:1px solid var(--sr-border);border-radius:10px;padding:10px;background:#fff;width:100%}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid var(--sr-border);background:#fff8f6;text-decoration:none;color:inherit;cursor:pointer}
