/* eda-courier.com, дизайн v2 — стиль посадок rabota-kz/rabota-kg/by.eda-courier.com.
   Подключается только на страницах из V2_LIVE (build.js), вместо /style.css.
   Разметка страниц та же, что у v1: здесь только внешний вид. */
@font-face{font-family:'YS Text';src:url(/v2/fonts/text-regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'YS Text';src:url(/v2/fonts/text-medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'YS Text';src:url(/v2/fonts/text-bold.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'YS Display Cond';src:url(/v2/fonts/cond-bold.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'YS Display Cond';src:url(/v2/fonts/cond-black.woff2) format('woff2');font-weight:900;font-display:swap}

:root{--y:#FFEA00;--ink:#000;--grey:#F5F4F2;--muted:rgba(0,0,0,.72);--line:rgba(0,0,0,.1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.v2{margin:0;background:#fff;color:var(--ink);font:400 17px/1.5 'YS Text',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.v2 img{max-width:100%}
.v2 a{color:inherit}
/* .v2 a перебивает цвет кнопок по специфичности — возвращаем явно */
.v2 .btn{color:var(--ink)}
.v2 .btn-ico{color:#fff}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.v2 h1,.v2 h2,.v2 h3{font-family:'YS Display Cond','YS Text',Helvetica,Arial,sans-serif;font-weight:600;line-height:1.02;margin:0;letter-spacing:0}
.v2 h1{font-size:clamp(38px,5.6vw,68px)}
.v2 h2{font-size:clamp(30px,4.2vw,50px)}
.v2 h3{font-size:clamp(22px,2.4vw,28px)}

/* шапка-таблетка */
.top{position:sticky;top:12px;z-index:40;max-width:1160px;margin:12px auto 0;padding:0 20px}
.topin{background:#fff;border-radius:999px;box-shadow:0 6px 26px rgba(0,0,0,.10);display:flex;align-items:center;gap:14px;padding:10px 10px 10px 14px}
.top .brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:17px;white-space:nowrap;text-decoration:none}
.mark{width:38px;height:38px;border-radius:11px;background:var(--y);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.mark img{width:74%;height:74%;object-fit:contain}
.top .hd-cta{margin-left:auto;font-size:17px;padding:13px 26px;border-radius:999px;min-height:0}
.top .hd-cta::after{display:none}
.langsw{display:flex;gap:4px;background:var(--grey);border-radius:999px;padding:4px;margin-left:auto}
.langsw a{text-decoration:none;font-weight:600;font-size:15px;padding:7px 12px;border-radius:999px;color:var(--muted)}
.langsw a.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.langsw + .hd-cta{margin-left:6px}

/* хлебные крошки */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:15px;color:var(--muted);margin:22px 0 0}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs .sep{opacity:.5}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--y);color:var(--ink);border:0;
 font-family:'YS Text',Helvetica,Arial,sans-serif;font-weight:500;font-size:18px;line-height:1.2;border-radius:16px;padding:15px 30px;
 text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.16)}
.btn--yandex{font-size:21px;padding:19px 34px;border-radius:20px;position:relative;overflow:hidden;animation:nudge 7s ease-in-out infinite}
.btn--yandex::after{content:"";position:absolute;top:-70%;left:-40%;width:26%;height:240%;transform:rotate(18deg);pointer-events:none;
 background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.85),rgba(255,255,255,0));animation:shine 4s ease-in-out infinite}
@keyframes shine{0%{left:-40%}22%{left:140%}100%{left:140%}}
@keyframes nudge{0%,88%,100%{transform:translateY(0)}93%{transform:translateY(-3px)}96%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.btn--yandex,.btn--yandex::after{animation:none}}
.btn-ico{width:64px;height:64px;padding:0;border-radius:20px;flex:0 0 auto;color:#fff}
.btn-ico svg{width:30px;height:30px;fill:currentColor}
.btn-tg{background:#229ED9}
.btn-tg svg{width:40px;height:40px}
.btn-wa{background:#25D366}
.btn-vb{background:#7360F2}
.legal-star{font-size:13px;margin-left:-6px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-note{font-size:15px;font-weight:500;color:var(--muted);margin-top:2px}
.btn-note--consent{font-size:12px;font-weight:400;line-height:1.45;opacity:.8;max-width:520px}
.btn-note--consent a{text-decoration:underline;text-underline-offset:2px}

/* первый экран: широкий кадр, текст поверх слева — как на посадках */
.v2 section.hero{position:relative;border-radius:36px;overflow:hidden;margin:16px 0 0;min-height:640px;display:flex;align-items:center;background:#1d1d1d}
.heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.55) 42%,rgba(0,0,0,0) 70%)}
.heropane{position:relative;padding:46px;width:100%;max-width:660px;min-width:0;container-type:inline-size;display:flex;flex-direction:column;gap:16px;color:#fff}
.heropane h1{color:#fff}
/* сумма в заголовке становится жёлтой плашкой посадки; спираль и курьер — фоном, чтобы не класть картинки в h1 */
.heropane h1 mark{display:block;margin-top:14px;background:var(--y) url(/v2/img/walk.webp) no-repeat right -10px bottom -14px/170px auto;
 color:var(--ink);border-radius:30px;padding:22px 160px 20px 28px;font-weight:600;letter-spacing:0;line-height:1;white-space:nowrap;
 font-size:min(46px,calc((100cqi - 188px)/var(--sum-em)))}
.heropane .lead{color:rgba(255,255,255,.88);font-size:18px;margin:0;max-width:560px}
.heropane .lead b{color:#fff}
.heropane .btn-note{color:rgba(255,255,255,.82)}
.heropane .btn-note--consent{color:rgba(255,255,255,.75);opacity:1}
.micro-trust{display:flex;flex-wrap:wrap;gap:10px}
.micro-trust span{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:11px 18px 11px 14px;font-weight:500;font-size:16px;
 background:var(--grey)}
.micro-trust span::before{content:"";width:22px;height:22px;flex:0 0 auto;border-radius:50%;
 background:var(--y) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 12.3l3.5 3.5 7.2-7.2' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.heropane .micro-trust span{background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* под первым экраном: соцдоказательство и расчёт дохода */
/* калькулятор «Доставлено сегодня» убран: выдуманная цифра и третий повтор дохода; осталась строка о наборе в городе */
.hero-extra{margin-top:14px}
.proof{background:var(--grey);border-radius:999px;padding:12px 26px 12px 14px;display:inline-flex;gap:14px;align-items:center}
.proof-txt{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.proof-stars{margin-top:0!important}
.proof-avatars{display:flex;flex:0 0 auto}
.proof-avatars img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid var(--grey);margin-left:-14px}
.proof-avatars img:first-child{margin-left:0}
.proof-txt{font-size:17px;line-height:1.4}
.proof-txt b{font-weight:600}
.proof-stars{margin-top:6px;color:#000;letter-spacing:2px}
.proof-stars span{color:var(--muted)!important;letter-spacing:0;font-weight:500!important}
.earnings-card{background:var(--grey);border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:18px}
.earnings-label{font-size:15px;font-weight:600;color:var(--muted)}
.earnings-amount{font-family:'YS Display Cond';font-weight:900;font-size:clamp(40px,4.6vw,58px);line-height:1;margin-top:4px}
.earnings-sub{color:var(--muted);font-size:15px;margin-top:4px}
.pay-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pay-stat{background:#fff;border-radius:20px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.pay-stat-label{font-size:14px;color:var(--muted);font-weight:500}
.pay-stat strong{font-family:'YS Display Cond';font-weight:900;font-size:28px;line-height:1.05}
.pay-stat-note{font-size:13px;color:var(--muted)}
.pay-stat--hl{background:var(--y)}
.pay-stat--hl .pay-stat-label,.pay-stat--hl .pay-stat-note{color:rgba(0,0,0,.72)}
.transport-row-new{display:flex;flex-wrap:wrap;gap:8px}
.transport-item-new{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:6px 14px 6px 6px;font-size:14px;font-weight:500}
.transport-item-new img{display:none}
.transport-item-new{padding:8px 16px}

/* секции */
.v2 section{margin:80px 0}
.section-tt{margin-bottom:24px}
.s-kicker{display:block;font-weight:600;font-size:16px;color:var(--muted);margin-bottom:10px}
.lead{color:var(--muted);font-size:19px;margin-top:14px;max-width:680px}
.prose{max-width:820px}
.prose h2{margin-bottom:18px}
.prose p{margin:0 0 16px;font-size:18px;line-height:1.6;color:rgba(0,0,0,.84)}
.prose a{text-decoration:underline;text-decoration-color:rgba(0,0,0,.35);text-underline-offset:3px}
.prose a:hover{text-decoration-color:#000}
.prose-split{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.prose-fig{margin:0;border-radius:32px;overflow:hidden;background:var(--grey)}
.prose-fig img{display:block;width:100%;height:100%;object-fit:cover}
.bayk-deal{position:relative;overflow:hidden;background:var(--grey);border-radius:28px;padding:22px 190px 22px 26px;margin:22px 0;font-size:17px;line-height:1.55}
/* в v1 тут широкий кадр 2048×618 с крошечной машиной — прячем, ставим машину с посадок */
.bayk-icon{display:none}
.bayk-deal::after{content:"";position:absolute;right:-10px;bottom:-14px;width:170px;height:110px;background:url(/v2/img/auto.webp) no-repeat right bottom/contain}
.bayk-deal a{text-decoration:underline;text-underline-offset:2px}

/* доход: одна жёлтая полоса с линиями между значениями, а не третий ряд одинаковых карточек */
.earn{display:grid;grid-template-columns:repeat(3,1fr);background:var(--y);border-radius:36px;padding:34px 0;row-gap:0}
.earn > div{padding:0 34px}
.earn > div:first-child{grid-column:1/-1;padding-bottom:26px}
.earn > div + div + div{border-left:1.5px solid rgba(0,0,0,.18)}
.earn > div + div{container-type:inline-size}
/* «до 860 000 ₸» и «раз в неделю» не рвутся: кегль считается от ширины колонки */
.earn .big{font-family:'YS Display Cond';font-weight:900;font-size:min(52px,19.5cqi);line-height:1;margin-bottom:8px;white-space:nowrap}
.earn .lbl{color:rgba(0,0,0,.75);font-size:17px}

/* шаги */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--grey);border-radius:28px;padding:26px 24px;min-height:200px}
.card:first-child{background:var(--y)}
.card p{color:var(--muted);margin:10px 0 0;font-size:16px}
.card:first-child p{color:rgba(0,0,0,.78)}
.num{width:52px;height:52px;border-radius:50%;background:var(--y);display:flex;align-items:center;justify-content:center;
 font-family:'YS Display Cond';font-weight:900;font-size:28px;margin-bottom:16px}
.card:first-child .num{background:#fff}

/* транспорт: в v1 картинки — широкие кадры 2048×618 с маленькой фигуркой, в карточке они теряются.
   Прячем их и ставим чистые предметы с посадок, как там — в правом нижнем углу карточки */
.transport{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.transport .t{position:relative;overflow:hidden;background:var(--grey);border-radius:28px;padding:24px 24px 120px;display:flex;flex-direction:column;gap:6px;min-height:230px}
.transport .t img{display:none}
.transport .t::after{content:"";position:absolute;right:-12px;bottom:-12px;width:150px;height:130px;background:no-repeat right bottom/contain}
.transport .t:nth-child(1)::after{background-image:url(/v2/img/walk.webp)}
.transport .t:nth-child(2)::after{background-image:url(/v2/img/bike.webp)}
.transport .t:nth-child(3)::after{background-image:url(/v2/img/yabike.webp)}
.transport .t:nth-child(4)::after{background-image:url(/v2/img/auto.webp)}
.transport .t b{font-family:'YS Display Cond';font-weight:600;font-size:28px;line-height:1.1}
.transport .t span{color:var(--muted);font-size:16px;position:relative}

/* условия: плоские значки в кругах заменены 3D-предметами в стиле бренд-бука (v2/gen/gen-icons.cjs,
   щит — официальный 3D Яндекса). Как на посадках: предмет выглядывает из правого нижнего угла карточки */
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.benefit-item{position:relative;overflow:hidden;background:var(--grey);border-radius:28px;padding:26px 26px 150px;min-height:300px}
.benefit-icon{display:none}
.benefit-item::after{content:"";position:absolute;right:-8px;bottom:-10px;width:170px;height:150px;background:no-repeat right bottom/contain}
.benefit-item:nth-child(1)::after{background-image:url(/v2/img/b-pay.webp)}
.benefit-item:nth-child(2)::after{background-image:url(/v2/img/b-clock.webp)}
.benefit-item:nth-child(3)::after{background-image:url(/v2/img/b-shield.webp);bottom:-34px}
.benefit-item:nth-child(4)::after{background-image:url(/v2/img/b-tips.webp)}
.benefit-item:nth-child(5)::after{background-image:url(/v2/img/b-weather.webp)}
.benefit-item:nth-child(6)::after{background-image:url(/v2/img/b-heavy.webp)}
.benefit-item:nth-child(1){background:var(--y)}
.benefit-item:nth-child(1) .benefit-desc{color:rgba(0,0,0,.78)}
.benefit-title{font-family:'YS Display Cond';font-weight:600;font-size:28px;line-height:1.1;margin:0 0 10px}
.benefit-desc{color:var(--muted);font-size:16px;position:relative;z-index:1}

/* отзывы */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review-card{background:var(--grey);border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:14px}
.review-stars{letter-spacing:3px;font-size:18px}
.review-text{font-size:17px;line-height:1.55;flex:1}
.review-author{display:flex;gap:12px;align-items:center}
.review-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.review-name{font-weight:600}
.review-city{color:var(--muted);font-size:14px}

/* финальный призыв */
.cta-band{background:var(--grey);border-radius:36px;padding:46px 40px;text-align:left}
.cta-band p{color:var(--muted);font-size:19px;margin:12px 0 22px}
.cta-band .cta-row{justify-content:flex-start!important}
.cta-band .btn-note--consent{margin-top:12px;color:var(--muted)}

/* вопросы */
.faq details{background:var(--grey);border-radius:24px;padding:22px 26px;margin-top:12px;transition:background .15s ease}
.faq details[open]{background:#fff;box-shadow:0 10px 34px rgba(0,0,0,.10)}
.faq summary{font-family:'YS Display Cond';font-weight:600;font-size:clamp(20px,2.2vw,26px);line-height:1.15;cursor:pointer;list-style:none;display:flex;align-items:center;gap:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";margin-left:auto;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--y);
 background-image:linear-gradient(#000,#000),linear-gradient(#000,#000);background-size:14px 2.4px,2.4px 14px;
 background-position:center,center;background-repeat:no-repeat;transition:transform .2s ease}
.faq details[open] summary::after{background-size:14px 2.4px,0 0;transform:rotate(180deg)}
.faq .ans{color:var(--muted);margin:14px 0 0;max-width:820px;font-size:17px;line-height:1.6}

/* статьи и другие города */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rel-card{display:block;background:var(--grey);border-radius:28px;padding:24px;text-decoration:none;transition:background .15s ease}
.rel-card:hover{background:#ecebe8}
.rel-card h3{font-size:24px;margin-bottom:10px}
.rel-card p{color:var(--muted);font-size:15px;margin:0}
.related-more{margin-top:18px;font-weight:600}
.related-more a{text-decoration:none;border-bottom:2px solid var(--y)}
.citylist{display:flex;flex-wrap:wrap;gap:10px}
.citylink{display:inline-flex;flex-direction:column;background:var(--grey);border-radius:20px;padding:14px 20px;text-decoration:none;font-weight:600;font-size:17px;transition:background .15s ease}
.citylink:hover{background:var(--y)}
.citylink span{font-weight:400;font-size:14px;color:var(--muted)}

/* акция над контентом */
.promo-banner{background:var(--y);border-radius:24px;margin:18px auto 0;max-width:1120px}
.promo-inner{padding:16px 22px}
.promo-text{font-weight:500}

/* подвал */
.site-ft{margin-top:90px;border-top:1px solid var(--line);padding:46px 0 60px;color:var(--muted);font-size:15px}
.ft-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px}
.ft-cols h4{font-family:'YS Display Cond';font-weight:600;font-size:22px;color:var(--ink);margin:0 0 10px;display:flex;align-items:center;gap:8px}
.ft-cols a{display:block;text-decoration:none;padding:4px 0}
.ft-cols a:hover{color:var(--ink)}
.flag{width:22px;height:auto;border-radius:3px}
.legal-note{margin:28px 0 0}
.disclaimer{margin-top:16px;font-size:13px;line-height:1.5}
.disclaimer strong{color:var(--ink)!important}

/* липкая кнопка на телефоне */
.sticky-cta{display:none}

@media (max-width:900px){
 .v2 section.hero{min-height:600px;align-items:flex-end}
 .heroimg{object-position:70% 40%}
 .shade{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.2) 26%,rgba(0,0,0,.85) 70%)}
 .heropane{padding:26px 22px 28px;max-width:none}
 .heropane h1 mark{padding:22px 130px 20px 22px;background-size:140px auto;font-size:min(42px,calc((100cqi - 152px)/var(--sum-em)))}
 .hero-extra{grid-template-columns:1fr}
 .prose-split{grid-template-columns:1fr;gap:24px}
 .cards,.transport{grid-template-columns:1fr 1fr}
 .benefits-grid,.reviews-grid,.related-grid{grid-template-columns:1fr 1fr}
 .top .hd-cta{display:none}
 .langsw{margin-left:auto}
 .cta-row .btn--yandex{flex:1 1 auto;padding-left:18px;padding-right:18px;font-size:19px;white-space:normal;text-align:center}
 .sticky-cta{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;align-items:center;justify-content:center;
  background:var(--y);color:var(--ink);border-radius:20px;padding:18px;font-size:18px;font-weight:500;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.18)}
 body.v2{padding-bottom:86px}
 .v2 section{margin:60px 0}
}
@media (max-width:560px){
 .v2 h1{font-size:34px}
 .heropane h1 mark{border-radius:24px;padding:18px 96px 16px 18px;background-size:104px auto;background-position:right -8px bottom -10px;
  font-size:min(34px,max(24px,calc((100cqi - 114px)/var(--sum-em))))}
 .heropane .lead{font-size:16px}
 .micro-trust span{font-size:15px;padding:9px 14px 9px 10px}
 .cards,.transport,.benefits-grid,.reviews-grid,.related-grid{grid-template-columns:1fr}
 /* на телефоне карточка узкая по высоте: предмет справа, текст слева */
 .benefit-item{padding:22px 132px 22px 22px;min-height:150px}
 .benefit-item::after{width:120px;height:120px;right:-6px;bottom:-8px}
 .earn{grid-template-columns:1fr;padding:26px 0;border-radius:28px}
 .earn > div{padding:0 22px}
 .earn > div + div{padding-top:16px;padding-bottom:16px}
 .earn > div + div + div{border-left:0;border-top:1.5px solid rgba(0,0,0,.18)}
 .pay-stats{gap:6px}
 .pay-stat{padding:12px 10px;border-radius:16px}
 .pay-stat strong{font-size:21px}
 .pay-stat-label{font-size:13px}
 .pay-stat-note{font-size:11px}
 .proof{border-radius:24px;padding:14px 16px;display:flex}
 .cta-band{padding:30px 22px;border-radius:28px}
 .bayk-deal{padding:20px 20px 100px}
 .top .brand{font-size:16px}
}
/* узкие телефоны: предмет в правый верхний угол рядом с заголовком, описание на всю ширину
   (снизу справа он сжимал текст до колонки в 126 px на 320) */
@media (max-width:400px){
 .benefit-item{padding:22px;min-height:0}
 .benefit-title{padding-right:92px;min-height:76px}
 .benefit-item::after,.benefit-item:nth-child(3)::after{width:88px;height:88px;top:12px;right:10px;bottom:auto}
}
/* статьи сверх первых четырёх свёрнуты: в HTML они есть (ссылки для поиска те же), на экране страница короче */
.rel-more{margin-top:18px}
.rel-more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:12px;background:var(--grey);border-radius:999px;padding:14px 22px;font-weight:600}
.rel-more summary::-webkit-details-marker{display:none}
.rel-more summary::after{content:"";width:26px;height:26px;border-radius:50%;background:var(--y) no-repeat center/12px 12px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.2l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.rel-more[open] summary{display:none}
.rel-more .related-grid{margin-top:0}
/* «Все статьи» — в строку заголовка справа, чтобы внизу не стояли две похожие кнопки подряд.
   Ссылка та же, только место на экране другое */
.v2 section:has(.related-grid) > .wrap{position:relative}
.v2 section:has(.related-grid) .section-tt{padding-right:150px}
.v2 section:has(.related-grid) .related-more{position:absolute;top:14px;right:20px;margin:0}
@media (max-width:560px){
 .v2 section:has(.related-grid) .section-tt{padding-right:0;margin-bottom:10px}
 .v2 section:has(.related-grid) .related-more{position:static;margin:0 0 18px}
 .v2 section:has(.related-grid) > .wrap{display:flex;flex-direction:column}
 .v2 section:has(.related-grid) .section-tt{order:1}
 .v2 section:has(.related-grid) .related-more{order:2}
 .v2 section:has(.related-grid) .related-grid{order:3}
 .v2 section:has(.related-grid) .rel-more{order:4}
}
/* Порядок на экране (разбор луной 15.10): доход сразу под первым экраном, а не после двух длинных текстов.
   Только визуальный порядок через flex order — HTML и порядок для поиска не меняются */
body.v2{display:flex;flex-direction:column}
body.v2 > *{width:100%}
body.v2 > .top{order:-4}
body.v2 > .wrap{order:-3}
body.v2 > .promo-banner,body.v2 > :has(.promo-banner){order:-2}
body.v2 > section:has(.earn){order:-1;margin-top:40px}
/* липкая кнопка: запас под полосу жестов iPhone */
@media (max-width:900px){
 .sticky-cta{bottom:calc(12px + env(safe-area-inset-bottom))}
 body.v2{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
}
/* транспорт на телефоне в две колонки: четыре высокие карточки подряд занимали два экрана */
@media (max-width:560px){
 .transport{grid-template-columns:1fr 1fr;gap:10px}
 .transport .t{min-height:0;padding:16px 14px 92px;border-radius:22px}
 .transport .t b{font-size:22px}
 .transport .t span{font-size:14px}
 .transport .t::after{width:104px;height:86px}
}
/* во flex-колонке отступы соседних секций не схлопываются — оставляем только нижний */
body.v2 > section{margin:0 0 80px}
body.v2 > section:has(.earn){margin-top:40px}
body.v2 > .wrap{margin-bottom:0}
@media (max-width:900px){body.v2 > section{margin:0 0 56px}body.v2 > section:has(.earn){margin-top:28px}}

/* ===== Калькулятор дохода (ставки Яндекс Еды). Когда он есть, блок дохода становится серой карточкой:
   слева параметры, справа жёлтый итог; три строки дохода (SEO-текст) остаются ниже узкой полосой ===== */
.earn:has(.calc){display:grid;grid-template-columns:repeat(3,1fr);background:var(--grey);border-radius:36px;padding:34px;gap:0}
.earn:has(.calc) > div{padding:0;border:0!important}
.earn:has(.calc) > div:first-child{grid-column:1/-1;padding-bottom:22px}
.earn:has(.calc) > .calc{grid-column:1/-1;margin-bottom:26px}
.earn:has(.calc) > div:not(:first-child):not(.calc){padding:0 22px 0 0}
.earn:has(.calc) > div:not(:first-child):not(.calc) + div{padding-left:22px;border-left:1.5px solid rgba(0,0,0,.12)!important}
.earn:has(.calc) .big{font-size:min(36px,15cqi)}
.earn:has(.calc) .lbl{color:var(--muted);font-size:15px}
.calc{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}
.calc-in{background:#fff;border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.calc-lbl{font-size:15px;color:var(--muted);font-weight:500;margin-top:6px;display:flex;justify-content:space-between}
.calc-lbl b{color:var(--ink);font-weight:600}
.calc-tr{display:flex;flex-wrap:wrap;gap:8px}
.calc-tr button,.calc-hours button{font:500 16px 'YS Text',Helvetica,Arial,sans-serif;border:0;cursor:pointer;background:var(--grey);color:var(--ink);border-radius:999px;padding:11px 18px;transition:background .15s ease}
.calc-tr button[aria-pressed="true"],.calc-hours button[aria-pressed="true"]{background:var(--y)}
.calc-hours{display:flex;background:var(--grey);border-radius:999px;padding:4px;gap:2px}
.calc-hours button{flex:1;padding:10px 0;border-radius:999px;background:transparent;min-width:0}
.calc-range{-webkit-appearance:none;appearance:none;width:100%;height:44px;border-radius:999px;margin:0;cursor:pointer;
 background:linear-gradient(var(--y),var(--y)) no-repeat left/var(--p,61.9%) 100%,var(--grey)}
.calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#000;border:4px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.calc-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#000;border:4px solid #fff}
.calc-out{background:var(--y);border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}
.calc-out::after{content:"";position:absolute;right:-30px;bottom:-34px;width:150px;height:150px;background:url(/v2/img/b-tips.webp) no-repeat center/contain;opacity:.9;pointer-events:none}
.calc-k{font-family:'YS Display Cond';font-weight:600;font-size:30px;line-height:1}
.calc-w{font-size:16px;color:rgba(0,0,0,.72);display:flex;flex-direction:column}
.calc-w b{font-family:'YS Display Cond';font-weight:600;font-size:26px;color:var(--ink)}
.calc-m{font-size:16px;color:rgba(0,0,0,.72);display:flex;flex-direction:column}
.calc-m b{font-family:'YS Display Cond';font-weight:900;font-size:min(52px,14vw);line-height:1;color:var(--ink);white-space:nowrap}
.calc-out .btn{margin-top:auto;align-self:flex-start;background:#000;color:#fff!important;font-size:18px;padding:16px 26px;position:relative;z-index:1}
.calc-out .btn::after{display:none}
.calc-note{grid-column:1/-1;font-size:13px;color:var(--muted);margin:0}

/* ===== «Вернём расходы на транспорт» — купоны как на странице Яндекс Еды ===== */
.coupons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.coupon{background:var(--grey);border-radius:28px;padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px}
.coupon img{width:100%;height:130px;object-fit:contain}
.coupon-badge{align-self:flex-start;background:var(--y);border-radius:12px;padding:6px 12px;font-weight:600;font-size:16px}
.coupon h3{font-size:28px}
.coupon p{margin:0;color:var(--muted);font-size:16px;padding-top:12px;border-top:1.5px dashed rgba(0,0,0,.18)}
.coupon a{color:var(--muted);font-size:15px;text-underline-offset:3px;margin-top:auto}
.coupons-note{font-size:13px;color:var(--muted);margin:14px 0 0}

@media (max-width:900px){
 .calc{grid-template-columns:1fr}
 .coupons{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
 .earn:has(.calc){padding:22px 16px;border-radius:28px;grid-template-columns:1fr}
 .earn:has(.calc) > div:not(:first-child):not(.calc),.earn:has(.calc) > div:not(:first-child):not(.calc) + div{padding:12px 6px;border-left:0!important;border-top:1.5px solid rgba(0,0,0,.1)!important}
 .calc-in{padding:18px 14px}
 .calc-tr button{padding:10px 14px;font-size:15px}
 .calc-hours button{font-size:14px;padding:9px 0}
 .coupons{grid-template-columns:1fr}
 .coupon img{height:110px}
}
/* у картинок купонов Яндекса белая подложка: как у них — белые купоны на сером поле */
.promo-tr .wrap{background:var(--grey);border-radius:36px;padding:34px}
.promo-tr .coupon{background:#fff}
@media (max-width:1200px){.promo-tr > .wrap{margin:0 20px}}
@media (max-width:560px){.promo-tr .wrap{padding:22px 14px;border-radius:28px}}
/* телефон: кнопки часов в одну строку выходили по 17 px — мимо пальца. Два ряда по 6, транспорт сеткой 2×2 */
@media (max-width:560px){
 .calc-hours{display:grid;grid-template-columns:repeat(6,1fr);border-radius:20px;gap:4px}
 .calc-hours button{padding:10px 0;font-size:15px}
 .calc-tr{display:grid;grid-template-columns:1fr 1fr}
 .calc-tr button{padding:11px 6px}
}
/* тире перед жёлтой плашкой висело в конце строки; в HTML оставлено (текст H1 для поиска тот же), на экране скрыто */
.heropane h1 .h1-dash{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* телефон: фото сверху отдельной полосой, текст ниже на тёмной карточке — поверх кадра он не читался
   (Влад 15.10 «фото мешает, не видно текст»; совет луны) */
@media (max-width:900px){
 .v2 section.hero{display:block;min-height:0;background:#161616}
 .heroimg{position:relative;inset:auto;display:block;width:100%;height:clamp(220px,62vw,420px);object-position:60% 45%}
 .shade{display:none}
 .heropane{padding:22px 20px 26px}
}
/* ПК: фото в правых 64% карточки, слева тёмное поле с плавным переходом — курьер больше не под текстом */
@media (min-width:901px){
 .v2 section.hero{background:#161616}
 .heroimg{left:auto;right:0;width:64%;object-position:40% 50%}
 .shade{background:linear-gradient(90deg,#161616 0%,#161616 36%,rgba(22,22,22,.85) 42%,rgba(22,22,22,0) 58%)}
}
/* ПК: кадр на весь блок (Влад 16.10 «растянуть картинку на блок»), под текстом мягкое затемнение слева —
   у кадров Яндекса левая часть размыта движением как раз под текст */
@media (min-width:901px){
 .heroimg{left:0;right:auto;width:100%;object-position:62% 50%}
 .shade{background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.5) 36%,rgba(0,0,0,0) 62%)}
}
/* телефон: вертикальный кадр Яндекса, курьер в нижней части — показываем его */
@media (max-width:900px){
 picture .heroimg{height:clamp(300px,96vw,480px);object-position:50% 70%}
}
/* Алматы: курьер по центру кадра — на ПК фото справа, слева тёмное поле под текст; квадрат с фото Яндекса кадрируем на курьера */
@media (min-width:901px){
 .hero--side{background:#161616}
 .hero--side .heroimg{left:auto;right:0;width:64%;object-position:40% 50%}
 .hero--side .shade{background:linear-gradient(90deg,#161616 0%,#161616 36%,rgba(22,22,22,.85) 42%,rgba(22,22,22,0) 58%)}
}
.prose-fig img[src*="prose-"]{object-position:42% 50%}
/* ПК: курьер справа на расширенном кадре, текст на небе и горах — затемнение только под текстом */
@media (min-width:901px){
 .heroimg{object-position:100% 50%}
 .shade{background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.42) 34%,rgba(0,0,0,0) 56%)}
}
/* телефон: фото сверху, текст ниже на светлой карточке, а не на чёрной (Влад 16.10) */
@media (max-width:900px){
 .v2 section.hero{background:var(--grey)}
 .heroimg{object-position:72% 40%}
 .heropane{color:var(--ink)}
 .heropane h1{color:var(--ink)}
 .heropane .lead{color:var(--muted)}
 .heropane .lead b{color:var(--ink)}
 .heropane .btn-note{color:var(--muted)}
 .heropane .btn-note--consent{color:var(--muted)}
 .heropane .micro-trust span{background:#fff;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* Алматы: «отдалённый» кадр, курьер на ~72% ширины — на телефоне кадрируем на него */
@media (max-width:900px){ .heroimg{object-position:74% 60%} }
@media (min-width:901px){ .heroimg{object-position:100% 60%} }
@media (min-width:901px){ .heropane{max-width:640px} .heropane .lead{max-width:470px} }
/* фигурка в плашке суммы подгоняется по ВЫСОТЕ плашки: по ширине она была выше плашки и голова срезалась (Влад 16.10 «голова где?») */
/* картинка курьера обрезана впритык к голове: держим его целиком внутри плашки, с воздухом сверху и снизу */
.heropane h1 mark{background-size:auto 84%;background-position:right 18px center}
@media (max-width:900px){ .heropane h1 mark{background-size:auto 84%;background-position:right 14px center} }
@media (max-width:560px){ .heropane h1 mark{background-size:auto 82%;background-position:right 10px center} }

/* ===== Калькулятор, вариант 1 (Влад 16.10): плитки транспорта с 3D и степперы ===== */
.calc-in{gap:14px}
.calc-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.calc-tiles--2{grid-template-columns:repeat(2,1fr)}
.calc-tiles--3{grid-template-columns:repeat(3,1fr)}
.v2 .calc-tile{background:var(--grey);border:0;border-radius:22px;padding:12px 10px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;
 font:500 15px 'YS Text',Helvetica,Arial,sans-serif;color:var(--ink);cursor:pointer;transition:transform .15s ease,background .15s ease}
.calc-tile img{width:100%;height:64px;object-fit:contain}
.calc-tile[aria-pressed="true"]{background:var(--y);transform:translateY(-2px)}
.calc-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.calc-step{min-width:0;background:var(--grey);border-radius:22px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.calc-step .calc-lbl{margin:0}
.calc-step-row{display:flex;align-items:center;justify-content:space-between}
.v2 .calc-step-row button{width:44px;height:44px;border:0;border-radius:50%;background:#fff;font:400 24px/1 'YS Text',Helvetica,Arial,sans-serif;color:var(--ink);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.v2 .calc-step-row button:disabled{opacity:.35;cursor:default}
.calc-step-row output{font-family:'YS Display Cond';font-weight:900;font-size:40px;line-height:1}
@media (max-width:560px){
 .calc-tiles,.calc-tiles--3{grid-template-columns:repeat(2,1fr)}
 .calc-step{padding:10px}
 .v2 .calc-step-row button{width:40px;height:40px}
 .calc-step-row output{font-size:34px}
}
@media (max-width:380px){
 .calc-steps{grid-template-columns:1fr}
}
/* текст CITY_SEO с того же левого края, что и блоки выше; строка остаётся узкой для чтения */
.wrap.prose{max-width:1160px}
.wrap.prose > *{max-width:820px}
/* нижняя кнопка появляется, когда кнопка первого экрана ушла вверх: на первом экране не две одинаковые */
@media (max-width:900px){
 .sticky-wait .sticky-cta{transform:translateY(calc(100% + 30px));opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s}
 .sticky-wait .sticky-cta.on{transform:none;opacity:1;pointer-events:auto}
}
/* .v2 h2{margin:0} перебивал .section-tt: заголовки разделов липли к карточкам. Внутри раздела отступ меньше, чем между разделами */
.v2 .section-tt{margin-bottom:28px}
@media (max-width:560px){ .v2 .section-tt{margin-bottom:20px} }
.v2 .bayk-deal{margin:28px 0 0}
/* три мессенджера (Минск: Viber, Telegram, WhatsApp) не влезают в ряд с кнопкой: кнопка на всю строку, иконки вместе строкой ниже */
.cta-row:has(> .btn-ico:nth-of-type(4)) .btn--yandex{flex:1 1 100%;text-align:center;justify-content:center}

/* ---- статья блога в v2: колонка для чтения 760px, заголовки YS Display Cond, блоки как на страницах городов ---- */
.post-v2 .wrap{max-width:808px;padding-top:28px;padding-bottom:40px}
.post-v2 .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:14px;color:var(--muted);margin:0 0 18px}
.post-v2 .crumbs a{color:var(--ink);text-decoration:none}
.post-v2 .crumbs a:hover{text-decoration:underline}
.post-v2 .crumbs .sep{opacity:.35}
.post-v2 .crumbs > span:last-child{flex:1 1 100%;color:var(--muted)}
.post-v2 h1{font-size:clamp(36px,5vw,58px);line-height:1;hyphens:auto;overflow-wrap:break-word;margin:0 0 22px}
.post-v2 .byline{display:flex;align-items:center;gap:12px;margin:0 0 26px}
.post-v2 .byline-ava{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--y)}
.post-v2 .byline-meta{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.35}
.post-v2 .byline-name{font-weight:700;color:var(--ink);text-decoration:none}
.post-v2 .byline-sub{color:var(--muted)}
.post-v2 .lead{font-size:20px;line-height:1.5;margin:0 0 34px;padding:22px 26px;background:var(--grey);border-radius:28px}
.post-v2 .post-body h2{font-size:clamp(28px,3.4vw,38px);margin:44px 0 14px}
.post-v2 .post-body h3{font-size:24px;margin:28px 0 10px}
.post-v2 .post-body p,.post-v2 .post-body li{font-size:18px;line-height:1.65;color:rgba(0,0,0,.84)}
.post-v2 .post-body p{margin:0 0 16px}
.post-v2 .post-body ul,.post-v2 .post-body ol{margin:0 0 18px;padding-left:22px}
.post-v2 .post-body li{margin:0 0 8px}
.post-v2 .post-body ol{list-style:none;padding:0;counter-reset:st}
.post-v2 .post-body ol > li{counter-increment:st;position:relative;padding:4px 0 4px 54px;min-height:40px}
.post-v2 .post-body ol > li::before{content:counter(st);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--y);
 display:flex;align-items:center;justify-content:center;font:600 22px/1 'YS Display Cond','YS Text',sans-serif}
.post-v2 .post-body a,.post-v2 .cta-geo a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(0,0,0,.35);text-underline-offset:3px}
.post-v2 .post-body a:hover{text-decoration-color:#000}
.post-v2 .post-body table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px;display:block;overflow-x:auto}
.post-v2 .post-body th,.post-v2 .post-body td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.post-v2 .post-body img{max-width:100%;height:auto;border-radius:22px}
.post-v2 .art-cta{display:grid;grid-template-columns:1.25fr 1fr;align-items:stretch;background:var(--grey);border-radius:36px;overflow:hidden;margin:48px 0 0}
.post-v2 .art-cta-txt{padding:38px 36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.post-v2 .art-cta-tt{font:600 clamp(30px,3.6vw,42px)/1 'YS Display Cond','YS Text',Helvetica,Arial,sans-serif;margin:0}
.post-v2 .art-cta-sub{color:var(--muted);font-size:17px;margin:12px 0 0}
.post-v2 .art-cta .btn--yandex{margin-top:24px;font-size:19px;padding:17px 28px;animation:none}
.post-v2 .art-cta-img{width:100%;height:100%;min-height:280px;object-fit:cover;object-position:30% 30%;display:block}
.post-v2 .art-cta .cta-block{margin:0;padding:0;background:none}
.post-v2 .art-cta .btn-primary{display:inline-flex;margin-top:24px;background:var(--y);color:var(--ink);font:500 19px/1.2 'YS Text',Helvetica,Arial,sans-serif;padding:17px 28px;border-radius:20px;text-decoration:none}
.post-v2 #geo-cta .cta-geo{color:var(--muted);font-size:15px}
.post-v2 .faq-block,.post-v2 .related-block{margin:48px 0 0}
.post-v2 .faq-block h2,.post-v2 .related-block h2{font-size:clamp(28px,3.4vw,38px);margin:0 0 20px}
.post-v2 .related-grid{grid-template-columns:1fr 1fr}
.post-v2 .rel-card h3{font-size:22px;margin:0 0 8px;color:var(--ink)}
.post-v2 .rel-card p{margin:0;font-size:15px;color:var(--muted);line-height:1.45}
.post-v2 .meta-line{margin:36px 0 0;font-size:14px;color:var(--muted)}
@media (max-width:560px){
 .post-v2 .wrap{padding-top:18px}
 .post-v2 .lead{font-size:18px;padding:18px 20px;border-radius:24px}
 .post-v2 .post-body p,.post-v2 .post-body li{font-size:17px}
 .post-v2 .related-grid{grid-template-columns:1fr}
 .post-v2 .art-cta{grid-template-columns:1fr;border-radius:28px}
 .post-v2 .art-cta-img{order:-1;min-height:0;height:220px;object-position:25% 8%}
 .post-v2 .art-cta-txt{padding:24px 22px 26px}
 .post-v2 .art-cta .btn--yandex,.post-v2 .art-cta .btn-primary{width:100%;max-width:100%;box-sizing:border-box;justify-content:center;text-align:center;white-space:normal;font-size:17px;padding:16px 18px}
 .post-v2 .art-cta-txt{align-items:stretch}
}

/* ---- общие страницы v2: главная, гайды, о нас, политика, блог ---- */
.top .topnav{display:flex;gap:4px;margin-left:8px}
.top .topnav a{padding:9px 12px;border-radius:999px;font-size:15px;color:var(--ink);text-decoration:none;white-space:nowrap}
.top .topnav a:hover{background:var(--grey)}
@media (max-width:1100px){ .top .topnav{display:none} }

/* главная: серая панель, страны плитками, 3D-курьер вместо старого креатива с впечатанным текстом */
.v2 section.hero:has(.hero-grid){display:block;min-height:0;background:var(--grey);border-radius:36px;margin:16px auto 0;max-width:1120px}
.v2 section.hero:has(.hero-grid) .wrap{position:relative;padding:56px 46px 50px}
.v2 section.hero:has(.hero-grid) .wrap::after{content:"";position:absolute;right:30px;bottom:0;width:min(36%,380px);aspect-ratio:456/340;background:url(/v2/img/walk.webp) no-repeat right bottom/contain;pointer-events:none}
.v2 .hero-grid{display:block}
.v2 .hero-fig{display:none}
.v2 .hero-copy{position:relative;z-index:1;max-width:640px}
.v2 .eyebrow{display:block;font-size:15px;color:var(--muted);margin:0 0 12px}
.v2 .hero-copy h1{margin:0 0 18px}
.v2 .hero-copy .lead{font-size:19px;line-height:1.5;color:var(--muted);margin:0 0 26px;max-width:560px}
.v2 .country-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:620px;margin:0;scroll-margin-top:110px}
.v2 .country-pick a{display:flex;align-items:center;gap:10px;background:#fff;border-radius:20px;padding:16px 18px;font-weight:600;font-size:17px;color:var(--ink);text-decoration:none;border:0;transition:background .15s ease,transform .15s ease}
.v2 .country-pick a:hover{background:var(--y);transform:translateY(-2px)}
.v2 .country-pick .flag{width:24px;height:auto;border-radius:4px}
.v2 .country-pick .cp-arrow{margin-left:auto;opacity:.45}
@media (max-width:900px){
 .v2 section.hero:has(.hero-grid){margin:12px 12px 0;border-radius:28px}
 .v2 section.hero:has(.hero-grid) .wrap{padding:30px 20px 170px}
 .v2 section.hero:has(.hero-grid) .wrap::after{right:50%;transform:translateX(50%);width:210px}
 .v2 .country-pick{grid-template-columns:1fr 1fr}
}

/* гайды, о нас, политика: заголовок без панели, колонка для чтения */
.v2 section.hero--guide{display:block;min-height:0;background:none;border-radius:0;overflow:visible;margin:22px 0 0}
.v2 section.hero--guide .wrap{max-width:860px}
.v2 section.hero--guide h1{font-size:clamp(36px,5vw,60px);hyphens:auto;overflow-wrap:break-word}
.v2 section.hero--guide .crumbs{margin-bottom:18px}
.v2 section.hero--guide + section .wrap.prose,.v2 .hero--guide ~ section .wrap.prose{max-width:860px}
.v2 .prose ul,.v2 .prose ol{margin:0 0 18px;padding-left:22px}
.v2 .prose li{font-size:18px;line-height:1.6;margin:0 0 8px;color:rgba(0,0,0,.84)}
.v2 .prose ol{list-style:none;padding:0;counter-reset:st}
.v2 .prose ol > li{counter-increment:st;position:relative;padding:4px 0 4px 54px;min-height:40px}
.v2 .prose ol > li::before{content:counter(st);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--y);display:flex;align-items:center;justify-content:center;font:600 22px/1 'YS Display Cond','YS Text',sans-serif}
.v2 .prose h2:not(.section-tt){font-size:clamp(28px,3.4vw,38px);margin:40px 0 14px}
.v2 .prose h3{font-size:24px;margin:26px 0 10px}
.v2 .byline{display:flex;align-items:center;gap:12px;margin:0 0 26px}
.v2 .byline-ava{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--y)}
.v2 .byline-meta{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.35}
.v2 .byline-name{font-weight:700;color:var(--ink);text-decoration:none}
.v2 .byline-sub{color:var(--muted)}
.v2 .note-line,.v2 .rates-date,.v2 .muted-note{font-size:15px;color:var(--muted)}
.v2 .note-line{border-left:3px solid var(--y);padding:4px 0 4px 14px}
.v2 .tbl-scroll{overflow-x:auto;margin:0 0 18px;border-radius:22px;background:var(--grey)}
.v2 .rates-table{width:100%;border-collapse:collapse;font-size:16px;min-width:520px}
.v2 .rates-table th{font-weight:600;text-align:left;padding:14px 16px;font-size:14px;color:var(--muted)}
.v2 .rates-table td{padding:12px 16px;border-top:1px solid var(--line)}
.v2 .shot{border-radius:24px;overflow:hidden;margin:18px 0}
.v2 .shot img{display:block;width:100%;height:auto}
.v2 .author-card{display:flex;gap:18px;align-items:flex-start;background:var(--grey);border-radius:28px;padding:22px;margin:0 0 14px}
.v2 .author-card-ava{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;background:var(--y)}
.v2 .author-card p{margin:0 0 6px;font-size:16px}
.v2 .author-card-name{font-weight:700;font-size:18px!important}
.v2 .author-card-role{color:var(--muted)}

/* страница блога: плоский список статей вместо сетки одинаковых карточек */
.blog-v2 > section > .wrap{max-width:860px;padding-top:24px;padding-bottom:30px}
.blog-v2 h1{font-size:clamp(38px,5.4vw,64px);margin:0 0 10px}
.blog-v2 .blog-section-tt{font-size:clamp(28px,3.4vw,38px);margin:44px 0 8px}
.blog-v2 .blog-section-lead{color:var(--muted);font-size:17px;margin:0 0 10px}
.blog-v2 .post-grid{display:block;border-top:1px solid var(--line)}
.blog-v2 .post-card{display:grid;grid-template-columns:1fr auto;gap:4px 24px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);background:none;border-radius:0;box-shadow:none}
.blog-v2 .post-card h2{grid-column:1;font-family:'YS Text',Helvetica,Arial,sans-serif;font-weight:600;font-size:19px;line-height:1.3;margin:0}
.blog-v2 .post-card p{grid-column:1;margin:0;font-size:15px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-v2 .post-card .post-meta{grid-column:2;grid-row:1;font-size:14px;color:var(--muted);white-space:nowrap}
.blog-v2 .post-card:hover h2{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:4px}
@media (max-width:560px){ .blog-v2 .post-card{grid-template-columns:1fr} .blog-v2 .post-card .post-meta{grid-column:1;grid-row:auto} }
/* общее фото страны светлее кадра Алматы: текст слева на нём не читался — затемнение плотнее */
@media (min-width:901px){ .hero--dim .shade{background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.6) 40%,rgba(0,0,0,0) 64%)} }
/* body.v2 > * {width:100%} + боковые поля панели главной = страница на 12px шире телефона */
body.v2 > section.hero:has(.hero-grid){width:auto;margin-bottom:28px}
/* 320px: название + переключатель RU/UZ не влезают — оставляем знак, надпись прячем */
@media (max-width:380px){ .topin:has(.langsw) .brand{font-size:0;gap:0} }
/* главная: фото курьеров всех стран на весь первый экран, страны плитками поверх затемнения */
.v2 .hero--home{min-height:620px}
.v2 .hero--home .heroimg{object-position:62% 50%}
.v2 .hero--home .shade{background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.5) 38%,rgba(0,0,0,0) 60%)}
.v2 .hero--home .eyebrow{color:rgba(255,255,255,.8);margin:0}
.v2 .hero--home .lead{color:rgba(255,255,255,.9);font-size:18px;max-width:520px;margin:0}
.v2 .hero--home .country-pick{margin-top:6px;max-width:560px}
.v2 .hero--home .country-pick a{background:rgba(255,255,255,.94)}
@media (max-width:900px){
 .v2 .hero--home{min-height:0}
 .v2 .hero--home picture .heroimg{height:clamp(240px,70vw,420px);object-position:60% 40%}
 .v2 .hero--home .shade{display:none}
 .v2 .hero--home .eyebrow{color:var(--muted)}
 .v2 .hero--home .lead{color:var(--muted)}
 .v2 .hero--home .country-pick a{background:#fff}
}
.v2 .wrap:has(> .hero--home){margin-bottom:64px}
.v2 .country-pick a{min-width:0}
@media (max-width:560px){
 .v2 .hero--home .country-pick a{padding:14px 12px;font-size:16px;gap:8px}
 .v2 .hero--home .country-pick .cp-arrow{display:none}
 .v2 .wrap:has(> .hero--home){margin-bottom:40px}
}
@media (min-width:901px){ .v2 .hero--home .country-pick{max-width:480px} .v2 .hero--home .country-pick a{padding:13px 14px;font-size:16px} .v2 .hero--home .heroimg{object-position:75% 50%} }
@media (max-width:360px){ .v2 .country-pick{grid-template-columns:1fr} }

/* плитки стран: вся плитка ссылка, жёлтый круг со стрелкой, число городов (Влад 16.10: «не очевидно, что можно кликнуть») */
.v2 .country-pick a{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.v2 .country-pick .cp-txt{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.v2 .country-pick .cp-txt b{font-weight:600}
.v2 .country-pick .cp-txt small{font-size:13px;color:var(--muted);font-weight:400}
.v2 .country-pick .cp-arrow{margin-left:auto;flex:none;width:30px;height:30px;border-radius:50%;background:var(--y);position:relative;opacity:1;transition:transform .15s ease}
.v2 .country-pick .cp-arrow::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-top:2.2px solid var(--ink);border-right:2.2px solid var(--ink);transform:translate(-65%,-50%) rotate(45deg)}
.v2 .country-pick a:hover .cp-arrow{transform:translateX(3px)}
.v2 .country-pick a:hover{background:#fff}
.v2 .country-pick a:hover .cp-txt b{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:3px}
@media (max-width:560px){ .v2 .hero--home .country-pick .cp-arrow{display:block;width:26px;height:26px} }

/* шаги: 3D-картинка в каждой карточке, стрелки между карточками на ПК, линия вдоль номеров на телефоне */
.v2 .cards.steps{position:relative}
.v2 .cards.steps .card{position:relative;overflow:visible}
.v2 .cards.steps .card::after{content:"";position:absolute;right:14px;top:14px;width:96px;height:96px;background:no-repeat center/contain}
.v2 .steps-home .card:nth-child(1)::after{background-image:url(/v2/img/city.webp)}
.v2 .steps-home .card:nth-child(2)::after,.v2 .steps-city .card:nth-child(1)::after{background-image:url(/v2/img/form.webp)}
.v2 .steps-home .card:nth-child(3)::after,.v2 .steps-city .card:nth-child(2)::after{background-image:url(/v2/img/learn.webp)}
.v2 .steps-city .card:nth-child(3)::after{background-image:url(/v2/img/yabike.webp)}
.v2 .steps-home .card:nth-child(4)::after,.v2 .steps-city .card:nth-child(4)::after{background-image:url(/v2/img/earn.webp)}
@media (min-width:901px){
 .v2 .cards.steps .card:not(:last-child)::before{content:"";position:absolute;right:-26px;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;z-index:2;
  background:var(--y) no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 7h11M7.5 2.5 12 7l-4.5 4.5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");box-shadow:0 0 0 6px #fff}
 .v2 .cards.steps .card:first-child:not(:last-child)::before{background-color:#fff;box-shadow:0 0 0 6px #fff}
}
@media (max-width:900px){
 .v2 .cards.steps{grid-template-columns:1fr!important}
 .v2 .cards.steps .card{padding-right:120px}
 .v2 .cards.steps .card:not(:last-child)::before{content:"";position:absolute;left:47px;top:100%;width:3px;height:18px;background:var(--y);z-index:2}
 .v2 .cards.steps .card::after{width:88px;height:88px;top:50%;margin-top:-44px}
}

/* каталог городов по странам вместо облака из 70 плашек */
.v2 .catalog{display:grid;gap:10px}
.v2 .cat-c{background:var(--grey);border-radius:24px;padding:0 22px}
.v2 .cat-c summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:20px 0;font-size:20px}
.v2 .cat-c summary::-webkit-details-marker{display:none}
.v2 .cat-c summary .flag{width:28px;height:auto;border-radius:4px}
.v2 .cat-c .cat-name{font-family:'YS Display Cond','YS Text',sans-serif;font-weight:600;font-size:26px}
.v2 .cat-c .cat-n{color:var(--muted);font-size:15px}
.v2 .cat-c summary::after{content:"";margin-left:auto;width:34px;height:34px;border-radius:50%;flex:none;
 background:var(--y) no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 5 7 9.5 11.5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:transform .2s ease}
.v2 .cat-c[open] summary::after{transform:rotate(180deg)}
.v2 .cat-c .citylist{padding:0 0 14px}
.v2 .cat-c .citylink{background:#fff}
.v2 .cat-c .citylink:hover{background:var(--y)}
.v2 .cat-all{display:inline-block;margin:0 0 20px;color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:4px}

/* подвал: «Полезное» на всю ширину в три колонки, а не одной длинной полосой */
.v2 .ft-cols > div:last-child{grid-column:1/-1;column-count:3;column-gap:28px}
.v2 .ft-cols > div:last-child h4{column-span:all}
.v2 .ft-cols > div:last-child a{break-inside:avoid}
@media (max-width:900px){ .v2 .ft-cols > div:last-child{column-count:2} }
@media (max-width:480px){ .v2 .ft-cols > div:last-child{column-count:1} }
/* плитки стран с числом городов: шире на ПК, на телефоне одна колонка — названия не уходят под стрелку */
.v2 .country-pick .cp-txt{flex:1 1 auto}
.v2 .country-pick .cp-txt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2 .country-pick .cp-txt small{white-space:nowrap}
@media (min-width:901px){ .v2 .hero--home .country-pick{max-width:600px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))} }
@media (max-width:560px){ .v2 .hero--home .country-pick,.v2 .country-pick{grid-template-columns:1fr} }
@media (min-width:901px){ .v2 .cards.steps .card .num{margin-bottom:58px} .v2 .cards.steps .card::after{width:104px;height:104px;top:10px;right:10px} }
.v2 .cat-c .cat-n{white-space:nowrap}
@media (max-width:560px){
 .v2 .cat-c{padding:0 16px}
 .v2 .cat-c .cat-name{font-size:22px}
 .v2 .cat-c summary{gap:10px}
 .v2 .cat-c .citylist{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .v2 .cat-c .citylink{padding:12px 14px;font-size:16px}
}


/* главная: условия тремя группами (Деньги жёлтая, остальные серые), строки «иконка + текст»; транспорт четырьмя карточками.
   Раздел остаётся в общей колонке 1160 — раньше он растягивался на весь экран и съезжал от соседних блоков */
.v2 .wrap.prose > .perk-groups,.v2 .wrap.prose > ul.perks-tr{max-width:none}
.v2 .prose h2.section-tt:not(:first-child){margin-top:64px}
.v2 .perk-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:4px 0 0}
.v2 .perk-g{background:var(--grey);border-radius:32px;padding:24px 22px 10px}
.v2 .perk-g:first-child{background:var(--y)}
.v2 .perk-gt{font-family:'YS Display Cond','YS Text',sans-serif;font-weight:600;font-size:30px;line-height:1;margin:0 0 14px!important;color:var(--ink)!important}
.v2 .prose .perk-g ul.perks{list-style:none;padding:0;margin:0}
.v2 .prose .perk-g ul.perks > li{position:relative;padding:0 0 18px 78px;margin:0;min-height:64px;font-size:15px;line-height:1.45;color:rgba(0,0,0,.7)}
.v2 .prose .perk-g ul.perks > li::before{content:"";position:absolute;left:0;top:0;width:64px;height:64px;background:var(--ic) no-repeat center/contain}
.v2 .prose .perk-g ul.perks > li strong{display:block;font-size:17px;color:var(--ink);margin:0 0 2px}
.v2 .prose ul.perks-tr{list-style:none;padding:0;margin:8px 0 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v2 .prose ul.perks-tr > li{position:relative;background:var(--grey);border-radius:28px;padding:136px 20px 20px;margin:0;font-size:15px;line-height:1.5;color:rgba(0,0,0,.7)}
.v2 .prose ul.perks-tr > li strong{display:block;font-family:'YS Display Cond','YS Text',sans-serif;font-weight:600;font-size:24px;line-height:1.05;color:var(--ink);margin:0 0 8px}
.v2 .prose ul.perks-tr > li::before{content:"";position:absolute;left:16px;right:16px;top:14px;height:110px;background-repeat:no-repeat;background-position:center;background-size:contain}
.v2 .prose ul.perks-tr > li:nth-child(1)::before{background-image:url(/v2/img/walk.webp)}
.v2 .prose ul.perks-tr > li:nth-child(2)::before{background-image:url(/v2/img/bike.webp)}
.v2 .prose ul.perks-tr > li:nth-child(3)::before{background-image:url(/v2/img/yabike.webp)}
.v2 .prose ul.perks-tr > li:nth-child(4)::before{background-image:url(/v2/img/auto.webp)}
@media (max-width:900px){ .v2 .perk-groups{grid-template-columns:1fr} .v2 .prose ul.perks-tr{grid-template-columns:1fr 1fr} }
@media (max-width:560px){
 .v2 .perk-g{border-radius:26px;padding:20px 18px 6px}
 .v2 .prose ul.perks-tr > li{padding:100px 14px 16px}
 .v2 .prose ul.perks-tr > li::before{top:10px;height:82px}
 .v2 .prose ul.perks-tr > li strong{font-size:20px}
}
.v2 .wrap.prose > .faq{max-width:none}
@media (max-width:400px){
 .v2 .prose ul.perks-tr{grid-template-columns:1fr}
 .v2 .prose ul.perks-tr > li{padding:18px 16px 18px 108px;min-height:96px}
 .v2 .prose ul.perks-tr > li::before{left:10px;right:auto;width:88px;top:16px;height:72px}
 .v2 .prose ul.perks-tr > li strong{hyphens:auto;overflow-wrap:break-word}
}
/* калькулятор страны: выбор города над плитками транспорта */
.calc-city-wrap{position:relative;margin:0 0 16px}
.calc-city-wrap::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2.2px solid var(--ink);border-bottom:2.2px solid var(--ink);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.calc-city{width:100%;appearance:none;-webkit-appearance:none;border:0;border-radius:18px;background:var(--grey);padding:16px 48px 16px 18px;font:600 18px 'YS Text',Helvetica,Arial,sans-serif;color:var(--ink);cursor:pointer}
.calc-city:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.calc-tile[hidden]{display:none}
/* страница страны: города крупными карточками со стрелкой */
.v2 .citygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.v2 .citycard{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--grey);border-radius:24px;padding:20px 64px 20px 22px;text-decoration:none;color:var(--ink);transition:background .15s ease}
.v2 .citycard b{font-family:'YS Display Cond','YS Text',sans-serif;font-weight:600;font-size:26px;line-height:1.05}
.v2 .citycard span{font-size:15px;color:var(--muted)}
.v2 .citycard i{position:absolute;right:18px;top:50%;margin-top:-17px;width:34px;height:34px;border-radius:50%;background:var(--y)}
.v2 .citycard i::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-top:2.2px solid var(--ink);border-right:2.2px solid var(--ink);transform:translate(-65%,-50%) rotate(45deg)}
.v2 .citycard:hover{background:var(--y)}
.v2 .citycard:hover i{background:#fff}
@media (max-width:560px){ .v2 .citygrid{grid-template-columns:1fr 1fr;gap:8px} .v2 .citycard{padding:16px 14px 44px} .v2 .citycard b{font-size:21px} .v2 .citycard i{top:auto;bottom:10px;right:10px;margin:0;width:28px;height:28px} }
.v2 .post-body table.rates-table{min-width:0}