/*
  Author : SiberMimar "Güray Avcı"
  Website: www.sibermimar.com.tr

  Tema: SiberAYS (AYS automotive)
  Amac:
  - SiberTema altyapisini bozmadan yalnizca SiberAYS icin BEYAZ zeminli (paper) renk sistemi kurmak.
  - Logo (beyaz zemin + siyah + altin) ile uyumlu, net kontrast, renk catismasi olmayan UI.
  - Ekstra font/asset yuklemeden, yalnizca CSS token/override ile ilerlemek.

  Not:
  - Bu dosya sadece `body.sibertema.siberays` scope icinde etkilidir.
  - Diger temalara dokunulmaz.
*/



/* ============================================================
   SP-082 — Site Genelinde Gri Dolgulu Alanları Beyazlaştır (SiberAYS)
   - Inline background (legacy) gri tonlarını #fff'e map et
   - Text-white gibi sınıflar zaten ink'e map ediliyor; yine de yüzey metinlerini güvenli yap
   Not: Sadece SiberAYS scope'unda çalışır.
   ============================================================ */

/* Inline style ile gelen gri zeminleri beyaza zorla */
body.sibertema.siberays [style*="background:#f1f5f6"],
body.sibertema.siberays [style*="background: #f1f5f6"],
body.sibertema.siberays [style*="background:#F1F5F6"],
body.sibertema.siberays [style*="background: #F1F5F6"],
body.sibertema.siberays [style*="background:#f5f5f5"],
body.sibertema.siberays [style*="background: #f5f5f5"],
body.sibertema.siberays [style*="background:#f2f1f1"],
body.sibertema.siberays [style*="background: #f2f1f1"],
body.sibertema.siberays [style*="background:#f7f9fc"],
body.sibertema.siberays [style*="background: #f7f9fc"],
body.sibertema.siberays [style*="background:#f8f9fa"],
body.sibertema.siberays [style*="background: #f8f9fa"],
body.sibertema.siberays [style*="background:#dddada"],
body.sibertema.siberays [style*="background: #dddada"],
body.sibertema.siberays [style*="background:#dee2e6"],
body.sibertema.siberays [style*="background: #dee2e6"],
body.sibertema.siberays [style*="background:#ededed"],
body.sibertema.siberays [style*="background: #ededed"],
body.sibertema.siberays [style*="background:#f3f3f3"],
body.sibertema.siberays [style*="background: #f3f3f3"],
body.sibertema.siberays [style*="background:#f1f1f1"],
body.sibertema.siberays [style*="background: #f1f1f1"],
body.sibertema.siberays [style*="background:#ece8e8"],
body.sibertema.siberays [style*="background: #ece8e8"],
body.sibertema.siberays [style*="background:#e7e7e7"],
body.sibertema.siberays [style*="background: #e7e7e7"],
body.sibertema.siberays [style*="background:#e9e9e9"],
body.sibertema.siberays [style*="background: #e9e9e9"],
body.sibertema.siberays [style*="background:#f9f9f9"],
body.sibertema.siberays [style*="background: #f9f9f9"],
body.sibertema.siberays [style*="background:#eaeaea"],
body.sibertema.siberays [style*="background: #eaeaea"],
body.sibertema.siberays [style*="background:#ddd"],
body.sibertema.siberays [style*="background: #ddd"],
body.sibertema.siberays [style*="background-color:#ddd"],
body.sibertema.siberays [style*="background-color: #ddd"],
body.sibertema.siberays [style*="background:#dddddd"],
body.sibertema.siberays [style*="background: #dddddd"]{
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: var(--sm-text) !important;
}

/* tema.css icindeki dropdown panel right column (gri) */
body.sibertema.siberays .menu-right{
  background-color: #ffffff !important;
}
body.sibertema.siberays .dropdown-item:hover{
  background-color: rgba(var(--sm-ays-gold-rgb), .10) !important;
}

/* Mobile facets (tema.css): gri liste satirlari -> beyaz */
body.sibertema.siberays .mobile-facets__item > a{
  background: #ffffff !important;
}
body.sibertema.siberays .mobile-facets__item > a:hover{
  background: rgba(var(--sm-ays-gold-rgb), .10) !important;
}

/* Blog detay: blockquote + tag chip arkaplanlari griydi */
body.sibertema.siberays.sm-route-blogdetay .blog-detail-content blockquote{
  background: #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .22) !important;
}
body.sibertema.siberays.sm-route-blogdetay .blog-detail-tag{
  background: #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .18) !important;
}

/* Checkout / sipariş sayfaları: legacy gri kutular */
body.sibertema.siberays.sm-route-alisverisitamamla .cart-gift-certificate-container,
body.sibertema.siberays.sm-route-siparissorgulama .cart-gift-certificate-container,
body.sibertema.siberays.sm-route-hizliodeme .cart-gift-certificate-container{
  background: #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .22) !important;
}

body.sibertema.siberays.sm-route-alisverisitamamla .badge,
body.sibertema.siberays.sm-route-siparissorgulama .badge,
body.sibertema.siberays.sm-route-hizliodeme .badge{
  background: #ffffff !important;
  border-color: rgba(var(--sm-ays-gold-rgb), .20) !important;
}

body.sibertema.siberays.sm-route-alisverisitamamla .cart-confirm-disabled,
body.sibertema.siberays.sm-route-siparissorgulama .cart-confirm-disabled,
body.sibertema.siberays.sm-route-hizliodeme .cart-confirm-disabled{
  /* Gri disabled yerine markaya yakın, ama hala 'disabled' hissi */
  background: rgba(var(--sm-ays-gold-rgb), .16) !important;
  color: var(--sm-ays-ink) !important;
  opacity: .72;
}

/* Ödeme tamamla (alisverisitamamla): odeme tablosu ve kutu alanlari */
body.sibertema.siberays.sm-route-alisverisitamamla .odemetablo,
body.sibertema.siberays.sm-route-alisverisitamamla .custom-control-inline,
body.sibertema.siberays.sm-route-alisverisitamamla .kutu{
  background: #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .18) !important;
}

/* Sipariş sorgulama: başlık/track gri zeminleri */
body.sibertema.siberays.sm-route-siparissorgulama .heading{
  background: #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .18) !important;
}
body.sibertema.siberays.sm-route-siparissorgulama .track{
  background-color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(var(--sm-ays-gold-rgb), .18) !important;
}

/* Şase arama sayfası (varsa) filtre pill'leri */
body.sibertema.siberays.sm-route-sasearama .filtereler{
  background: #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .18) !important;
}
/* ============================================================
   SiberAYS Brand Tokens (Logo referans)
   - White background + ink typography + gold accent
   ============================================================ */
body.sibertema.siberays{
  /* Brand palette */
  --sm-ays-ink: #0D1725;
  --sm-ays-ink-2: #1A2C43;
  --sm-ays-ink-rgb: 13, 23, 37;
  --sm-ays-ink-2-rgb: 26, 44, 67;

  /* Bright Gold (white-effect) — "kaka" tonlardan uzak, premium */
  --sm-ays-gold: #ffd34d;
  --sm-ays-gold-2: #ffb700;
  --sm-ays-gold-hi: #fff4cc;
  --sm-ays-gold-rgb: 255, 211, 77;

  /* Turkuaz Secondary — sari tonlari yerine (gold disi) */
  --sm-ays-turq: #00c2d6;
  --sm-ays-turq-2: #0097a8;
  --sm-ays-turq-rgb: 0, 194, 214;

  --sm-ays-paper: #ffffff;
  /* Gri yerine cok acik (warm) beyaz: logo ile daha premium gorunur */
  --sm-ays-paper-2: #fffaf2;

  /* Token map (ui.css) */
  --sm-bg-0: var(--sm-ays-paper);
  --sm-bg-1: var(--sm-ays-paper);
  --sm-bg-2: var(--sm-ays-paper-2);

  /*
    SiberAYS: "Gri yok" politikasina gore;
    - surface/border icin sari wash yerine turkuaz wash kullan.
    - metinlerde gri yerine siyaha yakin ink kullan.
  */
  --sm-surface: rgba(var(--sm-ays-turq-rgb), .06);
  --sm-surface-2: rgba(var(--sm-ays-turq-rgb), .10);

  --sm-border: rgba(var(--sm-ays-turq-rgb), .34);
  --sm-border-2: rgba(var(--sm-ays-turq-rgb), .22);

  --sm-text: var(--sm-ays-ink);
  --sm-muted: var(--sm-ays-ink-2);
  --sm-muted-2: color-mix(in srgb, var(--sm-ays-ink) 80%, var(--sm-ays-turq) 20%);

  /* sibertema.css uyumlulugu (bazı selector'lar bu degiskenleri kullanir) */
  --sm-text-muted: var(--sm-muted);
  --sm-header-bg: var(--sm-ays-paper);
  --sm-header-bg-2: var(--sm-ays-paper);
  --sm-header-text: var(--sm-text);
  --sm-header-muted: var(--sm-muted);

  /* Accent */
  --sm-primary: var(--sm-ays-gold);
  --sm-accent: var(--sm-ays-gold);
  --sm-accent-2: color-mix(in srgb, var(--sm-ays-gold) 82%, #000000 18%);

  /* Semantic: extra yellow istemiyoruz -> warning turkuaz */
  --sm-warning: var(--sm-ays-turq);

  /* Shadow: beyaz zeminde daha yumusak */
  --sm-shadow: 0 24px 60px rgba(2,6,23,.10);
  --sm-shadow-sm: 0 12px 28px rgba(2,6,23,.10);

  /* Typography (Pagespeed: Montserrat loaded in header) */
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  background: var(--sm-ays-paper);
  color: var(--sm-text);
}


body.sibertema.siberays button,
body.sibertema.siberays input,
body.sibertema.siberays select,
body.sibertema.siberays textarea{
  font-family: inherit;
}

body.sibertema.siberays a{
  color: color-mix(in srgb, var(--sm-ays-turq) 72%, var(--sm-ays-ink) 28%);
}
body.sibertema.siberays a:hover{ color: var(--sm-ays-turq-2); }

/* Legacy/Bootstrap renk siniflari (white-on-white clash engeli) */
body.sibertema.siberays .text-white,
body.sibertema.siberays .text-light,
body.sibertema.siberays .text-white-50{
  color: var(--sm-text) !important;
}

/* ============================================================
   Accessibility / Focus / Link ayirt edilebilirlik
   ============================================================ */
body.sibertema.siberays a:focus-visible,
body.sibertema.siberays button:focus-visible,
body.sibertema.siberays input:focus-visible,
body.sibertema.siberays select:focus-visible,
body.sibertema.siberays textarea:focus-visible,
body.sibertema.siberays [tabindex]:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--sm-ays-gold-rgb),.30);
}

body.sibertema.siberays .sm-link{
  text-decoration-color: rgba(var(--sm-ays-gold-rgb),.55) !important;
}
body.sibertema.siberays .sm-link:hover{
  text-decoration-color: rgba(var(--sm-ays-gold-rgb),.85) !important;
}

/* ============================================================
   Header / Navbar (white)
   ============================================================ */
body.sibertema.siberays .sm-navbar{
  background: rgba(255,255,255,.96);
  border-bottom-color: rgba(var(--sm-ays-turq-rgb), .26);
}

body.sibertema.siberays .sm-topbar{
  background: rgba(255,255,255,.94);
  /* Header altinda gri line yerine altin border */
  border-bottom-color: rgba(var(--sm-ays-turq-rgb), .22);
}

/* Performans: SiberAYS icin header blur kapali (GPU maliyeti azalt) */
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema.siberays .sm-navbar{
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.sibertema.siberays .sm-topbar{
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* Topbar linkleri / ikon butonlari: koyu zemin varsayimindan cik */
body.sibertema.siberays .sm-toplink{
  background: #ffffff;
  border-color: rgba(var(--sm-ays-turq-rgb), .35);
  color: var(--sm-text);
}
body.sibertema.siberays .sm-toplink:hover{
  border-color: rgba(var(--sm-ays-turq-rgb), .75);
  background: rgba(var(--sm-ays-turq-rgb), .10);
  color: var(--sm-text);
}

body.sibertema.siberays .sm-iconbtn,
body.sibertema.siberays .sm-cart{
  background: #ffffff;
  border-color: rgba(var(--sm-ays-turq-rgb), .35);
  color: var(--sm-text);
}
body.sibertema.siberays .sm-iconbtn:hover,
body.sibertema.siberays .sm-cart:hover{
  border-color: rgba(var(--sm-ays-turq-rgb), .75);
  background: rgba(var(--sm-ays-turq-rgb), .10);
}
body.sibertema.siberays .sm-cart .sm-cart-label{ color: var(--sm-muted); }

/* Logo: beyaz zemin (logo dogal gorunur) + gold border (premium) */
body.sibertema.siberays a.sm-logo{
  /* Logo: frameless (gorselin kendi beyaz zemini yeterli) */
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

body.sibertema.siberays a.sm-logo img{
  height: 46px;
  width: auto;
  object-fit: contain;
  display: block;
}

/* ============================================================
   Buttons / Inputs
   ============================================================ */
body.sibertema.siberays .sm-btn-primary{
  background: linear-gradient(135deg, var(--sm-ays-gold-hi), var(--sm-ays-gold) 34%, var(--sm-ays-gold-2));
  border-color: color-mix(in srgb, var(--sm-ays-gold) 68%, #000000 32%);
  color: var(--sm-ays-ink);
}
body.sibertema.siberays .sm-btn-primary:hover{ filter: brightness(1.02); }

/* Dokunmatik hedef (tap target) standardi */
body.sibertema.siberays .sm-btn{ min-height: 44px; }

/* Bootstrap/legacy butonlari SiberAYS ile uyumlu */
body.sibertema.siberays .btn-primary,
body.sibertema.siberays .btn-success,
body.sibertema.siberays input[type="submit"].btn-primary,
body.sibertema.siberays input[type="submit"].btn-success,
body.sibertema.siberays .butonok.btn-primary{
  background: linear-gradient(135deg, var(--sm-ays-gold-hi), var(--sm-ays-gold) 34%, var(--sm-ays-gold-2)) !important;
  border-color: color-mix(in srgb, var(--sm-ays-gold) 68%, #000000 32%) !important;
  color: var(--sm-ays-ink) !important;
}
body.sibertema.siberays .btn-primary:hover,
body.sibertema.siberays .btn-success:hover{ filter: brightness(1.02); }

/* Bootstrap/legacy WARNING (sari tonlari) -> TURKUAZ secondary (SiberAYS) */
body.sibertema.siberays .btn-warning,
body.sibertema.siberays input[type="submit"].btn-warning{
  background: var(--sm-ays-turq) !important;
  border-color: var(--sm-ays-turq-2) !important;
  color: #ffffff !important;
}
body.sibertema.siberays .btn-outline-warning{
  background: transparent !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .45) !important;
  color: var(--sm-ays-turq-2) !important;
}
body.sibertema.siberays .btn-warning:hover,
body.sibertema.siberays .btn-outline-warning:hover{
  filter: brightness(1.02);
}

body.sibertema.siberays .bg-warning,
body.sibertema.siberays .badge-warning,
body.sibertema.siberays .alert-warning{
  background-color: rgba(var(--sm-ays-turq-rgb), .14) !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .30) !important;
  color: var(--sm-text) !important;
}
body.sibertema.siberays .text-warning{ color: var(--sm-ays-turq-2) !important; }


body.sibertema.siberays .btn-secondary,
body.sibertema.siberays .btn-outline,
body.sibertema.siberays .btn-outline-secondary{
  background: #ffffff !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .35) !important;
  color: var(--sm-text) !important;
}
body.sibertema.siberays .btn-secondary:hover,
body.sibertema.siberays .btn-outline:hover,
body.sibertema.siberays .btn-outline-secondary:hover{
  background: rgba(var(--sm-ays-turq-rgb), .08) !important;
}

/* Form elemanlari (modern .sm-input + legacy form-control) */
body.sibertema.siberays .sm-input{
  background: #ffffff !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.35) !important;
  color: var(--sm-text) !important;
}
body.sibertema.siberays .sm-input::placeholder{
  color: color-mix(in srgb, var(--sm-ays-ink) 65%, var(--sm-ays-gold) 35%) !important;
}
body.sibertema.siberays .sm-input:focus{
  border-color: rgba(var(--sm-ays-gold-rgb),.70) !important;
  box-shadow: 0 0 0 3px rgba(var(--sm-ays-gold-rgb),.22) !important;
}

body.sibertema.siberays .form-control,
body.sibertema.siberays .form-select{
  /* SP-082: Inline/background override (site genelinde gri yok) */
  background: #ffffff !important;
  color: var(--sm-text) !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.35) !important;
  border-radius: 14px;
}

/* ============================================================
   "Gri yok" override seti (Kritik gorunur alanlar)
   - Header menu, promo bar, sag/sol dock, mobil bar, marka kartlari
   ============================================================ */

/* Desktop menu (sm-navlink) — gri yerine beyaz/gold */
body.sibertema.siberays a.sm-navlink,
body.sibertema.siberays summary.sm-navlink{
  background: #ffffff !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.40) !important;
  color: var(--sm-ays-ink) !important;
}

body.sibertema.siberays a.sm-navlink:hover,
body.sibertema.siberays summary.sm-navlink:hover,
body.sibertema.siberays .sm-navdrop[open] > summary{
  background: rgba(var(--sm-ays-gold-rgb),.12) !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.78) !important;
  color: var(--sm-ays-ink) !important;
}

body.sibertema.siberays .sm-mainnav::-webkit-scrollbar-thumb{
  background: rgba(var(--sm-ays-gold-rgb),.35) !important;
}

/* Dropdown panel (desktop) */
body.sibertema.siberays .sm-navdrop-panel{
  background: #ffffff !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.40) !important;
}
body.sibertema.siberays .sm-navdrop-link{
  background: #ffffff !important;
  color: var(--sm-ays-ink) !important;
}
body.sibertema.siberays .sm-navdrop-link:hover{
  background: rgba(var(--sm-ays-gold-rgb),.12) !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.40) !important;
  color: var(--sm-ays-ink) !important;
}

/* Header search (merged input) */
body.sibertema.siberays .sm-search-merged .sm-search-input{
  background: #ffffff !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.40) !important;
  color: var(--sm-ays-ink) !important;
}
body.sibertema.siberays .sm-search-merged-btn{
  background: rgba(var(--sm-ays-gold-rgb),.14) !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.40) !important;
  color: var(--sm-ays-ink) !important;
}
body.sibertema.siberays .sm-search-merged-btn:hover{
  background: linear-gradient(135deg, var(--sm-ays-gold-hi), var(--sm-ays-gold) 34%, var(--sm-ays-gold-2)) !important;
  /* Gri yerine koyu-altin border (logo uyumu) */
  border-color: color-mix(in srgb, var(--sm-ays-ink) 72%, var(--sm-ays-gold) 28%) !important;
  color: var(--sm-ays-ink) !important;
}

/* Promo bar (header altindaki gri bant) */
body.sibertema.siberays .sm-promobar{
  background: #ffffff !important;
  border-bottom: 1px solid rgba(var(--sm-ays-gold-rgb),.40) !important;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema.siberays .sm-promobar{
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

body.sibertema.siberays .sm-promo-item{
  background: rgba(var(--sm-ays-gold-rgb),.10) !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.40) !important;
  color: var(--sm-ays-ink) !important;
}
body.sibertema.siberays .sm-promo-highlight{
  background: linear-gradient(135deg, var(--sm-ays-gold-hi), var(--sm-ays-gold) 34%, var(--sm-ays-gold-2)) !important;
  border-color: color-mix(in srgb, var(--sm-ays-ink) 72%, var(--sm-ays-gold) 28%) !important;
  color: var(--sm-ays-ink) !important;
}
body.sibertema.siberays .sm-promobar-close{
  background: #ffffff !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.40) !important;
  color: var(--sm-ays-ink) !important;
}
body.sibertema.siberays .sm-promobar-close:hover{
  background: rgba(var(--sm-ays-gold-rgb),.12) !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.78) !important;
}

/* Sabit CTA dock butonlari (Sepetim / Giris / Bayilik) */
body.sibertema.siberays .sm-sidebtn{
  background: #ffffff !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.42) !important;
  color: var(--sm-ays-ink) !important;
}
body.sibertema.siberays .sm-side-ic{
  background: rgba(var(--sm-ays-gold-rgb),.12) !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.40) !important;
}
body.sibertema.siberays .sm-side-sub{
  color: color-mix(in srgb, var(--sm-ays-ink) 76%, var(--sm-ays-gold) 24%) !important;
}
body.sibertema.siberays .sm-sidebtn:hover{
  background: linear-gradient(135deg, var(--sm-ays-gold-hi), var(--sm-ays-gold) 34%, var(--sm-ays-gold-2)) !important;
  border-color: color-mix(in srgb, var(--sm-ays-ink) 72%, var(--sm-ays-gold) 28%) !important;
  color: var(--sm-ays-ink) !important;
}
body.sibertema.siberays .sm-sidebtn:hover .sm-side-sub{ color: var(--sm-ays-ink-2) !important; }

/* Mobil alt bar (gri zemin -> beyaz/gold) */
body.sibertema.siberays .sm-mobilebar{
  background: #ffffff !important;
  border-top: 1px solid rgba(var(--sm-ays-gold-rgb),.40) !important;
  box-shadow: 0 -12px 30px rgba(2,6,23,.10) !important;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema.siberays .sm-mobilebar{
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}
body.sibertema.siberays .sm-mbar-item{
  background: #ffffff !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.40) !important;
  color: var(--sm-ays-ink) !important;
}
body.sibertema.siberays .sm-mbar-item:hover{
  background: rgba(var(--sm-ays-gold-rgb),.12) !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.78) !important;
}

/* Mobil drawer + overlay paneller (dark/gri yerine beyaz) */
body.sibertema.siberays .sm-drawer,
body.sibertema.siberays .sm-searchpanel-card,
body.sibertema.siberays .sm-searchpanel-inner{
  background: #ffffff !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.40) !important;
}

body.sibertema.siberays .sm-drawer-links a,
body.sibertema.siberays .sm-drawer-cat a,
body.sibertema.siberays .sm-drawer-title{
  color: var(--sm-ays-ink) !important;
}

body.sibertema.siberays .sm-drawer-links a:hover,
body.sibertema.siberays .sm-drawer-cat a:hover{
  background: rgba(var(--sm-ays-gold-rgb),.12) !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.40) !important;
  color: var(--sm-ays-ink) !important;
}

body.sibertema.siberays .sm-drawer-cat details,
body.sibertema.siberays .sm-drawer-cat .sm-drawer-sub a{
  background: #ffffff !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.28) !important;
}
body.sibertema.siberays .sm-drawer-cat summary{
  color: var(--sm-ays-ink) !important;
}

/* Anasayfa MARKALAR alani (SiberAYS)
   - Baslik: "Markalar" + opsiyonel subtitle
   - Grid: daha sik/premium, hex logo holder
   - Full-width uyum: default tema max-width limitini kaldir
*/
body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands{
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 26px clamp(14px, 2.2vw, 34px) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(var(--sm-ays-turq-rgb), .08), rgba(var(--sm-ays-turq-rgb), 0) 62%),
    #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18) !important;
  box-shadow: 0 18px 44px rgba(2,6,23,.08) !important;
}

body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands .title{
  text-align: center;
  margin: 0 0 10px 0;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: .01em;
  color: var(--sm-ays-ink) !important;
}

body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands .sm-ays-brands-sub{
  text-align: center;
  margin: 0 0 18px 0;
  font-size: 13px;
  font-weight: 300;
  color: var(--sm-ays-ink-2) !important;
}

body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands .sm-ays-brand-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px;
  margin: 0 !important;
  align-items: stretch;
}

body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands .brand-card{
  display: flex;
  background: #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 28px rgba(2,6,23,.08) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  min-height: 164px;
  height: 100%;
}

body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands .brand-card a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 18px 14px;
  text-decoration: none !important;
  width: 100%;
  min-height: 100%;
  text-align: center;
}

body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands .brand-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 48px rgba(2,6,23,.12) !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .55) !important;
}

body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands .brand-logo{
  width: 86px;
  height: 86px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  background: rgba(var(--sm-ays-turq-rgb), .08) !important;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22) !important;
  clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
}

body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands .brand-logo img{
  width: 62px;
  height: 62px;
  object-fit: contain;
}

body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands .brand-name{
  color: var(--sm-ays-ink) !important;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .04em;
  text-transform: uppercase;
  width: 100%;
  line-height: 1.4;
  word-break: break-word;
  overflow-wrap: anywhere;
  text-wrap: balance;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 768px){
  body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands{
    padding: 20px 14px !important;
    border-radius: 16px !important;
  }
  body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands .sm-ays-brand-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands .brand-logo{
    width: 74px;
    height: 74px;
  }
  body.sibertema.siberays.sm-route-index .metinkismi.sm-ays-brands .brand-logo img{
    width: 54px;
    height: 54px;
  }
}

/* Checkout progress/stepper aksanlari: brand gold */
body.sibertema.siberays .sm-step.active{
  border-color: rgba(var(--sm-ays-gold-rgb),.42) !important;
}


/* ============================================================
   SP-015 — CLS azaltma (Home slider + marka grid)
   - Brand logo alaninda sabit min-height ile ilk render'da kayma azalir.
   - Slider kapsayicida min-height ile JS/IMG yuklenene kadar alan reserve edilir.
   ============================================================ */
body.sibertema.siberays.sm-route-index .brand-logo{
  /* 56px logo (max-height) + padding => ~76px; guvenli pay birak */
  min-height: 84px !important;
}
body.sibertema.siberays.sm-route-index .brand-logo img{
  display: block;
}

body.sibertema.siberays.sm-route-index .laberSlidershow{
  min-height: 300px;
}
@media (min-width: 768px){
  body.sibertema.siberays.sm-route-index .laberSlidershow{ min-height: 365px; }
}
@media (min-width: 992px){
  body.sibertema.siberays.sm-route-index .laberSlidershow{ min-height: 375px; }
}
body.sibertema.siberays .sm-step.active .sm-step-no{
  background: linear-gradient(135deg, var(--sm-ays-gold-hi), var(--sm-ays-gold) 34%, var(--sm-ays-gold-2)) !important;
  color: var(--sm-ays-ink) !important;
}
body.sibertema.siberays .sm-progress-bar{
  background: linear-gradient(90deg, var(--sm-ays-gold), rgba(255,214,107,.95)) !important;
}

/* Pagination active rengi: gold tint */
body.sibertema.siberays .sm-pagination .sm-pagebtn.is-active,
body.sibertema.siberays .sm-pagination .sm-page.is-active{
  border-color: rgba(var(--sm-ays-gold-rgb),.40) !important;
  background: rgba(var(--sm-ays-gold-rgb),.12) !important;
  color: var(--sm-text) !important;
}

/* Chip/etiketler */
body.sibertema.siberays .sm-chip,
body.sibertema.siberays .sm-pagination .sm-pagebtn,
body.sibertema.siberays .sm-pagination .sm-page{
  border-color: rgba(var(--sm-ays-gold-rgb),.35);
}
body.sibertema.siberays .sm-chip:hover{
  border-color: rgba(var(--sm-ays-gold-rgb),.78);
}

/* FAB focus: gold */
body.sibertema.siberays .sm-fab:focus-visible{
  border-color: rgba(var(--sm-ays-gold-rgb),.55) !important;
  box-shadow: 0 0 0 4px rgba(var(--sm-ays-gold-rgb),.22), 0 18px 40px rgba(2,6,23,.14) !important;
}

/* ============================================================
   Price / Highlights
   ============================================================ */
body.sibertema.siberays .sm-price,
body.sibertema.siberays .sm-price-current{
  color: var(--sm-ays-gold-2) !important;
}

body.sibertema.siberays .sm-price-old{
  /* Gri yerine koyu-altin ton (okunurluk + premium) */
  color: color-mix(in srgb, var(--sm-ays-ink) 72%, var(--sm-ays-gold) 28%) !important;
}

/* ============================================================
   Footer (white)
   ============================================================ */
body.sibertema.siberays .sm-footer{
  /* Full-width beyaz footer + turkuaz wash (brand secondary) */
  background: linear-gradient(180deg,
    rgba(var(--sm-ays-turq-rgb), .08) 0%,
    rgba(var(--sm-ays-turq-rgb), .04) 18%,
    #ffffff 42%,
    #ffffff 100%
  );
  border-top-color: rgba(var(--sm-ays-turq-rgb),.35);

  /* ui.css alt padding (90px) yerine daha kontrollu alt alan: bottom bar + roof ile yonetilir */
  padding: 34px 0 0 !important;
}

body.sibertema.siberays .sm-footer-contact{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}
body.sibertema.siberays .sm-footer-contact-item{
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22);
  background: rgba(var(--sm-ays-turq-rgb), .06);
  text-decoration: none;
}
body.sibertema.siberays .sm-footer-contact-item:hover{
  border-color: rgba(var(--sm-ays-turq-rgb), .45);
  background: rgba(var(--sm-ays-turq-rgb), .09);
}
body.sibertema.siberays .sm-fci-title{
  font-size: 12px;
  font-weight: 500;
  color: var(--sm-ays-ink-2);
  text-transform: uppercase;
  letter-spacing: .08em;
}
body.sibertema.siberays .sm-fci-sub{
  font-size: 14px;
  font-weight: 400;
  color: var(--sm-ays-ink);
}

body.sibertema.siberays #smFooter .sm-seo-card{
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb),.28);
  box-shadow: 0 12px 28px rgba(2,6,23,.08);
}

body.sibertema.siberays #smFooter .sm-seo-scroll p,
body.sibertema.siberays #smFooter .sm-seo-scroll li{
  color: var(--sm-muted);
}

body.sibertema.siberays #smFooter .sm-seo-callout{
  border-left-color: var(--sm-ays-turq);
  background: rgba(var(--sm-ays-turq-rgb),.08);
  color: var(--sm-muted);
}

body.sibertema.siberays #smFooter .sm-seo-scroll::-webkit-scrollbar-track{
  background: rgba(var(--sm-ays-turq-rgb),.10);
}
body.sibertema.siberays #smFooter .sm-seo-scroll::-webkit-scrollbar-thumb{
  background: rgba(var(--sm-ays-turq-rgb),.35);
}
body.sibertema.siberays #smFooter .sm-seo-scroll::-webkit-scrollbar-thumb:hover{
  background: rgba(var(--sm-ays-turq-rgb),.55);
}

body.sibertema.siberays .sm-pay-chip{
  border: 1px solid rgba(var(--sm-ays-turq-rgb),.28);
  background: rgba(var(--sm-ays-turq-rgb),.06);
  color: var(--sm-text);
}

/* Visa/Mastercard svg'ler beyaz footer'da "bozuk" gorunmesin (ui.css: invert filter override) */
body.sibertema.siberays .sm-pay-icon{
  filter: none !important;
  opacity: 1 !important;
}

body.sibertema.siberays .sm-footer-payments .sm-pay-icon{
  height: 22px;
  width: auto;
  display: block;
  background: rgba(var(--sm-ays-turq-rgb), .06);
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22);
  padding: 4px 10px;
  border-radius: 999px;
}

body.sibertema.siberays .sm-footer-payments .sm-pay-icon.sm-pay-upload{
  background: #fff;
}

/* Footer bottom alaninda FAB icin bosluk + alt roof */
body.sibertema.siberays .sm-footer-bottom{
  border-top-color: rgba(var(--sm-ays-turq-rgb), .22);
  padding-bottom: calc(18px + env(safe-area-inset-bottom) + 82px);
}

body.sibertema.siberays .sm-footer-brand img{
  height: 44px;
}

/* Footer Bottom Roof stilleri: SP-056A roof blokunda yonetilir */

body.sibertema.siberays .sm-designedby{
  margin-top: 10px;
  font-size: 12px;
  color: var(--sm-muted-2);
}

body.sibertema.siberays .sm-designedby a{
  color: var(--sm-muted);
  text-decoration: underline;
  text-underline-offset: 2px;
}
body.sibertema.siberays .sm-designedby a:hover{ color: var(--sm-text); }

/* ============================================================
   Home (index) - Search box (white surface)
   ============================================================ */
body.sibertema.siberays.sm-route-index .search-box{
  background: linear-gradient(180deg, #ffffff, var(--sm-ays-paper-2));
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.35);
  box-shadow: 0 18px 40px rgba(2,6,23,.06);
}

body.sibertema.siberays.sm-route-index .search-box h5{
  color: var(--sm-text);
  letter-spacing: 0.3px;
}

body.sibertema.siberays.sm-route-index .search-box .step-icon{
  background: linear-gradient(135deg, var(--sm-ays-gold-hi) 0%, var(--sm-ays-gold) 36%, var(--sm-ays-gold-2) 100%);
}
body.sibertema.siberays.sm-route-index .search-box .step-icon i{ color: var(--sm-ays-ink); }

body.sibertema.siberays.sm-route-index .search-box input.form-control,
body.sibertema.siberays.sm-route-index .search-box select.form-select{
  background: #ffffff !important;
  color: var(--sm-text) !important;
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.40) !important;
}
body.sibertema.siberays.sm-route-index .search-box input.form-control::placeholder{
  color: color-mix(in srgb, var(--sm-ays-ink) 65%, var(--sm-ays-gold) 35%) !important;
}
body.sibertema.siberays.sm-route-index .search-box input.form-control:focus,
body.sibertema.siberays.sm-route-index .search-box select.form-select:focus{
  border-color: rgba(var(--sm-ays-gold-rgb),.85) !important;
  box-shadow: 0 0 0 3px rgba(var(--sm-ays-gold-rgb),.22) !important;
}

body.sibertema.siberays.sm-route-index .search-box .btn-search{
  background: linear-gradient(135deg, var(--sm-ays-gold-hi) 0%, var(--sm-ays-gold) 36%, var(--sm-ays-gold-2) 100%) !important;
  color: var(--sm-ays-ink) !important;
}


/* SP-015 — Perf: home search-box shine animasyonu kapat (CPU/GPU yukunu azaltir) */
body.sibertema.siberays.sm-route-index .search-box::before,
body.sibertema.siberays.sm-route-index .search-box .btn-search::before{
  animation: none !important;
  transition: none !important;
}
body.sibertema.siberays.sm-route-index .search-box .btn-search:hover{ transform: translateY(-1px); }


/* ============================================================
   SiberAYS Performance Hints
   ============================================================
   Not:
   - Bu blok sadece render maliyetini azaltmaya yonelik "guvenli" ipuclari icerir.
   - Tema davranisini bozacak agresif contain/visibility kurallari kullanilmaz.
*/
body.sibertema.siberays img{
  /* SP-030: Buyuk gorsellerin layout'u bozmasini engelle (tasmalara karsi guvenli varsayilan) */
  max-width: 100%;
  height: auto;

  /* Tarayiciya decode islemini bloklamamasini soyle */
  image-rendering: auto;
}





/* ============================================================
   SP-033 (v0.1.110) — AYS Header v3
   - Top Roof SVG + temiz beyaz navbar
   - Admin logo secimi + SVG fallback
   - Montserrat (ince font agirliklari)

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

/* Yatay tasma guard (logo fragmani vb.) */
body.sibertema.siberays{
  overflow-x: hidden;

  /* Full width hedefi */
  --sm-container: 100%;
  --sm-pad: 20px;
  --sm-pad-lg: 28px;

  /* SP-038: Logo alaninin "cerceve" limitlerine takilmamasi icin header yuksekligini arttir.
     Roofbar(24) + navbar(~144) (offset hesaplarinda kullanilir) */
  /* SP-045: Logo %30 kucultuldu (150px -> 105px).
     Header offset de daha dengeli hale getirildi. */
  --sm-header-h: 152px;

  /* Global font */
  font-family: 'Montserrat', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Helvetica Neue", "Noto Sans", "Liberation Sans", sans-serif;
  font-weight: 400;
}

@media (max-width: 900px){
  body.sibertema.siberays{
    --sm-pad: 16px;
    --sm-pad-lg: 16px;
    --sm-header-h: 124px;
  }
}

/* ============================================================
   SP-040 — Full Width Site Layout (Global)
   - Bootstrap/legacy container max-width limitlerini kaldır
   - Yatay taşma üretmeden padding standardı
   ============================================================ */
body.sibertema.siberays .container,
body.sibertema.siberays .container-sm,
body.sibertema.siberays .container-md,
body.sibertema.siberays .container-lg,
body.sibertema.siberays .container-xl,
body.sibertema.siberays .container-xxl{
  max-width: none !important;
  width: 100% !important;
  padding-left: var(--sm-pad) !important;
  padding-right: var(--sm-pad) !important;
}

body.sibertema.siberays .section,
body.sibertema.siberays .page-container{
  max-width: none !important;
}

/* Bazı legacy bloklarda 80rem limit var (SiberAYS full-width hedefi) */
body.sibertema.siberays .top-bar-content,
body.sibertema.siberays .main-header-content{
  max-width: none !important;
}

body.sibertema.siberays .sm-app{ overflow-x: clip; }

/* Overlay: gri yerine marka ink (no-grey policy) */
body.sibertema.siberays .sm-overlay{
  background: rgba(13,23,37,.56);
}

/*
  SP-057 — Sayfa Roof (SVG)
  - Kullanici tarafindan saglanan SVG dosyalari (header ustu + footer alti) birebir kullanilir.
  - Hedef: Tam genislik (edge-to-edge), pürüzsüz (vector), “parça gibi” degil tam gorunur.
  - NOT: Yeni roof SVG oranlari (2200x133) sebebiyle CSS ile crop/scale YAPILMAZ.
*/
body.sibertema.siberays{
  --ays-roof-bg: #ffffff;

  /* ============================================================
     SP-062 — Roof Height (1/2)
     - Hedef: Header ustu + footer alti roof SVG yuksekligini yaklasik %50 daraltmak.
     - SVG dosyasi birebir korunur; sadece CSS ile yukseklik kontrol edilir.
     - Roof SVG viewBox: 2200x133 (orijinal).
     ============================================================ */
  --ays-roof-h: clamp(18px, calc(100vw * 133 / 4400), 70px);
}

/* Header Top Roof (edge-to-edge) */
body.sibertema.siberays .ays-toproof{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  line-height: 0;
  background: var(--ays-roof-bg);
  overflow: hidden;
  height: var(--ays-roof-h);
}

/* Footer Bottom Roof (edge-to-edge) */
body.sibertema.siberays .ays-bottomroof{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  line-height: 0;
  background: var(--ays-roof-bg);
  overflow: hidden;
  height: var(--ays-roof-h);
}

/* Roof image (SVG) */
body.sibertema.siberays .ays-edge-img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: fill;
  object-position: center;
  transform: none;
  pointer-events: none;
  user-select: none;
}

body.sibertema.siberays .ays-edge-img-flip{
  transform: scaleY(-1);
  transform-origin: center;
  object-position: center;
}

/* ============================================================
   SP-057 — Ozel Sayfalar (sayfa/{seo})
   - Ust/alt cati objeleri ile anlatim guclendirme (tum ozel sayfalar)
   - Render: Sadece dekor, etkilemez (pointer-events none)
*/
body.sibertema.siberays.sm-route-sayfa .main-content{
  position: relative;
}
body.sibertema.siberays.sm-route-sayfa .main-content::before,
body.sibertema.siberays.sm-route-sayfa .main-content::after{
  content: "";
  position: absolute;
  width: min(720px, 88vw);
  height: 180px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .12;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
body.sibertema.siberays.sm-route-sayfa .main-content::before{
  top: -46px;
  right: -140px;
  background-image: url('assets/ust-cati-obje.svg');
}
body.sibertema.siberays.sm-route-sayfa .main-content::after{
  bottom: -66px;
  left: -140px;
  background-image: url('assets/alt-cati-obje.svg');
}
body.sibertema.siberays.sm-route-sayfa .main-content .container{
  position: relative;
  z-index: 1;
  max-width: min(1140px, calc(100vw - 32px));
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 680px){
  body.sibertema.siberays.sm-route-sayfa .main-content::before{ right: -180px; opacity: .10; }
  body.sibertema.siberays.sm-route-sayfa .main-content::after{ left: -180px; opacity: .10; }
}

/* ============================================================
   SP-059 — SiberAYS: Ozel Sayfalar Premium Layout v2 (sayfa/{seo})

   Hedef:
   - Tipografi/spacing daha premium ve okunur olsun.
   - Galeri ve banner daha kurumsal kart yapisinda gorunsun.
   - 6gen (hex) motif kontrollu kullanilsin.

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

body.sibertema.siberays.sm-route-sayfa #MainContent.sm-ays-page{
  padding-bottom: 34px;
}

/* Breadcrumbar: daha hafif/premium */
body.sibertema.siberays.sm-route-sayfa .breadcrumbs{
  background: transparent;
}
body.sibertema.siberays.sm-route-sayfa .breadcrumbs .container{
  max-width: min(1140px, calc(100vw - 32px));
  margin-left: auto;
  margin-right: auto;
}

/* Sayfa karti */
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-card{
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .14);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 16px 44px rgba(15, 23, 42, .08);
  overflow: hidden;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-card::before{
  content: "";
  position: absolute;
  inset: -40px;
  background: url('assets/6gen.svg') no-repeat right 20px top 22px / 260px auto;
  opacity: .06;
  pointer-events: none;
  user-select: none;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-card > *{
  position: relative;
  z-index: 1;
}

/* Baslik hiyerarsisi */
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-card .cms-group-title h3.blog a{
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(var(--sm-ays-ink-rgb), .72);
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-card .cms-group-title h1 a.h3{
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: -0.02em;
  font-size: clamp(22px, 2.2vw, 30px);
  color: var(--sm-ays-ink);
}

/* Icerik tipografi */
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-content{
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.85;
  color: rgba(var(--sm-ays-ink-rgb), .88);
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-content p{
  margin: 0 0 14px;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-content h2,
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-content h3,
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-content h4{
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.25;
  color: var(--sm-ays-ink);
  margin: 18px 0 10px;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-content a{
  color: rgba(var(--sm-ays-turq-rgb), .95);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-content a:hover{
  color: rgba(var(--sm-ays-turq-rgb), 1);
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-page-content ul,
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-content ol{
  padding-left: 18px;
  margin: 0 0 14px;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-content li{
  margin: 6px 0;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-content ::marker{
  color: rgba(var(--sm-ays-turq-rgb), .85);
}

/* Banner: temiz kenar/premium */
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-banner,
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-banner a{
  display: block;
  border-radius: 22px;
  overflow: hidden;
}
body.sibertema.siberays.sm-route-sayfa .banner-img-article .pr_lazy_img{
  border-radius: 22px;
}

/* Galeri: grid ve premium frame */
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-gallery{
  margin-top: 10px;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-gallery-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-gallery-item{
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-gallery-item a{
  display: block;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .16);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
  background: #fff;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-gallery-item img{
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 820px){
  body.sibertema.siberays.sm-route-sayfa .sm-ays-page-card{ padding: 14px; }
  body.sibertema.siberays.sm-route-sayfa .sm-ays-page-gallery-grid{ grid-template-columns: 1fr; }
}

/* ============================================================
   SP-089 — SiberAYS: Kurumsal/Bilgi Sayfaları
   - sayfa/{seo} sayfalarında DB banner yoksa otomatik hero görseli
   - Hakkımızda sayfası: uzun metin + görsel anlatım + mobil uyumlu kartlar/step'ler

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */


/* ============================================================
   SP-093 — SiberAYS: Kurumsal/Bilgi Sayfaları (Revizyon)
   - Büyük banner/hero yerine kompakt başlık bandı (KHero)
   - Remote (free license) görsel + tema içi fallback
   - İçerik kartında çift başlık görünümünü azaltma (nohead)

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

body.sibertema.siberays .sm-ays-khero{
  margin: 0 0 12px;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .16);
  box-shadow: 0 16px 44px rgba(15, 23, 42, .08);
  background: #fff;
  position: relative;
}
body.sibertema.siberays .sm-ays-khero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(var(--sm-ays-turq-rgb), .09), rgba(var(--sm-ays-gold-rgb), .10));
  pointer-events: none;
}

body.sibertema.siberays .sm-ays-khero-decor{
  position: absolute;
  inset: 0;
  pointer-events: none;
  user-select: none;
  background:
    url('assets/ust-cati-obje.svg') no-repeat left -26px top -18px / 180px auto,
    url('assets/alt-cati-obje.svg') no-repeat right -26px bottom -20px / 190px auto,
    url('assets/6gen.svg') no-repeat right 24px top 18px / 220px auto;
  opacity: .12;
}

body.sibertema.siberays .sm-ays-khero-inner{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
}

body.sibertema.siberays .sm-ays-khero-body{
  min-width: 0;
  max-width: 760px;
}

body.sibertema.siberays .sm-ays-khero-badge{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 6px 10px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
  background: rgba(var(--sm-ays-turq-rgb), .06);
  color: rgba(var(--sm-ays-turq-rgb), .95);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .10em;
  text-transform: uppercase;
}

body.sibertema.siberays .sm-ays-khero-title{
  margin: 10px 0 6px;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 800;
  color: rgba(var(--sm-ays-ink-rgb), .96);
}

body.sibertema.siberays .sm-ays-khero-lead{
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(var(--sm-ays-ink-rgb), .70);
  max-width: 64ch;
}

body.sibertema.siberays .sm-ays-khero-media{
  position: relative;
  flex: 0 0 auto;
  width: 220px;
  aspect-ratio: 1258 / 1169;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  filter: drop-shadow(0 14px 34px rgba(15, 23, 42, .10));
  --sm-khero-hex-bg-inset: 18px;
  --sm-khero-hex-img-inset: 26px;
}

/* İç yüzey (beyaz) */
body.sibertema.siberays .sm-ays-khero-media::before{
  content: "";
  position: absolute;
  inset: var(--sm-khero-hex-bg-inset);
  background: #ffffff;
  clip-path: var(--ays-hex-clip);
  box-shadow: inset 0 0 0 1px rgba(var(--sm-ays-turq-rgb), .12);
  pointer-events: none;
  z-index: 1;
}

/* Görsel: 6gen içinde kırp (kare taşma olmaz) */
body.sibertema.siberays .sm-ays-khero-media img{
  position: absolute;
  top: var(--sm-khero-hex-img-inset);
  left: var(--sm-khero-hex-img-inset);
  width: calc(100% - var(--sm-khero-hex-img-inset) - var(--sm-khero-hex-img-inset));
  height: calc(100% - var(--sm-khero-hex-img-inset) - var(--sm-khero-hex-img-inset));
  display: block;
  object-fit: cover;
  object-position: center;
  clip-path: var(--ays-hex-clip);
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  z-index: 2;
}

body.sibertema.siberays .sm-ays-khero-media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: url('assets/6gen.svg') no-repeat center / contain;
  opacity: .96;
  pointer-events: none;
  z-index: 3;
}

/* Fallback: clip-path yoksa kare görünüm korunur */
@supports not (clip-path: polygon(0 0)){
  body.sibertema.siberays .sm-ays-khero-media{
    width: 220px;
    height: 220px;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(var(--sm-ays-turq-rgb), .16);
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
    filter: none;
  }
  body.sibertema.siberays .sm-ays-khero-media::before{ content: none; }
  body.sibertema.siberays .sm-ays-khero-media img{
    position: static;
    width: 100%;
    height: 100%;
    clip-path: none;
  }
  body.sibertema.siberays .sm-ays-khero-media::after{
    inset: -16px;
    opacity: .92;
  }
  @media (max-width: 992px){
    body.sibertema.siberays .sm-ays-khero-media{ width: 180px; height: 180px; }
  }
  @media (max-width: 520px){
    body.sibertema.siberays .sm-ays-khero-media{ width: 160px; height: 160px; }
  }
}

body.sibertema.siberays .sm-ays-page-card--nohead .head.head-article{
  display: none !important;
}

@media (max-width: 992px){
  body.sibertema.siberays .sm-ays-khero-inner{
    flex-direction: column;
    align-items: flex-start;
  }
  body.sibertema.siberays .sm-ays-khero-title{ font-size: 22px; }
  body.sibertema.siberays .sm-ays-khero-media{
    width: 180px;
    align-self: flex-end;
    --sm-khero-hex-bg-inset: 16px;
    --sm-khero-hex-img-inset: 23px;
  }
}

@media (max-width: 520px){
  body.sibertema.siberays .sm-ays-khero-inner{ padding: 14px; }
  body.sibertema.siberays .sm-ays-khero-media{
    width: 160px;
    --sm-khero-hex-bg-inset: 14px;
    --sm-khero-hex-img-inset: 20px;
  }
}


body.sibertema.siberays.sm-route-sayfa .sm-ays-page-hero{
  margin: 0 0 12px;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .16);
  box-shadow: 0 16px 44px rgba(15, 23, 42, .08);
  background: #fff;
  position: relative;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-page-hero-media img{
  width: 100%;
  height: 240px;
  display: block;
  object-fit: cover;

}

body.sibertema.siberays.sm-route-sayfa .sm-ays-page-hero-decor{
  position: absolute;
  inset: 0;
  pointer-events: none;
  user-select: none;
  background:
    url('assets/ust-cati-obje.svg') no-repeat left -26px top -20px / 180px auto,
    url('assets/alt-cati-obje.svg') no-repeat right -26px bottom -22px / 190px auto,
    url('assets/6gen.svg') no-repeat right 24px top 18px / 220px auto;
  opacity: .16;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-about-highlights{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 18px;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-about-card{
  position: relative;
  background: #fff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .14);
  border-radius: 18px;
  padding: 14px 14px 12px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
  overflow: hidden;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-about-card::before{
  content: "";
  position: absolute;
  inset: -40px;
  background: url('assets/6gen.svg') no-repeat right 12px top 10px / 180px auto;
  opacity: .05;
  pointer-events: none;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-about-card > *{
  position: relative;
  z-index: 1;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-about-kicker{
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(var(--sm-ays-ink-rgb), .78);
  margin: 0 0 8px;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-about-media{
  margin: 12px 0 18px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .16);
  box-shadow: 0 16px 44px rgba(15, 23, 42, .08);
  background: #fff;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-about-media img{
  width: 100%;
  height: 260px;
  display: block;
  object-fit: cover;

}

body.sibertema.siberays.sm-route-sayfa .sm-ays-about-steps{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 10px 0 18px;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-step{
  position: relative;
  background: #fff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .14);
  border-radius: 18px;
  padding: 14px 14px 12px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
  overflow: hidden;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-step::before{
  content: "";
  position: absolute;
  inset: -60px;
  background: url('assets/6gen.svg') no-repeat left 16px bottom 10px / 160px auto;
  opacity: .04;
  pointer-events: none;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-step-no{
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .22em;
  color: rgba(var(--sm-ays-gold-rgb), .92);
  margin: 0 0 6px;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-step-title{
  font-weight: 600;
  font-size: 15px;
  color: var(--sm-ays-ink);
  margin: 0 0 6px;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-step-text{
  margin: 0;
  color: rgba(var(--sm-ays-ink-rgb), .84);
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-about-cta{
  margin-top: 16px;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .30);
  background: #ffffff;
  box-shadow: 0 16px 44px rgba(15, 23, 42, .06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-about-cta-text{
  font-weight: 400;
  color: rgba(var(--sm-ays-ink-rgb), .86);
}

@media (max-width: 980px){
  body.sibertema.siberays.sm-route-sayfa .sm-ays-about-highlights{
    grid-template-columns: 1fr;
  }
  body.sibertema.siberays.sm-route-sayfa .sm-ays-about-steps{
    grid-template-columns: 1fr;
  }
  body.sibertema.siberays.sm-route-sayfa .sm-ays-about-cta{
    flex-direction: column;
    align-items: flex-start;
  }
}



/* ============================================================
   SP-090 — SiberAYS: Statik Kurumsal/Bilgi Sayfaları Premium Layout
   - bankabilgilerimiz, sss, kullanimkosullari, mesafeli-satis-sozlesmesi, rizametni
   - sm-ays-static-page scope’u ile hero + kart + tipografi

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

body.sibertema.siberays #MainContent.sm-ays-page.sm-ays-static-page{
  padding-bottom: 34px;
}

/* Breadcrumbar */
body.sibertema.siberays .sm-ays-static-page .breadcrumbs{
  background: transparent;
}
body.sibertema.siberays .sm-ays-static-page .breadcrumbs .container{
  max-width: min(1140px, calc(100vw - 32px));
  margin-left: auto;
  margin-right: auto;
}

/* Kart */
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-card{
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .14);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 16px 44px rgba(15, 23, 42, .08);
  overflow: hidden;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-card::before{
  content: "";
  position: absolute;
  inset: -40px;
  background: url('assets/6gen.svg') no-repeat right 20px top 22px / 260px auto;
  opacity: .06;
  pointer-events: none;
  user-select: none;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-card > *{
  position: relative;
  z-index: 1;
}

/* Başlık hiyerarşisi */
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-card .cms-group-title h3.blog a{
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(var(--sm-ays-ink-rgb), .72);
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-card .cms-group-title h1 a.h3{
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: -0.02em;
  font-size: clamp(22px, 2.2vw, 30px);
  color: var(--sm-ays-ink);
}

/* İçerik tipografi */
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-content{
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.85;
  color: rgba(var(--sm-ays-ink-rgb), .88);
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-content p{
  margin: 0 0 14px;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-content h2,
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-content h3,
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-content h4{
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.25;
  color: var(--sm-ays-ink);
  margin: 18px 0 10px;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-content a{
  color: rgba(var(--sm-ays-turq-rgb), .95);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-content a:hover{
  color: rgba(var(--sm-ays-turq-rgb), 1);
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-content ul,
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-content ol{
  padding-left: 18px;
  margin: 0 0 14px;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-content li{
  margin: 6px 0;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-content ::marker{
  color: rgba(var(--sm-ays-turq-rgb), .85);
}

/* Hero */
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-hero{
  margin: 0 0 12px;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .16);
  box-shadow: 0 16px 44px rgba(15, 23, 42, .08);
  background: #fff;
  position: relative;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-hero-media img{
  width: 100%;
  height: auto;
  display: block;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-hero-decor{
  position: absolute;
  inset: 0;
  pointer-events: none;
  user-select: none;
  background:
    url('assets/ust-cati-obje.svg') no-repeat left -26px top -20px / 180px auto,
    url('assets/alt-cati-obje.svg') no-repeat right -26px bottom -22px / 190px auto,
    url('assets/6gen.svg') no-repeat right 24px top 18px / 220px auto;
  opacity: .16;
}

/* Mobilde tablo taşmasını engelle */
body.sibertema.siberays .sm-ays-static-page .sm-ays-table-wrap{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 16px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .12);
  background: #fff;
}

/* SP-092 — Mobilde taşma/overflow korumaları (Kurumsal/Bilgi içerikleri) */
body.sibertema.siberays .sm-ays-page-content img,
body.sibertema.siberays .sm-ays-page-content iframe,
body.sibertema.siberays .sm-ays-page-content video{
  max-width: 100%;
  height: auto;
}
body.sibertema.siberays .sm-ays-page-content table{
  max-width: 100%;
}
body.sibertema.siberays .sm-ays-page-content pre{
  max-width: 100%;
  overflow-x: auto;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table{
  margin: 0;
  background: transparent;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table th{
  white-space: nowrap;
  font-weight: 600;
  font-size: 13px;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table td{
  vertical-align: middle;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-logo{
  height: 56px;
  width: auto;
  max-width: 140px;
  display: block;
  object-fit: contain;
}

/* Boş durum mesajı */
body.sibertema.siberays .sm-ays-static-page .sm-ays-empty{
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .28);
  background: rgba(255, 195, 0, .08);
  color: rgba(var(--sm-ays-ink-rgb), .88);
}

@media (max-width: 820px){
  body.sibertema.siberays .sm-ays-static-page .sm-ays-page-card{ padding: 14px; }
}


/* Inline roof SVG (eski helper) — geriye donus icin tutuldu */
body.sibertema.siberays .ays-edge-svg{
  width: 100%;
  height: 100%;
  display: block;
}

body.sibertema.siberays .ays-edge-svg-flip{
  transform: scaleY(-1);
  transform-origin: center;
}

body.sibertema.siberays .ays-edge-stroke{ fill: none; stroke-linejoin: round; stroke-linecap: round; }
body.sibertema.siberays .ays-edge-stroke-soft{ stroke: rgba(var(--sm-ays-turq-rgb), .28); stroke-width: 12; }
body.sibertema.siberays .ays-edge-stroke-hi{ stroke: rgba(var(--sm-ays-turq-rgb), .95); stroke-width: 3.2; }
body.sibertema.siberays .ays-edge-stroke-gold{ stroke: rgba(var(--sm-ays-gold-rgb), .78); stroke-width: 1.6; opacity: .85; }

/* ============================================================
   SP-041 (v0.1.117) — Ana Sayfa: Hero Slider Full Width +
   "Arac modeli ile yedek parca bulunuz" (tek satir bar)

   Amac:
   - Slider'i tam genislik (edge-to-edge) yap.
   - Arac/model/parca grubu secimini slider hemen altina
     tek satir premium bir bar olarak yerlestir.

   Not:
   - Varsayilan temahome.php markup'i korunur; SiberAYS scope'unda
     CSS ile yerlesim yeniden duzenlenir.

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

/* Hero slideshow wrapper: container padding'i sifirla (slider edge-to-edge) */
body.sibertema.siberays.sm-route-index .shopify-section.slideshow [data-wrapper-slidershow].container{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Shopify inline style ile gelen padding-top'u SiberAYS'te azalt */
body.sibertema.siberays.sm-route-index .shopify-section.slideshow section[id^="laber_template"]{
  padding-top: 0 !important;
}

/* Wrapper: iki kolon (sol search + sag slider) yerine dikey akisa gec */
body.sibertema.siberays.sm-route-index .shopify-section.slideshow .wrapper-slidershow{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body.sibertema.siberays.sm-route-index .shopify-section.slideshow .wrapper-slidershow > .laberSlidershow,
body.sibertema.siberays.sm-route-index .shopify-section.slideshow .wrapper-slidershow > .slideraltbanner{
  float: none !important;
  max-width: none !important;
  flex: 0 0 auto;
}

/* Slider: ilk siraya al + padding'i kapat */
body.sibertema.siberays.sm-route-index .shopify-section.slideshow .wrapper-slidershow > .laberSlidershow{
  order: 1;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Slider altindaki bar: safe padding ile hizala */
body.sibertema.siberays.sm-route-index .shopify-section.slideshow .wrapper-slidershow > .slideraltbanner{
  order: 2;
  width: 100% !important;
  padding-left: var(--sm-pad) !important;
  padding-right: var(--sm-pad) !important;
}

/* Vehicle finder: premium tek satir bar */
body.sibertema.siberays.sm-route-index .slideraltbanner .search-box{
  margin: 0 auto !important;
  max-width: 1400px;
  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.35) !important;
  box-shadow: 0 18px 48px rgba(2,6,23,.08) !important;
  height: auto !important;
  position: relative;
  overflow: visible !important;
}

/* Baslik + form tek satir hizalama */
body.sibertema.siberays.sm-route-index .slideraltbanner .search-box{
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 14px;
}

body.sibertema.siberays.sm-route-index .slideraltbanner .search-box h5{
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.2;
  font-weight: 500 !important;
  letter-spacing: .2px;
  text-align: left !important;
  color: var(--sm-ays-ink) !important;
  text-shadow: none !important;
}

body.sibertema.siberays.sm-route-index .slideraltbanner .search-box form{
  margin: 0 !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) 160px;
  gap: 10px;
  align-items: center;
}

body.sibertema.siberays.sm-route-index .slideraltbanner .search-box .select-wrapper{
  margin-bottom: 0 !important;
}

/* Step icon'lari gizle (bar icinde gereksiz kalabalik) */
body.sibertema.siberays.sm-route-index .slideraltbanner .search-box .step-icon{
  display: none !important;
}

/* Select padding: step-icon sol bosluklarini kaldir */
body.sibertema.siberays.sm-route-index .slideraltbanner .search-box select.form-select{
  padding: 12px 14px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: var(--sm-text) !important;
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.40) !important;
  box-shadow: none !important;
  font-weight: 500;
}

body.sibertema.siberays.sm-route-index .slideraltbanner .search-box select.form-select:hover{
  transform: none !important;
  box-shadow: 0 8px 18px rgba(2,6,23,.08) !important;
}

body.sibertema.siberays.sm-route-index .slideraltbanner .search-box select.form-select:focus{
  outline: none !important;
  border-color: rgba(var(--sm-ays-gold-rgb),.85) !important;
  box-shadow: 0 0 0 3px rgba(var(--sm-ays-gold-rgb),.18) !important;
}

/* Button: premium, yukseklik uyumlu */
body.sibertema.siberays.sm-route-index .slideraltbanner .search-box .btn-search{
  width: 100% !important;
  height: 44px;
  padding: 0 14px !important;
  border-radius: 12px !important;
  letter-spacing: .6px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  box-shadow: 0 10px 26px rgba(var(--sm-ays-gold-rgb),.22) !important;
}

@media (max-width: 900px){
  body.sibertema.siberays.sm-route-index .slideraltbanner .search-box{
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px !important;
  }
  body.sibertema.siberays.sm-route-index .slideraltbanner .search-box h5{
    font-size: 13px !important;
  }
  body.sibertema.siberays.sm-route-index .slideraltbanner .search-box form{
    grid-template-columns: 1fr;
  }
  body.sibertema.siberays.sm-route-index .slideraltbanner .search-box .btn-search{
    height: 46px;
  }
}

/* Navbar row: clean white */
body.sibertema.siberays .sm-header-v2{
  position: sticky;
  top: 0;
  z-index: 3100;
}

body.sibertema.siberays .sm-navbar-v2{
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid rgba(var(--sm-ays-turq-rgb), .26);
}

/* Eski ok-bar pseudo dekorlarini kapat (SP-031) */
body.sibertema.siberays .sm-navbar-v2::before,
body.sibertema.siberays .sm-navbar-v2::after{
  display: none !important;
  content: none !important;
}

body.sibertema.siberays .sm-navbar-v2 .sm-navbar-top{
  /* SP-038: Logo gorunurlugu icin daha ferah satir */
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 104px;
}

/* Logo (admin secilebilir) */
body.sibertema.siberays a.sm-logo.ays-logo{
  display: inline-flex;
  align-items: center;
  min-width: 0;
  text-decoration: none;
}

body.sibertema.siberays .ays-logo-img{
  /* SP-039: Logo boyutu ui.css header kurallari tarafindan kucultulmesin */
  /* SP-045: Logo fazla buyudu -> %30 kucult (150px -> 105px) */
  /* SP-283: Header daha kompakt + daha dengeli logo yüksekliği */
  height: 92px;
  width: auto;
  display: block;
  max-height: none;
}

/* ui.css: body.sibertema .sm-header-v2 .sm-logo img (46px) override */
body.sibertema.siberays .sm-header-v2 .sm-navbar-top .sm-logo img.ays-logo-img{
  height: 92px !important;
  width: auto !important;
  max-height: none !important;
}

@media (max-width: 900px){
  body.sibertema.siberays .ays-logo-img{
    height: 56px;
    max-width: min(52vw, 220px);
  }
  body.sibertema.siberays .sm-header-v2 .sm-navbar-top .sm-logo img.ays-logo-img{
    height: 56px !important;
    max-width: min(52vw, 220px) !important;
  }
  body.sibertema.siberays .sm-navbar-v2 .sm-navbar-top.sm-navbar-inner{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 76px !important;
  }
  body.sibertema.siberays .sm-navbar-v2 .sm-navbar-top .sm-logo{
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  body.sibertema.siberays .ays-header-actions{
    grid-column: 2 !important;
    justify-self: end !important;
    gap: 8px !important;
  }
  body.sibertema.siberays #smLangDrop,
  body.sibertema.siberays #smCurrencyDrop{
    display: none !important;
  }
}

@media (max-width: 540px){
  body.sibertema.siberays .ays-logo-img{
    height: 48px;
    max-width: min(48vw, 180px);
  }
  body.sibertema.siberays .sm-header-v2 .sm-navbar-top .sm-logo img.ays-logo-img{
    height: 48px !important;
    max-width: min(48vw, 180px) !important;
  }
}

/* ============================================================
   SP-045 (v0.1.121) — Floating Contact Buttons (Call/WhatsApp)
   - Kullanıcı talebi: WhatsApp ve "Bizi Arayın" butonları beyaz olsun.
   - SiberAYS paleti: turkuaz accent + beyaz zemin, gri yok.

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

body.sibertema.siberays .sm-fab{
  background: #ffffff !important;
  color: var(--sm-ays-ink) !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .38) !important;
  box-shadow: 0 18px 40px rgba(2,6,23,.14);
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.sibertema.siberays .sm-fab::before{ opacity: 0 !important; }
body.sibertema.siberays .sm-fab-wow::after{ display: none !important; }

body.sibertema.siberays .sm-fab-ic{
  background: rgba(var(--sm-ays-turq-rgb), .08) !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .45) !important;
  color: var(--sm-ays-turq) !important;
}

body.sibertema.siberays .sm-fab-title{
  font-weight: 500 !important;
  letter-spacing: -.1px;
}

body.sibertema.siberays .sm-fab-sub{
  color: rgba(13,23,37,.74) !important;
}

body.sibertema.siberays .sm-fab:hover{
  transform: translateY(-1px);
  border-color: rgba(var(--sm-ays-turq-rgb), .70) !important;
  color: var(--sm-ays-ink) !important;
}

body.sibertema.siberays .sm-fab:hover .sm-fab-sub{
  color: rgba(13,23,37,.80) !important;
}

/* ============================================================
   SP-051 (v0.1.127) — Floating Dock Stack (Sepet + Hesap/Bayi)
   - Sepet/Hesap/Bayilik butonlari artik footer dock icinde.
   - Badge (adet) SiberAYS dilinde: turkuaz, premium.

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

body.sibertema.siberays .sm-fab-dock{ gap: 8px; }

body.sibertema.siberays .sm-fab .sm-side-badge{
  position: absolute;
  top: 10px;
  right: 12px;
  margin-left: 0;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--sm-ays-turq);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  box-shadow: 0 10px 22px rgba(2,6,23,.14);
}

@media (max-width: 1200px){
  body.sibertema.siberays .sm-fab .sm-side-badge{ top: 8px; right: 10px; }
}

/* Main nav: modern, slim, UX/UI uyumlu */
body.sibertema.siberays a.sm-navlink,
body.sibertema.siberays summary.sm-navlink{
  /* SP-038: Nav linkleri daha ince + daha kurumsal (pill/box yok) */
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px;
  padding: 10px 10px;
  font-size: 13.5px;
  font-weight: 300 !important;
  line-height: 1;
  color: var(--sm-text);
  letter-spacing: .01em;
  position: relative;
  transform: none !important;
}

/* SP-038: Hover sarı kutucuk/pill etkisini tamamen kaldır */
body.sibertema.siberays a.sm-navlink:hover,
body.sibertema.siberays summary.sm-navlink:hover{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* SP-038: Eski "underline" sarı vurguyu kaldır (kutu hissi vermesin) */
body.sibertema.siberays a.sm-navlink::after,
body.sibertema.siberays summary.sm-navlink::after{
  content: none !important;
}

/* SP-038: Hover/aktif durumda sadece renk (kurumsal) */
body.sibertema.siberays a.sm-navlink:hover,
body.sibertema.siberays summary.sm-navlink:hover,
body.sibertema.siberays .sm-navdrop[open] > summary.sm-navlink{
  color: var(--sm-ays-gold);
}

/* Nav ikonlari */
body.sibertema.siberays .sm-nav-ico{
  width: 16px;
  height: 16px;
  opacity: .92;
  flex: 0 0 auto;
}
body.sibertema.siberays a.sm-navlink:hover .sm-nav-ico,
body.sibertema.siberays summary.sm-navlink:hover .sm-nav-ico,
body.sibertema.siberays .sm-navdrop[open] > summary .sm-nav-ico{
  opacity: 1;
}

/* details summary default ok/marker gizle (tarihi oklar) */
body.sibertema.siberays summary.sm-navlink{
  list-style: none;
}
body.sibertema.siberays summary.sm-navlink::-webkit-details-marker{ display:none; }
body.sibertema.siberays summary.sm-navlink::marker{ content: ''; }

/* Hover/active indicator (no grey) */
body.sibertema.siberays a.sm-navlink::after,
body.sibertema.siberays summary.sm-navlink::after{
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--sm-ays-gold), var(--sm-ays-gold-2));
  opacity: 0;
  transform: scaleX(.6);
  transform-origin: center;
  transition: transform .18s ease, opacity .18s ease;
}

body.sibertema.siberays a.sm-navlink:hover::after,
body.sibertema.siberays summary.sm-navlink:hover::after,
body.sibertema.siberays .sm-navdrop[open] > summary::after{
  opacity: 1;
  transform: scaleX(1);
}

/* caret (SVG sprite) */
body.sibertema.siberays .sm-navdrop-caret{
  /* SP-038: caret modern ve minimal */
  width: 12px;
  height: 12px;
  margin-left: 6px;
  opacity: .70;
  transition: transform .18s ease, opacity .18s ease;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  transform: none;
}
body.sibertema.siberays .sm-navdrop[open] > summary .sm-navdrop-caret{
  transform: rotate(180deg);
  opacity: .95;
}

/* Drop summary icin padding-right override (ui.css absolute caret varsayimini iptal) */
body.sibertema.siberays .sm-navlink-drop{
  padding-right: 10px !important;
}

/* Dropdown panel: beyaz */
body.sibertema.siberays .sm-navdrop-panel{
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.28);
  box-shadow: 0 24px 60px rgba(2,6,23,.12);
}

body.sibertema.siberays .sm-navdrop-link{
  color: var(--sm-text);
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.16);
}

body.sibertema.siberays .sm-navdrop-link:hover{
  background: rgba(var(--sm-ays-gold-rgb),.10);
  border-color: rgba(var(--sm-ays-gold-rgb),.35);
}

/* Header actions (search + menu) */
body.sibertema.siberays .ays-header-actions{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  position: relative;
  z-index: 3606;
  flex: 0 0 auto;
}

body.sibertema.siberays .sm-langdrop{
  position: relative;
}
body.sibertema.siberays .sm-langdrop > summary{
  list-style: none;
}
body.sibertema.siberays .sm-langdrop > summary::-webkit-details-marker{
  display: none;
}
body.sibertema.siberays .sm-langbtn{
  min-width: 52px;
  gap: 5px;
  padding-inline: 10px;
}
body.sibertema.siberays .sm-currencybtn{
  min-width: 66px;
}
body.sibertema.siberays .sm-langbtn-code{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
}
body.sibertema.siberays .sm-langbtn-caret{
  width: 12px;
  height: 12px;
  transition: transform .18s ease;
}
body.sibertema.siberays .sm-langdrop[open] .sm-langbtn-caret{
  transform: rotate(180deg);
}
body.sibertema.siberays .sm-langdrop-panel{
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(292px, calc(100vw - 24px));
  max-height: min(430px, calc(100vh - 140px));
  overflow: auto;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .26);
  background: rgba(255,255,255,.98);
  box-shadow: 0 24px 60px rgba(2,6,23,.16);
  z-index: 3605;
  scrollbar-width: thin;
}
body.sibertema.siberays .sm-langdrop-title{
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sm-ays-ink-2);
  margin-bottom: 8px;
}
body.sibertema.siberays .sm-langdrop-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
body.sibertema.siberays .sm-langdrop-link{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 58px;
  padding: 8px 6px;
  border-radius: 12px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .16);
  background: rgba(var(--sm-ays-gold-rgb), .05);
  color: var(--sm-text);
  text-decoration: none;
  text-align: center;
}
body.sibertema.siberays .sm-langdrop-link:hover{
  border-color: rgba(var(--sm-ays-gold-rgb), .30);
  background: rgba(var(--sm-ays-gold-rgb), .10);
}
body.sibertema.siberays .sm-langdrop-link.is-active{
  border-color: rgba(var(--sm-ays-gold-rgb), .48);
  background: rgba(var(--sm-ays-gold-rgb), .16);
  box-shadow: inset 0 0 0 1px rgba(var(--sm-ays-gold-rgb), .22);
}
body.sibertema.siberays .sm-langdrop-code{
  flex: 0 0 auto;
  min-width: 0;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(var(--sm-ays-gold-rgb), .16);
  color: var(--sm-ays-ink);
  text-align: center;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .08em;
}
body.sibertema.siberays .sm-langdrop-body{
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  align-items: center;
}
body.sibertema.siberays .sm-langdrop-native{
  font-size: 11px;
  font-weight: 700;
  color: var(--sm-text);
  line-height: 1.15;
}
body.sibertema.siberays .sm-langdrop-label{
  display: none;
  font-size: 10px;
  color: var(--sm-muted);
}
body.sibertema.siberays .sm-langdrop-note{
  display: none;
}
body.sibertema.siberays .sm-currencydrop-panel{
  width: min(300px, calc(100vw - 24px));
}
body.sibertema.siberays .sm-currencydrop-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.sibertema.siberays .sm-currencydrop-pill{
  min-height: 40px;
  padding-inline: 8px;
}
body.sibertema.siberays .sm-currencydrop-pill-auto{
  grid-column: 1 / -1;
  min-height: 36px;
}
body.sibertema.siberays .sm-currencydrop-pill-code{
  font-size: 11px;
  letter-spacing: .06em;
}

@media (max-width: 640px){
  body.sibertema.siberays .sm-langdrop-panel{
    width: min(280px, calc(100vw - 20px));
    max-height: min(70vh, calc(100vh - 110px));
  }
  body.sibertema.siberays .sm-langdrop-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.sibertema.siberays .sm-currencydrop-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.sibertema.siberays .sm-iconbtn{
  background: rgba(var(--sm-ays-gold-rgb),.10);
  border-color: rgba(var(--sm-ays-gold-rgb),.26);
  border-radius: 14px;
}

body.sibertema.siberays .sm-iconbtn:hover{
  border-color: rgba(var(--sm-ays-gold-rgb),.45);
  background: rgba(var(--sm-ays-gold-rgb),.14);
}

/* Search panel premium */
body.sibertema.siberays .sm-searchpanel{
  padding-top: calc(var(--sm-header-h) + 14px + env(safe-area-inset-top));
}

body.sibertema.siberays .sm-searchpanel-card,
body.sibertema.siberays .sm-searchpanel-inner{
  /* Full-width container kullanılsa bile arama paneli premium görünüm için kontrollü genişlikte kalsın */
  width: min(760px, 92vw);
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.28);
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(2,6,23,.16);
}

body.sibertema.siberays .sm-searchpanel-title{
  font-weight: 400;
  font-size: 14px;
  letter-spacing: .02em;
}

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

body.sibertema.siberays .sm-searchpanel-form input[type="text"]{
  flex: 1;
  height: 46px;
  padding: 0 14px;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.35) !important;
  /* sibertema.css input !important override eder; burada kesin beyaz + siyah uygula */
  background: #ffffff !important;
  color: #000000 !important;
  font-size: 14px;
  outline: none;
  box-shadow: none !important;
}

body.sibertema.siberays .sm-searchpanel-form input[type="text"]::placeholder{
  /* Gri yok: placeholder siyah */
  color: #000000 !important;
}

body.sibertema.siberays .sm-searchpanel-form input[type="text"]:focus{
  border-color: rgba(var(--sm-ays-gold-rgb),.78) !important;
  box-shadow: 0 0 0 3px rgba(var(--sm-ays-gold-rgb),.18) !important;
}

body.sibertema.siberays .sm-searchpanel-form button{
  height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.45);
  background: linear-gradient(135deg, var(--sm-ays-gold-hi), var(--sm-ays-gold) 34%, var(--sm-ays-gold-2));
  color: var(--sm-ays-ink);
  font-weight: 500;
  cursor: pointer;
}

body.sibertema.siberays .sm-searchpanel-form button:hover{
  filter: brightness(1.02);
}

/* Drawer brand - tek logo */
body.sibertema.siberays .sm-drawer-logo.ays-drawer-brand{
  gap: 0;
}

body.sibertema.siberays .sm-drawer-logo.ays-drawer-brand .ays-drawer-word{
  height: 34px;
  width: auto;
  object-fit: contain;
  display: block;
}



/* ============================================================
   SP-034 (v0.1.111) — AYS Mega Menü (görselli + açıklamalı)
   - Viewport safe (taşma yok)
   - Her menü öğesi: ikon/görsel + başlık + açıklama
   - Performans: harici istek yok (inline SVG sprite)

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

/* Mega menü: paneli navbar container genişliğinde aç (details -> static, panel -> nav relative) */
body.sibertema.siberays .sm-navbar-v2 .sm-navbar-top{ position: relative; }
body.sibertema.siberays .sm-mainnav{
  position: static;
  flex: 1 1 auto;
  min-width: 0;
}
body.sibertema.siberays details.sm-navdrop.sm-mega{ position: static; }

body.sibertema.siberays .sm-navdrop.sm-mega .sm-navdrop-panel{
  left: 0;
  right: 0;
  top: calc(100% + 12px);
  min-width: 0;
  max-width: none;
  width: auto;
  padding: 0;
  border-radius: 18px;
  max-height: min(70vh, 560px);
  overflow: auto;
}

body.sibertema.siberays .sm-mega-shell{
  padding: 18px;
  width: 100%;
  max-width: none;
  margin: 0;
}

body.sibertema.siberays .sm-mega-head{
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}

body.sibertema.siberays .sm-mega-kicker{
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .02em;
  color: var(--sm-text);
}

body.sibertema.siberays .sm-mega-sub{
  font-size: 12.5px;
  color: var(--sm-ays-ink-2);
}

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

body.sibertema.siberays .sm-mega-grid-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.sibertema.siberays .sm-mega-grid-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.sibertema.siberays .sm-mega-grid-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 1200px){
  body.sibertema.siberays .sm-mega-grid-4{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px){
  body.sibertema.siberays .sm-mega-grid-4,
  body.sibertema.siberays .sm-mega-grid-3{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

  body.sibertema.siberays .sm-mega-grid-2{ grid-template-columns: 1fr; }
}

@media (max-width: 560px){
  body.sibertema.siberays .sm-mega-grid-4,
  body.sibertema.siberays .sm-mega-grid-3{ grid-template-columns: 1fr; }
}


/* ============================================================
   SP-085 — Mega Menü: "Tüm Ürünler" tepe butonu
   - Kategori kartlarının üstünde, megamenü genişliği kadar
   - Çift taraflı ikon (hex)
   ============================================================ */
body.sibertema.siberays .sm-mega-topbtn{
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .38);
  background: linear-gradient(135deg, rgba(var(--sm-ays-gold-rgb), .22), #ffffff 62%);
  color: var(--sm-text);
  text-decoration: none;
  box-shadow: 0 16px 36px rgba(2,6,23,.08);
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
}
body.sibertema.siberays .sm-mega-topbtn:hover{
  transform: translateY(-1px);
  border-color: rgba(var(--sm-ays-turq-rgb), .65);
  background: linear-gradient(135deg, rgba(var(--sm-ays-gold-rgb), .26), #ffffff 62%);
  box-shadow: 0 22px 54px rgba(2,6,23,.12);
}
body.sibertema.siberays .sm-mega-topico{
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  color: rgba(var(--sm-ays-turq-rgb), .85);
}
body.sibertema.siberays .sm-mega-topico svg{
  width: 38px;
  height: 38px;
}
body.sibertema.siberays .sm-mega-toptext{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}
body.sibertema.siberays .sm-mega-toptitle{
  font-size: 14.5px;
  font-weight: 650;
  letter-spacing: .01em;
}
body.sibertema.siberays .sm-mega-topdesc{
  font-size: 12px;
  color: var(--sm-ays-ink-2);
}

@media (max-width: 560px){
  body.sibertema.siberays .sm-mega-topbtn{
    padding: 12px 12px;
    border-radius: 18px;
  }
  body.sibertema.siberays .sm-mega-topico{
    width: 36px;
    height: 36px;
  }
  body.sibertema.siberays .sm-mega-topico svg{
    width: 32px;
    height: 32px;
  }
}



body.sibertema.siberays .sm-mega-card{
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.22);
  background: #ffffff;
  text-decoration: none;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
  min-height: 84px;
}

body.sibertema.siberays .sm-mega-card:hover{
  border-color: rgba(var(--sm-ays-gold-rgb),.50);
  background: rgba(var(--sm-ays-gold-rgb),.06);
  box-shadow: 0 22px 50px rgba(2,6,23,.10);
  transform: translateY(-1px);
}


body.sibertema.siberays .sm-mega-media{
  width: 64px;
  height: 64px;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(var(--sm-ays-gold-rgb),.16), rgba(var(--sm-ays-gold-rgb),.06));
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.30);
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
}

/* Hex motif (AYS) */
@supports (clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%)){
  body.sibertema.siberays .sm-mega-media{
    clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
  }
}

/* İnce dekor çizgisi (ok/roof hissi) */
body.sibertema.siberays .sm-mega-media::after{
  content: '';
  position: absolute;
  left: -20%;
  right: -20%;
  bottom: 10px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(var(--sm-ays-gold-rgb),.85), transparent);
  opacity: .85;
  z-index: 0;
  transform: rotate(-12deg);
}

body.sibertema.siberays .sm-mega-media > *{
  position: relative;
  z-index: 1;
}

body.sibertema.siberays .sm-mega-img,
body.sibertema.siberays .sm-mega-illimg{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  padding: 10px;
}

body.sibertema.siberays .sm-mega-icon{
  width: 28px;
  height: 28px;
  color: var(--sm-ays-ink);
}

body.sibertema.siberays .sm-mega-body{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

body.sibertema.siberays .sm-mega-title{
  font-size: 13.5px;
  font-weight: 500;
  color: var(--sm-text);
  line-height: 1.2;
}

body.sibertema.siberays .sm-mega-desc{
  font-size: 12px;
  color: var(--sm-ays-ink-2);
  line-height: 1.35;
}

body.sibertema.siberays .sm-mega-empty{
  padding: 12px;
  border-radius: 16px;
  border: 1px dashed rgba(var(--sm-ays-gold-rgb),.35);
  color: var(--sm-ays-ink-2);
  background: rgba(var(--sm-ays-gold-rgb),.06);
}

body.sibertema.siberays .sm-mega-foot{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(var(--sm-ays-gold-rgb),.18);
}

body.sibertema.siberays .sm-mega-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.35);
  background: linear-gradient(135deg, rgba(var(--sm-ays-gold-rgb),.22), rgba(var(--sm-ays-gold-rgb),.12));
  color: var(--sm-text);
  font-weight: 500;
  font-size: 13px;
  text-decoration: none;
}

body.sibertema.siberays .sm-mega-cta:hover{
  background: rgba(var(--sm-ays-gold-rgb),.14);
  border-color: rgba(var(--sm-ays-gold-rgb),.55);
}

body.sibertema.siberays .sm-mega-cta.sm-mega-cta-ghost{
  background: #ffffff;
}

body.sibertema.siberays .sm-mega-sections{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

@media (max-width: 1000px){
  body.sibertema.siberays .sm-mega-sections{ grid-template-columns: 1fr; }
}

body.sibertema.siberays .sm-mega-section-title{
  font-size: 12px;
  font-weight: 500;
  color: var(--sm-ays-ink-2);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 6px 0 10px;
}


/* ============================================================
   SP-283 — Header "Ürünler" Mega Menü (Marka + Parça Grubu)
   - 2 sütun (desktop) / 1 sütun (mobil)
   - Listeler scroll-safe
   ============================================================ */
body.sibertema.siberays .sm-mega-shell.sm-mega-shell-products{
  max-width: none;
}

body.sibertema.siberays .sm-mega-topbtn.sm-mega-topbtn-products{
  margin-bottom: 14px;
}

body.sibertema.siberays .sm-mega-products-layout{
  display: grid;
  gap: 14px;
}

body.sibertema.siberays .sm-mega-products-search{
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}

body.sibertema.siberays .sm-mega-products-searchlabel,
body.sibertema.siberays .sm-drawer-products-searchlabel{
  font-size: 12px;
  font-weight: 700;
  color: var(--sm-text);
}

body.sibertema.siberays .sm-mega-products-searchbar,
body.sibertema.siberays .sm-drawer-products-searchbar{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .26);
  background: #ffffff;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .06);
}

body.sibertema.siberays .sm-mega-products-searchicon,
body.sibertema.siberays .sm-drawer-products-searchicon{
  width: 18px;
  height: 18px;
  color: rgba(var(--sm-ays-turq-rgb), .92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.sibertema.siberays .sm-mega-products-searchicon svg,
body.sibertema.siberays .sm-drawer-products-searchicon svg{
  width: 18px;
  height: 18px;
}

body.sibertema.siberays .sm-mega-products-searchinput,
body.sibertema.siberays .sm-drawer-products-searchinput{
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--sm-text);
  font-size: 14px;
  font-weight: 500;
  outline: none;
}

body.sibertema.siberays .sm-mega-products-searchinput::placeholder,
body.sibertema.siberays .sm-drawer-products-searchinput::placeholder{
  color: var(--sm-ays-ink-2);
}

body.sibertema.siberays .sm-mega-products-searchclear,
body.sibertema.siberays .sm-drawer-products-searchclear{
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  background: rgba(var(--sm-ays-gold-rgb), .12);
  color: var(--sm-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}

body.sibertema.siberays .sm-mega-products-results,
body.sibertema.siberays .sm-drawer-products-results{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.sibertema.siberays .sm-mega-search-hit{
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .20);
  background: rgba(var(--sm-ays-gold-rgb), .05);
  text-decoration: none;
  color: var(--sm-text);
}

body.sibertema.siberays .sm-mega-search-hit:hover{
  border-color: rgba(var(--sm-ays-gold-rgb), .34);
  background: rgba(var(--sm-ays-gold-rgb), .10);
}

body.sibertema.siberays .sm-mega-search-hit-kind{
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--sm-ays-ink-2);
}

body.sibertema.siberays .sm-mega-search-hit-text{
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

body.sibertema.siberays .sm-mega-search-empty{
  grid-column: 1 / -1;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px dashed rgba(var(--sm-ays-gold-rgb), .28);
  background: rgba(var(--sm-ays-gold-rgb), .05);
  color: var(--sm-text);
  font-size: 13px;
}

body.sibertema.siberays .sm-mega-topbadge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .36);
  background: rgba(var(--sm-ays-turq-rgb), .08);
  color: var(--sm-text);
  font-weight: 600;
  font-size: 12px;
  white-space: nowrap;
  flex: 0 0 auto;
}

body.sibertema.siberays .sm-mega-products-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

body.sibertema.siberays .sm-mega-products-col{
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.18);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 12px 30px rgba(2,6,23,.06);
}

body.sibertema.siberays .sm-mega-products-colhead{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

body.sibertema.siberays .sm-mega-products-ico{
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(var(--sm-ays-gold-rgb),.18), rgba(var(--sm-ays-gold-rgb),.08));
  border: 1px solid rgba(var(--sm-ays-gold-rgb),.28);
}

body.sibertema.siberays .sm-mega-products-ico .sm-mega-icon{
  width: 26px;
  height: 26px;
}

body.sibertema.siberays .sm-mega-products-title{
  font-size: 13.5px;
  font-weight: 650;
  color: var(--sm-text);
  line-height: 1.2;
}

body.sibertema.siberays .sm-mega-products-sub{
  font-size: 12px;
  color: var(--sm-ays-ink-2);
  line-height: 1.35;
  margin-top: 2px;
}

body.sibertema.siberays .sm-mega-products-list{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  max-height: none;
  overflow: visible;
  padding-right: 0;
}

@media (max-width: 1480px){
  body.sibertema.siberays .sm-mega-products-list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1100px){
  body.sibertema.siberays .sm-mega-products-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px){
  body.sibertema.siberays .sm-mega-products-list{
    grid-template-columns: 1fr;
  }
}

body.sibertema.siberays .sm-mega-products-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px solid transparent;
  text-decoration: none;
  color: var(--sm-text);
  background: rgba(var(--sm-ays-gold-rgb), .03);
  transition: background .14s ease, border-color .14s ease, transform .14s ease;
  min-width: 0;
}

body.sibertema.siberays .sm-mega-products-link.is-filtered-out,
body.sibertema.siberays .sm-mega-topbtn.is-filtered-out,
body.sibertema.siberays .sm-drawer-sublinks a.is-filtered-out,
body.sibertema.siberays .sm-drawer-link-primary.is-filtered-out{
  display: none !important;
}

body.sibertema.siberays .sm-mega-products-link:hover{
  background: rgba(var(--sm-ays-gold-rgb), .08);
  border-color: rgba(var(--sm-ays-gold-rgb), .32);
  transform: translateY(-1px);
}

body.sibertema.siberays .sm-mega-bullet{
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: rgba(var(--sm-ays-turq-rgb), .85);
}

body.sibertema.siberays .sm-mega-products-linktext{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/* SP-283 — Mobil drawer: Ürünler alt listeleri */
body.sibertema.siberays .sm-drawer-sub-products .sm-drawer-link-primary{
  display: inline-flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .30);
  background: rgba(var(--sm-ays-gold-rgb), .10);
  font-weight: 600;
}

body.sibertema.siberays .sm-drawer-products-search{
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
}

body.sibertema.siberays .sm-drawer-subgrid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 420px){
  body.sibertema.siberays .sm-drawer-subgrid{
    grid-template-columns: 1fr;
  }
}

body.sibertema.siberays .sm-drawer-subtitle{
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--sm-ays-ink-2);
  margin: 6px 0 8px;
}

body.sibertema.siberays .sm-drawer-sublinks{
  max-height: 220px;
  overflow: auto;
  padding-right: 6px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body.sibertema.siberays .sm-drawer-sublinks a{
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .18);
  background: rgba(var(--sm-ays-gold-rgb), .04);
}

body.sibertema.siberays .sm-drawer-sublinks a:hover{
  background: rgba(var(--sm-ays-gold-rgb), .08);
  border-color: rgba(var(--sm-ays-gold-rgb), .32);
}

@media (max-width: 1200px){
  body.sibertema.siberays .sm-mega-products-results{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px){
  body.sibertema.siberays .sm-mega-products-results,
  body.sibertema.siberays .sm-drawer-products-results{
    grid-template-columns: 1fr;
  }
}

body.sibertema.siberays .sm-drawer-languages{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
body.sibertema.siberays .sm-drawer-languages a{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .18);
  background: rgba(var(--sm-ays-gold-rgb), .05);
  color: var(--sm-text);
}
body.sibertema.siberays .sm-drawer-languages a:hover{
  background: rgba(var(--sm-ays-gold-rgb), .10);
  border-color: rgba(var(--sm-ays-gold-rgb), .32);
}
body.sibertema.siberays .sm-drawer-languages a.is-active{
  border-color: rgba(var(--sm-ays-gold-rgb), .46);
  background: rgba(var(--sm-ays-gold-rgb), .16);
}
body.sibertema.siberays .sm-drawer-currencies{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
body.sibertema.siberays .sm-drawer-currency{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .18);
  background: rgba(var(--sm-ays-gold-rgb), .05);
  color: var(--sm-text);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-decoration: none;
}
body.sibertema.siberays .sm-drawer-currency:hover{
  background: rgba(var(--sm-ays-gold-rgb), .10);
  border-color: rgba(var(--sm-ays-gold-rgb), .32);
}
body.sibertema.siberays .sm-drawer-currency.is-active{
  border-color: rgba(var(--sm-ays-gold-rgb), .46);
  background: rgba(var(--sm-ays-gold-rgb), .16);
}
body.sibertema.siberays .sm-drawer-currency-auto{
  grid-column: 1 / -1;
  min-height: 38px;
}
body.sibertema.siberays .sm-drawer-lang-code{
  flex: 0 0 auto;
  min-width: 38px;
  padding: 7px 8px;
  border-radius: 10px;
  background: rgba(var(--sm-ays-gold-rgb), .16);
  color: var(--sm-ays-ink);
  text-align: center;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}
body.sibertema.siberays .sm-drawer-lang-text{
  font-size: 13px;
  font-weight: 600;
  color: var(--sm-text);
}
@media (max-width: 460px){
  body.sibertema.siberays .sm-drawer-languages{
    grid-template-columns: 1fr;
  }
  body.sibertema.siberays .sm-drawer-currencies{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

body.sibertema.siberays .sm-drawer-empty{
  display: block;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px dashed rgba(var(--sm-ays-gold-rgb), .30);
  background: rgba(var(--sm-ays-gold-rgb), .06);
  color: var(--sm-ays-ink-2);
  font-size: 12px;
}


/* ============================================================
   SP-046 — Premium Home (Hero + Görsel Anlatim)
   ============================================================ */
body.sibertema.siberays .sm-ays-home-hero{
  margin-top: 12px;
}
@media (max-width: 768px){
  body.sibertema.siberays.sm-route-index .shopify-section.slideshow.sm-ays-home-hero{
    margin-top: 0 !important;
  }
  body.sibertema.siberays.sm-route-index .shopify-section.slideshow.sm-ays-home-hero > section[id^="laber_template"]{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
body.sibertema.siberays .sm-ays-hero-container{
  max-width: 100% !important;
  padding-left: 16px;
  padding-right: 16px;
}
body.sibertema.siberays .sm-ays-hero-wrapper{
  width: 100%;
}
body.sibertema.siberays .sm-ays-hero-carousel{
  position: relative;
}
body.sibertema.siberays .sm-ays-hero-carousel .grid-slider{
  overflow: hidden;
  width: 100%;
}
body.sibertema.siberays .sm-ays-hero-carousel .grid-slider:not(.slick-initialized){
  display: block !important;
  width: 100% !important;
}
body.sibertema.siberays .sm-ays-hero-carousel .grid-slider:not(.slick-initialized) > *{
  display: none !important;
  float: none !important;
  clear: none !important;
  width: 100% !important;
  margin: 0 !important;
}
body.sibertema.siberays .sm-ays-hero-carousel .grid-slider:not(.slick-initialized) > .sm-ays-hero-slide{
  display: none;
  width: 100%;
}
body.sibertema.siberays .sm-ays-hero-carousel .grid-slider:not(.slick-initialized).grid-init > *{
  width: 100% !important;
}
body.sibertema.siberays .sm-ays-hero-carousel .grid-slider:not(.slick-initialized) > .sm-ays-hero-slide:first-child{
  display: block;
}
body.sibertema.siberays .sm-ays-hero-slide{
  position: relative;
  border-radius: 26px;
  overflow: hidden;
}
body.sibertema.siberays .sm-ays-hero-carousel .grid-slider > .alo-item{
  width: 100%;
}
body.sibertema.siberays .sm-ays-hero-carousel .slick-list,
body.sibertema.siberays .sm-ays-hero-carousel .slick-track{
  overflow: hidden;
}
body.sibertema.siberays .sm-ays-hero-carousel .slick-track{
  display: flex;
}
body.sibertema.siberays .sm-ays-hero-carousel .slick-slide{
  height: auto;
}
body.sibertema.siberays .sm-ays-hero-carousel .slick-slide > div{
  height: 100%;
}
body.sibertema.siberays .sm-ays-hero-media img{
  width: 100%;
  height: clamp(360px, 40vw, 560px);
  object-fit: cover;
  display: block;
}
body.sibertema.siberays .sm-ays-hero-layer{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: clamp(16px, 3vw, 56px);
  background: linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.78) 86%);
}
body.sibertema.siberays .sm-ays-hero-layer-inner{
  max-width: 720px;
  background: rgba(0,0,0,.34);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  padding: clamp(14px, 2.2vw, 22px);
  box-shadow: 0 16px 40px rgba(0,0,0,.12);
}
body.sibertema.siberays .sm-ays-hero-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
  margin-bottom: 10px;
}
body.sibertema.siberays .sm-ays-hero-eyebrow::before{
  content: "";
  width: 36px;
  height: 2px;
  border-radius: 999px;
  background: var(--sm-ays-turq);
  box-shadow: 0 0 0 6px rgba(var(--sm-ays-turq-rgb), .16);
}
body.sibertema.siberays .sm-ays-hero-title{
  margin: 0 0 8px 0;
  color: #ffffff;
  text-shadow: 0 10px 24px rgba(0,0,0,.35);
  font-weight: 500;
  letter-spacing: -0.02em;
  font-size: clamp(26px, 3.0vw, 44px);
  line-height: 1.12;
}
body.sibertema.siberays .sm-ays-hero-desc{
  margin: 0;
  color: rgba(255,255,255,.90);
  text-shadow: 0 8px 20px rgba(0,0,0,.35);
  font-weight: 300;
  font-size: clamp(14px, 1.25vw, 18px);
  line-height: 1.45;
}

/* SP-052: Hero/slider uzerinde lacivert text engelle (dark gorsellerde okunurluk) */
body.sibertema.siberays .sm-ays-hero-title,
body.sibertema.siberays .sm-ays-hero-desc,
body.sibertema.siberays .sm-ays-hero-eyebrow{
  color: #ffffff !important;
}

body.sibertema.siberays .carousel-caption,
body.sibertema.siberays .nivo-caption,
body.sibertema.siberays .slider-caption{
  color: #ffffff !important;
}

body.sibertema.siberays .sm-ays-hero-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
body.sibertema.siberays .sm-btn-outline{
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 14px;
  border: 1.5px solid rgba(255,255,255,.72);
  color: #ffffff;
  background: transparent;
  text-decoration: none;
}
body.sibertema.siberays .sm-btn-outline:hover{
  border-color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.10);
  color: #ffffff;
}

body.sibertema.siberays .sm-ays-hero-dots .container{
  max-width: 100% !important;
}

/* Section head (shared) */
body.sibertema.siberays .sm-ays-section-head{
  text-align: center;
  margin: 0 auto 12px;
  max-width: 920px;
}
body.sibertema.siberays .sm-ays-section-head h2{
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  color: var(--sm-ays-ink);
  letter-spacing: -0.01em;
}
body.sibertema.siberays .sm-ays-section-head p{
  margin: 8px 0 0 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.55;
  color: color-mix(in srgb, var(--sm-ays-ink) 82%, var(--sm-ays-turq) 18%);
}
@media (max-width: 520px){
  body.sibertema.siberays .sm-ays-section-head h2{ font-size: 20px; }
}


/* SP-136: Home hero altı marka logo şeridi (thin marquee slider) */
body.sibertema.siberays .sm-ays-brandstrip{
  position: relative;
  padding: 10px 0;
  background: #ffffff;
  border-top: 1px solid rgba(var(--sm-ays-turq-rgb), .10);
  border-bottom: 1px solid rgba(var(--sm-ays-turq-rgb), .10);
}
body.sibertema.siberays .sm-ays-brandstrip .container{
  max-width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}
body.sibertema.siberays .sm-ays-brandstrip-inner{
  position: relative;
  overflow: hidden;
  width: 100%;
}
body.sibertema.siberays .sm-ays-brandstrip-inner::before,
body.sibertema.siberays .sm-ays-brandstrip-inner::after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 56px;
  z-index: 2;
  pointer-events: none;
}
body.sibertema.siberays .sm-ays-brandstrip-inner::before{
  left: 0;
  background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%);
}
body.sibertema.siberays .sm-ays-brandstrip-inner::after{
  right: 0;
  background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0) 100%);
}

body.sibertema.siberays .sm-ays-brandstrip-track{
  --sm-ays-brandstrip-gap: 26px;
  --sm-ays-brandstrip-speed: 46s;
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  animation: smAysBrandMarquee var(--sm-ays-brandstrip-speed) linear infinite;
}
body.sibertema.siberays .sm-ays-brandstrip-set{
  display: flex;
  align-items: center;
  gap: var(--sm-ays-brandstrip-gap);
  padding-right: var(--sm-ays-brandstrip-gap);
}
body.sibertema.siberays .sm-ays-brandstrip-item{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 2px;
  opacity: .92;
}
body.sibertema.siberays .sm-ays-brandstrip-item img{
  height: 28px;
  width: auto;
  max-width: 120px;
  display: block;
}

body.sibertema.siberays .sm-ays-brandstrip:hover .sm-ays-brandstrip-track{
  animation-play-state: paused;
}

@keyframes smAysBrandMarquee{
  from{ transform: translate3d(0,0,0); }
  to{ transform: translate3d(-50%,0,0); }
}

@media (max-width: 520px){
  body.sibertema.siberays .sm-ays-brandstrip{
    padding: 8px 0;
  }
  body.sibertema.siberays .sm-ays-brandstrip-inner::before,
  body.sibertema.siberays .sm-ays-brandstrip-inner::after{
    width: 40px;
  }
  body.sibertema.siberays .sm-ays-brandstrip-track{
    --sm-ays-brandstrip-gap: 18px;
    --sm-ays-brandstrip-speed: 36s;
  }
  body.sibertema.siberays .sm-ays-brandstrip-item{
    height: 36px;
  }
  body.sibertema.siberays .sm-ays-brandstrip-item img{
    height: 24px;
    max-width: 92px;
  }
}

@media (prefers-reduced-motion: reduce){
  body.sibertema.siberays .sm-ays-brandstrip-inner{
    overflow-x: auto;
  }
  body.sibertema.siberays .sm-ays-brandstrip-track{
    animation: none;
  }
  body.sibertema.siberays .sm-ays-brandstrip-inner::before,
  body.sibertema.siberays .sm-ays-brandstrip-inner::after{
    display: none;
  }
}



/* Vehicle bar */
body.sibertema.siberays .sm-ays-vehiclebar{
  padding: 18px 0 6px 0;
  /* SP-056: Native select dropdown'larda dark-mode etkisini azalt */
  color-scheme: light;
}
body.sibertema.siberays .sm-ays-vehiclebar .container{
  max-width: 100% !important;
  padding-left: 16px;
  padding-right: 16px;
}
body.sibertema.siberays .sm-ays-vehiclebar-head{
  text-align: center;
  max-width: 860px;
  margin: 0 auto 14px;
}
body.sibertema.siberays .sm-ays-vehiclebar-head h2{
  margin: 0;
  font-size: clamp(18px, 1.35vw, 24px);
  font-weight: 500;
  color: var(--sm-ays-ink);
}
body.sibertema.siberays .sm-ays-vehiclebar-head p{
  margin: 8px 0 0 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.55;
  color: color-mix(in srgb, var(--sm-ays-ink) 78%, var(--sm-ays-turq) 22%);
}
body.sibertema.siberays .sm-ays-vehiclebar-form{
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  align-items: end;
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .30);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 42px rgba(0,0,0,.06);
}
body.sibertema.siberays .sm-ays-field{
  min-width: 0;
  grid-column: span 2;
}
body.sibertema.siberays .sm-ays-field label{
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--sm-ays-ink);
  margin: 0 0 6px 2px;
}
body.sibertema.siberays .sm-ays-select{
  width: 100%;
  height: 50px;
  border-radius: 14px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .36);
  background: #ffffff !important;
  color: var(--sm-ays-ink) !important;
  color-scheme: light;
  /* SP-056: Daha premium (gri yok) select oku */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5 7l5 6 5-6' fill='none' stroke='%230D1725' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 18px 18px;
  padding-right: 44px;
  padding: 0 12px;
  font-weight: 300;
  outline: none;
}
body.sibertema.siberays .sm-ays-select option{
  background: #ffffff;
  color: var(--sm-ays-ink);
}

body.sibertema.siberays .sm-ays-select:focus{
  border-color: rgba(var(--sm-ays-turq-rgb), .82);
  box-shadow: 0 0 0 4px rgba(var(--sm-ays-turq-rgb), .16);
}
body.sibertema.siberays .sm-ays-vehiclebar-submit{
  grid-column: span 2;
  min-width: 0;
  min-height: 50px;
  width: 100%;
  border-radius: 14px;
}
@media (max-width: 1360px){
  body.sibertema.siberays .sm-ays-vehiclebar-form{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.sibertema.siberays .sm-ays-field{
    grid-column: auto;
  }
  body.sibertema.siberays .sm-ays-vehiclebar-submit{
    grid-column: 1 / -1;
  }
}
@media (max-width: 820px){
  body.sibertema.siberays .sm-ays-vehiclebar-form{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px){
  body.sibertema.siberays .sm-ays-vehiclebar-form{
    grid-template-columns: 1fr;
    padding: 16px;
  }
  body.sibertema.siberays .sm-ays-field,
  body.sibertema.siberays .sm-ays-vehiclebar-submit{
    grid-column: auto;
  }
}



/* Home steps (compact narrative) */
body.sibertema.siberays .sm-ays-home-steps{
  /* SP-058: daha kompakt */
  padding: 8px 0 6px 0;
}
body.sibertema.siberays .sm-ays-home-steps .container{
  max-width: 100% !important;
  padding-left: 16px;
  padding-right: 16px;
}
body.sibertema.siberays .sm-ays-steps-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
body.sibertema.siberays .sm-ays-step{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
  border-radius: 18px;
  padding: 12px;
  box-shadow: 0 12px 26px rgba(0,0,0,.045);
}
body.sibertema.siberays .sm-ays-step-ico{
  position: relative;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 0;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
}
body.sibertema.siberays .sm-ays-step-ico::after{
  content: "";
  position: absolute;
  inset: -4px;
  background: url('assets/6gen.svg') no-repeat center / contain;
  pointer-events: none;
  opacity: .95;
}
body.sibertema.siberays .sm-ays-step-ico svg{
  fill: var(--sm-ays-turq);
}
body.sibertema.siberays .sm-ays-step-title{
  font-size: 13px;
  font-weight: 500;
  color: var(--sm-ays-ink);
  line-height: 1.15;
}
body.sibertema.siberays .sm-ays-step-desc{
  margin-top: 4px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
  color: var(--sm-ays-ink-2);
}
@media (max-width: 1024px){
  body.sibertema.siberays .sm-ays-steps-grid{ grid-template-columns: 1fr; }
}
/* Value props / Features */
body.sibertema.siberays .sm-ays-valueprops{
  /* SP-058: daha kompakt */
  padding: 12px 0 6px 0;
  position: relative;
}
body.sibertema.siberays .sm-ays-valueprops .container{
  max-width: 100% !important;
  padding-left: 16px;
  padding-right: 16px;
}
body.sibertema.siberays .sm-ays-valueprops-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
body.sibertema.siberays .sm-ays-vp{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22);
  border-radius: 18px;
  padding: 12px 12px;
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.sibertema.siberays .sm-ays-vp::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, rgba(var(--sm-ays-turq-rgb), .95), rgba(var(--sm-ays-gold-rgb), .80));
  opacity: .75;
}
body.sibertema.siberays .sm-ays-vp:hover{
  border-color: rgba(var(--sm-ays-turq-rgb), .34);
  box-shadow: 0 16px 34px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

body.sibertema.siberays .sm-ays-vp-ico{
  position: relative;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 0;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
}
body.sibertema.siberays .sm-ays-vp-ico::after{
  content: "";
  position: absolute;
  inset: -4px;
  background: url('assets/6gen.svg') no-repeat center / contain;
  pointer-events: none;
  opacity: .95;
}
body.sibertema.siberays .sm-ays-vp-ico svg{
  fill: var(--sm-ays-turq);
}
body.sibertema.siberays .sm-ays-vp-title{
  font-weight: 500;
  font-size: 13px;
  color: var(--sm-ays-ink);
  line-height: 1.15;
}
body.sibertema.siberays .sm-ays-vp-desc{
  font-weight: 300;
  font-size: 12px;
  color: var(--sm-ays-ink-2);
  line-height: 1.45;
  margin-top: 4px;
}
@media (max-width: 1024px){
  body.sibertema.siberays .sm-ays-valueprops-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px){
  body.sibertema.siberays .sm-ays-valueprops-grid{ grid-template-columns: 1fr; }
}

/* Home stories (premium narrative) */
body.sibertema.siberays .sm-ays-home-stories{
  /* SP-058: daha kompakt + premium */
  padding: 12px 0 8px 0;
  position: relative;
}
/* SP-057: Ust/Alt cati objeleri — ana sayfa anlatiminda arka plan detayi */
body.sibertema.siberays .sm-ays-home-stories::before,
body.sibertema.siberays .sm-ays-home-stories::after{
  content: "";
  position: absolute;
  width: min(720px, 82vw);
  height: 180px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .14;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
body.sibertema.siberays .sm-ays-home-stories::before{
  top: -54px;
  right: -140px;
  background-image: url('assets/ust-cati-obje.svg');
}
body.sibertema.siberays .sm-ays-home-stories::after{
  bottom: -64px;
  left: -140px;
  background-image: url('assets/alt-cati-obje.svg');
}
body.sibertema.siberays .sm-ays-home-stories .container{
  max-width: 100% !important;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  z-index: 1;
}


/* SP-058: Stories v4 (kompakt mini kartlar) */
body.sibertema.siberays .sm-ays-story-mini-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
body.sibertema.siberays .sm-ays-story-mini{
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
  border-radius: 20px;
  padding: 14px;
  box-shadow: 0 12px 26px rgba(0,0,0,.045);
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
}
body.sibertema.siberays .sm-ays-story-mini-head{
  display: flex;
  align-items: center;
  gap: 12px;
}
body.sibertema.siberays .sm-ays-hexthumb{
  position: relative;
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  background: rgba(var(--sm-ays-turq-rgb), .10);
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .26);
  overflow: hidden;
}
body.sibertema.siberays .sm-ays-hexthumb::after{
  content: "";
  position: absolute;
  inset: -4px;
  background: url('assets/6gen.svg') no-repeat center / contain;
  pointer-events: none;
  opacity: .95;
}
body.sibertema.siberays .sm-ays-hexthumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.sibertema.siberays .sm-ays-kicker.sm-ays-kicker-mini{
  font-size: 10px;
  letter-spacing: .14em;
  margin-bottom: 6px;
  gap: 8px;
}
body.sibertema.siberays .sm-ays-kicker.sm-ays-kicker-mini::before{
  width: 12px;
  height: 12px;
}

body.sibertema.siberays .sm-ays-story-mini h3{
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--sm-ays-ink);
  letter-spacing: -0.01em;
}
body.sibertema.siberays .sm-ays-story-mini p{
  margin: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--sm-ays-ink-2);
}

body.sibertema.siberays .sm-ays-list.sm-ays-list-mini{
  gap: 6px;
  margin: 0;
}
body.sibertema.siberays .sm-ays-list.sm-ays-list-mini li{
  padding-left: 30px;
  font-size: 12px;
}
body.sibertema.siberays .sm-ays-list.sm-ays-list-mini li::before{
  width: 20px;
  height: 20px;
}
body.sibertema.siberays .sm-ays-list.sm-ays-list-mini li::after{
  width: 20px;
  height: 20px;
  font-size: 11px;
}

body.sibertema.siberays .sm-ays-story-actions.sm-ays-story-actions-mini{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}
body.sibertema.siberays .sm-btn.sm-btn-sm{
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 12px;
  font-size: 13px;
}

@media (max-width: 1024px){
  body.sibertema.siberays .sm-ays-story-mini-grid{
    grid-template-columns: 1fr;
  }
}
body.sibertema.siberays .sm-ays-stories{
  display: grid;
  gap: 16px;
}

body.sibertema.siberays .sm-ays-story-card{
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
  border-radius: 24px;
  overflow: hidden;
}

body.sibertema.siberays .sm-ays-story-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  align-items: stretch;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
}
body.sibertema.siberays .sm-ays-story-grid-rev{
  grid-template-columns: 1fr 1fr;
}
body.sibertema.siberays .sm-ays-story-grid-rev .sm-ays-story-media{ order: 2; }
body.sibertema.siberays .sm-ays-story-grid-rev .sm-ays-story-content{ order: 1; }

body.sibertema.siberays .sm-ays-story-media{
  position: relative;
  padding: 14px;
  background: linear-gradient(135deg, rgba(var(--sm-ays-turq-rgb), .08), rgba(var(--sm-ays-gold-rgb), .06));
}
body.sibertema.siberays .sm-ays-story-media::before{
  content: "";
  position: absolute;
  left: 14px;
  top: 14px;
  width: 82px;
  height: 82px;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  background: rgba(var(--sm-ays-turq-rgb), .10);
  border: 2px solid rgba(var(--sm-ays-turq-rgb), .30);
  box-shadow: 0 0 0 1px rgba(var(--sm-ays-gold-rgb), .20) inset;
  pointer-events: none;
}
body.sibertema.siberays .sm-ays-story-media img{
  width: 100%;
  height: 100%;
  min-height: 240px;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}

body.sibertema.siberays .sm-ays-story-content{
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.sibertema.siberays .sm-ays-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--sm-ays-turq);
  font-weight: 500;
  margin-bottom: 12px;
}
body.sibertema.siberays .sm-ays-kicker::before{
  content: "";
  width: 14px;
  height: 14px;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  background: rgba(var(--sm-ays-turq-rgb), .22);
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .45);
}
body.sibertema.siberays .sm-ays-story-content h3{
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 500;
  color: var(--sm-ays-ink);
  letter-spacing: -0.01em;
}
body.sibertema.siberays .sm-ays-story-content p{
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.65;
  color: var(--sm-ays-ink-2);
}

/* Hex bullet list */
body.sibertema.siberays .sm-ays-list{
  list-style: none;
  padding: 0;
  margin: 0 0 14px 0;
  display: grid;
  gap: 8px;
}
body.sibertema.siberays .sm-ays-list li{
  position: relative;
  padding-left: 34px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.55;
  color: var(--sm-ays-ink-2);
}
body.sibertema.siberays .sm-ays-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  background: rgba(var(--sm-ays-turq-rgb), .14);
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .32);
}
body.sibertema.siberays .sm-ays-list li::after{
  content: "✓";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sm-ays-turq);
  font-weight: 700;
  font-size: 12px;
}

body.sibertema.siberays .sm-ays-story-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}

@media (max-width: 1024px){
  body.sibertema.siberays .sm-ays-story-grid,
  body.sibertema.siberays .sm-ays-story-grid-rev{
    grid-template-columns: 1fr;
  }
  body.sibertema.siberays .sm-ays-story-grid-rev .sm-ays-story-media{ order: 0; }
  body.sibertema.siberays .sm-ays-story-grid-rev .sm-ays-story-content{ order: 0; }

  body.sibertema.siberays .sm-ays-story-media img{ min-height: 220px; }
}
@media (max-width: 520px){
  body.sibertema.siberays .sm-ays-story-content{ padding: 18px; }
}


/* ============================================================
   SP-054 — Perf/Jank: Hex clip-path fallback + content-visibility

   Neden:
   - Buyuk (tam genislik) gorsellerde clip-path polygon kullanimi bazi cihazlarda
     scroll sirasinda GPU compositing maliyetini arttirip "donma/jank" hissi verebilir.

   Strateji:
   - Reduced-motion / slow-update / dar ekranlarda story gorsellerinde clip-path'i
     kapatip daha hafif border-radius fallback uygula.
   - Destekleyen tarayicilarda (Chromium) content-visibility ile offscreen render
     maliyetini azalt.
   ============================================================ */

@media (prefers-reduced-motion: reduce), (update: slow), (max-width: 520px){
  body.sibertema.siberays .sm-ays-story-media::before{
    clip-path: none;
    border-radius: 26px;
  }
  body.sibertema.siberays .sm-ays-story-media img{
    clip-path: none;
    border-radius: 26px;
  }
}

@supports (content-visibility: auto){
  /* Below-the-fold bolumler icin render/paint maliyetini azalt */
  body.sibertema.siberays .sm-ays-valueprops,
  body.sibertema.siberays .sm-ays-home-stories,
  body.sibertema.siberays .sm-ays-brands{
    content-visibility: auto;
    contain-intrinsic-size: 900px;
  }

  body.sibertema.siberays .sm-ays-story-card,
  body.sibertema.siberays .sm-ays-vp{
    content-visibility: auto;
    contain-intrinsic-size: 420px;
  }
}


/* ============================================================
   SP-055 (v0.1.131) — Header Premium v2 (Typography + Menu Icon + Search)
   - Montserrat 300-500 araligi: menu 400, hover/aktif 500
   - Hover/active: sari kutu/pill yok, sadece ince underline + renk
   - Ikonografi: caret + ikon boyutlari modern/minimal
   - Header actions (search/menu): beyaz zemin, gri yok

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

body.sibertema.siberays .sm-navbar-v2 .sm-navbar-top{
  /* Logo satiri daha ferah + slim */
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 112px;
}

@media (max-width: 900px){
  body.sibertema.siberays .sm-navbar-v2 .sm-navbar-top{
    min-height: 92px;
  }
}

/* Menu spacing */
body.sibertema.siberays .sm-mainnav{
  gap: 14px;
}

/* Menu typography: ince, kurumsal */
body.sibertema.siberays a.sm-navlink,
body.sibertema.siberays summary.sm-navlink{
  font-size: 14px;
  font-weight: 400 !important;
  letter-spacing: .005em;
  padding: 10px 12px;
  line-height: 1;
  color: var(--sm-text) !important;
  position: relative;
  text-decoration: none;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Hover/active: sadece renk (turkuaz) */
body.sibertema.siberays a.sm-navlink:hover,
body.sibertema.siberays summary.sm-navlink:hover,
body.sibertema.siberays .sm-navdrop[open] > summary.sm-navlink,
body.sibertema.siberays details.sm-navdrop[data-active="1"] > summary.sm-navlink,
body.sibertema.siberays a.sm-navlink[aria-current="page"]{
  color: var(--sm-ays-turq) !important;
  font-weight: 500 !important;
}

/* Hover/active indicator: ince underline (no-grey) */
body.sibertema.siberays a.sm-navlink::after,
body.sibertema.siberays summary.sm-navlink::after{
  content: '' !important;
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--sm-ays-turq), var(--sm-ays-turq-2));
  opacity: 0;
  transform: scaleX(.65);
  transform-origin: center;
  transition: transform .18s ease, opacity .18s ease;
  pointer-events: none;
}

body.sibertema.siberays a.sm-navlink:hover::after,
body.sibertema.siberays summary.sm-navlink:hover::after,
body.sibertema.siberays .sm-navdrop[open] > summary.sm-navlink::after,
body.sibertema.siberays details.sm-navdrop[data-active="1"] > summary.sm-navlink::after,
body.sibertema.siberays a.sm-navlink[aria-current="page"]::after{
  opacity: 1;
  transform: scaleX(1);
}

/* Nav ikonlari: daha modern */
body.sibertema.siberays .sm-nav-ico{
  width: 16px;
  height: 16px;
  opacity: .88;
}

body.sibertema.siberays a.sm-navlink:hover .sm-nav-ico,
body.sibertema.siberays summary.sm-navlink:hover .sm-nav-ico,
body.sibertema.siberays .sm-navdrop[open] > summary.sm-navlink .sm-nav-ico,
body.sibertema.siberays details.sm-navdrop[data-active="1"] > summary.sm-navlink .sm-nav-ico,
body.sibertema.siberays a.sm-navlink[aria-current="page"] .sm-nav-ico{
  opacity: 1;
}

/* caret: ince + minimal */
body.sibertema.siberays .sm-navdrop-caret{
  width: 11px;
  height: 11px;
  opacity: .60;
}

body.sibertema.siberays .sm-navdrop[open] > summary .sm-navdrop-caret{
  opacity: .95;
}

/* Header action buttons (search/menu): beyaz, gri yok */
body.sibertema.siberays .sm-iconbtn{
  background: #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .38) !important;
  color: var(--sm-text) !important;
  box-shadow: 0 14px 34px rgba(2,6,23,.10);
}

body.sibertema.siberays .sm-iconbtn:hover{
  background: rgba(var(--sm-ays-turq-rgb), .08) !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .60) !important;
  box-shadow: 0 18px 44px rgba(2,6,23,.12);
}

body.sibertema.siberays .sm-iconbtn svg{
  width: 20px;
  height: 20px;
}

/* Search panel title: daha slim */
body.sibertema.siberays .sm-searchpanel-title{
  font-weight: 400;
}


/* ============================================================
   SP-062 — Urun Kutucuklari (Product Cards) Premium v1
   - Hedef: Urun liste sayfalari + tum listelerdeki urun kutucuklari daha kaliteli/profesyonel gorunsun.
   - Obje seti: assets/6gen.svg + assets/ust-cati-obje.svg + assets/alt-cati-obje.svg
   - Not: Markup bozulmadan, yalnizca SiberAYS scope icinde CSS override.
   ============================================================ */

/* Grid product card (kategoriler/arama/model/favori/anasayfa vb.) */
body.sibertema.siberays .product-item .product-collection{
  --sm-pc-radius: 14px;
  border-radius: var(--sm-pc-radius) !important;
  --alo-border-radius: var(--sm-pc-radius) !important;
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(2,6,23,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.sibertema.siberays .product-item .product-collection:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 44px rgba(2,6,23,.12);
  border-color: rgba(var(--sm-ays-turq-rgb), .32);
}

/* Decorative roof objs (very low opacity; performance friendly) */
body.sibertema.siberays .product-item .product-collection::before,
body.sibertema.siberays .product-item .product-collection::after{
  content: "";
  position: absolute;
  pointer-events: none;
  user-select: none;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .08;
  z-index: 0;
}

body.sibertema.siberays .product-item .product-collection::before{
  top: -56px;
  right: -140px;
  width: min(360px, 68%);
  height: 160px;
  background-image: url("assets/ust-cati-obje.svg");
  opacity: .10;
}

body.sibertema.siberays .product-item .product-collection::after{
  bottom: -66px;
  left: -140px;
  width: min(360px, 68%);
  height: 160px;
  background-image: url("assets/alt-cati-obje.svg");
  opacity: .07;
}

/* Ensure content stays above decorative layers */
body.sibertema.siberays .product-item .product-collection > *{
  position: relative;
  z-index: 1;
}

/* Image area: white + subtle wash + hex watermark */
body.sibertema.siberays .product-item .product-collection__image{
  position: relative;
  background:
    radial-gradient(circle at 22% 18%, rgba(var(--sm-ays-turq-rgb), .10), rgba(var(--sm-ays-turq-rgb), 0) 58%),
    #ffffff;
}

body.sibertema.siberays .product-item .product-collection__image::after{
  content: "";
  position: absolute;
  inset: 12px;
  background: url("assets/6gen.svg") no-repeat center / contain;
  opacity: .06;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

body.sibertema.siberays .product-item .product-collection__image > *{
  position: relative;
  z-index: 1;
}

/* Title / price typography */
body.sibertema.siberays .product-item .product-collection__title h2{
  font-size: 14px;
  line-height: 1.25;
  font-weight: 500;
  margin: 0 0 8px;
}

body.sibertema.siberays .product-item .product-collection__title a{
  color: var(--sm-text);
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.sibertema.siberays .product-item .product-collection__price .price{
  font-weight: 600;
  color: var(--sm-text);
}

/* Sale/New labels: premium (no grey) */
body.sibertema.siberays .product-item .label{
  border-radius: 999px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .40);
  background: linear-gradient(180deg, rgba(var(--sm-ays-gold-rgb), .95), rgba(var(--sm-ays-gold-rgb), .78));
  color: #1a1407;
  font-weight: 600;
  letter-spacing: .2px;
}

body.sibertema.siberays .product-item .label--new{
  border-color: rgba(var(--sm-ays-turq-rgb), .45);
  background: linear-gradient(180deg, rgba(var(--sm-ays-turq-rgb), .92), rgba(var(--sm-ays-turq-rgb), .70));
  color: #052226;
}

/* Availability: simple + readable */
body.sibertema.siberays .product-item .product-collection__availability p{
  font-weight: 500;
}

/* Add to cart button (white, turq border) */
body.sibertema.siberays .product-item .add-to-cart{
  background: #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .40) !important;
  color: var(--sm-text) !important;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(2,6,23,.08);
}

body.sibertema.siberays .product-item .add-to-cart:hover{
  background: rgba(var(--sm-ays-turq-rgb), .08) !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .65) !important;
  box-shadow: 0 14px 34px rgba(2,6,23,.10);
}

/* Quick buttons overlay: white pill, no grey */
body.sibertema.siberays .product-item .group-button .btn{
  background: #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .32) !important;
  color: var(--sm-text) !important;
  border-radius: 999px;
}

body.sibertema.siberays .product-item .group-button .btn:hover{
  background: rgba(var(--sm-ays-turq-rgb), .10) !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .55) !important;
}

/* Mini product cards (checkout/account): align with new design */
body.sibertema.siberays .product-card-min{
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(2,6,23,.08);
}

body.sibertema.siberays .product-card-min:hover{
  box-shadow: 0 14px 34px rgba(2,6,23,.10);
}


/* ============================================================
   SP-063 — Urun Detay (PDP) Premium v1 (Hex + Obje Seti)
   - Hedef: urun/{seo} sayfasi galeri + satin alma kutusu + paneller daha premium gorunsun.
   - Obje seti: assets/6gen.svg + ust/alt-cati-obje.svg
   - Not: Sadece SiberAYS scope. Gri yok; beyaz zemin + turkuaz border.
   ============================================================ */

body.sibertema.siberays{
  /* Hex clip (kucuk ikonlar icin) */
  /*
    6gen.svg (viewBox: 1258x1169) ile birebir "pointy-top" 6gen.
    Eski clip polygon'u (flat-top) svg ile uyumsuzdu; PDP frame + kartlarda
    gorsel/cerceve kaymasina ve "fit" hissinin bozulmasina sebep oluyordu.

    Author : SiberMimar "Güray Avcı"
    Website: www.sibermimar.com.tr
  */
  --ays-hex-clip: polygon(
    50% 1.9%,
    94.4% 25.1%,
    94.4% 74.9%,
    50% 98.1%,
    5.6% 74.9%,
    5.6% 25.1%
  );
}

/* Grid spacing */
body.sibertema.siberays .sm-pdp-grid{
  gap: 22px;
}

/* Gallery + Buy card: white paper */
body.sibertema.siberays .sm-pdp-gallery,
body.sibertema.siberays .sm-pdp-form{
  background: #ffffff;
  border-color: rgba(var(--sm-ays-turq-rgb), .26);
  border-radius: 22px;
  box-shadow: 0 18px 48px rgba(2,6,23,.08);
}

/* PDP card decorations (lightweight) */
body.sibertema.siberays .sm-pdp-gallery,
body.sibertema.siberays .sm-pdp-form{
  position: relative;
  overflow: hidden;
}

body.sibertema.siberays .sm-pdp-gallery::before{
  content: "";
  position: absolute;
  right: -140px;
  bottom: -180px;
  width: min(640px, 68%);
  height: 520px;
  background: url("assets/6gen.svg") no-repeat center / contain;
  opacity: .10;
  pointer-events: none;
  user-select: none;
}

body.sibertema.siberays .sm-pdp-gallery::after{
  content: "";
  position: absolute;
  left: -160px;
  top: -120px;
  width: min(520px, 66%);
  height: 220px;
  background: url("assets/ust-cati-obje.svg") no-repeat center / contain;
  opacity: .08;
  pointer-events: none;
  user-select: none;
}

body.sibertema.siberays .sm-pdp-form::before{
  content: "";
  position: absolute;
  left: -170px;
  bottom: -130px;
  width: min(520px, 66%);
  height: 220px;
  background: url("assets/alt-cati-obje.svg") no-repeat center / contain;
  opacity: .07;
  pointer-events: none;
  user-select: none;
}

body.sibertema.siberays .sm-pdp-form > *,
body.sibertema.siberays .sm-pdp-gallery > *{
  position: relative;
  z-index: 1;
}

/* Disable blur on PDP surfaces (scroll performance) */
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema.siberays .sm-pdp-gallery,
  body.sibertema.siberays .sm-pdp-form{
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* Main image: clean border + hex watermark */
body.sibertema.siberays .sm-pdp-main{
  isolation: isolate;
}

body.sibertema.siberays .sm-pdp-main::before{
  content: "";
  position: absolute;
  inset: 14% 14% 14% 14%;
  background: url("assets/6gen.svg") no-repeat center / contain;
  opacity: .08;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

body.sibertema.siberays .sm-pdp-mainimg{
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-color: rgba(var(--sm-ays-turq-rgb), .22);
  border-radius: 18px;
}

body.sibertema.siberays .sm-pdp-zoom{
  background: #ffffff;
  border-color: rgba(var(--sm-ays-turq-rgb), .30);
  color: var(--sm-text);
  box-shadow: 0 12px 30px rgba(2,6,23,.10);
}

body.sibertema.siberays .sm-pdp-zoom:hover{
  background: rgba(var(--sm-ays-turq-rgb), .08);
  border-color: rgba(var(--sm-ays-turq-rgb), .55);
}

/* Thumbs: white paper */
body.sibertema.siberays .sm-pdp-thumb{
  background: #ffffff;
  border-color: rgba(var(--sm-ays-turq-rgb), .20);
}

body.sibertema.siberays .sm-pdp-thumb.is-active{
  border-color: rgba(var(--sm-ays-turq-rgb), .70);
  box-shadow: 0 0 0 4px rgba(var(--sm-ays-turq-rgb), .14);
}

/* Typography: slim */
body.sibertema.siberays .sm-pdp-title{
  font-weight: 600;
  letter-spacing: -.25px;
}

body.sibertema.siberays .sm-acc > summary{
  font-weight: 600;
}

/* Panels: beyaz kart (gri yok) */
body.sibertema.siberays .sm-pdp .sm-acc{
  background: #ffffff;
  border-color: rgba(var(--sm-ays-turq-rgb), .22);
  box-shadow: 0 14px 34px rgba(2,6,23,.06);
}

body.sibertema.siberays .sm-pdp .sm-acc-body{
  border-top-color: rgba(var(--sm-ays-turq-rgb), .18);
}

/* Quantity stepper: no grey */
body.sibertema.siberays .sm-stepper-btn{
  background: #ffffff;
  border-color: rgba(var(--sm-ays-turq-rgb), .30);
}
body.sibertema.siberays .sm-stepper-btn:hover{
  background: rgba(var(--sm-ays-turq-rgb), .08);
  border-color: rgba(var(--sm-ays-turq-rgb), .60);
}
body.sibertema.siberays .sm-stepper-input{
  background: #ffffff;
  color: var(--sm-text);
  border-color: rgba(var(--sm-ays-turq-rgb), .22);
}

/* Trust bar: professional icons + hex container */
body.sibertema.siberays .sm-pdp-trust{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed rgba(var(--sm-ays-turq-rgb), .26);
  display: grid;
  gap: 10px;
}

body.sibertema.siberays .sm-trust-item{
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--sm-ays-ink);
  font-weight: 400;
}

body.sibertema.siberays .sm-trust-ic{
  width: 40px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .30);
  background: #ffffff;
  color: color-mix(in srgb, var(--sm-ays-turq) 70%, var(--sm-ays-ink) 30%);
  box-shadow: 0 10px 26px rgba(2,6,23,.08);
  flex: 0 0 auto;
}

@supports (clip-path: polygon(0 0)){
  body.sibertema.siberays .sm-trust-ic{ clip-path: var(--ays-hex-clip); }
}

body.sibertema.siberays .sm-trust-ic .sm-ic{
  width: 18px;
  height: 18px;
}

/* Mobile sticky bar: white, no blur */
body.sibertema.siberays .sm-pdp-stickybar{
  background: rgba(255,255,255,.98) !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .34) !important;
  box-shadow: 0 14px 34px rgba(2,6,23,.14) !important;
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  body.sibertema.siberays .sm-pdp-stickybar{
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}




/* ============================================================
   SP-065 — SiberAYS: Urun Detay (PDP) Premium v2
   - Layout: galeri daha kompakt (sol dev alan yok)
   - Galeri: 6gen cerceve + tiklayinca lightbox
   - Icerik: Aciklama/Teknik/Yorumlar/Iade sekmeli duzen (yorumlar vurgulu)

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

/* PDP grid: galeri max-width ile kompakt */
body.sibertema.siberays .sm-pdp-grid{
  grid-template-columns: minmax(360px, 760px) minmax(0, 1fr);
  gap: 26px;
  align-items: start;
}

@media (max-width: 920px){
  body.sibertema.siberays .sm-pdp-grid{
    grid-template-columns: 1fr;
  }
}

/*
  6gen frame (PDP galeri icin ortak bilesen)
  ============================================================
  SP-068 — SiberAYS: 6gen.svg Frame (PDP + Galeri)
  - Soldaki mini galeri alanini kaldir; ana gorsel 6gen.svg icinde
  - Hex frame: gradient yerine site-objeleri.zip icindeki 6gen.svg kullanilir

  Author : SiberMimar "Güray Avcı"
  Website: www.sibermimar.com.tr
  ============================================================
*/

body.sibertema.siberays .sm-hexframe{
  /*
    Not: 6gen.svg "pointy-top" (ust/alt sivri) oldugu icin ic clip/icerik inset'leri
    svg stroke kalinligina gore ayarlandi. Eski degerler gorseli fazla buyutup
    sayfada dev bir blok hissi yaratabiliyordu.
  */
  --sm-hex-bg-inset: 14px;
  --sm-hex-img-inset: 26px;

  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1258 / 1169;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  filter: drop-shadow(0 16px 42px rgba(2,6,23,.10));
}

body.sibertema.siberays .sm-hexframe::before{
  content: "";
  position: absolute;
  inset: 0;
  background: url("assets/6gen.svg") no-repeat center / contain;
  pointer-events: none;
  user-select: none;
  z-index: 3;
}

body.sibertema.siberays .sm-hexframe::after{
  content: "";
  position: absolute;
  inset: var(--sm-hex-bg-inset);
  background: rgba(255,255,255,.80);
  clip-path: var(--ays-hex-clip);
  box-shadow: inset 0 0 0 1px rgba(var(--sm-ays-turq-rgb), .10);
  z-index: 1;
}

body.sibertema.siberays .sm-hexframe img{
  position: absolute;
  inset: var(--sm-hex-img-inset);
  width: auto;
  height: auto;
  object-fit: contain;
  background: transparent;
  clip-path: var(--ays-hex-clip);
  display: block;
  z-index: 2;
}

body.sibertema.siberays .sm-hexframe:focus-visible{
  outline: 3px solid rgba(var(--sm-ays-turq-rgb), .45);
  outline-offset: 4px;
}

body.sibertema.siberays .sm-hexframe--hero{
  /* PDP ana gorsel: dev blok hissini azalt */
  width: min(560px, 100%);
  margin: 0 auto;
}

body.sibertema.siberays .sm-hexframe--thumb{
  /* Thumb'lar: inset daha kucuk, gorsel daha dolu */
  width: 92px;
  --sm-hex-bg-inset: 7px;
  --sm-hex-img-inset: 12px;
}

body.sibertema.siberays .sm-hexframe.is-active::after{
  box-shadow: inset 0 0 0 2px rgba(var(--sm-ays-turq-rgb), .42);
}

@supports not (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {
  body.sibertema.siberays .sm-hexframe::after,
  body.sibertema.siberays .sm-hexframe img{
    clip-path: none;
    border-radius: 18px;
  }
}


/* ============================================================
   SP-068 — SiberAYS: Urun Kartlari (tam kart) 6gen + 6gen.svg
   - Sadece gorsel degil; kartin tamami 6gen (svg cerceve icinde)
   - Minimal: stok satiri gizli, yorum caption sade

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

body.sibertema.siberays .product-collection.sm-hexcard{
  position: relative;
  overflow: hidden;
  /* Kartin TAMAMI 6gen olsun (kare dis cerceve gorunmesin) */
  clip-path: var(--ays-hex-clip) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  aspect-ratio: 1258 / 1169;
  padding: 18px 18px 20px;
  border: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 14px 34px rgba(2,6,23,.12));
  display: flex;
  flex-direction: column;
}

/* SP-069: sm-hexcard disinda kalan kare wrapper etkisini sifirla (benzer urunler dahil) */
body.sibertema.siberays .grid__item.product-item{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.sibertema.siberays .product-collection.sm-hexcard::before{
  content: "";
  position: absolute;
  inset: 0;
  background: url("assets/6gen.svg") no-repeat center / contain;
  pointer-events: none;
  user-select: none;
  z-index: 6;
}

/* SP-069: SP-062 dekor pseudo-element'lerini hex tile'da kapat (temiz/premium) */
body.sibertema.siberays .product-collection.sm-hexcard::after{
  content: none !important;
}

body.sibertema.siberays .product-collection.sm-hexcard > *{
  position: relative;
  z-index: 2;
}

body.sibertema.siberays .product-collection.sm-hexcard .product-collection__image{
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.sibertema.siberays .product-collection.sm-hexcard .card__media,
body.sibertema.siberays .product-collection.sm-hexcard .media{
  width: 100%;
  height: 100%;
}

body.sibertema.siberays .product-collection.sm-hexcard .image_product{
  width: 100%;
  height: 100%;
  display: block;
}

body.sibertema.siberays .product-collection.sm-hexcard .image_product.ratio::before{
  content: none;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

body.sibertema.siberays .product-collection.sm-hexcard .product-collection__content{
  padding: 10px 0 0;
  text-align: center;
}

body.sibertema.siberays .product-collection.sm-hexcard .product-collection__title h2{
  font-size: 13px;
  line-height: 1.25;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.6em;
}

body.sibertema.siberays .product-collection.sm-hexcard .product-collection__reviews .spr-badge-caption{
  display: none;
}

body.sibertema.siberays .product-collection.sm-hexcard .product-collection__availability{
  display: none;
}

body.sibertema.siberays .product-collection.sm-hexcard .product-collection__price .price{
  font-weight: 700;
}

body.sibertema.siberays .product-collection.sm-hexcard .button-cart-bottom{
  margin-top: 8px;
}

body.sibertema.siberays .product-collection.sm-hexcard .button-cart-bottom a{
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1;
}

@supports not (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {
  body.sibertema.siberays .product-collection.sm-hexcard{
    clip-path: none;
    border-radius: 22px;
  }
}


/* PDP Related: kompakt grid (kutular cok buyuk olmasin) */
body.sibertema.siberays .sm-pdp-related #smRelatedGrid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

body.sibertema.siberays .sm-pdp-related #smRelatedGrid > .grid__item{
  width: 100%;
}

@media (max-width: 1100px){
  body.sibertema.siberays .sm-pdp-related #smRelatedGrid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 860px){
  body.sibertema.siberays .sm-pdp-related #smRelatedGrid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 620px){
  body.sibertema.siberays .sm-pdp-related #smRelatedGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}

/* PDP Related: kart ici biraz daha sik */
body.sibertema.siberays .sm-pdp-related .product-collection{
  padding: 12px 12px 14px;
}

body.sibertema.siberays .sm-pdp-related .product-collection__title h2{
  font-size: 13px;
  line-height: 1.25;
}

body.sibertema.siberays .sm-pdp-related .product-collection__title a{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.sibertema.siberays .sm-pdp-related .product-collection__reviews .spr-badge-caption{
  display: none;
}

body.sibertema.siberays .sm-pdp-related .product-collection__availability{
  display: none;
}

body.sibertema.siberays .sm-pdp-related .add-to-cart{
  padding: 10px 12px;
  font-size: 13px;
}


/* PDP Gallery: merkezli, temiz */
body.sibertema.siberays .sm-pdp-gallery{
  padding: 18px 18px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

body.sibertema.siberays .sm-pdp-gwrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

body.sibertema.siberays .sm-pdp-gmeta{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: rgba(var(--sm-ays-ink-rgb), .70);
}

body.sibertema.siberays .sm-pdp-gmeta-dot{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(var(--sm-ays-gold-rgb), .85);
  box-shadow: 0 0 0 4px rgba(var(--sm-ays-gold-rgb), .14);
}

/* Thumbs: grid (yatay kaydirma yok) */
body.sibertema.siberays .sm-pdp-thumbs{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(58px, 1fr));
  gap: 10px;
  overflow: visible;
  padding: 8px 0 0;
  margin-top: 4px;
  border-top: 1px dashed rgba(var(--sm-ays-turq-rgb), .22);

  justify-items: center;
}

body.sibertema.siberays .sm-pdp-thumb{
  width: 100%;
  max-width: 92px;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 0;
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
  transition: transform .15s ease;
}

body.sibertema.siberays .sm-pdp-thumb:hover{ transform: translateY(-1px); }

body.sibertema.siberays .sm-pdp-thumb.is-active::before{
  background: linear-gradient(135deg, rgba(var(--sm-ays-turq-rgb), .45), rgba(var(--sm-ays-gold-rgb), .34));
}

body.sibertema.siberays .sm-pdp-thumb.is-active{
  transform: translateY(-1px);
}

/* Fiyat kutusu: daha okunakli */
body.sibertema.siberays .sm-pricebox{
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.62));
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22);
  border-radius: 18px;
  padding: 12px 14px;
  box-shadow: 0 18px 45px rgba(2,6,23,.08);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body.sibertema.siberays .sm-pricebox-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body.sibertema.siberays .sm-price-label{
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(var(--sm-ays-ink-rgb), .72);
}

body.sibertema.siberays .sm-pricebox-main{
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

body.sibertema.siberays .sm-pricebox .sm-price-current{
  font-size: 30px;
  line-height: 1.15;
}

body.sibertema.siberays .sm-pricebox .sm-price-old{
  font-size: 14px;
  opacity: .75;
}

/* Tabs: premium sekmeler */
body.sibertema.siberays .sm-pdp-tabs{
  margin-top: 22px;
}

body.sibertema.siberays .sm-tabs{
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.58));
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .20);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 30px 70px rgba(2,6,23,.08);
}

body.sibertema.siberays .sm-tabs::before{
  content: "";
  position: absolute;
  right: -34px;
  top: -34px;
  width: 160px;
  height: 160px;
  background: url("assets/6gen.svg") no-repeat center / contain;
  opacity: .06;
  transform: rotate(10deg);
  pointer-events: none;
  user-select: none;
}

body.sibertema.siberays .sm-tablist{
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px dashed rgba(var(--sm-ays-turq-rgb), .22);
}

body.sibertema.siberays .sm-tab{
  appearance: none;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22);
  background: rgba(255,255,255,.70);
  color: rgba(var(--sm-ays-ink-rgb), .86);
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 600;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

body.sibertema.siberays .sm-tab:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(2,6,23,.08);
}

body.sibertema.siberays .sm-tab.is-active{
  background: linear-gradient(135deg, rgba(var(--sm-ays-turq-rgb), .28), rgba(var(--sm-ays-gold-rgb), .18));
  border-color: rgba(var(--sm-ays-turq-rgb), .46);
}

/* Yorumlar sekmesi: ozel vurgu */
body.sibertema.siberays .sm-tab--reviews{
  border-color: rgba(var(--sm-ays-gold-rgb), .46);
  background: linear-gradient(135deg, rgba(var(--sm-ays-gold-rgb), .20), rgba(255,255,255,.72));
}

body.sibertema.siberays .sm-tab--reviews.is-active{
  box-shadow: 0 18px 55px rgba(var(--sm-ays-gold-rgb), .18);
}

body.sibertema.siberays .sm-tab-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(var(--sm-ays-ink-rgb), .10);
  color: rgba(var(--sm-ays-ink-rgb), .86);
  font-size: 12px;
  margin-left: 6px;
}

body.sibertema.siberays .sm-tabpanes{
  position: relative;
  z-index: 1;
}

body.sibertema.siberays .sm-tabpanel{
  padding: 6px 2px 2px;
}

body.sibertema.siberays .sm-tabpanel[hidden]{
  display: none !important;
}

body.sibertema.siberays .sm-tabpanel--reviews{
  background: radial-gradient(560px 240px at 20% 0%, rgba(var(--sm-ays-gold-rgb), .12), rgba(255,255,255,0) 70%);
  border: 1px dashed rgba(var(--sm-ays-gold-rgb), .26);
  border-radius: 16px;
  padding: 14px 12px;
}

/* Teknik Bilgiler: etiket (tag) kutuları gri olmasın, beyaz/premium görünsün */
body.sibertema.siberays .sm-tag{
  background: #fff;
  color: rgba(var(--sm-ays-ink-rgb), .88);
  border-color: rgba(var(--sm-ays-turq-rgb), .22);
}

/* Lightbox (popup) */
body.sibertema.siberays .sm-img-modal{
  position: fixed;
  inset: 0;
  z-index: 3400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(2,6,23,.76);
  backdrop-filter: blur(10px);
}

body.sibertema.siberays .sm-img-modal[hidden]{
  display: none !important;
}

body.sibertema.siberays .sm-img-dialog{
  width: min(1240px, 100%);
  max-height: 100%;
  position: relative;
  padding: 28px 84px 24px;
  border-radius: 28px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.sibertema.siberays .sm-img-toolbar{
  position: absolute;
  top: 6px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  z-index: 3;
}

body.sibertema.siberays .sm-img-stage{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  position: relative;
  overflow: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

body.sibertema.siberays .sm-img-tag{
  width: min(100%, 1080px);
  height: auto;
  max-height: calc(100vh - 134px);
  object-fit: contain;
  background: transparent;
  border-radius: 28px;
  border: 0;
  box-shadow: 0 24px 64px rgba(0,0,0,.22);
  transition: transform .18s ease;
  cursor: zoom-in;
  will-change: transform;
}

body.sibertema.siberays .sm-img-stage.is-zoomed{
  cursor: grab;
}

body.sibertema.siberays .sm-img-stage.is-zoomed .sm-img-tag{
  cursor: grab;
}

body.sibertema.siberays .sm-img-stage.is-dragging,
body.sibertema.siberays .sm-img-stage.is-dragging .sm-img-tag{
  cursor: grabbing;
  user-select: none;
}

body.sibertema.siberays .sm-img-meta{
  min-height: 20px;
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,.92);
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
}

body.sibertema.siberays .sm-img-zoom,
body.sibertema.siberays .sm-img-close{
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.12);
  color: #ffffff;
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
  font-size: 18px;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

body.sibertema.siberays .sm-img-zoom{
  font-size: 20px;
}

body.sibertema.siberays .sm-img-zoom-reset{
  width: auto;
  min-width: 64px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
}

body.sibertema.siberays .sm-img-zoom[disabled]{
  opacity: .55;
  cursor: not-allowed;
}

body.sibertema.siberays .sm-img-zoom:hover,
body.sibertema.siberays .sm-img-close:hover{
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.34);
  transform: translateY(-1px);
}

body.sibertema.siberays .sm-img-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.12);
  color: #ffffff;
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(12px);
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
  font-size: 30px;
  line-height: 1;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

body.sibertema.siberays .sm-img-nav:hover{
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.34);
  transform: translateY(-50%) scale(1.03);
}

body.sibertema.siberays .sm-img-close:focus-visible,
body.sibertema.siberays .sm-img-nav:focus-visible{
  outline: 2px solid rgba(255,255,255,.72);
  outline-offset: 2px;
}

body.sibertema.siberays .sm-img-nav-prev{ left: 14px; }
body.sibertema.siberays .sm-img-nav-next{ right: 14px; }
body.sibertema.siberays .sm-img-nav[hidden],
body.sibertema.siberays .sm-img-nav:disabled{
  display: none !important;
}

@media (max-width: 767px){
  body.sibertema.siberays .sm-img-dialog{
    width: 100%;
    padding: 20px 12px 18px;
  }

  body.sibertema.siberays .sm-img-toolbar{
    top: 0;
    right: 6px;
    gap: 6px;
  }

  body.sibertema.siberays .sm-img-nav{
    top: auto;
    bottom: 12px;
    transform: none;
    width: 44px;
    height: 44px;
    font-size: 26px;
  }

  body.sibertema.siberays .sm-img-nav-prev{ left: 14px; }
  body.sibertema.siberays .sm-img-nav-next{ right: 14px; }

  body.sibertema.siberays .sm-img-tag{
    max-height: calc(100vh - 152px);
  }

  body.sibertema.siberays .sm-img-zoom,
  body.sibertema.siberays .sm-img-close{
    width: 40px;
    height: 40px;
  }

  body.sibertema.siberays .sm-img-zoom-reset{
    min-width: 58px;
    padding: 0 10px;
  }
}


/* ============================================================
   SP-064 — SiberAYS: Urun Liste Sayfalari UX v2 (Kategori/Arama/Model)
   - Grid spacing/padding standardi (kartlar arasi nefes)
   - Filtre/siralama alanlarinda beyaz zemin + turkuaz vurgu (gri yok)
   - Pagination: daha slim ve premium
   - Empty-state: 6gen + cati obje dili

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

/* PLP head/panel dekor: 6gen watermark + roof obje (hafif) */
body.sibertema.siberays .sm-ays-plp .sm-collection-head,
body.sibertema.siberays .sm-ays-plp .sm-pagehead,
body.sibertema.siberays .sm-ays-plp .sm-search-head{
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .28);
  box-shadow: 0 18px 40px rgba(2,6,23,.08);
}

body.sibertema.siberays .sm-ays-plp .sm-collection-head::before,
body.sibertema.siberays .sm-ays-plp .sm-pagehead::before,
body.sibertema.siberays .sm-ays-plp .sm-search-head::before{
  content: "";
  position: absolute;
  inset: -1px;
  background:
    url("assets/ust-cati-obje.svg") left -20px top -26px / 360px auto no-repeat,
    url("assets/alt-cati-obje.svg") right -20px bottom -24px / 380px auto no-repeat;
  opacity: .12;
  pointer-events: none;
  user-select: none;
}

body.sibertema.siberays .sm-ays-plp .sm-collection-head::after,
body.sibertema.siberays .sm-ays-plp .sm-pagehead::after,
body.sibertema.siberays .sm-ays-plp .sm-search-head::after{
  content: "";
  position: absolute;
  right: -34px;
  top: -34px;
  width: 170px;
  height: 170px;
  background: url("assets/6gen.svg") no-repeat center / contain;
  opacity: .07;
  transform: rotate(8deg);
  pointer-events: none;
  user-select: none;
}

body.sibertema.siberays .sm-ays-plp .sm-collection-head > *,
body.sibertema.siberays .sm-ays-plp .sm-pagehead > *,
body.sibertema.siberays .sm-ays-plp .sm-search-head > *{
  position: relative;
  z-index: 1;
}

/* Tools row: wrap + spacing (sort + filtre + temizle) */
body.sibertema.siberays .sm-ays-plp .sm-collection-tools,
body.sibertema.siberays .sm-ays-plp .sm-search-tools{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* ============================================================
   SP-283 — /arama/ Sonuç toolbar: sıralama ikon + mevcut değer etiketi
   - Mobilde sadece ikon (yer kazan)
   - Desktop'ta mevcut sıralama görünür
   ============================================================ */
body.sibertema.siberays .sm-ays-plp .sm-plp-sort > summary{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.sibertema.siberays .sm-ays-plp .sm-plp-sort .sm-plp-sort-ico{
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
}

body.sibertema.siberays .sm-ays-plp .sm-plp-sort .sm-plp-sort-text{
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .2px;
  color: var(--sm-ays-ink);
  white-space: nowrap;
}

@media (max-width: 680px){
  body.sibertema.siberays .sm-ays-plp .sm-plp-sort .sm-plp-sort-text{
    display: none;
  }
}

/* Sort select: same arrow as vehiclebar selects */
body.sibertema.siberays .sm-ays-plp .sm-sort-select,
body.sibertema.siberays .sm-ays-plp .sm-search-input{
  background-color: #ffffff !important;
  color: var(--sm-ays-ink) !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .34) !important;
}

body.sibertema.siberays .sm-ays-plp .sm-sort-select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5 7l5 6 5-6' fill='none' stroke='%230D1725' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 18px 18px;
  padding-right: 44px;
  font-weight: 300 !important;
}

body.sibertema.siberays .sm-ays-plp .sm-sort-label{
  font-weight: 300;
}


/* ============================================================
   SP-085 — Tüm Ürünler: Arama kriterleri (marka/model/parça grubu)
   - Arama alanının hemen altında bütünleşik kriter barı
   - Mobil uyumlu (wrap)
   ============================================================ */
body.sibertema.siberays .sm-search-form-v2{
  width: 100%;
}

/* SP-086 — /arama/ (Tüm Ürünler) form yerleşimi:
   - base tema .sm-search-form flex/grid kuralini resetle
   - Üst satır: arama alanı
   - Alt satır: marka/model/parça grubu + sağ altta sıralama
*/
body.sibertema.siberays.sm-route-arama .sm-search-form.sm-search-form-v2{
  display: block;
}

body.sibertema.siberays .sm-search-form-v2 .sm-search-row{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  max-width: none;
}

body.sibertema.siberays .sm-search-form-v2 .sm-search-row-main .sm-search-input{
  flex: 1 1 360px;
  min-width: 220px;
}

body.sibertema.siberays .sm-search-form-v2 .sm-search-row-filters{
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
  justify-content: flex-start;
}

body.sibertema.siberays .sm-search-form-v2 .sm-search-filter{
  flex: 1 1 220px;
  min-width: 180px;
}

body.sibertema.siberays .sm-search-form-v2 .sm-search-filter-sort{
  flex: 0 0 260px;
  min-width: 220px;
  margin-left: auto;
}

/* Select dropdown içi (dark-mode) siyah görünmesin */
body.sibertema.siberays .sm-ays-plp .sm-sort-select{
  color-scheme: light;
}
body.sibertema.siberays .sm-ays-plp .sm-sort-select option{
  background: #ffffff;
  color: #0D1725;
}

body.sibertema.siberays .sm-search-form-v2 .sm-search-clear{
  white-space: nowrap;
}

@media (max-width: 680px){
  body.sibertema.siberays .sm-search-form-v2 .sm-search-row-main .sm-search-btn,
  body.sibertema.siberays .sm-search-form-v2 .sm-search-row-main .sm-search-clear{
    flex: 1 1 120px;
  }
  body.sibertema.siberays .sm-search-form-v2 .sm-search-filter-sort{
    flex: 1 1 220px;
  }
}


/* Temizle butonu: ghost */
body.sibertema.siberays .sm-ays-plp .sm-filter-clear{
  padding: 10px 14px;
  border-radius: 14px;
  background: #ffffff !important;
  border: 1px dashed rgba(var(--sm-ays-turq-rgb), .46) !important;
  color: var(--sm-ays-ink) !important;
  box-shadow: none !important;
  text-decoration: none;
  font-weight: 400;
}
body.sibertema.siberays .sm-ays-plp .sm-filter-clear:hover{
  border-style: solid !important;
  background: rgba(var(--sm-ays-turq-rgb), .08) !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .65) !important;
}

/* Grid (ürün listeleri): daha kompakt */
body.sibertema.siberays .product-grid-container .collection{
  gap: 12px;
}
@media (min-width: 1200px){
  body.sibertema.siberays .product-grid-container .collection{ gap: 14px; }
}

/* Removed inline margins: restore via CSS */
body.sibertema.siberays.sm-route-kategori .product-grid-container,
body.sibertema.siberays.sm-route-arama .product-grid-container,
body.sibertema.siberays.sm-route-model .product-grid-container{ margin-top: 14px; }
body.sibertema.siberays.sm-route-model .sm-collection-grid{ margin-top: 14px; }
body.sibertema.siberays.sm-route-arama .sm-empty{ margin-top: 14px; }

/* Pagination: more slim (no heavy bold) */
body.sibertema.siberays .sm-pagination .sm-pagebtn,
body.sibertema.siberays .sm-pagination .sm-page{
  background: #ffffff;
  color: var(--sm-ays-ink);
  font-weight: 400;
  border-color: rgba(var(--sm-ays-turq-rgb), .30);
  box-shadow: 0 10px 26px rgba(2,6,23,.06);
}
body.sibertema.siberays .sm-pagination .sm-pagebtn:hover,
body.sibertema.siberays .sm-pagination .sm-page:hover{
  border-color: rgba(var(--sm-ays-turq-rgb), .62);
  background: rgba(var(--sm-ays-turq-rgb), .08);
}

/* Empty state: hex watermark */
body.sibertema.siberays .sm-empty{
  position: relative;
  overflow: hidden;
}
body.sibertema.siberays .sm-empty::after{
  content: "";
  position: absolute;
  right: -40px;
  bottom: -50px;
  width: 220px;
  height: 220px;
  background: url("assets/6gen.svg") no-repeat center / contain;
  opacity: .06;
  pointer-events: none;
  user-select: none;
}
body.sibertema.siberays .sm-empty h3{ font-weight: 500; }
body.sibertema.siberays .sm-empty p{ font-weight: 300; }

/* Filter details marker: custom caret (no browser triangle) */
body.sibertema.siberays .sm-filter-brand summary{ list-style: none; }
body.sibertema.siberays .sm-filter-brand summary::-webkit-details-marker{ display:none; }
body.sibertema.siberays .sm-filter-brand summary::after{
  content:"";
  width: 18px;
  height: 18px;
  margin-left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5 7l5 6 5-6' fill='none' stroke='%230D1725' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size: 18px 18px;
  opacity: .55;
  transform: rotate(0deg);
  transition: transform .18s ease, opacity .18s ease;
  flex: 0 0 auto;
}
body.sibertema.siberays .sm-filter-brand[open] summary::after{
  transform: rotate(180deg);
  opacity: .90;
}


/* ============================================================
   SP-068 — SiberAYS: PDP Medya Yerlesimi (soldaki mini alan yok)
   - sm-pdp-media: buy card ile dengeli, thumbs kompakt

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

body.sibertema.siberays .sm-pdp{
  position: relative;
}

body.sibertema.siberays .sm-pdp::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 140px;
  background: url("assets/sayfa-tepesi-header-ustu.svg") no-repeat center / cover;
  opacity: .10;
  pointer-events: none;
  user-select: none;
}

body.sibertema.siberays .sm-pdp::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 160px;
  background: url("assets/sayfa-alt-footer-alti.svg") no-repeat center / cover;
  opacity: .10;
  pointer-events: none;
  user-select: none;
}

body.sibertema.siberays .sm-pdp > .sm-section{
  position: relative;
  z-index: 1;
}

body.sibertema.siberays .sm-pdp-media{
  display: grid;
  gap: 16px;
  justify-items: center;
}

body.sibertema.siberays .sm-pdp-thumbs--compact{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

body.sibertema.siberays .sm-pdp-thumb{
  border: 0;
  padding: 0;
  background: transparent;
}


/* ============================================================
   SP-070 — SiberAYS: PDP Ortalama + 6gen Fit Revize + Hex Kart Oranlari
   - PDP: ana gorsel sag tarafa yapismasin; grid max-width ile ortalansin
   - PDP: 6gen.svg icinde gorsel daha dolu (cover) ve daha kompakt
   - Urun kartlari: gorsel hex'in tamamini doldursun; alt icerik ~%40 panel
   - Aksiyon butonlari: daha minimal (ikon-only) ve duzenli

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

/* PDP grid: ortali ve kompakt (buy kart 1fr ile devlesmesin) */
body.sibertema.siberays .sm-pdp-grid{
  display: grid;
  grid-template-columns: minmax(320px, 520px) minmax(320px, 520px);
  justify-content: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  gap: 26px;
}

@media (max-width: 1100px){
  body.sibertema.siberays .sm-pdp-grid{
    grid-template-columns: 1fr;
    max-width: 720px;
  }
}

@media (max-width: 720px){
  body.sibertema.siberays .sm-pdp-grid{ max-width: 100%; }
}

/* PDP medya: buy kart ile ayni "paper" dilinde (minimal) */
body.sibertema.siberays .sm-pdp-media{
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .26);
  border-radius: 22px;
  box-shadow: 0 18px 48px rgba(2,6,23,.08);
  padding: 18px 18px 14px;
  overflow: hidden;
  position: relative;
}

body.sibertema.siberays .sm-pdp-media::after{
  content: "";
  position: absolute;
  right: -140px;
  top: -120px;
  width: 520px;
  height: 520px;
  background: url("assets/6gen.svg") no-repeat center / contain;
  opacity: .06;
  pointer-events: none;
  user-select: none;
}

body.sibertema.siberays .sm-pdp-media > *{
  position: relative;
  z-index: 1;
}

/* 6gen frame: gorsel daha dolu (cover) */
@supports (clip-path: polygon(0 0)){
  body.sibertema.siberays .sm-hexframe{ clip-path: var(--ays-hex-clip); }
}

body.sibertema.siberays .sm-hexframe{
  filter: drop-shadow(0 14px 34px rgba(2,6,23,.10));
}

body.sibertema.siberays .sm-hexframe img{
  /* onceki inset+auto boyut replaced element'te "minicik" kalabiliyordu */
  inset: auto;
  top: var(--sm-hex-img-inset);
  left: var(--sm-hex-img-inset);
  width: calc(100% - var(--sm-hex-img-inset) - var(--sm-hex-img-inset));
  height: calc(100% - var(--sm-hex-img-inset) - var(--sm-hex-img-inset));
  object-fit: cover;
  object-position: center;
}

body.sibertema.siberays .sm-hexframe--hero{
  width: min(480px, 100%);
  margin: 0 auto;
  --sm-hex-bg-inset: 12px;
  --sm-hex-img-inset: 18px;
}

body.sibertema.siberays .sm-hexframe--thumb{
  width: 92px;
  --sm-hex-bg-inset: 6px;
  --sm-hex-img-inset: 10px;
}


/* Rel (liste/benzer) altıgen: görsel daha dolu görünsün */
body.sibertema.siberays .sm-hexframe--rel{
  width: 100%;
  --sm-hex-bg-inset: 9px;
  --sm-hex-img-inset: 12px;
}


/* ============================================================
   Hex Product Card (sm-hexcard) — Revize Oran + Overlay
   ============================================================ */

body.sibertema.siberays .product-collection.sm-hexcard{
  /* onceki padding icerigi cok iceri cekip gorseli kucultuyordu */
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #ffffff !important;
  box-shadow: none !important;
  --sm-hex-safe: 14px;
}

/* Kare wrapper/border kesin kapali (benzer urunler dahil) */
body.sibertema.siberays .grid__item.product-item,
body.sibertema.siberays .grid__item.product-item.laber-product-item-default{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Gorsel: kartin tamamini doldursun */
body.sibertema.siberays .product-collection.sm-hexcard .product-collection__image{
  position: absolute !important;
  inset: var(--sm-hex-safe);
  z-index: 1 !important;
  margin: 0;
}

body.sibertema.siberays .product-collection.sm-hexcard .card__media,
body.sibertema.siberays .product-collection.sm-hexcard .media,
body.sibertema.siberays .product-collection.sm-hexcard .image_product,
body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__link{
  width: 100% !important;
  height: 100% !important;
  display: block;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* Etiketler/aksiyonlar gorsel ustunde kalsin */
body.sibertema.siberays .product-collection.sm-hexcard .product-image__overlay-top-left{
  position: absolute;
  top: calc(var(--sm-hex-safe) + 4px);
  left: calc(var(--sm-hex-safe) + 4px);
  z-index: 5;
}

body.sibertema.siberays .product-collection.sm-hexcard .product-image__overlay-bottom{
  position: absolute;
  top: calc(var(--sm-hex-safe) + 4px);
  right: calc(var(--sm-hex-safe) + 4px);
  left: auto;
  bottom: auto;
  z-index: 6;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
}

body.sibertema.siberays .grid__item.product-item:hover .product-collection.sm-hexcard .product-image__overlay-bottom{
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 820px){
  body.sibertema.siberays .product-collection.sm-hexcard .product-image__overlay-bottom{
    opacity: 1;
    transform: none;
  }
}

/* Aksiyon butonlari: ikon-only, minimal */
body.sibertema.siberays .product-collection.sm-hexcard .group-button{
  background: transparent !important;
  box-shadow: none !important;
}

body.sibertema.siberays .product-collection.sm-hexcard .group-button .inner{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.sibertema.siberays .product-collection.sm-hexcard .group-button .btn,
body.sibertema.siberays .product-collection.sm-hexcard .group-button .button-quick-view{
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .30) !important;
  color: var(--sm-text) !important;
  box-shadow: 0 10px 26px rgba(2,6,23,.12);
}

body.sibertema.siberays .product-collection.sm-hexcard .group-button .text{
  display: none !important;
}

/* Alt icerik: ~%40 panel, duzenli bosluk */
body.sibertema.siberays .product-collection.sm-hexcard .product-collection__content{
  position: relative;
  z-index: 4;
  flex: 0 0 42%;
  margin: 0 var(--sm-hex-safe) var(--sm-hex-safe);
  padding: 12px 12px 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.95));
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .20);
  border-radius: 18px;
  box-shadow: 0 16px 36px rgba(2,6,23,.10);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
}

body.sibertema.siberays .product-collection.sm-hexcard .product-collection__title h2{
  font-size: 13px;
  line-height: 1.25;
  margin: 0;
}

body.sibertema.siberays .product-collection.sm-hexcard .product-collection__reviews{
  margin: 2px 0 0;
}

body.sibertema.siberays .product-collection.sm-hexcard .product-collection__price .price{
  font-size: 15px !important;
}

/* Sepete ekle: altta ama kesilmeden (genislik kucult) */
body.sibertema.siberays .product-collection.sm-hexcard .button-cart-bottom{
  margin-top: auto;
}

body.sibertema.siberays .product-collection.sm-hexcard .button-cart-bottom a.add-to-cart{
  width: 88% !important;
  margin: 10px auto 0 !important;
  border-radius: 999px !important;
  padding: 11px 14px !important;
  font-size: 12px !important;
  box-shadow: 0 14px 30px rgba(2,6,23,.12) !important;
}

/* PDP Related grid: az urunde ortali dursun, bosluk dagilmasin */
body.sibertema.siberays .sm-pdp-related #smRelatedGrid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 240px));
  justify-content: center;
  gap: 18px;
}

@media (max-width: 620px){
  body.sibertema.siberays .sm-pdp-related #smRelatedGrid{
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
  }
}


/* ============================================================
   SP-071 — SiberAYS: PDP Sol Galeri + Sağ Bilgi (Sekmeler Sağda)
   + Benzer Ürünler: Tam 6gen Kart (6gen.svg) — Temiz/Profesyonel

   KULLANICI TALEBI:
   - PDP: ana görsel solda daha küçük, 6gen.svg içinde; ek görseller altta aynı hizada;
          tüm bilgiler sağda; sekmeler de sağ bölümde (minimal/full width).
   - Benzer ürünler: sadece görsel değil, kartın tamamı 6gen; 6gen.svg içine fit;
          görsel alanı dolu, alt panel ~%40 ve aksiyonlar minimal.

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

/* PDP grid: full-width container içinde sol galeri + sağ bilgi (sağa yapışma/boşluk sorunu yok) */
body.sibertema.siberays .sm-pdp-grid{
  display: grid;
  width: 100%;
  max-width: none;
  justify-content: stretch;
  margin: 0;
  grid-template-columns: minmax(320px, 460px) minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

@media (max-width: 920px){
  body.sibertema.siberays .sm-pdp-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

/* Sol medya kolon: hero + thumb alt alta, aynı genişlik hizası */
body.sibertema.siberays .sm-pdp-media{
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.sibertema.siberays .sm-pdp-media-main{
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

body.sibertema.siberays .sm-hexframe--hero{
  width: 100%;
  max-width: 420px;
  margin: 0;
}

body.sibertema.siberays .sm-pdp-gallery-nav{
  position: absolute;
  top: 50%;
  z-index: 4;
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .42);
  background: rgba(255,255,255,.92);
  color: var(--sm-ays-ink);
  box-shadow: 0 16px 34px rgba(2,6,23,.14);
  transform: translateY(-50%);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.sibertema.siberays .sm-pdp-gallery-nav:hover{
  transform: translateY(-50%) scale(1.04);
  border-color: rgba(var(--sm-ays-turq-rgb), .54);
  background: rgba(255,255,255,.98);
  box-shadow: 0 20px 42px rgba(2,6,23,.18);
}

body.sibertema.siberays .sm-pdp-gallery-nav:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(var(--sm-ays-gold-rgb), .20), 0 20px 42px rgba(2,6,23,.18);
}

body.sibertema.siberays .sm-pdp-gallery-nav--prev{ left: 2px; }
body.sibertema.siberays .sm-pdp-gallery-nav--next{ right: 2px; }

body.sibertema.siberays .sm-pdp-gallery-nav__icon{
  display: block;
  font-size: 28px;
  line-height: 1;
  font-weight: 500;
  transform: translateY(-1px);
  pointer-events: none;
}

body.sibertema.siberays .sm-pdp-thumbs--compact{
  width: 100%;
  max-width: 420px;
  justify-content: flex-start;
  padding-top: 10px;
}

@media (max-width: 520px){
  body.sibertema.siberays .sm-pdp-gallery-nav{
    width: 40px;
    height: 40px;
  }
  body.sibertema.siberays .sm-pdp-gallery-nav--prev{ left: 8px; }
  body.sibertema.siberays .sm-pdp-gallery-nav--next{ right: 8px; }
  body.sibertema.siberays .sm-pdp-gallery-nav__icon{ font-size: 24px; }
  body.sibertema.siberays .sm-pdp-thumbs--compact{
    justify-content: center;
  }
}

/* Sağ bilgi kolon: form + sekmeler alt alta */
body.sibertema.siberays .sm-pdp-buy{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Sekmeler artık sağ kolonda: daha minimal */
body.sibertema.siberays .sm-pdp-buy .sm-pdp-tabs{
  margin-top: 0;
}

body.sibertema.siberays .sm-pdp-buy .sm-tabs{
  padding: 12px;
  border-radius: 20px;
  box-shadow: 0 22px 55px rgba(2,6,23,.07);
}

body.sibertema.siberays .sm-pdp-buy .sm-tablist{
  gap: 8px;
}

body.sibertema.siberays .sm-pdp-buy .sm-tab{
  padding: 9px 11px;
}


/* =============================
   Hex Product Card — Temiz v2
   ============================= */

/* Kare dış wrapper etkisi (benzer ürünler + tüm listeler) */
body.sibertema.siberays .grid__item.product-item{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Kartın tamamı 6gen + svg overlay */
body.sibertema.siberays .product-collection.sm-hexcard{
  --sm-hex-safe: 16px;

  position: relative;
  overflow: hidden;
  clip-path: var(--ays-hex-clip);
  border-radius: 0;
  background: #fff;
  padding: 0;
  border: 0;
  box-shadow: none;
  filter: drop-shadow(0 16px 38px rgba(2,6,23,.12));
  aspect-ratio: 1258 / 1169;
}

body.sibertema.siberays .product-collection.sm-hexcard::before{
  content: "";
  position: absolute;
  inset: 0;
  background: url("assets/6gen.svg") no-repeat center / contain;
  pointer-events: none;
  user-select: none;
  z-index: 10;
}

/* İç yüzey (svg stroke içini beyaz/premium yap) */
body.sibertema.siberays .product-collection.sm-hexcard::after{
  content: "";
  position: absolute;
  inset: var(--sm-hex-safe);
  clip-path: var(--ays-hex-clip);
  background: radial-gradient(520px 280px at 30% 10%, rgba(var(--sm-ays-turq-rgb), .10), rgba(255,255,255,0) 60%),
              rgba(255,255,255,.92);
  z-index: 0;
}

/* Medya alanı: görsel 6geni doldursun */
body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__media{
  position: absolute;
  inset: var(--sm-hex-safe);
  z-index: 1;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__link{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  clip-path: var(--ays-hex-clip);
}

/* Badge’ler (indirim/yeni) */
body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__badges{
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 8;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__badges .label{
  border-radius: 999px;
  padding: 6px 10px;
  font-weight: 800;
}

/* Aksiyonlar (favori/karşılaştır/önizle) minimal */
body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__actions{
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__action{
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .20);
  box-shadow: 0 12px 30px rgba(2,6,23,.12);
  color: rgba(var(--sm-ays-ink-rgb), .88);
  text-decoration: none;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__action:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 38px rgba(2,6,23,.16);
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__action i{
  font-size: 16px;
  line-height: 1;
}

/* Alt panel (~%40): başlık + yıldız + fiyat + CTA */
body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__panel{
  position: absolute;
  left: var(--sm-hex-safe);
  right: var(--sm-hex-safe);
  bottom: var(--sm-hex-safe);
  height: 42%;

  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.96));
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
  border-radius: 18px;
  padding: 12px 12px 14px;
  z-index: 6;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  text-align: center;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__title a{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;
  color: rgba(var(--sm-ays-ink-rgb), .92);
  text-decoration: none;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__reviews{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__stars{
  color: var(--sm-warning) !important;
  letter-spacing: 1px;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__reviewCount{
  color: rgba(var(--sm-ays-ink-rgb), .60);
  font-weight: 700;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__price{
  font-weight: 900;
  font-size: 15px;
  color: rgba(var(--sm-ays-ink-rgb), .92);
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__price *{
  color: inherit !important;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__cta{
  padding-top: 2px;
}

body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__add{
  width: 100%;
  border-radius: 999px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1;
}

/* Benzer Ürünler grid: kartlar nefes alsın, gereksiz büyümesin */
body.sibertema.siberays .sm-pdp-related #smRelatedGrid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 18px;
  align-items: start;
}

@supports not (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {
  body.sibertema.siberays .product-collection.sm-hexcard{
    clip-path: none;
    border-radius: 22px;
  }
  body.sibertema.siberays .product-collection.sm-hexcard::after,
  body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__img,
  body.sibertema.siberays .product-collection.sm-hexcard .sm-hexcard__panel{
    clip-path: none;
  }
}

/* ============================================================
   SP-072 — SiberAYS: PDP Marka Gorseli Kaldir + Sol Galeri Buyut
   - PDP'de marka gorseli (Bosch demo) buyuk cikabiliyordu; sadece badge metin.
   - Sol 6gen galeri biraz buyutulup sag bilgi ile dengelendi.

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

body.sibertema.siberays .sm-pdp-topline{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}

body.sibertema.siberays .sm-pdp-brand{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 32px;
}

/* Eski markup/legacy: marka resmi varsa bile PDP'de görünmesin */
body.sibertema.siberays .sm-pdp-brand .sm-brand-img{
  display: none !important;
}

/* Sol galeri kolonu bir tık büyüt */
body.sibertema.siberays .sm-pdp-grid{
  grid-template-columns: minmax(360px, 520px) minmax(0, 1fr);
  gap: 32px;
}

body.sibertema.siberays .sm-hexframe--hero{
  max-width: 480px;
}

body.sibertema.siberays .sm-pdp-thumbs--compact{
  max-width: 480px;
}

@media (max-width: 920px){
  body.sibertema.siberays .sm-pdp-grid{ gap: 18px; }
  body.sibertema.siberays .sm-hexframe--hero,
  body.sibertema.siberays .sm-pdp-thumbs--compact{ max-width: 520px; }
}

/* ============================================================
   SP-073 — SiberAYS: PDP Kolon Denge (1/1) + Mobil Stack
   + Benzer Ürünler: 5 Kolon Grid + Hex Media + Alt Bilgi Kutusu

   - Masaüstünde PDP sol galeri ve sağ satın alma bloğu eşit genişlikte (1fr/1fr).
   - Mobilde üst/alt stack (galeri üstte).
   - Benzer ürünler kartları: 5 kolon ölçüsünde sabit grid; az ürün olsa bile büyümez.
   - Kart: aksiyon ikonları hex'in üstünde yatay; fiyat/yıldız/sepete ekle hex altında.
   - Hex frame: site-objeleri.zip içindeki assets/6gen.svg çerçevesi kullanılır.

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

body.sibertema.siberays .sm-pdp-grid{
  grid-template-columns: minmax(0, 1.16fr) minmax(360px, 0.84fr);
  gap: 34px;
  align-items: start;
}

body.sibertema.siberays .sm-pdp-media,
body.sibertema.siberays .sm-pdp-buy{
  min-width: 0;
}

body.sibertema.siberays .sm-hexframe--hero{
  max-width: none;
  width: min(700px, 100%);
  margin-left: auto;
  margin-right: auto;
  --sm-hex-bg-inset: 10px;
  --sm-hex-img-inset: 12px;
}

body.sibertema.siberays .sm-hexframe--hero img{
  object-fit: contain;
  object-position: center;
}

body.sibertema.siberays .sm-pdp-thumbs--compact{
  max-width: none;
  width: min(700px, 100%);
  margin-left: auto;
  margin-right: auto;
}

body.sibertema.siberays .sm-hexframe--thumb{
  width: 98px;
  --sm-hex-bg-inset: 6px;
  --sm-hex-img-inset: 10px;
}

body.sibertema.siberays .sm-hexframe--thumb img{
  object-fit: contain;
}

@media (max-width: 920px){
  body.sibertema.siberays .sm-pdp-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  body.sibertema.siberays .sm-hexframe--hero,
  body.sibertema.siberays .sm-pdp-thumbs--compact{
    width: min(560px, 100%);
  }
}

/* Benzer Ürünler: 5 kolon hedef (az üründe kartlar devleşmesin) */
body.sibertema.siberays .sm-pdp-related #smRelatedGrid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

@media (max-width: 1280px){
  body.sibertema.siberays .sm-pdp-related #smRelatedGrid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1080px){
  body.sibertema.siberays .sm-pdp-related #smRelatedGrid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  body.sibertema.siberays .sm-pdp-related #smRelatedGrid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}

@media (max-width: 420px){
  body.sibertema.siberays .sm-pdp-related #smRelatedGrid{
    grid-template-columns: 1fr;
  }
}

/* PDP related item: kare wrapper/padding etkisi olmasın */
body.sibertema.siberays .sm-pdp-related .grid__item.product-item{
  padding: 0 !important;
}

/* PDP related kart: hex sadece görsel, içerikler alt kutuda */
body.sibertema.siberays .sm-pdp-related .product-collection.sm-relcard{
  position: relative;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__actrow{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 6px;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__act{
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22);
  box-shadow: 0 12px 30px rgba(2,6,23,.10);
  color: rgba(var(--sm-ays-ink-rgb), .90);
  text-decoration: none;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__act:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 38px rgba(2,6,23,.14);
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__act i{
  font-size: 16px;
  line-height: 1;
}

/* Related hex: inset daha küçük => görsel altıgeni doldursun */
body.sibertema.siberays .sm-pdp-related .sm-hexframe--rel{
  width: 100%;
  --sm-hex-bg-inset: 9px;
  --sm-hex-img-inset: 12px;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__badges{
  position: absolute;
  right: 10px;
  bottom: 2px;
  left: auto;
  top: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  z-index: 5;
  pointer-events: none;
  transform: translateY(35%);
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__badges .label{
  border-radius: 999px;
  padding: 6px 10px;
  font-weight: 800;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__body{
  width: 100%;
  padding: 10px 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
  box-shadow: 0 18px 44px rgba(2,6,23,.06);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__title a{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 800;
  color: rgba(var(--sm-ays-ink-rgb), .92);
  text-decoration: none;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__rating{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__stars .sm-star{
  color: rgba(var(--sm-ays-ink-rgb), .20);
  letter-spacing: 1px;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__stars .sm-star.is-on{
  color: var(--sm-warning);
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__reviewCount{
  color: rgba(var(--sm-ays-ink-rgb), .60);
  font-weight: 700;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__price{
  font-weight: 900;
  font-size: 14px;
  color: rgba(var(--sm-ays-ink-rgb), .92);
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__price *{
  color: inherit !important;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__add{
  width: 100%;
  border-radius: 999px;
  padding: 9px 10px;
  font-size: 12px;
  line-height: 1;
}

/* ============================================================
   SP-074 — SiberAYS: PDP Satın Alma Düzeni + Mobil Ek Blok Fix
   + Benzer Ürünler Aksiyon İkonları/Tooltip

   - Mobilde tekrar eden fiyat/sepete-ekle bloğu (sticky) kaldırıldı.
   - Adet stepper: yıldız/yorum satırının sağına alındı, beyaz arkaplan.
   - Fiyat satırı: fiyat + (Sepete Ekle / Hemen Al) yan yana.
   - Benzer ürün aksiyonları: SVG ikon + tooltip, 6gen altına taşındı.

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

/* SiberAYS genel: input/box arkaplanı gri olmasın */
body.sibertema.siberays input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
body.sibertema.siberays textarea,
body.sibertema.siberays select{
  background-color: #ffffff !important;
}

/* PDP rating + qty inline */
body.sibertema.siberays .sm-pdp-rating{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

body.sibertema.siberays .sm-pdp-rating-left{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

body.sibertema.siberays .sm-pdp-qty-inline{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22);
  background: rgba(255,255,255,.92);
  box-shadow: 0 14px 34px rgba(2,6,23,.06);
}

body.sibertema.siberays .sm-pdp-qty-inline .sm-qty-label{
  font-size: 12px;
  font-weight: 800;
  color: rgba(var(--sm-ays-ink-rgb), .78);
}

/* Stepper: beyaz + kompakt */
body.sibertema.siberays .sm-pdp .sm-stepper{
  display: inline-flex;
  align-items: stretch;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22);
  background: #ffffff;
}

body.sibertema.siberays .sm-pdp .sm-stepper-btn{
  width: 36px;
  height: 34px;
  border: 0;
  background: #ffffff;
  color: rgba(var(--sm-ays-ink-rgb), .92);
  font-size: 18px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

body.sibertema.siberays .sm-pdp .sm-stepper-btn:hover{
  background: rgba(var(--sm-ays-turq-rgb), .08);
}

body.sibertema.siberays .sm-pdp .sm-stepper-input{
  width: 54px;
  border: 0;
  outline: 0;
  background: #ffffff;
  color: rgba(var(--sm-ays-ink-rgb), .92);
  text-align: center;
  font-weight: 800;
  padding: 0;
}

body.sibertema.siberays .sm-pdp .sm-stepper-input::-webkit-outer-spin-button,
body.sibertema.siberays .sm-pdp .sm-stepper-input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

body.sibertema.siberays .sm-pdp .sm-stepper-input[type=number]{
  -moz-appearance: textfield;
}

/* Pricebox: fiyat + CTA yan yana */
body.sibertema.siberays .sm-pricebox-main.sm-pricebox-main--withcta{
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

body.sibertema.siberays .sm-pricebox-left{
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

body.sibertema.siberays .sm-pricebox-cta{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

body.sibertema.siberays .sm-pdp-cta-btn{
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

@media (max-width: 520px){
  body.sibertema.siberays .sm-pdp-rating{
    align-items: flex-start;
  }

  body.sibertema.siberays .sm-pricebox-main.sm-pricebox-main--withcta{
    flex-direction: column;
    align-items: stretch;
  }

  body.sibertema.siberays .sm-pricebox-cta{
    width: 100%;
    justify-content: stretch;
  }

  body.sibertema.siberays .sm-pdp-cta-btn{
    width: 100%;
    display: inline-flex;
    justify-content: center;
  }
}

/* Benzer Ürünler aksiyonları: svg ikon + tooltip */
body.sibertema.siberays .sm-pdp-related .sm-relcard__act svg{
  width: 18px;
  height: 18px;
  display: block;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__act[data-tip]{
  position: relative;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__act[data-tip]::after{
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%) translateY(2px);
  padding: 5px 8px;
  border-radius: 10px;
  background: rgba(var(--sm-ays-ink-rgb), .92);
  color: #fff;
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 14px 34px rgba(2,6,23,.16);
  transition: opacity .14s ease, transform .14s ease;
}

body.sibertema.siberays .sm-pdp-related .sm-relcard__act[data-tip]:hover::after,
body.sibertema.siberays .sm-pdp-related .sm-relcard__act[data-tip]:focus-visible::after{
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* ============================================================
   SP-076 — SiberAYS: Gri Yüzey Temizliği + Quick View Light + Ürün Kartı Standardı
   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

/* (1) Global: SiberAYS içinde "surface" tonlarını beyaza çek (gri kutu algısı olmasın) */
body.sibertema.siberays{
  --sm-surface: #ffffff;
  --sm-surface-2: #ffffff;
}

/* Sm-glass yüzeyleri de tamamen beyazla (özellikle sepet/checkout gibi alanlarda gri görünmesin) */
body.sibertema.siberays .sm-glass{
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Tab badge (yorum sayısı vb) gri görünmesin */
body.sibertema.siberays .sm-tab-badge{
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22);
}

/* (2) Ürün Kartı: Tüm listelerde "Benzer Ürünler" kart dili (sm-relcard) */
body.sibertema.siberays .grid__item.product-item.sm-relitem{
  padding: 0 !important;
}

body.sibertema.siberays .product-collection.sm-relcard{
  position: relative;
  display: flex;
  flex-direction: column;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.sibertema.siberays .product-collection.sm-relcard:hover{ transform: translateY(-1px); }

body.sibertema.siberays .product-collection.sm-relcard .product_image,
body.sibertema.siberays .product-collection.sm-relcard .thumbnail-container{ display:none !important; }

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__media{
  position: relative;
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__hex{
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  display: block;
  filter: drop-shadow(0 18px 38px rgba(2,6,23,.12));
}

body.sibertema.siberays .product-collection.sm-relcard .sm-hexframe--rel::before{
  opacity: 1;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-hexframe--rel::after{
  inset: 7px;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(var(--sm-ays-turq-rgb), .10);
}

body.sibertema.siberays .product-collection.sm-relcard .sm-hexframe--rel img{
  inset: auto;
  top: var(--sm-hex-img-inset);
  left: var(--sm-hex-img-inset);
  width: calc(100% - var(--sm-hex-img-inset) - var(--sm-hex-img-inset));
  height: calc(100% - var(--sm-hex-img-inset) - var(--sm-hex-img-inset));
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  object-fit: cover;
  object-position: center;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__actrow{
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__act{
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22);
  background: #ffffff;
  color: rgba(var(--sm-ays-ink-rgb), .90);
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__act:hover,
body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__act:focus-visible{
  background: rgba(var(--sm-ays-turq-rgb), .08);
  box-shadow: 0 14px 34px rgba(2,6,23,.10);
  transform: translateY(-1px);
  outline: none;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__act svg{
  width: 18px;
  height: 18px;
  display: block;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__badges{
  position: absolute;
  right: 10px;
  bottom: 2px;
  left: auto;
  top: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  z-index: 6;
  pointer-events: none;
  transform: translateY(38%);
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__body{
  width: 100%;
  max-width: 240px;
  margin: 8px auto 0;
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
  border-radius: 18px;
  padding: 12px 12px 12px;
  box-shadow: 0 16px 34px rgba(2,6,23,.06);
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__title{
  font-weight: 900;
  letter-spacing: -0.2px;
  font-size: 13px;
  line-height: 1.25;
  min-height: 34px;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__title a{
  color: rgba(var(--sm-ays-ink-rgb), .96);
  text-decoration: none;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__title a:hover{ color: rgba(var(--sm-ays-turq-rgb), .95); }

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__rating{
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__stars{ color: rgba(245,158,11,.98); font-size: 12px; }
body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__reviewCount{ font-size: 12px; color: rgba(var(--sm-ays-ink-rgb), .58); }

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__price{
  margin-top: 8px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__price ins{ font-weight: 900; color: rgba(var(--sm-ays-ink-rgb), .96); }
body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__price del{ color: rgba(var(--sm-ays-ink-rgb), .40); }

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__add{
  width: 100%;
  margin-top: 10px;
  height: 42px;
  border-radius: 14px;
  font-weight: 900;
}

/* Tooltip (data-tip) — global */
body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__act[data-tip]{
  position: relative;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__act[data-tip]::after{
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%) translateY(2px);
  padding: 5px 8px;
  border-radius: 10px;
  background: rgba(var(--sm-ays-ink-rgb), .92);
  color: #fff;
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 14px 34px rgba(2,6,23,.16);
  transition: opacity .14s ease, transform .14s ease;
}

body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__act[data-tip]:hover::after,
body.sibertema.siberays .product-collection.sm-relcard .sm-relcard__act[data-tip]:focus-visible::after{
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* (3) Quick View Modal: siyah görünümü kaldır, site uyumlu "mini PDP" gibi göster */
body.sibertema.siberays #smQuickModal.sm-qv-modal{
  background: rgba(2,6,23,.62);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

body.sibertema.siberays #smQuickModal .sm-qv-dialog{
  width: min(560px, 100%);
  max-height: 90vh;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22);
  box-shadow: 0 44px 120px rgba(2,6,23,.22);
}

body.sibertema.siberays #smQuickModal .sm-qv-head{
  background: #ffffff;
  border-bottom: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
}

body.sibertema.siberays #smQuickModal .sm-qv-title{
  color: rgba(var(--sm-ays-ink-rgb), .92);
  font-size: 13px;
  letter-spacing: .02em;
}

body.sibertema.siberays #smQuickModal .sm-qv-open{
  color: rgba(var(--sm-ays-turq-rgb), .95);
  font-weight: 900;
}

body.sibertema.siberays #smQuickModal .sm-qv-close{
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22);
  color: rgba(var(--sm-ays-ink-rgb), .92);
  position: relative;
  z-index: 2;
}

body.sibertema.siberays #smQuickModal .sm-qv-body{
  background: #ffffff;
  padding: 14px;
}

/* QuickView içinde PDP: mobil layout gibi tek kolon */
body.sibertema.siberays #smQuickModal .sm-qv-body .sm-pdp-grid{
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

body.sibertema.siberays #smQuickModal .sm-qv-body .sm-pdp-media{
  max-width: 440px;
  margin: 0 auto;
}

body.sibertema.siberays #smQuickModal .sm-qv-body .sm-hexframe--hero{
  width: min(440px, 100%);
}

body.sibertema.siberays #smQuickModal .sm-qv-body .sm-pdp-buy{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* (4) Sepet / Checkout / Drawer: mini ürün görselleri 6gen + beyaz yüzey */

/* Sepet/Checkout guven rozetleri: gri/dark yerine beyaz */
body.sibertema.siberays :is(.sm-trust .sm-badge, .sm-cart-meta .sm-badge){
  background: #ffffff !important;
  color: rgba(var(--sm-ays-ink-rgb), .92) !important;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .22) !important;
  box-shadow: 0 10px 26px rgba(2,6,23,.06);
}

body.sibertema.siberays :is(.sm-cart-img, .sm-cart-mini-img, .sm-minihex){
  position: relative;
  display: block;
  aspect-ratio: 1258 / 1169;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  filter: drop-shadow(0 14px 30px rgba(2,6,23,.10));
}

body.sibertema.siberays .sm-cart-img{ width: 88px; --sm-hex-bg-inset: 7px; --sm-hex-img-inset: 12px; }
body.sibertema.siberays .sm-cart-mini-img{ width: 54px; --sm-hex-bg-inset: 5px; --sm-hex-img-inset: 9px; }
body.sibertema.siberays .sm-minihex{ width: 44px; --sm-hex-bg-inset: 4px; --sm-hex-img-inset: 7px; }

body.sibertema.siberays :is(.sm-cart-img, .sm-cart-mini-img, .sm-minihex)::before{
  content: "";
  position: absolute;
  inset: 0;
  background: url("assets/6gen.svg") no-repeat center / contain;
  pointer-events: none;
  z-index: 3;
}

body.sibertema.siberays :is(.sm-cart-img, .sm-cart-mini-img, .sm-minihex)::after{
  content: "";
  position: absolute;
  inset: var(--sm-hex-bg-inset, 7px);
  background: #ffffff;
  clip-path: var(--ays-hex-clip);
  box-shadow: inset 0 0 0 1px rgba(var(--sm-ays-turq-rgb), .10);
  z-index: 1;
}

body.sibertema.siberays :is(.sm-cart-img, .sm-cart-mini-img, .sm-minihex) img{
  position: absolute;
  inset: auto;
  top: var(--sm-hex-img-inset, 12px);
  left: var(--sm-hex-img-inset, 12px);
  width: calc(100% - var(--sm-hex-img-inset, 12px) - var(--sm-hex-img-inset, 12px));
  height: calc(100% - var(--sm-hex-img-inset, 12px) - var(--sm-hex-img-inset, 12px));
  object-fit: cover;
  object-position: center;
  clip-path: var(--ays-hex-clip);
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  z-index: 2;
}

/* Dark/grey kalma ihtimali olan sepet bileşenlerini beyazla */
body.sibertema.siberays .sm-qty,
body.sibertema.siberays .sm-cart-remove,
body.sibertema.siberays .sm-cart-mini-item{
  background: #ffffff !important;
  border-color: rgba(var(--sm-ays-turq-rgb), .22) !important;
}

body.sibertema.siberays .sm-cart-line{ border-top-color: rgba(var(--sm-ays-turq-rgb), .18) !important; }
body.sibertema.siberays .sm-cart-mini-item{ border-radius: 18px; }


/* SP-080 (v0.1.156): Sepet sayfasi - hex sepet ozeti (tip + adet) */
body.sibertema.siberays .sm-cart-hexwrap{
  display: flex;
  justify-content: center;
  margin: 0 0 18px;
}

body.sibertema.siberays .sm-cart-hex{
  /* SP-081: 6gen.svg çerçeve tam görünür olsun (clip-path sadece iç yüzeyde) */
  --sm-cart-hex-inset: 22px;

  position: relative;
  width: min(100%, 460px);
  aspect-ratio: 1258 / 1169;
  display: grid;
  place-items: center;
  padding: calc(var(--sm-cart-hex-inset) + 6px);

  /* Dış çerçeve */
  background: url('assets/6gen.svg') center / contain no-repeat;
  clip-path: none;

  /* İç yüzey shadow pseudo ile verilecek */
  box-shadow: none;
}

body.sibertema.siberays .sm-cart-hex::before{
  content: "";
  position: absolute;
  inset: var(--sm-cart-hex-inset);
  background: #ffffff;
  clip-path: var(--ays-hex-clip);
  box-shadow: 0 14px 34px rgba(2, 132, 199, .10);
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
  pointer-events: none;
  z-index: 1;
}

body.sibertema.siberays .sm-cart-hex::after{
  content: none;
}


body.sibertema.siberays .sm-cart-hex-inner{
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 360px;
  text-align: center;
}

body.sibertema.siberays .sm-cart-hex-title{
  font-weight: 800;
  letter-spacing: .2px;
  margin: 0 0 10px;
}

body.sibertema.siberays .sm-cart-hex-kpis{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 0 auto 14px;
}

body.sibertema.siberays .sm-cart-hex-kpi{
  padding: 12px 10px;
  background: rgba(2, 132, 199, .045);
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
  border-radius: 14px;
}

body.sibertema.siberays .sm-cart-hex-no{
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
  color: var(--sm-ays-ink);
}

body.sibertema.siberays .sm-cart-hex-label{
  font-size: 12px;
  margin-top: 6px;
  color: var(--sm-ays-ink-2);
}

body.sibertema.siberays .sm-cart-hex-cta{
  width: 100%;
  justify-content: center;
  border-radius: 16px;
}

@media (max-width: 520px){
  body.sibertema.siberays .sm-cart-hex{
    width: min(100%, 380px);
    --sm-cart-hex-inset: 18px;
    padding: calc(var(--sm-cart-hex-inset) + 6px);
  }
  body.sibertema.siberays .sm-cart-hex-inner{ max-width: 320px; }
  body.sibertema.siberays .sm-cart-hex-no{ font-size: 24px; }
}


/* ============================================================
   SP-081 — Sepet Sayfası Premium Obje Seti (SiberAYS)
   - Kutu başlıklarına üst/alt çatı obje (simetrik)
   - Sepet sayfası: 6gen watermark arka plan
   - 6gen çerçeveli alanlar hariç (örn: .sm-cart-hex)
   ============================================================ */

body.sibertema.siberays{
  --sm-roof-w: clamp(240px, 92%, 560px);
  --sm-roof-h: 28px;
  --sm-roof-pad-y: 40px;
  --sm-roof-off: 10px;
}

/* Sepet sayfası arka plan: 6gen watermark */
body.sibertema.siberays .sm-page-cart{
  position: relative;
  isolation: isolate;
}
body.sibertema.siberays .sm-page-cart::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('assets/6gen.svg');
  background-repeat: repeat;
  background-size: 220px 204px;
  opacity: .055;
  pointer-events: none;
  z-index: 0;
}
body.sibertema.siberays .sm-page-cart > *{
  position: relative;
  z-index: 1;
}

/* Roof head helper (manuel eklenen başlıklar için) */
body.sibertema.siberays .sm-roofhead{
  position: relative;
  text-align: center;
  padding: var(--sm-roof-pad-y) 12px;
  margin: 0 0 12px;
}
body.sibertema.siberays .sm-roofhead::before,
body.sibertema.siberays .sm-roofhead::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: var(--sm-roof-w);
  height: var(--sm-roof-h);
  background: url('assets/ust-cati-obje.svg') center / contain no-repeat;
  pointer-events: none;
  opacity: .95;
}
body.sibertema.siberays .sm-roofhead::before{ top: var(--sm-roof-off); }
body.sibertema.siberays .sm-roofhead::after{ bottom: var(--sm-roof-off); background-image: url('assets/alt-cati-obje.svg'); }

/* Açıklamalı kutu başlıkları: .sm-glass.sm-card > .sm-card-title */
body.sibertema.siberays .sm-glass.sm-card > .sm-card-title{
  position: relative;
  text-align: center;
  padding: var(--sm-roof-pad-y) 14px;
  margin: 0 0 14px;
  overflow: visible;
  display: block;
  -webkit-line-clamp: unset;
  min-height: auto;
}
body.sibertema.siberays .sm-glass.sm-card > .sm-card-title::before,
body.sibertema.siberays .sm-glass.sm-card > .sm-card-title::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: var(--sm-roof-w);
  height: var(--sm-roof-h);
  background: url('assets/ust-cati-obje.svg') center / contain no-repeat;
  pointer-events: none;
  opacity: .95;
}
body.sibertema.siberays .sm-glass.sm-card > .sm-card-title::before{ top: var(--sm-roof-off); }
body.sibertema.siberays .sm-glass.sm-card > .sm-card-title::after{ bottom: var(--sm-roof-off); background-image: url('assets/alt-cati-obje.svg'); }

/* Sepet: Sipariş Özeti başlığı roof */
body.sibertema.siberays .sm-page-cart .sm-summary-head{
  position: relative;
  display: block;
  text-align: center;
  padding: var(--sm-roof-pad-y) 10px;
  margin-bottom: 10px;
}
body.sibertema.siberays .sm-page-cart .sm-summary-head::before,
body.sibertema.siberays .sm-page-cart .sm-summary-head::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: var(--sm-roof-w);
  height: var(--sm-roof-h);
  background: url('assets/ust-cati-obje.svg') center / contain no-repeat;
  pointer-events: none;
  opacity: .95;
}
body.sibertema.siberays .sm-page-cart .sm-summary-head::before{ top: var(--sm-roof-off); }
body.sibertema.siberays .sm-page-cart .sm-summary-head::after{ bottom: var(--sm-roof-off); background-image: url('assets/alt-cati-obje.svg'); }
body.sibertema.siberays .sm-page-cart .sm-summary-title{ margin: 0; }
body.sibertema.siberays .sm-page-cart .sm-summary-sub{ margin: 6px 0 0; }
body.sibertema.siberays .sm-page-cart .sm-summary-sub .sm-summary-qtyno{
  font-weight: 700;
}

/* Sepet: Kupon / Not details summary başlığı roof (summary::after plus işareti ile çakışmasın) */
body.sibertema.siberays details.sm-details.sm-glass > summary{
  position: relative;
  justify-content: center;
  text-align: center;
  padding: var(--sm-roof-pad-y) 52px;
  background-image: url('assets/alt-cati-obje.svg');
  background-repeat: no-repeat;
  background-position: center calc(100% - var(--sm-roof-off));
  background-size: var(--sm-roof-w) var(--sm-roof-h);
}
body.sibertema.siberays details.sm-details.sm-glass > summary::before{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: var(--sm-roof-w);
  height: var(--sm-roof-h);
  top: var(--sm-roof-off);
  background: url('assets/ust-cati-obje.svg') center / contain no-repeat;
  pointer-events: none;
  opacity: .95;
}
/* Plus/eksi işareti sağa sabitlensin */
body.sibertema.siberays details.sm-details.sm-glass > summary::after{
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0;
}

/* Trust box title */
body.sibertema.siberays .sm-trust-title{
  font-weight: 900;
  letter-spacing: .2px;
}


/* ============================================================
   SP-084 — SiberAYS: /kontrol (Ödeme Kontrol) Tek Kolon + Toggle Login/Register
   - Üst kart: 6gen svg badge ile "Üye olmadan devam et" + CTA
   - Alt kart: üst/alt çatı obje (sm-roofhead) + Giriş/Kayıt tab butonları
   - Tıklanınca ilgili panel açılır ve görünür alana kayar
   ============================================================ */

body.sibertema.siberays.sm-route-kontrol{
  /* /kontrol sayfası: roof başlık biraz daha kompakt */
  --sm-roof-pad-y: 34px;
  --sm-roof-h: 24px;
  --sm-roof-off: 8px;
  --sm-roof-w: clamp(240px, 92%, 520px);
}

body.sibertema.siberays.sm-route-kontrol .sm-section.sm-pagehead{
  padding: 18px 0 10px;
}

body.sibertema.siberays.sm-route-kontrol .sm-auth{
  padding: 12px 0 30px;
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-grid.sm-auth-singlecol{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  max-width: min(720px, calc(100vw - 24px));
  margin: 0 auto;
}

/* Guest hex card */
body.sibertema.siberays.sm-route-kontrol .sm-auth-guesthex{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-guesthex-row{
  display: flex;
  align-items: center;
  gap: 14px;
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-hex{
  width: 92px;
  height: 86px;
  min-width: 92px;
  background: url('assets/6gen.svg') center / contain no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--sm-ays-turq-rgb), .92);
  filter: drop-shadow(0 14px 32px rgba(2,6,23,.12));
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-hex svg{
  width: 32px;
  height: 32px;
  display: block;
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-guesthex-title{
  font-weight: 900;
  letter-spacing: -0.01em;
  margin: 0 0 2px;
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-guest-cta{
  margin-top: 2px;
}

/* Login/Register toggle card */
body.sibertema.siberays.sm-route-kontrol .sm-auth-roofhead{
  margin-bottom: 6px;
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-switch{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 6px 0 12px;
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-tab{
  appearance: none;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .26);
  background: #fff;
  color: var(--sm-text);
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  transition: transform .08s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-tab:hover{
  border-color: rgba(var(--sm-ays-turq-rgb), .46);
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-tab.is-active{
  background: rgba(var(--sm-ays-turq-rgb), .08);
  border-color: rgba(var(--sm-ays-turq-rgb), .64);
  box-shadow: 0 12px 30px rgba(2,6,23,.10);
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-tab:active{
  transform: translateY(1px);
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-tab:focus-visible{
  outline: 3px solid rgba(var(--sm-ays-turq-rgb), .28);
  outline-offset: 2px;
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-panels{
  border-top: 1px solid rgba(2,6,23,.08);
  padding-top: 14px;
}

body.sibertema.siberays.sm-route-kontrol .sm-auth-panel{
  padding-top: 4px;
}

@media (max-width: 560px){
  body.sibertema.siberays.sm-route-kontrol .sm-auth-guesthex-row{
    flex-direction: column;
    align-items: flex-start;
  }
  body.sibertema.siberays.sm-route-kontrol .sm-auth-hex{
    width: 84px;
    height: 78px;
    min-width: 84px;
  }
}

/* ============================================================
   SP-102 (v0.1.172) — SiberAYS: Banka Bilgileri + SSS (Düzen + Mobil)
   + Kurumsal/Bilgi sayfalarında çerçeve içi spacing iyileştirmesi

   - Kart ve kutu padding değerleri daha rahat/zarif hale getirildi.
   - Banka tablosu mobilde kartlara dönüşür (data-label ile).
   - SSS (FAQ) alanı premium accordion kart görünümüne alındı; metinler çerçeveye yapışmaz.

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

/* Çerçeve/paper kutularda nefes alanı */
body.sibertema.siberays.sm-route-sayfa .sm-ays-page-card,
body.sibertema.siberays .sm-ays-static-page .sm-ays-page-card{
  padding: 22px;
}

@media (max-width: 820px){
  body.sibertema.siberays.sm-route-sayfa .sm-ays-page-card,
  body.sibertema.siberays .sm-ays-static-page .sm-ays-page-card{
    padding: 16px;
  }
}

/* Kurumsal/Bilgi içerik kartları: daha rahat padding */
body.sibertema.siberays.sm-route-sayfa .sm-ays-about-card,
body.sibertema.siberays.sm-route-sayfa .sm-ays-step{
  padding: 16px 16px 14px;
}
body.sibertema.siberays.sm-route-sayfa .sm-ays-about-card p,
body.sibertema.siberays.sm-route-sayfa .sm-ays-step p{
  margin: 0;
}

body.sibertema.siberays.sm-route-sayfa .sm-ays-about-cta{
  padding: 16px;
}

/* Boş durum uyarısı: çizgiye yapışmasın */
body.sibertema.siberays .sm-ays-empty{
  padding: 14px 16px;
  line-height: 1.55;
}

/* Banka tablosu: daha premium tablo hücre boşlukları */
body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table th,
body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table td{
  border-color: rgba(var(--sm-ays-turq-rgb), .12) !important;
  padding: 12px 10px;
}
body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table thead th{
  background: rgba(var(--sm-ays-turq-rgb), .04);
}

/* Mobil: Banka tablosu kartlara dönüşür */
@media (max-width: 680px){
  body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-card .sm-ays-table-wrap{
    border: 0;
    background: transparent;
    border-radius: 0;
  }

  body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table thead{ display: none; }

  body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table,
  body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table tbody,
  body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table tr,
  body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table td{
    display: block;
    width: 100%;
  }

  body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table{
    border: 0;
    background: transparent;
  }

  body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table tr{
    margin: 0 0 12px;
    border: 1px solid rgba(var(--sm-ays-turq-rgb), .14);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
    background: #fff;
  }

  body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table td{
    border: 0 !important;
    border-bottom: 1px solid rgba(var(--sm-ays-turq-rgb), .10) !important;
    padding: 10px 12px;
  }
  body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table td:last-child{
    border-bottom: 0 !important;
  }

  body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-table td[data-label]::before{
    content: attr(data-label);
    display: block;
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(var(--sm-ays-ink-rgb), .65);
    margin: 0 0 6px;
  }

  body.sibertema.siberays .sm-ays-static-page .sm-ays-bank-logo{
    height: 44px;
    max-width: 160px;
  }
}

/* SSS (FAQ): premium accordion kartları */
body.sibertema.siberays .sm-ays-faq-card .faqs_block{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.sibertema.siberays .sm-ays-faq-card .faqs_block .js-item-faq{
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .14);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}

body.sibertema.siberays .sm-ays-faq-card .js-item-faq .heading{
  padding: 12px 14px;
  cursor: pointer;
  background: linear-gradient(120deg, rgba(var(--sm-ays-turq-rgb), .04), rgba(var(--sm-ays-gold-rgb), .06));
}

body.sibertema.siberays .sm-ays-faq-card .js-item-faq .heading-title a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: rgba(var(--sm-ays-ink-rgb), .92);
  text-decoration: none;
  font-weight: 600;
}

body.sibertema.siberays .sm-ays-faq-card .js-item-faq .heading-title a span:first-child{
  flex: 1 1 auto;
}

body.sibertema.siberays .sm-ays-faq-card .js-item-faq .faqs-icon{
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .18);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

body.sibertema.siberays .sm-ays-faq-card .js-item-faq .faqs-icon i{
  transition: transform .2s ease;
}

body.sibertema.siberays .sm-ays-faq-card .js-item-faq.active .faqs-icon i{
  transform: rotate(45deg);
}

body.sibertema.siberays .sm-ays-faq-card .js-item-faq .content-faqs{
  padding: 0 14px 14px;
}

body.sibertema.siberays .sm-ays-faq-card .js-item-faq .content-faqs .element{
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .12);
  background: rgba(var(--sm-ays-turq-rgb), .03);
}

body.sibertema.siberays .sm-ays-faq-card .js-item-faq .content-faqs p{
  margin: 0;
  line-height: 1.75;
  color: rgba(var(--sm-ays-ink-rgb), .86);
}

/* ============================================================
   SP-104 — Kurumsal/Bilgi sayfaları: çift çerçeve/padding düzeltmesi + görsel blok
   Author : SiberMimar "Guray Avci" | Website: www.sibermimar.com.tr
   ============================================================ */

/* Blog şablonundan gelen iç yüzeyleri (post-info) nötralize et: iç içe çerçeve etkisini azalt */
body.sibertema.siberays .sm-ays-page-card .post-item,
body.sibertema.siberays .sm-ays-page-card .post-info,
body.sibertema.siberays .sm-ays-page-card .main-info-post{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Ana kart padding: metinler çerçeveye bitişmesin */
body.sibertema.siberays .content-blog.sm-ays-page-card{
  padding: 26px !important;
}

/* Ana içerik kenar boşlukları */
body.sibertema.siberays .sm-ays-page-card .sm-ays-page-content{
  margin-top: 6px;
}

body.sibertema.siberays .sm-ays-page-card .sm-ays-page-content > :first-child{
  margin-top: 0 !important;
}

body.sibertema.siberays .sm-ays-page-card .sm-ays-page-content > :last-child{
  margin-bottom: 0 !important;
}

/* ============================================================
   SP-109 — Kurumsal/Bilgi sayfaları: SINGLE-BLOG iç içe çerçeve (ui.css) override
   Sorun:
   - assets/ui.css içinde `single-blog` alanına .content-blog ve .post-info için
     border/padding atanıyordu. Kurumsal/Bilgi sayfalarımız (sayfa/{seo} + bazı
     statik sayfalar) blog şablonu kullandığı için içerikte "çift çerçeve" görünümü
     oluşuyor ve metinler iç çerçeveye fazla yakın duruyordu.

   Çözüm:
   - Yalnızca SiberAYS özel sayfalarında kullanılan `.content-blog.sm-ays-page-card`
     scope'u içinde ui.css kuralını daha yüksek specificity ile geçersiz kılıyoruz.
   - İç çerçeve (post-info) border/padding kaldırılır; tek kart yüzeyi korunur.

   Author : SiberMimar "Guray Avci" | Website: www.sibermimar.com.tr
   ============================================================ */

/* ui.css `single-blog` kart kuralını SiberAYS özel sayfalarında (sm-ays-page-card) override et */
body.sibertema.siberays .main-content.shop-page.main-content-blog.single-blog .content-blog.sm-ays-page-card{
  background: #ffffff !important;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .14) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 44px rgba(15, 23, 42, .08) !important;
  color: rgba(var(--sm-ays-ink-rgb), .88) !important;
}

body.sibertema.siberays .main-content.shop-page.main-content-blog.single-blog .content-blog.sm-ays-page-card a[href]{
  color: rgba(var(--sm-ays-turq-rgb), .92) !important;
}

body.sibertema.siberays .main-content.shop-page.main-content-blog.single-blog .content-blog.sm-ays-page-card a[href]:hover{
  text-decoration: underline;
}

/* İç çerçeve etkisini yaratan post-info yüzeyi: border/padding temizle */
body.sibertema.siberays .main-content.shop-page.main-content-blog.single-blog .content-blog.sm-ays-page-card .post-item,
body.sibertema.siberays .main-content.shop-page.main-content-blog.single-blog .content-blog.sm-ays-page-card .post-item .post-info,
body.sibertema.siberays .main-content.shop-page.main-content-blog.single-blog .content-blog.sm-ays-page-card .post-item .post-info .main-info-post{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Bazı temalarda post-info pseudo-element ile çizgi/çerçeve basılabiliyor */
body.sibertema.siberays .main-content.shop-page.main-content-blog.single-blog .content-blog.sm-ays-page-card .post-item .post-info::before,
body.sibertema.siberays .main-content.shop-page.main-content-blog.single-blog .content-blog.sm-ays-page-card .post-item .post-info::after{
  content: none !important;
  display: none !important;
}

/* Highlight/Info kartlarında iç boşluk: daha zarif görünüm */
body.sibertema.siberays .sm-ays-about-card{
  padding: 16px 16px 14px;
}

body.sibertema.siberays .sm-ays-about-card p{
  line-height: 1.72;
}

/* Görsel anlatım: sayfa içi hex-medya blok */
body.sibertema.siberays .sm-ays-media-split{
  position: relative;
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 14px;
  align-items: center;
  margin: 16px 0 18px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .16);
  background: linear-gradient(120deg, rgba(var(--sm-ays-turq-rgb), .04), rgba(var(--sm-ays-gold-rgb), .06));
  overflow: hidden;
}

body.sibertema.siberays .sm-ays-media-split::before{
  content: "";
  position: absolute;
  right: -64px;
  top: -64px;
  width: 220px;
  height: 220px;
  background: url(assets/6gen.svg) center/contain no-repeat;
  opacity: .12;
  pointer-events: none;
}

body.sibertema.siberays .sm-ays-hex-media{
  width: 220px;
  aspect-ratio: 1258/1169;
  position: relative;
  margin: 0 auto;
  filter: drop-shadow(0 18px 40px rgba(15, 23, 42, .14));
}

body.sibertema.siberays .sm-ays-hex-media::before{
  content: "";
  position: absolute;
  inset: 0;
  background: url(assets/6gen.svg) center/contain no-repeat;
  z-index: 2;
  pointer-events: none;
}

body.sibertema.siberays .sm-ays-hex-media::after{
  content: "";
  position: absolute;
  inset: 6px;
  background: rgba(var(--sm-ays-ink-rgb), .08);
  clip-path: var(--ays-hex-clip);
  z-index: 1;
  pointer-events: none;
}

body.sibertema.siberays .sm-ays-hex-media img{
  position: absolute;
  inset: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  object-fit: cover;
  clip-path: var(--ays-hex-clip);
  z-index: 0;
  border-radius: 0;
}

body.sibertema.siberays .sm-ays-media-text h2,
body.sibertema.siberays .sm-ays-media-text h3{
  margin: 0 0 8px;
  font-size: 18px;
}

body.sibertema.siberays .sm-ays-media-text p{
  margin: 0;
  line-height: 1.78;
  color: rgba(var(--sm-ays-ink-rgb), .86);
}

body.sibertema.siberays .sm-ays-media-text ul{
  margin: 10px 0 0;
  padding: 0 0 0 18px;
  color: rgba(var(--sm-ays-ink-rgb), .86);
}

body.sibertema.siberays .sm-ays-media-text ul li{
  margin: 6px 0;
}

body.sibertema.siberays.sm-route-iletisim .sm-contact-media-split{
  margin: 16px 0 18px;
}

@media (max-width: 720px){
  body.sibertema.siberays .content-blog.sm-ays-page-card{
    padding: 18px !important;
  }

  body.sibertema.siberays .sm-ays-media-split{
    grid-template-columns: 1fr;
    padding: 12px;
  }

  body.sibertema.siberays .sm-ays-media-text h2,
  body.sibertema.siberays .sm-ays-media-text h3{
    text-align: center;
  }

  body.sibertema.siberays .sm-ays-media-text p{
    text-align: center;
  }

  body.sibertema.siberays .sm-ays-media-text ul{
    display: inline-block;
    text-align: left;
    margin: 10px auto 0;
  }
}

/* ============================================================
   SP-131 — Header Mega Menü: Araçlar (Araç Tipi → Marka → Model)
   - DB: aractipleri + aracmarka_tipleri
   - Menü: Araçlar megamenüde tip / marka / model hiyerarşisi

   Author : SiberMimar "Güray Avcı"
   Website: www.sibermimar.com.tr
   ============================================================ */

body.sibertema.siberays .sm-veh-grid{ align-items: start; }

body.sibertema.siberays .sm-veh-col{
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .18);
  background: #ffffff;
}

body.sibertema.siberays .sm-veh-type{
  font-size: 13.5px;
  font-weight: 650;
  letter-spacing: .01em;
  color: var(--sm-text);
  margin-bottom: 10px;
}


body.sibertema.siberays .sm-veh-meta{
  font-size: 11.5px;
  font-weight: 500;
  color: var(--sm-ays-ink);
  opacity: .78;
  margin-top: -6px;
  margin-bottom: 8px;
}

body.sibertema.siberays .sm-veh-morebrands{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 650;
  color: var(--sm-ays-ink);
  text-decoration: none;
  opacity: .86;
}
body.sibertema.siberays .sm-veh-morebrands:hover{
  text-decoration: underline;
  opacity: 1;
}

body.sibertema.siberays .sm-veh-morelink{
  border-style: dashed;
  border-color: rgba(var(--sm-ays-gold-rgb), .36);
  background: rgba(var(--sm-ays-gold-rgb), .06);
  color: var(--sm-text);
}
body.sibertema.siberays .sm-veh-brand{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed rgba(var(--sm-ays-gold-rgb), .25);
}
body.sibertema.siberays .sm-veh-brand:first-child{
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

body.sibertema.siberays .sm-veh-brandlink{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--sm-text);
  text-decoration: none;
}
body.sibertema.siberays .sm-veh-brandlink:hover{ text-decoration: underline; }

body.sibertema.siberays .sm-veh-brandlink-top{
  font-size: 13.5px;
  font-weight: 650;
}

body.sibertema.siberays .sm-veh-typelabel{
  display: block;
  font-size: 12.5px;
  font-weight: 650;
  color: var(--sm-ays-ink);
  margin-bottom: 6px;
}

body.sibertema.siberays .sm-veh-models{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

body.sibertema.siberays .sm-veh-modellink{
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .26);
  background: rgba(var(--sm-ays-turq-rgb), .06);
  font-size: 12px;
  line-height: 1.1;
  color: var(--sm-ays-ink);
  text-decoration: none;
}
body.sibertema.siberays .sm-veh-modellink:hover{
  border-color: rgba(var(--sm-ays-turq-rgb), .45);
  background: rgba(var(--sm-ays-turq-rgb), .10);
}


/* ============================================================
   SP-282 — /arama/ (Tüm Ürünler) Compact Wizard Arama Paneli (TS)
   - Üst filtre alanı daha minimal hale getirildi (tek satır/grid)
   - Ana sayfadaki vehiclebar ile aynı UI mimarisi (Tip→Marka→Model→Yıl→Parça)
   - Sıralama: sonuçlara yakın toolbar içinde ikon menü

   Author : SiberMimar "Guray Avci" | Website: www.sibermimar.com.tr
   ============================================================ */

/* Top compact wizard wrapper */
body.sibertema.siberays.sm-route-arama .sm-ays-plpbar{
  width: 100%;
  max-width: min(1200px, 100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.sibertema.siberays.sm-route-arama .sm-ays-plpbar-head{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
}

body.sibertema.siberays.sm-route-arama .sm-ays-plpbar-title{
  grid-column: 2;
  margin: 0;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: var(--sm-ays-ink);
  text-align: center;
}

body.sibertema.siberays.sm-route-arama .sm-ays-plpbar-clear{
  grid-column: 3;
  justify-self: end;
  padding: 8px 12px;
  border-radius: 14px;
}

/* Form: vehiclebar form stilini kullan, grid'i /arama için optimize et */
body.sibertema.siberays.sm-route-arama .sm-ays-plpbar-form{
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1.35fr auto;
  gap: 10px;
  padding: 12px;
}

/* Input (select ile aynı görsel dil) */
body.sibertema.siberays .sm-ays-input{
  width: 100%;
  height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .36);
  background: #ffffff !important;
  color: var(--sm-ays-ink) !important;
  color-scheme: light;
  padding: 0 12px;
  font-weight: 300;
  outline: none;
}
body.sibertema.siberays .sm-ays-input::placeholder{
  color: color-mix(in srgb, var(--sm-ays-ink) 60%, var(--sm-ays-turq) 40%);
}
body.sibertema.siberays .sm-ays-input:focus{
  border-color: rgba(var(--sm-ays-turq-rgb), .82);
  box-shadow: 0 0 0 4px rgba(var(--sm-ays-turq-rgb), .16);
}

body.sibertema.siberays.sm-route-arama .sm-ays-plpbar-submit{
  height: 46px;
  border-radius: 14px;
  min-width: 96px;
  white-space: nowrap;
  margin-top: 22px;
  align-self: end;
}

/* Wizard field states (TS class toggles) */
body.sibertema.siberays.sm-route-arama .sm-wz-field.is-disabled{
  opacity: .72;
}
body.sibertema.siberays.sm-route-arama .sm-wz-field.is-active .sm-ays-select,
body.sibertema.siberays.sm-route-arama .sm-wz-field.is-active .sm-ays-input{
  border-color: rgba(var(--sm-ays-turq-rgb), .82);
  box-shadow: 0 0 0 4px rgba(var(--sm-ays-turq-rgb), .14);
}

/* Sonuç toolbar (count + sort) */
body.sibertema.siberays.sm-route-arama .sm-ays-plp-toolbar{
  max-width: min(1200px, 100%);
  margin: 14px auto 12px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  padding: 14px 16px;
  border-radius: 22px;
  border: 1px solid rgba(var(--sm-ays-gold-rgb), .24);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.94));
  box-shadow: 0 18px 40px rgba(2,6,23,.08);
}
body.sibertema.siberays.sm-route-arama .sm-ays-plp-count{
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
body.sibertema.siberays.sm-route-arama .sm-ays-plp-count-kicker{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(13,23,37,.54);
}
body.sibertema.siberays.sm-route-arama .sm-ays-plp-count-value{
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  line-height: 1.1;
}
body.sibertema.siberays.sm-route-arama .sm-ays-plp-count strong{
  color: var(--sm-ays-ink);
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 800;
}
body.sibertema.siberays.sm-route-arama .sm-ays-plp-count-value > span{
  font-size: 13px;
  color: rgba(13,23,37,.74);
  padding-bottom: 4px;
}

/* Sort: integrated dropdown */
body.sibertema.siberays.sm-route-arama .sm-wz-sort{
  position: relative;
  margin-left: auto;
  flex: 0 1 320px;
  min-width: min(320px, 100%);
}
body.sibertema.siberays.sm-route-arama .sm-wz-sort summary{
  list-style: none;
  cursor: pointer;
  min-height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .34);
  border-radius: 18px;
  background: #ffffff;
  color: var(--sm-ays-ink);
  box-shadow: 0 12px 28px rgba(2,6,23,.06);
  transition: border-color .14s ease, box-shadow .14s ease, background .14s ease;
}
body.sibertema.siberays.sm-route-arama .sm-wz-sort summary:hover{
  border-color: rgba(var(--sm-ays-turq-rgb), .56);
}
body.sibertema.siberays.sm-route-arama .sm-wz-sort summary::-webkit-details-marker{ display:none; }
body.sibertema.siberays.sm-route-arama .sm-wz-sort[open] summary{
  border-color: rgba(var(--sm-ays-turq-rgb), .70);
  background: linear-gradient(180deg, rgba(var(--sm-ays-turq-rgb), .10), rgba(255,255,255,.98));
  box-shadow: 0 18px 34px rgba(2,6,23,.10);
}
body.sibertema.siberays.sm-route-arama .sm-plp-sort-ico{
  display: inline-flex;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
  border-radius: 14px;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .24);
  background: rgba(var(--sm-ays-turq-rgb), .08);
}
body.sibertema.siberays.sm-route-arama .sm-plp-sort-copy{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
body.sibertema.siberays.sm-route-arama .sm-plp-sort-kicker{
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(13,23,37,.54);
  line-height: 1;
}
body.sibertema.siberays.sm-route-arama .sm-plp-sort .sm-plp-sort-text{
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
  color: var(--sm-ays-ink);
  line-height: 1.25;
}
body.sibertema.siberays.sm-route-arama .sm-plp-sort-caret{
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: rgba(13,23,37,.58);
  flex: 0 0 auto;
  transition: transform .14s ease, color .14s ease;
}
body.sibertema.siberays.sm-route-arama .sm-plp-sort-caret svg{
  width: 16px;
  height: 16px;
}
body.sibertema.siberays.sm-route-arama .sm-wz-sort[open] .sm-plp-sort-caret{
  transform: rotate(180deg);
  color: var(--sm-ays-ink);
}
body.sibertema.siberays.sm-route-arama .sm-wz-sort-menu{
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  min-width: 100%;
  max-width: min(360px, calc(100vw - 32px));
  z-index: 30;
  background: #ffffff;
  border: 1px solid rgba(var(--sm-ays-turq-rgb), .32);
  border-radius: 16px;
  padding: 8px;
  box-shadow: 0 24px 50px rgba(2,6,23,.16);
}
body.sibertema.siberays.sm-route-arama .sm-wz-sort-item{
  width: 100%;
  text-align: left;
  padding: 11px 12px;
  border-radius: 12px;
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 500;
  color: var(--sm-ays-ink);
}
body.sibertema.siberays.sm-route-arama .sm-wz-sort-item:hover{
  background: rgba(var(--sm-ays-turq-rgb), .08);
}
body.sibertema.siberays.sm-route-arama .sm-wz-sort-item.is-active{
  background: rgba(var(--sm-ays-turq-rgb), .14);
  border-color: rgba(var(--sm-ays-turq-rgb), .35);
}

@media (max-width: 1024px){
  body.sibertema.siberays.sm-route-arama .sm-ays-plpbar-form{
    grid-template-columns: 1fr 1fr;
  }
  body.sibertema.siberays.sm-route-arama .sm-ays-plpbar-submit{
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 0;
  }
}

@media (max-width: 720px){
  body.sibertema.siberays.sm-route-arama .sm-ays-plpbar-title{ font-size: 20px; }
  body.sibertema.siberays.sm-route-arama .sm-ays-plp-toolbar{
    padding: 12px;
    border-radius: 20px;
  }
  body.sibertema.siberays.sm-route-arama .sm-wz-sort{
    flex-basis: 100%;
    min-width: 0;
  }
  body.sibertema.siberays.sm-route-arama .sm-plp-sort-kicker{ display: none; }
  body.sibertema.siberays.sm-route-arama .sm-plp-sort .sm-plp-sort-text{
    display: block;
    font-size: 13.5px;
  }
  body.sibertema.siberays.sm-route-arama .sm-wz-sort-menu{
    right: 0;
    left: 0;
    min-width: auto;
    max-width: none;
  }
}

@media (max-width: 520px){
  body.sibertema.siberays.sm-route-arama .sm-ays-plpbar-form{
    grid-template-columns: 1fr;
  }
}



/* SP-305D — RTL locale polish */
body.sibertema.siberays[data-sm-locale-dir="rtl"] {
  direction: rtl;
}
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-navbar-v2 .sm-navbar-top.sm-navbar-inner,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .ays-header-actions{
  direction: ltr;
}
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-langdrop-panel{
  direction: rtl;
  right: 0;
  left: auto;
  text-align: right;
}
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-langdrop-body,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-langdrop-note,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-langdrop-title{
  text-align: right;
}
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-home-hero,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-hero-section,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-hero-wrapper,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-hero-carousel,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-hero-carousel .slick-list,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-hero-carousel .slick-track,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-brandstrip,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-brandstrip-track{
  direction: ltr;
}
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-hero-layer-inner,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-vehiclebar-head,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-step-txt,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-section-head,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-vp-txt,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-story-mini,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-ays-story-mini-head{
  direction: rtl;
  text-align: right;
}
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-breadcrumb,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-pagehead-row,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-collection-head,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-account-grid,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-order-summary,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-pay-result,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-gift-card,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-empty,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-auth-card {
  text-align: right;
}
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-breadcrumb,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-breadcrumb ul,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-collection-tools,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-order-meta,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-order-actions,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-pay-result__actions,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-auth-links {
  direction: rtl;
}
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-breadcrumb-sep,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-order-caret {
  transform: scaleX(-1);
}
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-order-printmeta,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-pay-result__grid,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-gift-meta,
body.sibertema.siberays[data-sm-locale-dir="rtl"] .sm-order-panels {
  direction: rtl;
}