/* =============== Arsemia – Product Card (PC) =============== */
:root{
  --ars-bg:#ffffff;
  --ars-text:#111827;
  --ars-muted:#6b7280;
  --ars-line:#e5e7eb;
  --ars-soft:#f8fafc;
  --ars-brand:#1d4ed8;  /* Arsemia mavi */
  --ars-accent:#ff6a00; /* Turuncu vurgu */
  --ars-danger:#e11d48; /* İndirim rozeti */
  --ars-success:#16a34a;/* Yeşil fiyat */
}

.ars-card{
  background:var(--ars-bg);
  border:1px solid var(--ars-line);
  border-radius:14px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:box-shadow .2s ease, transform .12s ease;
}
.ars-card:hover{
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  transform:translateY(-1px);
}

/* Görsel */
.ars-img{
  display:block;
  background:var(--ars-soft);
  aspect-ratio: 1 / 1;
  overflow:hidden;
}
.ars-img img{
  width:100%; height:100%;
  object-fit:cover; display:block;
  transition:transform .25s ease;
}
.ars-card:hover .ars-img img{ transform:scale(1.03); }

/* İçerik */
.ars-body{
  display:flex; flex-direction:column; gap:10px;
  padding:12px;
  color:var(--ars-text);
}
.ars-cat{
  font-size:12px; color:var(--ars-muted);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ars-title{
  font-size:15px; line-height:1.3; margin:0;
}
.ars-title a{
  color:var(--ars-text); text-decoration:none;
}
.ars-title a:hover{ text-decoration:underline; }

/* Fiyat Bloğu */
.ars-price-row{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.ars-price{
  font-weight:800; color:var(--ars-success); font-size:16px;
}
.ars-old{
  font-size:13px; color:var(--ars-muted); text-decoration:line-through;
}
.ars-off{
  font-size:12px; color:#fff; background:var(--ars-danger);
  padding:2px 8px; border-radius:999px; line-height:18px;
}

/* Aksiyonlar */
.ars-actions{
  margin-top:6px;
  display:flex; gap:8px; align-items:center; flex-wrap:wrap;
}
.ars-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px; height:36px; padding:0 14px;
  border-radius:10px; border:1px solid var(--ars-line);
  background:#fff; color:var(--ars-text); text-decoration:none;
  font-weight:600; font-size:14px; cursor:pointer;
  transition:background .15s ease, color .15s ease, border-color .15s ease, transform .08s ease;
  user-select:none;
}
.ars-btn:hover{ background:var(--ars-soft); }
.ars-btn:active{ transform:translateY(1px); }

/* Varyasyonlar */
.ars-btn.primary{
  background:var(--ars-accent);
  border-color:var(--ars-accent);
  color:#fff;
}
.ars-btn.primary:hover{ filter:brightness(.96); }

.ars-btn.ghost{
  background:#fff; color:var(--ars-brand);
  border-color:var(--ars-brand);
}
.ars-btn.ghost:hover{
  background:rgba(29,78,216,.06);
}

/* Grid uyumu: 2-3 sütun kart dizilişinde nefes payı */
.ars-card + .ars-card{ /* yalnızca sıkı listelerde görsel ayrım için opsiyonel */ }

/* Renk/kontrast – koyu moda otomatik uyum */
@media (prefers-color-scheme: dark){
  :root{
    --ars-bg:#0b1220;
    --ars-text:#e5e7eb;
    --ars-muted:#9aa7b0;
    --ars-line:#1f2937;
    --ars-soft:#0f172a;
  }
  .ars-btn{ background:#0b1220; color:#e5e7eb; border-color:#1f2937; }
  .ars-btn.ghost{ background:#0b1220; color:#93c5fd; border-color:#273449; }
  .ars-card{ border-color:#1f2937; }
  .ars-img{ background:#0f172a; }
}

/* Küçük ekranlar için başlık ve buton optimizasyonu */
@media (max-width: 640px){
  .ars-title{ font-size:14px; }
  .ars-price{ font-size:15px; }
  .ars-btn{ height:34px; padding:0 12px; font-size:13px; }
}
/* ==== RIBBON & OVERLAY ==== */
.ars-img{ position:relative; }
.ars-badges{
  position:absolute; top:8px; left:8px; right:8px;
  display:flex; gap:6px; justify-content:flex-start; pointer-events:none;
}
.ars-ribbon{
  pointer-events:auto;
  font-size:12px; font-weight:700; color:#fff;
  padding:4px 8px; border-radius:8px; line-height:1;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
}
.ars-ribbon.new{ background:#1d4ed8; }     /* Yeni */
.ars-ribbon.sale{ background:#e11d48; }    /* İndirim */
.ars-ribbon.pct{  background:#16a34a; }    /* -% hesaplanan */

.ars-out{
  position:absolute; inset:0; background:rgba(0,0,0,.45);
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:700; font-size:14px; letter-spacing:.3px;
  backdrop-filter: blur(2px);
}
/* =============== Arsemia – Product Card (Mobile) =============== */
:root{
  --mb-bg:#ffffff;
  --mb-text:#0f172a;
  --mb-muted:#64748b;
  --mb-line:#e2e8f0;
  --mb-soft:#f8fafc;
  --mb-brand:#1d4ed8;
  --mb-accent:#ff6a00;
  --mb-danger:#e11d48;
  --mb-success:#16a34a;
}

.m-ars-card{
  background:var(--mb-bg);
  border:1px solid var(--mb-line);
  border-radius:14px;
  overflow:hidden;
  display:flex; flex-direction:column;
  transition:box-shadow .2s ease, transform .12s ease;
}
.m-ars-card:hover{ box-shadow:0 8px 22px rgba(0,0,0,.06); transform:translateY(-1px); }

/* Görsel + rozet alanı */
.m-ars-img{ position:relative; display:block; background:var(--mb-soft); aspect-ratio:1/1; overflow:hidden; }
.m-ars-img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s; }
.m-ars-card:hover .m-ars-img img{ transform:scale(1.02); }

/* Ribbonlar */
.m-ars-badges{
  position:absolute; top:8px; left:8px; right:8px;
  display:flex; gap:6px; justify-content:flex-start; pointer-events:none;
}
.m-ars-ribbon{
  pointer-events:auto;
  font-size:11px; font-weight:700; color:#fff;
  padding:4px 8px; border-radius:8px; line-height:1;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
}
.m-ars-ribbon.new{ background:#1d4ed8; }
.m-ars-ribbon.sale{ background:#e11d48; }
.m-ars-ribbon.pct{  background:#16a34a; }

/* Stok yok overlay */
.m-ars-out{
  position:absolute; inset:0; background:rgba(0,0,0,.45);
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:800; font-size:14px; letter-spacing:.3px;
  backdrop-filter:blur(2px);
}

/* Gövde */
.m-ars-body{ padding:10px; display:flex; flex-direction:column; gap:8px; color:var(--mb-text); }
.m-ars-cat{ font-size:12px; color:var(--mb-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.m-ars-title{ margin:0; font-size:14px; line-height:1.35; }
.m-ars-title a{ color:var(--mb-text); text-decoration:none; }

/* Fiyatlar */
.m-ars-price-row{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.m-ars-price{ color:var(--mb-success); font-weight:800; font-size:15px; }
.m-ars-old{ color:var(--mb-muted); font-size:12px; text-decoration:line-through; }

/* Butonlar */
.m-ars-actions{ display:flex; gap:8px; margin-top:4px; }
.m-ars-btn{
  flex:1 1 auto; display:inline-flex; align-items:center; justify-content:center;
  height:36px; border-radius:10px; border:1px solid var(--mb-line); background:#fff;
  color:#0f172a; font-weight:700; font-size:13px; text-decoration:none; user-select:none;
}
.m-ars-btn.primary{ background:var(--mb-accent); border-color:var(--mb-accent); color:#fff; }
.m-ars-btn.ghost{ color:var(--mb-brand); border-color:var(--mb-brand); background:#fff; }

/* Koyu mod uyumu */
@media (prefers-color-scheme: dark){
  :root{
    --mb-bg:#0b1220; --mb-text:#e5e7eb; --mb-muted:#9aa7b0;
    --mb-line:#1f2937; --mb-soft:#0f172a;
  }
  .m-ars-card{ border-color:#1f2937; }
  .m-ars-btn{ background:#0b1220; color:#e5e7eb; border-color:#1f2937; }
  .m-ars-btn.ghost{ color:#93c5fd; border-color:#273449; }
}
/* Topbar */
.amx-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:#111;color:#fff}
.tb-ico{background:#222;border:0;border-radius:.9rem;padding:.5rem;font-size:1rem;color:#fff}
.tb-logo{color:#fff;text-decoration:none;font-weight:700}
.tb-badge{position:relative;top:-8px;left:-6px;display:inline-block;min-width:18px;padding:0 4px;border-radius:9px;background:#e11d48;color:#fff;font-size:.72rem;text-align:center}

/* Drawer */
.arsdw-panel .arsdw-mask{position:fixed;inset:0;background:rgba(0,0,0,.35)}
.arsdw-panel[hidden] .arsdw-mask{display:none}
.arsdw-sheet{position:fixed;inset:0 auto 0 0;width:82vw;max-width:360px;background:#fff;box-shadow:2px 0 18px rgba(0,0,0,.25);display:flex;flex-direction:column}
.arsdw-panel[hidden] .arsdw-sheet{display:none}
.arsdw-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid #eee}
.arsdw-title{font-weight:700}
.arsdw-close{border:0;background:#f3f4f6;border-radius:.6rem;padding:.4rem .6rem}
.arsdw-list{display:flex;flex-direction:column;padding:.4rem}
.arsdw-item{padding:.9rem 1rem;border-radius:.9rem;text-decoration:none;color:#111}
.arsdw-item:hover{background:#f5f5f5}
.arsdw-foot{padding:1rem;border-top:1px solid #eee}
.arsdw-whatsapp{display:inline-block;text-decoration:none;color:#0a7c2f}



/* Sections & grid */
.amx-sec{padding:0 .8rem 1rem}
.amx-sec-head{display:flex;align-items:center;justify-content:space-between;margin:.4rem 0 .6rem}
.amx-sec-title{font-size:1.05rem;font-weight:700}
.amx-sec-link{font-size:.9rem;text-decoration:none;color:#1d4ed8}
.amx-grid{display:grid;gap:.6rem}
.amx-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:480px){ .amx-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Quick chips */
.amx-quick{padding:0 .8rem 1rem}
.amx-quick-title{font-weight:700;margin-bottom:.4rem}
.amx-quick-chips{display:flex;gap:.5rem;flex-wrap:wrap}
.amx-quick-chips a{padding:.5rem .7rem;border-radius:999px;background:#f3f4f6;text-decoration:none;color:#111}

/* Tabbar */
.amx-tabbar{position:sticky;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;background:#111;padding:.3rem}
.amx-tabbar .tab-item{display:flex;flex-direction:column;gap:.2rem;align-items:center;justify-content:center;color:#fff;text-decoration:none;padding:.4rem 0;border-radius:.7rem}
.amx-tabbar .tab-item em{position:absolute;margin-top:-1.3rem;margin-left:.7rem;background:#e11d48;border-radius:999px;padding:0 .35rem;font-size:.72rem}

/* Float */
.amx-float{position:fixed;right:.8rem;bottom:4.3rem;display:flex;flex-direction:column;gap:.5rem;z-index:45}
.amx-float-btn{background:#1f2937;color:#fff;border:0;border-radius:999px;padding:.7rem .8rem;text-decoration:none}

/* Dialog */
.amx-dialog::backdrop{background:rgba(0,0,0,.35)}
.amx-dialog .amx-dialog-sheet{width:min(520px,92vw);border:0;border-radius:1rem;padding:0;overflow:hidden}
.dg-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:#111;color:#fff}
.dg-close{border:0;background:#222;color:#fff;border-radius:.6rem;padding:.3rem .6rem}
.dg-body{padding:1rem;display:grid;gap:.6rem}
.amx-btn,.amx-btn-wide{display:inline-block;background:#1d4ed8;color:#fff;text-decoration:none;border:0;border-radius:.8rem;padding:.6rem .9rem}
.amx-btn-wide{width:100%;text-align:center}
.gw-result{margin-top:.6rem}
/* === Drawer fix === */
.arsdw-panel{
  position: fixed;       /* ekranda sabitle */
  inset: 0;              /* tüm ekranı kapla */
  z-index: 1200;         /* her şeyin üstünde */
}

.arsdw-panel[hidden] .arsdw-mask,
.arsdw-panel[hidden] .arsdw-sheet{
  display: none;         /* kapalıyken gizle */
}

/* Maske tam ekran + animasyon */
.arsdw-mask{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  opacity: 0;
  transition: opacity .2s ease;
}

/* Panel sayfası (soldan çıkan çarşaf) */
.arsdw-sheet{
  position: fixed;
  top: 0; left: 0; bottom: 0;
  width: 82vw; max-width: 360px;
  background: #fff;
  box-shadow: 2px 0 18px rgba(0,0,0,.25);
  display: flex; flex-direction: column;
  transform: translateX(-100%);      /* başlangıçta dışarıda */
  transition: transform .25s ease;   /* yumuşak açılış */
  will-change: transform;
}

/* Açık durum: aria-hidden="false" olduğunda */
.arsdw-panel[aria-hidden="false"] .arsdw-mask{ opacity: 1; }
.arsdw-panel[aria-hidden="false"] .arsdw-sheet{ transform: none; }

/* Drawer içeriği */
.arsdw-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid #eee}
.arsdw-title{font-weight:700}
.arsdw-close{border:0;background:#f3f4f6;border-radius:.6rem;padding:.4rem .6rem}
.arsdw-list{display:flex;flex-direction:column;padding:.4rem}
.arsdw-item{padding:.9rem 1rem;border-radius:.9rem;text-decoration:none;color:#111}
.arsdw-item:hover{background:#f5f5f5}
.arsdw-foot{padding:1rem;border-top:1px solid #eee}
.arsdw-whatsapp{display:inline-block;text-decoration:none;color:#0a7c2f}

/* iOS “arka plan kaydırma” sorunu azaltıcı */
html, body{ overscroll-behavior: contain; }
/* Login form inputları */
.dg-body input[type="text"],
.dg-body input[type="email"],
.dg-body input[type="password"]{
  width:100%; padding:.7rem .8rem;
  border:1px solid #e5e7eb; border-radius:.8rem;
  font-size:.95rem; background:#fff;
}
.dg-body input:focus{ outline:0; border-color:#1d4ed8; box-shadow:0 0 0 3px rgba(29,78,216,.15); }
.dg-links a{ text-decoration:none; color:#1d4ed8; }
.amx-dialog{ z-index: 1600; }
.amx-tabbar{ z-index: 1400; }
/* === Dialog Fallback & Üstte Görünme === */
.amx-dialog{ z-index:1600; }               /* tabbar'dan yukarıda */
.amx-tabbar{ z-index:1400; }

/* Tarayıcı showModal desteklemiyorsa: [open] ile görünür yap */
.amx-dialog{ position:fixed; inset:0; display:none; background:rgba(0,0,0,.35); }
.amx-dialog[open]{ display:block; }

/* Sheet alt popup gibi kaysın; dialog da olsa olmasa da çalışır */
.amx-dialog .amx-dialog-sheet{
  position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:min(520px,92vw); border:0; border-radius:1rem 1rem 0 1rem;
  background:#fff; overflow:hidden;
}
/* === Drawer zengin içerik === */
.arsdw-profile,.arsdw-guest{display:flex;gap:.8rem;align-items:center;padding:1rem;border-bottom:1px solid #eee}
.arsdw-profile .p-left{flex:0 0 auto}
.arsdw-profile .p-avatar{width:54px;height:54px;border-radius:999px;object-fit:cover}
.arsdw-profile .p-right{display:grid;gap:.2rem}
.p-name{font-weight:700}
.p-sub{font-size:.85rem;color:#6b7280}
.dot{display:inline-block;width:8px;height:8px;border-radius:999px;margin-right:.3rem;vertical-align:middle}
.dot.on{background:#10b981}.dot.off{background:#9ca3af}
.p-actions{display:flex;gap:.4rem;margin-top:.2rem}
.p-btn{display:inline-block;padding:.4rem .7rem;border-radius:.7rem;background:#f3f4f6;text-decoration:none;color:#111}
.p-btn.solid{background:#1d4ed8;color:#fff}

.arsdw-guest .g-hello{font-weight:700}
.arsdw-guest .g-sub{font-size:.9rem;color:#6b7280}
.arsdw-guest .g-actions{margin-left:auto;display:flex;gap:.4rem}

.arsdw-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.6rem;border-bottom:1px solid #eee}
.arsdw-quick .q-item{display:flex;gap:.5rem;align-items:center;padding:.7rem;border-radius:.9rem;text-decoration:none;color:#111;background:#f9fafb}
.arsdw-quick .q-item:hover{background:#f3f4f6}

.arsdw-cats{padding:.6rem .6rem .2rem}
.c-head{font-weight:700;margin:.2rem .2rem .5rem}
.c-acc{border:1px solid #eee;border-radius:.9rem;margin-bottom:.5rem;background:#fff;overflow:hidden}
.c-sum{cursor:pointer;list-style:none;padding:.8rem 1rem;font-weight:600;position:relative}
.c-acc.open .c-sum::after{transform:rotate(90deg)}
.c-sum::after{content:'›';position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:transform .2s ease}
.c-list{display:grid;gap:.2rem;padding:.6rem .8rem .8rem}
.c-list a{display:block;padding:.5rem .6rem;border-radius:.6rem;text-decoration:none;color:#111;background:#f9fafb}
.c-list a:hover{background:#f3f4f6}
.c-list.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}

.arsdw-chips{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem;bor
/* === Drawer her şeyin üstünde + içerisi kayabilir === */
.arsdw-panel{
  position: fixed; inset: 0;
  z-index: 2147483647; /* MAX */
}
.arsdw-mask{
  position: fixed; inset:0;
  background: rgba(0,0,0,.35);
}
.arsdw-sheet{
  position: fixed; top:0; left:0; bottom:0;
  width: 82vw; max-width: 360px;
  background:#fff; box-shadow: 2px 0 18px rgba(0,0,0,.25);
  transform: translateX(-100%); transition: transform .25s ease;
  display:flex; flex-direction:column;
  overflow-y: auto;                         /* İÇERİ KAYSIN */
  -webkit-overflow-scrolling: touch;        /* iOS akıcılığı */
}
.arsdw-panel[aria-hidden="false"] .arsdw-sheet{ transform:none; }

/* Drawer açıkken tabbar/topbar altta kalsın ve tıklama almasın */
.amx-topbar{ z-index: 1500; }
.amx-tabbar{ z-index: 1400; transition: transform .2s ease, opacity .2s ease; }
body.drawer-open .amx-tabbar{
  transform: translateY(100%);              /* ekran dışına sakla */
  opacity: .01;
  pointer-events: none;                      /* tıklama engelle */
}
body.drawer-open .amx-topbar{ pointer-events: none; }

/* (Emniyet) Eski dialog’u tamamen kapat – ortadaki beyaz kutu olmasın */
#loginSheet, dialog#loginSheet{ display:none !important; visibility:hidden !important; }
/* ===== LOGIN MODAL (fixed) ===== */
.amx-modal{ position:fixed; inset:0; z-index:2147483600; }
.amx-modal[hidden]{ display:none; }

.amx-modal-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.35);
  opacity:0; transition:opacity .2s ease;
}
.amx-modal-sheet{
  position:fixed; left:50%; bottom:0; transform:translate(-50%, 12px);
  width:min(520px,92vw); background:#fff; border-radius:1rem 1rem 0 1rem;
  box-shadow:0 -10px 30px rgba(0,0,0,.2);
  display:flex; flex-direction:column;
  opacity:0; transition:transform .22s ease, opacity .22s ease;
}
.amx-modal.is-open .amx-modal-backdrop{ opacity:1; }
.amx-modal.is-open .amx-modal-sheet{ transform:translate(-50%, 0); opacity:1; }

.amx-modal-head{ display:flex; align-items:center; justify-content:space-between;
  padding:.9rem 1rem; background:#111; color:#fff; }
.amx-modal-close{ border:0; background:#222; color:#fff; border-radius:.6rem; padding:.35rem .6rem; }

.amx-modal-body{ padding:1rem; display:grid; gap:.6rem; }
.amx-modal-body input[type="text"],
.amx-modal-body input[type="password"],
.amx-modal-body input[type="email"]{
  width:100%; padding:.7rem .8rem; border:1px solid #e5e7eb; border-radius:.8rem;
  font-size:.95rem; background:#fff;
}
.amx-modal-body input:focus{ outline:0; border-color:#1d4ed8; box-shadow:0 0 0 3px rgba(29,78,216,.15); }
.amx-row{ display:flex; align-items:center; gap:.5rem; }
.amx-btn-wide{ display:inline-block; width:100%; text-align:center; background:#1d4ed8; color:#fff; border:0; border-radius:.8rem; padding:.6rem .9rem; }
.amx-links{ display:flex; justify-content:space-between; margin-top:.6rem; }
.amx-links a{ text-decoration:none; color:#1d4ed8; }

/* Drawer üstlük zaten çok yüksek; emniyet için: */
#amxDrawer{ z-index:2147483647; }
/* Modal kesin görünür/kaymalı ve en üstte olsun */
.amx-modal{ position:fixed; inset:0; z-index:2147483600; }
.amx-modal[hidden]{ display:none !important; }   /* gizleme sadece hidden ile */

/* backdrop + sheet animasyonları */
.amx-modal-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.35);
  opacity:0; transition:opacity .2s ease;
}
.amx-modal-sheet{
  position:fixed; left:50%; bottom:0; transform:translate(-50%, 12px);
  width:min(520px,92vw); background:#fff; border-radius:1rem 1rem 0 1rem;
  box-shadow:0 -10px 30px rgba(0,0,0,.2);
  display:flex; flex-direction:column;
  opacity:0; transition:transform .22s ease, opacity .22s ease;
}
.amx-modal.is-open .amx-modal-backdrop{ opacity:1; }
.amx-modal.is-open .amx-modal-sheet{ transform:translate(-50%, 0); opacity:1; }
/* Drawer profil kartı */
.arsdw-profile{display:flex;gap:.8rem;align-items:center;padding:1rem;border-bottom:1px solid #eee}
.arsdw-profile .p-avatar{width:56px;height:56px;border-radius:999px;object-fit:cover}
.arsdw-profile .p-info{display:grid;gap:.25rem}
.p-name{font-weight:700}
.p-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}
.p-btn{padding:.4rem .7rem;border-radius:.7rem;background:#f3f4f6;color:#111;text-decoration:none}
.p-btn.danger{background:#fee2e2;color:#991b1b}

/* Hesabım sayfası dashboard */
#accDash{padding:.8rem}
.acc-head{display:flex;gap:.8rem;align-items:center;margin-bottom:.6rem}
.acc-head .acc-avatar{width:64px;height:64px;border-radius:999px;object-fit:cover}
.acc-head .acc-meta{display:grid;gap:.15rem}
.acc-head .acc-name{font-weight:700;font-size:1.05rem}
.acc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.acc-card{display:flex;gap:.55rem;align-items:center;background:#f9fafb;border-radius:.9rem;padding:.8rem;text-decoration:none;color:#111}
.acc-card span{font-weight:600}
.acc-list{margin-top:.6rem;border-top:1px solid #eee}
.acc-list a{display:flex;justify-content:space-between;align-items:center;padding:.9rem .2rem;border-bottom:1px solid #f1f1f1;text-decoration:none;color:#111}
.acc-list a em{opacity:.6;font-style:normal}
/* Hesabım modal içi grid */
.acc-tiles{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.6rem;
}
.acc-tile{
  display:flex; align-items:center; justify-content:center; gap:.55rem;
  padding:.85rem; border-radius:.9rem; background:#f9fafb; color:#111; text-decoration:none;
}
.acc-tile:active{ transform:scale(.99); }

.acc-links{
  display:flex; justify-content:space-between; gap:.6rem; margin-top:.8rem;
}
.acc-links a{ text-decoration:none; color:#1d4ed8; }
/* ===== Hesabım modal – premium görünüm ===== */

/* Gövde boşlukları */
.acc-body{ display:grid; gap:.9rem; }

/* Hero */
.acc-hero{
  display:flex; align-items:center; gap:.9rem;
  padding:.9rem; border-radius:1rem;
  background:linear-gradient(180deg,#f9fafb 0%, #ffffff 100%);
  box-shadow:0 1px 0 rgba(0,0,0,.03) inset, 0 8px 24px rgba(0,0,0,.06);
}
.acc-avatar{ position:relative; width:58px; height:58px; }
.acc-avatar::before{
  content:""; position:absolute; inset:-2px; border-radius:999px;
  background:conic-gradient(#60a5fa, #a78bfa, #60a5fa);
  filter:saturate(1.1);
}
.acc-avatar img{
  position:relative; z-index:1; width:100%; height:100%;
  border-radius:999px; border:2px solid #fff; display:block; background:#f3f4f6;
}
.acc-title{ font-weight:700; font-size:1.04rem; }
.acc-sub{ font-size:.9rem; color:#6b7280; margin-top:.15rem; }

/* 4’lü kısayol grid */
.acc-tiles{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem;
}
.acc-tile{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.4rem;
  text-decoration:none; color:#111; background:#fff;
  border-radius:1rem; padding:1rem .8rem;
  box-shadow:0 1px 1px rgba(0,0,0,.02), 0 8px 20px rgba(0,0,0,.06);
  transition:transform .12s ease, box-shadow .12s ease;
}
.acc-tile:active{ transform:translateY(1px) scale(.985); }
.acc-tile span{ font-weight:600; font-size:.96rem; }

/* ikon rozeti */
.i-badge{
  width:46px; height:46px; border-radius:14px; display:flex; align-items:center; justify-content:center;
  background:#f9fafb; box-shadow:inset 0 1px 3px rgba(0,0,0,.08);
  font-size:20px;
}

/* Alt bağlantılar */
.acc-links{ display:flex; justify-content:space-between; align-items:center; gap:.6rem; margin-top:.2rem; }
.acc-links a{ text-decoration:none; color:#1d4ed8; font-weight:600; }
.acc-links a:active{ opacity:.8; }
/* === HERO SLIDER (container-fit, bg-image) === */
.amx-hero{ position:relative; margin:0 0 .8rem; }
.amx-hero-track{
  display:flex; gap:.6rem; overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; padding:.2rem .8rem .4rem; scrollbar-width:none;
}
.amx-hero-track::-webkit-scrollbar{ display:none; }

/* Slayt genişliği her zaman KONTEYNER kadar */
.amx-hero-slide{
  position:relative; flex:0 0 100%; max-width:100%;
  aspect-ratio:16/9; height:clamp(160px, 36vh, 340px);   /* eski tarayıcı fallback */
  border-radius:14px; overflow:hidden; scroll-snap-align:start; background:#111;
  box-shadow:0 6px 24px rgba(0,0,0,.18);
}

/* Görseli IMG yerine arka plana boyuyoruz: lazy/srcset sorun çıkarmasın */
.amx-hero-bg{
  position:absolute; inset:0; display:block;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}

/* Yumuşak karartma */
.amx-hero-slide::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.38) 70%,rgba(0,0,0,.55));
}

/* Başlık/kısa açıklama + buton */
.amx-hero-cap{
  position:absolute; left:12px; right:12px; bottom:10px; z-index:2; color:#fff;
  display:grid; gap:.25rem;
}
.amx-hero-cap b{ font-size:1.02rem; line-height:1.2; }
.amx-hero-cap span{ opacity:.9; font-size:.9rem; }
.amx-hero-cap a{
  margin-top:.3rem; display:inline-block; background:#fff; color:#111; text-decoration:none;
  padding:.42rem .7rem; border-radius:.6rem; font-weight:600; font-size:.92rem;
}

/* Noktalar */
.amx-hero-dots{ display:flex; gap:.35rem; justify-content:center; padding:.2rem 0 .4rem; }
.amx-hero-dots button{ width:7px; height:7px; border-radius:999px; border:0; background:#d1d5db; opacity:.9; }
.amx-hero-dots button.is-active{ background:#111; transform:scale(1.15); }