:root{
  --rust:#e5723c; --flame:#ee6a36; --deep:#c0501f; --sky:#55a9dd; --dip:#2f7fb3;
  --ink:#3b2114; --soot:#562f19; --mist:#f1f2f2; --paper:#fffdfa; --line:#e6ded6;
  --wrap:1180px; --r:16px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 17px/1.62 "Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
img{max-width:100%;height:auto;display:block;border:0}
a{color:var(--deep);text-underline-offset:3px}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;font-weight:800;letter-spacing:-.012em}
h1{font-size:clamp(30px,5.2vw,52px)}
h2{font-size:clamp(23px,3.3vw,34px)}
h3{font-size:clamp(19px,2.2vw,23px)}
p{margin:0 0 1.05em}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 18px}
.flag{font-family:"Titan One",Georgia,serif;font-weight:400;letter-spacing:.005em}

/* ---- утилитарная полоса + шапка ---- */
.ribbon{background:var(--soot);color:#fbe7dc;font-size:13px;letter-spacing:.03em}
.ribbon .wrap{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;padding-top:7px;padding-bottom:7px}
.ribbon span{white-space:nowrap}
.masthead{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(86,47,25,.04)}
.masthead .wrap{display:flex;align-items:center;gap:14px;padding-top:9px;padding-bottom:9px}
.mark{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--soot);flex:0 0 auto}
.mark img{width:40px;height:40px}
.mark b{font-family:"Titan One",Georgia,serif;font-weight:400;font-size:21px;line-height:1}
.mark i{display:block;font-style:normal;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:#8a6a55}
.navrow{display:flex;gap:4px;flex:1 1 auto;flex-wrap:wrap;justify-content:center}
.navrow a{padding:7px 8px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--soot);
  text-decoration:none;white-space:nowrap}
.navrow a:hover,.navrow a[aria-current]{background:#fdeee6;color:var(--deep)}
.burger{display:none;border:1px solid var(--line);background:#fff;border-radius:11px;padding:8px 11px;
  font:700 14px/1 "Nunito Sans",sans-serif;color:var(--soot)}

/* ---- штамп ---- */
.gostamp{display:inline-block;padding:0;border:0;background:none;cursor:pointer;line-height:0}
.gostamp img{width:352px;max-width:100%}
.gostamp.sm img{width:218px}
.gostamp:hover img{filter:brightness(1.06)}
.gostamp:active img{transform:translateY(1px)}
.masthead .gostamp{flex:0 0 auto}

/* ---- герой ---- */
.leadin{position:relative;background:var(--soot);color:#fff;overflow:hidden}
.leadin img.band{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.leadin .wrap{position:relative;padding-top:58px;padding-bottom:58px}
.leadin .box{max-width:640px;background:rgba(53,27,13,.72);border-radius:var(--r);padding:26px 26px 30px}
.leadin h1{margin-bottom:.35em;color:#fff}
.leadin p{font-size:18.5px;color:#f6e3d8;margin-bottom:1.3em}
.sub{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px;font-size:14px;color:#f3d9c9}
.sub b{background:rgba(255,255,255,.14);border-radius:999px;padding:5px 12px;font-weight:700}

/* ---- общие блоки ---- */
.band-sep{display:block;width:100%;height:auto}
section{padding:46px 0}
section.tint{background:var(--mist)}
section.cream{background:#fdf4ee}
.lede{font-size:19px;max-width:760px;color:#5b3f2d}
.hdr{margin-bottom:26px}
.starmark{width:38px;height:33px;display:block;margin:0 0 10px}
.prose{max-width:780px}
.prose h2{margin-top:1.3em}

/* ---- плитки стадий ---- */
.stagegrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.stagecard{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;text-decoration:none;color:var(--ink)}
.stagecard:hover{border-color:var(--rust);box-shadow:0 8px 22px rgba(86,47,25,.10)}
.stagecard img{aspect-ratio:4/1.35;object-fit:cover;width:100%;background:var(--mist)}
.stagecard .in{padding:15px 17px 19px}
.stagecard h3{margin-bottom:.3em}
.stagecard p{font-size:15px;color:#6b4f3c;margin:0}
.stagecard em{display:inline-block;margin-top:11px;font-style:normal;font-weight:800;color:var(--deep);font-size:14px}

/* ---- сетка товаров ---- */
.lineup{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(258px,1fr))}
.rig{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden}
.rig:hover{box-shadow:0 10px 26px rgba(86,47,25,.12)}
.rig-shot{position:relative;display:block;background:#fff;padding:12px}
.rig-shot img{aspect-ratio:1/1;object-fit:contain;width:100%}
.flagtag{position:absolute;top:11px;left:11px;background:var(--flame);color:#fff;border-radius:999px;
  padding:3px 10px;font-size:12px;font-weight:800;letter-spacing:.02em}
.flagtag.cool{background:var(--dip)}
.rig-in{padding:0 15px 16px;display:flex;flex-direction:column;gap:9px;flex:1 1 auto}
.rig-in h3{font-size:18px;margin:0}
.rig-in h3 a{color:var(--ink);text-decoration:none}
.rig-in h3 a:hover{color:var(--deep)}
.stars{display:flex;align-items:center;gap:7px;font-size:13.5px;color:#7a5c48}
.stars s{text-decoration:none;color:var(--flame);letter-spacing:1px}
.tags{display:flex;gap:6px;flex-wrap:wrap;font-size:12.5px;color:#6b4f3c}
.tags b{background:var(--mist);border-radius:7px;padding:3px 8px;font-weight:700}
.tags b.live{background:#e6f3e8;color:#2c6b3a}
.tags b.low{background:#fdeadf;color:#a5491c}
.cost{display:flex;align-items:baseline;gap:9px;margin-top:auto}
.cost strong{font-family:"Titan One",Georgia,serif;font-weight:400;font-size:25px;color:var(--soot)}
.cost del{color:#9a8273;font-size:15px}
.cost em{font-style:normal;background:#fdeadf;color:#a5491c;border-radius:7px;padding:2px 7px;
  font-size:12.5px;font-weight:800}
.rig .gostamp{margin-top:2px}
.rig .gostamp img{width:100%}

/* ---- карточка товара ---- */
.pdp{display:grid;gap:34px;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:start}
.gal{display:grid;gap:10px}
.gal .big{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:14px}
.gal .big img{aspect-ratio:1/1;object-fit:contain;width:100%}
.gal .strip{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}
.gal .strip img{aspect-ratio:1/1;object-fit:contain;background:#fff;border:1px solid var(--line);
  border-radius:11px;padding:5px;cursor:pointer}
.gal .strip img:hover{border-color:var(--rust)}
.buybox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.buybox .cost{margin:0 0 14px}
.spectable{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 18px}
.spectable th,.spectable td{text-align:left;padding:8px 0;border-bottom:1px solid var(--line);vertical-align:top}
.spectable th{font-weight:700;color:#6b4f3c;width:46%}
.bul{margin:0;padding-left:20px;font-size:15.5px}
.bul li{margin-bottom:.5em}
.crumbs{font-size:13.5px;color:#8a6a55;padding:14px 0 0}
.crumbs a{color:#8a6a55}

/* ---- рассказы / отзывы / FAQ ---- */
.yarn{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}
.yarn img{border-radius:var(--r)}
.voices{display:grid;gap:17px;grid-template-columns:repeat(auto-fit,minmax(265px,1fr))}
.quote{background:#fff;border:1px solid var(--line);border-left:5px solid var(--rust);
  border-radius:12px;padding:17px 19px}
.quote h4{margin:0 0 .35em;font-size:16px}
.quote p{font-size:15px;margin:0 0 .7em;color:#4f3425}
.quote span{font-size:13px;color:#8a6a55}
.asked{display:grid;gap:12px;max-width:860px}
.asked details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 18px}
.asked summary{cursor:pointer;font-weight:800;padding:15px 0;list-style:none}
.asked summary::-webkit-details-marker{display:none}
.asked summary::after{content:"+";float:right;color:var(--flame);font-size:22px;line-height:1}
.asked details[open] summary::after{content:"\2013"}
.asked p{font-size:15.5px;padding-bottom:4px}
.pillars{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.pillar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 18px}
.pillar h4{margin:0 0 .35em;font-size:16px;color:var(--deep)}
.pillar p{margin:0;font-size:14.5px;color:#6b4f3c}
.roadlist{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  list-style:none;margin:0;padding:0;font-size:15.5px}

/* ---- подвал ---- */
.endmatter{background:var(--soot);color:#f0dccf;margin-top:10px}
.endmatter a{color:#f7cdb4;text-decoration:none}
.endmatter a:hover{text-decoration:underline}
.endgrid{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  padding:40px 0 30px}
.endgrid h4{color:#fff;font-size:14px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.9em}
.endgrid ul{list-style:none;margin:0;padding:0;font-size:15px}
.endgrid li{margin-bottom:.45em}
.endgrid address{font-style:normal;font-size:14.5px;line-height:1.75}
.endbar{border-top:1px solid rgba(255,255,255,.14);font-size:13.5px;padding:15px 0 22px;
  display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}

/* ---- липкая полоса на телефоне ---- */
.footbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;
  border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));
  box-shadow:0 -4px 14px rgba(86,47,25,.10);align-items:center;gap:12px}
.footbar .cost{margin:0}
.footbar .cost strong{font-size:21px}
.footbar .gostamp{margin-left:auto}
.footbar .gostamp img{width:180px}

@media (max-width:980px){
  .pdp{grid-template-columns:minmax(0,1fr)}
  .masthead .gostamp{display:none}
}
@media (max-width:760px){
  body{font-size:16.5px}
  .navrow{display:none;order:3;width:100%;justify-content:flex-start}
  .navrow.open{display:flex}
  .burger{display:block;margin-left:auto}
  .leadin .wrap{padding-top:34px;padding-bottom:34px}
  .leadin .box{padding:20px 18px 24px}
  .gal .strip{grid-template-columns:repeat(4,1fr)}
  .footbar{display:flex}
  body.haspdp{padding-bottom:78px}
  section{padding:34px 0}
  .ribbon{font-size:12px}
}
@media (max-width:420px){
  .lineup{grid-template-columns:minmax(0,1fr)}
  .ribbon span:nth-child(3){display:none}
}