/* Гравюры внутренних страниц, второй заход (ТЗ-гравюры-21-10, п. 2). Разметка — cb_grav_dec() (inc/grav.php), ключи там же.
   Каждое место: правила снизу вверх по ширине — телефон (<768, 360–767), планшет (768–1199), ноутбук (1200–1869), ПК (≥1870).
   Скрытая ширина — display:none (и заглушка вместо файла в разметке). Mr / Ml — край контейнера 1400: max(40px, 50% − 700px).
   Предмет под текстом, фото, кнопками и картой не лежит — замер прототипом на 10 ширинах (отчёт сессии). */
.gdec { display: none; position: absolute; z-index: -1; opacity: .45; pointer-events: none; }
.gdec img { display: block; width: 100%; height: auto; }
/* секция-хозяин: контекст для absolute и изоляция z-index:-1 (нулевая специфичность — собственные правила секции главнее) */
:where(*:has(> .gdec)) { position: relative; isolation: isolate; }

/* 1 · /bani/ «Какую баню выбрать» — дрова */
.gdec--bani-drova { display: block; right: 12px; top: 2px; width: 72px; }
@media (min-width: 768px) { .gdec--bani-drova { right: 32px; top: 8px; width: 120px; } } /* top 8, не 64: абзац «Сеанс — 2 часа…» после правки 21.10 доходит до правого края (замер 768 и 1024) */
@media (min-width: 1200px) { .gdec--bani-drova { right: max(40px, calc(50% - 700px)); top: 96px; width: 160px; } }
@media (min-width: 1870px) { .gdec--bani-drova { right: 30px; width: min(220px, calc(50% - 740px)); } }

/* 3 · Дубовая «К бане» — веник; 6 · Кедровая «К бане» — травы (на 1200–1869 справа ссылка и фото) */
.gdec--kbane-venik, .gdec--kbane-travy { display: block; right: 16px; top: 0; width: 56px; } /* вертикальные: 56×70 целиком над заголовком (h2 с y 73), на 440–767 при top 48 лезли в заголовок и лид */
@media (min-width: 768px) { .gdec--kbane-venik, .gdec--kbane-travy { right: 32px; top: 8px; width: 88px; } } /* 88×110 над строкой лида (с y 127): при top 64 w120 на 900 лез в лид */
@media (min-width: 1200px) { .gdec--kbane-venik, .gdec--kbane-travy { display: none; } }
@media (min-width: 1870px) { .gdec--kbane-venik, .gdec--kbane-travy { display: block; right: 30px; top: 96px; width: min(200px, calc(50% - 740px)); } }

/* 8 · Скандинавия «К бане» — чан */
.gdec--kbane-chan { display: block; right: 16px; top: 0; width: 80px; } /* 80×66 над заголовком; при top 48 на 520–560 лезла в заголовок */
@media (min-width: 768px) { .gdec--kbane-chan { right: 32px; top: 8px; width: 120px; } }
@media (min-width: 1200px) { .gdec--kbane-chan { right: max(40px, calc(50% - 700px)); top: 96px; width: 160px; } }
@media (min-width: 1870px) { .gdec--kbane-chan { right: 30px; width: min(200px, calc(50% - 740px)); } }

/* 4 · бани «Вопросы» — шайка */
.gdec--faq-shayka { display: block; right: 16px; top: 0; width: 80px; }
@media (min-width: 768px) { .gdec--faq-shayka { right: 32px; top: 64px; width: 120px; } }
@media (min-width: 1200px) { .gdec--faq-shayka { right: max(40px, calc(50% - 700px)); top: 4px; width: 104px; } }
@media (min-width: 1870px) { .gdec--faq-shayka { right: 30px; top: 96px; width: min(200px, calc(50% - 740px)); } }

/* 9 · /basseyn-i-chan/ «Бассейн и чан» — чан (на 1200–1869 справа фото) */
.gdec--basseyn-chan { display: block; right: 16px; top: 0; width: 80px; }
@media (min-width: 768px) { .gdec--basseyn-chan { right: 32px; top: 64px; width: 120px; } }
@media (min-width: 1200px) { .gdec--basseyn-chan { display: none; } }
@media (min-width: 1870px) { .gdec--basseyn-chan { display: block; right: 30px; top: 96px; width: min(200px, calc(50% - 740px)); } }

/* 10 · /basseyn-i-chan/ «Что добавить в чан?» — травы, только ≥1870 слева */
@media (min-width: 1870px) { .gdec--basseyn-travy { display: block; left: 30px; top: 96px; width: min(200px, calc(50% - 740px)); } }

/* 11 · /besedki/ «Беседка и баня в один день» — дрова (на 1200–1869 справа ссылка) */
.gdec--besedki-drova { display: none; } /* <768 скрыта: уходила на 17 px под карточку (приёмка 21.10) */
@media (min-width: 768px) { .gdec--besedki-drova { display: block; right: 32px; top: 0; width: 72px; } } /* 72×47 в верхний отступ над карточкой: при top 64 лежала под непрозрачной карточкой (сверка 21.10, часть Б) */
@media (min-width: 1200px) { .gdec--besedki-drova { display: none; } }
@media (min-width: 1870px) { .gdec--besedki-drova { display: block; right: 30px; top: 96px; width: min(220px, calc(50% - 740px)); } }

/* 12 · /uslugi/ «Веники и травы» — травы, только ≥1870 слева внизу */
@media (min-width: 1870px) { .gdec--uslugi-travy { display: block; left: 30px; bottom: 200px; width: min(200px, calc(50% - 740px)); } }

/* 13 · /ceny/ «Сколько стоит баня» — дрова (1200–1439 скрыта: заголовок) */
.gdec--ceny-drova { display: block; right: 12px; top: 2px; width: 72px; }
@media (min-width: 768px) { .gdec--ceny-drova { right: 32px; top: 8px; width: 120px; } }
@media (min-width: 1200px) { .gdec--ceny-drova { display: none; } }
@media (min-width: 1440px) { .gdec--ceny-drova { display: block; right: max(40px, calc(50% - 700px)); top: 96px; width: 160px; } }
@media (min-width: 1870px) { .gdec--ceny-drova { right: 30px; width: min(220px, calc(50% - 740px)); } }

/* 14 · /ceny/ «Беседки у реки» — беседка */
.gdec--ceny-besedka { display: block; right: 12px; top: 4px; width: 80px; }
@media (min-width: 768px) { .gdec--ceny-besedka { right: 32px; top: 2px; width: 120px; } }
@media (min-width: 1200px) { .gdec--ceny-besedka { right: max(40px, calc(50% - 700px)); top: 16px; width: 160px; } }
@media (min-width: 1870px) { .gdec--ceny-besedka { right: auto; left: 30px; top: auto; bottom: 96px; width: min(220px, calc(50% - 740px)); } }

/* 15 · /pered-vizitom/ «Ещё о важном» — шапка */
.gdec--pv-shapka { display: block; right: 16px; top: 0; width: 80px; }
@media (min-width: 768px) { .gdec--pv-shapka { right: 32px; top: 64px; width: 120px; } }
@media (min-width: 1200px) { .gdec--pv-shapka { right: max(40px, calc(50% - 700px)); top: 96px; width: 160px; } }
@media (min-width: 1870px) { .gdec--pv-shapka { right: 30px; width: min(200px, calc(50% - 740px)); } }

/* 16 · /otzyvy/ «Все отзывы» — чай (ниже панорамы) */
.gdec--otzyvy-chay { display: block; right: 12px; top: 2px; width: 56px; }
@media (min-width: 768px) { .gdec--otzyvy-chay { right: 32px; width: 72px; } }
@media (min-width: 1200px) { .gdec--otzyvy-chay { right: auto; left: max(40px, calc(50% - 700px)); top: auto; bottom: 8px; width: 120px; } }
@media (min-width: 1200px) and (max-width: 1869px) { .gdec--otzyvy-chay { bottom: 0; width: 112px; } } /* 112×93,5 ≤ 96: при bottom 8 / w120 чай уходил на 12 px под карточку (приёмка 21.10) */
@media (min-width: 1870px) { .gdec--otzyvy-chay { left: 30px; bottom: 48px; width: min(200px, calc(50% - 740px)); } }

/* 17 · /kak-dobratsya/ «Карта» — мост (только планшет и ≥1870; на телефоне и 1200–1869 карта во всю ширину) */
@media (min-width: 768px) { .gdec--kd-most { display: block; right: 32px; top: 2px; width: 96px; } }
@media (min-width: 1200px) { .gdec--kd-most { display: none; } }
@media (min-width: 1870px) { .gdec--kd-most { display: block; right: auto; left: 30px; top: 96px; width: min(220px, calc(50% - 740px)); } }

/* 18 · /kak-dobratsya/ «Сколько ехать» — указатель (телефон и ≥1870; на 768–1869 там горы) */
.gdec--kd-ukazatel { display: block; right: 16px; top: 0; width: 56px; } /* 56×68 над заголовком; при top 48 на 400–440 лез в «Сколько ехать до бани?» */
@media (min-width: 768px) { .gdec--kd-ukazatel { display: none; } }
@media (min-width: 1870px) { .gdec--kd-ukazatel { display: block; right: auto; left: 30px; top: 96px; width: min(200px, calc(50% - 740px)); } }

/* 19 · /kontakty/ «Нас нашли» — указатель только с 1870 (ниже он лежал под карточкой рейтинга; сверка 21.10, часть Б) */
@media (min-width: 1870px) { .gdec--kont-ukazatel { display: block; right: 30px; top: 48px; width: min(200px, calc(50% - 740px)); } }
/* 19б · /kontakty/ «Связаться» — указатель вместо папоротника на <1200 (папоротник остаётся с 1200); 320–359 скрыт (задевает телефон) */
.gdec--kont-svyaz-ukazatel { display: none; }
@media (min-width: 360px) { .gdec--kont-svyaz-ukazatel { display: block; right: 20px; top: 48px; width: 72px; } }
@media (min-width: 768px) { .gdec--kont-svyaz-ukazatel { right: 44px; top: 64px; width: 96px; } }
@media (min-width: 1200px) { .gdec--kont-svyaz-ukazatel { display: none; } }

/* 20 · /blog/ список — шапка (снизу списка) */
.gdec--blog-shapka { display: block; right: 12px; bottom: 2px; width: 64px; }
@media (min-width: 768px) { .gdec--blog-shapka { right: 32px; bottom: 4px; width: 96px; } }
@media (min-width: 1200px) { .gdec--blog-shapka { right: max(40px, calc(50% - 700px)); bottom: 16px; width: 120px; } }
@media (min-width: 1870px) { .gdec--blog-shapka { right: 30px; bottom: 96px; width: min(200px, calc(50% - 740px)); } }
