/* =====================================================================
   MOTORCU DAYI — Önyüz Tasarım Katmanı (motorcudayi.css)
   ---------------------------------------------------------------------
   Bu dosya ui.css'ten SONRA yüklenir.

   1) Token override  : SiberTema koyu paletini açık/turuncu palete çevirir.
                        (Böylece kategori/ürün/sepet/hesap sayfaları da
                         hiçbir şablon değişikliği olmadan yeni görünüme geçer.)
   2) Normalizasyon   : ui.css içindeki sabit koyu/cam yüzeyleri beyaza çeker.
   3) Bileşenler      : Yeni header, mega menü, ana sayfa blokları ve footer.

   Not: Tüm yeni bileşenler .ac- öneki ile yazılmıştır; legacy (Shopify türevi)
   sınıflarla çakışmaz.
   ===================================================================== */

/* =====================================================================
   1) TOKENLAR
   ===================================================================== */
body.sibertema{
  /* Marka */
  /* Marka tonları — temaheader.php tarafından admin rengine göre EZİLİR */
  --ac-orange:#d81f26;
  --ac-orange-rgb:216,31,38;   /* rgba() içinde kullanmak için */
  --ac-orange-2:#df474d;       /* açık ton */
  --ac-orange-l:#ea8488;       /* daha açık ton (gradient ucu) */
  --ac-orange-d:#ba1b21;       /* koyu ton / hover */
  --ac-orange-border:#f4c0c2;  /* yumuşak zemin kenarlığı */
  --ac-orange-soft:#fcedee;    /* çok açık zemin */
  --ac-orange-ink:#7d1216;     /* yumuşak zemin üstünde okunur metin */
  --ac-on-brand:#ffffff;       /* marka zemini ÜSTÜNDEKİ metin/ikon */
  --ac-brand-text:#a8181e;     /* açık zemin ÜSTÜNDE marka renkli metin */
  --ac-dark:#14171d;
  --ac-dark-2:#1d222b;

  /* Metin */
  --ac-ink:#11151b;
  --ac-body:#49525f;
  --ac-muted:#7d8794;

  /* Yüzey */
  --ac-bg:#f2f4f7;
  --ac-card:#ffffff;
  --ac-line:#e6e9ef;
  --ac-line-2:#f0f2f6;

  /* Şekil */
  --ac-r:14px;
  --ac-r-sm:10px;
  --ac-r-lg:20px;
  --ac-sh:0 1px 2px rgba(16,24,40,.04), 0 6px 18px rgba(16,24,40,.06);
  --ac-sh-h:0 10px 34px rgba(16,24,40,.13);
  --ac-container:1280px;

  /* --- SiberTema (ui.css) tokenlarını açık temaya çevir --- */
  --sm-bg-0:#f2f4f7;
  --sm-bg-1:#ffffff;
  --sm-bg-2:#ffffff;
  --sm-surface:#ffffff;
  --sm-surface-2:#f7f8fa;
  --sm-border:#e6e9ef;
  --sm-border-2:#eef0f4;
  --sm-text:#11151b;
  --sm-muted:#49525f;
  --sm-muted-2:#7d8794;
  --sm-container:1280px;

  /* ---------------------------------------------------------------
     MARKA RENGİ — bu değerler yalnızca VARSAYILANDIR.
     temaheader.php, bu dosyadan SONRA bir inline <style> basar ve
     Admin Panel > Tema Yönetimi'ndeki renge (temalar.t37) göre
     --ac-orange* ve --sm-accent* tokenlarını yeniden tanımlar.
     Bu yüzden burada !important KULLANILMAZ; aksi halde admin ayarı
     etkisiz kalırdı.
     --------------------------------------------------------------- */
  --sm-primary:#d81f26;
  --sm-accent:#d81f26;
  --sm-accent-2:#df474d;
  --sm-radius:14px;
  --sm-radius-sm:10px;
  --sm-shadow:0 10px 30px rgba(16,24,40,.10);
  --sm-shadow-sm:0 4px 14px rgba(16,24,40,.07);
}

:root{ --sm-primary:#d81f26; --ac-orange:#d81f26; }

/* =====================================================================
   2) AÇIK TEMA NORMALİZASYONU (ui.css koyu yüzeyleri)
   ===================================================================== */
body.sibertema{
  background:var(--ac-bg) !important;
  color:var(--ac-ink) !important;
  /* Gövde: sistem yazı tipi — küçük puntolarda (10-13px) en net sonuç.
     Poppins yalnızca başlık/buton gibi büyük öğelerde kullanılır (bkz. §25.1). */
  font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body.sibertema .sm-page{ background:transparent; }

/* Kart / panel benzeri tüm cam yüzeyler beyaz olsun */
body.sibertema .sm-card,
body.sibertema .sm-section,
body.sibertema .sm-panel,
body.sibertema .sm-auth-card,
body.sibertema .sm-order-panel,
body.sibertema .sm-product-card,
body.sibertema .sm-cart-item,
body.sibertema .sm-cart,
body.sibertema .sm-cart-form,
body.sibertema .sm-empty,
body.sibertema .sm-details,
body.sibertema .sm-acc,
body.sibertema .sm-spec,
body.sibertema .sm-compare-table,
body.sibertema .sm-filter-brand,
body.sibertema .sm-navdrop-panel,
body.sibertema .sm-drawer,
body.sibertema .sm-searchpanel-card,
body.sibertema .sm-cart-drawer,
body.sibertema .sm-qv-modal,
body.sibertema .sm-seo-card,
body.sibertema .sm-prose{
  background:var(--ac-card) !important;
  color:var(--ac-ink) !important;
  border-color:var(--ac-line) !important;
}

body.sibertema .sm-muted,
body.sibertema .sm-cart-meta,
body.sibertema .sm-auth-sub,
body.sibertema .sm-auth-note{ color:var(--ac-muted) !important; }

body.sibertema a{ color:inherit; }
body.sibertema a:hover{ color:var(--ac-orange); }

body.sibertema .sm-input,
body.sibertema .sm-select,
body.sibertema input[type="text"],
body.sibertema input[type="email"],
body.sibertema input[type="tel"],
body.sibertema input[type="password"],
body.sibertema input[type="number"],
body.sibertema input[type="search"],
body.sibertema textarea,
body.sibertema select{
  background:#fff !important;
  color:var(--ac-ink) !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r-sm) !important;
}
body.sibertema .sm-input::placeholder,
body.sibertema input::placeholder,
body.sibertema textarea::placeholder{ color:#9aa3af !important; opacity:1; }

body.sibertema .sm-input:focus,
body.sibertema input:focus,
body.sibertema textarea:focus,
body.sibertema select:focus{
  outline:none !important;
  border-color:var(--ac-orange) !important;
  box-shadow:0 0 0 3px rgba(var(--ac-orange-rgb), .14) !important;
}

body.sibertema .sm-btn,
body.sibertema .sm-btn-primary{
  border-radius:var(--ac-r-sm) !important;
  font-weight:700 !important;
}
body.sibertema .sm-btn-primary,
body.sibertema .sm-btn.sm-btn-accent{
  background:var(--ac-orange) !important;
  border-color:var(--ac-orange) !important;
  color:#fff !important;
}
body.sibertema .sm-btn-primary:hover,
body.sibertema .sm-btn.sm-btn-accent:hover{
  background:var(--ac-orange-d) !important;
  border-color:var(--ac-orange-d) !important;
}

body.sibertema .sm-breadcrumb,
body.sibertema .sm-breadcrumb a{ color:var(--ac-muted) !important; }
body.sibertema .sm-breadcrumb a:hover{ color:var(--ac-orange) !important; }

/* Legacy (Shopify türevi) sayfalarda arka planı beyaz tut */
body.sibertema .page-container,
body.sibertema #MainContent,
body.sibertema .shopify-section{ background:transparent; }

/* Eski mavi header/nav kalıntılarını kapat */
body.sibertema header.header,
body.sibertema .main-header,
body.sibertema .navigation,
body.sibertema .top-bar,
body.sibertema .apus-footer-mobile,
body.sibertema #footer{ display:none !important; }

/* =====================================================================
   3) YARDIMCILAR
   ===================================================================== */
.ac-container{
  width:100%;
  max-width:var(--ac-container);
  margin:0 auto;
  padding:0 16px;
}
.ac-hide{ display:none !important; }
.ac-only-mobile{ display:none; }
.ac-sr{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

.ac-sec{ margin:26px 0; }
.ac-sec-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:14px; margin:0 0 14px;
}
.ac-sec-title{
  margin:0; font-size:15px; font-weight:800; letter-spacing:.06em;
  text-transform:uppercase; color:var(--ac-ink);
}
.ac-sec-more{
  font-size:13px; font-weight:600; color:var(--ac-muted);
  text-decoration:none; white-space:nowrap;
}
.ac-sec-more:hover{ color:var(--ac-orange); }

.ac-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border:0; cursor:pointer; text-decoration:none;
  font-weight:700; font-size:14px; line-height:1;
  padding:13px 22px; border-radius:var(--ac-r-sm);
  background:var(--ac-orange); color:#fff;
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.ac-btn:hover{ background:var(--ac-orange-d); color:#fff; box-shadow:0 8px 22px rgba(var(--ac-orange-rgb), .32); }
.ac-btn svg{ width:16px; height:16px; fill:currentColor; }
.ac-btn-ghost{
  background:#fff; color:var(--ac-ink);
  border:1px solid var(--ac-line);
}
.ac-btn-ghost:hover{ background:#fff; color:var(--ac-orange); border-color:var(--ac-orange); box-shadow:none; }

/* =====================================================================
   4) DUYURU BANDI
   ===================================================================== */
.ac-topbar{
  background:var(--ac-dark);
  color:rgba(255,255,255,.92);
  font-size:12px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.ac-topbar-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:18px; min-height:38px; overflow:hidden;
}
.ac-topbar-item{
  display:flex; align-items:center; gap:8px;
  white-space:nowrap; font-weight:500; letter-spacing:.01em;
  color:rgba(255,255,255,.88); text-decoration:none;
}
.ac-topbar-item:hover{ color:#fff; }
.ac-topbar-item svg{ width:15px; height:15px; flex:0 0 auto; fill:var(--ac-orange); }
.ac-topbar-item b{ color:#fff; font-weight:700; }

/* =====================================================================
   5) ANA HEADER
   ===================================================================== */
.ac-header{
  background:#fff;
  border-bottom:1px solid var(--ac-line);
  position:relative;
  z-index:120;
  transition:box-shadow .2s ease;
}
.ac-header.is-stuck{ box-shadow:0 4px 18px rgba(16,24,40,.08); }
.ac-header-inner{
  display:flex; align-items:center; gap:22px;
  min-height:86px;
}

/* Logo kilidi */
.ac-logo{
  display:flex; align-items:center; gap:10px;
  text-decoration:none; flex:0 0 auto;
}
.ac-logo-mark{ width:38px; height:38px; flex:0 0 auto; }
.ac-logo-txt{ display:flex; flex-direction:column; line-height:1; }
.ac-logo-name{
  font-size:23px; font-weight:800; letter-spacing:-.01em; color:var(--ac-ink);
}
.ac-logo-name i{ font-style:normal; color:var(--ac-orange); }
.ac-logo-sub{
  margin-top:4px; font-size:8.5px; font-weight:600;
  letter-spacing:.22em; color:var(--ac-muted); text-transform:uppercase;
}
.ac-logo-img{ max-height:52px; width:auto; display:block; }

/* Arama */
.ac-search{
  flex:1 1 auto; min-width:0;
  display:flex; align-items:stretch;
  border:2px solid var(--ac-orange);
  border-radius:var(--ac-r-sm);
  overflow:hidden;
  background:#fff;
  max-width:640px;
}
.ac-search-cat{
  position:relative; flex:0 0 auto;
  display:flex; align-items:center;
}
.ac-search-cat select{
  appearance:none; -webkit-appearance:none;
  border:0 !important; box-shadow:none !important;
  background:#fff !important;
  padding:0 30px 0 16px; height:100%;
  font-size:13px; font-weight:600; color:var(--ac-body);
  cursor:pointer; border-radius:0 !important;
  max-width:170px;
}
.ac-search-cat select:focus{ box-shadow:none !important; border:0 !important; }
.ac-search-cat::after{
  content:""; position:absolute; right:14px; top:50%;
  width:7px; height:7px; margin-top:-5px; pointer-events:none;
  border-right:2px solid var(--ac-muted); border-bottom:2px solid var(--ac-muted);
  transform:rotate(45deg);
}
.ac-search-sep{ width:1px; background:var(--ac-line); margin:10px 0; flex:0 0 auto; }
.ac-search input[type="text"]{
  flex:1 1 auto; min-width:0;
  border:0 !important; box-shadow:none !important; border-radius:0 !important;
  padding:14px 16px; font-size:14px; color:var(--ac-ink); background:#fff !important;
}
.ac-search input[type="text"]:focus{ border:0 !important; box-shadow:none !important; }
.ac-search-btn{
  flex:0 0 auto; width:56px; border:0; cursor:pointer;
  background:var(--ac-orange); color:#fff;
  display:flex; align-items:center; justify-content:center;
  transition:background .18s ease;
}
.ac-search-btn:hover{ background:var(--ac-orange-d); }
.ac-search-btn svg{ width:19px; height:19px; fill:#fff; }

/* Sağ aksiyonlar */
.ac-actions{
  display:flex; align-items:center; gap:8px; flex:0 0 auto; margin-left:auto;
}
.ac-act{
  display:flex; align-items:center; gap:9px;
  padding:8px 10px; border-radius:var(--ac-r-sm);
  text-decoration:none; color:var(--ac-ink);
  transition:background .16s ease;
  position:relative;
}
.ac-act:hover{ background:var(--ac-orange-soft); color:var(--ac-ink); }
.ac-act-ic{
  width:24px; height:24px; flex:0 0 auto; display:block;
  fill:none; stroke:var(--ac-ink); stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round;
}
.ac-act-txt{ display:flex; flex-direction:column; line-height:1.25; }
.ac-act-t{ font-size:12.5px; font-weight:700; }
.ac-act-s{ font-size:10.5px; color:var(--ac-muted); font-weight:500; }
.ac-act-lbl{ font-size:11.5px; font-weight:600; color:var(--ac-body); }

.ac-act-moto .ac-act-ic{ stroke:var(--ac-ink); }
.ac-act-stack{ flex-direction:column; gap:5px; padding:6px 10px; }
.ac-act-stack .ac-act-ic{ width:22px; height:22px; }

.ac-cart-badge{
  position:absolute; top:2px; right:4px;
  min-width:18px; height:18px; padding:0 5px;
  border-radius:999px; background:var(--ac-orange); color:#fff;
  font-size:10.5px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
}
.ac-cart-sum{ font-size:10.5px; font-weight:700; color:var(--ac-orange); }

/* =====================================================================
   6) ANA MENÜ + MEGA MENÜ
   ===================================================================== */
.ac-nav{
  background:#fff;
  border-bottom:1px solid var(--ac-line);
  position:relative; z-index:110;
}
.ac-nav-inner{ display:flex; align-items:center; gap:6px; min-height:56px; }

.ac-allcats{
  display:inline-flex; align-items:center; gap:10px;
  background:var(--ac-orange); color:#fff;
  border:0; cursor:pointer;
  padding:13px 20px; border-radius:var(--ac-r-sm);
  font-size:13px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  white-space:nowrap; margin-right:16px;
  transition:background .18s ease;
}
.ac-allcats:hover{ background:var(--ac-orange-d); }
.ac-allcats svg{ width:16px; height:16px; fill:#fff; }

.ac-nav-links{ display:flex; align-items:center; gap:2px; flex-wrap:nowrap; overflow:visible; }
.ac-nav-item{ position:relative; }
.ac-nav-link{
  display:inline-flex; align-items:center; gap:6px;
  padding:18px 14px; text-decoration:none;
  font-size:12.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  color:var(--ac-ink); white-space:nowrap;
  border-bottom:3px solid transparent;
  transition:color .16s ease, border-color .16s ease;
}
.ac-nav-link:hover,
.ac-nav-item:hover > .ac-nav-link{ color:var(--ac-orange); border-bottom-color:var(--ac-orange); }
.ac-nav-link .ac-caret{
  width:9px; height:9px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px); flex:0 0 auto;
}

/* Basit açılır menü */
.ac-drop{
  position:absolute; top:100%; left:0; min-width:250px; max-height:70vh; overflow:auto;
  background:#fff; border:1px solid var(--ac-line); border-radius:var(--ac-r);
  box-shadow:var(--ac-sh-h); padding:8px; z-index:200;
  opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s;
}
.ac-nav-item:hover > .ac-drop,
.ac-nav-item:focus-within > .ac-drop{ opacity:1; visibility:visible; transform:translateY(0); }
.ac-drop a{
  display:block; padding:9px 12px; border-radius:8px;
  font-size:13px; font-weight:500; color:var(--ac-body); text-decoration:none;
}
.ac-drop a:hover{ background:var(--ac-orange-soft); color:var(--ac-orange); }

/* Mega menü */
.ac-mega{
  position:absolute; top:100%; left:16px; right:16px;
  max-width:calc(var(--ac-container) - 32px);
  margin:0 auto;
  background:#fff; border:1px solid var(--ac-line);
  border-radius:0 0 var(--ac-r) var(--ac-r);
  box-shadow:var(--ac-sh-h);
  display:none; grid-template-columns:290px 1fr; overflow:hidden;
  z-index:300;
}
.ac-mega.is-open{ display:grid; }
.ac-mega-left{
  background:#fafbfc; border-right:1px solid var(--ac-line);
  padding:10px; max-height:74vh; overflow:auto;
}
.ac-mega-cat{
  display:flex; align-items:center; gap:10px;
  padding:11px 12px; border-radius:9px;
  font-size:13.5px; font-weight:600; color:var(--ac-ink); text-decoration:none;
  cursor:pointer;
}
.ac-mega-cat img{ width:22px; height:22px; object-fit:contain; flex:0 0 auto; }
.ac-mega-cat:hover,
.ac-mega-cat.is-active{ background:var(--ac-orange); color:#fff; }
.ac-mega-cat .ac-mega-arrow{
  margin-left:auto; width:7px; height:7px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(-45deg);
}
.ac-mega-right{ padding:20px 24px; max-height:74vh; overflow:auto; }
.ac-mega-pane{ display:none; }
.ac-mega-pane.is-active{ display:block; }
.ac-mega-pane-title{
  font-size:15px; font-weight:800; color:var(--ac-ink);
  padding-bottom:10px; margin-bottom:14px;
  border-bottom:2px solid var(--ac-orange);
}
.ac-mega-pane-title a{ color:inherit; text-decoration:none; }
.ac-mega-grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:2px 18px;
}
.ac-mega-grid a{
  display:block; padding:7px 0; font-size:13px; color:var(--ac-body); text-decoration:none;
}
.ac-mega-grid a:hover{ color:var(--ac-orange); }
.ac-mega-empty{ color:var(--ac-muted); font-size:13px; }

/* =====================================================================
   7) HERO
   ===================================================================== */
.ac-hero{
  position:relative; margin-top:18px;
  background:linear-gradient(120deg,#f6f7f9 0%, #eceef2 45%, #e7eaee 100%);
  border-radius:var(--ac-r-lg);
  overflow:hidden;
  box-shadow:var(--ac-sh);
}
.ac-hero-track{ position:relative; }
.ac-slide{ display:none; }
.ac-slide.is-active{ display:block; }
.ac-slide-inner{
  display:grid; grid-template-columns:1.05fr 1fr; align-items:center;
  gap:20px; min-height:400px; padding:44px 56px;
}
.ac-hero-kicker{
  font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ac-orange); margin:0 0 14px;
}
.ac-hero-title{
  margin:0; font-size:44px; line-height:1.05; font-weight:800;
  letter-spacing:-.02em; color:var(--ac-ink); text-transform:uppercase;
}
.ac-hero-title em{ font-style:normal; color:var(--ac-orange); display:block; }
.ac-hero-text{
  margin:20px 0 0; max-width:430px;
  font-size:14px; line-height:1.7; color:var(--ac-body);
}
.ac-hero-text strong{ color:var(--ac-ink); }
.ac-hero-media{ position:relative; display:flex; align-items:center; justify-content:center; }
.ac-hero-media img{
  max-width:100%; max-height:340px; width:auto; height:auto;
  object-fit:contain; display:block;
}
.ac-hero-cta{ margin-top:26px; display:flex; gap:12px; flex-wrap:wrap; }

.ac-hero-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:50%;
  background:rgba(255,255,255,.94); border:1px solid var(--ac-line);
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:var(--ac-sh); z-index:5; transition:background .16s ease;
}
.ac-hero-arrow:hover{ background:#fff; }
.ac-hero-arrow svg{ width:16px; height:16px; fill:none; stroke:var(--ac-ink); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.ac-hero-prev{ left:14px; }
.ac-hero-next{ right:14px; }

/* Hero rozetleri */
.ac-hero-badges{
  display:flex; gap:14px; flex-wrap:wrap;
  margin:-34px 56px 0; position:relative; z-index:6;
}
.ac-badge{
  display:flex; align-items:center; gap:12px;
  background:#fff; border:1px solid var(--ac-line); border-radius:12px;
  padding:12px 18px; box-shadow:var(--ac-sh);
}
.ac-badge svg{ width:24px; height:24px; fill:var(--ac-orange); flex:0 0 auto; }
.ac-badge b{ display:block; font-size:13px; font-weight:800; color:var(--ac-ink); line-height:1.2; }
.ac-badge span{ display:block; font-size:11px; color:var(--ac-muted); font-weight:600; letter-spacing:.04em; text-transform:uppercase; }

/* =====================================================================
   8) ARAÇ / PARÇA BULUCU
   ===================================================================== */
.ac-finder{
  background:#fff; border:1px solid var(--ac-line); border-radius:var(--ac-r-lg);
  box-shadow:var(--ac-sh); padding:22px 26px; margin-top:22px;
}
.ac-finder-title{
  font-size:13px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  color:var(--ac-ink); margin:0 0 16px;
}
.ac-finder-title em{ font-style:normal; color:var(--ac-orange); }
.ac-finder-row{
  display:grid; grid-template-columns:1fr 26px 1fr 26px 1fr 230px;
  align-items:center; gap:10px;
}
.ac-fstep{
  display:flex; align-items:center; gap:12px;
  border:1px solid var(--ac-line); border-radius:12px;
  padding:10px 14px; background:#fff; min-width:0;
}
.ac-fstep-ic{ width:26px; height:26px; flex:0 0 auto; fill:var(--ac-muted); }
.ac-fstep-body{ flex:1 1 auto; min-width:0; }
.ac-fstep-lbl{
  display:block; font-size:9.5px; font-weight:800; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ac-muted); margin-bottom:2px;
}
.ac-fstep select{
  width:100%; border:0 !important; box-shadow:none !important; padding:0 !important;
  background:transparent !important; font-size:13.5px; font-weight:600; color:var(--ac-ink);
  appearance:none; -webkit-appearance:none; cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath fill='%237d8794' d='M5 7 0 0h10z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right center !important;
  padding-right:16px !important;
  text-overflow:ellipsis;
}
.ac-fstep select:focus{ box-shadow:none !important; border:0 !important; }
.ac-farrow{
  display:flex; align-items:center; justify-content:center;
  color:var(--ac-muted);
}
.ac-farrow svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ac-finder-row .ac-btn{ width:100%; padding:16px 18px; }

/* Kilitli adım (önceki seçim yapılmadan) */
.ac-fstep.is-disabled{ background:#fafbfc; border-color:var(--ac-line-2); }
.ac-fstep.is-disabled .ac-fstep-ic{ opacity:.45; }
.ac-fstep select:disabled{ color:var(--ac-muted); cursor:not-allowed; opacity:1; }

/* Bulucu uyarı satırı */
.ac-finder-uyari{
  grid-column:1 / -1;
  margin:12px 0 0;
  padding:10px 14px;
  border-radius:10px;
  background:var(--ac-orange-soft);
  border:1px solid var(--ac-orange-border);
  color:#a3450a;
  font-size:12.5px;
  font-weight:600;
}
.ac-finder-uyari[hidden]{ display:none; }

/* =====================================================================
   9) MARKA ŞERİDİ
   ===================================================================== */
.ac-rail-wrap{ position:relative; }
.ac-rail{
  display:flex; gap:12px; overflow-x:auto; scroll-behavior:smooth;
  padding:2px 0 6px; scrollbar-width:none;
}
.ac-rail::-webkit-scrollbar{ display:none; }
.ac-brand{
  flex:0 0 auto; width:150px; height:74px;
  background:#fff; border:1px solid var(--ac-line); border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  text-decoration:none; padding:12px;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.ac-brand:hover{ border-color:var(--ac-orange); box-shadow:var(--ac-sh); transform:translateY(-2px); }
.ac-brand img{ max-width:100%; max-height:44px; object-fit:contain; filter:grayscale(1); opacity:.82; transition:filter .18s ease, opacity .18s ease; }
.ac-brand:hover img{ filter:none; opacity:1; }
.ac-brand-txt{ font-size:15px; font-weight:800; letter-spacing:.04em; color:var(--ac-ink); text-align:center; }

.ac-rail-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:34px; height:34px; border-radius:50%;
  background:#fff; border:1px solid var(--ac-line);
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:var(--ac-sh); z-index:4;
}
.ac-rail-nav svg{ width:13px; height:13px; fill:none; stroke:var(--ac-ink); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.ac-rail-prev{ left:-14px; }
.ac-rail-next{ right:-14px; }

/* =====================================================================
   10) ANA PARÇA KATEGORİLERİ
   ===================================================================== */
.ac-cats{
  display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); gap:14px;
}
.ac-cat{
  background:#fff; border:1px solid var(--ac-line); border-radius:var(--ac-r);
  overflow:hidden; text-decoration:none; display:block;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.ac-cat:hover{ border-color:var(--ac-orange); box-shadow:var(--ac-sh-h); transform:translateY(-3px); }
.ac-cat-media{
  height:96px; background:#f6f7f9; display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.ac-cat-media img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Kategori görseli yoksa: ikonu nötr zeminde ortala (kırık görsel yerine) */
.ac-cat-media.is-empty{ background:#f6f7f9; }
.ac-cat-media .ac-cat-media-ikon{
  width:auto; height:44px; max-width:60%;
  object-fit:contain; opacity:.42;
}
.ac-cat-body{ padding:14px; text-align:center; }
.ac-cat-name{
  font-size:13px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  color:var(--ac-ink); margin:0 0 4px;
}
.ac-cat-sub{ font-size:11px; color:var(--ac-muted); margin:0 0 8px; }
.ac-cat-count{ font-size:11.5px; font-weight:700; color:var(--ac-orange); }

/* =====================================================================
   11) PROMO BANNERLARI
   ===================================================================== */
.ac-promos{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.ac-promo{
  position:relative; overflow:hidden; border-radius:var(--ac-r);
  min-height:142px; display:flex; align-items:center;
  padding:24px 28px; text-decoration:none; color:#fff;
  box-shadow:var(--ac-sh);
}
.ac-promo-1{ background:linear-gradient(100deg, var(--ac-orange) 0%, var(--ac-orange-2) 58%, var(--ac-orange-l) 100%); }
.ac-promo-2{ background:linear-gradient(100deg, #14171d 0%, #22262f 60%, #2c313b 100%); }
.ac-promo-bg{
  position:absolute; right:0; top:0; height:100%; width:52%;
  object-fit:cover; object-position:center; opacity:.9;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 32%);
  mask-image:linear-gradient(90deg, transparent, #000 32%);
}
.ac-promo-body{ position:relative; z-index:2; max-width:64%; }
.ac-promo-big{
  font-size:34px; font-weight:800; line-height:1; margin:0 0 6px; letter-spacing:-.02em;
}
.ac-promo-h{ font-size:15px; font-weight:800; margin:0 0 10px; text-transform:uppercase; letter-spacing:.03em; }
.ac-promo-sub{ font-size:12.5px; opacity:.92; margin:0 0 14px; }
.ac-promo-code{
  display:inline-block; background:rgba(0,0,0,.22); border-radius:6px;
  padding:5px 10px; font-size:12px; font-weight:700; margin-bottom:12px;
}
.ac-promo-btn{
  display:inline-flex; align-items:center; gap:8px;
  background:#fff; color:var(--ac-ink); border-radius:8px;
  padding:10px 16px; font-size:12.5px; font-weight:800;
}

/* =====================================================================
   12) ÜRÜN KOLONLARI
   ===================================================================== */
.ac-cols{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; align-items:start; }
.ac-col{ min-width:0; }
.ac-col-head{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin-bottom:12px;
}
.ac-col-title{
  font-size:13px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--ac-ink);
  margin:0;
}
.ac-col-more{ font-size:11.5px; font-weight:600; color:var(--ac-muted); text-decoration:none; }
.ac-col-more:hover{ color:var(--ac-orange); }

/* Mini ürün kartı */
.ac-mini-grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; min-width:0; }
.ac-mini-grid.ac-2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.ac-mini{
  background:#fff; border:1px solid var(--ac-line); border-radius:12px;
  padding:10px; text-decoration:none; display:block; position:relative;
  min-width:0;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.ac-mini:hover{ border-color:var(--ac-orange); box-shadow:var(--ac-sh); }
.ac-mini-flag{
  position:absolute; top:8px; left:8px; z-index:2;
  background:var(--ac-orange); color:#fff; border-radius:4px;
  font-size:8.5px; font-weight:800; letter-spacing:.06em; padding:3px 6px; text-transform:uppercase;
}
.ac-mini-media{
  height:88px; display:flex; align-items:center; justify-content:center;
  margin-bottom:8px; overflow:hidden;
}
.ac-mini-media img{ max-width:100%; max-height:88px; object-fit:contain; }
.ac-mini-name{
  font-size:11px; font-weight:700; color:var(--ac-ink);
  line-height:1.35; margin:0 0 2px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ac-mini-sub{
  font-size:10px; color:var(--ac-muted); margin:0 0 6px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ac-mini-price{ font-size:12.5px; font-weight:800; color:var(--ac-orange); }
.ac-mini-old{ font-size:10.5px; color:var(--ac-muted); text-decoration:line-through; margin-left:5px; font-weight:600; }

/* Çok satanlar — sıralı liste */
.ac-rank{
  background:#fff; border:1px solid var(--ac-line); border-radius:12px; overflow:hidden;
}
.ac-rank-row{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; border-bottom:1px solid var(--ac-line-2);
  text-decoration:none;
}
.ac-rank-row:last-child{ border-bottom:0; }
.ac-rank-row:hover{ background:var(--ac-orange-soft); }
.ac-rank-no{
  flex:0 0 auto; width:24px; height:24px; border-radius:6px;
  background:#f1f3f6; color:var(--ac-muted);
  font-size:11px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
}
.ac-rank-row:nth-child(1) .ac-rank-no,
.ac-rank-row:nth-child(2) .ac-rank-no,
.ac-rank-row:nth-child(3) .ac-rank-no{ background:var(--ac-orange); color:#fff; }
.ac-rank-media{ flex:0 0 auto; width:44px; height:44px; display:flex; align-items:center; justify-content:center; }
.ac-rank-media img{ max-width:44px; max-height:44px; object-fit:contain; }
.ac-rank-body{ flex:1 1 auto; min-width:0; }
.ac-rank-name{
  font-size:11.5px; font-weight:700; color:var(--ac-ink); margin:0;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ac-rank-sub{ font-size:10px; color:var(--ac-muted); margin:1px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ac-rank-price{ flex:0 0 auto; font-size:12px; font-weight:800; color:var(--ac-ink); white-space:nowrap; }
.ac-rank-cart{
  flex:0 0 auto; width:28px; height:28px; border-radius:7px;
  border:1px solid var(--ac-line); background:#fff;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
}
.ac-rank-cart svg{ width:14px; height:14px; fill:var(--ac-orange); }
.ac-rank-cart:hover{ background:var(--ac-orange); border-color:var(--ac-orange); }
.ac-rank-cart:hover svg{ fill:#fff; }

/* --- <a> içindeki <span> yapıları için blok davranışı --- */
.ac-mini-name, .ac-mini-sub, .ac-mini-price,
.ac-cat-body, .ac-cat-name, .ac-cat-sub, .ac-cat-count,
.ac-promo-body, .ac-promo-big, .ac-promo-h, .ac-promo-sub,
.ac-blog-media, .ac-blog-body, .ac-blog-title{ display:block; }

.ac-rank-link{
  display:flex; align-items:center; gap:10px;
  flex:1 1 auto; min-width:0; text-decoration:none;
}

/* Fiyat çıktısı (urunfiyatbelirle) — kompakt kartlar için */
.ac-mini-price .current,
.ac-rank-price .current{ color:var(--ac-orange); font-weight:800; }
.ac-rank-price .current{ color:var(--ac-ink); }
.ac-mini-price .compare,
.ac-rank-price .compare{
  display:inline-block; margin-right:5px;
  color:var(--ac-muted); font-weight:600; font-size:.85em; text-decoration:line-through;
}
/* Çoklu para birimi alt satırı kompakt kartlarda gizlenir (ürün sayfasında görünür) */
.ac-mini-price .sm-currency-under,
.ac-rank-price .sm-currency-under{ display:none !important; }

/* =====================================================================
   13) GÜVEN ŞERİDİ
   ===================================================================== */
.ac-trust{
  background:#fff; border:1px solid var(--ac-line); border-radius:var(--ac-r);
  display:grid; grid-template-columns:repeat(6, minmax(0,1fr));
  box-shadow:var(--ac-sh); overflow:hidden;
}
.ac-trust-item{
  display:flex; align-items:center; gap:12px;
  padding:20px 16px; border-right:1px solid var(--ac-line-2);
  text-decoration:none;
}
.ac-trust-item:last-child{ border-right:0; }
.ac-trust-ic{ width:26px; height:26px; flex:0 0 auto; fill:none; stroke:var(--ac-orange); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.ac-trust-t{ font-size:12px; font-weight:800; color:var(--ac-ink); margin:0 0 2px; }
.ac-trust-s{ font-size:10.5px; color:var(--ac-muted); margin:0; line-height:1.45; }

/* =====================================================================
   14) BLOG + YORUMLAR
   ===================================================================== */
.ac-bottom{ display:grid; grid-template-columns:1.6fr 1fr; gap:22px; align-items:start; }
.ac-blogs{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; }
.ac-blog{
  background:#fff; border:1px solid var(--ac-line); border-radius:12px;
  overflow:hidden; text-decoration:none; display:block;
  transition:box-shadow .18s ease, transform .18s ease;
}
.ac-blog:hover{ box-shadow:var(--ac-sh-h); transform:translateY(-2px); }
.ac-blog-media{ position:relative; height:110px; background:#eef0f3; overflow:hidden; }
.ac-blog-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.ac-blog-tag{
  position:absolute; top:8px; left:8px;
  background:var(--ac-orange); color:#fff; border-radius:4px;
  font-size:8.5px; font-weight:800; letter-spacing:.08em; padding:3px 7px; text-transform:uppercase;
}
.ac-blog-tag.ac-tag-2{ background:#1f7ae0; }
.ac-blog-tag.ac-tag-3{ background:#12b76a; }
.ac-blog-body{ padding:11px 12px 14px; }
.ac-blog-date{ font-size:10px; color:var(--ac-muted); display:block; margin-bottom:5px; }
.ac-blog-title{
  font-size:12px; font-weight:700; color:var(--ac-ink); line-height:1.4; margin:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

.ac-reviews{
  background:#fff; border:1px solid var(--ac-line); border-radius:var(--ac-r);
  padding:20px; box-shadow:var(--ac-sh);
}
.ac-rev-head{ display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.ac-rev-g{ font-size:22px; font-weight:700; letter-spacing:-.02em; }
.ac-rev-g i{ font-style:normal; }
.ac-rev-g .g1{ color:#4285F4; } .ac-rev-g .g2{ color:#EA4335; } .ac-rev-g .g3{ color:#FBBC05; }
.ac-rev-g .g4{ color:#4285F4; } .ac-rev-g .g5{ color:#34A853; } .ac-rev-g .g6{ color:#EA4335; }
.ac-rev-score{ font-size:26px; font-weight:800; color:var(--ac-ink); line-height:1; }
.ac-rev-stars{ color:#ffb400; font-size:15px; letter-spacing:1px; }
.ac-rev-count{ font-size:10.5px; color:var(--ac-muted); }
.ac-rev-body{ position:relative; }
.ac-rev-item{ display:none; }
.ac-rev-item.is-active{ display:block; }
.ac-rev-text{
  font-size:12.5px; line-height:1.65; color:var(--ac-body); margin:0 0 14px;
  min-height:56px;
}
.ac-rev-user{ display:flex; align-items:center; gap:10px; }
.ac-rev-av{
  width:34px; height:34px; border-radius:50%; background:var(--ac-orange-soft);
  color:var(--ac-orange); font-size:12px; font-weight:800;
  display:flex; align-items:center; justify-content:center; flex:0 0 auto;
}
.ac-rev-name{ font-size:12px; font-weight:700; color:var(--ac-ink); margin:0; }
.ac-rev-meta{ font-size:10px; color:var(--ac-muted); margin:0; }
.ac-rev-dots{ display:flex; gap:6px; justify-content:center; margin-top:14px; }
.ac-rev-dot{
  width:6px; height:6px; border-radius:50%; background:var(--ac-line); border:0; cursor:pointer; padding:0;
}
.ac-rev-dot.is-active{ background:var(--ac-orange); width:16px; border-radius:3px; }
.ac-rev-nav{
  position:absolute; top:14px; width:28px; height:28px; border-radius:50%;
  background:#fff; border:1px solid var(--ac-line); cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
.ac-rev-nav svg{ width:11px; height:11px; fill:none; stroke:var(--ac-ink); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.ac-rev-prev{ left:-12px; } .ac-rev-next{ right:-12px; }

/* =====================================================================
   15) FOOTER
   ===================================================================== */
.ac-footer{
  background:#fff; border-top:1px solid var(--ac-line); margin-top:34px;
}
.ac-footer-main{
  display:grid; grid-template-columns:1.25fr 1fr 1fr 1fr 1.1fr 1.15fr;
  gap:26px; padding:38px 0 30px;
}
.ac-f-brand .ac-logo{ margin-bottom:14px; }
.ac-f-about{ font-size:12px; line-height:1.7; color:var(--ac-muted); margin:0 0 16px; max-width:250px; }
.ac-f-social{ display:flex; gap:8px; }
.ac-f-social a{
  width:32px; height:32px; border-radius:8px; border:1px solid var(--ac-line);
  display:flex; align-items:center; justify-content:center;
  transition:background .16s ease, border-color .16s ease;
}
.ac-f-social a:hover{ background:var(--ac-orange); border-color:var(--ac-orange); }
.ac-f-social svg{ width:15px; height:15px; fill:var(--ac-body); }
.ac-f-social a:hover svg{ fill:#fff; }

.ac-f-title{
  font-size:11.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase;
  color:var(--ac-ink); margin:0 0 14px;
}
.ac-f-list{ display:flex; flex-direction:column; gap:8px; }
.ac-f-list a{ font-size:12px; color:var(--ac-muted); text-decoration:none; }
.ac-f-list a:hover{ color:var(--ac-orange); }
.ac-f-contact{ display:flex; flex-direction:column; gap:11px; }
.ac-f-ci{ display:flex; gap:9px; align-items:flex-start; font-size:12px; color:var(--ac-muted); text-decoration:none; line-height:1.55; }
.ac-f-ci svg{ width:15px; height:15px; flex:0 0 auto; fill:var(--ac-orange); margin-top:2px; }
.ac-f-ci:hover{ color:var(--ac-orange); }

.ac-pay-title{ font-size:10.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--ac-ink); margin:0 0 10px; }
.ac-pay-row{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; align-items:center; }
.ac-pay{
  height:26px; padding:0 10px; border-radius:6px; border:1px solid var(--ac-line);
  display:inline-flex; align-items:center; justify-content:center;
  font-size:10.5px; font-weight:800; letter-spacing:.02em; background:#fff; color:var(--ac-ink);
}
.ac-pay img{ max-height:16px; width:auto; display:block; }
.ac-pay-visa{ color:#1a1f71; }
.ac-pay-mc{ color:#eb001b; }
.ac-pay-troy{ color:#00a1e0; }
.ac-cargo-row{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.ac-cargo{ font-size:10.5px; font-weight:700; color:var(--ac-muted); }

.ac-footer-bottom{ border-top:1px solid var(--ac-line); background:#fafbfc; }
.ac-footer-bottom-inner{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:15px 0; font-size:11.5px; color:var(--ac-muted); flex-wrap:wrap;
}
.ac-footer-bottom-inner a{ color:var(--ac-muted); text-decoration:none; }
.ac-footer-bottom-inner a:hover{ color:var(--ac-orange); }

/* =====================================================================
   16) SİBERTEMA ÇAKIŞMA TEMİZLİĞİ
   ===================================================================== */
body.sibertema .sm-side-dock,
body.sibertema .sm-promobar{ display:none !important; }

body.sibertema .sm-footer .sm-footer-grid,
body.sibertema .sm-footer .sm-footer-bottom{ display:none !important; }
body.sibertema .sm-footer{ background:transparent !important; border:0 !important; }
body.sibertema .sm-footer-seo{ background:#fff !important; border-top:1px solid var(--ac-line); }
body.sibertema .sm-seo-card{ box-shadow:none !important; }

/* FAB (WhatsApp / Ara) turuncu marka rengine uysun */
body.sibertema .sm-fab-call{ background:var(--ac-orange) !important; color:#fff !important; }
body.sibertema .sm-fab-call svg{ fill:#fff !important; }

/* Mobil alt bar */
body.sibertema .sm-mobilebar{
  background:#fff !important; border-top:1px solid var(--ac-line) !important;
  box-shadow:0 -6px 20px rgba(16,24,40,.08) !important;
}
body.sibertema .sm-mbar-item{ color:var(--ac-body) !important; }
body.sibertema .sm-mbar-item svg{ fill:var(--ac-body) !important; }
body.sibertema .sm-mbar-cart svg,
body.sibertema .sm-mbar-wa svg{ fill:var(--ac-orange) !important; }
body.sibertema .sm-mbar-badge{ background:var(--ac-orange) !important; color:#fff !important; }

/* Drawer */
body.sibertema .sm-drawer a,
body.sibertema .sm-drawer summary{ color:var(--ac-ink) !important; }
body.sibertema .sm-drawer a:hover{ color:var(--ac-orange) !important; }
body.sibertema .sm-overlay{ background:rgba(16,24,40,.45) !important; }

/* =====================================================================
   17) RESPONSIVE
   ===================================================================== */
@media (max-width:1280px){
  .ac-hero-badges{ margin-left:24px; margin-right:24px; }
  .ac-slide-inner{ padding:38px 30px; }
}

@media (max-width:1150px){
  .ac-cats{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .ac-cols{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .ac-trust{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .ac-trust-item:nth-child(3n){ border-right:0; }
  .ac-footer-main{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}

@media (max-width:1024px){
  .ac-header-inner{ flex-wrap:wrap; gap:12px; min-height:0; padding-top:12px; padding-bottom:12px; }
  .ac-search{ order:3; flex:1 1 100%; max-width:none; }
  .ac-actions{ margin-left:auto; }
  .ac-act-txt{ display:none; }
  .ac-nav-links{ overflow-x:auto; scrollbar-width:none; }
  .ac-nav-links::-webkit-scrollbar{ display:none; }
  .ac-finder-row{ grid-template-columns:1fr; }
  .ac-farrow{ display:none; }
  .ac-hero-title{ font-size:32px; }
  .ac-slide-inner{ grid-template-columns:1fr; min-height:0; text-align:center; }
  .ac-hero-media{ order:-1; }
  .ac-hero-text{ margin-left:auto; margin-right:auto; }
  .ac-hero-cta{ justify-content:center; }
  .ac-hero-badges{ margin:16px 0 0; }
  .ac-badge{ flex:1 1 180px; }
  .ac-bottom{ grid-template-columns:minmax(0,1fr); }
  .ac-mega{ grid-template-columns:minmax(0,1fr); }
  .ac-mega-left{ border-right:0; border-bottom:1px solid var(--ac-line); max-height:none; }
}

@media (max-width:860px){
  .ac-promos{ grid-template-columns:minmax(0,1fr); }
  .ac-blogs{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .ac-footer-main{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

@media (max-width:680px){
  .ac-only-mobile{ display:block; }
  .ac-topbar-inner{ justify-content:flex-start; gap:22px; overflow-x:auto; scrollbar-width:none; }
  .ac-topbar-inner::-webkit-scrollbar{ display:none; }
  .ac-logo-name{ font-size:19px; }
  .ac-logo-mark{ width:32px; height:32px; }
  .ac-search-cat{ display:none; }
  .ac-search-sep{ display:none; }
  .ac-hero{ margin-top:12px; border-radius:var(--ac-r); }
  .ac-hero-title{ font-size:25px; }
  .ac-hero-arrow{ width:36px; height:36px; }
  .ac-cats{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .ac-cols{ grid-template-columns:minmax(0,1fr); }
  .ac-mini-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .ac-trust{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .ac-trust-item{ border-right:0; border-bottom:1px solid var(--ac-line-2); }
  .ac-blogs{ grid-template-columns:minmax(0,1fr); }
  .ac-footer-main{ grid-template-columns:minmax(0,1fr); gap:22px; padding:26px 0 22px; }
  .ac-f-about{ max-width:none; }
  .ac-sec{ margin:20px 0; }
  .ac-allcats{ margin-right:10px; padding:11px 14px; font-size:12px; }

  /* Header aksiyonları: mobilde sadece ikon (alt bar zaten mevcut) */
  .ac-act-moto{ display:none; }
  .ac-act-lbl,
  .ac-cart-sum{ display:none; }
  .ac-act{ padding:8px; }
  .ac-act-stack{ padding:8px; }
  .ac-actions{ gap:2px; }
  .ac-header-inner{ gap:10px; }

  /* SiberTema mobil alt barı asla sayfayı genişletmesin */
  body.sibertema .sm-mobilebar{ max-width:100vw; overflow:hidden; }
  body.sibertema .sm-mobilebar-inner{ max-width:100%; overflow-x:auto; scrollbar-width:none; }
  body.sibertema .sm-mobilebar-inner::-webkit-scrollbar{ display:none; }

  /* Mobil alt bar için taban boşluğu */
  body.sibertema .ac-footer{ padding-bottom:64px; }
}

/* Güvenlik ağı: hiçbir bileşen sayfayı yatay olarak taşırmasın */
body.sibertema{ overflow-x:hidden; max-width:100vw; }
.ac-container{ max-width:min(var(--ac-container), 100%); }

/* =====================================================================
   18) İÇ SAYFA AÇIK TEMA KATMANI
   ---------------------------------------------------------------------
   ui.css içinde koyu tema için sabit kodlanmış "cam" yüzeyler
   (rgba(255,255,255,.06) vb.) açık zeminde görünmez kalıyor.
   Aşağıdaki kurallar bu bileşenleri beyaz kart görünümüne çevirir.
   Böylece kategori / ürün / sepet / hesap sayfaları da yeni tasarıma uyar.
   ===================================================================== */
body.sibertema .sm-card,
body.sibertema .sm-acc,
body.sibertema .sm-banner,
body.sibertema .sm-brand,
body.sibertema .sm-catcard,
body.sibertema .sm-catlink,
body.sibertema .sm-catimg,
body.sibertema .sm-product,
body.sibertema .sm-product-media,
body.sibertema .sm-pc-media,
body.sibertema .sm-pdp-mainimg,
body.sibertema .sm-pdp-thumb,
body.sibertema .sm-review,
body.sibertema .sm-filter-all,
body.sibertema .sm-filter-brand,
body.sibertema .sm-filter-model,
body.sibertema .sm-filter-pick,
body.sibertema .sm-hero-wrap,
body.sibertema .sm-card-img,
body.sibertema .sm-cart-mini-img,
body.sibertema .sm-cart-empty-ic,
body.sibertema .sm-account-avatar,
body.sibertema .sm-pagination .sm-page,
body.sibertema .sm-step,
body.sibertema .sm-stepper-btn,
body.sibertema .sm-stepper-input,
body.sibertema .sm-mini-btn,
body.sibertema .sm-mini-stepper,
body.sibertema .sm-bc-item,
body.sibertema .sm-headlink,
body.sibertema .sm-toplink,
body.sibertema .sm-iconbtn,
body.sibertema .sm-navdrop-link,
body.sibertema .sm-btn-ghost,
body.sibertema .sm-allcats-ghost,
body.sibertema .sm-badge-soft,
body.sibertema .sm-chip,
body.sibertema .sm-qv-close,
body.sibertema .sm-promobar-close,
body.sibertema .sm-pc-stock,
body.sibertema .sm-drawer-cat details,
body.sibertema .sm-drawer-main details.sm-drawer-acc,
body.sibertema .sm-drawer-cat .sm-drawer-sub a,
body.sibertema .sm-drawer-main details.sm-drawer-acc > .sm-drawer-sub a{
  background:#fff !important;
  color:var(--ac-ink) !important;
  border-color:var(--ac-line) !important;
}

/* Yardımcı/ayraç yüzeyler */
body.sibertema .sm-drawer-divider,
body.sibertema .sm-summary-divider{ background:var(--ac-line) !important; }
body.sibertema .sm-progress{ background:var(--ac-line-2) !important; }
body.sibertema .sm-slider-dot{ background:var(--ac-line) !important; }
body.sibertema .sm-slider-dot.is-active{ background:var(--ac-orange) !important; }

/* İkon kutucukları: turuncu yumuşak zemin */
body.sibertema .sm-trust-ic,
body.sibertema .sm-side-ic,
body.sibertema .sm-fab-ic,
body.sibertema .sm-pay-result__icon,
body.sibertema .sm-contact-info-ico{
  background:var(--ac-orange-soft) !important;
  color:var(--ac-orange) !important;
}

/* Ödeme çipleri: beyaz kart + koyu metin */
body.sibertema .sm-pay-chip{
  background:#fff !important;
  color:var(--ac-ink) !important;
  border:1px solid var(--ac-line) !important;
}

/* Sabit beyaz metinlerden okunamaz hale gelenleri koyulaştır */
body.sibertema .sm-price,
body.sibertema .sm-price-current,
body.sibertema .sm-pc-price,
body.sibertema .sm-compare-price{ color:var(--ac-orange) !important; }
body.sibertema .sm-breadcrumb-sep,
body.sibertema .sm-pagination .sm-ellipsis{ color:var(--ac-muted) !important; }
body.sibertema .sm-menubtn{ color:var(--ac-ink) !important; }
body.sibertema .sm-menubtn svg{ fill:var(--ac-ink) !important; }

/* Renkli zemin üzerindeki beyaz metinler korunur */
body.sibertema .sm-btn-primary,
body.sibertema .sm-btn-wa,
body.sibertema .sm-cart-count,
body.sibertema .sm-mbar-badge,
body.sibertema .sm-side-badge,
body.sibertema .sm-step.active .sm-step-no{ color:#fff !important; }
body.sibertema .sm-step.active .sm-step-no{ background:var(--ac-orange) !important; }

/* Aktif / seçili durumlar marka rengine bağlansın */
body.sibertema .sm-pagination .sm-page.is-active,
body.sibertema .sm-filter-pick.is-active,
body.sibertema .sm-chip.is-active{
  background:var(--ac-orange) !important;
  border-color:var(--ac-orange) !important;
  color:#fff !important;
}

/* ---------------------------------------------------------------------
   Liste sayfası ürün kartı (kategori / arama / marka / model / ürün /
   favorilerim) — _partials/product_card_home.php
   --------------------------------------------------------------------- */
body.sibertema .product-item .group-button a,
body.sibertema .product-item .button-quick-view{
  background:#fff !important;
  color:var(--ac-ink) !important;
  border:1px solid var(--ac-line) !important;
  border-radius:9px !important;
  box-shadow:var(--ac-sh) !important;
}
body.sibertema .product-item .group-button a i,
body.sibertema .product-item .button-quick-view i{ color:inherit !important; }

body.sibertema .product-item .group-button a:hover,
body.sibertema .product-item .button-quick-view:hover,
body.sibertema .product-item .group-button a.btn--status[data-button-status="added"]{
  background:var(--ac-orange) !important;
  border-color:var(--ac-orange) !important;
  color:#fff !important;
}

/* Hover ipucu balonu: koyu zemin + beyaz metin */
body.sibertema .product-item .group-button a span.text,
body.sibertema .product-item .group-button a span.added,
body.sibertema .product-item .button-quick-view span.text{
  background:var(--ac-dark) !important;
  color:#fff !important;
  border-radius:6px !important;
  box-shadow:var(--ac-sh-h) !important;
}

/* Ürün etiketleri */
body.sibertema .product-item .label--sale{ background:var(--ac-orange) !important; color:#fff !important; }
body.sibertema .product-item .label--new{ background:#12b76a !important; color:#fff !important; }

/* Liste fiyatları */
body.sibertema .product-collection__price .current{ color:var(--ac-orange) !important; font-weight:800 !important; }
body.sibertema .product-collection__price .compare{ color:var(--ac-muted) !important; }
body.sibertema .product-collection__title a{ color:var(--ac-ink) !important; }
body.sibertema .product-collection__title a:hover{ color:var(--ac-orange) !important; }
body.sibertema .product-item .add-to-cart{
  background:var(--ac-orange) !important; border-color:var(--ac-orange) !important; color:#fff !important;
}
body.sibertema .product-item .add-to-cart:hover{ background:var(--ac-orange-d) !important; }
body.sibertema .product-item .in_stock{ color:#12b76a !important; }
body.sibertema .product-item .out_stock{ color:#e5484d !important; }

/* =====================================================================
   19) AÇIK ZEMİNDE GÖRÜNMEZ KALAN METİNLER
   ---------------------------------------------------------------------
   ui.css koyu tema için yazıldığından birçok yerde metin rengi
   rgba(226,232,240,.6..92) veya rgba(255,255,255,..) olarak SABİT kodlanmış.
   Beyaz/açık gri zeminde bu metinler okunamaz hale geliyor.
   Aşağıdaki kurallar hepsini okunur renklere çeker.
   (Turuncu/koyu zemin üzerindeki beyaz metinlere DOKUNULMAZ.)
   ===================================================================== */

/* --- İkincil / meta metinler --- */
body.sibertema .sm-price-old,
body.sibertema .sm-cart-mini-meta,
body.sibertema .sm-cart-sub,
body.sibertema .sm-cart-footer-label,
body.sibertema .sm-fab-sub,
body.sibertema .sm-fab:hover .sm-fab-sub,
body.sibertema .sm-sidebtn:hover .sm-side-sub,
body.sibertema .sm-route-bayiol .login-page .forgot,
body.sibertema .sm-route-bayiol .login-page .forgot-holder,
body.sibertema .sm-route-favorilerim .facet-filters__field,
body.sibertema .sm-route-index .cms_section.type_collection_list_slider .cat_grid_item__count,
body.sibertema .popup-container .js_slpr_location,
body.sibertema .popup-container .popup_slpr_txt p,
body.sibertema .popup-container .pp_slpr_time,
body.sibertema .popup-container .pp_slpr_time b,
body.sibertema .sm-route-sss .js-item-faq .faqs-icon i{
  color:var(--ac-muted) !important;
}
body.sibertema .sm-price-old{ text-decoration:line-through; }

/* --- Birincil / başlık metinleri --- */
body.sibertema summary.sm-navlink,
body.sibertema .sm-navdrop-link,
body.sibertema .sm-route-bayiol .login-page label,
body.sibertema .sm-route-bayiol .modal-content .close,
body.sibertema .sm-route-usiparislerim .sm-order-panel h3,
body.sibertema .shop-page-account table th,
body.sibertema .shop-page-account .box-label label,
body.sibertema .main-content.shop-page-account .box-label label,
body.sibertema .main-content.shop-page-account label.active,
body.sibertema .popup-container .pp_slpr_close svg,
body.sibertema .sm-search-merged-btn,
body.sibertema .sm-fab:hover,
body.sibertema .sm-sidebtn:hover,
body.sibertema .sm-route-index .brand-name{
  color:var(--ac-ink) !important;
}
body.sibertema .popup-container .pp_slpr_close svg{ fill:var(--ac-ink) !important; }

/* --- Placeholder'lar --- */
body.sibertema .sm-input::placeholder,
body.sibertema .sm-drawer-search input::placeholder,
body.sibertema .shop-page-account input::placeholder,
body.sibertema .shop-page-account textarea::placeholder,
body.sibertema textarea::placeholder{
  color:#9aa3af !important;
  opacity:1 !important;
}

/* --- Ayraçlar --- */
body.sibertema .sm-breadcrumb-sep,
body.sibertema .sm-pagination .sm-ellipsis,
body.sibertema .sm-route-iletisim .sm-contact-sep{
  color:var(--ac-muted) !important;
}
body.sibertema .sm-summary-divider{ background:var(--ac-line) !important; }

/* --- Renkli rozet/uyarı metinleri: pastel yerine dolgun renk --- */
body.sibertema .sm-badge-ok,
body.sibertema .sm-route-uhediyeceklerim .sm-gift-tag.is-ok{
  background:#e7f8ef !important; color:#067647 !important; border-color:#a9e6c6 !important;
}
body.sibertema .sm-badge-warn,
body.sibertema .sm-route-uhediyeceklerim .sm-gift-tag.is-warn{
  background:#fff6e6 !important; color:#a15c07 !important; border-color:#f5d599 !important;
}
body.sibertema .sm-cart-notice{ color:#a15c07 !important; }
body.sibertema .sm-mini-remove,
body.sibertema .sm-summary-row.sm-neg span:last-child,
body.sibertema .sm-route-uadreslerim .sm-btn-danger{ color:#c0342c !important; }
body.sibertema .sm-step.done .sm-step-no{ background:#12b76a !important; color:#fff !important; }

/* --- Yıldızlar: açık zeminde daha okunur amber --- */
body.sibertema .sm-stars,
body.sibertema .sm-star.is-on,
body.sibertema .spr-badge,
.ac-rev-stars{ color:#e8890c !important; }

/* =====================================================================
   20) DÜZEN (LAYOUT) SAĞLAMLAŞTIRMA
   ---------------------------------------------------------------------
   `fr` birimlerinin otomatik alt sınırı min-content'tir; uzun ürün adı
   veya fiyat metni kolonu şişirip yatay taşma yaratabilir.
   minmax(0, …) bunu keser.
   ===================================================================== */
body.sibertema .sm-checkout-grid{
  grid-template-columns:minmax(0, 1.6fr) minmax(0, .9fr) !important;
}
@media (max-width:1024px){
  body.sibertema .sm-checkout-grid{ grid-template-columns:minmax(0, 1fr) !important; }
}
body.sibertema .sm-checkout-aside,
body.sibertema .sm-summary,
body.sibertema .sm-summary-row,
body.sibertema .sm-summary-total{ min-width:0; }
body.sibertema .sm-summary-row span,
body.sibertema .sm-summary-total span{ min-width:0; overflow-wrap:anywhere; }

/* Ürün ızgaraları da aynı korumayı alsın */
body.sibertema .sm-products-grid,
body.sibertema .product-grid-container .collection,
body.sibertema .sm-related-grid{ min-width:0; }
body.sibertema .product-item,
body.sibertema .sm-product-card{ min-width:0; }

/* Ürün detay ızgarası ve galeri */
body.sibertema .sm-pdp-grid{ grid-template-columns:minmax(0, 1.15fr) minmax(0, .85fr) !important; }
@media (max-width:992px){
  body.sibertema .sm-pdp-grid{ grid-template-columns:minmax(0, 1fr) !important; }
}
body.sibertema .sm-pdp-gallery,
body.sibertema .sm-pdp-buy,
body.sibertema .sm-pdp-form,
body.sibertema .sm-pdp-main{ min-width:0; max-width:100%; }
body.sibertema .sm-pdp-gallery img,
body.sibertema .sm-pdp-main img{ max-width:100%; height:auto; }

/* Mobil sabit satın alma barı: koyu cam yerine beyaz kart */
body.sibertema .sm-pdp-stickybar{
  background:#fff !important;
  border-color:var(--ac-line) !important;
  box-shadow:0 -4px 24px rgba(16,24,40,.14) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
body.sibertema .sm-sticky-price{ color:var(--ac-orange) !important; }
body.sibertema .sm-sticky-label{ color:var(--ac-muted) !important; }
body.sibertema .sm-pdp-stickybtn{
  background:var(--ac-orange) !important; border-color:var(--ac-orange) !important; color:#fff !important;
}

/* =====================================================================
   21) MARKA RENGİ TUTARLILIĞI (eski mavi/turkuaz kalıntıları)
   ===================================================================== */
body.sibertema .blog-hero{
  background:linear-gradient(120deg, #14171d 0%, #24282f 55%, #33261c 100%) !important;
}
body.sibertema .blog-breadcrumb a:hover,
body.sibertema .blog-card-title a:hover,
body.sibertema .blog-card:hover .blog-card-title{ color:var(--ac-orange) !important; }
body.sibertema .blog-card-badge{
  background:linear-gradient(120deg, var(--ac-orange) 0%, var(--ac-orange-2) 100%) !important;
}
body.sibertema .blog-read-more,
body.sibertema .blog-card-meta a{ color:var(--ac-orange) !important; }

/* =====================================================================
   22) SABİT AKSİYON BUTONLARI (WhatsApp / Bizi Arayın)
   ---------------------------------------------------------------------
   ui.css'te koyu tema için yarı saydam gradient zemin kullanılıyordu;
   açık zeminde soluk kalıyordu. İkisini de dolu renkli pill yapıyoruz.
   ===================================================================== */
body.sibertema .sm-fab.sm-fab-wa{
  background:#1fb055 !important;
  background-image:none !important;
  border-color:#1a9c4b !important;
  box-shadow:0 10px 26px rgba(31,176,85,.30) !important;
}
body.sibertema .sm-fab.sm-fab-call{
  background:var(--ac-orange) !important;
  background-image:none !important;
  border-color:var(--ac-orange-d) !important;
  box-shadow:0 10px 26px rgba(var(--ac-orange-rgb), .30) !important;
}
body.sibertema .sm-fab.sm-fab-wa:hover{ background:#1a9c4b !important; }
body.sibertema .sm-fab.sm-fab-call:hover{ background:var(--ac-orange-d) !important; }

body.sibertema .sm-fab.sm-fab-wa,
body.sibertema .sm-fab.sm-fab-call,
body.sibertema .sm-fab.sm-fab-wa .sm-fab-title,
body.sibertema .sm-fab.sm-fab-call .sm-fab-title,
body.sibertema .sm-fab.sm-fab-wa:hover,
body.sibertema .sm-fab.sm-fab-call:hover{ color:#fff !important; }

body.sibertema .sm-fab.sm-fab-wa .sm-fab-sub,
body.sibertema .sm-fab.sm-fab-call .sm-fab-sub,
body.sibertema .sm-fab.sm-fab-wa:hover .sm-fab-sub,
body.sibertema .sm-fab.sm-fab-call:hover .sm-fab-sub{ color:rgba(255,255,255,.88) !important; }

body.sibertema .sm-fab.sm-fab-wa .sm-fab-ic,
body.sibertema .sm-fab.sm-fab-call .sm-fab-ic{
  background:rgba(255,255,255,.20) !important;
  color:#fff !important;
}
body.sibertema .sm-fab.sm-fab-wa .sm-fab-ic svg,
body.sibertema .sm-fab.sm-fab-call .sm-fab-ic svg{ fill:#fff !important; }


/* =====================================================================
   22b) SEPET SAYFASI — ".sm-cart-count" SINIF ÇAKIŞMASI
   ---------------------------------------------------------------------
   ui.css:364 bu sınıfı header'daki sepet ikonunun ÜZERİNE oturan rozet
   olarak tanımlıyor: position:absolute; top:-8px; right:-8px.
   Ancak sepet.php satır 147 ve 305 aynı sınıfı satır içi sayaç olarak
   kullanıyor ("12 kalem ürün"). Konumlanmış bir ata olmadığı için rozet
   sayfanın sağ kenarına fırlıyor ve yatay taşma yaratıyordu.
   Satır içi kullanımda konumlandırmayı iptal ediyoruz.
   ===================================================================== */
body.sibertema .sm-cart-head-sub .sm-cart-count,
body.sibertema .sm-summary-sub .sm-cart-count{
  position:static !important;
  top:auto !important; right:auto !important; left:auto !important; bottom:auto !important;
  margin-right:6px;
  box-shadow:none !important;
  background:var(--ac-orange) !important;
  color:#fff !important;
  font-weight:700;
}

/* =====================================================================
   23) DERİN DENETİM DÜZELTMELERİ
   ---------------------------------------------------------------------
   Çok ajanlı tema denetiminden (68 bulgu incelendi, 55 doğrulandı)
   üretilen katman. ui.css içinde koyu tema için sabit kodlanmış
   yüzey/renk/kontrast kalıntılarını sayfa sayfa açık temaya çeker.
   ===================================================================== */

/* =====================================================================
   MOTORCU DAYI — AÇIK TEMA (SİBERTEMA) TAM DÜZELTME KATMANI
   Bu dosya ui.css'ten SONRA yüklenmelidir. ui.css'teki koyu tema
   kalıntılarını, mavi/mor/yeşil palet artıklarını ve düşük kontrastlı
   yüzeyleri açık temaya + marka turuncusuna çeker.
   ===================================================================== */

/* =====================================================================
   1) GLOBAL — MARKA RENGİ
   ---------------------------------------------------------------------
   Tokenlar dosyanın BAŞINDA (§1) tanımlıdır ve temaheader.php'nin
   inline <style> bloğu tarafından Admin Panel > Tema Yönetimi rengine
   göre yeniden yazılır. Burada tekrar tanımlamıyoruz — aksi halde
   admin ayarı etkisiz kalırdı.

   ui.css'in kendi tokenlarını marka rengine bağlıyoruz; bu bildirimler
   inline blokta da aynen üretildiği için çakışma olmaz.
   ===================================================================== */
body.sibertema{
  --sm-accent:var(--ac-orange);
  --sm-accent-2:var(--ac-orange-2);
}

/* Güvenlik ağı: kalan mavi/yeşil kalıntıları marka rengine çek */
body.sibertema a:hover{ color:var(--ac-orange-2) !important; }
body.sibertema .sm-btn:hover{ border-color:var(--ac-orange) !important; }
body.sibertema :focus-visible{ outline-color:var(--ac-orange) !important; }

/* =====================================================================
   2) GLOBAL — SAYFA/BÖLÜM ZEMİNİ
   motorcudayi.css §2'deki toplu kural `.sm-section`'ı da beyaz kart listesine
   aldığı için tüm bloklar #ffffff oluyor ve sayfa zemini (--ac-bg #f2f4f7)
   hiç görünmüyordu. `.sm-section` bir DÜZEN sarmalayıcıdır, kart değildir.
   ===================================================================== */
body.sibertema .sm-section,
body.sibertema section.sm-section,
body.sibertema div.sm-section,
body.sibertema .sm-section.sm-collection-hero,
body.sibertema .sm-section.sm-collection-body,
body.sibertema .sm-section.sm-collection-desc,
body.sibertema .sm-section.sm-pagehead,
body.sibertema .sm-section.sm-auth,
body.sibertema .sm-section.sm-checkout,
body.sibertema .sm-section.sm-account-hero,
body.sibertema .sm-section.sm-section-tight,
body.sibertema .sm-section-head{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-color:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:var(--ac-ink) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* Sayfa/uygulama kabuğu ve liste sarmalayıcıları zemini kapatmasın */
body.sibertema .sm-page,
body.sibertema .sm-app,
body.sibertema .sm-main,
body.sibertema .sm-collection-grid,
body.sibertema .sm-results,
body.sibertema .product-grid-container,
body.sibertema .product-grid-container .collection{
  background:transparent !important;
}

/* Cam kartlar beyaz kalsın ama GÖRÜNÜR sınır + gerçek gölge alsın
   (--sm-border-2:#eef0f4 beyaza karşı ~1.14:1 idi; --ac-line daha belirgin) */
body.sibertema .sm-glass,
body.sibertema .sm-filters,
body.sibertema .sm-collection-head,
body.sibertema .sm-pagehead,
body.sibertema .sm-empty,
body.sibertema .sm-desc,
body.sibertema .sm-compare-wrap{
  background:var(--ac-card) !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r) !important;
  box-shadow:0 1px 2px rgba(16,24,40,.05), 0 8px 24px rgba(16,24,40,.08) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* .sm-section içindeki gerçek kartlar beyaz kalmaya devam etsin */
body.sibertema .sm-section .sm-card,
body.sibertema .sm-section .sm-panel,
body.sibertema .sm-section .sm-auth-card,
body.sibertema .sm-section .sm-order-panel,
body.sibertema .sm-section .sm-product-card,
body.sibertema .sm-section .sm-cart-item,
body.sibertema .sm-section .sm-cart-form,
body.sibertema .sm-section .sm-seo-card{
  background:var(--ac-card) !important;
  border:1px solid var(--ac-line) !important;
  box-shadow:var(--ac-sh) !important;
}

/* =====================================================================
   3) GLOBAL — BAĞLANTILAR, ROZETLER, AYRAÇLAR
   ===================================================================== */

/* .sm-link alt çizgisi: mor (124,58,237) yerine nötr/turuncu */
body.sibertema a.sm-link,
body.sibertema button.sm-link,
body.sibertema .sm-link{
  color:var(--ac-ink) !important;
  text-decoration:underline !important;
  text-decoration-color:rgba(17,21,27,.35) !important;
  text-underline-offset:2px !important;
}
body.sibertema a.sm-link:hover,
body.sibertema button.sm-link:hover,
body.sibertema .sm-link:hover,
body.sibertema .sm-link:focus-visible{
  color:var(--ac-orange) !important;
  text-decoration-color:var(--ac-orange) !important;
}

/* Sayfa başlığı ayraç noktası (ui.css:1643 rgba(255,255,255,.25) görünmezdi) */
body.sibertema .sm-dot{
  display:inline-block !important;
  width:6px !important;
  height:6px !important;
  border-radius:999px !important;
  background:var(--ac-orange) !important;
  vertical-align:middle !important;
  flex:0 0 auto !important;
  /* span içindeki "•" karakterini gizler, kutu geometrisi bozulmasın */
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  overflow:hidden !important;
}
body.sibertema .sm-sub .sm-dot{ margin-right:6px !important; }

/* Temel rozet: ui.css:1499 rgba(2,6,23,.55) yarı saydam koyu pil düzeltmesi.
   .sale / .new / -soft / -ok / -warn varyantlarının kendi renkleri korunur. */
body.sibertema .sm-badge:not(.sale):not(.new):not(.sm-badge-soft):not(.sm-badge-ok):not(.sm-badge-warn),
body.sibertema .sm-cart-meta .sm-badge:not(.sale):not(.new):not(.sm-badge-soft):not(.sm-badge-ok):not(.sm-badge-warn),
body.sibertema .sm-trust-row .sm-badge:not(.sale):not(.new):not(.sm-badge-soft):not(.sm-badge-ok):not(.sm-badge-warn){
  background:#fff5ec !important;
  color:#9a3f00 !important;
  border:1px solid #ffd2ad !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* Ürün kartı etiketleri anlamlarını korusun */
body.sibertema .sm-badge.sale{
  background:var(--ac-orange) !important;
  color:#fff !important;
  border-color:var(--ac-orange-d) !important;
}
body.sibertema .sm-badge.new{
  background:#12b76a !important;
  color:#fff !important;
  border-color:#0f9f5c !important;
}

/* Durum rozetleri — ui.css:2287-2296 koyu tema color-mix zemini + neredeyse
   beyaz metin, açık temada 1.5:1 kontrasta düşüyordu. Ölçülen: ok 6.5:1,
   warn 7.0:1 (WCAG AA). Bu blok .sm-badge-soft kuralından SONRA gelmelidir. */
body.sibertema .sm-badge-ok,
body.sibertema .sm-badge.sm-badge-ok,
body.sibertema .sm-badge-soft.sm-badge-ok,
body.sibertema .sm-pdp .sm-badge.sm-badge-ok{
  background:#e7f8ef !important;
  border:1px solid #9fd9b8 !important;
  border-color:#9fd9b8 !important;
  color:#0b6b3a !important;
}
body.sibertema .sm-badge-warn,
body.sibertema .sm-badge.sm-badge-warn,
body.sibertema .sm-badge-soft.sm-badge-warn,
body.sibertema .sm-pdp .sm-badge.sm-badge-warn{
  background:#fdecef !important;
  border:1px solid #f2b8c2 !important;
  border-color:#f2b8c2 !important;
  color:#9f1239 !important;
}
body.sibertema .sm-badge-ok *,
body.sibertema .sm-badge-warn *{ color:inherit !important; }

/* Nötr (kargo / hazırlanıyor / onay) rozet de aynı dilde kalsın */
body.sibertema .sm-badge-soft:not(.sm-badge-ok):not(.sm-badge-warn){
  background:#f4f6f9 !important;
  border:1px solid var(--ac-line) !important;
  border-color:var(--ac-line) !important;
  color:var(--ac-body) !important;
}

/* ui.css:1499 .sm-badge{position:absolute} ürün kartı içindir; sipariş ve
   destek listelerinde rozet akış içinde (flex öğesi) olmalı */
body.sibertema .sm-order-top .sm-badge,
body.sibertema .sm-order-summary .sm-badge,
body.sibertema .sm-ticket-top .sm-badge{
  position:static !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  padding:6px 10px !important;
  border-radius:999px !important;
}

/* =====================================================================
   4) GLOBAL — FORM ALANLARI
   ui.css:3682-3689 `body.sibertema textarea.sm-input` (0,2,2) + !important
   motorcudayi.css'teki `.sm-input` (0,2,1) kuralını yeniyordu. Sınıf tekrarı ile
   özgüllük (0,3,2)'ye çıkarılır. appearance:none KULLANILMAZ — select'in
   native ok işareti korunsun.
   ===================================================================== */
body.sibertema input.sm-input,
body.sibertema textarea.sm-input,
body.sibertema select.sm-input,
body.sibertema select.sm-input.sm-input,
body.sibertema textarea.sm-input.sm-input,
body.sibertema select.sm-input.sm-sort-select,
body.sibertema textarea.sm-input.sm-textarea,
body.sibertema .sm-input.sm-textarea,
body.sibertema .sm-input.sm-sort-select,
body.sibertema.sm-route-iletisim textarea.sm-input.sm-input{
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  color:var(--ac-ink) !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r-sm) !important;
}

body.sibertema input.sm-input::placeholder,
body.sibertema textarea.sm-input::placeholder,
body.sibertema textarea.sm-input.sm-input::placeholder,
body.sibertema textarea.sm-input.sm-textarea::placeholder{
  color:#9aa3af !important;
  opacity:1 !important;
}

body.sibertema input.sm-input:focus,
body.sibertema textarea.sm-input:focus,
body.sibertema select.sm-input:focus,
body.sibertema select.sm-input.sm-input:focus,
body.sibertema textarea.sm-input.sm-input:focus{
  outline:none !important;
  background:#fff !important;
  border-color:var(--ac-orange) !important;
  box-shadow:0 0 0 3px rgba(var(--ac-orange-rgb), .14) !important;
}

/* Disabled / readonly alanlar hafif gri kalsın (beyazla karışmasın) */
body.sibertema input.sm-input:disabled,
body.sibertema textarea.sm-input:disabled,
body.sibertema select.sm-input:disabled,
body.sibertema input.sm-input[readonly]{
  background:var(--ac-line-2) !important;
  color:var(--ac-muted) !important;
}

/* Select açılır listesi: ui.css:4588/4981 koyu zemin (#0b1220) + koyu metin
   -> kontrast 1.02:1, okunmaz. color-scheme ile OS koyu modunda da açık kalır. */
body.sibertema select,
body.sibertema .sm-select,
body.sibertema .select__select,
body.sibertema .facet-filters__sort{
  color-scheme:light;
}
body.sibertema select option,
body.sibertema select optgroup,
body.sibertema .sm-select option,
body.sibertema .sm-select optgroup,
body.sibertema select.sm-input.sm-input option,
body.sibertema .select__select option,
body.sibertema .select__select optgroup,
body.sibertema .facet-filters__sort option,
body.sibertema.sm-route-favorilerim .facet-filters__sort option,
body.sibertema.sm-route-favorilerim .select__select option{
  background:#ffffff !important;
  background-color:#ffffff !important;
  color:var(--ac-ink) !important;
}
body.sibertema select optgroup,
body.sibertema .sm-select optgroup,
body.sibertema .select__select optgroup{
  background:#f7f8fa !important;
  background-color:#f7f8fa !important;
  color:var(--ac-body) !important;
  font-weight:700 !important;
}
body.sibertema select option:checked,
body.sibertema select option[selected],
body.sibertema .select__select option:checked,
body.sibertema .facet-filters__sort option:checked{
  background:var(--ac-orange-soft) !important;
  background-color:var(--ac-orange-soft) !important;
  color:var(--ac-ink) !important;
  font-weight:600 !important;
}
body.sibertema select option:disabled,
body.sibertema .select__select option:disabled{
  color:var(--ac-muted) !important;
  background-color:#ffffff !important;
}

/* Legacy form focus halkası: ui.css:3272-3279 / 5735-5738 sabit maviyi
   !important ile veriyor ve .main-content bağlamı sayesinde özgüllükte
   kazanıyordu. body.sibertema.sibertema ile bir sınıf yukarı çekiyoruz. */
body.sibertema.sibertema .main-content input:focus,
body.sibertema.sibertema .main-content select:focus,
body.sibertema.sibertema .main-content textarea:focus,
body.sibertema.sibertema .login-page input:focus,
body.sibertema.sibertema .login-page select:focus,
body.sibertema.sibertema .login-page textarea:focus,
body.sibertema.sibertema .shop-page-account input:focus,
body.sibertema.sibertema .shop-page-account select:focus,
body.sibertema.sibertema .shop-page-account textarea:focus,
body.sibertema.sibertema.sm-route-index .search-box .form-select:focus,
body.sibertema.sibertema.sm-route-index .search-box select:focus,
body.sibertema.sibertema.sm-route-index .search-box input:focus{
  outline:none !important;
  border-color:var(--ac-orange) !important;
  box-shadow:0 0 0 3px rgba(var(--ac-orange-rgb), .14) !important;
}

/* =====================================================================
   5) GLOBAL — BUTONLAR
   ===================================================================== */

/* Legacy .btn-primary: ui.css:3315-3320 mavi->indigo gradient */
body.sibertema .main-content .btn-primary,
body.sibertema .login-page .btn-primary,
body.sibertema .shop-page-account .btn-primary,
body.sibertema .main-content input.butonok.btn-primary,
body.sibertema .login-page input.butonok.btn-primary,
body.sibertema .shop-page-account input.butonok.btn-primary{
  background:var(--ac-orange) !important;
  background-image:none !important;
  border:1px solid var(--ac-orange) !important;
  border-color:var(--ac-orange) !important;
  color:#fff !important;
  border-radius:var(--ac-r-sm) !important;
  font-weight:700 !important;
  text-shadow:none !important;
  box-shadow:0 6px 16px rgba(var(--ac-orange-rgb), .22) !important;
}
body.sibertema .main-content .btn-primary:hover,
body.sibertema .main-content .btn-primary:focus,
body.sibertema .login-page .btn-primary:hover,
body.sibertema .login-page .btn-primary:focus,
body.sibertema .shop-page-account .btn-primary:hover,
body.sibertema .shop-page-account .btn-primary:focus,
body.sibertema .main-content input.butonok.btn-primary:hover,
body.sibertema .login-page input.butonok.btn-primary:hover,
body.sibertema .shop-page-account input.butonok.btn-primary:hover{
  background:var(--ac-orange-d) !important;
  background-image:none !important;
  border-color:var(--ac-orange-d) !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(var(--ac-orange-rgb), .32) !important;
}
body.sibertema .main-content .btn-primary:focus-visible,
body.sibertema .login-page .btn-primary:focus-visible,
body.sibertema .shop-page-account .btn-primary:focus-visible{
  outline:2px solid var(--ac-orange-d) !important;
  outline-offset:2px !important;
}

/* Tükendi / devre dışı butonlar — ui.css:2101 sadece opacity:.55 verdiği için
   turuncu zemin ~#eeb085'e dönüşüp beyaz yazıyla ~1.9:1 kalıyordu ve aktif
   "Sepete Ekle" ile karışıyordu. Düz nötr zemin + koyu metin. */
body.sibertema .sm-btn.sm-btn-disabled,
body.sibertema .sm-btn-disabled,
body.sibertema .sm-btn.sm-btn-primary.sm-btn-disabled,
body.sibertema .sm-btn[disabled],
body.sibertema .sm-btn.sm-btn-disabled:hover,
body.sibertema .sm-btn.sm-btn-disabled:focus,
body.sibertema .sm-btn-disabled:hover,
body.sibertema .sm-btn-disabled:focus,
body.sibertema .sm-btn.sm-btn-primary.sm-btn-disabled:hover,
body.sibertema .sm-btn.sm-btn-primary.sm-btn-disabled:focus,
body.sibertema .sm-btn[disabled]:hover,
body.sibertema .sm-btn[disabled]:focus{
  background:#eef0f4 !important;
  background-image:none !important;
  border:1px solid #d5dae3 !important;
  border-color:#d5dae3 !important;
  color:#55606f !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  transform:none !important;
  font-weight:700 !important;
  cursor:not-allowed !important;
}
body.sibertema .sm-btn.sm-btn-disabled *,
body.sibertema .sm-btn-disabled *,
body.sibertema .sm-btn.sm-btn-primary.sm-btn-disabled *,
body.sibertema .sm-btn[disabled] *{
  color:inherit !important;
  fill:currentColor !important;
}

/* =====================================================================
   6) LİSTE SAYFALARI — ÜRÜN KARTI
   ui.css:6522 kartları --sm-surface (#fff) + --sm-border-2 (#eef0f4) ile
   çiziyor: beyaz üstü beyaz + ~1.14:1 kenarlık = kart eriyor.
   ===================================================================== */
body.sibertema .product-grid-container .product-collection{
  background:var(--ac-card) !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r) !important;
  box-shadow:var(--ac-sh) !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body.sibertema .product-grid-container .product-collection:hover,
body.sibertema .product-grid-container .product-item:hover .product-collection{
  border-color:var(--ac-orange) !important;
  box-shadow:var(--ac-sh-h) !important;
  transform:translateY(-2px);
}

/* Görsel/içerik ayırıcı çizgisi: ui.css:6534 rgba(255,255,255,.08) beyazda görünmez */
body.sibertema .product-grid-container .product-collection__image,
body.sibertema .product-item.laber-product-item-default .product-collection__image{
  border-bottom:1px solid var(--ac-line) !important;
}

/* Görsel kutusu beyaz kalsın (şeffaf PNG'lerde kartın sınırı okunur olsun) */
body.sibertema .product-grid-container .product-collection__image,
body.sibertema .product-grid-container .product-collection__image .ratio,
body.sibertema .product-grid-container .product-collection__image .card__media,
body.sibertema .product-grid-container .product-collection__image .media,
body.sibertema .product-grid-container .product-collection__image a.image_product,
body.sibertema .product-grid-container .product-collection__content{
  background:#fff !important;
}

/* Liste ana CTA'sı: ui.css:6598 yeşil->cyan gradient'i (0,4,1) özgüllükle
   basıyor; buradaki eşit ve bir kademe yüksek seçiciler ile turuncuya çekilir.
   Gradient background-image olarak geldiğinden ayrıca temizlenir. */
body.sibertema .product-grid-container .button-cart-bottom .add-to-cart,
body.sibertema .product-grid-container .button-cart-bottom a.add-to-cart,
body.sibertema .product-grid-container .product-item .button-cart-bottom .add-to-cart{
  background:var(--ac-orange) !important;
  background-image:none !important;
  background-color:var(--ac-orange) !important;
  border:0 !important;
  border-color:var(--ac-orange) !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(var(--ac-orange-rgb), .28) !important;
}
body.sibertema .product-grid-container .button-cart-bottom .add-to-cart *,
body.sibertema .product-grid-container .product-item .button-cart-bottom .add-to-cart *{
  color:#fff !important;
}
body.sibertema .product-grid-container .button-cart-bottom .add-to-cart:hover,
body.sibertema .product-grid-container .button-cart-bottom .add-to-cart:focus-visible,
body.sibertema .product-grid-container .product-item .button-cart-bottom .add-to-cart:hover,
body.sibertema .product-grid-container .product-item .button-cart-bottom .add-to-cart:focus-visible{
  background:var(--ac-orange-d) !important;
  background-image:none !important;
  background-color:var(--ac-orange-d) !important;
  border-color:var(--ac-orange-d) !important;
  color:#fff !important;
  filter:none !important;
  box-shadow:0 12px 28px rgba(227,93,0,.34) !important;
}

/* Stok metinleri AA seviyesine çekilir */
body.sibertema .product-item .in_stock{ color:#087f4d !important; }
body.sibertema .product-item .out_stock{ color:#b42318 !important; }

/* =====================================================================
   7) LİSTE SAYFALARI — FİLTRE, SIRALAMA, SAYFALAMA
   ===================================================================== */

/* Filtre paneli iç öğeleri panelden ayrışsın */
body.sibertema .sm-filters .sm-filter-brand,
body.sibertema .sm-filters .sm-filter-all{
  border:1px solid var(--ac-line) !important;
}

/* "Tümü" seçili durumu: motorcudayi.css:1077 beyaz normalizasyonu !important ile
   ezdiği için ui.css:1740'taki aktif (yeşil) hâl görünmez oluyordu.
   Kullanım: kategoridetay.php:379/542, modeldetay.php:276 */
body.sibertema .sm-filter-all.is-active,
body.sibertema .sm-filter-all.is-active:hover,
body.sibertema .sm-filter-all.is-active:focus{
  background:var(--ac-orange) !important;
  border-color:var(--ac-orange) !important;
  color:#fff !important;
  font-weight:800;
  box-shadow:0 6px 16px rgba(var(--ac-orange-rgb), .22);
}

/* Filtre/sıralama etiketleri: ui.css:1665/1720 --sm-muted-2 (#7d8794) ile
   3.64:1 kalıyordu; 11-12px uppercase metin için AA altı. Şimdi 7.9:1. */
body.sibertema .sm-filter-title,
body.sibertema .sm-sort-label{
  color:var(--ac-body) !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
}
@media (max-width:1024px){
  body.sibertema .sm-sort-label{ font-size:12px !important; }
}

/* Sayfalama: ui.css:1989-2012 koyu tema değerlerini bırakıyor; motorcudayi.css
   yalnızca .sm-page hedefliyordu ve bu projede .sm-page sayfa gövdesi
   wrapper'ı olduğu için hiç eşleşmiyordu. Gerçek markup sınıfı .sm-pagebtn.
   Kullanım: kategoridetay / modeldetay / arama / udestekmerkezi / usiparislerim */
body.sibertema .sm-pagination .sm-pagebtn,
body.sibertema .sm-pagination .sm-page,
body.sibertema .sm-pagination li > a,
body.sibertema .sm-pagination li > span:not(.sm-ellipsis){
  background:#fff !important;
  color:var(--ac-ink) !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r-sm) !important;
  box-shadow:var(--ac-sh) !important;
  text-decoration:none !important;
  transition:background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
body.sibertema .sm-pagination .sm-pagebtn:hover,
body.sibertema .sm-pagination .sm-pagebtn:focus-visible,
body.sibertema .sm-pagination .sm-page:hover,
body.sibertema .sm-pagination .sm-page:focus-visible,
body.sibertema .sm-pagination li > a:hover,
body.sibertema .sm-pagination li > a:focus-visible{
  background:var(--ac-orange-soft) !important;
  border-color:var(--ac-orange) !important;
  color:var(--ac-orange-d) !important;
  box-shadow:var(--ac-sh-h) !important;
  outline:none !important;
}
body.sibertema .sm-pagination .sm-pagebtn.is-active,
body.sibertema .sm-pagination .sm-pagebtn.is-active:hover,
body.sibertema .sm-pagination .sm-pagebtn.is-active:focus-visible,
body.sibertema .sm-pagination .sm-page.is-active,
body.sibertema .sm-pagination .sm-page.is-active:hover,
body.sibertema .sm-pagination li > a.is-active{
  background:var(--ac-orange) !important;
  border-color:var(--ac-orange) !important;
  color:#fff !important;
  box-shadow:0 4px 14px rgba(var(--ac-orange-rgb), .28) !important;
  cursor:default;
}
body.sibertema .sm-pagination .sm-ellipsis{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--ac-muted) !important;
}

/* =====================================================================
   8) MARKA DETAY — MODEL KARTLARI
   ui.css:3128-3165 koyu hover zeminini (rgba(15,23,42,.55)) ve koyu lacivert
   görsel kutusunu nötrler; motorcudayi.css normalizasyon whitelist'inde .sm-model
   ve .sm-model-img eksikti.
   ===================================================================== */
body.sibertema .sm-model{
  background:var(--ac-card) !important;
  color:var(--ac-ink) !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r) !important;
  box-shadow:var(--ac-sh) !important;
  text-decoration:none !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}
body.sibertema .sm-model:hover,
body.sibertema .sm-model:focus-visible{
  background:var(--ac-orange-soft) !important;
  border-color:var(--ac-orange) !important;
  box-shadow:var(--ac-sh-h) !important;
  color:var(--ac-ink) !important;
  transform:translateY(-2px);
}
body.sibertema .sm-model:focus-visible{
  outline:2px solid var(--ac-orange) !important;
  outline-offset:2px;
}

/* Model adı her durumda koyu ink kalsın (a:hover -> turuncu kuralı burada
   kart zeminiyle düşük kontrast üretiyordu) */
body.sibertema .sm-model .sm-model-name,
body.sibertema .sm-model-name,
body.sibertema .sm-model:hover .sm-model-name,
body.sibertema .sm-model:focus-visible .sm-model-name{
  color:var(--ac-ink) !important;
  opacity:1 !important;
}

/* Görsel kutusu: koyu lacivert tint yerine açık nötr zemin */
body.sibertema .sm-model-img{
  background:var(--ac-card) !important;
  border:1px solid var(--ac-line-2) !important;
  border-radius:var(--ac-r-sm) !important;
  padding:8px !important;
}
body.sibertema .sm-model-img img{
  object-fit:contain !important;
  mix-blend-mode:normal !important;
}
body.sibertema .sm-model:hover .sm-model-img{
  background:#fff !important;
  border-color:rgba(var(--ac-orange-rgb), .30) !important;
}

/* =====================================================================
   9) ÜRÜN DETAY (PDP)
   ===================================================================== */
body.sibertema .sm-pdp .sm-glass,
body.sibertema .sm-pdp .sm-pdp-gallery,
body.sibertema .sm-pdp .sm-pdp-form,
body.sibertema .sm-pdp .sm-acc,
body.sibertema .sm-pdp .sm-spec,
body.sibertema .sm-pdp .sm-details{
  background:var(--ac-card) !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r) !important;
  box-shadow:var(--ac-sh) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* Akordeon başlık şeridi ve iç ayrım */
body.sibertema .sm-pdp .sm-acc > summary{
  background:var(--ac-line-2) !important;
  color:var(--ac-ink) !important;
}
body.sibertema .sm-pdp .sm-acc[open] > summary{
  border-bottom:1px solid var(--ac-line) !important;
}
body.sibertema .sm-pdp .sm-acc-body{
  background:var(--ac-card) !important;
  border-top-color:var(--ac-line) !important;
}

/* Galeri görsel alanları */
body.sibertema .sm-pdp .sm-pdp-mainimg,
body.sibertema .sm-pdp .sm-pdp-thumb{
  background:#fff !important;
  border:1px solid var(--ac-line) !important;
}
body.sibertema .sm-pdp .sm-pdp-thumb.is-active{
  border-color:var(--ac-orange) !important;
  box-shadow:0 0 0 3px rgba(var(--ac-orange-rgb), .18) !important;
}

/* Eski (üstü çizili) fiyat: ui.css:2254-2258 rgba(226,232,240,.65) beyaz
   kartta ~1.15:1 veriyordu. Şimdi ~7.9:1 + görünür çizgi. */
body.sibertema .sm-price-old{
  color:var(--ac-body) !important;
  -webkit-text-fill-color:var(--ac-body) !important;
  opacity:1 !important;
  font-weight:600 !important;
  text-decoration:line-through !important;
  text-decoration-color:currentColor !important;
  text-decoration-thickness:2px !important;
}

/* Teknik Bilgiler akordeonundaki filtre etiketleri (urundetay.php:752-757) */
body.sibertema .sm-tag{
  background:var(--ac-orange-soft) !important;
  color:var(--ac-ink) !important;
  border:1px solid var(--ac-line) !important;
  font-weight:600 !important;
}
body.sibertema .sm-tag:hover{
  background:#fff !important;
  border-color:var(--ac-orange) !important;
  color:var(--ac-orange) !important;
}

/* Marka logosu: ui.css:2203 / ui.css:1571 koyu tema için yazılmış ağır
   drop-shadow(rgba(2,6,23,.35)) beyaz satın alma kutusunda kirli leke,
   opak JPG logolarda keskin dikdörtgen gölge üretiyordu. */
body.sibertema .sm-brand-img,
body.sibertema .sm-brand img{
  filter:none !important;
  -webkit-filter:none !important;
}
body.sibertema .sm-pdp-brand .sm-brand-img{
  display:block;
  max-width:100%;
}

/* Mobil sticky satın alma çubuğu: ui.css:2585 rgba(11,18,32,.72) koyu cam */
@media (max-width:768px){
  body.sibertema .sm-pdp-stickybar{
    background:rgba(255,255,255,.94) !important;
    border:1px solid var(--ac-line) !important;
    box-shadow:0 -2px 10px rgba(16,24,40,.06), 0 14px 34px rgba(16,24,40,.14) !important;
    color:var(--ac-ink) !important;
  }
  @supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){
    body.sibertema .sm-pdp-stickybar{
      background:rgba(255,255,255,.86) !important;
      -webkit-backdrop-filter:blur(12px) saturate(140%) !important;
      backdrop-filter:blur(12px) saturate(140%) !important;
    }
  }
  body.sibertema .sm-pdp-stickybar .sm-sticky-label{ color:var(--ac-body) !important; }
  body.sibertema .sm-pdp-stickybar .sm-sticky-price{ color:var(--ac-ink) !important; }

  body.sibertema .sm-pdp-stickybar .sm-pdp-stickybtn.sm-btn-primary{
    background:linear-gradient(180deg, var(--ac-orange-2), var(--ac-orange)) !important;
    border:1px solid var(--ac-orange-d) !important;
    color:#ffffff !important;
  }
  body.sibertema .sm-pdp-stickybar .sm-pdp-stickybtn.sm-btn-disabled,
  body.sibertema .sm-pdp-stickybar .sm-pdp-stickybtn[disabled]{
    background:#eef0f4 !important;
    border:1px solid var(--ac-line) !important;
    color:var(--ac-muted) !important;
  }
}

/* =====================================================================
   10) HIZLI GÖRÜNTÜLE (QUICK VIEW) MODALI
   motorcudayi.css:98 karartma katmanı olan .sm-qv-modal'ı beyaz yapıyor;
   ui.css:6219/6231 ise asıl kutuyu ve başlık şeridini koyu lacivert
   bırakıyordu. Seçici .sm-qv-modal.sm-qv-modal olarak tekrarlanarak
   motorcudayi.css:98'deki !important kuralından yüksek özgüllük alır.
   ===================================================================== */
body.sibertema .sm-qv-modal.sm-qv-modal{
  background:rgba(17,21,27,.55) !important;
  border:0 !important;
  color:var(--ac-ink) !important;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
body.sibertema .sm-qv-modal .sm-qv-dialog,
body.sibertema .sm-qv-modal .sm-qv-body{
  background:var(--ac-card) !important;
  color:var(--ac-ink) !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r-lg) !important;
  box-shadow:var(--ac-sh-h) !important;
}
body.sibertema .sm-qv-modal .sm-qv-head{
  background:#f7f8fa !important;
  border-bottom:1px solid var(--ac-line) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
body.sibertema .sm-qv-modal .sm-qv-title{ color:var(--ac-ink) !important; }
body.sibertema .sm-qv-modal .sm-qv-open{ color:var(--ac-orange) !important; }
body.sibertema .sm-qv-modal .sm-qv-open:hover{ color:var(--ac-orange-d) !important; }
body.sibertema .sm-qv-modal .sm-qv-close{
  background:#fff !important;
  color:var(--ac-ink) !important;
  border:1px solid var(--ac-line) !important;
}
body.sibertema .sm-qv-modal .sm-qv-close:hover{
  background:var(--ac-orange-soft) !important;
  border-color:var(--ac-orange) !important;
  color:var(--ac-orange) !important;
}
body.sibertema .sm-qv-modal .sm-qv-loading,
body.sibertema .sm-qv-modal .sm-qv-error{ color:var(--ac-muted) !important; }
body.sibertema .sm-qv-modal .sm-qv-error .sm-link{ color:var(--ac-orange) !important; }

/* =====================================================================
   11) SEPET — DRAWER (MİNİ SEPET)
   motorcudayi.css:97 .sm-cart-drawer kabuğunu beyaza çevirdi, fakat içindeki
   sabit koyu yüzeyler kaldı:
     ui.css:4724 .sm-cart-mini-item -> rgba(2,6,23,.32) => ~rgb(174,175,181)
     ui.css:4878 .sm-cart-footer    -> rgba(2,6,23,.55) => ~rgb(116,117,127)
   ===================================================================== */
body.sibertema .sm-cart-mini-item{
  background:#f7f8fa !important;
  color:var(--ac-ink) !important;
  border:1px solid var(--ac-line) !important;
  box-shadow:none !important;
}
body.sibertema .sm-cart-mini-item:hover{ border-color:#d8dde5 !important; }
body.sibertema .sm-cart-mini-item.sm-qty-clamped{
  border-color:#f5b544 !important;
  box-shadow:0 0 0 3px rgba(245,158,11,.16) !important;
}
body.sibertema .sm-cart-mini-name{ color:var(--ac-ink) !important; }
body.sibertema .sm-cart-mini-name:hover{ color:var(--ac-orange) !important; }
body.sibertema .sm-cart-mini-meta{ color:var(--ac-body) !important; }
body.sibertema .sm-cart-mini-total{ color:var(--ac-ink) !important; }
body.sibertema .sm-cart-mini-more{ color:var(--ac-muted) !important; }
body.sibertema .sm-cart-mini-more a{ color:var(--ac-orange) !important; }

/* Kart içi beyaz kutucuklar açık zeminde ayrışsın */
body.sibertema .sm-cart-mini-img,
body.sibertema .sm-mini-stepper{
  background:#fff !important;
  border:1px solid var(--ac-line) !important;
}
body.sibertema .sm-mini-stepper button{
  color:var(--ac-ink) !important;
  background:transparent !important;
}
body.sibertema .sm-mini-stepper button:hover{
  background:var(--ac-orange-soft) !important;
  color:var(--ac-orange) !important;
}
body.sibertema .sm-mini-stepper input{
  color:var(--ac-ink) !important;
  background:transparent !important;
  border:0 !important;
}

/* Sil butonu: açık kırmızı zemin + dolgun kırmızı ikon (currentColor) */
body.sibertema .sm-mini-remove{
  background:#fdecec !important;
  border:1px solid #f2b8b5 !important;
  color:#c0342c !important;
}
body.sibertema .sm-mini-remove:hover{
  background:#fbd9d7 !important;
  border-color:#e8908b !important;
  color:#a32820 !important;
}
body.sibertema .sm-mini-remove svg{ stroke:currentColor !important; fill:none !important; }

/* Drawer footer: koyu bant yerine açık yüzey + okunur toplam */
body.sibertema .sm-cart-footer{
  background:#fff !important;
  border-top:1px solid var(--ac-line) !important;
  color:var(--ac-ink) !important;
  box-shadow:0 -6px 18px rgba(16,24,40,.06) !important;
}
body.sibertema .sm-cart-footer-label{ color:var(--ac-body) !important; }
body.sibertema .sm-cart-footer-value{
  color:var(--ac-ink) !important;
  font-weight:900 !important;
}

/* Drawer başlık / boş durum */
body.sibertema .sm-cart-title,
body.sibertema .sm-cart-empty h3{ color:var(--ac-ink) !important; }
body.sibertema .sm-cart-sub,
body.sibertema .sm-cart-empty p{ color:var(--ac-muted) !important; }
body.sibertema .sm-cart-empty-ic{
  background:#f7f8fa !important;
  border:1px solid var(--ac-line) !important;
  color:var(--ac-ink) !important;
}

/* Stok/limit uyarısı: amber zemin açık temada da tutarlı */
body.sibertema .sm-cart-notice{
  background:#fff6e6 !important;
  border:1px solid #f5d599 !important;
  color:#a15c07 !important;
}

/* AJAX bindirmeleri: koyu karartma yerine açık perde */
body.sibertema .sm-cart-drawer.sm-busy::after,
body.sibertema .sm-cart-mini-item.sm-busy::after{
  background:rgba(255,255,255,.55) !important;
}
body.sibertema .sm-cart-drawer.sm-busy::before,
body.sibertema .sm-cart-mini-item.sm-busy::before{
  border-color:rgba(16,24,40,.16) !important;
  border-top-color:var(--ac-orange) !important;
}

/* =====================================================================
   12) SEPET SAYFASI — ADET KUTUSU, AYRAÇLAR, ÖNİZLEME
   ===================================================================== */

/* .sm-qty ailesi: ui.css:2711-2721 koyu tema kalıntısı. .sm-qty-input için
   motorcudayi.css:114-128'deki input[type="number"] kuralı (0,2,2) ezilmelidir;
   bu yüzden (0,3,1) özgüllüklü `.sm-qty .sm-qty-input` + !important. */
body.sibertema .sm-qty{
  background:#fff !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r-sm) !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
body.sibertema .sm-qty:focus-within{
  border-color:var(--ac-orange) !important;
  box-shadow:0 0 0 3px rgba(var(--ac-orange-rgb), .14) !important;
}
body.sibertema .sm-qty .sm-qty-btn{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  color:var(--ac-ink) !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:700 !important;
  transition:background .15s ease, color .15s ease !important;
}
body.sibertema .sm-qty .sm-qty-btn:hover{
  background:var(--ac-orange-soft) !important;
  color:var(--ac-orange) !important;
}
body.sibertema .sm-qty .sm-qty-btn:active{ background:#f0f2f6 !important; }

/* Hapın ortasındaki ayrı çerçeveli beyaz kutuyu yok et */
body.sibertema .sm-qty .sm-qty-input,
body.sibertema .sm-qty input[type="number"].sm-qty-input{
  background:transparent !important;
  color:var(--ac-ink) !important;
  border:0 !important;
  border-left:1px solid var(--ac-line) !important;
  border-right:1px solid var(--ac-line) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-align:center !important;
  font-weight:600 !important;
  -moz-appearance:textfield !important;
}
body.sibertema .sm-qty .sm-qty-input:focus,
body.sibertema .sm-qty input[type="number"].sm-qty-input:focus{
  outline:none !important;
  background:transparent !important;
  border-color:var(--ac-line) !important;
  box-shadow:none !important;
}
body.sibertema .sm-qty .sm-qty-input::-webkit-outer-spin-button,
body.sibertema .sm-qty .sm-qty-input::-webkit-inner-spin-button{
  -webkit-appearance:none !important;
  margin:0 !important;
}

/* Satır sil butonu: gri blok yerine beyaz + çerçeveli, hover'da kırmızı */
body.sibertema .sm-cart-remove{
  background:#fff !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r-sm) !important;
  color:var(--ac-muted) !important;
  box-shadow:none !important;
  transition:background .15s ease, color .15s ease, border-color .15s ease !important;
}
body.sibertema .sm-cart-remove svg{ fill:currentColor !important; opacity:1 !important; }
body.sibertema .sm-cart-remove:hover{
  background:#fef3f2 !important;
  border-color:#fecdca !important;
  color:#d92d20 !important;
}
body.sibertema .sm-cart-remove:active{ background:#fee4e2 !important; }
body.sibertema .sm-cart-remove:focus-visible{
  outline:none !important;
  border-color:#d92d20 !important;
  box-shadow:0 0 0 3px rgba(217,45,32,.14) !important;
}

/* Görünmez ayraçlar — yalnızca RENK ezilir, kısayol (border/border-left)
   ezilmez; böylece ui.css'in (max-width:992px) `border-left:0` kuralı
   geçerliliğini korur ve mobilde ayraç yine sadece üstte kalır. */
body.sibertema .sm-page-cart .sm-cart-side{
  border-left-color:var(--ac-line) !important;
  border-top-color:var(--ac-line) !important;
}
body.sibertema .sm-page-cart .sm-cart-side-row-qty,
body.sibertema .sm-page-cart .sm-cart-side-row-total,
body.sibertema .sm-cart-line{
  border-top-color:var(--ac-line) !important;
}

/* Sepet meta + güven satırı rozetleri */
body.sibertema .sm-trust-row .sm-badge,
body.sibertema .sm-cart-meta .sm-badge{
  background:var(--ac-orange-soft) !important;
  color:var(--ac-ink) !important;
  border:1px solid #ffd0ad !important;
  box-shadow:none !important;
  font-weight:800 !important;
}

/* Ödeme özeti ürün önizlemesi: gri kutu -> beyaz kart */
body.sibertema .sm-cart-preview{
  background:#fff !important;
  border-color:var(--ac-line) !important;
}
body.sibertema .sm-cart-preview summary,
body.sibertema .sm-cart-preview-title{ color:var(--ac-ink) !important; }
body.sibertema .sm-cart-preview-meta,
body.sibertema .sm-cart-preview-more{ color:var(--ac-muted) !important; }
body.sibertema .sm-cart-preview-more:hover{ color:var(--ac-orange) !important; }
body.sibertema .sm-cart-preview-item img,
body.sibertema .sm-page-cart .sm-cart-img img,
body.sibertema .sm-cart-img img{
  background:#fff !important;
  border-color:var(--ac-line) !important;
}

/* Ücretsiz kargo ilerleme çubuğu: ui.css:2673/2695 mor->mavi gradient */
body.sibertema .sm-progress,
body.sibertema .sm-ship-card .sm-progress{
  background:var(--ac-line-2) !important;
  border:1px solid var(--ac-line) !important;
}
body.sibertema .sm-progress-bar,
body.sibertema .sm-progress > .sm-progress-bar{
  background:linear-gradient(90deg, var(--ac-orange-2) 0%, var(--ac-orange) 100%) !important;
  border-radius:999px !important;
  box-shadow:0 1px 3px rgba(var(--ac-orange-rgb), .28) !important;
}

/* Mobil sabit ödeme barı (sepet.php / odeme.php) — ui.css:2792 rgba(0,0,0,.55) */
body.sibertema .sm-checkout-bar{
  background:rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  backdrop-filter:blur(12px) !important;
  border-top:1px solid var(--ac-line) !important;
  box-shadow:0 -8px 24px rgba(16,24,40,.10) !important;
  color:var(--ac-ink) !important;
}
body.sibertema .sm-checkout-bar-inner,
body.sibertema .sm-checkout-bar-pricewrap{
  background:transparent !important;
  color:inherit !important;
}
body.sibertema .sm-checkout-bar-label{
  color:var(--ac-body) !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
}
body.sibertema .sm-checkout-bar-price{
  color:var(--ac-ink) !important;
  font-weight:900 !important;
  font-size:17px !important;
  line-height:1.2 !important;
}
body.sibertema .sm-checkout-bar .sm-checkout-bar-cta,
body.sibertema .sm-checkout-bar .sm-btn-primary{
  background:var(--ac-orange) !important;
  border-color:var(--ac-orange) !important;
  color:#fff !important;
  white-space:nowrap !important;
}
body.sibertema .sm-checkout-bar .sm-btn-primary:hover{
  background:var(--ac-orange-d) !important;
  border-color:var(--ac-orange-d) !important;
  color:#fff !important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body.sibertema .sm-checkout-bar{ background:#ffffff !important; }
}

/* =====================================================================
   13) ÖDEME — YÖNTEM KUTULARI, RADIO / CHECKBOX, ADIM GÖSTERGESİ
   ui.css koyu tema için .sm-payitem / .sm-radio / .sm-check bileşenlerine
   background: rgba(0,0,0,.18) + border: rgba(255,255,255,.10) veriyor;
   beyaz kart içinde ~#d1d1d1 gri blok + görünmez kenarlık oluyordu.
   Etkilenen: odeme.php (179,186,213,220/259/279,289,297), kontrol.php
   (108,116), uyeol.php, bayiol.php, sifremiunuttum.php, hesabim.php
   ===================================================================== */
body.sibertema .sm-payitem,
body.sibertema .sm-radio,
body.sibertema .sm-check{
  background:#fff !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r-sm) !important;
  color:var(--ac-ink) !important;
  box-shadow:var(--ac-sh-sm, 0 1px 2px rgba(16,24,40,.04)) !important;
  transition:background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
body.sibertema .sm-check{ padding:11px 12px !important; }

body.sibertema .sm-payitem label,
body.sibertema .sm-payitem-title,
body.sibertema .sm-radio label,
body.sibertema .sm-check label,
body.sibertema .sm-check span{
  color:var(--ac-ink) !important;
  cursor:pointer;
  line-height:1.45;
}
body.sibertema .sm-check label,
body.sibertema .sm-check span{ margin:0; }
body.sibertema .sm-payitem-sub{ color:var(--ac-muted) !important; }

/* Hover geri bildirimi */
body.sibertema .sm-payitem:hover,
body.sibertema .sm-radio:hover,
body.sibertema .sm-check:hover{
  border-color:var(--ac-orange) !important;
  background:var(--ac-orange-soft) !important;
}

/* SEÇİLİ DURUM: turuncu yumuşak zemin + turuncu kenarlık + halka */
body.sibertema .sm-payitem:has(input:checked),
body.sibertema .sm-radio:has(input:checked),
body.sibertema .sm-check:has(input:checked),
body.sibertema .sm-payitem.is-selected,
body.sibertema .sm-radio.is-selected,
body.sibertema .sm-check.is-selected{
  background:var(--ac-orange-soft) !important;
  border-color:var(--ac-orange) !important;
  box-shadow:0 0 0 2px rgba(var(--ac-orange-rgb), .18) !important;
}
body.sibertema .sm-payitem:has(input:checked) .sm-payitem-title,
body.sibertema .sm-payitem:has(input:checked) label,
body.sibertema .sm-radio:has(input:checked) label,
body.sibertema .sm-check:has(input:checked) label{
  color:var(--ac-ink) !important;
}
body.sibertema .sm-payitem:has(input:checked) .sm-payitem-sub{
  color:var(--ac-orange-d) !important;
}

/* Klavye erişilebilirliği */
body.sibertema .sm-payitem:focus-within,
body.sibertema .sm-radio:focus-within,
body.sibertema .sm-check:focus-within{
  border-color:var(--ac-orange) !important;
  box-shadow:0 0 0 3px rgba(var(--ac-orange-rgb), .22) !important;
}

/* Native kontrol: sadece vurgu rengi ve ölçü (arka plan/kenarlığa dokunma) */
body.sibertema .sm-payitem input[type="radio"],
body.sibertema .sm-payitem input[type="checkbox"],
body.sibertema .sm-radio input[type="radio"],
body.sibertema .sm-radio input[type="checkbox"],
body.sibertema .sm-check input[type="radio"],
body.sibertema .sm-check input[type="checkbox"]{
  accent-color:var(--ac-orange) !important;
  width:18px !important;
  height:18px !important;
  flex:0 0 auto !important;
  cursor:pointer !important;
}

/* Kutu içindeki sözleşme bağlantıları düz turuncu link gibi görünsün */
body.sibertema .sm-payitem .sm-link,
body.sibertema .sm-radio .sm-link,
body.sibertema .sm-check .sm-link{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  font:inherit;
  color:var(--ac-orange) !important;
  text-decoration:underline !important;
  text-decoration-color:rgba(var(--ac-orange-rgb), .45) !important;
  cursor:pointer;
}
body.sibertema .sm-payitem .sm-link:hover,
body.sibertema .sm-radio .sm-link:hover,
body.sibertema .sm-check .sm-link:hover{
  text-decoration-color:var(--ac-orange) !important;
}

/* Adım göstergesi: nötr daire beyaz kart üzerinde görünür olsun.
   .active / .done kuralları daha yüksek özgüllükte olduğu için ezilmez. */
body.sibertema .sm-step-no,
body.sibertema .sm-stepper .sm-step .sm-step-no{
  background:#f0f2f6 !important;
  color:var(--ac-ink) !important;
  border:1px solid var(--ac-line) !important;
  box-sizing:border-box !important;
  font-weight:700 !important;
}
body.sibertema .sm-step.active .sm-step-no{
  background:var(--ac-orange) !important;
  border-color:var(--ac-orange) !important;
  color:#fff !important;
}
body.sibertema .sm-step.done .sm-step-no{
  background:#12b76a !important;
  border-color:#12b76a !important;
  color:#fff !important;
}

/* Ödeme/sipariş sonuç başlığı: ui.css:6763 mavi-indigo-cyan gradient */
body.sibertema .sm-pay-result__head{
  background:linear-gradient(135deg, rgba(var(--ac-orange-rgb), .10) 0%, rgba(var(--ac-orange-rgb), .05) 55%, #ffffff 100%) !important;
  border-bottom:1px solid var(--ac-line) !important;
}
body.sibertema .sm-pay-result--success .sm-pay-result__head{
  background:linear-gradient(135deg, rgba(var(--ac-orange-rgb), .12) 0%, rgba(var(--ac-orange-rgb), .06) 55%, #ffffff 100%) !important;
}
body.sibertema .sm-pay-result--error .sm-pay-result__head{
  background:linear-gradient(135deg, rgba(239,68,68,.12) 0%, rgba(239,68,68,.05) 55%, #ffffff 100%) !important;
  border-bottom-color:rgba(239,68,68,.22) !important;
}
body.sibertema .sm-pay-result__titles h2,
body.sibertema .sm-pay-result__titles strong{ color:var(--ac-ink) !important; }
body.sibertema .sm-pay-result__titles p{ color:var(--ac-body) !important; }
body.sibertema .sm-pay-result--error .sm-pay-result__icon{
  background:rgba(239,68,68,.12) !important;
  border-color:rgba(239,68,68,.28) !important;
  color:#d92d20 !important;
}

/* =====================================================================
   14) ÜYELİK / HESABIM — SOL MENÜ
   ui.css:7052-7128 .sm-account-user / -badge / -link sabit koyu tema
   yüzeylerinde (rgba(0,0,0,.18) + rgba(255,255,255,.10) kenarlık) kalmış;
   beyaz .sm-glass aside içinde kirli gri blok, hover ters çalışıyor,
   .is-active turuncusu çamurlu bej oluyordu.
   ===================================================================== */
body.sibertema .sm-account-user{
  background:var(--ac-line-2) !important;
  border:1px solid var(--ac-line) !important;
  color:var(--ac-ink) !important;
}
body.sibertema .sm-account-user-name{ color:var(--ac-ink) !important; }
body.sibertema .sm-account-user-mail{ color:var(--ac-muted) !important; }
body.sibertema .sm-account-user .sm-account-avatar{
  background:#fff !important;
  border:1px solid var(--ac-line) !important;
  color:var(--ac-orange) !important;
}
body.sibertema .sm-account-badge{
  background:var(--ac-orange-soft) !important;
  border:1px solid color-mix(in srgb, var(--ac-orange) 28%, #fff 72%) !important;
  color:var(--ac-orange-d) !important;
}

body.sibertema .sm-account-link{
  background:#fff !important;
  border:1px solid var(--ac-line) !important;
  color:var(--ac-ink) !important;
}
body.sibertema .sm-account-link i,
body.sibertema .sm-account-link span{ color:inherit !important; }

/* Hover: artık daha AÇIK değil, turuncuya doğru vurgulanıyor */
body.sibertema .sm-account-link:hover,
body.sibertema .sm-account-link:focus-visible{
  background:var(--ac-orange-soft) !important;
  border-color:color-mix(in srgb, var(--ac-orange) 35%, #fff 65%) !important;
  color:var(--ac-orange-d) !important;
}

/* Aktif satır: net turuncu vurgu (çamurlu kahve yerine) */
body.sibertema .sm-account-link.is-active{
  background:var(--ac-orange-soft) !important;
  border-color:var(--ac-orange) !important;
  color:var(--ac-orange-d) !important;
  font-weight:800;
}
body.sibertema .sm-account-link.is-active i,
body.sibertema .sm-account-link.is-active span{ color:var(--ac-orange-d) !important; }

/* Çıkış bağlantısı hover'da kırmızıya değil, nötr koyuya gitsin */
body.sibertema .sm-account-link.sm-account-logout:hover{
  background:var(--ac-line-2) !important;
  border-color:var(--ac-line) !important;
  color:var(--ac-ink) !important;
}

/* =====================================================================
   15) ÜYELİK — SİPARİŞLERİM VE ADRESLERİM
   ===================================================================== */

/* Panel başlıkları: ui.css:7322 h3 rengi sabit rgba(226,232,240,.92),
   panel yüzeyi beyaz -> görünmez metin */
body.sibertema .sm-order-panel h3,
body.sibertema.sm-route-usiparislerim .sm-order-panel h3{
  color:var(--ac-ink) !important;
}
body.sibertema .sm-order-panel.sm-order-panel-warn h3,
body.sibertema.sm-route-usiparislerim .sm-order-panel.sm-order-panel-warn h3{
  color:#b42318 !important;
}
body.sibertema .sm-order-panel{ border:1px solid var(--ac-line) !important; }
body.sibertema .sm-order-panel p{ color:var(--ac-body) !important; }
body.sibertema .sm-order-panel p strong{ color:var(--ac-ink) !important; }
body.sibertema .sm-order-panel.sm-order-panel-warn{
  border-color:rgba(180,35,24,.30) !important;
  background:#fff7f6 !important;
}

/* Özet kutuları / ayraçlar: ui.css 7225-7233, 7251-7260, 7273-7276 */
body.sibertema.sm-route-usiparislerim .sm-order-meta-item{
  background:var(--ac-line-2) !important;
  border:1px solid var(--ac-line) !important;
  border-radius:14px !important;
}
body.sibertema.sm-route-usiparislerim .sm-order-k{ color:var(--ac-muted) !important; }
body.sibertema.sm-route-usiparislerim .sm-order-v{ color:var(--ac-ink) !important; }
body.sibertema.sm-route-usiparislerim .sm-order-cta{
  border-top:1px dashed var(--ac-line) !important;
  color:var(--ac-body) !important;
}
body.sibertema.sm-route-usiparislerim .sm-order-cta:hover{ color:var(--ac-orange) !important; }
body.sibertema.sm-route-usiparislerim .sm-order-caret{ color:var(--ac-muted) !important; }
body.sibertema.sm-route-usiparislerim details.sm-order[open] .sm-order-caret{
  color:var(--ac-orange) !important;
}
body.sibertema.sm-route-usiparislerim .sm-order-body{
  border-top:1px solid var(--ac-line) !important;
}

/* Sipariş detay tablosu: ui.css:7363 rgba(2,6,23,.35) ve ui.css:7376
   rgba(15,23,42,.45) koyu cam yüzeyleri iptal edilir */
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll table{
  background:var(--ac-card) !important;
  border:1px solid var(--ac-line) !important;
  border-color:var(--ac-line) !important;
  border-radius:var(--ac-r) !important;
  overflow:hidden;
  color:var(--ac-ink) !important;
  box-shadow:var(--ac-sh) !important;
}
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll th,
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll td{
  background:transparent !important;
  background-color:transparent !important;
  color:var(--ac-body) !important;
  border-bottom:1px solid var(--ac-line) !important;
  border-bottom-color:var(--ac-line) !important;
}
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll thead th{
  background:var(--ac-orange-soft) !important;
  color:var(--ac-ink) !important;
}
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll th strong,
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll td strong{
  color:var(--ac-ink) !important;
}
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll tbody tr:last-child td{
  border-bottom:0 !important;
}
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll a{ color:var(--ac-ink) !important; }
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll a:hover{ color:var(--ac-orange) !important; }

/* İndirim satırları: usiparislerim.php 311/312 Kupon, 321/322 Hediye Çeki,
   331/332 Havale/EFT, 341/342 İskonto -> inline color:#fecaca. Inline stili
   bastırmak zorunlu olduğundan !important. #b42318 beyazda ~6.6:1 (AA). */
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll td[style*="fecaca"],
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll td[style*="fecaca"] strong,
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll strong[style*="fecaca"]{
  color:#b42318 !important;
  font-weight:700 !important;
}

/* Adreslerim: il / ilçe çipleri (ui.css 7486-7496) */
body.sibertema.sm-route-uadreslerim .sm-address-chip{
  background:var(--ac-orange-soft) !important;
  border:1px solid rgba(var(--ac-orange-rgb), .22) !important;
  color:var(--ac-orange-d) !important;
}

/* Yazdırma: kutular, ayraçlar ve indirim rengi kağıtta da görünsün */
@media print{
  body.sibertema.sm-route-usiparislerim .sm-order-meta-item{
    background:#fff !important;
    border:1px solid #e5e7eb !important;
  }
  body.sibertema.sm-route-usiparislerim .sm-order-cta,
  body.sibertema.sm-route-usiparislerim .sm-order-body{
    border-top-color:#e5e7eb !important;
  }
  body.sibertema.sm-route-usiparislerim .sm-order-table-scroll table,
  body.sibertema.sm-route-usiparislerim .sm-order-table-scroll th{
    background:#ffffff !important;
    color:#11151b !important;
  }
  body.sibertema.sm-route-usiparislerim .sm-order-table-scroll td[style*="fecaca"],
  body.sibertema.sm-route-usiparislerim .sm-order-table-scroll td[style*="fecaca"] strong,
  body.sibertema.sm-route-usiparislerim .sm-order-table-scroll strong[style*="fecaca"]{
    color:#b42318 !important;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }
  body.sibertema.sm-route-uadreslerim .sm-address-chip{
    background:#fff !important;
    border:1px solid #e5e7eb !important;
    color:#0f172a !important;
  }
}

/* =====================================================================
   16) ÜRÜN KARŞILAŞTIRMA
   ===================================================================== */
body.sibertema.sm-route-urunkarsilastirma{
  --ac-compare-line:#8b95a5;        /* beyaz üzerinde 3.03:1 — WCAG 1.4.11 */
  --ac-compare-line-soft:#c3cad6;
}

/* Tablo ayraçları: ui.css:6886 --sm-border-2 (#eef0f4) beyaz hücrede 1.14:1 */
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table th,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table td{
  border-bottom:1px solid var(--ac-compare-line) !important;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table .sm-compare-row-last th,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table .sm-compare-row-last td{
  border-bottom:0 !important;
}

/* Sticky ilk kolon: kart zeminiyle aynı kalsın + yatay kaydırmada sınırı belli olsun */
body.sibertema .sm-compare-table th,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table th{
  background:#ffffff !important;
  color:#49525f !important;
  border-right:1px solid var(--ac-compare-line) !important;
  box-shadow:2px 0 0 0 rgba(16,24,40,.06) !important;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table .sm-compare-row-last th{
  border-right:1px solid var(--ac-compare-line) !important;
}

/* Satır okunabilirliğini artıran hafif şerit (zebra) */
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table tbody tr:nth-child(even) th,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table tbody tr:nth-child(even) td{
  background:#f7f8fa !important;
}

/* Listeden çıkar (✕) butonu: ui.css:6918-6940 koyu leke + hover'da beyaz üstü beyaz */
body.sibertema.sm-route-urunkarsilastirma .sm-compare-remove{
  background:#ffffff !important;
  border:1px solid var(--ac-line) !important;
  color:var(--ac-body) !important;
  box-shadow:0 1px 2px rgba(16,24,40,.06) !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  transition:background .12s ease, border-color .12s ease, color .12s ease, transform .12s ease !important;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-remove:hover,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-remove:focus,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-remove:focus-visible{
  background:#dc2626 !important;   /* beyaz ✕ ile kontrast ~4.8:1 (AA) */
  border-color:#dc2626 !important;
  color:#ffffff !important;
  box-shadow:0 2px 8px rgba(220,38,38,.28) !important;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-remove:focus-visible{
  outline:2px solid rgba(220,38,38,.35) !important;
  outline-offset:2px !important;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-remove:active{
  background:#b91c1c !important;
  border-color:#b91c1c !important;
  color:#ffffff !important;
  transform:translateY(1px) !important;
}

/* Ürün görseli çerçevesi: ui.css:6942-6947 rgba(255,255,255,.03) + #eef0f4
   beyaz kartta ~1.15:1 kontrastla kayboluyordu */
body.sibertema.sm-route-urunkarsilastirma .sm-compare-img{
  display:block !important;
  background:#f4f6f9 !important;     /* beyaz fotoğrafı çerçeveleyen mat zemin */
  border:1px solid #98a1af !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 1px 2px rgba(16,24,40,.06) !important;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-img img{
  background:transparent !important;
  mix-blend-mode:normal !important;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-img:hover{
  border-color:var(--ac-orange) !important;
  box-shadow:0 8px 22px rgba(16,24,40,.12) !important;
  transform:translateY(-1px) !important;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-img:focus-visible{
  outline:2px solid var(--ac-orange) !important;
  outline-offset:2px !important;
  border-color:var(--ac-orange) !important;
}

/* Stok durumu: ui.css:6971-6972 `.in{#22c55e}` beyazda ~2.27:1;
   `.out{#f97316}` marka turuncusuyla karışıp CTA gibi görünüyordu.
   Nokta göstergesi renk körlüğünde de ayırt edilebilirlik sağlar. */
body.sibertema .sm-compare-stock{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
  border:1px solid transparent !important;
}
body.sibertema .sm-compare-stock::before{
  content:"" !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:currentColor !important;
  flex:0 0 auto !important;
}
body.sibertema .sm-compare-stock.in{      /* ~5.0:1 */
  color:#087f4d !important;
  background:rgba(8,127,77,.10) !important;
  border-color:rgba(8,127,77,.24) !important;
}
body.sibertema .sm-compare-stock.out{     /* ~6.6:1, turuncudan net ayrık */
  color:#b42318 !important;
  background:rgba(180,35,24,.10) !important;
  border-color:rgba(180,35,24,.24) !important;
}

/* Fiyat hücresi: motorcudayi.css:1122 tüm hücreyi turuncu yaptığı için içteki
   .compare span'i turuncuyu miras alıyordu (ui.css:7975 renk vermiyor) */
body.sibertema .sm-compare-price .compare,
body.sibertema .sm-compare-price .compare::before,
body.sibertema .sm-compare-price .compare::after{
  color:var(--ac-muted) !important;
}
body.sibertema .sm-compare-price .compare{
  font-weight:600 !important;
  font-size:.9em !important;
  opacity:1 !important;
}
body.sibertema .sm-compare-price .current{
  color:var(--ac-orange) !important;
  font-weight:800 !important;
}

/* "Açıklama" akordeonu: ui.css:6981-6999 kutuyu rgba(255,255,255,.03) +
   --sm-border-2 ile çiziyor; "Detayı gör" --sm-accent-2 (#df474d -> 2.35:1)
   ile AA altında kalıyordu. */
body.sibertema .sm-compare-desc,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-desc{
  background:#ffffff !important;
  border:1px solid #d5dbe5 !important;
  border-radius:var(--ac-r) !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04) !important;
  overflow:hidden !important;
  transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}
body.sibertema .sm-compare-desc:hover{
  background:#fffaf6 !important;
  border-color:var(--ac-orange) !important;
  box-shadow:0 4px 14px rgba(16,24,40,.09) !important;
}
body.sibertema .sm-compare-desc[open]{
  border-color:#c3cad6 !important;
  box-shadow:0 4px 14px rgba(16,24,40,.08) !important;
}
body.sibertema .sm-compare-desc > summary{
  cursor:pointer !important;
  list-style:none !important;
  padding:12px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:8px !important;
}
body.sibertema .sm-compare-desc > summary::-webkit-details-marker{ display:none !important; }
body.sibertema .sm-compare-desc > summary:focus-visible{
  outline:2px solid var(--ac-orange) !important;
  outline-offset:-2px !important;
  border-radius:var(--ac-r) !important;
}
body.sibertema .sm-compare-desc .sm-desc-short{
  color:var(--ac-body) !important;      /* beyazda 7.9:1 */
  font-size:12.5px !important;
  line-height:1.55 !important;
}
body.sibertema .sm-compare-desc .sm-desc-more{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-top:0 !important;
  padding:5px 11px !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  color:var(--ac-orange-ink) !important;             /* #fcedee üzerinde 5.01:1 */
  background:var(--ac-orange-soft) !important;
  border:1px solid #f2a76a !important;
  border-radius:999px !important;
  text-decoration:none !important;
  transition:background-color .15s ease, color .15s ease, border-color .15s ease !important;
}
body.sibertema .sm-compare-desc .sm-desc-more::after{
  content:"›";
  font-size:14px;
  line-height:1;
  transform:rotate(90deg);
  transition:transform .15s ease;
}
body.sibertema .sm-compare-desc[open] .sm-desc-more::after{ transform:rotate(-90deg); }
body.sibertema .sm-compare-desc:hover .sm-desc-more,
body.sibertema .sm-compare-desc > summary:focus-visible .sm-desc-more{
  background:var(--ac-orange-d) !important;
  border-color:var(--ac-orange-d) !important;
  color:#ffffff !important;
}

/* Açılan içerik başlıktan net ayrılsın (.sm-prose'un !important
   border-color'ını yenmek için daha yüksek özgüllük + !important) */
body.sibertema .sm-compare-desc .sm-compare-prose{
  padding:12px 12px 14px !important;
  border-top:1px solid #d5dbe5 !important;
  background:#fbfcfd !important;
  color:var(--ac-body) !important;
  border-radius:0 !important;
}
body.sibertema .sm-compare-desc .sm-compare-prose *{ max-width:100% !important; }

/* =====================================================================
   17) SSS (AKORDİYON)
   ui.css:4357-4397 sabit kodlanmış koyu rgba değerlerini nötrler.
   ===================================================================== */
body.sibertema.sm-route-sss .js-item-faq{
  background:#ffffff !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r-sm) !important;
  margin-top:10px !important;
  overflow:hidden;
  transition:border-color .18s ease, box-shadow .18s ease;
}
body.sibertema.sm-route-sss .js-item-faq:first-of-type{ margin-top:14px !important; }
body.sibertema.sm-route-sss .js-item-faq:hover{
  border-color:rgba(var(--ac-orange-rgb), .45) !important;
  box-shadow:0 6px 18px rgba(17,21,27,.06) !important;
}
body.sibertema.sm-route-sss .js-item-faq .heading{ cursor:pointer; }
body.sibertema.sm-route-sss .js-item-faq .heading-title a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:14px 16px !important;
  color:var(--ac-ink) !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

/* +/- ikonu: neredeyse beyaz rengi bitir, turuncu rozet içinde koyu ikon */
body.sibertema.sm-route-sss .js-item-faq .faqs-icon{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:26px !important;
  height:26px !important;
  border-radius:999px !important;
  background:rgba(var(--ac-orange-rgb), .12) !important;
  color:#b45309 !important;
}
body.sibertema.sm-route-sss .js-item-faq .faqs-icon i{
  color:#b45309 !important;
  font-size:13px !important;
  line-height:1 !important;
}

body.sibertema.sm-route-sss .js-item-faq .content-faqs{
  padding:14px 16px 16px !important;
  border-top:1px solid var(--ac-line);
  background:#ffffff !important;
}
body.sibertema.sm-route-sss .js-item-faq .content-faqs p{
  color:var(--ac-body) !important;
  margin:0 !important;
  line-height:1.75 !important;
}

/* Aktif durum: mavi çerçeveyi kaldır, marka turuncusuyla hizala.
   #df474d beyaz üstünde ~2.3:1 kaldığı için okunabilir koyu turuncu. */
body.sibertema.sm-route-sss .js-item-faq.active{
  background:#ffffff !important;
  border-color:rgba(var(--ac-orange-rgb), .55) !important;
  box-shadow:0 8px 22px rgba(17,21,27,.07) !important;
}
body.sibertema.sm-route-sss .js-item-faq.active .heading-title a{ color:#b45309 !important; }
body.sibertema.sm-route-sss .js-item-faq.active .faqs-icon{
  background:rgba(var(--ac-orange-rgb), .20) !important;
}

/* =====================================================================
   18) İLETİŞİM
   ui.css:4201/4221/4261/4267/4272/4277 sabit BEYAZ alfa çizgiler ve koyu
   cam zemin kullanıyor; ui.css seçicileri (0,3,1) olduğu için !important
   zorunlu. Ayrıca motorcudayi.css:1258'deki .sm-contact-sep kuralı yanlış
   birleştirici (body.sibertema BOŞLUK .sm-route-iletisim) kullandığından
   hiç eşleşmiyordu — burada onarılıyor.
   ===================================================================== */
body.sibertema .sm-contact-info-item{
  background:var(--ac-card) !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r-sm) !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04) !important;
}
body.sibertema .sm-contact-info-item:hover{ border-color:var(--ac-orange) !important; }
body.sibertema .sm-contact-info-ico{ border:1px solid var(--ac-line) !important; }
body.sibertema .sm-contact-info-title{ color:var(--ac-ink) !important; }
body.sibertema .sm-contact-info-text,
body.sibertema .sm-contact-info-text .sm-contact-muted{ color:var(--ac-body) !important; }

/* Telefon / e-posta linkleri: görünür kesik alt çizgi */
body.sibertema .sm-contact-link,
body.sibertema.sm-route-iletisim .sm-contact-link,
body.sibertema .sm-contact-info-text .sm-contact-link{
  color:var(--ac-ink) !important;
  text-decoration:none !important;
  border-bottom:1px dashed rgba(17,21,27,.38) !important;
}
body.sibertema .sm-contact-link:hover,
body.sibertema .sm-contact-link:focus-visible,
body.sibertema.sm-route-iletisim .sm-contact-link:hover,
body.sibertema.sm-route-iletisim .sm-contact-link:focus-visible,
body.sibertema .sm-contact-info-text .sm-contact-link:hover{
  color:var(--ac-orange) !important;
  border-bottom-color:var(--ac-orange) !important;
}

/* İki telefon arasındaki '•' ayracı */
body.sibertema .sm-contact-sep,
body.sibertema.sm-route-iletisim .sm-contact-sep{
  color:var(--ac-muted) !important;
  opacity:1 !important;
}

/* 'Sosyal Medyada Biz' üst ayracı — doğrudan beyaz kart üzerinde */
body.sibertema .sm-contact-social,
body.sibertema.sm-route-iletisim .sm-contact-social{
  border-top:1px solid var(--ac-line) !important;
}

/* Beyaz zeminli captcha görselinin karta yapışmasını engelle */
body.sibertema .sm-captcha-img,
body.sibertema.sm-route-iletisim .sm-captcha-img{
  background:#fff !important;
  border:1px solid rgba(17,21,27,.16) !important;
}

/* =====================================================================
   19) KURUMSAL SAYFALAR (sayfadetay / kullanım koşulları / mesafeli satış)
   ui.css'teki beyaz alfa çerçeveler açık zeminde görünmüyordu.
   ===================================================================== */
body.sibertema.sm-route-sayfa .banner-img-article .pr_lazy_img,
body.sibertema.sm-route-kullanimkosullari .banner-img-article .pr_lazy_img,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .banner-img-article .pr_lazy_img{
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r) !important;
  box-shadow:var(--ac-sh, 0 1px 2px rgba(16,24,40,.04), 0 6px 18px rgba(16,24,40,.06)) !important;
  overflow:hidden !important;
  background-clip:padding-box !important;
}

body.sibertema.sm-route-sayfa .custom_html img,
body.sibertema.sm-route-kullanimkosullari .custom_html img,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .custom_html img{
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r-sm) !important;
  background:var(--ac-line-2) !important;
  box-shadow:0 1px 2px rgba(16,24,40,.05) !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
}
body.sibertema.sm-route-sayfa .custom_html a,
body.sibertema.sm-route-kullanimkosullari .custom_html a,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .custom_html a{
  display:block !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body.sibertema.sm-route-sayfa .custom_html a:hover img,
body.sibertema.sm-route-kullanimkosullari .custom_html a:hover img,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .custom_html a:hover img{
  border-color:var(--ac-orange) !important;
  box-shadow:var(--ac-sh, 0 6px 18px rgba(16,24,40,.06)) !important;
}

body.sibertema.sm-route-sayfa .content-blog .head-article,
body.sibertema.sm-route-kullanimkosullari .content-blog .head-article,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .content-blog .head-article{
  border-bottom:1px solid var(--ac-line) !important;
  padding-bottom:12px !important;
  margin-bottom:14px !important;
}

/* Blog detay içerik linkleri: ui.css:4578-4581 sabit cyan (#0ea5e9).
   Seçiciler birebir aynalanır ((0,7,2)/(0,8,2) + !important); motorcudayi.css
   sonra yüklendiği için eşit özgüllükte kaynak sırası kazandırır.
   Etkilenen: sayfadetay.php, kampanyadetay.php, kullanimkosullari.php, sozlesme.php */
body.sibertema .main-content.shop-page.main-content-blog.single-blog .content-blog a[href],
body.sibertema .main-content.shop-page.main-content-blog.single-blog .content-blog a[href]:visited,
body.sibertema .main-content.shop-page.main-content-blog.single-blog .post-item .post-info a[href],
body.sibertema .main-content.shop-page.main-content-blog.single-blog .post-item .post-info a[href]:visited{
  color:var(--ac-orange) !important;
  text-decoration:none !important;
}
body.sibertema .main-content.shop-page.main-content-blog.single-blog .content-blog a[href]:hover,
body.sibertema .main-content.shop-page.main-content-blog.single-blog .content-blog a[href]:focus,
body.sibertema .main-content.shop-page.main-content-blog.single-blog .post-item .post-info a[href]:hover,
body.sibertema .main-content.shop-page.main-content-blog.single-blog .post-item .post-info a[href]:focus{
  color:var(--ac-orange-d) !important;
  text-decoration:underline !important;
}
body.sibertema .main-content.shop-page.main-content-blog.single-blog .content-blog a[href] *,
body.sibertema .main-content.shop-page.main-content-blog.single-blog .post-item .post-info a[href] *{
  color:inherit !important;
}
body.sibertema .main-content.shop-page.main-content-blog.single-blog .content-blog a[href]:focus-visible,
body.sibertema .main-content.shop-page.main-content-blog.single-blog .post-item .post-info a[href]:focus-visible{
  outline:2px solid var(--ac-orange) !important;
  outline-offset:2px !important;
}

/* =====================================================================
   20) BLOG LİSTESİ VE BLOG DETAY
   Kalan mavi (#007bff / #0056b3) ve koyu teal hero temizliği.
   blog.php ve blogdetay.php inline <style> bloklarını ezmek için !important.
   ===================================================================== */
body.sibertema .blog-hero,
body.sibertema .blog-detail-hero{
  background:linear-gradient(120deg, #14171d 0%, #24282f 55%, #33261c 100%) !important;
}
body.sibertema .blog-breadcrumb a:hover,
body.sibertema .blog-detail-hero a:hover{ color:var(--ac-orange) !important; }

/* Kart başlığı hover + "Devamını Oku" linki */
body.sibertema .blog-card:hover .blog-card-title,
body.sibertema .blog-card-title a:hover{ color:var(--ac-orange) !important; }
body.sibertema .blog-card-link{ color:var(--ac-orange) !important; }
body.sibertema .blog-card-link:hover{ color:var(--ac-orange-d) !important; }
body.sibertema .blog-card-badge{
  background:linear-gradient(120deg, var(--ac-orange) 0%, var(--ac-orange-2) 100%) !important;
  box-shadow:0 4px 15px rgba(var(--ac-orange-rgb), .35) !important;
}
body.sibertema .blog-card-meta i{ color:var(--ac-orange) !important; }

/* Blog sayfalaması */
body.sibertema .blog-pagination a:hover{
  background:var(--ac-orange) !important;
  border-color:var(--ac-orange) !important;
  color:#fff !important;
  box-shadow:0 5px 15px rgba(var(--ac-orange-rgb), .30) !important;
}
body.sibertema .blog-pagination span.current{
  background:linear-gradient(135deg, var(--ac-orange) 0%, var(--ac-orange-d) 100%) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 4px 15px rgba(var(--ac-orange-rgb), .40) !important;
}

/* Blog detay: içerik linkleri, etiketler, kenar çubuğu */
body.sibertema .blog-detail-content a{ color:var(--ac-orange) !important; }
body.sibertema .blog-detail-content a:hover{ color:var(--ac-orange-d) !important; }
body.sibertema .blog-detail-content blockquote{ border-left-color:var(--ac-orange) !important; }
body.sibertema .blog-detail-tag:hover{
  background:var(--ac-orange) !important;
  color:#fff !important;
}
body.sibertema .blog-sidebar-title{ border-bottom-color:var(--ac-orange) !important; }
body.sibertema .blog-sidebar-title i{ color:var(--ac-orange) !important; }
body.sibertema .blog-recent-item:hover .blog-recent-title{ color:var(--ac-orange) !important; }

/* Blog detay: yorumlar */
body.sibertema .blog-comments-count{
  background:var(--ac-orange) !important;
  color:#fff !important;
}
body.sibertema .blog-comments-title i{ color:var(--ac-orange) !important; }
body.sibertema .blog-comment-avatar{
  background:linear-gradient(135deg, var(--ac-orange) 0%, var(--ac-orange-d) 100%) !important;
  color:#fff !important;
}

/* Blog detay: yorum formu */
body.sibertema .blog-form-input:focus,
body.sibertema .blog-form-textarea:focus{
  border-color:var(--ac-orange) !important;
  box-shadow:0 0 0 4px rgba(var(--ac-orange-rgb), .12) !important;
}
body.sibertema .blog-form-submit{
  background:linear-gradient(135deg, var(--ac-orange) 0%, var(--ac-orange-d) 100%) !important;
  color:#fff !important;
}
body.sibertema .blog-form-submit:hover{
  box-shadow:0 8px 25px rgba(var(--ac-orange-rgb), .35) !important;
}

/* =====================================================================
   24) KONTRAST GÜVENLİĞİ — MARKA RENGİNDEN BAĞIMSIZ OKUNABİLİRLİK
   ---------------------------------------------------------------------
   Marka rengi Admin Panel > Tema Yönetimi'nden değiştirilebildiği için
   açık bir renk (sarı, açık yeşil vb.) seçildiğinde beyaz metin okunmaz
   hale gelirdi. temaheader.php iki token üretir:

     --ac-on-brand   : marka zemini ÜSTÜNDEKİ metin/ikon rengi
                       (marka koyuysa beyaz, açıksa koyu mürekkep)
     --ac-brand-text : açık zemin ÜSTÜNDE marka renkli metin
                       (beyazda en az 4.5:1 olacak şekilde koyulaştırılmış)

   Aşağıdaki kurallar bu iki tokeni ilgili bileşenlere bağlar.
   ===================================================================== */

/* --- Marka zemini üstündeki metin / ikonlar ---
   Not: .ac-btn-ghost beyaz zeminli ikincil butondur, marka zemini değildir. */
body.sibertema .ac-btn:not(.ac-btn-ghost),
body.sibertema .ac-allcats,
body.sibertema .ac-search-btn,
body.sibertema .ac-mini-flag,
body.sibertema .ac-cart-badge,
body.sibertema .ac-promo-1 .ac-promo-body,
body.sibertema .ac-promo-1 .ac-promo-big,
body.sibertema .ac-promo-1 .ac-promo-h,
body.sibertema .ac-promo-1 .ac-promo-sub,
body.sibertema .sm-btn-primary,
body.sibertema .sm-cart-count,
body.sibertema .sm-mbar-badge,
body.sibertema .sm-side-badge,
body.sibertema .sm-step.active .sm-step-no,
body.sibertema .product-item .add-to-cart,
body.sibertema .product-item .label--sale,
body.sibertema .sm-pdp-stickybtn,
body.sibertema .sm-fab.sm-fab-call,
body.sibertema .sm-fab.sm-fab-call .sm-fab-title,
body.sibertema .blog-card-badge,
body.sibertema .sm-pagination .sm-page.is-active,
body.sibertema .sm-pagination .sm-pagebtn.is-active,
body.sibertema .sm-filter-all.is-active,
body.sibertema .sm-filter-pick.is-active,
body.sibertema .sm-chip.is-active,
body.sibertema .ac-rank-row:nth-child(1) .ac-rank-no,
body.sibertema .ac-rank-row:nth-child(2) .ac-rank-no,
body.sibertema .ac-rank-row:nth-child(3) .ac-rank-no,
body.sibertema .ac-blog-tag,
body.sibertema a.button.button-cart-bottom,
body.sibertema .product-grid-container .button-cart-bottom .add-to-cart,
body.sibertema .sm-cart-head-sub .sm-cart-count,
body.sibertema .sm-summary-sub .sm-cart-count{
  color:var(--ac-on-brand) !important;
}
body.sibertema .ac-blog-tag svg,
body.sibertema a.button.button-cart-bottom svg{ fill:var(--ac-on-brand) !important; }

/* sibertema.css'teki (0,4,2) özgüllüklü kural beyazı zorluyordu; eşit
   özgüllükle ve daha sonra gelerek marka rengine bağlıyoruz. */
body.sibertema .laber-product-item-default .button-cart-bottom a.add-to-cart,
body.sibertema .product-grid-container .button-cart-bottom a.add-to-cart,
body.sibertema .product-item .button-cart-bottom a.add-to-cart,
/* Bazı şablonlarda buton ve .add-to-cart AYNI elemandır (iç içe değil): */
body.sibertema a.button.button-cart-bottom.add-to-cart,
body.sibertema a.button.button-cart-bottom.add-to-cart span,
/* §23 katmanındaki daha yüksek özgüllüklü kuralı yenmek için eşdeğer seçici: */
body.sibertema .product-grid-container .product-item .button-cart-bottom .add-to-cart,
body.sibertema .product-grid-container .product-item .button-cart-bottom .add-to-cart span{
  color:var(--ac-on-brand) !important;
}

/* ---------------------------------------------------------------------
   KAMPANYA BANNERLARI — özgüllük tuzağı
   ---------------------------------------------------------------------
   `.ac-promo{ color:#fff }` özgüllüğü (0,1,0); ancak ui.css/sibertema.css
   içindeki `body.sibertema a{ color:inherit }` (0,1,1) bunu yeniyordu.
   Banner bir <a> olduğu için metin gövdeden koyu rengi miras alıyor ve
   koyu zeminli "AYNI GÜN KARGO" bannerında okunmaz hale geliyordu.
   (Yalnızca hover'da görünür oluyordu; çünkü a:hover kuralı !important.)

   Çözüm: taban kuralın özgüllüğünü yükselt ve iki varyantı ayrı ayrı sabitle.
   --------------------------------------------------------------------- */
body.sibertema a.ac-promo,
body.sibertema a.ac-promo:hover,
body.sibertema a.ac-promo:focus{
  color:#fff !important;
}

/* Koyu zeminli banner (sabit koyu gradient) -> her zaman beyaz */
body.sibertema a.ac-promo.ac-promo-2 .ac-promo-body,
body.sibertema a.ac-promo.ac-promo-2 .ac-promo-big,
body.sibertema a.ac-promo.ac-promo-2 .ac-promo-h,
body.sibertema a.ac-promo.ac-promo-2 .ac-promo-sub,
body.sibertema a.ac-promo.ac-promo-2 .ac-promo-code,
body.sibertema a.ac-promo.ac-promo-2:hover .ac-promo-h,
body.sibertema a.ac-promo.ac-promo-2:hover .ac-promo-sub{
  color:#fff !important;
}

/* Marka zeminli banner -> kontrast güvenli renk (açık markalarda koyulaşır) */
body.sibertema a.ac-promo.ac-promo-1 .ac-promo-body,
body.sibertema a.ac-promo.ac-promo-1 .ac-promo-big,
body.sibertema a.ac-promo.ac-promo-1 .ac-promo-h,
body.sibertema a.ac-promo.ac-promo-1 .ac-promo-sub,
body.sibertema a.ac-promo.ac-promo-1 .ac-promo-code,
body.sibertema a.ac-promo.ac-promo-1:hover .ac-promo-h,
body.sibertema a.ac-promo.ac-promo-1:hover .ac-promo-sub{
  color:var(--ac-on-brand) !important;
}

/* NOT: .ac-promo-btn (beyaz pill) ve .sm-trust-ic (yumuşak zemin) marka zemini
   DEĞİLDİR; bunlara --ac-on-brand uygulanmaz. Kendi renklerini korurlar. */
body.sibertema a.ac-promo .ac-promo-btn,
body.sibertema a.ac-promo:hover .ac-promo-btn,
body.sibertema .ac-promo-btn{ color:var(--ac-ink) !important; }

/* Puan yıldızları: sibertema.css (0,4,1) özgüllükle #f59e0b dayatıyordu
   (beyazda ~2.15 kontrast). Altın tonunu koruyup okunurluğu artırıyoruz. */
body.sibertema .laber-product-item-default .product-collection__reviews .spr-badge,
body.sibertema .product-collection__reviews .spr-badge,
body.sibertema .sm-stars,
body.sibertema .sm-star.is-on,
body.sibertema .ac-rev-stars{ color:#d97706 !important; }
body.sibertema .sm-trust-ic{ color:var(--ac-brand-text) !important; }
body.sibertema .sm-trust-ic svg{ fill:var(--ac-brand-text) !important; }
body.sibertema .ac-btn:not(.ac-btn-ghost) svg,
body.sibertema .ac-allcats svg,
body.sibertema .ac-search-btn svg,
body.sibertema .ac-rank-cart:hover svg,
body.sibertema .ac-f-social a:hover svg,
body.sibertema .sm-fab.sm-fab-call .sm-fab-ic svg{
  fill:var(--ac-on-brand) !important;
}
body.sibertema .sm-fab.sm-fab-call .sm-fab-sub{
  color:var(--ac-on-brand) !important;
  opacity:.85;
}

/* --- Açık zemin üstündeki marka renkli metinler --- */
body.sibertema .ac-mini-price .current,
body.sibertema .ac-cat-count,
body.sibertema .ac-cart-sum,
body.sibertema .ac-hero-kicker,
body.sibertema .ac-finder-title em,
body.sibertema .ac-logo-name i,
body.sibertema .product-collection__price .current,
body.sibertema .sm-price,
body.sibertema .sm-price-current,
body.sibertema .sm-pc-price,
body.sibertema .sm-compare-price,
body.sibertema .sm-sticky-price,
body.sibertema .sm-auth-modalbtn,
body.sibertema a.sm-link:not(.sm-btn),
body.sibertema button.sm-link:not(.sm-btn){
  color:var(--ac-brand-text) !important;
}


/* =====================================================================
   25) TİPOGRAFİ NETLİĞİ + ÜRÜN KOLONLARININ AYRIŞMASI
   ===================================================================== */

/* ---------------------------------------------------------------------
   25.1 Yazı netliği
   ui.css KOYU tema için `-webkit-font-smoothing: antialiased` ve
   `text-rendering: optimizeLegibility` uyguluyordu. Açık zeminde bu ikili
   harfleri inceltip soluk/bulanık gösteriyor (klasik "light-on-dark için
   doğru, dark-on-light için yanlış" ayarı). Varsayılana döndürüyoruz.
   --------------------------------------------------------------------- */
body.sibertema,
body.sibertema *{
  -webkit-font-smoothing:auto !important;   /* Windows'ta ClearType/subpiksel */
  -moz-osx-font-smoothing:auto !important;
  text-rendering:auto !important;           /* optimizeSpeed kaliteyi düşürüyordu */
}

/* ---------------------------------------------------------------------
   Poppins SADECE başlık/vurgu öğelerinde.
   Gövde ve küçük metinler sistem yazı tipinde kalır (net görünüm).
   --------------------------------------------------------------------- */
body.sibertema h1,
body.sibertema .ac-hero-title,
body.sibertema .ac-hero-kicker,
body.sibertema .ac-sec-title,
body.sibertema .ac-col-title,
body.sibertema .ac-finder-title,
body.sibertema .ac-logo-name,
body.sibertema .ac-logo-sub,
body.sibertema .ac-allcats,
body.sibertema .ac-nav-link,
body.sibertema .ac-btn,
body.sibertema .ac-cat-name,
body.sibertema .ac-promo-big,
body.sibertema .ac-promo-h,
body.sibertema .ac-badge b,
body.sibertema .ac-trust-t,
body.sibertema .ac-f-title,
body.sibertema .sm-btn,
body.sibertema .sm-section-title{
  font-family:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Faux-bold (sentetik kalın) bulanıklık yapar: yüklenmeyen ağırlıkları kullanma.
   Poppins yalnızca 600/700/800 yükleniyor. */
body.sibertema .ac-hero-title,
body.sibertema .ac-sec-title,
body.sibertema .ac-col-title,
body.sibertema .ac-cat-name{ font-weight:700; }
body.sibertema .ac-logo-name{ font-weight:800; }

/* ---------------------------------------------------------------------
   Küçük punto metinler (≤15px) sistem yazı tipinde kalsın.
   Poppins bu boyutlarda Windows'ta yumuşak/bulanık görünüyor; ayrıca
   800 gibi ağır kesimler küçük puntoda okunurluğu düşürüyor.
   --------------------------------------------------------------------- */
body.sibertema .product-collection__title,
body.sibertema .product-collection__title a,
body.sibertema .product-collection__title h2,
body.sibertema .sm-pc-title,
body.sibertema .sm-pc-title a,
body.sibertema .ac-mini-name,
body.sibertema .ac-rank-name,
body.sibertema .ac-blog-title,
body.sibertema .sm-cart-mini-name,
body.sibertema .sm-cart-title{
  font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight:600 !important;
}

/* Küçük punto metinleri biraz büyüt ve satır aralığını aç */
.ac-mini-name{ font-size:12px; line-height:1.42; }
.ac-mini-sub{ font-size:10.5px; }
.ac-rank-name{ font-size:12px; }
.ac-rank-sub{ font-size:10.5px; }
.ac-mini-price{ font-size:13px; }

/* Versal başlıklarda negatif harf aralığı metni ezikleştiriyordu */
body.sibertema .ac-col-title,
body.sibertema .ac-sec-title{ letter-spacing:.04em !important; }

/* ---------------------------------------------------------------------
   25.2 Ürün kolonları: her biri ayrı, belirgin kart
   --------------------------------------------------------------------- */
.ac-cols{ gap:16px; align-items:stretch; }

.ac-col{
  background:var(--ac-card);
  border:1px solid var(--ac-line);
  border-radius:var(--ac-r);
  box-shadow:var(--ac-sh);
  padding:0 14px 14px;
  min-width:0;
  display:flex;
  flex-direction:column;
}

.ac-col-head{
  margin:0 -14px 14px;
  padding:13px 14px;
  border-bottom:1px solid var(--ac-line);
  background:#fafbfc;
  border-radius:var(--ac-r) var(--ac-r) 0 0;
  min-height:48px;
}

/* Başlığın soluna marka renkli aksan çubuğu */
.ac-col-title{
  position:relative;
  padding-left:11px;
}
.ac-col-title::before{
  content:"";
  position:absolute; left:0; top:50%;
  width:4px; height:14px; margin-top:-7px;
  border-radius:2px;
  background:var(--ac-orange);
}

/* Kart içindeki kartlar: çift çerçeve gürültüsünü azalt */
.ac-col .ac-mini{
  border-color:var(--ac-line-2);
  background:#fff;
}
.ac-col .ac-mini:hover{ border-color:var(--ac-orange); }

.ac-col .ac-rank{
  border:0;
  border-radius:0;
  background:transparent;
}
.ac-col .ac-rank-row{ padding:10px 4px; }
.ac-col .ac-rank-row:last-child{ border-bottom:0; }

@media (max-width:680px){
  .ac-col{ padding:0 12px 12px; }
  .ac-col-head{ margin:0 -12px 12px; padding:12px; }
}


/* =====================================================================
   26) ÜRÜN ROZETLERİ (İNDİRİM / YENİ)
   ---------------------------------------------------------------------
   Önceki durum: her iki rozet de aynı kapsayıcıda, akış içinde blok
   eleman olarak duruyordu -> kart genişliğinde dev yeşil şeritler.
   Yeni: görselin ÜSTÜNDE, ayrı köşelerde, kompakt profesyonel çipler.
     - İndirim  -> sol üst  (marka rengi)
     - Yeni     -> sağ üst  (yeşil, "yeni ürün" semantiği)
   ===================================================================== */
body.sibertema .product-item .product-collection__image,
body.sibertema .product-item .card__media,
body.sibertema .sm-pc-media{
  position:relative;
}

body.sibertema .product-item .product-image__overlay-top-left,
body.sibertema .product-item .product-image__overlay-top-right{
  position:absolute !important;
  top:10px;
  z-index:3;
  display:flex;
  flex-direction:column;
  gap:6px;
  pointer-events:none;
  width:auto !important;
  max-width:calc(100% - 20px);
}
body.sibertema .product-item .product-image__overlay-top-left{ left:10px; align-items:flex-start; }
body.sibertema .product-item .product-image__overlay-top-right{ right:10px; align-items:flex-end; }

body.sibertema .product-item .label{
  display:inline-flex !important;
  align-items:center;
  width:auto !important;
  min-width:0 !important;
  max-width:100%;
  padding:4px 9px !important;
  border-radius:7px !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  letter-spacing:.02em;
  white-space:nowrap;
  text-transform:none !important;
  box-shadow:0 2px 6px rgba(16,24,40,.18) !important;
  border:0 !important;
}

body.sibertema .product-item .label--sale{
  background:var(--ac-orange) !important;
  color:var(--ac-on-brand) !important;
}
body.sibertema .product-item .label--new{
  background:#12b76a !important;
  color:#fff !important;
}

/* Ana sayfa mini kartlarındaki "Yeni" çipi de aynı dile uysun */
.ac-mini-flag{
  padding:4px 8px;
  border-radius:7px;
  font-size:9px;
  letter-spacing:.04em;
  box-shadow:0 2px 6px rgba(16,24,40,.18);
}

@media (max-width:680px){
  body.sibertema .product-item .product-image__overlay-top-left,
  body.sibertema .product-item .product-image__overlay-top-right{ top:8px; }
  body.sibertema .product-item .product-image__overlay-top-left{ left:8px; }
  body.sibertema .product-item .product-image__overlay-top-right{ right:8px; }
  body.sibertema .product-item .label{ padding:3px 7px !important; font-size:9.5px !important; }
}


/* =====================================================================
   27) ÜRÜN KARTLARINDA HİZALAMA
   ---------------------------------------------------------------------
   Sorun: ürün adı 1-3 satır arasında değiştiği için alt bilgiler
   (kod, fiyat) her kartta farklı yükseklikte kalıyor -> satır içinde
   "kayma" görünüyordu.
   Çözüm: kartı dikey flex yap, adı sabit 2 satıra kilitle ve fiyatı
   kartın altına sabitle. Böylece bir satırdaki tüm fiyatlar hizalanır.
   ===================================================================== */

/* Ana sayfa mini kartları */
.ac-mini-grid{
  /* 3 sabit kolon dar kolonlarda 83px'e düşüyordu; esnek hale getirildi */
  grid-template-columns:repeat(auto-fill, minmax(112px, 1fr));
  align-items:stretch;
}
.ac-mini{
  display:flex;
  flex-direction:column;
  height:100%;
}
.ac-mini-media{ flex:0 0 auto; }
.ac-mini-name{
  min-height:calc(2 * 1.42em);   /* her zaman 2 satır yer kapla */
  margin-bottom:2px;
}
.ac-mini-sub{
  margin-bottom:auto;            /* kalan boşluğu yut -> fiyat dibe insin */
}
.ac-mini-price{
  margin-top:8px;
  flex:0 0 auto;
}

/* Sıralı liste (Çok Satanlar) — isim/kod tek satır, fiyat sağda sabit */
.ac-rank-body{ min-width:0; }
.ac-rank-price{ margin-left:auto; text-align:right; }

/* Liste sayfası ürün kartları (kategori/arama/marka/model) */
body.sibertema .product-item .product-collection{
  display:flex;
  flex-direction:column;
  height:100%;
}
body.sibertema .product-item .product-collection__content{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}
body.sibertema .product-item .product-collection__title{
  min-height:calc(2 * 1.4em);
}
body.sibertema .product-item .product-collection__title h2{
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
/* Fiyat ve altındaki her şey kartın dibine sabitlensin */
body.sibertema .product-item .frm-price-color{ margin-top:auto; }
body.sibertema .product-item .product-collection__availability{ margin-top:6px; }
body.sibertema .product-item .button-cart-bottom{ margin-top:10px; }

/* Izgara hücreleri eşit yükseklikte olsun */
body.sibertema .product-grid-container .collection > *,
body.sibertema .sm-products-grid > *{ display:flex; }
body.sibertema .product-grid-container .collection .product-item,
body.sibertema .sm-products-grid .product-item{ width:100%; }

/* Bulucu başlığı: negatif harf aralığı versal metni eziyordu */
body.sibertema .ac-finder-title{ letter-spacing:.04em !important; }


/* =====================================================================
   28) HERO SLIDER STABİLİTESİ (mobil kayma)
   ---------------------------------------------------------------------
   Sorun: her slaytın görsel oranı farklı olduğu için slayt yüksekliği
   değişiyor; slider döndükçe altındaki içerik yukarı/aşağı zıplıyordu
   ("en üst slider'da kayma").
   Çözüm: görsel alanına SABİT yükseklik ver -> tüm slaytlar aynı boyda.
   ===================================================================== */
.ac-hero-media{
  height:300px;
  width:100%;
}
.ac-hero-media img{
  max-height:100%;
  max-width:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}
.ac-slide-inner{ min-height:400px; }

@media (max-width:1024px){
  .ac-hero-media{ height:200px; }
  .ac-slide-inner{ min-height:0; }
  /* Oklar metnin üstüne binmesin: görsel alanının hizasına al */
  .ac-hero-arrow{ top:calc(38px + 100px); transform:translateY(-50%); }
}
@media (max-width:680px){
  .ac-hero-media{ height:150px; }
  .ac-hero-arrow{ top:calc(28px + 75px); }
  .ac-slide-inner{ padding:28px 20px; }
}

/* =====================================================================
   29) MARKA SAYFASI — MODEL KARTLARI HİZASI
   ---------------------------------------------------------------------
   Görsel ortalıyken model adı sola dayalıydı; ayrıca isim uzunluğu
   değiştikçe kart içi hizalama kayıyordu.
   ===================================================================== */
body.sibertema .sm-model{
  display:flex;
  flex-direction:column;
  height:100%;
  text-align:center;
  padding:12px;
}
body.sibertema .sm-model-img{
  display:flex;
  align-items:center;
  justify-content:center;
  height:96px;
  margin-bottom:10px;
}
body.sibertema .sm-model-img img{
  max-width:100%;
  max-height:96px;
  width:auto;
  height:auto;
  object-fit:contain;
}
body.sibertema .sm-model-name{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:calc(2 * 1.35em);
  margin-top:auto;
  text-align:center;
  font-size:13px;
  font-weight:600;
  line-height:1.35;
  color:var(--ac-ink);
}
body.sibertema .sm-modelgrid{ align-items:stretch; }
body.sibertema .sm-modelgrid > *{ min-width:0; }


/* =====================================================================
   30) ÜRÜN DETAY — İLETİŞİM KUTUSU
   İçerik Site Ayarları'ndan gelir (WhatsApp numarası + telefon).
   ===================================================================== */
.ac-pdp-iletisim{
  margin-top:14px;
  padding:14px;
  border:1px solid var(--ac-line);
  border-radius:var(--ac-r);
  background:var(--ac-orange-soft);
}
.ac-pdp-iletisim-baslik{
  font-size:12.5px;
  font-weight:700;
  color:var(--ac-ink);
  margin-bottom:10px;
}
.ac-pdp-iletisim-butonlar{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.ac-pdp-ilt{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex:1 1 150px;
  min-width:0;
  padding:11px 14px;
  border-radius:var(--ac-r-sm);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  border:1px solid transparent;
  transition:background .16s ease, border-color .16s ease;
}
.ac-pdp-ilt svg{ width:17px; height:17px; flex:0 0 auto; fill:currentColor; }
.ac-pdp-ilt-wa{ background:#1fb055; color:#fff !important; border-color:#1a9c4b; }
.ac-pdp-ilt-wa:hover{ background:#1a9c4b; color:#fff !important; }
.ac-pdp-ilt-tel{ background:#fff; color:var(--ac-ink) !important; border-color:var(--ac-line); }
.ac-pdp-ilt-tel:hover{ border-color:var(--ac-orange); color:var(--ac-brand-text) !important; }

@media (max-width:480px){
  .ac-pdp-ilt{ flex:1 1 100%; }
}


/* =====================================================================
   31) FİYAT VE LİSTE SATIRI KAYMALARI (kesin düzeltme)
   ---------------------------------------------------------------------
   Tespit edilen iki ayrı hata:

   a) Mini kart fiyatı 2 satıra kırılıyordu.
      urunfiyatbelirle() çıktısı "<span class=compare>eski</span>
      <span class=current>yeni</span>" yan yana geliyor; 130px'lik kartta
      toplam 147px yer istiyor -> "804,00" ile "₺" ayrı satırlara düşüyordu.
      Çözüm: eski fiyatı ÜSTE, yeni fiyatı ALTA al; her ikisini de nowrap yap.

   b) Çok Satanlar listesinde ürün adı fiyatın üstüne biniyordu.
      .ac-rank-name bir <span> (inline) olduğu için `overflow:hidden` ve
      `text-overflow:ellipsis` hiç uygulanmıyordu -> metin kabından taşıyordu.
      Çözüm: display:block + dar kolonlarda fiyatı alt satıra sar.
   ===================================================================== */

/* --- a) Fiyat bloklarını dikey istifle --- */
.ac-mini-price{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;
  line-height:1.3;
}
.ac-mini-price .compare,
.ac-mini-price .current,
.ac-rank-price .compare,
.ac-rank-price .current{
  display:block;
  white-space:nowrap;   /* "₺" asla alt satıra düşmesin */
  margin:0;
}
.ac-mini-price .compare{ font-size:10.5px; }
.ac-mini-price .current{ font-size:13px; }

.ac-rank-price{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:1px;
  line-height:1.25;
}
.ac-rank-price .compare{ font-size:10px; }
.ac-rank-price .current{ font-size:12.5px; }

/* --- b) Liste satırı: metin kırpma + dar kolonda alt satıra sarma --- */
.ac-rank-name,
.ac-rank-sub{
  display:block;              /* inline span'de ellipsis çalışmıyordu */
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.ac-rank-row{
  flex-wrap:wrap;
  row-gap:6px;
}
.ac-rank-link{
  /* 150px'in altına sıkışırsa fiyat+sepet alt satıra iner */
  flex:1 1 150px;
  min-width:0;
}
.ac-rank-body{ min-width:0; overflow:hidden; }
.ac-rank-price{ margin-left:auto; }
.ac-rank-cart{ margin-left:8px; }


/* =====================================================================
   32) MOBİLDE DUYURU BANDI — SIRAYLA DÖNEN TEK MESAJ
   ---------------------------------------------------------------------
   Sorun: 4 duyuru toplam ~1130px yer kaplıyor, mobilde alan 344px.
   Yatay kaydırmaya bırakılmıştı; kullanıcı bunu fark etmiyor ve bant
   "ortadan kesilmiş / kaymış" görünüyordu.
   Çözüm: mobilde maddeler üst üste konumlanır ve sırayla görünür.
   Şablon her zaman 4 madde basar (sonuncusu WhatsApp veya İletişim).
   ===================================================================== */
/* Dar/orta ekranlarda (tablet dahil) 4 duyuru yan yana sığmıyor:
   toplam ~1124px yer istiyorlar. Bu genişliklerde maddeler üst üste
   konumlanır, motorcudayi.js sırayla birini görünür yapar. */
@media (max-width:1150px){
  .ac-topbar-inner{
    position:relative;
    display:block;
    height:38px;
    overflow:hidden;          /* yatay kaydırma yok */
  }
  .ac-topbar-item{
    position:absolute;
    left:0; right:0; top:0; bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    opacity:0;
    visibility:hidden;
    transition:opacity .45s ease;
  }
  .ac-topbar-item.is-visible{
    opacity:1;
    visibility:visible;
  }
  /* JS çalışmazsa (veya tek madde varsa) ilk madde yine de görünsün */
  .ac-topbar-inner:not(.ac-rotator-hazir) .ac-topbar-item:first-child{
    opacity:1;
    visibility:visible;
  }
  .ac-topbar-item > span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px;
  }

  /* Hareket azaltma tercihi: geçiş efekti yok, değişim anlık olsun.
     Mesajlar yine sırayla gösterilir; kullanıcı hiçbirini kaçırmaz. */
  @media (prefers-reduced-motion: reduce){
    .ac-topbar-item{ transition:none; }
  }
}


/* =====================================================================
   33) REHBER BLOĞU — SAYFAYA ÖZEL EK METİN
   Genel rehberin üstünde, kendi başlığıyla ayrılmış bölüm.
   ===================================================================== */
body.sibertema .ac-seo-ek{
  padding:0 0 16px;
  margin:0 0 16px;
  border-bottom:1px solid var(--ac-line);
}
body.sibertema .ac-seo-ek > h3{
  margin:0 0 10px;
  font-size:16px;
  font-weight:700;
  color:var(--ac-ink);
  font-family:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
body.sibertema .ac-seo-ek p:last-child{ margin-bottom:0; }


/* =====================================================================
   34) ÜRÜN KARTI HOVER AKSİYONLARI (Favori / Karşılaştır / Önizle)
   ---------------------------------------------------------------------
   Önceki durum: 116x48px kocaman beyaz haplar, metin butonun İÇİNDE,
   ikon hiç görünmüyor (legacy ikon fontu bu rotalarda yüklenmiyor).
   Yeni durum: 38px yuvarlak ikon butonları, etiket sadece hover'da
   solda koyu ipucu balonu olarak çıkar. Görselin sağında dikey dizilir
   ve kartın üzerine gelince içeri kayar.
   ===================================================================== */

/* Konumlandırma: görselin sağ ortası, hover'da içeri kayar */
body.sibertema .product-item .product-image__overlay-bottom{
  position:absolute !important;
  top:50%;
  right:10px;
  left:auto !important;
  bottom:auto !important;
  transform:translate(10px, -50%) !important;
  opacity:0;
  z-index:4;
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}
body.sibertema .product-item:hover .product-image__overlay-bottom,
body.sibertema .product-item:focus-within .product-image__overlay-bottom{
  opacity:1;
  transform:translate(0, -50%) !important;
  pointer-events:auto;
}

body.sibertema .product-item .group-button{
  display:block !important;
  background:none !important;
  border:0 !important;
  padding:0 !important;
}
body.sibertema .product-item .group-button .inner{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  align-items:center;
}

/* Yuvarlak ikon butonu */
body.sibertema .product-item .group-button a,
body.sibertema .product-item .button-quick-view{
  position:relative;
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  height:38px !important;
  padding:0 !important;
  border-radius:50% !important;
  background:#fff !important;
  color:var(--ac-ink) !important;
  border:1px solid var(--ac-line) !important;
  box-shadow:0 2px 10px rgba(16,24,40,.14) !important;
  overflow:visible !important;
}
body.sibertema .product-item .group-button a:hover,
body.sibertema .product-item .button-quick-view:hover{
  background:var(--ac-orange) !important;
  border-color:var(--ac-orange) !important;
  color:var(--ac-on-brand) !important;
}

/* İkon (SVG) */
body.sibertema .product-item .group-button a i,
body.sibertema .product-item .button-quick-view i{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  font-size:0;
  color:inherit;
}
body.sibertema .product-item .group-button a i svg,
body.sibertema .product-item .button-quick-view i svg{
  width:18px !important;
  height:18px !important;
  min-width:18px;
  fill:currentColor;
  stroke:currentColor;
  stroke-width:0;
}
/* Karşılaştır ikonu çizgi tabanlı: dolgu değil kontur kullanır */
body.sibertema .product-item .compare-button i svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

/* Etiket -> hover ipucu balonu (solda) */
body.sibertema .product-item .group-button a span.text,
body.sibertema .product-item .group-button a span.added,
body.sibertema .product-item .button-quick-view span.text{
  position:absolute !important;
  right:calc(100% + 9px) !important;
  left:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:max-content !important;
  max-width:none !important;
  padding:5px 9px !important;
  border-radius:7px !important;
  background:var(--ac-dark) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  box-shadow:0 4px 14px rgba(16,24,40,.22) !important;
  transition:opacity .15s ease;
}
body.sibertema .product-item .group-button a:hover span.text,
body.sibertema .product-item .group-button a:hover span.added,
body.sibertema .product-item .button-quick-view:hover span.text{
  opacity:1;
  visibility:visible;
}
/* Balonun küçük oku */
body.sibertema .product-item .group-button a span.text::after,
body.sibertema .product-item .button-quick-view span.text::after{
  content:"";
  position:absolute;
  left:100%;
  top:50%;
  margin-top:-4px;
  border:4px solid transparent;
  border-left-color:var(--ac-dark);
}

/* Dokunmatik cihazlarda hover yok: aksiyonlar sürekli görünür, ipucu gizli */
@media (hover: none){
  body.sibertema .product-item .product-image__overlay-bottom{
    opacity:1;
    transform:translate(0, -50%) !important;
    pointer-events:auto;
  }
  body.sibertema .product-item .group-button a span.text,
  body.sibertema .product-item .button-quick-view span.text{ display:none !important; }
}


/* =====================================================================
   35) SAYFA BAŞLIĞI ŞERİDİ (kategori / model / marka / arama)
   ---------------------------------------------------------------------
   Sıralama kutusu başlığın altına sıkışıyor ve <select> ham görünüyordu.
   Başlık solda, araçlar sağda; mobilde alt alta.
   ===================================================================== */
body.sibertema .sm-pagehead,
body.sibertema .sm-collection-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  padding:18px 20px;
}
body.sibertema .sm-pagehead > *,
body.sibertema .sm-collection-head > *{ min-width:0; }

body.sibertema .sm-pagehead .sm-h1,
body.sibertema .sm-collection-head h1{
  margin:6px 0 8px;
  font-size:24px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--ac-ink);
}
body.sibertema .sm-sub{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  font-size:13px;
  color:var(--ac-muted);
  margin:0;
}
body.sibertema .sm-sub .sm-dot{
  width:6px; height:6px; border-radius:50%;
  background:var(--ac-orange);
  flex:0 0 auto;
}

/* Araç grubu (sıralama) */
body.sibertema .sm-collection-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  margin-left:auto;
}
body.sibertema .sm-sort{
  display:flex;
  align-items:center;
  gap:8px;
}
body.sibertema .sm-sort-label{
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ac-muted);
  white-space:nowrap;
}
body.sibertema select.sm-select,
body.sibertema .sm-sort-select{
  appearance:none;
  -webkit-appearance:none;
  min-width:190px;
  padding:10px 34px 10px 13px !important;
  border:1px solid var(--ac-line) !important;
  border-radius:var(--ac-r-sm) !important;
  background-color:#fff !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath fill='%237d8794' d='M5 7 0 0h10z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 13px center !important;
  font-size:13px;
  font-weight:600;
  color:var(--ac-ink) !important;
  cursor:pointer;
}
body.sibertema select.sm-select:hover{ border-color:var(--ac-orange) !important; }

@media (max-width:680px){
  body.sibertema .sm-pagehead,
  body.sibertema .sm-collection-head{
    align-items:stretch;
    padding:14px 14px 16px;
  }
  body.sibertema .sm-pagehead .sm-h1,
  body.sibertema .sm-collection-head h1{ font-size:20px; }
  body.sibertema .sm-collection-tools{ margin-left:0; width:100%; }
  body.sibertema .sm-sort{ width:100%; }
  body.sibertema select.sm-select,
  body.sibertema .sm-sort-select{ flex:1 1 auto; min-width:0; }
}