/* ══════════════════════════════════════════════════════════════════════════
   academy.tg.tours — CLARITY, 30–31 Oct 2026 (founder: «Yes, shop» → «Yes, accept»). Founder: «it has to become 30% more intuitive …
   a 45 year old woman from kazahstan wont get through the website» → «Yes, shop».
   Plan: build/academy-redesign-board/CLARITY-PLAN-2026-10-29.md. Linked last, so it wins.
   ══════════════════════════════════════════════════════════════════════════ */

/* «Что вы получаете»: on a computer the flat-lay of objects; on a phone a plain list of the 9 tools */
#instrumenty .to-list{display:none}
@media (max-width:760px){
  #instrumenty .to-lay{display:none}
  #instrumenty .to-list{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none}
  #instrumenty .to-list li{position:relative;padding:14px 16px 14px 48px;border-radius:10px;background:rgba(255,255,255,.06);
    border:1px solid rgba(240,183,96,.22);font:600 17px/1.4 var(--sans);color:var(--txt-d)}
  #instrumenty .to-list li::before{content:"";position:absolute;left:16px;top:50%;width:18px;height:10px;margin-top:-7px;
    border:solid var(--gold);border-width:0 0 3px 3px;transform:rotate(-45deg)}
  html[data-theme="light"] #instrumenty .to-list li{background:#fff;border-color:rgba(76,31,60,.14);color:#3A1E2F}
  html[data-theme="light"] #instrumenty .to-list li::before{border-color:#9A630F}

  /* calmer spacing between blocks on a phone */
  .sec{padding-top:52px;padding-bottom:52px}
}

/* reviews: Elena's video now comes first, the postcards after it */
#otzyvy .rv-vr{margin:44px 0 0}
#otzyvy .rv-vr + .rv-pairs{margin-top:clamp(56px,7vw,96px)}
/* with the video first, a tilted postcard edge reached 3 px past the screen at 1024 px: clip the section sideways */
#otzyvy{overflow-x:clip}

/* no running text under 14 px on a phone; small labels at least 11.5 px (plan rule 5) */
@media (max-width:760px){
  .ftr p,#dokument figcaption,#konsultaciya .ccard__note,#konsultaciya figcaption{font-size:14px}
  #put .pa-m__sign{font-size:14px}
  #programma .pr-tk__mod{font-size:11.5px}
  #otzyvy .rv-kick{font-size:13px}
  #voprosy .fq-board__name{font-size:12.5px}
  /* the two photo blocks (company, author): shorter photos on a phone */
  .split__fig img{max-height:62vh;object-fit:cover}
}

/* 31 Oct: the price line under the program (founder: «add one line: «Цену курса подберём на консультации»») */
#programma .pr-price{margin-top:10px;font-weight:600;color:var(--txt-d)}
#programma .pr-price a{color:var(--gold);text-underline-offset:4px}
html[data-theme="light"] #programma .pr-price{color:#3A1E2F}
html[data-theme="light"] #programma .pr-price a{color:#9A630F}

/* 31 Oct: a second video review (Julia, founder «here is student review 2 (add to live web)»).
   On a computer the second one is mirrored (words left, film right) so the two read as a pair. */
#otzyvy .rv-vr__item + .rv-vr__item{margin-top:clamp(56px,7vw,88px)}
@media (min-width:761px){
  #otzyvy .rv-vr__item:nth-of-type(even){grid-template-columns:minmax(0,1fr) 300px;margin-left:auto}
  #otzyvy .rv-vr__item:nth-of-type(even) .rv-vr__film{order:2}
  #otzyvy .rv-vr__item:nth-of-type(even) .rv-vr__cap{order:1;justify-self:end}
}
@media (max-width:760px){
  #otzyvy .rv-vr__item:nth-of-type(even) .rv-vr__film{transform:rotate(1deg)}
}
/* 1 Nov 2026: the travel-designer review — her face sits low in the frame, so her play button sits higher, on the sky */
.cvid--btn-hi .cvid__play{align-items:flex-start;padding-top:40% !important}
.vr-nw{white-space:nowrap}
/* 1 Nov 2026: Lara's review — her face is mid-frame, so her play button sits lower, on her top */
.cvid--btn-lo .cvid__play{align-items:flex-end;padding-bottom:38% !important}