/* Страница «Какую онлайн-запись выбрать» (guide.html). Язык лендинга
   (landing.css); здесь только списки и карточки «кому что подходит». */
.guide .hero h1{max-width:20ch}
.g-list{margin:0;padding:0;list-style:none;counter-reset:g;display:grid;gap:18px;max-width:72ch}
.g-list li{counter-increment:g;position:relative;padding:0 0 18px 44px;border-bottom:1px solid var(--line);
  color:var(--mute);font-size:16.5px;line-height:1.55}
.g-list li::before{content:counter(g);position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;font-size:13px;font-weight:650;color:var(--ink);background:rgb(25 19 17 / .06)}
.g-list b{color:var(--ink);font-weight:650}
.g-fit{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.g-fit>div{padding:20px 20px 18px;border-radius:22px;background:var(--card);
  box-shadow:0 1px 0 var(--line),0 14px 34px -26px rgb(25 19 17 / .35)}
.g-fit h3{margin:0 0 8px;font-size:18px;letter-spacing:-.02em}
.g-fit p{margin:0;color:var(--mute);font-size:15px;line-height:1.5}
.g-fit .g-not{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}
.g-values{margin:0;padding:0;list-style:none;display:grid;gap:14px;max-width:76ch}
.g-values li{color:var(--mute);font-size:16px;line-height:1.55}
.g-values b{display:block;color:var(--ink);font-weight:650}
.g-plans{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.g-plan{padding:20px;border-radius:22px;background:var(--card);box-shadow:0 1px 0 var(--line)}
.g-plan h3{margin:0;font-size:18px;letter-spacing:-.02em}
.g-plan .g-price{margin:4px 0 12px;font-size:15px;color:var(--mute)}
.g-plan ul{margin:0;padding:0 0 0 18px;color:var(--mute);font-size:14px;line-height:1.5}
.g-more{margin:22px 0 0;color:var(--mute);font-size:15px}
.g-more a{color:var(--ink)}
.g-more.g-lede{margin:0 0 18px}
/* Примеры витрин (/primery): карточка — ссылка на демо в версии. */
.g-examples{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.g-ex{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:22px;background:var(--card);
  color:var(--ink);text-decoration:none;box-shadow:0 1px 0 var(--line),0 14px 34px -26px rgb(25 19 17 / .35);
  transition:transform var(--quick) ease}
.g-ex:hover{transform:translateY(-2px)}
.g-ex:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.g-ex img{display:block;width:100%;height:auto;aspect-ratio:600/1300;max-height:380px;object-fit:cover;
  object-position:top;border-radius:14px;margin:0 0 8px;background:rgb(25 19 17 / .06)}
.g-ex b{font-size:19px;letter-spacing:-.02em}
.g-ex span{color:var(--mute);font-size:14.5px;line-height:1.45}
/* Телефон: снимки высокие, в одну колонку девять карточек — пять экранов
   прокрутки. На /primery — две колонки, на «Что внутри» — лента вбок:
   там это один раздел из многих, и он не должен съедать страницу. */
@media (max-width:620px){
  .g-examples{grid-template-columns:1fr 1fr;gap:10px}
  .g-ex{padding:10px 10px 14px;border-radius:18px}
  .g-ex img{max-height:300px;border-radius:10px}
  .g-ex b{font-size:16px}
  .g-ex span{font-size:13px}
}
.about-looks{margin:4px 0 26px}
.g-examples.about-looks{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(46vw,230px);
  overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:8px;
  scrollbar-width:none}
.g-examples.about-looks::-webkit-scrollbar{display:none}
.about-looks .g-ex{scroll-snap-align:start}
@media (prefers-reduced-motion:reduce){.g-ex{transition:none}}