/* =============================================================
   Wortex — дизайн «Herbario»
   Гербарий / полевой дневник: кремовая бумага, тёмно-зелёные чернила,
   листы с образцами на «скотче», этикетки с точечными выносками,
   машинописные моно-подписи, римские «Láminas», красный акцент с упаковки.
============================================================== */
:root{
  --paper:#F4EFE2; --paper-2:#EAE3D0; --sheet:#FBF8EF; --line:#D8CFB8;
  --ink:#22281F; --ink-soft:#5C6152; --green:#1F4D2E; --green-2:#3D6B47; --sage:#6E9A5E; --green-50:#E3EBDB;
  --red:#D7372C; --red-50:#F8E1DD; --ochre:#C98A1E; --tape:rgba(232,220,180,.78);
  --wide:1160px;
  --serif:"Newsreader", Georgia, "Times New Roman", serif;
  --sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16.5px; line-height:1.7; -webkit-font-smoothing:antialiased; overflow-x:hidden;
  background-image:radial-gradient(rgba(80,70,40,.05) 1px, transparent 1.2px); background-size:5px 5px;}
h1,h2,h3,h4{font-family:var(--serif); color:var(--ink); margin:0 0 .5em; line-height:1.12; font-weight:500;}
h2{font-size:clamp(32px,4vw,50px); letter-spacing:-.01em;}
h3{font-size:clamp(21px,2.2vw,25px); margin-top:1.4em; font-weight:500;}
h3.first{margin-top:0;}
h4{font-size:22px; font-weight:600;}
p{margin:0 0 1em;}
a{color:var(--green);}
img{max-width:100%; display:block; height:auto;}
.wrap{max-width:var(--wide); margin:0 auto; padding:0 26px;}
.icon{width:22px; height:22px; flex:none;}
.ph{background:#FFF1A8; color:#5F4600; font-family:var(--sans); font-weight:700; padding:1px 6px; border-radius:3px; font-size:.85em; font-style:normal;}
.lead{font-size:18.5px; color:var(--ink-soft); max-width:640px;}
section{padding:90px 0; scroll-margin-top:70px;}
section.tint{background:var(--paper-2);}

/* plate header: "Lámina I —— Producto" */
.lam{display:flex; align-items:center; gap:14px; margin-bottom:16px; font-family:var(--mono); font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--green-2);}
.lam .num{font-family:var(--serif); font-style:italic; font-size:22px; letter-spacing:0; text-transform:none; color:var(--red);}
.lam .rule{flex:0 0 60px; height:1px; background:var(--green-2);}

/* specimen sheet + tape */
.specimen{position:relative; background:var(--sheet); border:1px solid var(--line); box-shadow:0 1px 0 rgba(0,0,0,.04), 0 18px 34px rgba(60,50,20,.12); margin:0;}
.tape{position:absolute; width:96px; height:26px; background:var(--tape); box-shadow:0 1px 2px rgba(0,0,0,.08); z-index:3;}
.tape.t1{top:-11px; left:18px; transform:rotate(-6deg);}
.tape.t2{top:-11px; right:18px; transform:rotate(5deg);}

/* ---------- header ---------- */
header.site{position:sticky; top:0; z-index:40; background:rgba(244,239,226,.95); backdrop-filter:blur(8px); border-bottom:1px solid var(--line);}
header.site .wrap{display:flex; align-items:center; justify-content:space-between; height:68px; gap:18px;}
.logo{display:flex; align-items:center; gap:11px; text-decoration:none; color:var(--ink);}
.logo .seal{width:40px; height:40px; border-radius:50%; border:1.6px solid var(--green); color:var(--green); display:flex; align-items:center; justify-content:center; box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4.2px var(--green);}
.logo .seal svg{width:24px; height:24px;}
.logo .wm{font-family:var(--serif); font-size:27px; font-weight:600; line-height:1; display:flex; flex-direction:column;}
.logo .wm small{font-family:var(--mono); font-size:9.5px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft); margin-top:5px;}
nav.main{display:flex; gap:2px;}
nav.main a{font-family:var(--mono); font-size:12.5px; letter-spacing:.04em; color:var(--ink); text-decoration:none; padding:7px 10px; border-radius:3px;}
nav.main a:hover{background:var(--green-50); color:var(--green);}
.btn-sm{background:var(--green); color:#F4EFE2; font-family:var(--mono); font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase; padding:10px 16px; border-radius:3px; cursor:pointer;}
.btn-sm:hover{background:var(--ink);}

/* ---------- buttons ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:12px; background:var(--red); color:#fff; font-family:var(--sans); font-weight:700; font-size:17px; padding:16px 28px; border-radius:4px; cursor:pointer; text-decoration:none; box-shadow:0 2px 0 #A9271F, 0 12px 24px rgba(215,55,44,.25); transition:transform .12s, background .15s;}
.btn .icon{width:20px; height:20px; transition:transform .15s;}
.btn:hover{background:#C22E24; transform:translateY(-1px);}
.btn:hover .icon{transform:translateX(3px);}
.btn.light{background:#F4EFE2; color:var(--green); box-shadow:0 2px 0 #BDB49A, 0 12px 24px rgba(0,0,0,.2);}
.btn-note{font-family:var(--mono); font-size:11.5px; color:var(--ink-soft); margin:10px 0 0;}

/* ---------- hero ---------- */
.hero{padding:54px 0 76px; border-bottom:1px solid var(--line); position:relative; overflow:hidden;}
.hero::after{content:""; position:absolute; right:-140px; top:-140px; width:420px; height:420px; border-radius:50%; border:1px dashed rgba(31,77,46,.25);}
.hero .wrap{display:grid; grid-template-columns:1.2fr .8fr; gap:48px; align-items:center; position:relative; z-index:1;}
.meta-line{display:flex; flex-wrap:wrap; gap:6px 0; font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--green-2); margin-bottom:18px;}
.meta-line span + span::before{content:"/"; margin:0 10px; color:var(--line);}
.hero h1{font-size:clamp(36px,5vw,64px); line-height:1.02; font-weight:500; letter-spacing:-.015em; margin-bottom:18px;}
.hero h1 em{font-style:italic; color:var(--green);}
.hero h1 .sub-h{display:block; font-size:.42em; font-style:italic; color:var(--ink-soft); margin-top:12px; letter-spacing:0;}
.checks{list-style:none; padding:0; margin:0 0 30px; display:grid; gap:8px;}
.checks li{display:flex; gap:10px; align-items:flex-start; font-size:15.5px; font-weight:500;}
.checks .icon{width:20px; height:20px; color:var(--green); border:1.5px solid var(--green); border-radius:50%; padding:2px; margin-top:3px;}
.buy{display:flex; flex-wrap:wrap; gap:18px 28px; align-items:center;}
.price-label{display:grid; gap:4px; background:var(--sheet); border:1px solid var(--line); padding:14px 18px; min-width:280px; font-family:var(--mono); font-size:13px; position:relative; box-shadow:0 10px 22px rgba(60,50,20,.08);}
.price-label::before{content:""; position:absolute; left:-1px; top:-1px; bottom:-1px; width:6px; background:var(--green);}
.pl-row{display:flex; align-items:baseline; gap:8px;}
.pl-row .k{color:var(--ink-soft); white-space:nowrap;}
.pl-row .dots{flex:1; border-bottom:1.5px dotted #B5AB90; transform:translateY(-4px); min-width:16px;}
.pl-row .old{text-decoration:line-through; text-decoration-color:var(--red); color:var(--ink-soft);}
.pl-row .save{color:#fff; background:var(--red); padding:0 6px; border-radius:2px; font-weight:600;}
.pl-row.big .k{color:var(--ink); font-weight:600;}
.pl-row.big .new{font-family:var(--serif); font-size:32px; line-height:1; font-weight:600; color:var(--green);}
.cta-col{display:flex; flex-direction:column;}

.hero-sheet{padding:40px 30px 26px; display:grid; grid-template-columns:auto 1fr; gap:6px 16px; align-items:end; transform:rotate(1.4deg); max-width:400px; justify-self:center;}
.hero-sheet .sprig{grid-row:1; grid-column:1; width:70px; height:auto; align-self:center; opacity:.9;}
.hero-sheet img{grid-row:1; grid-column:2; width:200px; justify-self:center; filter:drop-shadow(0 18px 18px rgba(40,40,20,.25));}
.specimen-label{grid-row:2; grid-column:1 / -1; margin-top:16px; border:1px solid var(--ink); padding:10px 12px; font-family:var(--mono); font-size:11.5px; display:grid; grid-template-columns:1fr 1fr; gap:3px 14px; background:#fff;}
.specimen-label b{font-weight:600; color:var(--ink-soft); margin-right:6px;}
.stamp{position:absolute; top:26px; right:-18px; width:96px; height:96px; border-radius:50%; border:2px solid var(--red); color:var(--red); display:flex; align-items:center; justify-content:center; text-align:center; font-family:var(--mono); font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; line-height:1.25; transform:rotate(-14deg); background:rgba(251,248,239,.85); box-shadow:inset 0 0 0 4px rgba(251,248,239,.85), inset 0 0 0 5.5px var(--red); z-index:4;}

/* strip + byline */
.strip{background:var(--green); color:#EAF0E2;}
.strip .wrap{display:flex; justify-content:center; flex-wrap:wrap; gap:8px 40px; padding-top:15px; padding-bottom:15px;}
.strip .wrap > span{display:flex; align-items:center; gap:10px; font-family:var(--mono); font-size:13.5px; letter-spacing:.04em;}
.strip .icon{color:#F2B632;}
.byline{border-bottom:1px solid var(--line); background:var(--sheet);}
.byline .wrap{display:flex; flex-wrap:wrap; justify-content:center; gap:8px 34px; padding-top:13px; padding-bottom:13px; font-size:13.5px; color:var(--ink-soft);}
.byline i{font-family:var(--mono); font-style:normal; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--green-2); margin-right:6px;}

/* ---------- I. qué es ---------- */
.about{display:grid; grid-template-columns:1.1fr .9fr; gap:44px; margin-top:22px; align-items:start;}
.about .big{font-family:var(--serif); font-size:21px; line-height:1.55;}
.mini-sheet{position:relative; margin:30px auto 0; width:230px; padding:30px 20px 24px; background:var(--sheet); border:1px solid var(--line); box-shadow:0 14px 28px rgba(60,50,20,.12); transform:rotate(-2deg);}
.mini-sheet img{width:170px; margin:0 auto; filter:drop-shadow(0 12px 12px rgba(40,40,20,.22));}
.label-card{background:#fff; border:1px solid var(--ink); padding:0; position:relative; box-shadow:8px 8px 0 var(--paper-2);}
.lc-head{display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--ink); padding:12px 18px; font-family:var(--serif); font-size:22px; font-weight:600;}
.lc-head .no{font-family:var(--mono); font-size:12px; font-weight:500; color:var(--ink-soft);}
.lc{margin:0; padding:6px 18px 12px;}
.lc div{display:grid; grid-template-columns:40% 1fr; gap:12px; padding:10px 0; border-bottom:1px dotted #B5AB90;}
.lc div:last-child{border-bottom:none;}
.lc dt{font-family:var(--mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); padding-top:3px;}
.lc dd{margin:0; font-size:15.5px; font-weight:500;}
.notebook{display:grid; grid-template-columns:1.25fr .75fr; gap:0; margin-top:48px; background:var(--sheet); border:1px solid var(--line); box-shadow:0 14px 30px rgba(60,50,20,.08);}
.nb-text{padding:34px 36px; background-image:repeating-linear-gradient(transparent 0 31px, rgba(61,107,71,.12) 31px 32px); background-position:0 22px;}
.nb-text p{margin:0;}
.nb-list{border-left:2px solid var(--red); padding:30px 28px; background:#fff;}
.nb-title{display:block; font-family:var(--mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--red); margin-bottom:10px;}
.nb-list ul{list-style:none; padding:0; margin:0 0 14px;}
.nb-list li{padding:6px 0 6px 26px; position:relative; font-size:15px; border-bottom:1px dotted var(--line);}
.nb-list li::before{content:""; position:absolute; left:2px; top:13px; width:12px; height:12px; border:1.5px solid var(--green-2); border-radius:2px;}
.nb-foot{display:block; font-family:var(--mono); font-size:12px; color:var(--green); background:var(--green-50); padding:8px 10px;}

/* ---------- II. ventajas ---------- */
.perks{list-style:none; padding:0; margin:24px 0 0; counter-reset:p; display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.perks li{counter-increment:p; background:var(--sheet); border:1px solid var(--line); padding:22px 22px 24px; font-family:var(--serif); font-size:20px; line-height:1.3; position:relative;}
.perks li::before{content:"N.º " counter(p,decimal-leading-zero); display:block; font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; color:var(--green-2); margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid var(--line);}
.perks li::after{content:""; position:absolute; top:-9px; left:50%; width:58px; height:18px; margin-left:-29px; background:var(--tape); transform:rotate(-3deg);}
.perks li:nth-child(even)::after{transform:rotate(4deg);}

/* ---------- III. ingredientes ---------- */
.herbarium{margin:20px 0 0;}
.plates{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.plate{position:relative; background:var(--sheet); border:1px solid var(--line); padding:28px 22px 22px; box-shadow:0 14px 28px rgba(60,50,20,.1); display:flex; flex-direction:column;}
.plate:nth-child(2){transform:translateY(14px);}
.plate svg{width:100%; max-width:200px; height:auto; margin:0 auto 10px;}
.plate .tag{border:1px solid var(--ink); background:#fff; padding:14px 16px; margin-top:auto;}
.plate .sci{display:block; font-family:var(--serif); font-style:italic; font-size:15px; color:var(--green-2); border-bottom:1px dotted #B5AB90; padding-bottom:6px; margin-bottom:8px;}
.plate h4{margin:0 0 6px;}
.plate p{margin:0; font-size:14.5px; color:var(--ink-soft);}
.herbarium figcaption{font-family:var(--mono); font-size:12px; color:var(--ink-soft); text-align:center; margin-top:34px;}
.two{display:grid; grid-template-columns:1.15fr 1fr; gap:30px; margin-top:40px; align-items:start;}
.two p{margin:0;}
.warn{display:flex; gap:14px; background:var(--red-50); border:1px solid #EBB9B1; border-left:5px solid var(--red); padding:22px 24px; font-size:15.5px; color:#5D1A14;}
.warn .icon{color:var(--red); margin-top:3px;}
.warn strong{display:block; font-family:var(--mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--red); margin-bottom:4px;}

/* ---------- IV. modo de uso ---------- */
.use{display:grid; grid-template-columns:.85fr 1.15fr; gap:44px; margin-top:24px; align-items:start;}
.use-fig{padding:22px 22px 16px; transform:rotate(-1.2deg);}
.use-fig svg{width:100%; height:auto; display:block; border:1px solid var(--line);}
.use-fig figcaption,.kitchen figcaption{font-family:var(--mono); font-size:11.5px; color:var(--ink-soft); margin-top:10px;}
.dose{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.dose div{background:var(--sheet); border:1px solid var(--line); padding:14px 16px;}
.dose .t{display:block; font-family:var(--serif); font-size:24px; font-style:italic; color:var(--green); line-height:1.1;}
.dose .d{font-size:14.5px; color:var(--ink-soft);}
.cal{margin-top:14px; background:#fff; border:1px solid var(--ink); padding:14px 16px 16px;}
.cal-head{display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 14px; font-family:var(--mono); font-size:12px; letter-spacing:.06em; margin-bottom:10px;}
.cal-head > span:first-child{text-transform:uppercase; letter-spacing:.12em; color:var(--green-2);}
.cal-head .key{display:flex; align-items:center; gap:6px; color:var(--ink-soft);}
.cal-head .key i{width:12px; height:12px; display:inline-block; border:1px solid var(--green);}
.cal-head .key .k1{background:var(--green);} .cal-head .key .k2{background:var(--green-50); margin-left:8px;}
.cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:5px;}
.cal-grid .d{aspect-ratio:1; display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:13px; font-weight:600; border:1px solid var(--green);}
.cal-grid .full{background:var(--green); color:#EAF0E2;}
.cal-grid .ext{background:var(--green-50); color:var(--green); border-style:dashed;}
.compare{display:grid; grid-template-columns:1.3fr .7fr; gap:30px; margin-top:46px; background:var(--sheet); border:1px solid var(--line); padding:30px 32px; align-items:center;}
.compare p{margin:0;}
.cmp-cols{display:grid; gap:10px;}
.cmp-cols .c{padding:14px 16px; border:1px solid var(--line); display:flex; flex-direction:column; gap:2px; font-size:14.5px;}
.cmp-cols .h{font-family:var(--serif); font-size:20px; font-weight:600;}
.cmp-cols .a{background:#fff; border-left:5px solid var(--ochre);}
.cmp-cols .b{background:var(--green-50); border-left:5px solid var(--green);}

/* ---------- V. opiniones ---------- */
.rev{display:grid; grid-template-columns:1fr 1fr; gap:26px; margin:26px 0 34px;}
.rev-col h4{display:inline-flex; align-items:center; gap:8px; font-family:var(--mono); font-size:12.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; margin:0 0 14px; padding-bottom:6px; border-bottom:2px solid currentColor;}
.rev-col h4 .icon{width:16px; height:16px;}
.rev-col.pos h4{color:var(--green);}
.rev-col.neg h4{color:var(--red);}
.note-card{margin:0 0 16px; background:var(--sheet); border:1px solid var(--line); padding:22px 24px 16px; position:relative; background-image:repeating-linear-gradient(transparent 0 29px, rgba(61,107,71,.1) 29px 30px); background-position:0 16px;}
.note-card::before{content:""; position:absolute; top:-9px; left:24px; width:64px; height:18px; background:var(--tape); transform:rotate(-4deg);}
.note-card blockquote{margin:0 0 10px; font-family:var(--serif); font-size:18px; font-style:italic; line-height:1.55;}
.note-card figcaption{font-family:var(--mono); font-size:12px; color:var(--ink-soft);}
.expect{border:1px solid var(--ink); background:#fff; padding:26px 30px; position:relative;}
.expect::before{content:"Observación"; position:absolute; top:-10px; left:22px; background:var(--paper); padding:0 8px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--green-2);}
.expect p{margin:0;}

/* ---------- VI. precio ---------- */
.price-sheet{display:grid; grid-template-columns:.7fr 1.3fr; gap:44px; margin-top:24px; align-items:center;}
.ps-pic{padding:44px 30px 34px; transform:rotate(-2deg); max-width:320px; justify-self:center; width:100%;}
.ps-pic img{width:200px; margin:0 auto; filter:drop-shadow(0 16px 16px rgba(40,40,20,.25));}
.ps-info{background:var(--sheet); border:1px solid var(--line); padding:34px 36px;}
.price-label.wide{width:100%; margin:6px 0 22px;}
.pl-title{font-family:var(--serif); font-size:24px; font-weight:600; margin-bottom:4px;}
.pl-note{font-size:11.5px; color:var(--ink-soft); margin-top:4px;}
.tick{list-style:none; padding:0; margin:10px 0 0;}
.tick li{padding:10px 0 10px 30px; position:relative; border-bottom:1px dotted #B5AB90; font-size:15.5px;}
.tick li:last-child{border-bottom:none;}
.tick li::before{content:"✓"; position:absolute; left:4px; top:9px; color:var(--green); font-weight:700;}

/* ---------- VII. faq ---------- */
.faq{max-width:900px; margin-top:20px; counter-reset:f;}
.faq details{counter-increment:f; border-top:1px solid var(--ink);}
.faq details:last-child{border-bottom:1px solid var(--ink);}
.faq summary{list-style:none; cursor:pointer; padding:20px 54px 20px 64px; font-family:var(--serif); font-size:21px; line-height:1.3; position:relative;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::before{content:counter(f,upper-roman) "."; position:absolute; left:0; top:22px; font-family:var(--mono); font-size:13px; color:var(--red); letter-spacing:.06em;}
.faq summary::after{content:"+"; position:absolute; right:6px; top:50%; transform:translateY(-50%); font-family:var(--mono); font-size:22px; color:var(--green); transition:transform .2s;}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg); color:var(--red);}
.faq details p{margin:0; padding:0 54px 22px 64px; color:var(--ink-soft);}

/* ---------- VIII. día a día ---------- */
.daily{display:grid; grid-template-columns:.85fr 1.15fr; gap:44px; margin-top:24px; align-items:start;}
.kitchen{padding:22px 22px 16px; transform:rotate(1.2deg);}
.kitchen svg{width:100%; height:auto; display:block; border:1px solid var(--line);}
.prevent{list-style:none; padding:0; margin:20px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.prevent li{display:flex; align-items:center; gap:10px; background:var(--sheet); border:1px solid var(--line); padding:11px 14px; font-size:15px; font-weight:500;}
.prevent .icon{color:var(--green);}
.info{display:flex; gap:16px; background:#fff; border:1px solid var(--ink); padding:24px 28px; margin-top:34px;}
.info > .icon{color:var(--red); width:26px; height:26px; margin-top:3px;}
.info h3{margin-top:0;}
.info p{margin:0;}

/* ---------- final ---------- */
.final{background:var(--green); color:#EAF0E2; position:relative; overflow:hidden;}
.final::before{content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.2px); background-size:6px 6px;}
.final .wrap{position:relative; display:grid; grid-template-columns:1.25fr .75fr; gap:40px; align-items:center; padding-top:80px; padding-bottom:80px;}
.final .num{font-family:var(--serif); font-style:italic; font-size:22px; color:#F2B632;}
.final h2{color:#fff; margin-top:8px; max-width:16ch;}
.final p{font-size:18px; color:#C7D6BF; margin-bottom:28px;}
.final-sheet{padding:40px 30px 30px; max-width:300px; justify-self:center; width:100%; transform:rotate(3deg);}
.final-sheet img{width:190px; margin:0 auto; filter:drop-shadow(0 16px 16px rgba(0,0,0,.25));}
.sources{padding:52px 0 60px; font-size:14px; color:var(--ink-soft);}
.sources h2{font-size:22px;}
.sources .wrap{max-width:900px;}

/* ---------- footer ---------- */
footer{background:var(--ink); color:#B6B8A8; padding:44px 0; font-size:13.5px;}
footer .row{display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; align-items:center; padding-bottom:22px; margin-bottom:22px; border-bottom:1px solid #3A4036;}
footer .logo{color:#F4EFE2;}
footer .logo .seal{border-color:#F2B632; color:#F2B632; box-shadow:inset 0 0 0 3px var(--ink), inset 0 0 0 4.2px #F2B632;}
footer .logo .wm small{color:#B6B8A8;}
footer .legal{display:flex; gap:22px; flex-wrap:wrap;}
footer a{color:#EAE6D6;}
footer p{max-width:900px; margin:0 0 10px;}
footer strong{color:#fff;}

/* ---------- sticky cta ---------- */
.sticky-cta{display:none; position:fixed; left:0; right:0; bottom:0; z-index:50; background:var(--sheet); border-top:1px solid var(--ink); padding:10px 14px; align-items:center; justify-content:space-between; gap:10px; box-shadow:0 -8px 20px rgba(0,0,0,.08);}
.sticky-cta .price{font-family:var(--serif); font-size:22px; font-weight:600; color:var(--green); line-height:1.1;}
.sticky-cta .price s{display:block; font-family:var(--mono); font-size:11.5px; font-weight:400; color:var(--ink-soft); text-decoration-color:var(--red);}
.sticky-cta .btn{padding:12px 18px; font-size:15px;}

/* ---------- responsive ---------- */
@media (max-width:1060px){
  nav.main{display:none;}
  .perks{grid-template-columns:1fr 1fr;}
}
@media (max-width:880px){
  body{font-size:16px;}
  section{padding:60px 0;}
  .wrap{padding:0 18px;}
  .hero{padding:30px 0 56px;}
  .hero .wrap{grid-template-columns:minmax(0,1fr); gap:36px;}
  .hero-sheet{order:-1; transform:rotate(1deg); margin-top:12px;}
  .about,.notebook,.two,.use,.compare,.rev,.price-sheet,.daily,.final .wrap{grid-template-columns:minmax(0,1fr);}
  .nb-list{border-left:none; border-top:2px solid var(--red);}
  .nb-text{padding:26px 22px;}
  .plates{grid-template-columns:1fr; gap:30px;}
  .plate:nth-child(2){transform:none;}
  .plate{max-width:440px; margin:0 auto; width:100%;}
  .ps-info{padding:26px 22px;}
  .compare{padding:24px 22px;}
  .final .wrap{padding-top:56px; padding-bottom:60px;}
  .final-sheet{order:-1; max-width:240px;}
  .btn-sm{display:none;}
  .sticky-cta{display:flex;}
  footer{padding-bottom:110px;}
}
@media (max-width:560px){
  .hero h1{font-size:clamp(32px,9.4vw,48px);}
  .perks{grid-template-columns:1fr;}
  .buy{flex-direction:column; align-items:stretch;}
  .price-label{min-width:0;}
  .cta-col .btn{width:100%;}
  .stamp{right:-6px; top:16px; width:80px; height:80px; font-size:10.5px;}
  .hero-sheet{padding:34px 18px 20px;}
  .hero-sheet .sprig{width:50px;}
  .hero-sheet img{width:160px;}
  .specimen-label{grid-template-columns:1fr;}
  .lc div{grid-template-columns:1fr; gap:2px;}
  .dose{grid-template-columns:1fr;}
  .prevent{grid-template-columns:1fr;}
  .faq summary{font-size:18.5px; padding:18px 40px 18px 40px;}
  .faq summary::before{top:21px;}
  .faq details p{padding:0 0 20px 40px;}
  .warn,.info{flex-direction:column; gap:10px;}
  .lam .rule{flex-basis:30px;}
}
:focus-visible{outline:3px solid var(--ochre); outline-offset:3px;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} .btn,.btn .icon,.faq summary::after{transition:none;}}

/* nav: не переносить пункты */
nav.main a{white-space:nowrap;}
@media (max-width:1180px){ nav.main{display:none;} }