/* Страница «Районы Батуми» (/rayony-batumi/).
   Подключается после home-v2.css и guide.css. Здесь только своё: карта, видео, блоки районов. */

/* Карта районов */
.ry-map{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:40px;padding:40px;border-radius:var(--r-xl);background:var(--soft)}
.ry-map-eyebrow{color:var(--muted);font-size:13px;font-weight:500}
.ry-map h3{margin-top:14px;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.03em}
.ry-map-sub{margin-top:16px;color:var(--muted);font-size:16px;line-height:1.6}
.ry-legend-head{margin-top:36px;color:var(--muted);font-size:13px;font-weight:500}
.ry-legend{list-style:none;margin:12px 0 0;padding:0}
.ry-legend li{border-top:1px solid #c5e1ee}
.ry-legend li:last-child{border-bottom:1px solid #c5e1ee}
.ry-legend a{display:flex;align-items:baseline;gap:14px;padding:13px 0;font-size:16px;font-weight:500;transition:color .2s}
.ry-legend a:hover{color:var(--blue)}
.ry-legend span{flex:none;width:24px;color:var(--blue);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.ry-map-fig{margin:0;min-width:0}
.ry-map-stage{position:relative;border-radius:var(--r-m);overflow:hidden;background:#fff}
.ry-map-stage img{width:100%;height:auto}
.ry-sea{position:absolute;left:9%;top:34%;color:#5b7380;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.ry-pin{position:absolute;display:grid;place-items:center;width:32px;height:32px;border:2px solid #fff;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:600;line-height:1;transform:translate(-50%,-50%)}
.ry-pin--1{left:68%;top:21%}
.ry-pin--2{left:64%;top:29%}
.ry-pin--3{left:58%;top:36%}
.ry-pin--4{left:27%;top:65%}
.ry-pin--5{left:22%;top:82%}
.ry-map-fig figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 20px;margin-top:12px;color:var(--muted);font-size:12.5px}
.ry-map+.gd-cards{margin-top:20px}

/* Видео: постер и кнопка, плеер подставляется по клику */
.ry-videos-title{margin-bottom:clamp(28px,3.6vw,48px)}
.ry-videos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.ry-video{margin:0;min-width:0}
.ry-video-frame{position:relative;aspect-ratio:16/9;border-radius:var(--r-l);overflow:hidden;background:var(--navy)}
.ry-video-frame>img,.ry-video-frame>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ry-video-frame>img{object-fit:cover}
.ry-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;padding:0;border:0;background:#102f4033;transition:background .25s}
.ry-play:hover{background:#102f401a}
.ry-play span{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--ice);transition:background .25s}
.ry-play:hover span{background:#fff}
.ry-play svg{width:26px;height:26px;margin-left:4px;fill:var(--navy)}
.ry-play:focus-visible{outline-offset:-6px;border-radius:var(--r-l)}
.ry-video figcaption{margin-top:16px;font-size:17px;font-weight:500;line-height:1.4}

/* Район */
.ry-num{margin-bottom:12px;color:var(--muted);font-size:14px;font-weight:600}
.ry-district .lead{max-width:720px}
.ry-shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:250px 250px;gap:20px}
.ry-shots img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:var(--r-l)}
.ry-shots img:first-child{grid-column:span 2;grid-row:span 2}
.ry-shots .ry-shot-map{grid-column:3/5;border:1px solid var(--line)}
.ry-shots--nomap img:nth-child(n+2){grid-column:3/5}

.ry-pc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}
.ry-pc-col{padding:32px;border-radius:var(--r-l);background:var(--soft)}
.band--soft .ry-pc-col{background:#fff}
.ry-pc-col h3{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ry-sign{flex:none;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--blue);border-radius:50%;background:var(--blue);color:#fff;font-size:22px;font-weight:400;line-height:1}
.ry-pc-col--cons .ry-sign{background:transparent;border-color:#9dbccb;color:var(--ink)}
.ry-pc-item{padding:20px 0;border-top:1px solid var(--line)}
.ry-pc-col h3+.ry-pc-item{border-top:0}
.ry-pc-item:last-child{padding-bottom:0}
.ry-pc-item h4{margin:0;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.ry-pc-item p{margin-top:8px;color:var(--muted);font-size:15.5px;line-height:1.6}

.ry-fit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}
.ry-fit-item{padding:26px 32px;border:1px solid var(--ice);border-radius:var(--r-l);background:var(--ice)}
.ry-fit-item--not{border-color:var(--line);background:transparent}
.band--soft .ry-fit-item--not{border-color:#c5e1ee}
.ry-fit-label{margin-bottom:8px;color:var(--blue);font-size:13px;font-weight:600}
.ry-fit-item p+p{font-size:16px;line-height:1.6}

/* Сводная таблица: район выделен цветом, пояснение приглушено */
.ry-table td:nth-child(2){color:var(--blue);font-weight:500}
.ry-table td:last-child{color:var(--muted)}

@media(max-width:1100px){
  .ry-shots{grid-template-rows:210px 210px}
}
@media(max-width:900px){
  .ry-map{grid-template-columns:1fr;gap:28px;padding:24px}
  .ry-legend-head{margin-top:24px}
  .ry-shots{grid-template-rows:170px 170px;gap:14px}
}
@media(max-width:720px){
  .ry-videos,.ry-pc,.ry-fit{grid-template-columns:1fr}
  .ry-pc,.ry-fit{gap:12px}
  .ry-videos{gap:28px}
  .ry-shots{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;gap:12px}
  .ry-shots img{height:auto;aspect-ratio:1.2}
  .ry-shots img:first-child{grid-row:auto;grid-column:1/-1;aspect-ratio:1.5}
  .ry-shots .ry-shot-map{grid-column:1/-1;aspect-ratio:auto}
  .ry-shots--nomap img:nth-child(n+2){grid-column:auto}
  .ry-pc-col{padding:24px}
  .ry-fit-item{padding:22px 24px}
  .ry-pin{width:26px;height:26px;font-size:11px}
  .ry-sea{font-size:10px}
  .ry-table td:last-child{color:var(--ink)}
}
@media(max-width:560px){
  .ry-play span{width:64px;height:64px}
  .ry-video figcaption{font-size:16px}
}