/* sections3b.css — разделы «Кофе и сладости», «Напитки», «Паста и хлеб», «Пельмени» и их карточки товаров */
.guide--choco{background:radial-gradient(120% 140% at 0% 0%,#3e2416 0%,#24170f 45%,#1d1712 100%)}
.guide--beer{background:radial-gradient(120% 140% at 100% 0%,#4d3a14 0%,#2a2112 45%,#1d1712 100%)}
.guide--pasta{background:radial-gradient(120% 140% at 0% 100%,#4a3a1c 0%,#2a2214 45%,#1d1712 100%)}
.guide--frost{background:radial-gradient(120% 140% at 100% 100%,#22303a 0%,#1c2025 45%,#1d1712 100%)}
@media (min-width:900px) and (max-width:1440px){
  .guide--choco .guide__in,.guide--beer .guide__in,.guide--pasta .guide__in,.guide--frost .guide__in{grid-template-columns:1fr;gap:1.6rem}
  .guide--choco .guide__text,.guide--beer .guide__text,.guide--pasta .guide__text,.guide--frost .guide__text{max-width:70ch}
}
/* шкала какао: насыщенность полоски растёт */
.guide--choco .gstep::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.45rem;height:3px;border-radius:3px;background:var(--brass);opacity:.25}
.guide--choco .gstep:nth-child(2)::after{opacity:.5}
.guide--choco .gstep:nth-child(3)::after{opacity:.75}
.guide--choco .gstep:nth-child(4)::after{opacity:1}
/* шесть стилей пива: 3 + 3 на широком экране */
@media (min-width:900px){.guide--beer .gscale__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.guide--choco .gscale__steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.guide--beer .gstep:nth-child(5){grid-column:auto}}

.gscale:has(.ochip[data-k="milk"][aria-pressed]) .gnote[data-k="milk"],
.gscale:has(.ochip[data-k="m50"][aria-pressed]) .gnote[data-k="m50"],
.gscale:has(.ochip[data-k="m70"][aria-pressed]) .gnote[data-k="m70"],
.gscale:has(.ochip[data-k="m100"][aria-pressed]) .gnote[data-k="m100"],
.gscale:has(.ochip[data-k="bavaria"][aria-pressed]) .gnote[data-k="bavaria"],
.gscale:has(.ochip[data-k="kolsch"][aria-pressed]) .gnote[data-k="kolsch"],
.gscale:has(.ochip[data-k="wheat"][aria-pressed]) .gnote[data-k="wheat"],
.gscale:has(.ochip[data-k="czech"][aria-pressed]) .gnote[data-k="czech"],
.gscale:has(.ochip[data-k="world"][aria-pressed]) .gnote[data-k="world"],
.gscale:has(.ochip[data-k="na"][aria-pressed]) .gnote[data-k="na"],
.gscale:has(.ochip[data-k="long"][aria-pressed]) .gnote[data-k="long"],
.gscale:has(.ochip[data-k="ribbon"][aria-pressed]) .gnote[data-k="ribbon"],
.gscale:has(.ochip[data-k="tube"][aria-pressed]) .gnote[data-k="tube"],
.gscale:has(.ochip[data-k="shape"][aria-pressed]) .gnote[data-k="shape"],
.gscale:has(.ochip[data-k="bread"][aria-pressed]) .gnote[data-k="bread"],
.gscale:has(.ochip[data-k="boil"][aria-pressed]) .gnote[data-k="boil"],
.gscale:has(.ochip[data-k="fry"][aria-pressed]) .gnote[data-k="fry"],
.gscale:has(.ochip[data-k="oven"][aria-pressed]) .gnote[data-k="oven"],
.gscale:has(.ochip[data-k="soup"][aria-pressed]) .gnote[data-k="soup"],
.gscale:has(.ochip[data-k="dish"][aria-pressed]) .gnote[data-k="dish"]{display:block}

/* 18+ */
.pc__tag--age{background:rgba(122,35,24,.92);color:#fff;letter-spacing:.06em}
.agenote{display:flex;gap:.7rem;align-items:flex-start;margin:.9rem 0 1.1rem;padding:.75rem .9rem;border:1px solid rgba(122,35,24,.35);border-radius:calc(var(--r, 14px) * .7);background:rgba(122,35,24,.06);font-size:13.5px;line-height:1.45;max-width:72ch}
.agenote b{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:2.6rem;height:1.7rem;border-radius:99px;background:#7a2318;color:#fff;font-size:12px;letter-spacing:.04em}
.shero .agenote{background:rgba(20,16,12,.55);border-color:rgba(255,255,255,.22);color:#f3eadb}

/* нет в наличии */
.pc--off .pc__img img{filter:grayscale(.55);opacity:.72}
.pc__off{display:inline-block;margin-left:.5rem;font-size:11.5px;color:var(--muted, #7d6e5d);white-space:nowrap}
.pc__add--off{display:none!important}
.grp__off{margin:.2rem 0 1rem;font-size:13.5px;color:var(--muted, #7d6e5d);max-width:72ch}
.grp__off a,.buy__off a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.buy__off{margin:.6rem 0 0;padding:.75rem .9rem;border-radius:calc(var(--r, 14px) * .7);background:rgba(0,0,0,.04);font-size:14px;line-height:1.45}
@media (max-width:560px){.pc__off{display:block;margin:.15rem 0 0}}

/* длинные слова в названиях на узких карточках */
.pc__name{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}