/*
  SiberTema 2.0 - UI Temel Katmanı (Sprint 1)
  Author: Sibermimar (Güray Avcı)

  Sprint 1 kapsamı:
  - Global layout altyapısı (fullwidth section + ortalanmış container)
  - Yeni header/footer iskeleti
  - Mobil drawer + arama paneli
  - WhatsApp + Arama için profesyonel floating action dock

  Not:
  - Bu katman sadece SiberTema için geçerlidir (body.sibertema scope)
  - Mevcut içerik sayfaları (kategori/ürün/sepet vb.) sonraki sprintlerde tek tek yeniden ele alınacaktır.
*/

/* ========== Tokens (SiberTema) ========== */
body.sibertema{
  /* Renkler */
  --sm-bg-0: #070b14;
  --sm-bg-1: #0b1220;
  --sm-bg-2: #0f172a;
  --sm-surface: rgba(255,255,255,.06);
  --sm-surface-2: rgba(255,255,255,.10);
  --sm-border: rgba(148,163,184,.22);
  --sm-border-2: rgba(148,163,184,.14);
  --sm-text: rgba(255,255,255,.92);
  --sm-muted: rgba(226,232,240,.72);
  --sm-muted-2: rgba(226,232,240,.55);

  /* Tema rengi (admin panelden t37 geliyor) */
  --sm-accent: var(--sm-primary, #0ea5e9);
  --sm-accent-2: color-mix(in srgb, var(--sm-accent) 78%, #ffffff 22%);

  /* Radius / Shadow (temaheader.php içinden set ediliyor) */
  --sm-radius: 16px;
  --sm-radius-sm: 12px;
  --sm-shadow: 0 24px 60px rgba(2,6,23,.18);
  --sm-shadow-sm: 0 12px 28px rgba(2,6,23,.16);

  /* Layout */
  --sm-container: 80rem; /* 1280px */
  --sm-pad: 16px;
  --sm-pad-lg: 22px;
  --sm-header-h: 72px;
}

/* ========== Base ========== */
body.sibertema{
  background:
    radial-gradient(900px 600px at 18% -10%, rgba(56,189,248,.18), transparent 55%),
    radial-gradient(900px 600px at 82% -10%, rgba(99,102,241,.16), transparent 55%),
    radial-gradient(900px 600px at 50% 110%, rgba(14,165,233,.14), transparent 55%),
    linear-gradient(180deg, var(--sm-bg-1), var(--sm-bg-0));
  color: var(--sm-text);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Helvetica Neue", "Noto Sans", "Liberation Sans", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* =============================================================
   Sprint v0.1.123 — Mobil Uyumluluk / Yatay Taşma Önlemleri
   ---------------------------------------------------------
   Problem:
   - Modern SiberTema bileşenlerinde (sm-container vb.) `width:100%` + padding,
     bazı route'larda (legacy asset'ler kapalıyken) border-box reset gelmediği
     için mobilde sayfa genişliği sağa taşabiliyordu.
   - Statik içeriklerde (tablo/iframe/uzun metin) taşma riskleri vardı.

   Çözüm:
   - SiberTema scope içinde güvenli bir border-box reset.
   - Legacy `.container` padding'i bootstrap uyumlu 15px'e çekilerek `.row`
     negatif margin uyumu sağlandı.
   - Mobilde tablo/iframe/görsel için responsive guard.
   ============================================================= */

body.sibertema,
body.sibertema *,
body.sibertema *::before,
body.sibertema *::after{
  box-sizing: border-box;
}

/* Legacy grid uyumu: .container + .row negatif margin (style.pre_theme.css) */
body.sibertema .container{
  padding-left: 15px;
  padding-right: 15px;
}

/* Mobil içerik guard (statik sayfalar dahil) */
@media (max-width: 768px){
  body.sibertema img,
  body.sibertema video,
  body.sibertema svg,
  body.sibertema canvas{
    max-width: 100%;
    height: auto;
  }

  body.sibertema iframe,
  body.sibertema embed,
  body.sibertema object{
    max-width: 100%;
  }

  /* Geniş tablolar: sayfayı taşırmak yerine kendi içinde kaydır */
  body.sibertema table{
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Uzun metin/link/URL taşması */
  body.sibertema pre,
  body.sibertema code{
    white-space: pre-wrap;
    word-break: break-word;
  }
}

body.sibertema a{ color: inherit; text-decoration: none; }
body.sibertema a:hover{ color: var(--sm-accent-2); }

body.sibertema .sm-app{ min-height: 100vh; }

/* Fullwidth section + ortalanmış container (Sprint 1 altyapısı) */
body.sibertema .sm-section{ width: 100%; }
body.sibertema .sm-container{
  width: 100%;
  max-width: var(--sm-container);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--sm-pad);
  padding-right: var(--sm-pad);
}

body.sibertema .sm-glass{
  background: var(--sm-surface);
  border: 1px solid var(--sm-border-2);
  border-radius: var(--sm-radius);
  box-shadow: var(--sm-shadow-sm);
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema .sm-glass{
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}

/* Buton / input temel stili (SiberTema) */
body.sibertema .sm-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: calc(var(--sm-radius) - 6px);
  padding: 10px 14px;
  font-weight: 600;
  border: 1px solid var(--sm-border);
  background: var(--sm-surface);
  color: var(--sm-text);
  transition: transform .12s ease, filter .12s ease, background .12s ease, border-color .12s ease;
}
body.sibertema .sm-btn:hover{ filter: brightness(1.05); border-color: var(--sm-accent); }
body.sibertema .sm-btn:active{ transform: translateY(1px); }

body.sibertema .sm-btn-primary{
  background: linear-gradient(135deg, var(--sm-accent), color-mix(in srgb, var(--sm-accent) 55%, #111827 45%));
  border-color: color-mix(in srgb, var(--sm-accent) 65%, #111827 35%);
  color: #fff;
}

/* Inline SVG icon helper (Sprint v0.1.128)
   Not: .sm-toplink .sm-ic zaten tanımlı; burada global helper olarak eklenir. */
body.sibertema .sm-ic{
  width: 18px;
  height: 18px;
  fill: currentColor;
  opacity: .92;
  flex: 0 0 auto;
}

body.sibertema .sm-input{
  width: 100%;
  border-radius: calc(var(--sm-radius) - 6px);
  border: 1px solid var(--sm-border);
  background: rgba(255,255,255,.06);
  color: var(--sm-text);
  padding: 11px 12px;
  outline: none;
}
body.sibertema .sm-input::placeholder{ color: var(--sm-muted-2); }
body.sibertema .sm-input:focus{
  border-color: color-mix(in srgb, var(--sm-accent) 70%, var(--sm-border) 30%);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--sm-accent) 20%, transparent 80%);
}

/* ========== Overlay ========== */
body.sibertema .sm-overlay{
  position: fixed;
  inset: 0;
  background: rgba(2,6,23,.62);
  z-index: 3000;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
body.sibertema .sm-overlay.active{
  opacity: 1;
  pointer-events: auto;
}

html.sm-noscroll,
body.sibertema.sm-noscroll{
  overflow: hidden !important;
}

/* ========== Header 2.0 ========== */
body.sibertema .sm-header{
  position: sticky;
  top: 0;
  z-index: 2500;
}

body.sibertema .sm-topbar{
  background: rgba(2,6,23,.55);
  border-bottom: 1px solid var(--sm-border-2);
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema .sm-topbar{
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

body.sibertema .sm-topbar-inner{
  display: grid;
  grid-template-columns: 1fr minmax(120px, 2fr) 1fr;
  gap: 10px;
  align-items: center;
  min-height: 38px;
}

body.sibertema .sm-topbar-left,
body.sibertema .sm-topbar-right{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

body.sibertema .sm-topbar-center{
  text-align: center;
  font-size: 12.5px;
  color: var(--sm-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.sibertema .sm-toplink{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  font-size: 12px;
  color: var(--sm-muted);
}
body.sibertema .sm-toplink .sm-ic{
  width: 16px;
  height: 16px;
  fill: currentColor;
  opacity: .92;
}
body.sibertema .sm-toplink:hover{
  border-color: var(--sm-accent);
  color: var(--sm-text);
}

body.sibertema .sm-navbar{
  background: rgba(11,18,32,.72);
  border-bottom: 1px solid var(--sm-border-2);
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema .sm-navbar{
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}

body.sibertema .sm-navbar-inner{
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
  gap: 14px;
  min-height: var(--sm-header-h);
  padding-top: 10px;
  padding-bottom: 10px;
}

body.sibertema .sm-iconbtn{
  width: 44px;
  height: 44px;
  border-radius: calc(var(--sm-radius) - 6px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--sm-border-2);
  cursor: pointer;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
body.sibertema .sm-iconbtn:hover{ border-color: var(--sm-accent); background: rgba(255,255,255,.08); }
body.sibertema .sm-iconbtn:active{ transform: translateY(1px); }

body.sibertema .sm-iconbtn svg{ width: 20px; height: 20px; fill: currentColor; opacity: .92; }

body.sibertema .sm-logo{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
body.sibertema .sm-logo img{
  height: 52px;
  width: auto;
  object-fit: contain;
}

body.sibertema .sm-search{
  display: flex;
  align-items: center;
  gap: 10px;
}

body.sibertema .sm-search .sm-input{
  background: rgba(255,255,255,.06);
}

body.sibertema .sm-actions{
  display: flex;
  align-items: center;
  gap: 10px;
}

body.sibertema .sm-cart{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: calc(var(--sm-radius) - 6px);
  background: rgba(255,255,255,.05);
  border: 1px solid var(--sm-border-2);
}
body.sibertema .sm-cart:hover{ border-color: var(--sm-accent); }
body.sibertema .sm-cart .sm-cart-meta{ display:flex; flex-direction: column; line-height: 1.1; }
body.sibertema .sm-cart .sm-cart-label{ font-size: 12px; color: var(--sm-muted); }
body.sibertema .sm-cart .sm-cart-price{ font-size: 13px; font-weight: 700; }
body.sibertema .sm-cart-count{
  position: absolute;
  top: -8px;
  right: -8px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--sm-accent);
  color: #fff;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
}

/* Kategori mini-nav (Sprint 1: yatay scroll) */
body.sibertema .sm-catnav{
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 10px;
  scrollbar-width: thin;
}
body.sibertema .sm-catnav::-webkit-scrollbar{ height: 8px; }
body.sibertema .sm-catnav::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.12); border-radius: 999px; }

body.sibertema .sm-catlink{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  color: var(--sm-muted);
  font-size: 12.5px;
}
body.sibertema .sm-catlink:hover{ border-color: var(--sm-accent); color: var(--sm-text); }
body.sibertema .sm-catlink img{ width: 18px; height: 18px; object-fit: contain; }

/* ========== Drawer ========== */
body.sibertema .sm-drawer{
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  width: min(360px, 92vw);
  background: rgba(11,18,32,.92);
  border-right: 1px solid var(--sm-border);
  transform: translateX(-104%);
  transition: transform .22s ease;
  z-index: 3200;
  display: flex;
  flex-direction: column;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema .sm-drawer{
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }
}

body.sibertema .sm-drawer.active{ transform: translateX(0); }

body.sibertema .sm-drawer-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px;
  padding-top: calc(14px + env(safe-area-inset-top));
  padding-left: calc(14px + env(safe-area-inset-left));
  padding-right: calc(14px + env(safe-area-inset-right));
  border-bottom: 1px solid var(--sm-border-2);
}

body.sibertema .sm-drawer-logo{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
body.sibertema .sm-drawer-logo img{ height: 34px; width: auto; object-fit: contain; }
body.sibertema .sm-drawer-logo span{ font-weight: 700; font-size: 14px; color: var(--sm-text); }

body.sibertema .sm-drawer-body{
  padding: 14px;
  padding-left: calc(14px + env(safe-area-inset-left));
  padding-right: calc(14px + env(safe-area-inset-right));
  padding-bottom: calc(14px + env(safe-area-inset-bottom));
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

body.sibertema .sm-drawer-section{ margin-top: 14px; }
body.sibertema .sm-drawer-title{
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--sm-muted-2);
  margin-bottom: 10px;
}

body.sibertema .sm-drawer-links a,
body.sibertema .sm-drawer-cat a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px;
  border-radius: calc(var(--sm-radius) - 8px);
  border: 1px solid transparent;
  color: var(--sm-muted);
}
body.sibertema .sm-drawer-links a:hover,
body.sibertema .sm-drawer-cat a:hover{
  background: rgba(255,255,255,.05);
  border-color: var(--sm-border-2);
  color: var(--sm-text);
}

body.sibertema .sm-drawer-cat details{
  border: 1px solid var(--sm-border-2);
  border-radius: calc(var(--sm-radius) - 8px);
  margin-bottom: 10px;
  overflow: hidden;
  background: rgba(255,255,255,.03);
}
body.sibertema .sm-drawer-cat summary{
  cursor: pointer;
  list-style: none;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--sm-text);
  font-weight: 650;
}
body.sibertema .sm-drawer-cat summary::-webkit-details-marker{ display:none; }
body.sibertema .sm-drawer-cat .sm-drawer-sub{
  padding: 8px 10px 10px;
  border-top: 1px solid var(--sm-border-2);
  display: grid;
  gap: 6px;
}
body.sibertema .sm-drawer-cat .sm-drawer-sub a{
  padding: 8px 10px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--sm-border-2);
}

/* ========== Search Panel (Mobil/Overlay) ========== */
body.sibertema .sm-searchpanel{
  position: fixed;
  inset: 0;
  display: grid;
  place-items: start center;
  padding-top: calc(88px + env(safe-area-inset-top));
  z-index: 3300;
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease;
}
body.sibertema .sm-searchpanel.active{
  pointer-events: auto;
  opacity: 1;
}
body.sibertema .sm-searchpanel-card,
body.sibertema .sm-searchpanel-inner{
  width: min(var(--sm-container), 92vw);
  background: rgba(11,18,32,.92);
  border: 1px solid var(--sm-border);
  border-radius: var(--sm-radius);
  box-shadow: var(--sm-shadow);
  padding: 14px;
}

body.sibertema .sm-searchpanel-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
body.sibertema .sm-searchpanel-title{ font-weight: 800; }

/* ========== Page wrapper (templates buraya akar) ========== */
body.sibertema .sm-page{
  width: 100%;
  min-height: 40vh;
}

/* ========== Footer 2.0 (Sprint 1 iskelet) ========== */
body.sibertema .sm-footer{
  margin-top: 28px;
  padding: 34px 0 90px;
  border-top: 1px solid var(--sm-border-2);
  background: linear-gradient(180deg, rgba(2,6,23,.35), rgba(2,6,23,.65));
}



/* ========== Footer SEO/Info Block (Sprint v0.1.74) ========== */
body.sibertema #smFooter .sm-footer-seo{
  padding: 0 0 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--sm-border-2);
}

body.sibertema #smFooter .sm-seo-card{
  background: rgba(15,23,42,.35);
  border: 1px solid var(--sm-border-2);
  border-radius: var(--sm-radius);
  padding: 16px 16px;
  box-shadow: var(--sm-shadow-sm);
}

body.sibertema #smFooter .sm-seo-title{
  font-size: 16px;
  font-weight: 900;
  margin: 0 0 12px;
  color: var(--sm-text);
}

body.sibertema #smFooter .sm-seo-scroll{
  max-height: 260px;
  overflow: auto;
  padding-right: 8px;
}

body.sibertema #smFooter .sm-seo-scroll p{
  margin: 0 0 10px;
  color: var(--sm-muted);
  font-size: 13px;
  line-height: 1.75;
}

body.sibertema #smFooter .sm-seo-scroll strong{
  color: var(--sm-text);
  font-weight: 800;
}

body.sibertema #smFooter .sm-seo-scroll h4{
  margin: 14px 0 8px;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--sm-muted-2);
}

body.sibertema #smFooter .sm-seo-scroll ul{
  margin: 6px 0 10px 18px;
  padding: 0;
}

body.sibertema #smFooter .sm-seo-scroll li{
  margin: 6px 0;
  color: var(--sm-muted);
  font-size: 13px;
  line-height: 1.65;
}

body.sibertema #smFooter .sm-seo-callout{
  margin-top: 14px;
  padding: 12px 12px;
  border-left: 3px solid var(--sm-accent);
  background: rgba(14,165,233,.10);
  border-radius: var(--sm-radius-sm);
  color: var(--sm-muted);
  font-size: 12.5px;
}

body.sibertema #smFooter .sm-seo-scroll::-webkit-scrollbar{ width: 10px; }
body.sibertema #smFooter .sm-seo-scroll::-webkit-scrollbar-track{
  background: rgba(255,255,255,.06);
  border-radius: 10px;
}
body.sibertema #smFooter .sm-seo-scroll::-webkit-scrollbar-thumb{
  background: rgba(148,163,184,.35);
  border-radius: 10px;
}
body.sibertema #smFooter .sm-seo-scroll::-webkit-scrollbar-thumb:hover{
  background: rgba(148,163,184,.55);
}

@media (max-width: 768px){
  body.sibertema #smFooter .sm-seo-scroll{ max-height: 200px; }
  body.sibertema #smFooter .sm-seo-title{ font-size: 15px; }
}
body.sibertema .sm-footer-grid{
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  gap: 18px;
}

body.sibertema .sm-footer-brand{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
body.sibertema .sm-footer-brand img{ height: 38px; width: auto; object-fit: contain; }
body.sibertema .sm-footer-brand span{ font-weight: 800; }

body.sibertema .sm-footer p{ color: var(--sm-muted); font-size: 13px; line-height: 1.7; }

body.sibertema .sm-footer h4{
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--sm-muted-2);
  margin: 0 0 10px;
}

body.sibertema .sm-footer a{ color: var(--sm-muted); }
body.sibertema .sm-footer a:hover{ color: var(--sm-text); }

body.sibertema .sm-footer-list{ display: grid; gap: 8px; }

body.sibertema .sm-footer-bottom{
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--sm-border-2);
  color: var(--sm-muted-2);
  font-size: 12px;
}

/* Sprint v0.1.79: Footer copyright satırında sağa dayalı ödeme logoları */
body.sibertema .sm-footer-bottom-inner{
  display:flex;
  align-items:center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

body.sibertema .sm-footer-copy{
  color: var(--sm-muted-2);
}

body.sibertema .sm-footer-payments{
  margin-left: auto;
  display:flex;
  align-items:center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

body.sibertema .sm-pay-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.88);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .02em;
  line-height: 1;
  user-select: none;
  white-space: nowrap;
}

body.sibertema .sm-pay-chip.sm-pay-axess{
  border-color: color-mix(in srgb, #2563eb 55%, rgba(255,255,255,.14) 45%);
  background: color-mix(in srgb, #2563eb 16%, rgba(255,255,255,.06) 84%);
}
body.sibertema .sm-pay-chip.sm-pay-world{
  border-color: color-mix(in srgb, #22c55e 55%, rgba(255,255,255,.14) 45%);
  background: color-mix(in srgb, #22c55e 14%, rgba(255,255,255,.06) 86%);
}
body.sibertema .sm-pay-chip.sm-pay-bonus{
  border-color: color-mix(in srgb, #10b981 55%, rgba(255,255,255,.14) 45%);
  background: color-mix(in srgb, #10b981 14%, rgba(255,255,255,.06) 86%);
}
body.sibertema .sm-pay-chip.sm-pay-maximum{
  border-color: color-mix(in srgb, #ef4444 55%, rgba(255,255,255,.14) 45%);
  background: color-mix(in srgb, #ef4444 12%, rgba(255,255,255,.06) 88%);
}
body.sibertema .sm-pay-chip.sm-pay-troy{
  border-color: color-mix(in srgb, #f97316 55%, rgba(255,255,255,.14) 45%);
  background: color-mix(in srgb, #f97316 12%, rgba(255,255,255,.06) 88%);
}

body.sibertema .sm-pay-icon{
  height: 22px;
  width: auto;
  display:block;
  opacity: .9;
  filter: invert(1) brightness(.95);
}

body.sibertema .sm-pay-icon.sm-pay-upload{
  filter: none;
  opacity: 1;
  max-width: 110px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  padding: 4px 8px;
  border-radius: 999px;
}


@media (max-width: 520px){
  body.sibertema .sm-footer-bottom-inner{
    justify-content: center;
  }
  body.sibertema .sm-footer-payments{
    margin-left: 0;
    justify-content: center;
  }
}

/* ========== Floating Action Dock (Sprint 3) ========== */
body.sibertema .sm-fab-dock{
  position: fixed;
  bottom: calc(16px + env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 3400;
  pointer-events: none;
}
body.sibertema .sm-fab-dock *{ pointer-events: auto; }

body.sibertema .sm-fab-right{ right: 16px; }
body.sibertema .sm-fab-left{ left: 16px; right: auto; }

body.sibertema .sm-fab{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(11,18,32,.78);
  color: var(--sm-text);
  box-shadow: 0 18px 40px rgba(2,6,23,.32);
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  transition: transform .14s ease, filter .14s ease, border-color .14s ease;
  overflow: hidden;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema .sm-fab{
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }
}

body.sibertema .sm-fab > *{ position: relative; z-index: 2; }

body.sibertema .sm-fab::before{
  content: "";
  position: absolute;
  inset: -2px;
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.22), transparent 60%);
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events: none;
}

body.sibertema .sm-fab-wow::after{
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.18);
  opacity: .0;
  pointer-events: none;
  animation: smFabPulse 2.6s ease-out infinite;
}

body.sibertema .sm-fab:hover{
  transform: translateY(-1px);
  filter: saturate(1.05);
  border-color: rgba(255,255,255,.24);
  /* Klasik tema hover stilleri bazen yazıyı koyulaştırabiliyor.
     SiberTema CTA'larında kontrastı koru. (v0.1.67) */
  color: #f1f5f9;
}
body.sibertema .sm-fab:hover::before{ opacity: 1; }
body.sibertema .sm-fab:hover .sm-fab-title{ color: inherit; }
body.sibertema .sm-fab:hover .sm-fab-sub{ color: rgba(226,232,240,.88); }

body.sibertema .sm-fab:focus-visible{
  outline: none;
  border-color: rgba(124,58,237,.55);
  box-shadow: 0 0 0 4px rgba(124,58,237,.22), 0 18px 40px rgba(2,6,23,.32);
}

body.sibertema .sm-fab-ic{
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  flex: 0 0 auto;
}
body.sibertema .sm-fab-ic svg{ width: 30px; height: 30px; fill: currentColor; opacity: .95; }

body.sibertema .sm-fab-text{ display:flex; flex-direction: column; line-height: 1.05; gap: 4px; }
body.sibertema .sm-fab-title{ font-size: 13px; font-weight: 900; letter-spacing: -.2px; }
body.sibertema .sm-fab-sub{ font-size: 12px; color: rgba(226,232,240,.78); }

body.sibertema .sm-fab.sm-fab-wa{
  border-color: rgba(16,185,129,.42);
  background: linear-gradient(135deg, rgba(5,150,105,.28), rgba(11,18,32,.82));
}
body.sibertema .sm-fab.sm-fab-wa .sm-fab-ic{
  background: rgba(16,185,129,.16);
  border-color: rgba(16,185,129,.36);
}

body.sibertema .sm-fab.sm-fab-call{
  border-color: rgba(59,130,246,.45);
  background: linear-gradient(135deg, rgba(37,99,235,.30), rgba(11,18,32,.82));
}
body.sibertema .sm-fab.sm-fab-call .sm-fab-ic{
  background: rgba(59,130,246,.16);
  border-color: rgba(59,130,246,.36);
}

body.sibertema .sm-fab.sm-fab-wa.sm-fab-wow::after{ border-color: rgba(16,185,129,.36); }
body.sibertema .sm-fab.sm-fab-call.sm-fab-wow::after{ border-color: rgba(59,130,246,.36); }

@keyframes smFabPulse{
  0%{ transform: scale(.96); opacity: .55; }
  70%{ transform: scale(1.16); opacity: 0; }
  100%{ opacity: 0; }
}

/* ========== Sprint 3: Hızlı Arama (Klasik Anasayfa) Görünürlük Fix ========== */
body.sibertema .search-box{ color: #0b1f3b; }
body.sibertema .search-box h5,
body.sibertema .search-box .form-label{ color: #0b1f3b !important; }
body.sibertema .search-box select.form-select{ color: #0b1f3b !important; }
body.sibertema .search-box select.form-select:hover{
  color:#fff !important;
  background: #0b1f3b !important;
  border-color: #0b1f3b !important;
}
body.sibertema .search-box select.form-select:focus{
  color: #0b1f3b !important;
  border-color: #0b1f3b !important;
  box-shadow: 0 0 0 4px rgba(11,31,59,.18) !important;
}
body.sibertema .search-box select.form-select:focus:hover{ color:#fff !important; }


/* ========== Typography & Section Rhythm (Sprint 2) ========== */
body.sibertema{
  font-size: 15px;
  line-height: 1.55;
}

body.sibertema .sm-main{ display:block; }
body.sibertema .sm-section{ padding: 28px 0; }
body.sibertema .sm-section.sm-section-tight{ padding: 18px 0; }

body.sibertema .sm-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sm-muted);
}

body.sibertema .sm-h1{
  font-size: clamp(26px, 3.2vw, 44px);
  line-height: 1.12;
  margin: 0;
}
body.sibertema .sm-h2{
  font-size: clamp(18px, 2.2vw, 28px);
  line-height: 1.18;
  margin: 0;
}
body.sibertema .sm-lead{
  color: var(--sm-muted);
  font-size: 14.5px;
  margin-top: 10px;
}

body.sibertema .sm-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 16px;
  margin-bottom: 14px;
}
body.sibertema .sm-section-head .sm-lead{ margin: 0; max-width: 60ch; }

body.sibertema .sm-divider{
  height:1px;
  background: var(--sm-border-2);
  margin: 14px 0;
}

/* ========== Header Altı Kampanya Barı (Sprint 2) ========== */
body.sibertema .sm-promobar{
  position: relative;
  z-index: 2400;
  background: rgba(2,6,23,.62);
  border-bottom: 1px solid var(--sm-border-2);
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema .sm-promobar{
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}
body.sibertema .sm-promobar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  min-height: 44px;
}
body.sibertema .sm-promobar-items{
  display:flex;
  align-items:center;
  gap: 10px;
  overflow:auto;
  padding: 8px 0;
  scrollbar-width: none;
}
body.sibertema .sm-promobar-items::-webkit-scrollbar{ display:none; }

body.sibertema .sm-promo-item{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  border-radius: 999px;
  white-space: nowrap;
  font-size: 12.5px;
  color: var(--sm-muted);
}
body.sibertema .sm-promo-item svg{
  width: 16px;
  height: 16px;
  fill: currentColor;
  opacity: .9;
}
body.sibertema .sm-promo-highlight{
  border-color: color-mix(in srgb, var(--sm-accent) 55%, var(--sm-border) 45%);
  color: var(--sm-text);
  background: color-mix(in srgb, var(--sm-accent) 18%, rgba(255,255,255,.04) 82%);
}

body.sibertema .sm-promobar-close{
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  color: var(--sm-muted);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor: pointer;
}
body.sibertema .sm-promobar-close:hover{
  color: var(--sm-text);
  border-color: var(--sm-accent);
}

/* ========== Home (Sprint 2) ========== */
body.sibertema .sm-home .sm-hero{
  padding-top: 18px;
  padding-bottom: 22px;
}
body.sibertema .sm-hero-wrap{
  position: relative;
  border-radius: calc(var(--sm-radius) + 6px);
  overflow: hidden;
  border: 1px solid var(--sm-border-2);
  background:
    radial-gradient(900px 500px at 10% 0%, rgba(56,189,248,.22), transparent 55%),
    radial-gradient(900px 500px at 90% 0%, rgba(99,102,241,.18), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

body.sibertema .sm-hero-inner{
  display:grid;
  grid-template-columns: 420px 1fr;
  gap: 16px;
  padding: 16px;
}

body.sibertema .sm-hero-card{
  padding: 16px;
}
body.sibertema .sm-hero-card .sm-kicker{ margin-bottom: 8px; }
body.sibertema .sm-hero-card .sm-h1{ margin-bottom: 8px; }

body.sibertema .sm-hero-form{
  margin-top: 14px;
  display:grid;
  gap: 10px;
}
body.sibertema .sm-form-row{
  display:grid;
  grid-template-columns: 1fr;
  gap: 6px;
}
body.sibertema .sm-form-row label{
  font-size: 12px;
  color: var(--sm-muted);
}
body.sibertema .sm-form-actions{
  display:flex;
  gap: 10px;
  align-items:center;
  margin-top: 4px;
}
body.sibertema .sm-help{
  margin-top: 10px;
  font-size: 12.5px;
  color: var(--sm-muted);
  border-left: 2px solid var(--sm-border);
  padding-left: 10px;
}

body.sibertema .sm-hero-side{
  display:grid;
  gap: 12px;
}

body.sibertema .sm-slider{
  position: relative;
  min-height: 280px;
  overflow: hidden;
  border-radius: var(--sm-radius);
}
body.sibertema .sm-slider-track{
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 280px;
}
body.sibertema .sm-slider-track > *{
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.01);
  transition: opacity .32s ease, transform .32s ease;
}
body.sibertema .sm-slider-track > *.is-active{
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

body.sibertema .sm-slide{
  display:block;
  width: 100%;
  height: 100%;
}
body.sibertema .sm-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}

body.sibertema .sm-slider-dots{
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 12px;
  display:flex;
  gap: 8px;
  justify-content:center;
  z-index: 2;
}
body.sibertema .sm-slider-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.12);
  cursor:pointer;
}
body.sibertema .sm-slider-dot.is-active{
  background: var(--sm-accent);
  border-color: color-mix(in srgb, var(--sm-accent) 70%, #fff 30%);
}

body.sibertema .sm-hero-banners{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
body.sibertema .sm-banner{
  position: relative;
  overflow:hidden;
  border-radius: var(--sm-radius);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  min-height: 120px;
}
body.sibertema .sm-banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
  opacity: .92;
}
body.sibertema .sm-banner-badge{
  position:absolute;
  left: 10px;
  top: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(2,6,23,.55);
  border: 1px solid var(--sm-border-2);
  color: var(--sm-text);
  font-size: 12px;
  font-weight: 800;
}

body.sibertema .sm-benefit-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
body.sibertema .sm-benefit{
  padding: 14px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
}
body.sibertema .sm-benefit svg{
  width: 18px;
  height: 18px;
  fill: currentColor;
  opacity:.9;
  margin-top: 2px;
}
body.sibertema .sm-benefit strong{
  display:block;
  font-size: 13.5px;
  margin-bottom: 2px;
}
body.sibertema .sm-benefit span{
  color: var(--sm-muted);
  font-size: 12.5px;
}

body.sibertema .sm-grid{
  display:grid;
  gap: 12px;
}

body.sibertema .sm-catgrid{
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
body.sibertema .sm-catcard{
  overflow:hidden;
  border-radius: var(--sm-radius);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  transition: transform .14s ease, border-color .14s ease, filter .14s ease;
}
body.sibertema .sm-catcard:hover{
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--sm-accent) 45%, var(--sm-border) 55%);
  filter: brightness(1.02);
}
body.sibertema .sm-catimg{
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow:hidden;
  background: rgba(255,255,255,.02);
}
body.sibertema .sm-catimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}
body.sibertema .sm-catname{
  padding: 10px 10px 12px;
  font-weight: 800;
  font-size: 13px;
  color: var(--sm-text);
}

body.sibertema .sm-productgrid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
body.sibertema .sm-product{
  overflow:hidden;
  border-radius: var(--sm-radius);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  display:flex;
  flex-direction: column;
}
body.sibertema .sm-product-media{
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow:hidden;
  background: rgba(255,255,255,.03);
}
body.sibertema .sm-product-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
  transition: transform .25s ease;
}
body.sibertema .sm-product:hover .sm-product-media img{ transform: scale(1.04); }

body.sibertema .sm-badge{
  position:absolute;
  left: 10px;
  top: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  border: 1px solid var(--sm-border-2);
  background: rgba(2,6,23,.55);
}
body.sibertema .sm-badge.sale{
  background: color-mix(in srgb, rgba(239,68,68,.25) 60%, rgba(2,6,23,.55) 40%);
  border-color: rgba(239,68,68,.35);
}
body.sibertema .sm-badge.new{
  left:auto;
  right:10px;
  background: color-mix(in srgb, rgba(34,197,94,.22) 60%, rgba(2,6,23,.55) 40%);
  border-color: rgba(34,197,94,.35);
}

body.sibertema .sm-product-body{
  padding: 12px;
  display:flex;
  flex-direction: column;
  gap: 8px;
}
body.sibertema .sm-product-title{
  font-weight: 800;
  font-size: 13.5px;
  line-height: 1.25;
  color: var(--sm-text);
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
  min-height: 34px;
}
body.sibertema .sm-product-meta{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 10px;
}
body.sibertema .sm-price{
  font-weight: 900;
  color: #fff;
}
body.sibertema .sm-stock{
  font-size: 12px;
  color: var(--sm-muted);
}
body.sibertema .sm-stock.ok{ color: rgba(34,197,94,.85); }
body.sibertema .sm-stock.no{ color: rgba(248,113,113,.88); }

body.sibertema .sm-brandgrid{
  display:grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
}
body.sibertema .sm-brand{
  padding: 12px;
  border-radius: var(--sm-radius);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  display:flex;
  flex-direction: column;
  align-items:center;
  gap: 10px;
  text-align:center;
}
body.sibertema .sm-brand img{
  width: 54px;
  height: 54px;
  object-fit: contain;
  filter: drop-shadow(0 8px 18px rgba(2,6,23,.25));
}
body.sibertema .sm-brand span{
  font-size: 12.5px;
  font-weight: 800;
  color: var(--sm-text);
}

body.sibertema .sm-prose{
  padding: 18px;
  color: var(--sm-muted);
}
body.sibertema .sm-prose h2, body.sibertema .sm-prose h3{
  color: var(--sm-text);
  margin: 0 0 10px;
}
body.sibertema .sm-prose p{ margin: 0 0 10px; }

/* Eski ürün açıklamalarında inline color (koyu kahverengi vb.) temada okunmuyor -> inherit'e zorla */
body.sibertema .sm-prose [style*="color"],
body.sibertema .sm-prose font[color]{
  color: inherit !important;
}
body.sibertema .sm-prose a{ color: var(--sm-accent-2); text-decoration: underline; }
body.sibertema .sm-prose *:last-child{ margin-bottom: 0; }

body.sibertema .sm-center{
  display:flex;
  justify-content:center;
  margin-top: 12px;
}


/* ========== Collection / Listing (Sprint 3) ========== */
body.sibertema .sm-breadcrumb{
  display:flex;
  align-items:center;
  gap: 8px;
  flex-wrap: wrap;
  color: var(--sm-muted);
  font-size: 12.5px;
}
body.sibertema .sm-breadcrumb a{ color: var(--sm-muted); }
body.sibertema .sm-breadcrumb a:hover{ color: var(--sm-text); }
body.sibertema .sm-breadcrumb-sep{ color: rgba(255,255,255,.25); }

body.sibertema .sm-collection-head{
  margin-top: 12px;
  padding: 16px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 14px;
}
body.sibertema .sm-collection-title h1{
  margin: 0;
  font-size: 22px;
  letter-spacing: -0.02em;
}
body.sibertema .sm-collection-sub{
  margin-top: 6px;
  color: var(--sm-muted);
  font-size: 13px;
  display:flex;
  align-items:center;
  gap: 8px;
  flex-wrap: wrap;
}
body.sibertema .sm-dot{
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.25);
  display:inline-block;
}

body.sibertema .sm-collection-tools{
  display:flex;
  align-items:center;
  gap: 10px;
}
body.sibertema .sm-sort{
  display:flex;
  align-items:center;
  gap: 10px;
}
body.sibertema .sm-sort-label{
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--sm-muted-2);
}
body.sibertema .sm-sort-select{
  min-width: 190px;
}
body.sibertema .sm-filter-open{
  display:none;
}

body.sibertema .sm-chips{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}
body.sibertema .sm-chip{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--sm-border-2);
  color: var(--sm-muted);
  font-size: 12.5px;
}
body.sibertema .sm-chip:hover{
  border-color: var(--sm-accent);
  color: var(--sm-text);
}

body.sibertema .sm-collection-grid{
  display:grid;
  grid-template-columns: 300px 1fr;
  gap: 16px;
  align-items:start;
}

body.sibertema .sm-filters{
  position: sticky;
  top: calc(var(--sm-header-h) + 18px);
  padding: 14px;
  max-height: calc(100vh - (var(--sm-header-h) + 28px));
  overflow: auto;
}
body.sibertema .sm-filter-head{
  display:flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
}
body.sibertema .sm-filter-title{
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--sm-muted-2);
}
body.sibertema .sm-filter-search{
  width: 100%;
}
body.sibertema .sm-filter-list{
  display:grid;
  gap: 10px;
}
body.sibertema .sm-filter-all{
  padding: 10px 12px;
  border-radius: calc(var(--sm-radius) - 8px);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.03);
  color: var(--sm-muted);
}
body.sibertema .sm-filter-all:hover{
  border-color: var(--sm-accent);
  color: var(--sm-text);
}
body.sibertema .sm-filter-all.is-active{
  border-color: rgba(34,197,94,.4);
  background: rgba(34,197,94,.08);
  color: var(--sm-text);
}

body.sibertema .sm-filter-brand{
  border: 1px solid var(--sm-border-2);
  border-radius: calc(var(--sm-radius) - 8px);
  overflow: hidden;
  background: rgba(255,255,255,.03);
}
body.sibertema .sm-filter-brand summary{
  cursor: pointer;
  list-style: none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 10px 12px;
  color: var(--sm-text);
  font-weight: 750;
}
body.sibertema .sm-filter-brand summary::-webkit-details-marker{ display:none; }
body.sibertema .sm-filter-brand-actions{
  display:inline-flex;
  align-items:center;
  gap: 8px;
}
body.sibertema .sm-filter-pick{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.03);
  color: var(--sm-muted);
  font-size: 12px;
  font-weight: 800;
}
body.sibertema .sm-filter-pick:hover{ border-color: var(--sm-accent); color: var(--sm-text); }
body.sibertema .sm-filter-pick.is-active{
  border-color: rgba(34,197,94,.4);
  background: rgba(34,197,94,.08);
  color: var(--sm-text);
}

body.sibertema .sm-filter-models{
  border-top: 1px solid var(--sm-border-2);
  padding: 10px 12px 12px;
  display:grid;
  gap: 8px;
  max-height: 260px;
  overflow: auto;
}
body.sibertema .sm-filter-model{
  padding: 8px 10px;
  border-radius: calc(var(--sm-radius) - 10px);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.02);
  color: var(--sm-muted);
  font-size: 13px;
}
body.sibertema .sm-filter-model:hover{
  border-color: var(--sm-accent);
  color: var(--sm-text);
}
body.sibertema .sm-filter-empty{
  border-top: 1px solid var(--sm-border-2);
  padding: 10px 12px 12px;
  color: var(--sm-muted);
  font-size: 12.5px;
}

body.sibertema .sm-products-grid{
  display:grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 720px){
  body.sibertema .sm-products-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1100px){
  body.sibertema .sm-products-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1480px){
  body.sibertema .sm-products-grid{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

body.sibertema .sm-product-card{
  overflow:hidden;
  display:flex;
  flex-direction: column;
}
body.sibertema .sm-pc-media{
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow:hidden;
  background: rgba(255,255,255,.03);
  border-radius: calc(var(--sm-radius) - 8px);
}
body.sibertema .sm-pc-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
  transition: transform .25s ease;
}
body.sibertema .sm-product-card:hover .sm-pc-media img{ transform: scale(1.04); }

body.sibertema .sm-pc-body{
  padding: 12px 12px 14px;
  display:flex;
  flex-direction: column;
  gap: 10px;
}
body.sibertema .sm-pc-title{
  margin: 0;
  font-size: 13.5px;
  line-height: 1.25;
  font-weight: 850;
  min-height: 34px;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}
body.sibertema .sm-pc-title a{ color: var(--sm-text); }
body.sibertema .sm-pc-title a:hover{ color: var(--sm-accent-2); }

body.sibertema .sm-pc-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
body.sibertema .sm-stars{
  letter-spacing: 1px;
  color: rgba(251,191,36,.95);
  font-size: 12.5px;
}
body.sibertema .sm-pc-reviews{
  color: var(--sm-muted);
  font-size: 12px;
  margin-left: 6px;
}
body.sibertema .sm-pc-stock{
  font-size: 12px;
  font-weight: 800;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.03);
  color: var(--sm-muted);
}
body.sibertema .sm-pc-stock.in{
  border-color: rgba(34,197,94,.35);
  background: rgba(34,197,94,.08);
  color: rgba(34,197,94,.95);
}
body.sibertema .sm-pc-stock.out{
  border-color: rgba(239,68,68,.35);
  background: rgba(239,68,68,.08);
  color: rgba(248,113,113,.95);
}

body.sibertema .sm-pc-price{
  font-weight: 900;
  color: #fff;
}
body.sibertema .sm-pc-price del,
body.sibertema .sm-pc-price .old-price{
  opacity: .55;
}

body.sibertema .sm-pc-actions{
  display:flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
body.sibertema .sm-pc-cta{
  width: 100%;
  justify-content:center;
}
body.sibertema .sm-pc-mini{
  width: 100%;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
body.sibertema .sm-mini-btn{
  width: auto;
  min-width: 0;
  height: 40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: calc(var(--sm-radius) - 10px);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  color: var(--sm-muted);
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
body.sibertema .sm-mini-btn:hover{
  border-color: var(--sm-accent);
  background: rgba(255,255,255,.08);
  color: var(--sm-text);
}
body.sibertema .sm-mini-btn:active{ transform: translateY(1px); }

body.sibertema .sm-product-card .add-to-cart{
  position: relative;
}
body.sibertema .sm-product-card .add-to-cart.ajax_loading{
  pointer-events:none;
}
body.sibertema .sm-product-card .add-to-cart .laber-loading{
  position: absolute;
  inset: 0;
  display: none;
  align-items:center;
  justify-content:center;
}
body.sibertema .sm-product-card .add-to-cart.ajax_loading .laber-loading{ display:flex; }
body.sibertema .sm-product-card .add-to-cart.ajax_loading .text{ opacity: 0; }
body.sibertema .sm-product-card .add-to-cart .circle-loadding span{
  display:block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.25);
  border-top-color: #fff;
  animation: smSpin .75s linear infinite;
}

body.sibertema .sm-pagination{
  margin-top: 18px;
  display:flex;
  justify-content:center;
}
body.sibertema .sm-pagination ul{
  list-style:none;
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
body.sibertema .sm-pagination .sm-pagebtn,
body.sibertema .sm-pagination .sm-page{
  min-width: 40px;
  width: auto;
  min-height: 40px;
  height: 40px;
  padding: 0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: calc(var(--sm-radius) - 10px);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  color: var(--sm-muted);
  font-weight: 850;
}
body.sibertema .sm-pagination .sm-pagebtn:hover,
body.sibertema .sm-pagination .sm-page:hover{ border-color: var(--sm-accent); color: var(--sm-text); }
body.sibertema .sm-pagination .sm-pagebtn.is-active,
body.sibertema .sm-pagination .sm-page.is-active{
  border-color: rgba(34,197,94,.35);
  background: rgba(34,197,94,.10);
  color: var(--sm-text);
}
body.sibertema .sm-pagination .sm-ellipsis{
  color: rgba(255,255,255,.35);
  padding: 0 6px;
}

body.sibertema .sm-empty{
  padding: 18px;
}
body.sibertema .sm-empty h3{
  margin: 0 0 6px;
  font-size: 16px;
}
body.sibertema .sm-empty p{
  margin: 0 0 12px;
  color: var(--sm-muted);
}

body.sibertema .sm-desc{
  padding: 14px;
}
body.sibertema .sm-desc summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  flex-direction: column;
  gap: 6px;
}
body.sibertema .sm-desc summary::-webkit-details-marker{ display:none; }
body.sibertema .sm-desc-short{
  color: var(--sm-muted);
  font-size: 12.5px;
}
body.sibertema .sm-desc-body{
  margin-top: 12px;
  color: var(--sm-muted);
}

/* Drawer right (mobil filtre) */
body.sibertema .sm-drawer.sm-drawer-right{
  left: auto;
  right: 0;
  border-right: 0;
  border-left: 1px solid var(--sm-border);
  transform: translateX(104%);
}




/* ========== PDP (Ürün Detay) — Sprint 4 ========== */
body.sibertema .sm-breadcrumb{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items:center;
  margin: 12px 0 18px;
  color: var(--sm-muted);
  font-size: 12.5px;
}
body.sibertema .sm-bc-item{
  color: var(--sm-muted);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.03);
  padding: 6px 10px;
  border-radius: 999px;
}
body.sibertema .sm-bc-item:hover{ border-color: var(--sm-accent); color: var(--sm-text); }
body.sibertema .sm-bc-sep{ color: var(--sm-muted-2); }
body.sibertema .sm-bc-current{
  color: var(--sm-text);
  font-weight: 700;
}

body.sibertema .sm-h2{ margin: 0; font-size: 18px; font-weight: 900; }
body.sibertema .sm-h3{ margin: 0 0 10px; font-size: 15px; font-weight: 900; }
body.sibertema .sm-link{ color: var(--sm-muted); text-decoration: underline; text-decoration-color: rgba(226,232,240,.35); }
body.sibertema .sm-link:hover{ color: var(--sm-accent-2); }

body.sibertema .sm-muted{ color: var(--sm-muted); }
body.sibertema .sm-label{ font-weight: 800; color: var(--sm-text); font-size: 13px; }
body.sibertema .sm-labelrow{ display:flex; align-items:center; justify-content:space-between; gap: 12px; }

body.sibertema .sm-btn-block{ width: 100%; }
body.sibertema .sm-btn-ghost{
  background: rgba(255,255,255,.06);
  border-color: var(--sm-border);
  color: var(--sm-text);
}
body.sibertema .sm-btn-disabled{
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(.25);
}
body.sibertema .sm-btn-wa{
  background: linear-gradient(135deg, #22c55e, color-mix(in srgb, #22c55e 55%, #0b1220 45%));
  border-color: rgba(34,197,94,.35);
  color: #fff;
}

body.sibertema .sm-prose{
  color: var(--sm-muted);
  line-height: 1.6;
}
body.sibertema .sm-prose a{ text-decoration: underline; text-underline-offset: 2px; }

/* Layout */
body.sibertema .sm-pdp-grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  align-items:start;
}
body.sibertema .sm-pdp-gallery{
  padding: 14px;
}
body.sibertema .sm-pdp-main{
  position: relative;
}
body.sibertema .sm-pdp-mainimg{
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  display:block;
  border-radius: var(--sm-radius);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.03);
}
body.sibertema .sm-pdp-zoom{
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
}

body.sibertema .sm-pdp-thumbs{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  overflow:auto;
  padding-bottom: 4px;
  scroll-snap-type: x mandatory;
}
body.sibertema .sm-pdp-thumbs::-webkit-scrollbar{ height: 8px; }
body.sibertema .sm-pdp-thumb{
  flex: 0 0 auto;
  width: 74px;
  height: 74px;
  padding: 6px;
  border-radius: 16px;
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  cursor:pointer;
  scroll-snap-align: start;
  transition: transform .12s ease, border-color .12s ease;
}
body.sibertema .sm-pdp-thumb:hover{ border-color: var(--sm-accent); }
body.sibertema .sm-pdp-thumb:active{ transform: translateY(1px); }
body.sibertema .sm-pdp-thumb img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display:block;
}
body.sibertema .sm-pdp-thumb.is-active{
  border-color: var(--sm-accent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--sm-accent) 18%, transparent 82%);
}

/* Buy box */
body.sibertema .sm-pdp-buy{
  position: sticky;
  top: calc(var(--sm-header-h) + 12px);
}
body.sibertema .sm-pdp-form{
  padding: 16px;
  border-radius: var(--sm-radius);
  background: var(--sm-surface);
  border: 1px solid var(--sm-border-2);
  box-shadow: var(--sm-shadow-sm);
}
body.sibertema .sm-pdp-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 10px;
}
body.sibertema .sm-brand-img{
  height: 32px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 20px rgba(2,6,23,.35));
}
body.sibertema .sm-admin-edit{
  font-size: 12px;
  color: var(--sm-muted);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  padding: 6px 10px;
  border-radius: 999px;
}
body.sibertema .sm-admin-edit:hover{ border-color: var(--sm-accent); color: var(--sm-text); }

body.sibertema .sm-pdp-title{
  font-size: 20px;
  line-height: 1.25;
  margin: 0 0 10px;
  font-weight: 900;
}

body.sibertema .sm-pdp-rating{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 10px;
}
body.sibertema .sm-stars{
  display:flex;
  gap: 2px;
}
body.sibertema .sm-star{
  font-size: 14px;
  color: rgba(148,163,184,.7);
}
body.sibertema .sm-star.is-on{ color: #fbbf24; }

body.sibertema .sm-pdp-price{
  display:flex;
  align-items:baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin: 8px 0 12px;
}
body.sibertema .sm-price-current{
  font-size: 26px;
  font-weight: 900;
  color: #fff;
}
body.sibertema .sm-price-old{
  font-size: 14px;
  color: rgba(226,232,240,.65);
  text-decoration: line-through;
}

body.sibertema .sm-pdp-meta{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

body.sibertema .sm-meta-item{
  font-size: 12.5px;
  color: var(--sm-muted);
}

/* PDP içindeki badge davranışı (product card badge absolute olmamalı) */
body.sibertema .sm-pdp .sm-badge{
  position: static;
  left: auto;
  top: auto;
  right: auto;
  padding: 6px 10px;
  border-radius: 999px;
}
body.sibertema .sm-badge-soft{
  background: rgba(255,255,255,.05);
  border-color: var(--sm-border-2);
  color: var(--sm-muted);
}
body.sibertema .sm-badge-ok{
  background: color-mix(in srgb, rgba(34,197,94,.18) 65%, rgba(2,6,23,.55) 35%);
  border-color: rgba(34,197,94,.28);
  color: rgba(214,255,230,.92);
}
body.sibertema .sm-badge-warn{
  background: color-mix(in srgb, rgba(248,113,113,.18) 65%, rgba(2,6,23,.55) 35%);
  border-color: rgba(248,113,113,.28);
  color: rgba(255,235,235,.92);
}

body.sibertema .sm-stepper{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-top: 8px;
}
body.sibertema .sm-stepper-btn{
  width: 44px;
  height: 44px;
  border-radius: calc(var(--sm-radius) - 6px);
  border: 1px solid var(--sm-border);
  background: rgba(255,255,255,.05);
  color: var(--sm-text);
  font-size: 18px;
  font-weight: 900;
  cursor:pointer;
}
body.sibertema .sm-stepper-btn:hover{ border-color: var(--sm-accent); }
body.sibertema .sm-stepper-input{
  width: 92px;
  text-align:center;
  border-radius: calc(var(--sm-radius) - 6px);
  border: 1px solid var(--sm-border);
  background: rgba(255,255,255,.06);
  color: var(--sm-text);
  padding: 11px 10px;
  outline: none;
}

body.sibertema .sm-pdp-actions{
  display:flex;
  flex-direction: column;
  gap: 10px;
  margin: 14px 0;
}

body.sibertema .sm-pdp-trust{
  display:grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--sm-border-2);
}
body.sibertema .sm-trust-item{
  display:flex;
  align-items:center;
  gap: 10px;
  color: var(--sm-muted);
  font-size: 13px;
}
body.sibertema .sm-trust-ic{
  width: 28px;
  height: 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 12px;
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
}

/* Accordion */
body.sibertema .sm-pdp-panels{
  margin-top: 18px;
  display:flex;
  flex-direction: column;
  gap: 12px;
}
body.sibertema .sm-acc{
  border-radius: var(--sm-radius);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  overflow:hidden;
}
body.sibertema .sm-acc > summary{
  list-style: none;
  cursor: pointer;
  padding: 14px 14px;
  font-weight: 900;
  color: var(--sm-text);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
body.sibertema .sm-acc > summary::-webkit-details-marker{ display:none; }
body.sibertema .sm-acc > summary::after{
  content: "▾";
  opacity: .7;
  transform: translateY(-1px);
}
body.sibertema .sm-acc[open] > summary::after{
  content: "▴";
}
body.sibertema .sm-acc-body{
  padding: 14px 14px 16px;
  border-top: 1px solid var(--sm-border-2);
}

/* Specs + tags */
body.sibertema .sm-specs{
  margin: 0;
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
body.sibertema .sm-spec{
  display:flex;
  gap: 10px;
  align-items: baseline;
}
body.sibertema .sm-spec dt{
  width: 120px;
  min-width: 120px;
  color: var(--sm-muted);
  font-weight: 700;
  font-size: 13px;
}
body.sibertema .sm-spec dd{
  margin: 0;
  color: var(--sm-text);
  font-weight: 800;
  font-size: 13px;
}

body.sibertema .sm-tags{
  margin-top: 12px;
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.sibertema .sm-tag{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--sm-border-2);
  background: rgba(2,6,23,.45);
  color: var(--sm-muted);
}

/* Reviews */
body.sibertema .sm-reviews{
  display:flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}
body.sibertema .sm-review{
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.03);
  border-radius: var(--sm-radius);
  padding: 12px 12px;
}
body.sibertema .sm-review-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 10px;
  margin-bottom: 6px;
}
body.sibertema .sm-review-name{ color: var(--sm-text); font-weight: 900; }
body.sibertema .sm-review-date{ color: var(--sm-muted-2); font-size: 12px; }
body.sibertema .sm-review-stars{ margin-bottom: 6px; }
body.sibertema .sm-review-body{ color: var(--sm-muted); font-size: 13px; line-height: 1.55; }

body.sibertema .sm-review-form{
  border-top: 1px solid var(--sm-border-2);
  padding-top: 14px;
}
body.sibertema .sm-formgrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
body.sibertema .sm-formgrid textarea{ grid-column: 1 / -1; }
body.sibertema .sm-formgrid select{ grid-column: 1 / -1; }
body.sibertema .sm-formgrid button{ grid-column: 1 / -1; }

body.sibertema .sm-sr{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

/* Related products */
body.sibertema .sm-pdp-related{
  margin-top: 18px;
}
body.sibertema .sm-related-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 12px;
}
body.sibertema .sm-related-grid{
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}

body.sibertema .sm-card{
  border-radius: var(--sm-radius);
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  overflow:hidden;
  display:flex;
  flex-direction: column;
  min-height: 100%;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
body.sibertema .sm-card:hover{
  border-color: color-mix(in srgb, var(--sm-accent) 55%, var(--sm-border-2) 45%);
  transform: translateY(-1px);
}
body.sibertema .sm-card-img{
  width: 100%;
  aspect-ratio: 1 / 1;
  background: rgba(255,255,255,.03);
  overflow:hidden;
}
body.sibertema .sm-card-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}
body.sibertema .sm-card-body{
  padding: 10px 10px;
  display:flex;
  flex-direction: column;
  gap: 8px;
}
body.sibertema .sm-card-title{
  font-weight: 800;
  font-size: 13px;
  line-height: 1.25;
  color: var(--sm-text);
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
  min-height: 32px;
}
body.sibertema .sm-card-price{
  display:flex;
  align-items:baseline;
  gap: 8px;
  flex-wrap: wrap;
}

/* Mobil sticky CTA */
body.sibertema .sm-pdp-stickybar{
  display:none;
}

body.sibertema.sm-has-stickybar .sm-fab-dock{
  bottom: calc(86px + env(safe-area-inset-bottom));
}

/* PDP responsive */
@media (max-width: 992px){
  body.sibertema .sm-pdp-grid{ grid-template-columns: 1fr; }
  body.sibertema .sm-pdp-buy{ position: static; }
  body.sibertema .sm-related-grid{ grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px){
  body.sibertema .sm-pdp-zoom{ display:none; }
  body.sibertema .sm-formgrid{ grid-template-columns: 1fr; }
  body.sibertema .sm-related-grid{ grid-template-columns: repeat(2, 1fr); }
  body.sibertema .sm-pdp-stickybar{
    display:flex;
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 2600;
    align-items:center;
    justify-content:space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 18px;
    border: 1px solid var(--sm-border);
    background: rgba(11,18,32,.72);
    box-shadow: 0 14px 34px rgba(2,6,23,.22);
  }
  @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
    body.sibertema .sm-pdp-stickybar{
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
    }
  }
  body.sibertema .sm-pdp-stickyprice{
    display:flex;
    flex-direction: column;
    gap: 2px;
  }
  body.sibertema .sm-sticky-label{
    font-size: 11px;
    color: var(--sm-muted);
  }
  body.sibertema .sm-sticky-price{
    font-weight: 900;
    font-size: 14px;
    color: var(--sm-text);
  }
  body.sibertema .sm-pdp-stickybtn{
    border-radius: 16px;
    padding: 12px 14px;
    white-space: nowrap;
  }
}


/* ========== Responsive ========== */
@media (max-width: 992px){
  body.sibertema .sm-topbar-inner{ grid-template-columns: 1fr; text-align: center; padding-top: 6px; padding-bottom: 6px; }
  body.sibertema .sm-topbar-left, body.sibertema .sm-topbar-right{ justify-content: center; }
  body.sibertema .sm-navbar-inner{ grid-template-columns: auto 1fr auto; }
  body.sibertema .sm-search{ display: none; }

  /* Home */
  body.sibertema .sm-hero-inner{ grid-template-columns: 1fr; }
  body.sibertema .sm-hero-banners{ grid-template-columns: 1fr; }
  body.sibertema .sm-benefit-grid{ grid-template-columns: 1fr; }
  body.sibertema .sm-catgrid{ grid-template-columns: repeat(3, 1fr); }
  body.sibertema .sm-productgrid{ grid-template-columns: repeat(2, 1fr); }
  body.sibertema .sm-brandgrid{ grid-template-columns: repeat(4, 1fr); }

  /* Collection */
  body.sibertema .sm-collection-head{ flex-direction: column; align-items:flex-start; }
  body.sibertema .sm-collection-tools{ width: 100%; justify-content: space-between; flex-wrap: wrap; }
  body.sibertema .sm-sort{ flex-wrap: wrap; }
  body.sibertema .sm-filter-open{ display: inline-flex; }
  body.sibertema .sm-collection-grid{ grid-template-columns: 1fr; }
  body.sibertema .sm-filters{ display: none; }
}


@media (max-width: 768px){
  body.sibertema .sm-footer-grid{ grid-template-columns: 1fr; }
  body.sibertema .sm-fab{ padding: 12px 14px; border-radius: 18px; }
  body.sibertema .sm-fab-ic{ width: 48px; height: 48px; border-radius: 16px; }
  body.sibertema .sm-fab-ic svg{ width: 28px; height: 28px; }
  body.sibertema .sm-fab-title{ font-size: 12px; }
  body.sibertema .sm-fab-sub{ font-size: 11px; }

  /* Home tighter */
  body.sibertema .sm-section{ padding: 22px 0; }
  body.sibertema .sm-slider{ min-height: 220px; }
  body.sibertema .sm-slider-track{ min-height: 220px; }
  body.sibertema .sm-catgrid{ grid-template-columns: repeat(2, 1fr); }
  body.sibertema .sm-brandgrid{ grid-template-columns: repeat(3, 1fr); }
}


@media (prefers-reduced-motion: reduce){
  body.sibertema *{ transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* ------------------------------------------------------
   Sprint 5 — Cart / Checkout (SiberTema)
------------------------------------------------------ */

body.sibertema .sm-pagehead-row{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
body.sibertema .sm-h1{ font-size: 28px; margin:0; letter-spacing:-0.4px; }
body.sibertema .sm-sub{ margin:6px 0 0; color: var(--sm-muted); }

body.sibertema .sm-stepper{ display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
body.sibertema .sm-step{ display:flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04); border-radius: 999px; color: var(--sm-muted); font-size: 13px; }
body.sibertema .sm-step-no{ width:22px; height:22px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background: rgba(255,255,255,.06); color: var(--sm-text); font-weight:700; }
body.sibertema .sm-step.active{ border-color: rgba(124,58,237,.45); color: var(--sm-text); }
body.sibertema .sm-step.active .sm-step-no{ background: var(--sm-accent); color:#fff; }
body.sibertema .sm-step.done{ color: var(--sm-text); border-color: rgba(16,185,129,.35); }
body.sibertema .sm-step.done .sm-step-no{ background: rgba(16,185,129,.18); color: #d1fae5; }

body.sibertema .sm-checkout-grid{ display:grid; grid-template-columns: 1.6fr .9fr; gap:16px; align-items:start; }
body.sibertema .sm-checkout-main{ display:flex; flex-direction:column; gap:16px; }
body.sibertema .sm-checkout-aside{ display:flex; flex-direction:column; gap:16px; position: sticky; top: calc(var(--sm-headerH, 72px) + 14px); }

body.sibertema .sm-card{ padding: 16px; }
body.sibertema .sm-card-title{ font-weight: 800; letter-spacing:-0.2px; margin: 0 0 12px; }

body.sibertema .sm-empty{ text-align:center; padding: 18px; }
body.sibertema .sm-empty-img{ width: 160px; max-width: 100%; opacity: .95; border-radius: 18px; display:block; margin: 6px auto 12px; }
body.sibertema .sm-empty h2{ margin: 0 0 6px; }
body.sibertema .sm-empty p{ margin: 0 0 14px; color: var(--sm-muted); }

body.sibertema .sm-ship-card{ padding: 14px 16px; }
body.sibertema .sm-ship-title{ font-weight: 800; }
body.sibertema .sm-ship-sub{ color: var(--sm-muted); margin-top: 4px; }
body.sibertema .sm-progress{ height: 10px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); border-radius: 999px; margin-top: 10px; overflow:hidden; }
body.sibertema .sm-progress-bar{ height: 100%; background: linear-gradient(90deg, rgba(124,58,237,.95), rgba(59,130,246,.95)); border-radius:999px; }

body.sibertema .sm-cart-list{ display:flex; flex-direction:column; gap:12px; }
body.sibertema .sm-cart-item{ display:grid; grid-template-columns: 88px 1fr auto; gap:12px; padding: 14px; }
body.sibertema .sm-cart-img img{ width:88px; height:88px; object-fit:cover; border-radius: 14px; border:1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.18); }
body.sibertema .sm-cart-title{ display:inline-block; font-weight: 800; color: var(--sm-text); text-decoration:none; }
body.sibertema .sm-cart-title:hover{ text-decoration: underline; }
body.sibertema .sm-cart-variant{ color: var(--sm-muted); font-size: 13px; margin-top: 4px; }
body.sibertema .sm-cart-meta{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top: 8px; color: var(--sm-muted); font-size: 13px; }
body.sibertema .sm-cart-line{ display:flex; justify-content:space-between; align-items:center; margin-top: 10px; padding-top: 10px; border-top:1px dashed rgba(255,255,255,.10); }
body.sibertema .sm-cart-line-label{ color: var(--sm-muted); }
body.sibertema .sm-cart-line-price{ font-weight: 900; letter-spacing:-0.2px; }

body.sibertema .sm-cart-actions{ display:flex; align-items:center; }
body.sibertema .sm-cart-form{ display:flex; align-items:center; gap:10px; }

body.sibertema .sm-qty{ display:inline-flex; align-items:center; border:1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.20); border-radius: 14px; overflow:hidden; }
body.sibertema .sm-qty-btn{ width: 38px; height: 38px; display:inline-flex; align-items:center; justify-content:center; color: var(--sm-text); background: transparent; border:0; cursor:pointer; }
body.sibertema .sm-qty-btn:hover{ background: rgba(255,255,255,.06); }
body.sibertema .sm-qty-input{ width: 56px; height: 38px; border:0; background: transparent; color: var(--sm-text); text-align:center; outline:none; }
body.sibertema .sm-qty-input::-webkit-outer-spin-button,
body.sibertema .sm-qty-input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
body.sibertema .sm-qty-input{ -moz-appearance: textfield; }

body.sibertema .sm-cart-remove{ width: 38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.20); border-radius: 14px; cursor:pointer; padding:0; }
body.sibertema .sm-cart-remove svg{ width:18px; height:18px; fill: currentColor; opacity:.95; }
body.sibertema .sm-cart-remove:hover{ background: rgba(255,255,255,.06); }

body.sibertema .sm-cart-extras{ display:flex; flex-direction:column; gap:12px; }
body.sibertema .sm-coupon-row{ display:flex; gap:10px; }
body.sibertema .sm-chipline{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top: 10px; }
body.sibertema .sm-chip{ display:inline-flex; align-items:center; gap:6px; padding:8px 10px; border-radius: 999px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04); font-size: 13px; }
body.sibertema .sm-chip-remove{ color: var(--sm-muted); text-decoration:none; font-size: 13px; }
body.sibertema .sm-chip-remove:hover{ color: var(--sm-text); text-decoration: underline; }

body.sibertema .sm-summary{ padding: 16px; }
body.sibertema .sm-summary-title{ font-weight: 900; letter-spacing:-0.2px; margin-bottom: 12px; }
body.sibertema .sm-summary-rows{ display:flex; flex-direction:column; gap:10px; }
body.sibertema .sm-summary-row{ display:flex; justify-content:space-between; gap:12px; color: var(--sm-muted); font-size: 14px; }
body.sibertema .sm-summary-row span:last-child{ color: var(--sm-text); }
body.sibertema .sm-summary-row.sm-neg span:last-child{ color: #fecaca; }
body.sibertema .sm-summary-divider{ height:1px; background: rgba(255,255,255,.10); margin: 6px 0; }
body.sibertema .sm-summary-total{ display:flex; justify-content:space-between; gap:12px; font-weight: 900; font-size: 16px; letter-spacing:-0.2px; }
body.sibertema .sm-summary-cta{ width: 100%; margin-top: 14px; }
body.sibertema .sm-summary-back{ display:block; text-align:center; margin-top: 10px; color: var(--sm-muted); text-decoration:none; }
body.sibertema .sm-summary-back:hover{ color: var(--sm-text); text-decoration: underline; }

body.sibertema .sm-trust{ padding: 14px 16px; }
body.sibertema .sm-trust-row{ display:flex; flex-wrap:wrap; gap:8px; }
body.sibertema .sm-trust-sub{ margin-top: 10px; color: var(--sm-muted); font-size: 13px; }

/* Sepet / güven satırı: .sm-badge kartlarda absolute kullanıyor; burada inline akışta olmalı */
body.sibertema .sm-trust-row .sm-badge,
body.sibertema .sm-cart-meta .sm-badge{
  position: static;
  top: auto; left: auto; right: auto; bottom: auto;
}

body.sibertema .sm-input{ width: 100%; padding: 12px 12px; border-radius: 14px; border:1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.22); color: var(--sm-text); outline:none; }
body.sibertema .sm-input::placeholder{ color: rgba(226,232,240,.55); }
body.sibertema .sm-input:focus{ border-color: rgba(124,58,237,.55); box-shadow: 0 0 0 3px rgba(124,58,237,.18); }
body.sibertema .sm-textarea{ min-height: 120px; resize: vertical; }

body.sibertema .sm-form-grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap: 12px; }
body.sibertema .sm-field{ display:flex; flex-direction:column; gap:8px; }
body.sibertema .sm-label{ font-size: 13px; color: var(--sm-muted); }
body.sibertema .sm-col-12{ grid-column: span 12; }
body.sibertema .sm-col-6{ grid-column: span 6; }
body.sibertema .sm-col-4{ grid-column: span 4; }

body.sibertema .sm-radio{ display:flex; gap:10px; align-items:center; padding: 12px 12px; border-radius: 14px; border:1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.18); }
body.sibertema .sm-radio input{ width: 18px; height: 18px; accent-color: var(--sm-accent); }
body.sibertema .sm-radio label{ margin: 0; cursor:pointer; }

body.sibertema .sm-check{ display:flex; gap:10px; align-items:flex-start; padding: 12px; border-radius: 14px; border:1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.18); }
body.sibertema .sm-check input{ width: 18px; height: 18px; margin-top: 2px; accent-color: var(--sm-accent); }
body.sibertema .sm-link{ color: var(--sm-text); text-decoration: underline; text-decoration-color: rgba(124,58,237,.55); }
body.sibertema .sm-link:hover{ text-decoration-color: rgba(124,58,237,.85); }

body.sibertema .sm-paylist{ display:flex; flex-direction:column; gap:10px; }
body.sibertema .sm-payitem{ display:flex; align-items:center; gap:10px; padding: 12px; border-radius: 16px; border:1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.18); cursor:pointer; }
body.sibertema .sm-payitem input{ width: 18px; height: 18px; accent-color: var(--sm-accent); }
body.sibertema .sm-payitem-title{ font-weight: 800; }
body.sibertema .sm-payitem-sub{ margin-left:auto; color: var(--sm-muted); font-size: 13px; }
body.sibertema .sm-aside-note{ margin-top: 10px; color: var(--sm-muted); font-size: 13px; }

body.sibertema .sm-cart-preview{ border:1px solid rgba(255,255,255,.10); border-radius: 16px; padding: 10px 12px; background: rgba(0,0,0,.12); margin-bottom: 12px; }
body.sibertema .sm-cart-preview summary{ cursor:pointer; color: var(--sm-text); font-weight: 800; }
body.sibertema .sm-cart-preview-list{ display:flex; flex-direction:column; gap:10px; margin-top: 10px; }
body.sibertema .sm-cart-preview-item{ display:grid; grid-template-columns: 44px 1fr; gap:10px; align-items:center; text-decoration:none; color: var(--sm-text); }
body.sibertema .sm-cart-preview-item img{ width:44px; height:44px; object-fit:cover; border-radius: 12px; border:1px solid rgba(255,255,255,.10); }
body.sibertema .sm-cart-preview-title{ font-weight: 700; font-size: 13px; line-height: 1.2; }
body.sibertema .sm-cart-preview-meta{ color: var(--sm-muted); font-size: 12px; }
body.sibertema .sm-cart-preview-more{ text-align:center; color: var(--sm-muted); text-decoration:none; font-size: 13px; }
body.sibertema .sm-cart-preview-more:hover{ color: var(--sm-text); text-decoration: underline; }

/* Mobile sticky checkout bar */
body.sibertema .sm-checkout-bar{ display:none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; padding: 10px 12px; background: rgba(0,0,0,.55); backdrop-filter: blur(12px); border-top: 1px solid rgba(255,255,255,.10); }
body.sibertema .sm-checkout-bar-inner{ max-width: 1100px; margin: 0 auto; display:flex; align-items:center; justify-content:space-between; gap: 12px; }
body.sibertema .sm-checkout-bar-label{ color: var(--sm-muted); font-size: 12px; }
body.sibertema .sm-checkout-bar-price{ font-weight: 900; }
body.sibertema .sm-checkout-bar-cta{ white-space: nowrap; }
body.sibertema.sm-has-checkout-bar .sm-fab-dock{ bottom: calc(86px + env(safe-area-inset-bottom)); }

@media (max-width: 992px){
  body.sibertema .sm-pagehead-row{ flex-direction: column; align-items:flex-start; }
  body.sibertema .sm-stepper{ justify-content:flex-start; }
  body.sibertema .sm-checkout-grid{ grid-template-columns: 1fr; }
  body.sibertema .sm-checkout-aside{ position: static; top: auto; }
}

@media (max-width: 768px){
  body.sibertema .sm-checkout{ padding-bottom: 92px; }
  body.sibertema .sm-cart-item{ grid-template-columns: 76px 1fr; }
  body.sibertema .sm-cart-img img{ width:76px; height:76px; }
  body.sibertema .sm-cart-actions{ grid-column: 1 / -1; justify-content: space-between; }
  body.sibertema .sm-cart-form{ width: 100%; justify-content: space-between; }
  body.sibertema .sm-coupon-row{ flex-direction: column; }
  body.sibertema .sm-checkout-bar{ display:block; }
  body.sibertema .sm-checkout-form .sm-col-6,
  body.sibertema .sm-checkout-form .sm-col-4{ grid-column: span 12; }
}


/* ------------------------------------------------------
   Sprint v0.1.128 — Kontrol (Giriş / Kayıt / Misafir)
   Amaç: /kontrol sayfasını SiberTema modern UI bileşenleriyle uyumlu hale getirmek
------------------------------------------------------ */

body.sibertema.sm-route-kontrol .sm-auth{ padding: 18px 0 34px; }
body.sibertema.sm-route-kontrol .sm-auth-grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap:16px; align-items:start; }
body.sibertema.sm-route-kontrol .sm-auth-card{ padding: 16px; }
body.sibertema.sm-route-kontrol .sm-auth-sub{ color: var(--sm-muted); font-size: 13.5px; margin: 0 0 12px; }
body.sibertema.sm-route-kontrol .sm-auth-form{ display:flex; flex-direction:column; gap: 12px; }
body.sibertema.sm-route-kontrol .sm-auth-links{ display:flex; justify-content:flex-end; }
body.sibertema.sm-route-kontrol .sm-auth-checks{ display:flex; flex-direction:column; gap: 10px; }
body.sibertema.sm-route-kontrol .sm-auth-modalbtn{ padding: 0; border: 0; background: transparent; cursor: pointer; }
body.sibertema.sm-route-kontrol .sm-auth-note{ margin-top: 16px; text-align:center; color: var(--sm-muted); font-size: 13px; }

body.sibertema.sm-route-kontrol .sm-auth-guest{ grid-column: span 12; display:flex; flex-direction:column; gap:10px; }

@media (min-width: 992px){
  body.sibertema.sm-route-kontrol .sm-auth-card{ grid-column: span 6; }
  body.sibertema.sm-route-kontrol .sm-auth-guest{ flex-direction:row; align-items:center; justify-content:space-between; }
  body.sibertema.sm-route-kontrol .sm-auth-guest .sm-btn{ width: auto; }
}

@media (max-width: 991px){
  body.sibertema.sm-route-kontrol .sm-auth-card{ grid-column: span 12; }
}


/* ------------------------------------------------------
   Sprint v0.1.140 — Bayilik (Bayi Ol)
   Amaç: /bayiol sayfasını SiberTema modern UI bileşenleriyle uyumlu hale getirmek
------------------------------------------------------ */

body.sibertema.sm-route-bayiol .sm-auth{ padding: 18px 0 34px; }
body.sibertema.sm-route-bayiol .sm-auth-grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap:16px; align-items:start; }
body.sibertema.sm-route-bayiol .sm-auth-card{ padding: 16px; }
body.sibertema.sm-route-bayiol .sm-auth-sub{ color: var(--sm-muted); font-size: 13.5px; margin: 0 0 12px; }
body.sibertema.sm-route-bayiol .sm-auth-form{ display:flex; flex-direction:column; gap: 12px; }
body.sibertema.sm-route-bayiol .sm-auth-links{ display:flex; justify-content:flex-end; }
body.sibertema.sm-route-bayiol .sm-auth-checks{ display:flex; flex-direction:column; gap: 10px; }
body.sibertema.sm-route-bayiol .sm-auth-modalbtn{ padding: 0; border: 0; background: transparent; cursor: pointer; }
body.sibertema.sm-route-bayiol .sm-auth-note{ margin-top: 16px; text-align:center; color: var(--sm-muted); font-size: 13px; }

@media (min-width: 992px){
  body.sibertema.sm-route-bayiol .sm-auth-card{ grid-column: span 6; }
}

@media (max-width: 991px){
  body.sibertema.sm-route-bayiol .sm-auth-card{ grid-column: span 12; }
}


/* ------------------------------------------------------
   Sprint v0.1.141 — Üye Ol (Üye Girişi / Kayıt Ol)
   Amaç: /uyeol sayfasını SiberTema modern auth UI bileşenleriyle uyumlu hale getirmek
------------------------------------------------------ */

body.sibertema.sm-route-uyeol .sm-auth{ padding: 18px 0 34px; }
body.sibertema.sm-route-uyeol .sm-auth-grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap:16px; align-items:start; }
body.sibertema.sm-route-uyeol .sm-auth-card{ padding: 16px; }
body.sibertema.sm-route-uyeol .sm-auth-sub{ color: var(--sm-muted); font-size: 13.5px; margin: 0 0 12px; }
body.sibertema.sm-route-uyeol .sm-auth-form{ display:flex; flex-direction:column; gap: 12px; }
body.sibertema.sm-route-uyeol .sm-auth-links{ display:flex; justify-content:flex-end; }
body.sibertema.sm-route-uyeol .sm-auth-checks{ display:flex; flex-direction:column; gap: 10px; }
body.sibertema.sm-route-uyeol .sm-auth-modalbtn{ padding: 0; border: 0; background: transparent; cursor: pointer; }
body.sibertema.sm-route-uyeol .sm-auth-note{ margin-top: 16px; text-align:center; color: var(--sm-muted); font-size: 13px; }

@media (min-width: 992px){
  body.sibertema.sm-route-uyeol .sm-auth-card{ grid-column: span 6; }
}

@media (max-width: 991px){
  body.sibertema.sm-route-uyeol .sm-auth-card{ grid-column: span 12; }
}


/* ------------------------------------------------------
   Sprint v0.1.142 — Şifremi Unuttum
   Amaç: /sifremiunuttum sayfasını SiberTema modern auth UI bileşenleriyle uyumlu hale getirmek
------------------------------------------------------ */

body.sibertema.sm-route-sifremiunuttum .sm-auth{ padding: 18px 0 34px; }
body.sibertema.sm-route-sifremiunuttum .sm-auth-single{ max-width: 560px; margin: 0 auto; }
body.sibertema.sm-route-sifremiunuttum .sm-auth-card{ padding: 16px; }
body.sibertema.sm-route-sifremiunuttum .sm-auth-sub{ color: var(--sm-muted); font-size: 13.5px; margin: 0 0 12px; }
body.sibertema.sm-route-sifremiunuttum .sm-auth-form{ display:flex; flex-direction:column; gap: 12px; }
body.sibertema.sm-route-sifremiunuttum .sm-reset-methods{ display:flex; flex-direction:column; gap: 10px; }
body.sibertema.sm-route-sifremiunuttum .sm-auth-links{ display:flex; justify-content:space-between; gap: 10px; flex-wrap: wrap; }
body.sibertema.sm-route-sifremiunuttum .sm-auth-note{ margin-top: 12px; color: var(--sm-muted); font-size: 13px; }


/* Modal (vanilla, SiberTema) */
body.sibertema .sm-modal{ position: fixed; inset: 0; z-index: 3600; display:flex; align-items:center; justify-content:center; padding: 16px; }
body.sibertema .sm-modal[hidden]{ display: none; }
body.sibertema .sm-modal-backdrop{ position:absolute; inset: 0; background: rgba(2,6,23,.72); }
body.sibertema .sm-modal-panel{ position: relative; width: min(900px, 100%); max-height: min(82vh, 760px); overflow:auto; padding: 14px 16px; box-shadow: var(--sm-shadow); }
body.sibertema .sm-modal-head{ display:flex; align-items:flex-start; justify-content:space-between; gap: 10px; margin-bottom: 10px; }
body.sibertema .sm-modal-title{ margin: 0; font-weight: 900; letter-spacing: -0.2px; font-size: 18px; }
body.sibertema .sm-modal-body{ color: var(--sm-text); font-size: 14px; line-height: 1.55; }
body.sibertema .sm-modal-body p{ color: inherit; }
body.sibertema .sm-modal-foot{ margin-top: 14px; display:flex; justify-content:flex-end; }



/* ------------------------------------------------------
   Sprint v0.1.112 — Cart Page Redesign (SiberTema)
   Amaç: Daha profesyonel listeleme + daha dengeli CTA alanı
------------------------------------------------------ */

/* Üst başlık: kalem sayısı + devam butonu */
body.sibertema .sm-page-cart .sm-cart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 16px;
  margin-bottom: 12px;
}
body.sibertema .sm-page-cart .sm-cart-head-title{
  font-weight: 900;
  letter-spacing: -0.2px;
}
body.sibertema .sm-page-cart .sm-cart-head-sub{
  margin-top: 4px;
  color: var(--sm-muted);
  font-size: 13px;
}
body.sibertema .sm-page-cart .sm-cart-head-cta{ white-space: nowrap; }

/* Kart satırı: sol ürün bilgisi + sağ fiyat/adet/total */
body.sibertema .sm-page-cart .sm-cart-item{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap: 14px;
  padding: 14px;
  align-items: start;
}

body.sibertema .sm-page-cart .sm-cart-prod{
  display:grid;
  grid-template-columns: 96px 1fr;
  gap: 12px;
  align-items: start;
}

body.sibertema .sm-page-cart .sm-cart-img img{
  width:96px;
  height:96px;
  object-fit:cover;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}

body.sibertema .sm-page-cart .sm-cart-info{
  min-width: 0;
}

body.sibertema .sm-page-cart .sm-cart-title{
  display:inline-block;
  font-weight: 900;
  letter-spacing: -0.2px;
}

body.sibertema .sm-page-cart .sm-cart-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top: 10px;
  color: var(--sm-muted);
  font-size: 13px;
}

/* Sağ blok */
body.sibertema .sm-page-cart .sm-cart-side{
  display:flex;
  flex-direction:column;
  gap: 10px;
  padding-left: 14px;
  border-left: 1px dashed rgba(255,255,255,.10);
}

body.sibertema .sm-page-cart .sm-cart-side-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}

body.sibertema .sm-page-cart .sm-cart-side-label{
  color: var(--sm-muted);
  font-size: 12px;
}

body.sibertema .sm-page-cart .sm-cart-side-value,
body.sibertema .sm-page-cart .sm-cart-line-price{
  font-weight: 900;
  letter-spacing:-0.2px;
}

body.sibertema .sm-page-cart .sm-cart-side-row-qty{
  padding-top: 10px;
  margin-top: 2px;
  border-top: 1px solid rgba(255,255,255,.08);
}

body.sibertema .sm-page-cart .sm-cart-form{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 10px;
}

body.sibertema .sm-page-cart .sm-cart-side-row-total{
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.08);
}

/* Özet üst başlık + aksiyonlar */
body.sibertema .sm-page-cart .sm-summary-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 10px;
}

body.sibertema .sm-page-cart .sm-summary-sub{
  margin-top: 4px;
  color: var(--sm-muted);
  font-size: 12.5px;
}

body.sibertema .sm-page-cart .sm-summary-actions{
  display:flex;
  gap: 10px;
  margin-top: 14px;
}

body.sibertema .sm-page-cart .sm-summary-actions .sm-btn{
  flex: 1;
  justify-content:center;
  border-radius: 16px;
  padding: 12px 14px;
}

body.sibertema .sm-page-cart .sm-summary-note{
  margin-top: 10px;
  color: var(--sm-muted);
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 992px){
  body.sibertema .sm-page-cart .sm-cart-item{
    grid-template-columns: 1fr;
  }
  body.sibertema .sm-page-cart .sm-cart-side{
    padding-left: 0;
    border-left: 0;
    border-top: 1px dashed rgba(255,255,255,.10);
    padding-top: 12px;
  }
}

@media (max-width: 768px){
  body.sibertema .sm-page-cart .sm-cart-head{ flex-direction: column; align-items:flex-start; }
  body.sibertema .sm-page-cart .sm-cart-head-cta{ width: 100%; justify-content:center; }
  body.sibertema .sm-page-cart .sm-cart-prod{
    grid-template-columns: 76px 1fr;
  }
  body.sibertema .sm-page-cart .sm-cart-img img{
    width:76px;
    height:76px;
  }
  body.sibertema .sm-page-cart .sm-cart-form{
    width: 100%;
    justify-content:space-between;
  }
  body.sibertema .sm-page-cart .sm-summary-actions{
    flex-direction: column;
  }
}
/* ==========================================================================
   Sprint 6: Marka/Model/Arama + Legacy Sayfa Adaptörü
   Author: Sibermimar (Güray Avcı)
   ========================================================================== */

body.sibertema .sm-chip.is-active{
  background: rgba(14,165,233,.18);
  border-color: rgba(14,165,233,.55);
  color: var(--sm-text);
}

/* Marka -> Model kart grid */
body.sibertema .sm-modelgrid{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1200px){
  body.sibertema .sm-modelgrid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 760px){
  body.sibertema .sm-modelgrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}

body.sibertema .sm-model{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding: 12px;
  text-decoration:none;
  color: inherit;
  border: 1px solid rgba(148,163,184,.20);
  border-radius: var(--sm-radius);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
body.sibertema .sm-model:hover{
  transform: translateY(-2px);
  border-color: rgba(148,163,184,.35);
  box-shadow: var(--sm-shadow-sm);
  background: rgba(15,23,42,.55);
}
body.sibertema .sm-model-img{
  display:block;
  width:100%;
  aspect-ratio: 16/10;
  border-radius: var(--sm-radius-sm);
  overflow:hidden;
  background: rgba(15,23,42,.38);
  border: 1px solid rgba(148,163,184,.18);
}
body.sibertema .sm-model-img img{
  width:100%;
  height:100%;
  object-fit: contain;
}
body.sibertema .sm-model-name{
  font-weight: 800;
  letter-spacing: -0.01em;
  font-size: 14px;
  line-height: 1.25;
  opacity: .95;
}

/* <details> iyileştirmeleri */
body.sibertema details.sm-details summary{
  cursor:pointer;
  list-style:none;
  user-select:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-weight: 800;
}
body.sibertema details.sm-details summary::-webkit-details-marker{ display:none; }
body.sibertema details.sm-details summary:after{
  content: '+';
  opacity: .8;
  font-size: 20px;
  line-height: 1;
}
body.sibertema details.sm-details[open] summary:after{ content: '–'; }
body.sibertema details.sm-details .sm-prose-body{ margin-top: 12px; }

/* --------------------------------------------------------------------------
   Legacy sayfa adaptörü (login/hesap/iletisim/blog vb.)
   SiberTema seçiliyken eski sayfalarda premium görünüm + uyum.
   -------------------------------------------------------------------------- */

body.sibertema main#MainContent{ padding-bottom: 28px; }

body.sibertema .main-content,
body.sibertema .shop-page,
body.sibertema .shop-page-account,
body.sibertema .login-page{
  padding-top: 12px;
  padding-bottom: 24px;
}

/* Breadcrumb / üst şerit */
body.sibertema .laber-breadcrumb,
body.sibertema .breadcrumbs{
  background: transparent !important;
  border: 0 !important;
}
body.sibertema .breadcrumbs .container,
body.sibertema .laber-breadcrumb .container{
  max-width: var(--sm-container);
  padding-left: var(--sm-pad);
  padding-right: var(--sm-pad);
}
body.sibertema .breadcrumbs *{ color: var(--sm-muted) !important; }
body.sibertema .breadcrumbs a{ color: var(--sm-text) !important; opacity: .9; text-decoration:none; }
body.sibertema .breadcrumbs a:hover{ opacity: 1; text-decoration:underline; }

/* Beyaz zeminli legacy kutuları koyu yüzeye çevir */
body.sibertema .block-page-login,
body.sibertema .wrapper_tabcontent,
body.sibertema .tab-content,
body.sibertema .panel,
body.sibertema .card,
body.sibertema .box,
body.sibertema .account-box{
  background: rgba(15,23,42,.58) !important;
  color: var(--sm-text) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  border-radius: var(--sm-radius) !important;
  box-shadow: var(--sm-shadow-sm) !important;
}

/* Başlıklar */
body.sibertema .main-content h1,
body.sibertema .main-content h2,
body.sibertema .main-content h3,
body.sibertema .main-content h4,
body.sibertema .main-content .title,
body.sibertema .main-content .page-title{
  color: var(--sm-text) !important;
  letter-spacing: -0.01em;
}

/* Form elemanları (legacy) */
body.sibertema .main-content input[type="text"],
body.sibertema .main-content input[type="email"],
body.sibertema .main-content input[type="password"],
body.sibertema .main-content input[type="tel"],
body.sibertema .main-content input[type="number"],
body.sibertema .main-content input[type="search"],
body.sibertema .main-content select,
body.sibertema .main-content textarea,
body.sibertema .login-page input,
body.sibertema .login-page select,
body.sibertema .login-page textarea,
body.sibertema .shop-page-account input,
body.sibertema .shop-page-account select,
body.sibertema .shop-page-account textarea{
  background: rgba(2,6,23,.55) !important;
  border: 1px solid rgba(148,163,184,.25) !important;
  color: var(--sm-text) !important;
  border-radius: var(--sm-radius-sm) !important;
  padding: 10px 12px !important;
  outline: none !important;
}
body.sibertema .main-content input::placeholder,
body.sibertema .login-page input::placeholder,
body.sibertema .shop-page-account input::placeholder{
  color: rgba(226,232,240,.58) !important;
}
body.sibertema .main-content input:focus,
body.sibertema .main-content select:focus,
body.sibertema .main-content textarea:focus,
body.sibertema .login-page input:focus,
body.sibertema .shop-page-account input:focus{
  border-color: rgba(14,165,233,.70) !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,.16) !important;
}

/* Legacy butonlar */
body.sibertema .main-content .button,
body.sibertema .main-content button,
body.sibertema .main-content .btn,
body.sibertema .login-page .button,
body.sibertema .login-page button,
body.sibertema .login-page .btn,
body.sibertema .shop-page-account .button,
body.sibertema .shop-page-account button,
body.sibertema .shop-page-account .btn{
  border-radius: var(--sm-radius-sm) !important;
}
body.sibertema .main-content .button,
body.sibertema .main-content .btn,
body.sibertema .login-page .button,
body.sibertema .login-page .btn,
body.sibertema .shop-page-account .button,
body.sibertema .shop-page-account .btn{
  background: rgba(2,6,23,.40) !important;
  border: 1px solid rgba(148,163,184,.28) !important;
  color: var(--sm-text) !important;
  padding: 10px 14px !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
body.sibertema .main-content .button:hover,
body.sibertema .main-content .btn:hover,
body.sibertema .login-page .button:hover,
body.sibertema .login-page .btn:hover,
body.sibertema .shop-page-account .button:hover,
body.sibertema .shop-page-account .btn:hover{
  transform: translateY(-1px);
  border-color: rgba(148,163,184,.45) !important;
  box-shadow: var(--sm-shadow-sm) !important;
}
body.sibertema .main-content .btn-primary,
body.sibertema .login-page .btn-primary,
body.sibertema .shop-page-account .btn-primary{
  background: linear-gradient(135deg, rgba(14,165,233,.92), rgba(99,102,241,.82)) !important;
  border-color: rgba(14,165,233,.35) !important;
}

/* Tablolar (siparişler vb.) */
body.sibertema .main-content table,
body.sibertema .shop-page-account table{
  width: 100%;
  border-collapse: collapse;
  background: rgba(2,6,23,.35) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  border-radius: var(--sm-radius) !important;
  overflow:hidden;
}
body.sibertema .main-content table th,
body.sibertema .main-content table td,
body.sibertema .shop-page-account table th,
body.sibertema .shop-page-account table td{
  padding: 10px 12px;
  border-bottom: 1px solid rgba(148,163,184,.18);
  color: var(--sm-text) !important;
}
body.sibertema .main-content table th,
body.sibertema .shop-page-account table th{
  color: rgba(226,232,240,.92) !important;
  font-weight: 800;
  background: rgba(15,23,42,.45) !important;
}
body.sibertema .main-content table tr:last-child td,
body.sibertema .shop-page-account table tr:last-child td{
  border-bottom: 0;
}


/* =========================================================
   Sprint 2 — Header UX (Topline kaldır) + Sabit CTA Butonları
   Author: Sibermimar (Güray Avcı)
   ========================================================= */

/* Header v2 (logo satırı: logo + kategori linkleri / alt satır: kategoriler + arama) */
body.sibertema .sm-header-v2 .sm-topbar{ display:none !important; }

body.sibertema .sm-navbar-v2 .sm-navbar-inner{
  display:flex;
  align-items:center;
  gap: 14px;
}

body.sibertema .sm-navbar-v2 .sm-navbar-top{
  min-height: calc(var(--sm-header-h) - 6px);
  padding-top: 10px;
  padding-bottom: 10px;
}

body.sibertema .sm-navbar-v2 .sm-navbar-bottom{
  padding-top: 0;
  padding-bottom: 14px;
  justify-content: center !important;
}

body.sibertema .sm-headnav{
  flex: 1 1 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: thin;
  padding: 4px 2px;
}
body.sibertema .sm-headnav::-webkit-scrollbar{ height: 8px; }
body.sibertema .sm-headnav::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.10); border-radius: 999px; }

body.sibertema .sm-headlink{
  flex: 0 0 auto;
  display: inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  color: var(--sm-muted);
  font-size: 12.5px;
  transition: border-color .12s ease, color .12s ease, transform .12s ease, background .12s ease;
}
body.sibertema .sm-headlink:hover{
  border-color: var(--sm-accent);
  color: var(--sm-text);
  background: rgba(255,255,255,.06);
  transform: translateY(-1px);
}

body.sibertema .sm-allcats{
  border-radius: 999px;
  padding: 10px 14px;
  white-space: nowrap;
}

body.sibertema .sm-allcats-ghost{
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--sm-border-2);
  color: var(--sm-text);
  cursor: pointer;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
body.sibertema .sm-allcats-ghost:hover{ border-color: var(--sm-accent); background: rgba(255,255,255,.06); }
body.sibertema .sm-allcats-ghost:active{ transform: translateY(1px); }

body.sibertema .sm-allcats-ic{
  width: 18px;
  height: 18px;
  fill: currentColor;
  opacity: .95;
}

body.sibertema .sm-searchrow{
  display:flex;
  align-items:center;
  justify-content:stretch;
  gap:0;
  padding:12px 0 16px;
}

body.sibertema .sm-search-wide{
  flex: 1;
  width: 100%;
}

body.sibertema .sm-search-merged{
  display:flex;
  align-items:center;
  width:100%;
  max-width:100%;
  position:relative;
}

body.sibertema .sm-search-merged .sm-search-input{
  padding-right: 58px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  text-align:center;
}

body.sibertema .sm-search-merged .sm-search-input:focus,
body.sibertema .sm-search-merged .sm-search-input:not(:placeholder-shown){
  text-align:left;
}

body.sibertema .sm-search-merged-btn{
  position:absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  height: 38px;
  width: 44px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(226,232,240,.9);
  box-shadow: none;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition: transform .12s ease, filter .12s ease, background .12s ease, border-color .12s ease;
}

body.sibertema .sm-search-merged-btn:hover{
  border-color: color-mix(in srgb, var(--sm-accent) 55%, rgba(255,255,255,.18) 45%);
  background: color-mix(in srgb, var(--sm-accent) 12%, rgba(255,255,255,.06) 88%);
  filter: brightness(1.05);
}
body.sibertema .sm-search-merged-btn:active{ transform: translateY(-50%) scale(.98); }

/* Mobilde ana menüyü gizle, drawer (menü) butonunu göster */
body.sibertema .sm-menubtn{ display:none; }

@media (max-width: 900px){
  body.sibertema .sm-mainnav{ display:none; }
  body.sibertema .sm-menubtn{ display:inline-flex; }
  body.sibertema .sm-navdrop-panel{
    right: auto;
    left: 0;
    width: min(92vw, 420px);
  }
}

/* Desktop'ta logo satırı sakin: buton metnini dar ekranlarda gizle */
@media (max-width: 900px){
  body.sibertema .sm-allcats-txt{ display:none; }
  body.sibertema .sm-allcats{ padding: 10px 12px; }
}

/* Mobil: arama satırı tek kolona düşebilir */
@media (max-width: 680px){
  body.sibertema .sm-searchrow{
    flex-wrap: wrap;
    justify-content: center;
  }
  body.sibertema .sm-allcats-ghost{
    width: 100%;
    justify-content: center;
  }
  body.sibertema .sm-search-wide{
    width: 100%;
  }
}

/* ========== Sabit CTA Butonları (sol/sağ orta) ========== */
body.sibertema .sm-side-dock{
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2600; /* overlay/drawer altında */
  display:flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none; /* dock alanı tıklamayı engellemesin */
}
body.sibertema .sm-side-dock *{ pointer-events: auto; }

body.sibertema .sm-side-left{ left: 14px; }
body.sibertema .sm-side-right{ right: 14px; }

body.sibertema .sm-sidebtn{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 999px;
  border: 1px solid var(--sm-border);
  background: rgba(11,18,32,.70);
  color: var(--sm-text);
  box-shadow: var(--sm-shadow-sm);
  transition: transform .14s ease, border-color .14s ease, filter .14s ease;
  max-width: 340px;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema .sm-sidebtn{
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}

body.sibertema .sm-sidebtn:hover{
  border-color: var(--sm-accent);
  transform: translateY(-1px);
  /* Klasik tema hover stilleri bazen yazıyı koyulaştırabiliyor.
     SiberTema sabit CTA'larında kontrastı koru. (v0.1.67) */
  color: #f1f5f9;
}
body.sibertema .sm-sidebtn:hover .sm-side-title{ color: inherit; }
body.sibertema .sm-sidebtn:hover .sm-side-sub{ color: rgba(226,232,240,.86); }

/* ========== Sprint v0.1.67: Klasik temadan kalan sabit butonlar (çift görünüm) ========== */
body.sibertema .altkisim,
body.sibertema .whatsapp-order,
body.sibertema .telefon{
  display: none !important;
}

body.sibertema .sm-side-ic{
  width: 44px;
  height: 44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--sm-border-2);
  flex: 0 0 auto;
}
body.sibertema .sm-side-ic svg{
  width: 42px;
  height: 42px;
}

body.sibertema .sm-side-meta{
  display:flex;
  flex-direction: column;
  line-height: 1.05;
  gap: 4px;
  min-width: 0;
}
body.sibertema .sm-side-title{
  font-weight: 800;
  font-size: 13px;
  letter-spacing: -.2px;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
body.sibertema .sm-side-sub{
  font-size: 12px;
  color: var(--sm-muted);
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}

body.sibertema .sm-side-badge{
  margin-left: auto;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--sm-accent);
  color:#fff;
  font-size: 12px;
  font-weight: 800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
}

/* Buton tipleri: ufak algı farkı için hover border tonları */
body.sibertema .sm-side-login:hover{ border-color: color-mix(in srgb, var(--sm-accent) 60%, #22c55e 40%); }
body.sibertema .sm-side-account:hover{ border-color: color-mix(in srgb, var(--sm-accent) 75%, #60a5fa 25%); }
body.sibertema .sm-side-logout:hover{ border-color: color-mix(in srgb, var(--sm-accent) 60%, #f97316 40%); }
body.sibertema .sm-side-dealer:hover{ border-color: color-mix(in srgb, var(--sm-accent) 60%, #a78bfa 40%); }

@media (max-width: 900px){
  body.sibertema .sm-sidebtn{
    max-width: 260px;
    padding: 10px 12px;
  }
  body.sibertema .sm-side-ic{ width: 40px; height: 40px; }
  body.sibertema .sm-side-ic svg{ width: 38px; height: 38px; }
}

@media (max-width: 680px){
  body.sibertema .sm-side-dock{
    top: auto;
    bottom: 86px;
    transform: none;
  }
  body.sibertema .sm-side-left{ left: 12px; }
  body.sibertema .sm-side-right{ right: 12px; bottom: 140px; } /* sağ altta fab dock üstüne */
  body.sibertema .sm-sidebtn .sm-side-sub{ display:none; }
}


/* ========== Sprint v0.1.69: Genel layout + kontrast düzeltmeleri (SiberTema) ========== */

/* 1) Klasik sayfalardaki .container genişliği: header/footer SM container ile hizala */
body.sibertema .container{
  max-width: var(--sm-container) !important;
  padding-left: var(--sm-pad) !important;
  padding-right: var(--sm-pad) !important;
}

/* 2) Shopify/Laber section inline "background-color:#ffffff" stilleri bazı sayfalarda
   beyaz üstüne beyaz (sibertema başlıkları) problemi üretiyordu.
   SiberTema'da bu ana wrapper'ı transparan yaparak koyu zeminle uyumlandır. */
body.sibertema [id^="laber_template--"]{
  background-color: transparent !important;
}

/* 3) Form elemanlarında sibertema.css içindeki beyaz arkaplan !important çakışmasını bastır.
   Özellikle kategori sıralama select'i (sm-input) ve header arama input'u için kritik. */
body.sibertema .sm-input,
body.sibertema input.sm-input,
body.sibertema select.sm-input,
body.sibertema textarea.sm-input{
  background: rgba(0,0,0,.22) !important;
  color: var(--sm-text) !important;
  border-color: rgba(255,255,255,.14) !important;
}
body.sibertema .sm-input::placeholder{ color: rgba(226,232,240,.62) !important; }

/* (SM class olmayan) genel form kontrolleri de koyu temaya uyumlu olsun */
body.sibertema input[type="text"],
body.sibertema input[type="search"],
body.sibertema input[type="email"],
body.sibertema input[type="tel"],
body.sibertema input[type="password"],
body.sibertema input[type="number"],
body.sibertema select,
body.sibertema textarea{
  background: rgba(0,0,0,.22) !important;
  color: var(--sm-text) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
body.sibertema input[type="text"]::placeholder,
body.sibertema input[type="search"]::placeholder,
body.sibertema input[type="email"]::placeholder,
body.sibertema input[type="tel"]::placeholder,
body.sibertema input[type="password"]::placeholder,
body.sibertema input[type="number"]::placeholder,
body.sibertema textarea::placeholder{
  color: rgba(226,232,240,.62) !important;
}

/* Hızlı Arama (anasayfa) kendi light tasarımını korusun (v0.1.64 rule'larıyla uyumlu) */
body.sibertema .search-box input.form-control,
body.sibertema .search-box select.form-select{
  background: #fff !important;
  color: #0b1f3b !important;
  border: 1px solid rgba(2,6,23,.20) !important;
}

/* 4) Blog sayfaları: blog kartları/basit içerik blokları light tasarım.
   Global h1-h6 !important rengi yüzünden beyaz üstüne beyaz oluyordu.
   Blog kart ve detay makalesini light modda okunur hale getir. */
body.sibertema .blog-card,
body.sibertema .blog-stats{
  color: #212529;
}
body.sibertema .blog-card h1,
body.sibertema .blog-card h2,
body.sibertema .blog-card h3,
body.sibertema .blog-card h4,
body.sibertema .blog-card h5,
body.sibertema .blog-card h6{
  color: #212529 !important;
}
body.sibertema .blog-card a{ color: inherit; }

body.sibertema .blog-detail-article{
  color: #212529;
}
body.sibertema .blog-detail-article h1,
body.sibertema .blog-detail-article h2,
body.sibertema .blog-detail-article h3,
body.sibertema .blog-detail-article h4,
body.sibertema .blog-detail-article h5,
body.sibertema .blog-detail-article h6{
  color: #212529 !important;
}

/* 5) Anasayfa ürün kart başlıkları: default temada ürün adı h2, sibertema global başlık rengi
   yüzünden beyaz üstüne beyaz kalabiliyor. */
body.sibertema .product-collection__title h2,
body.sibertema .product-collection__title h2 a{
  color: #0f172a !important;
}

/* 6) Klasik footer (anasayfa): light bloklar; metin/başlıklar beyaz üstüne beyaz kalmasın */
body.sibertema #footer{
  color: #0f172a;
}
body.sibertema #footer h1,
body.sibertema #footer h2,
body.sibertema #footer h3,
body.sibertema #footer h4,
body.sibertema #footer h5,
body.sibertema #footer h6{
  color: #0f172a !important;
}
/* SEO bölümündeki mavi başlıkları koru */
body.sibertema #footer .seo-scroll-content h4{
  color: #0b5ed7 !important;
}

/* Footer içi input'lar light kalsın (newsletter vb.) */
body.sibertema #footer input[type="text"],
body.sibertema #footer input[type="email"],
body.sibertema #footer input[type="search"],
body.sibertema #footer select,
body.sibertema #footer textarea{
  background: #fff !important;
  color: #0f172a !important;
  border: 1px solid rgba(2,6,23,.18) !important;
}


/* ========== Sprint v0.1.70: Ürün görsel alanı arka planı (#ffffff) ========== */
/* Amaç:
   - PNG şeffaf görsellerde arkadan koyu tema görünmesin.
   - Sadece görselin bulunduğu kutu #fff olsun.
*/

/* 1) SiberTema premium kategori grid (sm-pc-media) */
body.sibertema .sm-pc-media{
  background: #fff !important;
}
body.sibertema .sm-pc-media img{
  background: #fff !important;
}

/* 2) Klasik tema ürün kartları (anasayfa, arama, favoriler, vb.) */
body.sibertema .product-collection__image,
body.sibertema .product-collection__image a.image_product,
body.sibertema .product-collection__image .card__media,
body.sibertema .product-collection__image .media{
  background: #fff !important;
}
body.sibertema .product-collection__image img{
  background: #fff !important;
}

/* 3) Ürün detay (PDP) görsel alanı */
body.sibertema .sm-pdp-mainimg{
  background: #fff !important;
}
body.sibertema .sm-pdp-thumb{
  background: #fff !important;
}

/* 4) Ürün detay "Benzer Ürünler" kartları */
body.sibertema .sm-card-img{
  background: #fff !important;
}
body.sibertema .sm-card-img img{
  background: #fff !important;
}
/* ========== Sprint v0.1.72: Anasayfa (index) legacy bloklarını SiberTema çizgisine yaklaştır ========== */
/* Amaç:
   - Anasayfa ürün kartları (legacy product-collection) görünümü: SiberTema glass/dark kart + beyaz görsel alanı
   - Kategori başlıkları (beyaz-beyaz) kontrast fix + başlık satırı hizalama
   - Anasayfa blog carousel kartlarını SiberTema UI ile uyumlu hale getirme
   Not: Bu stiller sadece anasayfa (sm-route-index) için uygulanır.
*/

/* 0) Ürün/kategori bloklarının genel zeminini glass yap */
body.sibertema.sm-route-index .shopify-section.product_section .laber-section{
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: var(--sm-radius) !important;
  box-shadow: var(--sm-shadow-sm) !important;
  padding: 18px 16px !important;
}
@media (max-width: 576px){
  body.sibertema.sm-route-index .shopify-section.product_section .laber-section{
    padding: 14px 12px !important;
  }
}

/* 1) Başlık satırı: Sol başlık / sağda "Tüm Ürünleri İncele" */
body.sibertema.sm-route-index .shopify-section.product_section .wrap_title{
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-bottom: 14px !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .wrap_title .section-title,
body.sibertema.sm-route-index .shopify-section.product_section .wrap_title h3.section-title{
  color: var(--sm-text) !important;
  font-weight: 800 !important;
  letter-spacing: -0.3px !important;
  margin: 0 !important;
  text-align: left !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .wrap_title h3.section-title{
  font-size: 18px !important;
  line-height: 1.2 !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .wrap_title .bn_button.viewall{
  margin-left: auto !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .wrap_title .bn_button.viewall a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border-radius: calc(var(--sm-radius) - 10px) !important;
  border: 1px solid var(--sm-border) !important;
  background: rgba(255,255,255,.06) !important;
  color: var(--sm-muted) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: filter .12s ease, border-color .12s ease, color .12s ease, background .12s ease;
}
body.sibertema.sm-route-index .shopify-section.product_section .wrap_title .bn_button.viewall a:hover{
  border-color: var(--sm-accent) !important;
  color: var(--sm-text) !important;
  filter: brightness(1.05);
}
@media (max-width: 680px){
  body.sibertema.sm-route-index .shopify-section.product_section .wrap_title{
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  body.sibertema.sm-route-index .shopify-section.product_section .wrap_title .bn_button.viewall{
    margin-left: 0 !important;
  }
}

/* 2) Ürün kartı (legacy) => SiberTema glass kart */
body.sibertema.sm-route-index .shopify-section.product_section .product-collection{
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: var(--sm-radius) !important;
  box-shadow: var(--sm-shadow-sm) !important;
  overflow: hidden !important;
  transition: transform .14s ease, filter .14s ease, border-color .14s ease, background .14s ease;
}
body.sibertema.sm-route-index .shopify-section.product_section .product-collection:hover{
  border-color: var(--sm-border) !important;
  background: var(--sm-surface-2) !important;
  transform: translateY(-2px);
}
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__content{
  background: transparent !important;
  padding: 12px 12px 14px !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__image{
  border-bottom: 1px solid rgba(2,6,23,.10) !important;
}

/* Başlık/ürün adı: v0.1.69'da dark fix vardı; anasayfada card dark olduğu için tekrar açık yap */
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__title h2,
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__title h2 a{
  color: var(--sm-text) !important;
}

/* Fiyat alanı */
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__price,
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__price *{
  color: var(--sm-text) !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__price del,
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__price .compare,
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__price .price--compare{
  color: var(--sm-muted-2) !important;
}

/* Stok yazısı */
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__availability p{
  margin: 6px 0 0 !important;
  font-size: 12px !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__availability .in_stock{
  color: rgba(34,197,94,.92) !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__availability .out_stock{
  color: rgba(239,68,68,.92) !important;
}

/* Sepete ekle: SiberTema primary buton hissi */
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__content .add-to-cart{
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-radius: calc(var(--sm-radius) - 8px) !important;
  background: linear-gradient(135deg, var(--sm-accent), color-mix(in srgb, var(--sm-accent) 55%, #111827 45%)) !important;
  border: 1px solid color-mix(in srgb, var(--sm-accent) 65%, #111827 35%) !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px !important;
  text-transform: none !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__content .add-to-cart:hover{
  filter: brightness(1.06);
}
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__content .add-to-cart .text{
  color: inherit !important;
}

/* 3) Blog carousel (anasayfa) kartları */
body.sibertema.sm-route-index .shopify-section.blog-style1 .content_section{
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: var(--sm-radius) !important;
  box-shadow: var(--sm-shadow-sm) !important;
  padding: 18px 16px !important;
}
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .item{
  background: rgba(0,0,0,.18) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: var(--sm-radius) !important;
  overflow: hidden !important;
}
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .image-blog .pr_lazy_img{
  border-radius: var(--sm-radius) var(--sm-radius) 0 0 !important;
}
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .post-info{
  padding: 14px 14px 16px !important;
  color: var(--sm-muted) !important;
  background: transparent !important;
}

/* Blog etiketi + meta alanı kontrast (gri/beyaz görünümü engelle) */
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .post-info .blog a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding: 6px 10px !important;
  margin-right: 0 !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--sm-accent) 55%, rgba(255,255,255,.16) 45%) !important;
  background: color-mix(in srgb, var(--sm-accent) 18%, rgba(255,255,255,.06) 82%) !important;
  color: var(--sm-text) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .meta-post,
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .item-meta{
  color: var(--sm-muted-2) !important;
}

body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .post-title:hover{
  color: var(--sm-accent-2) !important;
}
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .post-title{
  color: var(--sm-text) !important;
  font-weight: 800 !important;
  letter-spacing: -0.25px !important;
}
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .des p{
  color: var(--sm-muted) !important;
  margin-bottom: 0 !important;
}
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .read_more{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: 12px !important;
}
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .read_more a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 12px !important;
  border-radius: calc(var(--sm-radius) - 10px) !important;
  border: 1px solid var(--sm-border) !important;
  background: rgba(255,255,255,.06) !important;
  color: var(--sm-text) !important;
  font-weight: 700 !important;
}
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .read_more a:hover{
  border-color: var(--sm-accent) !important;
  filter: brightness(1.05);
}
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .inner-date{
  color: var(--sm-muted-2) !important;
  font-size: 12px !important;
}


/* ========== Sprint v0.1.73: İletişim sayfası (SiberTema) — UX + profesyonel görünüm ========== */

body.sibertema.sm-route-iletisim .sm-contact-section{
  padding: 12px 0 70px;
}

body.sibertema.sm-route-iletisim .sm-contact-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 16px;
  padding: 18px 18px;
  margin-top: 12px;
}

body.sibertema.sm-route-iletisim .sm-contact-title{
  margin: 0;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

body.sibertema.sm-route-iletisim .sm-contact-sub{
  margin: 8px 0 0 0;
  color: var(--sm-muted);
  max-width: 56ch;
  line-height: 1.6;
}

body.sibertema.sm-route-iletisim .sm-contact-head-actions{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  justify-content:flex-end;
}

body.sibertema.sm-route-iletisim .sm-contact-action svg{
  width: 18px;
  height: 18px;
}

@media (max-width: 768px){
  body.sibertema.sm-route-iletisim .sm-contact-head{
    flex-direction: column;
    align-items: stretch;
  }
  body.sibertema.sm-route-iletisim .sm-contact-head-actions{
    justify-content:flex-start;
  }
}

body.sibertema.sm-route-iletisim .sm-contact-map{
  margin-top: 14px;
  overflow: hidden;
}

body.sibertema.sm-route-iletisim .sm-contact-iframe{
  display:block;
  width:100%;
  height: 380px;
  border: 0;
}

body.sibertema.sm-route-iletisim .sm-contact-map-empty{
  padding: 22px;
  color: var(--sm-muted);
}

body.sibertema.sm-route-iletisim .sm-contact-grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 16px;
  margin-top: 16px;
}

@media (max-width: 992px){
  body.sibertema.sm-route-iletisim .sm-contact-grid{
    grid-template-columns: 1fr;
  }
}

body.sibertema.sm-route-iletisim .sm-contact-card{
  padding: 18px 18px;
}

body.sibertema.sm-route-iletisim .sm-contact-h2{
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.01em;
}

body.sibertema.sm-route-iletisim .sm-contact-note{
  margin: 0 0 14px 0;
  font-size: 12.5px;
  color: var(--sm-muted);
}

body.sibertema.sm-route-iletisim .sm-form-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 640px){
  body.sibertema.sm-route-iletisim .sm-form-grid{
    grid-template-columns: 1fr;
  }
}

body.sibertema.sm-route-iletisim .sm-field{
  display:flex;
  flex-direction:column;
}

body.sibertema.sm-route-iletisim .sm-label{
  display:block;
  margin: 0 0 6px;
  font-size: 12px;
  color: var(--sm-muted);
}

body.sibertema.sm-route-iletisim textarea.sm-input{
  resize: vertical;
  min-height: 140px;
}

body.sibertema.sm-route-iletisim .sm-contact-submitrow{
  display:flex;
  justify-content:flex-end;
  margin-top: 10px;
}

body.sibertema.sm-route-iletisim .sm-captcha-row{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}

body.sibertema.sm-route-iletisim .sm-captcha-img{
  width: 170px;
  height: 60px;
  object-fit: cover;
  border-radius: var(--sm-radius-sm);
  border: 1px solid rgba(255,255,255,.14);
  background: #fff;
}

body.sibertema.sm-route-iletisim .sm-captcha-refresh{
  padding: 10px 12px;
}

body.sibertema.sm-route-iletisim .sm-contact-info-list{
  display:flex;
  flex-direction:column;
  gap: 12px;
  margin-top: 10px;
}

body.sibertema.sm-route-iletisim .sm-contact-info-item{
  display:flex;
  gap: 12px;
  padding: 12px 12px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--sm-radius-sm);
  background: rgba(2,6,23,.28);
}

body.sibertema.sm-route-iletisim .sm-contact-info-ico{
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: var(--sm-accent-2);
  flex:0 0 auto;
}

body.sibertema.sm-route-iletisim .sm-contact-info-ico svg{
  width: 20px;
  height: 20px;
}

body.sibertema.sm-route-iletisim .sm-contact-info-title{
  font-weight: 900;
  font-size: 13px;
  color: var(--sm-text);
  margin-bottom: 3px;
}

body.sibertema.sm-route-iletisim .sm-contact-info-text{
  color: var(--sm-muted);
  font-size: 13px;
  line-height: 1.55;
}

body.sibertema.sm-route-iletisim .sm-contact-link{
  color: var(--sm-text) !important;
  text-decoration: none;
  border-bottom: 1px dashed rgba(255,255,255,.18);
}

body.sibertema.sm-route-iletisim .sm-contact-link:hover{
  color: var(--sm-accent-2) !important;
  border-bottom-color: rgba(14,165,233,.55);
}

body.sibertema.sm-route-iletisim .sm-contact-sep{
  margin: 0 8px;
  color: rgba(226,232,240,.35);
}

body.sibertema.sm-route-iletisim .sm-contact-social{
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.10);
}

body.sibertema.sm-route-iletisim .sm-contact-muted{
  color: var(--sm-muted);
}


/* ========== Sprint v0.1.73: Statik sayfalar (SiberTema) — kontrast + premium içerik kartı ========== */

/* Bazı legacy sayfalar inline <style> ile "body { background-color:#ffffff }" basıyor.
   SiberTema koyu arkaplanını kesin olarak koru. */
body.sibertema{
  background-color: var(--sm-bg-0) !important;
}

/* Ortak içerik kartı (Kurumsal sayfalar: sayfa/kullanım koşulları/mesafeli sözleşme) */
body.sibertema.sm-route-sayfa .content-blog,
body.sibertema.sm-route-kullanimkosullari .content-blog,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .content-blog{
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: var(--sm-radius) !important;
  padding: 18px 18px !important;
  box-shadow: var(--sm-shadow-sm) !important;
}

/* Tipografi / içerik alanı */
body.sibertema.sm-route-sayfa .main-info-post,
body.sibertema.sm-route-kullanimkosullari .main-info-post,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .main-info-post{
  color: var(--sm-text) !important;
  font-size: 14.5px;
  line-height: 1.75;
}

body.sibertema.sm-route-sayfa .main-info-post p,
body.sibertema.sm-route-kullanimkosullari .main-info-post p,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .main-info-post p{
  color: var(--sm-text) !important;
}

body.sibertema.sm-route-sayfa .main-info-post a,
body.sibertema.sm-route-kullanimkosullari .main-info-post a,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .main-info-post a{
  color: var(--sm-accent-2) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.sibertema.sm-route-sayfa .banner-img-article .pr_lazy_img{
  border-radius: var(--sm-radius) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  overflow: hidden;
}

body.sibertema.sm-route-sayfa .custom_html img{
  border-radius: var(--sm-radius-sm);
  border: 1px solid rgba(255,255,255,.12);
  background: #fff;
}

/* SSS (FAQ) premium görünüm */
body.sibertema.sm-route-sss .faqs_block{
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: var(--sm-radius) !important;
  padding: 18px 18px !important;
  box-shadow: var(--sm-shadow-sm) !important;
}

body.sibertema.sm-route-sss .title_faqs{
  color: var(--sm-text) !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em;
}

body.sibertema.sm-route-sss .js-item-faq{
  margin-top: 12px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--sm-radius-sm);
  background: rgba(2,6,23,.28);
  overflow: hidden;
}

body.sibertema.sm-route-sss .js-item-faq .heading-title a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  padding: 14px 14px;
  color: var(--sm-text) !important;
  text-decoration:none !important;
}

body.sibertema.sm-route-sss .js-item-faq .faqs-icon,
body.sibertema.sm-route-sss .js-item-faq .faqs-icon i{
  color: rgba(226,232,240,.75) !important;
}

body.sibertema.sm-route-sss .js-item-faq .content-faqs{
  padding: 0 14px 14px;
}

body.sibertema.sm-route-sss .js-item-faq .content-faqs p{
  color: var(--sm-muted) !important;
  margin: 0;
  line-height: 1.75;
}

body.sibertema.sm-route-sss .js-item-faq.active{
  border-color: rgba(14,165,233,.45);
  box-shadow: var(--sm-shadow-sm);
}

body.sibertema.sm-route-sss .js-item-faq.active .heading-title a{
  color: var(--sm-accent-2) !important;
}

/* Rıza metni gibi minimal sayfalar: başlık + kart uyumu */
body.sibertema.sm-route-rizametni .page-header h1{
  color: var(--sm-text) !important;
  font-weight: 900;
  letter-spacing: -0.02em;
}

/* ========== Sprint v0.1.77: Anasayfa (SiberTema) — ortalama + kontrast + ürün kart hover sabitle ========== */

/* Container: bazı legacy sayfalarda margin reset olabiliyor, SiberTema'da her zaman ortalı tut */
body.sibertema .container{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* PageContainer: max-width yüzünden sola yapışmayı önle, her zaman ortalı kalsın */
body.sibertema .page-container{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 1) Anasayfa genel hizalama: sağ blok / arama kutusu sola kaçmasın */
body.sibertema.sm-route-index .search-box{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Bootstrap kolon boşluğu: slider alt sağ blok tamamen sola yapışmasın */
body.sibertema.sm-route-index .slideraltbanner{
  padding-left: 12px !important;
}
@media (max-width: 991px){
  body.sibertema.sm-route-index .slideraltbanner{ padding-left: 0 !important; }
}

/* 2) Anasayfa: "Çok satan ürünler" / kategori başlık barı beyaz zeminini kaldır */
body.sibertema.sm-route-index .shopify-section.product_section .wrap_title{
  background: transparent !important;
  border: 0 !important;
  min-height: unset !important;
  border-radius: 0 !important;
}

/* 3) Ürün kartı hover'da içerik kaymasını iptal et (metin/fiyat/yıldız + buton görselin arkasına kaçmasın) */
body.sibertema.sm-route-index .shopify-section.product_section .product-item:hover .product-collection__content{
  margin-top: 0 !important;
  padding-bottom: 14px !important;
}

/* Sepete ekle alanını akışta tut: absolute/bottom kaydırma etkisini kaldır */
body.sibertema.sm-route-index .shopify-section.product_section .product-item .button-cart-bottom{
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  padding-bottom: 0 !important;
  margin-top: 12px !important;
}

/* Hover davranışı: sadece ton/kontrast değişsin, yukarı-aşağı hareket olmasın */
body.sibertema.sm-route-index .shopify-section.product_section .product-collection:hover{
  transform: none !important;
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* 4) Anasayfa ürün kartları: simetrik kutu (eş yükseklik + başlık clamp)
   Sorun: Bazı ürün kartları (özellikle uzun başlıklarda) satır/slick içinde farklı yükseklik alıp
   "biri büyük biri küçük" gibi asimetrik görünebiliyor. Bu blok tüm kartları aynı yüksekliğe
   getirir ve başlığı 2 satırda sabitler.
*/
body.sibertema.sm-route-index .shopify-section.product_section .grid-slider .slick-track{
  display: flex !important;
  align-items: stretch !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .grid-slider .slick-slide{
  height: auto !important;
  display: flex !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .grid-slider .slick-slide > div{
  height: 100% !important;
  display: flex !important;
}

body.sibertema.sm-route-index .shopify-section.product_section .grid-slider .post-item,
body.sibertema.sm-route-index .shopify-section.product_section .grid-slider .product-item,
body.sibertema.sm-route-index .shopify-section.product_section .grid-slider .product-collection{
  height: 100% !important;
  display: flex !important;
}

body.sibertema.sm-route-index .shopify-section.product_section .grid-slider .product-collection{
  flex-direction: column !important;
}

body.sibertema.sm-route-index .shopify-section.product_section .grid-slider .product-collection__content{
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

body.sibertema.sm-route-index .shopify-section.product_section .grid-slider .product-collection__content .button-cart-bottom{
  margin-top: auto !important;
  padding-top: 12px !important;
}

body.sibertema.sm-route-index .shopify-section.product_section .grid-slider .product-collection__title h2{
  margin: 0 0 8px !important;
}

body.sibertema.sm-route-index .shopify-section.product_section .grid-slider .product-collection__title h2 a{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  line-height: 1.2 !important;
  min-height: 2.4em !important;
}

/* ========== Sprint v0.1.80: Blog detay + statik sayfa + dropdown kontrast iyileştirmeleri ========== */
/* Amaç:
   - Blog detay sağ sütun (Son Yazılar/Paylaş) ve yorum alanında: beyaz zemin + beyaz başlık (sibertema.css global h1-h6 !important) sorunu.
   - Blog paylaşım ikonlarının görünmemesi (Font Awesome 5 class'ları yerine projedeki FA4 ile uyum).
   - Yorum formu input/textarea alanlarında gri zemin + düşük kontrast hissi.
   - Shopify "single-blog" şablonunu kullanan statik sayfalarda (sayfa/*, kullanım koşulları, sözleşme vb.) beyaz üstüne beyaz içerik sorunu.
   - Kategori sıralama gibi select dropdown açılır listede gri-gri kontrast sorunu.
*/

/* 1) Blog detay (oziywebs=blog): sidebar kartları + yorum kartı light içerik gibi davransın */
body.sibertema.sm-route-blog .blog-sidebar-card,
body.sibertema.sm-route-blog .blog-detail-comments{
  color: #212529;
}
body.sibertema.sm-route-blog .blog-sidebar-card h1,
body.sibertema.sm-route-blog .blog-sidebar-card h2,
body.sibertema.sm-route-blog .blog-sidebar-card h3,
body.sibertema.sm-route-blog .blog-sidebar-card h4,
body.sibertema.sm-route-blog .blog-sidebar-card h5,
body.sibertema.sm-route-blog .blog-sidebar-card h6,
body.sibertema.sm-route-blog .blog-detail-comments h1,
body.sibertema.sm-route-blog .blog-detail-comments h2,
body.sibertema.sm-route-blog .blog-detail-comments h3,
body.sibertema.sm-route-blog .blog-detail-comments h4,
body.sibertema.sm-route-blog .blog-detail-comments h5,
body.sibertema.sm-route-blog .blog-detail-comments h6{
  color: #212529 !important;
}
body.sibertema.sm-route-blog .blog-sidebar-card a,
body.sibertema.sm-route-blog .blog-detail-comments a{
  color: inherit;
}

/* Blog yorum formu: input/textarea alanları light olsun (gri-gri çakışmayı azaltır) */
body.sibertema.sm-route-blog .blog-comment-form input[type="text"],
body.sibertema.sm-route-blog .blog-comment-form input[type="email"],
body.sibertema.sm-route-blog .blog-comment-form textarea{
  background: #fff !important;
  color: #0f172a !important;
  border: 1px solid rgba(2,6,23,.18) !important;
}
body.sibertema.sm-route-blog .blog-comment-form input[type="text"]::placeholder,
body.sibertema.sm-route-blog .blog-comment-form input[type="email"]::placeholder,
body.sibertema.sm-route-blog .blog-comment-form textarea::placeholder{
  color: rgba(15,23,42,.55) !important;
}

/* 2) Statik sayfalar: Shopify "single-blog" şablonu içindeki beyaz alanlar okunur olsun
   Sorun: body.sibertema global text rengi açık olduğundan, Shopify blog şablonundaki beyaz kutularda (content-blog/post-info)
          beyaz üstüne beyaz yazı oluşuyordu. */
body.sibertema .main-content.shop-page.main-content-blog.single-blog .content-blog,
body.sibertema .main-content.shop-page.main-content-blog.single-blog .post-item .post-info{
  color: #0f172a !important;
}
/* Inline style ile yazılmış beyaz font'ları da bastır (WYSIWYG içeriklerde sık oluyor) */
body.sibertema .main-content.shop-page.main-content-blog.single-blog .content-blog *,
body.sibertema .main-content.shop-page.main-content-blog.single-blog .post-item .post-info *{
  color: inherit !important;
}
/* Gerçek linkler belirgin olsun (href olmayan başlık <a> etiketlerini bozmayalım) */
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: #0ea5e9 !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 .post-item .post-info a[href]:hover{
  text-decoration: underline;
}

/* 3) Select dropdown açılır liste (option) kontrastı */
body.sibertema select option,
body.sibertema select optgroup{
  background-color: #0b1220;
  color: var(--sm-text);
}

/* =============================================================
   Sprint v0.1.81 (SiberTema)
   - Mobil menü düzeni + drawer search görünümü
   - Header menü yeni linkler (daha sıkışık breakpoint)
   - Sepetim popup drawer (masaüstü/mobil)
   - Üye/Bayi giriş + Hesabım sayfaları kontrast iyileştirmeleri
   ============================================================= */

/* Global: Shopify sayfalarındaki inline beyaz arkaplanları bastır */
body.sibertema{ background-color: var(--sm-bg-0) !important; }
body.sibertema [id^="laber_template"],
body.sibertema [id^="shopify-section"],
body.sibertema .shopify-section{
  background-color: transparent !important;
}

/* Mobil drawer arama alanı (bozuk görünüm fix) */
body.sibertema .sm-drawer-search{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin: 0 0 14px;
  border-radius: 14px;
  background: rgba(2,6,23,.35);
  border: 1px solid var(--sm-border);
}
body.sibertema .sm-drawer-search input{
  flex: 1;
  min-width: 0;
  height: 40px;
  padding: 0 6px;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  color: var(--sm-text) !important;
}
body.sibertema .sm-drawer-search input::placeholder{ color: rgba(226,232,240,.6) !important; }
body.sibertema .sm-drawer-search button{
  height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(84,182,137,.35);
  background: rgba(84,182,137,.22);
  color: var(--sm-text);
  font-weight: 800;
}
body.sibertema .sm-drawer-search button:hover{ background: rgba(84,182,137,.3); }

/* Desktop menü sıkışınca daha kompakt */
@media (max-width: 1200px){
  body.sibertema .sm-mainnav{ gap: 6px; }
  body.sibertema .sm-navlink{ padding: 8px 10px; font-size: 13px; }
  body.sibertema .sm-navlink-drop{ padding-right: 28px; }
  body.sibertema .sm-navdrop-caret{ right: 10px; }
}

/* Sepet drawer (popup) */
body.sibertema .sm-cart-drawer{
  width: min(420px, 96vw);
  display: flex;
  flex-direction: column;
}
body.sibertema .sm-cart-drawer .sm-drawer-head{
  align-items: center;
}
body.sibertema .sm-cart-head{ display:flex; flex-direction:column; gap: 4px; }
body.sibertema .sm-cart-title{ font-weight: 900; font-size: 16px; color: var(--sm-text); }
body.sibertema .sm-cart-sub{ font-size: 12px; color: rgba(226,232,240,.68); }

/* Sprint v0.1.94: Drawer içi stok/limit uyarısı */
body.sibertema .sm-cart-notice{
  margin-top: 6px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(245,158,11,.28);
  background: rgba(245,158,11,.10);
  color: rgba(252,211,77,.98);
  font-size: 12px;
  line-height: 1.25;
  display: none;
}
body.sibertema .sm-cart-notice.is-show{ display: block; animation: smNoticeIn .16s ease-out; }
@keyframes smNoticeIn{ from{ opacity:0; transform: translateY(-4px);} to{ opacity:1; transform: translateY(0);} }

/* Mikro animasyon: max'a çarpan ürün */
body.sibertema .sm-cart-mini-item.sm-qty-clamped{
  border-color: rgba(245,158,11,.55);
  box-shadow: 0 0 0 3px rgba(245,158,11,.10);
  animation: smShake .35s ease-in-out;
}
@keyframes smShake{
  0%,100%{ transform: translateX(0); }
  20%{ transform: translateX(-2px); }
  40%{ transform: translateX(2px); }
  60%{ transform: translateX(-1px); }
  80%{ transform: translateX(1px); }
}

body.sibertema .sm-cart-body{ flex: 1; overflow: auto; padding: 0 !important; }

body.sibertema .sm-cart-empty{
  display:flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 28px 18px;
  gap: 10px;
}
body.sibertema .sm-cart-empty-ic{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--sm-border);
  color: var(--sm-text);
}
body.sibertema .sm-cart-empty h3{ margin: 0; font-size: 18px; color: var(--sm-text); }
body.sibertema .sm-cart-empty p{ margin: 0; color: var(--sm-muted); }

body.sibertema .sm-cart-mini-list{ display:flex; flex-direction:column; gap: 12px; padding: 12px; }
body.sibertema .sm-cart-mini-item{
  display:flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px;
  border: 1px solid var(--sm-border);
  border-radius: 14px;
  background: rgba(2,6,23,.32);
  position: relative;
}
body.sibertema .sm-cart-mini-img{
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  display: block;
}
body.sibertema .sm-cart-mini-img img{ width: 100%; height: 100%; object-fit: cover; display:block; }
body.sibertema .sm-cart-mini-info{ flex: 1; min-width: 0; }
body.sibertema .sm-cart-mini-name{
  display: block;
  color: var(--sm-text);
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none;
}
body.sibertema .sm-cart-mini-name:hover{ color: var(--sm-accent); }
body.sibertema .sm-cart-mini-meta{ margin-top: 6px; color: rgba(226,232,240,.66); font-size: 12px; }
body.sibertema .sm-cart-mini-total{ color: var(--sm-text); font-weight: 900; font-size: 13px; white-space: nowrap; }

/* Drawer içi mini sepet aksiyonları (adet +/- , sil) */
body.sibertema .sm-cart-mini-actions{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
body.sibertema .sm-mini-stepper{
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid var(--sm-border);
  background: rgba(255,255,255,.04);
}
body.sibertema .sm-mini-stepper button{
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  color: var(--sm-text);
  font-weight: 900;
  cursor: pointer;
}
body.sibertema .sm-mini-stepper button:hover{ background: rgba(255,255,255,.06); }
body.sibertema .sm-mini-stepper input{
  width: 52px;
  height: 36px;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  color: var(--sm-text) !important;
  text-align: center;
  font-weight: 900;
  padding: 0;
}
body.sibertema .sm-mini-stepper input::-webkit-outer-spin-button,
body.sibertema .sm-mini-stepper input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
body.sibertema .sm-mini-stepper input[type=number]{
  -moz-appearance: textfield;
}

body.sibertema .sm-mini-remove{
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(239,68,68,.35);
  background: rgba(239,68,68,.18);
  color: rgba(254,202,202,.95);
  cursor: pointer;
}
body.sibertema .sm-mini-remove:hover{ background: rgba(239,68,68,.26); }

/* AJAX işleminde görsel feedback */
body.sibertema .sm-cart-drawer.sm-busy{ position: relative; }
body.sibertema .sm-cart-drawer.sm-busy::after{
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(2,6,23,.18);
  pointer-events: none;
  z-index: 3;
}
body.sibertema .sm-cart-mini-item.sm-busy{ opacity: .65; pointer-events: none; }

/* Sprint v0.1.93 — Sepet drawer UX: hit-area + loading spinner */
body.sibertema .sm-mini-stepper button:focus-visible,
body.sibertema .sm-mini-remove:focus-visible{
  outline: 2px solid var(--sm-accent);
  outline-offset: 2px;
}

@media (hover: none) and (pointer: coarse){
  body.sibertema .sm-mini-stepper button{ width: 44px; height: 44px; }
  body.sibertema .sm-mini-stepper input{ width: 64px; height: 44px; font-size: 15px; }
  body.sibertema .sm-mini-remove{ width: 44px; height: 44px; }
}

@keyframes smSpin{ to{ transform: rotate(360deg); } }

body.sibertema .sm-cart-drawer.sm-busy::before{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin-left: -13px;
  margin-top: -13px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.22);
  border-top-color: var(--sm-accent);
  animation: smSpin .7s linear infinite;
  z-index: 4;
}
body.sibertema .sm-cart-drawer.sm-busy .sm-drawer-body,
body.sibertema .sm-cart-drawer.sm-busy .sm-cart-footer{ pointer-events: none; }

body.sibertema .sm-cart-mini-item.sm-busy{ opacity: .85; }
body.sibertema .sm-cart-mini-item.sm-busy::after{
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 14px;
  background: rgba(2,6,23,.22);
}
body.sibertema .sm-cart-mini-item.sm-busy::before{
  content: '';
  position: absolute;
  right: 12px;
  top: 12px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.22);
  border-top-color: var(--sm-accent);
  animation: smSpin .7s linear infinite;
}


body.sibertema .sm-cart-footer{
  padding: 14px 14px calc(16px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--sm-border);
  background: rgba(2,6,23,.55);
}
body.sibertema .sm-cart-footer-row{ display:flex; justify-content: space-between; align-items:center; margin-bottom: 12px; }
body.sibertema .sm-cart-footer-label{ color: rgba(226,232,240,.7); font-size: 13px; }
body.sibertema .sm-cart-footer-value{ color: var(--sm-text); font-weight: 900; font-size: 16px; }
body.sibertema .sm-cart-footer-actions{ display:flex; gap: 10px; }
@media (max-width: 420px){
  body.sibertema .sm-cart-footer-actions{ flex-direction: column; }
  body.sibertema .sm-cart-footer-actions .sm-btn{ width: 100%; justify-content: center; }
}
@media (max-width: 480px){
  body.sibertema .sm-cart-drawer{ width: 100vw; border-radius: 0 !important; }
}

/* Üye/Bayi giriş sayfaları: kontrast + kart görünümü */
body.sibertema.sm-route-uyeol .login-register-form,
body.sibertema.sm-route-bayiol .login-register-form{
  background: rgba(15,23,42,.58) !important;
  border: 1px solid var(--sm-border) !important;
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 18px 48px rgba(0,0,0,.28);
}
body.sibertema.sm-route-uyeol .login-page .main-title,
body.sibertema.sm-route-bayiol .login-page .main-title,
body.sibertema.sm-route-uyeol .login-page .title-login,
body.sibertema.sm-route-bayiol .login-page .title-login{ color: var(--sm-text) !important; }
body.sibertema.sm-route-uyeol .login-page label,
body.sibertema.sm-route-bayiol .login-page label{ color: rgba(226,232,240,.88) !important; font-weight: 700; }
body.sibertema.sm-route-uyeol .login-page .forgot,
body.sibertema.sm-route-bayiol .login-page .forgot{ color: rgba(226,232,240,.62) !important; }
body.sibertema.sm-route-uyeol .login-page .forgot:hover,
body.sibertema.sm-route-bayiol .login-page .forgot:hover{ color: var(--sm-text) !important; }
body.sibertema.sm-route-uyeol .login-page input.butonok,
body.sibertema.sm-route-bayiol .login-page input.butonok,
body.sibertema.sm-route-uyeol .login-page .button.submit,
body.sibertema.sm-route-bayiol .login-page .button.submit,
body.sibertema.sm-route-uyeol .login-page button[type="submit"],
body.sibertema.sm-route-bayiol .login-page button[type="submit"]{
  background: linear-gradient(135deg, rgba(84,182,137,.95), rgba(79,70,229,.75)) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
}
body.sibertema.sm-route-uyeol .login-page input.butonok:hover,
body.sibertema.sm-route-bayiol .login-page input.butonok:hover{ filter: brightness(1.05); }

/* "Üyelik sözleşmesi" modal tetik butonu (gri-gri çakışma fix) */
body.sibertema.sm-route-uyeol #myBtn,
body.sibertema.sm-route-bayiol #myBtn{ color: var(--sm-accent) !important; }

/* Hesabım alanı: customer.css üstüne kontrast iyileştirme */
body.sibertema .shop-page-account .wrapper_tabcontent.customer{
  background: rgba(15,23,42,.52) !important;
  border: 1px solid var(--sm-border) !important;
  border-radius: 16px;
  padding: 16px !important;
}
body.sibertema .shop-page-account .wrapper_tabcontent.customer h3,
body.sibertema .shop-page-account .account_details h3{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid var(--sm-border) !important;
  color: var(--sm-text) !important;
  border-radius: 12px;
}
body.sibertema .shop-page-account .wrapper_tabcontent.customer h1,
body.sibertema .shop-page-account .wrapper_tabcontent.customer h2,
body.sibertema .shop-page-account .wrapper_tabcontent.customer h4,
body.sibertema .shop-page-account .wrapper_tabcontent.customer h5,
body.sibertema .shop-page-account .wrapper_tabcontent.customer h6{ color: var(--sm-text) !important; }
body.sibertema .shop-page-account label,
body.sibertema .shop-page-account .md-form label,
body.sibertema .shop-page-account .box-label label{
  color: rgba(226,232,240,.9) !important;
}
body.sibertema .shop-page-account .md-form label.active{ color: var(--sm-accent) !important; }
body.sibertema .shop-page-account .wrapper_tabcontent.customer .btn,
body.sibertema .shop-page-account .wrapper_tabcontent.customer .btn--full{
  background: rgba(255,255,255,.06) !important;
  color: var(--sm-text) !important;
  border: 1px solid var(--sm-border) !important;
}
body.sibertema .shop-page-account .wrapper_tabcontent.customer .btn:hover{
  border-color: rgba(84,182,137,.45) !important;
  background: rgba(84,182,137,.14) !important;
}

/* Favorilerim: yatay hizalama + sıralama dropdown kontrast */
body.sibertema.sm-route-favorilerim #ProductGridContainer{ display: flex !important; flex-direction: column; gap: 14px; }
body.sibertema.sm-route-favorilerim #ProductGridContainer .facets-wrapper{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 8px !important;
}
body.sibertema.sm-route-favorilerim .facet-filters{ justify-content: flex-end; }
body.sibertema.sm-route-favorilerim .facet-filters__label,
body.sibertema.sm-route-favorilerim .facet-filters__field{ color: rgba(226,232,240,.85) !important; }
body.sibertema.sm-route-favorilerim .facet-filters__sort,
body.sibertema.sm-route-favorilerim .select__select{
  background: rgba(2,6,23,.55) !important;
  color: var(--sm-text) !important;
  border: 1px solid var(--sm-border) !important;
}
body.sibertema.sm-route-favorilerim .facet-filters__sort option{ background: #0b1220; color: var(--sm-text); }

/* Ek: Hesap/Giriş sayfalarında placeholder kontrastı (gri-gri çakışma azaltma) */
body.sibertema.sm-route-uyeol .login-page input::placeholder,
body.sibertema.sm-route-uyeol .login-page textarea::placeholder,
body.sibertema.sm-route-bayiol .login-page input::placeholder,
body.sibertema.sm-route-bayiol .login-page textarea::placeholder,
body.sibertema .shop-page-account input::placeholder,
body.sibertema .shop-page-account textarea::placeholder{
  color: rgba(226,232,240,.78) !important;
}

/* Fix: Right drawer (sm-drawer-right) aktifken açılmama durumu (filter/cart) */
body.sibertema .sm-drawer.sm-drawer-right.active{ transform: translateX(0) !important; }

/* Sprint v0.1.82: Sepete eklendi popup (func/global.php -> .popup-container) SiberTema uyumu */
body.sibertema .popup-container{
  background: rgba(0,0,0,.68) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 9999;
}
body.sibertema .popup-container .popup-box{
  position: relative !important;
  top: auto !important;
  width: 520px !important;
  max-width: 92vw;
  background: rgba(15,23,42,.92) !important;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  padding: 14px 14px 10px;
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
}
body.sibertema .popup-container .popup-box .row{
  background: transparent !important; /* inline background:white override */
}
body.sibertema .popup-container .popup_slpr_thumb img{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.92);
}
body.sibertema .popup-container .pp_slpr_title{
  color: var(--sm-text) !important;
  font-weight: 700 !important;
}
body.sibertema .popup-container .js_slpr_location{
  color: rgba(226,232,240,.78) !important;
}
body.sibertema .popup-container .pp_slpr_time{
  color: rgba(226,232,240,.9) !important;
  font-weight: 700;
}
body.sibertema .popup-container .pp_slpr_time b{ color: rgba(226,232,240,.75); }
body.sibertema .popup-container a .pp_slpr_verify{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(84,182,137,.18);
  border: 1px solid rgba(84,182,137,.35);
  color: #fff !important;
  float: none !important;
}
body.sibertema .popup-container a:hover .pp_slpr_verify{
  background: rgba(84,182,137,.24);
  border-color: rgba(84,182,137,.5);
}
body.sibertema .popup-container .pp_slpr_close{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}
body.sibertema .popup-container .pp_slpr_close i,
body.sibertema .popup-container .pp_slpr_close svg{
  color: rgba(226,232,240,.9) !important;
}
body.sibertema .popup-container .popup_slpr_content{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 4px 0 0;
}
body.sibertema .popup-container .popup_slpr_txt{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.sibertema .popup-container .popup_slpr_txt p{
  margin: 0 !important;
  color: rgba(226,232,240,.75) !important;
}
body.sibertema .popup-container .popup_slpr_wrap{ border-radius: 14px; }

@media (max-width: 480px){
  body.sibertema .popup-container .popup-box{
    width: 92vw !important;
    padding: 12px 12px 10px;
  }
  body.sibertema .popup-container a .pp_slpr_verify{
    width: 100%;
  }
}


/* Sprint v0.1.83: Legacy form başlık/label kontrast düzeltmesi
   - Sipariş sorgulama başlığı ("Sipariş Numaranız") gibi alanlarda
   - Gri arkaplan + gri/mavi font çakışmalarını giderir
   Not: yalnızca SiberTema scope (body.sibertema); klasik tema etkilenmez. */
body.sibertema .main-content.shop-page .form-group > label:not(.form-check-label):not(.custom-control-label),
body.sibertema .main-content.shop-page .md-form > label,
body.sibertema .main-content.shop-page .box-label label,
body.sibertema .main-content.shop-page-account .form-group > label:not(.form-check-label):not(.custom-control-label),
body.sibertema .main-content.shop-page-account .md-form > label,
body.sibertema .main-content.shop-page-account .box-label label{
  position: static !important;
  top: auto !important;
  left: auto !important;
  background: transparent !important;
  color: rgba(226, 232, 240, 0.92) !important;
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
  font-weight: 700 !important;
}

body.sibertema .main-content.shop-page label.active,
body.sibertema .main-content.shop-page-account label.active{
  background: transparent !important;
  color: rgba(226, 232, 240, 0.92) !important;
}

/* Sipariş Sorgulama: ekstra güvenlik (route-scope) */
body.sibertema.sm-route-siparissorgulama label{
  background: transparent !important;
}


/* =============================================================
   Sprint v0.1.88 — SiberTema Header Fix
   - Desktop menü yatay hizalama (logo yanında)
   - Details default marker (büyük aşağı ok) gizleme
   - Arama alanını container boyunca tam genişlikte sabitleme
   Not: yalnızca SiberTema scope (body.sibertema); klasik tema etkilenmez.
   ============================================================= */

/* Logo biraz daha büyük */
body.sibertema .sm-header-v2 .sm-logo img{
  height: 58px;
}

/* Header top satırı: logo | menü | menü butonu */
body.sibertema .sm-navbar-v2 .sm-navbar-top.sm-navbar-inner{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
}

/* Header bottom satırı: arama alanı full width */
body.sibertema .sm-navbar-v2 .sm-navbar-bottom.sm-navbar-inner{
  display: block;
  padding-top: 0;
  padding-bottom: 14px;
}

body.sibertema .sm-navbar-v2 .sm-navbar-bottom .sm-searchrow{
  width: 100%;
}

body.sibertema .sm-searchrow .sm-search-merged,
body.sibertema .sm-searchrow .sm-search-merged-wrap{
  flex: 1 1 auto;
  width: 100%;
}

/* Desktop ana menü: yatay */
body.sibertema .sm-mainnav{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 4px 0;
  scrollbar-width: thin;
}

body.sibertema .sm-mainnav::-webkit-scrollbar{ height: 6px; }
body.sibertema .sm-mainnav::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.12); border-radius: 999px; }

/* Mobile: nav gizli, hamburger görünür (önceki media-query'ler altta ezilmesin) */
@media (max-width: 900px){
  body.sibertema .sm-mainnav{ display: none; }
  body.sibertema .sm-header-v2 .sm-logo img{ height: 46px; }
}

/* Men... */
body.sibertema a.sm-navlink,
body.sibertema summary.sm-navlink{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.04);
  color: var(--sm-muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: border-color .12s ease, color .12s ease, background .12s ease, transform .12s ease;
}

body.sibertema a.sm-navlink:hover,
body.sibertema summary.sm-navlink:hover{
  border-color: var(--sm-accent);
  background: rgba(255,255,255,.06);
  color: var(--sm-text);
  transform: translateY(-1px);
}

/* Details default marker gizleme (büyük ok problemi) */
body.sibertema .sm-navdrop{ position: relative; }
body.sibertema .sm-navdrop > summary{ list-style: none; cursor: pointer; user-select: none; }
body.sibertema .sm-navdrop > summary::-webkit-details-marker{ display: none; }
body.sibertema .sm-navdrop > summary::marker{ content: ""; }

body.sibertema .sm-navlink-drop{ position: relative; padding-right: 34px; }
body.sibertema .sm-navdrop-caret{
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: .85;
}

body.sibertema .sm-navdrop[open] > summary{
  border-color: var(--sm-accent);
  background: rgba(255,255,255,.06);
  color: var(--sm-text);
}
body.sibertema .sm-navdrop[open] .sm-navdrop-caret{
  transform: translateY(-50%) rotate(180deg);
  opacity: 1;
}

/* Dropdown panel */
body.sibertema .sm-navdrop-panel{
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 240px;
  max-width: 340px;
  background: rgba(11,18,32,.96);
  border: 1px solid var(--sm-border);
  border-radius: 14px;
  box-shadow: var(--sm-shadow);
  padding: 8px;
  z-index: 2700;
}

body.sibertema .sm-navdrop[open] .sm-navdrop-panel{ display: block; }

body.sibertema .sm-navdrop-scroll{ max-height: 60vh; overflow: auto; display: grid; gap: 6px; }

body.sibertema .sm-navdrop-link{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px;
  border-radius: 12px;
  border: 1px solid transparent;
  color: rgba(226,232,240,.88);
  background: rgba(255,255,255,.02);
  text-decoration: none;
}

body.sibertema .sm-navdrop-link:hover{
  background: rgba(255,255,255,.06);
  border-color: var(--sm-border-2);
  color: var(--sm-text);
}

body.sibertema .sm-navdrop-empty{
  padding: 10px;
  color: var(--sm-muted);
  font-size: 13px;
}

/* =============================================================
   Sprint v0.1.89 — SiberTema Header Menü + Ürün Kartları
   - Header: menü linkleri yalınlaştır (buton çerçevesiz), dropdown görünür/işlevsel
   - Mobile: hamburger/toggle rengi beyaz
   - Anasayfa: ürün adı + fiyat satır taşınca kart boyu büyümesin (sabit yükseklik)
   - Hover aksiyonları (hızlı gözat / karşılaştır / favori): beyaz-beyaz çakışmasını gider
   ============================================================= */

/* Header: dropdown panelin "açılıyor ama görünmüyor" problemini önle (overflow clip) */
body.sibertema .sm-navbar-v2 .sm-navbar-top{ overflow: visible !important; }
body.sibertema .sm-mainnav{
  overflow: visible !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
}

/* Header: yalın link stili (çerçeveli pill buton görünümünü kaldır) */
body.sibertema a.sm-navlink,
body.sibertema summary.sm-navlink{
  padding: 10px 6px !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 10px !important;
  color: rgba(226,232,240,.86) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transform: none !important;
}

body.sibertema a.sm-navlink:hover,
body.sibertema summary.sm-navlink:hover{
  background: rgba(255,255,255,.06) !important;
  color: var(--sm-text) !important;
}

/* Dropdown caret için summary sağ padding */
body.sibertema .sm-navlink-drop{ padding-right: 34px !important; }

/* Dropdown: hover ile açılabilsin (desktop pointer) */
@media (hover: hover) and (pointer: fine){
  body.sibertema .sm-navdrop:hover > .sm-navdrop-panel{ display: block; }
  body.sibertema .sm-navdrop:hover > summary{
    background: rgba(255,255,255,.06) !important;
    color: var(--sm-text) !important;
  }
  body.sibertema .sm-navdrop:hover .sm-navdrop-caret{
    transform: translateY(-50%) rotate(180deg);
    opacity: 1;
  }
}

/* Mobile: menü toggle (hamburger) beyaz */
@media (max-width: 900px){
  body.sibertema .sm-menubtn{ color: #fff !important; }
  body.sibertema .sm-menubtn svg{ fill: currentColor !important; opacity: 1 !important; }
}

/* =============================================================
   Anasayfa ürün kartları: satır taşınca kart boyu büyümesin
   - Başlık: 2 satır clamp + sabit alan
   - Fiyat: 2 satır clamp + sabit alan
   ============================================================= */
body.sibertema.sm-route-index .shopify-section.product_section .product-collection__title h2 a{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  line-height: 1.2 !important;
  min-height: 2.4em !important;
  max-height: 2.4em !important;
}

body.sibertema.sm-route-index .shopify-section.product_section .product-collection__price{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  line-height: 1.2 !important;
  min-height: 2.4em !important;
  max-height: 2.4em !important;
}

/* =============================================================
   Hover aksiyonları: hızlı gözat / karşılaştır / favori
   Beyaz ürün görsellerinde ikonlar kaybolmasın
   ============================================================= */
body.sibertema.sm-route-index .shopify-section.product_section .product-item .group-button a{
  background: rgba(11,18,32,.72) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(226,232,240,.92) !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .product-item .group-button a svg{
  fill: currentColor !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .product-item .group-button a:hover,
body.sibertema.sm-route-index .shopify-section.product_section .product-item .group-button a.ajax_loading,
body.sibertema.sm-route-index .shopify-section.product_section .product-item .group-button a.btn--status[data-button-status=added]{
  background: color-mix(in srgb, var(--sm-accent) 72%, rgba(11,18,32,.88) 28%) !important;
  border-color: color-mix(in srgb, var(--sm-accent) 75%, rgba(255,255,255,.18) 25%) !important;
  color: #fff !important;
}

body.sibertema.sm-route-index .shopify-section.product_section .product-item .group-button a span.text,
body.sibertema.sm-route-index .shopify-section.product_section .product-item .group-button a span.added{
  background: rgba(11,18,32,.92) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
body.sibertema.sm-route-index .shopify-section.product_section .product-item .group-button a span.text:before,
body.sibertema.sm-route-index .shopify-section.product_section .product-item .group-button a span.added:before{
  background: rgba(11,18,32,.92) !important;
}


/* Touch cihazlar: hover overlay aksiyonları görünür olsun (mobilde kaybolmasın) */
@media (hover: none) and (pointer: coarse){
  body.sibertema.sm-route-index .shopify-section.product_section .product-item .product-image__overlay-bottom{
    opacity: 1 !important;
    visibility: visible !important;
    top: 10px !important;
    right: 10px !important;
  }

  body.sibertema.sm-route-index .shopify-section.product_section .product-item .group-button a{
    width: 42px !important;
    height: 42px !important;
  }

  /* Tooltip metinlerini mobilde ekrana basma (SR için erişilebilir kalsın) */
  body.sibertema.sm-route-index .shopify-section.product_section .product-item .group-button a span.text,
  body.sibertema.sm-route-index .shopify-section.product_section .product-item .group-button a span.added{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}

/* =============================================================
   Sprint v0.1.90 — Header hizalama + Mobil Drawer sadeleştirme
   - Mobil drawer içindeki arama kaldırıldı
   - Menü sırası masaüstü ile aynı
   - Alt menüler accordion (details) şeklinde
   - Mobilde header arama gizlenmesin (eski responsive kural override)
   ============================================================= */

/* Header: logo sol başlangıç, menü sağ bitiş, arama tam genişlik */
body.sibertema .sm-navbar-v2 .sm-navbar-top.sm-navbar-inner{
  grid-template-columns: auto 1fr auto !important;
}

body.sibertema .sm-navbar-v2 .sm-mainnav{
  justify-content: flex-end !important;
}

/* Masaüstünde menü: scroll container olmasın.
   Neden: overflow-x:auto -> scrollbar + dropdown panel clip sorunu (bazı tarayıcılarda menü 'açılmıyor' gibi görünür).
   Geniş ekranda zaten tek satır kalır; daralınca wrap olabilir. */
@media (min-width: 901px){
  body.sibertema .sm-navbar-v2 .sm-mainnav{
    flex-wrap: wrap !important;
    overflow: visible !important;
    min-width: 0;
  }
  /* Güvenlik: olası scrollbar'ı tamamen gizle */
  body.sibertema .sm-navbar-v2 .sm-mainnav{ scrollbar-width: none; }
  body.sibertema .sm-navbar-v2 .sm-mainnav::-webkit-scrollbar{ display: none; }
}

body.sibertema .sm-navbar-v2 .sm-navbar-bottom.sm-navbar-inner{
  display: block !important;
  width: 100% !important;
}

body.sibertema .sm-navbar-v2 .sm-navbar-bottom .sm-searchrow{
  width: 100% !important;
  max-width: 100% !important;
}

body.sibertema .sm-navbar-v2 .sm-navbar-bottom form.sm-search{
  width: 100% !important;
  max-width: 100% !important;
}

/* Eski responsive kural (max-width:992px) header aramasını gizliyordu; sadece v2 için geri aç */
@media (max-width: 992px){
  body.sibertema .sm-navbar-v2 .sm-navbar-bottom form.sm-search{
    display: flex !important;
  }
}

/* Drawer: Accordion menü */
body.sibertema .sm-drawer-links.sm-drawer-main{
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body.sibertema .sm-drawer-links.sm-drawer-main > a{
  border: 1px solid transparent;
}

body.sibertema .sm-drawer-divider{
  height: 1px;
  background: rgba(255,255,255,.14);
  margin: 10px 0;
  border-radius: 999px;
}

body.sibertema .sm-drawer-main details.sm-drawer-acc{
  border: 1px solid var(--sm-border-2);
  border-radius: calc(var(--sm-radius) - 8px);
  overflow: hidden;
  background: rgba(255,255,255,.03);
}

body.sibertema .sm-drawer-main details.sm-drawer-acc > summary{
  cursor: pointer;
  list-style: none;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--sm-text);
  font-weight: 750;
}

body.sibertema .sm-drawer-main details.sm-drawer-acc > summary:focus-visible{
  outline: 2px solid var(--sm-accent);
  outline-offset: -2px;
}


body.sibertema .sm-drawer-main details.sm-drawer-acc > summary::-webkit-details-marker{ display:none; }
body.sibertema .sm-drawer-main details.sm-drawer-acc > summary::marker{ content: ""; }

body.sibertema .sm-drawer-main details.sm-drawer-acc > summary::after{
  content: "▾";
  font-size: 14px;
  line-height: 1;
  opacity: .85;
  transition: transform .15s ease, opacity .15s ease;
}

body.sibertema .sm-drawer-main details.sm-drawer-acc[open] > summary::after{
  transform: rotate(180deg);
  opacity: 1;
}

body.sibertema .sm-drawer-main details.sm-drawer-acc > .sm-drawer-sub{
  padding: 8px 10px 10px;
  border-top: 1px solid var(--sm-border-2);
  display: grid;
  gap: 6px;
}

body.sibertema .sm-drawer-main details.sm-drawer-acc > .sm-drawer-sub a{
  padding: 9px 10px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--sm-border-2);
  border-radius: calc(var(--sm-radius) - 10px);
  color: var(--sm-muted);
}

body.sibertema .sm-drawer-main details.sm-drawer-acc > .sm-drawer-sub a:hover{
  color: var(--sm-text);
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.05);
}


/* =============================================================
   Sprint v0.1.91 — SiberTema Mobil Header + Dock İnce Ayarları
   - Mobil: logo ortalı ve daha büyük; hamburger en sağda
   - Header alt satırında (arama) gereksiz min-height/boşluk kaldır
   - Mobilde sol/sağ sabit CTA dock'ları orta hizadan çıkmasın
   Not: yalnızca SiberTema scope (body.sibertema); klasik tema etkilenmez.
   Author: Sibermimar (Güray Avcı)
   ============================================================= */

/* Header bottom (arama) satırında base .sm-navbar-inner min-height (72px) boşluk üretiyordu */
body.sibertema .sm-navbar-v2 .sm-navbar-bottom.sm-navbar-inner{
  min-height: 0 !important;
}

/* Mobil header: logo merkezde, menü butonu en sağda */
@media (max-width: 900px){
  body.sibertema .sm-navbar-v2 .sm-navbar-top.sm-navbar-inner{
    grid-template-columns: 1fr auto 1fr !important;
    gap: 10px !important;
  }

  body.sibertema .sm-navbar-v2 .sm-navbar-top .sm-logo{
    grid-column: 2 !important;
    justify-self: center !important;
    margin: 0 !important;
  }

  body.sibertema .sm-navbar-v2 .sm-navbar-top .sm-logo img{
    height: 54px !important;
    max-width: 62vw;
  }

  body.sibertema .sm-navbar-v2 .sm-navbar-top .sm-menubtn{
    grid-column: 3 !important;
    justify-self: end !important;
    margin-left: 0 !important;
  }

  /* Arama satırını sıkılaştır (header-body arasında "boşluk" hissi olmasın) */
  body.sibertema .sm-navbar-v2 .sm-navbar-bottom.sm-navbar-inner{
    padding-bottom: 8px !important;
  }

  body.sibertema .sm-navbar-v2 .sm-navbar-bottom .sm-searchrow{
    padding: 8px 0 10px !important;
  }
}

/* Küçük ekranlarda dock'lar altta toplanıyordu; kullanıcı talebi: orta hizadan kalsın */
@media (max-width: 680px){
  body.sibertema .sm-side-dock{
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
  }
  body.sibertema .sm-side-right{
    bottom: auto !important;
  }
}

body.sibertema .sm-drawer-links.sm-drawer-main a:focus-visible{
  outline: 2px solid var(--sm-accent);
  outline-offset: 2px;
}

/* =============================================================
   Sprint v0.1.95 — SiberTema (Header caret + Anasayfa Blog)
   - Header: dropdown okları (caret) yazıların üstüne binmesin; linkin yanında düzgün görünsün.
   - Anasayfa Blog: başlık hover rengi koyulaşıp okunmaz hale gelmesin + blog görseli görünür olsun.
   Not: sadece SiberTema scope (body.sibertema); klasik tema etkilenmez.
   ============================================================= */

/* Header dropdown caret: absolute konumlandırma bazı kombinasyonlarda yazıya biniyordu.
   Çözüm: caret'i inline (flow) kullan, padding-right şişirmesini kaldır. */
body.sibertema .sm-navdrop > summary.sm-navlink-drop{
  padding-right: 6px !important;
}

body.sibertema .sm-navdrop-caret{
  position: static !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 16px;
  height: 16px;
  opacity: .85;
  flex: 0 0 auto;
  margin-left: 6px;
  transition: transform .12s ease, opacity .12s ease;
}

body.sibertema details.sm-navdrop[open] > summary .sm-navdrop-caret{
  transform: rotate(180deg) !important;
  opacity: 1;
}

@media (hover: hover) and (pointer: fine){
  body.sibertema details.sm-navdrop:hover > summary .sm-navdrop-caret{
    transform: rotate(180deg) !important;
    opacity: 1;
  }
}

/* Bazı tarayıcılarda summary marker override'ı kaçabiliyor (çift ok görünümü). */
body.sibertema details.sm-navdrop > summary::-webkit-details-marker{ display: none !important; }
body.sibertema details.sm-navdrop > summary::marker{ content: ""; }

/* Anasayfa Blog: başlık hover'da siyaha düşmesin (özellikle t36/t37 kombinasyonlarında) */
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .post-title:hover{
  color: var(--sm-text) !important;
}

/* Anasayfa Blog: lazyload arka plan görselleri bazı durumlarda görünmüyordu (opacity/cover). */
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .image-blog a{
  display: block !important;
}

body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .image-blog .pr_lazy_img{
  display: block !important;
  width: 100%;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
}

body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .image-blog .pr_lazy_img.lazyload,
body.sibertema.sm-route-index .shopify-section.blog-style1 .post-item.post_laber_loop .image-blog .pr_lazy_img.lazyloading{
  opacity: 1 !important;
}


/* =============================================================
   Sprint v0.1.96 — SiberTema (Anasayfa Finder + Kategori/Marka + Statik Sayfalar)
   - Anasayfa “Araç Modeli ile Yedek Parça Bulunuz” bloğu: koyu tema uyumu + beyaz/beyaz çakışmaları gider.
   - Kategori slider + araç markaları kartları: yüzey/border/typography uyumu.
   - Statik sayfalar (Kurumsal/Ödeme/İade/Üyelik vb.): içerik kutusu premium köşeler + başlık kontrastı.
   Not: sadece SiberTema scope (body.sibertema); klasik tema etkilenmez.
   ============================================================= */

/* 1) Anasayfa: Araç modeli arama kutusu (finder) */
body.sibertema.sm-route-index .search-box{
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: calc(var(--sm-radius) + 4px) !important;
  box-shadow: var(--sm-shadow-sm) !important;
  color: var(--sm-text) !important;
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema.sm-route-index .search-box{
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}

body.sibertema.sm-route-index .search-box h5{
  color: var(--sm-text) !important;
  letter-spacing: -0.01em;
}

body.sibertema.sm-route-index .search-box p{
  color: var(--sm-muted) !important;
}

body.sibertema.sm-route-index .search-box .form-select{
  background: rgba(2,6,23,.55) !important;
  border: 1px solid rgba(148,163,184,.28) !important;
  color: var(--sm-text) !important;
  border-radius: calc(var(--sm-radius) - 6px) !important;
}

body.sibertema.sm-route-index .search-box .form-select:focus{
  border-color: rgba(14,165,233,.70) !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,.16) !important;
}

body.sibertema.sm-route-index .search-box .step-icon{
  background: linear-gradient(135deg, var(--sm-accent), color-mix(in srgb, var(--sm-accent) 40%, #111827 60%)) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 10px 22px rgba(2,6,23,.30);
}

body.sibertema.sm-route-index .search-box .btn-search{
  background: linear-gradient(135deg, var(--sm-accent), color-mix(in srgb, var(--sm-accent) 55%, #111827 45%)) !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: calc(var(--sm-radius) - 6px) !important;
}

body.sibertema.sm-route-index .search-box .btn-search:hover{
  filter: brightness(1.05);
}

/* 2) Anasayfa: Kategori alanı (inline style ile gelen beyaz zemin) */
body.sibertema.sm-route-index .cms_section.type_categories2,
body.sibertema.sm-route-index .cms_section.type_categories2 section,
body.sibertema.sm-route-index .cms_section.type_collection_list_slider,
body.sibertema.sm-route-index .cms_section.type_collection_list_slider section{
  background: transparent !important;
}

/* SiberTema: Kategori slider (collection_list) spacing/typography uyumu */
body.sibertema.sm-route-index .cms_section.type_collection_list_slider .collection_featured,
body.sibertema.sm-route-index .cms_section.type_collection_list_slider .collection-list-featured,
body.sibertema.sm-route-index .cms_section.type_collection_list_slider .content_section{
  background: transparent !important;
}

body.sibertema.sm-route-index .cms_section.type_collection_list_slider .collection_featured{
  padding-top: 6px;
}
body.sibertema.sm-route-index .cms_section.type_collection_list_slider .post-item.post_laber_loop{
  padding: 0 2px;
}

body.sibertema.sm-route-index .cms_section.type_categories2 .cat_grid_item,
body.sibertema.sm-route-index .cms_section.type_collection_list_slider .cat_grid_item{
  border-radius: var(--sm-radius) !important;
  overflow: hidden;
  background: rgba(15,23,42,.62) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  box-shadow: 0 12px 24px rgba(2,6,23,.28);
}

body.sibertema.sm-route-index .cms_section.type_categories2 .cat_grid_item__content,
body.sibertema.sm-route-index .cms_section.type_collection_list_slider .cat_grid_item__content{
  position: relative;
}

/* Yazı okunurluğu için hafif overlay (özellikle açık renk görsellerde) */
body.sibertema.sm-route-index .cms_section.type_categories2 .cat_grid_item__content::after,
body.sibertema.sm-route-index .cms_section.type_collection_list_slider .cat_grid_item__content::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(2,6,23,.55);
  pointer-events: none;
}

body.sibertema.sm-route-index .cms_section.type_categories2 .cat_grid_item__wrapper,
body.sibertema.sm-route-index .cms_section.type_collection_list_slider .cat_grid_item__wrapper{
  position: relative;
  z-index: 1;
}

body.sibertema.sm-route-index .cms_section.type_categories2 .cat_grid_item__title a,
body.sibertema.sm-route-index .cms_section.type_collection_list_slider .cat_grid_item__title a{
  color: var(--sm-text) !important;
  text-shadow: 0 6px 18px rgba(2,6,23,.55);
}

body.sibertema.sm-route-index .cms_section.type_categories2 .cat_grid_item__title a:hover,
body.sibertema.sm-route-index .cms_section.type_collection_list_slider .cat_grid_item__title a:hover{
  color: var(--sm-accent-2) !important;
}

body.sibertema.sm-route-index .cms_section.type_categories2 .cat_grid_item__count,
body.sibertema.sm-route-index .cms_section.type_collection_list_slider .cat_grid_item__count{
  color: rgba(226,232,240,.78) !important;
}

/* 3) Anasayfa: Araç markaları (brand-card) */
body.sibertema.sm-route-index .metinkismi{
  max-width: var(--sm-container);
  margin: 18px auto 26px;
  padding: 18px var(--sm-pad);
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: calc(var(--sm-radius) + 4px) !important;
  box-shadow: var(--sm-shadow-sm) !important;
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema.sm-route-index .metinkismi{
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}

body.sibertema.sm-route-index .metinkismi .title{
  color: var(--sm-text) !important;
  margin: 0 0 14px;
  text-align: center;
  font-weight: 900;
  letter-spacing: -0.02em;
  font-size: clamp(18px, 2.2vw, 26px);
}

body.sibertema.sm-route-index .aracmarkalari{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}

body.sibertema.sm-route-index .brand-card{
  background: rgba(15,23,42,.72) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: var(--sm-radius) !important;
  box-shadow: 0 12px 24px rgba(2,6,23,.24) !important;
  overflow: hidden;
}

body.sibertema.sm-route-index .brand-card a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 12px;
}

body.sibertema.sm-route-index .brand-logo{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 10px 8px;
  border-radius: calc(var(--sm-radius) - 8px);
  background: rgba(2,6,23,.55);
  border: 1px solid rgba(148,163,184,.20);
}

body.sibertema.sm-route-index .brand-logo img{
  max-height: 56px;
  width: auto;
  object-fit: contain;
}

body.sibertema.sm-route-index .brand-name{
  color: #e2e8f0 !important;
  font-weight: 800;
  font-size: 13px;
  text-align:center;
}

body.sibertema.sm-route-index .brand-card:hover{
  border-color: rgba(14,165,233,.55) !important;
  transform: translateY(-1px);
}

/* 4) Statik sayfalar: dış sarmal beyaz zeminleri nötrle + başlık kontrastı */
body.sibertema.sm-route-sayfa .main-content.shop-page.main-content-blog,
body.sibertema.sm-route-kullanimkosullari .main-content.shop-page.main-content-blog,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .main-content.shop-page.main-content-blog{
  background: transparent !important;
}

/* =============================================================
   Sprint v0.1.103 — SiberTema (Inline beyaz zemin temizliği)
   - Ödeme sonuç sayfaları (contact-page) inline beyaz zeminleri nötrle.
   - Üye/hesap sayfaları block-page-login kartlarını tema yüzeyine al.
   - Şase arama kartı ve karşılaştırma sayfası wrapper'ı için koyu zemin.
   ============================================================= */

body.sibertema .cms_section.contact-page{
  background: transparent !important;
}

body.sibertema .block-page-login{
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: calc(var(--sm-radius) + 2px) !important;
  box-shadow: var(--sm-shadow-sm) !important;
}

body.sibertema .sm-sase-card{
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: calc(var(--sm-radius) - 6px) !important;
}

body.sibertema #shopify-section-products-compare{
  background: transparent !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 rgba(255,255,255,.08);
  padding-bottom: 12px;
  margin-bottom: 14px;
}

body.sibertema.sm-route-sayfa .content-blog .cms-group-title h3.blog a,
body.sibertema.sm-route-kullanimkosullari .content-blog .cms-group-title h3.blog a,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .content-blog .cms-group-title h3.blog a{
  color: var(--sm-muted) !important;
}

body.sibertema.sm-route-sayfa .content-blog .cms-group-title h1 a,
body.sibertema.sm-route-kullanimkosullari .content-blog .cms-group-title h1 a,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .content-blog .cms-group-title h1 a{
  color: var(--sm-text) !important;
}

body.sibertema.sm-route-sayfa .content-blog .post-item,
body.sibertema.sm-route-kullanimkosullari .content-blog .post-item,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .content-blog .post-item,
body.sibertema.sm-route-sayfa .content-blog .post-info,
body.sibertema.sm-route-kullanimkosullari .content-blog .post-info,
body.sibertema.sm-route-mesafeli-satis-sozlesmesi .content-blog .post-info{
  background: transparent !important;
}

/* 5) Banka Bilgilerimiz: tablo (inline beyaz zemin) tema uyumu */
body.sibertema.sm-route-bankabilgilerimiz table.table{
  background: var(--sm-surface) !important;
  color: var(--sm-text) !important;
  border-color: rgba(148,163,184,.22) !important;
  border-radius: var(--sm-radius) !important;
  overflow: hidden;
}

body.sibertema.sm-route-bankabilgilerimiz table.table th,
body.sibertema.sm-route-bankabilgilerimiz table.table td{
  color: var(--sm-text) !important;
  border-color: rgba(148,163,184,.22) !important;
}

body.sibertema.sm-route-bankabilgilerimiz table.table thead th{
  background: rgba(255,255,255,.08) !important;
}


/* =============================================================
   Sprint v0.1.97 — SiberTema (Ürün kartı hover aksiyonları)
   - Ürün kartı hover tooltip: uzun metinlerde taşma/clip (özellikle "Karşılaştırma Listeme Ekle") düzeltildi.
   - "Hızlı Görüntüle" butonu: ürün sayfasına gitmek yerine light modal içinde ürün detayını gösterir.
   Not: SiberTema scope (body.sibertema). Klasik tema etkilenmez.
   ============================================================= */

/* 1) Ürün kartı hover tooltip (Favori/Karşılaştır/Önizleme) — taşma/clip önle */
body.sibertema .product-item .group-button a span.text,
body.sibertema .product-item .group-button a span.added{
  max-width: none;
  width: max-content;
  min-width: max-content;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  height: auto !important;
  padding: 6px 10px !important;
  text-transform: none !important;
  overflow-wrap: normal;
  word-break: normal;
}

body.sibertema .product-item .group-button a span.text:before,
body.sibertema .product-item .group-button a span.added:before{
  top: 50% !important;
}

/* =============================================================
   Sprint v0.1.99 — SiberTema (Hover tooltip + Karşılaştırma sayfası)
   - Anasayfa ürün kartı hover tooltip metni: yatay ve çerçeve dışına taşabilir.
   - Karşılaştırma sayfası: başlık kontrastı + profesyonel, ortalanmış düzen.
   ============================================================= */

/* 1) Ürün kartı hover tooltip: dışa taşma ve yatay metin */
body.sibertema .product-item .product-collection__image,
body.sibertema .product-item .product-image__overlay-bottom{
  overflow: visible !important;
}
body.sibertema .product-item .product-collection__image a.image_product{
  overflow: hidden !important;
}
body.sibertema .product-item .group-button a span.text,
body.sibertema .product-item .group-button a span.added{
  max-width: 240px;
  writing-mode: horizontal-tb;
  text-orientation: mixed;
}

/* 2) Genel başlık satırı kontrastı (index dışı sayfalar) */
body.sibertema:not(.sm-route-index) .wrap_title{
  background: transparent !important;
  margin: 0 0 18px !important;
}
body.sibertema:not(.sm-route-index) .wrap_title .section-title{
  color: var(--sm-text) !important;
  font-weight: 800 !important;
  letter-spacing: -0.3px;
}

/* 3) Karşılaştırma sayfası düzeni */
body.sibertema.sm-route-urunkarsilastirma #shopify-section-products-compare{
  background: transparent !important;
}
body.sibertema.sm-route-urunkarsilastirma .compare{
  background: transparent;
}
body.sibertema.sm-route-urunkarsilastirma .compare .container{
  width: 100%;
  max-width: min(1200px, 94vw);
  margin: 0 auto;
  padding: 18px !important;
  background: var(--sm-surface);
  border: 1px solid var(--sm-border-2);
  border-radius: var(--sm-radius);
  box-shadow: var(--sm-shadow);
  overflow-x: auto;
}
body.sibertema.sm-route-urunkarsilastirma .compare table{
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
}
body.sibertema.sm-route-urunkarsilastirma .compare table td{
  border: 0 !important;
}
body.sibertema.sm-route-urunkarsilastirma .compare td{
  vertical-align: top;
  padding: 10px 12px;
}
body.sibertema.sm-route-urunkarsilastirma .compare__title{
  min-width: 180px;
  color: var(--sm-text);
  font-weight: 800;
  background: rgba(15,23,42,.6);
  border: 1px solid var(--sm-border-2);
  border-radius: 12px;
  position: sticky;
  left: 0;
  z-index: 3;
}
body.sibertema.sm-route-urunkarsilastirma .compare__title h3{
  margin: 0;
  color: inherit;
}
body.sibertema.sm-route-urunkarsilastirma .compare__items{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 280px);
  gap: 12px;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 4px;
}
body.sibertema.sm-route-urunkarsilastirma .compare__item{
  width: 100%;
  min-width: 0;
  background: rgba(15,23,42,.6);
  border: 1px solid var(--sm-border-2);
  border-radius: 14px;
  padding: 12px;
  color: var(--sm-text);
}
body.sibertema.sm-route-urunkarsilastirma .product-compare{
  background: transparent;
  border: 0;
}
body.sibertema.sm-route-urunkarsilastirma .product-compare__image .main-img{
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: #fff;
}
body.sibertema.sm-route-urunkarsilastirma .product-compare__title h2 a{
  color: var(--sm-text) !important;
}
body.sibertema.sm-route-urunkarsilastirma .product-compare__remove{
  background: rgba(239,68,68,.18);
  border: 1px solid rgba(239,68,68,.35);
  color: #fff;
  border-radius: 10px;
}
body.sibertema.sm-route-urunkarsilastirma .product-compare__remove:hover{
  background: rgba(239,68,68,.3);
}
body.sibertema.sm-route-urunkarsilastirma .compare__item p,
body.sibertema.sm-route-urunkarsilastirma .compare__item span,
body.sibertema.sm-route-urunkarsilastirma .compare__item a{
  color: var(--sm-text) !important;
}
body.sibertema.sm-route-urunkarsilastirma .compare__item .krgm{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.12);
  color: var(--sm-text);
}
body.sibertema.sm-route-urunkarsilastirma .js_categories_content > .container{
  max-width: min(1200px, 94vw);
  margin: 0 auto;
}
body.sibertema.sm-route-urunkarsilastirma .compare_content{
  display: block;
}
@media (max-width: 768px){
  body.sibertema.sm-route-urunkarsilastirma .compare .container{
    padding: 14px !important;
  }
  body.sibertema.sm-route-urunkarsilastirma .compare__title{
    min-width: 140px;
  }
}

/* 4) Favoriler sayfası: ortalama + kart görünümü */
body.sibertema.sm-route-favorilerim .js_categories_content > .container{
  max-width: min(1200px, 94vw);
  margin: 0 auto;
}
body.sibertema.sm-route-favorilerim .wrap_title{
  background: var(--sm-surface);
  border: 1px solid var(--sm-border-2);
  border-radius: 14px;
  padding: 12px 14px;
}
body.sibertema.sm-route-favorilerim .wrap_title .section-title{
  color: var(--sm-text) !important;
}
body.sibertema.sm-route-favorilerim #collection-product{
  width: 100%;
}
body.sibertema.sm-route-favorilerim .product-collection{
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: var(--sm-radius) !important;
  box-shadow: var(--sm-shadow-sm) !important;
  overflow: hidden !important;
}
body.sibertema.sm-route-favorilerim .product-collection__image{
  background: #fff !important;
  border-bottom: 1px solid rgba(2,6,23,.10) !important;
}
body.sibertema.sm-route-favorilerim .product-collection__content{
  background: transparent !important;
  padding: 12px 12px 14px !important;
}

/* 2) Hızlı Görüntüle (Quick View) modal */
body.sibertema .sm-qv-modal{
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  z-index: 3200;
  background: rgba(2,6,23,.72);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema .sm-qv-modal{
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
}

body.sibertema .sm-qv-modal.active{
  opacity: 1;
  pointer-events: auto;
}

body.sibertema .sm-qv-dialog{
  width: min(980px, 100%);
  max-height: min(84vh, 860px);
  background: rgba(8,13,24,.96);
  border: 1px solid var(--sm-border-2);
  border-radius: calc(var(--sm-radius) + 4px);
  box-shadow: var(--sm-shadow-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

body.sibertema .sm-qv-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  background: rgba(2,6,23,.68);
  border-bottom: 1px solid rgba(148,163,184,.18);
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema .sm-qv-head{
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

body.sibertema .sm-qv-title{
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--sm-text);
}

body.sibertema .sm-qv-head-actions{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

body.sibertema .sm-qv-open{
  color: var(--sm-accent-2);
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}

body.sibertema .sm-qv-open:hover{
  color: var(--sm-accent);
}

body.sibertema .sm-qv-close{
  width: 38px;
  height: 38px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.26);
  background: rgba(255,255,255,.06);
  color: var(--sm-text);
}

body.sibertema .sm-qv-close:hover{
  border-color: rgba(14,165,233,.55);
  background: rgba(255,255,255,.10);
}

body.sibertema .sm-qv-body{
  padding: 14px;
  overflow: auto;
}

body.sibertema .sm-qv-body .sm-pdp-grid{
  margin: 0;
}

body.sibertema .sm-qv-loading{
  padding: 26px 12px;
  text-align: center;
  color: var(--sm-muted);
}

body.sibertema .sm-qv-error{
  padding: 22px 12px;
  text-align: center;
  color: var(--sm-muted);
}

@media (max-width: 640px){
  body.sibertema .sm-qv-body{ padding: 10px; }
  body.sibertema .sm-qv-dialog{ max-height: 90vh; }
}


/* ==========================================================================
   Sprint v0.1.116 — Mobil Alt Menü + Mobil Taşma Düzeltmeleri (SiberTema)
   Amaç:
   - Mobilde ortayı kapatan sabit butonları sayfanın en altına taşı (Sepet/Hesap/Bayi + Tel/WhatsApp)
   - Sepet/ürün/stati̇k sayfalarda mobilde kayma/taşmayı azalt
   ========================================================================== */

body.sibertema .sm-mobilebar{
  display:none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2601;
  padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
  background: rgba(11,18,32,.78);
  border-top: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 -12px 30px rgba(2,6,23,.26);
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema .sm-mobilebar{
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}
body.sibertema .sm-mobilebar-inner{
  max-width: 1200px;
  margin: 0 auto;
  display:flex;
  gap: 6px;
  align-items: stretch;
  justify-content: space-between;
}

body.sibertema .sm-mbar-item{
  flex: 1 1 0;
  min-width: 0;
  position: relative;
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 6px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: var(--sm-text);
  text-decoration: none;
  text-align:center;
  -webkit-tap-highlight-color: transparent;
}
body.sibertema .sm-mbar-item:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.16);
}
body.sibertema .sm-mbar-ic{
  width: 22px;
  height: 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: currentColor;
  opacity:.95;
}
body.sibertema .sm-mbar-ic svg{
  width: 22px;
  height: 22px;
  fill: currentColor;
}
body.sibertema .sm-mbar-title{
  font-size: 11px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.2px;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
body.sibertema .sm-mbar-sub{
  font-size: 10px;
  color: var(--sm-muted);
  line-height: 1.1;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
body.sibertema .sm-mbar-badge{
  position:absolute;
  top: 6px;
  right: 10px;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(124,58,237,.95), rgba(59,130,246,.95));
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 6px 16px rgba(2,6,23,.22);
}

/* Mobilde (telefon+tablet) sabit butonlar alt menüye taşınır */
@media (max-width: 992px){
  body.sibertema .sm-mobilebar{ display:block; }
  body.sibertema .sm-side-dock{ display:none !important; }
  body.sibertema .sm-fab-dock{ display:none !important; }

  /* Alt menü içerik üzerine binmesin */
  body.sibertema #smPage{
    padding-bottom: calc(88px + env(safe-area-inset-bottom));
  }

  /* Uzun metin/URL gibi içerikler mobilde taşmasın */
  body.sibertema .sm-prose{
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

/* Sepet / PDP sticky bar varsa: alt menüyü üstüne al */
@media (max-width: 992px){
  body.sibertema.sm-has-stickybar .sm-mobilebar,
  body.sibertema.sm-has-checkout-bar .sm-mobilebar{
    bottom: calc(86px + env(safe-area-inset-bottom));
  }

  body.sibertema.sm-has-stickybar #smPage,
  body.sibertema.sm-has-checkout-bar #smPage{
    padding-bottom: calc(170px + env(safe-area-inset-bottom));
  }
}

/* Çok küçük ekranlarda alt menüyü sıkılaştır */
@media (max-width: 520px){
  body.sibertema .sm-mbar-item{ padding: 10px 4px; }
  body.sibertema .sm-mbar-sub{ display:none; }
}

/* iOS safe-area uyumu: PDP ve Sepet sabit barları */
@media (max-width: 768px){
  body.sibertema .sm-pdp-stickybar{
    bottom: calc(12px + env(safe-area-inset-bottom));
  }
}
body.sibertema .sm-checkout-bar{
  padding-bottom: calc(10px + env(safe-area-inset-bottom));
}


/* =============================================================
   Sprint v0.1.117 (SiberTema)
   - Arama ve legacy ürün liste sayfalarında grid (kutu kutu) görünüm
   - Statik sayfalar (single-blog) kontrast: lacivert üstünde lacivert sorunu
   - Üye/Bayi giriş-kayıt: form kartları + modal/etiket kontrast rötuşları
   ============================================================= */

/* 1) Ürün liste grid: base.css yüklenmese bile .product-grid-container içindeki kartlar grid olsun */
body.sibertema .product-grid-container .collection{
  display: grid;
  gap: 14px;
  padding: 0;
  margin: 0;
}
/* Varsayılan kolonlar */
body.sibertema .product-grid-container.grid-5-style .collection{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
body.sibertema .product-grid-container.grid-4-style .collection{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.sibertema .product-grid-container:not(.grid-4-style):not(.grid-5-style) .collection{ grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media (max-width: 1200px){
  body.sibertema .product-grid-container.grid-5-style .collection{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.sibertema .product-grid-container.grid-4-style .collection{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 992px){
  body.sibertema .product-grid-container.grid-5-style .collection,
  body.sibertema .product-grid-container.grid-4-style .collection,
  body.sibertema .product-grid-container:not(.grid-4-style):not(.grid-5-style) .collection{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 680px){
  body.sibertema .product-grid-container.grid-5-style .collection,
  body.sibertema .product-grid-container.grid-4-style .collection,
  body.sibertema .product-grid-container:not(.grid-4-style):not(.grid-5-style) .collection{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 420px){
  body.sibertema .product-grid-container.grid-5-style .collection,
  body.sibertema .product-grid-container.grid-4-style .collection,
  body.sibertema .product-grid-container:not(.grid-4-style):not(.grid-5-style) .collection{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/* Kart görünümü */
body.sibertema .product-grid-container .product-item{
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}
body.sibertema .product-grid-container .product-collection{
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: var(--sm-radius) !important;
  overflow: hidden;
  box-shadow: var(--sm-shadow-sm) !important;
}

/* Görsel alanı */
body.sibertema .product-grid-container .product-collection__image{
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body.sibertema .product-grid-container .product-collection__image .ratio{
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: rgba(2,6,23,.35);
}
body.sibertema .product-grid-container .product-collection__image img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

/* İçerik */
body.sibertema .product-grid-container .product-collection__content{
  padding: 12px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
}
body.sibertema .product-grid-container .product-collection__title h2{
  margin: 0 !important;
  font-size: 14px;
  line-height: 1.25;
}
body.sibertema .product-grid-container .product-collection__title h2 a{
  color: var(--sm-text) !important;
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 2.5em;
}
body.sibertema .product-grid-container .product-collection__title h2 a:hover{
  color: var(--sm-accent-2) !important;
}

body.sibertema .product-grid-container .product-collection__availability{
  margin-top: -2px;
}
body.sibertema .product-grid-container .product-collection__availability .in_stock,
body.sibertema .product-grid-container .product-collection__availability .out_stock{
  margin: 0 !important;
  font-size: 12px;
}

/* Fiyat */
body.sibertema .product-grid-container .product-collection__price{
  font-weight: 900;
}
body.sibertema .product-grid-container .product-collection__price,
body.sibertema .product-grid-container .product-collection__price *{
  color: var(--sm-text) !important;
}

/* CTA */
body.sibertema .product-grid-container .button-cart-bottom{
  margin-top: auto;
  padding-top: 6px;
}
body.sibertema .product-grid-container .button-cart-bottom .add-to-cart{
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(34,197,94,.92), rgba(14,165,233,.82)) !important;
  color: #fff !important;
  border: 0 !important;
  text-decoration: none !important;
  font-weight: 900;
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}
body.sibertema .product-grid-container .button-cart-bottom .add-to-cart:hover{
  filter: brightness(1.05);
}

/* 2) Statik sayfalar (single-blog) kontrast fix:
   Önceki bazı kurallar .content-blog içine koyu font basıyordu; Sibertema'da bu alanı tekrar koyu tema yüzeyine alıyoruz. */
body.sibertema .main-content.shop-page.main-content-blog.single-blog .content-blog,
body.sibertema .main-content.shop-page.main-content-blog.single-blog .post-item .post-info{
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border-2) !important;
  border-radius: var(--sm-radius) !important;
  color: var(--sm-text) !important;
}
body.sibertema .main-content.shop-page.main-content-blog.single-blog .content-blog *,
body.sibertema .main-content.shop-page.main-content-blog.single-blog .post-item .post-info *{
  color: inherit !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: var(--sm-accent-2) !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 .post-item .post-info a[href]:hover{
  text-decoration: underline;
}

/* 3) Üye/Bayi giriş-kayıt: iki kolon form bloklarını ayrı kart gibi göster */
body.sibertema.sm-route-uyeol .login-register-form #register-form,
body.sibertema.sm-route-bayiol .login-register-form #register-form{
  background: rgba(2,6,23,.38) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 14px;
  padding: 18px;
}
body.sibertema.sm-route-uyeol .login-register-form .col-xs-12,
body.sibertema.sm-route-bayiol .login-register-form .col-xs-12{
  margin-bottom: 14px;
}

/* Checkbox/kontrat metni okunurluğu */
body.sibertema.sm-route-uyeol .login-page .forgot-holder,
body.sibertema.sm-route-bayiol .login-page .forgot-holder{
  color: rgba(226,232,240,.78) !important;
}
body.sibertema.sm-route-uyeol #myBtn,
body.sibertema.sm-route-bayiol #myBtn{
  text-decoration: underline;
  cursor: pointer;
}

/* Üyelik sözleşmesi modalı (inline beyaz stilleri bastır) */
body.sibertema.sm-route-uyeol .modal-content,
body.sibertema.sm-route-bayiol .modal-content{
  background: rgba(15,23,42,.96) !important;
  color: var(--sm-text) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 16px;
}
body.sibertema.sm-route-uyeol .modal-content .modal-header,
body.sibertema.sm-route-bayiol .modal-content .modal-header{
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
body.sibertema.sm-route-uyeol .modal-content .modal-title,
body.sibertema.sm-route-bayiol .modal-content .modal-title{
  color: var(--sm-text) !important;
}
body.sibertema.sm-route-uyeol .modal-content .close,
body.sibertema.sm-route-bayiol .modal-content .close{
  color: rgba(226,232,240,.9) !important;
  opacity: .9;
}
body.sibertema.sm-route-uyeol .modal-content .close:hover,
body.sibertema.sm-route-bayiol .modal-content .close:hover{ opacity: 1; }

/* ------------------------------------------------------
   Sprint v0.1.125 — Arama Başlığı + Favoriler Ortala (SiberTema)
   Amaç: Arama sonuç header'ı ortalı/oturaklı + Favoriler grid'ini yatayda ortala
------------------------------------------------------ */

/* 1) Arama sonuçları: başlık alanını merkezle + formu düzgün hizala */
body.sibertema.sm-route-arama .sm-search-head{
  flex-direction: column;
  align-items: center;
  text-align: center;
}
body.sibertema.sm-route-arama .sm-search-head .sm-breadcrumb{
  justify-content: center !important;
}
body.sibertema.sm-route-arama .sm-search-tools{
  width: 100%;
  justify-content: center !important;
}
body.sibertema.sm-route-arama .sm-search-form{
  width: 100%;
  display:flex;
  justify-content: center !important;
}
body.sibertema.sm-route-arama .sm-search-row{
  width: 100%;
  max-width: min(860px, 100%);
  display: grid;
  grid-template-columns: 1fr 220px auto;
  gap: 10px;
  align-items: center;
}
body.sibertema.sm-route-arama .sm-search-input{ min-width: 0; }
body.sibertema.sm-route-arama .sm-search-btn{ white-space: nowrap; }

@media (max-width: 768px){
  body.sibertema.sm-route-arama .sm-search-row{
    grid-template-columns: 1fr;
  }
  body.sibertema.sm-route-arama .sm-search-btn{
    width: 100%;
  }
}

/* 2) Favorilerim: ürün kartlarını satır içinde ortala (az ürün varsa sola yapışmasın) */
body.sibertema.sm-route-favorilerim .wrap_title{ text-align: center; }
body.sibertema.sm-route-favorilerim #product-grid{
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
}
body.sibertema.sm-route-favorilerim #product-grid .product-item{
  flex: 0 0 auto;
}


/* v0.1.129 — Karşılaştırmalar: başlık ve gövde ortalama rötuş */
body.sibertema.sm-route-urunkarsilastirma .wrap_title{ text-align: center; }


/* =============================================================
   Sprint v0.1.129 — Ödeme Sonuç Kartı (PayTR/Iyzico/Shopier)
   ---------------------------------------------------------
   - Excel benzeri border'ları kaldırır
   - Lacivert arka planda okunabilir, tema uyumlu kart tasarımı
   - Mobilde tek kolon
   ============================================================= */

body.sibertema .sm-pay-result{
  max-width: min(760px, 96vw);
  margin: 18px auto;
  background: var(--sm-surface);
  border: 1px solid var(--sm-border-2);
  border-radius: var(--sm-radius);
  box-shadow: var(--sm-shadow);
  overflow: hidden;
}
body.sibertema .sm-pay-result__head{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 16px 14px;
  background: linear-gradient(135deg, rgba(14,165,233,.22), rgba(99,102,241,.18), rgba(56,189,248,.14));
  border-bottom: 1px solid var(--sm-border-2);
}
body.sibertema .sm-pay-result--error .sm-pay-result__head{
  background: linear-gradient(135deg, rgba(239,68,68,.22), rgba(99,102,241,.10), rgba(2,6,23,.10));
}
body.sibertema .sm-pay-result__icon{
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(255,255,255,.10);
  border: 1px solid var(--sm-border-2);
  color: var(--sm-text);
}
body.sibertema .sm-pay-result--success .sm-pay-result__icon{
  background: rgba(34,197,94,.18);
  border-color: rgba(34,197,94,.35);
}
body.sibertema .sm-pay-result--error .sm-pay-result__icon{
  background: rgba(239,68,68,.18);
  border-color: rgba(239,68,68,.35);
}
body.sibertema .sm-pay-result__icon i{ font-size: 20px; line-height: 1; }

body.sibertema .sm-pay-result__titles h2{
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.3px;
  color: var(--sm-text);
}
body.sibertema .sm-pay-result__titles p{
  margin: 6px 0 0;
  color: var(--sm-muted);
  font-weight: 500;
}
body.sibertema .sm-pay-result__titles strong{
  color: var(--sm-text);
  font-weight: 800;
}

body.sibertema .sm-pay-result__body{
  padding: 14px 16px 16px;
}

body.sibertema .sm-pay-result__note{
  background: rgba(15,23,42,.55);
  border: 1px solid var(--sm-border-2);
  border-radius: 14px;
  padding: 12px 12px;
  color: var(--sm-muted);
  margin-bottom: 12px;
}
body.sibertema .sm-pay-result__note p{ margin: 0; color: var(--sm-muted); }
body.sibertema .sm-pay-result__note a{ color: var(--sm-accent-2); text-decoration: none; }
body.sibertema .sm-pay-result__note a:hover{ text-decoration: underline; }

body.sibertema .sm-pay-result__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}
body.sibertema .sm-pay-result__item{
  background: rgba(15,23,42,.55);
  border: 1px solid var(--sm-border-2);
  border-radius: 14px;
  padding: 10px 12px;
  min-width: 0;
}
body.sibertema .sm-pay-result__item--full{ grid-column: 1 / -1; }
body.sibertema .sm-pay-result__label{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--sm-muted-2);
  font-weight: 700;
}
body.sibertema .sm-pay-result__value{
  margin-top: 6px;
  color: var(--sm-text);
  font-weight: 700;
  word-break: break-word;
}

body.sibertema .sm-pay-result__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

@media (max-width: 640px){
  body.sibertema .sm-pay-result__grid{ grid-template-columns: 1fr; }
}

/* ========== Compare (Modern) — Sprint v0.1.131 ========== */
body.sibertema.sm-route-urunkarsilastirma .sm-compare-wrap{
  margin-top: 16px;
  padding: 0;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-scroll{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 860px;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table th,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table td{
  padding: 14px;
  border-bottom: 1px solid var(--sm-border-2);
  vertical-align: top;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table th{
  position: sticky;
  left: 0;
  z-index: 2;
  width: 200px;
  min-width: 180px;
  max-width: 240px;
  background: var(--sm-surface);
  color: var(--sm-muted-2);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-table td{
  min-width: 260px;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-row-last th,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-row-last td{
  border-bottom: 0;
}

body.sibertema.sm-route-urunkarsilastirma .sm-compare-product{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-remove{
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid var(--sm-border-2);
  background: rgba(2,6,23,.35);
  color: var(--sm-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-remove:hover{
  border-color: rgba(239,68,68,.55);
  background: rgba(239,68,68,.12);
  color: #fff;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-remove:active{
  transform: translateY(1px);
}

body.sibertema.sm-route-urunkarsilastirma .sm-compare-img{
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--sm-border-2);
  background: rgba(255,255,255,.03);
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-img img{
  width: 100%;
  height: 180px;
  object-fit: contain;
  padding: 10px;
  display: block;
}

body.sibertema.sm-route-urunkarsilastirma .sm-compare-name{
  font-weight: 900;
  line-height: 1.2;
  color: var(--sm-text);
  word-break: break-word;
}

body.sibertema.sm-route-urunkarsilastirma .sm-compare-price{
  font-weight: 900;
  color: #fff;
}

body.sibertema.sm-route-urunkarsilastirma .sm-compare-stock{
  font-weight: 800;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-stock.in{ color: #22c55e; }
body.sibertema.sm-route-urunkarsilastirma .sm-compare-stock.out{ color: #f97316; }

body.sibertema.sm-route-urunkarsilastirma .sm-compare-code{
  color: var(--sm-text);
  font-weight: 700;
  word-break: break-word;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-muted{ color: var(--sm-muted); }

body.sibertema.sm-route-urunkarsilastirma .sm-compare-desc{
  border: 1px solid var(--sm-border-2);
  border-radius: 14px;
  background: rgba(255,255,255,.03);
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-desc summary{
  padding: 12px 12px;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-desc .sm-desc-more{
  margin-top: 8px;
  font-size: 12px;
  color: var(--sm-accent-2);
  font-weight: 800;
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-prose{
  padding: 12px 12px 14px;
  border-top: 1px solid var(--sm-border-2);
}
body.sibertema.sm-route-urunkarsilastirma .sm-compare-prose *{ max-width: 100%; }

@media (max-width: 640px){
  body.sibertema.sm-route-urunkarsilastirma .sm-compare-table{
    min-width: 760px;
  }
  body.sibertema.sm-route-urunkarsilastirma .sm-compare-table th{
    width: 160px;
    min-width: 150px;
  }
  body.sibertema.sm-route-urunkarsilastirma .sm-compare-img img{
    height: 150px;
  }
}

/* ------------------------------------------------------
   Sprint v0.1.133 — Hesabım (Account) Modern UI (SiberTema)
   ------------------------------------------------------ */

body.sibertema .sm-account-hero{
  padding-top: 18px;
}

body.sibertema .sm-account-head{
  margin-top: 14px;
}

body.sibertema .sm-account-grid{
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

body.sibertema .sm-account-side{
  padding: 14px;
  position: sticky;
  top: calc(var(--sm-header-h) + 16px);
}

body.sibertema .sm-account-main{
  min-width: 0;
}

@media (max-width: 992px){
  body.sibertema .sm-account-grid{
    grid-template-columns: 1fr;
  }
  body.sibertema .sm-account-side{
    position: static;
  }
}

body.sibertema .sm-account-user{
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}

body.sibertema .sm-account-user-top{
  display: flex;
  gap: 12px;
  align-items: center;
}

body.sibertema .sm-account-avatar{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
}

body.sibertema .sm-account-user-name{
  font-weight: 800;
  font-size: 13px;
  line-height: 1.2;
}

body.sibertema .sm-account-user-mail{
  color: var(--sm-muted);
  font-size: 12px;
  line-height: 1.2;
}

body.sibertema .sm-account-badge{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
  font-weight: 700;
  font-size: 12px;
}

body.sibertema .sm-account-nav{
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

body.sibertema .sm-account-link{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  color: var(--sm-text);
  text-decoration: none;
}

body.sibertema .sm-account-link:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.18);
  color: var(--sm-text);
}

body.sibertema .sm-account-link.is-active{
  border-color: color-mix(in srgb, var(--sm-accent) 55%, rgba(255,255,255,.12) 45%);
  background: color-mix(in srgb, var(--sm-accent) 12%, rgba(0,0,0,.18) 88%);
}

body.sibertema .sm-account-link span{
  font-weight: 700;
  font-size: 13px;
}

body.sibertema .sm-account-logout{
  margin-top: 2px;
}

body.sibertema .sm-account-card{
  padding: 16px;
  border-radius: 18px;
}

body.sibertema .sm-account-card-head{
  margin-bottom: 12px;
}

body.sibertema .sm-account-card-head h2{
  margin: 0;
  font-size: 18px;
  font-weight: 800;
}

body.sibertema .sm-account-card-head p{
  margin: 6px 0 0;
  color: var(--sm-muted);
  font-size: 13px;
}

body.sibertema .sm-account-actions{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

@media (max-width: 640px){
  body.sibertema .sm-account-actions{
    justify-content: stretch;
  }
  body.sibertema .sm-account-actions .sm-btn{
    width: 100%;
  }
}

/* ------------------------------------------------------
   Sprint v0.1.135 — Siparişlerim (Account) Modern UI
   ------------------------------------------------------ */

body.sibertema.sm-route-usiparislerim .sm-orders-list{
  display:flex;
  flex-direction:column;
  gap: 12px;
}

body.sibertema.sm-route-usiparislerim details.sm-order{
  padding: 0;
  border-radius: 18px;
  overflow: hidden;
}

body.sibertema.sm-route-usiparislerim details.sm-order > summary{
  list-style:none;
}

body.sibertema.sm-route-usiparislerim details.sm-order > summary::-webkit-details-marker{
  display:none;
}

body.sibertema.sm-route-usiparislerim .sm-order-summary{
  padding: 14px 16px;
  cursor: pointer;
  display:flex;
  flex-direction:column;
  gap: 10px;
}

body.sibertema.sm-route-usiparislerim .sm-order-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}

body.sibertema.sm-route-usiparislerim .sm-order-no{
  font-weight: 900;
  letter-spacing: -0.2px;
}

body.sibertema.sm-route-usiparislerim .sm-order-meta{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.sibertema.sm-route-usiparislerim .sm-order-meta-item{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
  gap: 4px;
}

body.sibertema.sm-route-usiparislerim .sm-order-k{
  font-size: 12px;
  color: var(--sm-muted);
}

body.sibertema.sm-route-usiparislerim .sm-order-v{
  font-size: 13px;
  font-weight: 900;
}

@media (max-width: 640px){
  body.sibertema.sm-route-usiparislerim .sm-order-meta{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body.sibertema.sm-route-usiparislerim .sm-order-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px dashed rgba(255,255,255,.10);
  color: var(--sm-muted);
  font-size: 13px;
}

body.sibertema.sm-route-usiparislerim .sm-order-caret{
  width: 20px;
  height: 20px;
  opacity: .9;
  transition: transform .15s ease;
}

body.sibertema.sm-route-usiparislerim details.sm-order[open] .sm-order-caret{
  transform: rotate(180deg);
}

body.sibertema.sm-route-usiparislerim .sm-order-body{
  padding: 0 16px 16px;
  border-top: 1px solid rgba(255,255,255,.10);
}

body.sibertema.sm-route-usiparislerim .sm-order-printhead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 12px 0;
}

body.sibertema.sm-route-usiparislerim .sm-order-logo{
  height: 34px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
}

body.sibertema.sm-route-usiparislerim .sm-order-printmeta{
  text-align:right;
  font-size: 13px;
  color: var(--sm-muted);
}

body.sibertema.sm-route-usiparislerim .sm-order-printmeta strong{
  color: var(--sm-text);
}

body.sibertema.sm-route-usiparislerim .sm-order-panels{
  display:grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 640px){
  body.sibertema.sm-route-usiparislerim .sm-order-panels .sm-col-6{
    grid-column: span 12;
  }
}

body.sibertema.sm-route-usiparislerim .sm-order-panel{
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}

body.sibertema.sm-route-usiparislerim .sm-order-panel h3{
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 900;
  color: rgba(226,232,240,.92);
}

body.sibertema.sm-route-usiparislerim .sm-order-panel p{
  margin: 0;
  color: var(--sm-muted);
  font-size: 13px;
  line-height: 1.55;
}

body.sibertema.sm-route-usiparislerim .sm-order-panel p strong{
  color: var(--sm-text);
}

body.sibertema.sm-route-usiparislerim .sm-order-panel-warn{
  border-color: rgba(248,113,113,.28);
  background: color-mix(in srgb, rgba(248,113,113,.10) 40%, rgba(0,0,0,.18) 60%);
}

body.sibertema.sm-route-usiparislerim .sm-order-subtitle{
  margin: 14px 0 10px;
  font-size: 14px;
  font-weight: 900;
}

body.sibertema.sm-route-usiparislerim .sm-order-tablewrap{
  margin-top: 10px;
}

body.sibertema.sm-route-usiparislerim .sm-order-table-scroll{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.sibertema.sm-route-usiparislerim .sm-order-table-scroll table{
  width: 100%;
  border-collapse: collapse;
  background: rgba(2,6,23,.35);
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 16px;
  overflow: hidden;
}

body.sibertema.sm-route-usiparislerim .sm-order-table-scroll th,
body.sibertema.sm-route-usiparislerim .sm-order-table-scroll td{
  padding: 10px 12px;
  border-bottom: 1px solid rgba(148,163,184,.18);
}

body.sibertema.sm-route-usiparislerim .sm-order-table-scroll th{
  background: rgba(15,23,42,.45);
  font-weight: 900;
}

body.sibertema.sm-route-usiparislerim .sm-order-table-scroll tr:last-child td{
  border-bottom: 0;
}

body.sibertema.sm-route-usiparislerim .sm-order-actions{
  margin-top: 12px;
  display:flex;
  justify-content:flex-end;
}

@media (max-width: 640px){
  body.sibertema.sm-route-usiparislerim .sm-order-actions{
    justify-content: stretch;
  }
  body.sibertema.sm-route-usiparislerim .sm-order-actions .sm-btn{
    width: 100%;
  }
}

/* ------------------------------------------------------
   Sprint v0.1.136 — Adreslerim (Account) Modern UI
   ------------------------------------------------------ */

body.sibertema.sm-route-uadreslerim .sm-address-layout{
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

@media (max-width: 992px){
  body.sibertema.sm-route-uadreslerim .sm-address-layout{
    grid-template-columns: 1fr;
  }
}

body.sibertema.sm-route-uadreslerim .sm-address-add{
  padding: 14px;
  border-radius: 18px;
}

body.sibertema.sm-route-uadreslerim .sm-address-add-head h3{
  margin: 0;
  font-size: 16px;
  font-weight: 900;
}

body.sibertema.sm-route-uadreslerim .sm-address-add-head p{
  margin: 8px 0 0;
  font-size: 13px;
}

body.sibertema.sm-route-uadreslerim .sm-address-list{
  min-width: 0;
}

body.sibertema.sm-route-uadreslerim .sm-address-cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 720px){
  body.sibertema.sm-route-uadreslerim .sm-address-cards{
    grid-template-columns: 1fr;
  }
}

body.sibertema.sm-route-uadreslerim .sm-address-card{
  padding: 14px;
  border-radius: 18px;
}

body.sibertema.sm-route-uadreslerim .sm-address-card-top{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

body.sibertema.sm-route-uadreslerim .sm-address-title{
  margin: 0;
  font-size: 15px;
  font-weight: 900;
}

body.sibertema.sm-route-uadreslerim .sm-address-id{
  font-size: 12px;
  color: var(--sm-muted-2);
  font-weight: 700;
}

body.sibertema.sm-route-uadreslerim .sm-address-line{
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--sm-text);
}

body.sibertema.sm-route-uadreslerim .sm-address-loc{
  margin-top: 10px;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}

body.sibertema.sm-route-uadreslerim .sm-address-chip{
  display: inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.16);
  font-size: 12px;
  font-weight: 800;
  color: var(--sm-muted);
}

body.sibertema.sm-route-uadreslerim .sm-address-actions{
  margin-top: 12px;
  display:flex;
  justify-content:flex-end;
}

@media (max-width: 640px){
  body.sibertema.sm-route-uadreslerim .sm-address-actions{
    justify-content: stretch;
  }
  body.sibertema.sm-route-uadreslerim .sm-address-actions .sm-btn{
    width: 100%;
  }
}

body.sibertema.sm-route-uadreslerim .sm-btn-danger{
  border-color: rgba(248,113,113,.40);
  background: rgba(248,113,113,.14);
  color: #fecaca;
}

body.sibertema.sm-route-uadreslerim .sm-btn-danger:hover{
  border-color: rgba(248,113,113,.65);
  filter: brightness(1.06);
}

/* ------------------------------------------------------
   Sprint v0.1.137 — Hediye Çeklerim (Account) Modern UI
   ------------------------------------------------------ */

body.sibertema.sm-route-uhediyeceklerim .sm-gift-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

@media (max-width: 720px){
  body.sibertema.sm-route-uhediyeceklerim .sm-gift-grid{
    grid-template-columns: 1fr;
  }
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-card{
  padding: 14px;
  border-radius: 18px;
  display: grid;
  gap: 10px;
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-top{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 10px;
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-code{
  font-weight: 900;
  font-size: 14px;
  letter-spacing: .6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-top-actions{
  display:flex;
  justify-content:flex-end;
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-tags{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-tag{
  display: inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  font-size: 12px;
  font-weight: 900;
  color: var(--sm-muted);
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-tag.is-ok{
  border-color: rgba(34,197,94,.28);
  background: color-mix(in srgb, rgba(34,197,94,.10) 45%, rgba(0,0,0,.18) 55%);
  color: rgba(214,255,230,.92);
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-tag.is-warn{
  border-color: rgba(248,113,113,.28);
  background: color-mix(in srgb, rgba(248,113,113,.10) 45%, rgba(0,0,0,.18) 55%);
  color: rgba(255,235,235,.92);
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-meta{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 640px){
  body.sibertema.sm-route-uhediyeceklerim .sm-gift-meta{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-meta-item{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  display:flex;
  flex-direction: column;
  gap: 4px;
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-k{
  font-size: 12px;
  color: var(--sm-muted);
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-v{
  font-size: 13px;
  font-weight: 900;
  color: var(--sm-text);
}

body.sibertema.sm-route-uhediyeceklerim .sm-gift-help{
  margin-top: 2px;
  font-size: 13px;
  color: var(--sm-muted);
  line-height: 1.45;
}

/* ------------------------------------------------------
   Sprint v0.1.138 — Talep Oluştur (Account) Modern UI
   ------------------------------------------------------ */

body.sibertema.sm-route-utalepolustur .sm-ticket-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 16px;
  align-items: start;
}

@media (max-width: 992px){
  body.sibertema.sm-route-utalepolustur .sm-ticket-grid{
    grid-template-columns: 1fr;
  }
}

body.sibertema.sm-route-utalepolustur .sm-ticket-form,
body.sibertema.sm-route-utalepolustur .sm-ticket-side{
  padding: 16px;
  border-radius: 18px;
}

body.sibertema.sm-route-utalepolustur .sm-ticket-tips{
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.sibertema.sm-route-utalepolustur .sm-ticket-tips li{
  font-size: 13px;
  line-height: 1.45;
  color: var(--sm-text);
}

body.sibertema.sm-route-utalepolustur .sm-ticket-note{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(255,255,255,.12);
}

/* ------------------------------------------------------
   Sprint v0.1.139 — Destek Merkezi (Account) Modern UI
   ------------------------------------------------------ */

body.sibertema.sm-route-udestekmerkezi .sm-support-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 10px;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-search{
  display:flex;
  align-items:center;
  gap: 10px;
  flex: 1 1 520px;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-search .sm-input{
  flex: 1 1 auto;
  min-width: 220px;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-actions{
  flex: 0 0 auto;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-filters{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-list{
  display:flex;
  flex-direction:column;
  gap: 12px;
}

body.sibertema.sm-route-udestekmerkezi details.sm-support-ticket{
  padding: 0;
  border-radius: 18px;
  overflow: hidden;
}

body.sibertema.sm-route-udestekmerkezi details.sm-support-ticket > summary{
  list-style: none;
}

body.sibertema.sm-route-udestekmerkezi details.sm-support-ticket > summary::-webkit-details-marker{
  display:none;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-summary{
  padding: 14px 16px;
  cursor: pointer;
  display:flex;
  flex-direction: column;
  gap: 10px;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-code{
  font-weight: 900;
  letter-spacing: -0.2px;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-meta{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 900px){
  body.sibertema.sm-route-udestekmerkezi .sm-support-meta{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body.sibertema.sm-route-udestekmerkezi .sm-support-meta-item{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
  gap: 4px;
  min-height: 52px;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-k{
  font-size: 12px;
  color: var(--sm-muted);
}

body.sibertema.sm-route-udestekmerkezi .sm-support-v{
  font-size: 13px;
  font-weight: 900;
  color: var(--sm-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  color: var(--sm-muted);
  font-size: 12.5px;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-caret{
  width: 18px;
  height: 18px;
  transition: transform .15s ease;
}

body.sibertema.sm-route-udestekmerkezi details[open] .sm-support-caret{
  transform: rotate(180deg);
}

body.sibertema.sm-route-udestekmerkezi .sm-support-body{
  padding: 0 16px 16px;
  display:flex;
  flex-direction: column;
  gap: 12px;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-thread{
  padding-top: 12px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}

body.sibertema.sm-route-udestekmerkezi .sm-msg{
  max-width: 860px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}

body.sibertema.sm-route-udestekmerkezi .sm-msg.is-user{
  margin-left: auto;
  border-color: rgba(14,165,233,.22);
  background: color-mix(in srgb, rgba(14,165,233,.14) 55%, rgba(0,0,0,.18) 45%);
}

body.sibertema.sm-route-udestekmerkezi .sm-msg.is-admin{
  margin-right: auto;
  background: rgba(255,255,255,.05);
}

body.sibertema.sm-route-udestekmerkezi .sm-msg-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  font-size: 12px;
  color: var(--sm-muted);
  margin-bottom: 6px;
}

body.sibertema.sm-route-udestekmerkezi .sm-msg-meta strong{
  color: var(--sm-text);
  font-size: 12.5px;
}

body.sibertema.sm-route-udestekmerkezi .sm-msg-body{
  font-size: 13px;
  line-height: 1.5;
  color: var(--sm-text);
  word-break: break-word;
}

body.sibertema.sm-route-udestekmerkezi .sm-support-reply{
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px dashed rgba(255,255,255,.12);
}

body.sibertema.sm-route-udestekmerkezi .sm-support-closed{
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
}

@media (max-width: 640px){
  body.sibertema.sm-route-udestekmerkezi .sm-support-search{
    flex: 1 1 100%;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  body.sibertema.sm-route-udestekmerkezi .sm-support-search .sm-input{
    width: 100%;
  }
  body.sibertema.sm-route-udestekmerkezi .sm-support-search .sm-btn{
    width: 100%;
  }
  body.sibertema.sm-route-udestekmerkezi .sm-support-actions{
    width: 100%;
  }
  body.sibertema.sm-route-udestekmerkezi .sm-support-actions .sm-btn{
    width: 100%;
  }
}

/* ============ v0.1.143 — SiberTema ürün kartı overlay/price düzeltmeleri (SA-0078) ============ */
/* Modern sayfalarda (favoriler, arama, kategori, marka, model, ürün) ürün kartı aksiyon butonları
   CSS eksikliği nedeniyle görsel altında boşluk bırakabiliyordu. Overlay'i absolute yapıp boşluğu kaldırıyoruz. */

body.sibertema.sm-route-favorilerim .product-item.laber-product-item-default .product-collection__image,
body.sibertema.sm-route-arama .product-item.laber-product-item-default .product-collection__image,
body.sibertema.sm-route-sasearama .product-item.laber-product-item-default .product-collection__image,
body.sibertema.sm-route-kategori .product-item.laber-product-item-default .product-collection__image,
body.sibertema.sm-route-marka .product-item.laber-product-item-default .product-collection__image,
body.sibertema.sm-route-model .product-item.laber-product-item-default .product-collection__image,
body.sibertema.sm-route-urun .product-item.laber-product-item-default .product-collection__image{
  position: relative;
  overflow: hidden;
}

body.sibertema.sm-route-favorilerim .product-item.laber-product-item-default .product-image__overlay-bottom,
body.sibertema.sm-route-arama .product-item.laber-product-item-default .product-image__overlay-bottom,
body.sibertema.sm-route-sasearama .product-item.laber-product-item-default .product-image__overlay-bottom,
body.sibertema.sm-route-kategori .product-item.laber-product-item-default .product-image__overlay-bottom,
body.sibertema.sm-route-marka .product-item.laber-product-item-default .product-image__overlay-bottom,
body.sibertema.sm-route-model .product-item.laber-product-item-default .product-image__overlay-bottom,
body.sibertema.sm-route-urun .product-item.laber-product-item-default .product-image__overlay-bottom{
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 4;
  margin: 0 !important;
  pointer-events: none; /* container click kapalı */
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease;
}

body.sibertema.sm-route-favorilerim .product-item.laber-product-item-default:hover .product-image__overlay-bottom,
body.sibertema.sm-route-arama .product-item.laber-product-item-default:hover .product-image__overlay-bottom,
body.sibertema.sm-route-sasearama .product-item.laber-product-item-default:hover .product-image__overlay-bottom,
body.sibertema.sm-route-kategori .product-item.laber-product-item-default:hover .product-image__overlay-bottom,
body.sibertema.sm-route-marka .product-item.laber-product-item-default:hover .product-image__overlay-bottom,
body.sibertema.sm-route-model .product-item.laber-product-item-default:hover .product-image__overlay-bottom,
body.sibertema.sm-route-urun .product-item.laber-product-item-default:hover .product-image__overlay-bottom,
body.sibertema.sm-route-favorilerim .product-item.laber-product-item-default:focus-within .product-image__overlay-bottom,
body.sibertema.sm-route-arama .product-item.laber-product-item-default:focus-within .product-image__overlay-bottom,
body.sibertema.sm-route-sasearama .product-item.laber-product-item-default:focus-within .product-image__overlay-bottom,
body.sibertema.sm-route-kategori .product-item.laber-product-item-default:focus-within .product-image__overlay-bottom,
body.sibertema.sm-route-marka .product-item.laber-product-item-default:focus-within .product-image__overlay-bottom,
body.sibertema.sm-route-model .product-item.laber-product-item-default:focus-within .product-image__overlay-bottom,
body.sibertema.sm-route-urun .product-item.laber-product-item-default:focus-within .product-image__overlay-bottom{
  opacity: 1;
  transform: none;
}

body.sibertema.sm-route-favorilerim .product-item.laber-product-item-default .product-image__overlay-bottom .group-button,
body.sibertema.sm-route-arama .product-item.laber-product-item-default .product-image__overlay-bottom .group-button,
body.sibertema.sm-route-sasearama .product-item.laber-product-item-default .product-image__overlay-bottom .group-button,
body.sibertema.sm-route-kategori .product-item.laber-product-item-default .product-image__overlay-bottom .group-button,
body.sibertema.sm-route-marka .product-item.laber-product-item-default .product-image__overlay-bottom .group-button,
body.sibertema.sm-route-model .product-item.laber-product-item-default .product-image__overlay-bottom .group-button,
body.sibertema.sm-route-urun .product-item.laber-product-item-default .product-image__overlay-bottom .group-button{
  display: flex;
  justify-content: center;
  gap: 10px;
  pointer-events: auto; /* butonlar tıklanabilir */
}

/* İndirimli fiyat (urunfiyatbelirle çıktısı: .compare + .current) bitişik görünüyordu.
   Boşluksuz HTML üretildiği için burada margin + parantez ile daha okunaklı hale getiriyoruz. */
body.sibertema.sm-route-favorilerim .product-collection__price .compare,
body.sibertema.sm-route-arama .product-collection__price .compare,
body.sibertema.sm-route-sasearama .product-collection__price .compare,
body.sibertema.sm-route-kategori .product-collection__price .compare,
body.sibertema.sm-route-marka .product-collection__price .compare,
body.sibertema.sm-route-model .product-collection__price .compare,
body.sibertema.sm-route-urun .product-collection__price .compare,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-price .compare{
  display: inline-block;
  margin-right: 6px;
  text-decoration: line-through;
  opacity: .75;
}

body.sibertema.sm-route-favorilerim .product-collection__price .compare::before,
body.sibertema.sm-route-arama .product-collection__price .compare::before,
body.sibertema.sm-route-sasearama .product-collection__price .compare::before,
body.sibertema.sm-route-kategori .product-collection__price .compare::before,
body.sibertema.sm-route-marka .product-collection__price .compare::before,
body.sibertema.sm-route-model .product-collection__price .compare::before,
body.sibertema.sm-route-urun .product-collection__price .compare::before,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-price .compare::before{
  content: "(";
}

body.sibertema.sm-route-favorilerim .product-collection__price .compare::after,
body.sibertema.sm-route-arama .product-collection__price .compare::after,
body.sibertema.sm-route-sasearama .product-collection__price .compare::after,
body.sibertema.sm-route-kategori .product-collection__price .compare::after,
body.sibertema.sm-route-marka .product-collection__price .compare::after,
body.sibertema.sm-route-model .product-collection__price .compare::after,
body.sibertema.sm-route-urun .product-collection__price .compare::after,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-price .compare::after{
  content: ")";
}

body.sibertema.sm-route-favorilerim .product-collection__price .current,
body.sibertema.sm-route-arama .product-collection__price .current,
body.sibertema.sm-route-sasearama .product-collection__price .current,
body.sibertema.sm-route-kategori .product-collection__price .current,
body.sibertema.sm-route-marka .product-collection__price .current,
body.sibertema.sm-route-model .product-collection__price .current,
body.sibertema.sm-route-urun .product-collection__price .current,
body.sibertema.sm-route-urunkarsilastirma .sm-compare-price .current{
  display: inline-block;
  font-weight: 600;
}

/* ============ /v0.1.143 ============ */