:root {
  --yellow: #f5c518;
  --yellow-btn: #e8b800;
  --black: #111;
  --gray: #666;
  --muted: #999;
  --line: #e6e6e6;
  --bg: #fff;
  --bg-soft: #f5f5f5;
  --container: 1180px;
  --font: "Plus Jakarta Sans", "Helvetica Neue", Helvetica, sans-serif;
  --sans: var(--font);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font);
  color: var(--black);
  background: var(--bg);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }
.container { width: min(100% - 32px, var(--container)); margin-inline: auto; }

/* Announcement */
.site-top {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #fff;
}
.announcement {
  position: relative;
  z-index: 2;
  background: var(--yellow);
  color: #111;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  padding: 10px 0;
  line-height: 1.3;
  min-height: 36px;
  border-top: 0;
}
.announcement-track {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 28s linear infinite;
}
@keyframes marquee {
  to { transform: translateX(-100%); }
}

/* Header — logo sol / menü orta / ikonlar sağ (mobil: hamburger | logo | ikonlar) */
.site-header {
  background: #fff;
  position: relative;
  z-index: 3;
}
.header-bar {
  width: min(100% - 64px, 1360px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 32px;
  min-height: 104px;
  padding: 8px 0;
}
.logo {
  font-family: var(--font);
  font-weight: 900;
  font-size: 40px;
  letter-spacing: .01em;
  color: var(--yellow);
  -webkit-text-stroke: 2px #111;
  paint-order: stroke fill;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  max-width: 240px;
}
.logo.has-image {
  color: inherit;
  -webkit-text-stroke: 0;
  paint-order: normal;
  text-transform: none;
  font-size: 0;
}
.logo img {
  display: block;
  height: 52px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
}
.nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
  flex-wrap: nowrap;
}
.nav > a,
.nav-item > a,
.nav-dropdown-btn {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #111;
}
.nav > a:hover,
.nav-item > a:hover,
.nav-dropdown-btn:hover { opacity: .55; }
.nav-item {
  position: relative;
}
.nav-dropdown-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.nav-link-desktop {
  display: none !important;
}
.nav-dropdown-btn i {
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform .2s ease;
}
.nav-item.is-open .nav-dropdown-btn i {
  transform: rotate(-135deg);
  translate: 0 2px;
}
.nav-item.is-open > .dropdown {
  display: block;
}
.nav-mobile-head { display: none; }
.nav-toggle {
  display: none;
  width: 42px;
  height: 42px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  place-items: center;
  gap: 5px;
  flex-direction: column;
  justify-content: center;
  z-index: 80;
}
.nav-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  background: #111;
  border-radius: 2px;
}
.nav-backdrop {
  display: none;
}
.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 220px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  padding: 10px 0;
  z-index: 60;
}
.dropdown a {
  display: block;
  padding: 9px 16px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.dropdown a:hover { background: #f7f7f7; }
.nav-dropdown-all { display: none; }
.dropdown-item.has-flyout {
  position: relative;
}
.dropdown-item.has-flyout > .dropdown-parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-right: 40px;
}
.flyout-caret {
  display: none;
}
.flyout-toggle {
  display: grid;
  place-items: center;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  cursor: pointer;
  z-index: 2;
}
.flyout-toggle::before {
  content: '';
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #111;
  border-bottom: 1.5px solid #111;
  transform: rotate(-45deg);
  transition: transform .2s ease;
}
.dropdown-item.is-open > .flyout-toggle::before {
  transform: rotate(45deg);
}
.dropdown-flyout {
  display: none;
  position: absolute;
  left: calc(100% - 2px);
  top: -10px;
  min-width: 200px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 8px 10px 28px rgba(0,0,0,.1);
  padding: 10px 0;
  z-index: 70;
}
.dropdown-item.is-open > .dropdown-flyout {
  display: block;
}
.dropdown-flyout a {
  white-space: nowrap;
}

/* Eski hover ile otomatik açılma kaldırıldı — sadece .is-open / tıklama */

/* Masaüstü yerleşim: toggle gizli, nav ortada */
@media (min-width: 961px) {
  .site-header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    width: min(100% - 64px, 1360px);
    margin-inline: auto;
    min-height: 104px;
    padding: 8px 0;
  }
  .header-bar {
    display: contents;
    width: auto;
    margin: 0;
    min-height: 0;
    padding: 0;
    gap: 0;
  }
  .nav-toggle { display: none !important; }
  .nav-backdrop { display: none !important; }
  .logo {
    grid-column: 1;
    grid-row: 1;
  }
  .nav {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    position: static;
    transform: none;
    width: auto;
    height: auto;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
  }
  .header-actions {
    grid-column: 3;
    grid-row: 1;
  }
}
.header-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
.icon-btn {
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: grid;
  place-items: center;
  position: relative;
  color: #111;
}
.cart-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: #111;
  color: #fff;
  border-radius: 999px;
  font-size: 10px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  display: grid;
  place-items: center;
  font-weight: 700;
  line-height: 1;
}

.hero-slider {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #f3f1eb;
  line-height: 0;
  /* Bilgi bannerı oranı (ör. 1000×647) — metin üst/alt kesilmesin */
  aspect-ratio: 1000 / 647;
}
.hero-track {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .45s ease;
  z-index: 1;
}
.hero-slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
}
.hero-link {
  display: block;
  width: 100%;
  height: 100%;
}
.hero-slide img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center;
}
.hero-nav {
  position: absolute;
  top: 50%;
  left: auto;
  right: auto;
  transform: translateY(-50%);
  z-index: 6;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.95);
  color: #111;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  box-shadow: 0 2px 12px rgba(0,0,0,.2);
  margin: 0;
  padding: 0;
}
.hero-nav:hover { background: #fff; }
.hero-prev { left: 16px; }
.hero-next { right: 16px; }
.hero-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  z-index: 6;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.hero-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 0;
  background: rgba(255,255,255,.55);
  cursor: pointer;
  padding: 0;
}
.hero-dot.is-active { background: #111; box-shadow: 0 0 0 2px #fff; }

@media (max-width: 960px) {
  .hero-slider { aspect-ratio: 1000 / 647; }
  .hero-nav { width: 40px; height: 40px; font-size: 26px; }
  .hero-prev { left: 8px; }
  .hero-next { right: 8px; }
}

.hero-inner { display: none; }
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; transition: .2s ease;
}
.btn-yellow {
  background: var(--yellow); color: #111;
  padding: 12px 28px; border-radius: 4px;
}
.btn-yellow:hover { filter: brightness(.95); }
.btn-black {
  background: #111; color: #fff;
  padding: 12px 18px; width: 100%;
}
.btn-black:hover { background: #333; }

/* Sections */
.section { padding: 48px 0; }

/* Kurumsal sayfa — mağaza dili (sarı / siyah / Jakarta) */
.corp-page {
  --corp-ink: #111;
  --corp-muted: #666;
  --corp-soft: #f6f6f6;
  --corp-line: #e8e8e8;
  padding: 0 0 72px;
  min-height: 60vh;
  background:
    radial-gradient(1200px 420px at 8% -10%, rgba(245, 197, 24, .14), transparent 55%),
    radial-gradient(900px 360px at 100% 8%, rgba(0, 0, 0, .04), transparent 50%),
    #fff;
}
.corp-hero-band {
  border-bottom: 1px solid var(--corp-line);
  margin-bottom: 48px;
  background: linear-gradient(180deg, rgba(255,255,255,.4), rgba(246,246,246,.85));
}
.corp-hero {
  padding: 56px 0 48px;
  max-width: 760px;
  animation: corp-fade-up .55s ease both;
}
.corp-eyebrow {
  margin: 0 0 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #111;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.corp-eyebrow::before {
  content: '';
  width: 28px;
  height: 3px;
  background: var(--yellow);
  border-radius: 2px;
}
.corp-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(36px, 5.5vw, 56px);
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: 1.05;
  color: var(--corp-ink);
}
.corp-lead {
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
  color: var(--corp-muted);
  max-width: 42ch;
}
.corp-body {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.corp-about {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
  gap: 40px;
  align-items: start;
  animation: corp-fade-up .6s ease .08s both;
}
.corp-about-label span,
.corp-group-head > span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  color: #aaa;
  margin-bottom: 10px;
}
.corp-about-label h2,
.corp-group-head h2,
.corp-vm-card h2 {
  margin: 0;
  font-size: clamp(22px, 2.6vw, 28px);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.2;
}
.corp-prose p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--corp-muted);
  max-width: 58ch;
}
.corp-prose p:last-child { margin-bottom: 0; }
.corp-vm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  animation: corp-fade-up .6s ease .14s both;
}
.corp-vm-card {
  position: relative;
  padding: 28px 26px 26px;
  background: #fff;
  border: 1px solid var(--corp-line);
  border-radius: 4px;
  overflow: hidden;
}
.corp-vm-mark {
  display: block;
  width: 40px;
  height: 4px;
  background: var(--yellow);
  margin-bottom: 18px;
  border-radius: 2px;
}
.corp-vm-card h2 {
  margin-bottom: 12px;
}
.corp-group {
  animation: corp-fade-up .6s ease .2s both;
}
.corp-group-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  align-items: start;
  margin-bottom: 24px;
  max-width: 640px;
}
.corp-group-head p {
  margin: 8px 0 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--corp-muted);
}
.corp-empty {
  color: #888;
  font-size: 14px;
  padding: 28px;
  text-align: center;
  border: 1px dashed var(--corp-line);
  border-radius: 4px;
  background: var(--corp-soft);
}
.corp-company-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.corp-company {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 22px;
  border: 1px solid var(--corp-line);
  border-radius: 4px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  animation: corp-fade-up .5s ease both;
  animation-delay: calc(.04s * var(--i, 0));
}
a.corp-company:hover {
  border-color: #111;
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(0,0,0,.07);
}
.corp-company-logo {
  width: 72px;
  height: 72px;
  border-radius: 4px;
  background: var(--corp-soft);
  border: 1px solid var(--corp-line);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  overflow: hidden;
}
.corp-company-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 10px;
}
.corp-company-logo span {
  font-size: 24px;
  font-weight: 800;
  color: #111;
}
.corp-company-body strong {
  display: block;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.corp-company-body p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--corp-muted);
}
.corp-company-link {
  display: inline-block;
  margin-top: 10px;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #111;
  border-bottom: 2px solid var(--yellow);
  padding-bottom: 1px;
}
.corp-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 28px 30px;
  background: #111;
  color: #fff;
  border-radius: 4px;
  animation: corp-fade-up .55s ease .25s both;
}
.corp-cta p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: rgba(255,255,255,.78);
  max-width: 42ch;
}
.corp-cta .btn-black {
  background: var(--yellow);
  color: #111;
  width: auto;
  padding: 14px 22px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
  border: 0;
  border-radius: 4px;
}
.corp-cta .btn-black:hover {
  filter: brightness(.96);
  color: #111;
}
@keyframes corp-fade-up {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}
@media (max-width: 860px) {
  .corp-about {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .corp-vm,
  .corp-company-grid {
    grid-template-columns: 1fr;
  }
  .corp-hero { padding: 36px 0 32px; }
  .corp-hero-band { margin-bottom: 32px; }
  .corp-body { gap: 40px; }
  .corp-cta { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .corp-hero,
  .corp-about,
  .corp-vm,
  .corp-group,
  .corp-company,
  .corp-cta {
    animation: none;
  }
}

body.theme-business .corp-page {
  background:
    radial-gradient(1000px 400px at 10% -10%, rgba(201, 162, 39, .16), transparent 55%),
    #0d0f12;
}
body.theme-business .corp-hero-band {
  background: linear-gradient(180deg, #12151a, #0d0f12);
  border-bottom-color: rgba(255,255,255,.08);
}
body.theme-business .corp-eyebrow { color: #c9a227; }
body.theme-business .corp-eyebrow::before { background: #c9a227; }
body.theme-business .corp-hero h1 { color: #fff; }
body.theme-business .corp-lead,
body.theme-business .corp-prose p,
body.theme-business .corp-group-head p,
body.theme-business .corp-company-body p,
body.theme-business .corp-empty {
  color: rgba(255,255,255,.58);
}
body.theme-business .corp-about-label h2,
body.theme-business .corp-group-head h2,
body.theme-business .corp-vm-card h2,
body.theme-business .corp-company-body strong,
body.theme-business .corp-company-link {
  color: #fff;
}
body.theme-business .corp-vm-card,
body.theme-business .corp-company {
  background: #161a20;
  border-color: rgba(255,255,255,.1);
}
body.theme-business a.corp-company:hover {
  border-color: #c9a227;
  box-shadow: 0 16px 36px rgba(0,0,0,.35);
}
body.theme-business .corp-company-logo {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.1);
}
body.theme-business .corp-company-logo span { color: #c9a227; }
body.theme-business .corp-vm-mark { background: #c9a227; }
body.theme-business .corp-company-link { border-bottom-color: #c9a227; }
body.theme-business .corp-empty {
  background: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.12);
}
body.theme-business .corp-cta {
  background: #161a20;
  border: 1px solid rgba(255,255,255,.1);
}

/* Contact page */
.contact-page {
  padding: 40px 0 72px;
}
.contact-hero {
  max-width: 640px;
  margin: 0 0 28px;
}
.contact-eyebrow {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #888;
}
.contact-hero h1 {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.15;
}
.contact-lead {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #666;
  max-width: 46ch;
}
.contact-layout {
  display: grid;
  grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}
.contact-intro {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.55;
  color: #555;
}
.contact-cards {
  display: grid;
  gap: 10px;
}
.contact-card {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: border-color .15s, background .15s;
}
a.contact-card:hover {
  border-color: #111;
  background: #fafafa;
}
.contact-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #f3f3f3;
  color: #222;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.contact-card strong {
  display: block;
  font-size: 13px;
  font-weight: 750;
  margin-bottom: 2px;
}
.contact-card em {
  display: block;
  font-style: normal;
  font-size: 13px;
  color: #666;
  line-height: 1.4;
}

/* Mağazalar sayfası */
.stores-page {
  padding: 40px 0 72px;
}
.stores-hero {
  max-width: 640px;
  margin: 0 0 32px;
}
.stores-eyebrow {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #888;
}
.stores-hero h1 {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.15;
}
.stores-lead {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #666;
  max-width: 46ch;
}
.stores-empty {
  text-align: center;
  color: #888;
  padding: 28px;
  border: 1px dashed #e6e6e6;
  border-radius: 12px;
  background: #fafafa;
}
.stores-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.store-card {
  padding: 0;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.store-card-photo {
  aspect-ratio: 16 / 10;
  background: #f3f3f3;
  overflow: hidden;
}
.store-card-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.store-card-body {
  padding: 16px;
}
.store-card h2 {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.store-line {
  margin: 0 0 10px;
}
.store-line strong {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 3px;
}
.store-line span,
.store-line a {
  font-size: 13px;
  line-height: 1.45;
  color: #444;
}
.store-line a:hover { color: #111; }
.store-map-btn {
  display: inline-flex;
  margin-top: 6px;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: #111;
  color: #fff;
  border-radius: 6px;
}
.store-map-btn:hover { background: #333; color: #fff; }
@media (max-width: 1100px) {
  .stores-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .stores-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .stores-grid { grid-template-columns: 1fr; }
  .stores-page { padding: 28px 0 56px; }
}
body.theme-business .stores-eyebrow { color: rgba(255,255,255,.45); }
body.theme-business .stores-hero h1 { color: #fff; }
body.theme-business .stores-lead,
body.theme-business .store-line span,
body.theme-business .store-line a,
body.theme-business .stores-empty {
  color: rgba(255,255,255,.55);
}
body.theme-business .store-card,
body.theme-business .stores-empty {
  background: #161a20;
  border-color: rgba(255,255,255,.1);
}
body.theme-business .store-card h2 { color: #fff; }
body.theme-business .store-map-btn {
  background: #c9a227;
  color: #111;
}
.contact-form-wrap {
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  padding: 22px;
  background: #fff;
}
.contact-form-wrap h2 {
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.contact-form-lead {
  margin: 0 0 18px;
  font-size: 13px;
  color: #777;
}
.contact-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.contact-form .field { margin-bottom: 12px; }
.contact-form .field label {
  display: block;
  font-size: 12px;
  font-weight: 650;
  color: #666;
  margin-bottom: 5px;
}
.contact-form .field input,
.contact-form .field textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  padding: 11px 12px;
  font-size: 14px;
  background: #fff;
  font-family: inherit;
}
.contact-form .field input:focus,
.contact-form .field textarea:focus {
  outline: none;
  border-color: #111;
}
.contact-form .field textarea {
  resize: vertical;
  min-height: 140px;
  line-height: 1.5;
}
.contact-submit {
  width: auto;
  min-width: 160px;
  margin-top: 4px;
  border-radius: 8px;
}
@media (max-width: 860px) {
  .contact-layout,
  .contact-grid-2 { grid-template-columns: 1fr; }
}

.section-title {
  font-family: var(--font);
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(20px, 2.4vw, 28px);
  margin: 0 0 28px;
  letter-spacing: .08em;
  font-weight: 700;
}
.section-head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 28px;
  min-height: 1.4em;
}
.section-head .section-title {
  margin: 0;
  text-align: center;
}
.section-head-link {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 600;
  color: #666;
  text-decoration: none;
}
.section-head-link:hover { color: #111; }
@media (max-width: 640px) {
  .section-head { flex-direction: column; gap: 8px; }
  .section-head-link {
    position: static;
    transform: none;
  }
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px 20px;
}
.product-card {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product-card > a {
  display: block;
  flex: 0 0 auto;
}
.product-card .thumb {
  aspect-ratio: 1;
  background: var(--bg-soft);
  margin-bottom: 14px;
  display: grid; place-items: center;
  overflow: hidden;
}
.product-card .thumb img { width: 100%; height: 100%; object-fit: contain; }
.product-card .name {
  font-size: 14px; font-weight: 700; margin: 0 0 6px;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  min-height: 3.9em;
}
.product-card .brand {
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 8px;
  text-transform: uppercase;
  min-height: 1.35em;
  line-height: 1.35em;
}
.product-card .price {
  font-weight: 800;
  margin-bottom: 12px;
  min-height: 1.4em;
}
.product-card-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
}
.product-card-actions form { margin: 0; }
.product-card-actions .btn {
  width: 100%;
  margin: 0;
}
.btn-buy-now {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #111;
  color: #fff;
  border: 0;
  padding: 14px 16px;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 6px;
}
.btn-buy-now:hover { background: #333; }
.product-card-actions .btn-buy-now {
  padding: 12px 14px;
  font-size: 13px;
  background: #fff;
  color: #111;
  border: 1.5px solid #111;
}
.product-card-actions .btn-buy-now:hover {
  background: #111;
  color: #fff;
}
.buy-now-form { margin: 0 0 18px; }
.buy-now-form .btn-buy-now { height: 52px; }

/* Promo blocks */
.promo-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 20px 0 40px;
}
.promo-card {
  background: #f2f2f2;
  min-height: 220px;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  padding: 24px;
  gap: 16px;
}
.promo-card.reverse { grid-template-columns: .8fr 1.2fr; }
.promo-card h3 {
  font-family: var(--font);
  font-style: normal;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .06em;
  margin: 0 0 14px;
}
.promo-visual {
  height: 160px;
  background: linear-gradient(160deg, #222, #555);
  border-radius: 2px;
}

/* Features */
.features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  text-align: center;
  padding: 20px 0 40px;
}
.feature h4 { margin: 10px 0 6px; font-size: 14px; letter-spacing: .06em; }
.feature p { margin: 0; color: var(--gray); font-size: 13px; }
.feature-icon {
  width: 48px; height: 48px; margin: 0 auto;
  border: 2px solid #111; border-radius: 50%;
  display: grid; place-items: center; font-size: 18px;
}

/* Newsletter */
.newsletter {
  background: #111; color: #fff;
  padding: 28px 0;
}
.newsletter-inner {
  display: flex; gap: 20px; align-items: center; justify-content: space-between; flex-wrap: wrap;
}
.newsletter h3 { margin: 0; font-size: 20px; }
.newsletter form { display: flex; gap: 8px; flex: 1; max-width: 480px; }
.newsletter input {
  flex: 1; border: 0; padding: 12px 14px; background: #fff; color: #111;
}
.newsletter button {
  background: var(--yellow); border: 0; padding: 0 18px; font-weight: 800; cursor: pointer;
}

.order-status {
  padding: 40px 0;
  text-align: center;
}
.order-status h3 {
  font-family: var(--font);
  font-style: normal;
  font-weight: 700;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
.order-status p { color: var(--gray); margin: 0 0 20px; }
.order-form {
  max-width: 640px; margin: 0 auto;
  display: grid; gap: 12px;
}
.order-form .row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.order-form input {
  border: 1px solid var(--line); padding: 12px 14px; border-radius: 4px;
}

/* Footer */
.site-footer {
  border-top: 1px solid var(--line);
  padding: 28px 0 36px;
}
.footer-links {
  display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 18px;
  font-size: 13px; font-weight: 700;
}
.socials { display: flex; gap: 10px; margin-bottom: 16px; }
.socials a {
  width: 32px; height: 32px; border: 1px solid #ccc; border-radius: 50%;
  display: grid; place-items: center; font-size: 12px;
}
.copy { color: var(--muted); font-size: 12px; }
.copy-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px 14px;
}
.site-credit {
  margin: 0;
  font-size: 12px;
  color: var(--muted);
}
.site-credit::after {
  content: "·";
  margin-left: 14px;
  color: #ccc;
}
.site-credit a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.site-credit a:hover { color: #111; }

/* Product detail */
.breadcrumb {
  padding: 16px 0 8px;
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.product-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding: 20px 0 48px;
}
.gallery-main {
  background: var(--bg-soft);
  aspect-ratio: 1;
  display: grid; place-items: center;
  overflow: hidden;
}
.gallery-main img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.gallery-thumbs {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.gallery-thumb {
  border: 1px solid #ddd;
  background: var(--bg-soft);
  padding: 0;
  cursor: pointer;
  width: 68px;
  height: 68px;
  overflow: hidden;
}
.gallery-thumb.active { border-color: #111; }
.gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.product-info .brand { color: var(--muted); text-transform: uppercase; font-size: 13px; margin-bottom: 8px; }
.product-info h1 { font-size: clamp(22px, 3vw, 30px); margin: 0 0 16px; line-height: 1.25; }
.badges { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; font-size: 12px; font-weight: 700; }
.product-info .price { font-size: 28px; font-weight: 800; margin-bottom: 12px; }
.stock-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 16px;
}
.stock-status.in { color: #0f7b3a; }
.stock-status.out { color: #b42318; }
.stock-status small { text-transform: none; font-weight: 500; color: #666; letter-spacing: 0; }
.stock-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: currentColor;
  display: inline-block;
}
.qty-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.qty-picker {
  display: inline-flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
}
.qty-picker .qty-btn {
  width: 38px; height: 40px; border: 0; background: #f7f7f7; cursor: pointer; font-size: 18px;
}
.qty-picker input {
  width: 52px; height: 40px; border: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd;
  text-align: center; font-weight: 700;
}
.qty-limit { color: #888; font-size: 12px; }
.buy-row {
  display: flex;
  gap: 10px;
  align-items: stretch;
  margin-bottom: 18px;
}
.buy-row .btn-add { flex: 1; margin: 0; height: 52px; }
.buy-box { margin-bottom: 0; }
.icon-action {
  width: 48px; height: 52px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-size: 20px;
  display: grid;
  place-items: center;
}
.icon-action.active {
  border-color: #111;
  background: #111;
  color: #fff;
}
.btn-add {
  width: 100%; background: var(--yellow); color: #111;
  border: 0; padding: 16px; font-weight: 800; font-size: 15px;
  letter-spacing: .06em; cursor: pointer; border-radius: 6px;
}
.btn-add:disabled { opacity: .5; cursor: not-allowed; }
.builder-only-note {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background: #fafafa;
  font-size: 13px;
  line-height: 1.5;
  color: #444;
}
.info-links {
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
}
.info-link-btn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 600;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  background: #fff;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  color: inherit;
}
.info-link-btn:last-child { border-bottom: 0; }
.info-link-btn:hover { background: #fafafa; }
.info-ico { width: 22px; text-align: center; }
.info-arrow { margin-left: auto; font-size: 22px; color: #999; line-height: 1; }
.product-sku {
  margin-top: 10px;
  color: #888;
  font-size: 13px;
}
.product-panels-wrap {
  width: 100%;
  margin-top: 28px;
  border-top: 1px solid #e8e8e8;
  background: #fff;
}
.product-panels {
  margin: 0;
  border-top: 0;
}
.product-acc {
  border-bottom: 1px solid #e6e6e6;
}
.product-acc summary {
  list-style: none;
  cursor: pointer;
  padding: 20px 4px;
  font-weight: 700;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-acc summary::-webkit-details-marker { display: none; }
.product-acc summary::after { content: "+"; font-size: 22px; font-weight: 400; }
.product-acc[open] summary::after { content: "−"; }
.acc-body {
  padding: 0 4px 22px;
  font-size: 14px;
  line-height: 1.65;
  color: #333;
}
.review-item {
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}
.review-stars { color: #e8b800; margin-left: 8px; font-size: 13px; }
.review-form { margin-top: 18px; padding-top: 12px; }

/* Birlikte Al / önerilen ürünler */
.together-buy {
  margin: 40px 0 48px;
}
.together-buy-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin: 0 0 18px;
}
.together-buy-title {
  margin: 0;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.together-buy-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border: 1.5px solid var(--black);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: #fff;
}
.together-buy-list {
  display: grid;
  gap: 12px;
}
.together-buy-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 220px);
  gap: 16px 20px;
  align-items: center;
  padding: 14px;
  background: var(--bg-soft);
  border: 1px solid var(--line);
  border-radius: 10px;
}
.together-buy-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
  min-width: 0;
}
.together-buy-card {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 4px;
  align-items: center;
  min-width: 0;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  transition: border-color .15s ease;
}
.together-buy-card:hover {
  border-color: #111;
}
.together-buy-thumb {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  background: #fafafa;
  border-radius: 4px;
  overflow: hidden;
}
.together-buy-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 4px;
}
.together-buy-name {
  grid-column: 2;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-width: 0;
  align-self: end;
}
.together-buy-price {
  grid-column: 2;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  align-self: start;
}
.together-buy-plus {
  display: grid;
  place-items: center;
  width: 28px;
  font-size: 22px;
  font-weight: 700;
  color: #888;
  align-self: center;
}
.together-buy-total {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 4px 2px;
}
.together-buy-total-label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #666;
}
.together-buy-total-price {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
  color: #111;
}
.together-buy-total-note {
  font-size: 11px;
  color: #888;
  margin-bottom: 6px;
}
.together-buy-btn {
  width: 100%;
  margin-top: 2px;
  padding: 12px 14px;
  border-radius: 6px;
  font-size: 13px;
  letter-spacing: .05em;
}
.together-buy-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

@media (max-width: 860px) {
  .together-buy-row {
    grid-template-columns: 1fr;
  }
  .together-buy-total {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    padding-top: 4px;
    border-top: 1px solid #e0e0e0;
  }
  .together-buy-total-note { margin-bottom: 0; width: 100%; }
  .together-buy-total form { width: 100%; }
}

@media (max-width: 520px) {
  .together-buy-pair {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }
  .together-buy-plus {
    width: 100%;
    height: 20px;
  }
  .together-buy-card {
    grid-template-columns: 52px minmax(0, 1fr);
  }
  .together-buy-thumb {
    width: 52px;
    height: 52px;
  }
}

.pay-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin-bottom: 20px;
}
.pay-summary-card {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pay-summary-card span { font-size: 13px; color: #555; }
.pay-summary-card strong { font-size: 16px; }
.pay-install-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.pay-install-card {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}
.pay-install-head {
  text-align: center;
  padding: 14px 8px 10px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 14px;
}
.pay-install-card table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.pay-install-card th {
  background: #f3f3f3;
  font-weight: 600;
  text-align: left;
  padding: 8px 10px;
}
.pay-install-card td {
  padding: 8px 10px;
  border-top: 1px solid #eee;
}
.pay-install-card td:nth-child(2),
.pay-install-card td:nth-child(3),
.pay-install-card th:nth-child(2),
.pay-install-card th:nth-child(3) { text-align: right; }
.pay-note { color: #888; font-size: 13px; }
.pay-extra { margin-top: 18px; }

@media (max-width: 960px) {
  .pay-install-grid { grid-template-columns: 1fr; }
}

/* SaÄŸdan sola drawer */
body.drawer-open { overflow: hidden; }
.drawer-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  z-index: 200;
}
.side-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: min(420px, 92vw);
  height: 100%;
  background: #fff;
  z-index: 210;
  transform: translateX(100%);
  transition: transform .28s ease;
  box-shadow: -8px 0 28px rgba(0,0,0,.12);
  display: flex;
  flex-direction: column;
}
.side-drawer.open { transform: translateX(0); }
.drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid #eee;
}
.drawer-head h3 {
  margin: 0;
  font-size: 18px;
}
.drawer-close {
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: #333;
}
.drawer-body {
  padding: 20px;
  overflow: auto;
  font-size: 14px;
  line-height: 1.65;
  color: #333;
}
.drawer-body h3,
.drawer-body h4 { margin-top: 0; }
.product-description h3 { margin-top: 18px; margin-bottom: 8px; font-size: 15px; }
.product-description p { margin: 0 0 10px; }
.product-description ul { margin: 0 0 12px; padding-left: 18px; }

/* Cart */
.page-banner {
  background: #111; color: #fff; text-align: center;
  padding: 10px; font-size: 13px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase;
}
.cart-page { padding: 28px 0 60px; }
.cart-page.has-items { padding-bottom: 110px; }
.cart-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}
.cart-page h1 {
  font-family: var(--font);
  font-style: normal;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: left;
  font-size: clamp(22px, 4vw, 28px);
  margin: 0;
}
.cart-count {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}
.cart-empty {
  text-align: center;
  padding: 48px 16px;
  color: #666;
}
.cart-empty .btn { margin-top: 12px; }

.cart-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 28px;
  align-items: start;
}
.cart-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid var(--line);
}
.cart-item {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
}
.cart-item-img {
  display: block;
  width: 88px;
  height: 88px;
  background: var(--bg-soft);
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
}
.cart-item-img.is-compose {
  background:
    radial-gradient(ellipse 70% 45% at 50% 78%, rgba(0,0,0,.05), transparent 70%),
    linear-gradient(180deg, #f3f3f3 0%, #fafafa 48%, #eee 100%);
}
.cart-item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.kokadema-thumb {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.kokadema-thumb .layer {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,.1));
}
.kokadema-thumb .layer-base {
  bottom: 2%;
  width: 78%;
  max-height: 36%;
  z-index: 1;
}
.kokadema-thumb .layer-sphere {
  bottom: 16%;
  width: 62%;
  max-height: 52%;
  z-index: 2;
}
.kokadema-thumb .layer-plant {
  bottom: 40%;
  width: 46%;
  max-height: 48%;
  z-index: 3;
}
.kokadema-thumb--checkout {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  border: 1px solid var(--line);
  background:
    radial-gradient(ellipse 70% 45% at 50% 78%, rgba(0,0,0,.05), transparent 70%),
    linear-gradient(180deg, #f3f3f3 0%, #fafafa 48%, #eee 100%);
}
.cart-item-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cart-item-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}
.cart-item-name {
  display: block;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
}
.cart-item-unit {
  margin-top: 4px;
  font-size: 13px;
  color: #666;
}
.cart-item-remove button {
  border: 0;
  background: none;
  color: #999;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 4px 8px 12px;
  min-height: 36px;
  white-space: nowrap;
}
.cart-item-remove button:hover { color: #b42318; }
.cart-item-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cart-item-line {
  font-weight: 800;
  font-size: 15px;
  white-space: nowrap;
}
.qty-control {
  display: inline-flex;
  align-items: center;
  gap: 0;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.qty-control button {
  width: 36px;
  height: 36px;
  border: 0;
  background: #fff;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  color: #111;
}
.qty-control button:active { background: #f3f3f3; }
.qty-control span {
  min-width: 28px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}
.cart-kokadema-parts {
  margin: 6px 0 0;
  padding: 0 0 0 14px;
  font-size: 12px;
  color: #777;
  line-height: 1.4;
}

.cart-summary { position: sticky; top: 88px; }
.cart-summary-card {
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 18px;
  background: #fff;
}
.cart-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  font-size: 15px;
  margin-bottom: 8px;
}
.cart-summary-row strong { font-size: 20px; font-weight: 800; }
.cart-summary-note {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.cart-checkout-btn {
  width: 100% !important;
  display: flex !important;
  justify-content: center;
  padding: 14px 18px !important;
}
.cart-continue {
  display: block;
  text-align: center;
  margin-top: 12px;
  font-size: 13px;
  color: #666;
}
.cart-sticky-bar { display: none; }

/* legacy table (unused) */
.cart-table { width: 100%; border-collapse: collapse; }
.cart-product { display: flex; gap: 16px; align-items: center; }
.cart-product img { width: 72px; height: 72px; object-fit: contain; background: var(--bg-soft); }

@media (max-width: 860px) {
  .cart-layout { grid-template-columns: 1fr; gap: 16px; }
  .cart-summary { position: static; display: none; }
  .cart-page.has-items { padding-bottom: 96px; }
  .cart-sticky-bar {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 -8px 24px rgba(0,0,0,.08);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .cart-sticky-bar span {
    display: block;
    font-size: 11px;
    color: #888;
    font-weight: 600;
  }
  .cart-sticky-bar strong {
    display: block;
    font-size: 17px;
    font-weight: 800;
  }
  .cart-sticky-bar .btn {
    width: auto !important;
    padding: 12px 22px !important;
    flex-shrink: 0;
  }
  .cart-item {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
    padding: 14px 0;
  }
  .cart-item-img { width: 76px; height: 76px; }
  .cart-head { margin-bottom: 12px; }
  body:has(.cart-page.has-items) .lc-root {
    bottom: 92px;
  }
}

@media (max-width: 420px) {
  .cart-item-name { font-size: 13px; }
  .qty-control button { width: 34px; height: 34px; }
}

/* Checkout */
.checkout-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  min-height: 100vh;
  max-width: 1100px;
  margin: 0 auto;
}
.checkout-left {
  padding: 28px 32px 48px;
  border-right: 1px solid var(--line);
}
.checkout-inner { max-width: 560px; margin: 0 auto; }
.checkout-right {
  background: var(--bg-soft);
  padding: 28px 22px;
  position: sticky;
  top: 0;
  align-self: start;
  max-height: 100vh;
  overflow: auto;
}
.checkout-head {
  display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px;
}
.checkout-head .logo { font-size: 22px; }
.checkout-head .logo img { max-height: 36px; width: auto; }
.checkout-back { font-size: 13px; color: var(--gray); }
.checkout-steps {
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; color: #999; margin: 0 0 18px;
}
.checkout-steps i {
  width: 14px; height: 1px; background: #ddd; display: inline-block;
}
.checkout-steps strong { color: #111; font-weight: 700; }
.checkout-auth {
  font-size: 13px; color: #666; margin: 0 0 16px;
  padding: 10px 12px; background: #f7f7f7; border-radius: 8px;
}
.checkout-auth.ok { background: #eef8f0; color: #1a5c2e; }
.checkout-auth a { font-weight: 700; text-decoration: underline; }
.co-section {
  margin: 0 0 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid #eee;
}
.co-section h2 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.co-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 2px;
}
.co-section-head h2 { margin: 0; }
.co-secure {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  color: #2f6b45;
  letter-spacing: .02em;
  white-space: nowrap;
}
.co-hint {
  margin: 0 0 12px;
  font-size: 12px;
  color: #888;
}
.co-type {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.co-type-opt {
  display: flex; gap: 10px; align-items: flex-start;
  border: 1px solid #ddd; border-radius: 8px;
  padding: 10px 12px; cursor: pointer; background: #fff;
}
.co-type-opt input { margin-top: 3px; }
.co-type-opt strong { display: block; font-size: 13px; }
.co-type-opt small { display: block; font-size: 11px; color: #777; margin-top: 2px; }
.co-type-opt.is-on { border-color: #111; background: #fafafa; }
.co-check {
  display: flex; gap: 8px; align-items: center;
  font-size: 13px; margin: 10px 0 12px; cursor: pointer;
}
.co-billing-address { margin-top: 4px; }
.co-submit { width: 100%; margin-top: 4px; }
.pay-methods { display: grid; gap: 8px; margin: 0; }
.pay-method {
  position: relative;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 12px 40px 12px 12px;
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 10px 12px;
  align-items: center;
  cursor: pointer;
  background: #fff;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.pay-method input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.pay-method-icon {
  width: 40px; height: 40px;
  border-radius: 8px;
  background: #f4f4f4;
  color: #333;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pay-method-body { min-width: 0; }
.pay-method-body strong {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: -.01em;
  margin-bottom: 2px;
}
.pay-method-body span {
  display: block;
  font-size: 12px;
  color: #777;
  line-height: 1.35;
}
.pay-method-badge {
  align-self: start;
  margin-top: 2px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #111;
  background: #f0f0f0;
  border-radius: 999px;
  padding: 4px 8px;
  white-space: nowrap;
}
.pay-method-badge--muted {
  color: #666;
  background: #f5f5f5;
}
.pay-method-check {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px; height: 18px;
  border-radius: 50%;
  border: 1.5px solid #ccc;
  background: #fff;
}
.pay-method.is-on,
.pay-method:has(input:checked) {
  border-color: #111;
  background: #fafafa;
  box-shadow: 0 0 0 1px #111;
}
.pay-method.is-on .pay-method-icon,
.pay-method:has(input:checked) .pay-method-icon {
  background: #111;
  color: #fff;
}
.pay-method.is-on .pay-method-check,
.pay-method:has(input:checked) .pay-method-check {
  border-color: #111;
  background: #111;
}
.pay-method.is-on .pay-method-check::after,
.pay-method:has(input:checked) .pay-method-check::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 8px;
  border-right: 1.6px solid #fff;
  border-bottom: 1.6px solid #fff;
  transform: rotate(45deg);
}
.field { margin-bottom: 10px; }
.field label { display: block; font-size: 12px; margin-bottom: 4px; color: var(--gray); }
.field input, .field select, .field textarea {
  width: 100%; border: 1px solid #d9d9d9; border-radius: 6px; padding: 9px 11px; background: #fff;
  font-size: 14px;
}
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.checkout-gift {
  margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid #eee;
}
.checkout-gift-label {
  font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #888; margin-bottom: 4px;
}
.checkout-gift-title { font-weight: 700; font-size: 13px; margin-bottom: 2px; }
.checkout-gift-msg { font-size: 12px; color: #555; line-height: 1.4; }
.checkout-gift a { display: inline-block; margin-top: 6px; font-size: 12px; color: #888; }
.checkout-item {
  display: grid; grid-template-columns: 48px 1fr auto; gap: 10px; align-items: center;
  margin-bottom: 12px;
}
.checkout-item img {
  width: 48px; height: 48px; object-fit: contain; background: #fff; border-radius: 6px;
  border: 1px solid var(--line);
}
.checkout-item-name { font-size: 12px; font-weight: 600; line-height: 1.3; }
.checkout-item-meta { font-size: 11px; color: #666; }
.checkout-item-parts { font-size: 10px; color: #888; margin-top: 2px; }
.checkout-item-price { font-weight: 700; font-size: 12px; white-space: nowrap; }
.checkout-totals { border-top: 1px solid var(--line); padding-top: 12px; margin-top: 4px; }
.checkout-totals .row {
  display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 13px;
}
.checkout-totals .row.total { font-size: 16px; font-weight: 800; margin-top: 6px; }

/* Admin */
.admin-body { background: #f3f4f6; min-height: 100vh; }
.admin-shell { display: grid; grid-template-columns: 240px 1fr; min-height: 100vh; }
.admin-side {
  background: #111; color: #fff; padding: 24px 16px;
}
.admin-side .brand { font-weight: 900; color: var(--yellow); font-size: 22px; margin-bottom: 28px; }
.admin-side a {
  display: block; color: #ddd; padding: 10px 12px; border-radius: 8px; margin-bottom: 4px; font-size: 14px;
}
.admin-side a:hover, .admin-side a.active { background: #222; color: #fff; }
.admin-menu-group { margin-bottom: 4px; }
.admin-menu-parent { font-weight: 700; }
.admin-submenu {
  display: none;
  padding: 2px 0 8px 10px;
  margin-bottom: 4px;
}
.admin-menu-group.open .admin-submenu { display: block; }
.admin-submenu a {
  font-size: 13px;
  padding: 8px 12px;
  color: #aaa;
}
.admin-submenu a.active {
  background: #222;
  color: #fff;
}
.admin-nav-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  margin-left: 6px;
  padding: 0 5px;
  border-radius: 999px;
  background: #c9a227;
  color: #111;
  font-size: 11px;
  font-weight: 800;
  vertical-align: middle;
}
.admin-nav-badge[hidden] { display: none !important; }

/* Admin yeni sipariş popup */
.admin-order-popup {
  position: fixed;
  inset: 0;
  z-index: 4000;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 24px;
  background: rgba(0,0,0,.28);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.admin-order-popup.is-open {
  opacity: 1;
  pointer-events: auto;
}
.admin-order-popup[hidden] { display: none !important; }
.admin-order-popup-card {
  width: min(100%, 400px);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
  overflow: hidden;
  transform: translateY(12px);
  transition: transform .22s ease;
}
.admin-order-popup.is-open .admin-order-popup-card {
  transform: translateY(0);
}
.admin-order-popup-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 18px 18px 12px;
  border-bottom: 1px solid #eee;
}
.admin-order-popup-kicker {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #c9a227;
}
.admin-order-popup-head h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.admin-order-popup-close {
  border: 0;
  background: #f3f3f3;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  color: #555;
}
.admin-order-popup-close:hover { background: #e8e8e8; color: #111; }
.admin-order-popup-body { padding: 8px 12px; }
.admin-order-popup-item {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border-radius: 10px;
}
.admin-order-popup-item:hover { background: #fafafa; }
.admin-order-popup-item strong {
  display: block;
  font-size: 14px;
  font-weight: 800;
}
.admin-order-popup-item span {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  color: #777;
}
.admin-order-popup-meta {
  text-align: right;
}
.admin-order-popup-meta b {
  display: block;
  font-size: 14px;
  font-weight: 800;
}
.admin-order-popup-meta span {
  font-size: 11px;
}
.admin-order-popup-more {
  margin: 0 12px 8px;
  font-size: 12px;
  color: #888;
  font-weight: 600;
}
.admin-order-popup-actions {
  display: flex;
  gap: 8px;
  padding: 12px 18px 18px;
}
.admin-order-popup-actions .btn {
  width: auto;
  flex: 1;
  padding: 11px 14px;
  text-align: center;
  justify-content: center;
}

@media (max-width: 600px) {
  .admin-order-popup {
    align-items: center;
    justify-content: center;
    padding: 16px;
  }
}

/* Live chat widget */
.lc-root {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 70;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
.lc-wa {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
.lc-fab {
  position: relative;
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 50%;
  background: #111;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lc-fab:hover { background: #333; }
.lc-presence {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #22c55e;
  border: 2px solid #fff;
  box-sizing: border-box;
}
.lc-root.is-offline .lc-fab {
  background: #6b7280;
}
.lc-root.is-offline .lc-fab:hover { background: #4b5563; }
.lc-root.is-offline .lc-presence {
  background: #9ca3af;
}
.lc-root.is-offline .lc-head {
  background: #4b5563;
}
.lc-fab-badge {
  position: absolute;
  top: -2px;
  right: -2px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #e11;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lc-fab-badge[hidden] {
  display: none !important;
}
.lc-offline-note {
  padding: 12px 14px;
  border-top: 1px solid #eee;
  background: #f3f4f6;
  color: #4b5563;
  font-size: 12px;
  line-height: 1.45;
}
.lc-offline-note[hidden],
.lc-form[hidden] {
  display: none !important;
}
.lc-panel {
  width: min(360px, calc(100vw - 28px));
  height: min(480px, calc(100vh - 120px));
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
  display: none;
  flex-direction: column;
  overflow: hidden;
}
.lc-root.is-open .lc-panel,
.lc-panel:not([hidden]) {
  display: flex;
}
.lc-panel[hidden] {
  display: none !important;
}
.lc-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 14px 12px;
  background: #111;
  color: #fff;
}
.lc-head strong { display: block; font-size: 14px; }
.lc-head span { display: block; margin-top: 3px; font-size: 11px; color: rgba(255,255,255,.65); }
.lc-close {
  border: 0;
  background: rgba(255,255,255,.12);
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}
.lc-messages {
  flex: 1;
  overflow: auto;
  padding: 14px;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lc-bubble {
  max-width: 85%;
  padding: 9px 11px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.4;
}
.lc-bubble p { margin: 0; }
.lc-bubble.is-them { align-self: flex-start; background: #fff; border: 1px solid #e8e8e8; }
.lc-bubble.is-me { align-self: flex-end; background: #111; color: #fff; }
.lc-form { border-top: 1px solid #eee; background: #fff; padding: 10px; }
.lc-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-bottom: 8px;
}
.lc-meta input,
.lc-compose textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 8px 10px;
  font: inherit;
  font-size: 13px;
}
.lc-compose {
  display: grid;
  grid-template-columns: 1fr 40px;
  gap: 8px;
  align-items: end;
}
.lc-compose textarea {
  resize: none;
  min-height: 44px;
}
.lc-send {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 10px;
  background: #111;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.admin-chat-box { padding-bottom: 16px; }
.admin-chat-log {
  max-height: 420px;
  overflow: auto;
  background: #f7f7f7;
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.admin-chat-msg {
  max-width: 80%;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e8e8e8;
}
.admin-chat-msg.is-admin {
  align-self: flex-end;
  background: #111;
  color: #fff;
  border-color: #111;
}
.admin-chat-msg.is-visitor { align-self: flex-start; }
.admin-chat-who {
  font-size: 11px;
  opacity: .7;
  margin-bottom: 4px;
}
.admin-chat-body { font-size: 14px; line-height: 1.45; }
.admin-chat-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 10px;
  font: inherit;
}
body.theme-business .lc-panel { background: #161a20; border-color: rgba(255,255,255,.12); }
body.theme-business .lc-messages { background: #0d0f12; }
body.theme-business .lc-bubble.is-them {
  background: #161a20;
  border-color: rgba(255,255,255,.12);
  color: #e8eaed;
}
body.theme-business .lc-bubble.is-me { background: #c9a227; color: #111; }
body.theme-business .lc-form { background: #161a20; border-top-color: rgba(255,255,255,.1); }
body.theme-business .lc-meta input,
body.theme-business .lc-compose textarea {
  background: #0d0f12;
  border-color: rgba(255,255,255,.14);
  color: #e8eaed;
}
body.theme-business .lc-fab { background: #c9a227; color: #111; }
body.theme-business .lc-send { background: #c9a227; color: #111; }
body.theme-business .lc-root.is-offline .lc-fab {
  background: #5b6470;
  color: #e8eaed;
}
body.theme-business .lc-root.is-offline .lc-head { background: #3a414b; }
body.theme-business .lc-offline-note {
  background: #12151a;
  border-top-color: rgba(255,255,255,.1);
  color: rgba(255,255,255,.7);
}

.admin-page-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.admin-page-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.admin-page-card-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 12px;
}
.admin-page-card h3 {
  margin: 0 0 6px;
  font-size: 17px;
}
.admin-page-card p {
  margin: 0;
  font-size: 13px;
  color: #666;
  line-height: 1.45;
}
.admin-page-card-meta {
  display: flex;
  gap: 10px;
  margin: 12px 0 14px;
  font-size: 12px;
  color: #888;
}
.admin-page-card-meta .ok { color: #1a7a3c; font-weight: 700; }
.admin-page-card-meta .off { color: #a33; font-weight: 700; }
.admin-page-card-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.admin-page-btn {
  width: auto !important;
  padding: 10px 16px !important;
  border: 0;
  border-radius: 8px;
  display: inline-flex;
  text-decoration: none;
}
.admin-page-view {
  font-size: 13px;
  font-weight: 650;
  color: #666;
  text-decoration: underline;
}
.admin-page-card--blue {
  border-color: #c9daf8;
  background: linear-gradient(180deg, #f5f9ff 0%, #fff 55%);
}
.admin-page-card--blue .admin-page-card-icon { background: #dbe8ff; color: #1d4ed8; }
.admin-page-card--blue .admin-page-btn { background: #1d4ed8 !important; color: #fff !important; }

.admin-page-card--amber {
  border-color: #f3d9a8;
  background: linear-gradient(180deg, #fffaf0 0%, #fff 55%);
}
.admin-page-card--amber .admin-page-card-icon { background: #ffe8bf; color: #b45309; }
.admin-page-card--amber .admin-page-btn { background: #c2410c !important; color: #fff !important; }

.admin-page-card--green {
  border-color: #bfe5c9;
  background: linear-gradient(180deg, #f3fbf6 0%, #fff 55%);
}
.admin-page-card--green .admin-page-card-icon { background: #d6f5e0; color: #15803d; }
.admin-page-card--green .admin-page-btn { background: #15803d !important; color: #fff !important; }

.admin-page-card--slate {
  border-color: #d4d4d8;
  background: linear-gradient(180deg, #f6f6f8 0%, #fff 55%);
}
.admin-page-card--slate .admin-page-card-icon { background: #e4e4e7; color: #3f3f46; }
.admin-page-card--slate .admin-page-btn { background: #27272a !important; color: #fff !important; }

@media (max-width: 900px) {
  .admin-page-grid { grid-template-columns: 1fr; }
}
.admin-main { padding: 24px; }
.admin-card {
  background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

/* Invoice paper (fatura kes) */
.inv-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.inv-back { font-size: 13px; color: #666; text-decoration: none; }
.inv-back:hover { color: #111; }
.inv-order-pick {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 8px 12px;
}
.inv-order-pick label { font-size: 12px; color: #666; font-weight: 700; }
.inv-order-pick select {
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 13px;
  min-width: 240px;
}
.inv-wrap { max-width: 920px; margin: 0 auto; }
.inv-paper {
  background: #fff;
  border: 1px solid #d8d8d8;
  box-shadow: 0 12px 40px rgba(0,0,0,.08);
  padding: 36px 40px 28px;
  color: #111;
  font-size: 13px;
  line-height: 1.45;
}
.inv-head {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 24px;
  padding-bottom: 20px;
  border-bottom: 2px solid #111;
  margin-bottom: 20px;
}
.inv-logo {
  max-height: 48px;
  max-width: 180px;
  object-fit: contain;
  display: block;
  margin-bottom: 10px;
}
.inv-company {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .02em;
  margin-bottom: 4px;
}
.inv-muted { color: #666; font-size: 12px; margin: 2px 0; }
.inv-title-block { text-align: right; }
.inv-badge {
  display: inline-block;
  background: #111;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  padding: 4px 10px;
  border-radius: 4px;
  margin-bottom: 8px;
}
.inv-title-block h1 {
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .04em;
}
.inv-meta { width: 100%; border-collapse: collapse; font-size: 12px; }
.inv-meta th {
  text-align: left;
  color: #666;
  font-weight: 600;
  padding: 3px 8px 3px 0;
  white-space: nowrap;
}
.inv-meta td { text-align: right; padding: 3px 0; }
.inv-meta input[type="date"] {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 4px 8px;
  font: inherit;
  font-size: 12px;
}
.inv-parties {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 22px;
}
.inv-party {
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 14px 16px;
  background: #fafafa;
  min-height: 140px;
}
.inv-party h2 {
  margin: 0 0 10px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #888;
}
.inv-party strong { display: block; font-size: 14px; margin-bottom: 6px; }
.inv-party p { margin: 4px 0; }
.inv-inline-label {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #888;
  margin: 8px 0 3px;
}
.inv-party input,
.inv-lines input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid transparent;
  background: #fff;
  border-radius: 6px;
  padding: 6px 8px;
  font: inherit;
  font-size: 12px;
}
.inv-party input:hover,
.inv-party input:focus,
.inv-lines input:hover,
.inv-lines input:focus {
  border-color: #ccc;
  outline: none;
}
.inv-input-strong { font-weight: 700 !important; font-size: 14px !important; }
.inv-addr { margin-top: 8px !important; }
.inv-lines {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.inv-lines th {
  background: #111;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  padding: 10px 8px;
}
.inv-lines th small { font-weight: 500; opacity: .7; }
.inv-lines th.r, .inv-lines td.r { text-align: right; }
.inv-lines th.c, .inv-lines td.c { text-align: center; }
.inv-lines td {
  border-bottom: 1px solid #ececec;
  padding: 8px 6px;
  vertical-align: middle;
}
.inv-num { text-align: right !important; max-width: 88px; margin-left: auto; display: block; }
.inv-add-line {
  border: 1px dashed #bbb;
  background: transparent;
  color: #555;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 18px;
}
.inv-add-line:hover { border-color: #111; color: #111; }
.inv-foot {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
  align-items: start;
  padding-top: 8px;
  border-top: 1px solid #e5e5e5;
}
.inv-notes p { margin: 0 0 6px; }
.inv-totals { width: 100%; border-collapse: collapse; }
.inv-totals th, .inv-totals td {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  font-size: 13px;
}
.inv-totals th { text-align: left; font-weight: 600; color: #555; }
.inv-totals td { text-align: right; font-weight: 700; }
.inv-totals .inv-grand th,
.inv-totals .inv-grand td {
  border-bottom: 0;
  padding-top: 12px;
  font-size: 16px;
  color: #111;
}
.inv-actions {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-end;
  margin: 18px 0 8px;
}
.inv-submit { width: auto !important; padding: 14px 28px !important; }
.inv-cancel { font-size: 13px; color: #666; }

/* Order detail (business) */
.ov-page { max-width: 1100px; }
.ov-top {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 18px;
}
.ov-back { font-size: 13px; color: #666; text-decoration: none; }
.ov-back:hover { color: #111; }
.ov-title-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 6px;
}
.ov-title {
  margin: 0;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: .02em;
}
.ov-sub { margin: 6px 0 0; color: #777; font-size: 13px; }
.ov-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: #eee;
  color: #444;
}
.ov-badge.is-pending { background: #fff4e5; color: #9a5b00; }
.ov-badge.is-paid { background: #e8f5ee; color: #0f7b3a; }
.ov-badge.is-shipped { background: #e8eefc; color: #1d4ed8; }
.ov-badge.is-done { background: #111; color: #fff; }
.ov-badge.is-cancel { background: #fdeceb; color: #b42318; }
.ov-kpi {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.ov-kpi-card {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 12px;
  padding: 14px 16px;
}
.ov-kpi-card span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #888;
}
.ov-kpi-card strong {
  display: block;
  margin-top: 6px;
  font-size: 18px;
}
.ov-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}
.ov-card {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 14px;
  padding: 18px 18px 16px;
  margin-bottom: 14px;
}
.ov-card h3 {
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .02em;
}
.ov-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.ov-card-head h3 { margin: 0; }
.ov-dl {
  display: grid;
  gap: 10px;
}
.ov-dl-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 16px;
}
.ov-dl > div span {
  display: block;
  font-size: 11px;
  color: #888;
  font-weight: 600;
  margin-bottom: 2px;
}
.ov-dl > div strong {
  font-size: 13px;
  font-weight: 650;
  color: #111;
  word-break: break-word;
}
.ov-dl a { color: inherit; }
.ov-addr {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #222;
}
.ov-muted { color: #777; font-size: 13px; }
.ov-status-form label {
  display: block;
  font-size: 12px;
  color: #666;
  font-weight: 700;
  margin-bottom: 6px;
}
.ov-status-row {
  display: flex;
  gap: 10px;
  align-items: end;
  flex-wrap: wrap;
}
.ov-status-row select,
.ov-status-row input {
  min-width: 180px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px 12px;
  font: inherit;
  font-size: 13px;
  background: #fff;
}
.ov-ship-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.ov-ship-grid .field { margin: 0; }
@media (max-width: 900px) {
  .ov-ship-grid { grid-template-columns: 1fr; }
}
.ov-btn { width: auto !important; padding: 11px 16px !important; }
.ov-btn-ghost { background: #555 !important; }
.ov-pay-meta {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #eee;
  display: grid;
  gap: 8px;
}
.ov-pay-meta span {
  display: block;
  font-size: 11px;
  color: #888;
  font-weight: 600;
}
.ov-pay-meta strong { font-size: 13px; }
.ov-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.ov-table th {
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #888;
  padding: 0 8px 10px;
  border-bottom: 1px solid #eee;
}
.ov-table td {
  padding: 12px 8px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: top;
}
.ov-table .r, .ov-table th.r { text-align: right; }
.ov-table tfoot td {
  border-bottom: 0;
  padding-top: 10px;
  color: #555;
}
.ov-total-row td {
  font-weight: 800;
  font-size: 15px;
  color: #111 !important;
  padding-top: 14px !important;
}
.ov-gift-title { margin: 0 0 8px; font-weight: 700; }
.ov-gift-msg {
  margin: 0;
  white-space: pre-wrap;
  background: #f7f7f7;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.5;
}
.ov-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

@media (max-width: 900px) {
  .ov-kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ov-grid, .ov-dl-3 { grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
  .inv-paper { padding: 20px 16px; }
  .inv-head, .inv-parties, .inv-foot { grid-template-columns: 1fr; }
  .inv-title-block { text-align: left; }
  .inv-lines { display: block; overflow-x: auto; }
}

.admin-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.admin-tabs {
  display: flex;
  gap: 0;
  margin: 0 0 16px;
  border-bottom: 1px solid #e8e8e8;
}
.admin-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  margin-bottom: -1px;
  font-size: 14px;
  font-weight: 600;
  color: #666;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.admin-tab:hover { color: #111; }
.admin-tab.is-active {
  color: #111;
  border-bottom-color: #111;
}
.admin-tab-count {
  display: inline-flex;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #f0f0f0;
  font-size: 12px;
  font-weight: 700;
  color: #444;
}
.admin-tab.is-active .admin-tab-count { background: #111; color: #fff; }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { text-align: left; padding: 10px 8px; border-bottom: 1px solid #eee; font-size: 14px; }
.table th { color: #666; font-weight: 600; }
.flash {
  padding: 12px 14px; border-radius: 8px; margin-bottom: 16px; font-size: 14px;
}
.flash.ok { background: #ecfdf3; color: #067647; }
.flash.err { background: #fef3f2; color: #b42318; }
.store-toast {
  position: relative;
  z-index: 40;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
}
.store-toast.ok { background: #111; color: #fff; }
.store-toast.err { background: #b42318; color: #fff; }
.store-toast a {
  color: var(--yellow);
  text-decoration: underline;
  font-weight: 700;
}
.login-wrap {
  min-height: 100vh; display: grid; place-items: center; background: #111;
}
.login-box {
  width: min(100% - 24px, 400px); background: #fff; border-radius: 12px; padding: 28px;
}

/* Customer auth — üstten inen panel (bakım drawer gibi) */
.auth-page {
  min-height: 100vh;
  margin: 0;
  background: #f0f0f0;
  color: #111;
  overflow: hidden;
}
body.auth-drawer-open { overflow: hidden; }
.auth-backdrop {
  position: fixed;
  inset: 0;
  z-index: 300;
  background: rgba(0, 0, 0, .38);
  pointer-events: none;
}
.auth-top-drawer {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 310;
  max-height: min(100vh, 100dvh);
  background: #fff;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .18);
  transform: translateY(-105%);
  transition: transform .38s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.auth-top-drawer.is-open {
  transform: translateY(0);
}
.auth-drawer-bar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.auth-drawer-bar-title {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.auth-close {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 10px;
  background: #f3f3f3;
  color: #111;
  font-size: 28px;
  line-height: 1;
  display: grid;
  place-items: center;
  cursor: pointer;
  text-decoration: none;
  flex-shrink: 0;
  transition: background .15s ease, color .15s ease;
}
.auth-close:hover {
  background: #111;
  color: #fff;
}
.auth-shell {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(240px, 1.05fr) minmax(300px, 1fr);
  overflow: auto;
}
.auth-brand {
  position: relative;
  overflow: hidden;
  background: #fff;
  border-right: 1px solid #eee;
  display: grid;
  place-items: center;
  padding: clamp(24px, 4vw, 48px);
  min-height: 420px;
}
.auth-cactus {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -46%);
  width: min(72%, 380px);
  height: auto;
  max-height: 70%;
  object-fit: contain;
  opacity: .07;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
.auth-brand-logo {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font);
  font-weight: 900;
  font-size: clamp(42px, 6vw, 72px);
  letter-spacing: .02em;
  color: var(--yellow);
  -webkit-text-stroke: 2.5px #111;
  paint-order: stroke fill;
  max-width: min(86%, 480px);
  text-align: center;
  line-height: 1;
}
.auth-brand-logo.has-image {
  -webkit-text-stroke: 0;
  font-size: 0;
  max-width: min(78%, 400px);
}
.auth-brand-logo img {
  height: auto;
  width: min(70vw, 360px);
  max-height: 180px;
  object-fit: contain;
}
.auth-panel {
  background:
    linear-gradient(180deg, #f7f7f5 0%, #ffffff 40%, #ffffff 100%);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(20px, 3vw, 40px) 20px 36px;
}
.auth-panel-inner {
  width: min(100%, 440px);
}
@media (prefers-reduced-motion: reduce) {
  .auth-top-drawer { transition: none !important; }
}
.auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
  margin-bottom: 28px;
  background: #ececec;
  border-radius: 12px;
}
.auth-tab {
  text-align: center;
  padding: 11px 12px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #666;
  transition: .2s ease;
}
.auth-tab.is-active {
  background: #111;
  color: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
}
.auth-tab:hover:not(.is-active) { color: #111; }
.auth-title {
  margin: 0 0 8px;
  font-size: clamp(24px, 3vw, 30px);
  font-weight: 800;
  letter-spacing: -.02em;
}
.auth-lead {
  margin: 0 0 22px;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
.auth-form .field { margin-bottom: 14px; }
.auth-form label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #444;
}
.auth-optional { text-transform: none; font-weight: 500; color: #999; letter-spacing: 0; }
.auth-form input {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 13px 14px;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.auth-form input:focus {
  outline: 0;
  border-color: #111;
  box-shadow: 0 0 0 3px rgba(17,17,17,.08);
}
.auth-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.auth-check {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  margin: 4px 0 16px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: #555;
  cursor: pointer;
  line-height: 1.45;
}
.auth-check input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin: 1px 0 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  flex-shrink: 0;
  accent-color: #111;
  box-shadow: none;
}
.auth-check span {
  flex: 1;
  min-width: 0;
}
.auth-check a { text-decoration: underline; font-weight: 600; }
.auth-submit {
  width: 100%;
  padding: 14px 18px;
  border-radius: 10px;
  letter-spacing: .06em;
}
.auth-switch {
  margin: 18px 0 0;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.auth-switch a {
  font-weight: 700;
  color: #111;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.auth-alert {
  padding: 12px 14px;
  border-radius: 10px;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
}
.auth-alert.err { background: #fef3f2; color: #b42318; }
.auth-alert.ok { background: #ecfdf3; color: #027a48; }

/* Account */
.account-page {
  padding-top: 28px;
  padding-bottom: 64px;
  background:
    linear-gradient(180deg, #fafafa 0%, #fff 180px);
}
.account-shell {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}
.account-side {
  position: sticky;
  top: 120px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px 16px;
}
.account-identity {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 4px 8px 18px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 12px;
}
.account-avatar {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #111;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .02em;
  flex-shrink: 0;
}
.account-identity-name {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}
.account-identity-mail {
  margin: 3px 0 0;
  font-size: 12px;
  color: #777;
  word-break: break-all;
}
.account-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.account-nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 11px 12px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #444;
  transition: background .15s ease, color .15s ease;
}
.account-nav-link:hover { background: #f5f5f5; color: #111; }
.account-nav-link.is-active {
  background: #111;
  color: #fff;
}
.account-nav-link em {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: rgba(255,255,255,.18);
  color: inherit;
}
.account-nav-link:not(.is-active) em {
  background: #eee;
  color: #555;
}
.account-nav-shop { margin-top: 6px; color: #666; }
.account-logout-link {
  display: block;
  margin-top: 16px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #888;
  border-top: 1px solid var(--line);
  padding-top: 14px;
}
.account-logout-link:hover { color: #111; }

.account-main-head { margin-bottom: 18px; }
.account-kicker {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #888;
}
.account-title {
  margin: 0;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.15;
}
.account-sub { margin: 8px 0 0; color: #666; font-size: 14px; max-width: 42ch; }

.account-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.account-stat {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px 16px;
}
.account-stat span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #888;
}
.account-stat strong {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.account-panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 8px;
}
.account-panel-form { padding: 22px 22px 20px; }
.account-form .field { margin-bottom: 14px; }
.account-form .field-hint {
  margin: 6px 0 0;
  font-size: 12px;
  color: #888;
}
.account-form-actions {
  display: flex;
  gap: 10px;
  margin-top: 8px;
  padding-top: 8px;
}
.account-form-actions .btn { width: auto; padding: 12px 20px; }

.account-empty-state {
  text-align: center;
  padding: 48px 24px;
}
.account-empty-state h2 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
}
.account-empty-state p {
  margin: 0 0 20px;
  color: #666;
  font-size: 14px;
}
.account-empty-state .btn {
  width: auto;
  display: inline-flex;
  padding: 12px 20px;
}

.account-order-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.account-order {
  position: relative;
  padding: 16px 18px;
  border-bottom: 1px solid #f0f0f0;
}
.account-order:last-child { border-bottom: 0; }
.account-order:hover { background: #fafafa; }
.account-order-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
.account-order-no {
  display: block;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.01em;
}
.account-order-no:hover { text-decoration: underline; }
.account-order time {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #888;
}
.account-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
  background: #f3f3f3;
  color: #555;
}
.account-badge.is-paid { background: #e8f5ee; color: #0f7b3a; }
.account-badge.is-shipped { background: #eef3ff; color: #2748a0; }
.account-badge.is-done { background: #111; color: #fff; }
.account-badge.is-cancel { background: #fef3f2; color: #b42318; }
.account-badge.is-pending { background: #fff7e8; color: #9a6700; }
.account-order-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-size: 13px;
  color: #666;
}
.account-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ccc;
}
.account-order-total {
  margin-left: auto;
  color: #111;
  font-size: 15px;
  font-weight: 800;
}
.account-order-link {
  display: inline-block;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #111;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 900px) {
  .account-shell {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .account-side {
    position: static;
    padding: 16px;
  }
  .account-nav {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
  }
  .account-nav-link {
    flex: 1 1 auto;
    justify-content: center;
    padding: 10px 12px;
    font-size: 13px;
  }
  .account-nav-shop { margin-top: 0; }
  .account-logout-link {
    margin-top: 12px;
    text-align: center;
    border-top: 0;
    padding-top: 4px;
  }
  .account-stats { grid-template-columns: 1fr; }
  .account-order-total { margin-left: 0; width: 100%; margin-top: 4px; }
}

/* legacy hooks (eski markup) */
.account-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}
.account-logout { width: auto; padding: 12px 18px; }
.account-grid {
  display: grid;
  grid-template-columns: 1.2fr .9fr;
  gap: 18px;
}
.account-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 22px;
}
.account-card h2 {
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.account-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.account-card-head h2 { margin: 0; }
.account-card-head a { font-size: 13px; font-weight: 600; color: #666; }
.account-empty { color: #888; margin: 8px 0 0; }
.account-table-wrap { overflow-x: auto; }

/* Havale / EFT */
.havale-page {
  padding-top: 28px;
  padding-bottom: 72px;
  background: linear-gradient(180deg, #fafafa 0%, #fff 200px);
}
.havale-wrap { max-width: 820px; }
.havale-kicker {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #888;
}
.havale-title {
  margin: 0;
  font-size: clamp(26px, 3.4vw, 34px);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.15;
}
.havale-lead {
  margin: 10px 0 0;
  color: #666;
  font-size: 15px;
  line-height: 1.55;
  max-width: 48ch;
}
.havale-hero {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 24px;
}
.havale-hero-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: #111;
  color: var(--yellow);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.havale-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 14px;
  margin-bottom: 18px;
}
.havale-panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px;
}
.havale-amount-panel {
  background: #111;
  border-color: #111;
  color: #fff;
}
.havale-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #888;
}
.havale-amount-panel .havale-label { color: rgba(255,255,255,.55); }
.havale-amount {
  display: block;
  margin-top: 8px;
  font-size: clamp(28px, 4vw, 36px);
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--yellow);
}
.havale-order-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.12);
}
.havale-code {
  display: block;
  margin-top: 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .04em;
  color: #fff;
}
.havale-hint {
  margin: 14px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255,255,255,.6);
}
.havale-panel-title {
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.havale-bank {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.havale-bank li span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 4px;
}
.havale-bank li strong {
  font-size: 15px;
  font-weight: 700;
  color: #111;
}
.havale-bank-iban {
  padding: 12px;
  background: #f7f7f7;
  border-radius: 12px;
}
.havale-iban-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.havale-iban-head span { margin-bottom: 0; }
.havale-iban {
  display: block;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1.4;
  word-break: break-all;
}
.havale-copy {
  border: 1px solid rgba(255,255,255,.25);
  background: transparent;
  color: #fff;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.havale-copy:hover { background: rgba(255,255,255,.08); }
.havale-copy.is-done { border-color: var(--yellow); color: var(--yellow); }
.havale-iban-head .havale-copy {
  border-color: #ddd;
  color: #111;
  background: #fff;
}
.havale-iban-head .havale-copy:hover { border-color: #111; }
.havale-iban-head .havale-copy.is-done {
  border-color: #0f7b3a;
  color: #0f7b3a;
}
.havale-note {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  font-size: 14px;
  color: #555;
  line-height: 1.55;
}
.havale-steps {
  list-style: none;
  margin: 0 0 22px;
  padding: 18px 20px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
}
.havale-steps li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.havale-steps em {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #f3f3f3;
  color: #111;
  font-style: normal;
  font-size: 13px;
  font-weight: 800;
  display: grid;
  place-items: center;
}
.havale-steps strong {
  display: block;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 2px;
}
.havale-steps p {
  margin: 0;
  font-size: 13px;
  color: #666;
  line-height: 1.45;
}
.havale-steps code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 700;
  background: #f3f3f3;
  padding: 1px 6px;
  border-radius: 4px;
}
.havale-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.havale-actions .btn {
  width: auto;
  padding: 12px 18px;
}
.havale-empty {
  text-align: center;
  padding: 48px 16px;
  max-width: 480px;
  margin-inline: auto;
}
.havale-empty .havale-lead {
  margin-inline: auto;
}
.havale-empty .havale-actions {
  justify-content: center;
  margin-top: 22px;
}
.havale-toast {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%) translateY(12px);
  background: #111;
  color: #fff;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}
.havale-toast.is-on {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

@media (max-width: 800px) {
  .havale-grid { grid-template-columns: 1fr; }
  .havale-steps { grid-template-columns: 1fr; }
  .havale-hero { flex-direction: column; }
  .havale-actions .btn { flex: 1 1 auto; text-align: center; justify-content: center; }
}

/* Sipariş sorgula */
.track-page {
  padding-top: 28px;
  padding-bottom: 72px;
  background: linear-gradient(180deg, #fafafa 0%, #fff 200px);
}
.track-wrap { max-width: 720px; }
.track-kicker {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #888;
}
.track-title {
  margin: 0;
  font-size: clamp(26px, 3.4vw, 34px);
  font-weight: 800;
  letter-spacing: -.02em;
}
.track-lead {
  margin: 10px 0 0;
  color: #666;
  font-size: 15px;
  max-width: 46ch;
  line-height: 1.5;
}
.track-hero { margin-bottom: 22px; }
.track-form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 12px;
  align-items: end;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 18px;
  margin-bottom: 20px;
}
.track-form .field { margin: 0; }
.track-form .btn { width: auto; padding: 12px 20px; white-space: nowrap; }
.track-empty {
  text-align: center;
  padding: 36px 20px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
}
.track-empty h2 { margin: 0 0 8px; font-size: 18px; font-weight: 800; }
.track-empty p { margin: 0; color: #666; font-size: 14px; }
.track-result {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 22px;
}
.track-result-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
}
.track-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #888;
}
.track-order-no {
  display: block;
  margin-top: 4px;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.track-result-top time {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: #888;
}
.track-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  background: #f3f3f3;
  color: #555;
  white-space: nowrap;
}
.track-badge.is-paid { background: #e8f5ee; color: #0f7b3a; }
.track-badge.is-shipped { background: #eef3ff; color: #2748a0; }
.track-badge.is-done { background: #111; color: #fff; }
.track-badge.is-cancel { background: #fef3f2; color: #b42318; }
.track-badge.is-pending { background: #fff7e8; color: #9a6700; }
.track-cancel-note {
  margin: 0 0 16px;
  padding: 12px 14px;
  background: #fef3f2;
  color: #b42318;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
}
.track-steps {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.track-steps li {
  position: relative;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #999;
  padding-top: 22px;
}
.track-steps em {
  position: absolute;
  top: 0;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-radius: 50%;
  background: #ddd;
  font-style: normal;
}
.track-steps li:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 5px;
  left: calc(50% + 10px);
  width: calc(100% - 8px);
  height: 2px;
  background: #eee;
}
.track-steps li.is-done { color: #111; }
.track-steps li.is-done em { background: #111; }
.track-steps li.is-done:not(:last-child)::after { background: #111; }
.track-steps li.is-active { color: #111; font-weight: 800; }
.track-steps li.is-active em {
  background: var(--yellow);
  box-shadow: 0 0 0 3px rgba(245, 197, 24, .35);
}
.track-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 16px;
  background: #f7f7f7;
  border-radius: 12px;
  margin-bottom: 18px;
}
.track-meta span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 4px;
}
.track-meta strong { font-size: 14px; font-weight: 700; }
.track-total { font-size: 16px !important; font-weight: 800 !important; }
.track-items h2,
.track-ship h2 {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.track-items ul {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  border-top: 1px solid #eee;
}
.track-items li {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}
.track-item-name { font-weight: 600; }
.track-item-qty { color: #888; }
.track-ship p {
  margin: 0;
  font-size: 14px;
  color: #444;
  line-height: 1.55;
}
.track-tracking {
  margin-top: 12px !important;
  padding: 12px;
  background: #f7f7f7;
  border-radius: 10px;
}
.track-tracking span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #888;
  margin-bottom: 4px;
}
.track-tracking em {
  display: block;
  margin-top: 4px;
  font-style: normal;
  font-size: 12px;
  color: #666;
}
.track-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #eee;
}
.track-actions .btn { width: auto; padding: 12px 18px; }

@media (max-width: 700px) {
  .track-form { grid-template-columns: 1fr; }
  .track-form .btn { width: 100%; }
  .track-steps { grid-template-columns: 1fr 1fr; gap: 16px 8px; }
  .track-steps li:nth-child(2)::after { display: none; }
  .track-meta { grid-template-columns: 1fr; }
  .track-items li { grid-template-columns: 1fr auto; }
  .track-item-qty { grid-column: 2; grid-row: 1; }
}

@media (max-width: 900px) {
  .auth-shell { grid-template-columns: 1fr; }
  .auth-brand {
    min-height: 180px;
    border-right: 0;
    border-bottom: 1px solid #eee;
    padding: 24px 20px;
  }
  .auth-cactus {
    width: min(52%, 220px);
    opacity: .06;
  }
  .auth-brand-logo {
    font-size: clamp(32px, 9vw, 48px);
  }
  .auth-brand-logo img {
    width: min(50vw, 220px);
    max-height: 100px;
  }
  .auth-grid-2 { grid-template-columns: 1fr; }
}
.stats {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 20px;
}
.stat {
  background: #fff; border-radius: 12px; padding: 18px;
}
a.stat:hover {
  box-shadow: 0 0 0 2px #111;
}
.stat span { font-size: 12px; color: #666; font-weight: 600; letter-spacing: .02em; }
.stat strong { display: block; font-size: 22px; margin-top: 6px; }

.rpt-period {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.rpt-period-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  background: #fff;
  padding: 4px;
  border-radius: 10px;
  border: 1px solid #e8e8e8;
}
.rpt-period-tab {
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #555;
  text-decoration: none;
}
.rpt-period-tab.is-active {
  background: #111;
  color: #fff;
}
.rpt-period-range {
  font-size: 12px;
  color: #888;
}
.rpt-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.rpt-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.rpt-card h3 {
  margin: 0;
  font-size: 15px;
}
.rpt-sub {
  margin: 4px 0 14px;
  font-size: 12px;
  color: #888;
}
.rpt-empty {
  margin: 0;
  color: #999;
  font-size: 13px;
}
.rpt-bars {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rpt-bar-meta {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 5px;
  font-size: 13px;
}
.rpt-rank {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.rpt-bar-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.rpt-bar-label a { color: inherit; text-decoration: none; }
.rpt-bar-label a:hover { text-decoration: underline; }
.rpt-bar-val {
  color: #666;
  font-size: 12px;
  white-space: nowrap;
}
.rpt-bar-track {
  height: 8px;
  background: #f0f0f0;
  border-radius: 999px;
  overflow: hidden;
}
.rpt-bar-track span {
  display: block;
  height: 100%;
  background: #111;
  border-radius: 999px;
}
.rpt-bars--green .rpt-bar-track span { background: #15803d; }
.rpt-bars--blue .rpt-bar-track span { background: #1d4ed8; }

@media (max-width: 1100px) {
  .rpt-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rpt-grid { grid-template-columns: 1fr; }
}

/* Kokadema builder */
.kokadema-page {
  padding: 28px 0 80px;
  background:
    radial-gradient(ellipse 80% 50% at 10% -10%, rgba(245, 197, 24, .18), transparent 55%),
    linear-gradient(180deg, #fafafa 0%, #fff 38%);
}
.kokadema-setup { max-width: 640px; padding: 48px 0; }
.kokadema-setup h1 { margin: 0 0 12px; font-size: 32px; }
.kokadema-setup p { margin: 0; color: var(--gray); line-height: 1.6; }

.kokadema-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, .8fr);
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}
.kokadema-eyebrow {
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #888;
}
.kokadema-hero h1 {
  margin: 0 0 10px;
  font-size: clamp(30px, 4.2vw, 44px);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.1;
}
.kokadema-lead {
  margin: 0;
  color: var(--gray);
  font-size: 15px;
  max-width: 42ch;
  line-height: 1.55;
}
.kokadema-progress-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  font-weight: 600;
  color: #666;
  margin-bottom: 8px;
}
.kokadema-progress-bar {
  height: 4px;
  background: #ececec;
  border-radius: 999px;
  overflow: hidden;
}
.kokadema-progress-bar i {
  display: block;
  height: 100%;
  background: var(--black);
  border-radius: inherit;
  transition: width .25s ease;
}

.kokadema-steps {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(var(--steps, 3), minmax(0, 1fr));
  gap: 0;
}
.kokadema-step {
  position: relative;
  display: flex;
  align-items: center;
}
.kokadema-step a,
.kokadema-step-static {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 14px 16px 14px 0;
  font-size: 14px;
  font-weight: 600;
}
.kokadema-step em {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  font-style: normal;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  border: 1px solid var(--line);
  background: #fff;
  color: #999;
}
.kokadema-step span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888;
}
.kokadema-step.is-current em {
  background: var(--black);
  border-color: var(--black);
  color: #fff;
}
.kokadema-step.is-current span { color: var(--black); }
.kokadema-step.is-done em {
  background: var(--yellow);
  border-color: var(--yellow);
  color: #111;
}
.kokadema-step.is-done span { color: var(--black); }
.kokadema-step-line {
  flex: 1;
  height: 1px;
  background: var(--line);
  margin-right: 12px;
  min-width: 16px;
}
.kokadema-step.is-done .kokadema-step-line { background: #111; }

.kokadema-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 24px;
  align-items: start;
}
.kokadema-panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 22px;
}
.kokadema-step-title h2 {
  margin: 0 0 6px;
  font-size: 22px;
  letter-spacing: -.02em;
}
.kokadema-step-title p {
  margin: 0 0 20px;
  color: var(--gray);
  font-size: 14px;
}
.kokadema-empty {
  padding: 28px;
  background: #fafafa;
  border: 1px dashed #ddd;
  border-radius: 12px;
}
.kokadema-empty strong { display: block; margin-bottom: 6px; }
.kokadema-empty p { margin: 0; color: #777; font-size: 14px; }

.kokadema-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.kokadema-card {
  margin: 0;
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.kokadema-card:hover {
  border-color: #bbb;
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
}
.kokadema-card.is-selected {
  border-color: #111;
  box-shadow: 0 0 0 1px #111;
}
.kokadema-card-btn {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
  cursor: pointer;
  color: inherit;
}
.kokadema-card .thumb {
  position: relative;
  aspect-ratio: 1.05;
  background:
    linear-gradient(180deg, #f4f4f4 0%, #fafafa 100%);
  display: grid;
  place-items: center;
}
.kokadema-card .thumb img {
  max-height: 72%;
  width: auto;
  margin: 0 auto;
  object-fit: contain;
}
.kokadema-check {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #111;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 700;
}
.kokadema-card-body { padding: 14px 14px 16px; }
.kokadema-card h3 {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  min-height: 2.7em;
}
.kokadema-card-desc {
  margin: 0 0 12px;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.kokadema-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.kokadema-card .price {
  font-weight: 800;
  font-size: 15px;
  margin: 0;
}
.kokadema-pick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: var(--yellow);
  border-radius: 6px;
  white-space: nowrap;
}
.kokadema-card.is-selected .kokadema-pick {
  background: #111;
  color: #fff;
}

.kokadema-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.btn-ghost {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  background: #fff;
}
.btn-ghost:hover { border-color: #111; }
.kokadema-reset {
  border: 0;
  background: none;
  color: #999;
  cursor: pointer;
  font-size: 13px;
}
.kokadema-reset:hover { color: #111; text-decoration: underline; }

.kokadema-summary {
  position: sticky;
  top: 120px;
  background: #111;
  color: #fff;
  border-radius: 16px;
  padding: 20px;
}
.kokadema-summary-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.kokadema-summary-head h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}
.kokadema-summary-head span {
  font-size: 12px;
  color: rgba(255,255,255,.55);
  font-weight: 600;
}
.kokadema-summary-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.kokadema-summary-list li {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
}
.kokadema-summary-list li.is-pending {
  outline: 1px solid rgba(245, 197, 24, .55);
  background: rgba(245, 197, 24, .08);
}
.kokadema-summary-thumb {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  display: grid;
  place-items: center;
  overflow: hidden;
}
.kokadema-summary-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f3f3f3;
}
.kokadema-summary-thumb span {
  font-size: 12px;
  font-weight: 800;
  color: rgba(255,255,255,.45);
}
.kokadema-summary-copy small {
  display: block;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
}
.kokadema-summary-copy strong {
  display: block;
  font-size: 13px;
  line-height: 1.3;
  margin: 3px 0 2px;
  font-weight: 600;
}
.kokadema-summary-copy em {
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  color: var(--yellow);
}
.kokadema-summary-edit {
  font-size: 11px;
  color: rgba(255,255,255,.55);
  white-space: nowrap;
}
.kokadema-summary-edit:hover { color: #fff; }
.kokadema-summary-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.12);
  font-size: 14px;
}
.kokadema-summary-total strong {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.kokadema-summary-note {
  margin: 12px 0 0;
  font-size: 12px;
  color: rgba(255,255,255,.5);
  line-height: 1.45;
}
.cart-kokadema-parts {
  margin: 6px 0 8px;
  padding-left: 16px;
  color: #666;
  font-size: 12px;
}

/* Onay + birleşik önizleme */
.kokadema-review {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: 24px;
  align-items: start;
}
.kokadema-compose {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 20px 20px 16px;
  overflow: hidden;
}
.kokadema-compose-stage {
  position: relative;
  aspect-ratio: 1 / 1.05;
  max-width: 520px;
  margin: 0 auto;
  border-radius: 14px;
  background:
    radial-gradient(ellipse 70% 45% at 50% 78%, rgba(0,0,0,.06), transparent 70%),
    linear-gradient(180deg, #f3f3f3 0%, #fafafa 48%, #eee 100%);
  overflow: hidden;
}
.kokadema-compose-stage .layer {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  object-fit: contain;
  pointer-events: none;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.12));
  user-select: none;
}
.kokadema-compose-stage .layer-base {
  bottom: 4%;
  width: 72%;
  max-height: 34%;
  z-index: 1;
}
.kokadema-compose-stage .layer-sphere {
  bottom: 18%;
  width: 58%;
  max-height: 48%;
  z-index: 2;
}
.kokadema-compose-stage .layer-plant {
  bottom: 42%;
  width: 42%;
  max-height: 46%;
  z-index: 3;
}
.kokadema-compose-caption {
  margin: 14px 0 0;
  text-align: center;
  font-size: 12px;
  color: #888;
}
.kokadema-summary-light {
  background: #fff;
  color: #111;
  border: 1px solid var(--line);
}
.kokadema-summary-light .kokadema-summary-head span { color: #999; }
.kokadema-summary-light .kokadema-summary-list li {
  background: #f7f7f7;
}
.kokadema-summary-light .kokadema-summary-list li.is-pending {
  outline: 1px solid rgba(0,0,0,.12);
  background: #fff8e1;
}
.kokadema-summary-light .kokadema-summary-thumb {
  background: #fff;
}
.kokadema-summary-light .kokadema-summary-thumb span { color: #bbb; }
.kokadema-summary-light .kokadema-summary-copy small { color: #999; }
.kokadema-summary-light .kokadema-summary-copy em { color: #111; }
.kokadema-summary-light .kokadema-summary-edit { color: #888; }
.kokadema-summary-light .kokadema-summary-edit:hover { color: #111; }
.kokadema-summary-light .kokadema-summary-total {
  border-top-color: var(--line);
}
.kokadema-summary-light .kokadema-summary-note { color: #888; }
.kokadema-confirm-actions { margin-top: 16px; }
.kokadema-confirm-btn {
  width: 100%;
  min-height: 48px;
  font-weight: 800;
  border: 0;
  cursor: pointer;
}
.kokadema-confirm-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  font-size: 13px;
}
.kokadema-confirm-links a { color: #666; font-weight: 600; }
.kokadema-confirm-links a:hover { color: #111; }

@media (max-width: 960px) {
  .header-bar {
    grid-template-columns: 42px 1fr auto;
    gap: 6px;
    min-height: 64px;
    width: min(100% - 20px, 1360px);
    align-items: center;
  }
  .nav-toggle {
    display: inline-flex;
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    width: 44px;
    height: 44px;
    position: relative;
    z-index: 1003;
  }
  .logo {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    font-size: 24px;
    max-width: min(46vw, 170px);
    text-align: center;
  }
  .logo img {
    height: 34px;
    max-width: min(46vw, 160px);
    margin-inline: auto;
  }
  .header-actions {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;
  }
  .header-actions .icon-btn {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
  }
  .header-actions .icon-btn svg {
    width: 20px;
    height: 20px;
  }

  .nav-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 1001;
  }
  body.nav-open .nav-backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  .nav {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    width: min(86vw, 340px);
    height: 100vh;
    height: 100dvh;
    margin: 0;
    padding: 0 0 calc(28px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    border-right: 1px solid var(--line);
    border-left: 0;
    box-shadow: 16px 0 40px rgba(0,0,0,.12);
    transform: translateX(-105%);
    transition: transform .25s ease;
    z-index: 1002;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  body.nav-open .nav { transform: translateX(0); }
  body.nav-open { overflow: hidden; }
  body.nav-open .site-top { z-index: 1000; }

  .nav-mobile-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 18px 14px;
    border-bottom: 1px solid var(--line);
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
  }
  .nav-mobile-head strong {
    font-size: 13px;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
  .nav-close {
    width: 40px;
    height: 40px;
    border: 0;
    background: #f3f3f3;
    border-radius: 8px;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: #111;
  }

  .nav > a,
  .nav-dropdown-btn {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 16px 18px;
    border-bottom: 1px solid #f0f0f0;
    white-space: normal;
    text-align: left;
    opacity: 1 !important;
    box-sizing: border-box;
  }
  .nav-item > .nav-link-desktop { display: none !important; }
  .nav-dropdown-btn { display: flex; }
  .nav-dropdown-all { display: block; }

  .nav-item .dropdown {
    position: static;
    transform: none;
    display: none;
    min-width: 0;
    border: 0;
    box-shadow: none;
    padding: 0 0 8px;
    background: #fafafa;
  }
  .nav-item.is-open .dropdown { display: block; }
  .dropdown a {
    padding: 12px 18px 12px 28px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 600;
  }
  .dropdown-item.has-flyout {
    position: relative;
  }
  .dropdown-item.has-flyout > .dropdown-parent {
    padding-right: 52px;
  }
  .flyout-caret { display: none; }
  .flyout-toggle {
    display: grid;
    place-items: center;
    position: absolute;
    right: 8px;
    top: 4px;
    transform: none;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 2;
  }
  .flyout-toggle::before {
    content: '';
    width: 8px;
    height: 8px;
    border-right: 2px solid #111;
    border-bottom: 2px solid #111;
    transform: rotate(45deg);
    transition: transform .2s ease;
  }
  .dropdown-item.is-open > .flyout-toggle::before {
    transform: rotate(-135deg);
  }
  .dropdown-flyout {
    position: static;
    display: none;
    left: auto;
    top: auto;
    min-width: 0;
    border: 0;
    box-shadow: none;
    padding: 0 0 6px;
    background: #f3f3f3;
  }
  .dropdown-item.is-open > .dropdown-flyout {
    display: block;
  }
  .dropdown-flyout a {
    padding-left: 40px;
    white-space: normal;
  }

  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .promo-row, .features, .product-detail, .checkout-wrap, .admin-shell, .stats { grid-template-columns: 1fr; }
  .promo-card, .promo-card.reverse { grid-template-columns: 1fr; }
  .checkout-wrap { max-width: none; }
  .checkout-left { border-right: 0; padding: 20px 16px 32px; }
  .checkout-right {
    border-left: 0; border-top: 1px solid var(--line);
    position: static; max-height: none; padding: 20px 16px;
  }
  .co-type { grid-template-columns: 1fr; }
  .order-form .row { grid-template-columns: 1fr; }
  .kokadema-hero { grid-template-columns: 1fr; }
  .kokadema-steps { grid-template-columns: 1fr; gap: 4px; }
  .kokadema-step-line { display: none; }
  .kokadema-layout { grid-template-columns: 1fr; }
  .kokadema-summary { position: static; order: -1; }
  .kokadema-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kokadema-review { grid-template-columns: 1fr; }
  .kokadema-review-side { order: -1; }
}

@media (max-width: 560px) {
  .kokadema-grid { grid-template-columns: 1fr; }
  .kokadema-panel { padding: 16px; }
}

/* Kime / hediye kartı */
.kime-page {
  padding: 32px 0 72px;
  background: linear-gradient(180deg, #fafafa 0%, #fff 40%);
}
.kime-head { max-width: 560px; margin-bottom: 18px; }
.kime-eyebrow {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #888;
}
.kime-head h1 {
  margin: 0 0 8px;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 800;
  letter-spacing: -.03em;
}
.kime-lead { margin: 0; color: var(--gray); font-size: 15px; line-height: 1.5; }
.kime-steps {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 12px;
  font-weight: 700;
  color: #999;
}
.kime-steps strong { color: #111; }
.kime-steps i {
  width: 18px;
  height: 1px;
  background: #ddd;
  display: inline-block;
}
.kime-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 24px;
  align-items: start;
}
.kime-section-title {
  margin: 0 0 14px;
  font-size: 18px;
  letter-spacing: -.02em;
}
.kime-empty { color: #888; margin: 0 0 24px; }
.kime-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 28px;
}
.kime-card {
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.kime-card:hover,
.kime-card.is-selected {
  border-color: #111;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
.kime-card-btn {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 16px;
  cursor: pointer;
  color: inherit;
}
.kime-card-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding: 5px 10px;
  background: var(--yellow);
  border-radius: 999px;
}
.kime-card-msg {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.5;
  color: #444;
  min-height: 4.2em;
}
.kime-card-cta {
  font-size: 12px;
  font-weight: 700;
  color: #111;
}
.kime-custom {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  padding: 18px;
}
.kime-custom.is-selected { border-color: #111; }
.kime-custom-form .field { margin-bottom: 12px; }
.kime-custom-form textarea {
  width: 100%;
  resize: vertical;
  min-height: 110px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
}
.kime-custom-submit { width: auto; padding: 12px 20px; margin-top: 4px; }
.kime-aside { position: sticky; top: 120px; }
.kime-preview {
  background: #161616;
  color: #fff;
  border-radius: 18px;
  padding: 18px;
}
.kime-preview h3 {
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
}
.kime-preview-card {
  position: relative;
  color: #2a2418;
  border-radius: 14px;
  min-height: 340px;
  overflow: hidden;
  isolation: isolate;
  box-shadow:
    0 18px 40px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.08);
  background-color: #efe6d6;
  background-image: var(--card-bg);
  background-size: cover;
  background-position: center;
}
.kime-preview-card::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(184, 154, 107, .45);
  border-radius: 8px;
  pointer-events: none;
  z-index: 1;
}
.kime-preview-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 340px;
  padding: 28px 24px 22px;
}
.kime-preview-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin-bottom: 12px;
}
.kime-preview-logo {
  max-height: 42px;
  max-width: 160px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.35));
}
.kime-preview-logo-text {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #1f1a14;
}
.kime-preview-divider {
  width: 48px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #b89a6b, transparent);
  margin: 0 0 16px;
}
.kime-preview-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #7a6548;
  margin-bottom: 12px;
}
.kime-preview-card p,
.kime-preview-inner > p {
  margin: 0;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 1.65;
  font-weight: 500;
  color: #2f281c;
  max-width: 26ch;
}
.kime-preview-footer {
  margin-top: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8a7352;
  opacity: .85;
}
.kime-aside-total {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.12);
  font-size: 14px;
}
.kime-aside-total strong { font-size: 18px; }
.kime-back {
  display: inline-block;
  margin-top: 12px;
  font-size: 13px;
  color: rgba(255,255,255,.55);
}
.kime-back:hover { color: #fff; }

@media (max-width: 960px) {
  .kime-layout { grid-template-columns: 1fr; }
  .kime-aside { position: static; order: -1; }
  .kime-grid { grid-template-columns: 1fr; }
}

/* Ana sayfa alt banner ızgarası (2’li) */
.home-banners-section {
  padding: 28px 0 12px;
  overflow-x: clip;
}
.home-banners-empty {
  text-align: center;
  color: #888;
  margin: 12px 0 28px;
}
.home-banner-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  max-width: 100%;
}

/* Üst kategori: 3’lü alt kategori blokları + altta ürünler */
.cat-hub-section {
  padding-top: 36px;
}
.cat-sub-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin: 0 0 40px;
}
.cat-sub-card {
  display: flex;
  flex-direction: column;
  flex: 0 1 calc((100% - 80px) / 6);
  width: calc((100% - 80px) / 6);
  max-width: calc((100% - 80px) / 6);
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.cat-sub-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}
.cat-sub-card.is-active {
  border-color: #111;
  box-shadow: 0 0 0 2px #111;
}
.cat-sub-thumb {
  display: block;
  aspect-ratio: 4 / 3;
  background: #f3f3f3;
  overflow: hidden;
}
.cat-sub-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cat-sub-meta {
  display: block;
  padding: 14px 16px;
  text-align: center;
}
.cat-sub-meta strong {
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.cat-sub-products {
  padding-top: 8px;
  border-top: 1px solid var(--line);
}
.cat-sub-products-title {
  margin: 24px 0 8px;
  text-align: center;
  font-size: clamp(20px, 2.5vw, 26px);
  font-weight: 800;
  letter-spacing: -.02em;
}
@media (max-width: 1100px) {
  .cat-sub-card {
    flex: 0 1 calc((100% - 64px) / 5);
    width: calc((100% - 64px) / 5);
    max-width: calc((100% - 64px) / 5);
  }
}
@media (max-width: 900px) {
  .cat-sub-grid { gap: 12px; }
  .cat-sub-card {
    flex: 0 1 calc((100% - 36px) / 4);
    width: calc((100% - 36px) / 4);
    max-width: calc((100% - 36px) / 4);
  }
}
@media (max-width: 640px) {
  .cat-sub-card {
    flex: 0 1 calc((100% - 12px) / 2);
    width: calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);
  }
}
@media (max-width: 420px) {
  .cat-sub-card {
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%;
  }
}

body.theme-business .cat-sub-card {
  background: #161a20;
  border-color: rgba(255,255,255,.1);
}
body.theme-business .cat-sub-card.is-active {
  border-color: #c9a227;
  box-shadow: 0 0 0 2px #c9a227;
}
body.theme-business .cat-sub-thumb { background: rgba(255,255,255,.06); }
body.theme-business .cat-sub-products { border-top-color: rgba(255,255,255,.1); }
.home-banner-card {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-radius: 14px;
  overflow: hidden;
  background: #f3f3f3;
  aspect-ratio: 16 / 7;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .18s ease;
}
.home-banner-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.1);
}
.home-banner-card img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  display: block;
}
.home-banner-meta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 28px 14px 12px;
  background: linear-gradient(transparent, rgba(0,0,0,.55));
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.home-banner-meta strong {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.home-banner-meta em {
  font-style: normal;
  font-size: 12px;
  opacity: .9;
}

@media (max-width: 960px) {
  .home-banners-section {
    padding: 16px 0 8px;
  }
  .home-banners-section .container {
    width: min(100% - 20px, var(--container));
  }
  .home-banner-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .home-banner-card {
    aspect-ratio: auto;
    border-radius: 10px;
    height: auto;
  }
  .home-banner-card img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
  }
}

@media (max-width: 480px) {
  .home-banners-section .container {
    width: min(100% - 16px, var(--container));
  }
  .home-banner-grid { gap: 8px; }
  .home-banner-card { border-radius: 8px; }
}

/* Business — koyu kurumsal tema (ana sayfa) */
body.theme-business {
  background: #0d0f12;
  color: #e8eaed;
}
body.theme-business .site-top {
  background: #0d0f12;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body.theme-business .site-header { background: #0d0f12; }
body.theme-business .nav > a,
body.theme-business .nav-item > a,
body.theme-business .nav-dropdown-btn,
body.theme-business .icon-btn {
  color: #f2f2f2;
}
body.theme-business .dropdown {
  background: #161a20;
  border-color: rgba(255,255,255,.1);
  box-shadow: 0 16px 40px rgba(0,0,0,.45);
}
body.theme-business .dropdown a { color: #e8eaed; }
body.theme-business .dropdown a:hover { background: rgba(255,255,255,.06); }
body.theme-business .dropdown-flyout {
  background: #161a20;
  border-color: rgba(255,255,255,.14);
}
body.theme-business .announcement {
  background: #c9a227;
  color: #111;
}
body.theme-business .hero-slider {
  border-bottom: 1px solid rgba(255,255,255,.06);
}
body.theme-business .home-banners-section {
  padding-top: 36px;
  padding-bottom: 28px;
}
body.theme-business .business-intro {
  margin: 0 0 22px;
  max-width: 560px;
}
body.theme-business .business-eyebrow {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #c9a227;
}
body.theme-business .business-intro h2 {
  margin: 0 0 8px;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 800;
  letter-spacing: -.03em;
  color: #fff;
}
body.theme-business .business-intro p {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 15px;
  line-height: 1.55;
}
body.theme-business .home-banners-empty { color: rgba(255,255,255,.45); }
body.theme-business .home-banner-card {
  position: relative;
  border-radius: 10px;
  background: #161a20;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}
body.theme-business .home-banner-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 0 1px rgba(201,162,39,.55), 0 18px 40px rgba(0,0,0,.4);
}
body.theme-business .home-banner-meta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 28px 16px 14px;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.82));
  color: #fff;
  display: grid;
  gap: 4px;
}
body.theme-business .home-banner-meta strong {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
}
body.theme-business .home-banner-meta em {
  font-style: normal;
  font-size: 12px;
  color: rgba(255,255,255,.7);
}
body.theme-business .features {
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 36px;
}
body.theme-business .feature h4 { color: #fff; }
body.theme-business .feature p { color: rgba(255,255,255,.55); }
body.theme-business .feature-icon {
  background: rgba(201,162,39,.12);
  color: #c9a227;
}
body.theme-business .newsletter {
  background: #12151a;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
body.theme-business .newsletter h3 { color: #fff; }
body.theme-business .newsletter input {
  background: #0d0f12;
  border-color: rgba(255,255,255,.14);
  color: #fff;
}
body.theme-business .newsletter button {
  background: #c9a227;
  color: #111;
}
body.theme-business .order-status {
  background: #0d0f12;
}
body.theme-business .order-status h3 { color: #fff; }
body.theme-business .order-status p { color: rgba(255,255,255,.55); }
body.theme-business .order-form input {
  background: #161a20;
  border-color: rgba(255,255,255,.14);
  color: #fff;
}
body.theme-business .order-form .btn-black,
body.theme-business .btn.btn-black {
  background: #c9a227;
  color: #111;
}
body.theme-business .site-footer {
  background: #080a0c;
  color: rgba(255,255,255,.55);
  border-top: 1px solid rgba(255,255,255,.06);
}
body.theme-business .site-footer a { color: rgba(255,255,255,.7); }
body.theme-business .site-footer a:hover { color: #c9a227; }
body.theme-business .site-credit,
body.theme-business .copy { color: rgba(255,255,255,.4); }
body.theme-business .site-credit a:hover { color: #c9a227; }

/* Contact — business */
body.theme-business .contact-page { color: #e8eaed; }
body.theme-business .contact-eyebrow { color: rgba(255,255,255,.45); }
body.theme-business .contact-hero h1 { color: #fff; }
body.theme-business .contact-lead,
body.theme-business .contact-intro,
body.theme-business .contact-form-lead,
body.theme-business .contact-card em { color: rgba(255,255,255,.55); }
body.theme-business .contact-card,
body.theme-business .contact-form-wrap {
  background: #161a20;
  border-color: rgba(255,255,255,.12);
  color: #e8eaed;
}
body.theme-business a.contact-card:hover {
  border-color: #c9a227;
  background: rgba(201,162,39,.08);
}
body.theme-business .contact-card-icon {
  background: #0d0f12;
  color: #c9a227;
}
body.theme-business .contact-card strong,
body.theme-business .contact-form-wrap h2 { color: #fff; }
body.theme-business .contact-form .field label { color: rgba(255,255,255,.55); }
body.theme-business .contact-form .field input,
body.theme-business .contact-form .field textarea {
  background: #0d0f12;
  border-color: rgba(255,255,255,.14);
  color: #e8eaed;
}
body.theme-business .contact-form .field input:focus,
body.theme-business .contact-form .field textarea:focus {
  border-color: #c9a227;
}
body.theme-business .contact-submit {
  background: #c9a227 !important;
  color: #111 !important;
}
body.theme-business .cart-badge {
  background: #c9a227;
  color: #111;
}

@media (max-width: 960px) {
  body.theme-business .nav {
    background: #12151a;
    border-right-color: rgba(255,255,255,.08);
    border-left: 0;
  }
  body.theme-business .nav-mobile-head {
    background: #12151a;
    border-bottom-color: rgba(255,255,255,.08);
    color: #fff;
  }
  body.theme-business .nav-close { background: #1c2128; color: #fff; }
  body.theme-business .nav > a,
  body.theme-business .nav-dropdown-btn {
    border-bottom-color: rgba(255,255,255,.06);
    color: #f2f2f2;
  }
  body.theme-business .nav-item .dropdown { background: #0d0f12; }
  body.theme-business .nav-toggle span { background: #f2f2f2; }
  body.theme-business .nav-backdrop { background: rgba(0,0,0,.65); }
  body.theme-business .home-banner-meta { padding: 22px 12px 12px; }
}

/* Business — site geneli (ürün, sepet, hesap, formlar) */
body.theme-business {
  --black: #e8eaed;
  --gray: rgba(232,234,237,.68);
  --muted: rgba(232,234,237,.48);
  --line: rgba(255,255,255,.14);
  --bg: #0d0f12;
  --bg-soft: #161a20;
  --yellow: #c9a227;
  --yellow-btn: #b8921f;
  color: #e8eaed;
  background: #0d0f12;
}

/* Genel metin okunabilirliği */
body.theme-business p,
body.theme-business li,
body.theme-business td,
body.theme-business th,
body.theme-business label,
body.theme-business small,
body.theme-business span,
body.theme-business strong,
body.theme-business em,
body.theme-business div {
  color: inherit;
}
body.theme-business .section-title,
body.theme-business .section-head-link,
body.theme-business h1,
body.theme-business h2,
body.theme-business h3,
body.theme-business h4,
body.theme-business h5 {
  color: #fff !important;
}
body.theme-business a { color: #e8eaed; }
body.theme-business a:hover { color: #c9a227; }
body.theme-business .section-head-link:hover { color: #c9a227 !important; }

/* Beyaz / açık paneller → koyu */
body.theme-business .product-card .thumb,
body.theme-business .cart-product img,
body.theme-business .cart-item-img,
body.theme-business .kokadema-thumb--checkout,
body.theme-business .gallery-main,
body.theme-business .gallery-thumb,
body.theme-business .qty-picker,
body.theme-business .qty-picker .qty-btn,
body.theme-business .icon-action,
body.theme-business .info-links,
body.theme-business .product-panels,
body.theme-business .product-panels-wrap,
body.theme-business .product-acc,
body.theme-business .admin-card,
body.theme-business .checkout-item img,
body.theme-business .field input,
body.theme-business .field select,
body.theme-business .field textarea,
body.theme-business input[type="text"],
body.theme-business input[type="email"],
body.theme-business input[type="password"],
body.theme-business input[type="number"],
body.theme-business input[type="tel"],
body.theme-business input[type="search"],
body.theme-business select,
body.theme-business textarea,
body.theme-business .qty-control button {
  background: #161a20 !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #e8eaed !important;
}
body.theme-business .qty-picker input {
  background: #0d0f12 !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #fff !important;
}
body.theme-business .gallery-thumb.active,
body.theme-business .icon-action.active {
  border-color: #c9a227 !important;
  background: #c9a227 !important;
  color: #111 !important;
}
body.theme-business .product-card .name,
body.theme-business .product-card .price,
body.theme-business .product-info h1,
body.theme-business .product-info .price,
body.theme-business .cart-page h1,
body.theme-business .cart-summary .total,
body.theme-business .cart-summary-row strong,
body.theme-business .cart-item-line,
body.theme-business .cart-sticky-bar strong {
  color: #fff !important;
}
body.theme-business .product-card .brand,
body.theme-business .product-info .brand,
body.theme-business .qty-limit,
body.theme-business .cart-summary .note,
body.theme-business .cart-summary-note,
body.theme-business .cart-count,
body.theme-business .cart-item-unit,
body.theme-business .cart-continue,
body.theme-business .product-sku {
  color: rgba(255,255,255,.5) !important;
}
body.theme-business .cart-summary-card,
body.theme-business .cart-sticky-bar {
  background: #161a20 !important;
  border-color: rgba(255,255,255,.14) !important;
}
body.theme-business .qty-control {
  background: #161a20 !important;
  border-color: rgba(255,255,255,.16) !important;
}
body.theme-business .stock-status small { color: rgba(255,255,255,.55) !important; }
body.theme-business .stock-status.in { color: #3dd68c !important; }
body.theme-business .btn-black,
body.theme-business .btn.btn-black,
body.theme-business .btn-add,
body.theme-business .btn-yellow {
  background: #c9a227 !important;
  color: #111 !important;
}
body.theme-business .btn-buy-now {
  background: #c9a227 !important;
  color: #111 !important;
  border-color: #c9a227 !important;
}
body.theme-business .product-card-actions .btn-buy-now {
  background: transparent !important;
  color: #c9a227 !important;
  border-color: #c9a227 !important;
}
body.theme-business .product-card-actions .btn-buy-now:hover {
  background: #c9a227 !important;
  color: #111 !important;
}
body.theme-business .page-banner {
  background: #161a20 !important;
  color: #c9a227 !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body.theme-business .cart-table th,
body.theme-business .cart-table td,
body.theme-business table th,
body.theme-business table td {
  border-color: rgba(255,255,255,.12) !important;
  color: #e8eaed !important;
  background: transparent !important;
}
body.theme-business .field label { color: rgba(255,255,255,.72) !important; }
body.theme-business .product-acc summary {
  color: #fff !important;
  background: #161a20 !important;
}
body.theme-business .product-acc .acc-body,
body.theme-business .product-description,
body.theme-business .product-info .short {
  color: rgba(232,234,237,.82) !important;
  background: transparent !important;
}
body.theme-business .flash.ok {
  background: rgba(201,162,39,.15) !important;
  color: #f0d889 !important;
  border: 1px solid rgba(201,162,39,.35);
}
body.theme-business .flash.err {
  background: rgba(180,35,24,.18) !important;
  color: #ffb4a8 !important;
}

/* Kokadema */
body.theme-business .kokadema-page {
  background: linear-gradient(180deg, #12151a 0%, #0d0f12 42%) !important;
}
body.theme-business .kokadema-eyebrow,
body.theme-business .kokadema-lead,
body.theme-business .kokadema-step-title p,
body.theme-business .kokadema-compose-caption,
body.theme-business .kokadema-reset {
  color: rgba(255,255,255,.6) !important;
}
body.theme-business .kokadema-panel,
body.theme-business .kokadema-card,
body.theme-business .kokadema-compose,
body.theme-business .kokadema-summary-light,
body.theme-business .btn-ghost,
body.theme-business .kokadema-empty {
  background: #161a20 !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #e8eaed !important;
}
body.theme-business .kokadema-card h3,
body.theme-business .kokadema-step-title h2,
body.theme-business .kokadema-summary-light h3,
body.theme-business .kokadema-summary-light strong,
body.theme-business .kokadema-summary-light .kokadema-summary-copy em {
  color: #fff !important;
}
body.theme-business .kokadema-card .thumb,
body.theme-business .kokadema-compose-stage {
  background: #0d0f12 !important;
}
body.theme-business .kokadema-step span { color: rgba(255,255,255,.55) !important; }
body.theme-business .kokadema-step.is-current span,
body.theme-business .kokadema-step.is-done span { color: #fff !important; }
body.theme-business .kokadema-step em {
  background: #0d0f12 !important;
  border-color: rgba(255,255,255,.2) !important;
  color: rgba(255,255,255,.7) !important;
}
body.theme-business .kokadema-step.is-current em {
  background: #c9a227 !important;
  border-color: #c9a227 !important;
  color: #111 !important;
}
body.theme-business .kokadema-step.is-done em {
  background: rgba(201,162,39,.25) !important;
  border-color: #c9a227 !important;
  color: #c9a227 !important;
}
body.theme-business .kokadema-step-line { background: rgba(255,255,255,.15) !important; }
body.theme-business .kokadema-progress-bar { background: rgba(255,255,255,.12) !important; }
body.theme-business .kokadema-progress-bar i { background: #c9a227 !important; }
body.theme-business .kokadema-pick { background: #c9a227 !important; color: #111 !important; }
body.theme-business .kokadema-card.is-selected {
  border-color: #c9a227 !important;
  box-shadow: 0 0 0 1px #c9a227 !important;
}
body.theme-business .kokadema-card.is-selected .kokadema-pick {
  background: #fff !important;
  color: #111 !important;
}
body.theme-business .kokadema-summary-light .kokadema-summary-list li {
  background: #0d0f12 !important;
}
body.theme-business .kokadema-summary-light .kokadema-summary-note,
body.theme-business .kokadema-summary-light .kokadema-summary-edit,
body.theme-business .kokadema-confirm-links a {
  color: rgba(255,255,255,.55) !important;
}
body.theme-business .kokadema-nav { border-top-color: rgba(255,255,255,.12) !important; }

/* Kime */
body.theme-business .kime-page {
  background: linear-gradient(180deg, #12151a 0%, #0d0f12 40%) !important;
}
body.theme-business .kime-lead,
body.theme-business .kime-empty,
body.theme-business .kime-card-msg,
body.theme-business .kime-card-cta {
  color: rgba(255,255,255,.7) !important;
}
body.theme-business .kime-card,
body.theme-business .kime-custom {
  background: #161a20 !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #e8eaed !important;
}
body.theme-business .kime-card.is-selected,
body.theme-business .kime-custom.is-selected {
  border-color: #c9a227 !important;
}
body.theme-business .kime-steps span { color: rgba(255,255,255,.4) !important; }
body.theme-business .kime-steps strong { color: #c9a227 !important; }
body.theme-business .kime-section-title { color: #fff !important; }
body.theme-business .kime-card-tag { background: #c9a227 !important; color: #111 !important; }

/* Kart önizlemesi kağıt görünümü — açık kalsın */
body.theme-business .kime-preview-card,
body.theme-business .kime-preview-card * {
  color: #2a2418 !important;
}
body.theme-business .kime-preview-label,
body.theme-business .kime-preview-footer {
  color: #7a6548 !important;
}
body.theme-business .kime-preview-logo-text {
  color: #1f1a14 !important;
}

/* Ödeme */
body.theme-business .checkout-wrap,
body.theme-business .checkout-left,
body.theme-business .checkout-right {
  background: #0d0f12 !important;
  color: #e8eaed !important;
}
body.theme-business .checkout-left {
  border-right-color: rgba(255,255,255,.1) !important;
}
body.theme-business .checkout-right {
  border-left-color: rgba(255,255,255,.1) !important;
}
body.theme-business .checkout-head a,
body.theme-business .checkout-item,
body.theme-business .checkout-totals .row,
body.theme-business .co-section h2,
body.theme-business .checkout-gift-title {
  color: #e8eaed !important;
}
body.theme-business .co-section { border-bottom-color: rgba(255,255,255,.08) !important; }
body.theme-business .co-hint,
body.theme-business .checkout-steps,
body.theme-business .checkout-gift-msg,
body.theme-business .checkout-item-meta { color: rgba(255,255,255,.5) !important; }
body.theme-business .checkout-steps strong { color: #c9a227 !important; }
body.theme-business .checkout-auth {
  background: #161a20 !important;
  color: rgba(255,255,255,.7) !important;
}
body.theme-business .checkout-auth.ok {
  background: rgba(40,120,70,.2) !important;
  color: #8fd4a4 !important;
}
body.theme-business .co-type-opt,
body.theme-business .pay-method {
  border-color: rgba(255,255,255,.14) !important;
  background: #161a20 !important;
  color: #e8eaed !important;
  box-shadow: none !important;
}
body.theme-business .co-type-opt.is-on,
body.theme-business .pay-method.is-on,
body.theme-business .pay-method:has(input:checked) {
  border-color: #c9a227 !important;
  background: rgba(201,162,39,.1) !important;
  box-shadow: 0 0 0 1px #c9a227 !important;
}
body.theme-business .pay-method-body span,
body.theme-business .co-type-opt small { color: rgba(255,255,255,.5) !important; }
body.theme-business .pay-method-body strong,
body.theme-business .co-type-opt strong { color: #fff !important; }
body.theme-business .pay-method-icon {
  background: #0d0f12 !important;
  color: #c9a227 !important;
}
body.theme-business .pay-method.is-on .pay-method-icon,
body.theme-business .pay-method:has(input:checked) .pay-method-icon {
  background: #c9a227 !important;
  color: #111 !important;
}
body.theme-business .pay-method-badge {
  background: rgba(255,255,255,.08) !important;
  color: #e8eaed !important;
}
body.theme-business .pay-method-check {
  border-color: rgba(255,255,255,.25) !important;
  background: transparent !important;
}
body.theme-business .pay-method.is-on .pay-method-check,
body.theme-business .pay-method:has(input:checked) .pay-method-check {
  border-color: #c9a227 !important;
  background: #c9a227 !important;
}
body.theme-business .co-secure { color: #8fd4a4 !important; }
body.theme-business .checkout-gift { border-bottom-color: rgba(255,255,255,.1) !important; }

/* Auth */
body.theme-business.auth-page { background: #0d0f12 !important; }
body.theme-business .auth-backdrop {
  background: radial-gradient(ellipse at top, #1a1f28, #0d0f12 70%) !important;
}
body.theme-business .auth-top-drawer,
body.theme-business .auth-panel,
body.theme-business .auth-brand {
  background: #161a20 !important;
  color: #e8eaed !important;
}
body.theme-business .auth-drawer-bar {
  background: #12151a !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: #fff !important;
}
body.theme-business .auth-close,
body.theme-business .auth-title,
body.theme-business .auth-brand-logo,
body.theme-business .auth-tab.is-active { color: #fff !important; }
body.theme-business .auth-tab { color: rgba(255,255,255,.45) !important; }
body.theme-business .auth-tab:hover:not(.is-active) { color: #c9a227 !important; }
body.theme-business .auth-lead,
body.theme-business .auth-switch { color: rgba(255,255,255,.55) !important; }
body.theme-business .auth-form label { color: rgba(255,255,255,.7) !important; }
body.theme-business .auth-form input {
  background: #0d0f12 !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #fff !important;
}
body.theme-business .auth-submit {
  background: #c9a227 !important;
  color: #111 !important;
}
body.theme-business .auth-switch a { color: #c9a227 !important; }
body.theme-business .auth-alert.err {
  background: rgba(180,35,24,.18) !important;
  color: #ffb4a8 !important;
}
body.theme-business .auth-check { color: rgba(255,255,255,.7) !important; }

/* Hesabım / CMS / arama */
body.theme-business .promo-card {
  background: #161a20 !important;
  color: #fff !important;
}
body.theme-business .account-card,
body.theme-business .account-hero,
body.theme-business .installments,
body.theme-business .pay-box,
body.theme-business .account-box,
body.theme-business .content-card {
  background: #161a20 !important;
  color: #e8eaed !important;
  border-color: rgba(255,255,255,.12) !important;
}
body.theme-business .account-kicker { color: #c9a227 !important; }
body.theme-business .account-title { color: #fff !important; }
body.theme-business .account-sub,
body.theme-business .account-empty,
body.theme-business .account-card-head a {
  color: rgba(255,255,255,.55) !important;
}
body.theme-business .account-card h2,
body.theme-business .account-card-head h2 {
  color: #fff !important;
}
body.theme-business .acc-body { color: rgba(232,234,237,.82) !important; }
body.theme-business .pay-summary-card,
body.theme-business .pay-install-card {
  background: #161a20 !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #e8eaed !important;
}
body.theme-business .pay-summary-card span,
body.theme-business .pay-note {
  color: rgba(255,255,255,.55) !important;
}
body.theme-business .pay-summary-card strong,
body.theme-business .pay-install-card strong {
  color: #fff !important;
}
body.theme-business .review-item {
  border-bottom-color: rgba(255,255,255,.1) !important;
}
body.theme-business .badges { color: rgba(255,255,255,.75) !important; }

/* Inline soluk metinler (style="color:#666" vb.) */
body.theme-business [style*="color:#666"],
body.theme-business [style*="color: #666"],
body.theme-business [style*="color:#888"],
body.theme-business [style*="color: #888"],
body.theme-business [style*="color:#999"],
body.theme-business [style*="color: #999"],
body.theme-business [style*="color:#555"],
body.theme-business [style*="color: #555"] {
  color: rgba(255,255,255,.58) !important;
}

/* Sarı buton / rozet üstünde siyah kalsın (okunaklı) */
body.theme-business .btn-black,
body.theme-business .btn-yellow,
body.theme-business .btn-add,
body.theme-business .kokadema-pick,
body.theme-business .kime-card-tag,
body.theme-business .newsletter button,
body.theme-business .cart-badge,
body.theme-business .auth-submit,
body.theme-business .announcement {
  color: #111 !important;
}

/* Ürün sayfası — bilgi kutuları + sağ drawer */
body.theme-business .info-links {
  border-color: rgba(255,255,255,.14) !important;
  background: #161a20 !important;
}
body.theme-business .info-link-btn {
  background: #161a20 !important;
  border-bottom-color: rgba(255,255,255,.12) !important;
  color: #e8eaed !important;
}
body.theme-business .info-link-btn:hover {
  background: #1c2128 !important;
}
body.theme-business .info-link-btn span {
  color: #e8eaed !important;
}
body.theme-business .info-arrow {
  color: rgba(255,255,255,.45) !important;
}
body.theme-business .product-panels-wrap {
  background: #0d0f12 !important;
  border-top-color: rgba(255,255,255,.1) !important;
}
body.theme-business .product-acc {
  border-bottom-color: rgba(255,255,255,.12) !important;
  background: transparent !important;
}
body.theme-business .side-drawer {
  background: #12151a !important;
  color: #e8eaed !important;
  box-shadow: -12px 0 40px rgba(0,0,0,.5) !important;
}
body.theme-business .drawer-head {
  border-bottom-color: rgba(255,255,255,.1) !important;
  background: #161a20 !important;
}
body.theme-business .drawer-head h3 {
  color: #fff !important;
}
body.theme-business .drawer-close {
  color: #e8eaed !important;
  background: #1c2128 !important;
  border-radius: 8px;
}
body.theme-business .drawer-body {
  color: rgba(232,234,237,.85) !important;
  background: #12151a !important;
}
body.theme-business .drawer-body p,
body.theme-business .drawer-body li,
body.theme-business .drawer-body span,
body.theme-business .drawer-body div {
  color: rgba(232,234,237,.85) !important;
}
body.theme-business .drawer-overlay {
  background: rgba(0,0,0,.65) !important;
}

body.theme-business .together-buy-title,
body.theme-business .together-buy-price,
body.theme-business .together-buy-total-price,
body.theme-business .together-buy-name {
  color: #fff !important;
}
body.theme-business .together-buy-badge {
  background: transparent !important;
  border-color: #c9a227 !important;
  color: #c9a227 !important;
}
body.theme-business .together-buy-row {
  background: #161a20 !important;
  border-color: rgba(255,255,255,.12) !important;
}
body.theme-business .together-buy-card {
  background: #12151a !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #e8eaed !important;
}
body.theme-business .together-buy-card:hover {
  border-color: #c9a227 !important;
}
body.theme-business .together-buy-thumb {
  background: #0d0f12 !important;
}
body.theme-business .together-buy-plus {
  color: rgba(255,255,255,.45) !important;
}
body.theme-business .together-buy-total-label,
body.theme-business .together-buy-total-note {
  color: rgba(255,255,255,.5) !important;
}
body.theme-business .together-buy-btn {
  background: #c9a227 !important;
  color: #111 !important;
}
body.theme-business .together-buy-total {
  border-top-color: rgba(255,255,255,.12) !important;
}
body.theme-business .builder-only-note {
  background: #161a20 !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(232,234,237,.85) !important;
}

/* —— Blog —— */
.blog-index { padding: 36px 0 64px; }
.blog-index-hero {
  max-width: 640px;
  margin: 0 0 36px;
}
.blog-eyebrow {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #888;
}
.blog-index-hero h1 {
  margin: 0 0 12px;
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.1;
}
.blog-lead {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  max-width: 36em;
}
.blog-empty {
  padding: 48px 24px;
  text-align: center;
  border: 1px dashed #ddd;
  border-radius: 12px;
  color: #666;
  background: #fafafa;
}
.blog-featured {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 0;
  margin-bottom: 28px;
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  transition: border-color .2s ease, transform .2s ease;
}
.blog-featured:hover {
  border-color: #111;
  transform: translateY(-2px);
}
.blog-featured-media {
  min-height: 280px;
  background: #111;
  display: block;
}
.blog-featured-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 280px;
}
.blog-featured-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 28px 32px;
}
.blog-featured-copy--video {
  justify-content: flex-start;
  gap: 8px;
  padding: 20px 22px 22px;
}
.blog-featured-copy--video h2 {
  margin: 0;
  font-size: 1.35rem;
}
.blog-featured-copy--video h2 a {
  color: inherit;
  text-decoration: none;
}
.blog-featured-copy--video h2 a:hover {
  text-decoration: underline;
}
.blog-featured-player {
  margin-top: 4px;
}
.blog-featured--has-video:hover {
  transform: none;
}
.blog-chip {
  display: inline-flex;
  align-self: flex-start;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--yellow);
  color: #111;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.blog-featured-copy time,
.blog-card-body time {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #888;
}
.blog-featured-copy h2 {
  margin: 0;
  font-size: clamp(22px, 2.6vw, 30px);
  line-height: 1.2;
  font-weight: 800;
}
.blog-featured-copy p,
.blog-card-body p {
  margin: 0;
  color: #555;
  font-size: 14px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-read {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.blog-card {
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  transition: border-color .2s ease, transform .2s ease;
}
.blog-card:hover {
  border-color: #111;
  transform: translateY(-2px);
}
.blog-card a { display: block; color: inherit; }
.blog-card-media {
  aspect-ratio: 16 / 10;
  background: #111;
  overflow: hidden;
}
.blog-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.blog-card:hover .blog-card-media img {
  transform: scale(1.04);
}
.blog-card-body {
  padding: 16px 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blog-card-body h3 {
  margin: 0;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 800;
}
.blog-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 36px;
  font-size: 14px;
  font-weight: 700;
}
.blog-pager a:hover { text-decoration: underline; }

.blog-article { padding: 28px 0 64px; }
.blog-article-inner { max-width: 760px; }
.blog-crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  color: #888;
  margin-bottom: 22px;
}
.blog-crumb a:hover { color: #111; }
.blog-article-head time {
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 10px;
}
.blog-article-head h1 {
  margin: 0 0 14px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -.02em;
}
.blog-article-deck {
  margin: 0 0 22px;
  font-size: 17px;
  line-height: 1.55;
  color: #555;
}
.blog-article-cover {
  margin: 0 0 28px;
  border-radius: 12px;
  overflow: hidden;
  background: #111;
  aspect-ratio: 16 / 9;
}
.blog-article-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-prose {
  font-size: 16px;
  line-height: 1.75;
  color: #222;
}
.blog-prose > *:first-child { margin-top: 0; }
.blog-prose h2,
.blog-prose h3 {
  margin: 1.6em 0 .6em;
  line-height: 1.25;
  font-weight: 800;
}
.blog-prose p { margin: 0 0 1.1em; }
.blog-prose ul,
.blog-prose ol { margin: 0 0 1.1em; padding-left: 1.25em; }
.blog-prose a { text-decoration: underline; }
.blog-prose img {
  border-radius: 8px;
  margin: 1em 0;
}
.blog-prose .blog-embed,
.blog-featured-player .blog-embed {
  position: relative;
  width: 100%;
  margin: 1.4em 0;
  background: #0b0b0b;
  border-radius: 12px;
  overflow: hidden;
}
.blog-prose .blog-embed--youtube,
.blog-featured-player .blog-embed--youtube {
  padding-top: 56.25%;
}
.blog-prose .blog-embed--tiktok {
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 177%;
}
.blog-prose .blog-embed iframe,
.blog-featured-player .blog-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.blog-featured-player .blog-embed {
  margin: 0;
  border-radius: 10px;
}
.blog-article-foot { margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--line); }
.blog-back-btn {
  width: auto;
  padding: 12px 18px;
  border-radius: 6px;
  text-decoration: none;
  display: inline-flex;
}

@media (max-width: 960px) {
  .blog-featured { grid-template-columns: 1fr; }
  .blog-featured-media { min-height: 220px; }
  .blog-featured-media img { min-height: 220px; }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .blog-grid { grid-template-columns: 1fr; }
  .blog-featured-copy { padding: 20px; }
}

body.theme-business .blog-index-hero h1,
body.theme-business .blog-featured-copy h2,
body.theme-business .blog-card-body h3,
body.theme-business .blog-article-head h1,
body.theme-business .blog-prose,
body.theme-business .blog-prose h2,
body.theme-business .blog-prose h3,
body.theme-business .blog-read {
  color: #fff !important;
}
body.theme-business .blog-lead,
body.theme-business .blog-featured-copy p,
body.theme-business .blog-card-body p,
body.theme-business .blog-article-deck,
body.theme-business .blog-eyebrow,
body.theme-business .blog-crumb,
body.theme-business .blog-featured-copy time,
body.theme-business .blog-card-body time,
body.theme-business .blog-article-head time {
  color: rgba(255,255,255,.55) !important;
}
body.theme-business .blog-featured,
body.theme-business .blog-card,
body.theme-business .blog-empty {
  background: #161a20 !important;
  border-color: rgba(255,255,255,.12) !important;
}
body.theme-business .blog-featured:hover,
body.theme-business .blog-card:hover {
  border-color: #c9a227 !important;
}
body.theme-business .blog-empty { color: rgba(255,255,255,.55) !important; }
body.theme-business .blog-article-foot {
  border-top-color: rgba(255,255,255,.12) !important;
}
body.theme-business .blog-chip {
  background: #c9a227 !important;
  color: #111 !important;
}
body.theme-business .blog-prose a { color: #c9a227 !important; }
body.theme-business .blog-crumb a:hover { color: #c9a227 !important; }