/* ==========================================================================
   Цени — само за тази страница (общото е в styles.css).
     1  началото: заглавие + картата с цената, вдясно годината месец по месец
     2  „Всичко е включено“: хората (голямото 3 и +9 €) + шест плочки, всяка оживява, щом се покаже
     3  „Откъде се връщат 49 €“: три места, светлината тече от тях към числото
     4  условията: бял лист под лампата — въпросите се отварят, всеки води с число или дума
     5  призивът: бутонът във вдлъбнатина, която се изправя при скрол (ceni.js)
     6  движение (само при no-preference)
     7  таблет и телефон
   ========================================================================== */

/* горната лента над белия лист: общото [data-light] на .paper (site.js → .nav.over-light) */

/* точки под лентите за плъзгане (на телефон) — общите .dots (site.js: [data-swipe]) */
.swipe-dots { display: none; }

/* ---------- 1 · началото и картата ---------- */
.ceni-top { padding-top: calc(var(--nav-h) + clamp(36px, 4.6vw, 68px)); padding-bottom: clamp(16px, 2vw, 28px); }
.ceni-top::after { content: ""; position: absolute; left: 50%; top: 66%; width: 1200px; height: 820px; translate: -50% -50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(var(--glow), .2), rgba(var(--glow), .05) 62%, transparent 100%); }
.ceni-top h1 { max-width: 18ch; }
.ceni-top .lead { margin-top: 16px; }

.ceni-card { margin-top: clamp(34px, 4vw, 52px); max-width: 1060px; text-align: left;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
.ceni-card .price-note { margin-bottom: 2px; }
/* ивиците на лампата в горния десен ъгъл (над месеците) и −0,04em на цифрите са общите (.price-warp, .price-num) */

/* годината: 12 месеца, внедряването и последният ред (месечно: първата година; годишно: колко спестявате) */
.yr { position: relative; }
.months { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mo { position: relative; display: grid; place-items: center; height: 60px; border-radius: 12px;
  background: #141d26; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
  font-size: 1.02rem; font-weight: 700; color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap;
  transition: background-color .45s var(--ease), box-shadow .45s var(--ease);
  transition-delay: calc(var(--f, 0) * 90ms); }
.mo > span { grid-area: 1 / 1; transition: opacity .35s var(--ease), transform .45s var(--ease), filter .35s var(--ease); transition-delay: calc(var(--f, 0) * 90ms); }
.mo-z { opacity: 0; transform: translateY(10px); color: var(--green); font-size: 1.14rem; font-weight: 800; text-shadow: 0 0 18px rgba(var(--green-rgb), .6); }
/* годишно: последните два месеца са безплатни */
[data-plan="year"] .mo-free { background: #13271f; box-shadow: inset 0 0 0 1px rgba(var(--green-rgb), .5), 0 14px 32px -14px rgba(var(--green-rgb), .75); }
[data-plan="year"] .mo-free .mo-p { opacity: 0; transform: translateY(-10px); filter: blur(4px); }
[data-plan="year"] .mo-free .mo-z { opacity: 1; transform: none; }

.yr-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.yr-l { font-size: 15.5px; color: var(--ink-2); white-space: nowrap; }
/* на тесен екран сумата слиза на втори ред вдясно, вместо да излезе от рамката */
.yr-imp { flex-wrap: wrap; row-gap: 4px; }
.yr-imp .yr-swap { margin-left: auto; }
/* две стойности на едно място — показва се тази на плана */
.yr-swap { display: inline-grid; justify-items: end; flex: none; }
.yr-swap > * { grid-area: 1 / 1; white-space: nowrap;
  transition: opacity .35s var(--ease), transform .45s var(--ease), filter .35s var(--ease), visibility 0s linear 0s; }
[data-plan="year"] :is(.imp-m, .sum-m, .lab-m, .alt-m), [data-plan="month"] :is(.imp-y, .sum-y, .lab-y, .alt-y) {
  opacity: 0; visibility: hidden; transform: translateY(8px); filter: blur(4px);
  transition: opacity .3s var(--ease), transform .45s var(--ease), filter .3s var(--ease), visibility 0s linear .3s; }
.yr-imp { margin-top: 12px; padding: 13px 16px; border-radius: 12px; background: #121a22; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
  transition: background-color .45s var(--ease), box-shadow .45s var(--ease); }
[data-plan="year"] .yr-imp { background: #11201b; box-shadow: inset 0 0 0 1px rgba(var(--green-rgb), .3); }
.imp-m { font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
/* под „Внедряване на място“ — другият начин, по видео, с цената за плана */
.yr-l { display: grid; justify-items: start; }
.yr-alt { display: grid; justify-items: start; margin-top: 3px; }
.yr-alt > * { font-size: 13.5px; font-weight: 500; color: var(--ink-3); }
.imp-y { display: inline-flex; align-items: baseline; gap: 10px; }
.imp-y s { font-weight: 600; color: var(--ink-3); text-decoration-color: var(--red); font-variant-numeric: tabular-nums; }
.imp-y b { font-weight: 800; color: var(--green); }
.yr-sum { margin-top: 18px; padding-top: 16px; box-shadow: inset 0 1px 0 rgba(186, 222, 255, .12); }
.yr-lab { flex: 1 1 auto; min-width: 0; justify-items: start; }
.yr-lab > * { white-space: normal; font-size: 1.05rem; font-weight: 600; line-height: 1.3; color: var(--ink); text-wrap: balance; }
.yr-sum b { font-size: clamp(2.1rem, 1.5rem + 1.3vw, 2.7rem); font-weight: 800; line-height: 1; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.sum-m { color: var(--ink); }
.sum-y { color: var(--green); text-shadow: 0 0 30px rgba(var(--green-rgb), .45); }

/* ---------- 2 · „Всичко е включено“ ---------- */
.incl { overflow-x: clip; padding-bottom: calc(var(--sec) * .55); }
.incl::before { content: ""; position: absolute; left: 50%; top: 62%; width: 1300px; height: 760px; translate: -50% -50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(var(--glow), .16), rgba(var(--glow), .04) 60%, transparent 100%); }
.incl .wrap { position: relative; }
.incl-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px 56px; align-items: end; }
.incl-head .sub { margin-top: 12px; }

/* хората: голямото 3 (в цената), владелец и двама майстори; четвъртият е с пунктир — +9 € всеки следващ */
.crew { display: flex; align-items: flex-start; gap: 18px; }
.crew-n, .crew-row li, .crew-more { display: grid; justify-items: center; align-content: start; gap: 10px; }
.crew-n b { display: grid; place-items: center; height: 64px; font-size: clamp(4.4rem, 3.2rem + 1.8vw, 5.2rem); font-weight: 800; line-height: 1; letter-spacing: -.04em;
  color: var(--ice); font-variant-numeric: tabular-nums; text-shadow: 0 0 46px rgba(var(--glow), .95), 0 0 14px rgba(var(--glow), .6); }
.crew-n span, .crew-row b, .crew-more-t b { font-size: 14.5px; line-height: 1.3; white-space: nowrap; }
.crew-n span { font-weight: 700; color: var(--blue-hi); text-align: center; }
/* „души / в цената“ на два реда само на най-тесните телефони (виж 7) */
.crew-br { display: none; }
.crew-row { display: flex; gap: 12px; }
.crew-row li { min-width: 66px; }
.crew-row b { font-weight: 600; color: var(--ink-2); }
.av { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; color: var(--ice);
  background: radial-gradient(circle at 50% 30%, rgba(var(--glow), .5), rgba(var(--glow), .14));
  box-shadow: inset 0 0 0 1px rgba(156, 203, 242, .38), 0 14px 34px -12px rgba(var(--glow), .85); }
.av .ic { width: 27px; height: 27px; }
/* четвъртият: отделен с тънка линия, пунктир и цената му */
.crew-more { position: relative; padding-left: 18px; }
.crew-more::before { content: ""; position: absolute; left: 0; top: 6px; width: 1px; height: 52px; background: linear-gradient(180deg, transparent, rgba(156, 203, 242, .38), transparent); }
.crew-more .av { background: none; box-shadow: none; border: 1.5px dashed rgba(156, 203, 242, .6);
  font-size: 19px; font-weight: 800; letter-spacing: -.02em; color: var(--blue-hi); font-variant-numeric: tabular-nums; white-space: nowrap; }
.crew-more-t { display: grid; justify-items: center; }
.crew-more-t b { font-weight: 700; color: var(--blue-hi); }
.crew-more-t span { font-size: 14px; line-height: 1.3; color: var(--ink-3); }

/* шестте плочки на 10 колони: 4 · 3 · 3 / 3 · 3 · 4 */
.kit { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 16px; margin-top: clamp(32px, 4vw, 48px); }
.kt { grid-column: span 3; position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; gap: 18px; min-width: 0;
  padding: 22px 22px 20px; border-radius: var(--r); background: var(--glass);
  box-shadow: inset 0 0 0 1px var(--edge), inset 0 1px 0 rgba(255, 255, 255, .06); }
.kt::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(80% 64% at 50% 40%, rgba(var(--glow), .15), transparent 72%); }
.kt-proto, .kt-list { grid-column: span 4; }
/* --vh: височината на картинката в плочката (по нея се мери изрезът на отчета) */
.kt-vis { --vh: 200px; position: relative; height: var(--vh); display: grid; place-items: center; }
.kt h3 { font-size: 1.22rem; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; }
/* изрезът от приложението: истинският екран, заоблен */
.kt-crop { position: relative; display: block; width: 100%; overflow: hidden; border-radius: 12px; box-shadow: 0 22px 40px -22px rgba(0, 0, 0, .95); }
.kt-crop img { width: 100%; }
/* отчетът: листът от приложението с въздух около текста; мери се по височината на плочката, не по ширината —
   на всяка ширина остават ~18 px над и под него (както при другите плочки) и нищо не излиза */
.kt-acc .kt-crop { width: min(100%, 360px, calc((var(--vh) - 36px) * 1222 / 670)); aspect-ratio: 1222 / 670; background: #10181e; }
.kt-acc .kt-crop img { height: 100%; }
.kt-acc .kt-crop::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07); }

/* протоколите: долната част на истинския лист — полето с подписа и активният бутон „Подпиши и заключи“;
   изрезът е прозорец върху целия екран (подписът .fx-sign и бутонът .sign-btn са общите, в % от екрана) */
.kt-sign { position: relative; display: block; width: min(100%, 250px, calc((var(--vh) - 12px) * 1170 / 1063)); aspect-ratio: 1170 / 1063; overflow: hidden; border-radius: 12px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .5), 0 22px 40px -22px rgba(0, 0, 0, .95), 0 0 60px -10px rgba(210, 232, 255, .25); }
.kt-sign-in { position: absolute; left: 0; right: 0; bottom: 0; aspect-ratio: 1170 / 2532; container-type: inline-size; }
.kt-sign-in img { position: absolute; inset: 0; width: 100%; height: 100%; }
/* часовете: седмицата от началния екран, днешният ден е в кръг */
.kt-week { width: 100%; }
.kt-today { left: 57.3%; top: 33.2%; width: 13.8%; height: 64.6%; border-radius: 18% / 11%; }
/* украинската седмица (uk/crop/vazmozhnosti-sedmica): днес е вторник — втората плочка */
:lang(uk) .kt-today { left: 14.5%; top: 34%; width: 14.31%; height: 63.8%; }
/* полската седмица (pl/crop/vazmozhnosti-sedmica): днес е понеделник — първата плочка */
:lang(pl) .kt-today { left: 0.73%; top: 33.97%; width: 14.86%; height: 63.8%; }
/* запитванията: горната част на истинския екран — „Този месец · откъде идват: Facebook“ и запитването със снимките */
.kt-zap { width: min(100%, calc((var(--vh) - 24px) * 1170 / 860)); aspect-ratio: 1170 / 860; container-type: inline-size; background: #0b1117; }
.kt-zap img { height: 100%; }
.kt-src { left: 4.1%; top: 41.9%; width: 91.8%; height: 26.7%; border-radius: 3cqw; }

/* офертата: двата реда от „Как да изпратиш офертата?“ — само иконата и заглавието */
.send { display: grid; gap: 10px; width: 100%; }
.send-row { position: relative; display: flex; align-items: center; gap: 14px; min-height: 76px; padding: 12px 14px 12px 12px; border-radius: 18px;
  background: linear-gradient(180deg, #19222c, #141b23); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 20px 36px -24px rgba(0, 0, 0, .95); }
.send-ic { display: grid; place-items: center; flex: none; width: 50px; height: 50px; border-radius: 14px; color: var(--blue-hi);
  background: #222c37; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06); }
.send-link .send-ic { color: #fff; background: linear-gradient(180deg, #62a0d6, #3b73a3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 10px 22px -10px rgba(var(--glow), .95); }
.send-ic .ic { width: 24px; height: 24px; stroke-width: 2; }
.send-row b { flex: 1 1 auto; min-width: 0; font-size: 17px; font-weight: 700; letter-spacing: -.01em; line-height: 1.25; color: var(--ink); }
.send-chev { width: 18px; height: 18px; color: var(--ink-3); stroke-width: 2.2; }
/* докосването на „Линк за одобрение“ (виж 6) */
.send-link::after { content: ""; position: absolute; left: 37px; top: 50%; width: 64px; height: 64px; translate: -50% -50%; border-radius: 50%; opacity: 0; pointer-events: none;
  box-shadow: 0 0 0 2px var(--blue-hi), 0 0 24px 4px rgba(var(--glow), .8); }

/* ценовата листа: истинските три листи (градушка, паркинг щети, часови ставки) и до тях — „3 листи“.
   Изрезът се свива, ако няма място (показва се лявата му част и избледнява), числото — никога */
.list-vis { display: flex; align-items: center; justify-content: center; gap: 22px; }
.crop-listi { flex: 0 1 auto; min-width: 0; width: auto; height: 100%; aspect-ratio: 670 / 593; border-radius: 14px 0 0 14px; box-shadow: none;
  -webkit-mask-image: linear-gradient(90deg, #000 84%, transparent); mask-image: linear-gradient(90deg, #000 84%, transparent); }
.crop-listi img { width: 100%; height: 100%; object-fit: cover; object-position: 0 50%; }
.list-num { flex: none; display: grid; justify-items: center; gap: 10px; }
.list-num b { min-width: 2ch; text-align: center; font-size: clamp(4.4rem, 2.8rem + 2.4vw, 5.6rem); font-weight: 800; line-height: .8; letter-spacing: -.04em; color: var(--ice); font-variant-numeric: tabular-nums;
  text-shadow: 0 0 44px rgba(var(--glow), .9), 0 0 14px rgba(var(--glow), .55); }
.list-num span { font-size: 1.12rem; font-weight: 700; line-height: 1.2; text-align: center; color: var(--blue-hi); white-space: nowrap; }
/* „готови / цени“ на два реда — само в тясната плочка на телефон (виж 7) */
.list-br { display: none; }

/* какво още влиза — един ред и връзка към всички възможности */
.kit-more { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 16px; margin-top: 22px; text-align: center; font-size: 1.02rem; line-height: 1.5; color: var(--ink-2); text-wrap: balance; }

/* ---------- 3 · „Откъде се връщат 49 €“ ---------- */
/* долу — половин разстояние до лампата над условията: поантата е последното, лампата идва веднага */
.back { overflow-x: clip; text-align: center; padding-top: calc(var(--sec) * .8); padding-bottom: clamp(8px, 1.4vw, 20px); }
.back::before { content: ""; position: absolute; left: 50%; top: 190px; width: 980px; height: 620px; translate: -50% -50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(var(--green-rgb), .14), rgba(var(--glow), .06) 60%, transparent 100%); }
.back .wrap { position: relative; }
.back-h { display: flex; flex-direction: column; align-items: center; }
.back-num { display: flex; align-items: flex-start; margin-top: 10px; font-size: clamp(7rem, 3rem + 10vw, 12.5rem); line-height: .8; letter-spacing: -.04em; font-variant-numeric: tabular-nums;
  color: var(--green); text-shadow: 0 0 40px rgba(var(--green-rgb), .55), 0 0 110px rgba(var(--green-rgb), .3); }
.back-num b { font-weight: 800; }
.back-num .cur { font-size: .34em; margin: .12em 0 0 .07em; letter-spacing: 0; }
/* линиите: от трите места към числото */
.back-lines { display: block; width: 100%; height: clamp(90px, 9vw, 130px); margin-top: 22px; overflow: visible; }
.bl-base { fill: none; stroke: rgba(159, 207, 244, .34); stroke-width: 1.6; vector-effect: non-scaling-stroke; }
.bl-run { display: none; fill: none; stroke: #e6f4ff; stroke-width: 3; stroke-linecap: round; stroke-dasharray: .2 2; stroke-dashoffset: .2;
  filter: drop-shadow(0 0 6px rgba(var(--glow), 1)); }
/* на телефон: една къса линия от лентата до числото (виж 7) */
.back-stem { display: none; }
.back-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.bc { position: relative; display: flex; flex-direction: column; align-items: center; }
.bc-text { position: relative; max-width: 21rem; padding-top: 22px; }
/* точката, в която свършва линията */
.bc-text::before { content: ""; position: absolute; left: 50%; top: -5px; width: 10px; height: 10px; translate: -50% 0; border-radius: 50%;
  background: var(--ice); box-shadow: 0 0 0 4px rgba(var(--glow), .18), 0 0 16px 2px rgba(var(--glow), .9); }
.bc h3 { font-size: clamp(1.35rem, 1.05rem + .8vw, 1.65rem); font-weight: 800; letter-spacing: -.022em; line-height: 1.15; }
.bc p { margin-top: 10px; font-size: 1.05rem; line-height: 1.5; color: var(--ink-2); text-wrap: balance; }
.bc-phone { --cut: .7; position: relative; width: min(268px, 100%); margin-top: 28px; }
.bc:nth-child(1) .bc-phone { rotate: -3deg; }
.bc:nth-child(2) .bc-phone { --cut: .76; }
.bc:nth-child(3) .bc-phone { rotate: 3deg; }
/* по-къс преход в долния край — кръговете в протокола остават ясни */
.bc-phone.cut-bottom { -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 56px), transparent); mask-image: linear-gradient(180deg, #000 calc(100% - 56px), transparent); }
/* поантата като число: 49 € = [1] изправен панел / на месец — единицата е броячът (светва като лампа, виж 6) */
.back-foot { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: center; gap: 0 clamp(14px, 1.6vw, 22px); margin-top: clamp(40px, 4.4vw, 60px); text-align: left; }
.back-foot::before { content: ""; position: absolute; left: 50%; top: 50%; width: min(560px, 110vw); height: 260px; translate: -50% -50%; z-index: -1; pointer-events: none;
  background: radial-gradient(closest-side, rgba(var(--glow), .2), rgba(var(--glow), .05) 60%, transparent 100%); }
.bf-eq { display: inline-flex; align-items: baseline; gap: clamp(12px, 1.4vw, 20px); font-size: clamp(1.5rem, 1.1rem + 1.1vw, 2.1rem); font-weight: 800; letter-spacing: -.02em; line-height: 1; }
.bf-eq b { font-weight: 800; color: var(--green); white-space: nowrap; font-variant-numeric: tabular-nums; text-shadow: 0 0 26px rgba(var(--green-rgb), .5); }
.bf-is { color: var(--ink-3); font-weight: 600; }
.bf-one { font-size: clamp(5.6rem, 3.4rem + 4.6vw, 8.4rem); font-weight: 800; line-height: .8; letter-spacing: -.04em; color: var(--ice); font-variant-numeric: tabular-nums;
  text-shadow: 0 0 56px rgba(var(--glow), .95), 0 0 16px rgba(var(--glow), .6); }
.bf-t { display: grid; gap: 4px; }
.bf-t b { font-size: clamp(1.5rem, 1.1rem + 1.1vw, 2.1rem); font-weight: 800; line-height: 1.05; letter-spacing: -.025em; color: var(--ink); white-space: nowrap; }
.bf-t span { font-size: clamp(1.05rem, .95rem + .4vw, 1.3rem); font-weight: 600; color: var(--ink-2); }
/* кръговете върху истинските места на екраните */
.ring-b { left: 29.5%; top: 30%; width: 19.5%; height: 10.3%; border-radius: 3.8cqw; }
.ring-snap { top: 54.8%; width: 20.1%; height: 6.9%; border-radius: 2.6cqw; }
.ring-snap.s1 { left: 7.2%; } .ring-snap.s2 { left: 29.1%; } .ring-snap.s3 { left: 50.9%; } .ring-snap.s4 { left: 72.6%; }
.ring-lot { left: 62%; top: 7.5%; width: 34%; height: 9.3%; border-radius: 3.4cqw; }

/* ---------- 4 · условията: лист под лампата ---------- */
.terms { overflow-x: clip; padding-top: 36px; }
.lamp-paper { --lw: min(640px, 74vw); --lt: 24px; }
.cone-paper { --cw: min(1500px, 180vw); --ch: 820px; --ct: 38px; --cone: .34; }
.terms-in { position: relative; z-index: 1; }
.paper { --col: 11.5rem; --colgap: 24px;
  position: relative; max-width: 940px; margin: 64px auto 0; padding: clamp(28px, 4.2vw, 52px) clamp(28px, 4.6vw, 58px) clamp(18px, 2.6vw, 34px); border-radius: 22px; color: #0f1923;
  background: radial-gradient(72% 34% at 50% 0%, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(180deg, #f4f7fa 0%, #e9eef3 100%);
  box-shadow: 0 70px 120px -50px rgba(0, 0, 0, .95), 0 -20px 120px -40px rgba(200, 228, 255, .4); }
.paper ::selection { background: rgba(59, 115, 163, .28); color: #0f1923; }
.paper :focus-visible { outline-color: #2f6fa6; }
.paper-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px 24px; padding-bottom: 22px; box-shadow: inset 0 -2.5px 0 #16222e; }
.paper-head h2 { max-width: 13ch; font-size: clamp(2rem, 1.1rem + 2.5vw, 3.1rem); color: #0f1923; }
/* бланката: знакът и надписът, като горе вдясно на истински лист */
.paper-mark { display: inline-flex; align-items: center; gap: 8px; flex: none; margin-bottom: 6px; }
.paper-mark img:first-child { width: 28px; height: 28px; border-radius: 7px; }
.paper-mark img + img { width: auto; height: 15px; }
/* въпросите: .faq (site.js ги отваря плавно), но на бял лист — с линии, без стъкло; всички затворени —
   с един поглед се четат петте думи и въпросите */
.paper .faq { display: block; }
.paper .faq details, .paper .faq details[open] { border-radius: 0; background: none; box-shadow: inset 0 -1px 0 #d4dce4; }
.paper .faq details:last-child { box-shadow: none; }
.paper .faq summary { display: grid; grid-template-columns: minmax(0, 1fr) auto var(--col); align-items: center; gap: 0 var(--colgap); min-height: 80px; padding: 16px 0;
  font-size: 1.14rem; font-weight: 700; color: #0f1923; border-radius: 0; }
.paper .faq summary:focus-visible { outline-offset: 2px; border-radius: 10px; }
.t-q { line-height: 1.35; text-wrap: balance; transition: color .25s; }
.paper summary:hover .t-q { color: #1f5c8f; }
/* чете се отляво надясно: въпросът, плюсът и най-вдясно отговорът с една дума или число */
.t-big { justify-self: end; text-align: right; font-size: clamp(1.6rem, 1.15rem + 1.1vw, 2.1rem); font-weight: 800; line-height: 1; letter-spacing: -.03em; color: #1f5c8f; white-space: nowrap; font-variant-numeric: tabular-nums; }
.paper .faq-plus { background: rgba(31, 92, 143, .1); }
.paper .faq-plus::before, .paper .faq-plus::after { background: #1f5c8f; }
.paper .faq-a p { max-width: none; padding: 0 calc(var(--col) + var(--colgap) * 2 + 32px) 24px 0; color: #3a4958; line-height: 1.6; text-wrap: pretty; }
/* тъмният слой, който лампата „вдига“ (виж 6) */
.paper::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: #0b1117; opacity: 0; pointer-events: none; }

/* ---------- 5 · призивът ---------- */
.ceni-cta { position: relative; padding-block: clamp(56px, 6vw, 88px) clamp(56px, 5vw, 80px); text-align: center; overflow: hidden; isolation: isolate; }
.ceni-cta::before { content: ""; position: absolute; left: 50%; top: 56%; width: 1100px; height: 700px; translate: -50% -50%; z-index: -1; pointer-events: none;
  background: radial-gradient(closest-side, rgba(var(--glow), .2), rgba(var(--glow), .05) 60%, transparent 100%); }
.cta-in { position: relative; display: flex; flex-direction: column; align-items: center; }
.cta-in h2 { max-width: 13ch; font-size: clamp(2.4rem, 1rem + 4.4vw, 4.6rem); letter-spacing: -.035em; line-height: 1.02; }
.cta-in > p { margin-top: 18px; max-width: 30em; font-size: 1.15rem; color: var(--ink-2); text-wrap: balance; }
/* ламарината през цялата ширина: ивиците са ярки като в картите A–D, вдлъбнатината е под бутона */
.cta-panel { position: relative; display: grid; place-items: center; height: clamp(230px, 20vw, 300px); margin-top: clamp(12px, 2vw, 24px); }
.cta-lines { position: absolute; inset: 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent), linear-gradient(180deg, transparent, #000 24%, #000 76%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent), linear-gradient(180deg, transparent, #000 24%, #000 76%, transparent);
  mask-composite: intersect; }
.cta-lines .w-band { fill-opacity: .22; }
.cta-lines .w-edge { stroke-opacity: .9; stroke-width: 1.1; }
/* когато ламарината е права, остава чистото отражение на лампата зад бутона (--flat от ceni.js) */
.cta-shine { position: absolute; left: 50%; top: 50%; width: min(780px, 120vw); height: 250px; translate: -50% -50%; border-radius: 50%; pointer-events: none; opacity: var(--flat, 1);
  background: radial-gradient(closest-side, rgba(226, 242, 255, .5), rgba(var(--glow), .26) 46%, transparent 100%); }
.cta-panel .btn { position: relative; z-index: 1; }
.cta-foot { position: relative; display: flex; flex-direction: column; align-items: center; }
.cta-price { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 2px 4px; font-size: 1.06rem; color: var(--ink-2); }
.cta-price b { font-size: 1.3rem; font-weight: 800; letter-spacing: -.02em; color: var(--green); font-variant-numeric: tabular-nums; text-shadow: 0 0 24px rgba(var(--green-rgb), .45); margin-right: 2px; }
.cta-price .dot-sep { align-self: center; }
.cta-foot .final-contact { margin-top: 10px; }

/* ---------- 6 · движение ---------- */
@media (prefers-reduced-motion: no-preference) {
  /* картата: месеците се пълнят един по един, двата безплатни светват зелено, после идва „спестявате 297 €“ (всичко до ~1,3 s) */
  .js .ceni-card:not(.in) .mo { opacity: 0; transform: translateY(14px) scale(.92); }
  .js .ceni-card .mo { transition: opacity .5s var(--ease), transform .6s var(--ease), background-color .45s var(--ease), box-shadow .45s var(--ease);
    transition-delay: calc(.1s + var(--i) * 35ms), calc(.1s + var(--i) * 35ms), calc(var(--f, 0) * 90ms), calc(var(--f, 0) * 90ms); }
  /* до края на въведението (ceni.js → .ready) безплатните месеци изглеждат платени, а внедряването — 199 € */
  .js .ceni-card:not(.in) .mo-free { background: #141d26; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); }
  .js .ceni-card:not(.in) .mo-free .mo-p { opacity: 1; transform: none; filter: none; }
  .js .ceni-card:not(.in) .mo-free .mo-z { opacity: 0; transform: translateY(10px); }
  .js .ceni-card:not(.in) .yr-imp { background: #121a22; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07); }
  .js .ceni-card:not(.in)[data-plan="year"] :is(.imp-m, .alt-m) { opacity: 1; visibility: visible; transform: none; filter: none; }
  .js .ceni-card:not(.in)[data-plan="year"] :is(.imp-y, .alt-y) { opacity: 0; visibility: hidden; }
  .js .ceni-card.in:not(.ready) .mo-free { transition-delay: calc(.1s + var(--i) * 35ms), calc(.1s + var(--i) * 35ms), calc(.6s + var(--f) * 120ms), calc(.6s + var(--f) * 120ms); }
  .js .ceni-card.in:not(.ready) .mo-free > span { transition-delay: calc(.6s + var(--f) * 120ms); }
  .js .ceni-card.in:not(.ready) .yr-imp, .js .ceni-card.in:not(.ready) .yr-imp .yr-swap > * { transition-delay: .75s; }
  .js .ceni-card:not(.in) .yr-sum { opacity: 0; transform: translateY(12px); }
  .js .ceni-card .yr-sum { transition: opacity .45s var(--ease) .85s, transform .55s var(--ease) .85s; }

  /* хората влизат с поп; голямото 3 светва като лампа */
  .js .crew:not(.in) > * { transform: translateY(18px) scale(.9); }
  .js .crew:not(.in) .crew-n b { color: #2a3642; text-shadow: none; }
  .crew-n b { transition: color .9s var(--ease) .3s, text-shadow 1.1s var(--ease) .3s; }

  /* плочките — една след друга (data-stagger); всяка оживява, щом се покаже цяла (ceni.js → .play) */
  .js .kt-offer.play .send-link { animation: sendTap .7s .55s var(--ease) both; }
  .js .kt-offer.play .send-link::after { animation: sendRing 1s .6s ease-out both; }
  .js .kt-proto:not(.play) .fx-sign { stroke-dashoffset: 1; }
  .js .kt-proto.play .fx-sign { animation: sign 1.1s cubic-bezier(.55, .1, .35, 1) .35s both; }
  .js .kt-proto:not(.play) .sign-btn { opacity: 0; }
  .js .kt-proto.play .sign-btn { animation: btnOn .35s var(--ease) 1.4s both, btnPress .5s ease-out 1.85s both; }
  .js .kt:not(.play) :is(.kt-today, .kt-src) { opacity: 0; scale: 1.1; }
  .kt-today, .kt-src { transition: opacity .5s var(--ease) .5s, scale .6s var(--ease) .5s; }
  .kt.play :is(.kt-today, .kt-src) { animation: ringPulse 2.2s ease-in-out 1s 2; }
  @media (hover: hover) {
    .kit.settled .kt:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px rgba(140, 192, 236, .22), inset 0 1px 0 rgba(255, 255, 255, .08), 0 30px 60px -34px rgba(var(--glow), .6); }
  }

  /* „Откъде се връщат“: числото чака приглушено (ceni.js → .wait), светлината тича по трите линии и то светва, щом тя стигне */
  .js .back.wait:not(.go) .back-num { color: #3f7058; text-shadow: none; }
  .js .back.wait:not(.go) .bl-base { stroke: rgba(159, 207, 244, .16); }
  .js .back.wait:not(.go) .bc-text::before { background: #2a3947; box-shadow: none; }
  .bl-base { transition: stroke .6s var(--ease) .55s; }
  .bc-text::before { transition: background-color .4s, box-shadow .4s; }
  .back.go .bc:nth-child(2) .bc-text::before { transition-delay: .08s; }
  .back.go .bc:nth-child(3) .bc-text::before { transition-delay: .16s; }
  .back.go .bl-run { display: block; animation: blRun .8s var(--ease-io) both; }
  .back.go .bl-run.r2 { animation-delay: .08s; }
  .back.go .bl-run.r3 { animation-delay: .16s; }
  .back-num { transition: color .9s var(--ease) .45s, text-shadow 1.1s var(--ease) .45s; }
  .back.go .ring-b, .back.go .ring-lot { animation: ringPulse 2.4s ease-in-out 1.2s infinite; }
  .back.go .ring-snap { animation: snapSeq 3s ease-in-out infinite both; }
  .back.go .ring-snap.s1 { animation-delay: 1.1s; }
  .back.go .ring-snap.s2 { animation-delay: 1.45s; }
  .back.go .ring-snap.s3 { animation-delay: 1.8s; }
  .back.go .ring-snap.s4 { animation-delay: 2.15s; }
  .js .back.wait:not(.go) .back-stem { background: rgba(159, 207, 244, .16); }
  .js .back.wait:not(.go) .back-stem::before { background: #2a3947; box-shadow: none; }
  .back-stem, .back-stem::before { transition: background-color .6s var(--ease) .45s, box-shadow .6s var(--ease) .45s; }
  .back.go .back-stem::after { animation: stemRun .7s var(--ease-io) both; }
  /* поантата: идва след светлината; единицата пали като лампа, „49 € =“ и думите — след нея */
  .js .back-foot:not(.in) .bf-one { color: #2a3642; text-shadow: none; }
  .bf-one { transition: color .9s var(--ease) .25s, text-shadow 1.1s var(--ease) .25s; }
  .js .back-foot:not(.in) :is(.bf-eq, .bf-t) { opacity: 0; transform: translateX(var(--bx, 0)); }
  .back-foot :is(.bf-eq, .bf-t) { transition: opacity .6s var(--ease) .55s, transform .8s var(--ease) .55s; }
  .bf-eq { --bx: 14px; }
  .bf-t { --bx: -14px; }

  /* условията: листът е на тъмно, лампата пали и той светва с нея (същото трепкане, до 0,8 s) */
  .js .terms:not(.in) .paper::after { opacity: .9; }
  .terms.in .paper::after { animation: paperOn .8s linear both; }
  .terms.in .lamp::before, .terms.in .lamp-bar::after { animation-duration: .8s; }
  .terms.in .lamp-cone { animation-duration: .9s; animation-delay: .1s; }
  .js .terms:not(.in) .paper { box-shadow: 0 70px 120px -50px rgba(0, 0, 0, .95); }
  .terms .paper { transition: box-shadow 1s var(--ease) .3s; }
}

@keyframes blRun { from { stroke-dashoffset: .2; } to { stroke-dashoffset: -1; } }
@keyframes stemRun { 0% { opacity: 0; transform: translateY(0); } 15%, 80% { opacity: 1; } 100% { opacity: 0; transform: translateY(calc(-1 * var(--stem, 56px))); } }
@keyframes greenOn {
  0% { color: #3f7058; text-shadow: none; }
  10% { color: var(--green); text-shadow: 0 0 40px rgba(var(--green-rgb), .55); }
  18% { color: #3f7058; text-shadow: none; }
  30% { color: var(--green); text-shadow: 0 0 40px rgba(var(--green-rgb), .55), 0 0 110px rgba(var(--green-rgb), .3); }
  38% { color: #4f8a6c; text-shadow: none; }
  50%, 100% { color: var(--green); text-shadow: 0 0 40px rgba(var(--green-rgb), .55), 0 0 110px rgba(var(--green-rgb), .3); }
}
@keyframes threeOn {
  0% { color: #2a3642; text-shadow: none; }
  10% { color: var(--ice); text-shadow: 0 0 46px rgba(var(--glow), .95), 0 0 14px rgba(var(--glow), .6); }
  18% { color: #3a4a5a; text-shadow: none; }
  32% { color: var(--ice); text-shadow: 0 0 46px rgba(var(--glow), .95), 0 0 14px rgba(var(--glow), .6); }
  40% { color: #7f95aa; text-shadow: none; }
  52%, 100% { color: var(--ice); text-shadow: 0 0 46px rgba(var(--glow), .95), 0 0 14px rgba(var(--glow), .6); }
}
@keyframes snapSeq {
  0%, 100% { opacity: .35; }
  12% { opacity: 1; background-color: rgba(var(--glow), .24); box-shadow: 0 0 0 3px var(--blue-hi), 0 0 30px 6px rgba(var(--glow), .8); }
  36% { opacity: .35; }
}
@keyframes paperOn { 0% { opacity: .9; } 8% { opacity: .08; } 14% { opacity: .78; } 24% { opacity: 0; } 30% { opacity: .5; } 42%, 100% { opacity: 0; } }
@keyframes sendTap { 0%, 100% { transform: none; } 30% { transform: scale(.975); } }
@keyframes sendRing { 0% { opacity: 0; scale: .5; } 20% { opacity: 1; } 100% { opacity: 0; scale: 1.5; } }

/* ---------- 7 · таблет и телефон ----------
   ≤1100  плочките по две на ред
   ≤860   телефон и таблет: хората на два реда, плочките — лента за плъзгане, листът с условията
   720–860  картата с цената остава на две колони (цена | месеците)
   ≤719   картата на една колона: цена → месеците → бутон
   600–860  в лентата — по две плочки на екран
   700–860  „Откъде се връщат“ остава на три колони с линиите; ≤699 — карти за плъзгане
   ≤599 / ≤560 / ≤380  тесни телефони */
@media (max-width: 1100px) {
  .back-cols { gap: 24px; }
  .bc-phone { width: min(236px, 100%); }
  /* плочките по две на ред */
  .kit { gap: 12px; }
  .kt, .kt-proto, .kt-list { grid-column: span 5; }
  .kt-vis { --vh: 190px; }
  .paper { --col: 10.2rem; --colgap: 18px; }
  .paper .faq-a p { padding-right: 24px; }
}

@media (max-width: 860px) {
  .ceni-top { padding-top: calc(var(--nav-h) + 22px); padding-bottom: 0; }
  .ceni-top h1 { font-size: clamp(2.3rem, 1rem + 6.6vw, 3.2rem); }
  .ceni-top .lead { margin-top: 12px; font-size: 1.06rem; }
  .ceni-card { margin-top: 22px; }
  .yr-imp { margin-top: 8px; padding: 11px 14px; }
  .yr-l { font-size: 15px; }
  .yr-sum { margin-top: 12px; padding-top: 12px; }
  .yr-lab > * { font-size: 15.5px; }
  .yr-sum b { font-size: 2rem; }

  .incl { padding-bottom: 24px; }
  .back { padding-top: 48px; padding-bottom: 12px; }
  .incl-head { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  /* хората на два реда: 3 и тримата; под тях — четвъртият с цената си */
  .crew { display: grid; grid-template-columns: auto auto; justify-content: start; align-items: start; gap: 18px 16px; }
  .crew-row { gap: 10px; }
  .crew-row li { min-width: 64px; }
  .av { width: 58px; height: 58px; }
  .av .ic { width: 25px; height: 25px; }
  .crew-n b { height: 58px; font-size: 4.4rem; }
  .crew-more { grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; padding: 16px 0 0; }
  .crew-more::before { left: 0; right: 0; top: 0; width: auto; height: 1px; background: linear-gradient(90deg, rgba(156, 203, 242, .3), transparent); }
  .crew-more .av { width: 52px; height: 52px; font-size: 17px; }
  .crew-more-t { justify-items: start; }

  /* шестте плочки стават лента за плъзгане с точки */
  .kit { display: flex; gap: 12px; margin: 28px calc(var(--gut) * -1) 0; padding: 4px var(--gut) 12px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; scroll-padding-inline: var(--gut); scrollbar-width: none; }
  .kit::-webkit-scrollbar { display: none; }
  .kt { flex: 0 0 84%; scroll-snap-align: start; padding: 18px; gap: 14px; }
  .kt-vis { --vh: 180px; }
  .kt h3 { font-size: 1.15rem; }
  .send-row { min-height: 70px; gap: 12px; }
  .send-ic { width: 46px; height: 46px; border-radius: 13px; }
  .send-row b { font-size: 16px; }
  .list-vis { gap: 14px; }
  .list-num b { font-size: 3.9rem; }
  .list-num span { font-size: 1rem; }
  .kit-more { display: block; margin-top: 14px; text-align: left; font-size: 1rem; }
  .kit-more .link-arrow { display: flex; margin-top: 2px; }

  .swipe-dots { display: flex; margin-top: 0; }

  .back-num { font-size: clamp(6.4rem, 2rem + 18vw, 8.4rem); margin-top: 8px; }
  .back-foot { margin-top: 26px; }

  .terms { padding-top: 28px; }
  .lamp-paper { --lw: 74vw; --lh: 20px; --lt: 18px; }
  .lamp-paper .lamp-bar::after { top: 4px; bottom: 4px; }
  .cone-paper { --ch: 640px; --ct: 30px; }
  .paper { --col: 7.4rem; --colgap: 14px; margin-top: 44px; padding: 26px 20px 8px; border-radius: 18px; }
  .paper-head { padding-bottom: 18px; align-items: flex-start; }
  .paper-mark { margin: 6px 0 0; }
  .paper-mark img + img { display: none; }
  /* въпросът вляво, плюсът до него, думата-отговор вдясно */
  .paper .faq summary { min-height: 64px; padding: 12px 0; font-size: 1.02rem; }
  .t-big { font-size: 1.5rem; letter-spacing: -.03em; }
  .paper .faq-plus { width: 30px; height: 30px; }
  .paper .faq-a p { padding: 0 0 16px; font-size: 15.5px; }

  .ceni-cta { padding-block: 48px 52px; }
  .cta-in > p { font-size: 1.05rem; }
  .cta-panel { height: 180px; margin-top: 4px; }
  /* бутонът не покрива цялата ширина — около него се вижда как вдлъбнатината се изправя
     (общото .btn-xl { width: 100% } от styles.css тук не важи) */
  .cta-panel .btn-xl { width: auto; min-width: 248px; padding: 18px 30px; }
  .cta-price { flex-direction: column; align-items: center; gap: 0; font-size: 1rem; }
  .cta-price .dot-sep { display: none; }
}

/* таблет (iPad 768/820): картата с цената — две колони, цената вляво, годината вдясно */
@media (min-width: 720px) and (max-width: 860px) {
  .ceni-card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; padding: 30px 26px; align-items: center; }
  .ceni-card .price-num { font-size: 5rem; }
  .ceni-card .plan-swap { margin-top: 22px; }
  .ceni-card .btn-block { margin-top: 24px; }
  .mo { height: 52px; font-size: 15px; }
}

/* телефон: цена → годината месец по месец → бутон; без повторения */
@media (max-width: 719.98px) {
  .ceni-card { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .ceni-card .price-main { display: contents; }
  .ceni-card .seg { order: 1; }
  .ceni-card .plan-swap { order: 2; margin-top: 20px; }
  .ceni-card .yr { order: 3; margin-top: 20px; }
  .ceni-card .btn-block { order: 4; margin-top: 20px; }
  .ceni-card .price-note { order: 5; }
  .ceni-card .price-gift { margin-top: 12px; }
  /* редът „Внедряване на място“ под месеците вече казва цената на внедряването (199 € или включено, и по видео) */
  .ceni-card .price-extra { display: none; }
  .ceni-card .price-hint { margin-top: 6px; }
  .months { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; }
  .mo { height: 44px; font-size: 14.5px; border-radius: 10px; }
  .mo-z { font-size: 15.5px; }
}

/* таблет: по две плочки на екран в лентата (и следващата се подава) */
@media (min-width: 600px) and (max-width: 860px) {
  .kt { flex-basis: 47.5%; }
}

/* таблет: „Откъде се връщат“ остава на три колони — светлината тича по трите линии до трите телефона */
@media (min-width: 700px) and (max-width: 860px) {
  .back-cols { gap: 20px; }
  .bc-phone { width: min(224px, 100%); margin-top: 24px; }
  .bc p { font-size: 1rem; }
}

@media (max-width: 699.98px) {
  .back-lines { display: none; }
  /* линията от лентата до числото: по нея тича светлината */
  .back-stem { --stem: 56px; display: block; position: relative; width: 2px; height: var(--stem); margin: 18px auto 0; border-radius: 2px; background: rgba(159, 207, 244, .38); }
  .back-stem::before { content: ""; position: absolute; left: 50%; bottom: -5px; width: 10px; height: 10px; translate: -50% 0; border-radius: 50%;
    background: var(--ice); box-shadow: 0 0 0 4px rgba(var(--glow), .18), 0 0 16px 2px rgba(var(--glow), .9); }
  .back-stem::after { content: ""; position: absolute; left: -1px; right: -1px; bottom: 0; height: 22px; border-radius: 3px; opacity: 0;
    background: linear-gradient(0deg, rgba(230, 244, 255, 0), #e6f4ff 50%, rgba(230, 244, 255, 0)); box-shadow: 0 0 10px 1px rgba(var(--glow), 1); }
  /* на телефон трите места са карти за плъзгане */
  .back-cols { display: flex; gap: 12px; margin: 16px calc(var(--gut) * -1) 0; padding: 4px var(--gut) 12px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; scroll-padding-inline: var(--gut); scrollbar-width: none; }
  .back-cols::-webkit-scrollbar { display: none; }
  .bc { flex: 0 0 84%; scroll-snap-align: start; overflow: hidden; padding: 22px 18px 0; border-radius: var(--r); text-align: left; align-items: stretch;
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015) 70%); box-shadow: inset 0 0 0 1px var(--edge); }
  .bc-text { padding-top: 0; max-width: none; margin-bottom: 18px; }
  .bc-text::before { display: none; }
  .bc h3 { font-size: 1.4rem; }
  /* текстът е винаги два реда място — телефонът започва на една височина и стига до долния ръб и в трите карти */
  .bc p { min-height: 3em; margin-top: 6px; font-size: 1rem; text-wrap: pretty; }
  /* еднаква видима височина: ширина × 2,11 × --cut = 0,874 от картата и в трите */
  .bc-phone { --cut: .56; width: 74%; margin: 0 auto; rotate: 0deg; }
  .bc:nth-child(1) .bc-phone, .bc:nth-child(3) .bc-phone { rotate: 0deg; }
  .bc:nth-child(2) .bc-phone { --cut: .68; width: 61%; }
}
@media (min-width: 600px) and (max-width: 699.98px) {
  .bc { flex-basis: 47.5%; }
}

/* тясна плочка (телефон и по две на екран до 700 px): числото не се свива — свива се изрезът (показва лявата си част) */
@media (max-width: 699.98px) {
  .list-vis { gap: 12px; justify-content: flex-start; }
  .list-num b { font-size: clamp(2.8rem, 12vw, 3.6rem); }
  .list-num span { font-size: 15px; }
  .list-br { display: block; }
}

/* листът с условията на тесен телефон: въпросът и плюсът горе, голямата дума с отговора под тях, вдясно */
@media (max-width: 560px) {
  .paper .faq summary { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "q plus" "big big"; gap: 10px 14px; align-items: center; padding: 18px 0 16px; }
  .t-big { grid-area: big; font-size: 2.1rem; line-height: .95; letter-spacing: -.035em; }
  .paper .faq summary .t-q { grid-area: q; }
  .paper .faq summary .faq-plus { grid-area: plus; }
  /* поантата остава едно равенство на един ред */
  .back-foot { gap: 0 14px; }
  .bf-eq { gap: 10px; font-size: 1.3rem; }
  .bf-one { font-size: 5rem; }
  .bf-t b { font-size: 1.3rem; }
  .bf-t span { font-size: 1rem; }
}

@media (max-width: 380px) {
  /* хората: „души / в цената“ на два реда, по-малки кръгове — редът стои на 16 px от ръба и на 320 px */
  .crew { gap: 16px 12px; }
  .crew-br { display: block; }
  .crew-n b { height: 52px; font-size: 3.9rem; }
  .crew-row { gap: 6px; }
  .crew-row li { min-width: 56px; }
  .crew-row b, .crew-n span { font-size: 13.5px; }
  .crew-row .av { width: 52px; height: 52px; }
  .av .ic { width: 23px; height: 23px; }
  /* месеците по 6 на ред: цифрите не опират в рамката */
  .mo { font-size: 13.5px; }
  .mo-z { font-size: 14.5px; }
  /* поантата: „49 € =“ на свой ред, под него единицата и думите */
  .back-foot { flex-wrap: wrap; row-gap: 10px; }
  .bf-eq { flex: 0 0 100%; justify-content: center; }
}