/* Skweezer v2 — skin v3 (28 Sept 2026). The homepage refresh (home-v3.css) made global: every v2 page loads this
 * right after skweezer.min.css (includes/head_v2.php). Same selectors / specificity as skweezer.css, so source order
 * decides. Type: Bricolage Grotesque for display, Poppins for text, ui-monospace for micro-labels. Surfaces: 1.5px
 * hairline cards, gradient primary buttons, FAQ rows as cards, orange stars. Homepage-only components (tiles, phones,
 * homepage phones) stay in home-v3.css; the steps + picture (.h3dl) and reviews panel (.h3rv) live here because the
 * service pages use them too, which loads after this file on the homepage only.
 */

/* ---- fonts (OFL, self-hosted in /assets/fonts) ---------------------------------------------------------------- */
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/bricolage-grotesque-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/bricolage-grotesque-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/bricolage-grotesque-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/poppins-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/poppins-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/poppins-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/poppins-latin-700-normal.woff2") format("woff2"); }

:root {
  --v3-or: #F35627; --v3-ink: #15161C; --v3-mute: #6B6C78; --v3-mute2: #8B8C98;
  --v3-line: #E4E5EC; --v3-soft: #F4F4FA; --v3-tint: #FFF3EC;
  --v3-btn: linear-gradient(90deg, #F35627, #FF7A3D);
  --v3-disp: 'Bricolage Grotesque', Montserrat, Inter, sans-serif;
  --v3-text: Poppins, Inter, -apple-system, 'Segoe UI', sans-serif;
  --v3-mono: ui-monospace, 'JetBrains Mono', SFMono-Regular, Menlo, monospace;
}

/* ---- type -------------------------------------------------------------------------------------------------------- */
body { font-family: var(--v3-text); }
input, button, select, textarea { font-family: inherit; }
h1, h2, .phero h1, .dest h1, .dest h2, .dest .d-h2, .dest .d-bt, .dest .d-stat__num, .dest .d-svc b,
.dest .d-tp__word, .dest .d-stepper__t, .rvsum__big {
  font-family: var(--v3-disp); letter-spacing: -0.025em;
}
.dest .d-sub { color: var(--v3-mute); }

/* micro-labels: small mono caps */
.dest .d-stat__lbl, .dest .d-bnum, .dest .d-tp__ver, .dest .d-panel__badge, .faq .row .i {
  font-family: var(--v3-mono); text-transform: uppercase; letter-spacing: .08em; font-weight: 600;
}
.dest .d-stat__lbl { font-size: 10px; color: var(--v3-mute2); }
.dest .d-bnum { font-size: 10px; color: var(--v3-mute2); }
.dest .d-tp__ver { font-size: 9.5px; color: #1F9D55; }

/* ---- buttons ------------------------------------------------------------------------------------------------------ */
.btn { border-radius: 14px; }
.btn--p { background: var(--v3-btn); color: #fff; box-shadow: 0 10px 24px rgba(243,86,39,.32); }
.btn--p:hover { background: var(--v3-btn); color: #fff; filter: brightness(1.05); box-shadow: 0 14px 30px rgba(243,86,39,.40); }
.btn--o { border: 1.5px solid var(--v3-line); }
.btn--o:hover { border-color: var(--v3-or); color: var(--v3-or); }

/* ---- cards: 1.5px hairlines, no drop shadow --------------------------------------------------------------------- */
.dest .d-svc { border: 1.5px solid var(--v3-line); border-radius: 18px; box-shadow: none; }
.dest .d-svc:hover { border-color: var(--v3-or); box-shadow: 0 6px 18px rgba(243,86,39,.10); transform: translateY(-2px); }
.dest .d-svc__ico { border-radius: 12px; background: var(--v3-tint); color: var(--v3-or); }
.dest .d-bcard { border: 1.5px solid var(--v3-line); border-radius: 22px; box-shadow: none; }
.dest .d-bcard--dark { border-color: var(--v3-ink); background: var(--v3-ink); }
.dest .d-gcard { border: 1.5px solid var(--v3-line); box-shadow: none; }
.dest .d-gcard:hover { border-color: var(--v3-or); }

/* ---- trust band: one floating sheet ---------------------------------------------------------------------------- */
.dest .d-stats { background: transparent; border: 0; }
.dest .d-stats__row { background: #fff; border: 1.5px solid var(--v3-line); border-radius: 22px; padding: 18px 8px; box-shadow: 0 24px 60px rgba(21,22,28,.08); }
.dest .d-stat + .d-stat { border-left: 1.5px solid var(--v3-soft); }
.dest .d-stat__icon { border-radius: 12px; background: var(--v3-tint); }

/* ---- reviews: orange stars (no Trustpilot-green boxes on our own reviews), hairline cards ------------------------- */
.dest .d-tp__stars i { background: none; color: var(--v3-or); width: auto; height: auto; font-size: 20px; line-height: 1; border-radius: 0; }
.dest .d-tp__stars i.half { background: none; color: #FFB08F; }
.dest .d-tp__stars i.off { background: none; color: #DCDCE6; }
.dest .d-tp__stars--sm i { width: auto; height: auto; font-size: 15px; }
.dest .d-tp__card { border: 1.5px solid var(--v3-line); border-radius: 18px; padding: 20px; box-shadow: none; }
.dest .d-tp__av { background: linear-gradient(135deg, #FF924D, #E0457B); }
.rvbar .track i { background: var(--v3-btn); }
.rvchip { border-radius: 12px; border-width: 1.5px; }
.rvchip.on { background: var(--v3-ink); border-color: var(--v3-ink); color: #fff; }

/* ---- FAQ: each row a card (numbered and clean variants) -------------------------------------------------------- */
.faq { border-top: 0; }
.faq .row { background: #fff; border: 1.5px solid var(--v3-line); border-radius: 18px; padding: 20px 22px; margin-bottom: 10px; }
.faq .row:last-child { border-bottom: 1.5px solid var(--v3-line); }
.faq .row.open { border-color: var(--v3-or); box-shadow: 0 6px 18px rgba(243,86,39,.10); background: linear-gradient(#FFF8F4, #fff); }
.faq .row .i { font-size: 10.5px; padding-top: 5px; }
.faq--clean .row { border-bottom: 1.5px solid var(--v3-line); padding: 20px 22px; }
.faq--clean .row:last-child { border-bottom: 1.5px solid var(--v3-line); }
.faq .row h3, .faq .row .qq > b, .faq--clean .row .qq { font-family: var(--v3-text); font-weight: 600; letter-spacing: -0.01em; }

/* ---- steps + one picture (.h3dl): homepage "How we deliver" and the service pages' "How Skweezer promotes" (Tom, 28 Sept) -------------------------------------------
 * Markup in homepage_v2.php (#deliver). Photos: dl-avatar + dl-face-1..4 (Unsplash, used only here — Tom, 28 Sept: option C). */
.h3dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 18px; align-items: stretch; width: 100%; max-width: 1080px; }
.h3dl__list { display: flex; flex-direction: column; gap: 10px; }
.h3dl__it { all: unset; box-sizing: border-box; cursor: pointer; display: flex; gap: 14px; align-items: flex-start; background: #fff; border: 1.5px solid var(--v3-line); border-radius: 18px; padding: 16px 18px; transition: border-color .25s, box-shadow .25s, background .25s; }
.h3dl__it:hover { border-color: #F7B79C; }
.h3dl__it:focus-visible { outline: 2px solid var(--v3-or); outline-offset: 2px; }
.h3dl__num { flex: none; width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid var(--v3-line); display: grid; place-items: center; font: 600 11px/1 var(--v3-mono); color: var(--v3-mute); transition: all .25s; }
.h3dl__body { flex: 1; min-width: 0; }
.h3dl__t { display: block; font: 700 16px/1.3 var(--v3-disp); letter-spacing: -0.01em; color: var(--v3-ink); }
.h3dl__p { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }
.h3dl__p > span { overflow: hidden; font: 400 13.5px/1.55 var(--v3-text); color: var(--v3-mute); }
.h3dl__bar { display: block; height: 3px; border-radius: 3px; background: var(--v3-soft); margin-top: 0; overflow: hidden; opacity: 0; transition: opacity .25s, margin .25s; }
.h3dl__bar i { display: block; height: 100%; width: 0; background: var(--v3-btn); }
.h3dl__it.is-on { border-color: var(--v3-or); background: linear-gradient(#FFF8F4, #fff); box-shadow: 0 10px 26px rgba(243,86,39,.12); }
.h3dl__it.is-on .h3dl__num { background: var(--v3-btn); border-color: transparent; color: #fff; }
.h3dl__it.is-on .h3dl__p { grid-template-rows: 1fr; margin-top: 6px; }
.h3dl__it.is-on .h3dl__bar { opacity: 1; margin-top: 12px; }
.h3dl.is-run .h3dl__it.is-on .h3dl__bar i { animation: h3dlBar var(--h3dl-dur, 5s) linear forwards; }
.h3dl.is-paused .h3dl__it.is-on .h3dl__bar i { animation-play-state: paused; }
.h3dl.is-static .h3dl__it.is-on .h3dl__bar i { width: 55%; }
@keyframes h3dlBar { from { width: 0; } to { width: 100%; } }

/* the picture: one dark stage, four scenes cross-fading */
.h3dl__pic { position: relative; min-height: 340px; border-radius: 22px; overflow: hidden; background: #15161C; }
.h3dl__pic::before { content: ""; position: absolute; left: 50%; top: 50%; width: 420px; height: 420px; margin: -210px 0 0 -210px; border-radius: 50%; background: radial-gradient(closest-side, rgba(243,86,39,.32), transparent); }
.h3dl__sc { position: absolute; inset: 0; opacity: 0; transform: scale(.97); transition: opacity .45s ease, transform .45s ease; pointer-events: none; }
.h3dl__sc.is-on { opacity: 1; transform: none; }
.h3dl__cap { position: absolute; left: 18px; bottom: 16px; font: 600 10px/1 var(--v3-mono); letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.42); }
.h3dl__sc i, .h3dl__sc b, .h3dl__sc span { font-style: normal; }
.h3dl-av { position: absolute; border-radius: 50%; background: center / cover no-repeat; }
.h3dl-chip { position: absolute; background: #fff; color: #15161C; border-radius: 999px; padding: 6px 11px; font: 600 11px/1 var(--v3-text); box-shadow: 0 8px 20px rgba(0,0,0,.3); }

/* scene 1 — we look at your account: the profile, a scan ring, what we read */
.h3dl-s1 .h3dl-av { left: 50%; top: 50%; width: 92px; height: 92px; margin: -58px 0 0 -46px; background-image: url("../images/home/dl-avatar.webp"); box-shadow: 0 0 0 4px #15161C, 0 0 0 5.5px rgba(255,255,255,.25); }
.h3dl-s1 .ring { position: absolute; left: 50%; top: 50%; width: 170px; height: 170px; margin: -97px 0 0 -85px; border-radius: 50%; border: 1.5px dashed rgba(255,146,77,.55); }
.h3dl-s1 .ring::after { content: ""; position: absolute; inset: -1.5px; border-radius: 50%; border: 2px solid transparent; border-top-color: #FF924D; animation: h3dlSpin 2.4s linear infinite; }
.h3dl-s1 .c1 { left: calc(50% - 150px); top: 64px; }
.h3dl-s1 .c2 { left: calc(50% + 78px); top: 92px; }
.h3dl-s1 .c3 { left: calc(50% - 128px); top: 212px; }
.h3dl-s1 .c4 { left: calc(50% + 70px); top: 226px; }
.h3dl-s1 .h3dl-chip em { font-style: normal; color: #F35627; margin-right: 5px; }
@keyframes h3dlSpin { to { transform: rotate(360deg); } }

/* scene 2 — we set up the campaign: a plan card with three settings */
.h3dl-s2 .card { position: absolute; left: 50%; top: 50%; width: 270px; transform: translate(-50%, -54%); background: #fff; border-radius: 16px; padding: 16px 16px 14px; box-shadow: 0 20px 40px rgba(0,0,0,.35); }
.h3dl-s2 .hd { display: flex; align-items: center; gap: 10px; }
.h3dl-s2 .hd .h3dl-av { position: static; width: 34px; height: 34px; background-image: url("../images/home/dl-avatar.webp"); flex: none; }
.h3dl-s2 .hd b { font: 700 13.5px/1.2 var(--v3-text); color: #15161C; }
.h3dl-s2 .hd small { display: block; font: 500 10.5px/1.3 var(--v3-mono); letter-spacing: .06em; color: #8B8C98; text-transform: uppercase; }
.h3dl-s2 .set { margin-top: 13px; }
.h3dl-s2 .set span { display: flex; justify-content: space-between; font: 600 10px/1 var(--v3-mono); letter-spacing: .07em; text-transform: uppercase; color: #6B6C78; }
.h3dl-s2 .set span b { color: #15161C; font-weight: 700; }
.h3dl-s2 .trk { position: relative; display: block; height: 6px; border-radius: 6px; background: #F4F4FA; margin-top: 7px; }
.h3dl-s2 .trk i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 6px; background: linear-gradient(90deg, #F35627, #FF924D); }
.h3dl-s2 .trk i::after { content: ""; position: absolute; right: -7px; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px #F35627; }
.h3dl-s2.is-on .trk i { animation: h3dlSlide 1.1s cubic-bezier(.2,.9,.3,1) both; }
.h3dl-s2.is-on .set:nth-of-type(3) .trk i { animation-delay: .15s; }
.h3dl-s2.is-on .set:nth-of-type(4) .trk i { animation-delay: .3s; }
@keyframes h3dlSlide { from { width: 8%; } }

/* scene 3 — we show your account: a sponsored card, the community around it */
.h3dl-s3 .card { position: absolute; left: 50%; top: 50%; width: 250px; transform: translate(-50%, -54%); background: #fff; border-radius: 16px; padding: 14px; box-shadow: 0 20px 40px rgba(0,0,0,.35); }
.h3dl-s3 .sp { display: inline-block; font: 600 9px/1 var(--v3-mono); letter-spacing: .08em; color: #8B8C98; background: #F4F4FA; border-radius: 5px; padding: 5px 6px; }
.h3dl-s3 .u { display: flex; gap: 10px; align-items: center; margin-top: 10px; }
.h3dl-s3 .u .h3dl-av { position: static; width: 38px; height: 38px; background-image: url("../images/home/dl-avatar.webp"); flex: none; }
.h3dl-s3 .u b { font: 700 14px/1.2 var(--v3-text); color: #15161C; }
.h3dl-s3 .u small { display: block; font-size: 11.5px; color: #6B6C78; }
.h3dl-s3 .go { display: block; margin-top: 12px; background: linear-gradient(90deg, #F35627, #FF7A3D); color: #fff; border-radius: 10px; text-align: center; font: 600 12.5px/34px var(--v3-text); }
.h3dl-s3 > .h3dl-av { width: 40px; height: 40px; border: 3px solid #15161C; }
.h3dl-s3 .f1 { left: 13%; top: 16%; background-image: url("../images/home/dl-face-1.webp"); }
.h3dl-s3 .f2 { right: 15%; top: 12%; background-image: url("../images/home/dl-face-2.webp"); }
.h3dl-s3 .f3 { left: 17%; bottom: 17%; background-image: url("../images/home/dl-face-3.webp"); }
.h3dl-s3 .f4 { right: 12%; bottom: 23%; background-image: url("../images/home/dl-face-4.webp"); }
.h3dl-s3.is-on > .h3dl-av { animation: h3dlPop .5s cubic-bezier(.2,1.4,.4,1) both; }
.h3dl-s3.is-on .f2 { animation-delay: .12s; } .h3dl-s3.is-on .f3 { animation-delay: .24s; } .h3dl-s3.is-on .f4 { animation-delay: .36s; }
@keyframes h3dlPop { from { opacity: 0; transform: scale(.4); } }

/* scene 4 — people decide: the profile, a follow, the count moving */
.h3dl-s4 .card { position: absolute; left: 50%; top: 50%; width: 260px; transform: translate(-50%, -54%); background: #fff; border-radius: 16px; padding: 16px; box-shadow: 0 20px 40px rgba(0,0,0,.35); text-align: center; }
.h3dl-s4 .card > .h3dl-av { position: relative; display: block; width: 62px; height: 62px; margin: 0 auto; background-image: url("../images/home/dl-avatar.webp"); }
.h3dl-s4 .card b { display: block; margin-top: 8px; font: 700 14px/1.2 var(--v3-text); color: #15161C; }
.h3dl-s4 .cnt { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; background: #FFF3EC; color: #F35627; border-radius: 999px; padding: 6px 12px; font: 700 12.5px/1 var(--v3-text); }
.h3dl-s4 .cnt small { color: #15161C; font-weight: 600; }
.h3dl-s4 .days { display: block; margin-top: 8px; font: 600 10px/1 var(--v3-mono); letter-spacing: .07em; color: #8B8C98; text-transform: uppercase; }
.h3dl-s4 .row { display: flex; justify-content: center; margin-top: 12px; }
.h3dl-s4 .row .h3dl-av { position: static; width: 28px; height: 28px; border: 2.5px solid #fff; margin-left: -8px; }
.h3dl-s4 .row .h3dl-av:first-child { margin-left: 0; }
.h3dl-s4 .row .r1 { background-image: url("../images/home/dl-face-1.webp"); } .h3dl-s4 .row .r2 { background-image: url("../images/home/dl-face-2.webp"); }
.h3dl-s4 .row .r3 { background-image: url("../images/home/dl-face-3.webp"); } .h3dl-s4 .row .r4 { background-image: url("../images/home/dl-face-4.webp"); }
.h3dl-s4 .hrt { position: absolute; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F35627'%3E%3Cpath d='M12 21s-8-4.7-8-10a4.6 4.6 0 0 1 8-3.1A4.6 4.6 0 0 1 20 11c0 5.3-8 10-8 10z'/%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 4px 8px rgba(243,86,39,.45)); }
.h3dl-s4 .h1 { right: calc(50% - 170px); top: 70px; } .h3dl-s4 .h2 { left: calc(50% - 176px); top: 150px; width: 18px; height: 18px; opacity: .7; } .h3dl-s4 .h3 { right: calc(50% - 160px); bottom: 70px; width: 16px; height: 16px; opacity: .55; }
.h3dl-s4.is-on .hrt { animation: h3dlFloat 2.6s ease-in-out infinite; }
@keyframes h3dlFloat { 50% { transform: translateY(-8px); } }

/* phones: picture on top (shorter), steps as an accordion under it */
@media (max-width: 760px) {
  .h3dl { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .h3dl__pic { order: -1; min-height: 230px; }
  .h3dl__it { padding: 13px 14px; }
  .h3dl__t { font-size: 15px; }
  .h3dl-s2 .card, .h3dl-s3 .card, .h3dl-s4 .card { transform: translate(-50%, -54%) scale(.86); }
  .h3dl-s3 > .h3dl-av { width: 32px; height: 32px; }
  .h3dl-s3 .f1 { left: 12px; top: 14px; } .h3dl-s3 .f2 { right: 12px; top: 14px; } .h3dl-s3 .f3 { left: 12px; bottom: 36px; } .h3dl-s3 .f4 { right: 12px; bottom: 36px; }
  .h3dl-s1 .c1 { left: 14px; top: 26px; } .h3dl-s1 .c2 { left: auto; right: 14px; top: 44px; }
  .h3dl-s1 .c3 { left: 18px; top: 160px; } .h3dl-s1 .c4 { left: auto; right: 16px; top: 172px; }
}
@media (prefers-reduced-motion: reduce) { .h3dl * { animation: none !important; transition: none !important; } }

/* ---- reviews: score panel + cards (.h3rv) — homepage #reviews and the service pages (Tom, 28 Sept) */
.h3rv { margin: 0 auto; display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 16px; width: 100%; max-width: 1120px; }
.h3rv__sum { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 10px; background: var(--v3-ink); color: #fff; border-radius: 22px; padding: 26px; }
.h3rv__sum::before { content: ""; position: absolute; right: -60px; top: -60px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(closest-side, rgba(243,86,39,.35), transparent); pointer-events: none; }
.h3rv__word { font: 600 11px/1 var(--v3-mono); letter-spacing: .1em; text-transform: uppercase; color: #FF924D; }
.h3rv__score { font: 800 64px/1 var(--v3-disp); letter-spacing: -0.04em; }
.h3rv__score small { font-size: 24px; color: var(--v3-mute2); letter-spacing: 0; }
.h3rv__meta { margin: 0; color: #A9AAB5; font-size: 13.5px; line-height: 1.5; }
.h3rv__meta b { color: #fff; font-weight: 600; }
.h3rv__btn { position: relative; margin-top: auto; display: block; text-decoration: none; background: var(--v3-btn); color: #fff; border-radius: 12px; text-align: center; font: 600 14px/46px var(--v3-text); box-shadow: 0 10px 24px rgba(243,86,39,.32); }
.h3rv__btn:hover { filter: brightness(1.05); color: #fff; }
.h3rv__stars { display: inline-flex; gap: 3px; }
.h3rv__stars i { width: 17px; height: 17px; background: var(--v3-or); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8l3.1 6.6 7.2.9-5.3 5 1.4 7.1L12 17.9l-6.4 3.5L7 14.3l-5.3-5 7.2-.9z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8l3.1 6.6 7.2.9-5.3 5 1.4 7.1L12 17.9l-6.4 3.5L7 14.3l-5.3-5 7.2-.9z'/%3E%3C/svg%3E") center / contain no-repeat; }
.h3rv__stars i.half { background: linear-gradient(90deg, var(--v3-or) 50%, rgba(255,255,255,.25) 50%); }
.h3rv__stars i.off { background: rgba(255,255,255,.25); }
.h3rv__stars--sm i { width: 14px; height: 14px; }
.h3rv__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.h3rv__card { position: relative; display: flex; flex-direction: column; gap: 10px; background: #fff; border: 1.5px solid var(--v3-line); border-radius: 20px; padding: 22px 22px 18px; }
.h3rv__q { position: absolute; right: 18px; top: 2px; font: 800 64px/1 var(--v3-disp); color: #FFE3D6; }
.h3rv__row { display: flex; align-items: center; gap: 10px; }
.h3rv__ver { font: 600 9.5px/1 var(--v3-mono); letter-spacing: .08em; text-transform: uppercase; color: #1F9D55; }
.h3rv__t { font: 700 17px/1.25 var(--v3-disp); letter-spacing: -0.01em; color: var(--v3-ink); }
.h3rv__card p { flex: 1; margin: 0; color: var(--v3-mute); font-size: 14px; line-height: 1.55; }
.h3rv__who { display: flex; align-items: center; gap: 10px; border-top: 1.5px solid var(--v3-soft); padding-top: 12px; margin-top: 4px; }
.h3rv__av { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #FF924D, #E0457B); color: #fff; display: grid; place-items: center; font: 700 14px/1 var(--v3-disp); font-style: normal; flex: none; }
.h3rv__who b { font: 600 13.5px/1.2 var(--v3-text); color: var(--v3-ink); }
.h3rv--4 .h3rv__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.h3rv__card .h3rv__stars i.off { background: #DCDCE6; }
.h3rv__who small { margin-left: auto; font: 500 12px/1 var(--v3-text); color: var(--v3-mute2); }
@media (max-width: 900px) {
  .h3rv { grid-template-columns: minmax(0, 1fr); }
  .h3rv__sum { padding: 20px; }
  .h3rv__score { font-size: 48px; }
  .h3rv__cards, .h3rv--4 .h3rv__cards { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; margin-right: -16px; padding-right: 16px; }
  .h3rv__card { scroll-snap-align: start; }
}

@media (max-width: 760px) {
  .dest .d-stats__row { padding: 10px 4px; }
  .faq .row { grid-template-columns: 34px 1fr 30px; gap: 12px; padding: 16px; }
}