/**
 * hburada.css — "Kızıl Bant" ana sayfa layout paketi
 * (preset id: hepsiburada — panel etiketi: Kızıl Bant)
 *
 * Yüklenir: YALNIZCA body.home-layout-hepsiburada
 * Amazon: bu dosya hiç yüklenmez.
 *
 * Özgün tasarım: kırmızı header bandı + açık gövde.
 * Harici font CDN yok (CSP style-src 'self' — Google Fonts engelli).
 */
body.home-layout-hepsiburada {
  --kb-red: var(--theme-header-bg, var(--theme-band-bg, #dc2626));
  --kb-red-deep: var(--theme-header-deep, var(--theme-band-bg, #b91c1c));
  --kb-red-hot: var(--theme-header-hot, var(--theme-band-bg, #ef4444));
  --kb-red-mist: rgba(220, 38, 38, 0.12);
  --kb-ink: #1c1917;
  --kb-mute: #78716c;
  --kb-line: #e7e5e4;
  --kb-paper: #f5f5f4;
  --kb-card: #ffffff;
  --kb-radius: 6px;
  --kb-radius-lg: 10px;
  --kb-max: 1420px;
  --kb-pad: clamp(0.7rem, 2.2vw, 1.15rem);
  --kb-finder: clamp(280px, 24vw, 360px);
  --kb-hero-h: clamp(380px, 34vw, 460px);
  --kb-intro-gap: clamp(0.75rem, 1.2vw, 1.15rem);
  --home-garage-overlap: 0px;
  /* chrome class alias (JS alo-* / eski hb-*) */
  --alo-orange: var(--kb-red);
  --alo-orange-deep: var(--kb-red-deep);
  --alo-dark: var(--kb-ink);
  --alo-dark-2: var(--kb-red-deep);
  --alo-ink: var(--kb-ink);
  --alo-mute: var(--kb-mute);
  --alo-line: var(--kb-line);
  --alo-paper: var(--kb-paper);
  --alo-radius: var(--kb-radius);
  --alo-radius-md: var(--kb-radius-lg);
  --hb-red: var(--kb-red);
  --hb-red-deep: var(--kb-red-deep);
  --hb-red-btn: var(--kb-red);
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: var(--kb-ink);
  background: #fff;
  background-image: none;
}

/* ========== ÜST BİLGİ ŞERİDİ ========== */
body.home-layout-hepsiburada .alo-infobar {
  background: var(--theme-infobar-bg, #1c1917);
  color: var(--theme-infobar-text, #fff);
  border-bottom: none;
  font-size: 0.78rem;
}

body.home-layout-hepsiburada .alo-infobar.hidden {
  display: none !important;
}

body.home-layout-hepsiburada .alo-infobar-inner {
  max-width: var(--kb-max);
  margin: 0 auto;
  padding: 0.38rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

body.home-layout-hepsiburada .alo-infobar-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #fafaf9 !important;
  text-decoration: none !important;
  font-weight: 600;
}

body.home-layout-hepsiburada .alo-infobar-link:hover {
  color: #fecaca !important;
}

body.home-layout-hepsiburada .alo-infobar-ico {
  font-size: 0;
  width: 14px;
  height: 14px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

body.home-layout-hepsiburada .alo-infobar-wa .alo-infobar-ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2325D366'%3E%3Cpath d='M20.5 3.5A11 11 0 0 0 3.1 17.7L2 22l4.4-1.1A11 11 0 1 0 20.5 3.5zm-8.5 17a9 9 0 0 1-4.6-1.3l-.3-.2-2.6.7.7-2.5-.2-.3a9 9 0 1 1 7 3.6zm5-6.7c-.3-.1-1.6-.8-1.9-.9s-.4-.1-.6.1-.7.9-.8 1-.3.2-.6.1a7.4 7.4 0 0 1-2.2-1.4 8.2 8.2 0 0 1-1.5-1.9c-.2-.3 0-.4.1-.6l.4-.5.1-.3c0-.1 0-.3-.1-.4s-.6-1.4-.8-1.9-.4-.4-.6-.4h-.5c-.2 0-.4.1-.6.3a2 2 0 0 0-.6 1.5 3.5 3.5 0 0 0 .7 1.9 8 8 0 0 0 3.1 3 10 10 0 0 0 2 .8 3.3 3.3 0 0 0 1.7.1 2.6 2.6 0 0 0 1.7-1.2 2.1 2.1 0 0 0 .1-1.2c-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E");
}

body.home-layout-hepsiburada .alo-infobar-tel .alo-infobar-ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fafaf9' stroke-width='2'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.6a2 2 0 0 1-.4 2.1L8.1 9.9a16 16 0 0 0 6 6l1.5-1.2a2 2 0 0 1 2.1-.4c.8.3 1.7.6 2.6.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");
}

body.home-layout-hepsiburada .alo-infobar-sep {
  color: #57534e;
  font-weight: 400;
}

/* ========== KIRMIZI HEADER BANDI ========== */
body.home-layout-hepsiburada .topbar {
  background: var(--kb-red) !important;
  background-image: linear-gradient(180deg, var(--kb-red-hot) 0%, var(--kb-red) 55%, var(--kb-red-deep) 100%) !important;
  border-bottom: none !important;
  box-shadow: 0 2px 12px rgba(155, 24, 48, 0.28);
  font-family: inherit;
  padding: 0 !important;
}

body.home-layout-hepsiburada .topbar > .container.topbar-inner,
body.home-layout-hepsiburada .topbar-inner {
  display: grid !important;
  /* Amazon: logo sol | arama ortada uzar | hesap/sepet sağ */
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.55rem 1.1rem !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0.65rem clamp(0.75rem, 2vw, 1.75rem) !important;
  height: auto !important;
  min-height: 72px !important;
  flex-wrap: nowrap !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body.home-layout-hepsiburada .topbar-start {
  grid-column: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  z-index: 1 !important;
  pointer-events: auto !important;
  overflow: visible;
}

body.home-layout-hepsiburada .topbar-start > * {
  pointer-events: auto !important;
}

body.home-layout-hepsiburada .brand {
  background: transparent !important;
  color: #fff !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  max-width: 12rem !important;
  margin: 0 !important;
}

body.home-layout-hepsiburada .brand:hover {
  opacity: 0.94;
  border: none !important;
  filter: none;
}

body.home-layout-hepsiburada .brand-lockup {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.08rem;
}

body.home-layout-hepsiburada .brand-lockup::after {
  content: var(--theme-brand-tagline, "YEDEK PARÇA · HIZLI TESLİMAT");
  display: block;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.2;
}

body.home-layout-hepsiburada .brand-word {
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 1.4rem !important;
  letter-spacing: -0.03em;
  line-height: 1.05 !important;
  text-transform: none;
}

body.home-layout-hepsiburada .brand-word::first-letter {
  color: #fff;
}

body.home-layout-hepsiburada .brand-smile {
  display: none !important;
}

/* Amazon gibi: logo yanında teslimat / posta kodu */
body.home-layout-hepsiburada .topbar-location {
  display: inline-flex !important;
  color: #fff !important;
  border-color: transparent;
  min-width: 7.5rem;
  max-width: 11rem;
  min-height: 44px;
  padding: 0.35rem 0.4rem;
  margin: 0;
}
body.home-layout-hepsiburada .topbar-location:hover {
  border-color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.08);
}
body.home-layout-hepsiburada .topbar-location-icon,
body.home-layout-hepsiburada .topbar-location-line2 {
  color: #fff !important;
}
body.home-layout-hepsiburada .topbar-location-line1 {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* Logo | Kategoriler+Arama | Aksiyonlar — arama orta kolonu doldurur */
body.home-layout-hepsiburada .alo-search-cluster {
  grid-column: 2 !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 0.45rem !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 auto !important;
}

body.home-layout-hepsiburada .alo-cats-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: #fff;
  color: var(--kb-ink);
  border: 1.5px solid var(--kb-line);
  border-radius: 999px;
  padding: 0 0.95rem;
  min-height: 42px;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none;
  transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.home-layout-hepsiburada .alo-cats-btn:hover,
body.home-layout-hepsiburada .alo-cats-btn[aria-expanded="true"] {
  background: #fff;
  border-color: var(--kb-red);
  color: var(--kb-red);
  box-shadow: 0 0 0 3px var(--kb-red-mist);
}

body.home-layout-hepsiburada .alo-cats-ico {
  display: inline-flex;
  color: var(--kb-red);
}

body.home-layout-hepsiburada .alo-cats-label {
  text-decoration: none;
  border-bottom: none;
}

body.home-layout-hepsiburada .alo-cats-btn:hover .alo-cats-label,
body.home-layout-hepsiburada .alo-cats-btn[aria-expanded="true"] .alo-cats-label {
  border-bottom-color: transparent;
}

body.home-layout-hepsiburada .alo-cats-caret {
  font-size: 0.65rem;
  opacity: 0.7;
  color: inherit;
}

body.home-layout-hepsiburada .search {
  grid-column: auto !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 1 !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 8rem !important;
  height: 44px !important;
  margin: 0 !important;
  display: flex !important;
  border: none !important;
  border-radius: var(--kb-radius) !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) !important;
}

body.home-layout-hepsiburada .search:hover,
body.home-layout-hepsiburada .search:focus-within {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.55) !important;
  border: none !important;
}

body.home-layout-hepsiburada .search-scope {
  display: none !important;
}

body.home-layout-hepsiburada .search input {
  flex: 1 1 auto !important;
  border: none !important;
  background: #fff !important;
  font-size: 0.88rem !important;
  color: var(--kb-ink) !important;
  padding: 0 0.9rem !important;
  height: 100% !important;
  border-radius: 0 !important;
}

body.home-layout-hepsiburada .search input::placeholder {
  color: #a8a29e;
}

body.home-layout-hepsiburada .search-submit,
body.home-layout-hepsiburada .search button {
  background: var(--theme-search-bg, var(--kb-ink)) !important;
  background-image: none !important;
  color: var(--theme-search-text, #fff) !important;
  border: none !important;
  border-radius: 0 !important;
  min-width: 4.25rem !important;
  width: auto !important;
  height: 100% !important;
  font-weight: 800 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.home-layout-hepsiburada .search-submit:hover,
body.home-layout-hepsiburada .search button:hover {
  background: var(--theme-search-bg, #292524) !important;
  filter: brightness(0.92);
}
}

body.home-layout-hepsiburada .search-submit .sr-only {
  position: static !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  overflow: visible !important;
  white-space: nowrap !important;
  color: #fff !important;
}

/* Kızıl Bant: arama odak — topbar karartmanın üstünde */
body.home-layout-hepsiburada.search-focus-active .topbar,
body.home-layout-hepsiburada.search-focus-active .topbar {
  z-index: 220 !important;
  position: relative !important;
  box-shadow: 0 8px 28px rgba(28, 25, 23, 0.28) !important;
}

body.home-layout-hepsiburada.search-focus-active .alo-search-cluster {
  position: relative !important;
  z-index: 222 !important;
}

body.home-layout-hepsiburada.search-focus-active .search,
body.home-layout-hepsiburada.search-focus-active .search {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  z-index: 223 !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.55), 0 8px 24px rgba(0, 0, 0, 0.22) !important;
}

body.home-layout-hepsiburada .topbar-actions {
  grid-column: 3 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 0.1rem !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  z-index: 2 !important;
  pointer-events: auto !important;
  color: #fff !important;
  white-space: nowrap !important;
}

body.home-layout-hepsiburada .topbar-actions > * {
  pointer-events: auto !important;
}

/* Sağ: Amazon DOM — kırmızı bant üzerinde beyaz metin */
body.home-layout-hepsiburada .account-nav {
  display: inline-flex !important;
  align-items: stretch;
  gap: 0;
}

body.home-layout-hepsiburada .topbar-account-block {
  display: inline-flex;
  align-items: stretch;
}

body.home-layout-hepsiburada .account-widget {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  background: transparent !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: var(--kb-radius) !important;
  padding: 0.3rem 0.5rem !important;
  min-height: 42px;
  box-shadow: none;
  gap: 0.35rem;
}

body.home-layout-hepsiburada .account-widget:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
}

body.home-layout-hepsiburada .account-widget-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  line-height: 1.15;
}

body.home-layout-hepsiburada .account-widget-line1 {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  line-height: 1.15 !important;
}

body.home-layout-hepsiburada .account-widget-line2 {
  display: block !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.15 !important;
}

body.home-layout-hepsiburada .account-widget:hover .account-widget-line2 {
  color: #fff !important;
}

body.home-layout-hepsiburada .account-widget-caret {
  display: none !important;
}

body.home-layout-hepsiburada .account-widget-icon,
body.home-layout-hepsiburada .account-widget-avatar,
body.home-layout-hepsiburada .account-widget-avatar-icon {
  color: #fff !important;
  background: transparent !important;
  width: 1.3rem;
  height: 1.3rem;
  flex-shrink: 0;
}

body.home-layout-hepsiburada .topbar-orders-link {
  display: inline-flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  text-decoration: none !important;
  color: #fff !important;
  line-height: 1.15 !important;
  padding: 0.3rem 0.5rem !important;
  border: 1px solid transparent !important;
  border-radius: var(--kb-radius) !important;
  white-space: nowrap !important;
  min-height: 42px;
  background: transparent !important;
}

body.home-layout-hepsiburada .topbar-orders-link:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
}

body.home-layout-hepsiburada .topbar-orders-line1 {
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  line-height: 1.15 !important;
}

body.home-layout-hepsiburada .topbar-orders-line2 {
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.15 !important;
}

body.home-layout-hepsiburada .topbar-orders-link:hover .topbar-orders-line2 {
  color: #fff !important;
}

body.home-layout-hepsiburada .cart-btn {
  position: relative !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.35rem !important;
  background: #fff !important;
  border: none !important;
  border-radius: var(--kb-radius) !important;
  padding: 0.35rem 0.7rem 0.35rem 2.1rem !important;
  min-height: 42px;
  margin-left: 0.25rem;
  color: var(--kb-red) !important;
  box-shadow: none;
  order: 99;
}

body.home-layout-hepsiburada .cart-btn:hover {
  background: #fafaf9 !important;
}

body.home-layout-hepsiburada .cart-btn::before {
  left: 0.45rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 1.25rem !important;
  height: 1.1rem !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c41e3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.2'/%3E%3Ccircle cx='18' cy='20' r='1.2'/%3E%3Cpath d='M2 2h2l1.6 9.2a1 1 0 0 0 1 .82h9.7a1 1 0 0 0 1-.82L20 6H6'/%3E%3C/svg%3E") center/contain no-repeat !important;
}

body.home-layout-hepsiburada .cart-btn-text {
  order: 1;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

body.home-layout-hepsiburada .cart-btn-line1 {
  display: block !important;
  font-size: 0.62rem !important;
  font-weight: 500 !important;
  color: var(--kb-mute) !important;
  line-height: 1.1 !important;
}

body.home-layout-hepsiburada .cart-btn-line2 {
  color: var(--kb-red) !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

body.home-layout-hepsiburada .cart-badge {
  position: absolute !important;
  left: 1.35rem !important;
  top: 0.1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1rem !important;
  height: 1rem !important;
  padding: 0 0.2rem !important;
  border-radius: 999px !important;
  background: var(--kb-ink) !important;
  color: #fff !important;
  font-size: 0.6rem !important;
  font-weight: 800 !important;
}

body.home-layout-hepsiburada .cart-badge.hidden {
  display: none !important;
}

body.home-layout-hepsiburada .alo-action-link,
body.home-layout-hepsiburada .alo-garage-link {
  display: none !important;
}

/* Kategori barı gizle — marka şeridi kullanılır */
body.home-layout-hepsiburada .category-bar-inner {
  display: none !important;
}

body.home-layout-hepsiburada .category-bar {
  background: transparent !important;
  border: none !important;
  min-height: 0 !important;
  box-shadow: none !important;
}

/* ========== MARKA SEÇİN — Plaza kart grid (brand-wizard.css ortak; burada sadece HB token) ========== */
body.home-layout-hepsiburada .home-brand-picker {
  border-top: 3px solid var(--kb-red);
}

body.home-layout-hepsiburada .home-brand-picker-head {
  display: flex !important;
}

body.home-layout-hepsiburada .home-brand-card:hover {
  border-color: var(--kb-red);
}

body.home-layout-hepsiburada .home-brand-card:hover .home-brand-card-label {
  color: var(--kb-red);
}

/* ========== MEGA: Tüm Kategoriler — Turuncu tarzı kart ızgara (kızıl vurgu) ========== */
body.home-layout-hepsiburada .category-mega:not(.hidden),
body.home-layout-hepsiburada.category-mega-open .category-mega {
  display: block !important;
}

body.home-layout-hepsiburada .category-mega-backdrop:not(.hidden),
body.home-layout-hepsiburada.category-mega-open .category-mega-backdrop {
  display: block !important;
  background: rgba(28, 25, 23, 0.42) !important;
  backdrop-filter: blur(2px);
}

body.home-layout-hepsiburada .category-mega {
  top: var(--topbar-h, 72px);
  border-bottom: none !important;
  box-shadow: 0 24px 48px rgba(28, 25, 23, 0.16);
  background: linear-gradient(180deg, #fef2f2 0%, #ffffff 72px) !important;
  max-height: min(78vh, 640px);
  overflow: auto;
  font-family: inherit;
}

body.home-layout-hepsiburada .category-mega-shell {
  max-width: var(--kb-max);
  margin: 0 auto;
  padding: 1.15rem 1rem 1.4rem !important;
}

body.home-layout-hepsiburada .category-mega-head {
  align-items: center;
  margin-bottom: 1rem !important;
  padding: 0.15rem 0 0.95rem !important;
  border-bottom: 1px solid #fecaca !important;
}

body.home-layout-hepsiburada .category-mega-head strong {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  color: var(--kb-ink) !important;
  letter-spacing: -0.01em;
}

body.home-layout-hepsiburada .category-mega-head strong::before {
  content: "";
  display: inline-block;
  width: 0.55rem;
  height: 0.55rem;
  margin-right: 0.45rem;
  border-radius: 3px;
  background: var(--kb-red);
  vertical-align: 0.12em;
  box-shadow: 0 0 0 3px var(--kb-red-mist);
}

body.home-layout-hepsiburada .category-mega-head .muted {
  color: var(--kb-mute) !important;
  font-size: 0.84rem !important;
  margin-top: 0.28rem !important;
}

body.home-layout-hepsiburada .category-mega-close {
  width: 2.4rem !important;
  height: 2.4rem !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1.5px solid var(--kb-line) !important;
  color: var(--kb-ink) !important;
  font-size: 1.35rem !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease !important;
}

body.home-layout-hepsiburada .category-mega-close:hover {
  border-color: var(--kb-red) !important;
  color: var(--kb-red) !important;
  box-shadow: 0 0 0 3px var(--kb-red-mist) !important;
  background: #fff !important;
}

/* Kök kategoriler — harf kutulu kart ızgara (Turuncu Hat ile aynı düzen) */
body.home-layout-hepsiburada .category-mega-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)) !important;
  gap: 0.65rem !important;
  align-items: stretch;
}

body.home-layout-hepsiburada .category-mega-col {
  background: #fff;
  border: 1.5px solid var(--kb-line);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

body.home-layout-hepsiburada .category-mega-col--root-only {
  padding: 0;
  min-height: 0;
  background: #fff;
}

body.home-layout-hepsiburada .category-mega-col--root-only .category-mega-col-title {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.9rem 0.95rem;
  margin: 0;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  color: var(--kb-ink) !important;
  border-bottom: none !important;
  text-transform: none;
  letter-spacing: 0.01em;
  min-height: 3.4rem;
  box-sizing: border-box;
}

body.home-layout-hepsiburada .category-mega-col--root-only .category-mega-col-title::before {
  content: attr(data-initial);
  flex: 0 0 1.7rem;
  width: 1.7rem;
  height: 1.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #fef2f2;
  color: var(--kb-red);
  font-size: 0.72rem;
  font-weight: 800;
  border: 1px solid #fecaca;
}

body.home-layout-hepsiburada .category-mega-col--root-only .category-mega-list,
body.home-layout-hepsiburada .category-mega-col--root-only .category-mega-empty {
  display: none !important;
}

body.home-layout-hepsiburada .category-mega-col:hover {
  border-color: var(--kb-red);
  box-shadow: 0 8px 22px rgba(220, 38, 38, 0.14);
  transform: translateY(-1px);
}

body.home-layout-hepsiburada .category-mega-col:hover .category-mega-col-title {
  color: var(--kb-red-deep) !important;
}

body.home-layout-hepsiburada .category-mega-col:hover .category-mega-col-title::before {
  background: var(--kb-red);
  color: #fff;
  border-color: var(--kb-red);
}

body.home-layout-hepsiburada .category-mega-col-title {
  color: var(--kb-ink);
}

body.home-layout-hepsiburada .category-mega-link:hover,
body.home-layout-hepsiburada .category-mega-sublink:hover {
  color: var(--kb-red);
}

/* Visual mega: active L1 + accents */
body.category-mega-visual.home-layout-hepsiburada .category-root-btn.is-active {
  background: rgba(0, 0, 0, 0.28);
  box-shadow: inset 0 -3px 0 var(--kb-red);
}

body.category-mega-visual.home-layout-hepsiburada .category-flyout-all,
body.category-mega-visual.home-layout-hepsiburada .category-mega-thumb:hover .category-mega-thumb-label {
  color: var(--kb-red);
}

body.category-mega-visual.home-layout-hepsiburada .category-mega-thumb:hover {
  border-color: var(--kb-red);
}

/* ========== INTRO: sol Araç | sağ Slider (Turuncu Hat düzeni, kırmızı vurgu) ========== */
body.home-layout-hepsiburada .home-intro {
  display: grid !important;
  grid-template-columns: var(--kb-finder) minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    "promo promo"
    "finder hero" !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: var(--kb-intro-gap) var(--kb-intro-gap) !important;
  isolation: isolate;
  overflow: visible !important;
  width: min(var(--kb-max), calc(100vw - (var(--kb-pad) * 2))) !important;
  max-width: var(--kb-max) !important;
  margin: 1.35rem auto 1.6rem !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  flex-direction: unset !important;
}

body.home-layout-hepsiburada .home-intro::before {
  content: none !important;
  display: none !important;
}

body.home-layout-hepsiburada .home-intro-promo {
  grid-area: promo !important;
  display: block !important;
  width: 100%;
  margin: 0;
  background: linear-gradient(90deg, var(--kb-red-hot), var(--kb-red) 42%, var(--kb-red-deep));
  color: #fff;
  text-align: center;
  font-size: 0.82rem;
  font-weight: 700;
  padding: 0.48rem 1rem;
  border-radius: var(--kb-radius);
  letter-spacing: 0.01em;
  box-sizing: border-box;
}

body.home-layout-hepsiburada .home-intro-finder {
  grid-area: finder !important;
  order: unset !important;
  position: relative !important;
  z-index: 3 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: var(--kb-finder) !important;
  min-width: 0 !important;
  min-height: var(--kb-hero-h) !important;
  height: auto !important;
  align-self: stretch !important;
  background: transparent !important;
  border: none !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Eski full-width kırmızı bant — grid promo kullandığı için kapat */
body.home-layout-hepsiburada .home-intro-finder::before {
  content: none !important;
  display: none !important;
}

body.home-layout-hepsiburada .home-intro-finder .container,
body.home-layout-hepsiburada .home-intro-finder .vehicle-finder-section,
body.home-layout-hepsiburada .home-intro-finder .vehicle-finder-card,
body.home-layout-hepsiburada .home-intro-finder .vehicle-finder-panel {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.home-layout-hepsiburada .home-intro-finder .container {
  padding: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.home-layout-hepsiburada .home-intro > .home-hero,
body.home-layout-hepsiburada .home-intro > #hero,
body.home-layout-hepsiburada .home-intro > .home-hero.hidden,
body.home-layout-hepsiburada .home-intro > #hero.hidden,
body.home-layout-hepsiburada .home-intro > .home-hero-week-row {
  grid-area: hero !important;
  order: unset !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: var(--kb-hero-h) !important;
  min-height: var(--kb-hero-h) !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  align-self: stretch !important;
  border-radius: var(--kb-radius-lg) !important;
}

body.home-layout-hepsiburada .home-intro > .home-hero-week-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(200px, 250px) !important;
  gap: 0.75rem !important;
  overflow: visible !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.home-layout-hepsiburada .home-intro > .home-hero-week-row[data-side="sliderLeft"] {
  grid-template-columns: minmax(200px, 250px) minmax(0, 1fr) !important;
}

body.home-layout-hepsiburada .home-hero-week-row > .home-hero,
body.home-layout-hepsiburada .home-hero-week-row > #hero {
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  width: 100% !important;
  border-radius: var(--kb-radius-lg) !important;
  overflow: hidden !important;
}

body.home-layout-hepsiburada .home-hero.hero-slider,
body.home-layout-hepsiburada .home-hero .hero-track,
body.home-layout-hepsiburada .home-hero.hero {
  height: 100% !important;
  min-height: 100% !important;
  border-radius: inherit;
}

/* Slider: sadece görsel — üst yazı / CTA yok */
body.home-layout-hepsiburada .home-hero .hero-copy,
body.home-layout-hepsiburada .home-hero .hero-eyebrow,
body.home-layout-hepsiburada .home-hero .hero-ctas,
body.home-layout-hepsiburada .home-hero .hero-cta,
body.home-layout-hepsiburada .home-hero .hero-cta-primary,
body.home-layout-hepsiburada .home-hero .hero-cta-secondary,
body.home-layout-hepsiburada .home-hero .hero-cta-ghost,
body.home-layout-hepsiburada .home-hero .hero-actions,
body.home-layout-hepsiburada .hero-cta-primary {
  display: none !important;
}

body.home-layout-hepsiburada .home-hero .hero-copy {
  display: none !important;
}

body.home-layout-hepsiburada .home-hero .hero-copy h1,
body.home-layout-hepsiburada .home-hero .hero-copy > p {
  display: none !important;
}

body.home-layout-hepsiburada .vehicle-finder-section {
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-card {
  background: var(--theme-finder-card-bg, #121926) !important;
  border: 0 !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.28) !important;
  padding: 1.15rem 1.1rem 1.2rem !important;
  overflow: visible !important;
}

/* Hizli Parca Arama — keep light card even under HB navy --parts overrides */
body.home-layout-hepsiburada .vehicle-finder--hizli.vehicle-finder--parts .vehicle-finder-card,
body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-finder-card {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
  padding: 1.1rem 1.15rem 1.15rem !important;
  color: #111 !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-head,
body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-title-wrap,
body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-icon {
  display: none !important;
}

body.home-layout-hepsiburada .vehicle-finder--hizli.vehicle-finder--parts .vehicle-finder-head,
body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-finder-head {
  display: block !important;
  margin: 0 0 0.85rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-finder-head h2 {
  color: #111 !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  margin: 0 !important;
}

body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-finder-sub {
  color: #6b7280 !important;
  display: block !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-title-wrap > div::before {
  content: none !important;
  display: none !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-panel {
  padding: 0 !important;
  background: transparent !important;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* Koyu navy kart: tek aciklama = .vehicle-finder-hint (panel). CSS ::before kopyayi kapat. */
body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-panel::before {
  content: none !important;
  display: none !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-hint {
  color: var(--theme-finder-card-text, #f8fafc) !important;
  text-align: left !important;
  margin: 0 0 0.85rem !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-cascade-field label {
  color: var(--theme-finder-label, #c4c9d2) !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-cascade-field label::before {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-cascade-field:first-child label::before {
  background: var(--kb-red);
  color: #fff;
}

body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-finder-panel--row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(9.5rem, auto) !important;
  gap: 0.65rem !important;
  flex-direction: unset !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-cascade {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
  grid-template-columns: none !important;
}

body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-cascade--row {
  display: contents !important;
  flex-direction: unset !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-cascade-select {
  background-color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  min-height: 2.7rem !important;
  width: 100% !important;
  color: #0f172a !important;
}

body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-cascade-select {
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  color: #111 !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-cascade-select:disabled {
  background-color: #e8eaed !important;
  color: #64748b !important;
  opacity: 1 !important;
}

body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-cascade-select:disabled {
  background-color: #f3f4f6 !important;
  color: #9ca3af !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-actions {
  margin-top: auto !important;
  padding-top: 0.75rem !important;
  border-top: 0 !important;
  background: transparent !important;
}

body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-finder-actions {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Parca ara karti: Ara + Parca Ara ayni sari / koyu yazi (disabled dahil) */
body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-ara-btn,
body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-search-btn,
body.home-layout-hepsiburada .vehicle-finder--parts .btn-primary.vehicle-search-btn,
body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-ara-btn:hover,
body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-search-btn:hover,
body.home-layout-hepsiburada .vehicle-finder--parts .btn-primary.vehicle-search-btn:hover,
body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-ara-btn:disabled,
body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-search-btn:disabled,
body.home-layout-hepsiburada .vehicle-finder--parts .btn-primary.vehicle-search-btn:disabled {
  background: var(--theme-finder-bg, #fbb100) !important;
  background-image: none !important;
  color: var(--theme-finder-text, #111111) !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 2.55rem !important;
  font-weight: 800 !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-ara-btn:disabled,
body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-search-btn:disabled,
body.home-layout-hepsiburada .vehicle-finder--parts .btn-primary.vehicle-search-btn:disabled {
  cursor: not-allowed !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-actions {
  justify-content: stretch !important;
  width: 100% !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-btns {
  width: 100% !important;
  max-width: none !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-search-btn,
body.home-layout-hepsiburada .vehicle-finder--parts .btn-primary.vehicle-search-btn {
  font-size: 0 !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-search-btn::after,
body.home-layout-hepsiburada .vehicle-finder--parts .btn-primary.vehicle-search-btn::after {
  content: var(--theme-finder-cta, "Parça Ara");
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: var(--theme-finder-text, #111111) !important;
}

body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-hint,
body.home-layout-hepsiburada .vehicle-finder--parts .vehicle-finder-hint strong {
  color: var(--theme-finder-card-text, #f8fafc) !important;
}

body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-search-btn.vehicle-ara-btn,
body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-search-btn {
  background: var(--theme-add-cart-bg, var(--primary, #f2b000)) !important;
  color: var(--theme-add-cart-text, #111) !important;
  border-radius: 8px !important;
}

@media (max-width: 960px) {
  body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-finder-panel--row {
    grid-template-columns: 1fr !important;
  }

  body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-cascade--row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body.home-layout-hepsiburada .vehicle-finder--hizli .vehicle-cascade--row {
    grid-template-columns: 1fr !important;
  }
}

body.home-layout-hepsiburada .vehicle-finder-card {
  background: var(--kb-card) !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: var(--kb-radius-lg) !important;
  box-shadow: 0 10px 32px rgba(28, 25, 23, 0.07) !important;
  padding: 0 !important;
  overflow: hidden;
  max-width: none;
  margin: 0;
  text-align: left;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: var(--kb-hero-h);
}

body.home-layout-hepsiburada .vehicle-finder-card::before {
  display: none !important;
}

body.home-layout-hepsiburada .vehicle-finder-head {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--kb-line);
  background: #fafaf9;
}

body.home-layout-hepsiburada .vehicle-finder-title-wrap {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: auto;
}

body.home-layout-hepsiburada .vehicle-finder-icon {
  display: none !important;
}

body.home-layout-hepsiburada .vehicle-finder-title-wrap > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

body.home-layout-hepsiburada .vehicle-finder-title-wrap > div::before {
  content: var(--theme-finder-badge, "Araç Seç");
  display: inline-flex;
  align-items: center;
  background: var(--kb-red);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 800;
  padding: 0.7rem 1.35rem;
  margin: 0;
  border-radius: 0;
  letter-spacing: 0.02em;
}

body.home-layout-hepsiburada .vehicle-finder-title-wrap h2 {
  display: none !important;
}

body.home-layout-hepsiburada .vehicle-finder-title-wrap .muted {
  display: none !important;
}

body.home-layout-hepsiburada .vehicle-finder-panel {
  padding: 1.15rem 1.25rem 1.35rem;
  background: #fff;
  overflow: visible;
  display: block;
}

body.home-layout-hepsiburada .vehicle-finder-panel::before {
  content: none !important;
  display: none !important;
}

body.home-layout-hepsiburada .vehicle-cascade {
  counter-reset: kb-step;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.55rem;
  max-width: none;
  margin: 0;
  width: 100%;
  align-items: end;
  overflow: visible;
}

body.home-layout-hepsiburada .vehicle-cascade-field {
  counter-increment: kb-step;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
  position: relative;
}

body.home-layout-hepsiburada .vehicle-cascade-field label {
  position: static !important;
  transform: none !important;
  inset: auto !important;
  float: none !important;
  margin: 0;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--kb-mute);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

body.home-layout-hepsiburada .vehicle-cascade-field label::before {
  content: counter(kb-step);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 999px;
  background: #d6d3d1;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  flex-shrink: 0;
}

body.home-layout-hepsiburada .vehicle-cascade-field:first-child label::before {
  background: var(--kb-red);
}

body.home-layout-hepsiburada .vehicle-cascade-select,
body.home-layout-hepsiburada .vehicle-cascade select {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
  border: 1px solid #d6d3d1 !important;
  border-radius: var(--kb-radius) !important;
  background-color: #fff !important;
  min-height: 2.75rem;
  padding: 0.45rem 2rem 0.45rem 0.75rem !important;
  font-weight: 600;
  color: var(--kb-ink);
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

body.home-layout-hepsiburada .vehicle-cascade-select:focus,
body.home-layout-hepsiburada .vehicle-cascade select:focus {
  border-color: var(--kb-red) !important;
  outline: none;
  box-shadow: 0 0 0 3px var(--kb-red-mist);
}

body.home-layout-hepsiburada .vehicle-finder-actions {
  margin-top: 0.85rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 0.45rem;
  overflow: visible;
}

body.home-layout-hepsiburada .vehicle-breadcrumb {
  display: none;
}

body.home-layout-hepsiburada .vehicle-finder-btns {
  display: flex;
  flex-direction: row;
  gap: 0.45rem;
  width: min(14rem, 100%);
}

body.home-layout-hepsiburada .vehicle-clear-btn {
  display: none !important;
}

body.home-layout-hepsiburada .vehicle-search-btn,
body.home-layout-hepsiburada .btn-primary.vehicle-search-btn {
  background: var(--kb-red) !important;
  border: none !important;
  border-radius: var(--kb-radius) !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-transform: none !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  min-height: 2.75rem !important;
  padding: 0.65rem 1.25rem !important;
  width: 100%;
  box-shadow: none !important;
}

body.home-layout-hepsiburada .vehicle-search-btn::after,
body.home-layout-hepsiburada .btn-primary.vehicle-search-btn::after {
  content: var(--theme-finder-cta, "Parça Ara");
  font-size: 0.95rem;
  font-weight: 800;
  color: #fff;
}

body.home-layout-hepsiburada .vehicle-search-btn:hover,
body.home-layout-hepsiburada .btn-primary.vehicle-search-btn:hover {
  background: var(--kb-red-deep) !important;
}

body.home-layout-hepsiburada .vehicle-search-btn:disabled {
  opacity: 0.55;
}

/* ========== HERO ========== */
body.home-layout-hepsiburada .home-hero .hero-eyebrow {
  background: var(--kb-red);
  border: none;
  border-radius: var(--kb-radius);
  animation: none;
}

body.home-layout-hepsiburada .hero-cta-primary {
  background: var(--kb-red);
  color: #fff;
  border-radius: var(--kb-radius);
  font-weight: 800;
  box-shadow: none;
  animation: none;
}

body.home-layout-hepsiburada .hero-cta-primary:hover {
  background: var(--kb-red-deep);
  color: #fff;
  transform: none;
}

body.home-layout-hepsiburada .hero-progress > span {
  background: var(--kb-red);
}

/* ========== TRUST / BANTLAR ========== */
body.home-layout-hepsiburada .trust-strip {
  display: block;
  background: transparent;
  border-top: none;
  border-bottom: none;
  margin-top: 0.85rem;
  padding: 0 0 1rem;
}

body.home-layout-hepsiburada .trust-strip-inner {
  background: #fff;
  border: 1px solid var(--kb-line);
  border-radius: var(--kb-radius-lg);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

body.home-layout-hepsiburada .trust-item,
body.home-layout-hepsiburada .trust-strip-item {
  border-radius: 0;
  border: none;
  box-shadow: none;
}

body.home-layout-hepsiburada .trust-item:hover,
body.home-layout-hepsiburada .trust-strip-item:hover {
  border-color: transparent;
  transform: none;
  box-shadow: none;
}

body.home-layout-hepsiburada .trust-item svg,
body.home-layout-hepsiburada .trust-strip-item svg,
body.home-layout-hepsiburada .trust-icon {
  color: var(--kb-red);
}

body.home-layout-hepsiburada .home-band {
  padding: 1.5rem 0 1.75rem;
  background: #fff;
}

body.home-layout-hepsiburada .home-band--new {
  background: var(--kb-paper);
}

body.home-layout-hepsiburada .section-tag--sale,
body.home-layout-hepsiburada .section-tag--new {
  display: inline-flex;
  align-items: center;
  background: var(--kb-red);
  color: #fff;
  border-radius: 999px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.68rem;
  padding: 0.28rem 0.85rem;
}

body.home-layout-hepsiburada .section-head-text h2 {
  font-size: clamp(1.25rem, 2.2vw, 1.65rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--kb-ink);
}

body.home-layout-hepsiburada .featured-scroll {
  background: #fff;
  border: 1px solid var(--kb-line);
  color: var(--kb-ink);
  border-radius: var(--kb-radius);
  box-shadow: none;
}

body.home-layout-hepsiburada .home-band .btn-amazon-cart,
body.home-layout-hepsiburada .featured-track .btn-amazon-cart {
  background: var(--kb-red) !important;
  border-radius: var(--kb-radius) !important;
  font-weight: 800 !important;
  color: #fff !important;
}

body.home-layout-hepsiburada .home-catalog--amazon::before {
  background: var(--kb-red);
  height: 3px;
}

@media (max-width: 1200px) {
  body.home-layout-hepsiburada {
    --kb-finder: clamp(260px, 26vw, 320px);
    --kb-hero-h: clamp(360px, 36vw, 440px);
  }
}

@media (max-width: 980px) {
  body.home-layout-hepsiburada {
    --kb-finder: clamp(240px, 30vw, 290px);
    --kb-hero-h: clamp(340px, 38vw, 420px);
  }
}

/* ========== TABLET ========== */
@media (max-width: 900px) {
  body.home-layout-hepsiburada {
    overflow-x: clip;
  }

  body.home-layout-hepsiburada .topbar > .container.topbar-inner,
  body.home-layout-hepsiburada .topbar-inner {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    gap: 0.55rem !important;
    padding: 0.55rem 0.75rem !important;
    min-height: 0 !important;
  }

  body.home-layout-hepsiburada .topbar-start {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.home-layout-hepsiburada .topbar-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body.home-layout-hepsiburada .alo-search-cluster {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  body.home-layout-hepsiburada .alo-cats-btn .alo-cats-label,
  body.home-layout-hepsiburada .alo-cats-btn span:nth-child(2) {
    display: none;
  }

  body.home-layout-hepsiburada .alo-cats-btn {
    padding: 0 0.75rem;
    min-width: 44px;
    justify-content: center;
  }

  body.home-layout-hepsiburada .account-widget-line1,
  body.home-layout-hepsiburada .topbar-orders-line1,
  body.home-layout-hepsiburada .cart-btn-line1 {
    display: none !important;
  }

  body.home-layout-hepsiburada .topbar-orders-link {
    display: none !important;
  }

  body.home-layout-hepsiburada .cart-btn {
    padding: 0.4rem 0.7rem 0.4rem 2rem !important;
  }

  body.home-layout-hepsiburada .home-intro {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "promo"
      "finder"
      "hero" !important;
    width: calc(100% - 1.5rem) !important;
    max-width: none !important;
  }

  body.home-layout-hepsiburada {
    --kb-finder: 100%;
    --kb-hero-h: clamp(280px, 58vw, 360px);
  }

  body.home-layout-hepsiburada .home-intro-finder {
    max-width: none !important;
  }

  body.home-layout-hepsiburada .home-intro > .home-hero,
  body.home-layout-hepsiburada .home-intro > #hero {
    min-height: var(--kb-hero-h) !important;
    height: var(--kb-hero-h) !important;
  }

  body.home-layout-hepsiburada .vehicle-cascade {
    grid-template-columns: 1fr !important;
  }

  body.home-layout-hepsiburada .vehicle-finder-btns {
    width: 100%;
  }

  body.home-layout-hepsiburada .vehicle-finder-actions {
    justify-content: stretch;
  }

  body.home-layout-hepsiburada .category-nav-promo {
    display: none;
  }

  body.home-layout-hepsiburada .trust-strip-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ========== MOBİL ========== */
@media (max-width: 640px) {
  body.home-layout-hepsiburada .alo-infobar-inner {
    padding: 0.32rem 0.65rem;
    gap: 0.45rem;
    font-size: 0.72rem;
  }

  body.home-layout-hepsiburada .brand-lockup::after {
    display: none;
  }

  body.home-layout-hepsiburada .brand-word {
    font-size: 1.05rem !important;
  }

  body.home-layout-hepsiburada .brand {
    max-width: 7.5rem !important;
  }

  body.home-layout-hepsiburada .topbar-location {
    display: inline-flex !important;
    max-width: 7rem !important;
    min-width: 0 !important;
    min-height: 44px !important;
  }

  body.home-layout-hepsiburada .topbar > .container.topbar-inner,
  body.home-layout-hepsiburada .topbar-inner {
    padding: 0.45rem 0.65rem !important;
    gap: 0.45rem !important;
  }

  body.home-layout-hepsiburada .search,
  body.home-layout-hepsiburada .alo-cats-btn {
    min-height: 44px;
    height: 44px !important;
  }

  body.home-layout-hepsiburada .search input {
    min-height: 44px !important;
  }

  body.home-layout-hepsiburada .search-submit .sr-only,
  body.home-layout-hepsiburada .search button .sr-only {
    font-size: 0 !important;
  }

  body.home-layout-hepsiburada .search-submit,
  body.home-layout-hepsiburada .search button {
    min-width: 48px !important;
    min-height: 44px !important;
  }

  body.home-layout-hepsiburada .account-widget,
  body.home-layout-hepsiburada .account-widget.account-dropdown-trigger {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  body.home-layout-hepsiburada .search-submit::after,
  body.home-layout-hepsiburada .search button::after {
    content: "Ara";
    font-size: 0.75rem;
    font-weight: 800;
    color: #fff;
  }

  body.home-layout-hepsiburada .account-widget-text {
    display: none !important;
  }

  body.home-layout-hepsiburada .cart-btn-text {
    display: none !important;
  }

  body.home-layout-hepsiburada .cart-btn {
    padding: 0 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: var(--kb-radius) !important;
    justify-content: center !important;
  }

  body.home-layout-hepsiburada .cart-btn::before {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  body.home-layout-hepsiburada .cart-badge {
    left: auto !important;
    right: -0.1rem !important;
    top: -0.15rem !important;
  }

  body.home-layout-hepsiburada .home-intro-finder::before {
    font-size: 0.74rem;
    padding: 0.5rem 0.75rem;
  }

  body.home-layout-hepsiburada .home-intro-finder .container,
  body.home-layout-hepsiburada .vehicle-finder-panel {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  body.home-layout-hepsiburada .vehicle-finder-title-wrap > div::before {
    font-size: 0.82rem;
    padding: 0.6rem 1rem;
  }

  body.home-layout-hepsiburada .trust-strip-inner {
    grid-template-columns: 1fr;
  }

  body.home-layout-hepsiburada .category-mega {
    top: 0;
    max-height: 100dvh;
    overflow: auto;
  }
}

@media (max-width: 380px) {
  body.home-layout-hepsiburada .alo-infobar-sep {
    display: none;
  }

  body.home-layout-hepsiburada .brand {
    max-width: 8.5rem !important;
  }
}


/* site.css Amazon stack (.home-intro-finder grid-row:2) ezmesin — yan yana zorunlu */
body.home-layout-hepsiburada .home-intro {
  grid-template-rows: auto auto !important;
}
body.home-layout-hepsiburada .home-intro-finder {
  grid-row: auto !important;
  grid-column: auto !important;
  grid-area: finder !important;
}
body.home-layout-hepsiburada .home-intro > .home-hero,
body.home-layout-hepsiburada .home-intro > #hero,
body.home-layout-hepsiburada .home-intro > .home-hero-week-row {
  grid-row: auto !important;
  grid-column: auto !important;
  grid-area: hero !important;
  max-height: none !important;
}