/* MINA — ortak kabuk (header, tab bar, footer, asistan sheet).
   Tum secici adlari .mina- onekli: mevcut styles/ios/store CSS'ine dokunmaz. */

:root {
  --mina-ink: #292622;
  --mina-ink-soft: #6c6359;
  --mina-ink-faint: #9b9185;
  --mina-accent: #7b553d;
  --mina-glass: rgba(250, 246, 240, .74);
  --mina-glass-strong: rgba(253, 250, 246, .9);
  --mina-glass-dark: rgba(37, 33, 30, .72);
  --mina-hairline: rgba(41, 38, 34, .1);
  --mina-hairline-strong: rgba(41, 38, 34, .16);
  --mina-sheet-bg: rgba(248, 244, 238, .82);
  --mina-shadow-s: 0 2px 10px rgba(41, 38, 34, .06);
  --mina-shadow-m: 0 10px 30px rgba(41, 38, 34, .1);
  --mina-shadow-l: 0 24px 70px rgba(41, 38, 34, .22);
  --mina-r-s: 12px;
  --mina-r-m: 18px;
  --mina-r-l: 26px;
  --mina-r-xl: 34px;
  --mina-header-h: 64px;
  --mina-tabbar-h: 62px;
  /* iOS yay egrisi: yumusak cikis, geri donusu olmayan tek yon */
  --mina-spring: cubic-bezier(.32, .72, 0, 1);
  --mina-ease: cubic-bezier(.4, 0, .2, 1);
}

/* ——— govde boslugu ——— */
html.mina-shell-html { scroll-padding-top: calc(var(--mina-header-h) + 18px); }
body.mina-shell { padding-top: var(--mina-header-h); }
/* Eski sabit baslik ve alt sepet cubugu kabuga devredildi. */
body.mina-shell > .header,
body.mina-shell > .announcement,
body.mina-shell > .mobile-cart,
body.mina-shell > footer:not(.mina-footer) { display: none !important; }

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

/* ——— cam baslik ——— */
/* Yukseklik artik sabit degil: iki katli baslikta shell.js olcer ve
   --mina-header-h'yi yazar. min-height ile olcum geri beslemesi olmaz. */
.mina-header {
  position: fixed; inset: 0 0 auto 0; z-index: 70;
  min-height: 64px;
  display: flex; align-items: center; gap: 14px;
  padding-left: max(16px, env(safe-area-inset-left));
  padding-right: max(16px, env(safe-area-inset-right));
  background: var(--mina-glass);
  backdrop-filter: saturate(180%) blur(24px);
  -webkit-backdrop-filter: saturate(180%) blur(24px);
  border-bottom: 1px solid var(--mina-hairline);
  font: 400 15px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--mina-ink);
}
/* Genis ekran: sarmalayicilar kaybolur, baslik tek satir kalir.
   Gorsel sira order ile korunur (DOM sirasi iki katli duzene gore).   */
.mina-header-row1, .mina-header-row2, .mina-head-side { display: contents; }
.mina-burger { order: 1; }
.mina-brand { order: 2; }
.mina-ask { order: 3; }
.mina-nav { order: 4; }
.mina-langseg { order: 5; }
.mina-cart-btn { order: 6; }

/* TR|EN segmenti */
.mina-langseg {
  flex: 0 0 auto; display: inline-flex; align-items: center;
  min-height: 34px; padding: 2px;
  background: rgba(255, 255, 255, .6);
  border: 1px solid var(--mina-hairline-strong);
  border-radius: 999px;
  font: 600 11.5px/1 system-ui, -apple-system, sans-serif; letter-spacing: .06em;
}
.mina-langseg > * {
  min-width: 32px; min-height: 30px; padding: 0 9px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--mina-ink-soft); text-decoration: none;
  transition: background .2s var(--mina-ease), color .2s var(--mina-ease);
}
.mina-langseg a:hover { background: rgba(41, 38, 34, .06); color: var(--mina-ink); }
.mina-langseg-on { background: var(--mina-ink); color: #fbf8f4; }

.mina-brand {
  display: inline-flex; align-items: center; gap: 9px;
  text-decoration: none; color: inherit; flex: 0 0 auto;
  min-height: 44px; border-radius: var(--mina-r-s);
}
.mina-brand img { width: 36px; height: 36px; border-radius: 50%; display: block; }
.mina-brand b { font: 600 17px/1 'Playfair Display', Georgia, serif; letter-spacing: .02em; }
.mina-brand small { display: block; font-size: 7px; letter-spacing: .18em; color: var(--mina-ink-faint); margin-top: 3px; }

.mina-nav { display: flex; gap: 2px; flex: 0 0 auto; }
.mina-nav a {
  text-decoration: none; color: var(--mina-ink-soft);
  font-size: 13px; padding: 10px 12px; border-radius: 10px;
  min-height: 44px; display: inline-flex; align-items: center;
  transition: background .2s var(--mina-ease), color .2s var(--mina-ease);
}
.mina-nav a:hover { background: rgba(41, 38, 34, .06); color: var(--mina-ink); }

/* komut / arama alani */
.mina-ask {
  flex: 1 1 auto; min-width: 0; max-width: 460px; margin: 0 auto;
  display: flex; align-items: center; gap: 9px;
  min-height: 44px; padding: 0 14px;
  background: rgba(255, 255, 255, .64);
  border: 1px solid var(--mina-hairline-strong);
  border-radius: 999px;
  color: var(--mina-ink-soft); font: inherit; font-size: 14px;
  text-align: left; cursor: pointer;
  box-shadow: var(--mina-shadow-s);
  transition: transform .4s var(--mina-spring), box-shadow .3s var(--mina-ease), background .3s var(--mina-ease);
}
.mina-ask:hover { background: rgba(255, 255, 255, .86); box-shadow: var(--mina-shadow-m); }
.mina-ask:active { transform: scale(.985); }
.mina-ask span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Secici hem sinifa hem ogeye bakar: svg hicbir durumda olcusuz buyumez. */
.mina-ask-spark, .mina-ask svg { flex: 0 0 auto; width: 17px; height: 17px; color: var(--mina-accent); }

/* sepet */
.mina-cart-btn {
  position: relative; flex: 0 0 auto;
  width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
  background: transparent; border: 1px solid var(--mina-hairline-strong); border-radius: 50%;
  color: var(--mina-ink); cursor: pointer;
  transition: transform .4s var(--mina-spring), background .25s var(--mina-ease);
}
.mina-cart-btn:hover { background: rgba(255, 255, 255, .8); }
.mina-cart-btn:active { transform: scale(.92); }
.mina-cart-btn svg { width: 19px; height: 19px; }
.mina-cart-badge {
  position: absolute; top: -3px; right: -3px;
  min-width: 19px; height: 19px; padding: 0 5px;
  display: none; align-items: center; justify-content: center;
  background: var(--mina-ink); color: #fff;
  border-radius: 999px; font-size: 11px; font-weight: 700; line-height: 1;
  box-shadow: 0 0 0 2px var(--mina-glass-strong);
}
.mina-cart-badge.is-on { display: inline-flex; animation: mina-pop .45s var(--mina-spring); }
@keyframes mina-pop { from { transform: scale(.4); } to { transform: scale(1); } }

/* ——— mobil tab bar ——— */
.mina-tabbar { display: none; }
.mina-tab {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  min-height: 48px; padding: 6px 4px;
  background: transparent; border: 0; border-radius: 14px;
  color: var(--mina-ink-soft); text-decoration: none;
  font: 500 10px/1.2 system-ui, -apple-system, sans-serif; letter-spacing: .01em;
  cursor: pointer; position: relative;
  transition: color .2s var(--mina-ease), transform .4s var(--mina-spring);
}
/* Menu sheet, tab bar ve asistan kartlari ayni 22px ikon olcusunu kullanir. */
.mina-tab svg { width: 22px; height: 22px; }
.mina-tab:active { transform: scale(.9); }
.mina-tab.is-active { color: var(--mina-ink); }
.mina-tab .mina-cart-badge { top: 2px; right: 14px; }

@media (max-width: 860px) {
  body.mina-shell { padding-bottom: calc(var(--mina-tabbar-h) + env(safe-area-inset-bottom) + 8px); }
  .mina-tabbar {
    position: fixed; inset: auto 0 0 0; z-index: 70;
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px;
    padding: 5px max(8px, env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-right));
    background: var(--mina-glass);
    backdrop-filter: saturate(180%) blur(24px);
    -webkit-backdrop-filter: saturate(180%) blur(24px);
    border-top: 1px solid var(--mina-hairline);
  }
  .mina-header { gap: 8px; padding-left: 12px; padding-right: 12px; }
  .mina-nav { display: none; }
  /* Marka alt satiri (TAKI & AKSESUAR) mobilde de gorunur kalir. */
  .mina-brand small { display: block; font-size: 6.5px; letter-spacing: .14em; margin-top: 2px; }
  .mina-brand b { font-size: 15px; }
  .mina-brand img { width: 32px; height: 32px; }
}

/* ——— mobil iki katli baslik ———
   1. satir: menu | logo+MINA (ortada) | TR|EN + sepet
   2. satir: tam genislikte asistan arama hapi
   Kenar 16px, satir araligi 12px. Orta sutun 1fr|auto|1fr oldugu icin
   logo yan sutunlarin genisligi degisse bile geometrik olarak ortada.
   Asagi scroll'da 2. satir daralir; govde ofseti olcumden geldigi icin
   (shell.js her zaman acik halde olcer) sticky hesaplari kaymaz.        */
@media (max-width: 480px) {
  .mina-header {
    display: grid; grid-template-rows: auto auto;
    align-items: center; row-gap: 12px; column-gap: 0;
    min-height: 0; padding-top: 10px; padding-bottom: 10px;
    padding-left: max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
  }
  .mina-header-row1 {
    display: grid; grid-template-columns: 1fr auto 1fr;
    align-items: center; column-gap: 8px; order: 1;
  }
  .mina-header-row2 {
    display: block; order: 2; overflow: hidden; max-height: 48px;
    transition: max-height .36s var(--mina-spring), opacity .24s var(--mina-ease);
  }
  .mina-header.is-condensed .mina-header-row2 {
    max-height: 0; opacity: 0; pointer-events: none;
  }
  /* Olcum aninda gecis kapali: bkz. shell.js syncHeaderHeight(). */
  .mina-header.is-measuring .mina-header-row2 { transition: none; }
  .mina-burger { order: 1; justify-self: start; }
  .mina-brand { order: 2; justify-self: center; }
  .mina-head-side {
    display: flex; align-items: center; gap: 8px;
    order: 3; justify-self: end;
  }
  .mina-ask { width: 100%; max-width: none; margin: 0; }
  .mina-cart-btn { width: 38px; height: 38px; }
  .mina-cart-btn svg { width: 18px; height: 18px; }
  .mina-langseg { min-height: 32px; }
  .mina-langseg > * { min-width: 29px; min-height: 28px; padding: 0 7px; }
}

@media (prefers-reduced-motion: reduce) {
  .mina-header-row2 { transition: none; }
}

/* ——— asistan sheet ———
   z-index 10000: legal.css'teki cerez bildirimi 9999'da duruyor; kullanici
   asistani bilerek actiginda bildirimin altinda kalmamali. */
.mina-sheet { position: fixed; inset: 0; z-index: 10000; display: none; --mina-kb: 0px; }
.mina-sheet.is-mounted { display: block; }
.mina-sheet-panel:focus-visible { outline: 2px solid var(--mina-accent); outline-offset: -4px; }
.mina-sheet-panel:focus:not(:focus-visible) { outline: none; }
.mina-sheet-scrim {
  position: absolute; inset: 0; border: 0; padding: 0; width: 100%;
  background: rgba(30, 25, 21, .34);
  backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
  opacity: 0; transition: opacity .42s var(--mina-spring); cursor: pointer;
}
.mina-sheet.is-open .mina-sheet-scrim { opacity: 1; }
.mina-sheet-panel {
  position: absolute; left: 0; right: 0; top: auto;
  /* Ekran klavyesi acikken panel klavyenin ustune alinir; olcu
     asistan.js'teki visualViewport dinleyicisinden gelir (--mina-kb). */
  bottom: var(--mina-kb);
  display: flex; flex-direction: column;
  max-height: min(88dvh, 880px);
  transition: transform .54s var(--mina-spring), bottom .22s var(--mina-ease), max-height .22s var(--mina-ease);
  background: var(--mina-sheet-bg);
  backdrop-filter: saturate(180%) blur(30px);
  -webkit-backdrop-filter: saturate(180%) blur(30px);
  border-radius: var(--mina-r-xl) var(--mina-r-xl) 0 0;
  border-top: 1px solid rgba(255, 255, 255, .55);
  box-shadow: var(--mina-shadow-l);
  transform: translateY(101%);
  color: var(--mina-ink);
  font: 400 15px/1.55 system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow: hidden;
}
.mina-sheet.is-open .mina-sheet-panel { transform: translateY(0); }

/* Klavye acik: panel gorunen alandan (visualViewport) tasmasin. 10px ust
   pay scrim'in bir tutam gorunmesini saglar, panel ekrani tam kaplamaz. */
.mina-sheet.is-keyboard .mina-sheet-panel {
  max-height: calc(var(--mina-vvh, 100dvh) - 10px);
  border-radius: var(--mina-r-l) var(--mina-r-l) 0 0;
}

@media (min-width: 861px) {
  .mina-sheet-panel {
    left: auto; right: 24px; bottom: calc(24px + var(--mina-kb));
    width: min(460px, calc(100vw - 48px));
    max-height: min(78dvh, 760px);
    border-radius: var(--mina-r-xl);
    border: 1px solid rgba(255, 255, 255, .55);
    transform: translateY(16px) scale(.97); opacity: 0;
    transition: transform .5s var(--mina-spring), opacity .3s var(--mina-ease), bottom .22s var(--mina-ease), max-height .22s var(--mina-ease);
  }
  .mina-sheet.is-open .mina-sheet-panel { transform: none; opacity: 1; }
  .mina-sheet.is-keyboard .mina-sheet-panel {
    max-height: calc(var(--mina-vvh, 100dvh) - 48px);
    border-radius: var(--mina-r-xl);
  }
}

.mina-grabber { flex: 0 0 auto; padding: 9px 0 3px; display: flex; justify-content: center; }
.mina-grabber i { width: 38px; height: 5px; border-radius: 999px; background: rgba(41, 38, 34, .18); }

.mina-sheet-head {
  flex: 0 0 auto; display: flex; align-items: center; gap: 11px;
  padding: 4px 16px 12px; border-bottom: 1px solid var(--mina-hairline);
}
.mina-avatar {
  width: 38px; height: 38px; border-radius: 50%; flex: 0 0 auto;
  display: grid; place-items: center;
  background: linear-gradient(145deg, #e8d7c2, #c9a37f);
  color: #fff; font: 600 18px/1 'Playfair Display', Georgia, serif;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
}
.mina-sheet-head div { flex: 1 1 auto; min-width: 0; }
.mina-sheet-head strong { display: block; font-size: 15px; font-weight: 600; }
.mina-sheet-head small { display: flex; align-items: center; gap: 5px; font-size: 12px; color: var(--mina-ink-soft); }
.mina-sheet-head small i { width: 6px; height: 6px; border-radius: 50%; background: #5a9c6e; }
.mina-sheet-close {
  flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%;
  border: 0; background: rgba(41, 38, 34, .07); color: var(--mina-ink);
  font-size: 21px; line-height: 1; cursor: pointer;
  transition: transform .4s var(--mina-spring), background .2s var(--mina-ease);
}
.mina-sheet-close:hover { background: rgba(41, 38, 34, .13); }
.mina-sheet-close:active { transform: scale(.9); }

.mina-thread {
  flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px 6px; display: flex; flex-direction: column; gap: 12px;
}

/* ——— balonlar ——— */
.mina-msg { max-width: 86%; display: flex; flex-direction: column; gap: 8px; }
.mina-msg.is-bot { align-self: flex-start; }
.mina-msg.is-user { align-self: flex-end; align-items: flex-end; }
.mina-bubble {
  padding: 11px 15px; border-radius: 20px;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(255, 255, 255, .7);
  box-shadow: var(--mina-shadow-s);
  font-size: 14.5px; line-height: 1.58;
  animation: mina-rise .5s var(--mina-spring) both;
}
.mina-msg.is-bot .mina-bubble { border-bottom-left-radius: 7px; }
.mina-msg.is-user .mina-bubble {
  background: var(--mina-ink); color: #fbf8f4; border-color: transparent;
  border-bottom-right-radius: 7px;
}
.mina-bubble strong { font-weight: 600; }
.mina-bubble p { margin: 0 0 7px; }
.mina-bubble p:last-child { margin-bottom: 0; }
.mina-bubble ol, .mina-bubble ul { margin: 7px 0 0; padding-left: 19px; }
.mina-bubble li { margin-bottom: 4px; }
.mina-bubble a { color: var(--mina-accent); }
.mina-msg.is-user .mina-bubble a { color: #e8cdb4; }
.mina-bubble-note { font-size: 12.5px; color: var(--mina-ink-soft); }

@keyframes mina-rise { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }

/* yaziyor gostergesi */
.mina-typing { align-self: flex-start; display: flex; gap: 4px; padding: 13px 16px; border-radius: 20px 20px 20px 7px; background: rgba(255, 255, 255, .78); border: 1px solid rgba(255, 255, 255, .7); box-shadow: var(--mina-shadow-s); }
.mina-typing i { width: 7px; height: 7px; border-radius: 50%; background: var(--mina-ink-faint); animation: mina-blink 1.25s infinite ease-in-out both; }
.mina-typing i:nth-child(2) { animation-delay: .17s; }
.mina-typing i:nth-child(3) { animation-delay: .34s; }
@keyframes mina-blink { 0%, 72%, 100% { opacity: .28; transform: translateY(0); } 36% { opacity: 1; transform: translateY(-3px); } }

/* ——— urun kartlari ——— */
.mina-recs { display: flex; flex-direction: column; gap: 9px; width: 100%; }
.mina-rec {
  display: grid; grid-template-columns: 74px 1fr; gap: 12px;
  padding: 10px; border-radius: var(--mina-r-m);
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(255, 255, 255, .7);
  box-shadow: var(--mina-shadow-s);
  opacity: 0; animation: mina-card-in .55s var(--mina-spring) both;
}
@keyframes mina-card-in { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }
.mina-rec-photo { width: 74px; height: 74px; border-radius: var(--mina-r-s); object-fit: cover; background: #efe8df; display: block; }
.mina-rec-body { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.mina-rec-type { font-size: 9.5px; letter-spacing: .14em; color: var(--mina-accent); font-weight: 700; }
.mina-rec-name { font: 500 14px/1.35 'Playfair Display', Georgia, serif; margin: 0; }
.mina-rec-why { font-size: 11.5px; color: var(--mina-ink-soft); }
.mina-rec-price { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; }
.mina-rec-price b { font-size: 15px; font-weight: 700; }
.mina-rec-price del { font-size: 11.5px; color: var(--mina-ink-faint); }
.mina-rec-price em { font-style: normal; font-size: 10px; font-weight: 700; background: #a8392f; color: #fff; padding: 2px 6px; border-radius: 999px; }
.mina-rec-stock { font-size: 11px; color: #7a5a2e; }
.mina-rec-actions { display: flex; gap: 7px; margin-top: 3px; flex-wrap: wrap; }
.mina-rec-actions > * {
  min-height: 38px; padding: 8px 13px; border-radius: 999px;
  font: 600 12px/1 system-ui, -apple-system, sans-serif;
  display: inline-flex; align-items: center; gap: 5px;
  cursor: pointer; text-decoration: none; border: 1px solid transparent;
  transition: transform .4s var(--mina-spring), background .2s var(--mina-ease);
}
.mina-rec-actions > *:active { transform: scale(.94); }
.mina-rec-add { background: var(--mina-ink); color: #fbf8f4; }
.mina-rec-add:hover { background: #45392f; }
.mina-rec-add[disabled] { background: rgba(41, 38, 34, .14); color: var(--mina-ink-faint); cursor: default; }
.mina-rec-detail { background: rgba(255, 255, 255, .9); color: var(--mina-ink); border-color: var(--mina-hairline-strong); }
.mina-rec-detail:hover { background: #fff; }

/* ——— sohbet ici kartlar (gen-UI) ———
   Niyete gore acilan kartlar: odeme adimlari, randevu, teslimat-iade,
   yurt disi gonderim ve sepet. Urun kartlari .mina-rec'i kullanir.      */
.mina-gen {
  width: 100%; display: flex; flex-direction: column; gap: 10px;
  padding: 13px 14px; border-radius: var(--mina-r-m);
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(255, 255, 255, .7);
  box-shadow: var(--mina-shadow-s);
  font-size: 14px; line-height: 1.56;
  opacity: 0; animation: mina-card-in .55s var(--mina-spring) both;
}
.mina-gen-head { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; }
.mina-gen-ico {
  width: 34px; height: 34px; border-radius: 11px;
  display: grid; place-items: center;
  background: rgba(41, 38, 34, .055); color: var(--mina-accent);
}
.mina-gen-ico svg { width: 22px; height: 22px; display: block; }
.mina-gen-titles { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.mina-gen-title { margin: 0; font: 500 15px/1.3 'Playfair Display', Georgia, serif; }
.mina-gen-sub { font-size: 11px; letter-spacing: .07em; text-transform: uppercase; color: var(--mina-ink-soft); }
.mina-gen-body { display: flex; flex-direction: column; gap: 9px; }
.mina-gen-body p { margin: 0; }
.mina-gen-q { margin: 0; font: 600 13px/1.4 system-ui, -apple-system, sans-serif; }
.mina-gen-note { font-size: 12px; color: var(--mina-ink-soft); }
.mina-gen-lines { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 3px; }
.mina-gen-total { font-weight: 700; }
.mina-gen-action {
  align-self: flex-start; min-height: 40px; padding: 9px 15px; border-radius: 999px;
  font: 600 12.5px/1 system-ui, -apple-system, sans-serif;
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--mina-ink); color: #fbf8f4;
  border: 1px solid transparent; cursor: pointer; text-decoration: none;
  transition: transform .4s var(--mina-spring), background .2s var(--mina-ease);
}
.mina-gen-action:hover { background: #45392f; }
.mina-gen-action:active { transform: scale(.95); }
a.mina-gen-action { color: #fbf8f4; }

/* dikey adim gezgini: solda numarali ray, saginda tek adim */
.mina-step-shell { display: grid; grid-template-columns: 26px 1fr; gap: 12px; }
.mina-step-rail {
  margin: 0; padding: 0; list-style: none;
  display: flex; flex-direction: column; align-items: center; gap: 0;
}
.mina-step-dot {
  width: 24px; height: 24px; border-radius: 50%; flex: none;
  display: grid; place-items: center;
  font: 700 11px/1 system-ui, -apple-system, sans-serif;
  background: rgba(41, 38, 34, .07); color: var(--mina-ink-faint);
  transition: background .25s var(--mina-ease), color .25s var(--mina-ease);
}
.mina-step-dot + .mina-step-dot { margin-top: 18px; position: relative; }
.mina-step-dot + .mina-step-dot::before {
  content: ''; position: absolute; left: 50%; top: -18px; width: 1px; height: 18px;
  background: var(--mina-hairline-strong); transform: translateX(-50%);
}
.mina-step-dot.is-on { background: var(--mina-ink); color: #fbf8f4; }
.mina-step-dot.is-done { background: rgba(41, 38, 34, .18); color: var(--mina-ink); }
.mina-step { min-width: 0; }
.mina-step-slide { display: flex; flex-direction: column; gap: 5px; }
.mina-step-slide.is-in { animation: mina-step-in .4s var(--mina-spring) both; }
@keyframes mina-step-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.mina-step-title { margin: 0; font: 600 13.5px/1.4 system-ui, -apple-system, sans-serif; }
.mina-step-slide p { margin: 0; }
.mina-step-note { font-size: 12px; color: var(--mina-ink-soft); }
.mina-step-nav { display: flex; align-items: center; gap: 10px; margin-top: 2px; }
.mina-step-nav button {
  min-height: 38px; padding: 8px 14px; border-radius: 999px;
  font: 600 12px/1 system-ui, -apple-system, sans-serif; cursor: pointer;
  background: rgba(255, 255, 255, .9); color: var(--mina-ink);
  border: 1px solid var(--mina-hairline-strong);
  transition: transform .4s var(--mina-spring), opacity .2s var(--mina-ease);
}
.mina-step-nav button:active { transform: scale(.94); }
.mina-step-nav button[disabled] { opacity: .4; cursor: default; }
.mina-step-next { background: var(--mina-ink) !important; color: #fbf8f4 !important; border-color: transparent !important; }
.mina-step-next[disabled] { background: rgba(41, 38, 34, .14) !important; color: var(--mina-ink-faint) !important; }
.mina-step-count { font-size: 11.5px; color: var(--mina-ink-soft); margin-left: auto; }

@media (prefers-reduced-motion: reduce) {
  .mina-gen, .mina-step-slide.is-in { animation: none; opacity: 1; }
}

/* ——— renk paleti ——— */
.mina-palette { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.mina-swatch { display: flex; flex-direction: column; align-items: center; gap: 5px; font-size: 10px; color: var(--mina-ink-soft); }
.mina-swatch i { width: 46px; height: 46px; border-radius: 14px; box-shadow: inset 0 0 0 1px rgba(41, 38, 34, .12), var(--mina-shadow-s); }
.mina-photo-preview { width: 76px; height: 76px; border-radius: var(--mina-r-s); object-fit: cover; box-shadow: var(--mina-shadow-s); }

/* ——— cipler + yazma alani ——— */
.mina-chips {
  flex: 0 0 auto; display: flex; gap: 7px;
  padding: 10px 16px; overflow-x: auto; overscroll-behavior-x: contain;
  scrollbar-width: none; -webkit-overflow-scrolling: touch;
  border-top: 1px solid var(--mina-hairline);
}
.mina-chips::-webkit-scrollbar { display: none; }
.mina-chip {
  flex: 0 0 auto; min-height: 38px; padding: 9px 15px;
  background: rgba(255, 255, 255, .78); color: var(--mina-ink);
  border: 1px solid var(--mina-hairline-strong); border-radius: 999px;
  font: 500 13px/1 system-ui, -apple-system, sans-serif; white-space: nowrap;
  cursor: pointer; box-shadow: var(--mina-shadow-s);
  transition: transform .4s var(--mina-spring), background .2s var(--mina-ease);
}
.mina-chip:hover { background: #fff; }
.mina-chip:active { transform: scale(.94); }

.mina-composer {
  flex: 0 0 auto; display: flex; gap: 8px; align-items: flex-end;
  padding: 10px 16px;
  border-top: 1px solid var(--mina-hairline);
  background: rgba(255, 255, 255, .42);
}
.mina-composer-field {
  flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 8px;
  background: rgba(255, 255, 255, .85);
  border: 1px solid var(--mina-hairline-strong); border-radius: 24px;
  padding: 0 3px 0 15px;
}
.mina-composer input {
  flex: 1 1 auto; min-width: 0; min-height: 44px;
  border: 0; background: transparent; outline: none;
  font: 400 15px/1.4 system-ui, -apple-system, sans-serif; color: var(--mina-ink);
}
.mina-composer input::placeholder { color: var(--mina-ink-faint); }
.mina-icon-btn {
  flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%;
  display: grid; place-items: center; cursor: pointer;
  border: 0; background: rgba(41, 38, 34, .07); color: var(--mina-ink-soft);
  transition: transform .4s var(--mina-spring), background .2s var(--mina-ease);
}
.mina-icon-btn:hover { background: rgba(41, 38, 34, .13); color: var(--mina-ink); }
.mina-icon-btn:active { transform: scale(.9); }
.mina-icon-btn svg { width: 18px; height: 18px; }
.mina-send { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--mina-ink); color: #fbf8f4; display: grid; place-items: center; cursor: pointer; transition: transform .4s var(--mina-spring), background .2s var(--mina-ease); }
.mina-send:hover { background: #45392f; }
.mina-send:active { transform: scale(.9); }
.mina-send svg { width: 18px; height: 18px; }
.mina-privacy { flex: 0 0 auto; padding: 0 16px calc(10px + env(safe-area-inset-bottom)); font-size: 11px; line-height: 1.5; color: var(--mina-ink-faint); display: flex; gap: 6px; align-items: flex-start; }
.mina-privacy svg { width: 13px; height: 13px; flex: 0 0 auto; margin-top: 2px; }

/* ——— ortak footer ——— */
.mina-footer {
  background: #efe7dc; color: var(--mina-ink);
  padding: 54px max(22px, env(safe-area-inset-left)) 44px;
  font: 400 14px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
  display: grid; gap: 34px;
  grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(130px, 1fr));
  border-top: 1px solid var(--mina-hairline);
}
.mina-footer .mina-brand b { font-size: 20px; }
.mina-footer-about p { color: var(--mina-ink-soft); font-size: 13px; max-width: 34ch; margin: 14px 0 0; }
.mina-footer-col { display: flex; flex-direction: column; gap: 3px; }
.mina-footer-col strong { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--mina-accent); margin-bottom: 9px; }
.mina-footer-col a, .mina-footer-col span {
  color: var(--mina-ink-soft); text-decoration: none; font-size: 13.5px;
  min-height: 40px; display: inline-flex; align-items: center;
}
.mina-footer-col a:hover { color: var(--mina-ink); text-decoration: underline; }
/* Cihaz hafizasi gizlilik notu */
.mina-footer-memory {
  grid-column: 1 / -1; margin: 0; max-width: 78ch;
  font-size: 12.5px; color: var(--mina-ink-soft);
}
.mina-footer-bottom {
  grid-column: 1 / -1; border-top: 1px solid var(--mina-hairline);
  padding-top: 18px; display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap;
  font-size: 12px; color: var(--mina-ink-faint);
}
@media (max-width: 860px) {
  .mina-footer { grid-template-columns: 1fr 1fr; gap: 26px; padding: 40px 20px 32px; }
  .mina-footer-about { grid-column: 1 / -1; }
}

/* ——— hareket azaltma ——— */
@media (prefers-reduced-motion: reduce) {
  .mina-ask, .mina-cart-btn, .mina-tab, .mina-sheet-scrim, .mina-sheet-panel,
  .mina-sheet-close, .mina-chip, .mina-icon-btn, .mina-send, .mina-rec-actions > * {
    transition-duration: .01ms !important;
  }
  .mina-bubble, .mina-rec, .mina-cart-badge.is-on { animation: none !important; opacity: 1 !important; transform: none !important; }
  .mina-typing i { animation: none !important; opacity: .55 !important; }
  .mina-sheet-panel { transform: none !important; }
  .mina-sheet:not(.is-open) .mina-sheet-panel { display: none; }
}

/* Persistent shopping navigation: same destinations on desktop and mobile. */
body.mina-shell{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
nav.mina-tabbar{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;position:fixed;inset:auto 0 0;z-index:70;gap:2px;background:#fffdfaf5;border-top:1px solid #e4dcd4;padding:5px 8px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -4px 24px #382c2210}
.mina-tabbar .mina-tab{min-width:0;min-height:50px;font-size:11px;color:#574c46}
.mina-tabbar .mina-tab:focus-visible{outline:3px solid #76529c;outline-offset:-3px}
@media(min-width:861px){nav.mina-tabbar{left:50%;right:auto;bottom:14px;width:min(600px,calc(100% - 40px));transform:translateX(-50%);border:1px solid #e4dcd4;border-radius:22px;padding:7px 12px;box-shadow:0 8px 32px #382c2222}.mina-tabbar .mina-tab{font-size:12px}}

body.mina-shell footer.mina-footer{text-align:left!important;letter-spacing:normal!important;text-transform:none!important}body.mina-shell .mina-footer-col a{letter-spacing:normal!important;line-height:1.45!important;overflow-wrap:anywhere;min-width:0}body.mina-shell .mina-footer-about p{letter-spacing:normal!important;line-height:1.65!important}@media(max-width:640px){body.mina-shell footer.mina-footer{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;padding:28px 22px calc(30px + env(safe-area-inset-bottom))!important;margin:0!important;width:100%!important;box-sizing:border-box!important;border-radius:22px 22px 0 0!important}body.mina-shell .mina-footer-about{grid-column:1!important}body.mina-shell .mina-footer-col{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 16px!important;align-items:start!important;grid-column:1!important;padding-top:18px!important;border-top:1px solid #dfd5ca!important}body.mina-shell .mina-footer-col>strong{grid-column:1/-1!important;margin-bottom:6px!important;font-size:11px!important;letter-spacing:.1em!important}body.mina-shell .mina-footer-col>a{display:flex!important;align-items:center!important;min-height:44px!important;padding:6px 0!important;font-size:13px!important;box-sizing:border-box!important}body.mina-shell .mina-footer .footer-link-hub{grid-column:1!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}body.mina-shell .mina-footer-memory,body.mina-shell .mina-footer-bottom{grid-column:1!important;font-size:12px!important;letter-spacing:normal!important;line-height:1.6!important}}
nav.mina-tabbar{animation:none!important;transition:none!important}nav.mina-tabbar:not([data-mina-ready]){visibility:hidden!important}

nav.mina-tabbar{grid-template-columns:repeat(6,minmax(0,1fr))!important;background:rgba(255,253,250,.74)!important;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);border:1px solid rgba(255,255,255,.88)!important;box-shadow:inset 0 1px 0 #fff,0 8px 30px #39203f22!important}nav.mina-tabbar .mina-tab{font-size:10px!important;min-height:48px!important;line-height:1.2;gap:4px}.mina-tabbar .mina-tab.is-active{background:#ede3f080;border-radius:15px;color:#6b4792}.mina-tabbar svg{width:21px;height:21px}.mina-clear-dialog{box-sizing:border-box;width:min(430px,calc(100% - 32px));padding:28px;border:1px solid #e2d3eb;border-radius:25px;background:#fffdf9;color:#493353;box-shadow:0 25px 90px #35213e35;font:14px/1.6 system-ui}.mina-clear-dialog::backdrop{background:#34223f80;backdrop-filter:blur(6px)}.mina-clear-dialog h2{font:400 30px/1.12 Georgia,serif;letter-spacing:-.025em;margin:14px 0}.mina-clear-dialog p{color:#7c6b84;font-size:14px}.mina-clear-dialog small{display:block;color:#8a7493;font-size:12px}.mina-clear-mark{display:grid;place-items:center;width:50px;height:50px;font-size:30px;border-radius:17px;background:#f0e6f7;color:#795499}.mina-clear-dialog>div:last-child{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}.mina-clear-dialog button{min-height:48px;padding:12px;border:1px solid #dfd0e9;border-radius:13px;background:#fff;color:#6b4792;font:600 14px system-ui;cursor:pointer}.mina-clear-dialog [data-clear]{background:#6b4792;color:#fff;border-color:#6b4792}.mina-clear-dialog button:focus-visible{outline:3px solid #a98bbc;outline-offset:3px}#mina-saved-title{scroll-margin-top:140px}@media(max-width:860px){body.mina-shell nav.mina-tabbar{inset:auto 10px max(8px,env(safe-area-inset-bottom));width:auto;transform:none;border-radius:25px;padding:6px 5px;gap:0}body.mina-shell{padding-bottom:90px!important}}@supports not (backdrop-filter:blur(1px)){nav.mina-tabbar{background:#fffdf9!important}}@media(prefers-reduced-transparency:reduce){nav.mina-tabbar{background:#fffdf9!important;backdrop-filter:none}}