/* ==========================================================================
   EK Takip — Anasayfa (pages/home.css) · sınıf öneki: .home-
   Ortak bileşenler ek.css'te; burada yalnızca anasayfaya özel bloklar var.
   ========================================================================== */

/* ---------- Genel ---------- */
.home-sec { padding-top: clamp(64px, 6.6vw, 96px); }
.home-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; margin-bottom: 28px; }
.home-head .ek-eyebrow { margin-bottom: 10px; }
.home-h2 { font-family: var(--ek-display); font-weight: 700; font-size: clamp(1.6rem, 1.1rem + 1.5vw, 2.02rem); line-height: 1.12; letter-spacing: -.03em; margin: 0 0 6px; }
.home-h2-lg { font-size: clamp(1.75rem, 1.1rem + 1.9vw, 2.25rem); }
.home-h2-xl { font-size: clamp(1.9rem, 1.1rem + 2.3vw, 2.48rem); line-height: 1.08; }
.home-sub { margin: 0; color: var(--ek-text-2); font-size: 1rem; font-weight: 500; }
.home-trust-wrap + .home-sec { padding-top: clamp(56px, 5.4vw, 76px); }
.home-more { font-weight: 800; font-size: .875rem; color: var(--ek-blue); }
.home-eyebrow-sky { color: #8DB4FF; }
.home-stars { display: inline-flex; align-items: center; gap: 3px; color: var(--ek-amber); font-size: .875rem; }
.home-stars b { margin-left: 6px; color: #fff; font-weight: 800; font-size: 1rem; }
.home-stars-sm { font-size: .72rem; gap: 2px; }
.home-av-green { background: linear-gradient(135deg, #12B76A, #0E9F9A); }
.home-g { font-family: 'Plus Jakarta Sans', Arial, sans-serif; font-weight: 800; font-size: 1.15rem; line-height: 1; background: conic-gradient(from -45deg, #EA4335 0 25%, #4285F4 0 50%, #34A853 0 75%, #FBBC05 0); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Yumuşak renkli ikon kutuları (tasarımdaki pastel zeminler) */
.home-ib-blue { background: rgba(31, 91, 255, .1); color: var(--ek-blue); }
.home-ib-orange { background: rgba(255, 122, 26, .12); color: var(--ek-orange); }
.home-ib-green { background: rgba(18, 183, 106, .12); color: var(--ek-success); }
.home-ib-amber { background: rgba(255, 176, 32, .16); color: #F79009; }
.home-ib-sky { background: rgba(45, 156, 255, .12); color: var(--ek-sky); }

/* ---------- HERO ---------- */
.home-top { padding-top: 32px; }
.home-hero-row { --bs-gutter-x: 20px; --bs-gutter-y: 20px; }
.home-hero {
  position: relative; isolation: isolate; overflow: hidden; height: 100%; min-height: 540px;
  padding: 48px 48px 30px; border-radius: var(--ek-r-2xl); color: #fff;
  background:
    radial-gradient(42% 55% at 82% 8%, rgba(35, 104, 255, .38) 0%, rgba(35, 104, 255, 0) 72%),
    radial-gradient(40% 50% at 0% 100%, rgba(35, 104, 255, .32) 0%, rgba(35, 104, 255, 0) 72%),
    radial-gradient(38% 52% at 100% 100%, rgba(255, 122, 26, .34) 0%, rgba(255, 122, 26, 0) 72%),
    var(--ek-ink-900);
}
.home-hero-rings { position: absolute; left: 68%; top: 54%; width: 0; height: 0; z-index: -1; pointer-events: none; }
.home-hero-rings i { position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .07); transform: translate(-50%, -50%); }
.home-hero-rings i:nth-child(1) { width: 440px; height: 440px; }
.home-hero-rings i:nth-child(2) { width: 640px; height: 640px; }
.home-hero-rings i:nth-child(3) { width: 860px; height: 860px; }
.home-hero-content { position: relative; z-index: 2; max-width: 440px; }

.home-pill { display: inline-flex; align-items: center; gap: 10px; height: 38px; padding: 0 16px 0 6px; border-radius: 99px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .16); font-size: .8125rem; font-weight: 600; color: rgba(255, 255, 255, .92); }
.home-pill-ic { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--ek-grad-blue); font-size: .8rem; color: #fff; }
.home-hero-title { margin: 22px 0 18px; font-size: clamp(2.25rem, 1.3rem + 3vw, 3.06rem); line-height: 1.07; letter-spacing: -.035em; color: #fff; }
.home-hero-lead { margin: 0 0 20px; font-size: 1rem; line-height: 1.65; font-weight: 500; color: rgba(255, 255, 255, .72); }

/* Platform seçicili başlangıç kutusu */
.home-start { display: flex; align-items: center; gap: 8px; padding: 7px; border-radius: 18px; background: #fff; box-shadow: 0 18px 40px rgba(0, 0, 0, .25); }
.home-start-field { position: relative; display: flex; align-items: center; flex: 1; min-width: 0; }
.home-start-plat { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 10px 0 7px; border: 0; border-radius: 12px; background: #EEF2F9; color: #55617D; transition: background-color var(--ek-fast); }
.home-start-plat:hover, .home-start-plat[aria-expanded="true"] { background: #E2E9F7; }
.home-start-plat .bi-chevron-down { font-size: .75rem; }
.home-start-plat .ek-ibox { --s: 32px; border-radius: 10px; font-size: .95rem; }
.home-start-link { margin-left: 14px; color: #97A1B8; font-size: 1.15rem; }
.home-start-input { flex: 1; min-width: 0; height: 46px; padding: 0 10px; border: 0; outline: 0; background: none; color: #0B1736; font-weight: 600; font-size: .9375rem; }
.home-start-input::placeholder { color: #97A1B8; font-weight: 500; }
.home-start.is-invalid { box-shadow: 0 0 0 3px rgba(240, 68, 56, .45), 0 18px 40px rgba(0, 0, 0, .25); animation: homeShake .35s; }
@keyframes homeShake { 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }
.home-start-go { --h: 48px; padding: 0 22px; border-radius: 13px; }
.home-start-menu { min-width: 220px; max-height: 340px; overflow-y: auto; }
.home-start-menu .ek-ibox { --s: 26px; border-radius: 8px; font-size: .8rem; }
.home-start-menu .ek-menu-item.active { background: var(--ek-subtle); color: var(--ek-blue); font-weight: 800; }

/* Sosyal kanıt satırı */
.home-proof { align-items: center; gap: 18px; margin-top: 18px; width: max-content; max-width: calc(100% + 40px); white-space: nowrap; }
.home-avatars { display: flex; }
.home-avatars .ek-avatar { --s: 36px; border: 2px solid var(--ek-ink-900); font-size: .72rem; }
.home-avatars .ek-avatar + .ek-avatar { margin-left: -10px; }
.home-proof-item { display: flex; flex-direction: column; gap: 3px; }
.home-proof-item small { font-size: .8125rem; color: rgba(255, 255, 255, .65); font-weight: 500; }
.home-proof-item > b { font-size: .875rem; font-weight: 800; }
.home-proof-sep { width: 1px; height: 36px; background: rgba(255, 255, 255, .16); }
.home-proof-m { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 18px; font-size: .8125rem; }
.home-proof-m .home-stars { font-size: .7rem; }

/* Telefon görseli */
.home-visual { position: absolute; z-index: 1; right: 26px; top: 64px; bottom: 0; width: 326px; pointer-events: none; }
.home-phone { position: absolute; left: 48px; top: 0; width: 238px; height: 520px; padding: 7px; border-radius: 40px; background: #0B1736; border: 1px solid rgba(255, 255, 255, .14); box-shadow: 0 40px 80px rgba(0, 0, 0, .45); }
.home-phone-screen { height: 100%; border-radius: 33px; overflow: hidden; background: #fff; color: #0B1736; padding: 10px 12px; }
.home-phone-status { display: flex; align-items: center; justify-content: space-between; height: 26px; padding: 0 10px; font-size: .72rem; }
.home-phone-island { width: 74px; height: 22px; border-radius: 99px; background: #0B1736; }
.home-phone-sys { display: inline-flex; gap: 5px; font-size: .78rem; }
.home-phone-bar { display: flex; align-items: center; justify-content: space-between; margin: 10px 2px 12px; font-size: 1.05rem; }
.home-phone-bar b { font-family: var(--ek-display); font-weight: 700; letter-spacing: -.02em; }
.home-phone-bar .bi-patch-check-fill { color: var(--ek-blue); font-size: .85rem; }
.home-phone-profile { display: flex; align-items: center; gap: 10px; }
.home-phone-avatar { flex-shrink: 0; width: 64px; height: 64px; padding: 3px; border-radius: 50%; background: var(--ek-grad-blue); }
.home-phone-avatar img { display: block; width: 100%; height: 100%; border-radius: 50%; border: 2px solid #fff; object-fit: cover; }
.home-phone-stat { flex: 1; display: flex; flex-direction: column; align-items: center; font-size: .6rem; color: #55617D; }
.home-phone-stat b { font-family: var(--ek-display); font-size: .95rem; color: #0B1736; }
.home-phone-stat.is-up b { color: var(--ek-success); }
.home-phone-bio { display: flex; flex-direction: column; margin: 10px 2px; font-size: .66rem; line-height: 1.45; color: #55617D; }
.home-phone-bio b { color: #0B1736; font-size: .75rem; }
.home-phone-bio em { font-style: normal; font-weight: 700; color: #1747F0; }
.home-phone-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 8px; }
.home-phone-btns span { height: 28px; display: grid; place-items: center; border-radius: 8px; font-size: .66rem; font-weight: 800; background: #E7EDF8; }
.home-phone-btns span:first-child { background: var(--ek-grad-blue); color: #fff; }
.home-phone-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; margin: 0 -12px; }
.home-phone-grid span { aspect-ratio: 1; }

.home-float { position: absolute; display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 16px; background: #fff; color: #0B1736; box-shadow: 0 20px 44px rgba(3, 10, 32, .35); animation: ekFloat 6s ease-in-out infinite; }
.home-float b { display: block; font-size: .9375rem; font-weight: 800; line-height: 1.2; }
.home-float small { display: block; font-size: .72rem; color: #97A1B8; font-weight: 600; }
.home-float-like { left: 208px; top: 145px; padding: 10px 14px 10px 10px; animation-delay: -1.5s; }
.home-float-like b { font-family: var(--ek-display); font-size: 1.1rem; }
.home-float-follow { left: 0; top: 236px; min-width: 212px; white-space: nowrap; animation-delay: -3s; }
.home-float-follow .ek-ibox { --s: 38px; border-radius: 11px; font-size: 1.05rem; }
.home-float-chart { left: 142px; top: 307px; width: 184px; flex-direction: column; align-items: stretch; gap: 6px; padding: 14px; }
.home-float-chart small { display: inline; color: #55617D; }
.home-float-up { font-family: var(--ek-display); font-size: 1.5rem !important; color: var(--ek-success); letter-spacing: -.02em; }
.home-float-up .bi { font-size: 1rem; }
.home-bars { display: flex; align-items: flex-end; gap: 7px; height: 56px; margin-top: 4px; }
.home-bars i { flex: 1; border-radius: 4px; background: #DCE6FF; }
.home-bars i.is-hi { background: var(--ek-grad-blue); }

/* Sağ promosyon kartları */
.home-promos { display: flex; flex-direction: column; gap: 20px; height: 100%; }
.home-promo { position: relative; overflow: hidden; isolation: isolate; flex: 1; display: flex; flex-direction: column; align-items: flex-start; min-height: 260px; padding: 28px; border-radius: var(--ek-r-xl); color: #fff; transition: transform var(--ek-med) var(--ek-ease), box-shadow var(--ek-med) var(--ek-ease); }
.home-promo:hover { transform: translateY(-4px); box-shadow: var(--ek-shadow-lg); }
.home-promo-game { background: radial-gradient(70% 90% at 60% 40%, rgba(255, 90, 60, .55), transparent 70%), var(--ek-grad-orange); }
.home-promo-dealer { background: radial-gradient(60% 70% at 100% 100%, rgba(35, 104, 255, .55), transparent 72%), linear-gradient(160deg, #0E1D45, var(--ek-ink-900)); }
.home-promo-pill { display: inline-flex; align-items: center; height: 24px; padding: 0 12px; border-radius: 99px; background: rgba(255, 255, 255, .22); font-size: .6875rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.home-promo-dealer .home-promo-pill { background: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .85); }
.home-promo-title { margin: 14px 0 8px; max-width: 250px; font-size: clamp(1.4rem, 1.1rem + .8vw, 1.75rem); line-height: 1.15; letter-spacing: -.025em; color: #fff; }
.home-promo-text { max-width: 230px; margin: 0 0 20px; font-size: .8125rem; line-height: 1.55; font-weight: 500; color: rgba(255, 255, 255, .85); }
.home-promo .btn-ek { margin-top: auto; }
.home-promo-game .home-promo-title { max-width: 228px; }
.home-promo-btn { background: #fff; color: #0B1736; }
.home-promo-btn:hover { color: #0B1736; box-shadow: 0 10px 24px rgba(120, 40, 0, .25); }
.home-promo-ring { position: absolute; z-index: -1; right: -10px; bottom: 30px; width: 190px; height: 110px; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, .28); }
.home-promo-ring::before, .home-promo-ring::after { content: ""; position: absolute; background: rgba(255, 255, 255, .28); }
.home-promo-ring::before { left: 50%; top: 18px; bottom: 18px; width: 1.5px; }
.home-promo-ring::after { left: 30%; right: 30%; top: 50%; height: 1.5px; }
.home-promo-chips { position: absolute; z-index: -1; right: 24px; bottom: 26px; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; margin: 0; padding: 0; list-style: none; }
.home-promo-chips li { padding: 4px 12px; border-radius: 8px; background: rgba(255, 255, 255, .2); border: 1px solid rgba(255, 255, 255, .25); font-size: .75rem; font-weight: 700; backdrop-filter: blur(4px); }
.home-promo-chips li:nth-child(1) { margin-right: 18px; }
.home-promo-chips li:nth-child(2) { margin-right: 4px; }
.home-code { position: absolute; z-index: -1; right: 22px; bottom: 22px; width: 150px; padding: 12px 14px 14px; border-radius: 12px; background: #0A1630; border: 1px solid rgba(255, 255, 255, .12); box-shadow: 0 14px 30px rgba(0, 0, 0, .35); }
.home-code-dots { display: flex; gap: 5px; margin-bottom: 10px; }
.home-code-dots i { width: 7px; height: 7px; border-radius: 50%; background: #F04438; }
.home-code-dots i:nth-child(2) { background: #FFB020; }
.home-code-dots i:nth-child(3) { background: #12B76A; }
.home-code-req { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; font-family: var(--ek-mono); font-size: .66rem; color: #fff; white-space: nowrap; }
.home-code-req span { padding: 1px 5px; border-radius: 4px; background: rgba(18, 183, 106, .18); color: #3CD68C; font-weight: 700; font-size: .6rem; }
.home-code-line { display: block; height: 3px; border-radius: 2px; margin-top: 8px; }

/* ---------- Güven bandı ---------- */
.home-trust-wrap { padding-top: 20px; }
.home-trust { display: flex; padding: 22px 0; border-radius: 24px; background: var(--ek-card); border: 1px solid var(--ek-border); box-shadow: var(--ek-shadow-sm); }
.home-trust-item { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; gap: 14px; padding: 0 24px; }
.home-trust-item:first-child { justify-content: flex-start; padding-left: 28px; }
.home-trust-item:last-child { justify-content: flex-end; padding-right: 28px; }
@media (min-width: 1400px) { .home-trust-item small { white-space: nowrap; } }
.home-trust-item + .home-trust-item { border-left: 1px solid var(--ek-border); }
.home-trust-item .ek-ibox { --s: 48px; border-radius: 14px; font-size: 1.15rem; }
.home-trust-item b { display: block; font-size: .9375rem; font-weight: 800; }
.home-trust-item small { display: block; font-size: .8125rem; color: var(--ek-text-2); font-weight: 500; }

/* ---------- Platform kartları ---------- */
.home-plat-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 16px; }
.ek-platform-card.home-plat { aspect-ratio: 146 / 176; padding: 18px; border-radius: 22px; }
.ek-platform-card.home-plat .bi, .home-plat .ek-kick-glyph { font-size: inherit; }
.home-plat-ic { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; background: rgba(255, 255, 255, .22); font-size: 1.35rem; backdrop-filter: blur(4px); position: relative; z-index: 1; }
.home-plat-go { position: absolute; top: 18px; right: 18px; z-index: 1; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .22); font-size: .75rem; transition: transform var(--ek-med) var(--ek-ease), background-color var(--ek-fast); }
.home-plat:hover .home-plat-go { transform: rotate(45deg); background: rgba(255, 255, 255, .35); }
.home-plat-bg { position: absolute; right: -18px; bottom: -22px; font-size: 7.5rem !important; line-height: 1; opacity: .14; pointer-events: none; }
.home-plat-txt { position: relative; z-index: 1; display: flex; flex-direction: column; }
.home-plat-txt b { font-family: var(--ek-font); font-size: 1.0625rem; font-weight: 800; line-height: 1.25; }
.home-plat-txt small { font-size: .8125rem; opacity: .85; font-weight: 500; }
.home-plat.bg-kick:hover { color: #0B1736; }
.home-plat.bg-kick .home-plat-ic, .home-plat.bg-kick .home-plat-go { background: rgba(11, 23, 54, .14); }
.home-plat.bg-x .home-plat-ic, .home-plat.bg-threads .home-plat-ic { background: rgba(255, 255, 255, .16); }

.home-others { flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 24px; }
.home-others-label { font-size: .8125rem; font-weight: 700; color: var(--ek-text-2); }
.home-others a { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; border-radius: 99px; background: var(--ek-card); border: 1px solid var(--ek-border); color: var(--ek-text); font-size: .8125rem; font-weight: 600; transition: all var(--ek-fast) var(--ek-ease); }
.home-others a:hover { border-color: var(--ek-blue); color: var(--ek-blue); transform: translateY(-1px); }
.home-others a i { width: 7px; height: 7px; border-radius: 50%; }

/* ---------- Neden EK Takip ---------- */
.home-why-row { --bs-gutter-x: 48px; --bs-gutter-y: 32px; }
.home-why-text { margin: 18px 0 24px; color: var(--ek-text-2); font-size: 1rem; line-height: 1.7; font-weight: 500; }
.home-gcard { display: inline-flex; align-items: center; gap: 12px; padding: 12px 18px 12px 14px; border-radius: 18px; background: var(--ek-card); border: 1px solid var(--ek-border); }
.home-gbox { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--ek-bg); }
.home-gcard small { display: block; font-size: .75rem; color: var(--ek-text-2); font-weight: 500; }
.home-why { height: 100%; min-height: 212px; padding: 22px; border-radius: var(--ek-r-lg); background: var(--ek-card); border: 1px solid var(--ek-border); transition: transform var(--ek-med) var(--ek-ease), box-shadow var(--ek-med) var(--ek-ease), border-color var(--ek-med); }
.home-why:hover { transform: translateY(-4px); box-shadow: var(--ek-shadow); border-color: color-mix(in srgb, var(--ek-blue) 25%, var(--ek-border)); }
.home-why .ek-ibox { --s: 50px; border-radius: 14px; font-size: 1.2rem; margin-bottom: 22px; }
.home-why h3 { margin: 0 0 10px; font-size: 1.15rem; letter-spacing: -.015em; }
.home-why p { margin: 0; font-size: .875rem; line-height: 1.6; color: var(--ek-text-2); font-weight: 500; }
.home-why-primary { background: var(--ek-grad-blue); border-color: transparent; color: #fff; box-shadow: 0 22px 44px rgba(31, 91, 255, .28); }
.home-why-primary:hover { border-color: transparent; box-shadow: 0 26px 50px rgba(31, 91, 255, .36); }
.home-why-primary h3 { color: #fff; }
.home-why-primary p { color: rgba(255, 255, 255, .82); }

/* 3 adım bandı */
.home-steps {
  position: relative; overflow: hidden; display: grid; grid-template-columns: 266px 1fr; align-items: center; gap: 24px;
  margin-top: 32px; padding: 44px 48px; border-radius: var(--ek-r-xl); color: #fff;
  background:
    radial-gradient(30% 90% at 0% 0%, rgba(35, 104, 255, .42), transparent 72%),
    radial-gradient(28% 90% at 100% 60%, rgba(255, 122, 26, .3), transparent 72%),
    var(--ek-ink-900);
}
.home-steps-title { max-width: 250px; margin: 0; font-size: clamp(1.6rem, 1.2rem + 1vw, 1.8rem); line-height: 1.12; letter-spacing: -.03em; color: #fff; }
.home-steps-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0; padding: 0; list-style: none; }
.home-step-top { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.home-step-ic { width: 52px; height: 52px; flex-shrink: 0; display: grid; place-items: center; border-radius: 15px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .08); font-size: 1.2rem; }
.home-step-ic.is-active { background: var(--ek-grad-blue); border-color: transparent; box-shadow: 0 10px 24px rgba(31, 91, 255, .35); }
.home-step-n { font-family: var(--ek-display); font-weight: 700; font-size: .95rem; color: rgba(255, 255, 255, .45); }
.home-step-line { flex: 1; margin-right: 24px; border-top: 1.5px dashed rgba(255, 255, 255, .2); }
.home-step h3 { margin: 0 0 10px; font-size: 1.15rem; color: #fff; }
.home-step p { margin: 0; max-width: 230px; font-size: .875rem; line-height: 1.6; color: rgba(255, 255, 255, .6); font-weight: 500; }

/* ---------- En çok satanlar (koyu bölüm) ---------- */
.home-best {
  position: relative; overflow: hidden; margin-top: clamp(64px, 7vw, 104px); padding-block: clamp(64px, 6.4vw, 92px); color: #fff;
  background:
    radial-gradient(38% 42% at 10% 0%, rgba(35, 104, 255, .4), transparent 72%),
    radial-gradient(34% 46% at 96% 100%, rgba(255, 122, 26, .2), transparent 72%),
    var(--ek-ink-900);
}
.home-best-intro { max-width: 640px; margin: 0 auto 40px; text-align: center; }
.home-best-intro .home-h2 { color: #fff; margin: 16px 0 12px; }
.home-best-intro p { margin: 0; color: rgba(255, 255, 255, .6); font-weight: 500; }
.home-fire { display: inline-flex; align-items: center; gap: 8px; height: 30px; padding: 0 14px; border-radius: 99px; border: 1px solid rgba(255, 122, 26, .45); background: rgba(255, 122, 26, .08); color: #FF9A3D; font-size: .8125rem; font-weight: 800; }
.home-best-card { height: 100%; padding: 20px; border-radius: 26px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .1); }
.home-best-head { display: flex; align-items: center; gap: 12px; padding: 2px 0 18px; }
.home-best-head .ek-ibox { --s: 46px; border-radius: 13px; font-size: 1.25rem; }
.home-best-head small { display: block; font-size: .75rem; color: rgba(255, 255, 255, .55); font-weight: 600; }
.home-best-head h3 { margin: 0; font-size: 1.15rem; color: #fff; }
.home-best-head a { color: #9CC2FF; font-weight: 800; font-size: .8125rem; white-space: nowrap; }
.home-best-head a:hover { color: #fff; }
.home-best-list { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.home-best-item { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 10px 10px 10px 10px; border-radius: 14px; background: rgba(255, 255, 255, .045); border: 1px solid transparent; transition: background-color var(--ek-fast), border-color var(--ek-fast), transform var(--ek-fast) var(--ek-ease); }
.home-best-item:hover { background: rgba(255, 255, 255, .08); transform: translateX(2px); }
.home-best-item.is-top { background: rgba(31, 91, 255, .12); border-color: rgba(58, 120, 255, .65); }
.home-best-ic { width: 40px; height: 40px; flex-shrink: 0; display: grid; place-items: center; border-radius: 11px; color: var(--tone); background: color-mix(in srgb, var(--tone) 16%, transparent); font-size: 1.05rem; }
.home-best-name { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.home-best-name b { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: .9375rem; font-weight: 700; line-height: 1.3; }
.home-best-name .ek-tag { font-size: .5625rem; padding: 1px 6px; }
.home-best-name small { font-size: .75rem; color: rgba(255, 255, 255, .5); font-weight: 500; }
.home-best-price { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.home-best-price s { font-size: .6875rem; color: rgba(255, 255, 255, .4); font-weight: 600; }
.home-best-price b { font-family: var(--ek-font); font-size: 1rem; font-weight: 800; white-space: nowrap; }
.home-best-add { width: 38px; height: 38px; flex-shrink: 0; display: grid; place-items: center; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .08); color: #fff; font-size: 1rem; transition: all var(--ek-fast) var(--ek-ease); }
.home-best-add:hover, .home-best-item.is-top .home-best-add { background: var(--ek-grad-blue); border-color: transparent; box-shadow: 0 8px 18px rgba(31, 91, 255, .35); }
.home-best-add:hover { transform: scale(1.06); }
.home-best-add.is-added { background: var(--ek-success); border-color: transparent; }
.home-best-item { position: relative; }
.home-best-link { color: inherit; }
.home-best-link:hover, .home-best-link:focus-visible { color: #9CC2FF; }
.home-kombo .btn-ek:disabled { opacity: .6; cursor: not-allowed; }
@media (min-width: 576px) {
  .home-best-item { gap: 10px; }
  .home-best-name { padding-right: 50px; }
  .home-best-name b { gap: 5px; }
  .home-best-name .ek-tag { font-size: .5rem; padding: 2px 5px; letter-spacing: .04em; }
  .home-best-name b { font-size: .9375rem; font-weight: 600; }
  .home-best-price { position: absolute; right: 60px; top: 50%; transform: translateY(-50%); }
}
.home-best-tabs { display: flex; gap: 8px; margin: -12px 0 20px; overflow-x: auto; scrollbar-width: none; }
.home-best-tabs::-webkit-scrollbar { display: none; }
.home-best-tabs button { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px 0 8px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .05); color: rgba(255, 255, 255, .75); font-weight: 700; font-size: .875rem; white-space: nowrap; }
.home-best-tabs button.active { background: #fff; color: #0B1736; border-color: #fff; }
.home-best-tabs .ek-ibox { --s: 24px; border-radius: 7px; font-size: .75rem; }

/* ---------- İstatistik bandı ---------- */
.home-stats-wrap { padding-top: 72px; }
.home-stats { position: relative; overflow: hidden; display: grid; grid-template-columns: repeat(4, 1fr); padding: 36px 0; border-radius: var(--ek-r-xl); background: var(--ek-grad-blue); color: #fff; box-shadow: 0 26px 56px rgba(31, 91, 255, .26); }
.home-stats-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .14); pointer-events: none; }
.home-stat { position: relative; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 0 20px; }
.home-stat + .home-stat::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 1px; background: rgba(255, 255, 255, .2); }
.home-stat-ic { width: 58px; height: 58px; flex-shrink: 0; display: grid; place-items: center; border-radius: 16px; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .2); font-size: 1.35rem; }
.home-stat b { display: block; font-family: var(--ek-display); font-size: clamp(1.75rem, 1.2rem + 1.2vw, 2.25rem); font-weight: 700; line-height: 1.05; letter-spacing: -.03em; }
.home-stat small { display: block; margin-top: 4px; font-size: .875rem; font-weight: 600; color: rgba(255, 255, 255, .85); }

/* ---------- Kombo paketler ---------- */
.home-kombo-tabs { display: inline-flex; gap: 4px; padding: 5px; border-radius: 16px; background: var(--ek-subtle); }
.home-kombo-tabs button { display: inline-flex; align-items: center; gap: 9px; height: 42px; padding: 0 16px 0 10px; border: 0; border-radius: 12px; background: none; color: var(--ek-text-2); font-weight: 700; font-size: .9375rem; transition: all var(--ek-fast) var(--ek-ease); }
.home-kombo-tabs button:hover { color: var(--ek-text); }
.home-kombo-tabs button.active { background: var(--ek-card); color: var(--ek-text); font-weight: 800; box-shadow: var(--ek-shadow-sm); }
.home-kombo-tabs .ek-ibox { --s: 24px; border-radius: 7px; font-size: .75rem; }
.home-kombo { position: relative; display: flex; flex-direction: column; height: 100%; padding: 24px; border-radius: 26px; background: var(--ek-card); border: 1px solid var(--ek-border); transition: transform var(--ek-med) var(--ek-ease), box-shadow var(--ek-med) var(--ek-ease); }
.home-kombo:hover { transform: translateY(-4px); box-shadow: var(--ek-shadow); }
.home-kombo-head { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.home-kombo-head h3 { margin: 0; font-size: 1.15rem; font-family: var(--ek-font); font-weight: 800; letter-spacing: -.01em; }
.home-kombo-head small { display: block; font-size: .8125rem; color: var(--ek-muted); font-weight: 500; }
.home-kombo-ic { width: 48px; height: 48px; flex-shrink: 0; display: grid; place-items: center; border-radius: 14px; color: #fff; font-size: 1.25rem; }
.home-kombo-ic.is-bronze { background: linear-gradient(140deg, #E9A56A, #B8682E); }
.home-kombo-ic.is-silver { background: linear-gradient(140deg, #DDE2EA, #A4ADBC); }
.home-kombo-ic.is-gold { background: linear-gradient(140deg, #FFD15C, #FF9F1A); }
.home-kombo-ic.is-platinum { background: var(--ek-grad-blue); }
.home-kombo-old { display: flex; align-items: center; gap: 8px; }
.home-kombo-old s { font-size: .875rem; font-weight: 600; color: var(--ek-muted); }
.home-kombo-off { padding: 1px 8px; border-radius: 7px; background: rgba(18, 183, 106, .12); color: var(--ek-success); font-size: .75rem; font-weight: 800; }
.home-kombo-price { display: flex; align-items: baseline; gap: 8px; padding: 2px 0 20px; margin-bottom: 20px; border-bottom: 1px solid var(--ek-border); }
.home-kombo-price b { font-family: var(--ek-display); font-size: clamp(2rem, 1.5rem + 1vw, 2.25rem); font-weight: 800; letter-spacing: -.035em; line-height: 1.1; white-space: nowrap; }
.home-kombo-price span { font-size: .8125rem; color: var(--ek-muted); font-weight: 500; white-space: nowrap; }
.home-kombo-feat { display: flex; flex-direction: column; gap: 12px; margin: 0 0 24px; padding: 0; list-style: none; font-size: .875rem; color: var(--ek-text-2); font-weight: 500; }
.home-kombo-feat li { position: relative; padding-left: 30px; line-height: 1.45; }
.home-kombo-feat li::before { content: "\F26E"; font-family: "bootstrap-icons"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; font-size: .85rem; line-height: 1; background: var(--chk-bg, rgba(31, 91, 255, .1)); color: var(--chk, var(--ek-blue)); }
.home-kombo-feat b { color: var(--ek-text); font-weight: 800; }
.home-kombo[data-tier="bronz"] { --chk: #C97A3D; --chk-bg: rgba(201, 122, 61, .14); }
.home-kombo[data-tier="gumus"] { --chk: #7D8697; --chk-bg: rgba(125, 134, 151, .14); }
.home-kombo .btn-ek { margin-top: auto; }
.home-kombo-foot { margin: 14px 0 0; text-align: center; font-size: .75rem; color: var(--ek-muted); font-weight: 600; }
.home-kombo.is-gold {
  border: 2px solid var(--ek-blue); color: #fff; transform: translateY(-6px);
  background: radial-gradient(90% 45% at 50% 0%, rgba(35, 104, 255, .35), transparent 70%), var(--ek-ink-900);
  box-shadow: 0 28px 60px rgba(31, 91, 255, .3);
}
.home-kombo.is-gold:hover { transform: translateY(-10px); box-shadow: 0 32px 70px rgba(31, 91, 255, .38); }
.home-kombo.is-gold h3, .home-kombo.is-gold .home-kombo-feat b { color: #fff; }
.home-kombo.is-gold small, .home-kombo.is-gold .home-kombo-price span, .home-kombo.is-gold .home-kombo-old s { color: rgba(255, 255, 255, .55); }
.home-kombo.is-gold .home-kombo-off { background: rgba(18, 183, 106, .2); color: #3CD68C; }
.home-kombo.is-gold .home-kombo-price { border-color: rgba(255, 255, 255, .12); }
.home-kombo.is-gold .home-kombo-feat { color: rgba(255, 255, 255, .85); }
.home-kombo.is-gold .home-kombo-feat li::before { background: var(--ek-blue); color: #fff; }
.home-kombo.is-gold .home-kombo-foot { color: #9CC2FF; }
.home-kombo.is-gold .home-kombo-head { padding-right: 84px; }
.home-kombo-flag { position: absolute; top: 20px; right: 20px; padding: 3px 9px; border-radius: 7px; font-size: .625rem; letter-spacing: .06em; }
.home-kombo-feat.is-swapping, .home-kombo-price.is-swapping { animation: ekFade .3s var(--ek-ease); }

/* ---------- Müşteri yorumları ---------- */
.home-rev-row { --bs-gutter-x: 24px; --bs-gutter-y: 24px; }
.home-score {
  position: relative; overflow: hidden; height: 100%; padding: 32px; border-radius: var(--ek-r-xl); color: #fff;
  background:
    radial-gradient(70% 40% at 20% 0%, rgba(35, 104, 255, .4), transparent 72%),
    radial-gradient(60% 40% at 100% 100%, rgba(255, 122, 26, .3), transparent 72%),
    var(--ek-ink-900);
}
.home-score-title { margin: 0 0 22px; font-size: clamp(1.6rem, 1.2rem + 1vw, 1.8rem); line-height: 1.18; letter-spacing: -.03em; color: #fff; }
.home-score-big { display: flex; align-items: center; gap: 14px; margin-bottom: 26px; }
.home-score-big > b { font-family: var(--ek-display); font-size: 4.5rem; font-weight: 800; line-height: .9; letter-spacing: -.04em; background: var(--ek-grad-orange); -webkit-background-clip: text; background-clip: text; color: transparent; }
.home-score-big .home-stars { font-size: 1rem; gap: 5px; }
.home-score-big small { display: block; margin-top: 4px; font-size: .8125rem; color: rgba(255, 255, 255, .78); font-weight: 600; }
.home-score-list { display: grid; gap: 22px; }
.home-score-row { display: flex; align-items: center; gap: 12px; padding: 12px 16px 12px 12px; border-radius: 14px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .12); }
.home-score-ic { width: 38px; height: 38px; flex-shrink: 0; display: grid; place-items: center; border-radius: 10px; background: #fff; font-size: 1.1rem; }
.home-score-row b { display: block; font-size: .9375rem; font-weight: 700; }
.home-score-row small { display: block; font-size: .75rem; color: rgba(255, 255, 255, .6); font-weight: 500; }
.home-score-row strong { font-family: var(--ek-display); font-size: 1.4rem; font-weight: 700; }
.home-rev-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 22px; }
.home-rev { display: flex; flex-direction: column; align-items: flex-start; padding: 24px; border-radius: 24px; background: var(--ek-card); border: 1px solid var(--ek-border); transition: transform var(--ek-med) var(--ek-ease), box-shadow var(--ek-med) var(--ek-ease); }
.home-rev:hover { transform: translateY(-4px); box-shadow: var(--ek-shadow); }
.home-rev-head { display: flex; align-items: flex-start; gap: 12px; width: 100%; margin-bottom: 16px; }
.home-rev-head b { display: block; font-size: 1rem; font-weight: 800; line-height: 1.3; }
.home-rev-head small { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; font-size: .71875rem; color: var(--ek-muted); font-weight: 500; }
.home-verified { display: inline-flex; align-items: center; gap: 4px; color: var(--ek-success); font-weight: 700; }
.home-rev-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; }
.home-rev-meta time { font-size: .75rem; color: var(--ek-muted); font-weight: 600; }
.home-rev p { margin: 0 0 16px; font-size: .9375rem; line-height: 1.6; color: var(--ek-text-2); font-weight: 500; }
.home-rev-tag { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding: 4px 10px; border-radius: 8px; background: var(--ek-subtle); color: var(--ek-blue); font-size: .75rem; font-weight: 800; }
.home-rev-all { display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; margin-top: 22px; border-radius: 16px; background: var(--ek-card); border: 1px solid var(--ek-border); color: var(--ek-text); font-weight: 800; font-size: .9375rem; transition: all var(--ek-fast) var(--ek-ease); }
.home-rev-all:hover { color: var(--ek-blue); border-color: var(--ek-blue); box-shadow: var(--ek-shadow-sm); }
.home-rev-all .bi { transition: transform var(--ek-fast); }
.home-rev-all:hover .bi { transform: translateX(3px); }

@media (min-width: 1400px) {
  .home-rev-row > .col-lg-4 { flex: 0 0 424px; width: 424px; }
  .home-rev-row > .col-lg-8 { flex: 1 1 0; width: auto; }
}

/* ---------- SSS ---------- */
.home-faq-row { --bs-gutter-x: 48px; --bs-gutter-y: 24px; }
.home-faq-side { position: sticky; top: calc(var(--ek-header-h) + 80px); }
.home-faq-side .home-why-text { margin-bottom: 0; }
.home-support { position: relative; overflow: hidden; margin-top: 24px; padding: 24px; border-radius: 26px; background: var(--ek-grad-blue); color: #fff; box-shadow: 0 24px 50px rgba(31, 91, 255, .28); }
.home-support-ring { position: absolute; right: -90px; top: -60px; width: 230px; height: 230px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .22); }
.home-support-ic { position: relative; }
.home-support-ic::after { content: ""; position: absolute; top: -4px; right: -4px; width: 14px; height: 14px; border-radius: 50%; background: #3CD68C; border: 2.5px solid #2D6BFF; }
.home-support-wa { background: #fff; color: #0B1736; }
.home-support-wa:hover { color: #0B1736; box-shadow: 0 10px 24px rgba(7, 19, 48, .2); }
.home-support-wa .bi { color: var(--ek-success); }
#homeFaq .accordion-button { font-size: 1.0625rem; }

/* ---------- Blog ---------- */
.home-blog { display: flex; flex-direction: column; height: 100%; padding: 10px 10px 22px; border-radius: 24px; background: var(--ek-card); border: 1px solid var(--ek-border); color: var(--ek-text); transition: transform var(--ek-med) var(--ek-ease), box-shadow var(--ek-med) var(--ek-ease); }
.home-blog:hover { color: var(--ek-text); transform: translateY(-4px); box-shadow: var(--ek-shadow); }
.home-blog-cover { position: relative; overflow: hidden; display: block; height: 176px; margin-bottom: 16px; border-radius: 16px; }
.home-blog-cover::before, .home-blog-cover::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .28); }
.home-blog-cover::before { width: 170px; height: 170px; left: -30px; top: -50px; }
.home-blog-cover::after { width: 150px; height: 150px; right: -20px; bottom: -70px; }
.home-blog-cover > .bi { position: absolute; right: 26px; bottom: 26px; font-size: 4.6rem; line-height: 1; color: rgba(255, 255, 255, .35); transition: transform var(--ek-med) var(--ek-ease); }
.home-blog:hover .home-blog-cover > .bi { transform: scale(1.08) rotate(-4deg); }
.home-blog-tag { position: absolute; z-index: 1; left: 14px; top: 14px; padding: 4px 10px; border-radius: 8px; background: #fff; color: #0B1736; font-size: .6875rem; font-weight: 800; }
.home-blog-meta { padding: 0 10px; font-size: .75rem; color: var(--ek-muted); font-weight: 600; }
.home-blog h3 { margin: 8px 0 10px; padding: 0 10px; font-family: var(--ek-font); font-size: 1.0625rem; font-weight: 700; line-height: 1.4; letter-spacing: -.01em; }
.home-blog-more { margin-top: auto; padding: 0 10px; color: var(--ek-blue); font-size: .875rem; font-weight: 800; }
.home-blog-more .bi { display: inline-block; transition: transform var(--ek-fast); }
.home-blog:hover .home-blog-more .bi { transform: translateX(3px); }

/* ---------- Alt CTA ---------- */
.home-cta { position: relative; overflow: hidden; display: flex; align-items: center; min-height: 280px; padding: 48px 400px 48px 56px; border-radius: var(--ek-r-xl); background: var(--ek-grad-blue); color: #fff; box-shadow: 0 30px 60px rgba(31, 91, 255, .25); }
.home-cta-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .18); pointer-events: none; }
.home-cta-body { position: relative; z-index: 1; }
.home-cta h2 { margin: 0 0 10px; font-size: clamp(1.9rem, 1.2rem + 2vw, 2.48rem); letter-spacing: -.035em; color: #fff; }
.home-cta p { margin: 0 0 28px; font-size: 1.0625rem; font-weight: 500; color: rgba(255, 255, 255, .9); }
.home-cta-main { background: #fff; color: var(--ek-blue); }
.home-cta-main:hover { color: var(--ek-blue-600); box-shadow: 0 14px 30px rgba(7, 19, 48, .22); }
.home-cta-logo { position: absolute; z-index: 1; right: 108px; top: 50%; width: 252px; height: 252px; margin-top: -126px; display: grid; place-items: center; border-radius: 72px; background: #F4F8FF; box-shadow: 0 30px 60px rgba(7, 19, 48, .25); transition: transform .5s var(--ek-ease); }
.home-cta:hover .home-cta-logo { transform: translateY(-4px) rotate(-2deg); }

/* ---------- Karanlık tema ince ayarları ---------- */
[data-bs-theme="dark"] .home-trust, [data-bs-theme="dark"] .home-why:not(.home-why-primary) { box-shadow: none; }
[data-bs-theme="dark"] .home-kombo-tabs { background: var(--ek-tint); }
[data-bs-theme="dark"] .home-cta-logo { background: #EEF4FF; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1399.98px) {
  .home-hero-content { max-width: 400px; }
  .home-hero-title { font-size: clamp(2.25rem, 1.3rem + 2.6vw, 2.7rem); }
  .home-plat-txt b { font-size: .9375rem; }
  .home-plat-bg { font-size: 6.4rem !important; }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .home-hero { padding: 40px; }
  .home-visual { transform: scale(.82); transform-origin: right top; right: 8px; top: 56px; }
  .home-hero-content { max-width: 360px; }
  .home-trust-item { padding: 0 18px; }
  .home-kombo { padding: 20px; }
  .home-proof .home-avatars { display: none; }
}
@media (min-width: 1200px) and (max-width: 1399.98px), (max-width: 991.98px) {
  .home-promo-chips, .home-code { display: none; }
}
@media (max-width: 1199.98px) {
  .home-hero { min-height: 520px; }
  .home-promos { display: grid; grid-template-columns: 1fr 1fr; }
  .home-plat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ek-platform-card.home-plat { aspect-ratio: 1.3 / 1; }
  .home-trust { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 20px; }
  .home-trust-item, .home-trust-item:first-child, .home-trust-item:last-child { justify-content: flex-start; padding: 0 24px; }
  .home-trust-item:nth-child(3) { border-left: 0; }
  .home-steps { grid-template-columns: 1fr; padding: 36px; }
  .home-stats { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }
  .home-stat:nth-of-type(3)::before { display: none; }
  .home-stat { justify-content: flex-start; padding: 0 32px; }
}
@media (max-width: 991.98px) {
  .home-hero { min-height: 0; }
  .home-why-row, .home-faq-row { --bs-gutter-x: 24px; }
  .home-hero-content { max-width: 560px; }
  .home-best-col:not(.is-active) { display: none; }
  .home-best-intro { margin-bottom: 28px; }
  .home-faq-side { position: static; }
  .home-rev-grid { gap: 16px; }
  .home-cta { padding: 40px 280px 40px 40px; }
  .home-cta-logo { right: 48px; width: 190px; height: 190px; margin-top: -95px; border-radius: 56px; }
  .home-cta-logo svg { width: 120px; }
  .home-kombo.is-gold, .home-kombo.is-gold:hover { transform: none; }
}
@media (max-width: 767.98px) {
  .home-hero { padding: 28px 22px 24px; border-radius: 26px; }
  .home-hero-title { margin: 18px 0 14px; }
  .home-hero-lead { font-size: .9375rem; margin-bottom: 18px; }
  .home-steps-list { grid-template-columns: 1fr; gap: 24px; }
  .home-step-line { display: none; }
  .home-step p { max-width: none; }
  .home-stats { grid-template-columns: repeat(2, 1fr); padding: 26px 0; }
  .home-stat { flex-direction: row; gap: 12px; padding: 0 18px; }
  .home-stat-ic { width: 44px; height: 44px; border-radius: 13px; font-size: 1.1rem; }
  .home-stat + .home-stat::before { display: none; }
  .home-cta { flex-direction: column; align-items: flex-start; padding: 32px 26px; }
  .home-cta-logo { top: auto; right: -40px; bottom: -40px; margin: 0; width: 160px; height: 160px; border-radius: 46px; opacity: .25; }
  .home-cta-logo svg { width: 90px; }
  /* Mobilde yatay kaydırmalı satırlar (sayfa kaymaz, yalnızca satır kayar) */
  .home-kombo-row, .home-blog-row { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-right: -16px; padding-block: 10px 6px; }
  .home-kombo-row::-webkit-scrollbar, .home-blog-row::-webkit-scrollbar { display: none; }
  .home-kombo-row > *, .home-blog-row > * { flex: 0 0 82%; max-width: 82%; scroll-snap-align: start; }
  .home-kombo-col.is-featured { order: -1; }
  .home-rev-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
  .home-rev-grid::-webkit-scrollbar { display: none; }
  .home-rev { flex: 0 0 86%; scroll-snap-align: start; }
}
@media (max-width: 575.98px) {
  .home-top { padding-top: 16px; }
  .home-start { flex-direction: column; align-items: stretch; padding: 6px; border-radius: 18px; }
  .home-start-go { --h: 52px; width: 100%; }
  .home-promos { display: flex; flex-direction: row; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-right: -16px; }
  .home-promos::-webkit-scrollbar { display: none; }
  .home-promo { flex: 0 0 86%; min-height: 0; padding: 22px; scroll-snap-align: start; }
  .home-promo-chips, .home-code { display: none; }
  .home-promo-title { font-size: 1.35rem; margin-top: 12px; }
  .home-promo-text { display: none; }
  .home-promo .btn-ek { margin-top: 14px; --h: 36px; font-size: .8125rem; }
  .home-trust { grid-template-columns: 1fr 1fr; padding: 16px 0; row-gap: 16px; }
  .home-trust-item, .home-trust-item:first-child, .home-trust-item:last-child { flex-direction: column; align-items: flex-start; gap: 8px; padding: 0 16px; }
  .home-trust-item small { font-size: .75rem; }
  .home-head { align-items: center; margin-bottom: 16px; }
  .home-head .home-h2 { margin: 0; font-size: 1.4rem; }
  .home-kombo-tabs { width: 100%; overflow-x: auto; }
  .home-kombo-tabs button { flex: 1; justify-content: center; height: 38px; font-size: .8125rem; padding: 0 10px 0 6px; }
  .home-plat-grid { gap: 10px; }
  .ek-platform-card.home-plat { aspect-ratio: 1 / 1.02; align-items: center; justify-content: center; gap: 6px; padding: 8px; border-radius: 18px; text-align: center; }
  .home-plat-ic { width: auto; height: auto; background: none !important; backdrop-filter: none; font-size: 1.35rem; }
  .home-plat-go, .home-plat-bg, .home-plat-txt small { display: none; }
  .home-plat-txt b { font-size: .75rem; }
  .home-why-text { font-size: .9375rem; }
  .home-why { min-height: 0; }
  .home-steps { padding: 28px 22px; }
  .home-best-card { padding: 14px; }
  .home-best-head { padding-bottom: 14px; }
  .home-best-item { gap: 10px; padding: 10px; }
  .home-best-ic { width: 36px; height: 36px; }
  .home-best-name .ek-tag { display: none; }
  .home-stat b { font-size: 1.6rem; }
  .home-stat small { font-size: .75rem; }
  .home-score { padding: 24px; }
  .home-score-big > b { font-size: 3.6rem; }
  .home-score-list { gap: 12px; }
  .home-rev { padding: 20px; }
  .home-rev-head { flex-wrap: wrap; }
  .home-rev-meta { flex-direction: row; width: 100%; justify-content: space-between; order: 3; }
  #homeFaq .accordion-button { font-size: .9375rem; padding: 16px 16px 16px 18px; }
  #homeFaq .accordion-body { padding: 0 18px 18px; font-size: .875rem; }
  .home-why-row .row { --bs-gutter-x: 12px; --bs-gutter-y: 12px; }
  .home-why { padding: 16px; border-radius: 18px; }
  .home-why .ek-ibox { --s: 40px; border-radius: 12px; font-size: 1rem; margin-bottom: 14px; }
  .home-why h3 { font-size: 1rem; margin-bottom: 6px; }
  .home-why p { font-size: .78rem; line-height: 1.5; }
}