/* Первый экран K22 (концепт A, 2026-11-02). Размеры сняты с concepts/out/hero-a.png в кадре 1536 px:
   1vw = 15.36 px картинки. Телефонная ветка по concepts/out/hero-a-phone.png. */
:root{
  --bg:#EAEEF2; --card:#FFFFFF; --ink:#222222; --red:#E11E24;
  --display:'Alumni Sans', 'Arial Narrow', sans-serif; --text:'Golos Text', system-ui, sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--text);font-weight:400;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}

/* ПК: всё в vw от кадра 1536 */
.wrap{width:90.625vw;margin-left:4.6875vw}
.top{position:relative;height:6.18vw}
.logo{position:absolute;left:1.17vw;top:.65vw}
.logo img{height:4.36vw;width:auto}
.menu{position:absolute;left:25.72vw;top:1.82vw;display:flex;gap:2.4vw;font-size:1.24vw;line-height:1.1;font-weight:500}
.top-phone{position:absolute;left:64.71vw;top:1.86vw;font-size:1.62vw;line-height:1.1;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.top-btn{position:absolute;left:79.95vw;top:1.17vw;width:9.7vw;height:3.06vw;display:flex;align-items:center;justify-content:center;border:2px solid var(--red);border-radius:.55vw;color:#C3141B;font-size:1.25vw;font-weight:600}
.burger{display:none}

.offer{position:relative;height:38.93vw;margin-top:1.04vw;border-radius:1.3vw;overflow:hidden;background:var(--card);display:grid;grid-template-columns:58.14vw 1fr}
.offer-photo,.offer-photo img{width:100%;height:100%}
.offer-photo img{object-fit:cover;object-position:50% 50%}
.offer-body{position:relative}
.offer-title{position:absolute;left:2.8vw;top:1.82vw;font-family:var(--display);font-weight:800;font-size:3.62vw;line-height:.89;letter-spacing:-.005em}
/* «1 ₽» на картинке нарисован Golos Text 900 (подставка у «1», тяжёлый ₽), подобрано по вырезке 2026-11-02 */
.offer-price{position:absolute;left:2.7vw;top:7.75vw;font-family:var(--text);font-weight:900;font-size:12.35vw;line-height:1;color:var(--red);letter-spacing:.02em}
.offer-price > span{display:inline-block;transform:scaleX(.83);transform-origin:left center}
.offer-price .rub{margin-left:.09em}
.offer-cond{position:absolute;left:2.8vw;top:19.45vw;font-size:1.6vw;line-height:1.2}
.btn{position:absolute;left:2.8vw;top:25.46vw;width:26.76vw;height:4.23vw;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;border-radius:.55vw;font-size:1.72vw;font-weight:500}
.offer-phone{position:absolute;left:3.32vw;top:35.4vw;font-size:1.69vw;font-weight:500;text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;font-variant-numeric:tabular-nums}

.h1{margin-top:1.2vw;margin-left:.2vw;font-family:var(--display);font-weight:800;font-size:6.7vw;line-height:.97;letter-spacing:-.005em}
.lead{margin-top:-.1vw;margin-left:.25vw;font-size:1.5vw;line-height:1.3}
.proof{margin-top:.95vw;margin-left:.2vw;font-size:1.42vw;line-height:1.3}

/* Telegram под главной кнопкой (Артём, 2026-11-02: «почему везде только whatsapp»); телефон опущен под неё */
.btn-tg{top:30.2vw;background:var(--card);color:var(--ink);border:1.5px solid var(--ink)}

/* Телефон: по кадру 1024x1536 = 390 px */
@media (max-width:820px){
  .wrap{width:auto;margin:0 16px}
  .top{height:64px;display:flex;align-items:center;gap:12px}
  .logo{position:static;margin-right:auto}
  .logo img{height:34px}
  .menu,.top-btn{display:none}
  .top-phone{position:static;font-size:15px;white-space:nowrap}
  .burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border:2px solid var(--red);border-radius:8px;background:none;padding:0 10px;cursor:pointer}
  .burger span{display:block;height:2px;background:var(--red);border-radius:1px}
  .offer{height:auto;margin-top:0;border-radius:16px;display:block}
  .offer-photo,.offer-photo img{height:auto;aspect-ratio:1.86}
  .offer-body{padding:16px 16px 18px}
  .offer-title,.offer-price,.offer-cond,.btn,.offer-phone{position:static}
  .offer-title{font-size:32px;line-height:.95}
  .offer-price{font-size:118px;line-height:.9;margin-top:6px}
  .offer-price .rub{margin-left:.1em}
  .offer-cond{font-size:15px;line-height:1.3;margin-top:8px}
  .offer-cond br{display:none}
  .btn{width:100%;height:52px;margin-top:16px;border-radius:8px;font-size:18px}
  .btn-tg{margin-top:10px}
  .offer-phone{display:block;width:max-content;margin:14px auto 0;font-size:18px}
  .h1{margin:18px 0 0;font-size:52px;line-height:.9}
  .h1 br{display:none}
  .lead{margin:12px 0 0;font-size:16px;line-height:1.35}
  .proof{margin:8px 0 24px;font-size:15px}
}