/* ==========================================================
   AmmoEpin vitrin teması
   - Renk paleti: html[data-palet="neon|alev|zumrut|kizil"]
   - Görünüm:     html[data-mod="koyu|acik"]
   Ayarlar: Ek Modüller > Vitrin Teması
   Kaldırmak için inc/header.php içindeki ammo_tema_css satırını silmek yeterli.
   ========================================================== */

/* ---------- Renk değişkenleri ---------- */
:root, html[data-mod="koyu"] {
  --a-zemin: #0a0d17;
  --a-zemin2: #0e1220;
  --a-yuzey: #141a2b;
  --a-yuzey2: #1b2338;
  --a-cizgi: #252e47;
  --a-metin: #e8ecf6;
  --a-soluk: #98a2bd;
  --a-baslik: #ffffff;
  --a-golge: 0 18px 40px rgba(0, 0, 0, .45);
  --a-giris: #0f1424;
  --a-basari: #22c55e;
  --a-tehlike: #f87171;
  --a-ust-zemin: rgba(10, 13, 23, .86);
  color-scheme: dark;
}
html[data-mod="acik"] {
  --a-zemin: #f4f6fb;
  --a-zemin2: #eef1f8;
  --a-yuzey: #ffffff;
  --a-yuzey2: #f6f8fc;
  --a-cizgi: #e2e7f1;
  --a-metin: #1c2235;
  --a-soluk: #5d6681;
  --a-baslik: #0c1124;
  --a-golge: 0 16px 36px rgba(24, 33, 66, .10);
  --a-giris: #ffffff;
  --a-basari: #16a34a;
  --a-tehlike: #dc2626;
  --a-ust-zemin: rgba(255, 255, 255, .9);
  color-scheme: light;
}
/* Paletler: v1/v2 vurgu renkleri, vm = vurgu üstündeki yazı rengi, vy = açık zeminde okunur vurgu */
:root, html[data-palet="neon"]  { --v1: #7c5cff; --v2: #22d3ee; --vm: #ffffff; --vy: #5b3df5; --v1-rgb: 124, 92, 255; }
html[data-palet="alev"]         { --v1: #ff6b1a; --v2: #ffb020; --vm: #1a0b00; --vy: #c2410c; --v1-rgb: 255, 107, 26; }
html[data-palet="zumrut"]       { --v1: #10b981; --v2: #a3e635; --vm: #03150d; --vy: #047857; --v1-rgb: 16, 185, 129; }
html[data-palet="kizil"]        { --v1: #f43f5e; --v2: #fb923c; --vm: #ffffff; --vy: #be123c; --v1-rgb: 244, 63, 94; }

html { --a-vurgu: var(--v2); --a-grad: linear-gradient(135deg, var(--v1), var(--v2)); --a-yaricap: 14px; }
html[data-mod="acik"] { --a-vurgu: var(--vy); }
html[data-mod="koyu"][data-palet="neon"] { --a-vurgu: #8fe9f7; }

/* ---------- Genel ---------- */
html.ammo body {
  background: var(--a-zemin) !important;
  color: var(--a-metin);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
html.ammo a { color: inherit; }
html.ammo ::selection { background: rgba(var(--v1-rgb), .35); }
html.ammo :focus-visible { outline: 2px solid var(--v2); outline-offset: 2px; }
html.ammo h1, html.ammo h2, html.ammo h3,
html.ammo .section-title, html.ammo .category-title, html.ammo .page-title,
html.ammo .product-titlee, html.ammo .footer-title {
  font-family: "Chakra Petch", Inter, sans-serif !important;
  color: var(--a-baslik);
  letter-spacing: .2px;
}
html.ammo .container { max-width: 1280px; }

/* Ortak düğme */
.ammo-btn, html.ammo .btn-primary, html.ammo .btn.btn-primary {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--a-grad) !important; color: var(--vm) !important;
  border: 0 !important; border-radius: 10px !important;
  font: 600 15px/1 Inter, sans-serif; padding: 13px 22px; cursor: pointer;
  text-decoration: none !important; white-space: nowrap;
  box-shadow: 0 8px 22px rgba(var(--v1-rgb), .28);
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.ammo-btn:hover, html.ammo .btn-primary:hover { transform: translateY(-1px); filter: brightness(1.08); box-shadow: 0 12px 28px rgba(var(--v1-rgb), .38); }
.ammo-btn:active { transform: translateY(0); }
.ammo-btn.kucuk { padding: 9px 13px; font-size: 13.5px; border-radius: 9px !important; box-shadow: none; }

/* ---------- Logo ---------- */
.ammo-logo { display: inline-flex; align-items: center; gap: 8px; font: 700 26px/1 "Chakra Petch", sans-serif; letter-spacing: 1px; white-space: nowrap; }
.ammo-logo-ikon { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--a-grad); color: var(--vm); font-size: 17px; box-shadow: 0 6px 18px rgba(var(--v1-rgb), .4); transform: skewX(-8deg); }
.ammo-logo-ikon i { transform: skewX(8deg); }
.ammo-logo-y1 { color: var(--a-baslik); }
.ammo-logo-y2 { background: var(--a-grad); -webkit-background-clip: text; background-clip: text; color: transparent; margin-left: -4px; }

/* ---------- Üst bilgi ---------- */
html.ammo .header {
  /* Not: backdrop-filter kullanılmıyor; içindeki sabit konumlu mobil menüyü bozuyor */
  background: var(--a-zemin) !important;
  border-bottom: 1px solid var(--a-cizgi) !important;
  box-shadow: none !important;
  font-family: Inter, sans-serif;
}
html.ammo .top-header { background: transparent !important; border-bottom: 1px solid var(--a-cizgi); padding: 7px 0 !important; }
html.ammo .top-header a, html.ammo .top-header span, html.ammo .top-header i { color: var(--a-soluk) !important; font-size: 13px; }
html.ammo .top-header a:hover, html.ammo .top-header a:hover span { color: var(--a-baslik) !important; }
html.ammo .top-header .catalog-link { border: 1px solid var(--a-cizgi); border-radius: 999px; padding: 3px 12px; background: transparent !important; }
html.ammo .main-header { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html.ammo .main-header-container { gap: 22px; padding-top: 12px; padding-bottom: 12px; }
html.ammo .logo a { display: inline-flex; text-decoration: none; }
html.ammo .header .logo img { max-height: 46px; width: auto; }

html.ammo .search-container { flex: 1; max-width: 560px; position: relative; }
html.ammo .search-container input {
  width: 100%; height: 46px; border-radius: 12px !important;
  background: var(--a-giris) !important; color: var(--a-metin) !important;
  border: 1px solid var(--a-cizgi) !important; padding: 0 48px 0 16px !important; font-size: 14.5px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
html.ammo .search-container input::placeholder { color: var(--a-soluk); }
html.ammo .search-container input:focus { border-color: rgba(var(--v1-rgb), .8) !important; box-shadow: 0 0 0 4px rgba(var(--v1-rgb), .18); outline: none; }
html.ammo .search-container button { background: transparent !important; color: var(--a-soluk) !important; border: 0 !important; left: auto !important; right: 6px; width: 38px; height: 38px; border-radius: 9px; }
html.ammo .search-container button:hover { color: var(--a-baslik) !important; background: var(--a-yuzey2) !important; }
html.ammo input, html.ammo select, html.ammo textarea, html.ammo button { font-family: Inter, system-ui, sans-serif; }

html.ammo .header-actions { gap: 10px; align-items: center; }
html.ammo .uye-header-link { color: var(--a-metin) !important; font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px; text-decoration: none; }
html.ammo .uye-header-link:hover { background: var(--a-yuzey); }
html.ammo .cart-icon {
  position: relative; display: inline-flex; align-items: center; gap: 10px;
  background: var(--a-grad) !important; color: var(--vm) !important; border: 0 !important;
  border-radius: 12px !important; padding: 11px 16px !important; font-weight: 700; font-size: 14.5px;
  box-shadow: 0 8px 22px rgba(var(--v1-rgb), .28); text-decoration: none !important;
}
html.ammo .cart-icon i, html.ammo .cart-icon span { color: var(--vm) !important; }
.ammo-sepet-adet {
  position: absolute; top: -7px; left: 24px; min-width: 20px; height: 20px; padding: 0 5px;
  border-radius: 999px; background: var(--a-baslik); color: var(--a-zemin) !important;
  font: 700 11px/20px Inter, sans-serif; text-align: center; box-shadow: 0 0 0 2px var(--a-zemin);
}
html.ammo .cart-icon .ammo-sepet-adet { color: var(--a-zemin) !important; }
.ammo-sepet-adet[hidden] { display: none !important; }

.ammo-mod-dugme {
  width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--a-cizgi);
  background: var(--a-yuzey); color: var(--a-metin); cursor: pointer; display: grid; place-items: center; font-size: 16px;
}
.ammo-mod-dugme:hover { border-color: rgba(var(--v1-rgb), .6); }
html[data-mod="koyu"] .ammo-mod-dugme .fa-moon, html[data-mod="acik"] .ammo-mod-dugme .fa-sun { display: none; }

/* Kategori menüsü */
html.ammo .nav-menu { background: transparent !important; box-shadow: none !important; border-top: 1px solid var(--a-cizgi); }
html.ammo .nav-menu-container ul li a, html.ammo .desktop-menu a {
  color: var(--a-metin) !important; font-weight: 600 !important; font-size: 14px; border-radius: 9px; padding: 8px 12px !important;
}
html.ammo .nav-menu-container ul li a:hover, html.ammo .desktop-menu a:hover { color: var(--a-baslik) !important; background: var(--a-yuzey); }
html.ammo .nav-menu-container ul li a::after { display: none !important; }
html.ammo .free-shipping {
  background: rgba(var(--v1-rgb), .12) !important; color: var(--a-vurgu) !important;
  border: 1px solid rgba(var(--v1-rgb), .35) !important; border-radius: 999px !important; font-weight: 600; font-size: 13px; padding: 7px 14px !important;
}
html.ammo .free-shipping i { color: var(--a-vurgu) !important; }
html.ammo .submenu-popup, html.ammo .submenu-content { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi) !important; border-radius: 12px !important; box-shadow: var(--a-golge) !important; }
html.ammo .submenu-category { color: var(--a-metin) !important; border-radius: 8px; }
html.ammo .submenu-category:hover { background: var(--a-yuzey2) !important; color: var(--a-baslik) !important; }

/* Mobil menü */
html.ammo .mobile-menu-btn span { background: var(--a-metin) !important; }
html.ammo .mobile-menu { background: var(--a-zemin2) !important; color: var(--a-metin); border-right: 1px solid var(--a-cizgi); }
html.ammo .mobile-menu-header { background: var(--a-zemin2) !important; border-bottom: 1px solid var(--a-cizgi) !important; }
html.ammo .mobile-menu-close, html.ammo .mobile-menu-close i { color: var(--a-metin) !important; }
html.ammo .mobile-menu h3 { color: var(--a-soluk) !important; font-size: 12px !important; letter-spacing: 1.5px; text-transform: uppercase; }
html.ammo .mobile-user-action, html.ammo .mobile-category-link, html.ammo .mobile-subcategory-link, html.ammo .mobile-contact a {
  color: var(--a-metin) !important; background: var(--a-yuzey) !important; border-color: var(--a-cizgi) !important;
}
html.ammo .mobile-user-action.login { background: var(--a-grad) !important; color: var(--vm) !important; }
html.ammo .mobile-category-item { border-color: var(--a-cizgi) !important; }
html.ammo .mobile-social a { background: var(--a-yuzey) !important; color: var(--a-metin) !important; }

/* ---------- Karşılama alanı ---------- */
.ammo-hero { position: relative; overflow: hidden; padding: 64px 0 56px; border-bottom: 1px solid var(--a-cizgi); }
.ammo-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(600px 340px at 12% 10%, rgba(var(--v1-rgb), .28), transparent 70%),
    radial-gradient(520px 320px at 88% 30%, color-mix(in srgb, var(--v2) 24%, transparent), transparent 70%);
}
.ammo-hero::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background-image: linear-gradient(var(--a-cizgi) 1px, transparent 1px), linear-gradient(90deg, var(--a-cizgi) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(ellipse at 50% 0%, #000 0%, transparent 70%); mask-image: radial-gradient(ellipse at 50% 0%, #000 0%, transparent 70%);
}
.ammo-hero-ic { position: relative; z-index: 1; display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; }
.ammo-hero-ust {
  display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px;
  background: rgba(var(--v1-rgb), .14); border: 1px solid rgba(var(--v1-rgb), .4);
  color: var(--a-vurgu); font: 700 12px/1 Inter, sans-serif; letter-spacing: 1.6px;
}
.ammo-hero-baslik { font-size: clamp(34px, 5vw, 58px) !important; line-height: 1.04 !important; font-weight: 700 !important; margin: 18px 0 16px !important; max-width: 14ch; }
.ammo-hero-metin { color: var(--a-soluk); font-size: 17px; line-height: 1.6; max-width: 52ch; margin: 0 0 26px; }
.ammo-hero-ara {
  display: flex; align-items: center; gap: 10px; max-width: 580px; padding: 7px 7px 7px 16px;
  background: var(--a-giris); border: 1px solid var(--a-cizgi); border-radius: 14px; box-shadow: var(--a-golge);
}
.ammo-hero-ara:focus-within { border-color: rgba(var(--v1-rgb), .8); box-shadow: 0 0 0 4px rgba(var(--v1-rgb), .18), var(--a-golge); }
.ammo-hero-ara > i { color: var(--a-soluk); }
.ammo-hero-ara input { flex: 1; min-width: 0; border: 0 !important; outline: 0; background: transparent !important; color: var(--a-metin); font-size: 15px; height: 40px; }
.ammo-hero-ara input::placeholder { color: var(--a-soluk); }
.ammo-guven-satir { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 0; margin: 22px 0 0; }
.ammo-guven-satir li { color: var(--a-soluk); font-size: 14px; display: inline-flex; align-items: center; gap: 8px; }
.ammo-guven-satir i { color: var(--a-vurgu); }

.ammo-hero-sag { position: relative; min-height: 290px; }
.ammo-kod-kart {
  position: relative; width: min(100%, 400px); margin-left: auto; padding: 22px;
  border-radius: 18px; background: color-mix(in srgb, var(--a-yuzey) 88%, transparent);
  border: 1px solid var(--a-cizgi); box-shadow: var(--a-golge);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.ammo-kod-kart::before { content: ""; position: absolute; inset: -1px; border-radius: 19px; padding: 1px; background: var(--a-grad); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: .7; pointer-events: none; }
.ammo-kod-kart.ikinci { width: min(88%, 340px); margin: 16px auto 0 0; transform: rotate(-2deg); }
.ammo-kod-ust { display: flex; align-items: center; gap: 8px; color: var(--a-soluk); font-size: 13px; font-weight: 600; }
.ammo-kod-sure { margin-left: auto; font-family: "Chakra Petch", monospace; color: var(--a-basari); }
.ammo-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--a-basari); box-shadow: 0 0 0 4px color-mix(in srgb, var(--a-basari) 25%, transparent); animation: ammo-nabiz 1.8s ease-in-out infinite; }
@keyframes ammo-nabiz { 50% { box-shadow: 0 0 0 7px transparent; } }
.ammo-kod-urun { font: 700 20px/1.2 "Chakra Petch", sans-serif; color: var(--a-baslik); margin: 12px 0 14px; }
.ammo-kod-deger { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
.ammo-kod-deger span { text-align: center; padding: 11px 0; border-radius: 10px; background: var(--a-giris); border: 1px dashed var(--a-cizgi); font: 700 17px/1 "Chakra Petch", monospace; letter-spacing: 2px; color: var(--a-baslik); }
.ammo-kod-alt { color: var(--a-soluk); font-size: 13px; display: flex; align-items: center; gap: 8px; }
.ammo-kod-alt i { color: var(--a-basari); }
@media (prefers-reduced-motion: reduce) { .ammo-nokta { animation: none; } }

/* Admin slider açıksa */
html.ammo .hero-slider { border-bottom: 1px solid var(--a-cizgi); }

/* ---------- Bölümler ---------- */
.ammo-bolum { padding: 46px 0; }
.ammo-bolum.alt { background: var(--a-zemin2); border-top: 1px solid var(--a-cizgi); border-bottom: 1px solid var(--a-cizgi); }
.ammo-bolum-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.ammo-baslik { font-size: clamp(22px, 2.4vw, 30px) !important; font-weight: 700 !important; margin: 0 !important; display: flex; align-items: center; gap: 12px; }
.ammo-baslik::before { content: ""; width: 6px; height: 1.1em; border-radius: 3px; background: var(--a-grad); flex: none; }
.ammo-baslik.ortali { justify-content: center; margin-bottom: 26px !important; }
.ammo-tumu { color: var(--a-vurgu) !important; font-weight: 600; font-size: 14.5px; text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; }
.ammo-tumu:hover { gap: 10px; }
.ammo-dar { max-width: 820px; }

/* Oyun kutuları */
.ammo-oyun-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); gap: 16px; }
.ammo-oyun {
  position: relative; display: block; aspect-ratio: 3 / 4; border-radius: var(--a-yaricap); overflow: hidden;
  background: var(--a-yuzey); border: 1px solid var(--a-cizgi); text-decoration: none !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ammo-oyun img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.ammo-oyun::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(5, 7, 14, .92) 0%, rgba(5, 7, 14, 0) 55%); }
.ammo-oyun-ad { position: absolute; left: 14px; right: 14px; bottom: 13px; z-index: 1; color: #fff; font: 700 17px/1.2 "Chakra Petch", sans-serif; }
.ammo-oyun-bos { display: grid; place-items: center; height: 100%; font: 700 64px/1 "Chakra Petch", sans-serif; color: var(--a-soluk); background: var(--a-grad); opacity: .5; }
.ammo-oyun:hover { transform: translateY(-5px); border-color: rgba(var(--v1-rgb), .7); box-shadow: 0 18px 36px rgba(var(--v1-rgb), .25); }
.ammo-oyun:hover img { transform: scale(1.06); }

/* Ürün kartları (ana sayfa) */
.ammo-urun-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)); gap: 16px; }
.ammo-kart {
  display: flex; flex-direction: column; background: var(--a-yuzey); border: 1px solid var(--a-cizgi);
  border-radius: var(--a-yaricap); overflow: hidden; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.ammo-kart:hover { transform: translateY(-4px); border-color: rgba(var(--v1-rgb), .6); box-shadow: var(--a-golge); }
.ammo-kart-resim { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: var(--a-yuzey2); }
.ammo-kart-resim img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.ammo-kart:hover .ammo-kart-resim img { transform: scale(1.05); }
.ammo-indirim { position: absolute; top: 10px; left: 10px; background: var(--a-tehlike); color: #fff; font: 700 12px/1 Inter, sans-serif; padding: 6px 8px; border-radius: 8px; }
.ammo-anlik { position: absolute; top: 10px; right: 10px; background: rgba(5, 7, 14, .7); color: #fff; font: 600 11.5px/1 Inter, sans-serif; padding: 6px 8px; border-radius: 8px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.ammo-anlik i { color: #facc15; }
.ammo-kart-govde { display: flex; flex-direction: column; gap: 8px; padding: 13px 14px 14px; flex: 1; }
.ammo-etiket { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; font: 600 11.5px/1 Inter, sans-serif; padding: 5px 8px; border-radius: 7px; background: var(--a-yuzey2); color: var(--a-soluk); border: 1px solid var(--a-cizgi); }
.ammo-etiket.yukleme { color: var(--a-vurgu); border-color: rgba(var(--v1-rgb), .35); background: rgba(var(--v1-rgb), .1); }
.ammo-kart-ad { margin: 0 !important; font: 600 15px/1.35 Inter, sans-serif !important; letter-spacing: 0 !important; }
.ammo-kart-ad a { color: var(--a-baslik) !important; text-decoration: none; }
.ammo-kart-alt { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 4px; }
.ammo-fiyat { display: flex; flex-direction: column; line-height: 1.15; }
.ammo-fiyat s { color: var(--a-soluk); font-size: 12.5px; }
.ammo-fiyat b { font: 700 19px/1.1 "Chakra Petch", sans-serif; color: var(--a-baslik); }
.ammo-kart .add-to-cart { position: static !important; width: auto !important; opacity: 1 !important; transform: none !important; }
.ammo-kart .add-to-cart.yukleniyor { opacity: .6 !important; }
.ammo-kart .add-to-cart.eklendi { background: var(--a-basari) !important; color: #fff !important; }
.ammo-kart .add-to-cart.eklendi i::before { content: "\f00c"; }

/* Adımlar */
.ammo-adim-liste { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; counter-reset: none; }
.ammo-adim-liste li { position: relative; background: var(--a-yuzey); border: 1px solid var(--a-cizgi); border-radius: var(--a-yaricap); padding: 26px 22px 22px; overflow: hidden; }
.ammo-adim-liste li > i { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: rgba(var(--v1-rgb), .14); color: var(--a-vurgu); font-size: 20px; }
.ammo-adim-liste h3 { font-size: 19px !important; margin: 16px 0 8px !important; }
.ammo-adim-liste p { color: var(--a-soluk); margin: 0; line-height: 1.6; font-size: 14.5px; }
.ammo-adim-no { position: absolute; right: 14px; top: -4px; font: 700 88px/1 "Chakra Petch", sans-serif; color: var(--a-cizgi); opacity: .55; pointer-events: none; }

/* SSS */
.ammo-sss details { background: var(--a-yuzey); border: 1px solid var(--a-cizgi); border-radius: 12px; margin-bottom: 10px; }
.ammo-sss summary { cursor: pointer; list-style: none; padding: 16px 48px 16px 18px; font-weight: 600; color: var(--a-baslik); position: relative; }
.ammo-sss summary::-webkit-details-marker { display: none; }
.ammo-sss summary::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font: 600 22px/1 Inter, sans-serif; color: var(--a-vurgu); }
.ammo-sss details[open] summary::after { content: "–"; }
.ammo-sss details[open] { border-color: rgba(var(--v1-rgb), .45); }
.ammo-sss details p { margin: 0; padding: 0 18px 18px; color: var(--a-soluk); line-height: 1.65; }

/* Sepete eklendi bildirimi */
.ammo-bildirim {
  position: fixed; left: 50%; bottom: 24px; z-index: 3000; transform: translate(-50%, 140%);
  background: var(--a-yuzey); color: var(--a-metin); border: 1px solid var(--a-cizgi); border-left: 4px solid var(--a-basari);
  border-radius: 12px; padding: 13px 16px; box-shadow: var(--a-golge); font-size: 14.5px; display: flex; align-items: center; gap: 10px;
  max-width: calc(100vw - 32px); transition: transform .3s ease; pointer-events: none;
}
.ammo-bildirim.acik { transform: translate(-50%, 0); pointer-events: auto; }
.ammo-bildirim.hata { border-left-color: var(--a-tehlike); }
.ammo-bildirim i { color: var(--a-basari); }
.ammo-bildirim.hata i { color: var(--a-tehlike); }
.ammo-bildirim a { color: var(--a-vurgu) !important; font-weight: 700; margin-left: 6px; white-space: nowrap; }

/* ---------- Site özellikleri (modül) ---------- */
html.ammo .features { background: var(--a-zemin) !important; padding: 36px 0 46px; }
html.ammo .feature-item { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi) !important; border-radius: var(--a-yaricap) !important; box-shadow: none !important; }
html.ammo .feature-item i { color: var(--a-vurgu) !important; }
html.ammo .feature-item h3 { color: var(--a-baslik) !important; font-size: 17px !important; }
html.ammo .feature-item p { color: var(--a-soluk) !important; }

/* Kampanya modülü */
html.ammo .deals { background: var(--a-zemin) !important; }
html.ammo .deals-wrapper { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi); border-radius: 18px !important; box-shadow: var(--a-golge) !important; }
html.ammo .deals-content p { color: var(--a-soluk) !important; }
html.ammo .countdown-item .number, html.ammo .countdown-item > :first-child { background: var(--a-grad) !important; color: var(--vm) !important; box-shadow: none !important; border-radius: 10px !important; }
html.ammo .countdown-item .text { color: var(--a-soluk) !important; }

/* ---------- Alt bilgi ---------- */
html.ammo .footer { background: var(--a-zemin2) !important; border-top: 1px solid var(--a-cizgi); color: var(--a-soluk); }
html.ammo .footer-title { color: var(--a-baslik) !important; font-size: 17px !important; }
html.ammo .footer-title::after { background: var(--a-grad) !important; }
html.ammo .footer a, html.ammo .footer li, html.ammo .footer p, html.ammo .footer span, html.ammo .footer-description { color: var(--a-soluk) !important; }
html.ammo .footer a:hover { color: var(--a-baslik) !important; }
html.ammo .footer-bottom { border-top: 1px solid var(--a-cizgi) !important; }
html.ammo .footer-social a { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi); color: var(--a-metin) !important; }
html.ammo .footer-social a:hover { background: var(--a-grad) !important; color: var(--vm) !important; }
html.ammo .footer-social a:hover i { color: var(--vm) !important; }

/* ---------- Kategori ve tüm ürünler ---------- */
html.ammo .category-header, html.ammo .breadcrumb, html.ammo .page-header { background: transparent !important; border-color: var(--a-cizgi) !important; }
html.ammo .category-title { font-size: clamp(26px, 3vw, 36px) !important; }
html.ammo .filter-sidebar, html.ammo .filter-group, html.ammo .products-header {
  background: var(--a-yuzey) !important; border-color: var(--a-cizgi) !important; color: var(--a-metin) !important; box-shadow: none !important;
}
html.ammo .filter-sidebar { border: 1px solid var(--a-cizgi) !important; border-radius: var(--a-yaricap) !important; }
html.ammo .filter-title, html.ammo .filter-header, html.ammo .filter-header h3, html.ammo .products-count { color: var(--a-metin) !important; }
html.ammo .filter-option, html.ammo .filter-option label { color: var(--a-soluk) !important; }
html.ammo .checkmark { background: var(--a-giris) !important; border-color: var(--a-cizgi) !important; }
html.ammo .filter-toggle, html.ammo .filter-close-btn { background: var(--a-yuzey2) !important; color: var(--a-metin) !important; border: 1px solid var(--a-cizgi) !important; }
html.ammo .products-header { border: 1px solid var(--a-cizgi) !important; border-radius: 12px !important; }
html.ammo .pagination a, html.ammo .pagination span { background: var(--a-yuzey) !important; color: var(--a-metin) !important; border: 1px solid var(--a-cizgi) !important; border-radius: 9px !important; }
html.ammo .pagination .active, html.ammo .pagination a.active { background: var(--a-grad) !important; color: var(--vm) !important; border-color: transparent !important; }

/* Eski ürün kartları (kategori, arama, ürün sayfası "benzer ürünler") */
html.ammo .bestsellers, html.ammo .categories { background: transparent !important; }
html.ammo .product-item {
  background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi) !important; border-radius: var(--a-yaricap) !important;
  overflow: hidden; box-shadow: none !important; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
html.ammo .product-item:hover { transform: translateY(-4px); border-color: rgba(var(--v1-rgb), .6) !important; box-shadow: var(--a-golge) !important; }
html.ammo .product-img { background: var(--a-yuzey2) !important; aspect-ratio: 1; }
html.ammo .product-img img { width: 100%; height: 100%; object-fit: cover; }
html.ammo .product-info { text-align: left !important; padding: 13px 14px 16px !important; }
html.ammo .product-title, html.ammo .product-info .product-title {
  font: 600 15px/1.35 Inter, sans-serif !important; color: var(--a-baslik) !important; letter-spacing: 0 !important; text-align: left !important;
}
html.ammo .product-price { justify-content: flex-start !important; gap: 8px; }
html.ammo .product-price .discount-price, html.ammo .discount-price { color: var(--a-baslik) !important; font: 700 19px/1.1 "Chakra Petch", sans-serif !important; }
html.ammo .old-price, html.ammo .product-price .old-price { color: var(--a-soluk) !important; }
html.ammo .product-discount { background: var(--a-tehlike) !important; color: #fff !important; border-radius: 8px !important; font-weight: 700 !important; }
html.ammo .product-new { background: var(--a-grad) !important; color: var(--vm) !important; border-radius: 8px !important; font-weight: 700 !important; }
html.ammo .product-actions .add-to-cart, html.ammo .add-to-cart {
  background: var(--a-grad) !important; color: var(--vm) !important; border: 0 !important; border-radius: 10px !important; font-weight: 600 !important;
}
html.ammo .sort-select, html.ammo select, html.ammo input[type="text"], html.ammo input[type="email"], html.ammo input[type="tel"],
html.ammo input[type="password"], html.ammo input[type="number"], html.ammo input[type="search"], html.ammo textarea {
  background-color: var(--a-giris) !important; color: var(--a-metin) !important; border-color: var(--a-cizgi) !important;
}
html.ammo input::placeholder, html.ammo textarea::placeholder { color: var(--a-soluk) !important; }
html.ammo input:focus, html.ammo select:focus, html.ammo textarea:focus { border-color: rgba(var(--v1-rgb), .8) !important; box-shadow: 0 0 0 3px rgba(var(--v1-rgb), .16) !important; outline: none; }
html.ammo .currency { color: var(--a-soluk) !important; }

/* ---------- Ürün detay ---------- */
html.ammo .product-detail-section { background: transparent !important; }
html.ammo .product-gallery, html.ammo .main-image-container, html.ammo .img-zoom-container {
  background: var(--a-yuzey) !important; border-radius: 18px !important; border-color: var(--a-cizgi) !important;
}
html.ammo .main-image-container { border: 1px solid var(--a-cizgi) !important; overflow: hidden; }
html.ammo .thumbnail { border-color: var(--a-cizgi) !important; border-radius: 10px !important; background: var(--a-yuzey) !important; }
html.ammo .thumbnail.active { border-color: var(--v1) !important; }
html.ammo .product-info-container { color: var(--a-metin); }
html.ammo .product-titlee { font-size: clamp(26px, 3vw, 36px) !important; color: var(--a-baslik) !important; }
html.ammo .product-code { color: var(--a-soluk) !important; }
html.ammo .detail-product-price { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi) !important; border-radius: 14px !important; padding: 16px 18px !important; }
html.ammo .detail-current-price { color: var(--a-baslik) !important; font-family: "Chakra Petch", sans-serif !important; }
html.ammo .detail-old-price { color: var(--a-soluk) !important; }
html.ammo .detail-discount-badge { background: var(--a-tehlike) !important; color: #fff !important; border-radius: 8px !important; }
html.ammo .detail-quantity-selector, html.ammo .detail-quantity-btn, html.ammo .detail-quantity-input {
  background: var(--a-yuzey) !important; color: var(--a-metin) !important; border-color: var(--a-cizgi) !important;
}
html.ammo .detail-add-to-cart {
  background: var(--a-grad) !important; color: var(--vm) !important; border: 0 !important; border-radius: 12px !important;
  font-weight: 700 !important; box-shadow: 0 10px 26px rgba(var(--v1-rgb), .3) !important;
}
html.ammo .detail-add-to-cart i, html.ammo .detail-add-to-cart span { color: var(--vm) !important; }
html.ammo .product-features { border-color: var(--a-cizgi) !important; }
html.ammo .product-features .feature { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi) !important; border-radius: 12px !important; color: var(--a-metin) !important; padding: 12px 14px !important; display: flex; align-items: center; gap: 10px; }
html.ammo .product-features .feature i, html.ammo .fa-shield-alt, html.ammo .product-features .fa-bolt { color: var(--a-vurgu) !important; }
html.ammo .product-description, html.ammo .description-content { background: var(--a-yuzey) !important; border-color: var(--a-cizgi) !important; color: var(--a-metin) !important; border-radius: 16px !important; }
html.ammo .description-content h3 { font-size: 20px !important; color: var(--a-baslik) !important; }
html.ammo .description-content li::before { background: var(--v1) !important; }
html.ammo .fullscreen-viewer { background: rgba(5, 7, 14, .95) !important; }

/* ---------- Sepet, ödeme, sipariş sayfaları ---------- */
html.ammo .cart-section, html.ammo .checkout-section, html.ammo .order-complete, html.ammo .siparis-sonuc,
html.ammo .siparis-takip, html.ammo .payment-methods { background: transparent !important; color: var(--a-metin); }
html.ammo .cart-container, html.ammo .cart-items, html.ammo .cart-summary, html.ammo .cart-item, html.ammo .summary-box,
html.ammo .checkout-container, html.ammo .checkout-form, html.ammo .checkout-summary, html.ammo .order-summary,
html.ammo .payment-method, html.ammo .payment-card, html.ammo .order-box, html.ammo .order-details, html.ammo .order-info,
html.ammo .tracking-box, html.ammo .tracking-form, html.ammo .form-box, html.ammo .contact-form, html.ammo .contact-info,
html.ammo .card, html.ammo .card-body, html.ammo .card-header, html.ammo .table, html.ammo .table td, html.ammo .table th {
  background-color: var(--a-yuzey) !important; color: var(--a-metin) !important; border-color: var(--a-cizgi) !important;
}
html.ammo hr { border-color: var(--a-cizgi) !important; }
html.ammo label { color: var(--a-metin); }
html.ammo small, html.ammo .text-muted { color: var(--a-soluk) !important; }

/* Sağdaki WhatsApp düğmesi mobil alt çubuğun üstünde kalsın */
html.ammo .support-button { box-shadow: 0 10px 24px rgba(0, 0, 0, .35) !important; }

/* ---------- Mobil alt çubuk ---------- */
.ammo-alt-cubuk { display: none; }
@media (max-width: 991px) {
  html.ammo .main-header-container { padding-top: 10px; padding-bottom: 10px; gap: 12px; }
  html.ammo .header { position: sticky; }
  html.ammo .nav-menu { display: none; }
  .ammo-logo { font-size: 22px; }
  .ammo-logo-ikon { width: 32px; height: 32px; font-size: 15px; }
  /* Telefonda sepet ve hesap alt çubukta; üstte yalnız açık/koyu düğmesi */
  html.ammo .main-header-container { flex-wrap: nowrap !important; }
  html.ammo .header-left { display: contents !important; }
  html.ammo .logo { order: 1; margin-right: auto; }
  html.ammo .search-container { order: 2; margin: 0 !important; }
  html.ammo .header-actions { display: flex !important; order: 3; margin: 0 !important; }
  html.ammo .mobile-menu-btn { order: 4; }
  html.ammo .header-actions .uye-header-link, html.ammo .header-actions .cart-icon { display: none !important; }
  .ammo-mod-dugme { width: 38px; height: 38px; }

  .ammo-alt-cubuk {
    display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 1500;
    background: var(--a-ust-zemin); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border-top: 1px solid var(--a-cizgi); padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
  }
  .ammo-alt-cubuk a { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px 0; color: var(--a-soluk) !important; font-size: 11px; font-weight: 600; text-decoration: none; }
  .ammo-alt-cubuk a i { font-size: 18px; }
  .ammo-alt-cubuk a:hover, .ammo-alt-cubuk a:focus-visible { color: var(--a-baslik) !important; }
  .ammo-alt-cubuk .ammo-sepet-adet { top: 0; left: calc(50% + 6px); }
  html.ammo body { padding-bottom: 70px; }
  html.ammo .support-button { bottom: 84px !important; }
  html.ammo .chat-container { bottom: 140px !important; }
  .ammo-bildirim { bottom: 84px; }
}
@media (max-width: 860px) {
  .ammo-hero { padding: 34px 0 30px; }
  .ammo-hero-ic { grid-template-columns: 1fr; gap: 28px; }
  .ammo-hero-sag { min-height: 0; }
  .ammo-kod-kart { margin: 0; width: 100%; }
  .ammo-kod-kart.ikinci { display: none; }
  .ammo-adim-liste { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  html.ammo .search-container { display: none; }
  html.ammo .header-left { flex: 1; }
  .ammo-hero-metin { font-size: 15.5px; }
  .ammo-hero-ara { padding-left: 12px; }
  .ammo-hero-ara .ammo-btn { padding: 11px 14px; }
  .ammo-guven-satir li { font-size: 13px; }
  .ammo-bolum { padding: 32px 0; }
  .ammo-oyun-izgara { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .ammo-oyun-ad { font-size: 13.5px; left: 10px; bottom: 9px; }
  .ammo-urun-izgara { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .ammo-kart-govde { padding: 10px 10px 12px; gap: 6px; }
  .ammo-kart-ad { font-size: 13.5px !important; }
  .ammo-fiyat b { font-size: 16.5px; }
  .ammo-kart .add-to-cart span { display: none; }
  .ammo-kart .add-to-cart { padding: 10px 12px; }
  .ammo-etiket { font-size: 10.5px; padding: 4px 6px; }
  .ammo-anlik { display: none; }
}

/* ---------- Çerez bandı (inc/tracking.php satır içi stillerini ezer) ---------- */
html.ammo #ms-cerez-banner {
  background: var(--a-yuzey) !important; color: var(--a-metin) !important; border: 1px solid var(--a-cizgi) !important;
  border-radius: 14px !important; box-shadow: var(--a-golge) !important; font-family: Inter, sans-serif !important;
}
html.ammo #ms-cerez-banner a { color: var(--a-vurgu) !important; }
html.ammo #ms-cerez-banner button { border-radius: 10px !important; font-weight: 600 !important; padding: 10px 18px !important; }
html.ammo #ms-cerez-banner button:first-of-type { background: transparent !important; color: var(--a-metin) !important; border: 1px solid var(--a-cizgi) !important; }
html.ammo #ms-cerez-banner button:last-of-type { background: var(--a-grad) !important; color: var(--vm) !important; }
@media (max-width: 991px) { html.ammo #ms-cerez-banner { bottom: 80px !important; } }
html.ammo .footer-logo .ammo-logo { font-size: 24px; }

/* ---------- Kategori başlık bandı ---------- */
html.ammo .breadcrumb-container {
  position: relative; background-color: var(--a-zemin2) !important; background-size: cover; background-position: center;
  border-bottom: 1px solid var(--a-cizgi);
}
html.ammo .breadcrumb-container::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(520px 260px at 15% 0%, rgba(var(--v1-rgb), .35), transparent 70%), linear-gradient(to top, var(--a-zemin) 0%, rgba(0,0,0,.35) 100%);
}
html.ammo .breadcrumb-container .container { position: relative; z-index: 1; }
html.ammo .breadcrumb-title { color: #fff !important; text-transform: none !important; font-size: clamp(28px, 4vw, 44px) !important; text-align: left !important; }
html.ammo .breadcrumb-content { text-align: left !important; }
html.ammo .breadcrumb-content a, html.ammo .breadcrumb-content span, html.ammo .breadcrumb-content li { color: rgba(255,255,255,.75) !important; }
html.ammo .category-header { display: none !important; }

/* Ürün sayfası ek düzeltmeler */
html.ammo .product-features { background: transparent !important; box-shadow: none !important; padding: 0 !important; }
html.ammo .product-features .feature span { color: var(--a-metin) !important; }
html.ammo .detail-discount-badge { white-space: nowrap !important; padding: 6px 9px !important; font-size: 13px !important; line-height: 1 !important; }
html.ammo .detail-product-price { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; }
html.ammo .section-title { font-size: clamp(22px, 2.6vw, 30px) !important; }
html.ammo .section-title::after { background: var(--a-grad) !important; }

/* ---------- Eski değişkenleri temaya bağla ---------- */
html.ammo {
  --primary-color: var(--a-vurgu);
  --primary-color-dark: var(--v1);
  --primary-color-rgb: var(--v1-rgb);
  --secondary-color: var(--a-soluk);
  --text-color: var(--a-metin);
  --dark-color: var(--a-baslik);
  --light-color: var(--a-yuzey2);
  --border-color: var(--a-cizgi);
  --red-color: var(--v1);
  --uye-krem: var(--a-yuzey2);
  --uye-krem-koyu: var(--a-yuzey);
  --uye-zeytin: var(--a-vurgu);
  --uye-zeytin-koyu: var(--v1);
  --uye-toprak: var(--a-vurgu);
  --uye-murekkep: var(--a-baslik);
  --uye-gri: var(--a-soluk);
  --uye-cizgi: var(--a-cizgi);
  --uye-hata: var(--a-tehlike);
  --uye-basari: var(--a-basari);
  --uye-serif: "Chakra Petch", Inter, sans-serif;
}
html.ammo input[type="checkbox"], html.ammo input[type="radio"] { width: auto !important; flex: none; accent-color: var(--v1); }

/* ---------- Sepet ---------- */
html.ammo .page-title { color: var(--a-baslik) !important; }
html.ammo .cart-sepet-product-title, html.ammo .cart-sepet-product-title a { color: var(--a-baslik) !important; }
html.ammo .cart-sepet-price, html.ammo .cart-sepet-total, html.ammo .desktop-price { color: var(--a-baslik) !important; font-weight: 700; }
html.ammo .cart-sepet-product-code, html.ammo .summary-label { color: var(--a-soluk) !important; }
html.ammo .summary-value { color: var(--a-metin) !important; }
html.ammo .summary-title { color: var(--a-baslik) !important; font-family: "Chakra Petch", sans-serif; }
html.ammo .summary-total .summary-label { color: var(--a-baslik) !important; font-weight: 700; }
html.ammo .summary-total .summary-value { color: var(--a-baslik) !important; font: 700 24px/1.1 "Chakra Petch", sans-serif !important; }
html.ammo .summary-row.cart-discount .summary-value { color: var(--a-basari) !important; }
html.ammo .quantity-btn, html.ammo .quantity-input, html.ammo .quantity-selector, html.ammo .cart-quantity {
  color: var(--a-metin) !important; border-color: var(--a-cizgi) !important; background-color: var(--a-giris) !important;
}
html.ammo .remove-item { color: var(--a-soluk) !important; }
html.ammo .remove-item:hover { color: var(--a-tehlike) !important; }
html.ammo .apply-coupon { background: var(--a-yuzey2) !important; color: var(--a-baslik) !important; border: 1px solid var(--a-cizgi) !important; }
html.ammo .checkout-btn, html.ammo .continue-shopping, html.ammo .pay-button, html.ammo .complete-order {
  background: var(--a-grad) !important; color: var(--vm) !important; border: 0 !important; border-radius: 12px !important;
  font-weight: 700 !important; box-shadow: 0 10px 26px rgba(var(--v1-rgb), .3);
}
html.ammo .checkout-btn:hover, html.ammo .pay-button:hover, html.ammo .complete-order:hover { filter: brightness(1.08); }
html.ammo .continue-shopping-link { color: var(--a-soluk) !important; }
html.ammo .continue-shopping-link:hover { color: var(--a-baslik) !important; }
html.ammo .empty-cart-icon { color: var(--a-cizgi) !important; }
html.ammo .empty-cart p { color: var(--a-soluk) !important; }
html.ammo .related-products { background: transparent !important; }
html.ammo .cart-items, html.ammo .cart-summary { border: 1px solid var(--a-cizgi) !important; border-radius: 16px !important; box-shadow: none !important; }
html.ammo .cart-item, html.ammo .cart-sepet-item { border-color: var(--a-cizgi) !important; }
html.ammo .cart-header, html.ammo .cart-table-header { color: var(--a-soluk) !important; border-color: var(--a-cizgi) !important; background: transparent !important; }

/* ---------- Ödeme ---------- */
html.ammo .step-icon { background: var(--a-yuzey2) !important; color: var(--a-soluk) !important; border: 1px solid var(--a-cizgi); }
html.ammo .checkout-step.active .step-icon, html.ammo .step.active .step-icon { background: var(--a-grad) !important; color: var(--vm) !important; border-color: transparent; box-shadow: 0 6px 18px rgba(var(--v1-rgb), .35); }
html.ammo .step-label, html.ammo .step-text { color: var(--a-soluk) !important; }
html.ammo .checkout-step.active .step-label, html.ammo .step.active .step-text { color: var(--a-baslik) !important; font-weight: 600; }
html.ammo .step-connector, html.ammo .step:not(:last-child):after { background: var(--a-cizgi) !important; }
html.ammo .order-items-section, html.ammo .order-summary { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi) !important; border-radius: 14px !important; box-shadow: none !important; }
html.ammo .order-items-section h3, html.ammo .item-details h4, html.ammo .order-item h4 { color: var(--a-baslik) !important; }
html.ammo .item-details p, html.ammo .order-product-code, html.ammo .order-product-qty { color: var(--a-soluk) !important; }
html.ammo .order-item { border-color: var(--a-cizgi) !important; }
html.ammo .section-icon { background: var(--a-yuzey2) !important; color: var(--a-vurgu) !important; }
html.ammo .form-group label, html.ammo .info-text, html.ammo .coupon-label { color: var(--a-soluk) !important; }
html.ammo .uye-odeme-oneri { background: rgba(var(--v1-rgb), .1) !important; border: 1px dashed rgba(var(--v1-rgb), .45) !important; color: var(--a-metin) !important; }
html.ammo .uye-odeme-oneri a { color: var(--a-vurgu) !important; }
html.ammo .ep-hata, html.ammo .ks-mesaj.ks-hata { background: color-mix(in srgb, var(--a-tehlike) 14%, transparent) !important; color: var(--a-tehlike) !important; border: 1px solid color-mix(in srgb, var(--a-tehlike) 40%, transparent); }
html.ammo .ks-mesaj.ks-basari { background: color-mix(in srgb, var(--a-basari) 14%, transparent) !important; color: var(--a-basari) !important; }
html.ammo .ks-mesaj:not(.ks-hata):not(.ks-basari) { background: var(--a-yuzey2) !important; color: var(--a-metin) !important; }
html.ammo .apply-coupon[style] { background: transparent !important; color: var(--a-metin) !important; border: 1px solid var(--a-cizgi) !important; }

/* Ödeme yöntemleri */
html.ammo .payment-method-tab { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi) !important; color: var(--a-metin) !important; border-radius: 14px !important; }
html.ammo .payment-method-tab:hover { background: var(--a-yuzey2) !important; }
html.ammo .payment-method-tab.active { background: var(--a-yuzey2) !important; border-color: var(--v1) !important; box-shadow: 0 0 0 3px rgba(var(--v1-rgb), .2); }
html.ammo .payment-method-info h3, html.ammo .payment-method-tab.active .payment-method-info h3 { color: var(--a-baslik) !important; }
html.ammo .payment-method-info p, html.ammo .payment-method-tab.active .payment-method-info p { color: var(--a-soluk) !important; }
html.ammo .payment-method-icon, html.ammo .payment-method-tab.active .payment-method-icon { background: var(--a-grad) !important; color: var(--vm) !important; }
html.ammo .payment-method-content, html.ammo .bank-account, html.ammo .upload-area, html.ammo .uploaded-file, html.ammo .selected-address {
  background: var(--a-yuzey) !important; border-color: var(--a-cizgi) !important; color: var(--a-metin) !important;
}
html.ammo .bank-details p, html.ammo .file-size, html.ammo .file-info i, html.ammo .browse-link { color: var(--a-metin) !important; }
html.ammo .copy-iban { color: var(--a-vurgu) !important; border-color: var(--a-cizgi) !important; }
html.ammo .copy-iban:hover { background: var(--a-yuzey2) !important; }
html.ammo .secure-payment-info { background: rgba(var(--v1-rgb), .1) !important; color: var(--a-metin) !important; border: 1px solid rgba(var(--v1-rgb), .3); }
html.ammo .secure-payment-info i { color: var(--a-vurgu) !important; }
html.ammo .receipt-upload p, html.ammo .input-icon, html.ammo .card-icons i, html.ammo .upload-icon { color: var(--a-soluk) !important; }

/* ---------- Üyelik (giriş, kayıt, hesabım, kodlarım) ---------- */
html.ammo .uye-sayfa { background: var(--a-zemin) !important; }
html.ammo .uye-kart { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi) !important; border-radius: 18px !important; box-shadow: var(--a-golge) !important; }
html.ammo .uye-baslik, html.ammo .uye-bolum h2, html.ammo .uye-bolum h3, html.ammo .uye-alan label { color: var(--a-baslik) !important; }
html.ammo .uye-alt, html.ammo .uye-not, html.ammo .uye-alan small, html.ammo .uye-onay, html.ammo .uye-alt-link, html.ammo .uye-ayrac { color: var(--a-soluk) !important; }
html.ammo .uye-alan input, html.ammo .uye-alan select, html.ammo .uye-alan textarea { background: var(--a-giris) !important; color: var(--a-metin) !important; border: 1px solid var(--a-cizgi) !important; }
html.ammo .uye-alan input:focus { background: var(--a-giris) !important; }
html.ammo .uye-buton { background: var(--a-grad) !important; color: var(--vm) !important; font-weight: 700; border-radius: 12px !important; }
html.ammo .uye-buton-ikincil, html.ammo .uye-buton.uye-buton-uyeol {
  background: transparent !important; color: var(--a-baslik) !important; border: 1px solid var(--a-cizgi) !important;
}
html.ammo .uye-buton.uye-buton-uyeol:hover, html.ammo .uye-buton-ikincil:hover { border-color: var(--v1) !important; background: rgba(var(--v1-rgb), .1) !important; }
html.ammo .uye-buton-tehlike { background: var(--a-tehlike) !important; color: #fff !important; }
html.ammo .uye-avantaj { background: rgba(var(--v1-rgb), .08) !important; border: 1px solid rgba(var(--v1-rgb), .3) !important; border-radius: 14px !important; }
html.ammo .uye-avantaj-baslik { color: var(--a-vurgu) !important; }
html.ammo .uye-avantaj li b { color: var(--a-baslik) !important; }
html.ammo .uye-avantaj li small { color: var(--a-soluk) !important; }
html.ammo .uye-avantaj li i { color: var(--a-vurgu) !important; }
html.ammo .uye-uyari-hata { background: color-mix(in srgb, var(--a-tehlike) 14%, transparent) !important; border-color: color-mix(in srgb, var(--a-tehlike) 40%, transparent) !important; }
html.ammo .uye-uyari-basari { background: color-mix(in srgb, var(--a-basari) 14%, transparent) !important; border-color: color-mix(in srgb, var(--a-basari) 40%, transparent) !important; }
html.ammo .uye-sekmeler a { background: var(--a-yuzey) !important; border-color: var(--a-cizgi) !important; color: var(--a-metin) !important; }
html.ammo .uye-sekmeler a:hover, html.ammo .uye-sekmeler a.aktif { border-color: var(--v1) !important; color: var(--a-baslik) !important; }
html.ammo .uye-tablo th, html.ammo .uye-tablo td[data-baslik]::before { color: var(--a-soluk) !important; }
html.ammo .uye-tablo td, html.ammo .uye-tablo tr { border-color: var(--a-cizgi) !important; color: var(--a-metin); }
html.ammo .uye-durum { background: var(--a-yuzey2) !important; color: var(--a-metin) !important; }
html.ammo .uye-durum-3 { background: rgba(59, 130, 246, .15) !important; color: #60a5fa !important; }
html.ammo .uye-durum-4, html.ammo .uye-etiket { background: color-mix(in srgb, var(--a-basari) 15%, transparent) !important; color: var(--a-basari) !important; }
html.ammo .uye-durum-5 { background: color-mix(in srgb, var(--a-tehlike) 15%, transparent) !important; color: var(--a-tehlike) !important; }
html.ammo .uye-baglantilar, html.ammo .uye-sosyal { border-color: var(--a-cizgi) !important; }
html.ammo .uye-hizli-hesap { background: rgba(var(--v1-rgb), .08) !important; border: 1px solid rgba(var(--v1-rgb), .3) !important; }
html.ammo .uye-hizli-hesap h3, html.ammo .uye-hizli-hesap ul { color: var(--a-baslik) !important; }
html.ammo .uye-hizli-hesap p, html.ammo .uye-hizli-hesap .uye-hizli-not { color: var(--a-soluk) !important; }
html.ammo .uye-hizli-hesap button { background: var(--a-grad) !important; color: var(--vm) !important; }
html.ammo .uye-hizli-hesap input[type=password] { border-color: var(--a-cizgi) !important; }

/* ---------- Sipariş takip ---------- */
html.ammo .order-tracking-form { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi); border-radius: 18px !important; }
html.ammo .order-tracking-form h2, html.ammo .order-tracking-info h3, html.ammo .step-content h4, html.ammo .faq-item h4 { color: var(--a-baslik) !important; }
html.ammo .order-tracking-form p, html.ammo .step-content p, html.ammo .faq-item p { color: var(--a-soluk) !important; }
html.ammo .faq-item { border-color: var(--a-cizgi) !important; }
html.ammo .btn-track { background: var(--a-grad) !important; color: var(--vm) !important; border-radius: 12px !important; font-weight: 700 !important; }
html.ammo .order-tracking-info h3::after { background: var(--a-grad) !important; }
html.ammo .order-tracking-info .step-icon { background: rgba(var(--v1-rgb), .15) !important; color: var(--a-vurgu) !important; border: 0; }
html.ammo .form-group input { border-radius: 10px !important; }
html.ammo .alert-danger { background: color-mix(in srgb, var(--a-tehlike) 14%, transparent) !important; color: var(--a-tehlike) !important; border-color: color-mix(in srgb, var(--a-tehlike) 40%, transparent) !important; }
html.ammo .alert-success { background: color-mix(in srgb, var(--a-basari) 14%, transparent) !important; color: var(--a-basari) !important; border-color: color-mix(in srgb, var(--a-basari) 40%, transparent) !important; }

/* ---------- İletişim ---------- */
html.ammo .contact-title { color: var(--a-baslik) !important; text-transform: none !important; }
html.ammo .contact-title:after, html.ammo .contact-form h3:after, html.ammo .social-title:after { background: var(--a-grad) !important; }
html.ammo .contact-box { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi); border-radius: 16px !important; color: var(--a-metin) !important; }
html.ammo .contact-box h3, html.ammo .contact-box h4 { color: var(--a-baslik) !important; }
html.ammo .contact-box p, html.ammo .contact-box a { color: var(--a-soluk) !important; }
html.ammo .contact-box:hover { background: var(--a-yuzey2) !important; border-color: var(--v1); }
html.ammo .box-icon, html.ammo .contact-box:hover .box-icon { background: var(--a-grad) !important; color: var(--vm) !important; }
html.ammo .contact-form h3 { color: var(--a-baslik) !important; }
html.ammo .form-control { background: var(--a-giris) !important; color: var(--a-metin) !important; border-color: var(--a-cizgi) !important; border-radius: 10px !important; }
html.ammo .submit-btn { background: var(--a-grad) !important; color: var(--vm) !important; border-radius: 12px !important; font-weight: 700; }
html.ammo .social-section { background: var(--a-zemin2) !important; border-top: 1px solid var(--a-cizgi); }
html.ammo .social-icon:before { background: var(--a-grad) !important; }
html.ammo .contact-map { border-radius: 16px; overflow: hidden; background: var(--a-yuzey) !important; }

/* ---------- Sipariş tamamlandı ---------- */
html.ammo .order-complete-container { color: var(--a-metin) !important; }
html.ammo .order-complete-box { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi); border-radius: 18px !important; overflow: hidden; box-shadow: var(--a-golge) !important; }
html.ammo .order-complete-header {
  background: radial-gradient(500px 220px at 50% 0%, rgba(var(--v1-rgb), .35), transparent 70%), var(--a-yuzey2) !important;
  color: var(--a-metin) !important; border-bottom: 1px solid var(--a-cizgi);
}
html.ammo .order-complete-header h1, html.ammo .order-complete-header h2 { color: var(--a-baslik) !important; text-transform: none !important; }
html.ammo .order-complete-header p, html.ammo .order-complete-header i { color: var(--a-soluk) !important; }
html.ammo .order-complete-header .fa-bolt { color: var(--a-vurgu) !important; }
html.ammo .order-complete-icon { background: var(--a-basari) !important; color: #fff !important; border-color: color-mix(in srgb, var(--a-basari) 40%, transparent) !important; box-shadow: 0 0 0 8px color-mix(in srgb, var(--a-basari) 18%, transparent); }
html.ammo .order-complete-icon i { color: #fff !important; }
html.ammo .order-info-box, html.ammo .order-gray-box { background: var(--a-yuzey2) !important; border: 1px solid var(--a-cizgi); border-radius: 12px !important; }
html.ammo .order-info-box:hover, html.ammo .order-product-item:hover { background: var(--a-yuzey2) !important; }
html.ammo .order-info-label, html.ammo .order-product-code, html.ammo .order-summary-row, html.ammo .address-info p { color: var(--a-soluk) !important; }
html.ammo .order-info-value, html.ammo .order-detail-title, html.ammo .order-section-subtitle, html.ammo .order-product-title,
html.ammo .order-payment-title, html.ammo .order-summary-total, html.ammo .order-complete-box h2, html.ammo .order-address-info p strong { color: var(--a-baslik) !important; }
html.ammo .order-product-price { color: var(--a-baslik) !important; font-family: "Chakra Petch", sans-serif; }
html.ammo .order-detail-title::after, html.ammo .order-payment-title::after, html.ammo .order-complete-box h2::after { background: var(--a-grad) !important; }
html.ammo .order-product-item { border-color: var(--a-cizgi) !important; }
html.ammo .order-btn-light { background: transparent !important; color: var(--a-baslik) !important; border: 1px solid var(--a-cizgi) !important; border-radius: 12px !important; }
html.ammo .order-btn-dark { background: var(--a-grad) !important; color: var(--vm) !important; border-radius: 12px !important; }
html.ammo .ks-odul { background: rgba(var(--v1-rgb), .08) !important; border-color: rgba(var(--v1-rgb), .5) !important; }
html.ammo .ks-odul div { color: var(--a-metin) !important; }
html.ammo #ks-odul-kod { background: var(--a-giris) !important; color: var(--a-baslik) !important; border-color: var(--a-cizgi) !important; }

/* ---------- Kodlarım ve teslim edilen kodlar ---------- */
html.ammo .ep-kart { background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi) !important; border-radius: 16px !important; color: var(--a-metin); }
html.ammo .ep-kart, html.ammo .ep-kart b, html.ammo .ep-kart strong { color: var(--a-metin); }
html.ammo .ep-satir { border-top-color: var(--a-cizgi) !important; }
html.ammo .ep-urun { color: var(--a-baslik) !important; }
html.ammo .ep-kod {
  background: var(--a-giris) !important; color: var(--a-baslik) !important; border: 1px dashed rgba(var(--v1-rgb), .55);
  font-family: "Chakra Petch", ui-monospace, monospace !important; letter-spacing: 2px !important;
}
html.ammo .ep-kopyala { background: var(--a-grad) !important; color: var(--vm) !important; border: 0 !important; border-radius: 9px !important; }
html.ammo .ep-durum { background: color-mix(in srgb, #f59e0b 16%, transparent) !important; color: #f59e0b !important; }
html.ammo .ep-durum.ok { background: color-mix(in srgb, var(--a-basari) 16%, transparent) !important; color: var(--a-basari) !important; }
html.ammo .ep-uyari { color: var(--a-soluk) !important; }
html.ammo .order-product-item, html.ammo .order-product-image { background: var(--a-yuzey2) !important; border-color: var(--a-cizgi) !important; }
html.ammo .order-product-qty { color: var(--a-soluk) !important; }
/* Alt bilgideki metin logo genel span renginden etkilenmesin */
html.ammo .footer .ammo-logo-y1 { color: var(--a-baslik) !important; }
html.ammo .footer .ammo-logo-y2 { color: transparent !important; }
html.ammo .footer .ammo-logo-ikon, html.ammo .footer .ammo-logo-ikon i { color: var(--vm) !important; }

/* ---------- Logo görseli (images/ammo/ikon-64.png) ---------- */
.ammo-logo { font-family: Montserrat, "Chakra Petch", sans-serif; font-weight: 800; letter-spacing: .3px; gap: 10px; }
.ammo-logo-resim { width: 40px; height: 40px; flex: none; }
.ammo-logo-y2 { margin-left: -10px; }
@media (max-width: 991px) { .ammo-logo-resim { width: 34px; height: 34px; } }

/* ---------- Karşılama alanı: afiş görseli ---------- */
.ammo-hero.gorselli {
  --hz: 10, 13, 23; --afis-masaustu: url("/images/ammo/afis-masaustu.jpg"); --afis-mobil: url("/images/ammo/afis-mobil.jpg");
  /* Afiş koyu olduğu için bu alan açık görünümde de koyu kalır */
  --a-metin: #e8ecf6; --a-soluk: #aab3cc; --a-baslik: #ffffff; --a-giris: #0f1424; --a-cizgi: #2a3350;
  --a-golge: 0 18px 40px rgba(0, 0, 0, .45); --a-vurgu: var(--v2); --a-basari: #22c55e;
  background: rgb(var(--hz)) var(--afis-masaustu) right center / auto 100% no-repeat;
  min-height: 480px; display: flex; align-items: center; color: var(--a-metin); border-bottom-color: var(--a-cizgi);
}
html[data-mod="koyu"] .ammo-hero.gorselli { --a-cizgi: #252e47; }
.ammo-hero.gorselli::before { background: linear-gradient(90deg, rgb(var(--hz)) 0%, rgb(var(--hz)) 32%, rgba(var(--hz), .55) 52%, rgba(var(--hz), 0) 70%); }
.ammo-hero.gorselli::after { display: none; }
.ammo-hero.gorselli .ammo-hero-ic { grid-template-columns: minmax(0, 640px); width: 100%; }
.ammo-hero.gorselli .ammo-hero-sag { display: none; }
@media (max-width: 1100px) {
  .ammo-hero.gorselli::before { background: linear-gradient(90deg, rgb(var(--hz)) 0%, rgba(var(--hz), .88) 45%, rgba(var(--hz), .2) 85%); }
}
@media (max-width: 860px) {
  .ammo-hero.gorselli {
    background: rgb(var(--hz)) var(--afis-mobil) center top / 100% auto no-repeat;
    min-height: 0; display: block; padding-top: 58vw;
  }
  .ammo-hero.gorselli::before { background: linear-gradient(to bottom, rgba(var(--hz), 0) 0%, rgba(var(--hz), 0) 36vw, rgb(var(--hz)) 64vw); }
}

/* ---------- Hazır yazı logo (images/ammo/yazi-*-koyu|acik.png) ---------- */
.ammo-logo-hazir { gap: 10px; }
.ammo-yazi { height: 30px; width: auto; display: block; }
.ammo-logo-hazir.yazi-minimal .ammo-yazi { height: 34px; }
html[data-mod="koyu"] .ammo-yazi.acik, html[data-mod="acik"] .ammo-yazi.koyu { display: none; }
@media (max-width: 991px) {
  .ammo-yazi { height: 24px; }
  .ammo-logo-hazir.yazi-minimal .ammo-yazi { height: 27px; }
}

/* ==========================================================
   MOR NEON teması (html[data-palet="mor"])
   Koyu mor zemin, düz mor düğmeler, geniş oyun kartları,
   görsel üstünde etiketli ürün kartları
   ========================================================== */
html[data-palet="mor"] { --v1: #7c3aed; --v2: #a855f7; --vm: #ffffff; --vy: #6d28d9; --v1-rgb: 124, 58, 237; }
html[data-palet="mor"][data-mod="koyu"] {
  --a-zemin: #0c0820; --a-zemin2: #110b29; --a-yuzey: #18123a; --a-yuzey2: #21194a; --a-cizgi: #2e2563;
  --a-giris: #100b26; --a-soluk: #a9a1cc; --a-metin: #ece8fb; --a-ust-zemin: rgba(12, 8, 32, .9); --a-vurgu: #c4b5fd;
}
html[data-palet="mor"] .ammo-hero.gorselli {
  --hz: 12, 8, 32; --a-giris: #100b26; --a-cizgi: #2e2563; --a-soluk: #b3abd6; --a-vurgu: #c4b5fd;
  --afis-masaustu: url("/images/ammo/afis-mor-masaustu.jpg"); --afis-mobil: url("/images/ammo/afis-mor-mobil.jpg");
}
html[data-palet="mor"] .ammo-hero:not(.gorselli)::before {
  background: radial-gradient(640px 360px at 15% 10%, rgba(124, 58, 237, .35), transparent 70%), radial-gradient(520px 320px at 85% 30%, rgba(168, 85, 247, .25), transparent 70%);
}
/* Düğmeler: düz mor, hafif parlama */
html[data-palet="mor"] .ammo-btn, html[data-palet="mor"] .cart-icon, html[data-palet="mor"] .add-to-cart,
html[data-palet="mor"] .detail-add-to-cart, html[data-palet="mor"] .checkout-btn, html[data-palet="mor"] .uye-buton,
html[data-palet="mor"] .btn-track, html[data-palet="mor"] .submit-btn, html[data-palet="mor"] .pay-button {
  background: linear-gradient(180deg, #8b5cf6, #7c3aed) !important; box-shadow: 0 8px 24px rgba(124, 58, 237, .35);
}
/* Karşılama: vurgulu kelime, keşfet düğmesi, yuvarlak ikonlu güven maddeleri */
html[data-palet="mor"] .ammo-hero-ust { background: none; border: 0; padding: 0; letter-spacing: 4px; color: #b9a6f5; }
html[data-palet="mor"] .ammo-hero-ust i { display: none; }
html[data-palet="mor"] .ammo-hero-ara { display: none; }
html[data-palet="mor"] .ammo-hero-cta { display: inline-flex; }
html[data-palet="mor"] .ammo-guven-satir { gap: 14px 28px; margin-top: 30px; }
html[data-palet="mor"] .ammo-guven-satir li { color: var(--a-metin); max-width: 170px; line-height: 1.35; font-size: 13.5px; gap: 12px; }
html[data-palet="mor"] .ammo-guven-satir i {
  flex: none; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center;
  border: 1px solid rgba(168, 85, 247, .45); background: rgba(124, 58, 237, .12); color: #c4b5fd;
}
/* Başlıklar: sol çizgi yok, sade */
html[data-palet="mor"] .ammo-baslik::before { display: none; }
/* Oyunlar: geniş kartlar, sağ altta ok */
html[data-palet="mor"] .ammo-oyun-izgara { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
html[data-palet="mor"] .ammo-oyun { aspect-ratio: 16 / 9; border-radius: 16px; }
html[data-palet="mor"] .ammo-oyun-ad { font: 700 20px/1.2 Inter, sans-serif; right: 64px; bottom: 16px; left: 18px; }
html[data-palet="mor"] .ammo-oyun-ok {
  display: grid; position: absolute; right: 14px; bottom: 12px; z-index: 1; width: 36px; height: 36px; border-radius: 50%;
  place-items: center; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .25); color: #fff; font-size: 14px;
  transition: background .2s ease;
}
html[data-palet="mor"] .ammo-oyun:hover .ammo-oyun-ok { background: #7c3aed; border-color: #7c3aed; }
/* Ürün kartları: etiket görselin üstünde, düğme tam genişlik */
html[data-palet="mor"] .ammo-kart { position: relative; border-radius: 16px; }
html[data-palet="mor"] .ammo-kart-resim { aspect-ratio: 4 / 3; }
html[data-palet="mor"] .ammo-etiket {
  position: absolute; top: 12px; left: 12px; z-index: 1; background: rgba(12, 8, 32, .78); color: #fff;
  border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; padding: 6px 10px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
html[data-palet="mor"] .ammo-etiket.yukleme { color: #fff; background: rgba(12, 8, 32, .78); border-color: rgba(255, 255, 255, .18); }
html[data-palet="mor"] .ammo-anlik { display: none; }
html[data-palet="mor"] .ammo-indirim { left: auto; right: 12px; }
html[data-palet="mor"] .ammo-kart-ad { font-size: 16px !important; font-weight: 700 !important; }
html[data-palet="mor"] .ammo-kart-alt { flex-direction: column; align-items: stretch; gap: 10px; }
html[data-palet="mor"] .ammo-fiyat { flex-direction: row; align-items: baseline; gap: 8px; }
html[data-palet="mor"] .ammo-kart .add-to-cart { width: 100% !important; justify-content: center; padding: 11px 14px; border-radius: 10px !important; }
html[data-palet="mor"] .ammo-kart .add-to-cart span { display: inline !important; }
html[data-palet="mor"] .ammo-adim-liste li > i { background: rgba(124, 58, 237, .18); border-radius: 50%; }
@media (max-width: 600px) {
  html[data-palet="mor"] .ammo-oyun-izgara { grid-template-columns: repeat(2, 1fr); }
  html[data-palet="mor"] .ammo-oyun-ad { font-size: 15px; right: 50px; left: 12px; bottom: 11px; }
  html[data-palet="mor"] .ammo-oyun-ok { width: 30px; height: 30px; right: 10px; bottom: 9px; }
  html[data-palet="mor"] .ammo-etiket { top: 8px; left: 8px; font-size: 10px; padding: 4px 7px; }
  html[data-palet="mor"] .ammo-kart .add-to-cart span { display: none !important; }
  html[data-palet="mor"] .ammo-guven-satir li { max-width: none; }
}
/* Tüm temalarda: başlıkta *yıldızlı* kelime vurgusu, gizli varsayılanlar */
.ammo-hero-baslik em { font-style: normal; background: var(--a-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ammo-hero-cta { display: none; margin-top: 4px; padding: 15px 26px; font-size: 16px; }
.ammo-oyun-ok { display: none; }

/* ==========================================================
   dijipin tarzı yapı: grup menüsü, slider, hızlı şerit, listeler
   ========================================================== */
/* Oyun kartları yatay görsellere göre (800×450) */
.ammo-oyun { aspect-ratio: 16 / 10; }
.ammo-oyun-izgara { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }

/* Üst menü: grup sekmeleri kutu düğmeler */
html.ammo .ammo-grup-menu { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; width: 100%; padding: 0; margin: 0; }
html.ammo .ammo-grup-menu li { list-style: none; margin: 0 !important; }
html.ammo .ammo-grup-menu li a {
  display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100%;
  background: var(--a-yuzey) !important; border: 1px solid var(--a-cizgi); border-radius: 10px !important; padding: 10px 12px !important;
  font-size: 14px !important; white-space: nowrap;
}
html.ammo .ammo-grup-menu li a i { color: var(--a-vurgu); font-size: 13px; }
html.ammo .ammo-grup-menu li a:hover { border-color: rgba(var(--v1-rgb), .6); background: var(--a-yuzey2) !important; }
html.ammo .nav-menu-container:has(.ammo-grup-menu) { padding-top: 10px; padding-bottom: 10px; }
html.ammo .nav-menu-container:has(.ammo-grup-menu) .free-shipping { display: none; }
html.ammo .ammo-mobil-gruplar .mobile-category-link { display: flex !important; align-items: center; gap: 10px; margin-bottom: 6px; border-radius: 10px; padding: 11px 14px; }
html.ammo .ammo-mobil-gruplar .mobile-category-link i { color: var(--a-vurgu); width: 18px; text-align: center; }

/* Slider */
.ammo-slider-bolum { padding: 24px 0 8px; }
.ammo-slider {
  position: relative; border-radius: 20px; overflow: hidden; aspect-ratio: 1920 / 720; max-height: 520px; width: 100%;
  background: var(--a-yuzey); border: 2px solid rgba(var(--v1-rgb), .55);
  box-shadow: 0 0 0 1px rgba(var(--v1-rgb), .15), 0 22px 50px rgba(0, 0, 0, .35);
}
.ammo-slider-serit, .ammo-slayt { position: absolute; inset: 0; }
.ammo-slayt { display: block; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility .6s; text-decoration: none !important; color: #fff; }
.ammo-slayt.aktif { opacity: 1; visibility: visible; }
.ammo-slayt img { width: 100%; height: 100%; object-fit: cover; object-position: left center; }
.ammo-slayt::after { content: ""; position: absolute; inset: 0; background: linear-gradient(270deg, rgba(5, 7, 14, .88) 0%, rgba(5, 7, 14, .55) 30%, rgba(5, 7, 14, 0) 55%); pointer-events: none; }
.ammo-slayt-metin { position: absolute; z-index: 1; right: 6%; top: 50%; transform: translateY(-50%); width: min(44%, 520px); display: flex; flex-direction: column; align-items: flex-end; text-align: right; gap: 14px; }
.ammo-slayt-etiket { font: 700 clamp(14px, 1.6vw, 22px)/1 "Chakra Petch", sans-serif; letter-spacing: 3px; color: var(--v2); text-transform: uppercase; }
html[data-palet="mor"] .ammo-slayt-etiket { color: #c4b5fd; }
.ammo-slayt-baslik { font: 800 clamp(26px, 4.2vw, 58px)/1.02 Montserrat, "Chakra Petch", sans-serif; text-transform: uppercase; letter-spacing: .5px; color: #fff; text-wrap: balance; text-shadow: 0 6px 24px rgba(0, 0, 0, .5); }
.ammo-slayt-dugme {
  margin-top: 8px; display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; border-radius: 12px;
  border: 2px solid var(--v2); color: #fff; font: 700 clamp(13px, 1.3vw, 18px)/1 "Chakra Petch", sans-serif; letter-spacing: 3px;
  background: rgba(5, 7, 14, .35); transition: background .2s ease, color .2s ease;
}
.ammo-slayt:hover .ammo-slayt-dugme, .ammo-slayt:focus-visible .ammo-slayt-dugme { background: var(--a-grad); color: var(--vm); border-color: transparent; }
.ammo-slider-ok {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 42px; height: 42px; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .25); background: rgba(5, 7, 14, .45); color: #fff; cursor: pointer; opacity: 0; transition: opacity .2s ease;
}
.ammo-slider:hover .ammo-slider-ok, .ammo-slider-ok:focus-visible { opacity: 1; }
.ammo-slider-ok.onceki { left: 14px; } .ammo-slider-ok.sonraki { right: 14px; }
.ammo-slider-noktalar { position: absolute; z-index: 2; left: 0; right: 0; bottom: 14px; display: flex; justify-content: center; gap: 8px; }
.ammo-slider-noktalar button { width: 34px; height: 5px; padding: 0; border: 0; border-radius: 3px; background: rgba(255, 255, 255, .3); cursor: pointer; transition: width .3s ease, background .3s ease; }
.ammo-slider-noktalar button.aktif { width: 72px; background: var(--v2); }
html[data-palet="mor"] .ammo-slider-noktalar button.aktif { background: #a855f7; }
@media (max-width: 760px) {
  .ammo-slider-bolum { padding: 14px 0 4px; }
  .ammo-slider { aspect-ratio: 1 / 1; max-height: none; border-radius: 16px; }
  .ammo-slayt img { object-position: 16% center; }
  .ammo-slayt::after { background: linear-gradient(0deg, rgba(5, 7, 14, .95) 0%, rgba(5, 7, 14, .6) 30%, rgba(5, 7, 14, 0) 52%); }
  .ammo-slayt-metin { left: 18px; right: 18px; top: auto; bottom: 34px; transform: none; width: auto; align-items: flex-start; text-align: left; gap: 8px; }
  .ammo-slayt-baslik { font-size: clamp(22px, 7vw, 30px); }
  .ammo-slayt-dugme { padding: 10px 16px; letter-spacing: 2px; margin-top: 4px; }
  .ammo-slider-ok { display: none; }
  .ammo-slider-noktalar { bottom: 12px; gap: 6px; }
  .ammo-slider-noktalar button { width: 18px; } .ammo-slider-noktalar button.aktif { width: 36px; }
}

/* Hızlı kategori şeridi: yuvarlak ikonlar */
.ammo-hizli { padding: 18px 0 4px; }
.ammo-hizli-serit { display: flex; gap: 18px; overflow-x: auto; scrollbar-width: none; padding: 4px 2px 8px; justify-content: safe center; }
.ammo-hizli-serit::-webkit-scrollbar { display: none; }
.ammo-hizli-serit a { flex: none; width: 84px; display: flex; flex-direction: column; align-items: center; gap: 8px; text-decoration: none !important; }
.ammo-hizli-ikon {
  width: 72px; height: 72px; border-radius: 50%; overflow: hidden; display: grid; place-items: center;
  border: 2px solid var(--a-cizgi); background: var(--a-yuzey); color: var(--a-soluk); font: 700 24px/1 "Chakra Petch", sans-serif;
  transition: border-color .2s ease, transform .2s ease;
}
.ammo-hizli-ikon img { width: 100%; height: 100%; object-fit: cover; }
.ammo-hizli-ad { font-size: 12.5px; font-weight: 600; color: var(--a-metin); text-align: center; line-height: 1.25; max-width: 84px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ammo-hizli-serit a:hover .ammo-hizli-ikon { border-color: var(--v1); transform: translateY(-3px); }

/* Ana sayfadaki grup listeleri */
.ammo-grup-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 18px; }
.ammo-grup-kutu { background: var(--a-yuzey); border: 1px solid var(--a-cizgi); border-radius: 16px; padding: 18px 18px 16px; display: flex; flex-direction: column; gap: 12px; }
.ammo-grup-kutu h3 { margin: 0 !important; font-size: 17px !important; }
.ammo-grup-kutu h3 a { color: var(--a-baslik) !important; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
.ammo-grup-kutu h3 i { color: var(--a-vurgu); }
.ammo-grup-kutu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ammo-grup-kutu li a { display: inline-block; padding: 6px 10px; border-radius: 8px; background: var(--a-yuzey2); border: 1px solid var(--a-cizgi); color: var(--a-metin) !important; font-size: 13px; text-decoration: none; }
.ammo-grup-kutu li a:hover { border-color: rgba(var(--v1-rgb), .6); color: var(--a-baslik) !important; }

/* Oyun listesi sayfası */
.ammo-liste-sayfa { padding: 22px 0 56px; }
.ammo-kirinti { font-size: 13px; color: var(--a-soluk); display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ammo-kirinti a { color: var(--a-soluk) !important; text-decoration: none; } .ammo-kirinti a:hover { color: var(--a-baslik) !important; }
.ammo-kirinti i { font-size: 9px; opacity: .6; }
.ammo-liste-baslik { font-size: clamp(26px, 3.4vw, 38px) !important; margin: 10px 0 18px !important; }
.ammo-liste-arac { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.ammo-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.ammo-sekmeler a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 10px; background: var(--a-yuzey); border: 1px solid var(--a-cizgi); color: var(--a-metin) !important; font-weight: 600; font-size: 14px; text-decoration: none; }
.ammo-sekmeler a i { color: var(--a-vurgu); font-size: 13px; }
.ammo-sekmeler a.aktif { background: var(--a-grad); color: var(--vm) !important; border-color: transparent; }
.ammo-sekmeler a.aktif i { color: var(--vm); }
.ammo-liste-ara { position: relative; flex: 0 1 300px; }
.ammo-liste-ara i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--a-soluk); }
.ammo-liste-ara input { width: 100%; height: 42px; border-radius: 10px; border: 1px solid var(--a-cizgi); padding: 0 14px 0 40px !important; }
.ammo-liste-bos { color: var(--a-soluk); margin-top: 18px; } .ammo-liste-bos a { color: var(--a-vurgu) !important; }
.ammo-oyun[hidden] { display: none !important; }

@media (max-width: 991px) {
  html.ammo .nav-menu { display: none; }
}
@media (max-width: 600px) {
  .ammo-oyun-izgara { grid-template-columns: repeat(2, 1fr); }
  .ammo-hizli-serit { gap: 12px; justify-content: flex-start; }
  .ammo-hizli-serit a { width: 70px; } .ammo-hizli-ikon { width: 60px; height: 60px; }
  .ammo-liste-ara { flex-basis: 100%; }
  .ammo-sekmeler { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -2px; }
  .ammo-sekmeler a { flex: none; }
}

/* ---------- Oyun sayfası tanıtım ve rehber (Gemini içeriği) ---------- */
.ammo-oyun-tanitim { padding: 4px 0 10px; }
.ammo-oyun-tanitim-ic { display: flex; flex-direction: column; gap: 12px; }
.ammo-oyun-kisa { margin: 0; color: var(--a-metin); font-size: 15.5px; line-height: 1.6; max-width: 80ch; }
.ammo-oyun-rozetler { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ammo-oyun-rozetler li { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: var(--a-yuzey); border: 1px solid var(--a-cizgi); color: var(--a-metin); font-size: 13px; font-weight: 600; }
.ammo-oyun-rozetler i { color: var(--a-vurgu); }
.ammo-oyun-ipucu { margin: 0; padding: 12px 14px; border-radius: 12px; background: rgba(var(--v1-rgb), .1); border: 1px solid rgba(var(--v1-rgb), .35); color: var(--a-metin); font-size: 14px; line-height: 1.55; }
.ammo-oyun-ipucu i { color: var(--a-vurgu); margin-right: 4px; }
.ammo-oyun-rehber-ic { display: grid; grid-template-columns: 1fr 1.3fr; gap: 28px; align-items: start; }
.ammo-oyun-rehber-ic > div { min-width: 0; }
.ammo-oyun-rehber .ammo-baslik { margin-bottom: 16px !important; font-size: 24px !important; }
.ammo-oyun-adimlar { list-style: none; counter-reset: adim; margin: 0; padding: 0; display: grid; gap: 10px; }
.ammo-oyun-adimlar li { counter-increment: adim; position: relative; padding: 14px 14px 14px 58px; background: var(--a-yuzey); border: 1px solid var(--a-cizgi); border-radius: 12px; color: var(--a-metin); line-height: 1.5; font-size: 14.5px; }
.ammo-oyun-adimlar li::before { content: counter(adim); position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--a-grad); color: var(--vm); font: 700 14px/1 "Chakra Petch", sans-serif; }
@media (max-width: 860px) { .ammo-oyun-rehber-ic { grid-template-columns: 1fr; } }
html.ammo .breadcrumb-container.ammo-bant-gorselli { background-size: cover !important; background-position: center 30% !important; min-height: 260px; display: flex; align-items: flex-end; }
html.ammo .breadcrumb-container.ammo-bant-gorselli::before { background: linear-gradient(90deg, rgba(5, 7, 14, .9) 0%, rgba(5, 7, 14, .55) 45%, rgba(5, 7, 14, .15) 100%), linear-gradient(to top, var(--a-zemin) 0%, rgba(0, 0, 0, 0) 55%); }
@media (max-width: 760px) { html.ammo .breadcrumb-container.ammo-bant-gorselli { min-height: 190px; } }