/* Чистка 31 — надстройка над clean.css: видео из цеха + карточки «до/после» */

/* Карточка до/после: снимок уже содержит обе половины с подписями ДО | ПОСЛЕ */
.ba-card{min-width:82%}
.ba-card img{aspect-ratio:1400/919;object-fit:cover}
@media(min-width:768px){.ba-card{min-width:46%}}
@media(min-width:1100px){.ba-card{min-width:32%}}

/* Видео из цеха */
.vids{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}
@media(min-width:768px){.vids{grid-template-columns:1fr 1fr;gap:18px}}
.vid{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;
  background:var(--tile);border:1px solid var(--divider)}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Логотип клиента шире квадратной иконки эталона */
.hdr .logo img,footer .logo img{max-width:150px;object-fit:contain}
.logo-sub{display:block}

/* Подпись в подвале */
.fbot{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);
  font-size:12.5px;font-weight:600;color:var(--gray-2);line-height:1.5}

/* Демо-плашка: видна только на превью, на бой не уезжает */
.demo-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:60;
  display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);
  padding:10px 14px;border-radius:999px;background:rgba(6,16,41,.92);
  box-shadow:0 10px 30px rgba(6,16,41,.28);backdrop-filter:blur(6px)}
.demo-bar span{font-size:12.5px;font-weight:700;color:#fff;line-height:1.3}
.demo-bar a{font-size:12.5px;font-weight:800;color:#7FD4FF;text-decoration:none;white-space:nowrap}
@media(max-width:420px){.demo-bar span{font-size:11.5px}.demo-bar a{font-size:11.5px}}

/* Вторая ссылка в строке контактов — с новой строки, не через точку */
.crow .val-2{display:block;margin-top:4px}
/* Подпись у логотипа не наезжает на фото-герой */
@media(max-width:400px){.logo-sub{font-size:10px;max-width:150px}}

/* ═══ Плитки цен: фактура ворса клиента фоном, текст поверх ═══ */
.ptiles{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}
@media(min-width:560px){.ptiles{grid-template-columns:1fr 1fr;gap:14px}}
@media(min-width:1100px){.ptiles{grid-template-columns:repeat(3,1fr);gap:16px}}

.ptile{position:relative;border-radius:18px;overflow:hidden;min-height:168px;
  display:flex;align-items:flex-end;box-shadow:0 6px 24px rgba(20,35,70,.10)}
.ptile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ptile::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(4,12,30,.86) 0%,rgba(4,12,30,.62) 38%,rgba(4,12,30,.22) 72%,rgba(4,12,30,.10) 100%)}
.pt-in{position:relative;z-index:2;width:100%;padding:16px 16px 15px}
.pt-in b{display:block;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:#fff}
.pt-in small{display:block;margin-top:5px;font-size:12px;font-weight:600;line-height:1.45;color:rgba(255,255,255,.82)}
.pt-bot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}
.pt-pr{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.pt-pill{padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.16);
  font-size:11px;font-weight:700;color:#fff;backdrop-filter:blur(4px);white-space:nowrap}
@media(min-width:560px){
  .ptile{min-height:196px}
  .pt-in b{font-size:17px}.pt-pr{font-size:22px}
}
@media(min-width:1100px){.ptile{min-height:224px}}

/* ═══ Видео из цеха: карусель вертикальных роликов ═══ */
.vcard{position:relative;min-width:66%;aspect-ratio:9/14;border-radius:18px;overflow:hidden;
  background:var(--ink);flex:none;margin:0}
.vcard video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0A1428}
.vcard .tag{position:absolute;left:10px;top:10px;bottom:auto;z-index:2;pointer-events:none}
@media(min-width:768px){.vcard{min-width:31%}}

/* ═══ SEO-текст под ценами ═══ */
.seopr{margin-top:26px}
.seopr p{margin-top:10px;font-size:13.5px;font-weight:500;line-height:1.75;color:var(--ink-soft);max-width:720px}
.seopr p b{font-weight:800;color:var(--ink)}
@media(min-width:768px){.seopr p{font-size:14.5px}}