/* KoçakPin shared storefront theme. Loaded after legacy styles to preserve markup and behavior. */
:root {
  color-scheme: dark;
  --kp-bg: #090b12;
  --kp-bg-elevated: #1c120c;
  --kp-surface: #281a11;
  --kp-surface-hover: #392418;
  --kp-border: rgba(193, 136, 104, .12);
  --kp-border-strong: rgba(193, 136, 104, .22);
  --kp-primary: #ff7b1f;
  --kp-primary-hover: #ff7f25;
  --kp-secondary: #ff2e0b;
  --kp-text: #fff9f5;
  --kp-muted: #a2acc2;
  --kp-subtle: #77829a;
  --kp-success: #29c88a;
  --kp-warning: #ffbb55;
  --kp-danger: #ff647c;
  --kp-radius-sm: 8px;
  --kp-radius-md: 12px;
  --kp-radius-lg: 18px;
  --kp-content-width: 1440px;

  /* Compatibility tokens used throughout the existing PHP views. */
  --gs-bg: var(--kp-bg);
  --gs-bg-elevated: var(--kp-bg-elevated);
  --gs-bg-card: var(--kp-surface);
  --gs-border: var(--kp-border);
  --gs-blue: var(--kp-primary);
  --gs-blue-hover: var(--kp-primary-hover);
  --gs-indigo: #dc7831;
  --gs-primary: var(--kp-primary);
  --gs-primary-hover: var(--kp-primary-hover);
  --gs-amber: var(--kp-warning);
  --gs-green: var(--kp-success);
  --gs-purple: var(--kp-primary);
  --gs-orange: var(--kp-secondary);
  --gs-text: var(--kp-text);
  --gs-muted: var(--kp-muted);
  --gs-cyan: var(--kp-secondary);
  --gs-glow: rgba(255, 123, 31, .22);
  --gs-radius: var(--kp-radius-lg);
  --primary: linear-gradient(135deg, #ff7b1f, #ff2e0b);
  --primary-solid: var(--kp-primary);
  --primary-2: var(--kp-secondary);
  --bg: var(--kp-bg);
  --surface: var(--kp-surface);
  --card-bg: var(--kp-surface);
  --text: var(--kp-text);
  --text-color: var(--kp-text);
  --text-muted: var(--kp-muted);
  --muted-text-color: var(--kp-muted);
  --border-color: var(--kp-border);
  --accent-orange: var(--kp-primary);
  --accent-gold: var(--kp-secondary);
  --shadow-soft: 0 16px 42px rgba(0, 0, 0, .28);
  --ring: rgba(255, 123, 31, .35);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --kp-bg: #090b12;
  --kp-bg-elevated: #1c120c;
  --kp-surface: #281a11;
  --kp-surface-hover: #392418;
  --kp-border: rgba(193, 136, 104, .12);
  --kp-border-strong: rgba(193, 136, 104, .22);
  --kp-text: #fff9f5;
  --kp-muted: #a2acc2;
  --kp-subtle: #77829a;
}

html[data-theme="light"] {
  color-scheme: light;
  --kp-bg: #fcf8f5;
  --kp-bg-elevated: #f3e5dd;
  --kp-surface: #ffffff;
  --kp-surface-hover: #f8f0eb;
  --kp-border: rgba(68, 44, 30, .10);
  --kp-border-strong: rgba(68, 44, 30, .18);
  --kp-text: #171b2b;
  --kp-muted: #4e5870;
  --kp-subtle: #6b758b;
}

html[data-theme="dark"] body,
html[data-theme="dark"] body::before {
  background-color: var(--kp-bg) !important;
  background-image: none !important;
  color: var(--kp-text) !important;
}
html[data-theme="light"] body,
html[data-theme="light"] body::before {
  background-color: var(--kp-bg) !important;
  background-image: none !important;
  color: var(--kp-text) !important;
}

body { font-family: Inter, "Segoe UI", Arial, sans-serif; }
a { text-decoration-thickness: .06em; text-underline-offset: .18em; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--kp-secondary) !important; outline-offset: 3px; }

.frontend-header,
.frontend-header .header-top,
.frontend-header .header-nav,
.frontend-header .topbar {
  background: color-mix(in srgb, var(--kp-bg-elevated) 94%, transparent) !important;
  color: var(--kp-text) !important;
  border-color: var(--kp-border) !important;
}
.frontend-header { border-bottom: 1px solid var(--kp-border); box-shadow: 0 12px 34px rgba(0,0,0,.16); }
.frontend-header .header-content,
.frontend-header .topbar-content,
.frontend-header .gs-nav-inner { max-width: var(--kp-content-width); }
.topbar-contact { color: var(--kp-muted) !important; }
.topbar-contact:hover, .site-nav-link:hover { color: var(--kp-text) !important; }
.header-search-box,
.header-search-container .header-search-box {
  background: var(--kp-surface) !important;
  border: 1px solid var(--kp-border-strong) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.header-search-box:focus-within { border-color: var(--kp-primary) !important; box-shadow: 0 0 0 3px var(--ring) !important; }
.header-search-input { color: var(--kp-text) !important; }
.header-search-input::placeholder { color: var(--kp-subtle) !important; }
.header-search-btn, .gs-icon-btn, .theme-toggle-btn {
  border-color: var(--kp-border) !important;
  color: var(--kp-text) !important;
}
.gs-btn-login, .btn-login, .header-search-btn { background: var(--primary) !important; }
.site-nav-link { color: var(--kp-muted) !important; border-radius: 999px; }
.site-nav-link.is-active, .site-nav-link.is-deal { color: var(--kp-text) !important; }
.site-nav-link.is-active { background: rgba(255,123,31,.14); }
.oa-brand { gap: 11px; }
.oa-mark { width: 44px !important; height: 44px !important; object-fit: contain; border-radius: 13px; }
.oa-word { color: var(--kp-text) !important; font-size: 19px; font-weight: 750; letter-spacing: -.035em; }
.oa-word small { color: var(--kp-muted) !important; font-size: 9px; letter-spacing: .14em; }

.hero-showcase-container {
  border: 1px solid var(--kp-border) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, #281a11, #352416 62%, #31180f) !important;
  box-shadow: var(--shadow-soft) !important;
  overflow: hidden;
}
.hero-slide-overlay { background: linear-gradient(90deg, rgba(9,11,18,.88), rgba(9,11,18,.48) 58%, rgba(9,11,18,.08)) !important; }
.hero-brand-badge, .hero-action-pill { border-color: var(--kp-border-strong) !important; background: rgba(40,26,17,.78) !important; color: var(--kp-text) !important; }
.hero-action-pill:hover { background: var(--primary) !important; }
.hero-slide-title { color: var(--kp-text) !important; text-wrap: balance; }
.hero-slide-desc { color: #d1d7e6 !important; }
.hero-bottom-bar-shell { background: var(--kp-bg-elevated) !important; border-top: 1px solid var(--kp-border); }
.hero-tab-btn { color: var(--kp-muted) !important; border-color: var(--kp-border) !important; }
.hero-tab-btn.active { color: var(--kp-text) !important; background: rgba(255,123,31,.16); }
.home-banner-card, .oa-cat-card, .category-card, .server-card, .blog-card,
.oa-vitrin-card, .vitrin-card, .listing-card, .epin-card-home, .hizli-pazar-card,
.customer-review-card, .chart-card, .form-card {
  background: var(--kp-surface) !important;
  color: var(--kp-text) !important;
  border: 1px solid var(--kp-border) !important;
  border-radius: var(--kp-radius-lg) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.14);
}
.home-banner-card:hover, .oa-cat-card:hover, .category-card:hover, .server-card:hover,
.oa-vitrin-card:hover, .vitrin-card:hover, .listing-card:hover, .epin-card-home:hover,
.hizli-pazar-card:hover {
  border-color: rgba(255,123,31,.55) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0,0,0,.22);
}
.oa-vitrin-head h2, .gs-deals-title, .section-title, .categories-title,
.category-section-head h2, .cr-title { color: var(--kp-text) !important; }
.section-subtitle, .cr-subtitle, .vitrin-card-category, .vitrin-card-title,
.vitrin-seller-username, .cr-date { color: var(--kp-muted) !important; }
.vitrin-card-delivery, .gs-price-now, .vitrin-sales-badge { color: var(--kp-secondary) !important; }
.vitrin-card-footer { border-color: var(--kp-border) !important; }
.site-footer, .nf-footer { background: var(--kp-bg-elevated) !important; color: var(--kp-muted) !important; border-top: 1px solid var(--kp-border); }
.nf-advantages { background: var(--kp-surface) !important; border-color: var(--kp-border) !important; }
.nf-logo-text, .nf-about, .nf-adv-text span { color: var(--kp-muted) !important; }
.mobile-bottom-menu { background: color-mix(in srgb, var(--kp-bg-elevated) 96%, transparent) !important; border-color: var(--kp-border) !important; }

html[data-theme="light"] .hero-showcase-container { background: linear-gradient(135deg,#fff,#fff5ed 65%,#ffded7) !important; }
html[data-theme="light"] .hero-slide-overlay { background: linear-gradient(90deg,rgba(9,11,18,.72),rgba(9,11,18,.28) 62%,rgba(9,11,18,.02)) !important; }
html[data-theme="light"] .hero-slide-desc { color: #f8eae2 !important; }
html[data-theme="light"] .frontend-header,
html[data-theme="light"] .frontend-header .header-top,
html[data-theme="light"] .frontend-header .header-nav,
html[data-theme="light"] .frontend-header .topbar { background: rgba(255,255,255,.96) !important; }
html[data-theme="light"] .site-footer, html[data-theme="light"] .nf-footer { background: #f3e5dd !important; }
html[data-theme="light"] .listing-card, html[data-theme="light"] .vitrin-card,
html[data-theme="light"] .oa-vitrin-card, html[data-theme="light"] .epin-card-home,
html[data-theme="light"] .blog-card, html[data-theme="light"] .category-card,
html[data-theme="light"] .server-card, html[data-theme="light"] .hizli-pazar-card,
html[data-theme="light"] .customer-review-card { box-shadow: 0 8px 24px rgba(61,38,24,.06); }

@media (max-width: 720px) {
  .hero-showcase-container { border-radius: 17px !important; }
  .oa-mark { width: 38px !important; height: 38px !important; }
  .oa-word { font-size: 16px; }
  .section-title { font-size: clamp(20px, 6vw, 26px); }
}
/* ==========================================================================
   KoçakPin vitrin katmanı (2026-10)
   Sayfa içindeki eski <style> bloklarından sonra gelse de geçerli olsun diye
   "html body" önekiyle yazıldı. Yalnızca görünümü değiştirir; işaretleme ve
   davranış aynı kalır.
   ========================================================================== */
:root {
  --kp-gradient: linear-gradient(135deg, #ff7b1f 0%, #ff2e0b 100%);
  --kp-section-gap: 56px;
}

/* Üst menü: etkin bağlantı okunur, alt çizgi marka renginde */
html body .frontend-header .site-nav-link.is-active {
  color: var(--kp-text) !important;
  font-weight: 650 !important;
}
html body .frontend-header .site-nav-link.is-active::after {
  background: var(--kp-gradient) !important;
  height: 3px !important;
  border-radius: 3px 3px 0 0 !important;
}
html body .site-nav-link { transition: color .18s ease; }

/* Bölüm başlıkları: tüm ana sayfa bölümleri aynı dili konuşur */
html body .oa-vitrin-head,
html body .gs-deals-header,
html body .oa-partners-head,
html body .om-streamers-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
html body .oa-vitrin-head h2,
html body .gs-deals-title,
html body .hizli-pazar-section .section-title,
html body .oa-partners-head h2,
html body .om-streamers-title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  padding-left: 14px;
  color: var(--kp-text) !important;
  font-size: clamp(20px, 2vw, 24px) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
  line-height: 1.2;
  text-align: left !important;
  text-transform: none !important;
}
html body .oa-vitrin-head h2::before,
html body .gs-deals-title::before,
html body .hizli-pazar-section .section-title::before,
html body .oa-partners-head h2::before,
html body .om-streamers-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12%;
  bottom: 12%;
  width: 4px;
  border-radius: 4px;
  background: var(--kp-gradient);
}
html body .oa-vitrin-head h2 i,
html body .gs-deals-title i { color: var(--kp-secondary) !important; font-size: .85em; }
html body .hizli-pazar-section .section-subtitle,
html body .oa-partners-head p,
html body .om-streamers-sub {
  margin: 6px 0 0 14px !important;
  color: var(--kp-muted) !important;
  font-size: 14px !important;
  text-align: left !important;
}

/* "Tümünü gör" bağlantıları: tek tip, dokunması kolay hap buton */
html body .oa-vitrin-head > a,
html body .gs-see-all,
html body .oa-partners-head > a,
html body .om-streamers-all {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 16px !important;
  border: 1px solid var(--kp-border-strong) !important;
  border-radius: 999px !important;
  background: var(--kp-surface) !important;
  color: var(--kp-text) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
html body .oa-vitrin-head > a:hover,
html body .gs-see-all:hover,
html body .oa-partners-head > a:hover,
html body .om-streamers-all:hover {
  border-color: var(--kp-primary) !important;
  background: var(--kp-surface-hover) !important;
  transform: translateY(-1px);
}
html body .oa-vitrin-head > a::after,
html body .oa-partners-head > a::after,
html body .om-streamers-all::after {
  content: "›";
  font-size: 16px;
  line-height: 1;
  color: var(--kp-secondary);
}

/* Vitrin etiketi: mor üstüne mor yerine okunur, marka renkli rozet */
html body .oa-vitrin-badge {
  z-index: 2;
  background: var(--kp-gradient) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  padding: 4px 10px !important;
  box-shadow: 0 4px 14px rgba(255, 123, 31, .45);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

/* Hızlı Pazar: kartlar satırı boşluksuz doldurur */
html body .hizli-pazar-section { padding: var(--kp-section-gap) 0 12px; }
html body .hizli-pazar-scroll { gap: 14px; padding: 6px 2px 14px; }
html body .hizli-pazar-card {
  flex: 1 0 160px !important;
  width: auto !important;
  max-width: 240px;
  border-radius: var(--kp-radius-lg) !important;
  background: var(--kp-surface) !important;
}
html body .hizli-pazar-img { background: var(--kp-bg-elevated) !important; }
html body .hizli-pazar-img img { object-fit: cover !important; transition: transform .35s ease; }
html body .hizli-pazar-card:hover { border-color: rgba(255,123,31,.6) !important; box-shadow: 0 14px 34px rgba(255,123,31,.22) !important; }
html body .hizli-pazar-card:hover .hizli-pazar-img img { transform: scale(1.04); }

/* Satıcı kartları: ad ve özet taşmadan iki satır */
html body .oa-seller-card {
  padding: 12px 14px !important;
  border-radius: var(--kp-radius-md) !important;
  background: var(--kp-surface) !important;
  border-color: var(--kp-border) !important;
  transition: border-color .18s ease, background .18s ease;
}
html body .oa-seller-card:hover { border-color: rgba(255,123,31,.55) !important; background: var(--kp-surface-hover) !important; }
html body .oa-seller-card img { flex: 0 0 auto; box-shadow: 0 0 0 2px var(--kp-border-strong); }
html body .oa-seller-card > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html body .oa-seller-card > span > strong { color: var(--kp-text); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .oa-seller-card > span > span { color: var(--kp-muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Yayıncılar bölümü: diğer bölümlerle aynı genişlik ve zemin */
html body .om-streamers { background: var(--kp-bg-elevated) !important; border-top: 1px solid var(--kp-border); border-bottom: 1px solid var(--kp-border); }
html body .om-streamers-inner { max-width: 1400px !important; padding: 0 20px !important; }
html[data-theme="light"] body .om-streamers { background: var(--kp-bg-elevated) !important; }

/* Bölümler arası düzenli boşluk */
html body .oa-cats,
html body .oa-market-block,
html body .oa-partners { padding-top: 12px; }

/* --------------------------------------------------------------------------
   Premium katman: marka ışıması, butonlar, logo, kartlar, alt bilgi
   -------------------------------------------------------------------------- */
::selection { background: rgba(255, 123, 31, .38); color: #fff; }
html { scrollbar-color: #4b4f86 var(--kp-bg); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--kp-bg); }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #fb791d, #f8320d); border-radius: 10px; border: 2px solid var(--kp-bg); }

html[data-theme="dark"] body {
  background-image:
    radial-gradient(900px 520px at 6% -8%, rgba(255, 123, 31, .16), transparent 62%),
    radial-gradient(760px 460px at 100% 2%, rgba(255, 46, 11, .10), transparent 60%),
    radial-gradient(900px 600px at 50% 110%, rgba(255, 123, 31, .08), transparent 60%) !important;
  background-attachment: fixed !important;
}
html[data-theme="light"] body {
  background-image:
    radial-gradient(900px 520px at 6% -8%, rgba(255, 123, 31, .10), transparent 62%),
    radial-gradient(760px 460px at 100% 2%, rgba(255, 46, 11, .08), transparent 60%) !important;
  background-attachment: fixed !important;
}

/* Logo: turuncu çerçeve yerine marka ışıması */
html body .oa-brand .oa-mark {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 13px !important;
  box-shadow: 0 8px 22px rgba(255, 123, 31, .38) !important;
  outline: 0 !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
html body .oa-brand:hover .oa-mark { transform: rotate(-6deg) scale(1.05); box-shadow: 0 10px 28px rgba(255, 46, 11, .42) !important; }
html body .oa-word {
  background: linear-gradient(90deg, #ffffff 0%, #ffc69f 55%, #ff5334 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
html body .oa-word small { -webkit-text-fill-color: var(--kp-muted); }
html[data-theme="light"] body .oa-word { background: linear-gradient(90deg, #171b2b, #dc742a); -webkit-background-clip: text; background-clip: text; }

/* Duyuru bandı ve ana çağrı butonları */
html body .gs-announcement { background: linear-gradient(90deg, #bd692e 0%, #fb791d 45%, #e43817 100%) !important; }
html body .gs-btn-register,
html body .lc-custom-support-btn {
  background: var(--kp-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(255, 123, 31, .38) !important;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
html body .gs-btn-register:hover,
html body .lc-custom-support-btn:hover { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 14px 32px rgba(255, 46, 11, .38) !important; }
html body .gs-btn-login { box-shadow: inset 0 0 0 1px rgba(255, 123, 31, .55) !important; }

/* Vitrin / ilan / kategori kartları: ince marka parıltısı */
html body .listing-card:hover,
html body .vitrin-card:hover,
html body .oa-vitrin-card:hover,
html body .oa-cat-card:hover,
html body .epin-card-home:hover {
  box-shadow: 0 18px 40px rgba(0, 0, 0, .32), 0 0 0 1px rgba(255, 123, 31, .45), 0 0 28px rgba(255, 123, 31, .18) !important;
}
html body .hero-showcase-container { box-shadow: 0 30px 80px rgba(0, 0, 0, .38), 0 0 0 1px rgba(255, 123, 31, .18) !important; }

/* Dar ilan kartlarında satış/puan rozetleri kesilmesin: sığmazsa alt satıra geçer */
html body .vitrin-card-footer { flex-wrap: wrap !important; row-gap: 6px !important; }
html body .vitrin-card-footer .vitrin-seller-left { flex: 1 1 auto; min-width: 0; flex-direction: row !important; }
html body .vitrin-card-footer .vitrin-stats-right { margin-left: auto; flex-wrap: nowrap; }

/* --------------------------------------------------------------------------
   Hesap paneli (Hesap Özeti ve tüm hesap sayfalarının yan menüsü)
   -------------------------------------------------------------------------- */
html body .dash-sidebar {
  background: linear-gradient(180deg, rgba(255, 123, 31, .10), transparent 38%), var(--kp-surface) !important;
  border: 1px solid var(--kp-border) !important;
  border-radius: 18px !important;
  padding: 14px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .22);
}
html body .dash-sidebar .profile-box {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  gap: 12px !important;
  background: linear-gradient(135deg, rgba(255, 123, 31, .24), rgba(255, 46, 11, .10)) !important;
  border: 1px solid rgba(255, 123, 31, .38) !important;
  border-radius: 14px !important;
  padding: 10px !important;
}
html body .dash-sidebar .profile-box .avatar {
  position: relative;
  border-radius: 14px !important;
  background: var(--kp-gradient);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .14), 0 8px 20px rgba(255, 123, 31, .38);
}
html body .dash-sidebar .profile-box .avatar img { border-radius: 14px !important; }
html body .dash-sidebar .profile-box .avatar:not(:has(img))::after {
  content: attr(data-initial);
  position: absolute; inset: 0;
  display: grid; place-items: center;
  color: #fff; font-weight: 800; font-size: 22px;
}
html body .dash-sidebar .profile-meta { min-width: 0; }
html body .dash-sidebar .profile-box .name {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: var(--kp-text) !important; font-size: 15px; font-weight: 800;
}
html body .dash-sidebar .profile-sub { margin-top: 2px; color: var(--kp-muted); font-size: 11.5px; }

html body .dash-menu { gap: 4px; margin-top: 12px !important; }
html body .dash-menu .menu-item {
  position: relative;
  gap: 12px !important;
  padding: 9px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--kp-text) !important;
  font-size: 14px !important;
  font-weight: 600;
  transition: background .18s ease, border-color .18s ease;
}
html body .dash-menu .menu-item > i:first-child {
  flex: 0 0 30px;
  width: 30px; height: 30px;
  display: inline-grid; place-items: center;
  border-radius: 9px;
  background: rgba(148, 163, 184, .10);
  color: #ff8d3a;
  font-size: 13px;
}
html body .dash-menu .menu-item:hover { background: rgba(255, 123, 31, .10) !important; border-color: rgba(255, 123, 31, .25) !important; }
html body .dash-menu .menu-item.active {
  background: linear-gradient(90deg, rgba(255, 123, 31, .28), rgba(255, 46, 11, .08)) !important;
  border-color: rgba(255, 123, 31, .55) !important;
}
html body .dash-menu .menu-item.active::before {
  content: "";
  position: absolute; left: -1px; top: 22%; bottom: 22%;
  width: 3px; border-radius: 3px;
  background: var(--kp-gradient);
}
html body .dash-menu .menu-item.active > i:first-child { background: var(--kp-gradient); color: #fff; box-shadow: 0 6px 14px rgba(255, 123, 31, .4); }
html body .dash-menu .sd-arrow { margin-left: auto; font-size: 11px; color: var(--kp-muted); }
html body .dash-menu > a.menu-item:last-child > i:first-child { background: rgba(239, 68, 68, .12); color: #fca5a5; }

/* Hesap Özeti kartları */
html body .dash-grid { gap: 16px !important; }
html body .dash-card {
  position: relative;
  overflow: hidden;
  background: var(--kp-surface) !important;
  border: 1px solid var(--kp-border) !important;
  border-radius: 16px !important;
  padding: 18px !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
html body .dash-card::after {
  content: "";
  position: absolute; right: -46px; top: -46px;
  width: 130px; height: 130px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 123, 31, .20), transparent 70%);
  pointer-events: none;
}
html body .dash-card:hover { transform: translateY(-2px); border-color: rgba(255, 123, 31, .45) !important; box-shadow: 0 14px 34px rgba(0, 0, 0, .26); }
html body .dash-icon {
  width: 42px !important; height: 42px !important;
  border-radius: 12px !important;
  background: var(--kp-gradient) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(255, 123, 31, .35);
  margin-bottom: 12px !important;
}
html body .dash-card:nth-child(2) .dash-icon { background: linear-gradient(135deg, #10b981, #f6230e) !important; box-shadow: 0 8px 18px rgba(16, 185, 129, .3); }
html body .dash-card:nth-child(3) .dash-icon { background: linear-gradient(135deg, #f59e0b, #f43f5e) !important; box-shadow: 0 8px 18px rgba(244, 63, 94, .28); }
html body .dash-card:nth-child(4) .dash-icon { background: linear-gradient(135deg, #f48125, #fd5a19) !important; box-shadow: 0 8px 18px rgba(253, 90, 25, .3); }
html body .dash-title { color: var(--kp-muted) !important; font-size: 12.5px !important; }
html body .dash-value { color: var(--kp-text) !important; font-size: 22px !important; font-weight: 800 !important; letter-spacing: -.02em; }
html body .dash-cta {
  display: inline-flex; align-items: center;
  margin-top: 10px; padding: 8px 14px;
  border-radius: 10px;
  background: var(--kp-gradient);
  color: #fff !important;
  font-weight: 800; font-size: 13px;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(255, 123, 31, .35);
}
html body .dash-cta--ghost { background: transparent; border: 1px solid rgba(255, 123, 31, .55); box-shadow: none; color: #ffb27d !important; }
html body .dash-note { margin-top: 10px; color: #6ee7b7; font-size: 12.5px; font-weight: 700; }
html body .level-progress { height: 12px !important; background: rgba(148, 163, 184, .14) !important; }
html body .level-progress > div { min-width: 8px; border-radius: 8px; background: var(--kp-gradient) !important; box-shadow: 0 0 12px rgba(255, 123, 31, .6); }
html body .dashboard-wrap .panel { border-radius: 16px !important; }
@media (max-width: 1100px) { html body .dash-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 520px) { html body .dash-grid { grid-template-columns: minmax(0, 1fr) !important; } html body .dash-value { font-size: 19px !important; } }

/* --------------------------------------------------------------------------
   Duyurular bandı: sosyal ikonlar + dönen duyurular + hızlı bağlantılar
   -------------------------------------------------------------------------- */
html body .kp-annbar-inner {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 6px 52px 6px 20px !important;
}
html body .kp-annbar-social { display: flex; gap: 6px; flex: 0 0 auto; }
html body .kp-annbar-social a {
  width: 28px; height: 28px;
  display: inline-grid; place-items: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, .14);
  color: #fff !important;
  font-size: 13px;
  text-decoration: none;
  transition: background .15s ease, transform .15s ease;
}
html body .kp-annbar-social a:hover { background: rgba(255, 255, 255, .28); transform: translateY(-1px); }
html body .kp-x { font-size: 13px; font-weight: 800; line-height: 1; }
html body .kp-annbar .gs-announcement-badge { flex: 0 0 auto; }
html body .kp-annbar-ticker { position: relative; flex: 1 1 auto; min-width: 0; height: 22px; overflow: hidden; }
html body .kp-ann-item {
  position: absolute; inset: 0;
  display: block;
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  color: #fff !important;
  font-size: 13px; font-weight: 600; line-height: 22px;
  text-decoration: none;
  opacity: 0; transform: translateY(10px);
  transition: opacity .35s ease, transform .35s ease;
  pointer-events: none;
}
html body .kp-ann-item.is-active { opacity: 1; transform: none; pointer-events: auto; }
html body .kp-ann-item:hover { text-decoration: underline; }
html body .kp-annbar-links { display: flex; gap: 16px; flex: 0 0 auto; }
html body .kp-annbar-links a { color: rgba(255, 255, 255, .9) !important; font-size: 12.5px; font-weight: 700; text-decoration: none; white-space: nowrap; }
html body .kp-annbar-links a:hover { color: #fff !important; }
html body .kp-annbar-links i { color: #ffd166; }
@media (max-width: 1100px) { html body .kp-annbar-links { display: none; } }

/* --------------------------------------------------------------------------
   Vitrin ve popüler kategori ilanları (includes/home_showcase.php)
   -------------------------------------------------------------------------- */
html body .kps-section { padding: 26px 0 8px; }
html body .kps-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
html body .kps-chip {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 38px;
  padding: 6px 14px 6px 8px;
  border: 1px solid var(--kp-border-strong);
  border-radius: 999px;
  background: var(--kp-surface);
  color: var(--kp-text);
  font: inherit; font-size: 13.5px; font-weight: 650;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
html body .kps-chip:hover { border-color: rgba(255, 123, 31, .6); transform: translateY(-1px); }
html body .kps-chip img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; flex: 0 0 24px; }
html body .kps-chip > i { width: 24px; text-align: center; color: var(--kp-secondary); }
html body .kps-chip.is-active { background: var(--kp-gradient); border-color: transparent; color: #fff; box-shadow: 0 8px 20px rgba(255, 123, 31, .35); }
html body .kps-chip.is-active > i { color: #fff; }
html body .kps-chips .kps-chip.is-more { display: none; }
html body .kps-chips.is-expanded .kps-chip.is-more { display: inline-flex; }
html body .kps-chip--more { border-style: dashed; color: #ffb27d; }
html body .kps-tab-panel[hidden] { display: none !important; }
html body .kps-media > img, html body .kps-seller img { font-size: 0; color: transparent; }

html body .kps-info {
  display: flex; align-items: center; gap: 14px;
  margin: 0 0 16px;
  padding: 14px 18px;
  border: 1px solid rgba(255, 123, 31, .35);
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(255, 123, 31, .18), rgba(255, 46, 11, .08) 70%, transparent);
}
html body .kps-info-icon {
  flex: 0 0 48px; width: 48px; height: 48px;
  display: grid; place-items: center;
  border-radius: 14px;
  background: var(--kp-gradient);
  color: #fff; font-size: 20px;
  box-shadow: 0 10px 24px rgba(255, 123, 31, .4);
}
html body .kps-info-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html body .kps-info-text strong { color: var(--kp-text); font-size: 16px; }
html body .kps-info-text span { color: #ff8d3a; font-size: 13.5px; }
html body .kps-info-link { color: var(--kp-text) !important; font-weight: 700; font-size: 13px; text-decoration: none; white-space: nowrap; }
html body .kps-info-link[hidden] { display: none; }
html body .kps-info-btn {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 18px;
  border: 0; border-radius: 999px;
  background: rgba(255, 123, 31, .9);
  color: #fff; font: inherit; font-size: 13.5px; font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(255, 123, 31, .35);
}
html body .kps-info-btn:hover { background: #ff7b1f; }

html body .kps-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
html body .kps-card {
  display: flex; flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--kp-border);
  border-radius: 14px;
  background: var(--kp-surface);
  color: var(--kp-text) !important;
  text-decoration: none !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
html body .kps-card:hover { transform: translateY(-3px); border-color: rgba(255, 123, 31, .55); box-shadow: 0 18px 40px rgba(0, 0, 0, .32), 0 0 26px rgba(255, 123, 31, .18); }
html body .kps-card.is-extra, html body .kps-card.is-hidden { display: none; }
html body .kps-grid.is-filtered .kps-card.is-extra { display: flex; }
html body .kps-grid.is-filtered .kps-card.is-hidden { display: none; }
html body .kps-ribbon {
  display: block;
  padding: 5px 8px;
  background: var(--kp-gradient);
  color: #fff;
  font-size: 11px; font-weight: 800; letter-spacing: .08em;
  text-align: center;
}
html body .kps-media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--kp-bg-elevated); }
html body .kps-media > img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
html body .kps-card:hover .kps-media > img { transform: scale(1.05); }
html body .kps-seller {
  position: absolute; left: 0; right: 0; bottom: 0;
  display: flex; align-items: center; gap: 8px;
  padding: 18px 10px 8px;
  background: linear-gradient(180deg, transparent, rgba(9, 11, 18, .94));
}
html body .kps-seller img { width: 26px; height: 26px; border-radius: 8px; object-fit: cover; flex: 0 0 26px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .2); }
html body .kps-seller span { display: flex; flex-direction: column; min-width: 0; line-height: 1.15; }
html body .kps-seller small { color: rgba(255, 255, 255, .6); font-size: 9.5px; font-weight: 700; letter-spacing: .06em; }
html body .kps-seller b { color: #fff; font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .kps-body { display: flex; flex-direction: column; gap: 5px; flex: 1 1 auto; padding: 10px 12px 12px; }
html body .kps-cat { color: var(--kp-muted); font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .kps-title {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.6em;
  color: var(--kp-text);
  font-size: 13.5px; font-weight: 700; line-height: 1.3;
}
html body .kps-price { display: flex; align-items: baseline; gap: 8px; margin-top: auto; }
html body .kps-price b { color: #fcd34d; font-size: 15px; font-weight: 800; }
html body .kps-price s { color: var(--kp-subtle); font-size: 12px; }
html[data-theme="light"] body .kps-price b { color: #b45309; }

html body .kps-dialog {
  width: min(460px, calc(100vw - 32px));
  padding: 0;
  border: 1px solid rgba(255, 123, 31, .4);
  border-radius: 18px;
  background: var(--kp-surface);
  color: var(--kp-text);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .5);
}
html body .kps-dialog::backdrop { background: rgba(14, 9, 5, .65); backdrop-filter: blur(3px); }
html body .kps-dialog form { padding: 22px; }
html body .kps-dialog h3 { margin: 0 0 10px; font-size: 18px; display: flex; gap: 10px; align-items: center; }
html body .kps-dialog h3 i { color: var(--kp-secondary); }
html body .kps-dialog p, html body .kps-dialog li { color: var(--kp-muted); font-size: 14px; line-height: 1.6; }
html body .kps-dialog ul { margin: 8px 0 0; padding-left: 18px; }
html body .kps-dialog-actions { display: flex; gap: 10px; margin-top: 18px; }
html body .kps-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 16px;
  border: 0; border-radius: 12px;
  background: var(--kp-gradient);
  color: #fff !important;
  font: inherit; font-weight: 700;
  text-decoration: none; cursor: pointer;
}
html body .kps-btn--ghost { background: transparent; border: 1px solid var(--kp-border-strong); color: var(--kp-text) !important; }

@media (max-width: 1200px) { html body .kps-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 860px) {
  html body .kps-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html body .kps-info { flex-wrap: wrap; }
  html body .kps-info-btn { width: 100%; justify-content: center; }
}
@media (max-width: 600px) {
  html body .kps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  html body .kps-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
  html body .kps-chip { flex: 0 0 auto; }
  html body .kps-info-icon { display: none; }
}

/* --------------------------------------------------------------------------
   Nasıl çalışır (2D çizimler) ve Güvence Kasası (CSS 3D) — includes/home_experience.php
   -------------------------------------------------------------------------- */
html body .kpx-how { padding: 56px 0 28px; }
html body .kpx-head { max-width: 680px; margin: 0 auto 30px; text-align: center; }
html body .kpx-eyebrow {
  display: inline-block;
  padding: 5px 12px;
  border: 1px solid rgba(255, 123, 31, .45);
  border-radius: 999px;
  background: rgba(255, 123, 31, .12);
  color: #ffb27d;
  font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
}
html body .kpx-head h2, html body .kpx-vault-copy h2 {
  margin: 12px 0 8px;
  color: var(--kp-text);
  font-size: clamp(26px, 3.4vw, 38px); font-weight: 800; letter-spacing: -.03em; line-height: 1.15;
}
html body .kpx-head p, html body .kpx-vault-copy p { margin: 0; color: var(--kp-muted); font-size: 16px; line-height: 1.6; }
html body .kpx-steps {
  position: relative;
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px;
  margin: 0; padding: 0; list-style: none;
}
html body .kpx-steps::before {
  content: "";
  position: absolute; left: 12%; right: 12%; top: 78px; height: 2px;
  background: repeating-linear-gradient(90deg, rgba(255, 123, 31, .7) 0 10px, transparent 10px 20px);
  animation: kpxDash 1.6s linear infinite;
  z-index: 0;
}
@keyframes kpxDash { to { background-position: 40px 0; } }
html body .kpx-step {
  position: relative; z-index: 1;
  padding: 22px 20px 24px;
  border: 1px solid var(--kp-border);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 123, 31, .10), transparent 55%), var(--kp-surface);
  text-align: center;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  transform-style: preserve-3d;
}
html body .kpx-step:hover { border-color: rgba(255, 123, 31, .55); box-shadow: 0 22px 50px rgba(0, 0, 0, .3), 0 0 30px rgba(255, 123, 31, .18); }
html body .kpx-step-no {
  position: absolute; top: 14px; left: 14px;
  width: 30px; height: 30px;
  display: grid; place-items: center;
  border-radius: 10px;
  background: var(--kp-gradient);
  color: #fff; font-size: 14px; font-weight: 800;
  box-shadow: 0 6px 16px rgba(255, 123, 31, .4);
}
html body .kpx-art { width: 132px; height: 110px; margin: 4px auto 10px; display: block; overflow: visible; filter: drop-shadow(0 14px 24px rgba(255, 123, 31, .28)); }
html body .kpx-step h3 { margin: 0 0 8px; color: var(--kp-text); font-size: 17px; font-weight: 800; }
html body .kpx-step p { margin: 0; color: var(--kp-muted); font-size: 14px; line-height: 1.6; }
html body .kpx-float { animation: kpxFloat 4.5s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
html body .kpx-float--late { animation-delay: -2.2s; }
html body .kpx-pulse { animation: kpxPulse 2.4s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
html body .kpx-orbit { animation: kpxOrbit 5s linear infinite; transform-box: view-box; transform-origin: 60px 50px; }
@keyframes kpxFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes kpxPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@keyframes kpxOrbit { to { transform: rotate(360deg); } }

html body .kpx-vault {
  position: relative;
  overflow: hidden;
  margin: 40px 0 10px;
  padding: 70px 0;
  border-top: 1px solid var(--kp-border);
  border-bottom: 1px solid var(--kp-border);
  background: radial-gradient(700px 400px at 20% 50%, rgba(255, 123, 31, .20), transparent 70%), radial-gradient(600px 380px at 85% 40%, rgba(255, 46, 11, .12), transparent 70%), var(--kp-bg-elevated);
}
html body .kpx-video, html body .kpx-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
html body .kpx-video { object-fit: cover; opacity: .22; }
html body .kpx-vault-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: center; }
html body .kpx-scene { position: relative; height: 340px; display: grid; place-items: center; perspective: 900px; }
html body .kpx-cube {
  --s: 190px;
  position: relative;
  width: var(--s); height: var(--s);
  transform-style: preserve-3d;
  animation: kpxSpin 18s linear infinite;
}
html body .kpx-scene:hover .kpx-cube { animation-duration: 6s; }
@keyframes kpxSpin {
  0% { transform: rotateX(-18deg) rotateY(0deg); }
  50% { transform: rotateX(14deg) rotateY(180deg); }
  100% { transform: rotateX(-18deg) rotateY(360deg); }
}
html body .kpx-face {
  position: absolute; inset: 0;
  display: grid; place-items: center;
  border: 1px solid rgba(255, 131, 45, .55);
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(255, 123, 31, .55), rgba(255, 46, 11, .28));
  box-shadow: inset 0 0 40px rgba(255, 255, 255, .12), 0 0 40px rgba(255, 123, 31, .25);
  color: #fff; font-size: 64px;
  backdrop-filter: blur(4px);
  -webkit-backface-visibility: visible; backface-visibility: visible;
}
html body .kpx-face img { width: 62%; height: 62%; filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .35)); }
html body .kpx-face span { font-size: 86px; font-weight: 800; }
html body .kpx-face--front { transform: translateZ(calc(var(--s) / 2)); }
html body .kpx-face--back { transform: rotateY(180deg) translateZ(calc(var(--s) / 2)); }
html body .kpx-face--right { transform: rotateY(90deg) translateZ(calc(var(--s) / 2)); }
html body .kpx-face--left { transform: rotateY(-90deg) translateZ(calc(var(--s) / 2)); }
html body .kpx-face--top { transform: rotateX(90deg) translateZ(calc(var(--s) / 2)); }
html body .kpx-face--bottom { transform: rotateX(-90deg) translateZ(calc(var(--s) / 2)); }
html body .kpx-shadow { position: absolute; bottom: 18px; width: 200px; height: 30px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 123, 31, .45), transparent); filter: blur(6px); animation: kpxShadow 18s linear infinite; }
@keyframes kpxShadow { 0%, 100% { transform: scale(1); } 50% { transform: scale(.82); } }
html body .kpx-orb { position: absolute; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #fff, #ff7e25 45%, transparent 70%); animation: kpxFloat 6s ease-in-out infinite; }
html body .kpx-orb--1 { width: 22px; height: 22px; top: 40px; left: 18%; }
html body .kpx-orb--2 { width: 14px; height: 14px; bottom: 70px; right: 16%; animation-delay: -2s; background: radial-gradient(circle at 30% 30%, #fff, #ff2e0b 45%, transparent 70%); }
html body .kpx-orb--3 { width: 10px; height: 10px; top: 90px; right: 24%; animation-delay: -4s; }
html body .kpx-vault-copy p { max-width: 620px; }
html body .kpx-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 26px 0; }
html body .kpx-stats > div {
  padding: 14px 16px;
  border: 1px solid var(--kp-border);
  border-radius: 16px;
  background: rgba(28, 18, 12, .6);
  backdrop-filter: blur(6px);
}
html body .kpx-stats b {
  display: block;
  background: linear-gradient(90deg, #fff, #ffb27d 60%, #ff5334);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  font-size: clamp(22px, 2.4vw, 30px); font-weight: 800; letter-spacing: -.02em;
}
html body .kpx-stats span { color: var(--kp-muted); font-size: 12.5px; font-weight: 600; }
html body .kpx-actions { display: flex; flex-wrap: wrap; gap: 10px; }
html[data-theme="light"] body .kpx-stats > div { background: rgba(255, 255, 255, .75); }
html[data-theme="light"] body .kpx-stats b { background: linear-gradient(90deg, #171b2b, #dc742a); -webkit-background-clip: text; background-clip: text; }

@media (max-width: 1100px) {
  html body .kpx-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body .kpx-steps::before { display: none; }
  html body .kpx-vault-inner { grid-template-columns: 1fr; text-align: center; }
  html body .kpx-vault-copy p { margin: 0 auto; }
  html body .kpx-actions { justify-content: center; }
}
@media (max-width: 600px) {
  html body .kpx-steps { grid-template-columns: 1fr; }
  html body .kpx-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body .kpx-scene { height: 260px; }
  html body .kpx-cube { --s: 140px; }
  html body .kpx-face { font-size: 46px; }
}
@media (prefers-reduced-motion: reduce) {
  html body .kpx-cube { animation: none; transform: rotateX(-14deg) rotateY(-32deg); }
}

/* Hesap menüsü aralıkları */
html body .dash-menu .menu-item { margin: 0 !important; }
html body .dash-menu .sd-menu-dropdown { margin: 0 !important; }

/* Alt bilgi: üstte marka çizgisi */
html body .site-footer, html body .nf-footer { position: relative; }
html body .site-footer::before, html body .nf-footer::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ff7b1f 25%, #ff2e0b 75%, transparent);
  opacity: .7;
}

@media (max-width: 720px) {
  html body .oa-vitrin-head,
  html body .gs-deals-header,
  html body .oa-partners-head,
  html body .om-streamers-head { align-items: center; }
  html body .oa-partners-head,
  html body .om-streamers-head { flex-direction: row !important; flex-wrap: wrap; }
  html body .hizli-pazar-card { flex: 0 0 42vw !important; max-width: none; }
  html body .oa-vitrin-head > a,
  html body .gs-see-all,
  html body .oa-partners-head > a,
  html body .om-streamers-all { min-height: 32px; padding: 0 12px !important; font-size: 12px !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}