/* =====================================================================
   ARZ MARKET — PREMIUM VİTRİN KAPLAMASI (2026-08-28)

   İstek (Ersin): "müşterinin ürünlerini satın aldığı sayfalar daha düzgün,
   kurumsal ve premium olmalı."

   YÖNTEM: kaynak temanın YERLEŞİMİNE DOKUNMADAN (width/position yok),
   üstüne tek bir kimlik katmanı: renk disiplini + tipografi + gölge/
   yumuşaklık + hover incelikleri. Ana sayfa, kategori, ürün, sepet —
   hepsi bu tek dosyadan beslenir (main_demo ara katmanı </head> öncesine
   enjekte eder; kaynak-site aynasına dokunulmaz).

   KİMLİK — kullanıcının gerçek logosundan:
     lacivert #1d4e89  →  turkuaz #2fa3b8  (degrade imza)
     metin    #16324f     sönük  #5c7089
     zemin    #f6f9fb     çizgi  #e3ebf2
   Eski temanın renk karnavalı (#4f8bfc, #558cff, #2989d8, #ff8800,
   #f96e51...) bu dosyayla TEK aileye iner — premium his büyük ölçüde
   bu tutarlılıktan gelir.
   ===================================================================== */

:root {
  --am-laci: #1d4e89;
  --am-turkuaz: #2fa3b8;
  --am-degrade: linear-gradient(115deg, #1d4e89 10%, #2fa3b8 90%);
  --am-metin: #16324f;
  --am-sonuk: #5c7089;
  --am-zemin: #f6f9fb;
  --am-cizgi: #e3ebf2;
  --am-golge: 0 2px 14px rgba(22, 50, 79, .07);
  --am-golge-hover: 0 10px 28px rgba(22, 50, 79, .13);
  --am-altin: #f0b429;
  --am-yesil: #1f9d63;
}

/* ── Zemin ve tipografi disiplini ─────────────────────────────────── */
body {
  background: var(--am-zemin) !important;
  color: var(--am-metin) !important;
  font-family: "Open Sans", system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", "Open Sans", sans-serif !important;
  color: var(--am-metin) !important;
  font-weight: 600 !important;
  letter-spacing: .1px;
}
a { color: var(--am-laci); }
a:hover { color: var(--am-turkuaz) !important; }
::selection { background: rgba(47, 163, 184, .25); }

/* ── Üst çubuk / header ───────────────────────────────────────────── */
.codecity-header-container,
header, .header {
  background: #ffffff !important;
  border-bottom: 1px solid var(--am-cizgi) !important;
  box-shadow: 0 1px 10px rgba(22, 50, 79, .05) !important;
}
.codecity-header-btn,
.codecity-header-mobile-action-btn {
  color: var(--am-metin) !important;
  border-radius: 10px !important;
  transition: background .15s ease, color .15s ease;
}
.codecity-header-btn:hover { background: rgba(47, 163, 184, .1) !important; color: var(--am-laci) !important; }
.codecity-header-btn-icon { color: var(--am-laci) !important; }
.codecity-header-dropdown-content {
  border: 1px solid var(--am-cizgi) !important;
  border-radius: 12px !important;
  box-shadow: var(--am-golge-hover) !important;
}

/* Ana menü çubuğu */
.top-level-menu, .second-level-menu { background: #ffffff !important; }
.top-level-menu a, .second-level-menu a {
  color: var(--am-metin) !important;
  font-weight: 500;
  transition: color .15s ease;
}
.top-level-menu a:hover, .second-level-menu a:hover { color: var(--am-turkuaz) !important; }

/* ── Butonlar: tek aile ───────────────────────────────────────────── */
.btn-primary, .arz-teklif-btn,
.codecity-kategori-detay-view-btn,
button[type="submit"], input[type="submit"] {
  background: var(--am-degrade) !important;
  background-color: var(--am-laci) !important; /* degrade desteklenmezse */
  border: none !important;
  color: #ffffff !important;
  border-radius: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .2px;
  box-shadow: 0 3px 10px rgba(29, 78, 137, .22) !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.btn-primary:hover, .arz-teklif-btn:hover,
.codecity-kategori-detay-view-btn:hover,
button[type="submit"]:hover, input[type="submit"]:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(29, 78, 137, .3) !important;
}
.btn-secondary, .btn-default, .btn-outline-primary {
  background: #ffffff !important;
  color: var(--am-laci) !important;
  border: 1px solid #c7d6e5 !important;
  border-radius: 9px !important;
  font-weight: 600 !important;
}
.btn-secondary:hover, .btn-default:hover, .btn-outline-primary:hover {
  border-color: var(--am-turkuaz) !important;
  color: var(--am-turkuaz) !important;
  background: rgba(47, 163, 184, .06) !important;
}
.codecity-kategori-detay-nav-btn {
  border-radius: 9px !important;
  color: var(--am-sonuk) !important;
  border-color: var(--am-cizgi) !important;
}
.codecity-kategori-detay-nav-btn:hover { color: var(--am-turkuaz) !important; border-color: var(--am-turkuaz) !important; }

/* ── Ürün kartları: premium'un kalbi ─────────────────────────────── */
.codecity-kategori-detay-product-card, .product-card {
  background: #ffffff !important;
  border: 1px solid var(--am-cizgi) !important;
  border-radius: 14px !important;
  box-shadow: var(--am-golge) !important;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.codecity-kategori-detay-product-card:hover, .product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--am-golge-hover) !important;
  border-color: #cfe4ea !important;
}
.codecity-kategori-detay-product-image { background: #ffffff !important; }
.codecity-kategori-detay-product-image img { transition: transform .25s ease; }
.codecity-kategori-detay-product-card:hover .codecity-kategori-detay-product-image img { transform: scale(1.04); }
.codecity-kategori-detay-product-title,
.codecity-kategori-detay-product-title a {
  color: var(--am-metin) !important;
  font-weight: 600 !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 14.5px;
  line-height: 1.4;
}
.codecity-kategori-detay-product-title a:hover { color: var(--am-turkuaz) !important; }

/* Fiyat: net, güven veren tipografi */
.codecity-kategori-detay-product-info .price, .product-price, .price,
[class*="price"]:not(input):not([class*="hidden"]) {
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  color: var(--am-laci) !important;
  font-variant-numeric: tabular-nums;
}
del, .old-price, [class*="old-price"] { color: #9db0c3 !important; font-weight: 400 !important; }

/* Yıldızlar tek altın ton */
.star, .fa-star, .rating .fa { color: var(--am-altin) !important; }
.fa-star-o { color: #d9e2ec !important; }

/* Favori / karşılaştır ikon düğmeleri */
.codecity-kategori-detay-favorite-btn,
.codecity-kategori-detay-compare-btn,
.product-compare {
  background: #ffffff !important;
  border: 1px solid var(--am-cizgi) !important;
  border-radius: 50% !important;
  color: var(--am-sonuk) !important;
  box-shadow: 0 2px 8px rgba(22, 50, 79, .08) !important;
  transition: color .15s ease, border-color .15s ease;
}
.codecity-kategori-detay-favorite-btn:hover { color: #e2556f !important; border-color: #e2556f !important; }
.codecity-kategori-detay-compare-btn:hover { color: var(--am-turkuaz) !important; border-color: var(--am-turkuaz) !important; }

/* Rozet / etiketler (indirim, yeni, kampanya) */
.badge, .label, [class*="discount"], [class*="indirim"] {
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: .2px;
}
.badge-success, .label-success { background: var(--am-yesil) !important; }
.badge-danger, .label-danger, .badge-primary, .label-primary { background: var(--am-degrade) !important; color: #fff !important; }

/* ── Form alanları ────────────────────────────────────────────────── */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="search"], input[type="tel"],
textarea, select, .form-control {
  border: 1px solid #d4dfe8 !important;
  border-radius: 9px !important;
  color: var(--am-metin) !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}
input:focus, textarea:focus, select:focus, .form-control:focus {
  border-color: var(--am-turkuaz) !important;
  box-shadow: 0 0 0 3px rgba(47, 163, 184, .14) !important;
  outline: none !important;
}
.codecity-kategori-detay-price-input { border-radius: 9px !important; }

/* ── Footer: koyu lacivert, sakin ─────────────────────────────────── */
footer, .footer, [class*="footer-main"], [class*="footer-bottom"] {
  background: #14263e !important;
  color: #b9c7da !important;
}
.codecity-footer-link-item { transition: transform .15s ease; }
.codecity-footer-link-item:hover { transform: translateX(3px); }
.codecity-footer-link-text, .codecity-footer-link-text a, footer a, .footer a { color: #b9c7da !important; }
.codecity-footer-link-text a:hover, footer a:hover, .footer a:hover { color: #6fd0e0 !important; }
.codecity-footer-link-icon-circle { border-color: rgba(255, 255, 255, .18) !important; }
.codecity-footer-link-icon-dot { background: var(--am-turkuaz) !important; }

/* ── Mağaza metin-logosu (2026-08-28) ─────────────────────────────
   Abone kendi markasıyla yayındadır: logo görseli yüklenmediyse
   mağaza adı marka degradesiyle METİN olarak yazılır. */
.am-magaza-ad {
  font-family: "Poppins", Georgia, serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .4px;
  white-space: nowrap;
  background: var(--am-degrade);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--am-laci); /* clip desteklemeyen tarayıcı */
}
.codecity-footer-logo .am-magaza-ad,
footer .am-magaza-ad {
  background: none;
  -webkit-text-fill-color: #ffffff;
  color: #ffffff;
  font-size: 20px;
}

/* ── Ürün kartı düzen disiplini (2026-08-28) ──────────────────────
   Ersin: "kutular daha düzenli ve tertipli olmalı; yazı boyutları,
   resimler". Görsel alanı SABİT oran, başlık 2 satırla sınırlı ve
   sabit yükseklikte, fiyat bloğu alta hizalı → kartlar aynı boyda. */
.codecity-kategori-detay-product-card,
.product-card {
  display: flex;
  flex-direction: column;
}
.codecity-kategori-detay-product-image {
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  border-bottom: 1px solid var(--am-cizgi);
}
.codecity-kategori-detay-product-image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.codecity-kategori-detay-product-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 12px 14px 14px !important;
  gap: 6px;
}
.codecity-kategori-detay-product-title,
.codecity-kategori-detay-product-title a {
  font-size: 13.5px !important;
  line-height: 1.45 !important;
}
.codecity-kategori-detay-product-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.9em;   /* 2 satır — tek satırlık ad da hizayı bozmaz */
}
.codecity-kategori-detay-product-info .price {
  margin-top: auto;    /* fiyat her kartta ALTA oturur */
  font-size: 16.5px !important;
}
.codecity-kategori-detay-product-info del {
  font-size: 12.5px !important;
}

/* Kampanya üyelere özel — misafire "Üye fiyatı" rozeti (2026-08-28) */
.am-uye-fiyat { margin-top: 4px; }
.am-uye-fiyat a {
  display: inline-block; font-size: 11.5px; font-weight: 700;
  color: #1d4e89 !important; background: #eaf3f8; border: 1px solid #bcd5e3;
  border-radius: 999px; padding: 2px 9px; text-decoration: none;
}
.am-uye-fiyat a:hover { background: #dbeaf2; }

/* ── İncelikler ───────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--am-zemin); }
::-webkit-scrollbar-thumb { background: #c3d2df; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #9fb6c9; }

.modal-content { border-radius: 14px !important; border: none !important; box-shadow: 0 18px 50px rgba(22, 50, 79, .25) !important; }
.dropdown-menu { border-radius: 12px !important; border: 1px solid var(--am-cizgi) !important; box-shadow: var(--am-golge-hover) !important; }
hr { border-color: var(--am-cizgi) !important; }
.table th { color: var(--am-sonuk) !important; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* ── 2026-09-03 görsel denetim (headless tarayıcı ölçümleriyle) ──
   Tema kalıntıları: ortağın kimliğini taşıyan / bizim altyapımızla
   çakışan sabit öğeler kaldırıldı; footer başlık kontrastı düzeltildi. */
.cc-window{display:none!important}                 /* temanın çerez popup'ı — KVKK bandımız zaten var (çift bildirim) */
/* kz-dock (sağdaki İletişim kısayolu) GERİ AÇILDI (2026-09-03, Ersin):
   içerik bizimmiş; kanallar artık firma ayarından dolar, boş kanal
   şablonda hiç basılmaz. Marka rengine boyanır: */
.kz-dock{--kz-acc:#1d4e89}
.codecity-header-top-bar{display:none!important}   /* bozuk siyah üst bant + ortak telefonu/sosyalleri */
.codecity-footer .codecity-footer-section-title,
footer .codecity-footer-section-title{color:#cfe0f4!important} /* koyu zeminde koyu başlık okunmuyordu */
.codecity-footer .codecity-footer-description,
footer .codecity-footer-description{color:#9fb3cc!important} /* koyu zeminde kaybolan telif satırı */

/* ── 2026-09-03 KURUMSAL VİTRİN SIKILAŞTIRMASI (Ersin: "anlamsız
   büyüklükte bölümler") — ölçülen gerçek: 1600px ekranda içerik 1200px'e
   hapis, ürünler 840px alanda 2 DEV kolon (kart 760px) → 19 ürün 8.7k px
   sayfa. Hedef: geniş içerik + 3-4 kolon kompakt kart (~440px). ── */

/* İçerik genişliği: şerit açıkken (≥1360) şeritlere 380px pay bırakarak
   genişler; küçük ekranda temanın 1200'ü kalır (şeritler zaten gizli). */
@media (min-width:1360px){
  .codecity-kategori-detay-main-content{max-width:min(1480px,calc(100vw - 380px))!important}
}
.codecity-kategori-detay-products-area{width:auto!important;flex:1 1 auto!important;min-width:0!important}

/* Ürün ızgarası: sabit 2 kolon yerine akışkan 3-4 kolon */
.codecity-kategori-detay-products-grid.codecity-big-grid-view{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(232px,1fr))!important;
  gap:18px!important}

/* Kart: 760px → ~440px. Görsel alanı sabit 160px, içerik sıkı ritim. */
.codecity-kategori-detay-product-card{padding:12px 12px 14px!important}
.codecity-kategori-detay-product-image{padding:6px 6px 0!important;margin-bottom:8px!important}
.codecity-kategori-detay-product-image>a{height:160px!important;display:flex!important;
  align-items:center!important;justify-content:center!important}
.codecity-kategori-detay-product-image img{max-height:150px!important;max-width:100%!important;
  width:auto!important;object-fit:contain!important}
.codecity-kategori-detay-product-nav{display:none!important}     /* kart içi görsel okları — kalabalık */
.codecity-kategori-detay-product-rating{display:none!important}  /* statik sahte 5 yıldız — güven kırar */
.codecity-kategori-detay-product-info{padding:6px 2px 2px!important;margin-bottom:0!important}
.codecity-kategori-detay-product-title{margin-bottom:6px!important}
.codecity-kategori-detay-product-price{margin-bottom:8px!important}
.arz-stok{margin-bottom:6px!important}
/* Kartlar eşit boyda, eylem satırı ALTA hizalı: kimi kartta adet+Sepete
   Ekle, kiminde Numara Seç var — düğmeler aynı çizgide dursun. */
.codecity-kategori-detay-product-card{display:flex!important;flex-direction:column!important}
.codecity-kategori-detay-product-info{display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
.codecity-kategori-detay-product-info>:last-child{margin-top:auto!important;padding-top:8px!important}

/* ── KOMPAKT BAŞLIK BÖLÜMÜ (2026-09-03) ─────────────────────────────
   "Başlık alanı gereğinden fazla büyük" — 40px dikey dolgu + 2.25rem
   başlık ekranın çeyreğini yiyordu. Bilgi aynı, alan yarıdan aza iner. */
.codecity-kategori-detay-header{padding:18px 0!important}
.codecity-kategori-detay-title{font-size:1.45rem!important;margin-bottom:.35rem!important}
.codecity-kategori-detay-description{font-size:.92rem!important;line-height:1.45!important}
.codecity-kategori-detay-breadcrumb-inline{margin-bottom:.5rem!important}

/* ── KOMPAKT SÜZGEÇ PANELİ (2026-09-03) ─────────────────────────────
   Ersin: "filtreler çok büyük, biraz daralt ama çok değil."
   280→240px, dolgu 24→14/16, başlıklar etiket boyuna iner. */
.codecity-kategori-detay-sidebar{width:240px!important;min-width:240px!important}
.codecity-kategori-detay-filter-section{padding:14px 16px!important;margin-bottom:14px!important}
.codecity-kategori-detay-filter-title{font-size:.8rem!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.05em!important;color:#334155!important;
  margin-bottom:10px!important}
.codecity-kategori-detay-filter-content{gap:8px!important}
.codecity-kategori-detay-checkbox-label{font-size:.85rem!important}
.codecity-kategori-detay-checkbox-item{margin-bottom:6px!important}
.codecity-kategori-detay-checkbox-label .adet{color:#94a3b8;font-size:.78rem}
.codecity-kategori-detay-price-filter{gap:8px!important;flex-direction:row!important;
  flex-wrap:wrap!important;align-items:center!important}
.codecity-kategori-detay-price-input{padding:6px 8px!important;font-size:.85rem!important;
  flex:1 1 70px!important;width:auto!important;min-width:0!important}
.codecity-kategori-detay-price-separator{flex:0 0 auto}
.codecity-kategori-detay-price-filter-btn{padding:7px 12px!important;font-size:.82rem!important;
  flex:1 1 100%!important}

/* ── ALBENİ PAKETİ (2026-09-03, Ersin: "hepsini istiyorum ama kurumsal
   yapı, renkler ve düzen bozulmamalı"). Her şey mevcut token'larla:
   lacivert→turkuaz degrade, zemin/çizgi/gölge aynı aile. ── */

/* İndirim rozeti — kart sol üstünde, degrade */
.codecity-kategori-detay-product-card{position:relative!important}
.am-rozet-indirim{position:absolute;top:10px;left:10px;z-index:3;
  background:var(--am-degrade);color:#fff;font-size:.72rem;font-weight:700;
  letter-spacing:.02em;padding:4px 9px;border-radius:999px;
  box-shadow:var(--am-golge)}

/* Kritik stok — aciliyet vurgusu (altın aile, kimlikteki --am-altin) */
.arz-stok-kritik{color:#8a5a00!important;background:rgba(240,180,41,.14);
  border-radius:6px;padding:2px 8px;display:inline-block;font-weight:600}

/* Kart görseli hover — çoklu görsel verisi olmadığından ikinci kare
   yerine zarif yakınlaşma */
.codecity-kategori-detay-product-image img{transition:transform .35s ease}
.codecity-kategori-detay-product-card:hover .codecity-kategori-detay-product-image img{
  transform:scale(1.06)}

/* Favori kalbi */
.am-fav{transition:color .2s,transform .15s}
.am-fav.am-fav-dolu i{color:#d6455d!important}
.am-fav:active{transform:scale(1.25)}
.am-fav-sayac{position:absolute;top:2px;right:2px;min-width:16px;height:16px;
  border-radius:999px;background:var(--am-turkuaz);color:#fff;
  font-size:10px;font-weight:700;line-height:16px;text-align:center;
  padding:0 3px}
.am-fav-git{position:relative}

/* Öne Çıkanlar rafı (2026-09-03, 2. tur — Ersin: degrade kutu "ortada
   yabancı blok"tu): renk bloğu YOK; sayfanın kendi diliyle küçük
   etiket başlık + sade beyaz mini kartlar. Katalogla bütünleşir. */
.am-one{max-width:min(1150px,calc(100vw - 420px));margin:10px auto 0}
@media(max-width:1359px){.am-one{max-width:calc(100vw - 28px)}}
.am-one-bas{display:flex;align-items:baseline;justify-content:space-between;
  gap:12px;margin:0 2px 8px}
.am-one-bas h2{margin:0;font-size:.82rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;color:#334155}
.am-one-bas a{font-size:.8rem;font-weight:600;color:var(--am-laci);
  text-decoration:none}
.am-one-bas a:hover{color:var(--am-turkuaz)}
.am-one-ic{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:900px){.am-one-ic{grid-template-columns:repeat(2,1fr)}}
.am-one-kart{background:#fff;border:1px solid var(--am-cizgi);
  border-radius:10px;padding:10px 10px 12px;display:flex;
  flex-direction:column;align-items:center;gap:6px;text-decoration:none;
  color:var(--am-metin);transition:transform .15s,box-shadow .15s,
  border-color .15s}
.am-one-kart:hover{transform:translateY(-2px);box-shadow:var(--am-golge);
  border-color:var(--am-turkuaz);color:var(--am-metin)}
.am-one-kart img{height:78px;width:auto;max-width:100%;object-fit:contain}
.am-one-ad{font-size:.78rem;font-weight:600;text-align:center;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden}
.am-one-fiyat{font-size:.85rem;font-weight:700;color:var(--am-laci)}
.am-one-fiyat s{color:var(--am-sonuk);font-weight:400;font-size:.75rem;
  margin-right:6px}

/* Güven şeridi — bandın hemen altında, bantla AYNI hizada, sakin */
.am-guven-serit{max-width:min(1150px,calc(100vw - 420px));margin:0 auto;
  display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:center;
  padding:9px 12px;border-bottom:1px solid var(--am-cizgi);
  font-size:.8rem;color:var(--am-sonuk)}
@media(max-width:1359px){.am-guven-serit{max-width:calc(100vw - 28px)}}
.am-guven-serit i{color:var(--am-turkuaz);margin-right:6px}

/* Sıralama/görünüm kontrol çubuğu — KOMPAKT (2026-09-03, Ersin:
   "alanı daralt, sıralama kutusunu küçült"): 20px dolgu + 32px marj +
   200px select bir satır bilgi için fazlaydı. */
.codecity-kategori-detay-controls{padding:6px 0!important;
  margin-bottom:14px!important}
.codecity-kategori-detay-controls-right{gap:10px!important}
.codecity-kategori-detay-select{padding:5px 8px!important;
  font-size:.82rem!important;min-width:130px!important}
.codecity-kategori-detay-view-btn{padding:5px 9px!important;
  font-size:.82rem!important}

/* Son gezilenler şeridi — reklam şeritlerine PAY bırakır (2026-09-03:
   sol reklam alanının üstüne biniyordu) */
.am-gezilen{max-width:min(1150px,calc(100vw - 420px));
  margin:14px auto 22px;padding:0}
@media(max-width:1359px){.am-gezilen{max-width:calc(100vw - 28px)}}
.am-gezilen h3{font-size:.9rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:#334155;margin:0 0 10px}
.am-gezilen-ic{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.am-gezilen-kart{flex:0 0 150px;background:#fff;border:1px solid var(--am-cizgi);
  border-radius:10px;padding:10px;display:flex;flex-direction:column;
  align-items:center;gap:6px;text-decoration:none;color:var(--am-metin);
  transition:transform .15s,box-shadow .15s}
.am-gezilen-kart:hover{transform:translateY(-2px);box-shadow:var(--am-golge);
  color:var(--am-metin)}
.am-gezilen-kart img{height:70px;width:auto;max-width:100%;object-fit:contain}
.am-gezilen-kart span{font-size:.76rem;text-align:center;line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden}
.am-gezilen-kart b{font-size:.8rem;color:var(--am-laci)}

/* Süzgeç butonu — KENDİ class'ımız: temanın price-filter-btn'e bağlı tık
   dinleyicisi bizim yönlendirmemizi eziyordu; bu isim temanın radarına
   girmez. Görünüm marka degradesiyle. */
.am-suzgec-btn{flex:1 1 100%;border:none;border-radius:6px;padding:7px 12px;
  font-size:.82rem;font-weight:600;color:#fff;cursor:pointer;
  background:var(--am-degrade);transition:filter .15s}
.am-suzgec-btn:hover{filter:brightness(1.1)}

/* Tema checkbox'ları appearance:none + 0x0 çiziyordu: GÖRÜNMEZ kutu,
   tıklanamaz süs. Gerçek kutu geri gelir — stok/kampanya/kategori/marka
   hepsinde. */
.codecity-kategori-detay-checkbox-item input[type=checkbox]{
  -webkit-appearance:checkbox!important;appearance:auto!important;
  width:15px!important;height:15px!important;margin:0 8px 0 0!important;
  accent-color:var(--am-laci);vertical-align:-2px;cursor:pointer}
.codecity-kategori-detay-checkbox-item{display:flex!important;
  align-items:center!important}
.codecity-kategori-detay-checkbox-label{cursor:pointer;display:flex!important;
  align-items:center!important;gap:0!important}

/* ── am-ust: hesap/destek/sipariş sayfaları ortak üst çubuk (UI denetimi 2026-09-04) ──
   Bu sayfalar yalnız "Mağaza" yazısıyla açılıyordu; menü/arama/hesap yoktu → siteden
   kopuk, yarım izlenim. Ürün sayfasıyla aynı dil. */
.am-ust{background:#fff;border-bottom:1px solid #e3ebf2;box-shadow:0 2px 10px rgba(22,50,79,.05)}
.am-ust .am-kap{max-width:1180px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.am-ust .am-logo{font:700 20px Poppins,Georgia,serif;background:linear-gradient(115deg,#1d4e89,#2fa3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}
.am-ust .am-logo img{height:32px;display:block}
.am-ust form{display:flex;flex:1 1 260px;max-width:420px;margin:0 auto}
.am-ust form input{flex:1;min-width:0;padding:9px 12px;border:1px solid #d6dfe8;border-radius:999px 0 0 999px;font:inherit}
.am-ust form button{padding:9px 16px;border:0;border-radius:0 999px 999px 0;background:linear-gradient(115deg,#1d4e89,#2fa3b8);color:#fff;font-weight:600;cursor:pointer}
.am-ust .am-linkler{display:flex;gap:16px;align-items:center;white-space:nowrap}
.am-ust .am-linkler a,.am-ust .am-linkler button{color:#16324f;text-decoration:none;font-weight:500;background:none;border:0;font:inherit;cursor:pointer;padding:0}
.am-ust .am-linkler a:hover,.am-ust .am-linkler button:hover{color:#2fa3b8}
.am-ust .am-menu{width:100%;display:flex;gap:4px 22px;flex-wrap:wrap;justify-content:center;border-top:1px solid #eef3f7;padding-top:8px}
.am-ust .am-menu a{color:#16324f;text-decoration:none;font-size:12.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:2px 0;white-space:nowrap}
.am-ust .am-menu a:hover{color:#2fa3b8}
@media (max-width:640px){.am-ust .am-linkler{width:100%;justify-content:center}.am-ust .am-menu{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}}

/* ── Katalog kartı: adet kutusu + Sepete Ekle (2026-09-04, Ersin: "kesişmiş") ──
   Sınıfların hiç kuralı yoktu; tema input'u %100 genişletip düğmeyi altına
   bindiriyordu. Tek satır esnek düzen, kutu sabit, düğme kalan alan. */
.arz-ekle-form { display:flex !important; align-items:stretch; gap:8px; flex-wrap:nowrap; margin-top:10px; }
.arz-ekle-form .arz-adet { flex:0 0 66px; width:66px !important; min-width:0; margin:0 !important;
  padding:8px 6px; text-align:center; border:1px solid #d6dfe8; border-radius:9px; font:inherit; height:auto !important; }
.arz-ekle-form .arz-ekle-btn { flex:1 1 auto; margin:0 !important; position:static !important;
  display:inline-flex; align-items:center; justify-content:center; gap:7px; white-space:nowrap; }