/* ===== Разделы «Колбасы и мясные деликатесы» и «Сыры и сливочное масло»: гид-шкала ===== */
.guide--deli{background:radial-gradient(120% 140% at 0% 0%,#4a2a17 0%,#2a1a12 45%,#1d1712 100%)}
.guide--cheese{background:radial-gradient(120% 140% at 100% 0%,#4b3a17 0%,#272013 45%,#1d1712 100%)}
.gscale{display:grid;gap:1.1rem;min-width:0}
.gscale__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}
.gscale__steps .ochip{border-radius:calc(var(--r) * .7)}
.gstep{display:grid;grid-template-columns:1fr auto;align-content:start;gap:.15rem .4rem;text-align:left;padding:.85rem .9rem;min-height:5.6rem;position:relative}
.gstep__n{grid-column:1/-1;font-size:var(--text-xs);color:var(--brass-2);letter-spacing:.1em;font-variant-numeric:tabular-nums}
.gstep b{font-weight:600;line-height:1.2;overflow-wrap:anywhere}
.gstep em{grid-column:1/2;font-style:normal;font-size:var(--text-xs);color:var(--muted)}
.gstep small{grid-row:2;grid-column:2;align-self:start;margin:0;font-variant-numeric:tabular-nums}
.gscale__steps .ochip[aria-pressed]{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.gscale__steps .ochip[aria-pressed] em,.gscale__steps .ochip:hover em{color:var(--ink-3, #6b5a48)}
.gscale__steps .ochip[aria-pressed] .gstep__n,.gscale__steps .ochip:hover .gstep__n{color:var(--ox, #7a2318)}
.gscale__steps .ochip--reset{display:flex;align-items:center;justify-content:center;min-height:3rem;grid-column:1/-1}
.gscale__notes{min-height:5.5em;padding:1rem 1.1rem;border-radius:var(--r-sm, 10px);background:rgba(0,0,0,.22);border:1px solid rgba(245,236,220,.1);color:#e9dcc8;font-size:var(--text-sm);line-height:1.55}
.gnote{display:none}
.gnote b{display:block;font-size:1.25rem;color:var(--brass-2);margin-bottom:.25rem}
.gnote--def{display:block;color:var(--muted)}
.gscale:has(.ochip[aria-pressed][data-k]) .gnote--def{display:none}
.gscale:has(.ochip[data-k="serrano"][aria-pressed]) .gnote[data-k="serrano"],
.gscale:has(.ochip[data-k="cebo"][aria-pressed]) .gnote[data-k="cebo"],
.gscale:has(.ochip[data-k="bellota"][aria-pressed]) .gnote[data-k="bellota"],
.gscale:has(.ochip[data-k="lomo"][aria-pressed]) .gnote[data-k="lomo"],
.gscale:has(.ochip[data-k="cecina"][aria-pressed]) .gnote[data-k="cecina"],
.gscale:has(.ochip[data-k="m3"][aria-pressed]) .gnote[data-k="m3"],
.gscale:has(.ochip[data-k="m6"][aria-pressed]) .gnote[data-k="m6"],
.gscale:has(.ochip[data-k="m12"][aria-pressed]) .gnote[data-k="m12"],
.gscale:has(.ochip[data-k="m36"][aria-pressed]) .gnote[data-k="m36"],
.gscale:has(.ochip[data-k="m60"][aria-pressed]) .gnote[data-k="m60"]{display:block}
/* шкала сыров: полоса под ступенью плотнее с ростом выдержки */
.guide--cheese .gstep::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.45rem;height:3px;border-radius:3px;background:var(--brass);opacity:.25}
.guide--cheese .gstep:nth-child(2)::after{opacity:.4}
.guide--cheese .gstep:nth-child(3)::after{opacity:.6}
.guide--cheese .gstep:nth-child(4)::after{opacity:.8}
.guide--cheese .gstep:nth-child(5)::after{opacity:1}
@media (max-width:560px){
  .gscale__steps{grid-template-columns:1fr 1fr}
  .gstep{min-height:5rem}
  .gstep:nth-child(5){grid-column:1/-1}
}
/* карточки: на узком экране мета-строка в две строки, а не обрезка */
@media (max-width:560px){
  .pc__meta{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
/* витрина и герой на узком экране: длинные названия сыров и хамонов */
@media (max-width:700px){
  .shero__shade{background:linear-gradient(0deg,rgba(20,16,12,1) 0%,rgba(20,16,12,.8) 55%,rgba(20,16,12,.55) 100%)}
  .show__grid{grid-template-rows:240px 200px}
  .show__item:not(.show__item--big) .show__cap{left:.8rem;right:.8rem;bottom:.8rem}
  .show__item:not(.show__item--big) .show__cap small{display:none}
  .show__item:not(.show__item--big) .show__cap b{font-size:.98rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .show__item--big .show__cap small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* правка: не рвать слова в ступенях шкалы */
.gscale__steps{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
.gstep{grid-template-columns:1fr;min-height:0}
.gstep b{overflow-wrap:normal;word-break:normal;hyphens:manual;font-size:14.5px}
.gstep small{grid-row:auto;grid-column:1;font-size:11.5px;opacity:.7}
.gstep em{grid-column:1}
@media (min-width:900px) and (max-width:1440px){.guide--cheese .guide__in,.guide--deli .guide__in{grid-template-columns:1fr;gap:1.6rem}.guide--cheese .guide__text,.guide--deli .guide__text{max-width:70ch}}
.gscale__steps{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
@media (min-width:900px){.gscale__steps{grid-template-columns:repeat(5,minmax(0,1fr))}.gscale__steps .ochip--reset{grid-column:1/-1}}