/* Sayfa ge?i?inde sabit ?st kabuk flash etmesin (ad JS ile ge?ici; mega men? clip olmas?n) */
@view-transition {
  navigation: auto;
}

@media (prefers-reduced-motion: no-preference) {
  ::view-transition-group(mp-top) {
    animation-duration: 0s;
  }

  ::view-transition-old(mp-top),
  ::view-transition-new(mp-top) {
    animation: none;
    mix-blend-mode: normal;
    height: 100%;
    overflow: clip;
  }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 0.14s;
  }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}

/* Haz?r stok pazaryeri ? public vitrin */
body.mode-marketing.page-marketplace {
  --mp-gutter: clamp(20px, 2.5vw, 40px);
  --mp-max: none;
  --mp-divider: 1px solid #e8ecf2;
  --mp-catnav-inner-h: 44px;
  --mp-catnav-pad-y: 8px;
  /* border-top border-box i?inde ? i?erik alan? --mp-catnav-inner-h kadar kals?n */
  --mp-catnav-h: calc(var(--mp-catnav-inner-h) + 2 * var(--mp-catnav-pad-y) + 1px);
  --mp-preheader-h: 40px;
  --mp-header-control-h: 48px;
  --site-brand-logo-height-header: var(--site-brand-logo-height-panel, var(--site-brand-logo-height, 48px));
  --mkt-header-h: calc(var(--site-brand-logo-height-header) + clamp(16px, 2.4vw, 28px));
  /* ?st kabuk tipografi ?l?e?i ? kategori ?eridiyle uyumlu */
  --mp-text-xs: 0.6875rem;
  --mp-text-sm: 0.8125rem;
  --mp-text-md: 0.875rem;
  --mp-text-brand: 1.25rem;
  --mp-text-catnav: 0.86rem;
  --mp-fw-nav: 500;
  --mp-fw-nav-active: 600;
  --mp-fw-body: 400;
  --mp-ls-catnav: 0.02em;
  /* +1px: .mp-top border-bottom ? CSS calc ile offsetHeight ayn? kals?n (sayfa ge?i?inde z?plama olmas?n) */
  --mp-top-border: 1px;
  --mp-top-h: calc(var(--mp-preheader-h) + var(--mkt-header-h) + var(--mp-catnav-h) + var(--mp-top-border));
  --mp-section-top: clamp(16px, 2.5vw, 24px);
  --mp-content-gap: clamp(12px, 1.5vw, 20px);
  --mp-hover-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
  --mp-hover-shadow-card: 0 4px 14px rgba(12, 18, 34, 0.05);
  --mp-hover-accent-border: rgba(15, 118, 110, 0.1);
  --accent: #0f766e;
  --accent-hover: #0d9488;
  --accent-soft: #f0fdfa;
  --accent-border: rgba(15, 118, 110, 0.22);
  --accent-ring: rgba(15, 118, 110, 0.18);
  --brand-ink: #0b1220;
  --brand-accent: #0f766e;
  --brand-accent-bright: #14b8a6;
  --mkt-radius-sm: 3px;
  --mkt-radius-md: 4px;
  --mkt-radius-lg: 5px;
  --mp-radius: 4px;
  --mp-radius-md: 4px;
  --mp-radius-lg: 5px;
  --mp-dock-inner-h: 58px;
  --mp-dock-h: calc(var(--mp-dock-inner-h) + env(safe-area-inset-bottom, 0px));
  background: #f4f6fa;
  font-weight: var(--mp-fw-body);
  overflow-x: clip;
  max-width: 100%;
  min-width: 0;
}

html:has(body.page-marketplace) {
  overflow-x: clip;
  max-width: 100%;
}

body.mode-marketing.page-marketplace .mp-main,
body.mode-marketing.page-marketplace .mp-footer__inner,
body.mode-marketing.page-marketplace .mp-top {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* ?? ?st kabuk: preheader + header + kategoriler ?? */
.mp-top--with-preheader {
  --mp-preheader-h: 40px;
}

.mp-preheader {
  position: relative;
  z-index: 26;
  height: var(--mp-preheader-h);
  box-sizing: border-box;
  overflow: visible;
  background: linear-gradient(180deg, #f8fafc 0%, #f4f7fb 100%);
  border-bottom: 1px solid #e8ecf2;
  overflow-anchor: none;
}

.mp-preheader__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 100%;
  min-height: 0;
  padding: 0 var(--mp-gutter);
  box-sizing: border-box;
  overflow: visible;
}

.mp-preheader__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  overflow: visible;
}

.mp-preheader__nav--left {
  justify-content: flex-start;
  flex-shrink: 0;
}

.mp-preheader__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid #e2e8f0;
  border-radius: var(--mp-radius);
  background: #fff;
  color: #334155;
  font-family: inherit;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  pointer-events: auto;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.mp-preheader__link:hover {
  border-color: #cbd5e1;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.mp-preheader__link.is-active {
  border-color: rgba(15, 118, 110, 0.35);
  background: var(--accent-soft, #f0fdfa);
  color: #0f766e;
  font-weight: var(--mp-fw-nav-active);
  box-shadow: none;
}

.mp-preheader__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  color: inherit;
  opacity: 0.85;
}

.mp-preheader__link:hover .mp-preheader__icon,
.mp-preheader__link.is-active .mp-preheader__icon {
  opacity: 1;
}

.mp-preheader__icon .ui-icon {
  width: 12px;
  height: 12px;
}

.mp-preheader__auth-menu .mp-header__auth-trigger--labeled {
  height: 28px;
  min-height: 28px;
  padding: 0 10px;
  gap: 5px;
  border-radius: var(--mp-radius);
  border: 1px solid #e2e8f0;
  background: #fff;
}

.mp-preheader__auth-menu .mp-header__auth-title {
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
}

.mp-preheader__auth-menu .mp-header__auth-eyebrow {
  font-size: var(--mp-text-xs);
}

.mp-preheader__auth-menu .mp-header__quick-icon {
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  color: inherit;
}

.mp-preheader__auth-menu .mp-header__quick-icon .ui-icon {
  width: 12px;
  height: 12px;
}

.mp-preheader__auth-menu.is-active .mp-header__auth-trigger {
  border-color: rgba(15, 118, 110, 0.35);
  background: var(--accent-soft, #f0fdfa);
  color: #0f766e;
  box-shadow: none;
}

.mp-preheader__auth-menu.is-active .mp-header__auth-title {
  color: #0f766e;
  font-weight: var(--mp-fw-nav-active);
}

.mp-preheader__auth-menu .mp-header__auth-popover {
  z-index: 30;
}

.mp-header__auth-menu--guest.is-active .mp-header__auth-trigger {
  border-color: rgba(15, 118, 110, 0.28);
  background: var(--accent-soft, #f0fdfa);
}

.mp-top:has(.mp-header__auth-menu.is-open, .mp-header__cart-menu.is-open) .mkt-header {
  z-index: 30;
}

.mp-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 300;
  background: #fff;
  border-bottom: var(--mp-top-border, 1px) solid #e8ecf2;
  box-shadow: none;
  overflow-anchor: none;
}

.mp-top::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(15, 118, 110, 0.18) 50%, transparent 100%);
  pointer-events: none;
}

.mp-top .mkt-header {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  z-index: 25;
  height: var(--mkt-header-h);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 var(--mp-gutter);
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  box-shadow: none;
}

.mp-top .mkt-header .mkt-header__inner {
  height: 100%;
  min-height: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  align-items: center;
}

.mp-header .mkt-header__inner {
  display: grid;
  grid-template-columns: 1fr minmax(0, 680px) 1fr;
  align-items: center;
  gap: clamp(14px, 2vw, 28px);
  width: 100%;
  max-width: var(--mp-max);
  margin: 0;
  min-height: var(--mp-header-control-h);
}

.mp-header__brand {
  min-width: 0;
  max-width: 100%;
  transition: opacity 0.15s ease;
}

.mp-header__brand:hover {
  opacity: 0.9;
}

.mp-header .mkt-brand__logo-wrap {
  --mkt-logo-outer-r: var(--mp-radius-lg);
  width: var(--site-brand-logo-size);
  height: var(--site-brand-logo-size);
}

.mp-header .mkt-brand__logo {
  width: var(--site-brand-logo-size);
  height: var(--site-brand-logo-size);
}

.mp-header .mkt-brand__text {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: var(--mp-text-brand);
  font-weight: var(--mp-fw-body);
  letter-spacing: -0.01em;
  color: #64748b;
}

.mp-header .mkt-brand__text-strong {
  font-weight: var(--mp-fw-nav-active);
  color: #0f172a;
  letter-spacing: -0.02em;
}

.site-wordmark--bulvaro {
  display: inline-flex;
  align-items: baseline;
  gap: 0;
  font-size: var(--mp-text-brand, 1.0625rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1;
  color: var(--brand-ink, #0b1220);
  white-space: nowrap;
}

.site-wordmark--bulvaro .site-wordmark__bul {
  font-weight: 600;
  color: inherit;
}

.site-wordmark--bulvaro .site-wordmark__var {
  font-weight: 400;
  color: #94a3b8;
}

.site-wordmark--bulvaro .site-wordmark__o {
  position: relative;
  font-weight: 600;
  color: var(--brand-accent, #0f766e);
}

.site-wordmark--bulvaro .site-wordmark__o::after {
  content: "";
  position: absolute;
  left: 0.04em;
  right: 0.04em;
  bottom: -0.14em;
  height: 2px;
  border-radius: 1px;
  background: currentColor;
  opacity: 0.9;
}

.mp-header .site-brand-logo--header {
  display: block;
  width: auto;
  max-width: min(100%, var(--site-brand-logo-max-width, 280px));
  height: var(--site-brand-logo-height-header, 48px);
  object-fit: contain;
  object-position: left center;
  flex-shrink: 1;
  min-width: 0;
}

.mp-cat-drawer__brand .site-brand-logo--header {
  width: auto;
  max-width: min(100%, var(--site-brand-logo-max-width, 280px));
  height: var(--site-brand-logo-height-header, 48px);
  object-fit: contain;
  object-position: left center;
}

.mp-footer__brand-link .site-brand-logo--footer {
  height: var(--site-brand-logo-height-footer, 32px);
}

body.page-marketplace .mp-header .mkt-brand:has(.site-brand-logo),
body.page-marketplace .mp-header__brand:has(.site-brand-logo) {
  min-width: 0;
  max-width: 100%;
}

.mp-header__brand-mark {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-top: 3px;
  border-radius: 2px;
  background: var(--accent, #0f766e);
  flex-shrink: 0;
}

.mp-header .mkt-brand {
  min-width: 0;
  max-width: 100%;
  grid-column: 1;
  justify-self: start;
}

.mp-header__search-wrap {
  grid-column: 2;
  justify-self: center;
  width: 100%;
  max-width: 760px;
  min-width: 0;
  margin: 0;
  pointer-events: none;
  position: relative;
  overflow: visible;
}

.mp-header__search-wrap .mp-header__search {
  pointer-events: auto;
}

.mp-header__search-wrap .mp-search-suggest {
  pointer-events: auto;
}

.mp-header__toolbar {
  grid-column: 3;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  position: relative;
  z-index: 6;
}

.mp-header__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  min-width: 0;
  flex-wrap: wrap;
}

.mp-header__search {
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
  width: 100%;
  height: var(--mp-header-control-h);
  min-height: var(--mp-header-control-h);
  padding: 0 6px 0 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: var(--mp-radius);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}


.mp-header__search:focus-within {
  border-color: rgba(15, 118, 110, 0.45);
  background: #fff;
  box-shadow: 0 0 0 3px var(--accent-soft, rgba(15, 118, 110, 0.12));
}

.mp-header__search-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: var(--mp-radius-lg);
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  line-height: 0;
  transition: color 0.15s ease, background 0.15s ease;
}

.mp-header__search-submit:hover {
  color: #64748b;
  background: #f1f5f9;
}

.mp-header__search-submit .ui-icon {
  width: 17px;
  height: 17px;
}

.mp-header__search-input {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  margin: 0;
  padding: 6px 10px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font: inherit;
  font-size: var(--mp-text-md);
  outline: none !important;
  color: #0f172a;
  appearance: none;
  -webkit-appearance: none;
}

.mp-header__search-input::placeholder {
  color: #94a3b8;
}

.mp-header__search-input:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Canl? arama ?r?n ?nizlemesi */
.mp-top:has([data-mp-search-suggest-root].is-open) .mkt-header {
  z-index: 30;
}

.mp-search-suggest {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 140;
  background: #fff;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius-lg);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
  padding: 6px;
  box-sizing: border-box;
  max-height: min(420px, 70vh);
  overflow: auto;
}

.mp-search-suggest[hidden] {
  display: none !important;
}

.mp-search-suggest__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mp-search-suggest__item {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border-radius: var(--mp-radius);
  text-decoration: none;
  color: inherit;
  transition: background 0.12s ease;
}

.mp-search-suggest__item:hover,
.mp-search-suggest__item.is-active {
  background: #f8fafc;
}

.mp-search-suggest__item:hover .mp-search-suggest__title,
.mp-search-suggest__item.is-active .mp-search-suggest__title {
  color: #0f766e;
}

.mp-search-suggest__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: var(--mp-radius);
  overflow: hidden;
  border: 1px solid #eef2f7;
  background: #fff;
  flex-shrink: 0;
}

.mp-search-suggest__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.mp-search-suggest__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mp-search-suggest__title {
  margin: 0;
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav-active);
  color: #0f172a;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mp-search-suggest__meta {
  margin: 0;
  font-size: var(--mp-text-sm);
  color: #64748b;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mp-search-suggest__price {
  margin: 0;
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav-active);
  color: #0f172a;
  white-space: nowrap;
  justify-self: end;
}

.mp-search-suggest__empty,
.mp-search-suggest__status {
  margin: 0;
  padding: 14px 12px;
  font-size: var(--mp-text-md);
  color: #64748b;
  text-align: center;
}

.mp-search-suggest__footer {
  display: block;
  margin-top: 4px;
  padding: 10px 12px;
  border-top: 1px solid #f0f2f5;
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav);
  color: #0f766e;
  text-decoration: none;
  text-align: center;
  transition: background 0.12s ease, color 0.12s ease;
}

.mp-search-suggest__footer:hover,
.mp-search-suggest__footer.is-active {
  background: var(--accent-soft, #f0fdfa);
  color: #0d9488;
}

.mp-search-drawer__suggest-root {
  position: relative;
}

.mp-search-drawer__suggest-root .mp-search-suggest {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin-top: 12px;
  max-height: min(520px, calc(100vh - 160px));
  box-shadow: none;
}

.mp-header__quick-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: var(--mp-header-control-h);
  height: var(--mp-header-control-h);
  min-height: var(--mp-header-control-h);
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: var(--mp-radius);
  background: #fff;
  color: #0f172a;
  font-family: inherit;
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav);
  line-height: 1;
  text-decoration: none;
  position: relative;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  white-space: nowrap;
  box-sizing: border-box;
}

.mp-header__quick-btn:hover {
  border-color: #e2e8f0;
  background: #fafbfc;
  color: #0f172a;
  box-shadow: none;
  transform: none;
}

.mp-header__quick-btn--labeled {
  width: auto;
  height: var(--mp-header-control-h);
  min-height: var(--mp-header-control-h);
  padding: 0 12px 0 10px;
  gap: 8px;
  justify-content: flex-start;
}

.mp-header__quick-btn.is-active,
.mp-header__quick-btn--labeled.is-active {
  border-color: rgba(15, 118, 110, 0.28);
  background: var(--accent-soft, #f0fdfa);
  color: #0f766e;
}

.mp-header__quick-btn.is-active .mp-header__quick-icon {
  color: #0f766e;
}

.mp-header__quick-label {
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav);
  line-height: 1;
  color: inherit;
}

.mp-header__quick-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: var(--mp-radius);
  color: #475569;
  transition: color 0.15s ease;
}

.mp-header__quick-btn:hover .mp-header__quick-icon {
  color: #64748b;
}

.mp-header__quick-btn--labeled.is-active .mp-header__quick-icon {
  color: #0f766e;
}

.mp-header__mobile-tools {
  display: none;
}

.mp-header__quick-icon .ui-icon {
  width: 15px;
  height: 15px;
}

.mp-header__quick-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: var(--mp-radius);
  background: var(--accent, #0f766e);
  color: #fff;
  font-size: 0.65rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 18px;
  text-align: center;
}

/* M??teri giri? dropdown */
.mp-header__auth-menu {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  flex: 0 0 auto;
}

.mp-header__auth-trigger {
  font-family: inherit;
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav);
  line-height: 1;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.mp-header__auth-trigger--labeled {
  width: auto;
  height: var(--mp-header-control-h);
  min-height: var(--mp-header-control-h);
  padding: 0 12px 0 10px;
  gap: 8px;
  justify-content: flex-start;
}

.mp-header__auth-trigger--direct {
  display: none;
  text-decoration: none;
  color: inherit;
}

.mp-header__auth-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  min-width: 0;
  text-align: left;
  line-height: 1.15;
}

.mp-header__auth-eyebrow {
  font-size: var(--mp-text-xs);
  font-weight: var(--mp-fw-nav);
  color: #94a3b8;
  line-height: 1.15;
}

.mp-header__auth-title {
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav-active);
  color: #0f172a;
  line-height: 1.15;
}

.mp-header__auth-menu.is-open .mp-header__auth-trigger,
.mp-header__auth-menu--guest.is-active .mp-header__auth-trigger {
  border-color: rgba(15, 118, 110, 0.28);
  background: var(--accent-soft, #f0fdfa);
  color: #0f766e;
  box-shadow: 0 4px 14px rgba(15, 118, 110, 0.08);
}

.mp-header__auth-menu.is-open .mp-header__auth-title,
.mp-header__auth-menu--guest.is-active .mp-header__auth-title {
  color: #0f766e;
}

.mp-header__auth-popover {
  position: absolute;
  top: calc(100% + 10px);
  z-index: 120;
  background: #fff;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius-lg);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
}

.mp-header__auth-popover--account {
  left: 0;
  right: 0;
  width: auto;
  transform: none;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.mp-header__auth-menu-list {
  display: flex;
  flex-direction: column;
}

.mp-header__auth-menu-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: #334155;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  border-bottom: 1px solid #f0f2f5;
  transition: background 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}

.mp-header__auth-menu-item:last-child {
  border-bottom: none;
}

.mp-header__auth-menu-item:hover {
  background: #f8fafc;
  color: #0f172a;
}

.mp-header__auth-menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: #64748b;
}

.mp-header__auth-menu-icon .ui-icon {
  width: 18px;
  height: 18px;
}

.mp-header__auth-menu-divider {
  height: 1px;
  background: #f0f2f5;
}

.mp-header__auth-menu--signed {
  align-items: flex-end;
}

.mp-header__auth-menu--signed > .mp-header__auth-trigger {
  width: auto;
  max-width: min(220px, 42vw);
  box-sizing: border-box;
}

.mp-header__auth-menu--signed .mp-header__auth-text {
  overflow: hidden;
  min-width: 0;
}

.mp-header__auth-menu--signed .mp-header__auth-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12rem;
}

.mp-header__auth-menu--signed > .mp-header__auth-popover--account {
  left: 50%;
  right: auto;
  width: max-content;
  min-width: 280px;
  transform: translateX(-50%);
}

.mp-header__auth-popover--trust {
  left: 50%;
  transform: translateX(-50%);
  width: min(340px, calc(100vw - 24px));
  padding: 0;
  overflow: hidden;
}

.mp-header__auth-popover::before {
  content: '';
  position: absolute;
  top: -7px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 1px solid #e8ecf2;
  border-top: 1px solid #e8ecf2;
}

.mp-header__auth-popover--trust::before {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.mp-header__auth-popover--account::before {
  left: 50%;
  right: auto;
  transform: translateX(-50%) rotate(45deg);
}

.mp-header__auth-popover[hidden] {
  display: none !important;
}

/* Sepet ?nizleme dropdown */
.mp-header__cart-menu {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  flex: 0 0 auto;
}

.mp-header__cart-menu.is-open > .mp-header__quick-btn {
  border-color: rgba(15, 118, 110, 0.28);
  background: var(--accent-soft, #f0fdfa);
  color: #0f766e;
}

.mp-header__cart-menu.is-open > .mp-header__quick-btn .mp-header__quick-icon {
  color: #0f766e;
}

.mp-header__cart-popover {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  left: auto;
  z-index: 120;
  width: min(380px, calc(100vw - 24px));
  background: #fff;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius-lg);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
  padding: 14px;
  box-sizing: border-box;
}

.mp-header__cart-popover::before {
  content: '';
  position: absolute;
  top: -7px;
  right: 18px;
  left: auto;
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 1px solid #e8ecf2;
  border-top: 1px solid #e8ecf2;
  transform: rotate(45deg);
}

.mp-header__cart-popover[hidden] {
  display: none !important;
}

.mp-mini-cart__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: min(280px, 42vh);
  overflow: auto;
}

.mp-mini-cart__item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px solid #f0f2f5;
}

.mp-mini-cart__item:first-child {
  padding-top: 0;
}

.mp-mini-cart__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.mp-mini-cart__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: var(--mp-radius);
  overflow: hidden;
  border: 1px solid #eef2f7;
  background: #fff;
  flex-shrink: 0;
}

.mp-mini-cart__media.catalog-card__media {
  aspect-ratio: auto;
  background: #fff;
  width: 56px;
  height: 56px;
}

/* app.css catalog-card padding (18px) mini sepette g?rseli k???lt?yor ? daha y?ksek ?zg?ll?k */
.mp-mini-cart__media.catalog-card__media:not(.catalog-card__media--avatar):not(.catalog-card__media--placeholder) .catalog-card__media-stage {
  padding: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.mp-mini-cart__media.catalog-card__media--avatar .catalog-card__media-stage,
.mp-mini-cart__media.catalog-card__media--placeholder .catalog-card__media-stage {
  padding: 6px;
  background: #fff;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.mp-mini-cart__media img,
.mp-mini-cart__media .mp-card__media-swap-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.mp-mini-cart__media.catalog-card__media:not(.catalog-card__media--avatar):not(.catalog-card__media--placeholder) img,
.mp-mini-cart__media.catalog-card__media:not(.catalog-card__media--avatar):not(.catalog-card__media--placeholder) .mp-card__media-swap-img {
  transform: scale(1.12);
}

.mp-mini-cart__body {
  min-width: 0;
  padding-top: 2px;
}

.mp-mini-cart__title {
  display: block;
  font-size: 0.84rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.35;
  color: #0f172a;
  text-decoration: none;
}

.mp-mini-cart__title:hover {
  color: #334155;
}

.mp-mini-cart__meta {
  margin: 4px 0 0;
  font-size: 0.78rem;
  line-height: 1.3;
}

.mp-mini-cart__remove {
  margin: 0;
  align-self: center;
}

.mp-mini-cart__remove-btn {
  padding: 4px 6px;
  font-size: 0.72rem;
  color: #dc2626;
  border-color: transparent;
  background: transparent;
}

.mp-mini-cart__remove-btn:hover:not(:disabled) {
  color: #b91c1c;
  background: #fef2f2;
  border-color: #fecaca;
}

.mp-mini-cart__remove-btn .ui-icon {
  width: 14px;
  height: 14px;
}

.mp-mini-cart__more {
  margin: 8px 0 0;
  font-size: 0.78rem;
  text-align: center;
}

.mp-mini-cart__more a {
  color: #64748b;
  text-decoration: none;
}

.mp-mini-cart__more a:hover {
  color: var(--accent, #0f766e);
}

.mp-mini-cart__subtotal {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e8ecf2;
}

.mp-mini-cart__subtotal-label {
  font-size: 0.84rem;
  color: #64748b;
}

.mp-mini-cart__subtotal-value {
  font-size: 1rem;
  font-weight: var(--mp-fw-nav-active);
  color: #0f172a;
}

.mp-mini-cart__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}

.mp-mini-cart__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 10px;
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav-active);
  text-decoration: none;
  white-space: nowrap;
}

.mp-mini-cart__btn--primary {
  border-radius: var(--mp-radius);
}

.mp-mini-cart__btn--checkout {
  border-radius: var(--mp-radius);
  color: #334155;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
}

.mp-mini-cart__btn--checkout:hover:not(.is-disabled) {
  background: #e8edf3;
  border-color: #cbd5e1;
  color: #0f172a;
}

.mp-mini-cart__btn--checkout.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}

.mp-mini-cart__shipping {
  margin-top: 12px;
}

.mp-mini-cart__shipping-msg {
  margin: 0 0 8px;
  font-size: 0.76rem;
  line-height: 1.4;
  color: #64748b;
}

.mp-mini-cart__shipping-msg--ok {
  color: #047857;
}

.mp-mini-cart__shipping-bar {
  height: 6px;
  border-radius: 999px;
  background: #e8edf3;
  overflow: hidden;
}

.mp-mini-cart__shipping-bar-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #14b8a6 0%, #0f766e 100%);
  transition: width 0.25s ease;
}

.mp-mini-cart__shipping-bar-fill.is-complete {
  background: linear-gradient(90deg, #34d399 0%, #059669 100%);
}

.mp-mini-cart__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 8px 6px 4px;
}

.mp-mini-cart__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #f8fafc;
  color: #94a3b8;
  margin-bottom: 10px;
}

.mp-mini-cart__empty-icon .ui-icon {
  width: 22px;
  height: 22px;
}

.mp-mini-cart__empty-title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  color: #0f172a;
}

.mp-mini-cart__empty-desc {
  margin: 6px 0 14px;
  font-size: 0.8rem;
  line-height: 1.4;
}

.mp-mini-cart__empty-btn {
  width: 100%;
  min-height: 40px;
  font-size: 0.84rem;
}

.mp-auth-trust-list {
  padding: 16px 18px 12px;
}

.mp-auth-trust-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.mp-auth-trust-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border: 1px solid var(--accent-border, rgba(15, 118, 110, 0.22));
  border-radius: var(--mkt-radius-md);
  background: var(--accent-soft, #f0fdfa);
  color: var(--accent, #0f766e);
}

.mp-auth-trust-icon .ui-icon {
  width: 18px;
  height: 18px;
}

.mp-auth-trust-copy {
  min-width: 0;
}

.mp-auth-trust-title {
  display: block;
  font-size: 0.88rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  line-height: 1.35;
  margin: 0 0 4px;
}

.mp-auth-trust-desc {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--mkt-muted, #5b6478);
}

.mp-auth-trust-divider {
  height: 1px;
  margin: 14px 0;
  background: #f0f2f5;
}

.mp-auth-trust-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(100% - 36px);
  margin: 4px 18px 0;
  min-height: 42px;
  padding: 10px 18px;
  border-radius: var(--mp-radius-lg);
  background: var(--accent, #0f766e);
  color: #fff;
  font-size: 0.9rem;
  font-weight: var(--mp-fw-nav-active);
  text-decoration: none;
  text-align: center;
  transition: background 0.15s, box-shadow 0.15s;
}

.mp-auth-trust-cta:hover {
  background: var(--accent-hover, #0d9488);
  color: #fff;
  box-shadow: none;
}

.mp-auth-trust-register {
  display: block;
  padding: 10px 18px 14px;
  font-size: 0.78rem;
  color: var(--mkt-muted, #5b6478);
  text-align: center;
  text-decoration: none;
}

.mp-auth-trust-register span {
  color: var(--accent, #0f766e);
  font-weight: var(--mp-fw-nav-active);
}

.mp-auth-trust-register:hover {
  color: var(--mkt-muted, #5b6478);
}

.mp-auth-trust-register:hover span {
  color: var(--accent-hover, #0d9488);
  text-decoration: underline;
}

.mp-header__auth-popover-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: var(--mp-radius-lg);
  font-size: 0.9rem;
  font-weight: var(--mp-fw-nav-active);
  text-decoration: none;
  text-align: center;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.mp-header__auth-popover-btn--primary {
  background: var(--accent, #0f766e);
  color: #fff;
  border: 1px solid var(--accent, #0f766e);
}

.mp-header__auth-popover-btn--primary:hover {
  background: var(--accent-hover, #0d9488);
  border-color: var(--accent-hover, #0d9488);
  color: #fff;
}

.mp-header__auth-popover-btn--ghost {
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  border: 1px solid #d1d5db;
}

.mp-header__auth-popover-btn--ghost:hover {
  border-color: #9ca3af;
  background: #f9fafb;
}

body.mode-marketing .mp-header__auth-btn.btn.btn-primary.mkt-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--mp-header-control-h);
  min-height: var(--mp-header-control-h);
  padding: 0 14px;
  white-space: nowrap;
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav);
  border: 1px solid #e2e8f0;
  border-radius: var(--mp-radius);
  background: #fff;
  background-image: none;
  color: #0f172a;
  box-shadow: none;
  position: relative;
  z-index: 1;
  pointer-events: auto;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

body.mode-marketing .mp-header__auth-btn.btn.btn-primary.mkt-btn-primary:hover:not(:disabled) {
  border-color: rgba(15, 118, 110, 0.28);
  background: var(--accent-soft, #f0fdfa);
  background-image: none;
  color: #0f766e;
  box-shadow: none;
  transform: none;
  filter: none;
}

/* Kategori ?eridi ? yatay men? */
.mp-catnav {
  position: relative;
  z-index: 20;
  height: var(--mp-catnav-h);
  background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
  border-top: 1px solid #eef1f5;
  padding: var(--mp-catnav-pad-y) var(--mp-gutter);
  box-sizing: border-box;
  overflow: visible;
  overflow-anchor: none;
}

.mp-catnav__inner {
  position: relative;
  width: 100%;
  max-width: var(--mp-max);
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: nowrap;
  height: 100%;
  min-height: 0;
  overflow: visible;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.mp-catnav__inner::-webkit-scrollbar {
  display: none;
}

.mp-catnav__item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0;
  padding: 0 20px;
  text-decoration: none;
  color: #64748b;
  /* Aktif/pasif ayn? a??rl?k ? ortalanm?? ?eritte font-weight de?i?imi yatay titreme yapmas?n */
  font-weight: var(--mp-fw-nav);
  background: transparent;
  transition: color 0.15s ease, background 0.15s ease;
  white-space: nowrap;
  position: relative;
}

.mp-catnav__inner > :not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #e2e8f0;
  pointer-events: none;
}

.mp-catnav__inner > * {
  position: relative;
  flex: 0 0 auto;
}

.mp-catnav__group {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
}

.mp-catnav__content {
  display: inline-flex;
  align-items: center;
  position: relative;
  max-width: 100%;
}

.mp-catnav__item--has-sub::after {
  display: none;
}

/* Hover: kategori ? mega modal k?pr? oku */
.mp-catnav__group:hover > .mp-catnav__item--has-sub::before,
.mp-catnav__group:focus-within > .mp-catnav__item--has-sub::before,
.mp-catnav__group.is-mega-open > .mp-catnav__item--has-sub::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px;
  z-index: 330;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  background: #fff;
  border-top: 1px solid #e8ecf2;
  border-left: 1px solid #e8ecf2;
  transform: translate(-50%, 50%) rotate(45deg);
  box-shadow: -2px -2px 5px rgba(15, 23, 42, 0.05);
  pointer-events: none;
}

.mp-catnav__group:hover > .mp-catnav__item--has-sub,
.mp-catnav__group:focus-within > .mp-catnav__item--has-sub,
.mp-catnav__group.is-mega-open > .mp-catnav__item--has-sub {
  color: #0f172a;
  background: rgba(255, 255, 255, 0.9);
}

.mp-catnav__group:hover > .mp-catnav__item--has-sub .mp-catnav__content,
.mp-catnav__group:focus-within > .mp-catnav__item--has-sub .mp-catnav__content,
.mp-catnav__group.is-mega-open > .mp-catnav__item--has-sub .mp-catnav__content {
  box-shadow: inset 0 -2px 0 0 var(--accent, #0f766e);
}

.mp-catnav__group:hover .mp-catnav__item--has-sub,
.mp-catnav__group:focus-within .mp-catnav__item--has-sub {
  color: #0f172a;
  background: rgba(255, 255, 255, 0.7);
}

.mp-catnav__group:hover .mp-catnav__item--has-sub.is-active,
.mp-catnav__group:focus-within .mp-catnav__item--has-sub.is-active {
  color: #0f766e;
  background: transparent;
}

.mp-catnav__item:hover {
  color: #0f172a;
  background: rgba(248, 250, 252, 0.9);
}

.mp-catnav__item.is-active {
  color: #0f766e;
  font-weight: var(--mp-fw-nav);
  background: transparent;
}

.mp-catnav__item.is-active .mp-catnav__content {
  box-shadow: inset 0 -2px 0 0 var(--accent, #0f766e);
}

.mp-catnav__item.is-active:hover {
  color: #0f766e;
  background: transparent;
}

.mp-catnav__item.is-active .mp-catnav__thumb--fallback {
  color: var(--accent, #0f766e);
}

.mp-catnav__label {
  font-size: var(--mp-text-catnav);
  font-weight: inherit;
  line-height: 1.25;
  letter-spacing: var(--mp-ls-catnav);
  text-transform: uppercase;
}

/* Gruplar static: dropdown .mp-catnav__inner geni?li?ine oturur */
.mp-catnav__inner > .mp-catnav__group {
  position: static;
}

.mp-catnav__inner > .mp-catnav__group::after {
  content: none;
}

.mp-catnav__inner > .mp-catnav__group:not(:last-child) > .mp-catnav__item::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #e2e8f0;
  pointer-events: none;
}

.mp-catnav__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 8px 0;
  margin: 0;
  background: #fff;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease;
  z-index: 320;
  pointer-events: none;
  box-sizing: border-box;
  /* Kapal?yken mega men? + g?rseller ilk boyamay? geciktirmesin */
  content-visibility: hidden;
}

.mp-catnav__dropdown::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  height: 14px;
}

.mp-catnav__dropdown--has-promo {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 18px;
  min-width: 0;
  padding: 16px 18px;
  overflow: hidden;
}

/* Optik mega ? panel full-width; i?erik .mega-inner ile ortal? kompakt */
.mp-catnav__dropdown--gozluk-mega {
  --mp-mega-gap: 8px;
  --mp-mega-cell-min: 68px;
  --mp-mega-label: 0.6875rem;
  --mp-mega-border: #e8ecf2;
  --mp-mega-radius: var(--mp-radius-md, 4px);
  --mp-mega-section-gap: 14px;
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  padding: 16px 20px 18px;
  overflow: hidden;
  box-sizing: border-box;
}

.mp-catnav__dropdown--gozluk-mega.mp-catnav__dropdown--has-promo {
  display: block;
}

.mp-catnav__mega-inner {
  display: grid;
  grid-template-columns: minmax(200px, 240px) minmax(0, 1fr) 256px;
  align-items: stretch;
  column-gap: 22px;
  row-gap: 0;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  min-width: 0;
  box-sizing: border-box;
}

.mp-catnav__dropdown--gozluk-mega:not(.mp-catnav__dropdown--has-promo) .mp-catnav__mega-inner {
  grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
}

.mp-catnav__mega-left {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  width: 100%;
  grid-column: 1;
  grid-row: 1;
}

.mp-catnav__mega-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
  width: 100%;
  grid-column: 2;
  grid-row: 1;
}

.mp-catnav__mega-inner > .mp-catnav__dropdown-promo {
  grid-column: 3;
  grid-row: 1;
  align-self: stretch;
  width: 100%;
  max-width: none;
  min-height: 0;
}

.mp-catnav__dropdown--promo-only {
  display: flex;
  align-items: stretch;
  justify-content: center;
  min-width: 0;
  padding: 16px 18px;
  overflow: hidden;
}

.mp-catnav__dropdown-menu {
  flex: 0 0 auto;
  min-width: 280px;
  padding: 10px 0;
}

.mp-catnav__dropdown--has-promo .mp-catnav__dropdown-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 8px 6px 6px;
}

.mp-catnav__dropdown--gozluk-mega .mp-catnav__dropdown-menu {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  align-self: stretch;
  justify-content: flex-start;
  padding: 0;
  gap: var(--mp-mega-gap, 8px);
}

/* B?l?m ay?r?c? ? e?it bo?luk, son b?l?mde ?izgi yok */
.mp-catnav__dropdown--gozluk-mega .mp-catnav__mega-left > *,
.mp-catnav__dropdown--gozluk-mega .mp-catnav__mega-main > * {
  box-sizing: border-box;
  margin: 0;
  padding-top: var(--mp-mega-section-gap, 14px);
  padding-bottom: var(--mp-mega-section-gap, 14px);
  border-bottom: 1px solid var(--mp-mega-border, #e8ecf2);
}

.mp-catnav__dropdown--gozluk-mega .mp-catnav__mega-left > :first-child,
.mp-catnav__dropdown--gozluk-mega .mp-catnav__mega-main > :first-child {
  padding-top: 0;
}

.mp-catnav__dropdown--gozluk-mega .mp-catnav__mega-left > :last-child,
.mp-catnav__dropdown--gozluk-mega .mp-catnav__mega-main > :last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.mp-catnav__dropdown--gozluk-mega .mp-catnav__dropdown-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 0;
  width: 100%;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid var(--mp-mega-border, #e8ecf2);
  border-radius: var(--mp-mega-radius, 4px);
  background: #fff;
  box-sizing: border-box;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav);
  line-height: 1.3;
  color: #374151;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
}

.mp-catnav__dropdown--gozluk-mega .mp-catnav__dropdown-link:hover {
  border-color: rgba(15, 118, 110, 0.28);
  background: #f8fafc;
  color: #111827;
}

.mp-catnav__dropdown--gozluk-mega .mp-catnav__dropdown-link.is-active {
  border-color: rgba(15, 118, 110, 0.35);
  background: #f0fdfa;
  color: #0f766e;
  font-weight: var(--mp-fw-nav-active);
}

.mp-catnav__dropdown--gozluk-mega .mp-catnav__dropdown-label {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  text-align: left;
}

.mp-catnav__dropdown--gozluk-mega .mp-catnav__dropdown-link--sale,
.mp-catnav__dropdown--gozluk-mega .mp-catnav__dropdown-link--sale .mp-catnav__dropdown-label {
  color: #dc2626;
}

.mp-catnav__dropdown--gozluk-mega .mp-catnav__dropdown-link--sale:hover,
.mp-catnav__dropdown--gozluk-mega .mp-catnav__dropdown-link--sale:hover .mp-catnav__dropdown-label {
  color: #b91c1c;
  border-color: rgba(220, 38, 38, 0.28);
  background: #fef2f2;
}

.mp-catnav__dropdown--gozluk-mega .mp-catnav__dropdown-link--sale.is-active {
  border-color: rgba(220, 38, 38, 0.35);
  background: #fef2f2;
  color: #b91c1c;
}

/* Lens mega ? tip se?ici (g?zl?k megas?ndan ba??ms?z) */
.mp-catnav__dropdown--lens-mega {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  padding: 18px 20px 16px;
  overflow: hidden;
  box-sizing: border-box;
}

.mp-catnav__lens-chooser {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  box-sizing: border-box;
}

.mp-catnav__lens-chooser__groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 28px;
  align-items: start;
}

.mp-catnav__lens-chooser__groups:has(> :only-child) {
  grid-template-columns: 1fr;
}

.mp-catnav__lens-chooser__groups:has(> :only-child) .mp-catnav__lens-chooser__cards {
  grid-template-columns: repeat(auto-fit, minmax(160px, 220px));
}

.mp-catnav__lens-chooser__group {
  min-width: 0;
}

.mp-catnav__lens-chooser__heading {
  margin: 0 0 10px;
  padding: 0;
  font-size: 0.6875rem;
  font-weight: var(--mp-fw-nav-active, 600);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
}

.mp-catnav__lens-chooser__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.mp-catnav__lens-chooser__card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  text-decoration: none;
  color: inherit;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius-md, 4px);
  overflow: hidden;
  background: #fff;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.15s ease;
}

.mp-catnav__lens-chooser__card:hover {
  border-color: rgba(15, 118, 110, 0.35);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.mp-catnav__lens-chooser__card.is-active {
  border-color: rgba(15, 118, 110, 0.45);
  box-shadow: 0 0 0 1px rgba(15, 118, 110, 0.2);
}

.mp-catnav__lens-chooser__media {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  background: #f1f5f9;
  overflow: hidden;
}

.mp-catnav__lens-chooser__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.25s ease;
}

.mp-catnav__lens-chooser__card:hover .mp-catnav__lens-chooser__media img {
  transform: scale(1.04);
}

.mp-catnav__lens-chooser__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #94a3b8;
}

.mp-catnav__lens-chooser__placeholder .ui-icon {
  width: 28px;
  height: 28px;
}

.mp-catnav__lens-chooser__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px 12px;
}

.mp-catnav__lens-chooser__title {
  font-size: 0.875rem;
  font-weight: var(--mp-fw-nav-active, 600);
  line-height: 1.3;
  color: #111827;
}

.mp-catnav__lens-chooser__card.is-active .mp-catnav__lens-chooser__title {
  color: #0f766e;
}

.mp-catnav__lens-chooser__hint {
  font-size: 0.75rem;
  line-height: 1.35;
  color: #64748b;
}

.mp-catnav__lens-chooser__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e8ecf2;
}

.mp-catnav__lens-chooser__footer-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav, 500);
  color: #0f766e;
  text-decoration: none;
  transition: color 0.12s ease;
}

.mp-catnav__lens-chooser__footer-link .ui-icon {
  width: 14px;
  height: 14px;
  transition: transform 0.15s ease;
}

.mp-catnav__lens-chooser__footer-link:hover {
  color: #0d9488;
}

.mp-catnav__lens-chooser__footer-link:hover .ui-icon {
  transform: translateX(2px);
}

.mp-catnav__lens-chooser__footer-link.is-active {
  font-weight: var(--mp-fw-nav-active, 600);
}

.mp-catnav__lens-chooser__footer-link--cross {
  color: #475569;
}

.mp-catnav__lens-chooser__footer-link--cross:hover {
  color: #0f766e;
}

/* Renkli Lens mega ? kartlar + biti?ik marka kutular? (Lens?ten ayr?) */
.mp-catnav__dropdown--renkli-lens-mega {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  padding: 18px 20px 16px;
  overflow-x: auto;
  overflow-y: hidden;
  box-sizing: border-box;
}

.mp-catnav__renkli-chooser {
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

.mp-catnav__renkli-chooser__row {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 14px;
  width: max-content;
  max-width: 100%;
}

.mp-catnav__renkli-chooser__group {
  flex: 0 0 auto;
  min-width: 0;
}

.mp-catnav__renkli-chooser__heading {
  margin: 0 0 10px;
  padding: 0;
  font-size: 0.6875rem;
  font-weight: var(--mp-fw-nav-active, 600);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
}

.mp-catnav__renkli-chooser__cards {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}

.mp-catnav__renkli-chooser__card {
  display: flex;
  flex-direction: column;
  width: 190px;
  min-width: 190px;
  text-decoration: none;
  color: inherit;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius-md, 4px);
  overflow: hidden;
  background: #fff;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.15s ease;
}

.mp-catnav__renkli-chooser__card:hover {
  border-color: rgba(15, 118, 110, 0.35);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.mp-catnav__renkli-chooser__card.is-active {
  border-color: rgba(15, 118, 110, 0.45);
  box-shadow: 0 0 0 1px rgba(15, 118, 110, 0.2);
}

.mp-catnav__renkli-chooser__media {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  background: #f1f5f9;
  overflow: hidden;
}

.mp-catnav__renkli-chooser__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.25s ease;
}

.mp-catnav__renkli-chooser__card:hover .mp-catnav__renkli-chooser__media img {
  transform: scale(1.04);
}

.mp-catnav__renkli-chooser__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #94a3b8;
}

.mp-catnav__renkli-chooser__placeholder .ui-icon {
  width: 28px;
  height: 28px;
}

.mp-catnav__renkli-chooser__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px 12px;
}

.mp-catnav__renkli-chooser__title {
  font-size: 0.875rem;
  font-weight: var(--mp-fw-nav-active, 600);
  line-height: 1.3;
  color: #111827;
}

.mp-catnav__renkli-chooser__card.is-active .mp-catnav__renkli-chooser__title {
  color: #0f766e;
}

.mp-catnav__renkli-chooser__hint {
  font-size: 0.75rem;
  line-height: 1.35;
  color: #64748b;
}

.mp-catnav__renkli-chooser__brands {
  flex: 0 0 248px;
  width: 248px;
  min-width: 248px;
  margin-left: 4px;
  padding-left: 16px;
  border-left: 1px solid #e2e8f0;
}

.mp-catnav__renkli-chooser__brands-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.mp-catnav__renkli-chooser__brand {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 10px 12px;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius-md, 4px);
  background: #fff;
  text-decoration: none;
  color: #374151;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    box-shadow 0.15s ease;
}

.mp-catnav__renkli-chooser__brand:hover {
  border-color: rgba(15, 118, 110, 0.35);
  background: #f8fafc;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
}

.mp-catnav__renkli-chooser__brand img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 32px;
  object-fit: contain;
}

.mp-catnav__renkli-chooser__brand-name {
  font-size: 0.6875rem;
  font-weight: var(--mp-fw-nav-active, 600);
  line-height: 1.25;
  text-align: center;
}

.mp-catnav__renkli-chooser__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e8ecf2;
}

.mp-catnav__renkli-chooser__footer-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav, 500);
  color: #0f766e;
  text-decoration: none;
  transition: color 0.12s ease;
}

.mp-catnav__renkli-chooser__footer-link .ui-icon {
  width: 14px;
  height: 14px;
  transition: transform 0.15s ease;
}

.mp-catnav__renkli-chooser__footer-link:hover {
  color: #0d9488;
}

.mp-catnav__renkli-chooser__footer-link:hover .ui-icon {
  transform: translateX(2px);
}

.mp-catnav__renkli-chooser__footer-link.is-active {
  font-weight: var(--mp-fw-nav-active, 600);
}

.mp-catnav__renkli-chooser__footer-link--cross {
  color: #475569;
}

.mp-catnav__renkli-chooser__footer-link--cross:hover {
  color: #0f766e;
}

.mp-catnav__dropdown-link--sale,
.mp-catnav__dropdown-link--sale .mp-catnav__dropdown-label {
  color: #dc2626;
}

.mp-catnav__dropdown-link--sale:hover,
.mp-catnav__dropdown-link--sale:hover .mp-catnav__dropdown-label {
  color: #b91c1c;
}

.mp-catnav__mega-filters {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 424px;
  max-width: 100%;
  min-width: 0;
  padding-top: 2px;
}

.mp-catnav__mega-block {
  min-width: 0;
  width: 100%;
}

.mp-catnav__mega-block-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.mp-catnav__mega-block-head .mp-catnav__mega-heading {
  margin: 0;
}

.mp-catnav__mega-more {
  flex-shrink: 0;
  color: #0f766e;
  font-size: 0.6875rem;
  font-weight: var(--mp-fw-nav-active);
  text-decoration: none;
  white-space: nowrap;
}

.mp-catnav__mega-more:hover {
  color: #0d9488;
  text-decoration: underline;
}

.mp-catnav__mega-heading {
  margin: 0 0 10px;
  color: #b45309;
  font-size: 0.6875rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.3;
}

.mp-catnav__mega-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--mp-mega-gap, 8px);
  width: 100%;
}

.mp-catnav__mega-left .mp-catnav__mega-grid--faces {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mp-catnav__mega-grid--shapes {
  grid-template-columns: repeat(4, 96px);
  width: max-content;
  max-width: 100%;
}

.mp-catnav__mega-brands {
  display: grid;
  grid-template-columns: repeat(4, 96px);
  gap: var(--mp-mega-gap, 8px);
  width: max-content;
  max-width: 100%;
}

.mp-catnav__mega-sorts {
  display: grid;
  grid-template-columns: repeat(3, 132px);
  gap: var(--mp-mega-gap, 8px);
  width: max-content;
  max-width: 100%;
}

.mp-catnav__mega-sort {
  min-height: 44px;
  padding: 8px 6px;
  text-align: center;
}

.mp-catnav__mega-sort .mp-catnav__mega-brand__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.25;
}

.mp-catnav__mega-main > .mp-catnav__mega-block {
  width: max-content;
  max-width: 100%;
}

.mp-catnav__mega-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: var(--mp-mega-cell-min, 70px);
  width: 100%;
  padding: 7px 4px 6px;
  border: 1px solid var(--mp-mega-border, #e8ecf2);
  border-radius: var(--mp-mega-radius, 4px);
  background: #fff;
  box-sizing: border-box;
  text-decoration: none;
  color: #374151;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
}

.mp-catnav__mega-tile:hover {
  border-color: rgba(15, 118, 110, 0.28);
  background: #f8fafc;
  color: #111827;
}

.mp-catnav__mega-tile:hover .mp-catnav__mega-tile__icon {
  color: #0f766e;
}

.mp-catnav__mega-tile__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 28px;
  color: #111827;
  transition: color 0.15s ease;
}

.mp-catnav__mega-grid--faces .mp-catnav__mega-tile__icon {
  height: 32px;
}

.mp-catnav__mega-tile__icon svg {
  display: block;
  width: 40px;
  height: 22px;
}

.mp-catnav__mega-grid--faces .mp-catnav__mega-tile__icon svg {
  width: 24px;
  height: 28px;
}

.mp-catnav__mega-tile__icon img {
  display: block;
  width: auto;
  max-width: 48px;
  max-height: 28px;
  height: auto;
  object-fit: contain;
}

.mp-catnav__mega-tile__label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-width: 100%;
  min-height: 1.85em;
  overflow: hidden;
  font-size: var(--mp-mega-label, 0.6875rem);
  font-weight: var(--mp-fw-nav);
  line-height: 1.25;
  text-align: center;
  white-space: normal;
}

.mp-catnav__mega-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 6px 8px;
  border: 1px solid var(--mp-mega-border, #e8ecf2);
  border-radius: var(--mp-mega-radius, 4px);
  background: #fff;
  text-decoration: none;
  color: #374151;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.mp-catnav__mega-brand:hover {
  border-color: rgba(15, 118, 110, 0.28);
  background: #f8fafc;
}

.mp-catnav__mega-brand img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 24px;
  object-fit: contain;
}

.mp-catnav__mega-brand__name {
  font-size: var(--mp-mega-label, 0.6875rem);
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.25;
  text-align: center;
}

.mp-catnav__mega-brand--all {
  background: #f0fdfa;
  border-color: rgba(15, 118, 110, 0.22);
  color: #0f766e;
}

.mp-catnav__mega-brand--all:hover {
  background: #ccfbf1;
}

.mp-catnav__mega-brands-empty {
  display: block;
  padding: 12px;
  border: 1px dashed var(--mp-mega-border, #e8ecf2);
  border-radius: var(--mp-mega-radius, 4px);
  color: #0f766e;
  font-size: 0.8125rem;
  text-align: center;
  text-decoration: none;
}

.mp-catnav__dropdown-promo {
  display: block;
  flex: 0 0 360px;
  width: 360px;
  margin: 0;
  border-left: none;
  border-radius: var(--mp-radius);
  overflow: hidden;
  text-decoration: none;
  background: #0f172a;
  color: inherit;
  transition: opacity 0.2s ease;
}

.mp-catnav__dropdown--gozluk-mega .mp-catnav__dropdown-promo {
  flex: none;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 0;
  justify-self: stretch;
  align-self: stretch;
  background: #0f172a;
  border-radius: var(--mp-mega-radius, 4px);
  overflow: hidden;
}

.mp-catnav__dropdown-promo:hover {
  opacity: 0.96;
}

.mp-catnav__dropdown-promo__media {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: clamp(220px, 28vw, 340px);
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.mp-catnav__dropdown-promo--button-only .mp-catnav__dropdown-promo__media {
  min-height: clamp(220px, 28vw, 340px);
  aspect-ratio: 3 / 4;
  height: auto;
}

.mp-catnav__dropdown--gozluk-mega .mp-catnav__dropdown-promo__media {
  min-height: 0;
  aspect-ratio: auto;
  height: 100%;
}

.mp-catnav__dropdown-promo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.32s ease;
}

.mp-catnav__dropdown-promo:hover img {
  transform: scale(1.05);
}

.mp-catnav__dropdown-promo__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(12, 18, 34, 0) 28%,
    rgba(12, 18, 34, 0.5) 58%,
    rgba(12, 18, 34, 0.92) 100%
  );
  transition: background 0.32s ease;
  pointer-events: none;
}

.mp-catnav__dropdown-promo:hover .mp-catnav__dropdown-promo__overlay {
  background: linear-gradient(
    180deg,
    rgba(12, 18, 34, 0.06) 16%,
    rgba(12, 18, 34, 0.62) 56%,
    rgba(12, 18, 34, 0.96) 100%
  );
}

.mp-catnav__dropdown-promo__content {
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px 16px 18px;
  text-align: center;
  pointer-events: none;
}

.mp-catnav__dropdown-promo--button-only .mp-catnav__dropdown-promo__content {
  gap: 0;
  padding: 18px 14px 16px;
}

.mp-catnav__dropdown-promo__title {
  color: #fff;
  font-size: 0.875rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
}

.mp-catnav__dropdown-promo__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(6px);
  color: #fff;
  font-size: 0.625rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    transform 0.22s ease;
}

.mp-catnav__dropdown-promo__cta .ui-icon {
  width: 12px;
  height: 12px;
  transition: transform 0.22s ease;
}

.mp-catnav__dropdown-promo:hover .mp-catnav__dropdown-promo__cta {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.72);
  transform: translateY(-1px);
}

.mp-catnav__dropdown-promo:hover .mp-catnav__dropdown-promo__cta .ui-icon {
  transform: translateX(2px);
}

.mp-catnav__group:hover .mp-catnav__dropdown,
.mp-catnav__group:focus-within .mp-catnav__dropdown,
.mp-catnav__group.is-mega-open .mp-catnav__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  content-visibility: visible;
}

/* Promo / marka / gozluk / lens mega d???: link listesi eski geni?likte ortada */
.mp-catnav__dropdown:not(.mp-catnav__dropdown--has-promo):not(.mp-catnav__dropdown--promo-only):not(.mp-catnav__dropdown--marka-mega):not(.mp-catnav__dropdown--gozluk-mega):not(.mp-catnav__dropdown--lens-mega):not(.mp-catnav__dropdown--renkli-lens-mega) {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mp-catnav__dropdown:not(.mp-catnav__dropdown--has-promo):not(.mp-catnav__dropdown--promo-only):not(.mp-catnav__dropdown--marka-mega):not(.mp-catnav__dropdown--gozluk-mega):not(.mp-catnav__dropdown--lens-mega):not(.mp-catnav__dropdown--renkli-lens-mega) > .mp-catnav__dropdown-link {
  min-width: 240px;
  box-sizing: border-box;
}

.mp-catnav__dropdown-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 22px;
  color: #374151;
  font-size: 0.9rem;
  font-weight: var(--mp-fw-nav);
  line-height: 1.35;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.12s, color 0.12s;
}

.mp-catnav__dropdown-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.mp-catnav__dropdown-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.mp-catnav__dropdown-thumb--fallback {
  color: #8b9299;
}

.mp-catnav__dropdown-thumb--fallback .ui-icon {
  width: 18px;
  height: 18px;
}

.mp-catnav__dropdown-link.is-active .mp-catnav__dropdown-thumb--fallback {
  color: #0f766e;
}

.mp-catnav__dropdown-label {
  white-space: nowrap;
}

.mp-catnav__dropdown-link:hover {
  background: #f8fafc;
  color: #111827;
}

.mp-catnav__dropdown-link.is-active {
  background: #f0fdfa;
  color: #0f766e;
  font-weight: var(--mp-fw-nav-active);
}

@media (max-width: 1100px) {
  .mp-catnav__mega-inner {
    max-width: 900px;
    grid-template-columns: minmax(180px, 210px) minmax(0, 1fr) 230px;
    column-gap: 16px;
  }

  .mp-catnav__mega-grid--shapes,
  .mp-catnav__mega-brands {
    grid-template-columns: repeat(4, 88px);
  }

  .mp-catnav__mega-sorts {
    grid-template-columns: repeat(3, 120px);
  }

  .mp-catnav__mega-tile {
    min-height: 62px;
  }
}

@media (max-width: 900px) {
  .mp-catnav__mega-inner {
    max-width: 720px;
    grid-template-columns: minmax(160px, 200px) minmax(0, 1fr);
  }

  .mp-catnav__mega-left {
    grid-column: 1;
    grid-row: 1;
  }

  .mp-catnav__mega-main {
    grid-column: 2;
    grid-row: 1;
  }

  .mp-catnav__mega-inner > .mp-catnav__dropdown-promo {
    display: none;
  }

  .mp-catnav__mega-grid--shapes,
  .mp-catnav__mega-brands {
    grid-template-columns: repeat(3, 88px);
  }

  .mp-catnav__mega-sorts {
    grid-template-columns: repeat(3, 120px);
    width: max-content;
    max-width: 100%;
  }
}

/* Marka mega men? ? katnav i? geni?li?i (ortak dropdown kurallar?na ek) */
.mp-catnav__dropdown--marka-mega {
  margin-top: 0;
  padding: 0;
  border-radius: var(--mp-radius-lg);
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.12);
  overflow: visible;
}

.mp-catnav__group--marka:hover .mp-catnav__dropdown--marka-mega,
.mp-catnav__group--marka:focus-within .mp-catnav__dropdown--marka-mega,
.mp-catnav__group--marka.is-mega-open .mp-catnav__dropdown--marka-mega,
.mp-catnav:has(.mp-catnav__dropdown--marka-mega:hover) .mp-catnav__dropdown--marka-mega {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  content-visibility: visible;
}

.mp-marka-mega {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(200px, 280px);
  grid-template-areas:
    "head head"
    "main aside";
  column-gap: clamp(16px, 2vw, 28px);
  row-gap: 0;
  align-items: stretch;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 20px var(--mp-gutter) 22px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0;
}

.mp-marka-mega.is-all-mode {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "head"
    "main";
  max-width: 1040px;
}

.mp-marka-mega.is-all-mode .mp-marka-mega__aside {
  display: none;
}

.mp-marka-mega__head {
  grid-area: head;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: clamp(14px, 2vw, 20px);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.mp-marka-mega__kat {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: min(100%, 420px);
  margin: 0 auto;
  padding: 0;
  border: 1px solid #111827;
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.mp-marka-mega__kat-btn {
  flex: 1 1 0;
  margin: 0;
  padding: 10px 16px;
  border: none;
  border-radius: 0;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.mp-marka-mega__kat-btn + .mp-marka-mega__kat-btn {
  border-left: 1px solid #111827;
}

.mp-marka-mega__kat-btn.is-active {
  background: #111827;
  color: #fff;
}

.mp-marka-mega__kat-btn:focus-visible {
  outline: 2px solid var(--accent-ring, rgba(15, 118, 110, 0.18));
  outline-offset: 2px;
  z-index: 1;
}

.mp-marka-mega__tabs {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 100%;
  margin: 0 0 14px;
  padding: 0;
  border: none;
  border-bottom: 1px solid #e5e7eb;
  background: transparent;
  box-sizing: border-box;
  flex-shrink: 0;
}

.mp-marka-mega__tab {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  padding: 8px 2px 10px;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #6b7280;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav);
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.mp-marka-mega__tab:hover:not(.is-active) {
  color: #334155;
}

.mp-marka-mega__tab.is-active {
  color: #111827;
  border-bottom-color: #111827;
  font-weight: var(--mp-fw-nav-active);
}

.mp-marka-mega__tab:focus-visible {
  outline: 2px solid var(--accent-ring, rgba(15, 118, 110, 0.18));
  outline-offset: 2px;
}

.mp-marka-mega__main {
  grid-area: main;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  height: 100%;
}

.mp-marka-mega__panel {
  flex: 1 1 auto;
  min-height: 0;
}

.mp-marka-mega__footer {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 14px;
  padding-top: 4px;
  box-sizing: border-box;
  flex-shrink: 0;
}

.mp-marka-mega__panel[hidden] {
  display: none !important;
}

.mp-marka-mega__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  max-height: 360px;
  overflow: auto;
  padding-right: 2px;
  scrollbar-width: thin;
}

.mp-marka-mega__brand {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 10px 12px;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius);
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.mp-marka-mega__brand:hover {
  border-color: var(--accent-border, rgba(15, 118, 110, 0.22));
  background: var(--accent-soft, #f0fdfa);
  box-shadow: var(--mp-hover-shadow);
}

.mp-marka-mega__brand-logo {
  display: block;
  max-width: 100%;
  max-height: 40px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.mp-marka-mega__brand-name {
  font-size: 0.75rem;
  font-weight: var(--mp-fw-nav-active);
  text-align: center;
  line-height: 1.3;
}

.mp-marka-mega__empty {
  margin: 0;
  padding: 28px 12px;
  text-align: center;
  font-size: 0.875rem;
}

.mp-marka-mega__alpha {
  max-height: 420px;
  overflow: auto;
  padding-right: 4px;
  scrollbar-width: thin;
}

.mp-marka-mega__alpha-group {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: start;
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
}

.mp-marka-mega__alpha-group:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.mp-marka-mega__alpha-group:first-child {
  padding-top: 0;
}

.mp-marka-mega__alpha-letter {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: var(--mp-fw-nav-active);
  color: #94a3b8;
  line-height: 1.6;
}

.mp-marka-mega__alpha-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px 16px;
}

.mp-marka-mega.is-all-mode .mp-marka-mega__alpha-list {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mp-marka-mega__alpha-link {
  display: block;
  padding: 3px 0;
  font-size: 0.8125rem;
  color: #334155;
  text-decoration: none;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.15s ease;
}

.mp-marka-mega__alpha-link:hover {
  color: var(--accent, #0f766e);
}

.mp-marka-mega__all-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-height: 40px;
  padding: 8px 22px;
  border: 1px solid #111827;
  border-radius: 999px;
  background: #111827;
  color: #fff;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.02em;
  text-decoration: none;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.mp-marka-mega__all-link:hover {
  background: #000;
  border-color: #000;
  color: #fff;
  box-shadow: var(--mp-hover-shadow);
}

.mp-marka-mega__aside {
  grid-area: aside;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  min-height: 0;
  height: 100%;
  align-self: stretch;
}

.mp-marka-mega__promo-col {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 8px;
  min-height: 0;
  height: 100%;
}

.mp-marka-mega__promo-col[hidden] {
  display: none !important;
}

.mp-marka-mega__promo {
  display: block;
  position: relative;
  flex: 1 1 0;
  min-height: 120px;
  border-radius: var(--mp-radius-lg);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background: #0f172a;
}

.mp-marka-mega__promo-media {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  overflow: hidden;
}

.mp-marka-mega__promo-empty {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 12px;
  border: 1px dashed #e8ecf2;
  border-radius: var(--mp-radius);
  text-align: center;
  font-size: 0.8125rem;
}

.mp-marka-mega__promo-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.28s ease;
}

.mp-marka-mega__promo:hover img {
  transform: scale(1.04);
}

.mp-marka-mega__promo-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12, 18, 34, 0) 40%, rgba(12, 18, 34, 0.72) 100%);
  pointer-events: none;
}

.mp-marka-mega__promo-title {
  position: absolute;
  right: 14px;
  bottom: 12px;
  z-index: 1;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.02em;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}

@media (max-width: 1023px) {
  .mp-catnav__dropdown--marka-mega {
    display: none !important;
  }

  .mp-catnav__group--marka .mp-catnav__item--has-sub {
    pointer-events: auto;
  }
}

@media (max-width: 900px) {
  .mp-marka-mega {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "main"
      "aside";
  }

  .mp-marka-mega.is-all-mode {
    grid-template-areas:
      "head"
      "main";
  }

  .mp-marka-mega__aside {
    align-self: start;
  }

  .mp-marka-mega__promo-col {
    flex: 0 0 auto;
  }

  .mp-marka-mega__promo {
    flex: 0 0 auto;
  }

  .mp-marka-mega__promo-media {
    aspect-ratio: 16 / 10;
    height: auto;
  }

  .mp-marka-mega__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mp-marka-mega.is-all-mode .mp-marka-mega__alpha-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ?konlu kategori ?eridi ? logo yan?nda isim, t?m ??eler e?it */
body.mode-marketing.page-marketplace:has(.mp-catnav--icons) {
  --mp-catnav-inner-h: 48px;
}

.mp-catnav__thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.mp-catnav__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.mp-catnav__thumb--fallback {
  color: #8b9299;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

.mp-catnav__thumb--fallback.mp-catnav__thumb--category {
  color: #8b9299;
  background: transparent;
  border: none;
}

.mp-catnav__thumb--fallback .ui-icon {
  width: 22px;
  height: 22px;
}

.mp-catnav--icons .mp-catnav__label {
  font-size: var(--mp-text-md);
  font-weight: inherit;
  text-align: left;
}

/* Mobil kategori sol men?s? */
.mp-header__menu-btn {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.mp-header__menu-btn:hover {
  border-color: rgba(15, 118, 110, 0.28);
  background: var(--accent-soft, #f0fdfa);
  color: #0f766e;
}

.mp-header__menu-btn .ui-icon {
  width: 18px;
  height: 18px;
}

.mp-header__menu-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mp-cat-drawer {
  position: fixed;
  inset: 0;
  z-index: 130;
  pointer-events: none;
  visibility: hidden;
}

.mp-cat-drawer.is-open {
  pointer-events: auto;
  visibility: visible;
}

.mp-cat-drawer__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(12, 18, 34, 0.45);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.mp-cat-drawer.is-open .mp-cat-drawer__backdrop {
  opacity: 1;
}

.mp-cat-drawer__panel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(360px, 92vw);
  display: flex;
  flex-direction: column;
  background: #fff;
  border-right: 1px solid var(--mkt-line, #e8ecf2);
  box-shadow: 8px 0 32px rgba(12, 18, 34, 0.12);
  transform: translateX(-100%);
  transition: transform 0.24s ease;
}

.mp-cat-drawer.is-open .mp-cat-drawer__panel {
  transform: translateX(0);
}

.mp-cat-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0;
  padding: 16px 14px 12px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-cat-drawer__head--brand {
  padding: 10px 14px;
  background: #f8f9fa;
}

.mp-cat-drawer__brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  text-decoration: none;
  color: inherit;
}

.mp-cat-drawer__brand .mkt-brand__text {
  font-size: var(--mp-text-brand, 1.0625rem);
}

.mp-cat-drawer__section-title {
  margin: 0;
  padding: 16px 14px 10px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #888;
}

.mp-cat-drawer__tabs {
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 0 8px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 2;
}

.mp-cat-drawer__tab {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 14px 6px 12px;
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #888;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.mp-cat-drawer__tab-label {
  display: block;
  min-width: 0;
}

.mp-cat-drawer__tab-dot {
  position: absolute;
  top: 6px;
  right: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dc2626;
  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.2);
  pointer-events: none;
}

.mp-cat-drawer__tab:hover {
  color: var(--mkt-ink, #0c1222);
}

.mp-cat-drawer__tab.is-active {
  color: var(--mkt-ink, #0c1222);
  border-bottom-color: var(--mkt-accent, #0f766e);
}

.mp-cat-drawer__tab-panels {
  min-height: 0;
}

.mp-cat-drawer__tab-panel[hidden] {
  display: none !important;
}

.mp-cat-drawer__collections {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 12px;
  padding: 12px 14px 16px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 14px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.mp-cat-drawer__collections::-webkit-scrollbar {
  display: none;
}

.mp-cat-drawer__collections > .mp-cat-drawer__empty {
  flex: 1 1 100%;
  min-width: 100%;
}

.mp-cat-drawer__collection {
  display: block;
  flex: 0 0 min(82%, 300px);
  width: min(82%, 300px);
  scroll-snap-align: start;
  text-decoration: none;
  color: inherit;
  border-radius: var(--mp-radius-lg);
  overflow: hidden;
  background: #0f172a;
}

.mp-cat-drawer__collection-media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
}

.mp-cat-drawer__collection-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.mp-cat-drawer__collection-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(12, 18, 34, 0.08) 0%,
    rgba(12, 18, 34, 0.45) 55%,
    rgba(12, 18, 34, 0.9) 100%
  );
  pointer-events: none;
}

.mp-cat-drawer__collection-content {
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 14px 16px;
  pointer-events: none;
}

.mp-cat-drawer__collection-title {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.25;
}

.mp-cat-drawer__collection-cat {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.75rem;
  font-weight: var(--mp-fw-nav);
  line-height: 1.3;
}

.mp-cat-drawer__collection-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 8px;
  min-height: 32px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 0.625rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.mp-cat-drawer__collection-cta .ui-icon {
  width: 12px;
  height: 12px;
  transition: transform 0.2s ease;
}

.mp-cat-drawer__collection:hover .mp-cat-drawer__collection-cta,
.mp-cat-drawer__collection:focus-visible .mp-cat-drawer__collection-cta {
  background: #fff;
  border-color: #fff;
  color: #0c1222;
  transform: translateY(-1px);
}

.mp-cat-drawer__collection:hover .mp-cat-drawer__collection-cta .ui-icon,
.mp-cat-drawer__collection:focus-visible .mp-cat-drawer__collection-cta .ui-icon {
  transform: translateX(2px);
}

.mp-cat-drawer__featured {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px 14px;
}

.mp-cat-drawer__featured-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  font-size: 0.9375rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.3;
  text-decoration: none;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.mp-cat-drawer__featured-link:hover {
  border-color: var(--mp-hover-accent-border);
  background: #f8fafc;
}

.mp-cat-drawer__featured-link .ui-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  color: #94a3b8;
}

.mp-cat-drawer__featured-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.mp-cat-drawer__featured-dot {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dc2626;
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.18);
}

.mp-cat-drawer__empty {
  margin: 0;
  padding: 24px 8px;
  color: #888;
  font-size: 0.875rem;
  line-height: 1.45;
  text-align: center;
}

.mp-cat-drawer__title {
  margin: 0;
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-cat-drawer__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  cursor: pointer;
}

.mp-cat-drawer__close .ui-icon {
  width: 16px;
  height: 16px;
}

.mp-cat-drawer__head--drill {
  gap: 8px;
}

.mp-cat-drawer__head--drill .mp-cat-drawer__title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mp-cat-drawer__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  cursor: pointer;
}

.mp-cat-drawer__back .ui-icon {
  width: 16px;
  height: 16px;
}

.mp-cat-drawer__stages {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.mp-cat-drawer__track {
  display: flex;
  width: 200%;
  height: 100%;
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.mp-cat-drawer__stages.is-drill-open .mp-cat-drawer__track {
  transform: translateX(-50%);
}

@media (prefers-reduced-motion: reduce) {
  .mp-cat-drawer__track {
    transition: none;
  }
}

.mp-cat-drawer__pane {
  flex: 0 0 50%;
  min-width: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mp-cat-drawer__nav {
  padding: 0;
}

.mp-cat-drawer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 12px 14px 14px;
}

.mp-cat-drawer__tile,
button.mp-cat-drawer__tile {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-height: 64px;
  padding: 10px 12px;
  box-sizing: border-box;
  text-decoration: none;
  color: var(--mkt-ink, #0c1222);
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav);
  font-family: inherit;
  line-height: 1.3;
  text-align: left;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 0;
  cursor: pointer;
  list-style: none;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  box-shadow: none;
}

.mp-cat-drawer__tile:hover,
button.mp-cat-drawer__tile:hover {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: var(--mkt-ink, #0c1222);
}

.mp-cat-drawer__tile.is-active,
button.mp-cat-drawer__tile.is-active {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: var(--mkt-ink, #0c1222);
  font-weight: var(--mp-fw-nav-active);
  box-shadow: none;
}

.mp-cat-drawer__tile-thumb {
  display: block;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: var(--mp-radius);
  overflow: hidden;
  border: 1px solid #e8ecf2;
  background: #f8fafc;
}

.mp-cat-drawer__tile-thumb--has-img {
  background: #fff;
  border-color: #e2e8f0;
}

.mp-cat-drawer__tile-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mp-cat-drawer__tile-thumb-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #94a3b8;
  background: #f8fafc;
}

.mp-cat-drawer__tile-thumb-placeholder .ui-icon {
  width: 20px;
  height: 20px;
}

/* Eski ikon s?n?f? ? geriye d?n?k */
.mp-cat-drawer__tile-icon {
  display: block;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: var(--mp-radius);
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #e8ecf2;
}

.mp-cat-drawer__tile-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mp-cat-drawer__tile::after,
button.mp-cat-drawer__tile::after {
  content: "";
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  margin-left: auto;
  border-right: 1.5px solid #94a3b8;
  border-bottom: 1.5px solid #94a3b8;
  transform: rotate(-45deg);
}

.mp-cat-drawer__tile-label {
  flex: 1;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
}

.mp-cat-drawer__subpanel {
  min-height: 100%;
}

.mp-cat-drawer__subgrid {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 12px 16px;
}

.mp-cat-drawer__subtile {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  padding: 10px 12px;
  box-sizing: border-box;
  text-decoration: none;
  text-align: left;
  color: var(--mkt-ink, #0c1222);
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav);
  line-height: 1.3;
  background: #fff;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius);
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.mp-cat-drawer__subtile .ui-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-left: auto;
  color: #94a3b8;
  opacity: 0.7;
}

.mp-cat-drawer__subtile:hover {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: var(--mkt-ink, #0c1222);
}

.mp-cat-drawer__subtile:hover .ui-icon {
  color: #64748b;
  opacity: 1;
}

.mp-cat-drawer__subtile.is-active {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: var(--mkt-ink, #0c1222);
  font-weight: var(--mp-fw-nav-active);
  box-shadow: none;
}

.mp-cat-drawer__subtile.is-active .ui-icon {
  color: #64748b;
  opacity: 1;
}

.mp-cat-drawer__subtile--all {
  margin-bottom: 0;
  border-bottom: 1px solid #e8ecf2;
  font-weight: var(--mp-fw-nav-active);
  color: #334155;
}

.mp-cat-drawer__subtile--all.is-active {
  color: var(--mkt-ink, #0c1222);
}

.mp-cat-drawer__subtile-label {
  flex: 1 1 auto;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.mp-cat-drawer__link,
.mp-cat-drawer__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 46px;
  padding: 10px 16px;
  box-sizing: border-box;
  text-decoration: none;
  color: var(--mkt-ink, #0c1222);
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav);
  background: transparent;
  border: none;
  border-bottom: 1px solid #f1f5f9;
  cursor: pointer;
  list-style: none;
}

.mp-cat-drawer__link:hover,
.mp-cat-drawer__summary:hover {
  background: #f8fafc;
  color: #0f766e;
}

.mp-cat-drawer__link.is-active {
  color: #0f766e;
  font-weight: var(--mp-fw-nav-active);
  background: var(--accent-soft, #f0fdfa);
}

.mp-cat-drawer__details {
  border-bottom: 1px solid #f1f5f9;
}

.mp-cat-drawer__details:last-child {
  border-bottom: none;
}

.mp-cat-drawer__summary::-webkit-details-marker {
  display: none;
}

.mp-cat-drawer__summary::after {
  content: "";
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-left: auto;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.18s ease;
  opacity: 0.55;
}

.mp-cat-drawer__details[open] > .mp-cat-drawer__summary::after {
  transform: rotate(-135deg);
}

body.mp-cat-drawer-open {
  overflow: hidden;
}

/* Mobil arama paneli (sa?dan) */
.mp-search-drawer {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 130;
  pointer-events: none;
  visibility: hidden;
}

.mp-search-drawer.is-open {
  pointer-events: auto;
  visibility: visible;
}

.mp-search-drawer__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(12, 18, 34, 0.45);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.mp-search-drawer.is-open .mp-search-drawer__backdrop {
  opacity: 1;
}

.mp-search-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(360px, 92vw);
  display: flex;
  flex-direction: column;
  background: #fff;
  border-left: 1px solid var(--mkt-line, #e8ecf2);
  box-shadow: -8px 0 32px rgba(12, 18, 34, 0.12);
  transform: translateX(100%);
  transition: transform 0.24s ease;
}

.mp-search-drawer.is-open .mp-search-drawer__panel {
  transform: translateX(0);
}

.mp-search-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0;
  padding: 16px 14px 12px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-search-drawer__title {
  margin: 0;
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-search-drawer__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  cursor: pointer;
}

.mp-search-drawer__close .ui-icon {
  width: 16px;
  height: 16px;
}

.mp-search-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 16px 14px;
  overflow-y: auto;
}

.mp-search-drawer__form {
  display: block;
  height: auto;
  min-height: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.mp-search-drawer__search {
  width: 100%;
}

body.mp-search-drawer-open {
  overflow: hidden;
}

.mp-cat-drawer__help {
  padding: 16px 14px 24px;
  margin-top: 12px;
  border-top: 1px solid #e8ecf2;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 48%);
}

.mp-cat-drawer__help-title {
  margin: 0 0 12px;
  padding-left: 10px;
  border-left: 3px solid var(--accent, #0f766e);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--mkt-ink, #0c1222);
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.mp-cat-drawer__help-nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.mp-cat-drawer__help-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 96px;
  padding: 14px 8px 12px;
  box-sizing: border-box;
  text-decoration: none;
  color: var(--mkt-ink, #0c1222);
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav);
  line-height: 1.3;
  text-align: center;
  background: #fff;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius);
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.mp-cat-drawer__help-link::after {
  content: none;
  display: none;
}

.mp-cat-drawer__help-link:hover {
  background: var(--accent-soft, #f0fdfa);
  border-color: var(--accent-border, rgba(15, 118, 110, 0.22));
  color: var(--accent, #0f766e);
  box-shadow: var(--mp-hover-shadow);
}

.mp-cat-drawer__help-link.is-active {
  background: var(--accent-soft, #f0fdfa);
  border-color: var(--accent-border, rgba(15, 118, 110, 0.22));
  color: var(--accent, #0f766e);
  font-weight: var(--mp-fw-nav-active);
}

.mp-cat-drawer__help-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--mp-radius);
  background: #f1f5f9;
  color: #475569;
  transition: background 0.15s ease, color 0.15s ease;
}

.mp-cat-drawer__help-icon .ui-icon {
  width: 20px;
  height: 20px;
}

.mp-cat-drawer__help-link:hover .mp-cat-drawer__help-icon,
.mp-cat-drawer__help-link.is-active .mp-cat-drawer__help-icon {
  background: rgba(15, 118, 110, 0.12);
  color: var(--accent, #0f766e);
}

.mp-cat-drawer__help-label {
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
}

/* ?? Ana i?erik ?? */
/* Sabit ?st kabuk y?ksekli?i (JS ile --mp-top-h senkron); g?r?n?r ara bo?luk b?l?m padding'inde */
.mp-main {
  padding-top: var(--mp-top-h);
}

.mp-listing,
.mp-catalog,
.mp-detail {
  padding-top: var(--mp-section-top);
}

/* Tam geni?lik banner men?ye yap???k ? ara bo?luk yok */
.mp-listing:has(.mp-seo-banner--desktop-bleed),
.mp-listing:has(.mp-marka-hub-hero .mp-seo-banner--desktop-bleed) {
  padding-top: 0;
}

.mp-main--home {
  padding-bottom: clamp(12px, 1.5vw, 20px);
}

body.page-marketplace .mp-main--home .mp-catalog {
  padding-bottom: 12px;
}

.mp-main--home > .mp-hero {
  position: relative;
  z-index: 1;
  margin-top: 0;
  padding: 0 0 clamp(20px, 2.5vw, 32px);
  overflow: hidden;
}

.mp-main--home > .mp-hero .mp-hero__inner--slider {
  width: 100%;
  max-width: none;
}

.mp-main--home > .mp-hero .mp-slider {
  border-radius: 0;
  border-left: none;
  border-right: none;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
}

.mp-main--home > .mp-hero .mp-slider__slide {
  padding-left: 0;
  padding-right: 0;
}

.mp-main--home > .mp-hero .mp-slider__banner {
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/* Hero */
.mp-hero {
  padding: 0 var(--mp-gutter) 20px;
}

.mp-hero__inner {
  width: 100%;
  max-width: var(--mp-max);
  margin: 0;
}

.mp-hero__inner--slider {
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  max-width: 100%;
}

.mp-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4px 0;
}

.mp-hero__eyebrow {
  margin: 0 0 10px;
  font-size: 0.76rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent, #0f766e);
}

.mp-hero__title {
  margin: 0 0 14px;
  font-size: clamp(1.65rem, 3.5vw, 2.35rem);
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: -0.04em;
  line-height: 1.12;
  color: var(--mkt-ink, #0c1222);
}

.mp-hero__title span {
  color: var(--accent, #0f766e);
}

.mp-hero__lead {
  margin: 0 0 20px;
  max-width: 36em;
  font-size: 0.98rem;
  line-height: 1.65;
  color: var(--mkt-muted, #5b6478);
}

.mp-hero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.mp-hero__stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 14px;
  min-width: 88px;
  background: #f8fafc;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
}

.mp-hero__stat strong {
  font-size: 1.15rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  line-height: 1.1;
}

.mp-hero__stat span {
  font-size: 0.75rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-hero__stat--accent {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  background: var(--accent-soft, #f0fdfa);
  border-color: rgba(15, 118, 110, 0.2);
}

.mp-hero__stat--accent .ui-icon {
  width: 18px;
  height: 18px;
  color: var(--accent, #0f766e);
}

/* Slider ? mobilde tekli dikey, masa?st?nde tek tam geni?lik (1920?640) */
.mp-slider {
  --mp-slider-per: 1;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: clamp(380px, 42vw, 540px);
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
  background: #0c1222;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  box-shadow: 0 8px 32px rgba(12, 18, 34, 0.08);
}

@media (min-width: 769px) {
  .mp-slider {
    --mp-slider-per: 1;
    aspect-ratio: 1920 / 640;
    min-height: 0;
    max-height: 640px;
  }

  .mp-slider__track,
  .mp-slider__slide,
  .mp-slider__banner {
    min-height: 0;
    height: 100%;
  }
}

.mp-slider[data-count="1"] {
  --mp-slider-per: 1;
}

.mp-slider__track {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: inherit;
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}

.mp-slider__slide {
  position: relative;
  flex: 0 0 calc(100% / var(--mp-slider-per, 1));
  width: calc(100% / var(--mp-slider-per, 1));
  min-width: 0;
  min-height: inherit;
  box-sizing: border-box;
  overflow: hidden;
}

.mp-slider__slide:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.mp-slider__banner {
  position: relative;
  height: 100%;
  min-height: inherit;
  background: #0c1222;
  overflow: hidden;
}

.mp-slider__slide--theme-sunset .mp-slider__banner {
  background: linear-gradient(135deg, #1e293b 0%, #134e4a 45%, #0f766e 100%);
}

.mp-slider__slide--theme-ocean .mp-slider__banner {
  background: linear-gradient(135deg, #0f172a 0%, #0e7490 50%, #38bdf8 100%);
}

.mp-slider__slide--theme-ember .mp-slider__banner {
  background: linear-gradient(135deg, #18181b 0%, #134e4a 55%, #14b8a6 100%);
}

.mp-slider__banner picture {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.mp-slider__media,
.mp-slider__banner picture img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: transform 0.55s ease;
}

.mp-slider__slide.is-active .mp-slider__media,
.mp-slider__slide.is-active .mp-slider__banner picture img {
  animation: mp-slider-kenburns 7s ease-out forwards;
}

@keyframes mp-slider-kenburns {
  from { transform: scale(1); }
  to { transform: scale(1.05); }
}

.mp-slider__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  padding: clamp(28px, 4vw, 48px) clamp(28px, 5vw, 64px) clamp(36px, 5vw, 56px);
  background: linear-gradient(180deg, rgba(12, 18, 34, 0.02) 0%, rgba(12, 18, 34, 0.35) 45%, rgba(12, 18, 34, 0.78) 100%);
  color: #fff;
}

.mp-slider__slide--has-img .mp-slider__overlay {
  align-items: flex-end;
  background: linear-gradient(180deg, rgba(12, 18, 34, 0.02) 0%, rgba(12, 18, 34, 0.45) 50%, rgba(12, 18, 34, 0.82) 100%);
}

@media (min-width: 769px) {
  .mp-slider[data-per-view="1"] .mp-slider__slide--has-img .mp-slider__overlay {
    align-items: flex-end;
    justify-content: flex-start;
    padding: clamp(28px, 3vw, 40px) clamp(72px, 8vw, 120px) clamp(36px, 4vw, 52px);
    background: linear-gradient(
      180deg,
      rgba(12, 18, 34, 0.05) 0%,
      rgba(12, 18, 34, 0.2) 45%,
      rgba(12, 18, 34, 0.72) 100%
    );
  }

  .mp-slider[data-per-view="1"] .mp-slider__content {
    max-width: min(34rem, 42%);
    padding: clamp(18px, 2vw, 26px) clamp(20px, 2.2vw, 28px);
    background: rgba(12, 18, 34, 0.28);
  }

  .mp-slider[data-per-view="1"] .mp-slider__title {
    font-size: clamp(1.5rem, 2.2vw, 2.35rem);
  }

  .mp-slider[data-per-view="1"] .mp-slider__text {
    max-width: 28rem;
    margin-bottom: 18px;
  }
}

.mp-slider__content {
  max-width: 32rem;
  padding: clamp(16px, 2.5vw, 24px) clamp(18px, 3vw, 28px);
  border-radius: var(--mp-radius-lg);
  background: rgba(12, 18, 34, 0.22);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.mp-slider[data-per-view="2"] .mp-slider__content {
  max-width: none;
  padding: clamp(14px, 2vw, 20px) clamp(14px, 2.2vw, 22px);
}

.mp-slider[data-per-view="2"] .mp-slider__overlay {
  padding: clamp(20px, 3vw, 32px) clamp(16px, 2.5vw, 28px) clamp(40px, 4vw, 52px);
}

.mp-slider[data-per-view="2"] .mp-slider__title {
  font-size: clamp(1.1rem, 1.8vw, 1.65rem);
}

.mp-slider[data-per-view="2"] .mp-slider__text {
  margin-bottom: 14px;
  font-size: clamp(0.8rem, 1vw, 0.92rem);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mp-slider__eyebrow {
  margin: 0 0 10px;
  font-size: 0.7rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
}

.mp-slider__title {
  margin: 0 0 10px;
  font-size: clamp(1.35rem, 2.4vw, 2.15rem);
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.02em;
  line-height: 1.14;
  text-transform: uppercase;
  color: #fff;
}

.mp-slider__text {
  margin: 0 0 20px;
  font-size: clamp(0.86rem, 1.2vw, 0.98rem);
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.86);
}

.mp-slider__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

.mp-slider__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 20px;
  border-radius: 999px;
  background: #fff;
  color: #0c1222;
  font-size: 0.86rem;
  font-weight: var(--mp-fw-nav-active);
  text-decoration: none;
  transition: background 0.15s ease, transform 0.15s ease;
}

.mp-slider__btn:hover {
  background: #f3f4f6;
  transform: translateY(-1px);
}

.mp-slider__btn-icon {
  flex-shrink: 0;
}

.mp-slider__nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: #0c1222;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(12, 18, 34, 0.18);
  transform: translateY(-50%);
  opacity: 1;
  pointer-events: auto;
  transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.mp-slider__nav[hidden] {
  display: none !important;
}

.mp-slider__nav:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.06);
  box-shadow: 0 6px 24px rgba(12, 18, 34, 0.22);
}

.mp-slider__nav--prev {
  left: clamp(16px, 3vw, 32px);
}

.mp-slider__nav--next {
  right: clamp(16px, 3vw, 32px);
}

.mp-slider__dots {
  position: absolute;
  bottom: clamp(14px, 2.5vw, 22px);
  left: 50%;
  z-index: 4;
  display: flex;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(12, 18, 34, 0.28);
  backdrop-filter: blur(6px);
  transform: translateX(-50%);
}

.mp-slider__dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  transition: transform 0.15s ease, background 0.15s ease;
}

.mp-slider__dot:hover {
  background: rgba(255, 255, 255, 0.7);
}

.mp-slider__dot.is-active {
  background: #fff;
  transform: scale(1.25);
}

@media (prefers-reduced-motion: reduce) {
  .mp-slider__track {
    transition: none;
  }

  .mp-slider__slide.is-active .mp-slider__media {
    animation: none;
  }
}

/* Kupon + kampanya vitrin blo?u */
.mp-promo-stack {
  margin-bottom: clamp(20px, 2.5vw, 32px);
}

.mp-promo-stack__head {
  max-width: var(--mp-max);
  margin: 0 auto 10px;
}

.mp-promo-stack__title {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent, #0f766e);
}

.mp-promo-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: var(--mp-max);
  margin: clamp(18px, 2.2vw, 28px) auto;
  padding: 0 var(--mp-gutter);
}

.mp-promo-divider__line {
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(15, 23, 42, 0.14) 12%,
    rgba(15, 23, 42, 0.14) 88%,
    transparent 100%
  );
}

.mp-catalog .mp-promo-stack {
  margin-bottom: clamp(20px, 2.5vw, 32px);
}

.mp-catalog .mp-promo-stack__head,
.mp-catalog .mp-promo-divider {
  padding-left: 0;
  padding-right: 0;
}

/* Kupon ?eridi ? 1. ?r?nler alt? */
.mp-coupons {
  padding: 0 var(--mp-gutter) 0;
}

.mp-promo-stack .mp-coupons {
  padding-bottom: 0;
}

.mp-catalog .mp-coupons {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.mp-coupons__inner {
  width: 100%;
  max-width: var(--mp-max);
  margin: 0 auto;
}

.mp-coupons__carousel {
  position: relative;
}

.mp-coupons__viewport {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  container-type: inline-size;
}

.mp-coupons__viewport::-webkit-scrollbar {
  display: none;
}

.mp-coupons__grid {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 16px;
  width: max-content;
  min-width: 100%;
}

.mp-coupons__grid .mp-coupon-card {
  flex: 0 0 calc((100cqw - 16px) / 2);
  width: calc((100cqw - 16px) / 2);
  max-width: none;
  height: auto;
  min-width: 0;
  scroll-snap-align: start;
}

.mp-coupon-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--mp-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  color: var(--mkt-ink, #0c1222);
  box-shadow: 0 1px 2px rgba(12, 18, 34, 0.04);
  transition: border-color 0.15s ease;
}

.mp-coupon-card:hover {
  border-color: rgba(15, 118, 110, 0.22);
}

.mp-coupon-card__top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 14px 12px;
}

.mp-coupon-card__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 64px;
  padding: 8px 10px;
  border: 1px solid rgba(15, 118, 110, 0.14);
  border-radius: var(--mp-radius);
  background: var(--accent-soft, #f0fdfa);
  text-align: center;
}

.mp-coupon-card__badge-value {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--accent, #0f766e);
  white-space: nowrap;
}

.mp-coupon-card__main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
}

.mp-coupon-card__label {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--mkt-ink, #0c1222);
}

.mp-coupon-card__meta {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.mp-coupon-card__terms {
  font-size: 0.8125rem;
  line-height: 1.35;
  color: var(--mkt-muted, #64748b);
}

.mp-coupon-card__countdown {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.mp-coupon-card__countdown-label {
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--mkt-muted, #94a3b8);
}

.mp-coupon-card__countdown-grid {
  display: flex;
  gap: 4px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.mp-coupon-card__countdown-unit {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  min-width: 0;
  padding: 6px 4px;
  border-radius: var(--mp-radius);
  background: #f8fafc;
  border: 1px solid #e8ecf2;
}

.mp-coupon-card__countdown-value {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  color: var(--mkt-ink, #0c1222);
  font-variant-numeric: tabular-nums;
}

.mp-coupon-card__countdown-unit small {
  font-size: 0.5625rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mkt-muted, #64748b);
}

.mp-coupon-card__countdown.is-ended .mp-coupon-card__countdown-label::after {
  content: ' ? Sona erdi';
}

.mp-coupon-card__actions {
  display: flex;
  align-items: stretch;
  gap: 8px;
  margin: 0;
  padding: 10px 14px 12px;
  border-top: 1px solid var(--mp-line, #e8ecf2);
  background: #fff;
}

.mp-coupon-card__code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 40px;
  padding: 0 12px;
  border: 1px dashed #d1d5db;
  border-radius: var(--mp-radius);
  background: #fafbfc;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: var(--mkt-ink, #0c1222);
}

.mp-coupon-card__copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 40px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid var(--mp-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.02em;
  color: var(--mkt-ink, #0c1222);
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.mp-coupon-card__copy-label {
  display: inline-block;
}

.mp-coupon-card__copy:hover {
  border-color: rgba(15, 118, 110, 0.35);
  background: var(--accent-soft, #f0fdfa);
  color: var(--accent-hover, #0d9488);
}

.mp-coupon-card__copy.is-copied,
.mp-coupon-card__copy.is-copied:hover {
  border: 1px solid rgba(15, 118, 110, 0.28);
  background: var(--accent-soft, #f0fdfa);
  color: var(--accent, #0f766e);
}

.mp-coupon-card.is-copied {
  border-color: rgba(15, 118, 110, 0.28);
}

.mp-coupon-card__code.is-copied {
  border-style: solid;
  border-color: rgba(15, 118, 110, 0.22);
  background: var(--accent-soft, #f0fdfa);
  color: var(--accent, #0f766e);
}

/* Banner kutular? ? kupon alt? */
.mp-home-banners {
  padding: 0;
}

.mp-promo-stack .mp-home-banners {
  padding-top: 0;
}

.mp-catalog .mp-home-banners {
  padding-left: 0;
  padding-right: 0;
}

.mp-home-banners__inner {
  width: 100%;
  max-width: var(--mp-max);
  margin: 0 auto;
  container-type: inline-size;
  --mp-brand-card-height: calc(((100cqw - 5 * var(--mp-brand-carousel-gap, 16px)) / 6) * 4 / 3);
}

.mp-home-banners__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.mp-home-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  container-type: inline-size;
  --mp-hb-title: clamp(0.9375rem, 2.6cqw, 1.125rem);
  --mp-hb-text: clamp(0.75rem, 2cqw, 0.875rem);
  --mp-hb-count-label: clamp(0.5625rem, 1.5cqw, 0.6875rem);
  --mp-hb-count-value: clamp(0.8125rem, 2.4cqw, 1rem);
  --mp-hb-count-unit: clamp(0.5rem, 1.3cqw, 0.625rem);
  --mp-hb-cta-size: clamp(0.625rem, 1.8cqw, 0.75rem);
  --mp-hb-cta-height: clamp(30px, 7.5cqw, 36px);
  --mp-hb-count-box: clamp(32px, 7.5cqw, 40px);
  --mp-hb-pad-block: clamp(12px, 2.8cqw, 16px);
  --mp-hb-pad-inline: clamp(12px, 3.2cqw, 18px);
  min-height: var(--mp-brand-card-height);
  max-height: var(--mp-brand-card-height);
  padding: var(--mp-hb-pad-block) var(--mp-hb-pad-inline);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--mp-radius);
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  background: #0c1222;
  box-shadow: 0 4px 16px rgba(12, 18, 34, 0.08);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.mp-home-banner:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(12, 18, 34, 0.16);
}

.mp-home-banner--theme-sunset {
  background: linear-gradient(135deg, #1e293b 0%, #134e4a 52%, #0f766e 100%);
}

.mp-home-banner--theme-ocean {
  background: linear-gradient(135deg, #0f172a 0%, #0e7490 55%, #38bdf8 100%);
}

.mp-home-banner--theme-ember {
  background: linear-gradient(135deg, #18181b 0%, #134e4a 58%, #14b8a6 100%);
}

.mp-home-banner__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mp-home-banner:hover .mp-home-banner__media {
  transform: scale(1.07);
}

.mp-home-banner__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(12, 18, 34, 0) 24%,
    rgba(12, 18, 34, 0.42) 58%,
    rgba(12, 18, 34, 0.9) 100%
  );
  pointer-events: none;
  transition: background 0.32s ease;
}

.mp-home-banner:hover .mp-home-banner__overlay {
  background: linear-gradient(
    180deg,
    rgba(12, 18, 34, 0.08) 18%,
    rgba(12, 18, 34, 0.58) 58%,
    rgba(12, 18, 34, 0.94) 100%
  );
}

.mp-home-banner--has-img .mp-home-banner__overlay {
  background: linear-gradient(
    180deg,
    rgba(12, 18, 34, 0.04) 18%,
    rgba(12, 18, 34, 0.52) 58%,
    rgba(12, 18, 34, 0.94) 100%
  );
}

.mp-home-banner--has-img:hover .mp-home-banner__overlay {
  background: linear-gradient(
    180deg,
    rgba(12, 18, 34, 0.08) 18%,
    rgba(12, 18, 34, 0.58) 58%,
    rgba(12, 18, 34, 0.94) 100%
  );
}

.mp-home-banner__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  gap: clamp(6px, 1.6cqw, 10px);
  width: 100%;
  min-width: 0;
}

.mp-home-banner__body {
  display: flex;
  flex-direction: column;
  gap: clamp(3px, 0.8cqw, 6px);
  min-width: 0;
}

.mp-home-banner__foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 10px;
  width: 100%;
  min-width: 0;
}

.mp-home-banner__title {
  font-size: var(--mp-hb-title);
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.2;
  color: #fff;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}

.mp-home-banner__text {
  font-size: var(--mp-hb-text);
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.84);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mp-home-banner__countdown {
  display: flex;
  flex-direction: column;
  gap: clamp(3px, 0.8cqw, 5px);
  flex: 0 1 auto;
  min-width: 0;
  max-width: min(100%, calc(4 * var(--mp-hb-count-box) + 3 * 4px));
}

.mp-home-banner__countdown-label {
  font-size: var(--mp-hb-count-label);
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

.mp-home-banner__countdown-grid {
  display: inline-flex;
  align-items: stretch;
  gap: 4px;
  flex-wrap: nowrap;
}

.mp-home-banner__countdown-unit {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: var(--mp-hb-count-box);
  padding: clamp(4px, 1.2cqw, 6px) clamp(4px, 1cqw, 6px);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(6px);
}

.mp-home-banner__countdown-value {
  font-size: var(--mp-hb-count-value);
  font-weight: 700;
  line-height: 1;
  color: #fff;
  font-variant-numeric: tabular-nums;
}

.mp-home-banner__countdown-unit small {
  font-size: var(--mp-hb-count-unit);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.68);
}

.mp-home-banner__countdown.is-ended .mp-home-banner__countdown-label::after {
  content: ' ? Sona erdi';
}

.mp-home-banner__cta {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 0 0 auto;
  min-height: var(--mp-hb-cta-height);
  padding: 0 clamp(12px, 3.2cqw, 16px);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(6px);
  font-size: var(--mp-hb-cta-size);
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    transform 0.22s ease;
}

.mp-home-banner__cta .ui-icon {
  width: clamp(11px, 2.6cqw, 13px);
  height: clamp(11px, 2.6cqw, 13px);
  transition: transform 0.22s ease;
}

.mp-home-banner:hover .mp-home-banner__cta {
  background: rgba(255, 255, 255, 0.24);
  border-color: rgba(255, 255, 255, 0.72);
  color: #fff;
}

.mp-home-banner:hover .mp-home-banner__cta .ui-icon {
  transform: translate(1px, -1px);
}

/* 4. ?r?nler alt? ? dar / geni? / dar / geni? banner ?eridi */
.mp-quad-banners {
  padding: 0;
}

.mp-catalog .mp-quad-banners {
  padding-left: 0;
  padding-right: 0;
}

.mp-quad-banners__inner {
  width: 100%;
  max-width: var(--mp-max);
  margin: 0 auto;
}

.mp-quad-banners__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2.35fr) minmax(0, 1fr) minmax(0, 2.35fr);
  gap: 12px;
}

/* Kayan markalar alt? ? d?rt e?it banner */
.mp-brand-banners {
  padding: clamp(16px, 2vw, 24px) var(--mp-gutter) clamp(12px, 1.5vw, 20px);
}

.mp-brand-banners .mp-quad-banners__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mp-brand-banners .mp-quad-banner__body {
  align-items: center;
  gap: 10px;
  text-align: center;
}

.mp-brand-banners .mp-quad-banner__title {
  width: 100%;
  text-align: center;
}

.mp-brand-banners .mp-quad-banner__cta {
  justify-content: center;
  min-height: 28px;
  margin-top: 0;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 999px;
  background: rgba(12, 18, 34, 0.28);
  color: #fff;
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background 0.18s ease, border-color 0.18s ease;
}

.mp-brand-banners .mp-quad-banner__cta .ui-icon {
  display: none;
}

.mp-brand-banners .mp-quad-banner:hover .mp-quad-banner__cta {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.18);
}

.mp-quad-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 440px;
  padding: 22px 24px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--mp-radius-lg);
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  background: #0c1222;
  box-shadow: 0 4px 16px rgba(12, 18, 34, 0.08);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.mp-quad-banner:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(12, 18, 34, 0.12);
}

.mp-quad-banner--theme-sunset {
  background: linear-gradient(135deg, #1e293b 0%, #134e4a 52%, #0f766e 100%);
}

.mp-quad-banner--theme-ocean {
  background: linear-gradient(135deg, #0f172a 0%, #0e7490 55%, #38bdf8 100%);
}

.mp-quad-banner--theme-ember {
  background: linear-gradient(135deg, #18181b 0%, #134e4a 58%, #14b8a6 100%);
}

.mp-quad-banner__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.mp-quad-banner__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12, 18, 34, 0.08) 0%, rgba(12, 18, 34, 0.72) 100%);
  pointer-events: none;
}

.mp-quad-banner--has-img .mp-quad-banner__overlay {
  background: linear-gradient(180deg, rgba(12, 18, 34, 0.12) 0%, rgba(12, 18, 34, 0.82) 100%);
}

.mp-quad-banner__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.mp-quad-banner__title {
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.25;
  color: #fff;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.mp-quad-banner--wide .mp-quad-banner__title,
.mp-quad-banner--equal .mp-quad-banner__title {
  font-size: 1.05rem;
}

.mp-quad-banner--equal {
  min-height: clamp(280px, 24vw, 400px);
}

.mp-quad-banner__text {
  font-size: 0.82rem;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.82);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mp-quad-banner__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  font-size: 0.78rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1;
  color: rgba(255, 255, 255, 0.92);
}

.mp-quad-banner__cta .ui-icon {
  width: 14px;
  height: 14px;
}

/* Footer ?st? ? t?m markalar, hizmet b?lgeleri ve kategoriler */
.mp-footer-markalar,
.mp-service-areas,
.mp-footer-kategoriler {
  padding: clamp(28px, 3.5vw, 44px) var(--mp-gutter) clamp(20px, 2.5vw, 32px);
}

.mp-main + .mp-service-areas {
  padding-top: clamp(12px, 1.5vw, 20px);
}

.mp-service-areas + .mp-footer-markalar,
.mp-footer-markalar + .mp-footer-kategoriler {
  padding-top: 0;
}

.mp-footer-markalar__inner,
.mp-service-areas__inner,
.mp-footer-kategoriler__inner {
  width: 100%;
  max-width: none;
  margin: 0;
}

.mp-footer-markalar__header,
.mp-service-areas__header,
.mp-footer-kategoriler__header {
  width: 100%;
  max-width: 52rem;
  margin: 0 auto clamp(18px, 2.2vw, 24px);
  text-align: center;
}

.mp-footer-markalar__title,
.mp-service-areas__title,
.mp-footer-kategoriler__title {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 20px);
  width: 100%;
  margin: 0 0 clamp(10px, 1.4vw, 14px);
  font-size: clamp(1rem, 1.6vw, 1.25rem);
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  color: var(--mkt-ink, #0c1222);
}

.mp-footer-markalar__lead,
.mp-service-areas__lead {
  margin: 0;
  font-size: clamp(0.875rem, 1.2vw, 0.9375rem);
  font-weight: var(--mp-fw-nav);
  line-height: 1.55;
  color: #64748b;
}

.mp-footer-markalar__title::before,
.mp-footer-markalar__title::after,
.mp-service-areas__title::before,
.mp-service-areas__title::after,
.mp-footer-kategoriler__title::before,
.mp-footer-kategoriler__title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--mkt-line, #e8ecf2);
}

.mp-footer-markalar__grid,
.mp-service-areas__grid,
.mp-footer-kategoriler__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
  gap: 8px;
  width: 100%;
}

.mp-footer-markalar__grid--tail,
.mp-service-areas__grid--tail,
.mp-footer-kategoriler__grid--tail,
.mp-footer-chip-grid--tail {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  grid-template-columns: unset;
}

.mp-footer-chip-grid--tail > *,
.mp-footer-markalar__grid--tail .mp-footer-markalar__chip,
.mp-service-areas__grid--tail .mp-service-areas__chip,
.mp-footer-kategoriler__grid--tail .mp-footer-kategoriler__chip {
  flex: 0 1 var(--footer-chip-max, 142px);
  min-width: 0;
  width: var(--footer-chip-max, auto);
  max-width: 100%;
  align-self: stretch;
}

.mp-footer-markalar__chip,
.mp-service-areas__chip,
.mp-footer-kategoriler__chip {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 40px;
  max-height: none;
  padding: 8px 12px;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav);
  line-height: 1.35;
  text-align: center;
  color: #334155;
  background: #fff;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius);
  box-shadow: 0 1px 2px rgba(12, 18, 34, 0.03);
  overflow: hidden;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}

.mp-footer-markalar__chip,
.mp-footer-kategoriler__chip {
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.mp-footer-markalar__chip {
  text-transform: none;
}

.mp-footer-markalar__chip:hover,
.mp-footer-kategoriler__chip:hover {
  color: var(--mkt-ink, #0c1222);
  border-color: #d8dee8;
  box-shadow: var(--mp-hover-shadow);
}

@media (max-width: 768px) {
  .mp-footer-markalar__grid,
  .mp-service-areas__grid,
  .mp-footer-kategoriler__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .mp-footer-markalar__grid--tail,
  .mp-service-areas__grid--tail,
  .mp-footer-kategoriler__grid--tail,
  .mp-footer-chip-grid--tail {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
  }

  .mp-footer-chip-grid--tail > *,
  .mp-footer-markalar__grid--tail .mp-footer-markalar__chip,
  .mp-service-areas__grid--tail .mp-service-areas__chip,
  .mp-footer-kategoriler__grid--tail .mp-footer-kategoriler__chip {
    flex: 0 0 var(--footer-chip-max, calc((100% - 2 * 6px) / 3));
    width: var(--footer-chip-max, calc((100% - 2 * 6px) / 3));
    max-width: var(--footer-chip-max, calc((100% - 2 * 6px) / 3));
  }

  .mp-footer-markalar__chip,
  .mp-service-areas__chip,
  .mp-footer-kategoriler__chip {
    font-size: 0.75rem;
    padding: 6px 6px;
  }
}

.mp-footer-markalar__grid-wrap,
.mp-service-areas__grid-wrap,
.mp-footer-kategoriler__grid-wrap {
  position: relative;
}

/* Footer */
body.page-marketplace .mp-footer {
  position: relative;
  margin-top: 0;
  border-top: 1px solid #e8ecf2;
  background: #fff;
  padding: 0;
  box-sizing: border-box;
}

body.page-marketplace .mp-footer__inner {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-top: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  box-sizing: border-box;
}

body.page-marketplace .mp-footer__trust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  margin: 0;
  padding: clamp(10px, 1.4vw, 18px) var(--mp-gutter);
  background: transparent;
  border-bottom: 1px solid #e8ecf2;
}

body.page-marketplace .mp-footer__trust-sep {
  flex: 0 0 1px;
  width: 1px;
  align-self: stretch;
  margin: 10px 0;
  background: #dde3ea;
  pointer-events: none;
}

body.page-marketplace .mp-footer__trust-item {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-width: 0;
  margin: 10px 0;
  padding: 12px 10px;
  text-align: center;
  color: inherit;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--mp-radius-lg);
  box-shadow: none;
  cursor: default;
  user-select: none;
  position: relative;
  isolation: isolate;
  transition: none;
}

body.page-marketplace .mp-footer__trust-item::after {
  content: '';
  position: absolute;
  inset: 0 12px;
  border-radius: var(--mp-radius-lg);
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  z-index: -1;
  pointer-events: none;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

@media (hover: hover) and (pointer: fine) {
  body.page-marketplace .mp-footer__trust-item:hover::after {
    background: #f8fafc;
    border-color: #e8ecf2;
    box-shadow: var(--mp-hover-shadow);
  }
}

body.page-marketplace .mp-footer__trust-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 68px;
  height: 68px;
  padding: 0;
  box-sizing: border-box;
  border-radius: 0;
  background: transparent;
  color: #475569;
  border: none;
}

body.page-marketplace .mp-footer__trust-icon .ui-icon {
  width: 100%;
  height: 100%;
}

body.page-marketplace .mp-footer__trust-icon img,
.mp-promo__icon img.mp-trust-strip__img,
body.page-marketplace .mp-footer__trust-icon img.mp-trust-strip__img,
.mp-trust-strip__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.2);
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

body.page-marketplace .mp-footer__trust-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  min-width: 0;
  width: 100%;
}

body.page-marketplace .mp-footer__trust-title {
  font-size: 0.75rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.25;
  color: #0f172a;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

body.page-marketplace .mp-footer__trust-text {
  font-size: 0.68rem;
  line-height: 1.35;
  color: #64748b;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 1023px) {
  body.page-marketplace .mp-footer__trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 12px var(--mp-gutter) 0;
    background: transparent;
    border: 1px solid #e2e8f0;
    border-radius: var(--mp-radius-lg);
    overflow: hidden;
    box-sizing: border-box;
  }

  body.page-marketplace .mp-footer__trust-sep {
    display: none;
  }

  body.page-marketplace .mp-footer__trust-item {
    display: flex;
    flex: initial;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 16px 10px;
    background: #f8fafc;
    border: 0;
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    isolation: auto;
    -webkit-tap-highlight-color: transparent;
  }

  body.page-marketplace .mp-footer__trust-item:nth-of-type(3n) {
    border-right: none;
  }

  body.page-marketplace .mp-footer__trust-item:nth-of-type(n + 4) {
    border-bottom: none;
  }

  body.page-marketplace .mp-footer__trust-item::after {
    display: none;
  }

  @media (hover: hover) and (pointer: fine) {
    body.page-marketplace .mp-footer__trust-item:hover {
      background: #f1f5f9;
      box-shadow: none;
    }
  }

  body.page-marketplace .mp-footer__trust-copy {
    flex: 1 1 auto;
    justify-content: flex-start;
    gap: 2px;
    width: 100%;
  }

  body.page-marketplace .mp-footer__trust-title {
    width: 100%;
  }

  body.page-marketplace .mp-footer__trust-text {
    width: 100%;
    -webkit-line-clamp: 2;
  }

  body.page-marketplace .mp-footer__trust-icon {
    width: 60px;
    height: 60px;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    flex-shrink: 0;
  }

  body.page-marketplace .mp-footer__trust-icon img,
  body.page-marketplace .mp-footer__trust-icon img.mp-trust-strip__img {
    transform: none;
  }
}

@media (max-width: 640px) {
  body.page-marketplace .mp-footer__trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-marketplace .mp-footer__trust-item {
    gap: 8px;
    padding: 14px 8px;
    text-align: center;
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
  }

  body.page-marketplace .mp-footer__trust-item:nth-of-type(3n) {
    border-right: 1px solid #e2e8f0;
  }

  body.page-marketplace .mp-footer__trust-item:nth-of-type(n + 4) {
    border-bottom: 1px solid #e2e8f0;
  }

  body.page-marketplace .mp-footer__trust-item:nth-of-type(2n) {
    border-right: none;
  }

  body.page-marketplace .mp-footer__trust-item:nth-of-type(n + 5) {
    border-bottom: none;
  }

  body.page-marketplace .mp-footer__trust-copy {
    align-items: center;
    text-align: center;
    gap: 2px;
  }

  body.page-marketplace .mp-footer__trust-icon {
    width: 52px;
    height: 52px;
    padding: 0;
    border-radius: 0;
  }

  body.page-marketplace .mp-footer__trust-title {
    font-size: 0.72rem;
    -webkit-line-clamp: 2;
  }

  body.page-marketplace .mp-footer__trust-text {
    font-size: 0.65rem;
    -webkit-line-clamp: 2;
  }
}

body.page-marketplace .mp-footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  width: 100%;
  min-width: 0;
  padding: clamp(28px, 3.5vw, 40px) var(--mp-gutter) 32px;
  box-sizing: border-box;
}

body.page-marketplace .mp-footer--no-ilanlar .mp-footer__grid {
  grid-template-columns: 1fr;
}

@media (min-width: 769px) {
  body.page-marketplace .mp-footer__grid,
  body.page-marketplace .mp-footer--no-ilanlar .mp-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 24px;
  }

  body.page-marketplace .mp-footer__brand,
  body.page-marketplace .mp-footer__col--news {
    grid-column: 1 / -1;
    max-width: none;
  }
}

@media (min-width: 1101px) {
  body.page-marketplace .mp-footer__grid {
    grid-template-columns: minmax(0, 1.4fr) repeat(4, minmax(0, 0.8fr)) minmax(0, 1fr);
    gap: 32px clamp(20px, 2.5vw, 40px);
  }

  body.page-marketplace .mp-footer--no-ilanlar .mp-footer__grid {
    grid-template-columns: minmax(0, 1.4fr) repeat(4, minmax(0, 0.8fr)) minmax(0, 1fr);
  }

  body.page-marketplace .mp-footer__brand,
  body.page-marketplace .mp-footer__col--news {
    grid-column: auto;
  }

  body.page-marketplace .mp-footer__col--news {
    max-width: none;
  }
}

.mp-promo {
  padding: 0 var(--mp-gutter) 12px;
  margin-top: 0;
}

.mp-promo__inner {
  width: 100%;
  max-width: var(--mp-max);
  margin: 0;
}

.mp-promo__carousel {
  position: relative;
}

.mp-promo__viewport {
  overflow: hidden;
}

.mp-promo__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 0;
  background: transparent;
  border: 1px solid #e2e8f0;
  border-radius: var(--mp-radius-lg);
  overflow: hidden;
}

.mp-promo__sep {
  display: none;
}

.mp-promo__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  height: 100%;
  gap: 8px;
  min-width: 0;
  padding: 14px 8px;
  text-align: center;
  background: #f8fafc;
  border: 0;
  border-right: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s ease;
}

.mp-promo__card:nth-of-type(2n) {
  border-right: none;
}

.mp-promo__card:nth-of-type(n + 5) {
  border-bottom: none;
}

@media (hover: hover) and (pointer: fine) {
  .mp-promo__card:hover {
    background: #f1f5f9;
  }
}

.mp-promo__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: 0;
  background: transparent;
  color: #475569;
  border: none;
  overflow: hidden;
}

.mp-promo__icon .ui-icon {
  width: 100%;
  height: 100%;
}

.mp-promo__icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

@media (min-width: 641px) {
  .mp-promo__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 0;
    background: transparent;
    border: 1px solid #e2e8f0;
    border-radius: var(--mp-radius-lg);
    overflow: hidden;
  }

  .mp-promo__card {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    height: 100%;
    gap: 10px;
    padding: 16px 10px;
    text-align: center;
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
  }

  .mp-promo__card:nth-of-type(2n) {
    border-right: 1px solid #e2e8f0;
  }

  .mp-promo__card:nth-of-type(n + 5) {
    border-bottom: 1px solid #e2e8f0;
  }

  .mp-promo__card:nth-of-type(3n) {
    border-right: none;
  }

  .mp-promo__card:nth-of-type(n + 4) {
    border-bottom: none;
  }

  .mp-promo__icon {
    width: 60px;
    height: 60px;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
  }
}

@media (min-width: 1024px) {
  .mp-promo__grid {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
  }

  .mp-promo__sep {
    display: block;
    flex: 0 0 1px;
    width: 1px;
    align-self: stretch;
    margin: 10px 0;
    background: #dde3ea;
    pointer-events: none;
  }

  .mp-promo__card {
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    text-align: center;
    background: transparent;
    border-radius: var(--mp-radius-lg);
    border: 1px solid transparent;
  }

  @media (hover: hover) and (pointer: fine) {
    .mp-promo__card:hover {
      background: #f8fafc;
      border-color: #e8ecf2;
      box-shadow: var(--mp-hover-shadow);
    }
  }

  .mp-promo__icon {
    width: 68px;
    height: 68px;
    padding: 0;
    background: transparent;
  }
}

.mp-promo__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 auto;
  gap: 3px;
  min-width: 0;
  width: 100%;
}

.mp-promo__title {
  font-size: 0.75rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.25;
  color: #0f172a;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 100%;
  min-height: calc(2 * 1.25em);
}

.mp-promo__text {
  font-size: 0.68rem;
  line-height: 1.35;
  color: #64748b;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 100%;
  min-height: calc(2 * 1.35em);
}

.mp-promo__dots {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 8px;
}

.mp-promo__dot {
  width: 6px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #cbd5e1;
  cursor: pointer;
  transition: width 0.2s ease, background 0.2s ease, border-radius 0.2s ease;
}

.mp-promo__dot.is-active {
  width: 18px;
  border-radius: 999px;
  background: var(--accent, #0f766e);
}

/* Markalar ? slider alt? kayan ?erit */
.mp-brands--marquee {
  padding: 0 var(--mp-gutter) 12px;
}

.mp-brands__marquee {
  overflow: hidden;
  padding: 21px 0;
  background: #f4f6fa;
  border: none;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: 0;
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.mp-brands__track {
  display: flex;
  align-items: center;
  gap: 21px;
  width: max-content;
  padding: 0 21px;
  animation: mp-brands-scroll 38s linear infinite;
}

.mp-brands__track:hover {
  animation-play-state: paused;
}

@keyframes mp-brands-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.mp-brands__item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 186px;
  height: 93px;
  padding: 15px 30px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: var(--mp-radius);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  isolation: isolate;
}

a.mp-brands__item {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

a.mp-brands__item:hover {
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.mp-brands__img {
  display: block;
  max-height: 60px;
  max-width: 192px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.mp-brands__name {
  font-size: 1.17rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-muted, #5b6478);
  white-space: nowrap;
  text-transform: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (prefers-reduced-motion: reduce) {
  .mp-brands__track {
    animation: none;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }

  .mp-brands__marquee {
    mask-image: none;
  }
}

/* Kategoriler ? video vitrin alt? ikonlu kayan ?erit (pill stil) */
.mp-cats--marquee {
  margin-top: 0;
}

.mp-cats__marquee {
  overflow: hidden;
  padding: 14px 0;
  background: #f4f6fa;
  border: none;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: 0;
  mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}

.mp-cats__track {
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  padding: 0 14px;
  animation: mp-brands-scroll 42s linear infinite;
}

.mp-cats__track:hover {
  animation-play-state: paused;
}

.mp-cats__item {
  flex-shrink: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 4px 16px 4px 4px;
  background: #f2f2f2;
  border: none;
  border-radius: 999px;
  box-shadow: none;
  text-decoration: none;
  color: inherit;
  transition: background 0.15s ease;
}

.mp-cats__item:hover {
  background: #e8e8e8;
  box-shadow: none;
  transform: none;
}

.mp-cats__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background: #fff;
  border-radius: 50%;
}

.mp-cats__icon .ui-icon {
  width: 16px;
  height: 16px;
  color: #1a1a1a;
}

.mp-cats__name {
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav);
  color: #1a1a1a;
  text-align: left;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 14em;
}

/* Video vitrin ? 3. ?r?nler alt? dikey videolar + ?r?n kart? */
.mp-video-vitrin {
  margin-top: 0;
  margin-bottom: 0;
}

.mp-video-vitrin .mp-catalog__head {
  display: block;
  max-width: 52rem;
  margin: 0 auto 16px;
  padding-bottom: 0;
  border-bottom: none;
  text-align: center;
}

.mp-video-vitrin .mp-catalog__title {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 20px);
  width: 100%;
  text-align: center;
}

.mp-video-vitrin .mp-catalog__title::before,
.mp-video-vitrin .mp-catalog__title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--mkt-line, #e8ecf2);
}

.mp-video-vitrin__carousel {
  position: relative;
  width: 100%;
}

.mp-video-vitrin__scroll {
  overflow: visible;
  padding: 0;
}

.mp-video-vitrin__track {
  display: grid;
  gap: clamp(12px, 1.4vw, 16px);
  width: 100%;
}

.mp-video-vitrin__track[data-count="1"] {
  grid-template-columns: minmax(0, 280px);
  justify-content: center;
}

.mp-video-vitrin__track[data-count="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mp-video-vitrin__track[data-count="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mp-video-vitrin__track[data-count="4"] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mp-video-vitrin__track[data-count="5"] {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mp-video-vitrin__track[data-count="6"] {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mp-video-card {
  min-width: 0;
  height: 100%;
}

.mp-video-card__frame {
  position: relative;
  aspect-ratio: 9 / 16;
  border-radius: var(--mp-radius-lg);
  overflow: hidden;
  background: #111;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12);
}

.mp-video-card__foot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 36px 10px 10px;
  background: linear-gradient(
    180deg,
    rgba(12, 18, 34, 0) 0%,
    rgba(12, 18, 34, 0.35) 38%,
    rgba(12, 18, 34, 0.82) 100%
  );
  pointer-events: none;
}

.mp-video-card__foot > .mp-video-card__product {
  display: block;
  width: 100%;
  pointer-events: auto;
  text-decoration: none;
  color: inherit;
}

.mp-video-card__product-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 8px 7px 7px;
  border-radius: var(--mp-radius-lg);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.mp-video-card__product:hover .mp-video-card__product-inner {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}

.mp-video-card__product-media {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: var(--mp-radius);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.96);
  padding: 3px;
  box-sizing: border-box;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
}

.mp-video-card__product-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: var(--mkt-radius-sm);
}

.mp-video-card__product-copy {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.mp-video-card__product-title {
  font-size: 0.68rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mp-video-card__product-meta {
  display: flex;
  align-items: center;
  min-width: 0;
}

.mp-video-card__product-price {
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1;
  color: #5eead4;
  letter-spacing: 0.01em;
}

.mp-video-card__product-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 0;
  font-size: 0.64rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1;
  color: rgba(255, 255, 255, 0.78);
}

.mp-video-card__product-cta {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #fff;
  border: none;
  color: #0c1222;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.mp-video-card__product-cta .ui-icon {
  width: 13px;
  height: 13px;
  color: #0c1222;
}

.mp-video-card__product:hover .mp-video-card__product-cta {
  transform: scale(1.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.mp-video-card__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
}

.mp-video-card__play {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: rgba(0, 0, 0, 0.22);
  color: #fff;
  cursor: pointer;
  transition: opacity 0.2s ease, background 0.2s ease;
}

.mp-video-card__play .ui-icon {
  width: 44px;
  height: 44px;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

.mp-video-card.is-playing .mp-video-card__play {
  opacity: 0;
  pointer-events: none;
}

.mp-video-card.is-playing:hover .mp-video-card__play {
  opacity: 1;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.08);
}

.mp-video-card__badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  max-width: calc(100% - 20px);
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mp-video-vitrin__carousel .mp-grid-carousel__nav {
  top: calc(50% - 48px);
}

@media (max-width: 1200px) {
  .mp-video-vitrin__track[data-count="5"],
  .mp-video-vitrin__track[data-count="6"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  .mp-video-vitrin__track[data-count="3"],
  .mp-video-vitrin__track[data-count="4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .mp-video-vitrin__track[data-count="2"],
  .mp-video-vitrin__track[data-count="3"],
  .mp-video-vitrin__track[data-count="4"],
  .mp-video-vitrin__track[data-count="5"],
  .mp-video-vitrin__track[data-count="6"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .mp-video-vitrin__track[data-count="1"] {
    grid-template-columns: minmax(0, 1fr);
    max-width: 240px;
    margin: 0 auto;
  }

  .mp-video-card__frame {
    border-radius: var(--mp-radius-lg);
  }

  .mp-video-card__foot {
    padding: 28px 8px 8px;
  }

  .mp-video-card__product-inner {
    padding: 6px 7px 6px 6px;
    gap: 6px;
    border-radius: var(--mp-radius-lg);
  }

  .mp-video-card__product-media {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
  }

  .mp-video-card__product-title {
    font-size: 0.62rem;
  }

  .mp-video-card__product-price,
  .mp-video-card__product-tag {
    font-size: 0.6rem;
  }

  .mp-video-card__product-cta {
    flex-basis: 26px;
    width: 26px;
    height: 26px;
  }

  .mp-video-card__product-cta .ui-icon {
    width: 12px;
    height: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mp-cats__track {
    animation: none;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }

  .mp-cats__marquee {
    mask-image: none;
  }
}

/* Kategori / liste sayfas? ? tam geni?lik grid + sol modal filtre */
.mp-listing {
  --mp-hub-hero-gap: 16px;
  padding-right: var(--mp-gutter);
  padding-bottom: 56px;
  padding-left: var(--mp-gutter);
}

.mp-listing__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  align-items: start;
  width: 100%;
}

.mp-listing__inner--solo {
  grid-template-columns: minmax(0, 1fr);
}

/* Sol filtre paneli ? off-canvas modal (t?m ekran boyutlar?) */
.mp-sidebar {
  position: fixed;
  inset: 0;
  z-index: 120;
  top: 0;
  min-width: 0;
  pointer-events: none;
  visibility: hidden;
}

.mp-sidebar.is-open {
  z-index: 1400;
  pointer-events: auto;
  visibility: visible;
}

body.mp-sidebar-open .mp-mobile-dock {
  display: none;
}

body.mp-sidebar-open {
  overflow: hidden;
}

.mp-sidebar__backdrop {
  display: block;
  position: absolute;
  inset: 0;
  background: rgba(12, 18, 34, 0.45);
  opacity: 0;
  transition: opacity 0.24s ease;
}

.mp-sidebar.is-open .mp-sidebar__backdrop {
  opacity: 1;
}

/* Sol drawer ? geni? panel + karart?lm?? arka plan (kategori men?s? mant???) */
.mp-sidebar__panel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(640px, 96vw);
  max-width: 100%;
  height: auto;
  max-height: 100dvh;
  display: flex;
  flex-direction: column;
  padding: 0 18px 0;
  padding-top: env(safe-area-inset-top, 0px);
  border: none;
  border-right: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: 0;
  overflow: hidden;
  transform: translateX(-100%);
  transition: transform 0.24s ease;
  box-shadow: 8px 0 32px rgba(12, 18, 34, 0.12);
  background: #fff;
}

.mp-sidebar.is-open .mp-sidebar__panel {
  transform: translateX(0);
}

.mp-sidebar__close {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  cursor: pointer;
}

.mp-sidebar__close .ui-icon {
  width: 16px;
  height: 16px;
}

.mp-sidebar__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0;
  margin: 0 -18px;
  margin-bottom: 2px;
  padding: 16px 18px 14px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  background: #fff;
}

.mp-sidebar__head .mp-sidebar__clear {
  margin-left: 0;
}

.mp-sidebar__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.mp-sidebar__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav-active);
  text-transform: uppercase;
  color: var(--mkt-ink, #0c1222);
}

.mp-sidebar__title .ui-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--accent, #0f766e);
  --ui-icon-color: var(--accent, #0f766e);
}

.mp-sidebar__clear {
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  color: var(--accent, #0f766e);
  text-decoration: none;
  white-space: nowrap;
}

.mp-sidebar__clear:hover {
  color: #334155;
}

.mp-sidebar__form {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1 1 0%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 10px 16px 2px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 transparent;
}

.mp-sidebar__form::-webkit-scrollbar {
  width: 12px;
}

.mp-sidebar__form::-webkit-scrollbar-track {
  background: transparent;
  margin-block: 12px;
}

.mp-sidebar__form::-webkit-scrollbar-thumb {
  background-color: #94a3b8;
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 999px;
}

.mp-sidebar__form::-webkit-scrollbar-thumb:hover {
  background-color: #64748b;
}

#mp-filter-section-fiyat .mp-filter-section__body {
  max-height: none;
  overflow: visible;
}

.mp-sidebar__price-btn,
.mp-sidebar__apply-btn {
  position: sticky;
  bottom: 0;
  z-index: 2;
  margin-bottom: 0;
  box-shadow: 0 -10px 20px 8px #fff;
}

.mp-sidebar__footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 4px;
  background: #fff;
  box-shadow: 0 -10px 20px 8px #fff;
}

.mp-sidebar__footer .mp-sidebar__apply-btn {
  margin-top: 0;
  box-shadow: none;
}

.mp-sidebar__foot {
  display: flex;
  align-items: stretch;
  gap: 10px;
  flex-shrink: 0;
  margin: 0 -18px;
  margin-top: auto;
  padding: 14px 18px;
  padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--mkt-line, #e8ecf2);
  background: #f8fafc;
}

.mp-sidebar__foot-clear {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 108px;
  padding: 11px 14px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  color: #64748b;
  font: inherit;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.mp-sidebar__foot-clear:hover {
  background: #f1f5f9;
  color: #334155;
}

.mp-sidebar__foot-clear[hidden] {
  display: none;
}

.mp-sidebar__foot-apply {
  flex: 1 1 auto;
  min-width: 0;
  padding: 11px 16px;
  border: none;
  border-radius: var(--mp-radius);
  background: var(--accent, #0f766e);
  color: #fff;
  font: inherit;
  font-size: var(--mp-text-sm);
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mp-sidebar__foot-apply:hover {
  background: var(--accent-hover, #0d9488);
}

/* Mobil ? filtre drawer tam ekran + e?it kutu boyu + ta?ma d?zeltmesi */
@media (max-width: 900px) {
  .mp-sidebar__panel {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100dvh;
    border-right: none;
    box-shadow: none;
  }

  .mp-sidebar .mp-filter-checklist--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  .mp-sidebar .mp-filter-checklist--cols-2 .mp-filter-checklist__item {
    display: flex;
    min-width: 0;
    height: 100%;
  }

  .mp-sidebar .mp-filter-checklist--cols-2 .mp-filter-check {
    display: flex;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 100%;
    box-sizing: border-box;
  }

  .mp-sidebar .mp-filter-check {
    align-items: flex-start;
    min-width: 0;
  }

  .mp-sidebar .mp-filter-check__label {
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .mp-sidebar__form {
    padding-right: 8px;
  }
}

/* Sabit filtre butonu ? sol alt */
.mp-filter-fab {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 1310;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 18px 0 14px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(145deg, #0f766e 0%, #14b8a6 100%);
  color: #fff;
  font: inherit;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav-active);
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(15, 118, 110, 0.22);
  transition: box-shadow 0.15s ease, opacity 0.15s ease;
}

.mp-filter-fab .ui-icon {
  width: 18px;
  height: 18px;
  --ui-icon-color: #fff;
}

.mp-filter-fab:hover {
  box-shadow: 0 3px 12px rgba(15, 118, 110, 0.28);
}

.mp-filter-fab:active {
  opacity: 0.92;
}

body.mp-sidebar-open .mp-filter-fab {
  opacity: 0;
  pointer-events: none;
}

/* Sabit WhatsApp butonu ? sa? alt (filtre FAB ile ayn? accent) */
.mp-wa-fab {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1320;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(145deg, #0f766e 0%, #14b8a6 100%);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 2px 10px rgba(15, 118, 110, 0.22);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.mp-wa-fab .ui-icon {
  width: 28px;
  height: 28px;
  --ui-icon-color: #fff;
}

.mp-wa-fab:hover {
  color: #fff;
  box-shadow: 0 3px 12px rgba(15, 118, 110, 0.28);
}

.mp-wa-fab:active {
  transform: scale(0.96);
}

@media (max-width: 900px) {
  body.page-marketplace:not(.page-checkout) .mp-wa-fab {
    bottom: calc(var(--mp-dock-h) + 12px);
  }
}

.mp-filter-section {
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  padding: 10px 0 8px;
}

.mp-filter-section:last-child {
  border-bottom: none;
}

.mp-filter-section__head {
  padding: 12px 4px 12px 0;
}

.mp-filter-section__title {
  font-size: var(--mp-text-xs);
  font-weight: var(--mp-fw-nav);
  letter-spacing: var(--mp-ls-catnav);
  text-transform: uppercase;
  color: var(--mkt-muted, #5b6478);
}

.mp-filter-section__body {
  /* Nested scroll yok ? yaln?zca ana form kayar; i? empty scrollbar / bo? alan hatas? ?nlenir */
  max-height: none;
  overflow: visible;
  padding: 0 6px 12px 0;
}

.mp-sidebar__hint {
  margin: 4px 0 12px;
  padding: 0 6px 0 0;
  font-size: var(--mp-text-sm, 0.875rem);
  line-height: 1.45;
}

.mp-filter-checklist-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mp-filter-checklist__search {
  margin: 0;
  font-size: var(--mp-text-sm);
}

.mp-filter-checklist__search:focus {
  outline: none;
  border-color: rgba(15, 118, 110, 0.45);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}

.mp-filter-checklist__empty {
  margin: 0;
  padding: 8px 2px 2px;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  color: var(--mkt-muted, #5b6478);
}

.mp-filter-checklist__item[hidden] {
  display: none;
}

.mp-filter-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mp-filter-checklist--cols-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
}

.mp-filter-checklist--cols-2 .mp-filter-checklist__item {
  width: 100%;
  max-width: none;
}

.mp-filter-checklist--cols-2 .mp-filter-check {
  display: flex;
  width: 100%;
}

.mp-filter-checklist--scroll {
  max-height: 240px;
  overflow-y: auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f1f5f9;
}

.mp-filter-checklist--scroll::-webkit-scrollbar {
  width: 6px;
}

.mp-filter-checklist--scroll::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 999px;
  margin-block: 6px;
}

.mp-filter-checklist--scroll::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border: none;
  border-radius: 999px;
}

.mp-filter-checklist--scroll::-webkit-scrollbar-thumb:hover {
  background-color: #94a3b8;
}

.mp-filter-checklist__item {
  display: block;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

.mp-filter-checklist__item + .mp-filter-checklist__item {
  margin-top: 0;
}

.mp-filter-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: #fff;
  color: #475569;
  cursor: pointer;
  transition: border-color 0.14s ease, background 0.14s ease, color 0.14s ease;
}

.mp-filter-check:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
}

.mp-filter-check:has(.mp-filter-check__input:checked) {
  border-color: rgba(15, 118, 110, 0.4);
  background: rgba(15, 118, 110, 0.08);
  color: #0f766e;
}

.mp-filter-check__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mp-filter-check__box {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 0;
  border: 1.5px solid #cbd5e1;
  border-radius: 4px;
  background: #fff;
  position: relative;
  transition: border-color 0.14s ease, background 0.14s ease;
}

.mp-filter-check:has(.mp-filter-check__input:checked) .mp-filter-check__box {
  border-color: #0f766e;
  background: #0f766e;
  box-shadow: inset 0 0 0 2px #fff;
}

.mp-filter-check__input:checked + .mp-filter-check__box::after {
  content: none;
}

.mp-filter-check__input:focus-visible + .mp-filter-check__box {
  outline: 2px solid rgba(15, 118, 110, 0.45);
  outline-offset: 2px;
}

.mp-filter-check__label {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25;
  color: inherit;
  white-space: nowrap;
  min-width: 0;
}

.mp-filter-check__icon {
  flex-shrink: 0;
  width: 28px;
  height: 18px;
  margin-top: 0;
  object-fit: contain;
  object-position: center;
  border-radius: 3px;
  background: #f8fafc;
}

.mp-filter-check__ui-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: inherit;
}

.mp-filter-check__ui-icon .ui-icon,
.mp-filter-check__ui-icon svg {
  width: 18px;
  height: 18px;
}

.mp-filter-check:hover .mp-filter-check__ui-icon,
.mp-filter-check:has(.mp-filter-check__input:checked) .mp-filter-check__ui-icon {
  color: inherit;
}

.mp-filter-check__swatch {
  position: relative;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 0;
  border-radius: 999px;
  border: 1px solid rgba(12, 18, 34, 0.2);
  background-color: var(--mp-filter-swatch, #ccc);
  background-image: linear-gradient(
    160deg,
    rgba(255, 255, 255, 0.38) 0%,
    rgba(255, 255, 255, 0.06) 40%,
    transparent 55%,
    rgba(0, 0, 0, 0.14) 100%
  );
  box-shadow:
    0 1px 2px rgba(12, 18, 34, 0.14),
    inset 0 1px 1px rgba(255, 255, 255, 0.55),
    inset 0 -1.5px 2px rgba(0, 0, 0, 0.18),
    inset 0 0 0 1px rgba(255, 255, 255, 0.22);
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.mp-filter-check__swatch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  width: 42%;
  height: 34%;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.75) 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  pointer-events: none;
}

.mp-filter-check:hover .mp-filter-check__swatch {
  transform: scale(1.08);
  box-shadow:
    0 2px 4px rgba(12, 18, 34, 0.16),
    inset 0 1px 1px rgba(255, 255, 255, 0.6),
    inset 0 -1.5px 2px rgba(0, 0, 0, 0.2),
    inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

.mp-filter-check__swatch--mirror {
  background-color: #a8adb4;
  background-image:
    linear-gradient(
      135deg,
      #f8fafc 0%,
      #c5cad1 22%,
      #f1f5f9 42%,
      #7c8490 58%,
      #e5e7eb 78%,
      #9ca3af 100%
    ),
    linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.5) 0%,
      transparent 50%,
      rgba(0, 0, 0, 0.1) 100%
    );
  border-color: rgba(12, 18, 34, 0.28);
}

.mp-filter-check__swatch--gradient {
  background-color: #64748b;
  background-image: linear-gradient(
    145deg,
    #0f172a 0%,
    #334155 28%,
    #94a3b8 55%,
    #e2e8f0 78%,
    #f8fafc 100%
  );
}

.mp-filter-check__swatch--clear {
  background-color: #e8edf2;
  background-image:
    linear-gradient(
      135deg,
      transparent 43%,
      rgba(12, 18, 34, 0.32) 47%,
      rgba(12, 18, 34, 0.32) 53%,
      transparent 57%
    ),
    linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.65) 0%,
      rgba(255, 255, 255, 0.2) 40%,
      transparent 58%,
      rgba(0, 0, 0, 0.06) 100%
    ),
    linear-gradient(
      180deg,
      #f8fafc 0%,
      var(--mp-filter-swatch, #e8edf2) 100%
    );
  border-color: rgba(12, 18, 34, 0.24);
}

.mp-filter-check__swatch--filter {
  background-color: #38bdf8;
  background-image:
    radial-gradient(
      circle at 30% 28%,
      rgba(255, 255, 255, 0.55) 0%,
      transparent 45%
    ),
    linear-gradient(145deg, #e0f2fe 0%, #38bdf8 45%, #0284c7 100%);
  border-color: rgba(2, 132, 199, 0.4);
}

.mp-filter-check__swatch--multi {
  background-color: #a855f7;
  background-image: conic-gradient(
    from 20deg,
    #ef4444,
    #f97316,
    #eab308,
    #22c55e,
    #3b82f6,
    #a855f7,
    #ef4444
  );
  border-color: rgba(12, 18, 34, 0.22);
}

.mp-filter-check__swatch--fallback {
  background-color: #9ca3af;
  background-image:
    linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.35) 0%,
      transparent 55%
    ),
    repeating-linear-gradient(
      -45deg,
      #e5e7eb 0 3px,
      #9ca3af 3px 6px
    );
  border-color: rgba(12, 18, 34, 0.24);
}

.mp-filter-checklist__none {
  margin: 4px 0 0;
  font-size: var(--mp-text-sm);
  line-height: 1.4;
  color: var(--mkt-muted, #64748b);
}

.mp-filter-check:hover .mp-filter-check__label {
  color: inherit;
}

.mp-sidebar__price-btn,
.mp-sidebar__apply-btn {
  width: 100%;
  margin-top: 10px;
  padding: 8px 14px;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
}

.mp-sidebar__footer {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-listing__head-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.mp-listing__head-main {
  min-width: 0;
}

.mp-listing__filter-btn {
  display: none;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  font: inherit;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  cursor: pointer;
  white-space: nowrap;
}

.mp-listing__filter-btn .ui-icon {
  width: 16px;
  height: 16px;
}

.mp-listing__filter-btn:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.mp-sidebar__group {
  margin: 0;
  padding: 0;
  border: none;
  min-width: 0;
  overflow: visible;
}

.mp-sidebar__label {
  display: block;
  margin-bottom: 8px;
  font-size: var(--mp-text-xs);
  font-weight: var(--mp-fw-nav);
  letter-spacing: var(--mp-ls-catnav);
  text-transform: uppercase;
  color: var(--mkt-muted, #5b6478);
}

.mp-sidebar__sublabel {
  display: block;
  margin: 0 0 6px;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  color: var(--mkt-ink, #0c1222);
}

.mp-sidebar__sublabel + .mp-sidebar__select,
.mp-sidebar__sublabel + .mp-filter-combo {
  margin-bottom: 0;
}

.mp-sidebar__group .mp-sidebar__select + .mp-sidebar__sublabel,
.mp-sidebar__group .mp-filter-combo + .mp-sidebar__sublabel {
  margin-top: 12px;
}

.mp-sidebar__select,
.mp-sidebar__input {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  border-radius: var(--mp-radius);
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #fff;
  font: inherit;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-body);
  color: var(--mkt-ink, #0c1222);
}

.mp-sidebar__input:focus {
  outline: none;
  border-color: rgba(15, 118, 110, 0.45);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}

.mp-sidebar__select {
  cursor: pointer;
}

.mp-sidebar__input::placeholder {
  color: #94a3b8;
}

.mp-sidebar__range {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
}

.mp-sidebar__range-sep {
  color: var(--mkt-muted, #5b6478);
  font-size: 0.85rem;
}

.mp-price-range {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mp-price-range__slider {
  position: relative;
  height: 28px;
  display: flex;
  align-items: center;
}

.mp-price-range__track {
  position: absolute;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 999px;
  background: var(--mkt-line, #e8ecf2);
}

.mp-price-range__fill {
  position: absolute;
  left: 0;
  width: 0;
  height: 4px;
  border-radius: 999px;
  background: var(--accent, #0f766e);
  pointer-events: none;
}

.mp-price-range__thumb {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
  height: 28px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
  accent-color: transparent;
}

.mp-price-range__thumb::-webkit-slider-runnable-track {
  height: 4px;
  background: transparent;
  border: none;
}

.mp-price-range__thumb::-moz-range-track {
  height: 4px;
  background: transparent;
  border: none;
}

.mp-price-range__thumb::-moz-range-progress {
  background: transparent;
}

.mp-price-range__scale {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: -4px;
  font-size: 0.72rem;
  line-height: 1.3;
  color: var(--mkt-muted, #5b6478);
}

.mp-price-range__thumb::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin-top: -7px;
  border-radius: 50%;
  background: var(--accent, #0f766e);
  border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(12, 18, 34, 0.18);
  cursor: pointer;
}

.mp-price-range__thumb::-moz-range-thumb {
  pointer-events: auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--accent, #0f766e);
  border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(12, 18, 34, 0.18);
  cursor: pointer;
}

.mp-price-range__thumb:focus-visible::-webkit-slider-thumb,
.mp-price-range__thumb:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.25);
}

.mp-price-range__thumb--min {
  z-index: 3;
}

.mp-price-range__thumb--max {
  z-index: 4;
}

.mp-price-range__thumb--min.is-active {
  z-index: 5;
}

.mp-price-range__thumb--max.is-active {
  z-index: 5;
}

.mp-sidebar__submit {
  width: 100%;
  margin-top: 4px;
  padding: 10px 16px;
  font-size: 0.875rem;
}

.mp-filter-combo {
  position: relative;
  min-width: 0;
}

.mp-filter-combo__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin: 0;
  text-align: left;
  color: var(--mkt-ink, #0c1222);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235b6478' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 34px;
}

.mp-filter-combo__trigger[aria-expanded="true"] {
  border-color: rgba(15, 118, 110, 0.45);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}

.mp-filter-combo__panel {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 80;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  box-shadow: 0 12px 32px rgba(12, 18, 34, 0.12);
}

.mp-filter-combo__panel[hidden] {
  display: none !important;
}

.mp-filter-combo__search {
  margin: 0;
  border: none;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: 0;
  box-shadow: none;
}

.mp-filter-combo__search:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px rgba(15, 118, 110, 0.2);
}

.mp-filter-combo__list {
  max-height: min(38vh, 240px);
  overflow-y: auto;
  margin: 0;
  padding: 4px;
  list-style: none;
}

.mp-filter-combo__option {
  display: block;
  width: 100%;
  margin: 0;
  padding: 9px 10px;
  border: 0;
  border-radius: calc(var(--mp-radius) - 2px);
  background: transparent;
  font: inherit;
  font-size: 0.88rem;
  text-align: left;
  color: var(--mkt-ink, #0c1222);
  cursor: pointer;
}

.mp-filter-combo__option:hover,
.mp-filter-combo__option:focus,
.mp-filter-combo__option.is-active {
  background: #f8fafc;
  outline: none;
}

.mp-filter-combo__option.is-selected {
  background: #f0fdfa;
  color: #0f766e;
  font-weight: var(--mp-fw-nav-active);
}

.mp-filter-combo__option.is-selected.is-active {
  background: #ccfbf1;
}

.mp-filter-combo__option[hidden] {
  display: none;
}

.mp-filter-combo__empty {
  padding: 10px 12px;
  margin: 0;
  font-size: 0.84rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-listing__content {
  min-width: 0;
  container-type: inline-size;
  container-name: mp-listing-content;
  transition: opacity 0.2s ease;
}

.mp-listing__content.is-loading {
  opacity: 0.55;
  pointer-events: none;
}

.mp-seo-banner {
  margin-bottom: 16px;
  padding: 20px var(--mp-gutter, 16px);
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  box-shadow: 0 2px 12px rgba(12, 18, 34, 0.04);
}

/* G?ven ?eridi banner?n hemen alt?nda yap???k ? tek kutu */
.mp-seo-banner:has(+ .mp-banner-guven) {
  margin-bottom: 0;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}

.mp-seo-banner--desktop-bleed.mp-seo-banner--has-media:has(+ .mp-banner-guven) {
  border-bottom: none;
  border-radius: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.mp-seo-banner__layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

.mp-seo-banner__media {
  flex: 0 0 auto;
  width: min(100%, clamp(200px, 62vw, 280px));
  margin: 0 auto;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--mp-radius-md, 10px);
}

.mp-seo-banner__media {
  position: relative;
}

.mp-seo-banner__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.mp-seo-banner__media picture {
  display: block;
  width: 100%;
  height: 100%;
}

/* Mobil g?rsel yaln?zca mobil ? masa?st?nde g?sterme / yedekleme */
@media (min-width: 901px) {
  .mp-seo-banner--mobile-only-media .mp-seo-banner__media {
    display: none;
  }

  /* Masa?st? banner yoksa yaln?zca banner (ba?l?k/buton) gizlenir; g?ven ?eridi her zaman g?r?n?r */
  .mp-seo-banner:not(.mp-seo-banner--desktop-bleed) {
    display: none !important;
  }
}

/* A??klama: masa?st?nde yaln?zca tam geni?lik banner'da */
@media (min-width: 901px) {
  .mp-seo-banner:not(.mp-seo-banner--desktop-bleed) .mp-seo-banner__lead {
    display: none;
  }
}

.mp-seo-banner--placeholder .mp-seo-banner__media img {
  filter: saturate(0.92);
}

.mp-seo-banner__placeholder-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  padding: 9px 16px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--mp-radius);
  background: rgba(12, 18, 34, 0.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: rgba(255, 255, 255, 0.94);
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 8px 24px rgba(12, 18, 34, 0.22);
}

.mp-seo-banner__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  max-width: none;
  width: 100%;
  text-align: center;
}

.mp-seo-banner:not(.mp-seo-banner--has-media) .mp-seo-banner__inner {
  max-width: 720px;
}

.mp-seo-banner__eyebrow {
  display: none !important;
}

.mp-seo-banner__title {
  margin: 0;
  font-size: clamp(1.2rem, 2.2vw, 1.55rem);
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.04em;
  color: var(--mkt-ink, #0c1222);
  line-height: 1.25;
}

.mp-seo-banner__lead {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--mkt-muted, #5b6478);
  max-width: 42ch;
}

.mp-seo-banner__cta {
  margin-top: 4px;
  padding: 10px 18px;
  font-size: 0.9rem;
  letter-spacing: 0.04em;
  text-decoration: none !important;
}

.mp-seo-banner__cta:hover,
.mp-seo-banner__cta:focus,
.mp-seo-banner__cta:focus-visible,
.mp-seo-banner__cta:active,
.mp-seo-banner__cta:visited {
  text-decoration: none !important;
}

@media (min-width: 901px) {
  .mp-seo-banner {
    padding: 28px 32px;
  }

  .mp-seo-banner__layout {
    align-items: stretch;
    gap: 28px;
  }

  .mp-seo-banner--has-media .mp-seo-banner__layout {
    flex-direction: row;
    align-items: center;
  }

  .mp-seo-banner__media {
    flex: 0 0 clamp(220px, 28vw, 280px);
    width: clamp(220px, 28vw, 280px);
    max-width: none;
    margin: 0;
  }

  .mp-seo-banner--has-media .mp-seo-banner__inner {
    align-items: flex-start;
    text-align: left;
  }

  .mp-seo-banner__title {
    font-size: clamp(1.35rem, 2vw, 1.85rem);
  }

  .mp-seo-banner__lead {
    font-size: 1rem;
    max-width: none;
  }

  /* Masa?st? g?rseli: listing gutter??n? iptal ederek kenara kadar (100vw clip sorunu yok) */
  .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media {
    position: relative;
    width: calc(100% + 2 * var(--mp-gutter));
    max-width: none;
    margin-left: calc(-1 * var(--mp-gutter));
    margin-right: calc(-1 * var(--mp-gutter));
    box-sizing: border-box;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
  }

  .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__layout {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: clamp(240px, 30vw, 460px);
    aspect-ratio: 1600 / 540;
    max-height: min(540px, 48vw);
    gap: 0;
  }

  .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__media {
    position: absolute;
    inset: 0;
    flex: none;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    aspect-ratio: auto;
    border-radius: 0;
    align-self: stretch;
  }

  .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__media img,
  .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__media picture {
    width: 100%;
    height: 100%;
  }

  .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__layout::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      180deg,
      rgba(12, 18, 34, 0.18) 0%,
      rgba(12, 18, 34, 0.45) 45%,
      rgba(12, 18, 34, 0.78) 100%
    );
    pointer-events: none;
    z-index: 0;
  }

  .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__inner {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    align-self: center;
    align-items: center;
    width: 100%;
    max-width: min(1040px, 92%);
    margin: 0 auto;
    padding: clamp(28px, 3.5vw, 48px) var(--mp-gutter);
    gap: clamp(12px, 1.4vw, 18px);
    text-align: center;
    color: #fff;
  }

  .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__title {
    color: #fff;
    text-align: center;
    font-size: clamp(1.75rem, 3.2vw, 2.75rem);
    letter-spacing: 0.06em;
    line-height: 1.15;
  }

  .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__lead {
    color: rgba(255, 255, 255, 0.92);
    max-width: min(52rem, 100%);
    width: 100%;
    margin-inline: auto;
    text-align: center;
    font-size: clamp(0.98rem, 1.25vw, 1.15rem);
    line-height: 1.55;
  }

  .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__cta {
    align-self: center;
    margin-inline: auto;
    margin-top: clamp(6px, 0.8vw, 12px);
    padding: clamp(12px, 1.1vw, 16px) clamp(22px, 2.4vw, 34px);
    font-size: clamp(0.95rem, 1.15vw, 1.1rem);
    letter-spacing: 0.06em;
    line-height: 1.25;
    white-space: normal;
  }

  /* Hub: banner / g?ven ?eridi listing ile ayn? tam geni?likte */
  .mp-marka-hub-hero:has(.mp-seo-banner--desktop-bleed),
  .mp-marka-hub-hero:has(.mp-banner-guven) {
    width: calc(100% + 2 * var(--mp-gutter));
    max-width: none;
    margin-left: calc(-1 * var(--mp-gutter));
    margin-right: calc(-1 * var(--mp-gutter));
    box-sizing: border-box;
  }

  .mp-marka-hub-hero:has(.mp-seo-banner--desktop-bleed) .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .mp-marka-hub-hero:has(.mp-seo-banner--desktop-bleed) .mp-marka-hub,
  .mp-marka-hub-hero:has(.mp-banner-guven) .mp-marka-hub {
    padding-inline: var(--mp-gutter);
    box-sizing: border-box;
  }
}

/* Marka hub: banner ?stte, cinsiyet kartlar? hemen alt?nda */
.mp-marka-hub-hero {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: var(--mp-hub-hero-gap, 16px);
}

.mp-marka-hub-hero--listing {
  margin-top: 0;
  margin-bottom: var(--mp-hub-hero-gap, 16px);
}

.mp-marka-hub-hero--cards-only {
  align-items: stretch;
}

/* Banner + cinsiyet kartlar?: her zaman ?st-alt (asla yan yana) */
.mp-marka-hub-hero--stacked {
  flex-direction: column;
  align-items: stretch;
}

.mp-marka-hub-hero--stacked .mp-seo-banner,
.mp-marka-hub-hero--stacked .mp-marka-hub {
  width: 100%;
  flex: none;
}

.mp-marka-hub-hero--cards-only .mp-marka-hub {
  width: 100%;
}

.mp-marka-hub-hero--cards-only .mp-marka-hub__panel {
  width: 100%;
}

/* Hub alt kategori kartlar? ? sabit boy, ortalanm?? */
.mp-marka-hub__grid {
  --hub-card-w: 168px;
  --hub-gap: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: var(--hub-gap);
  width: 100%;
}

.mp-marka-hub__grid > .mp-marka-hub__card {
  flex: 0 0 var(--hub-card-w);
  width: var(--hub-card-w);
  max-width: var(--hub-card-w);
  min-width: 0;
  box-sizing: border-box;
}

@media (min-width: 901px) {
  .mp-marka-hub__grid {
    --hub-card-w: 200px;
    --hub-gap: 16px;
  }

  .mp-marka-hub__card {
    padding: 18px 16px;
  }
}

.mp-marka-hub-hero .mp-seo-banner {
  margin-bottom: 0;
}

.mp-marka-hub-hero .mp-banner-guven + .mp-marka-hub,
.mp-marka-hub-hero .mp-seo-banner + .mp-marka-hub {
  margin-top: var(--mp-hub-hero-gap, 16px);
}

.mp-marka-hub {
  margin: 0;
}

.mp-marka-hub__panel {
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.mp-marka-hub__card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 16px;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  box-shadow: 0 2px 12px rgba(12, 18, 34, 0.04);
  box-sizing: border-box;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.mp-marka-hub__card:hover {
  transform: translateY(-1px);
  border-color: #d5dde8;
  box-shadow: 0 6px 18px rgba(12, 18, 34, 0.08);
}

.mp-marka-hub__layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  height: 100%;
  min-width: 0;
}

.mp-marka-hub__media {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  min-height: 0;
  aspect-ratio: 1;
  border-radius: var(--mp-radius-md, 10px);
  background: linear-gradient(160deg, #f4f6f9 0%, #e9eef5 100%);
  overflow: hidden;
}

.mp-marka-hub__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mp-marka-hub__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #94a3b8;
}

.mp-marka-hub__placeholder svg {
  width: 36px;
  height: 36px;
  opacity: 0.55;
}

.mp-marka-hub__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 0;
  text-align: center;
}

.mp-marka-hub__title {
  margin: 0;
  font-size: 1rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: -0.02em;
  color: var(--mkt-ink, #0c1222);
  line-height: 1.25;
}

.mp-marka-hub__hint {
  font-size: 0.78rem;
  line-height: 1.35;
  color: var(--mkt-muted, #5b6478);
}

@media (min-width: 901px) {
  .mp-listing {
    --mp-hub-hero-gap: clamp(14px, 1.6vw, 20px);
  }

  .mp-marka-hub-hero {
    min-width: 0;
  }

  .mp-marka-hub-hero .mp-seo-banner__inner {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .mp-marka-hub-hero .mp-seo-banner__cta {
    max-width: 100%;
    white-space: normal;
    text-align: left;
    align-self: flex-start;
    box-sizing: border-box;
  }

  .mp-marka-hub-hero .mp-seo-banner--desktop-bleed .mp-seo-banner__cta {
    text-align: center;
    align-self: center;
  }

  /* Dar i?erik s?tunu (sidebar a??k): banner ?stte, kartlar altta ? mobil overlay de?il */
  @container mp-listing-content (max-width: 879px) {
    .mp-marka-hub-hero {
      flex-direction: column;
      gap: 0;
    }

    .mp-marka-hub-hero .mp-seo-banner {
      width: 100%;
    }

    .mp-marka-hub-hero .mp-seo-banner--has-media:not(.mp-seo-banner--desktop-bleed) .mp-seo-banner__layout {
      align-items: stretch;
    }

    .mp-marka-hub-hero .mp-seo-banner--has-media:not(.mp-seo-banner--desktop-bleed) .mp-seo-banner__media {
      flex: 0 0 clamp(220px, 38%, 280px);
      width: clamp(220px, 38%, 280px);
      max-width: 280px;
      align-self: center;
    }

    .mp-marka-hub-hero .mp-seo-banner--has-media:not(.mp-seo-banner--desktop-bleed) .mp-seo-banner__inner {
      flex: 1 1 0;
      min-width: 0;
      justify-content: center;
    }

    .mp-marka-hub-hero .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__layout {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: clamp(200px, 36vw, 320px);
      max-height: none;
      aspect-ratio: 1600 / 540;
    }

    .mp-marka-hub-hero .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__media {
      flex: none;
      width: 100%;
      max-width: none;
      height: 100%;
      align-self: stretch;
      aspect-ratio: auto;
    }

    .mp-marka-hub-hero .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__inner {
      flex: 0 0 auto;
      align-self: center;
      align-items: center;
      max-width: min(820px, 92%);
      text-align: center;
    }

    .mp-marka-hub-hero .mp-marka-hub__panel {
      width: 100%;
      height: auto;
    }
  }

  /* Geni? i?erik s?tunu: banner ?stte tam geni?lik, alt kategori kartlar? altta */
  @container mp-listing-content (min-width: 880px) {
    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) {
      flex-direction: column;
      align-items: stretch;
      gap: 0;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-seo-banner {
      flex: none;
      width: 100%;
      display: block;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-seo-banner__layout {
      flex: none;
      min-height: 0;
      min-width: 0;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-seo-banner--has-media:not(.mp-seo-banner--desktop-bleed) .mp-seo-banner__layout {
      align-items: stretch;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-seo-banner--has-media:not(.mp-seo-banner--desktop-bleed) .mp-seo-banner__media {
      flex: 0 0 clamp(220px, 32%, 300px);
      width: clamp(220px, 32%, 300px);
      max-width: 300px;
      height: auto;
      align-self: flex-start;
      aspect-ratio: 1;
      min-width: 0;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-seo-banner--has-media:not(.mp-seo-banner--desktop-bleed) .mp-seo-banner__inner {
      flex: 1 1 0;
      min-width: 0;
      justify-content: center;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__layout {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: clamp(220px, 26vw, 420px);
      max-height: min(540px, 40vw);
      aspect-ratio: 1600 / 540;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__media {
      flex: none;
      width: 100%;
      max-width: none;
      min-width: 0;
      height: 100%;
      align-self: stretch;
      aspect-ratio: auto;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-seo-banner--desktop-bleed.mp-seo-banner--has-media .mp-seo-banner__inner {
      flex: 0 0 auto;
      align-self: center;
      align-items: center;
      max-width: min(960px, 90%);
      text-align: center;
      justify-content: center;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-marka-hub {
      flex: none;
      width: 100%;
      display: block;
      align-self: stretch;
      min-width: 0;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-marka-hub__panel {
      display: block;
      width: 100%;
      height: auto;
      min-height: 0;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-marka-hub__inner {
      align-items: center;
      text-align: center;
      flex: 0 0 auto;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-marka-hub__title {
      font-size: clamp(1.1rem, 1.4vw, 1.35rem);
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-marka-hub__placeholder svg {
      width: 48px;
      height: 48px;
    }
  }

  @container mp-listing-content (min-width: 880px) and (max-width: 1050px) {
    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-seo-banner:not(.mp-seo-banner--desktop-bleed) {
      padding: 22px 24px;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-seo-banner:not(.mp-seo-banner--desktop-bleed) .mp-seo-banner__lead {
      font-size: 0.92rem;
    }

    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-seo-banner--has-media:not(.mp-seo-banner--desktop-bleed) .mp-seo-banner__media {
      min-width: clamp(180px, 28%, 240px);
      max-width: min(260px, 44%);
    }
  }

  @container mp-listing-content (min-width: 1100px) {
    .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-seo-banner--has-media:not(.mp-seo-banner--desktop-bleed) .mp-seo-banner__media {
      min-width: 240px;
      max-width: 300px;
    }
  }
}

@media (max-width: 900px) {
  /* Mobil overlay banner da men?ye yap???k */
  .mp-listing:has(.mp-seo-banner--has-media),
  .mp-listing:has(.mp-banner-guven) {
    padding-top: 0;
  }

  /* Banner / g?ven ?eridi yokken ba?l?k kutusu men?ye yap??mas?n */
  .mp-listing:not(:has(.mp-seo-banner--has-media)):not(:has(.mp-banner-guven)) {
    padding-top: var(--mp-hub-hero-gap, 16px);
  }

  .mp-listing__content > .mp-listing__head:first-child {
    margin-top: 0;
  }

  .mp-seo-banner {
    margin-inline: calc(-1 * var(--mp-gutter));
    width: calc(100% + 2 * var(--mp-gutter));
    border-radius: 0;
    border-left: none;
    border-right: none;
    box-shadow: none;
  }

  .mp-seo-banner:not(.mp-seo-banner--has-media) {
    padding: 20px var(--mp-gutter);
  }

  .mp-seo-banner--has-media {
    padding: 0;
    background: transparent;
    border: none;
    overflow: hidden;
  }

  .mp-seo-banner--has-media .mp-seo-banner__layout {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    min-height: clamp(280px, 72vw, 380px);
    gap: 0;
  }

  .mp-seo-banner--has-media .mp-seo-banner__media {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    aspect-ratio: auto;
    border-radius: 0;
  }

  .mp-seo-banner--has-media .mp-seo-banner__layout::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      180deg,
      rgba(12, 18, 34, 0.1) 0%,
      rgba(12, 18, 34, 0.45) 45%,
      rgba(12, 18, 34, 0.82) 100%
    );
    pointer-events: none;
  }

  .mp-seo-banner--has-media .mp-seo-banner__inner {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    align-self: stretch;
    align-items: center;
    width: 100%;
    margin-top: auto;
    padding: 20px var(--mp-gutter) 24px;
    text-align: center;
    color: #fff;
  }

  .mp-seo-banner--has-media .mp-seo-banner__title {
    color: #fff;
  }

  .mp-seo-banner--has-media .mp-seo-banner__lead {
    display: block;
    color: rgba(255, 255, 255, 0.9);
    max-width: min(36rem, 100%);
    margin: 0 auto;
    text-align: center;
    font-size: clamp(0.86rem, 3.4vw, 0.98rem);
    line-height: 1.5;
  }

  .mp-seo-banner--placeholder .mp-seo-banner__placeholder-badge {
    top: 40%;
  }

  /* Hub: mobilde banner tam geni?lik overlay stili, cinsiyet kartlar? altta e?it geni?likte */
  .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) {
    margin-inline: calc(-1 * var(--mp-gutter));
    width: calc(100% + 2 * var(--mp-gutter));
    gap: 0;
  }

  .mp-marka-hub-hero .mp-seo-banner {
    margin-inline: 0;
    width: 100%;
  }

  .mp-marka-hub-hero:not(.mp-marka-hub-hero--cards-only) .mp-marka-hub {
    padding-inline: var(--mp-gutter);
  }

  /* Hub alt kategori kartlar?: mobilde 2 e?it sabit s?tun, ortada */
  .mp-marka-hub__grid {
    --hub-gap: 8px;
    --hub-card-w: calc((100% - var(--hub-gap)) / 2);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--hub-gap);
    width: 100%;
    max-width: none;
    margin-inline: 0;
    align-items: stretch;
  }

  .mp-marka-hub__grid:has(> .mp-marka-hub__card:only-child) {
    --hub-card-w: 100%;
  }

  .mp-marka-hub__card {
    padding: 12px 8px;
  }

  .mp-marka-hub__layout {
    flex: 1 1 auto;
  }

  .mp-marka-hub__inner {
    margin-top: auto;
  }

  .mp-marka-hub__title {
    font-size: 0.78rem;
    line-height: 1.2;
  }

  .mp-marka-hub__hint {
    font-size: 0.65rem;
  }

  .mp-marka-hub__placeholder svg {
    width: 28px;
    height: 28px;
  }
}

.mp-listing__head {
  margin-bottom: var(--mp-hub-hero-gap, 16px);
  padding: 22px 24px;
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  box-shadow: none;
}

.mp-listing__head + .mp-empty,
.mp-listing__head + .mp-grid {
  margin-top: 0;
}

.mp-listing__head:not(.mp-listing__head--store) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.mp-listing__head:not(.mp-listing__head--store) .mp-listing__head-row {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
}

.mp-listing__head:not(.mp-listing__head--store) .mp-listing__head-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 40rem;
  margin-inline: auto;
  text-align: center;
}

.mp-listing__head:not(.mp-listing__head--store) .mp-listing__eyebrow,
.mp-listing__head:not(.mp-listing__head--store) .mp-listing__title,
.mp-listing__head:not(.mp-listing__head--store) .mp-listing__count {
  width: 100%;
  text-align: center;
}

.mp-listing__head:not(.mp-listing__head--store) .mp-listing__eyebrow {
  margin: 0 0 8px;
}

.mp-listing__head:not(.mp-listing__head--store) .mp-listing__title {
  margin: 0 0 8px;
}

.mp-listing__head:not(.mp-listing__head--store) .mp-listing__count {
  display: flex;
  justify-content: center;
  margin: 0;
}

.mp-listing__head:not(.mp-listing__head--store) .mp-listing__filter-btn {
  position: absolute;
  top: 0;
  right: 0;
}

.mp-listing__eyebrow {
  margin: 0 0 6px;
  font-size: 0.75rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent, #0f766e);
}

.mp-listing__title {
  margin: 0 0 6px;
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: -0.03em;
  color: var(--mkt-ink, #0c1222);
}

.mp-subcat-nav {
  margin: 10px 0 4px;
}

.mp-subcat-nav__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mp-subcat-nav__chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: var(--mp-radius);
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #f8fafc;
  color: var(--mkt-ink, #0c1222);
  font-size: 0.84rem;
  font-weight: var(--mp-fw-nav-active);
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.mp-subcat-nav__chip:hover {
  background: #fafbfc;
  border-color: #e2e8f0;
}

.mp-subcat-nav__chip.is-active {
  background: #f0fdfa;
  border-color: #5eead4;
  color: #0f766e;
}

.mp-subcat-nav__parent {
  margin-left: auto;
  font-size: 0.82rem;
  text-decoration: none;
}

.mp-listing__count {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0;
  font-size: 0.88rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-listing-infinite {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-height: 1px;
  padding: 8px 0 24px;
}

.mp-listing-infinite[hidden] {
  display: none;
}

.mp-listing-infinite__sentinel {
  width: 100%;
  height: 1px;
  pointer-events: none;
}

.mp-listing-infinite__status {
  margin: 0;
  font-size: 0.86rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-verified-badge,
.mp-listing__count .mp-card__verified {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: var(--mp-radius);
  background: #eff6ff;
  border: 1px solid rgba(37, 99, 235, 0.28);
  color: #1d4ed8;
  font-size: 0.78rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.25;
}

.mp-verified-badge .ui-icon,
.mp-listing__count .mp-card__verified .ui-icon {
  width: 14px;
  height: 14px;
  color: #2563eb;
}

.mp-listing__back {
  display: inline-flex;
  margin-top: 0;
  padding: 7px 12px;
  font-size: 0.8rem;
}

.mp-listing__stat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.mp-listing__stat .ui-icon {
  width: 14px;
  height: 14px;
}

.mp-listing__store-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-listing__search {
  margin-top: 16px;
  max-width: 520px;
}

.mp-listing__search .mp-header__search {
  width: 100%;
}

/* Ma?aza vitrini ? ?st ba?l?k tam sayfa geni?li?i */
.mp-listing > .mp-listing__head--store {
  width: 100%;
  margin-bottom: clamp(20px, 2.5vw, 28px);
}

.mp-listing__head--store .mp-listing__search {
  max-width: none;
}

.mp-listing__head--store .mp-magaza-cats {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-listing__head--store .mp-magaza-cats .mp-subcat-nav__inner {
  gap: 8px;
}

.mp-listing__head--store .mp-magaza-cats .mp-subcat-nav__parent {
  margin-left: 0;
  margin-right: 4px;
}

.mp-subcat-nav__chip--has-sub::after {
  content: '';
  display: inline-block;
  width: 0.35em;
  height: 0.35em;
  margin-left: 0.45em;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg);
  opacity: 0.55;
  translate: 0 -0.05em;
}

.mp-listing__content > .mp-marka-hub {
  margin: 0 0 clamp(16px, 2vw, 24px);
}

@media (max-width: 600px) {
  .mp-listing__head--store {
    padding: 14px;
    margin-bottom: 14px;
  }

  .mp-listing__head--store .mp-listing__head-row {
    align-items: flex-start;
    gap: 10px;
  }

  .mp-listing__head--store .mp-listing__eyebrow {
    margin-bottom: 4px;
    font-size: 0.7rem;
  }

  .mp-listing__head--store .mp-listing__title {
    font-size: 1.125rem;
    line-height: 1.3;
    margin-bottom: 8px;
    overflow-wrap: anywhere;
  }

  .mp-listing__head--store .mp-listing__count {
    gap: 6px 8px;
    font-size: 0.8125rem;
    line-height: 1.35;
  }

  .mp-listing__head--store .mp-listing__stat {
    white-space: nowrap;
  }

  .mp-listing__head--store .mp-listing__filter-btn {
    height: 36px;
    padding: 0 10px;
    font-size: 0.78rem;
  }

  .mp-listing__head--store .mp-listing__search {
    margin-top: 12px;
  }

  .mp-listing__head--store .mp-header__search {
    height: 44px;
    min-height: 44px;
  }

  .mp-listing__head--store .mp-magaza-cats {
    margin: 10px -14px 0;
    padding: 12px 14px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .mp-listing__head--store .mp-magaza-cats::-webkit-scrollbar {
    display: none;
  }

  .mp-listing__head--store .mp-subcat-nav__inner {
    flex-wrap: nowrap;
    gap: 6px;
    padding-bottom: 2px;
  }

  .mp-listing__head--store .mp-subcat-nav__chip {
    flex-shrink: 0;
    padding: 8px 14px;
    font-size: 0.8125rem;
    min-height: 36px;
  }

  .mp-listing__head--store .mp-listing__store-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
  }

  .mp-listing__head--store .mp-listing__back,
  .mp-listing__head--store .mp-listing__follow-btn {
    justify-content: center;
    width: 100%;
    min-height: 40px;
    padding: 10px 14px;
    font-size: 0.84rem;
  }

  .mp-listing__head--store .mp-listing__follow-form {
    width: 100%;
  }

  .mp-listing__head--store .mp-listing__follow-form .mp-listing__follow-btn {
    width: 100%;
  }
}

.mp-listing__follow-form {
  margin: 0;
}

.mp-listing__follow-btn.is-active[disabled] {
  border-color: #5eead4;
  background: #f0fdfa;
  color: #0f766e;
  opacity: 1;
  cursor: default;
}

/* Filtre ara? ?ubu?u */
.mp-toolbar {
  padding: 0 var(--mp-gutter) 16px;
  position: sticky;
  top: var(--mp-top-h);
  z-index: 50;
}

.mp-toolbar__inner {
  width: 100%;
  max-width: var(--mp-max);
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 18px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  box-shadow: 0 4px 20px rgba(12, 18, 34, 0.05);
  backdrop-filter: blur(10px);
}

.mp-toolbar__head {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mp-toolbar__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-toolbar__count {
  margin: 0;
  font-size: 0.82rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
}

.mp-filters__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mp-filters__label {
  font-size: var(--mp-text-xs);
  font-weight: var(--mp-fw-nav);
  color: var(--mkt-muted, #5b6478);
  text-transform: uppercase;
  letter-spacing: var(--mp-ls-catnav);
}

.mp-filters__select {
  min-width: 150px;
  padding: 9px 12px;
  border-radius: var(--mp-radius);
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #fff;
  font: inherit;
  font-size: 0.88rem;
  cursor: pointer;
}

.mp-filters__clear {
  margin-bottom: 1px;
}

/* ?r?n katalo?u */
.mp-catalog {
  padding-right: var(--mp-gutter);
  padding-bottom: 40px;
  padding-left: var(--mp-gutter);
}

.mp-catalog__inner {
  width: 100%;
  max-width: var(--mp-max);
  margin: 0;
}

.mp-catalog__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-catalog__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mkt-ink, #0c1222);
}

.mp-catalog__lead {
  margin: clamp(10px, 1.4vw, 14px) 0 0;
  font-size: clamp(0.875rem, 1.2vw, 0.9375rem);
  font-weight: var(--mp-fw-nav);
  line-height: 1.55;
  color: #64748b;
  text-transform: none;
  letter-spacing: normal;
}

.mp-catalog__count {
  margin: 0;
  font-size: 0.88rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-catalog__block + .mp-catalog__block,
.mp-catalog__block + .mp-promo-stack,
.mp-catalog__block + .mp-brand-vitrin,
.mp-catalog__block + .mp-cats--marquee,
.mp-promo-stack + .mp-catalog__block,
.mp-promo-stack + .mp-brand-vitrin,
.mp-coupons + .mp-brand-vitrin,
.mp-coupons + .mp-catalog__block,
.mp-home-banners + .mp-catalog__block,
.mp-home-banners + .mp-brand-vitrin,
.mp-brand-vitrin + .mp-catalog__block,
.mp-catalog__block + .mp-video-vitrin,
.mp-video-vitrin + .mp-cats--marquee,
.mp-catalog__block + .mp-quad-banners,
.mp-cats--marquee + .mp-catalog__block {
  margin-top: clamp(20px, 2.5vw, 32px);
}

/* Banner alt? g?ven ?eridi ? banner ile birle?ik kutu, arada bo?luk yok */
.mp-banner-guven {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
  border: none;
  border-top: 1px solid #eef1f5;
  border-bottom: 1px solid #eef1f5;
  border-radius: 0;
  box-shadow: none;
}

/* Banner yokken de listing gutter??n? iptal et ? sayfa geni?li?i */
.mp-listing__content > .mp-banner-guven,
.mp-marka-hub-hero > .mp-banner-guven {
  width: calc(100% + 2 * var(--mp-gutter));
  max-width: none;
  margin-left: calc(-1 * var(--mp-gutter));
  margin-right: calc(-1 * var(--mp-gutter));
  box-sizing: border-box;
  border-radius: 0;
  box-shadow: none;
}

/* Hub d???nda tek ba??na durunca alt bo?luk di?er b?l?mlerle ayn? */
.mp-listing__content > .mp-banner-guven {
  margin-bottom: var(--mp-hub-hero-gap, 16px);
}

/* Hub i?indeyken (mobil dahil) g?ven ?eridiyle birlikte kenara kadar */
.mp-marka-hub-hero:has(> .mp-banner-guven) {
  width: calc(100% + 2 * var(--mp-gutter));
  max-width: none;
  margin-left: calc(-1 * var(--mp-gutter));
  margin-right: calc(-1 * var(--mp-gutter));
  box-sizing: border-box;
}

.mp-marka-hub-hero:has(> .mp-banner-guven) > .mp-banner-guven {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.mp-marka-hub-hero:has(> .mp-banner-guven) .mp-marka-hub {
  padding-inline: var(--mp-gutter);
  box-sizing: border-box;
}

.mp-seo-banner + .mp-banner-guven {
  margin-top: 0;
}

.mp-seo-banner--desktop-bleed + .mp-banner-guven {
  border-left: none;
  border-right: none;
  border-radius: 0;
  box-shadow: none;
  border-top: 1px solid #eef1f5;
  border-bottom: 1px solid #eef1f5;
  background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
}

@media (min-width: 901px) {
  .mp-listing .mp-banner-guven,
  .mp-marka-hub-hero .mp-banner-guven {
    border-left: none;
    border-right: none;
    border-radius: 0;
    box-shadow: none;
    border-top: 1px solid #eef1f5;
    border-bottom: 1px solid #eef1f5;
    background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
  }

  .mp-listing:has(.mp-banner-guven),
  .mp-listing:has(.mp-seo-banner--desktop-bleed),
  .mp-listing:has(.mp-marka-hub-hero .mp-seo-banner--desktop-bleed) {
    padding-top: 0;
  }
}

.mp-banner-guven__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  width: 100%;
  max-width: none;
  margin: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
}

.mp-banner-guven__card {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0;
  min-height: 0;
  padding: 8px 12px;
  text-align: right;
  background: transparent;
  box-sizing: border-box;
}

.mp-banner-guven__card + .mp-banner-guven__card {
  align-items: flex-start;
  text-align: left;
  border-top: none;
  border-left: 1px solid var(--mkt-line, #e8ecf2);
  background: transparent;
}

.mp-banner-guven__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  width: 100%;
  max-width: 28rem;
  min-width: 0;
  text-align: right;
}

.mp-banner-guven__card + .mp-banner-guven__card .mp-banner-guven__copy {
  align-items: flex-start;
  text-align: left;
}

.mp-banner-guven__title {
  margin: 0;
  width: 100%;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--brand-ink, #0b1220);
  line-height: 1.25;
  text-align: inherit;
}

.mp-banner-guven__text {
  display: none;
  margin: 0;
  width: 100%;
  max-width: 28rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #64748b;
  text-align: inherit;
}

@media (min-width: 720px) {
  .mp-banner-guven__card {
    min-height: 72px;
    padding: 18px clamp(20px, 3vw, 40px);
  }

  .mp-banner-guven__copy {
    gap: 4px;
  }

  .mp-banner-guven__title {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.25;
    text-align: inherit;
    color: var(--brand-ink, #0b1220);
  }

  .mp-banner-guven__text {
    display: block;
    font-size: 0.72rem;
    line-height: 1.4;
    text-align: inherit;
    color: #64748b;
  }
}

.mp-brand-vitrin {
  margin-top: 0;
}

.mp-brand-vitrin__highlights {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: none;
  margin: 0 0 clamp(16px, 2vw, 24px);
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  overflow: hidden;
}

@media (min-width: 768px) {
  .mp-brand-vitrin__highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.mp-brand-vitrin__highlight {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: clamp(16px, 2.2vw, 22px) clamp(16px, 2.5vw, 24px);
  text-align: left;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.mp-brand-vitrin__highlight + .mp-brand-vitrin__highlight {
  border-top: 1px solid var(--mkt-line, #e8ecf2);
}

@media (min-width: 768px) {
  .mp-brand-vitrin__highlight + .mp-brand-vitrin__highlight {
    border-top: none;
    border-left: 1px solid var(--mkt-line, #e8ecf2);
  }
}

.mp-brand-vitrin__highlight-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: var(--mp-radius);
  background: var(--accent-soft, #f0fdfa);
  color: var(--accent, #0f766e);
  border: 1px solid rgba(15, 118, 110, 0.14);
}

.mp-brand-vitrin__highlight-icon .ui-icon {
  width: 16px;
  height: 16px;
}

.mp-brand-vitrin__highlight-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.mp-brand-vitrin__highlight-title {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mkt-ink, #0c1222);
  line-height: 1.3;
  text-align: left;
}

.mp-brand-vitrin__highlight-title::before,
.mp-brand-vitrin__highlight-title::after {
  content: none;
}

.mp-brand-vitrin__highlight-text {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav);
  line-height: 1.5;
  color: var(--mkt-muted, #64748b);
  max-width: none;
}

.mp-brand-vitrin .mp-cat-carousel {
  margin-top: 0;
}

.mp-brand-vitrin .mp-grid--cat-cards {
  --mp-brand-carousel-gap: 16px;
  gap: var(--mp-brand-carousel-gap);
}

/* Pop?ler marka kartlar? ? g?rsel ?st? overlay + CTA */
.mp-brand-vitrin .mp-cat-card--brand {
  border: none;
  border-radius: var(--mp-radius);
  box-shadow: 0 4px 18px rgba(12, 18, 34, 0.08);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}

.mp-brand-vitrin .mp-cat-card--brand:hover {
  border-color: transparent;
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(12, 18, 34, 0.16);
}

.mp-brand-vitrin .mp-cat-card--brand.is-active {
  box-shadow:
    0 0 0 2px rgba(15, 118, 110, 0.55),
    0 8px 24px rgba(15, 118, 110, 0.14);
}

.mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__media {
  aspect-ratio: 3 / 4;
}

.mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__media img {
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mp-brand-vitrin .mp-cat-card--brand:hover .mp-cat-card__media img {
  transform: scale(1.07);
}

.mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(12, 18, 34, 0) 30%,
    rgba(12, 18, 34, 0.45) 62%,
    rgba(12, 18, 34, 0.9) 100%
  );
  transition: background 0.32s ease;
  pointer-events: none;
}

.mp-brand-vitrin .mp-cat-card--brand:hover .mp-cat-card__overlay {
  background: linear-gradient(
    180deg,
    rgba(12, 18, 34, 0.08) 18%,
    rgba(12, 18, 34, 0.58) 58%,
    rgba(12, 18, 34, 0.94) 100%
  );
}

.mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__content {
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 18px 12px 14px;
  text-align: center;
}

.mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__label {
  color: #fff;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.02em;
  text-transform: none;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}

.mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(6px);
  color: #fff;
  font-size: 0.625rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    transform 0.22s ease;
}

.mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__cta .ui-icon {
  width: 12px;
  height: 12px;
  transition: transform 0.22s ease;
}

.mp-brand-vitrin .mp-cat-card--brand:hover .mp-cat-card__cta {
  background: #fff;
  border-color: #fff;
  color: #0c1222;
  transform: translateY(-1px);
}

.mp-brand-vitrin .mp-cat-card--brand:hover .mp-cat-card__cta .ui-icon {
  transform: translateX(2px);
}

.mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__placeholder {
  background: linear-gradient(145deg, #475569 0%, #1e293b 100%);
  color: rgba(255, 255, 255, 0.45);
}

/* Marka / kategori kart carousel */
.mp-cat-carousel {
  margin-top: 0;
}

.mp-grid--cat-cards > .mp-cat-card {
  flex: 0 0 200px;
  width: 200px;
  scroll-snap-align: start;
}

.mp-cat-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 2px 12px rgba(12, 18, 34, 0.04);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.mp-cat-card:hover {
  border-color: var(--mp-hover-accent-border);
  box-shadow: var(--mp-hover-shadow-card);
  transform: none;
}

.mp-cat-card.is-active {
  border-color: rgba(15, 118, 110, 0.45);
  box-shadow: 0 0 0 1px rgba(15, 118, 110, 0.3);
}

.mp-cat-card__media {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f8fafc;
}

.mp-cat-card__media img,
.mp-cat-card__placeholder {
  position: absolute;
  inset: 0;
}

.mp-cat-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mp-cat-card__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  background: #f1f5f9;
}

.mp-cat-card__placeholder .ui-icon {
  width: 32px;
  height: 32px;
}

.mp-cat-card__foot {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 12px;
  border-top: 1px solid #f1f5f9;
}

.mp-cat-card__label {
  min-width: 0;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.3;
  color: var(--mkt-ink, #0c1222);
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 641px) {
  .mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__media {
    aspect-ratio: 3 / 4;
  }

  .mp-brand-vitrin .mp-grid-carousel .mp-grid-scroll {
    container-type: inline-size;
  }

  .mp-brand-vitrin .mp-grid--cat-cards {
    --mp-brand-carousel-gap: 16px;
    gap: var(--mp-brand-carousel-gap);
  }

  .mp-brand-vitrin .mp-grid--cat-cards > .mp-cat-card {
    flex: 0 0 calc((100cqw - 5 * var(--mp-brand-carousel-gap)) / 6);
    width: calc((100cqw - 5 * var(--mp-brand-carousel-gap)) / 6);
  }
}

@media (max-width: 640px) {
  .mp-brand-vitrin .mp-cat-carousel {
    margin-inline: calc(-1 * var(--mp-gutter));
    width: calc(100% + 2 * var(--mp-gutter));
  }

  .mp-brand-vitrin .mp-grid-carousel .mp-grid-scroll {
    container-type: inline-size;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--mp-gutter);
    padding-inline: var(--mp-gutter);
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .mp-brand-vitrin .mp-grid-carousel .mp-grid-scroll::-webkit-scrollbar {
    display: none;
  }

  .mp-brand-vitrin .mp-grid--cat-cards {
    --mp-brand-carousel-gap: 12px;
    gap: var(--mp-brand-carousel-gap);
    width: max-content;
  }

  .mp-brand-vitrin .mp-grid--cat-cards > .mp-cat-card {
    flex: 0 0 calc((100vw - 2 * var(--mp-gutter) - var(--mp-brand-carousel-gap)) / 2);
    width: calc((100vw - 2 * var(--mp-gutter) - var(--mp-brand-carousel-gap)) / 2);
    scroll-snap-align: start;
  }

  @supports (width: 100cqw) {
    .mp-brand-vitrin .mp-grid--cat-cards > .mp-cat-card {
      flex: 0 0 calc((100cqw - 2 * var(--mp-gutter) - var(--mp-brand-carousel-gap)) / 2);
      width: calc((100cqw - 2 * var(--mp-gutter) - var(--mp-brand-carousel-gap)) / 2);
    }
  }

  .mp-brand-vitrin .mp-grid-carousel__nav {
    display: none !important;
  }

  .mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__content {
    gap: 8px;
    padding: 12px 8px 10px;
  }

  .mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__label {
    font-size: 0.6875rem;
    letter-spacing: 0.08em;
  }

  .mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__cta {
    min-height: 26px;
    padding: 0 10px;
    font-size: 0.5625rem;
    letter-spacing: 0.04em;
  }

  .mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__cta .ui-icon {
    width: 10px;
    height: 10px;
  }

  .mp-grid--cat-cards > .mp-cat-card {
    flex-basis: 168px;
    width: 168px;
  }

  .mp-cat-card__foot {
    min-height: 40px;
    padding: 8px 10px;
  }

  .mp-cat-card__label {
    font-size: 0.75rem;
  }
}

.mp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: clamp(14px, 1.5vw, 20px);
}

.mp-grid--compact {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.mp-grid-carousel {
  position: relative;
  width: 100%;
}

.mp-grid-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 2px 0;
}

.mp-grid-carousel[data-mp-carousel-peek] .mp-grid-scroll {
  scroll-behavior: auto;
  scroll-snap-type: none;
}

.mp-grid-scroll::-webkit-scrollbar {
  display: none;
}

.mp-grid-carousel__nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: 50%;
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  box-shadow: 0 4px 16px rgba(12, 18, 34, 0.1);
  cursor: pointer;
  transform: translateY(-50%);
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.mp-grid-carousel__nav:hover:not(:disabled) {
  background: #f8fafc;
  border-color: rgba(12, 18, 34, 0.14);
  box-shadow: 0 6px 20px rgba(12, 18, 34, 0.12);
}

.mp-grid-carousel__nav:disabled,
.mp-grid-carousel__nav[hidden] {
  display: none !important;
}

.mp-grid-carousel__nav .ui-icon {
  width: 18px;
  height: 18px;
}

.ui-icon.mp-grid-carousel__icon--flip,
.mp-grid-carousel__icon--flip > .ui-icon {
  transform: rotate(180deg);
}

.mp-grid-carousel__nav--prev {
  left: -6px;
}

.mp-grid-carousel__nav--next {
  right: -6px;
}

/* ?r?n carousel ? kenardan kenara (yan bo?luk yok) */
.mp-catalog__block .mp-grid-carousel {
  margin-inline: calc(-1 * var(--mp-gutter));
  width: calc(100% + 2 * var(--mp-gutter));
}

/* ?r?n carousel ? oklar ?st ortada */
.mp-catalog__block .mp-grid-carousel {
  padding-top: 36px;
}

.mp-catalog__block .mp-grid-carousel:not(:has(.mp-grid-carousel__nav:not([hidden]))) {
  padding-top: 0;
}

.mp-catalog__block .mp-grid-carousel__nav {
  top: 0;
  transform: none;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--mkt-ink, #0c1222);
}

.mp-catalog__block .mp-grid-carousel__nav:hover:not(:disabled) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  opacity: 0.55;
}

.mp-catalog__block .mp-grid-carousel__nav--prev {
  left: 50%;
  right: auto;
  margin-left: -36px;
}

.mp-catalog__block .mp-grid-carousel__nav--next {
  right: auto;
  left: 50%;
  margin-left: 4px;
}

.mp-catalog__block .mp-grid-carousel__nav[hidden] {
  display: inline-flex !important;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

.mp-grid--horizontal {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  width: max-content;
}

.mp-grid--horizontal > .mp-card {
  flex: 0 0 300px;
  width: 300px;
  scroll-snap-align: start;
}

/*
 * Carousel peek ? yar?m + tam + yar?m (simetrik kenar).
 * Geni?lik/margin/gap: marketplace.js ? initProductCarouselPeek().
 */
.mp-grid-carousel[data-mp-carousel-peek] {
  /* JS ?al??madan ?nce de ayn? ?l??yle ba?la (layout shift olmas?n). */
  --mp-peek-gap: 16px;
  --mp-peek-card: 300px;
  --mp-peek-half: calc(var(--mp-peek-card) / 2);
}

.mp-grid-carousel[data-mp-carousel-peek] .mp-grid-scroll {
  overflow-x: auto;
  scroll-snap-type: none;
  -webkit-overflow-scrolling: touch;
}

.mp-grid-carousel[data-mp-carousel-peek] .mp-grid--horizontal {
  width: max-content;
  gap: var(--mp-peek-gap);
}

.mp-grid-carousel[data-mp-carousel-peek] .mp-grid--horizontal > .mp-card,
.mp-grid-carousel[data-mp-carousel-peek] .mp-grid--horizontal > .mp-cat-card {
  scroll-snap-align: unset;
  box-sizing: border-box;
  flex: 0 0 var(--mp-peek-card);
  width: var(--mp-peek-card);
  min-width: var(--mp-peek-card);
  max-width: var(--mp-peek-card);
}

.mp-grid-carousel[data-mp-carousel-peek] .mp-card__media,
.mp-grid-carousel[data-mp-carousel-peek] .mp-card__media img {
  max-width: 100%;
}

@media (max-width: 640px) {
  .mp-grid-carousel[data-mp-carousel-peek] {
    container-type: inline-size;
    --mp-peek-gap: 12px;
    /* 1 tam + 2 yar?m: viewW = 2*card + 2*gap */
    --mp-peek-card: calc((100vw - (2 * var(--mp-peek-gap))) / 2);
    --mp-peek-half: calc(var(--mp-peek-card) / 2);
  }

  @supports (width: 100cqw) {
    .mp-grid-carousel[data-mp-carousel-peek] .mp-grid-scroll {
      --mp-peek-card: calc((100cqw - (2 * var(--mp-peek-gap))) / 2);
    }
  }

  .mp-grid-carousel[data-mp-carousel-peek] .mp-grid-scroll {
    scroll-snap-type: none;
    scroll-padding-inline: 0;
  }

  .mp-grid-carousel[data-mp-carousel-peek] .mp-grid--horizontal > .mp-card,
  .mp-grid-carousel[data-mp-carousel-peek] .mp-grid--horizontal > .mp-cat-card {
    scroll-snap-align: unset;
  }

  .mp-grid-carousel[data-mp-carousel-peek] .mp-grid--horizontal {
    padding-inline: 0;
  }

  .mp-grid-carousel.is-mp-carousel-infinite[data-mp-carousel-peek] .mp-grid--horizontal {
    padding-inline: calc((100cqw - var(--mp-peek-card)) / 2);
  }

  .mp-grid-carousel.is-mp-carousel-infinite[data-mp-carousel-peek]:not(.is-mp-peek-ready) .mp-grid-scroll {
    opacity: 0;
  }

  .mp-grid-carousel.is-mp-carousel-infinite[data-mp-carousel-peek].is-mp-peek-ready .mp-grid-scroll {
    opacity: 1;
  }
}

/* Carousel ? sonsuz d?ng? */
.mp-grid-carousel.is-mp-carousel-infinite .mp-grid-scroll {
  scroll-snap-type: none;
}

.mp-grid-carousel.is-mp-carousel-infinite:not([data-mp-carousel-peek]) .mp-grid-carousel__nav[hidden] {
  display: none !important;
}

.mp-grid-carousel.is-mp-carousel-marquee .mp-grid-scroll {
  overflow: hidden;
  scroll-snap-type: none;
  mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
}

.mp-grid-carousel.is-mp-carousel-marquee .mp-grid--horizontal {
  animation: mp-product-carousel-scroll var(--mp-carousel-marquee-duration, 60s) linear infinite;
  will-change: transform;
}

.mp-grid-carousel.is-mp-carousel-marquee .mp-grid--horizontal:hover {
  animation-play-state: paused;
}

.mp-grid-carousel.is-mp-carousel-marquee .mp-grid--horizontal > .mp-card:first-child {
  margin-left: 0;
}

.mp-grid-carousel.is-mp-carousel-marquee .mp-grid--horizontal {
  padding-right: 0;
}

@keyframes mp-product-carousel-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .mp-grid-carousel.is-mp-carousel-marquee .mp-grid-scroll {
    overflow-x: auto;
    scroll-snap-type: x proximity;
    mask-image: none;
  }

  .mp-grid-carousel.is-mp-carousel-marquee .mp-grid--horizontal {
    animation: none;
    will-change: auto;
  }

  .mp-grid-carousel.is-mp-carousel-marquee .mp-grid--horizontal > .mp-card:first-child {
    margin-left: calc(var(--mp-carousel-card-w) / -2);
  }

  .mp-grid-carousel.is-mp-carousel-marquee .mp-grid--horizontal {
    padding-right: calc(var(--mp-carousel-card-w) / 2);
  }
}

/* ?r?n kart? */
.mp-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  container-type: inline-size;
  container-name: mp-card;
  --mp-card-pad: clamp(8px, 4cqw, 12px);
  --mp-card-title: clamp(0.7rem, 4.2cqw, 0.875rem);
  --mp-card-price: clamp(0.92rem, 5.2cqw, 1.1rem);
  --mp-card-hint: clamp(0.62rem, 3.4cqw, 0.75rem);
  --mp-card-icon-h: clamp(30px, 11cqw, 38px);
  --mp-card-icon-size: clamp(15px, 5cqw, 19px);
  --mp-card-brand-max-w: clamp(96px, 38cqw, 148px);
  --mp-card-brand-max-h: clamp(28px, 11cqw, 44px);
  --mp-card-renk-h: clamp(20px, 9.5cqw, 26px);
  --mp-card-renk-font: clamp(0.56rem, 3.2cqw, 0.68rem);
  --mp-card-renk-icon-w: clamp(16px, 8cqw, 22px);
  --mp-card-renk-icon-h: clamp(10px, 5.2cqw, 14px);
  --mp-card-renk-inset: clamp(4px, 2.2cqw, 8px);
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(12, 18, 34, 0.04);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.mp-card:hover {
  transform: none;
  border-color: var(--mp-hover-accent-border);
  box-shadow: var(--mp-hover-shadow-card);
}

.mp-card__media-wrap {
  position: relative;
  flex-shrink: 0;
}

.mp-card__media {
  position: relative;
  display: block;
  aspect-ratio: 5 / 4;
  background: #fff;
  overflow: hidden;
}

.mp-card__media .catalog-card__media {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border-radius: 0;
  display: block;
  background: #fff;
  overflow: hidden;
}

/* app.css gradient / cover kurallar?n? ge?ersiz k?l */
.mp-card__media .catalog-card__media img,
.mp-card__media .catalog-card__img,
.mp-card__media img:not(.mp-card__media-swap-img) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: transform 0.25s ease;
}

.mp-card__media .catalog-card__media--avatar img.catalog-card__media-avatar,
.mp-card__media .catalog-card__media--placeholder img.catalog-card__media-avatar {
  max-width: none;
  max-height: none;
  padding: 0;
}

.mp-card__media .catalog-card__media::after {
  display: none;
}

.mp-card__media-swap {
  display: grid;
  grid-template: 1fr / 1fr;
  width: 100%;
  height: 100%;
  transition: transform 0.25s ease;
}

.mp-card__media-swap-img {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: opacity 0.28s ease;
}

.mp-card__media-swap-img--hover {
  opacity: 0;
}

.mp-card:hover .mp-card__media:not(:has(.mp-card__media-swap)):not(:has(.catalog-card__media--avatar)):not(:has(.catalog-card__media--placeholder)) img {
  transform: none;
}

.mp-card:hover .mp-card__media-swap {
  transform: none;
}

.mp-card:hover .mp-card__media-swap-img--primary {
  opacity: 0;
}

.mp-card:hover .mp-card__media-swap-img--hover {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .mp-card__media-swap-img,
  .mp-card__media-swap {
    transition: none;
  }

  .mp-card:hover .mp-card__media-swap {
    transform: none;
  }
}

.mp-card__badge--buybox {
  background: rgba(12, 18, 34, 0.78);
}

.mp-card__buybox-hint {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.3;
  text-align: center;
}

.mp-card__buybox-hint--price {
  color: var(--mkt-ink, #0c1222);
  font-size: 1.1rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.mp-card__buybox-hint--price span {
  font-size: 0.8rem;
  font-weight: var(--mp-fw-nav-active);
}

.mp-card__buybox-hint--price + .mp-card__buybox-hint {
  margin-top: 2px;
}

.mp-card__offer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 8px 0 12px;
  width: 100%;
}

.mp-card__offer .mp-card__swatches {
  margin: 0;
}

.mp-card__offer .mp-card__buybox-hint--price {
  margin: 0;
}

/* G?rsel ?zerinde renk se?enek kutusu (ckoptik renkSecenek uyumlu) */
.mp-card__renk-pill {
  position: absolute;
  right: var(--mp-card-renk-inset);
  bottom: var(--mp-card-renk-inset);
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: clamp(2px, 1cqw, 3px);
  height: var(--mp-card-renk-h);
  max-width: calc(100% - (2 * var(--mp-card-renk-inset)));
  padding: 0 clamp(6px, 3.2cqw, 9px) 0 clamp(5px, 2.8cqw, 7px);
  margin: 0;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 999px;
  box-shadow: 0 1px 4px rgba(12, 18, 34, 0.08);
  cursor: pointer;
  pointer-events: auto;
  font-size: var(--mp-card-renk-font);
  font-weight: 500;
  line-height: 1;
  color: #0c1222;
  white-space: nowrap;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mp-card__renk-pill:hover {
  border-color: rgba(15, 23, 42, 0.18);
  box-shadow: 0 2px 6px rgba(12, 18, 34, 0.1);
}

.mp-card__renk-pill:focus-visible {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: 2px;
}

.mp-card__renk-pill--empty {
  visibility: hidden;
  pointer-events: none;
  min-width: clamp(36px, 18cqw, 46px);
  min-height: var(--mp-card-renk-h);
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.mp-card__renk-pill__icon {
  display: block;
  width: var(--mp-card-renk-icon-w);
  height: var(--mp-card-renk-icon-h);
  object-fit: contain;
  object-position: center;
  flex-shrink: 0;
  pointer-events: none;
  user-select: none;
}

.mp-card__renk-pill__count {
  font-size: inherit;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  letter-spacing: -0.01em;
}

.mp-card__divider {
  flex-shrink: 0;
  padding: 0 clamp(10px, 4.5cqw, 14px);
}

.mp-card__divider-line {
  display: block;
  height: 1px;
  background: var(--mkt-line, #e8ecf2);
}

.mp-card--katalog-layout .mp-card__foot--icons {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.mp-card__badge {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 4px 9px;
  border-radius: 6px;
  background: rgba(12, 18, 34, 0.84);
  color: #fff;
  font-size: 0.68rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.02em;
  backdrop-filter: blur(4px);
}

.mp-card__badge--shipping {
  top: auto;
  bottom: 10px;
  left: 10px;
  right: auto;
  background: #059669;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.mp-card__badge--shipping .ui-icon {
  width: 12px;
  height: 12px;
}

.mp-card__buybox-hint + .mp-card__brand,
.mp-card__offer + .mp-card__brand {
  width: 100%;
  padding-top: 10px;
  margin-top: 4px;
  border-top: none;
}

.mp-card--katalog-layout .mp-card__body {
  padding: var(--mp-card-pad) var(--mp-card-pad) clamp(8px, 3cqw, 10px);
}

.mp-card--katalog-layout .mp-card__title {
  font-size: var(--mp-card-title);
}

.mp-card--katalog-layout .mp-card__buybox-hint--price {
  font-size: var(--mp-card-price);
}

.mp-card--katalog-layout .mp-card__buybox-hint:not(.mp-card__buybox-hint--price) {
  font-size: var(--mp-card-hint);
}

.mp-card--katalog-layout .mp-card__icon-actions {
  gap: clamp(5px, 2cqw, 8px);
}

.mp-card--katalog-layout .mp-card__icon-btn {
  height: var(--mp-card-icon-h);
}

.mp-card--katalog-layout .mp-card__icon-btn .ui-icon {
  width: var(--mp-card-icon-size);
  height: var(--mp-card-icon-size);
}

.mp-card--katalog-layout .mp-card__brand {
  min-height: clamp(36px, 12cqw, 48px);
  margin: 0 0 clamp(6px, 2.5cqw, 10px);
}

.mp-card--katalog-layout .mp-card__brand-logo {
  max-width: var(--mp-card-brand-max-w);
  max-height: var(--mp-card-brand-max-h);
}

.mp-card__brand {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-height: 44px;
  margin: 0 0 10px;
}

.mp-card__brand-logo {
  display: block;
  max-width: 148px;
  max-height: 44px;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center center;
  mix-blend-mode: multiply;
}

.mp-shipping-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 14px;
  padding: 6px 12px;
  border-radius: var(--mkt-radius-sm);
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #047857;
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.3;
}

.mp-shipping-badge .ui-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.mp-shipping-badge--detail {
  margin: 0;
  padding: 5px 11px;
  font-size: 0.78rem;
  border-radius: 999px;
  flex-shrink: 0;
}

.mp-shipping-badge--buybox {
  margin: 0;
  padding: 2px 6px;
  gap: 4px;
  font-size: 0.68rem;
}

.mp-shipping-badge--buybox .ui-icon {
  width: 13px;
  height: 13px;
}

.mp-shipping-badge--checkout {
  margin: 8px 0 0;
  padding: 5px 10px;
  font-size: 0.78rem;
}

.mp-cart__summary-row--shipping,
.mp-checkout__summary-row--shipping {
  color: #047857;
}

.mp-cart__shipping-free {
  color: #047857;
}

.mp-card__body {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 12px 12px 10px;
  flex: 1;
}

.mp-card__title {
  font-weight: var(--mp-fw-nav-active);
  font-size: 0.875rem;
  line-height: 1.35;
  color: var(--mkt-ink, #0c1222);
  text-decoration: none;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 2px;
}

.mp-card__title:hover {
  color: #334155;
}

.mp-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mp-card__tag {
  display: inline-flex;
  padding: 3px 8px;
  border-radius: var(--mp-radius);
  font-size: 0.7rem;
  font-weight: var(--mp-fw-nav);
  background: var(--accent-soft, #f0fdfa);
  color: #0f766e;
}

.mp-card__tag--muted {
  background: #f1f5f9;
  color: var(--mkt-muted, #5b6478);
}

.mp-card__seller {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
}

.mp-card__seller a {
  color: var(--mkt-muted, #5b6478);
  text-decoration: none;
  font-weight: var(--mp-fw-nav);
}

.mp-card__seller a:hover {
  color: #334155;
}

.mp-card__verified {
  display: inline-flex;
  align-items: center;
  color: #2563eb;
}

.mp-card__verified .ui-icon {
  width: 14px;
  height: 14px;
}

.mp-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 6px;
  border-top: 1px solid #f1f5f9;
}

.mp-card__price {
  font-size: 1.08rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-card__price span {
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav-active);
}

.mp-card__buy {
  flex-shrink: 0;
  padding: 7px 14px;
  font-size: 0.8rem;
}

.mp-card__buy-form {
  margin: 0;
  flex-shrink: 0;
}

.mp-card__foot--icons {
  justify-content: center;
}

.mp-card__icon-actions {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

.mp-card__icon-form {
  margin: 0;
  display: flex;
  flex: 1;
  min-width: 0;
}

.mp-card__icon-form .mp-card__icon-btn {
  width: 100%;
}

.mp-card__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  width: auto;
  height: 38px;
  padding: 0;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: var(--mkt-radius-sm);
  background: #fff;
  color: #3d4659;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.mp-card__icon-btn:hover:not(:disabled) {
  border-color: rgba(15, 23, 42, 0.2);
  color: var(--mkt-ink, #0c1222);
}

.mp-card__icon-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.mp-card__icon-btn .ui-icon {
  width: 19px;
  height: 19px;
  margin: 0;
  opacity: 1;
  --ui-icon-color: currentColor;
}

.mp-card__icon-btn--fav.is-active {
  color: #e11d48;
  border-color: #fecdd3;
  background: #fff1f2;
}

/* Bo? durum */
.mp-empty {
  text-align: center;
  padding: 56px 24px;
  background: #fff;
  border-radius: var(--mp-radius-lg);
  border: 1px dashed var(--mkt-line, #e8ecf2);
}

.mp-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
  border-radius: var(--mp-radius);
  background: var(--accent-soft, #f0fdfa);
  color: var(--accent, #0f766e);
}

.mp-empty__icon .ui-icon {
  width: 28px;
  height: 28px;
}

.mp-empty h2 {
  margin: 0 0 10px;
  font-size: 1.25rem;
}

.mp-page-head {
  margin-bottom: 24px;
}

.mp-page-head__title {
  margin: 0 0 6px;
  font-size: 1.5rem;
}

.mp-page-head__sub {
  margin: 0;
}

.mp-about-card {
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  background: #fff;
}

.mp-about-card h2 {
  margin: 0 0 10px;
  font-size: 1.05rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-about-card h2:not(:first-child) {
  margin-top: 28px;
}

.mp-about-card p {
  margin: 0 0 12px;
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--mkt-muted, #5b6478);
}

.mp-about-card p:last-child {
  margin-bottom: 0;
}

.mp-about-card__list {
  margin: 0;
  padding-left: 1.2rem;
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--mkt-muted, #5b6478);
}

.mp-about-card__list li + li {
  margin-top: 6px;
}

/* Hakk?m?zda ? premium kurumsal d?zen */
.page-about .mp-page-head {
  margin-bottom: clamp(20px, 3vw, 32px);
  padding-bottom: clamp(16px, 2.5vw, 24px);
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.page-about .mp-page-head__title {
  font-size: clamp(1.65rem, 3.2vw, 2.1rem);
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.page-about .mp-page-head__sub {
  max-width: 42em;
  font-size: clamp(0.95rem, 1.5vw, 1.08rem);
  line-height: 1.6;
  color: var(--mkt-muted, #5b6478);
}

.mp-about-page {
  padding: 0;
  border: none;
  background: transparent;
  display: grid;
  gap: clamp(18px, 2.8vw, 28px);
}

/* ?kon kapsay?c?lar?n?n rengini miras al (koyu arka planda g?r?n?rl?k) */
.mp-about-page .ui-icon {
  --ui-icon-color: currentColor;
}

/* Hero */
.mp-about-page__hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 118, 110, 0.14);
  border-radius: calc(var(--mp-radius-lg) + 4px);
  background: #fff;
  box-shadow: 0 20px 50px rgba(12, 18, 34, 0.06);
}

.mp-about-page__hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.mp-about-page__blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.55;
}

.mp-about-page__blob--1 {
  top: -40px;
  right: -30px;
  width: 220px;
  height: 220px;
  background: rgba(15, 118, 110, 0.18);
}

.mp-about-page__blob--2 {
  bottom: -60px;
  left: -40px;
  width: 260px;
  height: 260px;
  background: rgba(29, 78, 216, 0.1);
}

.mp-about-page__hero-inner {
  position: relative;
  z-index: 1;
  padding: clamp(24px, 3.5vw, 40px);
}

.mp-about-page__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding: 6px 14px 6px 8px;
  border: 1px solid rgba(15, 118, 110, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(8px);
  font-size: 0.76rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent, #0f766e);
}

.mp-about-page__badge-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--accent-soft, #f0fdfa);
  color: var(--accent, #0f766e);
}

.mp-about-page__badge-icon .ui-icon {
  width: 15px;
  height: 15px;
}

.mp-about-page__lead {
  margin: 0 0 22px;
  max-width: 52em;
  font-size: clamp(1rem, 1.7vw, 1.12rem);
  line-height: 1.75;
  color: var(--mkt-ink, #0c1222);
}

.mp-about-page__lead strong {
  color: var(--accent, #0f766e);
  font-weight: var(--mp-fw-nav-active);
}

.mp-about-page__stats {
  display: grid;
  gap: 12px;
  margin-bottom: 20px;
}

@media (min-width: 640px) {
  .mp-about-page__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.mp-about-page__stat-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-md);
  background: rgba(255, 255, 255, 0.92);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.mp-about-page__stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(12, 18, 34, 0.07);
}

.mp-about-page__stat-card--accent {
  border-color: rgba(15, 118, 110, 0.28);
  background: linear-gradient(135deg, #fff 0%, var(--accent-soft, #f0fdfa) 100%);
}

.mp-about-page__stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  border-radius: 12px;
  background: #f1f5f9;
  color: var(--mkt-ink, #0c1222);
}

.mp-about-page__stat-card--accent .mp-about-page__stat-icon {
  background: var(--accent, #0f766e);
  color: #fff;
  box-shadow: 0 6px 16px rgba(15, 118, 110, 0.28);
}

.mp-about-page__stat-icon .ui-icon {
  width: 20px;
  height: 20px;
}

.mp-about-page__stat-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.mp-about-page__stat-body strong {
  font-size: 1.1rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  line-height: 1.15;
}

.mp-about-page__stat-card--accent .mp-about-page__stat-body strong {
  font-size: 1.28rem;
  color: var(--accent, #0f766e);
}

.mp-about-page__stat-body span {
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--mkt-muted, #5b6478);
}

.mp-about-page__verify {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px 18px;
  border: 1px dashed rgba(15, 118, 110, 0.25);
  border-radius: var(--mp-radius-md);
  background: rgba(240, 253, 250, 0.55);
}

.mp-about-page__verify-icon {
  display: flex;
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--accent, #0f766e);
}

.mp-about-page__verify-icon .ui-icon {
  width: 22px;
  height: 22px;
}

.mp-about-page__verify p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.65;
  color: var(--mkt-muted, #5b6478);
}

/* Pillars ? t?ketici & B2B */
.mp-about-page__pillars {
  display: grid;
  gap: clamp(16px, 2.5vw, 24px);
}

@media (min-width: 1024px) {
  .mp-about-page__pillars {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
}

.mp-about-page__pillar {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: calc(var(--mp-radius-lg) + 2px);
  background: #fff;
  box-shadow: 0 10px 30px rgba(12, 18, 34, 0.04);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.mp-about-page__pillar:hover {
  box-shadow: 0 18px 40px rgba(12, 18, 34, 0.08);
}

.mp-about-page__pillar--consumer {
  border-top: 4px solid var(--accent, #0f766e);
}

.mp-about-page__pillar--b2b {
  border-top: 4px solid #2563eb;
}

.mp-about-page__pillar-head {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 20px;
}

.mp-about-page__pillar-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 14px;
  color: #fff;
}

.mp-about-page__pillar--consumer .mp-about-page__pillar-icon {
  background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
  box-shadow: 0 8px 20px rgba(15, 118, 110, 0.3);
}

.mp-about-page__pillar--b2b .mp-about-page__pillar-icon {
  background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.28);
}

.mp-about-page__pillar-icon .ui-icon {
  width: 24px;
  height: 24px;
}

.mp-about-page__pillar-label {
  display: block;
  margin-bottom: 4px;
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent, #0f766e);
}

.mp-about-page__pillar--b2b .mp-about-page__pillar-label {
  color: #2563eb;
}

.mp-about-page__pillar h2 {
  margin: 0 0 8px;
  font-size: clamp(1rem, 1.6vw, 1.12rem);
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  line-height: 1.35;
}

.mp-about-page__pillar-head p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--mkt-muted, #5b6478);
}

.mp-about-page__feat-grid {
  display: grid;
  gap: 10px;
  flex: 1;
}

.mp-about-page__feat-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-md);
  background: #fafbfc;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.mp-about-page__feat-card:hover {
  background: #fff;
  border-color: rgba(15, 118, 110, 0.2);
  transform: translateX(3px);
}

.mp-about-page__pillar--b2b .mp-about-page__feat-card:hover {
  border-color: rgba(37, 99, 235, 0.22);
}

.mp-about-page__feat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #fff;
  color: var(--accent, #0f766e);
  box-shadow: 0 2px 8px rgba(12, 18, 34, 0.06);
}

.mp-about-page__pillar--b2b .mp-about-page__feat-icon {
  color: #2563eb;
}

.mp-about-page__feat-icon .ui-icon {
  width: 18px;
  height: 18px;
}

.mp-about-page__feat-card p {
  margin: 0;
  padding-top: 2px;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--mkt-muted, #5b6478);
}

.mp-about-page__pillar-foot {
  margin: 16px 0 0;
  padding: 14px 16px;
  border-radius: var(--mp-radius-md);
  background: #f1f5f9;
  font-size: 0.86rem;
  line-height: 1.6;
  color: var(--mkt-muted, #5b6478);
}

/* G?ven band? */
.mp-about-page__trust {
  display: grid;
  gap: 20px;
  align-items: center;
  padding: clamp(24px, 3.5vw, 36px);
  border: 1px solid rgba(15, 118, 110, 0.18);
  border-radius: calc(var(--mp-radius-lg) + 4px);
  background: linear-gradient(120deg, var(--accent-soft, #f0fdfa) 0%, #fff 45%, #f8fafc 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

@media (min-width: 768px) {
  .mp-about-page__trust {
    grid-template-columns: auto 1fr;
    gap: 28px;
  }
}

.mp-about-page__trust-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  margin: 0 auto;
}

.mp-about-page__trust-ring {
  position: absolute;
  inset: 0;
  border: 2px dashed rgba(15, 118, 110, 0.25);
  border-radius: 50%;
  animation: mp-about-spin 24s linear infinite;
}

@keyframes mp-about-spin {
  to { transform: rotate(360deg); }
}

.mp-about-page__trust-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--accent, #0f766e);
  color: #fff;
  box-shadow: 0 10px 28px rgba(15, 118, 110, 0.35);
}

.mp-about-page__trust-icon .ui-icon {
  width: 30px;
  height: 30px;
}

.mp-about-page__trust-label {
  display: block;
  margin-bottom: 4px;
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent, #0f766e);
}

.mp-about-page__trust h2 {
  margin: 0 0 10px;
  font-size: clamp(1.05rem, 1.8vw, 1.2rem);
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  line-height: 1.3;
}

.mp-about-page__trust-body p {
  margin: 0 0 16px;
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--mkt-muted, #5b6478);
}

.mp-about-page__trust-points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mp-about-page__trust-points li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px 6px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(15, 118, 110, 0.15);
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--mkt-ink, #0c1222);
}

.mp-about-page__trust-points li .ui-icon {
  width: 16px;
  height: 16px;
  color: var(--accent, #0f766e);
}

/* Vizyon & Misyon */
.mp-about-page__vm {
  display: grid;
  gap: 16px;
}

@media (min-width: 768px) {
  .mp-about-page__vm {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.mp-about-page__vm-card {
  position: relative;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: calc(var(--mp-radius-lg) + 2px);
  background: #fff;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mp-about-page__vm-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #94a3b8, #cbd5e1);
}

.mp-about-page__vm-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(12, 18, 34, 0.08);
}

.mp-about-page__vm-card--accent {
  border-color: rgba(15, 118, 110, 0.2);
  background: linear-gradient(165deg, #fff 0%, var(--accent-soft, #f0fdfa) 100%);
}

.mp-about-page__vm-card--accent::before {
  background: linear-gradient(90deg, var(--accent, #0f766e), #14b8a6);
}

.mp-about-page__vm-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 14px;
  border-radius: 12px;
  background: #f1f5f9;
  color: #64748b;
}

.mp-about-page__vm-card--accent .mp-about-page__vm-icon {
  background: var(--accent, #0f766e);
  color: #fff;
  box-shadow: 0 6px 16px rgba(15, 118, 110, 0.25);
}

.mp-about-page__vm-icon .ui-icon {
  width: 22px;
  height: 22px;
}

.mp-about-page__vm-card h2 {
  margin: 0 0 10px;
  font-size: 1rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-about-page__vm-card--accent h2 {
  color: var(--accent, #0f766e);
}

.mp-about-page__vm-card p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.68;
  color: var(--mkt-muted, #5b6478);
}

/* Kapan?? */
.mp-about-page__closing {
  position: relative;
  margin: 0;
  padding: clamp(28px, 4vw, 40px) clamp(20px, 3vw, 32px);
  border: none;
  border-radius: calc(var(--mp-radius-lg) + 4px);
  background: linear-gradient(135deg, #0c1222 0%, #1a2744 55%, #0f766e 100%);
  text-align: center;
  color: #fff;
  box-shadow: 0 20px 50px rgba(12, 18, 34, 0.18);
}

.mp-about-page__closing-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  backdrop-filter: blur(4px);
}

.mp-about-page__closing-icon .ui-icon {
  width: 24px;
  height: 24px;
}

.mp-about-page__closing p {
  margin: 0 auto;
  max-width: 38em;
  font-size: clamp(0.95rem, 1.5vw, 1.08rem);
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.92);
}

.mp-about-page__closing strong {
  color: #5eead4;
  font-weight: var(--mp-fw-nav-active);
}

.mp-about-page h2 {
  margin-top: 0;
}

.mp-about-page h2:not(:first-child) {
  margin-top: 0;
}

@media (prefers-reduced-motion: reduce) {
  .mp-about-page__trust-ring {
    animation: none;
  }

  .mp-about-page__stat-card:hover,
  .mp-about-page__pillar:hover,
  .mp-about-page__feat-card:hover,
  .mp-about-page__vm-card:hover {
    transform: none;
  }
}

.mp-faq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  align-items: start;
}

@media (max-width: 900px) {
  .mp-faq {
    grid-template-columns: 1fr;
  }
}

.mp-faq__item {
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-md);
  background: #fff;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mp-faq__item:hover {
  border-color: color-mix(in srgb, var(--accent, #0f766e) 24%, var(--mkt-line, #e8ecf2));
}

.mp-faq__item.is-open {
  border-color: color-mix(in srgb, var(--accent, #0f766e) 38%, var(--mkt-line, #e8ecf2));
  box-shadow: 0 8px 24px rgba(12, 18, 34, 0.06);
}

.mp-faq__item.is-hidden {
  display: none;
}

.mp-faq__btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border: 0;
  background: transparent;
  text-align: left;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  color: #1e293b;
  cursor: pointer;
}

.mp-faq__btn .ui-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: #64748b;
  transition: transform 0.18s ease, color 0.18s ease;
}

.mp-faq__item.is-open .mp-faq__btn .ui-icon {
  transform: rotate(45deg);
  color: var(--accent, #0f766e);
}

.mp-faq__panel {
  padding: 0 16px 14px;
}

.mp-faq__panel[hidden] {
  display: none;
}

.mp-faq__panel p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--mkt-muted, #5b6478);
}

.mp-faq__btn-text {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.mp-faq__cat {
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--accent, #0f766e);
}

.mp-faq__q {
  font-size: 0.95rem;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.45;
}

/* SSS sayfas? ? zengin d?zen */
.page-faq .mp-page-head {
  margin-bottom: clamp(18px, 2.5vw, 28px);
  padding-bottom: clamp(14px, 2vw, 20px);
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.page-faq .mp-page-head__title {
  font-size: clamp(1.55rem, 3vw, 2rem);
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: -0.03em;
}

.page-faq .mp-page-head__sub {
  max-width: 42em;
  font-size: clamp(0.92rem, 1.4vw, 1.02rem);
  line-height: 1.6;
}

.mp-faq-page-card {
  padding: clamp(18px, 2.8vw, 28px);
}

.mp-faq-page {
  display: grid;
  gap: clamp(16px, 2.4vw, 24px);
}

.mp-faq-page__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: clamp(18px, 2.5vw, 24px);
  border: 1px solid rgba(15, 118, 110, 0.16);
  border-radius: calc(var(--mp-radius-md) + 2px);
  background: linear-gradient(135deg, rgba(15, 118, 110, 0.08) 0%, rgba(255, 255, 255, 0.95) 55%);
}

@media (max-width: 760px) {
  .mp-faq-page__cta {
    flex-direction: column;
    align-items: flex-start;
  }
}

.mp-faq-page__cta-title {
  margin: 0 0 6px;
  font-size: 1.02rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-faq-page__cta-text {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--mkt-muted, #5b6478);
}

.mp-faq-page__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-shrink: 0;
}

/* Blog liste ve yaz? detay */
.mp-classified-intro {
  margin-bottom: 20px;
}

.mp-classified-intro__body {
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--mkt-muted, #5b6478);
}

.mp-blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}

.mp-blog-card {
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-md);
  background: #fff;
  overflow: hidden;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.mp-blog-card:hover {
  border-color: #d5dbe6;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.mp-blog-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.mp-blog-card__media {
  aspect-ratio: 16 / 9;
  background: #f3f5f9;
  overflow: hidden;
}

.mp-blog-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mp-blog-card__media--pending {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  background:
    linear-gradient(180deg, #f7f8fb 0%, #eef1f6 100%);
}

.mp-blog-card__media-placeholder {
  display: block;
  padding: 0 16px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  color: #8b93a7;
  text-align: center;
}

.mp-blog-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px 20px 20px;
  flex: 1 1 auto;
}

.mp-blog-card__date {
  font-size: 0.8rem;
}

.mp-blog-card__title {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.35;
  color: var(--mkt-text, #1a2233);
}

.mp-blog-card__excerpt {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mp-blog-card__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 8px;
  font-size: 0.85rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-accent, #e85d04);
}

.mp-blog-card__more .ui-icon {
  width: 16px;
  height: 16px;
}

.mp-blog-article__back {
  margin-bottom: 16px;
}

.mp-blog-article__preview-banner {
  width: 100%;
  max-width: none;
  margin: 0 0 16px;
  padding: 10px 14px;
  border: 1px solid rgba(180, 83, 9, 0.35);
  background: rgba(254, 243, 199, 0.85);
  color: #92400e;
  font-size: 0.9rem;
  font-weight: 600;
}

.mp-blog-article__card {
  width: 100%;
  max-width: none;
}

.mp-blog-article__head {
  margin-bottom: clamp(20px, 2.5vw, 28px);
}

.mp-blog-article__date {
  display: block;
  margin-bottom: 8px;
  font-size: 0.85rem;
}

.mp-blog-article__title {
  margin: 0 0 12px;
  font-size: clamp(1.75rem, 3.2vw, 2.35rem);
  line-height: 1.25;
  color: var(--mkt-text, #1a2233);
}

.mp-blog-article__lead {
  margin: 0;
  font-size: clamp(1rem, 1.3vw, 1.125rem);
  line-height: 1.65;
}

.mp-blog-article__cover {
  margin: 0 0 clamp(24px, 3vw, 32px);
  border-radius: var(--mp-radius-md);
  overflow: hidden;
}

.mp-blog-article__cover img {
  display: block;
  width: 100%;
  height: auto;
}

.mp-blog-article__content {
  font-size: clamp(1rem, 1.2vw, 1.08rem);
  line-height: 1.8;
  color: var(--mkt-muted, #5b6478);
}

.mp-blog-article__content > *:first-child {
  margin-top: 0;
}

.mp-blog-article__content > *:last-child {
  margin-bottom: 0;
}

.mp-blog-article__content h2,
.mp-blog-article__content h3,
.mp-blog-article__content h4 {
  margin: 1.5em 0 0.55em;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.3;
  color: var(--mkt-ink, #0c1222);
}

.mp-blog-article__content h2 {
  font-size: clamp(1.2rem, 1.6vw, 1.4rem);
}

.mp-blog-article__content h3 {
  font-size: clamp(1.1rem, 1.4vw, 1.22rem);
}

.mp-blog-article__content h4 {
  font-size: clamp(1.02rem, 1.2vw, 1.1rem);
}

.mp-blog-article__content p {
  margin: 0 0 1em;
}

.mp-blog-article__content ul,
.mp-blog-article__content ol {
  margin: 0 0 1em;
  padding-left: 1.35rem;
}

.mp-blog-article__content li + li {
  margin-top: 0.4em;
}

.mp-blog-article__content a {
  color: var(--mkt-ink, #0c1222);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mp-blog-article__content img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 1.25em 0;
  border-radius: var(--mp-radius-md, 10px);
}

.mp-blog-article__content blockquote {
  margin: 0 0 1em;
  padding: 0.75em 0 0.75em 1.1em;
  border-left: 3px solid var(--mkt-line, #e8ecf2);
  color: var(--mkt-muted, #5b6478);
}

.mp-blog-article__content pre,
.mp-blog-article__content code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.88em;
}

.mp-blog-article__content pre {
  overflow-x: auto;
  margin: 0 0 0.9em;
  padding: 0.85em 1em;
  border-radius: var(--mp-radius, 8px);
  background: var(--mkt-surface-2, #f8fafc);
}

.mp-blog-article__content code {
  padding: 0.1em 0.35em;
  border-radius: 4px;
  background: var(--mkt-surface-2, #f8fafc);
}

.mp-blog-article__content pre code {
  padding: 0;
  background: none;
}

.mp-contact-channels {
  display: grid;
  gap: 10px;
  margin: 16px 0 0;
}

.mp-contact-channel {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-md);
  background: var(--mkt-surface-2, #f8fafc);
  color: inherit;
  text-decoration: none;
  transition: border-color 0.15s, background 0.15s;
}

a.mp-contact-channel:hover {
  border-color: #c5cdd8;
  background: #fff;
}

.mp-contact-channel--static {
  cursor: default;
}

.mp-contact-channel--wa .mp-contact-channel__icon {
  background: #e8f5e9;
  color: #16a34a;
}

.mp-contact-channel__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--mp-radius);
  background: #fff;
  color: var(--mkt-ink, #0c1222);
}

.mp-contact-channel__icon .ui-icon {
  width: 20px;
  height: 20px;
}

.mp-contact-channel__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mp-contact-channel__label {
  font-size: 0.78rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--mkt-muted, #5b6478);
}

.mp-contact-channel__value {
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-contact-channel__value--multiline {
  white-space: pre-line;
}

.mp-contact-empty {
  margin-top: 12px;
}

/* Markalar sayfas? */
.mp-brands-toolbar {
  --mp-brands-letter-size: clamp(28px, 6.5vw, 32px);
  --mp-brands-letter-gap: clamp(3px, 0.8vw, 4px);
  --mp-brands-toolbar-gap: clamp(6px, 1.5vw, 8px);
  width: 100%;
  max-width: 100%;
  margin: 0 auto 12px;
  padding: clamp(8px, 2vw, 10px) clamp(10px, 2.5vw, 12px) clamp(6px, 1.5vw, 8px);
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  background: #fff;
  box-sizing: border-box;
}

.mp-brands-toolbar__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--mp-brands-toolbar-gap);
  width: 100%;
  max-width: 100%;
  margin: 0 auto 8px;
}

.mp-brands-toolbar__q {
  flex: 1 1 220px;
  width: 100%;
  max-width: min(480px, 100%);
  min-width: 0;
  padding: clamp(7px, 1.8vw, 8px) clamp(9px, 2vw, 10px);
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  font: inherit;
  font-size: clamp(0.8125rem, 2.2vw, 0.88rem);
  color: var(--mkt-ink, #0c1222);
  background: #fff;
  box-sizing: border-box;
}

.mp-brands-toolbar__q:focus {
  outline: none;
  border-color: #9ca3af;
}

.mp-brands-toolbar__actions {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--mp-brands-toolbar-gap);
}

.mp-brands-toolbar__all,
.mp-brands-toolbar__clear {
  flex: 0 1 auto;
  flex-shrink: 0;
  min-width: 0;
  padding: clamp(7px, 1.8vw, 8px) clamp(12px, 3vw, 14px);
  border-radius: var(--mp-radius);
  font: inherit;
  font-size: clamp(0.8125rem, 2.2vw, 0.875rem);
  font-weight: var(--mp-fw-nav-active);
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.mp-brands-toolbar__all {
  border: 1px solid var(--mkt-ink, #0c1222);
  background: var(--mkt-ink, #0c1222);
  color: #fff;
}

.mp-brands-toolbar__all:not(.is-active) {
  background: #fff;
  color: var(--mkt-ink, #0c1222);
}

.mp-brands-toolbar__all:hover:not(:disabled) {
  background: #334155;
  border-color: #334155;
  color: #fff;
}

.mp-brands-toolbar__clear {
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #fff;
  color: var(--mkt-muted, #5b6478);
}

.mp-brands-toolbar__clear:hover {
  border-color: #d1d5db;
  color: var(--mkt-ink, #0c1222);
  background: #fafafa;
}

.mp-brands-toolbar__alpha {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--mp-brands-letter-gap);
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}

.mp-brands-toolbar__letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--mp-brands-letter-size);
  width: var(--mp-brands-letter-size);
  min-width: var(--mp-brands-letter-size);
  height: var(--mp-brands-letter-size);
  padding: 0;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mkt-radius-sm);
  background: #fff;
  color: var(--mkt-muted, #5b6478);
  font: inherit;
  font-size: clamp(0.68rem, 1.8vw, 0.78rem);
  font-weight: var(--mp-fw-nav-active);
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.mp-brands-toolbar__letter:hover:not(.is-active) {
  border-color: #d1d5db;
  color: var(--mkt-ink, #0c1222);
  background: #fafafa;
}

.mp-brands-toolbar__letter.is-active {
  border-color: var(--mkt-ink, #0c1222);
  background: var(--mkt-ink, #0c1222);
  color: #fff;
}

.mp-brands-toolbar__letter.is-empty:not(.is-active) {
  opacity: 0.35;
}

.mp-brands-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(10px, 1.5vw, 12px);
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}

@media (max-width: 1200px) {
  .mp-brands-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  .mp-brands-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .mp-brands-toolbar {
    --mp-brands-letter-size: clamp(26px, 5.5vw, 30px);
  }
}

@media (max-width: 768px) {
  .mp-brands-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mp-brands-toolbar__q {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  .mp-brands-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

.mp-brand-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  min-height: 0;
  text-decoration: none;
  color: inherit;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  background: #fff;
  overflow: hidden;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

.mp-brand-card:hover {
  border-color: #e2e8f0;
  box-shadow: var(--mp-hover-shadow);
  transform: none;
}

.mp-brand-card.is-hidden {
  display: none;
}

.mp-brand-card__inner {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  height: 108px;
  min-height: 108px;
  max-height: 108px;
  padding: 18px 16px;
  background: #fff;
  isolation: isolate;
}

.mp-brand-card__logo {
  display: block;
  max-width: 88%;
  max-height: 68px;
  width: auto;
  height: auto;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.mp-brand-card__name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  text-align: center;
  line-height: 1.25;
  word-break: break-word;
  text-transform: none;
}

.mp-empty--filter {
  margin-top: 8px;
}

.mp-classified-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 14px 16px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  background: #fff;
}

.mp-classified-filter__q {
  flex: 1 1 220px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  font: inherit;
  font-size: 0.88rem;
}

.mp-classified-filter__select {
  flex: 0 1 220px;
  min-width: 160px;
  padding: 10px 12px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  font: inherit;
  font-size: 0.88rem;
}

.mp-classified-filter__chips,
.mp-filter-chip-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.mp-filter-chip {
  position: relative;
  cursor: pointer;
  user-select: none;
}

.mp-filter-chip input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.mp-filter-chip span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  color: var(--mkt-ink, #0f172a);
  font: inherit;
  font-size: 0.88rem;
  font-weight: 600;
  white-space: nowrap;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.mp-filter-chip:hover span {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.mp-filter-chip input:checked + span,
.mp-filter-chip:has(input:checked) span {
  border-color: var(--mkt-brand, #16a34a);
  background: #f0fdf4;
  color: #166534;
}

.mp-filter-chip input:focus-visible + span {
  outline: 2px solid #86efac;
  outline-offset: 2px;
}

.mp-classified-filter select.input,
.mp-classified-filter select.js-il-filter,
.mp-classified-filter select.js-ilce-filter {
  flex: 0 0 160px;
  width: auto;
  min-width: 160px;
  max-width: 220px;
  padding: 10px 12px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  font: inherit;
  font-size: 0.88rem;
  cursor: pointer;
}

.mp-classified-filter select.js-ilce-filter:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.mp-classified-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mp-classified-card.mp-classified-card--preview {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.mp-classified-card.mp-classified-card--preview .mp-classified-card__media {
  flex: 0 0 clamp(120px, 18vw, 180px);
  width: clamp(120px, 18vw, 180px);
  aspect-ratio: auto;
  min-height: 120px;
  border-bottom: 0;
  border-right: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-classified-card.mp-classified-card--preview .mp-classified-card__body {
  flex: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto auto;
  align-items: start;
  gap: 8px 16px;
  padding: 14px 16px;
}

.mp-classified-card.mp-classified-card--preview .mp-classified-card__head,
.mp-classified-card.mp-classified-card--preview .mp-classified-card__seller,
.mp-classified-card.mp-classified-card--preview .mp-classified-card__chips,
.mp-classified-card.mp-classified-card--preview .mp-classified-card__preview,
.mp-classified-card.mp-classified-card--preview .mp-classified-card__desc,
.mp-classified-card.mp-classified-card--preview .mp-classified-card__specs {
  grid-column: 1;
}

.mp-classified-card.mp-classified-card--preview .mp-classified-card__cta {
  grid-column: 2;
  grid-row: 1 / -1;
  align-self: center;
  width: auto;
  margin-top: 0;
  white-space: nowrap;
}

.mp-classified-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mp-classified-card__chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 5px 10px;
  border-radius: var(--mp-radius);
  border: 1px solid #e8ecf2;
  background: #f8fafc;
  font-size: 0.78rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.3;
  color: var(--mkt-ink, #0c1222);
  text-decoration: none;
  word-break: break-word;
}

a.mp-classified-card__chip:hover {
  border-color: #e2e8f0;
  background: #fafbfc;
  color: #0f172a;
}

.mp-classified-card__preview {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.55;
  color: var(--mkt-muted, #5b6478);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mp-classified-card {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  background: #fff;
  overflow: hidden;
}

.mp-classified-card__media {
  display: block;
  aspect-ratio: 16 / 9;
  background: #f8fafc;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-classified-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mp-classified-card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}

.mp-classified-card__head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mp-classified-card__title {
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
  font-weight: var(--mp-fw-nav-active);
}

.mp-classified-card__title a {
  color: var(--mkt-ink, #0c1222);
  text-decoration: none;
}

.mp-classified-card__title a:hover {
  color: #334155;
}

.mp-classified-card__no {
  font-size: 0.75rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-classified-card__seller {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 0.84rem;
  font-weight: var(--mp-fw-nav-active);
}

.mp-classified-card__specs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.mp-classified-card__specs > div {
  padding: 8px 10px;
  border-radius: var(--mp-radius);
  background: #f8fafc;
}

.mp-classified-card__specs dt {
  margin: 0 0 2px;
  font-size: 0.68rem;
  font-weight: var(--mp-fw-nav-active);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--mkt-muted, #5b6478);
}

.mp-classified-card__specs dd {
  margin: 0;
  font-size: 0.84rem;
  color: var(--mkt-ink, #0c1222);
  word-break: break-word;
}

.mp-classified-card__specs dd a {
  color: inherit;
}

.mp-classified-card__spec--full {
  grid-column: 1 / -1;
}

.mp-yan-hak-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mp-yan-hak-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: var(--mp-radius);
  background: rgba(15, 118, 110, 0.1);
  color: #0f766e;
  font-weight: var(--mp-fw-nav-active);
  font-size: 0.78rem;
  line-height: 1.2;
}

.mp-classified-card__desc {
  font-size: 0.86rem;
  line-height: 1.55;
  color: var(--mkt-muted, #5b6478);
}

.mp-classified-card__desc-teaser {
  margin: 0;
}

.mp-classified-card__more {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 0.86rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-primary, #1a56db);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mp-classified-card__more:hover {
  color: #1344b8;
}

body.mp-classified-modal-open {
  overflow: hidden;
}


.mp-classified-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
}

.mp-classified-modal[hidden] {
  display: none !important;
}

.mp-classified-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
}

.mp-classified-modal__dialog {
  position: relative;
  width: min(560px, 100%);
  max-height: min(78vh, 640px);
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius-lg);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
}

.mp-classified-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid #e8ecf2;
}

.mp-classified-modal__title {
  margin: 0;
  font-size: 1rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.35;
  color: var(--mkt-text, #1a2233);
}

.mp-classified-modal__close {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: -4px -4px 0 0;
  padding: 0;
  border: 1px solid #e8ecf2;
  border-radius: var(--mp-radius-lg);
  background: #fff;
  color: var(--mkt-muted, #5b6478);
  cursor: pointer;
}

.mp-classified-modal__close:hover {
  background: #f6f8fb;
  color: var(--mkt-text, #1a2233);
}

.mp-classified-modal__body {
  padding: 14px 18px 18px;
  overflow: auto;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--mkt-muted, #5b6478);
}

.mp-pager {
  margin-top: 24px;
}

.mp-pager__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.mp-pager__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  font-size: 0.84rem;
  font-weight: var(--mp-fw-nav);
  text-decoration: none;
}

.mp-pager__btn:hover {
  border-color: #d1d5db;
  background: #fafafa;
}

.mp-pager__info {
  font-size: 0.84rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-cart-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mp-cart__shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  gap: 24px;
  align-items: start;
}

.mp-cart__aside {
  position: sticky;
  top: 88px;
}

.mp-cart__summary {
  padding: 20px;
}

.mp-cart__summary-title {
  margin: 0 0 16px;
  font-size: 1rem;
  font-weight: var(--mp-fw-nav-active);
}

.mp-cart__summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  font-size: 0.88rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-cart__summary-row strong {
  color: var(--mkt-ink, #0c1222);
  font-weight: var(--mp-fw-nav-active);
}

.mp-cart__summary-row--total {
  padding-top: 12px;
  margin: 4px 0 16px;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
  font-size: 0.95rem;
  color: var(--mkt-ink, #0c1222);
}

.mp-cart__summary-row--total strong {
  font-size: 1.2rem;
  font-weight: var(--mp-fw-nav-active);
}

.mp-cart__checkout {
  margin-bottom: 10px;
}

.mp-cart__summary-note {
  margin: 0 0 14px;
  font-size: 0.78rem;
  line-height: 1.45;
}

.mp-cart__continue {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.84rem;
  font-weight: var(--mp-fw-nav);
  color: var(--mkt-muted, #5b6478);
  text-decoration: none;
}

.mp-cart__continue:hover {
  color: var(--mkt-ink, #0c1222);
}

.mp-cart-item {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: 16px 20px;
  align-items: start;
  padding: 18px 20px;
}

.mp-cart-item__media {
  display: block;
  width: 96px;
  height: 96px;
  border-radius: var(--mp-radius);
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-cart-item__media.catalog-card__media {
  aspect-ratio: auto;
  background: #fff;
}

.mp-cart-item__media.catalog-card__media .catalog-card__media-stage {
  padding: 8px;
  background: #fff;
}

.mp-cart-item__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mp-cart-item__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.mp-cart-item__title {
  display: block;
  font-weight: var(--mp-fw-nav-active);
  font-size: 0.95rem;
  line-height: 1.35;
  color: inherit;
  text-decoration: none;
}

.mp-cart-item__title:hover {
  color: #334155;
}

.mp-cart-item__seller {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.4;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

.mp-cart-item__kargo {
  display: inline-flex;
  align-items: center;
  max-height: 22px;
}

.mp-cart-item__kargo-logo {
  display: block;
  height: 20px;
  width: auto;
  max-width: 88px;
  object-fit: contain;
}

.mp-cart-item__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin-top: 2px;
}

.mp-cart-item__qty-form {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.mp-cart-item__qty-label {
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav-active);
  white-space: nowrap;
}

.mp-cart-item__qty-stepper {
  display: inline-flex;
  align-items: stretch;
  flex-shrink: 0;
  height: 36px;
  border: 1px solid var(--mkt-line, #e2e8f0);
  border-radius: var(--mp-radius);
  background: #fff;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mp-cart-item__qty-stepper:focus-within {
  border-color: var(--mkt-accent, #0f766e);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}

.mp-cart-item__qty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 100%;
  padding: 0;
  border: 0;
  border-right: 1px solid var(--mkt-line, #e2e8f0);
  background: #fff;
  font: inherit;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
  color: var(--mkt-ink, #0c1222);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.mp-cart-item__qty-btn:last-child {
  border-right: 0;
  border-left: 1px solid var(--mkt-line, #e2e8f0);
}

.mp-cart-item__qty-btn:hover:not(:disabled) {
  background: #f8fafc;
  color: var(--mkt-accent, #0f766e);
}

.mp-cart-item__qty-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

body.page-marketplace .mp-cart-item__qty-input {
  flex: 0 0 auto;
  width: 44px;
  min-width: 44px;
  max-width: 52px;
  height: 100%;
  margin: 0;
  padding: 0 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  font: inherit;
  font-size: 0.9rem;
  font-weight: var(--mp-fw-nav-active);
  text-align: center;
  font-variant-numeric: tabular-nums;
  -moz-appearance: textfield;
  appearance: textfield;
  box-shadow: none;
}

body.page-marketplace .mp-cart-item__qty-input:focus {
  outline: none;
  border-color: transparent;
  box-shadow: none;
}

body.page-marketplace .mp-cart-item__qty-input::-webkit-outer-spin-button,
body.page-marketplace .mp-cart-item__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mp-cart-item__unit {
  margin: 0;
  font-size: 0.82rem;
  white-space: nowrap;
}

.mp-cart-item__side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 8px;
  padding-top: 2px;
  text-align: right;
}

.mp-cart-item__price {
  font-size: 1.1rem;
  font-weight: var(--mp-fw-nav-active);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mp-cart-item__remove {
  margin: 0;
}

.mp-cart-item__remove-btn {
  margin: 0;
  color: #b91c1c;
  background: #fff;
  border: 1px solid #fecaca;
  box-shadow: none;
  font-size: 0.82rem;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.mp-cart-item__remove-btn .ui-icon {
  color: currentColor;
}

.mp-cart-item__remove-btn:hover:not(:disabled) {
  color: #991b1b;
  background: #fef2f2;
  border-color: #fca5a5;
}

@media (max-width: 900px) {
  .mp-cart__shell {
    grid-template-columns: 1fr;
  }

  .mp-cart__aside {
    position: static;
  }

  .mp-cart-item {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px 14px;
    padding: 14px 16px;
  }

  .mp-cart-item__media {
    width: 72px;
    height: 72px;
  }

  .mp-cart-item__controls {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .mp-cart-item__side {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    margin-top: 2px;
    border-top: 1px solid var(--mkt-line, #e8ecf2);
    text-align: left;
  }
}

.mp-detail__inline-form {
  display: inline;
  margin: 0;
}

.mp-detail__actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-detail__actions-main {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: stretch;
}

.mp-detail__actions-main > .mp-detail__buy-btn,
.mp-detail__actions-main > .mp-detail__cart-form {
  flex: 1 1 0;
  min-width: 0;
}

.mp-detail__actions-main > .mp-detail__cart-form {
  display: flex;
}

.mp-detail__actions-main .mp-detail__cart-btn {
  flex: 1;
  width: 100%;
  text-align: center;
}

.mp-detail__actions-main > .mp-detail__buy-btn {
  text-align: center;
}

.mp-detail__actions-main > .mp-detail__inline-form:not(.mp-detail__cart-form) {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
}

.mp-detail__actions-sub {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: stretch;
  width: 100%;
}

.mp-detail__actions-sub .btn {
  font-size: 0.84rem;
  padding: 6px 12px;
}

@media (max-width: 768px) {
  .mp-detail__actions-sub {
    flex-wrap: nowrap;
    gap: 6px;
  }

  .mp-detail__actions-sub > .btn {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    padding: 6px 4px;
    font-size: clamp(0.68rem, 2.9vw, 0.8rem);
    text-align: center;
    line-height: 1.2;
    white-space: normal;
    overflow-wrap: anywhere;
    box-sizing: border-box;
  }

  body.mode-marketing .mp-detail__actions-sub > .btn.mkt-btn-ghost {
    padding: 6px 4px;
    font-size: clamp(0.68rem, 2.9vw, 0.8rem);
  }

  .mp-detail__actions-sub > .mp-detail__inline-form {
    flex: 0 0 auto;
  }
}

.mp-detail__actions-sub .btn-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.mp-detail__actions-sub .btn-with-icon .ui-icon {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}

.mp-detail__actions .btn.is-active {
  color: #e11d48;
  border-color: #fecdd3;
  background: #fff1f2;
}

.mp-detail__fav-btn {
  padding-inline: 12px;
}

.mp-detail__fav-btn .ui-icon {
  margin: 0;
}

/* Bildirim ? sepete eklendi / favori */
.mp-flash {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0 18px;
  padding: 12px 14px 12px 12px;
  border-radius: var(--mp-radius);
  background: #fff;
  border: 1px solid #bbf7d0;
  border-left: 4px solid #22c55e;
  box-shadow: 0 2px 8px rgba(22, 163, 74, 0.08);
}

.mp-flash--cart {
  background: #f0fdf4;
  border-color: #86efac;
  border-left-color: #22c55e;
  box-shadow: 0 2px 10px rgba(22, 163, 74, 0.1);
}

.mp-flash--favori {
  background: #fff1f2;
  border-color: #fecdd3;
  border-left-color: #f43f5e;
  box-shadow: 0 2px 10px rgba(244, 63, 94, 0.08);
}

.mp-flash__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #16a34a;
}

.mp-flash--favori .mp-flash__icon {
  color: #e11d48;
}

.mp-flash__icon .ui-icon {
  width: 20px;
  height: 20px;
}

.mp-flash__body {
  flex: 1;
  min-width: 0;
}

.mp-flash__title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  line-height: 1.45;
}

.mp-flash__text {
  display: block;
  margin-top: 2px;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--mkt-muted, #5b6478);
}

.mp-flash__cta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: var(--mkt-radius-sm);
  border: 1px solid rgba(15, 118, 110, 0.45);
  background: #fff;
  font-size: 0.8125rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--accent, #0f766e);
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s;
}

.mp-flash__cta:hover {
  background: #fafbfc;
  border-color: #e2e8f0;
  color: #334155;
  text-decoration: none;
}

.mp-flash--favori .mp-flash__cta {
  border-color: rgba(244, 63, 94, 0.4);
  color: #e11d48;
}

.mp-flash--favori .mp-flash__cta:hover {
  background: #fafbfc;
  border-color: #e2e8f0;
  color: #334155;
}

/* Sepete eklendi ? y?zen bildirim (toast) */
.mp-toast-root {
  position: fixed;
  top: calc(var(--mp-top-h, 72px) + 12px);
  right: 12px;
  z-index: 9600;
  pointer-events: none;
  max-width: min(400px, calc(100vw - 24px));
}

.mp-toast {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 0;
  border-radius: var(--mp-radius, 6px);
  border: 1px solid #86efac;
  border-left: 4px solid #22c55e;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 10px 28px rgba(22, 163, 74, 0.12), 0 2px 8px rgba(15, 23, 42, 0.06);
  pointer-events: auto;
  overflow: hidden;
  transform: translateX(calc(100% + 20px));
  opacity: 0;
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
}

.mp-toast__body {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 14px 12px 14px;
}

.mp-toast.is-visible {
  transform: translateX(0);
  opacity: 1;
}

.mp-toast.is-hiding {
  transform: translateX(calc(100% + 20px));
  opacity: 0;
}

.mp-toast__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  color: #16a34a;
}

.mp-toast__icon .ui-icon {
  width: 22px;
  height: 22px;
}

.mp-toast__content {
  flex: 1;
  min-width: 0;
}

.mp-toast__message {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
  color: #0f172a;
}

.mp-toast__product {
  font-weight: 700;
}

.mp-toast__link {
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  min-height: 30px;
  padding: 0 11px;
  border-radius: var(--mkt-radius-sm, 4px);
  border: 1px solid rgba(15, 118, 110, 0.42);
  background: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--accent, #0f766e);
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.mp-toast__link:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #334155;
  text-decoration: none;
}

.mp-toast__close {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: -2px -2px 0 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.mp-toast__close:hover {
  background: #f1f5f9;
  color: #334155;
}

.mp-toast__close .ui-icon {
  width: 16px;
  height: 16px;
}

.mp-toast__progress {
  height: 3px;
  background: #f1f5f9;
}

.mp-toast__progress-bar {
  display: block;
  width: 100%;
  height: 100%;
  background: #22c55e;
  transform: scaleX(1);
  transform-origin: left center;
  will-change: transform;
}

@media (max-width: 600px) {
  .mp-toast-root {
    top: auto;
    right: 10px;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    left: 10px;
    max-width: none;
  }

  .mp-toast {
    transform: translateY(calc(100% + 16px));
  }

  .mp-toast.is-visible {
    transform: translateY(0);
  }

  .mp-toast.is-hiding {
    transform: translateY(calc(100% + 16px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .mp-toast {
    transition: opacity 0.2s ease;
    transform: none;
  }

  .mp-toast.is-visible,
  .mp-toast.is-hiding {
    transform: none;
  }
}

.mp-pagination {
  display: none !important;
}

.mp-pagination__pages {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.mp-pagination__page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: #fff;
  color: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  line-height: 1;
}

.mp-pagination__page:hover {
  border-color: rgba(15, 23, 42, 0.28);
}

.mp-pagination__page.is-current {
  background: var(--mkt-ink, #0f172a);
  border-color: var(--mkt-ink, #0f172a);
  color: #fff;
  pointer-events: none;
}

.mp-pagination__ellipsis {
  min-width: 20px;
  text-align: center;
  color: var(--mkt-muted, #5b6478);
}

.mp-pagination__btn.is-disabled {
  opacity: 0.45;
  pointer-events: none;
}

.mp-pagination__info {
  font-size: 0.88rem;
  color: var(--mkt-muted, #5b6478);
  width: 100%;
  text-align: center;
  order: 5;
}

@media (min-width: 720px) {
  .mp-pagination__info {
    width: auto;
    order: 0;
  }
}

body.page-marketplace .mp-footer__brand {
  padding-right: clamp(8px, 2vw, 24px);
}

body.page-marketplace .mp-footer__brand-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.15s ease;
}

body.page-marketplace .mp-footer__brand-link:hover {
  opacity: 0.88;
}

body.page-marketplace .mp-footer__logo {
  display: block;
  width: var(--site-brand-logo-size);
  height: var(--site-brand-logo-size);
  border-radius: calc(var(--mkt-logo-outer-r) - var(--mkt-logo-pad));
  object-fit: contain;
  flex-shrink: 0;
}

body.page-marketplace .mp-footer__brand-link .mkt-brand__logo-wrap {
  --mkt-logo-outer-r: var(--mp-radius-lg);
}

body.page-marketplace .mp-footer__name {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 1rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: -0.01em;
  color: #64748b;
  line-height: 1.1;
}

body.page-marketplace .mp-footer__name-strong {
  font-weight: var(--mp-fw-nav-active);
  color: #0f172a;
  letter-spacing: -0.02em;
}

body.page-marketplace .mp-footer__name-mark {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-top: 3px;
  border-radius: 2px;
  background: var(--accent, #0f766e);
  flex-shrink: 0;
}

body.page-marketplace .mp-footer__tag {
  margin: 0;
  max-width: 36ch;
  font-size: 0.84rem;
  line-height: 1.65;
  color: #64748b;
}

body.page-marketplace .mp-footer__rule {
  height: 1px;
  margin: 18px 0 14px;
  background: #eef2f6;
}

body.page-marketplace .mp-footer__contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.page-marketplace .mp-footer__contact-card {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 12px;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: var(--mp-radius);
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

body.page-marketplace .mp-footer__contact-card:hover {
  background: #fff;
  border-color: #cbd5e1;
  color: #0f172a;
}

body.page-marketplace .mp-footer__contact-card--wa:hover {
  border-color: #cbd5e1;
}

body.page-marketplace .mp-footer__contact-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: var(--mp-radius);
  background: #eef2f7;
  color: #475569;
  border: none;
  transition: background 0.15s ease, color 0.15s ease;
}

body.page-marketplace .mp-footer__contact-card:hover .mp-footer__contact-card-icon {
  background: #e2e8f0;
  color: #334155;
}

body.page-marketplace .mp-footer__contact-card--wa .mp-footer__contact-card-icon {
  background: #e8f5e9;
  color: #16a34a;
}

body.page-marketplace .mp-footer__contact-card--wa:hover .mp-footer__contact-card-icon {
  background: #dcfce7;
  color: #15803d;
}

body.page-marketplace .mp-footer__contact-card-icon .ui-icon {
  width: 18px;
  height: 18px;
}

body.page-marketplace .mp-footer__contact-card-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

body.page-marketplace .mp-footer__contact-label {
  font-size: 0.66rem;
  font-weight: var(--mp-fw-nav);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
  line-height: 1.15;
}

body.page-marketplace .mp-footer__contact-card--wa .mp-footer__contact-label {
  color: #94a3b8;
}

body.page-marketplace .mp-footer__contact-value {
  font-size: 0.84rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.25;
  color: #0f172a;
  word-break: break-word;
}

body.page-marketplace .mp-footer__contact-card:hover .mp-footer__contact-value {
  color: #0f172a;
}

body.page-marketplace .mp-footer__contact-card--wa:hover .mp-footer__contact-value {
  color: #0f172a;
}

body.page-marketplace .mp-footer__col {
  min-width: 0;
}

body.page-marketplace .mp-footer__nav-cols {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 0;
}

body.page-marketplace .mp-footer__accordion-summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 12px;
  padding: 0;
}

body.page-marketplace .mp-footer__accordion-summary::-webkit-details-marker {
  display: none;
}

body.page-marketplace .mp-footer__accordion-title {
  font-size: 0.73rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #334155;
}

@media (max-width: 768px) {
  body.page-marketplace .mp-footer__grid {
    padding-top: 20px;
  }

  body.page-marketplace .mp-footer__brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 0;
    min-width: 0;
    text-align: center;
  }

  body.page-marketplace .mp-footer__brand-link {
    justify-content: center;
  }

  body.page-marketplace .mp-footer__brand-link .site-brand-logo--footer {
    object-position: center center;
    margin-inline: auto;
  }

  body.page-marketplace .mp-footer__tag {
    max-width: 42ch;
    margin-inline: auto;
  }

  body.page-marketplace .mp-footer__rule,
  body.page-marketplace .mp-footer__contact-grid {
    align-self: stretch;
    width: 100%;
  }

  body.page-marketplace .mp-footer__contact-card {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 8px;
    text-align: center;
  }

  body.page-marketplace .mp-footer__contact-card-body {
    align-items: center;
  }

  body.page-marketplace .mp-footer__trust-copy {
    min-width: 0;
  }

  body.page-marketplace .mp-footer__trust-text {
    overflow-wrap: anywhere;
  }

  body.page-marketplace .mp-footer__nav-cols {
    gap: 8px;
  }

  body.page-marketplace .mp-footer__accordion {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: var(--mp-radius);
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
  }

  body.page-marketplace .mp-footer__accordion[open] {
    border-color: #cbd5e1;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
  }

  body.page-marketplace .mp-footer__accordion-summary {
    margin: 0;
    padding: 14px 14px;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }

  body.page-marketplace .mp-footer__accordion-summary::after {
    content: "";
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #64748b;
    border-top: 1.5px solid #64748b;
    transform: rotate(45deg);
    transition: transform 0.18s ease;
  }

  body.page-marketplace .mp-footer__accordion[open] > .mp-footer__accordion-summary::after {
    transform: rotate(135deg);
  }

  body.page-marketplace .mp-footer__accordion .mp-footer__nav {
    padding: 0 14px 14px;
    border-top: 1px solid #eef2f7;
  }

  body.page-marketplace .mp-footer__col--news {
    text-align: center;
  }

  body.page-marketplace .mp-footer__col--news .mp-footer__h {
    justify-content: center;
  }

  body.page-marketplace .mp-footer__news-tag {
    text-align: center;
  }
}

@media (min-width: 769px) {
  body.page-marketplace .mp-footer__nav-cols {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px 24px;
    grid-column: 1 / -1;
  }

  body.page-marketplace .mp-footer__accordion-summary {
    pointer-events: none;
    cursor: default;
  }

  body.page-marketplace .mp-footer__accordion-summary::after {
    display: none;
  }

  body.page-marketplace .mp-footer__accordion > .mp-footer__nav {
    display: flex !important;
  }
}

@media (min-width: 1101px) {
  body.page-marketplace .mp-footer__nav-cols {
    grid-column: 2 / 6;
    gap: 32px clamp(20px, 2.5vw, 40px);
  }
}

body.page-marketplace .mp-footer__h {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0 0 12px;
  font-size: 0.73rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #334155;
}

body.page-marketplace .mp-footer__h--sub {
  margin-top: 22px;
}

body.page-marketplace .mp-footer__h-dot {
  display: none;
}

body.page-marketplace .mp-footer__nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body.page-marketplace .mp-footer__nav a {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 6px 0;
  font-size: 0.875rem;
  font-weight: var(--mp-fw-nav);
  line-height: 1.35;
  color: #475569;
  text-decoration: none;
  transition: color 0.15s ease;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.page-marketplace .mp-footer__nav a::before {
  content: none;
}

body.page-marketplace .mp-footer__nav a:hover {
  color: #0f172a;
  padding-left: 0;
}

body.page-marketplace .mp-footer__news-box {
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

body.page-marketplace .mp-footer__news-tag {
  margin: 0 0 12px;
  font-size: 0.84rem;
  line-height: 1.6;
  color: #64748b;
}

body.page-marketplace .mp-footer__news-form {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  min-height: 40px;
  padding: 0 5px 0 14px;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: var(--mp-radius);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

body.page-marketplace .mp-footer__news-form input {
  flex: 1 1 auto;
  min-width: 0;
  height: 38px;
  padding: 0 10px 0 0;
  font: inherit;
  font-size: 0.84rem;
  color: #0f172a;
  background: transparent;
  border: 0;
  outline: none;
}

body.page-marketplace .mp-footer__news-form input::placeholder {
  color: #94a3b8;
}

body.page-marketplace .mp-footer__news-form:focus-within {
  border-color: rgba(15, 118, 110, 0.45);
  background: #fff;
  box-shadow: 0 0 0 3px var(--accent-soft, rgba(15, 118, 110, 0.12));
}

body.page-marketplace .mp-footer__news-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  color: #94a3b8;
  background: transparent;
  border: 0;
  border-radius: var(--mp-radius-lg);
  cursor: pointer;
  transition: color 0.15s ease, background 0.15s ease;
}

body.page-marketplace .mp-footer__news-form button:hover {
  color: #64748b;
  background: #f1f5f9;
}

body.page-marketplace .mp-footer__news-send {
  display: inline-flex;
  width: 17px;
  height: 17px;
}

body.page-marketplace .mp-footer__news-send svg {
  width: 100%;
  height: 100%;
}

body.page-marketplace .mp-footer__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 20px var(--mp-gutter) clamp(24px, 3vw, 36px);
  border-top: 1px solid #e8ecf2;
  background: #fafbfc;
  box-sizing: border-box;
  text-align: center;
}

body.page-marketplace .mp-footer__payments {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page-marketplace .mp-footer__payments-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

body.page-marketplace .mp-footer__payments--auth {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  margin-top: 0;
  justify-content: stretch;
}

body.page-marketplace .mp-footer__payments--auth .mp-footer__payments-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 5px 8px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: var(--mp-radius);
  box-sizing: border-box;
}

body.page-marketplace .mp-footer__payments--auth .mp-footer__payments-logo {
  height: auto;
  max-height: 40px;
  max-width: 100%;
  width: 100%;
  border: 0;
  background: transparent;
  border-radius: 0;
}

body.page-marketplace .mp-footer__payments-logo {
  display: block;
  width: auto;
  height: 36px;
  max-width: 110px;
  object-fit: contain;
  border-radius: var(--mp-radius);
  border: 1px solid #e8ecf2;
  background: #fff;
  box-sizing: border-box;
}

body.page-marketplace .mp-footer__copy {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #94a3b8;
}

body.page-marketplace .mp-footer__brand-mark {
  font-weight: var(--mp-fw-nav-active);
  color: var(--brand-accent, #0f766e);
}

body.page-marketplace .mp-footer__auth {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin-top: 12px;
}

body.page-marketplace .mp-footer__auth-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  min-height: 34px;
  padding: 0 10px;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  line-height: 1.2;
  color: #334155;
  text-decoration: none;
  text-align: center;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: var(--mp-radius);
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.page-marketplace .mp-footer__auth-link:hover {
  border-color: #cbd5e1;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

body.page-marketplace .mp-footer__auth-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  color: #64748b;
  transition: color 0.15s ease;
}

body.page-marketplace .mp-footer__auth-link:hover .mp-footer__auth-icon {
  background: none;
  color: #334155;
}

body.page-marketplace .mp-footer__auth-icon .ui-icon {
  width: 14px;
  height: 14px;
  color: inherit;
}

body.page-marketplace .mp-footer__auth-text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: center;
}

body.page-marketplace .mp-footer__auth-label {
  min-width: 0;
}

body.page-marketplace .mp-footer__auth-tag {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.62rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1e3a8a;
  background: #dbeafe;
  border: 1px solid rgba(30, 64, 175, 0.18);
}

@media (max-width: 520px) {
  body.page-marketplace .mp-footer__bottom {
    padding-bottom: 24px;
  }

  body.page-marketplace .mp-footer__grid {
    gap: 24px;
    padding: 24px var(--mp-gutter) 28px;
  }
}

.mp-card__badge--b2b {
  background: #dbeafe;
  color: #1e3a8a;
  border: 1px solid rgba(30, 64, 175, 0.2);
}

.mp-card--optik-bayi .mp-card__foot {
  align-items: center;
}

.mp-card__price--login {
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav-active);
}

.mp-card__price--unavailable {
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav-active);
}

.mp-detail__no-sale-note {
  margin: 0.5rem 0 0;
  font-size: 0.9rem;
  line-height: 1.45;
}

.mp-detail__variant-label {
  display: block;
  font-size: 0.9rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.35;
  color: var(--mkt-ink, #0c1222);
  word-break: break-word;
}

.mp-detail__offer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
}

.mp-detail__offer .mp-detail__price-block {
  margin-bottom: 0;
}

.mp-detail__offer .mp-detail__cerceve-renk {
  margin-bottom: 0;
}

.mp-detail__cerceve-renk {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 16px;
  overflow: visible;
}

.mp-detail__cerceve-renk-label {
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mkt-muted, #5b6478);
  line-height: 1.2;
}

.mp-detail__cerceve-renk .mp-detail__swatches {
  justify-content: flex-start;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.mp-detail__cerceve-renk .mp-swatch {
  width: 32px;
  height: 32px;
  border: 2px solid rgba(15, 23, 42, 0.1);
  box-sizing: border-box;
}

.mp-detail__cerceve-renk .mp-swatch:hover {
  border-color: rgba(15, 23, 42, 0.28);
}

.mp-detail__cerceve-renk .mp-swatch.is-active {
  border-color: #fff;
  box-shadow: 0 0 0 2px var(--mkt-ink, #0c1222);
}

.mp-detail__cerceve-renk--text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.mp-detail__cerceve-renk--text .mp-swatch {
  flex-shrink: 0;
}

.mp-detail__cerceve-renk--multi {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}

.mp-detail__cerceve-renk-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mp-detail__cerceve-renk-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  padding: 4px 10px 4px 6px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.02);
  line-height: 1.2;
}

.mp-detail__cerceve-renk-chip .mp-swatch {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-width: 1px;
  pointer-events: none;
}

.mp-detail__cerceve-renk-chip-label {
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  white-space: nowrap;
}

.mp-swatch--mirror {
  background-color: var(--swatch-color, #a8adb4);
  background-image:
    linear-gradient(
      135deg,
      #f8fafc 0%,
      #c5cad1 22%,
      #f1f5f9 42%,
      #7c8490 58%,
      #e5e7eb 78%,
      #9ca3af 100%
    );
}

.mp-swatch--gradient {
  background-color: var(--swatch-color, #64748b);
  background-image: linear-gradient(
    145deg,
    #0f172a 0%,
    var(--swatch-color, #334155) 40%,
    #e2e8f0 100%
  );
}

.mp-swatch--clear {
  background-color: #e8edf2;
  background-image:
    linear-gradient(
      135deg,
      transparent 43%,
      rgba(12, 18, 34, 0.32) 47%,
      rgba(12, 18, 34, 0.32) 53%,
      transparent 57%
    ),
    linear-gradient(180deg, #f8fafc 0%, var(--swatch-color, #e8edf2) 100%);
  border-color: rgba(12, 18, 34, 0.24);
}

.mp-swatch--filter {
  background-color: var(--swatch-color, #38bdf8);
  background-image: linear-gradient(145deg, #e0f2fe 0%, var(--swatch-color, #38bdf8) 55%, #0284c7 100%);
}

.mp-swatch--multi {
  background-color: #a855f7;
  background-image: conic-gradient(
    from 20deg,
    #ef4444,
    #f97316,
    #eab308,
    #22c55e,
    #3b82f6,
    #a855f7,
    #ef4444
  );
}

.mp-detail__cerceve-renk-secili {
  font-size: 0.9rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  line-height: 1.35;
}

.mp-detail__swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  overflow: visible;
}

.mp-swatch {
  display: block;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--swatch-color, #ccc);
  border: 1px solid rgba(15, 23, 42, 0.18);
  box-shadow: none;
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mp-detail__swatches .mp-swatch {
  position: relative;
}

.mp-detail__swatches .mp-swatch[data-label]::after {
  content: attr(data-label);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%) translateY(2px);
  padding: 5px 8px;
  border-radius: 6px;
  background: rgba(15, 23, 42, 0.92);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s ease, transform 0.12s ease;
  z-index: 6;
}

.mp-detail__swatches .mp-swatch[data-label]::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  transform: translateX(-50%) translateY(2px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0;
  border-color: rgba(15, 23, 42, 0.92) transparent transparent;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s ease, transform 0.12s ease;
  z-index: 6;
}

.mp-detail__swatches .mp-swatch[data-label]:hover::after,
.mp-detail__swatches .mp-swatch[data-label]:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.mp-detail__swatches .mp-swatch[data-label]:hover::before,
.mp-detail__swatches .mp-swatch[data-label]:focus-visible::before {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.mp-detail__swatches .mp-swatch[data-label]:hover,
.mp-detail__swatches .mp-swatch[data-label]:focus-visible {
  z-index: 7;
}

.mp-swatch:hover {
  border-color: rgba(15, 23, 42, 0.35);
}

.mp-swatch:focus-visible {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: 2px;
}

.mp-swatch.is-active {
  border-color: rgba(15, 23, 42, 0.14);
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 3.5px var(--mkt-ink, #0c1222);
}

.mp-card__swatches {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  flex-shrink: 0;
  margin: 0;
}

.mp-card__offer .mp-card__swatches--empty {
  visibility: hidden;
}

.mp-card__swatches--empty {
  pointer-events: none;
  min-height: 24px;
}

.mp-card__swatch-more,
.mp-swatch-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 24px;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  border: 2px solid rgba(15, 23, 42, 0.1);
  background: #f8fafc;
  font-size: 0.58rem;
  font-weight: 600;
  line-height: 1;
  color: #475569;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.mp-swatch-more {
  min-width: 28px;
  height: 28px;
  padding: 0 7px;
  font-size: 0.72rem;
}

.mp-card__swatch-more:hover,
.mp-swatch-more:hover {
  background: #e8ecf2;
  border-color: rgba(15, 23, 42, 0.22);
  color: #0c1222;
}

.mp-card__swatch-more:focus-visible,
.mp-swatch-more:focus-visible {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: 2px;
}

.mp-swatch-drawer {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 350;
  pointer-events: none;
  visibility: hidden;
}

.mp-swatch-drawer.is-open {
  pointer-events: auto;
  visibility: visible;
}

.mp-swatch-drawer__backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(12, 18, 34, 0.45);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.mp-swatch-drawer.is-open .mp-swatch-drawer__backdrop {
  opacity: 1;
}

.mp-swatch-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 92vw;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-left: 1px solid var(--mkt-line, #e8ecf2);
  box-shadow: -8px 0 32px rgba(12, 18, 34, 0.12);
  transform: translate3d(100%, 0, 0);
  transition: transform 0.24s ease;
  will-change: transform;
}

.mp-swatch-drawer.is-open .mp-swatch-drawer__panel {
  transform: translate3d(0, 0, 0);
}

.mp-swatch-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0;
  padding: 16px 14px 12px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-swatch-drawer__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--mp-text-md);
  font-weight: var(--mp-fw-nav-active);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--mkt-ink, #0c1222);
}

.mp-swatch-drawer__title .ui-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--accent, #0f766e);
  --ui-icon-color: var(--accent, #0f766e);
}

.mp-swatch-drawer__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  cursor: pointer;
}

.mp-swatch-drawer__close .ui-icon {
  width: 16px;
  height: 16px;
}

.mp-swatch-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 14px 24px;
}

.mp-swatch-drawer__preview {
  margin-bottom: 18px;
}

.mp-swatch-drawer__media {
  min-width: 0;
  margin-bottom: 12px;
}

.mp-swatch-drawer__media .mp-detail__img-wrap {
  width: 100%;
}

.mp-swatch-drawer__media .mp-detail__gallery {
  width: 100%;
}

.mp-swatch-drawer__name {
  margin: 0;
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.4;
  color: var(--mkt-ink, #0c1222);
  word-break: break-word;
}

.mp-swatch-drawer__label {
  margin: 0 0 10px;
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav-active);
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.mp-swatch-drawer__swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
}

.mp-swatch-drawer__swatch {
  display: block;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background: var(--swatch-color, #ccc);
  border: 1px solid rgba(15, 23, 42, 0.14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  line-height: 1;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.mp-swatch-drawer__swatch:hover {
  transform: scale(1.06);
}

.mp-swatch-drawer__swatch.is-active {
  border: 2px solid #fff;
  outline: 2px solid #1a1a1a;
  outline-offset: 0;
}

.mp-swatch-drawer__footer {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  padding: 12px 14px calc(16px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--mkt-line, #e8ecf2);
  background: #fff;
}

.mp-swatch-drawer__cart-form {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  margin: 0;
}

.mp-swatch-drawer__cart-btn {
  width: 100%;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
}

.mp-swatch-drawer__detail-btn {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  justify-content: center;
  text-align: center;
  margin-left: 0;
  text-transform: uppercase;
}

.mp-swatch-drawer__detail-btn.is-disabled {
  pointer-events: none;
  opacity: 0.45;
}

.mp-swatch-drawer__cart-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

body.mp-swatch-drawer-open {
  overflow: hidden;
}

body.mp-swatch-drawer-open .mp-wa-fab {
  display: none;
}

.mp-card__swatch {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background: var(--swatch-color, #ccc);
  border: 2px solid rgba(15, 23, 42, 0.1);
  box-sizing: border-box;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  line-height: 1;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mp-card__swatch:hover {
  border-color: rgba(15, 23, 42, 0.24);
}

.mp-card__swatch.is-active,
.mp-card__swatch.is-preview {
  border-color: #fff;
  outline: none;
  box-shadow: 0 0 0 2px var(--mkt-ink, #0c1222);
}

.mp-card__swatch:focus-visible {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: 2px;
}

.mp-card.is-swatch-preview:hover .mp-card__media-swap-img--primary {
  opacity: 1;
}

.mp-card.is-swatch-preview:hover .mp-card__media-swap-img--hover {
  opacity: 0;
}

.mp-detail__shell--optik-bayi {
  border: 1px solid rgba(30, 64, 175, 0.18);
  background: linear-gradient(165deg, #f8faff 0%, #fff 42%);
  box-shadow: 0 18px 48px rgba(30, 64, 175, 0.08);
}

.mp-detail__legal-notice {
  margin: 4px 0 0;
  padding: 16px 18px;
  border-radius: var(--mp-radius-lg);
  background: #f0f4ff;
  border: 1px solid rgba(30, 64, 175, 0.16);
  border-left: 4px solid #1e40af;
}

.mp-detail__legal-title {
  margin: 0 0 10px;
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  color: #1e3a8a;
  letter-spacing: 0.01em;
}

.mp-detail__legal-notice p {
  margin: 0 0 8px;
  font-size: 0.88rem;
  line-height: 1.55;
  color: #334155;
}

.mp-detail__legal-notice p:last-child {
  margin-bottom: 0;
}

.mp-detail__legal-notice strong {
  color: #1e3a8a;
  font-weight: var(--mp-fw-nav-active);
}

.mp-detail__security-notice {
  margin: 4px 0 0;
  padding: 16px 18px;
  border-radius: var(--mp-radius-lg);
  background: #fffbeb;
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-left: 4px solid #d97706;
}

.mp-detail__security-title {
  margin: 0 0 10px;
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  color: #b45309;
  letter-spacing: 0.01em;
}

.mp-detail__security-notice p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: #334155;
}

/* G?ne? g?zl??? ? g?vence + ?l?? kartlar? (?nemli kutusunun alt?) */
.mp-detail__assurance {
  margin: 14px 0 0;
}

.mp-detail__assurance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.mp-detail__assurance-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 118px;
  padding: 14px 10px 12px;
  text-align: center;
  cursor: default;
  background: #f8fafc;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
}

.mp-detail__assurance-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  overflow: hidden;
  border-radius: 0;
  background: transparent;
}

.mp-detail__assurance-visual img {
  display: block;
  width: auto;
  height: auto;
  min-width: 40px;
  min-height: 32px;
  max-height: 52px;
  max-width: 80px;
  margin: 0 auto;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.mp-detail__assurance-label {
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav);
  line-height: 1.35;
  color: #334155;
}

.mp-detail__assurance-card--size {
  gap: 6px;
}

.mp-detail__assurance-value {
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.2;
  color: var(--mkt-ink, #0c1222);
  letter-spacing: -0.01em;
}

.mp-detail__assurance-footer {
  margin-top: 10px;
  text-align: center;
}

.mp-size-guide__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 20px 0 8px;
}

.mp-size-guide__item {
  padding: 16px;
  text-align: center;
  background: #f8fafc;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
}

.mp-size-guide__item img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto 12px;
}

.mp-size-guide__item h3 {
  margin: 0 0 8px;
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-size-guide__item p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.5;
}

@media (max-width: 720px) {
  .mp-size-guide__grid {
    grid-template-columns: 1fr;
  }
}

/* G?zl?k ?l?? rehberi ? premium editorial sayfa */
.mp-size-guide-page {
  --sg-ink: #0b1220;
  --sg-muted: #5b6478;
  --sg-cream: #f5f0eb;
  --sg-panel: #ffffff;
  --sg-line: rgba(15, 23, 42, 0.08);
}

.mp-size-guide__hero {
  position: relative;
  min-height: clamp(320px, 42vw, 480px);
  margin: 0 0 20px;
  border-radius: var(--mp-radius-lg);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  box-shadow: var(--mp-hover-shadow-card);
}

.mp-size-guide__hero-media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.mp-size-guide__hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 65% center;
}

.mp-size-guide__hero-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, rgba(11, 18, 32, 0.92) 0%, rgba(11, 18, 32, 0.72) 42%, rgba(11, 18, 32, 0.15) 100%);
}

.mp-size-guide__hero-body {
  position: relative;
  z-index: 1;
  width: min(100%, 560px);
  padding: clamp(28px, 5vw, 48px);
  color: #fff;
}

.mp-size-guide__eyebrow {
  margin: 0 0 10px;
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

.mp-size-guide__title {
  margin: 0 0 12px;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.mp-size-guide__lead {
  margin: 0 0 20px;
  font-size: clamp(0.92rem, 1.6vw, 1.05rem);
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.82);
}

.mp-size-guide__spec {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
}

.mp-size-guide__spec-part {
  font-size: 1.35rem;
  font-weight: 650;
  letter-spacing: -0.02em;
}

.mp-size-guide__spec-sep {
  opacity: 0.55;
  font-size: 1.1rem;
}

.mp-size-guide__spec-unit {
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.65;
  margin-left: 4px;
}

.mp-size-guide__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin: 0 0 24px;
  padding: 8px 10px;
  background: rgba(244, 246, 250, 0.92);
  border-radius: var(--mp-radius-lg);
  border: 1px solid var(--sg-line);
}

.mp-size-guide__nav-link {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: var(--mp-radius-md);
  font-size: 0.8rem;
  font-weight: var(--mp-fw-nav);
  color: var(--sg-muted);
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}

.mp-size-guide__nav-link:hover {
  color: var(--sg-ink);
  background: #fff;
}

.mp-size-guide__body {
  display: grid;
  gap: 20px;
}

.mp-size-guide__panel {
  padding: clamp(24px, 3.5vw, 36px);
  background: var(--sg-panel);
  border-radius: var(--mp-radius-lg);
  border: 1px solid var(--sg-line);
  box-shadow: var(--mp-hover-shadow);
}

.mp-size-guide__panel--outro {
  background: linear-gradient(135deg, var(--accent-soft) 0%, #fff 100%);
  border-color: var(--accent-border);
}

.mp-size-guide__panel--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(20px, 4vw, 40px);
  align-items: center;
}

.mp-size-guide__panel--reverse .mp-size-guide__media {
  order: -1;
}

.mp-size-guide__h2 {
  margin: 0 0 14px;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 650;
  letter-spacing: -0.02em;
  color: var(--sg-ink);
}

.mp-size-guide__h2--center {
  text-align: center;
  margin-bottom: 24px;
}

.mp-size-guide__h3 {
  margin: 0 0 10px;
  font-size: 1rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--sg-ink);
}

.mp-size-guide__h3--spaced {
  margin-top: 24px;
}

.mp-size-guide__p {
  margin: 0 0 12px;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--sg-muted);
}

.mp-size-guide__p--outro {
  margin: 0;
  font-size: 1rem;
}

.mp-size-guide__legend {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.mp-size-guide__legend li {
  position: relative;
  padding-left: 1.1rem;
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--sg-muted);
}

.mp-size-guide__legend li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
}

.mp-size-guide__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.mp-size-guide__step-card {
  position: relative;
  padding: 22px 20px 18px;
  border-radius: var(--mp-radius-md);
  background: var(--sg-cream);
  border: 1px solid var(--sg-line);
  border-top: 3px solid var(--accent);
}

.mp-size-guide__step-no {
  display: block;
  margin-bottom: 12px;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.12em;
  color: var(--accent);
}

.mp-size-guide__ranges {
  margin: 14px 0 0;
  display: grid;
  gap: 0;
}

.mp-size-guide__ranges div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.82rem;
  padding: 7px 0;
  border-bottom: 1px solid var(--sg-line);
}

.mp-size-guide__ranges dt {
  font-weight: var(--mp-fw-nav-active);
  color: var(--sg-ink);
}

.mp-size-guide__ranges dd {
  margin: 0;
  color: var(--sg-muted);
  text-align: right;
}

.mp-size-guide__media {
  margin: 0;
  border-radius: var(--mp-radius-md);
  overflow: hidden;
}

.mp-size-guide__media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.mp-size-guide__media--wide img {
  max-height: 420px;
}

.mp-size-guide__media--portrait img {
  max-height: 520px;
  object-position: center top;
}

.mp-size-guide__list {
  margin: 0;
  padding-left: 1.15rem;
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--sg-muted);
}

.mp-size-guide__list li + li {
  margin-top: 6px;
}

.mp-size-guide__ol {
  margin: 12px 0 0;
  padding-left: 1.2rem;
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--sg-muted);
}

.mp-size-guide__example {
  margin: 16px 0 0;
  padding: 12px 14px;
  border-radius: 8px;
  background: var(--sg-cream);
  font-size: 0.9rem;
  color: var(--sg-ink);
}

.mp-size-guide__face-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

.mp-size-guide__face-pill {
  padding: 18px 16px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--sg-line);
}

.mp-size-guide__face-pill--accent {
  background: var(--accent-soft);
  border-color: var(--accent-border);
}

.mp-size-guide__face-label {
  display: block;
  margin-bottom: 8px;
  font-size: 0.82rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--accent);
}

.mp-size-guide__face-pill p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--sg-muted);
}

.mp-size-guide__demo-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.mp-size-guide__demo-tile {
  padding: 18px;
  border-radius: 10px;
  background: var(--sg-cream);
  border: 1px solid var(--sg-line);
}

.mp-size-guide__demo-k {
  display: block;
  margin-bottom: 8px;
  font-size: 0.9rem;
  font-weight: 650;
  color: var(--sg-ink);
}

.mp-size-guide__demo-tile p {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.5;
  color: var(--sg-muted);
}

.mp-size-guide__note {
  margin: 14px 0 0;
  font-size: 0.86rem;
  line-height: 1.55;
  color: var(--sg-muted);
}

.mp-size-guide__checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mp-size-guide__checklist li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 10px;
  font-size: 0.92rem;
  line-height: 1.5;
  color: var(--sg-muted);
}

.mp-size-guide__checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6l2.5 2.5 4.5-5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat;
}

.mp-size-guide__table-wrap {
  overflow-x: auto;
  margin-top: 8px;
  border-radius: 10px;
  border: 1px solid var(--sg-line);
}

.mp-size-guide__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}

.mp-size-guide__table th {
  padding: 14px 16px;
  text-align: left;
  background: var(--accent);
  color: #fff;
  font-weight: 600;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mp-size-guide__table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--sg-line);
  color: var(--sg-muted);
}

.mp-size-guide__table tbody tr:last-child td {
  border-bottom: none;
}

.mp-size-guide__table tbody tr.is-highlight {
  background: var(--accent-soft);
}

.mp-size-guide__table tbody tr.is-highlight td {
  color: var(--sg-ink);
  font-weight: var(--mp-fw-nav);
}

.mp-size-guide__code {
  font-family: ui-monospace, "Cascadia Code", monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--sg-ink);
  background: transparent;
  padding: 0;
}

.mp-size-guide__panel--faq {
  padding-bottom: 8px;
}

.mp-size-guide__faq-head {
  max-width: 720px;
  margin-bottom: 22px;
}

.mp-size-guide__p--faq-lead {
  margin-top: 10px;
  margin-bottom: 0;
}

.mp-size-guide__faq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  align-items: start;
}

.mp-size-guide__faq-item {
  border: 1px solid var(--sg-line);
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mp-size-guide__faq-item:hover {
  border-color: color-mix(in srgb, var(--accent) 28%, var(--sg-line));
}

.mp-size-guide__faq-item[open] {
  border-color: color-mix(in srgb, var(--accent) 40%, var(--sg-line));
  box-shadow: 0 8px 24px rgba(12, 18, 34, 0.06);
}

.mp-size-guide__faq-item summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  cursor: pointer;
  padding: 16px 18px;
  list-style: none;
  user-select: none;
}

.mp-size-guide__faq-item summary::-webkit-details-marker {
  display: none;
}

.mp-size-guide__faq-q {
  font-weight: 600;
  color: var(--sg-ink);
  font-size: 0.94rem;
  line-height: 1.45;
}

.mp-size-guide__faq-icon {
  position: relative;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 10%, #fff);
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--sg-line));
}

.mp-size-guide__faq-icon::before,
.mp-size-guide__faq-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  border-radius: 1px;
  background: var(--accent);
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.mp-size-guide__faq-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.mp-size-guide__faq-item[open] .mp-size-guide__faq-icon::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scale(0.6);
}

.mp-size-guide__faq-body {
  padding: 0 18px 16px;
}

.mp-size-guide__faq-body p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--sg-muted);
}

@media (max-width: 900px) {
  .mp-size-guide__hero-media img {
    object-position: center;
  }

  .mp-size-guide__hero-scrim {
    background: linear-gradient(180deg, rgba(11, 18, 32, 0.2) 0%, rgba(11, 18, 32, 0.88) 70%);
  }

  .mp-size-guide__nav {
    border-radius: var(--mp-radius-lg);
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .mp-size-guide__panel--split,
  .mp-size-guide__panel--reverse .mp-size-guide__media {
    grid-template-columns: 1fr;
    order: unset;
  }

  .mp-size-guide__steps,
  .mp-size-guide__face-row,
  .mp-size-guide__demo-row {
    grid-template-columns: 1fr;
  }

  .mp-size-guide__faq {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .mp-size-guide__grid {
    grid-template-columns: 1fr;
  }
}

.mp-detail__b2b-banner {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px 14px;
  margin: 0 0 4px;
  padding: 14px 16px;
  border-radius: var(--mp-radius-lg);
  background: rgba(30, 64, 175, 0.07);
  border: 1px solid rgba(30, 64, 175, 0.14);
}

.mp-detail__b2b-banner p {
  margin: 0;
  flex: 1 1 220px;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #1e3a8a;
}

.mp-badge--b2b {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: var(--mp-radius);
  font-size: 0.78rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1e3a8a;
  background: #dbeafe;
  border: 1px solid rgba(30, 64, 175, 0.2);
}

.mp-badge--b2b .ui-icon {
  width: 14px;
  height: 14px;
}

.mp-detail__price-tag {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: var(--mp-radius);
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  vertical-align: middle;
  color: #1e3a8a;
  background: #eff6ff;
}

.mp-detail__price-hint {
  margin: 0;
  font-size: 0.92rem;
}

.mp-detail__b2b-note {
  margin: 10px 0 0;
  font-size: 0.88rem;
  line-height: 1.5;
}

.mp-detail__actions-main--b2b-lock {
  flex-wrap: wrap;
}

body.page-marketplace--optik-bayi .mp-detail__shell {
  gap: 24px;
}

@media (max-width: 900px) {
  .mp-detail__legal-notice,
  .mp-detail__security-notice,
  .mp-detail__b2b-banner {
    margin-bottom: 8px;
  }

}

/* ?r?n detay ? tam sayfa geni?li?i */
.mp-detail {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-right: 0;
  padding-bottom: 56px;
  padding-left: 0;
  box-sizing: border-box;
}

.mp-detail__crumb {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 20px;
  padding-top: 2px;
  padding-right: var(--mp-gutter);
  padding-left: var(--mp-gutter);
  line-height: 1.45;
  font-size: 0.85rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-detail__crumb a {
  color: var(--mkt-muted, #5b6478);
  text-decoration: none;
}

.mp-detail__crumb a:hover {
  color: #334155;
}

.mp-detail__shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: clamp(24px, 3vw, 48px);
  padding: clamp(20px, 2.5vw, 36px) var(--mp-gutter);
  background: #fff;
  border-radius: 0;
  border: none;
  box-shadow: none;
}

.mp-detail__media {
  min-width: 0;
}

.mp-detail__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  max-height: min(520px, 72vw);
  padding: clamp(12px, 3vw, 24px);
  box-sizing: border-box;
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  overflow: hidden;
}

.mp-detail__img-wrap.catalog-card__media--avatar,
.mp-detail__img-wrap.catalog-card__media--placeholder,
.mp-detail__img-wrap--placeholder {
  background: linear-gradient(160deg, #e9eef3 0%, #f4f7fa 48%, #eef2f6 100%);
  border-color: #e2e8f0;
}

.mp-detail__img-wrap img {
  display: block;
  flex: 0 1 auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

/* Kart placeholder s?n?f? detayda k???ltmesin */
.mp-detail__img-wrap img.catalog-card__media-avatar,
.mp-detail__img-wrap .mp-detail__photo {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
}

.mp-detail__img-wrap .mp-detail__photo--kategori-ph {
  object-fit: cover;
  object-position: center;
}

.mp-detail__img-wrap .mp-detail__photo--statik-ph {
  width: 82%;
  height: 82%;
  object-fit: contain;
}

.mp-detail__gallery {
  display: grid;
  gap: 12px;
  width: 100%;
}

.mp-detail__gallery-stage {
  position: relative;
  width: 100%;
}

.mp-detail__gallery-stage:focus {
  outline: none;
}

.mp-detail__gallery-stage:focus-visible {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: 3px;
  border-radius: var(--mp-radius);
}

.mp-detail__gallery-nav {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  color: var(--mkt-ink, #0c1222);
  font-size: 1.65rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(12, 18, 34, 0.14);
  transform: translateY(-50%);
  transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.mp-detail__gallery-nav:hover {
  background: #fff;
  box-shadow: 0 4px 14px rgba(12, 18, 34, 0.1);
  transform: translateY(-50%);
}

.mp-detail__gallery-nav:focus-visible {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: 2px;
}

.mp-detail__gallery-nav--prev {
  left: 12px;
}

.mp-detail__gallery-nav--next {
  right: 12px;
}

.mp-detail__gallery-stage .mp-detail__gallery-main {
  position: relative;
  z-index: 1;
}

.mp-detail__gallery-main {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  max-height: min(520px, 72vw);
  padding: clamp(12px, 3vw, 24px);
  box-sizing: border-box;
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  overflow: hidden;
  text-decoration: none;
}

.mp-detail__gallery-main img {
  display: block;
  flex: 0 1 auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.mp-detail__gallery-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
}

.mp-detail__gallery-thumb {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  padding: 6px;
  box-sizing: border-box;
  border: 2px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mp-detail__gallery-thumb:hover {
  border-color: #cbd5e1;
}

.mp-detail__gallery-thumb.is-active {
  border-color: var(--accent, #0f766e);
  box-shadow: 0 0 0 1px var(--accent, #0f766e);
}

.mp-detail__gallery-thumb img {
  display: block;
  flex: 0 1 auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 768px) {
  .mp-detail__gallery-main {
    touch-action: pan-y pinch-zoom;
    -webkit-user-select: none;
    user-select: none;
  }

  .mp-detail__gallery-nav {
    display: none;
  }

  .mp-detail__gallery-thumbs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }

  .mp-detail__gallery-thumbs::-webkit-scrollbar {
    display: none;
  }

  .mp-detail__gallery-thumb {
    width: 64px;
    height: 64px;
  }
}

.mp-detail__title {
  margin: 0 0 10px;
  font-size: clamp(1.35rem, 3vw, 1.85rem);
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: -0.03em;
  line-height: 1.25;
}

.mp-detail__price-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-bottom: 16px;
}

.mp-detail__price {
  margin: 0;
  font-size: clamp(1.6rem, 4vw, 1.85rem);
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.mp-detail__rating-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin: 0 0 14px;
  padding: 8px 12px;
  border-radius: var(--mp-radius);
  background: #f8fafc;
  border: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-detail__rating-bar-deger,
.mp-detail__rating-soru {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--mkt-ink, #0c1222);
  text-decoration: none;
  transition: color 0.15s ease;
}

.mp-detail__rating-bar-deger {
  flex-wrap: wrap;
}

.mp-detail__rating-bar-deger:hover,
.mp-detail__rating-soru:hover {
  color: #334155;
}

.mp-detail__rating-score {
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1;
  color: var(--mkt-ink, #0c1222);
}

.mp-detail__rating-bar-deger:hover .mp-detail__rating-score {
  color: #334155;
}

.mp-detail__rating-count {
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-muted, #5b6478);
  white-space: nowrap;
}

.mp-detail__rating-bar-deger:hover .mp-detail__rating-count {
  color: #64748b;
}

.mp-detail__rating-photo {
  display: inline-flex;
  align-items: center;
  color: var(--mkt-muted, #5b6478);
}

.mp-detail__rating-photo .ui-icon {
  width: 18px;
  height: 18px;
}

.mp-detail__rating-bar-deger:hover .mp-detail__rating-photo {
  color: #64748b;
}

.mp-detail__rating-divider {
  width: 1px;
  height: 22px;
  background: var(--mkt-line, #e8ecf2);
  flex-shrink: 0;
}

.mp-detail__rating-soru-label {
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-muted, #5b6478);
  white-space: nowrap;
}

.mp-detail__rating-soru-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  padding: 1px 6px;
  border-radius: var(--mp-radius);
  font-size: 0.75rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.3;
  color: var(--mkt-ink, #0c1222);
  background: #eef1f6;
}

.mp-detail__rating-soru:hover .mp-detail__rating-soru-label,
.mp-detail__rating-soru:hover .mp-detail__rating-soru-count {
  color: #334155;
}

.mp-detail__rating-soru:hover .mp-detail__rating-soru-count {
  background: #f1f5f9;
}

.mp-stars {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  flex-shrink: 0;
}

.mp-stars__star {
  display: inline-flex;
  line-height: 0;
}

.mp-stars__star .ui-icon {
  width: 15px;
  height: 15px;
}

.mp-stars__star--full {
  color: #f59e0b;
}

.mp-stars__star--empty {
  color: #d1d5db;
}

.mp-stars__star--partial {
  position: relative;
  width: 15px;
  height: 15px;
}

.mp-stars__star-empty,
.mp-stars__star-fill {
  position: absolute;
  inset: 0;
  display: inline-flex;
}

.mp-stars__star-empty {
  color: #d1d5db;
}

.mp-stars__star-fill {
  color: #f59e0b;
  width: var(--star-pct, 0%);
  overflow: hidden;
}

.mp-detail--yorumlar .mp-detail__comments {
  margin-top: 0;
}

.mp-detail--sorular .mp-detail__sorular {
  margin-top: 0;
}

.mp-yorumlar-hero,
.mp-sorular-hero {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px var(--mp-gutter);
  background: #fff;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  box-shadow: none;
}

.mp-yorumlar-hero__media,
.mp-sorular-hero__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: var(--mp-radius);
  background: #f8fafc;
  border: 1px solid var(--mkt-line, #e8ecf2);
  overflow: hidden;
  text-decoration: none;
}

.mp-yorumlar-hero__media img,
.mp-sorular-hero__media img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.mp-yorumlar-hero__eyebrow,
.mp-sorular-hero__eyebrow {
  margin: 0 0 6px;
  font-size: 0.78rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mkt-muted, #5b6478);
}

.mp-yorumlar-hero__title,
.mp-sorular-hero__title {
  margin: 0 0 8px;
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: -0.02em;
}

.mp-yorumlar-hero__title a,
.mp-sorular-hero__title a {
  color: var(--mkt-ink, #0c1222);
  text-decoration: none;
}

.mp-yorumlar-hero__title a:hover,
.mp-sorular-hero__title a:hover {
  color: #334155;
}

.mp-yorumlar-hero__price,
.mp-sorular-hero__price {
  margin: 0 0 12px;
  font-size: 1.35rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-sorular-hero__seller {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 0 0 12px;
  font-size: 0.9rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-sorular-hero__seller a {
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  text-decoration: none;
}

.mp-sorular-hero__seller a:hover {
  color: #334155;
}

.mp-detail__specs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 16px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  overflow: hidden;
}

.mp-detail__spec {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 10px 12px;
  background: transparent;
  border: none;
  border-right: 1px solid var(--mkt-line, #e8ecf2);
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-detail__spec:nth-child(3n) {
  border-right: none;
}

.mp-detail__spec:nth-child(n + 4) {
  border-bottom: none;
}

.mp-detail__specs dt {
  margin: 0;
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--mkt-muted, #5b6478);
}

.mp-detail__specs dd {
  margin: 0;
  font-size: 0.9rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.35;
  color: var(--mkt-ink, #0c1222);
  word-break: break-word;
}

/* ?r?n ?zellikleri ? ?r?n grid?inden ayr?, tam geni?lik b?l?m */
.urun-attrs {
  margin: 20px 0 0;
}

.mp-detail > .urun-attrs.mp-detail__attrs,
.mp-detail > .mp-detail-info.mp-detail__attrs {
  /* ?st men???r?n aras? (--mp-section-top) ile ayn? ara bo?luk */
  margin: var(--mp-section-top) 0 0;
  padding: clamp(20px, 2.5vw, 28px) var(--mp-gutter);
  background: #fff;
  border-top: none;
  box-sizing: border-box;
}

.mp-detail-info__tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 0 20px;
  margin: 0 0 16px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}

.mp-detail-info__tabs::-webkit-scrollbar {
  display: none;
}

.mp-detail-info__tab {
  appearance: none;
  flex: 0 0 auto;
  margin: 0;
  padding: 0 0 10px;
  border: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  background: transparent;
  font: inherit;
  font-size: 1.05rem;
  font-weight: var(--mp-fw-nav, 500);
  line-height: 1.3;
  color: var(--mkt-muted, #5b6478);
  cursor: pointer;
  white-space: nowrap;
}

.mp-detail-info__tab:hover {
  color: var(--mkt-ink, #0c1222);
}

.mp-detail-info__tab.is-active {
  font-weight: var(--mp-fw-nav-active, 700);
  color: var(--mkt-ink, #0c1222);
  border-bottom-color: var(--mkt-ink, #0c1222);
}

.mp-detail-info__panel[hidden] {
  display: none !important;
}

.mp-detail-info__panel .urun-attrs {
  margin: 0;
}

.mp-detail-info__panel .mp-detail__comments--compact {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.mp-detail-info__panel .mp-detail__comments-hint {
  margin: 0 0 14px;
}

.mp-taksit__hint,
.mp-taksit__empty {
  margin: 0 0 14px;
  font-size: 0.9rem;
  line-height: 1.45;
}

.mp-taksit__table-wrap {
  width: 100%;
  overflow-x: auto;
}

.mp-taksit__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.mp-taksit__table th,
.mp-taksit__table td {
  padding: 12px 16px;
  text-align: left;
  border: none;
}

.mp-taksit__table thead th {
  font-weight: 700;
  color: var(--mkt-ink, #111);
  background: #eee;
}

.mp-taksit__table tbody tr:nth-child(odd) {
  background: #f5f5f5;
}

.mp-taksit__table tbody tr:nth-child(even) {
  background: #fff;
}

.mp-taksit__table tbody td {
  color: var(--mkt-ink, #222);
}

.urun-attrs__title {
  margin: 0 0 12px;
  padding: 0 0 10px;
  font-size: 1.05rem;
  font-weight: var(--mp-fw-nav-active, 700);
  line-height: 1.3;
  color: var(--mkt-ink, #0c1222);
  border-bottom: 2px solid var(--mkt-ink, #0c1222);
  display: inline-block;
  min-width: 10ch;
}

.urun-attrs__list {
  margin: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: none;
  background: transparent;
}

.urun-attrs__row {
  display: grid;
  grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);
  gap: 12px 24px;
  align-items: baseline;
  padding: 12px 16px;
  border: none;
  background: #f5f5f5;
}

.urun-attrs__row:nth-child(even) {
  background: #fff;
}

.urun-attrs__row dt {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: var(--mkt-ink, #111);
}

.urun-attrs__row dd {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--mkt-ink, #222);
  word-break: break-word;
}

.urun-attrs__link {
  color: inherit;
  text-decoration: none;
}

.urun-attrs__link:hover {
  color: var(--mkt-accent, #0f766e);
  text-decoration: none;
}

@media (max-width: 520px) {
  .urun-attrs__row {
    grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);
    gap: 8px 14px;
    padding: 10px 12px;
  }
}

.mp-detail__seller-bar {
  margin-bottom: 14px;
  padding: 10px 12px;
  border-radius: var(--mp-radius);
  background: #f8fafc;
  border: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-detail__seller {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 0;
  font-size: 0.88rem;
  line-height: 1.25;
}

.mp-detail__seller-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 26px;
  padding: 4px 10px;
  border-radius: var(--mp-radius);
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
  box-sizing: border-box;
}

.mp-detail__seller-badges {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 26px;
}

.mp-detail__seller-label {
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav);
  color: var(--mkt-muted, #5b6478);
  line-height: 1.25;
}

.mp-detail__seller-no,
.mp-detail__seller a {
  font-size: 0.88rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  text-decoration: none;
  line-height: 1.25;
}

.mp-detail__seller-no:hover,
.mp-detail__seller a:hover {
  color: #334155;
}

.mp-detail__seller .mp-satici-puan,
.mp-detail__seller .mp-verified-badge,
.mp-detail__seller .mp-detail__buybox-pill {
  min-height: 26px;
  box-sizing: border-box;
}

.mp-detail__seller .mp-satici-puan,
.mp-detail__seller .mp-verified-badge {
  padding: 4px 10px;
  font-size: 0.78rem;
  line-height: 1.25;
}

.mp-detail__seller .mp-satici-puan .ui-icon,
.mp-detail__seller .mp-verified-badge .ui-icon {
  width: 14px;
  height: 14px;
}

.mp-detail__seller .mp-detail__buybox-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 0.78rem;
  line-height: 1.25;
}

.mp-detail__desc h2 {
  margin: 0 0 8px;
  font-size: 1rem;
}

.mp-detail__desc p {
  margin: 0 0 18px;
  line-height: 1.6;
  color: var(--mkt-muted, #5b6478);
}

.mp-detail__note {
  margin: 0 0 14px;
  font-size: 0.8rem;
  line-height: 1.5;
  color: var(--mkt-muted, #5b6478);
}

.mp-detail__buybox-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: var(--mp-radius);
  font-size: 0.75rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-muted, #5b6478);
  background: #eef1f6;
}

.mp-detail__buybox {
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #f8fafc;
}

.mp-detail__buybox-title {
  margin: 0 0 2px;
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
}

.mp-detail__buybox-hint {
  margin: 0 0 10px;
  font-size: 0.8rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-detail__buybox-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: min(280px, 50vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.mp-detail__buybox-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  padding: 11px 0;
  border: none;
  border-radius: 0;
  background: transparent;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-detail__buybox-item:first-child {
  padding-top: 0;
}

.mp-detail__buybox-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.mp-detail__buybox-main {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px 10px;
  min-width: 0;
  overflow: hidden;
}

.mp-detail__buybox-seller {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 26ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  text-decoration: none;
}

.mp-detail__buybox-seller:hover {
  color: #334155;
  text-decoration: none;
}

.mp-detail__buybox-price {
  flex-shrink: 0;
  font-size: 0.92rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-detail__buybox-stock {
  flex-shrink: 0;
  font-size: 0.78rem;
  white-space: nowrap;
}

.mp-detail__buybox-main .mp-satici-puan,
.mp-detail__buybox-main .mp-verified-badge,
.mp-detail__buybox-main .mp-shipping-badge {
  flex-shrink: 0;
}

.mp-detail__buybox-actions {
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  gap: 8px;
}

/* ?r?n yorumlar? */
.mp-detail__comments {
  margin-top: 24px;
  padding: clamp(20px, 2.5vw, 28px) var(--mp-gutter);
  background: #fff;
  border-radius: 0;
  border: none;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
  box-shadow: none;
}

.mp-detail__comments-head {
  margin-bottom: 18px;
}

.mp-detail__comments-title {
  margin: 0 0 6px;
  font-size: 1.15rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: -0.02em;
}

.mp-detail__comments-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding: 2px 8px;
  border-radius: var(--mp-radius);
  font-size: 0.8rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-muted, #5b6478);
  background: #eef1f6;
  vertical-align: middle;
}

.mp-detail__comments-hint {
  margin: 0;
  font-size: 0.85rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-flash--yorum {
  margin-bottom: 16px;
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.mp-flash--error {
  margin-bottom: 16px;
  border-color: #fecaca;
  background: #fef2f2;
}

.mp-flash--error .mp-flash__icon {
  color: #dc2626;
}

.mp-yorum-form {
  margin-bottom: 22px;
  padding: 16px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-md);
  background: #fafbfd;
}

.mp-yorum-form__label {
  display: block;
  margin-bottom: 8px;
  font-size: 0.85rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-yorum-form__input {
  display: block;
  width: 100%;
  min-height: 110px;
  padding: 12px 14px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  font: inherit;
  line-height: 1.5;
  color: var(--mkt-ink, #0c1222);
  background: #fff;
  resize: vertical;
  box-sizing: border-box;
}

.mp-yorum-form__input:focus {
  outline: none;
  border-color: var(--accent, #0f766e);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.mp-yorum-form__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.mp-yorum-login {
  margin-bottom: 22px;
  padding: 16px;
  border: 1px dashed var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-md);
  background: #fafbfd;
}

.mp-yorum-login p {
  margin: 0 0 12px;
  font-size: 0.9rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-yorum-login__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.mp-yorum-muted {
  margin: 0 0 18px;
  font-size: 0.85rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-yorum-empty {
  padding: 20px;
  text-align: center;
  border: 1px dashed var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-md);
  background: #fafbfd;
}

.mp-yorum-empty p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-yorum-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mp-yorum-item {
  padding: 14px 16px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-md);
  background: #fff;
}

.mp-yorum-item__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.mp-yorum-item__author {
  font-size: 0.9rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-yorum-item__time {
  font-size: 0.78rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-yorum-item__text {
  margin: 0;
  line-height: 1.55;
  font-size: 0.92rem;
  color: var(--mkt-ink, #0c1222);
  word-break: break-word;
}

.mp-yorum-item__delete {
  margin: 10px 0 0;
}

.mp-yorum-item__delete-btn {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 0.78rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-muted, #5b6478);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mp-yorum-item__delete-btn:hover {
  color: #dc2626;
}

/* ?r?n sorular? (Q&A) */
.mp-detail__sorular {
  margin-top: 24px;
  padding: clamp(20px, 2.5vw, 28px) var(--mp-gutter);
  background: #fff;
  border-radius: 0;
  border: none;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
  box-shadow: none;
}

.mp-detail__sorular-head {
  margin-bottom: 18px;
}

.mp-detail__sorular-title {
  margin: 0 0 6px;
  font-size: 1.15rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: -0.02em;
}

.mp-detail__sorular-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding: 2px 8px;
  border-radius: var(--mp-radius);
  font-size: 0.8rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-muted, #5b6478);
  background: #eef1f6;
  vertical-align: middle;
}

.mp-detail__sorular-hint {
  margin: 0;
  font-size: 0.85rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-flash--soru {
  margin-bottom: 16px;
  border-color: #bfdbfe;
  background: #eff6ff;
}

.mp-soru-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-soru-form__label {
  font-size: 0.85rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-soru-form__input {
  width: 100%;
  min-height: 88px;
  padding: 12px 14px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  font: inherit;
  resize: vertical;
  line-height: 1.5;
}

.mp-soru-form__input:focus {
  outline: none;
  border-color: var(--mkt-accent, #0f766e);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.mp-soru-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mp-soru-login {
  padding: 16px;
  margin-bottom: 20px;
  border-radius: var(--mp-radius);
  background: #f8fafc;
  border: 1px dashed var(--mkt-line, #e8ecf2);
}

.mp-soru-login p {
  margin: 0 0 12px;
  font-size: 0.9rem;
}

.mp-soru-login__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mp-soru-muted {
  margin: 0 0 16px;
  font-size: 0.88rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-soru-empty {
  padding: 20px;
  text-align: center;
  border-radius: var(--mp-radius);
  background: #f8fafc;
}

.mp-soru-empty p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-soru-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mp-soru-item {
  padding: 16px;
  border-radius: var(--mp-radius-lg);
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #fafbfc;
}

.mp-soru-item--answered {
  background: #fff;
}

.mp-soru-item__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 8px;
}

.mp-soru-item__badge {
  display: inline-flex;
  padding: 2px 8px;
  border-radius: var(--mp-radius);
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #1d4ed8;
  background: #dbeafe;
}

.mp-soru-item__badge--a {
  color: #047857;
  background: #d1fae5;
}

.mp-soru-item__author {
  font-size: 0.88rem;
  font-weight: var(--mp-fw-nav-active);
}

.mp-soru-item__time {
  font-size: 0.8rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-soru-item__text {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
}

.mp-soru-item__q {
  margin-bottom: 0;
}

.mp-soru-item__a {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed var(--mkt-line, #e8ecf2);
}

.mp-soru-item__pending {
  margin: 8px 0 0;
  font-size: 0.82rem;
  font-style: italic;
  color: var(--mkt-muted, #5b6478);
}

.mp-soru-item__delete {
  margin-top: 8px;
}

.mp-soru-item__delete-btn {
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.8rem;
  color: var(--mkt-muted, #5b6478);
  cursor: pointer;
  text-decoration: underline;
}

.mp-soru-item__delete-btn:hover {
  color: #dc2626;
}

.mp-satici-puan {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: var(--mp-radius);
  font-size: 0.78rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.25;
  color: #b45309;
  background: #fffbeb;
  border: 1px solid rgba(245, 158, 11, 0.35);
}

.mp-satici-puan .ui-icon {
  width: 14px;
  height: 14px;
  color: #f59e0b;
  flex-shrink: 0;
}

.mp-satici-puan--sm {
  padding: 1px 6px;
  font-size: 0.72rem;
}

.mp-satici-puan--sm .ui-icon {
  width: 11px;
  height: 11px;
}

.mp-verified-badge--sm {
  padding: 2px 6px;
  font-size: 0.72rem;
}

.mp-verified-badge--sm .ui-icon {
  width: 14px;
  height: 14px;
}

.mp-related {
  margin-top: 40px;
}

.mp-related__title {
  margin: 0 0 18px;
  font-size: 1.2rem;
}

@media (max-width: 1024px) {
  .mp-slider,
  .mp-slider__track,
  .mp-slider__slide {
    min-height: clamp(360px, 50vw, 500px);
  }
}

@media (max-width: 768px) {
  .mp-coupons__carousel {
    margin-inline: calc(-1 * var(--mp-gutter));
    width: calc(100% + 2 * var(--mp-gutter));
  }

  .mp-coupons__viewport {
    scroll-padding-inline: var(--mp-gutter);
    padding-inline: var(--mp-gutter);
  }

  .mp-coupons__grid {
    gap: 12px;
  }

  .mp-coupons__grid .mp-coupon-card {
    flex: 0 0 calc(100vw - 2 * var(--mp-gutter));
    width: calc(100vw - 2 * var(--mp-gutter));
  }

  @supports (width: 100cqw) {
    .mp-coupons__grid .mp-coupon-card {
      flex: 0 0 calc(100cqw - 2 * var(--mp-gutter));
      width: calc(100cqw - 2 * var(--mp-gutter));
    }
  }

  .mp-home-banners__grid {
    grid-template-columns: 1fr;
  }

  .mp-quad-banners__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mp-brand-banners .mp-quad-banners__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Dar kartlar yan yana (?st sat?r), geni? kartlar alt alta tam geni?lik */
  .mp-quad-banners__grid .mp-quad-banner--narrow:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  .mp-quad-banners__grid .mp-quad-banner--narrow:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }

  .mp-quad-banners__grid .mp-quad-banner--wide:nth-child(2) {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .mp-quad-banners__grid .mp-quad-banner--wide:nth-child(4) {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  .mp-quad-banner {
    min-height: 380px;
    padding: 18px 20px;
  }

  .mp-quad-banner--narrow {
    min-height: 300px;
    padding: 16px 14px;
  }

  .mp-brand-banners .mp-quad-banner--equal {
    min-height: 0;
    aspect-ratio: 4 / 5;
    padding: 14px 12px;
  }

  .mp-home-banners__inner {
    --mp-brand-card-height: calc(((100cqw - var(--mp-brand-carousel-gap, 12px)) / 2) * 4 / 3);
  }

  .mp-home-banner {
    min-height: var(--mp-brand-card-height);
    max-height: var(--mp-brand-card-height);
  }

  .mp-home-banner__foot {
    align-items: flex-end;
  }

  .mp-home-banner__cta {
    align-self: flex-end;
  }

  .mp-coupon-card__top {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px;
  }

  .mp-coupon-card__badge {
    align-self: flex-start;
    min-width: 0;
    padding: 8px 12px;
  }

  .mp-coupon-card__badge-value {
    font-size: 1rem;
  }

  .mp-coupon-card__main {
    flex: 1 1 auto;
    min-width: 0;
  }

  .mp-coupon-card__countdown-grid {
    gap: 4px;
  }

  .mp-coupon-card__countdown-unit {
    padding: 6px 3px;
  }

  .mp-coupon-card__countdown-value {
    font-size: 0.875rem;
  }

  .mp-coupon-card__countdown-unit small {
    font-size: 0.5rem;
    letter-spacing: 0.04em;
  }

  .mp-coupon-card__actions {
    flex-direction: column;
    padding: 10px 12px 12px;
  }

  .mp-coupon-card__code {
    width: 100%;
    min-height: 40px;
  }

  .mp-coupon-card__copy {
    width: 100%;
    min-height: 40px;
    justify-content: center;
  }
}

@media (max-width: 900px) {
  .mp-promo__viewport {
    overflow: visible;
    margin: 0;
    padding: 0;
  }

  .mp-promo__grid {
    width: 100%;
    min-width: 0;
    transform: none !important;
  }

  .mp-promo__card {
    flex: initial;
    scroll-snap-align: none;
    min-width: 0;
  }

  .mp-promo__dots {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .mp-slider {
    min-height: clamp(500px, 68svh, 680px);
  }

  .mp-slider__track,
  .mp-slider__slide,
  .mp-slider__banner {
    min-height: clamp(500px, 68svh, 680px);
  }

  .mp-slider__slide:not(:last-child) {
    border-right: none;
  }

  .mp-slider__overlay,
  .mp-slider[data-per-view="1"] .mp-slider__slide--has-img .mp-slider__overlay {
    align-items: flex-end;
    justify-content: flex-start;
    padding: 20px var(--mp-gutter) clamp(28px, 6vw, 40px);
    background: linear-gradient(180deg, rgba(12, 18, 34, 0.02) 0%, rgba(12, 18, 34, 0.35) 40%, rgba(12, 18, 34, 0.88) 100%);
  }

  .mp-slider__slide--has-img .mp-slider__overlay {
    align-items: flex-end;
    background: linear-gradient(180deg, rgba(12, 18, 34, 0.02) 0%, rgba(12, 18, 34, 0.35) 40%, rgba(12, 18, 34, 0.88) 100%);
  }

  .mp-slider__content {
    max-width: none;
    padding: 14px 16px;
    background: rgba(12, 18, 34, 0.3);
  }

  .mp-main--home > .mp-hero .mp-slider__overlay {
    padding-left: clamp(16px, 4vw, 24px);
    padding-right: clamp(16px, 4vw, 24px);
  }

  .mp-slider__title {
    font-size: clamp(1.2rem, 6vw, 1.65rem);
  }

  .mp-slider__text {
    margin-bottom: 16px;
  }

  .mp-slider__dots {
    max-width: calc(100% - 2 * var(--mp-gutter));
    gap: 6px;
    padding: 5px 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex-wrap: nowrap;
  }

  .mp-slider__dots::-webkit-scrollbar {
    display: none;
  }

  .mp-slider__dot {
    flex-shrink: 0;
    width: 6px;
    height: 6px;
  }
}

@media (max-width: 900px) {
  body.mode-marketing.page-marketplace {
    --mp-catnav-h: 0px;
    --mp-preheader-h: 0px;
  }

  .mp-preheader {
    display: none;
  }

  .mp-catnav {
    display: none;
  }

  .mp-header__menu-btn {
    display: inline-flex;
  }

  .mp-header .mkt-header__inner {
    grid-template-columns: auto 1fr auto;
    row-gap: 0;
    min-height: auto;
    height: auto;
    padding: 0;
  }

  .mp-header__menu-btn {
    grid-column: 1;
    grid-row: 1;
  }

  .mp-header .mkt-brand {
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .mp-header__toolbar {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    gap: 6px;
    max-width: 100%;
  }

  body.page-marketplace:not(.page-checkout) .mp-header__toolbar .mp-header__quick-btn {
    width: 40px;
    height: 40px;
    min-height: 40px;
  }

  body.page-marketplace:not(.page-checkout) .mp-header__toolbar .mp-header__auth-trigger--labeled {
    width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 0;
    gap: 0;
    justify-content: center;
  }

  body.page-marketplace:not(.page-checkout) .mp-header__toolbar .mp-header__auth-text {
    display: none;
  }

  body.page-marketplace:not(.page-checkout) .mp-header__auth-menu--guest [data-mp-auth-toggle] {
    display: none !important;
  }

  body.page-marketplace:not(.page-checkout) .mp-header__auth-menu--guest .mp-header__auth-popover {
    display: none !important;
  }

  body.page-marketplace:not(.page-checkout) .mp-header__auth-menu--guest .mp-header__auth-trigger--direct {
    display: inline-flex !important;
    text-decoration: none;
    color: inherit;
  }

  body.page-marketplace:not(.page-checkout) .mp-header__mobile-tools {
    display: none;
  }

  .mp-header__search-wrap {
    display: none;
  }

  .mp-search-drawer {
    display: block;
  }

  /* Mobil kategori men?s? ? tam geni?lik, i? scrollbar yok (viewport kayd?rmas?) */
  body.mp-cat-drawer-open {
    overflow: hidden;
  }

  .mp-cat-drawer.is-open {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  .mp-cat-drawer__backdrop {
    display: none;
  }

  .mp-cat-drawer__panel {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    width: 100%;
    max-width: none;
    min-height: 100%;
    min-height: 100dvh;
    height: auto;
    border-right: none;
    box-shadow: none;
  }

  .mp-cat-drawer__stages {
    flex: 0 0 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: visible;
  }

  .mp-cat-drawer__track {
    height: auto;
    align-items: stretch;
  }

  .mp-cat-drawer__pane {
    height: auto;
    overflow-x: hidden;
    overflow-y: visible;
  }

  .mp-cat-drawer__subpanel {
    min-height: 0;
  }

  .mp-cat-drawer__grid {
    padding-left: var(--mp-chrome-inline, 12px);
    padding-right: var(--mp-chrome-inline, 12px);
  }

  .mp-cat-drawer__help {
    padding-left: var(--mp-chrome-inline, 12px);
    padding-right: var(--mp-chrome-inline, 12px);
  }

  .mp-filter-fab {
    display: none;
  }

  body.page-marketplace--kategori .mp-filter-fab {
    display: inline-flex;
    bottom: calc(var(--mp-dock-h) + 12px);
  }

  .mp-sidebar__title {
    font-size: 1rem;
  }

  body.mode-marketing.page-marketplace {
    --mp-text-sm: 0.75rem;
    --mp-text-md: 0.8125rem;
    --mp-text-brand: 1rem;
    --mp-text-catnav: 0.8125rem;
    --mp-catnav-inner-h: 42px;
    --mp-catnav-pad-y: 6px;
    --mkt-header-h: calc(var(--site-brand-logo-height-header) + 16px);
    --mp-section-top: clamp(12px, 2vw, 16px);
    --mp-content-gap: 10px;
    --mp-chrome-inline: 12px;
  }

  body.mode-marketing.page-marketplace:has(.mp-catnav--icons) {
    --mp-catnav-inner-h: 44px;
  }

  .mp-catnav__dropdown--has-promo,
  .mp-catnav__dropdown--promo-only {
    min-width: 0;
  }

  .mp-catnav__dropdown--gozluk-mega,
  .mp-catnav__dropdown--gozluk-mega.mp-catnav__dropdown--has-promo {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 14px;
  }

  .mp-catnav__dropdown--gozluk-mega .mp-catnav__mega-main,
  .mp-catnav__dropdown--gozluk-mega .mp-catnav__mega-left .mp-catnav__mega-block,
  .mp-catnav__dropdown--gozluk-mega .mp-catnav__mega-filters,
  .mp-catnav__dropdown--has-promo .mp-catnav__dropdown-promo {
    display: none;
  }

  .mp-top .mkt-header {
    padding: 0 var(--mp-chrome-inline);
  }

  .mp-preheader__inner {
    padding: 0 var(--mp-gutter);
  }

  .mp-preheader__nav {
    gap: 10px;
  }

  .mp-preheader__link {
    height: 24px;
    min-height: 24px;
    padding: 0 8px;
    font-size: var(--mp-text-sm);
  }

  .mp-preheader__icon .ui-icon {
    width: 11px;
    height: 11px;
  }

  body.mode-marketing .mp-header__auth-btn.btn.btn-primary.mkt-btn-primary {
    padding: 0 12px;
    font-size: var(--mp-text-md);
  }

  .mp-detail__shell {
    grid-template-columns: 1fr;
    padding: 18px var(--mp-gutter);
  }

  .mp-detail__comments {
    padding: 18px var(--mp-gutter);
  }

  .mp-detail > .urun-attrs.mp-detail__attrs,
  .mp-detail > .mp-detail-info.mp-detail__attrs {
    padding: 18px var(--mp-gutter);
  }

  .mp-yorumlar-hero,
  .mp-sorular-hero {
    grid-template-columns: 1fr;
    padding: 18px var(--mp-gutter);
  }

  .mp-yorumlar-hero__media,
  .mp-sorular-hero__media {
    width: 100%;
    max-width: 160px;
    height: 160px;
  }
}

@media (max-width: 480px) {
  body.mode-marketing.page-marketplace {
    --mkt-header-h: calc(var(--site-brand-logo-height-header) + 12px);
  }

  .mp-top .mkt-header {
    padding: 0 var(--mp-chrome-inline, 12px);
  }

  .mp-header .mkt-header__inner {
    gap: 8px;
  }
}

@media (min-width: 901px) {
  .mp-preheader {
    display: block;
  }

  .mp-header__mobile-tools {
    display: none !important;
  }

  .mp-search-drawer {
    display: none !important;
  }

  body.page-marketplace .mp-header__actions {
    display: flex !important;
  }

  body.page-marketplace .mp-header__actions > a.mp-header__quick-btn {
    display: inline-flex !important;
  }

  body.page-marketplace .mp-header__actions > .mp-header__auth-menu {
    display: inline-flex !important;
  }

  body.page-marketplace .mp-header__actions > .mp-header__cart-menu {
    display: inline-flex !important;
  }

  body.page-marketplace .mp-header__actions > .mp-header__auth-btn {
    display: inline-flex !important;
  }

  body.page-marketplace .mp-header__auth-trigger {
    display: inline-flex !important;
  }

  body.page-marketplace .mp-header__auth-menu--guest .mp-header__auth-trigger--direct {
    display: none !important;
  }

  body.page-marketplace .mp-header__auth-text {
    display: flex !important;
  }

  .mp-header__search-wrap {
    display: block;
  }
}

@media (max-width: 600px) {
  .mp-grid:not(.mp-grid--horizontal) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(8px, 2.5vw, 12px);
  }

  .mp-card {
    --mp-card-pad: clamp(7px, 3.5cqw, 10px);
    --mp-card-renk-h: clamp(18px, 10cqw, 24px);
    --mp-card-renk-font: clamp(0.54rem, 3.6cqw, 0.64rem);
    --mp-card-renk-icon-w: clamp(14px, 8.5cqw, 20px);
    --mp-card-renk-icon-h: clamp(9px, 5.5cqw, 13px);
  }

  .mp-grid--horizontal > .mp-card {
    flex-basis: 240px;
    width: 240px;
  }

  .mp-flash {
    flex-wrap: wrap;
    gap: 10px;
  }

  .mp-flash__cta {
    margin-left: auto;
  }

  .mp-card__body {
    padding: var(--mp-card-pad, 10px);
  }

  .mp-card__foot {
    flex-direction: column;
    align-items: stretch;
  }

  .mp-card__buy {
    width: 100%;
    text-align: center;
  }

  .mp-detail__specs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mp-detail__spec {
    padding: 9px 11px;
  }

  .mp-detail__spec:nth-child(3n) {
    border-right: 1px solid var(--mkt-line, #e8ecf2);
  }

  .mp-detail__spec:nth-child(2n) {
    border-right: none;
  }

  .mp-detail__spec:nth-child(n + 4) {
    border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  }

  .mp-detail__spec:nth-child(n + 5) {
    border-bottom: none;
  }

  .mp-detail__assurance-grid {
    gap: 8px;
    grid-auto-rows: 1fr;
  }

  .mp-detail__assurance-card {
    min-height: 96px;
    height: 100%;
    padding: 8px 4px;
    gap: 4px;
    justify-content: flex-start;
  }

  .mp-detail__assurance-card--trust::after {
    content: "\00a0";
    display: block;
    font-size: 0.78rem;
    line-height: 1.2;
    visibility: hidden;
    pointer-events: none;
  }

  .mp-detail__assurance-label {
    font-size: 0.68rem;
    line-height: 1.25;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 2.5em;
  }

  .mp-detail__assurance-card--size .mp-detail__assurance-label {
    flex: 0 0 auto;
    min-height: 0;
  }

  .mp-detail__assurance-value {
    font-size: 0.78rem;
    flex-shrink: 0;
    min-height: 1.2em;
  }

  .mp-detail__assurance-visual {
    height: 44px;
    min-height: 44px;
    max-height: 44px;
  }

  .mp-detail__assurance-visual img {
    max-height: 40px;
    max-width: min(100%, 64px);
  }

  .mp-detail__actions-main > .mp-detail__buy-btn,
  .mp-detail__actions-main > .mp-detail__cart-form {
    flex: 1 1 0;
  }

  .mp-detail__rating-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 10px 12px;
  }

  .mp-detail__rating-divider {
    display: none;
  }

  .mp-detail__rating-bar-deger {
    flex: none;
    width: 100%;
    flex-wrap: nowrap;
    gap: 6px;
    padding-bottom: 8px;
  }

  .mp-detail__rating-score {
    font-size: 0.9rem;
  }

  .mp-detail__rating-count {
    font-size: 0.78rem;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mp-detail__rating-photo {
    margin-left: auto;
    flex-shrink: 0;
  }

  .mp-detail__rating-photo .ui-icon {
    width: 16px;
    height: 16px;
  }

  .mp-detail__rating-soru {
    flex: none;
    width: 100%;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--mkt-line, #e8ecf2);
  }

  .mp-detail__rating-soru-label {
    font-size: 0.78rem;
  }

  .mp-catnav__item {
    padding: 0 14px;
    gap: 6px;
  }

  .mp-catnav__thumb {
    width: 24px;
    height: 24px;
  }

  .mp-catnav__thumb--fallback .ui-icon {
    width: 20px;
    height: 20px;
  }

  .mp-catnav__label {
    font-size: var(--mp-text-catnav);
  }

  .mp-brands-toolbar {
    --mp-brands-letter-size: clamp(24px, 7.2vw, 28px);
    --mp-brands-letter-gap: 3px;
    --mp-brands-toolbar-gap: 8px;
    padding-inline: 10px;
  }

  .mp-brands-toolbar__row {
    gap: var(--mp-brands-toolbar-gap);
  }

  .mp-brands-toolbar__q {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .mp-brands-toolbar__actions {
    flex: 1 1 100%;
    justify-content: center;
    gap: var(--mp-brands-toolbar-gap);
  }

  .mp-brands-toolbar__all,
  .mp-brands-toolbar__clear {
    flex: 1 1 0;
    min-width: 0;
    max-width: 168px;
    padding: 10px 12px;
    text-align: center;
  }

  .mp-brand-card__inner {
    height: 92px;
    min-height: 92px;
    max-height: 92px;
    padding: 14px 12px;
  }

  .mp-brand-card__logo {
    max-height: 56px;
  }
}

/* Checkout & m??teri sipari?leri */
.page-checkout .mp-catalog {
  padding-bottom: 48px;
}

.mp-checkout__crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  font-size: 0.82rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-checkout__crumb a {
  color: inherit;
  text-decoration: none;
}

.mp-checkout__crumb a:hover {
  color: var(--mkt-ink, #0c1222);
  text-decoration: underline;
}

.mp-checkout__steps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.mp-checkout__steps li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav);
  color: var(--mkt-muted, #5b6478);
}

.mp-checkout__steps li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  background: #eef1f6;
  color: var(--mkt-muted, #5b6478);
}

.mp-checkout__steps li.is-active {
  color: var(--mkt-ink, #0c1222);
}

.mp-checkout__steps li.is-active span {
  background: var(--mkt-accent, #0f766e);
  color: #fff;
}

.mp-checkout__steps li.is-done {
  color: var(--mkt-ink, #0c1222);
}

.mp-checkout__steps li.is-done span {
  background: rgba(15, 118, 110, 0.12);
  color: var(--mkt-accent, #0f766e);
}

.mp-checkout__shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  gap: 24px;
  align-items: start;
}

@media (min-width: 1100px) {
  .mp-checkout__shell {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 400px);
  }
}

.mp-checkout__main {
  min-width: 0;
}

.mp-checkout__aside {
  position: sticky;
  top: 88px;
}

.mp-checkout__summary-card {
  padding: 20px;
  border-radius: var(--mp-radius-lg);
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #fff;
  box-shadow: 0 8px 28px rgba(12, 18, 34, 0.06);
}

.mp-checkout__summary-title {
  margin: 0 0 16px;
  font-size: 1rem;
  font-weight: var(--mp-fw-nav-active);
}

.mp-musteri__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 24px 16px 48px;
}

.mp-checkout__product {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-cart-checkout-list {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
}

.mp-cart-checkout-list__item {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 10px 12px;
  align-items: start;
}

.mp-cart-checkout-list__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.mp-cart-checkout-list__item .mp-checkout__product-media {
  grid-column: 1;
  grid-row: 1 / -1;
  width: 64px;
  height: 64px;
  align-self: start;
}

.mp-cart-checkout-list__item .mp-checkout__product-body {
  grid-column: 2;
  min-width: 0;
}

.mp-cart-checkout-list__line-total {
  grid-column: 3;
  grid-row: 1 / -1;
  align-self: center;
  margin-left: 0;
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

.mp-checkout__form-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}

.mp-checkout__section--card {
  padding: 20px;
  border-radius: var(--mp-radius-lg);
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #fff;
}

.mp-checkout__field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

.mp-checkout__field--full {
  grid-column: 1 / -1;
}

.mp-checkout__mode-tabs {
  margin-bottom: 0;
}

.mp-checkout__panel-lead {
  margin: 0 0 16px;
  font-size: 0.88rem;
  line-height: 1.5;
}

.mp-checkout__auth-actions {
  display: grid;
  gap: 10px;
}

.mp-checkout__member-badge {
  display: inline-block;
  margin: 0 0 14px;
  padding: 4px 10px;
  border-radius: var(--mp-radius);
  font-size: 0.78rem;
  font-weight: var(--mp-fw-nav-active);
  color: #0f766e;
  background: #ecfdf5;
}

.mp-checkout__member-info {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
  align-items: start;
}

.mp-checkout__member-row {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.mp-checkout__member-row--full {
  grid-column: 1 / -1;
}

.mp-checkout__member-row dt {
  margin: 0;
  font-size: 0.75rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-muted, #5b6478);
}

.mp-checkout__member-row dd {
  margin: 0;
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-checkout__section--address {
  margin-bottom: 0;
}

.mp-checkout__kargo-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

@media (min-width: 640px) {
  .mp-checkout__kargo-list {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
}

.mp-checkout__kargo-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  min-width: 0;
}

.mp-checkout__kargo-option:has(input:checked) {
  border-color: var(--mkt-primary, #2563eb);
  box-shadow: 0 0 0 1px var(--mkt-primary, #2563eb);
}

.mp-checkout__kargo-option input {
  margin: 0;
  flex-shrink: 0;
}

.mp-checkout__kargo-option-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.mp-checkout__kargo-option-logo {
  display: block;
  max-height: 28px;
  max-width: 110px;
  width: auto;
  height: auto;
  object-fit: contain;
  margin-bottom: 2px;
}

.mp-checkout__kargo-option-name {
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-checkout__kargo-option-hint {
  font-size: 0.82rem;
  color: #15803d;
}

.mp-checkout__subsection-title {
  margin: 0 0 12px;
  font-size: 0.92rem;
  font-weight: var(--mp-fw-nav-active);
}

.mp-checkout__field-grid .form-field {
  margin-top: 0;
  min-width: 0;
}

.mp-checkout__field-grid .form-field + .form-field {
  margin-top: 0;
}

.mp-checkout__select {
  width: 100%;
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  font: inherit;
  color: var(--mkt-ink, #0c1222);
}

.mp-checkout__combo {
  width: 100%;
}

.mp-checkout__combo .mp-filter-combo__trigger:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  background: #f8fafc;
}

.mp-checkout__combo-search {
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  font: inherit;
  color: var(--mkt-ink, #0c1222);
}

.mp-checkout__check {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0 0;
  padding: 12px 14px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  background: #fff;
  font-size: 0.88rem;
  line-height: 1.4;
  color: var(--mkt-ink, #0c1222);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
  user-select: none;
}

.mp-checkout__check:hover {
  border-color: #cbd5e1;
  background: #fafbfc;
}

.mp-checkout__check:has(input:checked) {
  border-color: #99f6e4;
  background: #f0fdfa;
  box-shadow: inset 0 0 0 1px rgba(15, 118, 110, 0.08);
}

.mp-checkout__check:has(input:focus-visible) {
  outline: 2px solid rgba(15, 118, 110, 0.35);
  outline-offset: 2px;
}

.mp-checkout__check span {
  flex: 1;
  min-width: 0;
}

.mp-checkout__check input {
  margin: 0;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  accent-color: #0f766e;
  cursor: pointer;
}

.mp-checkout__fatura {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed var(--mkt-line, #e8ecf2);
}

.mp-checkout__section--address textarea {
  width: 100%;
  min-height: 88px;
  padding: 10px 12px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  font: inherit;
  resize: vertical;
  box-sizing: border-box;
}

.mp-order-adres {
  display: grid;
  gap: 0;
  min-width: 0;
  margin: 0;
}

.mp-order-adres__group {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.mp-order-adres__group + .mp-order-adres__group {
  margin-top: 22px;
  padding-top: 22px;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-order-adres__group-title {
  margin: 0;
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active, 600);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mkt-muted, #5b6478);
}

.mp-order-adres__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.mp-order-adres__field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.mp-order-adres__field--full {
  grid-column: 1 / -1;
}

.mp-order-adres__label {
  font-size: 0.74rem;
  font-weight: var(--mp-fw-nav-active, 600);
  letter-spacing: 0.02em;
  color: var(--mkt-muted, #5b6478);
}

.mp-order-adres__box {
  min-height: 44px;
  padding: 11px 14px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius, 10px);
  background: #fff;
  font-size: 0.92rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--mkt-ink, #0c1222);
  overflow-wrap: anywhere;
  word-break: break-word;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(12, 18, 34, 0.04);
}

.mp-order-adres__field--full .mp-order-adres__box {
  min-height: 52px;
}

.mp-order-adres__box--phone {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}

@media (max-width: 600px) {
  .mp-order-adres__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .mp-order-adres__field--full {
    grid-column: auto;
  }
}

@media (max-width: 600px) {
  .mp-checkout__field-grid {
    grid-template-columns: 1fr;
  }

  .mp-checkout__field--full {
    grid-column: auto;
  }

  .mp-checkout__member-info {
    grid-template-columns: 1fr;
  }

  .mp-checkout__member-row--full {
    grid-column: auto;
  }
}

.mp-checkout__product-media {
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  border-radius: var(--mp-radius);
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-checkout__product-media.catalog-card__media {
  aspect-ratio: auto;
  background: #fff;
  border-radius: var(--mp-radius);
}

.mp-checkout__product .mp-checkout__product-media.catalog-card__media .catalog-card__media-stage {
  padding: 8px;
  background: #fff;
}

.mp-checkout__product-body {
  min-width: 0;
}

.mp-checkout__product-name {
  margin: 0 0 6px;
  font-size: 0.92rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.35;
  color: var(--mkt-ink, #0c1222);
}

.mp-cart-checkout-list .mp-checkout__product-name {
  margin-bottom: 4px;
  font-size: 0.88rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mp-checkout__product-seller,
.mp-checkout__product-stock {
  margin: 0 0 4px;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--mkt-muted, #5b6478);
}

.mp-cart-checkout-list .mp-checkout__product-seller,
.mp-cart-checkout-list .mp-checkout__product-stock {
  margin-bottom: 2px;
  font-size: 0.78rem;
}

.mp-checkout__product-seller strong {
  font-weight: var(--mp-fw-nav);
  word-break: break-word;
}

.mp-musteri__card {
  display: grid;
  gap: 0;
  padding: 0;
  border-radius: var(--mp-radius);
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #fff;
  overflow: hidden;
}

.mp-musteri__card-main {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr) minmax(148px, 196px);
  gap: 16px 24px;
  align-items: start;
  padding: 16px 18px;
}

.mp-musteri__card-media {
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  border-radius: var(--mp-radius);
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-musteri__card-media .img-mini-link,
.mp-musteri__card-media .img-mini--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.mp-musteri__card-media .img-mini {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
  border: 0;
}

.mp-musteri__card-headline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 6px;
}

.mp-musteri__card-title {
  margin: 0;
  font-size: 1rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.35;
  flex: 1 1 12rem;
  min-width: 0;
}

.mp-musteri__card-status {
  flex-shrink: 0;
}

.mp-musteri__card-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 10px;
  text-align: right;
}

.mp-musteri__card-price {
  margin: 0;
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mp-musteri__card-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 24px;
  align-items: flex-start;
  padding: 14px 18px;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
  background: #f8fafc;
}

.mp-musteri__card-footer-item {
  flex: 1 1 220px;
  max-width: 360px;
  display: grid;
  gap: 6px;
  min-width: 0;
}

.mp-musteri__card-footer-item--compact {
  flex: 0 1 180px;
  max-width: 220px;
}

.mp-musteri__card-footer-item--wide {
  flex: 1 1 100%;
  max-width: none;
}

.mp-musteri__card-detail-label {
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mkt-muted, #5b6478);
}

.mp-musteri__card-kargo {
  margin: 0;
  font-size: 0.88rem;
  color: var(--mkt-ink, #0c1222);
}

.mp-musteri__card-footer .mp-musteri__iade {
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.mp-checkout__price {
  font-size: 1.35rem;
  font-weight: var(--mp-fw-nav-active);
  margin: 8px 0;
}

.mp-checkout__section-title {
  margin: 0 0 8px;
  font-size: 1rem;
}

.mp-checkout__login-hint {
  margin: 0 0 14px;
  font-size: 0.88rem;
}

.mp-checkout__section > .form-field + .form-field,
.mp-checkout__section .mp-checkout__fatura > .form-field + .form-field {
  margin-top: 12px;
}

.mp-checkout__section > .form-field:first-of-type,
.mp-checkout__section .mp-checkout__fatura > .form-field:first-of-type {
  margin-top: 0;
}

.mp-checkout__section .mp-checkout__field-grid + .form-field {
  margin-top: 12px;
}

.mp-checkout__section .mp-checkout__field-grid .form-field,
.mp-checkout__section .mp-checkout__fatura .mp-checkout__field-grid .form-field {
  margin-top: 0;
}

.mp-checkout__section .mp-checkout__field-grid .form-field + .form-field,
.mp-checkout__section .mp-checkout__fatura .mp-checkout__field-grid .form-field + .form-field {
  margin-top: 0;
}

.mp-checkout__summary-rows {
  display: grid;
  gap: 8px;
}

.mp-checkout__pricing {
  display: grid;
  gap: 0;
  margin-bottom: 16px;
  padding: 14px;
  border-radius: var(--mp-radius);
  background: #f8fafc;
  border: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-checkout__summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.88rem;
  color: var(--mkt-muted, #5b6478);
}

.mp-checkout__summary-row--qty {
  align-items: center;
  margin-bottom: 2px;
}

.mp-checkout__summary-row--qty label {
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-checkout__summary-value {
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  font-variant-numeric: tabular-nums;
}

.mp-checkout__qty-hint {
  margin: 4px 0 10px;
  font-size: 0.72rem;
  color: var(--mkt-muted, #5b6478);
  text-align: right;
  padding-right: 2px;
}

.mp-checkout__qty-stepper {
  display: inline-flex;
  align-items: stretch;
  flex-shrink: 0;
  height: 40px;
  border: 1px solid var(--mkt-line, #e2e8f0);
  border-radius: var(--mp-radius);
  background: #fff;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mp-checkout__qty-stepper:focus-within {
  border-color: var(--mkt-accent, #0f766e);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}

.mp-checkout__qty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 100%;
  padding: 0;
  border: 0;
  border-right: 1px solid var(--mkt-line, #e2e8f0);
  background: #fff;
  font: inherit;
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1;
  color: var(--mkt-ink, #0c1222);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.mp-checkout__qty-btn:last-child {
  border-right: 0;
  border-left: 1px solid var(--mkt-line, #e2e8f0);
}

.mp-checkout__qty-btn:hover:not(:disabled) {
  background: #f8fafc;
  color: var(--mkt-accent, #0f766e);
}

.mp-checkout__qty-btn:active:not(:disabled) {
  background: #f1f5f9;
}

.mp-checkout__qty-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.mp-checkout__summary-row--total {
  padding-top: 12px;
  margin-top: 10px;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
  font-size: 0.95rem;
  color: var(--mkt-ink, #0c1222);
}

.mp-checkout__summary-row--total strong {
  font-size: 1.2rem;
  font-weight: var(--mp-fw-nav-active);
  font-variant-numeric: tabular-nums;
}

.mp-checkout__qty-stepper input[type="number"],
.mp-checkout__qty-stepper .mp-checkout__qty {
  flex: 1 1 auto;
  width: 48px;
  min-width: 48px;
  max-width: 56px;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  font: inherit;
  font-size: 0.95rem;
  font-weight: var(--mp-fw-nav-active);
  text-align: center;
  font-variant-numeric: tabular-nums;
  -moz-appearance: textfield;
  appearance: textfield;
  box-shadow: none;
  transition: none;
}

.mp-checkout__qty-stepper input[type="number"]:focus,
.mp-checkout__qty-stepper .mp-checkout__qty:focus {
  outline: none;
  border-color: transparent;
  box-shadow: none;
}

.mp-checkout__qty-stepper input[type="number"]::-webkit-outer-spin-button,
.mp-checkout__qty-stepper input[type="number"]::-webkit-inner-spin-button,
.mp-checkout__qty::-webkit-outer-spin-button,
.mp-checkout__qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mp-checkout__aside-actions {
  display: grid;
  gap: 16px;
}

.mp-checkout__aside-cta {
  display: grid;
  gap: 8px;
}

.mp-checkout__section--payment {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--mkt-border, rgba(12, 18, 34, 0.08));
}

.mp-checkout__payment-lead {
  margin: 0 0 14px;
  font-size: 0.82rem;
  line-height: 1.45;
}

.mp-checkout__payment-single {
  margin: 0 0 12px;
  font-size: 0.9rem;
}

/* ?deme y?ntemi kartlar? ? checkout + m??teri ?deme */
.page-checkout .odeme-checkout-switch,
.page-musteri-odeme .odeme-checkout-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 0;
}

.page-checkout .odeme-checkout-switch__opt,
.page-musteri-odeme .odeme-checkout-switch__opt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  min-height: 0;
  padding: 14px 14px 12px;
  border: 2px solid var(--mkt-line, #e8ecf2);
  border-radius: 12px;
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

.page-checkout .odeme-checkout-switch__opt:hover,
.page-musteri-odeme .odeme-checkout-switch__opt:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}

.page-checkout .odeme-checkout-switch__opt.is-active,
.page-musteri-odeme .odeme-checkout-switch__opt.is-active {
  border-color: rgba(15, 118, 110, 0.55);
  background: linear-gradient(180deg, #fffaf5 0%, #f0fdfa 100%);
  box-shadow: 0 0 0 1px rgba(15, 118, 110, 0.12), 0 6px 18px rgba(15, 118, 110, 0.08);
}

.page-checkout .odeme-checkout-switch__input,
.page-musteri-odeme .odeme-checkout-switch__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.page-checkout .odeme-checkout-switch__icon,
.page-musteri-odeme .odeme-checkout-switch__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #f1f5f9;
  color: var(--mkt-muted, #5b6478);
  flex-shrink: 0;
}

.page-checkout .odeme-checkout-switch__opt.is-active .odeme-checkout-switch__icon,
.page-musteri-odeme .odeme-checkout-switch__opt.is-active .odeme-checkout-switch__icon {
  background: rgba(15, 118, 110, 0.14);
  color: var(--accent-hover, #0d9488);
}

.page-checkout .odeme-checkout-switch__opt.is-active:has([value="havale"]) .odeme-checkout-switch__icon,
.page-musteri-odeme .odeme-checkout-switch__opt.is-active:has([value="havale"]) .odeme-checkout-switch__icon {
  background: var(--accent-hover, #0d9488);
  color: #fff;
}

.page-checkout .odeme-checkout-switch__opt.is-active:has([value="havale"]) .odeme-checkout-switch__icon .ui-icon,
.page-musteri-odeme .odeme-checkout-switch__opt.is-active:has([value="havale"]) .odeme-checkout-switch__icon .ui-icon {
  --ui-icon-color: #fff;
  color: #fff;
}

.page-checkout .odeme-checkout-switch__icon .ui-icon,
.page-musteri-odeme .odeme-checkout-switch__icon .ui-icon {
  width: 20px;
  height: 20px;
}

.page-checkout .odeme-checkout-switch__body,
.page-musteri-odeme .odeme-checkout-switch__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.page-checkout .odeme-checkout-switch__title,
.page-musteri-odeme .odeme-checkout-switch__title {
  font-size: 0.9rem;
  font-weight: var(--mp-fw-nav-active, 600);
  line-height: 1.25;
}

.page-checkout .odeme-checkout-switch__meta,
.page-musteri-odeme .odeme-checkout-switch__meta {
  font-size: 0.74rem;
  line-height: 1.35;
  color: var(--mkt-muted, #5b6478);
}

.page-checkout .odeme-checkout-switch__opt.is-active .odeme-checkout-switch__meta,
.page-musteri-odeme .odeme-checkout-switch__opt.is-active .odeme-checkout-switch__meta {
  color: #134e4a;
}

.page-checkout .odeme-checkout-switch__check,
.page-musteri-odeme .odeme-checkout-switch__check {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--accent-hover, #0d9488);
  color: #fff;
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.page-checkout .odeme-checkout-switch__check .ui-icon,
.page-musteri-odeme .odeme-checkout-switch__check .ui-icon {
  width: 14px;
  height: 14px;
  --ui-icon-color: #fff;
  color: #fff;
}

.page-checkout .odeme-checkout-switch__opt.is-active .odeme-checkout-switch__check,
.page-musteri-odeme .odeme-checkout-switch__opt.is-active .odeme-checkout-switch__check {
  opacity: 1;
  transform: scale(1);
}

.page-checkout .odeme-checkout-hints,
.page-musteri-odeme .odeme-checkout-hints {
  margin-top: 14px;
}

.page-checkout .odeme-checkout-steps,
.page-musteri-odeme .odeme-checkout-steps {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-checkout .odeme-checkout-steps__item,
.page-musteri-odeme .odeme-checkout-steps__item {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 10px 6px;
  border-radius: 10px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #f8fafc;
  text-align: center;
}

.page-checkout .odeme-checkout-steps__item--current,
.page-musteri-odeme .odeme-checkout-steps__item--current {
  border-color: rgba(15, 118, 110, 0.35);
  background: #f0fdfa;
}

.page-checkout .odeme-checkout-steps__num,
.page-musteri-odeme .odeme-checkout-steps__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #e2e8f0;
  font-size: 0.72rem;
  font-weight: 700;
  color: #475569;
}

.page-checkout .odeme-checkout-steps__item--current .odeme-checkout-steps__num,
.page-musteri-odeme .odeme-checkout-steps__item--current .odeme-checkout-steps__num {
  background: var(--accent-hover, #0d9488);
  color: #fff;
}

.page-checkout .odeme-checkout-steps__label,
.page-musteri-odeme .odeme-checkout-steps__label {
  font-size: 0.68rem;
  line-height: 1.3;
  color: var(--mkt-muted, #5b6478);
}

.page-checkout .odeme-checkout-steps__item--current .odeme-checkout-steps__label,
.page-musteri-odeme .odeme-checkout-steps__item--current .odeme-checkout-steps__label {
  color: var(--mkt-ink, #0c1222);
  font-weight: 600;
}

@media (max-width: 480px) {
  .page-checkout .odeme-checkout-switch,
  .page-musteri-odeme .odeme-checkout-switch {
    grid-template-columns: 1fr;
  }

  .page-checkout .odeme-checkout-steps,
  .page-musteri-odeme .odeme-checkout-steps {
    flex-direction: column;
  }

  .page-checkout .odeme-checkout-steps__item,
  .page-musteri-odeme .odeme-checkout-steps__item {
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    padding: 10px 12px;
  }
}

.page-musteri-odeme .odeme-checkout-main__title {
  margin: 0 0 6px;
  font-size: 1.1rem;
  font-weight: var(--mp-fw-nav-active, 600);
  color: var(--mkt-ink, #0c1222);
}

.page-musteri-odeme .odeme-checkout-main__lead {
  font-size: 0.88rem;
}

.mp-checkout__aside-note {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--mkt-muted, #5b6478);
  text-align: center;
}

.mp-checkout__aside-login {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}

.mp-checkout__trust {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.mp-checkout__trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 10px;
  text-align: center;
  border-radius: var(--mp-radius);
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #f8fafc;
}

.mp-checkout__trust-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--mp-radius);
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #047857;
}

.mp-checkout__trust-icon .ui-icon {
  width: 16px;
  height: 16px;
}

.mp-checkout__trust-label {
  font-size: 0.78rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.3;
  color: var(--mkt-ink, #0c1222);
}

.mp-checkout__trust-desc {
  font-size: 0.7rem;
  line-height: 1.35;
  color: var(--mkt-muted, #5b6478);
}

.mp-checkout__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  font-size: 0.84rem;
  font-weight: var(--mp-fw-nav);
  color: var(--mkt-muted, #5b6478);
  text-decoration: none;
}

.mp-checkout__back:hover {
  color: var(--mkt-ink, #0c1222);
}

.mp-checkout__summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-radius: var(--mp-radius);
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #fff;
  margin-top: 8px;
}

.mp-musteri__head {
  margin-bottom: 20px;
}

.mp-musteri__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.mp-musteri__list {
  display: grid;
  gap: 14px;
}

.mp-musteri__card-body {
  min-width: 0;
}

.mp-musteri__card-body p {
  margin: 0 0 4px;
  font-size: 0.88rem;
  line-height: 1.45;
}

/* Sipari? takip */
.mp-order-track {
  display: grid;
  gap: 16px;
  max-width: 720px;
}

.mp-order-track__form-card {
  margin-bottom: 0;
}

.mp-order-track__form {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.mp-order-track__field {
  display: grid;
  gap: 6px;
}

.mp-order-track__label {
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--mkt-ink, #0f172a);
}

.mp-order-track__field input {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius);
  font: inherit;
  background: #fff;
}

.mp-order-track__field input:focus {
  outline: 2px solid rgba(37, 99, 235, 0.25);
  border-color: #2563eb;
}

.mp-order-track__hint {
  margin: 14px 0 0;
  font-size: 0.92rem;
}

.mp-order-track__result {
  padding: 18px 20px;
}

.mp-order-track__result-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

.mp-order-track__no {
  margin: 0 0 6px;
  font-size: 0.9rem;
}

.mp-order-track__title {
  margin: 0 0 6px;
  font-size: 1.15rem;
}

.mp-order-track__meta {
  margin-bottom: 18px;
}

.mp-order-track__meta p {
  margin: 0 0 4px;
}

.mp-order-track__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
}

.mp-order-track__step {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 12px;
  align-items: start;
  position: relative;
  padding: 0 0 18px;
}

.mp-order-track__step:last-child {
  padding-bottom: 0;
}

.mp-order-track__step:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 18px;
  bottom: 0;
  width: 2px;
  background: var(--mkt-line, #e8ecf2);
}

.mp-order-track__step.is-done:not(:last-child)::before {
  background: #16a34a;
}

.mp-order-track__step-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--mkt-line, #d1d5db);
  background: #fff;
  margin-top: 1px;
}

.mp-order-track__step.is-done .mp-order-track__step-dot {
  border-color: #16a34a;
  background: #16a34a;
  box-shadow: inset 0 0 0 3px #fff;
}

.mp-order-track__step.is-current .mp-order-track__step-dot {
  border-color: #2563eb;
  background: #2563eb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);
}

.mp-order-track__step-label {
  font-size: 0.95rem;
  color: var(--mkt-muted, #64748b);
  padding-top: 1px;
}

.mp-order-track__step.is-done .mp-order-track__step-label,
.mp-order-track__step.is-current .mp-order-track__step-label {
  color: var(--mkt-ink, #0f172a);
  font-weight: 600;
}

.mp-order-track__cancel {
  margin: 0;
}

.mp-order-track__iptal {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--mkt-line, #e5e7eb);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.65rem;
}

.mp-order-track__iptal-lead {
  margin: 0;
  font-size: 0.9rem;
  max-width: 36rem;
}

.mp-order-track__iptal-form {
  margin: 0;
}


@media (max-width: 900px) {
  .mp-checkout__shell {
    grid-template-columns: 1fr;
  }

  .mp-checkout__aside {
    position: static;
  }

  .mp-cart-checkout-list__item {
    grid-template-columns: 56px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 10px 12px;
  }

  .mp-cart-checkout-list__item .mp-checkout__product-media {
    grid-column: 1;
    grid-row: 1;
    width: 56px;
    height: 56px;
  }

  .mp-cart-checkout-list__item .mp-checkout__product-body {
    grid-column: 2;
    grid-row: 1;
  }

  .mp-cart-checkout-list__line-total {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: end;
    justify-self: end;
    padding-top: 8px;
    border-top: 1px solid var(--mkt-line, #e8ecf2);
  }

  .mp-checkout__summary-card {
    box-shadow: none;
  }

  .mp-checkout__aside-cta {
    position: sticky;
    bottom: 12px;
    z-index: 2;
    padding-top: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 24%);
  }

  .mp-checkout__aside-actions {
    gap: 14px;
  }

  .mp-musteri__card-main {
    grid-template-columns: 72px 1fr;
    grid-template-rows: auto auto;
    padding: 14px 16px;
    gap: 12px 14px;
  }

  .mp-musteri-order-detail__panel .mp-musteri__card-main {
    padding: 0;
  }

  .mp-musteri-order-detail__panel {
    padding: 14px 16px;
  }

  .mp-musteri-order-detail__block--adres {
    padding-top: 14px;
  }

  .mp-musteri__card-media {
    width: 72px;
    height: 72px;
  }

  .mp-musteri__card-side {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding-top: 12px;
    border-top: 1px solid var(--mkt-line, #e8ecf2);
    text-align: left;
  }

  .mp-musteri__card-footer {
    padding: 12px 16px;
    gap: 12px 16px;
  }

  .mp-musteri__card-footer-item,
  .mp-musteri__card-footer-item--compact {
    flex: 1 1 100%;
    max-width: none;
  }
}

.mp-classified-card__cta {
  align-self: flex-start;
  margin-top: auto;
  width: auto;
  text-align: center;
}

@media (max-width: 720px) {
  .mp-classified-card.mp-classified-card--preview {
    flex-direction: column;
  }

  .mp-classified-card.mp-classified-card--preview .mp-classified-card__media {
    flex: none;
    width: 100%;
    min-height: 0;
    aspect-ratio: 16 / 9;
    border-right: 0;
    border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  }

  .mp-classified-card.mp-classified-card--preview .mp-classified-card__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
  }

  .mp-classified-card.mp-classified-card--preview .mp-classified-card__cta {
    align-self: stretch;
    width: 100%;
    margin-top: 4px;
  }
}

.mp-classified-detail__shell {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
}

.mp-classified-detail__shell--no-media {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
}

.mp-classified-detail__aside--desc {
  align-self: start;
}

.mp-classified-detail__aside--desc .mp-classified-detail__desc {
  margin-top: 0;
  padding: 22px;
  background: #f8fafc;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg);
  min-height: 220px;
}

.mp-classified-detail__aside--desc .mp-classified-detail__desc h2 {
  margin-top: 0;
}

.mp-classified-detail__shell--no-media .mp-detail__copy:only-child {
  grid-column: 1 / -1;
}

.mp-classified-detail__eyebrow {
  margin: 0 0 8px;
  font-size: 0.76rem;
  font-weight: var(--mp-fw-nav-active);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent, #0f766e);
}

.mp-classified-detail__aside {
  min-width: 0;
}

.mp-classified-detail__gallery {
  display: grid;
  gap: 10px;
}

.mp-classified-detail__media {
  display: block;
  overflow: hidden;
  border-radius: var(--mp-radius);
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #f8fafc;
}

.mp-classified-detail__media img {
  display: block;
  width: 100%;
  height: auto;
}

.mp-classified-detail__gallery-main {
  aspect-ratio: 16 / 10;
}

.mp-classified-detail__gallery-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mp-classified-detail__specs {
  margin-top: 18px;
}

.mp-classified-detail__desc {
  margin-top: 24px;
}

.mp-classified-detail__body-text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--mkt-ink, #0c1222);
}

.mp-classified-detail__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

@media (max-width: 900px) {
  .mp-classified-detail__shell {
    grid-template-columns: 1fr;
  }
}

/* ?? Mobil alt men? (dock) ?? */
.mp-mobile-dock {
  display: none;
}

.mp-mobile-dock__nav {
  display: flex;
  align-items: stretch;
  min-height: var(--mp-dock-inner-h, 58px);
  background: #fff;
  border-top: var(--mp-divider, 1px solid #e8ecf2);
}

.mp-mobile-dock__item {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 2px 6px;
  border: none;
  background: none;
  color: #64748b;
  font-family: inherit;
  font-size: var(--mp-text-xs, 0.6875rem);
  font-weight: var(--mp-fw-nav);
  line-height: 1.1;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.15s ease;
}

.mp-mobile-dock__item:hover,
.mp-mobile-dock__item:focus-visible {
  color: var(--brand-ink, #0b1220);
  outline: none;
}

.mp-mobile-dock__item.is-active {
  color: #0f766e;
  font-weight: var(--mp-fw-nav-active);
}

.mp-mobile-dock__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--brand-ink, #0b1220);
  transition: color 0.15s ease;
}

.mp-mobile-dock__item:hover .mp-mobile-dock__icon,
.mp-mobile-dock__item:focus-visible .mp-mobile-dock__icon {
  color: var(--brand-ink, #0b1220);
}

.mp-mobile-dock__item.is-active .mp-mobile-dock__icon {
  color: #0f766e;
}

.mp-mobile-dock__icon .ui-icon {
  width: 22px;
  height: 22px;
  color: inherit;
}

.mp-mobile-dock__label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mp-mobile-dock__badge {
  position: absolute;
  top: 5px;
  left: calc(50% + 8px);
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--accent, #0f766e);
  color: #fff;
  font-size: 0.6rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 16px;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  pointer-events: none;
}

.mp-mobile-dock__item--filter {
  display: none;
}

.mp-mobile-dock.is-filter-mode .mp-mobile-dock__item--cat {
  display: none;
}

.mp-mobile-dock.is-filter-mode .mp-mobile-dock__item--filter {
  display: flex;
}

@media (max-width: 900px) {
  body.page-marketplace:not(.page-checkout) {
    padding-bottom: var(--mp-dock-h);
  }

  body.page-marketplace:not(.page-checkout) .mp-mobile-dock {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 240;
    padding-bottom: env(safe-area-inset-bottom, 0);
    background: #fff;
    box-shadow: none;
  }

  body.page-marketplace:not(.page-checkout) .mp-mobile-dock__nav {
    justify-content: space-between;
    padding-inline: var(--mp-chrome-inline, 12px);
  }

  body.page-marketplace:not(.page-checkout) .mp-mobile-dock__item {
    flex: 0 1 auto;
    min-width: 0;
  }

  body.page-marketplace:not(.page-checkout) .mp-footer__bottom {
    padding-bottom: 12px;
  }
}

/* ?? Tipografi normalizasyonu (filtre paneli referans)
   400: g?vde metni | 500: k???k etiketler | 600: ba?l?k & fiyat ?? */

/* 500 ? etiketler, rozetler, b?l?m etiketleri, nav */
body.page-marketplace .mp-hero__eyebrow,
body.page-marketplace .mp-slider__eyebrow,
body.page-marketplace .mp-listing__eyebrow,
body.page-marketplace .mp-yorumlar-hero__eyebrow,
body.page-marketplace .mp-sorular-hero__eyebrow,
body.page-marketplace .mp-classified-detail__eyebrow,
body.page-marketplace .mp-filters__label,
body.page-marketplace .mp-filter-section__title,
body.page-marketplace .mp-promo-stack__title,
body.page-marketplace .mp-promo__title,
body.page-marketplace .mp-coupon-card__label,
body.page-marketplace .mp-contact-channel__label,
body.page-marketplace .mp-yorum-form__label,
body.page-marketplace .mp-soru-form__label,
body.page-marketplace .mp-footer__trust-title,
body.page-marketplace .mp-detail__legal-title,
body.page-marketplace .mp-detail__security-title,
body.page-marketplace .mp-sidebar__title,
body.page-marketplace .mp-sidebar__label,
body.page-marketplace .mp-sidebar__sublabel,
body.page-marketplace .mp-sidebar__price-btn,
body.page-marketplace .mp-sidebar__apply-btn,
body.page-marketplace .mp-filter-fab,
body.page-marketplace .mp-filter-fab__label,
body.page-marketplace .mp-listing__filter-btn,
body.page-marketplace .mp-header__auth-title,
body.page-marketplace .mp-auth-trust-title,
body.page-marketplace .mp-brands__name,
body.page-marketplace .mp-video-card__product-title,
body.page-marketplace .mp-video-card__badge,
body.page-marketplace .mp-video-card__duration,
body.page-marketplace .mp-subcat-nav__chip,
body.page-marketplace .mp-verified-badge,
body.page-marketplace .mp-listing__count .mp-card__verified,
body.page-marketplace .mp-cat-card__label,
body.page-marketplace .mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__label,
body.page-marketplace .mp-brand-vitrin .mp-cat-card--brand .mp-cat-card__cta,
body.page-marketplace .mp-card__badge,
body.page-marketplace .mp-shipping-badge,
body.page-marketplace .mp-card__tag,
body.page-marketplace .mp-card__seller a,
body.page-marketplace .mp-classified-card__seller,
body.page-marketplace .mp-classified-card__specs dt,
body.page-marketplace .mp-classified-card__chip,
body.page-marketplace .mp-classified-filter__btn,
body.page-marketplace .mp-flash__title,
body.page-marketplace .mp-flash__action,
body.page-marketplace .mp-footer__contact-label,
body.page-marketplace .mp-footer__name,
body.page-marketplace .mp-footer__breadcrumb,
body.page-marketplace .mp-detail__specs dt,
body.page-marketplace .mp-detail__seller-label,
body.page-marketplace .mp-detail__buybox-title,
body.page-marketplace .mp-detail__rating-score,
body.page-marketplace .mp-detail__rating-soru-label,
body.page-marketplace .mp-detail__chip,
body.page-marketplace .mp-detail__variant-label,
body.page-marketplace .mp-yorum-item__author,
body.page-marketplace .mp-soru-item__author,
body.page-marketplace .mp-soru-item__badge,
body.page-marketplace .mp-yorum-item__badge,
body.page-marketplace .mp-checkout__member-badge,
body.page-marketplace .mp-checkout__member-row dt,
body.page-marketplace .mp-checkout__subsection-title,
body.page-marketplace .mp-home-banner__cta,
body.page-marketplace .mp-quad-banner__cta,
body.page-marketplace .mp-coupon-card__code,
body.page-marketplace .mp-header__auth-badge,
body.page-marketplace .mp-catnav__item,
body.page-marketplace .mp-catnav__dropdown-link,
body.page-marketplace .mp-preheader__link,
body.page-marketplace .mp-mobile-dock__label,
body.page-marketplace .mp-filter-checklist__empty,
body.page-marketplace .mp-filter-checklist__search,
body.page-marketplace .mp-detail__desc h2,
body.page-marketplace .mp-detail__buybox-pill,
body.page-marketplace .mp-checkout__steps li,
body.page-marketplace .mp-checkout__steps li:not(.is-active) span,
body.page-marketplace .mp-cart__summary-row:not(.mp-cart__summary-row--total) strong,
body.page-marketplace .mp-checkout__summary-row:not(.mp-checkout__summary-row--total) strong {
  font-weight: var(--mp-fw-nav);
}

/* 400 ? g?vde metni, ?r?n adlar?, meta, form alanlar? */
body.page-marketplace .mp-card__title,
body.page-marketplace .mp-classified-card__title,
body.page-marketplace .mp-cart-item__title,
body.page-marketplace .mp-detail__buybox-name,
body.page-marketplace .mp-contact-channel__value,
body.page-marketplace .mp-checkout__member-row dd,
body.page-marketplace .mp-detail__specs dd,
body.page-marketplace .mp-detail__rating-count,
body.page-marketplace .mp-sorular-hero__seller a,
body.page-marketplace .mp-toolbar__count,
body.page-marketplace .mp-catalog__count,
body.page-marketplace .mp-listing__count,
body.page-marketplace .mp-filters__select,
body.page-marketplace .mp-classified-filter__q,
body.page-marketplace .mp-classified-filter__select,
body.page-marketplace .mp-classified-filter select.input,
body.page-marketplace .mp-classified-filter select.js-il-filter,
body.page-marketplace .mp-classified-filter select.js-ilce-filter,
body.page-marketplace .mp-classified-card__no,
body.page-marketplace .mp-filter-combo__trigger,
body.page-marketplace .mp-filter-combo__option:not(.is-selected),
body.page-marketplace .mp-filter-combo__empty,
body.page-marketplace .mp-sidebar__select,
body.page-marketplace .mp-sidebar__input,
body.page-marketplace .mp-checkout__select,
body.page-marketplace .mp-checkout__check,
body.page-marketplace .mp-yorum-item__text,
body.page-marketplace .mp-soru-item__text,
body.page-marketplace .mp-detail__legal-notice,
body.page-marketplace .mp-detail__security-notice,
body.page-marketplace .mp-detail__desc,
body.page-marketplace .mp-empty p,
body.page-marketplace .mp-footer__tag,
body.page-marketplace .mp-footer__contact-value,
body.page-marketplace .mp-footer__nav a,
body.page-marketplace .mp-cart__summary-row,
body.page-marketplace .mp-checkout__summary-row,
body.page-marketplace .mp-hero__lead,
body.page-marketplace .mp-slider__text,
body.page-marketplace .mp-promo__text,
body.page-marketplace .mp-coupon-card__terms,
body.page-marketplace .mp-home-banner__text,
body.page-marketplace .mp-quad-banner__text,
body.page-marketplace .mp-about-card p,
body.page-marketplace .mp-classified-card__desc,
body.page-marketplace .mp-classified-card__specs dd,
body.page-marketplace .mp-auth-trust-desc,
body.page-marketplace .mp-checkout__crumb,
body.page-marketplace .mp-detail__note,
body.page-marketplace .mp-detail__desc p {
  font-weight: var(--mp-fw-body);
}

/* 600 ? sayfa ba?l?klar?, fiyatlar, toplamlar, aktif durumlar */
body.page-marketplace .mp-hero__title,
body.page-marketplace .mp-slider__title,
body.page-marketplace .mp-listing__title,
body.page-marketplace .mp-detail__title,
body.page-marketplace .mp-catalog__title,
body.page-marketplace .mp-toolbar__title,
body.page-marketplace .mp-sorular-hero__title,
body.page-marketplace .mp-yorumlar-hero__title,
body.page-marketplace .mp-yorumlar-hero__price,
body.page-marketplace .mp-sorular-hero__price,
body.page-marketplace .mp-detail__price,
body.page-marketplace .mp-card__price,
body.page-marketplace .mp-card__price span,
body.page-marketplace .mp-card__price--login,
body.page-marketplace .mp-card__price--unavailable,
body.page-marketplace .mp-cart-item__price,
body.page-marketplace .mp-detail__buybox-price,
body.page-marketplace .mp-video-card__product-price,
body.page-marketplace .mp-hero__stat strong,
body.page-marketplace .mp-cart__summary-title,
body.page-marketplace .mp-checkout__summary-title,
body.page-marketplace .mp-cart__summary-row--total strong,
body.page-marketplace .mp-checkout__summary-row--total strong,
body.page-marketplace .mp-about-card h2,
body.page-marketplace .mp-classified-modal__title,
body.page-marketplace .mp-detail__comments-title,
body.page-marketplace .mp-detail__sorular-title,
body.page-marketplace .mp-home-banner__title,
body.page-marketplace .mp-quad-banner__title,
body.page-marketplace .mp-service-areas__title,
body.page-marketplace .mp-footer-markalar__title,
body.page-marketplace .mp-brand-card__name,
body.page-marketplace .mp-footer__name-strong,
body.page-marketplace .mp-coupon-card__badge-value,
body.page-marketplace .mp-header .mkt-brand__text-strong,
body.page-marketplace .mp-auth-trust-register span,
body.page-marketplace .mp-preheader__link.is-active,
body.page-marketplace .mp-mobile-dock__item.is-active,
body.page-marketplace .mp-preheader__auth-menu.is-active .mp-header__auth-title,
body.page-marketplace .mp-catnav__dropdown-link.is-active,
body.page-marketplace .mp-filter-combo__option.is-selected,
body.page-marketplace .mp-filter-check__label,
body.page-marketplace .mp-subcat-nav__chip.is-active,
body.page-marketplace .mp-checkout__steps li.is-active,
body.page-marketplace .mp-checkout__steps li.is-active span,
body.page-marketplace .mp-empty h2 {
  font-weight: var(--mp-fw-nav-active);
}

.mp-musteri__grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.mp-musteri__section {
  padding: 1.25rem;
}

.mp-musteri__section h2 {
  margin: 0 0 1rem;
  font-size: 1.1rem;
}

.mp-musteri__iade {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--mp-border, #e8e8e8);
  display: grid;
  gap: 8px;
}

.mp-musteri__iade-form {
  display: grid;
  gap: 8px;
}

.mp-musteri__iade-form textarea {
  width: 100%;
  min-height: 64px;
  resize: vertical;
}

.mp-checkout__legal {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.mp-checkout__legal-title {
  margin: 0;
  font-size: 0.82rem;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
}

.mp-checkout__legal .mp-checkout__check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  border-radius: var(--mp-radius);
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #fff;
  font-size: 0.82rem;
  line-height: 1.45;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.mp-checkout__legal .mp-checkout__check--notice {
  cursor: default;
  user-select: text;
}

.mp-checkout__legal .mp-checkout__check--notice .mp-checkout__check-label {
  cursor: inherit;
}

.mp-checkout__legal .mp-checkout__check:has(input:checked) {
  border-color: #99f6e4;
  background: #f0fdfa;
}

.mp-checkout__legal .mp-checkout__check-label {
  flex: 1;
  min-width: 0;
  margin: 0;
  cursor: pointer;
}

.mp-checkout__legal .mp-checkout__check input {
  margin: 2px 0 0;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  accent-color: #0f766e;
  cursor: pointer;
}

.mp-checkout__legal-suffix {
  font-weight: var(--mp-fw-body);
}

.mp-checkout__legal-trigger {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: var(--mp-fw-nav-active);
  color: var(--mkt-ink, #0c1222);
  text-decoration: none;
  cursor: pointer;
}

.mp-checkout__legal-trigger:hover {
  color: #0f766e;
}

.mp-classified-modal__body .mp-legal-card--modal {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.mp-classified-modal__body .mp-legal-card--modal h2 {
  font-size: 0.95rem;
  margin: 1rem 0 0.4rem;
  color: var(--mkt-ink, #0c1222);
}

.mp-classified-modal__body .mp-legal-card--modal p {
  margin: 0 0 0.75rem;
}

.mp-classified-modal__body .mp-legal-card--modal p:last-child {
  margin-bottom: 0;
}

.mp-legal-card h2 {
  font-size: 1.05rem;
  margin: 1.25rem 0 0.5rem;
}

.mp-legal-card h2:first-child {
  margin-top: 0;
}

.mp-legal-card__body {
  font-size: 0.94rem;
  line-height: 1.75;
  color: #334155;
}

/* Müşteri ödeme sayfası — pazaryeri checkout ile uyumlu */
.page-musteri-odeme .mp-musteri-odeme {
  padding-top: var(--mp-section-top);
}

.page-musteri-odeme .mp-odeme-bakiye {
  margin: 0 0 16px;
  padding: 14px 16px;
}

.page-musteri-odeme .mp-odeme-bakiye__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.page-musteri-odeme .mp-odeme-bakiye__label {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--mkt-muted, #5b6478);
}

.page-musteri-odeme .mp-odeme-bakiye__label strong {
  color: var(--mkt-ink, #0c1222);
  font-weight: 700;
}

.page-musteri-odeme .mp-odeme-bakiye__hint {
  margin: 4px 0 0;
  font-size: 0.82rem;
  line-height: 1.4;
  color: var(--mkt-muted, #5b6478);
}

.page-musteri-odeme .mp-odeme-bakiye__hint strong {
  color: var(--mkt-ink, #0c1222);
  font-weight: 600;
}

.page-musteri-odeme #guvenli-odeme.card {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg, 5px);
  background: #fff;
  box-shadow: 0 8px 28px rgba(12, 18, 34, 0.06);
}

.page-musteri-odeme #guvenli-odeme.card:hover {
  border-color: var(--mkt-line, #e8ecf2);
  box-shadow: 0 8px 28px rgba(12, 18, 34, 0.06);
}

.page-musteri-odeme .catalog-detail__card--odeme-checkout {
  padding: 0;
  overflow: visible;
}

.page-musteri-odeme .odeme-checkout-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  gap: 0;
  align-items: start;
}

.page-musteri-odeme .odeme-checkout-main {
  min-width: 0;
  padding: 20px clamp(16px, 2vw, 24px) 24px;
}

.page-musteri-odeme .odeme-checkout-switch {
  margin-bottom: 16px;
}

.page-musteri-odeme .odeme-checkout-aside {
  position: sticky;
  top: calc(var(--mkt-header-h, 80px) + 16px);
  align-self: start;
  min-width: 0;
  padding: 20px clamp(16px, 2vw, 20px) 24px;
  background: #f6f8fb;
  border-left: 1px solid var(--mkt-line, #e8ecf2);
}

.page-musteri-odeme .odeme-checkout-aside__secure {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 10px;
  row-gap: 8px;
  margin-bottom: 14px;
}

.page-musteri-odeme .odeme-checkout-aside__secure .odeme-pay-summary__badges {
  flex: unset;
  min-width: 0;
  align-items: center;
}

.page-musteri-odeme .odeme-checkout-aside__secure .odeme-pay-summary__badges .badge,
.page-musteri-odeme .odeme-checkout-aside__secure .odeme-pay-summary__badges .odeme-pay-summary__chip {
  box-sizing: border-box;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
}

.page-musteri-odeme .odeme-checkout-aside__secure .odeme-guvence__secure-tag {
  margin-left: 0;
  justify-self: end;
  align-self: center;
  flex-shrink: 0;
  box-sizing: border-box;
  min-height: 28px;
}

.page-musteri-odeme .odeme-guvence__kv--checkout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 0;
}

.page-musteri-odeme .odeme-guvence__kv--checkout .detail-kv__item {
  min-width: 0;
  padding: 14px 16px;
  border-color: var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius, 4px);
  background: #fff;
}

.page-musteri-odeme .odeme-guvence__kv--checkout .detail-kv__item:not(.detail-kv__item--copy) {
  grid-column: 1 / -1;
}

.page-musteri-odeme .odeme-guvence__kv--checkout .detail-kv__item--highlight {
  background: #fff;
  border-color: var(--mkt-line, #e8ecf2);
}

.page-musteri-odeme .odeme-guvence__kv--checkout .detail-kv__item .k {
  font-size: var(--mp-text-sm, 0.8125rem);
  font-weight: var(--mp-fw-nav-active, 600);
  color: var(--mkt-muted, #5b6478);
}

.page-musteri-odeme .odeme-guvence__kv--checkout .detail-kv__item .v {
  min-width: 0;
  color: var(--mkt-ink, #0c1222);
  word-break: break-word;
}

.page-musteri-odeme .odeme-guvence__kv--checkout .detail-kv__item--iban .v {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1rem;
  letter-spacing: 0.02em;
}

.page-musteri-odeme .odeme-guvence__kv--checkout .detail-kv__item--copy .detail-kv__value-row {
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.page-musteri-odeme .detail-kv__k-hint {
  font-weight: var(--mp-fw-nav, 500);
  color: var(--accent-hover, #0d9488);
}

.page-musteri-odeme .detail-kv__copy--labeled {
  min-height: 36px;
  padding: 6px 10px;
  white-space: nowrap;
  color: var(--mkt-muted, #5b6478);
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius, 4px);
  font-size: var(--mp-text-sm, 0.8125rem);
  font-weight: var(--mp-fw-nav, 500);
}

.page-musteri-odeme .detail-kv__copy--labeled:hover:not(:disabled) {
  border-color: rgba(15, 118, 110, 0.35);
  background: var(--accent-soft, #f0fdfa);
  color: var(--accent-hover, #0d9488);
}

.page-musteri-odeme .detail-kv__copy--labeled .ui-icon {
  width: 0.95rem;
  height: 0.95rem;
}

.page-musteri-odeme .odeme-guvence__submit-form--bar {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
}

.page-musteri-odeme .odeme-guvence__submit-form--bar .odeme-guvence__submit {
  margin-left: auto;
}

.page-musteri-odeme .odeme-pay-summary--aside {
  margin-top: 0;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius-lg, 5px);
  background: #fff;
  box-shadow: none;
  overflow: hidden;
}

.page-musteri-odeme .odeme-pay-summary--aside .odeme-pay-summary__meta,
.page-musteri-odeme .odeme-pay-summary--aside .odeme-pay-summary__calc {
  padding: 14px 16px;
}

.page-musteri-odeme .odeme-pay-summary--aside .odeme-pay-summary__calc {
  background: #fff;
}

.page-musteri-odeme .odeme-pay-summary--aside .odeme-pay-summary__meta {
  background: #f8fafc;
}

.page-musteri-odeme .odeme-pay-summary--aside .odeme-pay-summary__meta-id {
  width: 100%;
}

.page-musteri-odeme .odeme-pay-summary--aside .odeme-pay-summary__total {
  align-items: baseline;
  width: 100%;
}

.page-musteri-odeme .odeme-pay-summary__total .k {
  color: var(--mkt-muted, #5b6478);
}

.page-musteri-odeme .odeme-pay-summary__total .v {
  color: var(--mkt-ink, #0c1222);
  font-size: 1.25rem;
  font-weight: var(--mp-fw-nav-active, 600);
  white-space: nowrap;
  flex-shrink: 0;
}

.page-musteri-odeme .odeme-pay-summary__total {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
  gap: 10px;
}

.page-musteri-odeme .odeme-pay-summary__total .k {
  flex: 1 1 auto;
  min-width: 0;
}

@media (min-width: 768px) {
  .page-musteri-odeme .odeme-pay-summary__calc {
    padding: 20px clamp(16px, 2vw, 24px);
  }

  .page-musteri-odeme .odeme-pay-summary__meta {
    padding-left: clamp(16px, 2vw, 24px);
    padding-right: clamp(16px, 2vw, 24px);
  }

  .page-musteri-odeme .odeme-pay-summary--aside .odeme-pay-summary__meta,
  .page-musteri-odeme .odeme-pay-summary--aside .odeme-pay-summary__calc {
    padding: 14px 16px;
  }

  .page-musteri-odeme .catalog-detail__card--odeme-guvence .card-head,
  .page-musteri-odeme .odeme-method-root {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 900px) {
  .page-musteri-odeme .odeme-checkout-layout {
    grid-template-columns: 1fr;
  }

  .page-musteri-odeme .odeme-guvence__kv--checkout {
    grid-template-columns: 1fr;
  }

  .page-musteri-odeme .odeme-checkout-aside {
    position: static;
    border-left: none;
    border-top: 1px solid var(--mkt-line, #e8ecf2);
    order: -1;
    background: #fff;
  }
}

@media (max-width: 560px) {
  .page-musteri-odeme .odeme-checkout-main,
  .page-musteri-odeme .odeme-checkout-aside {
    padding: 16px;
  }

  .page-musteri-odeme .odeme-guvence__submit-form--bar {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .page-musteri-odeme .odeme-guvence__submit-form--bar .odeme-guvence__submit {
    margin-left: 0;
    width: 100%;
    justify-content: center;
  }

  .page-musteri-odeme .odeme-guvence__submit-form--bar .odeme-guvence__back {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .page-musteri-odeme .detail-kv__item--copy .detail-kv__value-row {
    flex-wrap: wrap;
  }

  .page-musteri-odeme .detail-kv__copy--labeled {
    width: 100%;
    justify-content: center;
  }
}

/* Perakende m??teri hesap alan? ? tam sayfa geni?li?i */
.page-musteri-account .mp-musteri-account {
  padding: var(--mp-section-top) var(--mp-gutter) 40px;
}

.page-musteri-account .card {
  padding: 18px 20px;
  margin-bottom: 16px;
  border-radius: var(--mkt-radius-lg, 8px);
  border-color: var(--mkt-line, #e8ecf2);
  background: var(--mkt-surface, #fff);
  box-shadow: var(--mp-hover-shadow, 0 2px 8px rgba(15, 23, 42, 0.04));
}

.page-musteri-account .card:hover {
  border-color: var(--mkt-line, #e8ecf2);
  box-shadow: var(--mp-hover-shadow, 0 2px 8px rgba(15, 23, 42, 0.04));
}

.page-musteri-account .card h2 {
  color: var(--mkt-ink, #0c1222);
  font-weight: var(--mp-fw-nav-active, 600);
  letter-spacing: normal;
}

.mp-musteri-account__inner {
  width: 100%;
  max-width: none;
  margin: 0;
}

.mp-musteri-account__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  font-size: 0.88rem;
  margin: 0 0 16px;
}

.mp-musteri-account__breadcrumb a {
  color: inherit;
  text-decoration: none;
}

.mp-musteri-account__breadcrumb a:hover {
  color: var(--accent, #0f766e);
}

.mp-musteri-account__layout {
  display: grid;
  grid-template-columns: minmax(280px, 300px) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.mp-musteri-account__sidebar {
  padding: 0;
  position: sticky;
  top: calc(var(--mp-top-h, 120px) + 12px);
  overflow: hidden;
}

.page-musteri-account .mp-musteri-account__sidebar.card {
  padding: 0;
  margin-bottom: 0;
  background: var(--mkt-surface, #fff);
  border-color: var(--mkt-line, #e8ecf2);
  border-radius: var(--mkt-radius-lg, 8px);
  box-shadow: var(--mp-hover-shadow-card, 0 4px 14px rgba(12, 18, 34, 0.05));
}

.mp-musteri-account__profile {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 16px;
  margin-bottom: 0;
  border: none;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.mp-musteri-account__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #f1f5f9;
  color: #64748b;
  flex-shrink: 0;
}

.mp-musteri-account__avatar svg {
  width: 22px;
  height: 22px;
}

.mp-musteri-account__profile-text {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.mp-musteri-account__name {
  font-size: var(--mp-text-md, 0.875rem);
  font-weight: var(--mp-fw-nav-active, 600);
  line-height: 1.3;
}

.mp-musteri-account__no {
  font-size: var(--mp-text-xs, 0.6875rem);
}

.mp-musteri-account__nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.mp-musteri-account__nav-divider {
  display: block;
  height: 1px;
  margin: 0;
  background: var(--mkt-line, #f0f2f5);
}

.mp-musteri-account__nav-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: none;
  border-bottom: 1px solid #f0f2f5;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #334155;
  text-decoration: none;
  font-family: inherit;
  font-size: var(--mp-text-md, 0.875rem);
  font-weight: var(--mp-fw-nav, 500);
  line-height: 1.25;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease;
}

.mp-musteri-account__nav > li:last-child .mp-musteri-account__nav-link {
  border-bottom: none;
}

.mp-musteri-account__nav-link:hover {
  background: #f8fafc;
  color: var(--mkt-ink, #0f172a);
}

.mp-musteri-account__nav-link.is-active {
  background: var(--accent-soft, #f0fdfa);
  color: #0f766e;
  font-weight: var(--mp-fw-nav-active, 600);
}

.mp-musteri-account__nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #64748b;
}

.mp-musteri-account__nav-link.is-active .mp-musteri-account__nav-icon {
  color: var(--accent, #0f766e);
}

.mp-musteri-account__nav-icon .ui-icon {
  width: 18px;
  height: 18px;
}

.mp-musteri-account__nav-label {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.mp-musteri-account__nav-badge {
  margin-left: auto;
  min-width: 22px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  font-size: var(--mp-text-xs, 0.6875rem);
  font-weight: var(--mp-fw-nav-active, 600);
  text-align: center;
}

.mp-musteri-account__nav-link.is-active .mp-musteri-account__nav-badge {
  background: rgba(15, 118, 110, 0.14);
  color: #0f766e;
}

.mp-musteri-account__nav-link--logout {
  margin-top: 0;
  color: #64748b;
}

.mp-musteri-account__head {
  margin-bottom: 18px;
}

.mp-musteri-account__head h1 {
  margin: 0 0 8px;
  font-size: clamp(1.35rem, 2vw, 1.65rem);
}

.mp-musteri-account__head .muted {
  margin: 0;
}

.mp-musteri-account__block {
  padding: 18px 20px;
  margin-bottom: 16px;
}

.mp-musteri-account__block--orders .mp-musteri-account__section-title {
  margin: 0 0 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-musteri-account__block--orders .mp-musteri__list {
  gap: 12px;
}

.mp-musteri-account__block-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.mp-musteri-account__section-title {
  margin: 0 0 14px;
  font-size: 1.05rem;
}

.mp-musteri-account__block-head .mp-musteri-account__section-title {
  margin: 0;
}

.mp-musteri-account__link {
  font-size: 0.9rem;
  color: var(--accent, #0f766e);
  text-decoration: none;
  white-space: nowrap;
}

.mp-musteri-account__link:hover {
  text-decoration: underline;
}

.mp-musteri-account__table-wrap {
  overflow-x: auto;
}

.mp-musteri-account__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}

.mp-musteri-account__table th,
.mp-musteri-account__table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  text-align: left;
  vertical-align: middle;
}

.mp-musteri-account__table thead th {
  background: #f8fafc;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
  font-weight: 600;
}

.mp-musteri-account__table tbody tr.is-cancelled .badge {
  color: #dc2626;
}

.mp-musteri-account__table tbody tr.is-selected {
  background: #f0fdfa;
}

.mp-musteri-account__table tbody tr.is-selected td {
  border-bottom-color: #fed7aa;
}

.mp-musteri-account__order-link {
  color: var(--accent, #0f766e);
  text-decoration: none;
  font-weight: var(--mp-fw-nav-active, 600);
}

.mp-musteri-account__order-link:hover {
  text-decoration: underline;
}

.mp-musteri-account__order-no {
  font-weight: var(--mp-fw-nav-active, 600);
  color: var(--mkt-ink, #0c1222);
}

.mp-musteri-account__table-action {
  text-align: right;
  white-space: nowrap;
}

.mp-musteri-account__view-btn {
  min-width: 96px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  background: #fff;
  color: var(--mkt-ink, #0c1222);
  font-weight: var(--mp-fw-nav-active, 600);
}

.mp-musteri-account__view-btn:hover {
  border-color: #5eead4;
  background: #f0fdfa;
  color: var(--accent, #0f766e);
}

.mp-musteri-account__block--order-detail {
  padding-top: 16px;
}

.mp-musteri-account__detail-head {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-musteri-account__back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  font-size: 0.9rem;
  font-weight: var(--mp-fw-nav-active, 600);
  color: var(--mkt-muted, #5b6478);
  text-decoration: none;
}

.mp-musteri-account__back-link:hover {
  color: var(--accent, #0f766e);
}

.mp-musteri-account__back-icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mp-musteri-account__back-icon svg {
  width: 16px;
  height: 16px;
}

.mp-musteri-account__detail-title .mp-musteri-account__section-title {
  margin: 0 0 4px;
  padding: 0;
  border: 0;
}

.mp-musteri-account__detail-meta {
  margin: 0;
  font-size: 0.92rem;
}

.mp-musteri__list--single {
  gap: 0;
}

.mp-musteri-order-detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mp-musteri-order-detail__block {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.mp-musteri-order-detail__block--adres {
  padding-top: 16px;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
}

.mp-musteri-order-detail__block--adres .mp-order-adres {
  margin: 0;
}

.mp-musteri-order-detail__heading {
  margin: 0;
  font-size: 0.72rem;
  font-weight: var(--mp-fw-nav-active, 600);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mkt-muted, #5b6478);
}

.mp-musteri-order-detail__panel {
  padding: 16px 18px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius, 10px);
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.mp-musteri-order-detail__panel--item + .mp-musteri-order-detail__panel--item {
  margin-top: 10px;
}

.mp-musteri-order-detail__grup-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius, 10px);
  background: #fff;
}

.mp-musteri-order-detail__grup-cta p {
  margin: 0;
}

.mp-musteri-order-detail__grup-cta-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mp-musteri-order-detail__iptal-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mp-musteri-order-detail__iade-opts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

.mp-musteri-order-detail__iade-step-label {
  margin: 0;
  flex: 1 1 100%;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--mkt-ink, #0c1222);
}

/* İade yöntemi modalı — Seçilenleri iptal et */
.modal.mp-musteri-iptal-iade-modal .modal-dialog--iptal-iade {
  max-width: 400px;
}

.modal.mp-musteri-iptal-iade-modal .modal-card {
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);
}

.modal.mp-musteri-iptal-iade-modal .modal-header {
  align-items: center;
  padding: 16px 16px 0 18px;
  border: 0;
  gap: 8px;
}

.modal.mp-musteri-iptal-iade-modal .modal-header .mp-musteri-order-detail__iade-step-label {
  margin: 0;
  flex: 1 1 auto;
}

.modal.mp-musteri-iptal-iade-modal .modal-body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  padding: 14px 18px 16px;
}

.modal.mp-musteri-iptal-iade-modal .mp-musteri-order-detail__iade-step-label {
  flex: none;
}

.modal.mp-musteri-iptal-iade-modal .mp-musteri-order-detail__iade-opts {
  width: 100%;
}

.modal.mp-musteri-iptal-iade-modal .mp-musteri-iptal-iade-modal__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 2px 0 0;
  padding: 0;
  border: 0;
}

.modal.mp-musteri-iptal-iade-modal .mp-musteri-iptal-iade-modal__footer .btn {
  flex: 1 1 auto;
  min-width: 0;
  justify-content: center;
}

.modal.mp-musteri-iptal-iade-modal .mp-musteri-iptal-iade-modal__footer .btn-ghost {
  flex: 0 0 auto;
}

.mp-musteri-iptal-iade-modal__iban {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: 10px;
  background: #f8fafc;
}

.mp-musteri-iptal-iade-modal__iban[hidden] {
  display: none !important;
}

.mp-musteri-iptal-iade-modal__iban-fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mp-musteri-iptal-iade-modal__iban-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}

.mp-musteri-iptal-iade-modal__iban-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #475569;
}

.mp-musteri-iptal-iade-modal__iban-field .input {
  width: 100%;
}

.mp-musteri-iptal-iade-modal__iban-uyari {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #b45309;
}

.mp-musteri-iptal-iade-modal__iban-err {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.35;
  color: #b91c1c;
}

.mp-musteri-iptal-iade-modal__iban-err[hidden] {
  display: none !important;
}

.mp-musteri-order-detail__iade-opt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 72px;
  padding: 12px 10px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: 10px;
  background: #fff;
  color: #64748b;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.25;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.mp-musteri-order-detail__iade-opt-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #f1f5f9;
  color: #64748b;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.mp-musteri-order-detail__iade-opt-icon svg {
  width: 16px;
  height: 16px;
}

.mp-musteri-order-detail__iade-opt-text {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mp-musteri-order-detail__iade-opt input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mp-musteri-order-detail__iade-opt:hover:not(:has(input:checked)) {
  color: #475569;
  border-color: #cbd5e1;
  background: #f8fafc;
}

.mp-musteri-order-detail__iade-opt:hover:not(:has(input:checked)) .mp-musteri-order-detail__iade-opt-icon {
  background: #e2e8f0;
  color: #475569;
}

.mp-musteri-order-detail__iade-opt:has(input:checked) {
  background: #f0fdfa;
  color: var(--mkt-ink, #0c1222);
  border-color: rgba(15, 118, 110, 0.4);
  box-shadow: 0 0 0 1px rgba(15, 118, 110, 0.12);
}

.mp-musteri-order-detail__iade-opt:has(input:checked) .mp-musteri-order-detail__iade-opt-icon {
  background: rgba(15, 118, 110, 0.12);
  color: #0f766e;
}

.mp-musteri-order-detail__iade-opt:has(input:focus-visible) {
  outline: 2px solid rgba(15, 118, 110, 0.45);
  outline-offset: 1px;
}

.mp-musteri-order-detail__item-iptal {
  margin-top: 6px;
}

.mp-musteri-order-detail__iptal-form--secim {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
}

.mp-musteri-order-detail__secim-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 10px;
  padding: 8px 12px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius, 10px);
  background: #fff;
}

.mp-musteri-order-detail__secim-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  cursor: pointer;
  user-select: none;
}

.mp-musteri-order-detail__secim-all input,
.mp-musteri-order-detail__check-label input {
  width: 1.05rem;
  height: 1.05rem;
  accent-color: var(--mkt-accent, #0d9488);
  cursor: pointer;
}

.mp-musteri-order-detail__secim-hint {
  font-size: 0.85rem;
}

.mp-musteri-order-detail__check-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0;
}

.mp-musteri-order-detail__check-spacer {
  display: block;
  width: 1.05rem;
  height: 1.05rem;
}

.mp-musteri-account__detail-status {
  margin-top: 8px;
}

.mp-musteri-odeme__grup {
  padding: 14px 16px;
}

.mp-musteri-odeme__grup-head {
  margin: 0 0 10px;
}

.mp-musteri-odeme__grup-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.mp-musteri-odeme__grup-list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.92rem;
}

.mp-musteri-account__order-count {
  font-weight: 400;
  white-space: nowrap;
}

.mp-musteri-order-detail__panel .mp-musteri__card-main {
  padding: 0;
}

.mp-musteri-order-detail__product {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr) minmax(9rem, max-content);
  grid-template-areas: "media body aside";
  gap: 16px 20px;
  align-items: center;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.mp-musteri-order-detail__product.mp-musteri-order-detail__product--secim {
  grid-template-columns: 1.5rem 88px minmax(0, 1fr) minmax(9rem, max-content);
  grid-template-areas: "check media body aside";
}

.mp-musteri-order-detail__product-check {
  grid-area: check;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
}

.mp-musteri-order-detail__product-media {
  grid-area: media;
  width: 88px;
  height: 88px;
  border-radius: var(--mp-radius);
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--mkt-line, #e8ecf2);
  box-sizing: border-box;
}

.mp-musteri-order-detail__product-media .urun-gorsel-table-cell {
  display: block;
  width: 100%;
  height: 100%;
}

.mp-musteri-order-detail__product-media .img-mini-link,
.mp-musteri-order-detail__product-media .img-mini--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.mp-musteri-order-detail__product-media .img-mini {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
  border: 0;
}

.mp-musteri-order-detail__product-body {
  grid-area: body;
  min-width: 0;
  text-align: left;
}

.mp-musteri-order-detail__product-title {
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: var(--mp-fw-nav-active);
  line-height: 1.35;
  word-break: break-word;
  text-align: left;
}

.mp-musteri-order-detail__product-meta {
  display: grid;
  gap: 4px;
  text-align: left;
}

.mp-musteri-order-detail__product-meta-row {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.45;
  color: var(--mkt-muted, #5b6478);
}

.mp-musteri-order-detail__product-meta-row strong {
  font-weight: var(--mp-fw-nav);
  color: var(--mkt-ink, #0c1222);
  word-break: break-word;
}

.mp-musteri-order-detail__seller-link {
  color: inherit;
  text-decoration: none;
}

.mp-musteri-order-detail__seller-link:hover {
  color: #334155;
  text-decoration: underline;
}

.mp-musteri-order-detail__product-aside {
  grid-area: aside;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  text-align: right;
}

.mp-musteri-order-detail__product-status {
  flex-shrink: 0;
}

.mp-musteri-order-detail__product-price {
  margin: 0;
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-align: right;
}

.mp-musteri-order-detail__product-cta {
  min-width: 8.5rem;
  justify-content: center;
}

.mp-musteri-order-detail__adet-label {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  font-size: 0.82rem;
}

.mp-musteri-order-detail__adet-label .input {
  min-width: 7rem;
}

@media (max-width: 900px) {
  .mp-musteri-order-detail__product {
    grid-template-columns: 72px minmax(0, 1fr);
    grid-template-areas:
      "media body"
      "aside aside";
    gap: 12px 14px;
    align-items: start;
  }

  .mp-musteri-order-detail__product.mp-musteri-order-detail__product--secim {
    grid-template-columns: 1.25rem 72px minmax(0, 1fr);
    grid-template-areas:
      "check media body"
      "aside aside aside";
  }

  .mp-musteri-order-detail__product-media {
    width: 72px;
    height: 72px;
  }

  .mp-musteri-order-detail__product-aside {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 12px;
    border-top: 1px solid var(--mkt-line, #e8ecf2);
    text-align: left;
  }

  .mp-musteri-order-detail__product-price {
    margin-left: auto;
    text-align: right;
  }

  .mp-musteri-order-detail__product-cta {
    flex-basis: 100%;
    width: 100%;
    min-width: 0;
    margin-top: 4px;
  }

  .mp-musteri-order-detail__adet-label {
    align-items: flex-start;
  }
}

.mp-musteri-order-detail__panel .mp-musteri__iade {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.mp-musteri__card--detail {
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius, 10px);
  background: #fff;
  overflow: hidden;
}

.mp-musteri__card--detail .mp-musteri__card-main {
  padding: 18px;
}

.mp-musteri__card--detail .mp-musteri__card-footer {
  margin: 0;
  border-top: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: 0;
  background: #f8fafc;
}

.mp-musteri-account__quick {
  padding: 18px 20px;
}

.mp-musteri-account__quick-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.mp-musteri-account__quick-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--mkt-line, #e8ecf2);
  border-radius: var(--mp-radius, 10px);
  text-decoration: none;
  color: inherit;
  background: #fff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mp-musteri-account__quick-link:hover {
  border-color: rgba(15, 118, 110, 0.28);
  box-shadow: 0 4px 14px rgba(15, 118, 110, 0.08);
}

.mp-musteri-account__quick-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  color: var(--accent, #0f766e);
}

.mp-musteri-account__quick-badge {
  margin-left: auto;
  min-width: 22px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.14);
  color: #0f766e;
  font-size: 0.75rem;
  font-weight: var(--mp-fw-nav-active, 600);
}

.mp-musteri-account__empty,
.mp-musteri-account__empty-state {
  padding: 28px 20px;
  text-align: center;
}

.mp-musteri-account__fieldset {
  margin-bottom: 16px;
}

.mp-musteri-account__fieldset-title {
  margin: 0 0 14px;
  font-size: 1rem;
}

.mp-musteri-account__hint {
  margin: 8px 0 0;
  font-size: 0.88rem;
}

.mp-musteri-account__form-actions {
  margin-top: 4px;
}

.mp-musteri-account__form-card {
  max-width: 520px;
}

.mp-musteri-account__reviews {
  display: grid;
  gap: 12px;
}

.mp-musteri-account__stores {
  display: grid;
  gap: 12px;
}

.mp-musteri-account__store {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px 20px;
}

.mp-musteri-account__store-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}

.mp-musteri-account__store-title {
  margin: 0;
  font-size: 1.05rem;
  flex: 1;
  min-width: 0;
}

.mp-musteri-account__store-title a {
  color: var(--mkt-ink, #0c1222);
  text-decoration: none;
}

.mp-musteri-account__store-title a:hover {
  color: var(--accent, #0f766e);
}

.mp-musteri-account__store-date {
  margin: 0;
  font-size: 0.82rem;
  white-space: nowrap;
  flex-shrink: 0;
}

.mp-musteri-account__store-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.mp-musteri-account__store-meta {
  margin: 0;
  flex: 1;
  min-width: 0;
}

.mp-musteri-account__store-actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.mp-listing__follow-form {
  margin: 0;
}

.mp-listing__follow-btn.is-active {
  border-color: #5eead4;
  background: #f0fdfa;
  color: #0f766e;
}

.mp-musteri-account__review-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
  margin-bottom: 8px;
}

.mp-musteri-account__review-head h2,
.mp-musteri-account__review-head h3 {
  margin: 0;
  font-size: 1rem;
}

.mp-musteri-account__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.mp-musteri-account__filter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #334155;
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.mp-musteri-account__filter:hover {
  border-color: rgba(15, 118, 110, 0.28);
  color: #0f766e;
}

.mp-musteri-account__filter.is-active {
  border-color: rgba(15, 118, 110, 0.35);
  background: var(--accent-soft, #f0fdfa);
  color: #0f766e;
}

.mp-musteri-account__filter-badge {
  min-width: 20px;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.14);
  color: #0f766e;
  font-size: 0.75rem;
  font-weight: var(--mp-fw-nav-active, 600);
  text-align: center;
}

.mp-musteri-account__messages {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.mp-musteri-account__message {
  padding: 18px 20px;
}

.mp-musteri-account__message-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 14px;
}

.mp-musteri-account__message-product h2 {
  margin: 0 0 4px;
  font-size: 1rem;
}

.mp-musteri-account__message-seller {
  margin: 0;
  font-size: 0.85rem;
}

.mp-musteri-account__message-status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
}

.mp-musteri-account__message-status svg {
  width: 14px;
  height: 14px;
}

.mp-musteri-account__message-status--pending {
  background: #fef3c7;
  color: #b45309;
}

.mp-musteri-account__message-status--done {
  background: #dcfce7;
  color: #15803d;
}

.mp-musteri-account__message-block {
  padding: 12px 14px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #e8ecf2;
}

.mp-musteri-account__message-block--answer {
  margin-top: 10px;
  background: #fff;
}

.mp-musteri-account__message-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.mp-musteri-account__message-text {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
}

.mp-musteri-account__message-pending {
  margin: 10px 0 0;
  font-size: 0.88rem;
}

@media (max-width: 900px) {
  .mp-musteri-account__layout {
    grid-template-columns: 1fr;
  }

  .mp-musteri-account__sidebar {
    position: static;
  }

  .mp-musteri-account__nav {
    flex-direction: column;
  }

  .mp-musteri-account__nav-divider {
    display: block;
  }
}

@media (max-width: 640px) {
  .mp-musteri-account__quick-grid {
    grid-template-columns: 1fr;
  }

  .mp-musteri-account__nav {
    flex-direction: column;
  }

  .mp-musteri-account__table thead {
    display: none;
  }

  .mp-musteri-account__table tr {
    display: grid;
    gap: 6px;
    padding: 12px 0;
    border-bottom: 1px solid var(--mkt-line, #e8ecf2);
  }

  .mp-musteri-account__table td {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    border: 0;
    padding: 0;
  }

  .mp-musteri-account__table td::before {
    content: attr(data-label);
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 600;
  }

  .mp-musteri-account__table-action {
    justify-content: flex-end;
    padding-top: 4px;
  }

  .mp-musteri-account__view-btn {
    width: 100%;
    justify-content: center;
  }

  .mp-musteri-account__store-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .mp-musteri-account__store-body {
    flex-direction: column;
    align-items: stretch;
  }

  .mp-musteri-account__store-actions {
    width: 100%;
  }
}

/* Kampanya indirim gosterimi */
.mp-card__price-old,
.mp-detail__price-old {
  display: inline-block;
  margin-right: 8px;
  color: #8b93a7;
  font-size: 0.85em;
  font-weight: 500;
  text-decoration: line-through;
}
.mp-card__badge--kampanya {
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
}
.mp-detail__price-tag--kampanya {
  color: #047857;
  background: #ecfdf5;
}