/* Star Taxi – Design 2026 (Google Stitch "Dynamic Mobility"). Scope: body.stx-2026 only.
   Stable classes stx-*; no numbered Avada selectors. v0.1.0 */

body.stx-2026 {
	--stx-950: #020617; --stx-900: #0f172a; --stx-800: #1e293b; --stx-700: #334155; --stx-600: #475569;
	--stx-500: #64748b; --stx-400: #94a3b8; --stx-300: #cbd5e1; --stx-200: #e2e8f0; --stx-100: #f1f5f9; --stx-50: #f8fafc;
	--stx-amber: #f59e0b; --stx-amber-50: #fffbeb; --stx-amber-100: #fef3c7; --stx-amber-200: #fde68a; --stx-amber-300: #fcd34d;
	--stx-amber-600: #d97706; --stx-amber-700: #b45309; --stx-amber-800: #92400e; --stx-amber-900: #78350f; --stx-gold: #ffc800;
	--stx-green: #10b981; --stx-green-50: #ecfdf5; --stx-green-200: #a7f3d0; --stx-green-600: #059669; --stx-green-700: #047857; --stx-green-800: #065f46;
	--stx-sky-50: #f0f9ff; --stx-sky-300: #7dd3fc; --stx-sky-600: #0284c7; --stx-sky-700: #0369a1;
	--stx-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--stx-max: 1312px; --stx-pad: 64px;
	--body_typography-font-family: var(--stx-font); --body_typography-color: var(--stx-800);
	--h1_typography-font-family: var(--stx-font); --h2_typography-font-family: var(--stx-font); --h3_typography-font-family: var(--stx-font);
	--h4_typography-font-family: var(--stx-font); --h5_typography-font-family: var(--stx-font); --h6_typography-font-family: var(--stx-font);
	--nav_typography-font-family: var(--stx-font); --button_typography-font-family: var(--stx-font);
	--link_color: var(--stx-amber-700); --link_hover_color: var(--stx-amber-800);
	background: #fff !important; color: var(--stx-800); font-family: var(--stx-font);
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
body.stx-2026 #boxed-wrapper, body.stx-2026 #wrapper, body.stx-2026 #main, body.stx-2026 .fusion-footer,
body.stx-2026 .fusion-tb-header, body.stx-2026 .fusion-tb-footer { background: transparent !important; }
body.stx-2026 #main { padding: 0 !important; }
body.stx-2026 #wrapper :where(p, li, a, span, strong, h1, h2, h3, h4, blockquote, button, input) { font-family: var(--stx-font); }
body.stx-2026 ::selection { background: #fbbf24; color: #000; }

/* ---------- section frame (max 1440 = 1312 + 2×64) ---------- */
body.stx-2026 .stx-sec, body.stx-2026 .stx-ftr, body.stx-2026 .stx-hdr {
	padding-left: var(--stx-pad) !important; padding-right: var(--stx-pad) !important;
}
body.stx-2026 .stx-sec > .fusion-builder-row, body.stx-2026 .stx-ftr > .fusion-builder-row, body.stx-2026 .stx-hdr > .fusion-builder-row {
	max-width: var(--stx-max) !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important;
}
body.stx-2026 .stx-sec { padding-top: 64px !important; padding-bottom: 64px !important; border-bottom: 1px solid rgba(226,232,240,.8); position: relative; overflow: hidden; }
body.stx-2026 .fusion-layout-column { margin-bottom: 0; }
body.stx-2026 .fusion-text { margin-bottom: 0 !important; }
body.stx-2026 .fusion-text p { margin: 0; }
body.stx-2026 .fusion-title { margin: 0 !important; }

/* ---------- typography ---------- */
body.stx-2026 .stx-h1 h1 { font-size: 56px !important; line-height: 1.08 !important; letter-spacing: -0.03em !important; font-weight: 800 !important; color: var(--stx-950) !important; margin: 0 !important; }
body.stx-2026 .stx-h2 h2 { font-size: 40px !important; line-height: 48px !important; letter-spacing: -0.02em !important; font-weight: 800 !important; color: var(--stx-950) !important; margin: 0 !important; }
body.stx-2026 .stx-h-display h2 { font-size: 56px !important; line-height: 1.1 !important; letter-spacing: -0.03em !important; font-weight: 800 !important; color: var(--stx-950) !important; margin: 0 !important; }
body.stx-2026 .stx-h3 h3 { font-size: 24px !important; line-height: 32px !important; letter-spacing: -0.01em !important; font-weight: 700 !important; color: var(--stx-950) !important; margin: 0 !important; }
body.stx-2026 .stx-accent { color: var(--stx-amber); }
body.stx-2026 .stx-lead p { font-size: 18px; line-height: 1.6; color: var(--stx-600); max-width: 672px; }
body.stx-2026 .stx-eyebrow p { font-size: 10px; line-height: 14px; letter-spacing: .1em; text-transform: uppercase; font-weight: 800; color: var(--stx-amber-600); }
body.stx-2026 .stx-sub p { font-size: 16px; line-height: 24px; color: var(--stx-600); max-width: 672px; }
body.stx-2026 .stx-body p { font-size: 14px; line-height: 1.65; color: var(--stx-600); }
body.stx-2026 .stx-head .fusion-column-wrapper { gap: 8px; }

/* small UI atoms */
body.stx-2026 .stx-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--stx-amber); flex: none; }
body.stx-2026 .stx-dot-green { background: var(--stx-green); width: 8px; height: 8px; }
body.stx-2026 .stx-pulse { animation: stx-pulse 2s cubic-bezier(.4,0,.6,1) infinite; }
body.stx-2026 .stx-ping { position: relative; }
body.stx-2026 .stx-ping::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: inherit; animation: stx-ping 1s cubic-bezier(0,0,.2,1) infinite; }
@keyframes stx-pulse { 50% { opacity: .5; } }
@keyframes stx-ping { 75%, 100% { transform: scale(2); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { body.stx-2026 .stx-pulse, body.stx-2026 .stx-ping::after { animation: none; } }
body.stx-2026 .stx-sep { color: var(--stx-400); margin: 0 6px; }
body.stx-2026 .stx-stars { display: inline-flex; gap: 2px; color: var(--stx-amber); font-size: 14px; }

/* ---------- HEADER ---------- */
body.stx-2026 .stx-hdr { background: rgba(255,255,255,.95) !important; -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); border-bottom: 1px solid var(--stx-200) !important; box-shadow: 0 1px 2px rgba(0,0,0,.05); min-height: 80px; z-index: 50; }
body.stx-2026 .stx-hdr > .fusion-builder-row { min-height: 80px; flex-wrap: nowrap !important; align-items: center; }
body.stx-2026 .stx-hdr .fusion-layout-column { width: auto !important; flex: 0 0 auto; margin: 0 !important; }
body.stx-2026 .stx-hdr .stx-hdr-nav { flex: 1 1 auto !important; }
body.stx-2026 .stx-hdr-brand .fusion-column-wrapper { flex-direction: row !important; align-items: center !important; gap: 12px; flex-wrap: nowrap !important; }
body.stx-2026 .stx-logo, body.stx-2026 .stx-logo img { width: 40px !important; height: 40px !important; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.08); display: block; }
body.stx-2026 .stx-brand a { display: flex; flex-direction: column; text-decoration: none; }
body.stx-2026 .stx-hdr .stx-brand strong { font-size: 20px; line-height: 28px; font-weight: 700; letter-spacing: -0.025em; color: var(--stx-900); }
body.stx-2026 .stx-hdr .stx-brand a:hover strong { color: var(--stx-amber-600); }
body.stx-2026 .stx-hdr .stx-brand span { font-size: 10px; line-height: 14px; letter-spacing: .05em; text-transform: uppercase; font-weight: 600; color: var(--stx-500); }
body.stx-2026 .stx-nav { --awb-gap: 24px; }
body.stx-2026 .stx-nav .awb-menu__main-ul { justify-content: center; gap: 24px; }
body.stx-2026 .stx-nav .awb-menu__main-li { margin: 0 !important; }
body.stx-2026 .stx-nav .awb-menu__main-a { padding: 8px 0 !important; min-height: 0 !important; font-size: 14px !important; line-height: 20px; letter-spacing: .01em; font-weight: 600 !important; color: var(--stx-600) !important; border-bottom: 2px solid transparent; background: none !important; text-transform: none !important; }
body.stx-2026 .stx-nav .awb-menu__main-a:hover { color: var(--stx-950) !important; }
body.stx-2026 .stx-nav .current-menu-item > .awb-menu__main-a:not([href*="#"]) { color: var(--stx-950) !important; font-weight: 700 !important; border-bottom-color: var(--stx-amber); }
body.stx-2026 .stx-nav .awb-menu__m-toggle { color: var(--stx-900) !important; background: var(--stx-100) !important; border-radius: 12px; padding: 8px 12px !important; }
body.stx-2026 .stx-nav .awb-menu__m-toggle-inner, body.stx-2026 .stx-nav .awb-menu__m-collapse-icon { color: var(--stx-900) !important; }
body.stx-2026 .stx-hdr-lang .fusion-column-wrapper { align-items: flex-end !important; }
body.stx-2026 .stx-lang { display: inline-flex; align-items: center; background: var(--stx-100); border: 1px solid var(--stx-200); border-radius: 999px; padding: 4px; }
body.stx-2026 .stx-lang a { padding: 4px 10px; border-radius: 999px; font-size: 10px; line-height: 14px; letter-spacing: .05em; font-weight: 600; color: var(--stx-500); text-decoration: none; }
body.stx-2026 .stx-lang a:hover { color: var(--stx-900); }
body.stx-2026 .stx-lang a.is-active { background: #fff; color: var(--stx-900); font-weight: 700; box-shadow: 0 1px 2px rgba(0,0,0,.06); }

/* ---------- HERO ---------- */
body.stx-2026 .stx-hero { background: #fff !important; }
body.stx-2026 .stx-hero::before, body.stx-2026 .stx-hero::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; }
body.stx-2026 .stx-hero::before { top: -160px; left: 25%; width: 520px; height: 520px; background: radial-gradient(circle, rgba(253,230,138,.55) 0%, rgba(253,230,138,0) 70%); }
body.stx-2026 .stx-hero::after { top: 50%; right: -128px; width: 450px; height: 450px; background: radial-gradient(circle, rgba(167,243,208,.35) 0%, rgba(167,243,208,0) 70%); }
body.stx-2026 .stx-hero > .fusion-builder-row { position: relative; z-index: 1; }
body.stx-2026 .stx-hero-copy .fusion-column-wrapper { gap: 24px; }
body.stx-2026 .stx-pill { align-self: flex-start; }
body.stx-2026 .stx-pill p { display: inline-flex; align-items: center; gap: 8px; padding: 4px 16px; border-radius: 999px; background: var(--stx-amber-50); border: 1px solid rgba(253,230,138,.8); box-shadow: 0 1px 2px rgba(0,0,0,.04); font-size: 10px; line-height: 14px; letter-spacing: .05em; font-weight: 600; color: var(--stx-600); }
body.stx-2026 .stx-pill strong { color: var(--stx-amber-900); font-weight: 700; }
body.stx-2026 .stx-pill .stx-sep { margin: 0; }
body.stx-2026 .stx-hero-copy .stx-lead { margin-top: -12px !important; }
body.stx-2026 .stx-rating p { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--stx-600); font-weight: 500; }
body.stx-2026 .stx-rating strong { font-size: 12px; font-weight: 800; color: var(--stx-900); }
body.stx-2026 .stx-rating .stx-stars { font-size: 16px; }
body.stx-2026 .stx-rating .stx-sep { margin: 0; }
body.stx-2026 .stx-hero-visual .fusion-column-wrapper { align-items: center !important; justify-content: center; position: relative; }
body.stx-2026 .stx-hero-visual .fusion-column-wrapper::before { content: ""; position: absolute; width: 288px; height: 288px; border-radius: 50%; background: radial-gradient(circle, rgba(252,211,77,.45) 0%, rgba(252,211,77,0) 70%); }
body.stx-2026 .stx-phone { position: relative; z-index: 1; max-width: 371px !important; }
body.stx-2026 .stx-phone img { width: 371px; height: auto; border-radius: 52px; box-shadow: 0 25px 50px -12px rgba(0,0,0,.25); }

/* store buttons */
body.stx-2026 .stx-hero-copy .fusion-column-wrapper > .fusion-button-wrapper, body.stx-2026 .stx-cta-copy .fusion-column-wrapper > .fusion-button-wrapper { display: inline-block; }
body.stx-2026 .stx-hero-copy .fusion-column-wrapper, body.stx-2026 .stx-cta-copy .fusion-column-wrapper { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center; align-content: center; }
body.stx-2026 .stx-hero-copy .fusion-column-wrapper > :not(:has(> a.stx-store)),
body.stx-2026 .stx-cta-copy .fusion-column-wrapper > :not(:has(> a.stx-store)) { flex: 0 0 100%; }
body.stx-2026 .fusion-column-wrapper > div:has(> a.stx-store) { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; }
body.stx-2026 .stx-hero-copy .fusion-column-wrapper { column-gap: 16px; }
body.stx-2026 .stx-cta-copy .fusion-column-wrapper { column-gap: 12px; row-gap: 16px; }
body.stx-2026 a.stx-store { top: auto !important; bottom: auto !important; position: relative; display: inline-flex !important; align-items: center; gap: 12px; padding: 12px 20px !important; border-radius: 16px !important; border: 0 !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1); transition: all .15s ease; text-align: left; line-height: 1; width: auto !important; }
body.stx-2026 a.stx-store:hover { box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); }
body.stx-2026 a.stx-store:active { transform: scale(.95); }
body.stx-2026 a.stx-store .fusion-button-text { display: flex; flex-direction: column; text-align: left; }
body.stx-2026 a.stx-store i { font-size: 24px !important; margin: 0 !important; width: 24px; text-align: center; }
body.stx-2026 a.stx-store .stx-sb-s { font-size: 10px; line-height: 1.25; text-transform: uppercase; letter-spacing: .025em; font-weight: 600; }
body.stx-2026 a.stx-store .stx-sb-l { font-size: 16px; line-height: 1.25; font-weight: 700; margin-top: 2px; }
body.stx-2026 a.stx-store-dark { background: var(--stx-950) !important; }
body.stx-2026 a.stx-store-dark:hover { background: var(--stx-900) !important; }
body.stx-2026 a.stx-store-dark .stx-sb-s { color: var(--stx-400); }
body.stx-2026 a.stx-store-dark .stx-sb-l, body.stx-2026 a.stx-store-dark i { color: #fff !important; }
body.stx-2026 a.stx-store-dark.stx-store-gp i { color: #34d399 !important; }
body.stx-2026 a.stx-store-dark.stx-store-hw i { color: #f43f5e !important; }
body.stx-2026 a.stx-store-light { background: #fff !important; border: 1px solid var(--stx-200) !important; box-shadow: 0 1px 2px rgba(0,0,0,.05); padding: 12px 16px !important; }
body.stx-2026 a.stx-store-light:hover { background: var(--stx-50) !important; }
body.stx-2026 a.stx-store-light .stx-sb-s { color: var(--stx-500); line-height: 1; }
body.stx-2026 a.stx-store-light .stx-sb-l { color: var(--stx-950); font-size: 14px; line-height: 1; margin-top: 4px; }
body.stx-2026 a.stx-store-light i { color: var(--stx-950) !important; }
body.stx-2026 a.stx-store-light.stx-store-gp i { color: var(--stx-green-600) !important; }
body.stx-2026 a.stx-store-light.stx-store-hw i { color: #e11d48 !important; }

/* ---------- STATS ---------- */
body.stx-2026 .stx-stats { background: var(--stx-100) !important; padding-top: 32px !important; padding-bottom: 32px !important; }
body.stx-2026 .stx-stats > .fusion-builder-row { row-gap: 24px; }
body.stx-2026 .stx-stat .fusion-column-wrapper { background: #fff; border: 1px solid rgba(226,232,240,.9); border-radius: 16px; padding: 16px !important; box-shadow: 0 1px 2px rgba(0,0,0,.05); transition: box-shadow .2s; height: 100%; }
body.stx-2026 .stx-stat .fusion-column-wrapper:hover { box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1); }
body.stx-2026 .stx-stat-n { display: flex; align-items: baseline; gap: 4px; }
body.stx-2026 .stx-num { font-size: 56px; line-height: 64px; letter-spacing: -0.03em; font-weight: 800; color: var(--stx-950); }
body.stx-2026 .stx-unit { font-size: 40px; line-height: 48px; letter-spacing: -0.02em; font-weight: 700; color: var(--stx-amber); }
body.stx-2026 .stx-unit-green { color: var(--stx-green-600); }
body.stx-2026 .stx-stat-l { font-size: 14px; line-height: 20px; font-weight: 700; color: var(--stx-900); margin-top: 4px !important; }
body.stx-2026 .stx-stat-s { font-size: 12px; line-height: 18px; font-weight: 500; color: var(--stx-500); margin-top: 2px !important; }
body.stx-2026 .stx-stats-note .fusion-text, body.stx-2026 .stx-stats-note { width: 100%; }
body.stx-2026 .stx-stats-note { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding-top: 0; }
body.stx-2026 .stx-stats-note p { font-size: 14px; line-height: 20px; color: var(--stx-600); }
body.stx-2026 .stx-stats-note strong { color: var(--stx-950); font-weight: 700; }
body.stx-2026 .stx-stats-note .stx-live { display: inline-flex; align-items: center; gap: 8px; font-size: 10px; letter-spacing: .05em; font-weight: 600; color: var(--stx-500); }

/* ---------- section heads ---------- */
body.stx-2026 .stx-advs, body.stx-2026 .stx-cities { background: #fff !important; }
body.stx-2026 .stx-segs, body.stx-2026 .stx-testi { background: var(--stx-50) !important; }
body.stx-2026 .stx-advs > .fusion-builder-row, body.stx-2026 .stx-segs > .fusion-builder-row,
body.stx-2026 .stx-cities > .fusion-builder-row, body.stx-2026 .stx-testi > .fusion-builder-row { row-gap: 24px; }
body.stx-2026 .stx-head { margin-bottom: 24px !important; }
body.stx-2026 .stx-segs .stx-head { margin-bottom: 24px !important; }

/* ---------- cards ---------- */
body.stx-2026 .stx-card > .fusion-column-wrapper { border-radius: 24px; border: 1px solid var(--stx-200); transition: all .3s; height: 100%; position: relative; overflow: hidden; }
body.stx-2026 .stx-adv > .fusion-column-wrapper { background: var(--stx-50); padding: 32px !important; display: grid !important; grid-template-columns: 56px 1fr; column-gap: 16px; row-gap: 16px; align-content: start; }
body.stx-2026 .stx-adv > .fusion-column-wrapper > * { grid-column: 1 / -1; }
body.stx-2026 .stx-adv > .fusion-column-wrapper > .fontawesome-icon, body.stx-2026 .stx-adv .stx-adv-ico { grid-column: 1; grid-row: 1; }
body.stx-2026 .stx-adv > .fusion-column-wrapper > .stx-h3 { grid-column: 2; grid-row: 1; align-self: center; }
body.stx-2026 .stx-adv .stx-strip { align-self: end; margin-top: 8px !important; }
body.stx-2026 .stx-adv:hover > .fusion-column-wrapper { box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); }
body.stx-2026 .stx-adv.stx-tone-amber:hover > .fusion-column-wrapper { border-color: var(--stx-amber-300); }
body.stx-2026 .stx-adv.stx-tone-green:hover > .fusion-column-wrapper { border-color: #6ee7b7; }
body.stx-2026 .stx-adv.stx-tone-sky:hover > .fusion-column-wrapper { border-color: var(--stx-sky-300); }
body.stx-2026 i.stx-adv-ico { width: 56px !important; height: 56px !important; line-height: 54px !important; border-radius: 16px !important; font-size: 24px !important; text-align: center; margin: 0 !important; box-shadow: 0 1px 2px rgba(0,0,0,.05); transition: transform .2s; border: 1px solid; }
body.stx-2026 .stx-adv:hover i.stx-adv-ico { transform: scale(1.05); }
body.stx-2026 .stx-tone-amber i.stx-adv-ico { background: var(--stx-amber-100) !important; border-color: var(--stx-amber-200) !important; color: var(--stx-amber-700) !important; }
body.stx-2026 .stx-tone-green i.stx-adv-ico { background: var(--stx-green-50) !important; border-color: var(--stx-green-200) !important; color: var(--stx-green-600) !important; }
body.stx-2026 .stx-tone-sky i.stx-adv-ico { background: rgba(14,165,233,.1) !important; border-color: var(--stx-sky-300) !important; color: var(--stx-sky-600) !important; }
body.stx-2026 .stx-strip p { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 12px; border-radius: 12px; background: #fff; border: 1px solid var(--stx-200); box-shadow: 0 1px 1px rgba(0,0,0,.03); font-size: 12px; line-height: 16px; letter-spacing: .02em; }
body.stx-2026 .stx-strip-l { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--stx-800); }
body.stx-2026 .stx-strip-l i { font-size: 15px; }
body.stx-2026 .stx-tone-amber .stx-strip-l i { color: var(--stx-amber); }
body.stx-2026 .stx-tone-green .stx-strip-l i { color: var(--stx-green-600); }
body.stx-2026 .stx-strip-r { font-weight: 800; color: var(--stx-amber-700); }
body.stx-2026 .stx-strip-r.stx-muted { font-size: 10px; font-weight: 600; color: var(--stx-500); letter-spacing: .05em; }
body.stx-2026 .stx-strip-icons { display: inline-flex; gap: 8px; color: var(--stx-600); font-size: 16px; }

/* segment cards */
body.stx-2026 .stx-seg > .fusion-column-wrapper { background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.05); padding: 0 !important; gap: 0; }
body.stx-2026 .stx-seg:hover > .fusion-column-wrapper { box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1); }
body.stx-2026 .stx-seg-img, body.stx-2026 .stx-seg-img a { display: block !important; width: 100%; height: 224px; overflow: hidden; margin: 0 !important; }
body.stx-2026 .stx-seg-img img { width: 100%; height: 224px; object-fit: cover; display: block; }
body.stx-2026 .stx-img-badge { position: absolute !important; top: 16px; left: 16px; z-index: 2; }
body.stx-2026 .stx-img-badge p { padding: 4px 12px; border-radius: 999px; background: rgba(255,255,255,.95); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); font-size: 10px; line-height: 14px; letter-spacing: .05em; font-weight: 700; color: var(--stx-amber-700); border: 1px solid var(--stx-200); box-shadow: 0 1px 2px rgba(0,0,0,.05); }
body.stx-2026 .stx-tone-sky .stx-img-badge p { color: var(--stx-sky-700); }
body.stx-2026 .stx-seg .stx-h3 { padding: 32px 32px 0 !important; }
body.stx-2026 .stx-seg .stx-body { padding: 12px 32px 0; }
body.stx-2026 .stx-seg .stx-check { padding: 8px 32px 0 !important; margin: 0 !important; }
body.stx-2026 .stx-check .fusion-li-item { margin: 0 0 8px !important; padding: 0 !important; display: flex; align-items: center; gap: 8px; }
body.stx-2026 .stx-check .icon-wrapper { position: static !important; margin: 0 !important; width: auto !important; height: auto !important; background: none !important; }
body.stx-2026 .stx-check .fusion-li-icon { font-size: 15px !important; color: var(--stx-green-600) !important; }
body.stx-2026 .stx-seg:nth-child(3) .fusion-li-icon { color: var(--stx-amber-600) !important; }
body.stx-2026 .stx-tone-sky .fusion-li-icon { color: var(--stx-sky-600) !important; }
body.stx-2026 .stx-check .fusion-li-item-content { margin: 0 !important; }
body.stx-2026 .stx-check .fusion-li-item-content p { font-size: 12px; line-height: 18px; font-weight: 500; color: var(--stx-700); margin: 0; }
body.stx-2026 .stx-more { margin-top: auto !important; padding: 16px 32px 32px; }
body.stx-2026 .stx-more a { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; line-height: 20px; letter-spacing: .01em; font-weight: 700; color: var(--stx-amber-700); text-decoration: none; }
body.stx-2026 .stx-more a:hover { color: var(--stx-amber-800); }
body.stx-2026 .stx-more a i { transition: transform .2s; }
body.stx-2026 .stx-more a:hover i { transform: translateX(4px); }

/* cities */
body.stx-2026 .stx-cities > .fusion-builder-row { row-gap: 16px; }
body.stx-2026 .stx-cities .stx-head { margin-bottom: 32px !important; }
body.stx-2026 .stx-cities-badge .fusion-column-wrapper { align-items: flex-end !important; justify-content: flex-end !important; height: 100%; padding-bottom: 32px !important; }
body.stx-2026 .stx-chip-live p { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; border-radius: 999px; background: var(--stx-green-50); border: 1px solid var(--stx-green-200); font-size: 12px; line-height: 16px; letter-spacing: .02em; font-weight: 700; color: var(--stx-green-800); }
body.stx-2026 .stx-chip-live .stx-dot-green { width: 10px; height: 10px; }
body.stx-2026 .stx-city .fusion-column-wrapper { padding: 16px !important; border-radius: 16px; background: var(--stx-50); border: 1px solid var(--stx-200); transition: all .2s; height: 100%; }
body.stx-2026 .stx-city .fusion-column-wrapper:hover { background: #fff; border-color: var(--stx-amber-300); box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1); }
body.stx-2026 .stx-city-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px !important; }
body.stx-2026 .stx-city-reg { font-size: 10px; line-height: 14px; letter-spacing: .05em; text-transform: uppercase; font-weight: 600; color: var(--stx-500); }
body.stx-2026 .stx-city-name { font-size: 20px; line-height: 28px; font-weight: 700; color: var(--stx-900); transition: color .2s; }
body.stx-2026 .stx-city .fusion-column-wrapper:hover .stx-city-name { color: var(--stx-amber-600); }
body.stx-2026 .stx-city-sub { font-size: 12px; line-height: 18px; font-weight: 500; color: var(--stx-500); margin-top: 4px !important; }

/* testimonials */
body.stx-2026 .stx-quote > .fusion-column-wrapper { background: #fff; border-color: rgba(226,232,240,.9); padding: 32px !important; box-shadow: 0 1px 2px rgba(0,0,0,.05); gap: 16px; }
body.stx-2026 .stx-quote:hover > .fusion-column-wrapper { box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1); }
body.stx-2026 .stx-q-top p { display: flex; justify-content: space-between; align-items: center; }
body.stx-2026 .stx-chip { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; font-size: 10px; line-height: 14px; letter-spacing: .05em; font-weight: 700; border: 1px solid; }
body.stx-2026 .stx-chip .stx-dot { width: 6px; height: 6px; }
body.stx-2026 .stx-chip-green { background: var(--stx-green-50); border-color: var(--stx-green-200); color: var(--stx-green-700); }
body.stx-2026 .stx-chip-green .stx-dot { background: var(--stx-green); }
body.stx-2026 .stx-chip-amber { background: var(--stx-amber-50); border-color: var(--stx-amber-200); color: var(--stx-amber-800); }
body.stx-2026 .stx-q-text blockquote { margin: 0; padding: 0; border: 0; background: none; }
body.stx-2026 .stx-q-text blockquote p { font-size: 16px; line-height: 1.65; font-style: italic; color: var(--stx-700); }
body.stx-2026 .stx-q-author { margin-top: auto !important; padding-top: 24px; border-top: 1px solid var(--stx-100); }
body.stx-2026 .stx-q-author p { display: flex; align-items: center; gap: 12px; }
body.stx-2026 .stx-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--stx-amber-100); border: 1px solid var(--stx-amber-300); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; color: var(--stx-amber-800); flex: none; }
body.stx-2026 .stx-q-who { display: flex; flex-direction: column; }
body.stx-2026 .stx-q-who strong { font-size: 14px; line-height: 20px; font-weight: 700; color: var(--stx-950); }
body.stx-2026 .stx-q-who span { font-size: 12px; line-height: 18px; font-weight: 500; color: var(--stx-500); }

/* download banner */
body.stx-2026 .stx-cta { background: #fff !important; border-bottom: 0; }
body.stx-2026 .stx-cta > .fusion-builder-row { position: relative; border-radius: 36px; background: var(--stx-amber-50) !important; border: 1px solid rgba(253,230,138,.8); padding: 64px !important; overflow: hidden; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); }
body.stx-2026 .stx-cta > .fusion-builder-row::before, body.stx-2026 .stx-cta > .fusion-builder-row::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
body.stx-2026 .stx-cta > .fusion-builder-row::before { bottom: -128px; right: -128px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(252,211,77,.5) 0%, rgba(252,211,77,0) 70%); }
body.stx-2026 .stx-cta > .fusion-builder-row::after { top: -128px; left: -128px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(167,243,208,.3) 0%, rgba(167,243,208,0) 70%); }
body.stx-2026 .stx-cta .fusion-layout-column { position: relative; z-index: 1; }
body.stx-2026 .stx-cta-copy .stx-lead p { color: var(--stx-700); font-size: 18px; line-height: 28px; max-width: 576px; }
body.stx-2026 .stx-cta-copy .fusion-column-wrapper { row-gap: 16px; }
body.stx-2026 .stx-cta-qr .fusion-column-wrapper { align-items: center !important; justify-content: center; }
body.stx-2026 .stx-cta-qr .fusion-column-wrapper { background: #fff; border: 1px solid var(--stx-200); border-radius: 24px; padding: 24px !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1); width: auto; margin: 0 auto; max-width: 210px; text-align: center; }
body.stx-2026 .stx-qr { padding: 12px; border: 1px solid var(--stx-200); border-radius: 16px; box-shadow: inset 0 2px 4px rgba(0,0,0,.05); margin-bottom: 12px !important; display: block; }
body.stx-2026 .stx-qr img { width: 144px !important; height: 144px !important; max-width: none; display: block; }
body.stx-2026 .stx-qr-cap p { display: flex; flex-direction: column; }
body.stx-2026 .stx-qr-cap strong { font-size: 14px; line-height: 20px; font-weight: 700; color: var(--stx-950); }
body.stx-2026 .stx-qr-cap span { font-size: 12px; line-height: 18px; font-weight: 500; color: var(--stx-600); margin-top: 2px; }

/* ---------- FOOTER ---------- */
body.stx-2026 .stx-ftr { background: #fff !important; }
body.stx-2026 .stx-ftr-main { padding-top: 64px !important; padding-bottom: 48px !important; border-top: 1px solid var(--stx-200); }
body.stx-2026 .stx-ftr-main > .fusion-builder-row { row-gap: 32px; }
body.stx-2026 .stx-ftr .stx-brand a { flex-direction: row; align-items: center; gap: 12px; }
body.stx-2026 .stx-ftr .stx-brand img { width: 32px; height: 32px; border-radius: 8px; }
body.stx-2026 .stx-ftr .stx-brand strong { font-size: 20px; line-height: 28px; font-weight: 700; color: var(--stx-900); }
body.stx-2026 .stx-ftr-desc { font-size: 12px; line-height: 18px; color: var(--stx-600); margin-top: 16px !important; }
body.stx-2026 .stx-ftr-h h4 { font-size: 20px !important; line-height: 28px !important; font-weight: 600 !important; color: var(--stx-900) !important; margin: 0 0 16px !important; }
body.stx-2026 .stx-ftr-links { list-style: none; margin: 0; padding: 0; }
body.stx-2026 .stx-ftr-links li { margin: 0 0 8px; }
body.stx-2026 .stx-ftr-links a { font-size: 14px; line-height: 20px; color: var(--stx-600); text-decoration: none; }
body.stx-2026 .stx-ftr-links a:hover { color: var(--stx-amber-700); }
body.stx-2026 .stx-ftr-legal { padding-bottom: 32px !important; }
body.stx-2026 .stx-legal { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; padding: 16px 24px; border-radius: 16px; background: var(--stx-50); border: 1px solid var(--stx-200); }
body.stx-2026 .stx-legal-l, body.stx-2026 .stx-legal-r { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
body.stx-2026 .stx-legal-label { font-size: 10px; line-height: 14px; letter-spacing: .05em; text-transform: uppercase; font-weight: 700; color: var(--stx-500); }
body.stx-2026 .stx-legal-img img { height: 32px; width: auto; display: block; border-radius: 6px; }
body.stx-2026 .stx-legal-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 10px; background: #fff; border: 1px solid var(--stx-200); font-size: 12px; font-weight: 700; color: var(--stx-800); text-decoration: none; }
body.stx-2026 .stx-legal-pill i { color: var(--stx-amber-600); }
body.stx-2026 .stx-legal-cards { height: 24px; width: auto; }
body.stx-2026 .stx-ftr-bottom { padding-bottom: 48px !important; }
body.stx-2026 .stx-copy p { font-size: 12px; line-height: 18px; color: var(--stx-500); }
body.stx-2026 .stx-social { text-align: right; }
body.stx-2026 .stx-social a { width: 36px !important; height: 36px !important; line-height: 36px !important; padding: 0 !important; font-size: 14px !important; display: inline-flex !important; align-items: center; justify-content: center; }

/* ---------- design-environment review markers (never printed in production) ---------- */
body.stx-review .stx-validate { outline: 2px dashed #e11d48 !important; outline-offset: 3px; position: relative; }
body.stx-review .stx-validate::after { content: "DE VALIDAT"; position: absolute; top: -10px; right: -6px; z-index: 30; padding: 1px 6px; border-radius: 6px; background: #e11d48; color: #fff; font: 700 9px/14px var(--stx-font); letter-spacing: .05em; pointer-events: none; }
body.stx-review span.stx-validate::after, body.stx-review a.stx-validate::after { top: -14px; right: auto; left: 0; }

/* ---------- responsive (Stitch: lg 1024, md 768, sm 640) ---------- */
@media (max-width: 1279px) {
	body.stx-2026 .stx-hdr .stx-brand-text span { display: none; }
}
@media (max-width: 1024px) {
	body.stx-2026 { --stx-pad: 32px; }
	body.stx-2026 .stx-hdr > .fusion-builder-row { gap: 12px; }
	body.stx-2026 .stx-hdr .stx-hdr-nav { order: 3; flex: 0 0 auto !important; }
	body.stx-2026 .stx-hdr .stx-hdr-brand { flex: 1 1 auto !important; }
	body.stx-2026 .stx-hero-visual { margin-top: 32px !important; }
	body.stx-2026 .stx-cta > .fusion-builder-row { padding: 48px !important; }
	body.stx-2026 .stx-cta-qr { margin-top: 24px !important; }
}
@media (max-width: 767px) {
	body.stx-2026 { --stx-pad: 16px; }
	body.stx-2026 .stx-sec { padding-top: 32px !important; padding-bottom: 32px !important; }
	body.stx-2026 .stx-h1 h1 { font-size: 38px !important; line-height: 44px !important; letter-spacing: -0.02em !important; }
	body.stx-2026 .stx-h2 h2 { font-size: 28px !important; line-height: 34px !important; letter-spacing: -0.01em !important; }
	body.stx-2026 .stx-h-display h2 { font-size: 38px !important; line-height: 44px !important; }
	body.stx-2026 .stx-num { font-size: 38px; line-height: 44px; }
	body.stx-2026 .stx-unit { font-size: 28px; line-height: 34px; }
	body.stx-2026 .stx-phone img { width: 340px; }
	body.stx-2026 .stx-cta > .fusion-builder-row { padding: 32px !important; border-radius: 28px; }
	body.stx-2026 .stx-stats-note { flex-direction: column; text-align: center; }
	body.stx-2026 .stx-social { text-align: left; }
	body.stx-2026 .stx-legal { flex-direction: column; align-items: flex-start; }
}

/* ---------- Avada containers: no negative 100%-width margins on small screens ---------- */
body.stx-2026 .fusion-fullwidth.stx-sec, body.stx-2026 .fusion-fullwidth.stx-ftr, body.stx-2026 .fusion-fullwidth.stx-hdr { margin-left: 0 !important; margin-right: 0 !important; width: auto !important; max-width: none !important; }

/* ---------- mobile menu (Avada menu collapse, ≤1024px) ---------- */
body.stx-2026 .stx-nav.collapse-enabled { position: static; justify-content: flex-end; }
body.stx-2026 .stx-nav.collapse-enabled .awb-menu__m-toggle { display: inline-flex !important; align-items: center; gap: 8px; border: 1px solid var(--stx-200) !important; font-size: 14px; font-weight: 700; cursor: pointer; }
body.stx-2026 .stx-nav.collapse-enabled .awb-menu__m-toggle-inner { display: inline-flex; align-items: center; gap: 8px; }
body.stx-2026 .stx-nav.collapse-enabled:not(.expanded) .awb-menu__main-ul { display: none !important; }
body.stx-2026 .stx-nav.collapse-enabled.expanded .awb-menu__main-ul { display: flex !important; flex-direction: column; gap: 0; position: absolute; left: 0; right: 0; top: 100%; z-index: 60; background: #fff; border-bottom: 1px solid var(--stx-200); box-shadow: 0 20px 25px -5px rgba(0,0,0,.1); padding: 8px var(--stx-pad) 16px; }
body.stx-2026 .stx-nav.collapse-enabled.expanded .awb-menu__main-li { width: 100%; border-bottom: 1px solid var(--stx-100); }
body.stx-2026 .stx-nav.collapse-enabled.expanded .awb-menu__main-a { padding: 14px 0 !important; font-size: 16px !important; border-bottom: 0 !important; width: 100%; }
body.stx-2026 .stx-hdr { position: relative; }
body.stx-2026 .stx-hdr .stx-validate::after { top: auto; bottom: -16px; }
@media (max-width: 1024px) {
	body.stx-2026 .stx-hdr .stx-hdr-lang { order: 2; }
	body.stx-2026 .stx-hdr .stx-brand-text strong { white-space: nowrap; }
}
body.stx-2026 .stx-hdr .stx-hdr-nav, body.stx-2026 .stx-hdr .stx-hdr-nav .fusion-column-wrapper, body.stx-2026 .stx-nav.collapse-enabled { position: static !important; }
body.stx-2026 .stx-nav.collapse-enabled .awb-menu__m-collapse-icon { display: none !important; }
body.stx-2026 .stx-nav.collapse-enabled .awb-menu__m-toggle-inner::after { content: ""; width: 16px; height: 12px; background: linear-gradient(currentColor 0 0) top/100% 2px no-repeat, linear-gradient(currentColor 0 0) center/100% 2px no-repeat, linear-gradient(currentColor 0 0) bottom/100% 2px no-repeat; }
body.stx-2026 .stx-nav.collapse-enabled.expanded .awb-menu__m-toggle-inner::after { background: none; content: "✕"; width: auto; height: auto; font-size: 14px; line-height: 1; }
@media (max-width: 767px) {
	body.stx-2026 .stx-hero-copy .fusion-column-wrapper { column-gap: 12px; row-gap: 12px; }
	body.stx-2026 .stx-hero-copy a.stx-store { padding: 10px 14px !important; gap: 10px; }
	body.stx-2026 .stx-hdr > .fusion-builder-row { gap: 8px; }
	body.stx-2026 .stx-hdr .stx-brand strong { font-size: 18px; }
	body.stx-2026 .stx-nav.collapse-enabled .awb-menu__m-toggle { padding: 8px 10px !important; }
}
@media (max-width: 380px) { body.stx-2026 .stx-nav .collapsed-nav-text { display: none; } }
body.stx-2026 .stx-nav.collapse-enabled.expanded .awb-menu__main-li { background: none !important; }

/* =====================================================================================
   v0.1.1 – fidelity pass vs Stitch "Versiune Light Premium 2026" (computed-style + geometry comparison)
   ===================================================================================== */
/* grid: Avada adds 12px column spacing on each side; compensate so content starts at 64px like Stitch */
body.stx-2026 .stx-sec, body.stx-2026 .stx-ftr, body.stx-2026 .stx-hdr { padding-left: calc(var(--stx-pad) - 12px) !important; padding-right: calc(var(--stx-pad) - 12px) !important; }
body.stx-2026 .stx-sec > .fusion-builder-row, body.stx-2026 .stx-ftr > .fusion-builder-row, body.stx-2026 .stx-hdr > .fusion-builder-row { max-width: calc(var(--stx-max) + 24px) !important; }
body.stx-2026 .stx-cta { padding-left: var(--stx-pad) !important; padding-right: var(--stx-pad) !important; }
body.stx-2026 .stx-cta > .fusion-builder-row { max-width: var(--stx-max) !important; padding: 64px 52px !important; }

/* header: Stitch = justify-between, nav not stretched; menu without Avada min-height */
body.stx-2026 .stx-hdr > .fusion-builder-row { justify-content: space-between !important; }
body.stx-2026 .stx-hdr .stx-hdr-nav { flex: 0 0 auto !important; }
body.stx-2026 .stx-nav, body.stx-2026 .stx-nav .awb-menu__main-ul, body.stx-2026 .stx-nav .awb-menu__main-li, body.stx-2026 .stx-nav .awb-menu__main-a { min-height: 0 !important; }
body.stx-2026 .stx-nav .current-menu-item > .awb-menu__main-a:not([href*="#"]) { font-size: 16px !important; line-height: 24px !important; letter-spacing: 0 !important; }

/* headings: Stitch tracking-tight (-0.025em) overrides the token letter-spacing */
body.stx-2026 .stx-h1 h1, body.stx-2026 .stx-h-display h2, body.stx-2026 .stx-h2 h2 { letter-spacing: -0.025em !important; }

/* hero rhythm: lead -> buttons 32px, buttons -> rating 16px */
body.stx-2026 .stx-hero-copy .fusion-column-wrapper > div:has(> a.stx-store) { margin-top: 12px !important; }
body.stx-2026 .stx-hero-copy .stx-rating { margin-top: -4px !important; }
body.stx-2026 .stx-rating strong { font-size: 12px; line-height: 16px; letter-spacing: .02em; font-weight: 800; }
body.stx-2026 .stx-rating p { line-height: 20px; }

/* stats: note 32px under the cards */
body.stx-2026 .stx-stats-foot > .fusion-column-wrapper { padding-top: 8px !important; }

/* advantage cards: strip pinned to the bottom (Stitch justify-between) */
body.stx-2026 .stx-adv > .fusion-column-wrapper { grid-template-rows: auto 1fr auto; }
body.stx-2026 .stx-adv .stx-body { grid-row: 2; }
body.stx-2026 .stx-adv .stx-strip { grid-row: 3; align-self: end; }

/* section heads -> grid = 48px */
body.stx-2026 .stx-segs .stx-head > .fusion-column-wrapper, body.stx-2026 .stx-cities .stx-head > .fusion-column-wrapper { padding-bottom: 24px !important; }

/* segment cards: p -> list 20px, list -> link 32px, link at the bottom */
body.stx-2026 .stx-seg .stx-check { padding-top: 20px !important; }
body.stx-2026 .stx-seg .stx-check .fusion-li-item:last-child { margin-bottom: 0 !important; }
body.stx-2026 .stx-more { padding-top: 32px; }

/* cities: region labels uppercase without tracking */
body.stx-2026 .stx-city-reg { letter-spacing: 0; }

/* testimonials avatar */
body.stx-2026 .stx-avatar { font-size: 16px; line-height: 24px; }

/* banner QR card: natural width, caption on one line */
body.stx-2026 .stx-cta-qr .fusion-column-wrapper { max-width: none; }

/* footer */
body.stx-2026 .stx-ftr-h h4 { font-weight: 700 !important; color: var(--stx-950) !important; margin: 0 0 12px !important; }
body.stx-2026 .stx-ftr-links a { font-weight: 500; }
body.stx-2026 .stx-ftr-links a:hover { color: var(--stx-amber-600); }
body.stx-2026 .stx-ftr-desc { line-height: 1.625; }
body.stx-2026 .stx-legal-pill { font-size: 12px; line-height: 16px; letter-spacing: .02em; border-radius: 8px; padding: 6px 12px; box-shadow: 0 1px 1px rgba(0,0,0,.03); }
body.stx-2026 span.stx-legal-pill { font-weight: 600; padding: 4px 12px; }
body.stx-2026 .stx-copy p { font-weight: 500; }
body.stx-2026 .stx-ftr-links li { line-height: 20px; }
body.stx-2026 .stx-hdr > .fusion-builder-row { flex: 1 1 100% !important; width: 100% !important; }
body.stx-2026 .fusion-fullwidth.stx-hdr { width: 100% !important; box-sizing: border-box; }
/* footer bottom (Stitch: legal bar mb-48; copyright row pt-24 + top border; payment logos in a pill) */
body.stx-2026 .stx-ftr-legal { padding-bottom: 48px !important; }
body.stx-2026 .stx-ftr-bottom > .fusion-builder-row { border-top: 1px solid var(--stx-100); padding-top: 24px !important; }
body.stx-2026 .stx-legal { gap: 24px; }
body.stx-2026 .stx-legal-l, body.stx-2026 .stx-legal-r { gap: 16px; }
body.stx-2026 .stx-legal-cards { height: 32px; padding: 4px 12px; background: #fff; border: 1px solid var(--stx-200); border-radius: 8px; box-sizing: border-box; box-shadow: 0 1px 1px rgba(0,0,0,.03); }

/* v0.1.2 – glows exactly as Stitch: solid circles + filter blur (not radial gradients) */
body.stx-2026 .stx-hero::before { top: -160px; left: 25%; width: 520px; height: 520px; background: rgba(253,230,138,.30); filter: blur(130px); }
body.stx-2026 .stx-hero::after  { top: 50%; right: -128px; width: 450px; height: 450px; background: rgba(167,243,208,.20); filter: blur(140px); }
body.stx-2026 .stx-hero-visual .fusion-column-wrapper::before { width: 288px; height: 288px; background: rgba(252,211,77,.30); filter: blur(90px); }
body.stx-2026 .stx-cta > .fusion-builder-row::before { bottom: -128px; right: -128px; width: 500px; height: 500px; background: rgba(252,211,77,.30); filter: blur(120px); }
body.stx-2026 .stx-cta > .fusion-builder-row::after  { top: -128px; left: -128px; width: 400px; height: 400px; background: rgba(167,243,208,.20); filter: blur(120px); }

/* v0.1.3 – hero pill as Stitch: 16px separator (pill 34px tall), first label tracking .025em, no shadow */
body.stx-2026 .stx-pill p { box-shadow: none; letter-spacing: .05em; }
body.stx-2026 .stx-pill strong { letter-spacing: .025em; }
body.stx-2026 .stx-pill .stx-sep { font-size: 16px; line-height: 24px; letter-spacing: normal; font-weight: 400; }

/* v0.1.4 – hero phone 15% smaller (owner request): 371 -> 315px desktop, 340 -> 289px mobile; radius scaled */
body.stx-2026 .stx-phone { max-width: 315px !important; }
body.stx-2026 .stx-phone img { width: 315px; border-radius: 44px; }
body.stx-2026 .stx-hero-visual .fusion-column-wrapper::before { width: 245px; height: 245px; }
@media (max-width: 767px) { body.stx-2026 .stx-phone img { width: 289px; } }
body.stx-2026 .stx-nav .awb-menu__main-background-default, body.stx-2026 .stx-nav .awb-menu__main-background-active { display: none !important; }

/* v0.1.5 – real app screenshot inside a CSS phone frame (same outer size as the mockup: 315px / 289px mobile) */
body.stx-2026 .stx-phone-shot img { width: 315px; height: auto; box-sizing: border-box; border: 12px solid #0f172a; border-radius: 48px; background: #0f172a; box-shadow: 0 25px 50px -12px rgba(0,0,0,.25), 0 0 0 1px rgba(30,41,59,.6); }
@media (max-width: 767px) { body.stx-2026 .stx-phone-shot img { width: 289px; border-width: 11px; border-radius: 44px; } }
/* Dynamic Island on the CSS phone frame (iPhone 16 Pro proportions: 126x37pt on a 402pt screen) */
body.stx-2026 .stx-phone-shot { position: relative; display: inline-block; line-height: 0; }
body.stx-2026 .stx-phone-shot::after { content: ""; position: absolute; left: 50%; top: 20px; width: 91px; height: 27px; transform: translateX(-50%); background: #000; border-radius: 999px; pointer-events: none; }
@media (max-width: 767px) { body.stx-2026 .stx-phone-shot::after { top: 18px; width: 84px; height: 25px; } }

/* hero screenshot rotator: all phone shots stacked in one grid cell; JS (MU-plugin) crossfades when 2+ */
body.stx-2026 .stx-hero-visual .fusion-column-wrapper { display: grid !important; place-items: center; }
body.stx-2026 .stx-hero-visual .stx-phone-shot { grid-area: 1 / 1; transition: opacity .9s ease; }
body.stx-2026 .stx-hero-visual .stx-phone-shot ~ .stx-phone-shot { opacity: 0; }
body.stx-2026 .stx-hero-visual.stx-rotating .stx-phone-shot { opacity: 0; }
body.stx-2026 .stx-hero-visual.stx-rotating .stx-phone-shot.is-active { opacity: 1; }
@media (prefers-reduced-motion: reduce) { body.stx-2026 .stx-hero-visual .stx-phone-shot { transition: none; } }
body.stx-2026 .stx-hero-visual .fusion-column-wrapper > * { grid-area: 1 / 1; }

/* v0.1.7 – phone frame (RO + EN): anthracite #30343B, ~20% thinner (12->10px, mobile 11->9px); same outer width, radius, content */
body.stx-2026 .stx-phone-shot img { border-width: 10px; border-color: #30343B; background: #30343B; box-shadow: 0 25px 50px -12px rgba(0,0,0,.25), 0 0 0 1px rgba(48,52,59,.6); }
body.stx-2026 .stx-phone-shot::after { top: 18px; }
@media (max-width: 767px) { body.stx-2026 .stx-phone-shot img { border-width: 9px; } body.stx-2026 .stx-phone-shot::after { top: 16px; } }

/* ---------- Home city cards linked to city pages (added 2026-11-05; only cards with a.stx-city-link) ---------- */
body.stx-2026 .stx-city:has(.stx-city-link) .fusion-column-wrapper { position: relative; cursor: pointer; }
body.stx-2026 a.stx-city-link { color: inherit; text-decoration: none; }
body.stx-2026 a.stx-city-link::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 16px; }
body.stx-2026 a.stx-city-link:focus-visible { outline: none; }
body.stx-2026 .stx-city:has(.stx-city-link:focus-visible) .fusion-column-wrapper { background: #fff; border-color: var(--stx-amber-300); outline: 2px solid var(--stx-amber); outline-offset: 2px; }
body.stx-2026 .stx-city:has(.stx-city-link:focus-visible) .stx-city-name { color: var(--stx-amber-600); }

/* 2026-11-07 owner: mobile hero (Home + city pages) – the 3 store buttons on ONE row, equal width, compact
   (icon above the store name, small "Descarcă de pe" line hidden); rating on two tidy lines. Phones only. */
@media (max-width: 600px) {
	body.stx-2026 .stx-hero-copy .fusion-column-wrapper { column-gap: 8px; }
	body.stx-2026 .stx-hero-copy .fusion-column-wrapper > div:has(> a.stx-store) { flex: 1 1 0 !important; min-width: 0; }
	body.stx-2026 .stx-hero-copy .fusion-column-wrapper a.stx-store { display: flex !important; width: 100% !important; flex-direction: column; justify-content: center; align-items: center; gap: 6px; padding: 12px 6px !important; border-radius: 14px !important; text-align: center; }
	body.stx-2026 .stx-hero-copy .fusion-column-wrapper a.stx-store i { order: -1; font-size: 22px !important; width: auto; }
	body.stx-2026 .stx-hero-copy .fusion-column-wrapper a.stx-store .fusion-button-text { text-align: center; align-items: center; }
	body.stx-2026 .stx-hero-copy .fusion-column-wrapper a.stx-store .stx-sb-s { display: none; }
	body.stx-2026 .stx-hero-copy .fusion-column-wrapper a.stx-store .stx-sb-l { font-size: 14px; margin-top: 0; white-space: nowrap; }
	body.stx-2026 .stx-hero-copy .stx-rating p { display: flex; flex-wrap: wrap; row-gap: 4px; }
	body.stx-2026 .stx-hero-copy .stx-rating .stx-sep { display: none; }
	body.stx-2026 .stx-hero-copy .stx-rating { margin-top: 6px !important; }
	body.stx-2026 .stx-hero-copy .stx-pill { display: none !important; } /* owner 2026-11-07: hero pill hidden on phones */
	body.stx-2026 .stx-cities .stx-head { margin-bottom: 16px !important; }
	body.stx-2026 .stx-cities-badge { display: none !important; } /* owner 2026-11-07: "12 orașe Star Taxi" pill hidden on phones */
	body.stx-2026 .stx-hero-copy .stx-rating p > span:last-child { flex: 0 0 100%; font-size: 13px; line-height: 18px; }
}

/* 2026-11-07 owner: testimonials on phones – one horizontally scrollable strip (swipe), cards snap into place,
   next card peeks to signal scrolling; section heading stays fixed (sticky). Desktop/tablet unchanged. */
@media (max-width: 600px) {
	body.stx-2026 .stx-testi > .fusion-builder-row { display: grid !important; grid-auto-flow: column; grid-template-rows: auto auto; grid-auto-columns: 86%; column-gap: 12px !important; row-gap: 20px !important; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-left: 0; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 4px; }
	body.stx-2026 .stx-testi > .fusion-builder-row::-webkit-scrollbar { display: none; }
	body.stx-2026 .stx-testi > .fusion-builder-row > .stx-head { grid-row: 1; grid-column: 1 / -1; position: sticky; left: 0; width: calc(100vw - 32px) !important; max-width: none !important; margin: 0 !important; }
	body.stx-2026 .stx-testi > .fusion-builder-row > .stx-quote { grid-row: 2; width: auto !important; max-width: none !important; margin: 0 !important; scroll-snap-align: start; }
	/* full-bleed strip: scrolls edge to edge, cards aligned to the 16px gutter, clear peek of the next card */
	body.stx-2026 .stx-testi > .fusion-builder-row { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; padding-left: 16px !important; padding-right: 16px !important; scroll-padding-left: 16px; grid-auto-columns: 84%; }
	body.stx-2026 .stx-testi > .fusion-builder-row > .stx-quote { padding: 0 !important; }
	body.stx-2026 .stx-testi > .fusion-builder-row > .stx-head { left: 0; padding: 0 !important; }
	body.stx-2026 .stx-testi > .fusion-builder-row > .stx-head > .fusion-column-wrapper { padding: 0 !important; margin: 0 !important; }
	body.stx-2026 .stx-testi .stx-quote > .fusion-column-wrapper { padding: 24px !important; margin: 0 !important; height: 100%; }
}

/* 2026-11-07 owner: download banner on phones – tidier: less inner padding (wider text), smaller title,
   the 3 store buttons on one row (same compact style as the hero), QR card hidden (the visitor is already
   on the phone; scanning applies to desktop only). Desktop/tablet unchanged. */
@media (max-width: 600px) {
	body.stx-2026 .stx-cta > .fusion-builder-row { padding: 32px 20px !important; border-radius: 28px; }
	body.stx-2026 .stx-cta-copy, body.stx-2026 .stx-cta-copy > .fusion-column-wrapper { padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; }
	body.stx-2026 .stx-cta-copy h2 { font-size: 32px !important; line-height: 1.15 !important; }
	body.stx-2026 .stx-cta-copy .stx-lead p { font-size: 16px; line-height: 25px; }
	body.stx-2026 .stx-cta-copy .fusion-column-wrapper { column-gap: 8px; row-gap: 16px; }
	body.stx-2026 .stx-cta-copy .fusion-column-wrapper > div:has(> a.stx-store) { flex: 1 1 0 !important; min-width: 0; margin-top: 4px !important; }
	body.stx-2026 .stx-cta-copy .fusion-column-wrapper a.stx-store { display: flex !important; width: 100% !important; flex-direction: column; justify-content: center; align-items: center; gap: 6px; padding: 12px 6px !important; border-radius: 14px !important; text-align: center; }
	body.stx-2026 .stx-cta-copy .fusion-column-wrapper a.stx-store i { order: -1; font-size: 22px !important; width: auto; }
	body.stx-2026 .stx-cta-copy .fusion-column-wrapper a.stx-store .fusion-button-text { text-align: center; align-items: center; }
	body.stx-2026 .stx-cta-copy .fusion-column-wrapper a.stx-store .stx-sb-s { display: none; }
	body.stx-2026 .stx-cta-copy .fusion-column-wrapper a.stx-store .stx-sb-l { font-size: 14px; margin-top: 0; white-space: nowrap; }
}

/* 2026-11-08 owner: phone screen is Star Taxi yellow (not the dark bezel grey) while a screenshot is still loading.
   The bezel stays #30343B (border); only the screen area behind the image changes. */
body.stx-2026 .stx-phone-shot img { background: linear-gradient(160deg, var(--stx-gold) 0%, var(--stx-amber-300) 100%); background-clip: padding-box; }