/* ============================================================
   bohem-theme-custom.css — Bohemart ÖZEL CSS (kalici katman)
   ------------------------------------------------------------
   BURAYA yaz, plaza/theme.css'e ASLA yazma!
   plaza/theme.css admin > Tema Ayarlari kaydedilince SIFIRDAN
   URETILIR ve icindeki her sey SILINIR. 2026-07-18'de tam olarak
   bu oldu: 5520 satirlik ozel CSS tek hamlede uctu (One Cikanlar
   seridi, Konum Secin modali, urun galerisi, seller-card...).
   17 Temmuz yedeginden kurtarilip bu dosyaya tasindi (2026-07-20).
   Header'larda theme.css'ten SONRA yuklenir (masaustu + mobil).
   ============================================================ */



/* ===== Bohemart custom overrides — KALICI, OCMOD'dan bağımsız ===== */

/* Tüm front sayfalarda container: sağdan-soldan %10 boşluk (içerik %80) */
@media (min-width: 992px) {
    .container {
        max-width: 80vw;
        width: 80vw;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 1600px) {
    .container {
        max-width: 1500px;
        width: 1500px;
    }
}

/* Logo — ekran boyutuna göre responsive ölçek
   Referans: 21" (~1600-1920px viewport) için 16rem (~160px) */
#logo img {
    height: auto;
    width: auto;
}
#logo {
    max-width: none !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

/* Telefon dikey — <576px */
#logo img { max-height: 7rem !important; }    /* ≈70px */

/* Telefon yatay / küçük tablet — 576-767 */
@media (min-width: 576px) {
    #logo img { max-height: 9rem !important; }   /* ≈90px */
}

/* Tablet — 768-991 */
@media (min-width: 768px) {
    #logo img { max-height: 11rem !important; }  /* ≈110px */
}

/* 11" laptop — 992-1279 (MacBook Air 11, küçük netbook) */
@media (min-width: 992px) {
    #logo img { max-height: 13rem !important; }  /* ≈130px */
}

/* 13" laptop — 1280-1439 (MacBook 13, ultrabook) */
@media (min-width: 1280px) {
    #logo img { max-height: 15rem !important; }  /* ≈150px */
}

/* 15" laptop — 1440-1599 (MacBook Pro 15, standart laptop) */
@media (min-width: 1440px) {
    #logo img { max-height: 17rem !important; }  /* ≈170px */
}

/* 17" laptop — 1600-1799 (büyük gaming/iş laptop) */
@media (min-width: 1600px) {
    #logo img { max-height: 19rem !important; }  /* ≈190px */
}

/* 21" masaüstü — 1800-1919 */
@media (min-width: 1800px) {
    #logo img { max-height: 21rem !important; }  /* ≈210px */
}

/* 24"+ / 4K — 1920+ */
@media (min-width: 1920px) {
    #logo img { max-height: 22rem !important; }  /* ≈220px */
}

/* Sticky scroll — kompakt (her zaman 10rem) */
.scroll-fixed #logo {
    padding: 1rem 0 !important;
}
.scroll-fixed #logo img {
    max-height: 10rem !important;
}

/* ===== Special / Latest — kategori kart yapısı parite tamamlama ===== */
/* Eksik image .inner rule (.inner > a değil sadece .inner) */
body[class*="product-special"] .product-layout .product-thumb .image .inner,
body[class*="product-latest"]  .product-layout .product-thumb .image .inner {
    display: block; width: 100%; height: 100%;
}
/* Plaza'nın "Notify when available" wrapper'ı (.not_available_product) çerçeve override etmesin —
   kategori ile aynı kart frame'i (krem bg + bakır border + radius) korunsun */
body[class*="product-special"] .product-layout .product-thumb.not_available_product,
body[class*="product-latest"]  .product-layout .product-thumb.not_available_product {
    background: #FDF6E3 !important;
    border: 1px solid rgba(184,115,51,.25) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* ===== Bohemart listing toolbar (.tool-bar) — kategori + special sayfalarında tek tip ===== */
body[class*="product-category"] #content .tool-bar,
body[class*="product-special"] #content .tool-bar,
body[class*="product-latest"] #content .tool-bar {
    background: #ffffff;
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 14px;
}
body[class*="product-category"] #content .tool-bar .row,
body[class*="product-special"] #content .tool-bar .row,
body[class*="product-latest"] #content .tool-bar .row {
    margin: 0;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
body[class*="product-category"] #content .tool-bar [class*="col-"],
body[class*="product-special"] #content .tool-bar [class*="col-"],
body[class*="product-latest"] #content .tool-bar [class*="col-"] {
    padding: 0;
    flex: 0 0 auto;
    width: auto;
}

/* Grid/list view buttons — Plaza ikon görselini koru, sadece çerçeve+hover ekle.
   Background SHORTHAND'i kullanmıyoruz; çünkü Plaza buton ikonları
   `background: url(...)` ile geliyor. Üzerine yazarsak ikon kaybolur. */
body[class*="product-category"] #content .tool-bar .btn-group .btn,
body[class*="product-special"] #content .tool-bar .btn-group .btn,
body[class*="product-latest"] #content .tool-bar .btn-group .btn {
    border: 1px solid rgba(184,115,51,.4) !important;
    border-radius: 4px !important;
    color: #1E0D18;
    transition: border-color .15s, opacity .15s;
}
body[class*="product-category"] #content .tool-bar .btn-group .btn:hover,
body[class*="product-category"] #content .tool-bar .btn-group .btn.active,
body[class*="product-special"] #content .tool-bar .btn-group .btn:hover,
body[class*="product-special"] #content .tool-bar .btn-group .btn.active,
body[class*="product-latest"] #content .tool-bar .btn-group .btn:hover,
body[class*="product-latest"] #content .tool-bar .btn-group .btn.active {
    border-color: #B87333 !important;
    opacity: .85;
    box-shadow: 0 0 0 2px rgba(184,115,51,.15);
}

/* Karşılaştır link */
body[class*="product-category"] #content .tool-bar #compare-total,
body[class*="product-special"] #content .tool-bar #compare-total,
body[class*="product-latest"] #content .tool-bar #compare-total {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #1E0D18;
    background: #F5ECD7;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid rgba(184,115,51,.4);
    border-radius: 18px;
    text-transform: uppercase;
    letter-spacing: .3px;
    text-decoration: none;
    transition: background .15s, color .15s, border-color .15s;
}
body[class*="product-category"] #content .tool-bar #compare-total::before,
body[class*="product-special"] #content .tool-bar #compare-total::before,
body[class*="product-latest"] #content .tool-bar #compare-total::before {
    font-family: FontAwesome;
    content: "\f0ec";
    margin-right: 4px;
}
body[class*="product-category"] #content .tool-bar #compare-total:hover,
body[class*="product-special"] #content .tool-bar #compare-total:hover,
body[class*="product-latest"] #content .tool-bar #compare-total:hover {
    background: #B87333;
    color: #FDF6E3;
    border-color: #B87333;
    text-decoration: none;
}

/* Sırala / Göster label kapsülü — toprak kırmızı */
body[class*="product-category"] #content .tool-bar .input-group,
body[class*="product-special"] #content .tool-bar .input-group,
body[class*="product-latest"] #content .tool-bar .input-group {
    width: auto;
}
body[class*="product-category"] #content .tool-bar .input-group-addon,
body[class*="product-special"] #content .tool-bar .input-group-addon,
body[class*="product-latest"] #content .tool-bar .input-group-addon {
    background: #6E2D22;
    color: #FDF6E3;
    border: 1px solid #6E2D22;
    border-right: 0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    padding: 6px 10px;
}
body[class*="product-category"] #content .tool-bar select.form-control,
body[class*="product-special"] #content .tool-bar select.form-control,
body[class*="product-latest"] #content .tool-bar select.form-control {
    border: 1px solid rgba(184,115,51,.4);
    background: #FFFFFF;
    color: #1E0D18;
    font-size: 12px;
    padding: 6px 10px;
    height: auto;
    min-width: 140px;
}
body[class*="product-category"] #content .tool-bar select.form-control:focus,
body[class*="product-special"] #content .tool-bar select.form-control:focus,
body[class*="product-latest"] #content .tool-bar select.form-control:focus {
    border-color: #B87333;
    box-shadow: 0 0 0 3px rgba(184,115,51,.15);
    outline: none;
}


/* ============================================================
   Bohemart Listing Cards (kategori + special + latest)
   Eski: category.twig <style> bloğunda inline idi, taşındı.
   ============================================================ */
/* === BOHEMART KATEGORİ STANDART DÜZENİ === */

  /* Plaza .breadcrumbs barını sadeleştir */
body[class*="product-category"] .breadcrumbs,
  body[class*="product-special"] .breadcrumbs,
  body[class*="product-latest"] .breadcrumbs,
  body[class*="extension-multiseller-seller"] .breadcrumbs {
    background: #FFFFFF !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
/* Bohemart: tüm sayfalarda breadcrumbs + container-inner beyaz (global) */
.breadcrumbs,
.breadcrumbs .container-inner,
.container-inner {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
}
body[class*="product-category"] .breadcrumbs .container-inner,
  body[class*="product-special"] .breadcrumbs .container-inner,
  body[class*="product-latest"] .breadcrumbs .container-inner,
  body[class*="extension-multiseller-seller"] .breadcrumbs .container-inner { padding: 0 !important; }
body[class*="product-category"] .breadcrumbs h1,
  body[class*="product-special"] .breadcrumbs h1,
  body[class*="product-latest"] .breadcrumbs h1 {
    position: absolute !important;
    width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
  }

  /* === BOHEM ÜRÜN KARTI (kategori) — palette bazlı === */
body[class*="product-category"] .product-layout .product-thumb,
  body[class*="product-special"] .product-layout .product-thumb,
  body[class*="product-latest"] .product-layout .product-thumb {
    background: #FDF6E3;
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: box-shadow .25s ease, transform .2s ease, border-color .2s;
    margin-bottom: 0;
  }
body[class*="product-category"] .product-layout .product-thumb:hover,
  body[class*="product-special"] .product-layout .product-thumb:hover,
  body[class*="product-latest"] .product-layout .product-thumb:hover {
    box-shadow: 0 8px 24px rgba(30,13,24,.18);
    transform: translateY(-3px);
    border-color: rgba(184,115,51,.55);
  }
body[class*="product-category"] .product-layout .product-thumb .image,
  body[class*="product-special"] .product-layout .product-thumb .image,
  body[class*="product-latest"] .product-layout .product-thumb .image {
    background: #F5ECD7;
    overflow: hidden;
    position: relative;
    aspect-ratio: 720 / 538;
  }
body[class*="product-category"] .product-layout .product-thumb .image .inner,
  body[class*="product-category"] .product-layout .product-thumb .image .inner > a,
  body[class*="product-special"] .product-layout .product-thumb .image .inner > a,
  body[class*="product-latest"] .product-layout .product-thumb .image .inner,
  body[class*="product-latest"] .product-layout .product-thumb .image .inner > a,
  body[class*="product-special"] .product-layout .product-thumb .image .inner {
    display: block; width: 100%; height: 100%;
  }
body[class*="product-category"] .product-layout .product-thumb .image img,
  body[class*="product-special"] .product-layout .product-thumb .image img,
  body[class*="product-latest"] .product-layout .product-thumb .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
  }
/* ⚠️ 2026-07-20: Asagidaki "alttan kayan bohem bar" tasarimi (gorsel
   buyutme + Sepete Ekle/Favori/Karsilastir bari) YALNIZCA GERCEK FARE
   olan cihazlarda gecerlidir.
   Sebep: dokunmatikte :hover YAPISKANDIR. Kural mobilde de gecerliyken
   kullanicinin ilk dokunusu urune gitmek yerine bari aciyor, urune
   gitmek icin IKINCI dokunus gerekiyordu (olculdu). Mobil e-ticarette
   cift dokunus dogrudan donusum kaybi.
   Mobilde bar komple gizlenir (bohem-mobile.css M22) — ana sayfa
   kartlarindaki M1 karariyla ayni. Masaustu tasarimi degismedi. */
@media (hover: hover) and (pointer: fine) {
body[class*="product-category"] .product-layout .product-thumb:hover .image img,
  body[class*="product-special"] .product-layout .product-thumb:hover .image img,
  body[class*="product-latest"] .product-layout .product-thumb:hover .image img {
    transform: scale(1.04);
  }

  /* Buton grubu — alttan kayan bohem bar */
body[class*="product-category"] .product-layout .product-thumb .image .button-group,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group {
    position: absolute !important;
    left: 0; right: 0; bottom: 0;
    transform: translateY(100%);
    background: rgba(253,246,227,.97);
    border-top: 1px solid rgba(184,115,51,.3);
    padding: 8px;
    display: flex !important;
    gap: 6px;
    transition: transform .25s ease;
    z-index: 3;
  }
body[class*="product-category"] .product-layout .product-thumb:hover .image .button-group,
  body[class*="product-special"] .product-layout .product-thumb:hover .image .button-group,
  body[class*="product-latest"] .product-layout .product-thumb:hover .image .button-group {
    transform: translateY(0);
  }
}
body[class*="product-category"] .product-layout .product-thumb .image .button-group .inner,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .inner,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .inner {
    display: flex; gap: 6px; flex: 1;
  }
body[class*="product-category"] .product-layout .product-thumb .image .button-group button,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group button,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group button {
    flex: 1;
    border: 0;
    border-radius: 6px;
    padding: 8px 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .3px;
    cursor: pointer;
    transition: background .15s, color .15s, transform .1s;
    line-height: 1.2;
    box-shadow: none;
    color: #FDF6E3;
    height: auto;
    min-width: 0;
  }
body[class*="product-category"] .product-layout .product-thumb .image .button-group button span,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group button span,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group button span {
    display: none;
  }
body[class*="product-category"] .product-layout .product-thumb .image .button-group button::before,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group button::before,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group button::before {
    font-family: 'FontAwesome';
    font-size: 14px;
    display: block;
  }
  /* Sepet — kırmızı dolgu */
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-cart,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-cart,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-cart {
    background: #6E2D22;
    flex: 2;
    font-size: 11px;
  }
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-cart::before,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-cart::before,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-cart::before {
    content: "\f07a";
    display: inline-block; margin-right: 4px;
  }
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-cart::after,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-cart::after,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-cart::after {
    content: "Sepete Ekle";
    font-size: 11px;
  }
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-cart:hover,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-cart:hover,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-cart:hover {
    background: #B87333;
  }
  /* Wishlist — kalp ikonu, krem zemin */
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-wishlist,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-wishlist,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-wishlist {
    background: #F5ECD7;
    color: #6E2D22;
    border: 1px solid rgba(184,115,51,.4);
  }
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-wishlist::before,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-wishlist::before,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-wishlist::before {
    content: "\f004";
  }
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-wishlist:hover,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-wishlist:hover,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-wishlist:hover {
    background: #6E2D22;
    color: #FDF6E3;
    border-color: #6E2D22;
  }
  /* Compare — karşılaştır */
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-compare,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-compare,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-compare {
    background: #F5ECD7;
    color: #1E0D18;
    border: 1px solid rgba(184,115,51,.4);
  }
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-compare::before,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-compare::before,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-compare::before {
    content: "\f0ec";
  }
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-compare:hover,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-compare:hover,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-compare:hover {
    background: #1E0D18;
    color: #FDF6E3;
    border-color: #1E0D18;
  }
  /* Quickview / detay */
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-quickview,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-quickview,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-quickview {
    background: #F5ECD7;
    color: #1E0D18;
    border: 1px solid rgba(184,115,51,.4);
  }
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-quickview::before,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-quickview::before,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-quickview::before {
    content: "\f06e";
  }
body[class*="product-category"] .product-layout .product-thumb .image .button-group .button-quickview:hover,
  body[class*="product-special"] .product-layout .product-thumb .image .button-group .button-quickview:hover,
  body[class*="product-latest"] .product-layout .product-thumb .image .button-group .button-quickview:hover {
    background: #1E0D18;
    color: #FDF6E3;
    border-color: #1E0D18;
  }

  /* Caption — başlık, fiyat */
body[class*="product-category"] .product-layout .product-thumb .caption,
  body[class*="product-special"] .product-layout .product-thumb .caption,
  body[class*="product-latest"] .product-layout .product-thumb .caption {
    padding: 10px 12px 12px;
  }
body[class*="product-category"] .product-layout .product-thumb .caption .name a,
  body[class*="product-category"] .product-layout .product-thumb .caption h4 a,
  body[class*="product-category"] .product-layout .product-thumb .caption .h4 a,
  body[class*="product-special"] .product-layout .product-thumb .caption .h4 a,
  body[class*="product-latest"] .product-layout .product-thumb .caption .name a,
  body[class*="product-latest"] .product-layout .product-thumb .caption h4 a,
  body[class*="product-latest"] .product-layout .product-thumb .caption .h4 a,
  body[class*="product-special"] .product-layout .product-thumb .caption .name a,
  body[class*="product-special"] .product-layout .product-thumb .caption h4 a {
    color: #1E0D18;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
  }
body[class*="product-category"] .product-layout .product-thumb .caption .name a:hover,
  body[class*="product-category"] .product-layout .product-thumb .caption h4 a:hover,
  body[class*="product-special"] .product-layout .product-thumb .caption h4 a:hover,
  body[class*="product-latest"] .product-layout .product-thumb .caption .name a:hover,
  body[class*="product-latest"] .product-layout .product-thumb .caption h4 a:hover,
  body[class*="product-special"] .product-layout .product-thumb .caption .name a:hover {
    color: #B87333;
  }
body[class*="product-category"] .product-layout .product-thumb .price,
  body[class*="product-special"] .product-layout .product-thumb .price,
  body[class*="product-latest"] .product-layout .product-thumb .price {
    color: #6E2D22 !important;
    font-weight: 700;
    font-size: 16px;
  }
body[class*="product-category"] .product-layout .product-thumb .price .price-new,
  body[class*="product-special"] .product-layout .product-thumb .price .price-new,
  body[class*="product-latest"] .product-layout .product-thumb .price .price-new {
    color: #6E2D22;
  }
body[class*="product-category"] .product-layout .product-thumb .price .price-old,
  body[class*="product-special"] .product-layout .product-thumb .price .price-old,
  body[class*="product-latest"] .product-layout .product-thumb .price .price-old {
    color: #999;
    text-decoration: line-through;
    font-size: 13px;
    font-weight: 400;
  }
  /* Badge konteyneri — anasayfa ile birebir aynı (sol üst, dikey stack) */
body[class*="product-category"] .product-layout .product-thumb .image .box-label,
  body[class*="product-special"] .product-layout .product-thumb .image .box-label,
  body[class*="product-latest"] .product-layout .product-thumb .image .box-label {
    position: absolute !important;
    top: 8px !important; left: 8px !important;
    right: auto !important; bottom: auto !important;
    display: flex !important; flex-direction: column !important;
    align-items: flex-start !important; gap: 4px !important;
    z-index: 4 !important;
    margin: 0 !important; padding: 0 !important;
    width: auto !important; height: auto !important;
    order: initial !important;
    background: transparent !important;
    border: 0 !important;
  }
body[class*="product-category"] .product-layout .product-thumb .image .box-label > div,
  body[class*="product-special"] .product-layout .product-thumb .image .box-label > div,
  body[class*="product-latest"] .product-layout .product-thumb .image .box-label > div {
    margin: 0 !important; padding: 0 !important;
    background: transparent !important;
  }
body[class*="product-category"] .product-layout .product-thumb .image .box-label .pro-label,
  body[class*="product-special"] .product-layout .product-thumb .image .box-label .pro-label,
  body[class*="product-latest"] .product-layout .product-thumb .image .box-label .pro-label {
    position: static !important;
    top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
    color: #FDF6E3 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 5px !important;
    border-radius: 4px !important;
    letter-spacing: .3px !important;
    line-height: 1.4 !important;
    display: inline-block !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    text-align: left !important;
    text-transform: none !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
body[class*="product-category"] .product-layout .product-thumb .image .box-label .pro-label.sale,
  body[class*="product-special"] .product-layout .product-thumb .image .box-label .pro-label.sale,
  body[class*="product-latest"] .product-layout .product-thumb .image .box-label .pro-label.sale {
    background: #6E2D22 !important;
    background-color: #6E2D22 !important;
  }
body[class*="product-category"] .product-layout .product-thumb .image .box-label .pro-label.new,
  body[class*="product-special"] .product-layout .product-thumb .image .box-label .pro-label.new,
  body[class*="product-latest"] .product-layout .product-thumb .image .box-label .pro-label.new {
    background: #D4826A !important;
    background-color: #D4826A !important;
  }
  /* Bohemart: out_of_stock_label (sağ üst, bohem palet) — kategori/special/latest birebir parite */
  body[class*="product-category"] .out_of_stock_label,
  body[class*="product-special"] .out_of_stock_label,
  body[class*="product-latest"] .out_of_stock_label {
    background: #6E2D22 !important;
    color: #FDF6E3 !important;
    font-weight: 600;
    border-radius: 12px;
    padding: 3px 10px !important;
    font-size: 11px !important;
    letter-spacing: .3px;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    z-index: 3;
  }
  /* Bohemart: tükenmiş ürün görselinde grayscale kaldırıldı (üç sayfada da aynı) */
  body[class*="product-category"] .product-layout .not_available_product img,
  body[class*="product-special"] .product-layout .not_available_product img,
  body[class*="product-latest"] .product-layout .not_available_product img {
    -webkit-filter: none !important;
    filter: none !important;
  }
/* Bohemart kargo rozetleri — ürün kartında */
.product-thumb .box-label .pro-label.cargo-fast {
    background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%) !important;
    color: #FDF6E3 !important;
    font-weight: 800;
    animation: bm-cargo-pulse 2.2s ease-in-out infinite;
}
.product-thumb .box-label .pro-label.cargo-tomorrow {
    background: #B87333 !important;
    color: #FDF6E3 !important;
    font-weight: 800;
}
@keyframes bm-cargo-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(184,115,51,.0); }
    50%      { box-shadow: 0 0 0 3px rgba(184,115,51,.45); }
}

/* Bohemart related-products Swiper — anasayfa bohem-urunler tarzıyla aynı boy/grid */
.related-products {
    background: #FDF6E3;
    border: 1px solid rgba(184,115,51,.18);
    border-radius: 14px;
    padding: 22px 20px 26px;
    margin: 28px 0;
    box-shadow: 0 4px 14px rgba(30,13,24,.05);
}
/* Ürün detay sayfasında related-products kartı diğer kartlarla aynı dış kenara hizalansın
   (FAQ ile aynı .row negative margin etkisi için kapsayıcı .container'ı geniş yap) */
body[class*="product-product"] > .related-products,
body[class*="product-product"] .container > .related-products {
    margin-left: -15px;
    margin-right: -15px;
}
.related-products .block-title {
    text-align: center;
    margin-bottom: 16px;
}
.related-products .block-title h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1E0D18;
    margin: 0 0 4px;
    letter-spacing: .3px;
}
.related-products .block-title h3 span { color: inherit; }
.related-products .block-title p {
    color: #6E2D22;
    font-size: 12.5px;
    margin: 0;
    opacity: .75;
}
.related-products .pt-content { position: relative; }
.related-products .swiper-viewport,
.related-products .swiper-container.related-slides {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.related-products .swiper-container.related-slides .swiper-wrapper {
    display: flex;
    align-items: stretch;
    box-sizing: content-box;
    width: 100%;
    height: auto !important;
}
.related-products .swiper-container.related-slides .swiper-slide,
.related-products .pt-content .swiper-viewport .swiper-slide,
.pt-content .swiper-viewport .related-slides .swiper-slide {
    flex-shrink: 0;
    height: auto !important;
    width: auto;
    position: relative;
    visibility: visible !important;
    opacity: 1 !important;
}
/* Plaza opacity:0 / fade override'ları — related-products içinde her zaman görünür */
html body .related-products .product-thumb,
html body .related-products .product-thumb .product-item,
html body .related-products .product-thumb .product-item:hover,
html body .related-products .swiper-slide,
html body .related-products .swiper-slide.swiper-slide-duplicate,
html body .pt-content .swiper-viewport .related-slides .swiper-slide,
html body .related-products .pt-content .swiper-viewport .swiper-slide {
    opacity: 1 !important;
    visibility: visible !important;
}
html body .related-products .product-thumb .product-item:before {
    display: none !important;
    opacity: 0 !important;
}
html body .related-products .swiper-slide img.img-responsive {
    opacity: 1 !important;
}
.related-products .swiper-container.related-slides:not(.swiper-initialized) .swiper-wrapper {
    flex-wrap: nowrap;
    gap: 12px;
    overflow: hidden;
}
.related-products .swiper-container.related-slides:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 calc((100% - 48px) / 5);
    max-width: calc((100% - 48px) / 5);
}
@media (max-width: 1199px) {
    .related-products .swiper-container.related-slides:not(.swiper-initialized) .swiper-slide {
        flex: 0 0 calc((100% - 36px) / 4);
        max-width: calc((100% - 36px) / 4);
    }
}
@media (max-width: 991px) {
    .related-products .swiper-container.related-slides:not(.swiper-initialized) .swiper-slide {
        flex: 0 0 calc((100% - 24px) / 3);
        max-width: calc((100% - 24px) / 3);
    }
}
@media (max-width: 600px) {
    .related-products .swiper-container.related-slides:not(.swiper-initialized) .swiper-wrapper { gap: 8px; }
    .related-products .swiper-container.related-slides:not(.swiper-initialized) .swiper-slide {
        flex: 0 0 calc((100% - 8px) / 2);
        max-width: calc((100% - 8px) / 2);
    }
}
.related-products .product-thumb {
    background: #FDF6E3;
    border: 1px solid rgba(184,115,51,.22);
    border-radius: 12px;
    overflow: hidden;
    transition: transform .25s, box-shadow .25s, border-color .2s;
    margin: 0 !important;
    box-shadow: 0 1px 3px rgba(30,13,24,.04);
}
.related-products .product-thumb:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(30,13,24,.12);
    border-color: #B87333;
}
.related-products .product-thumb .product-item .image {
    position: relative;
    width: 100%;
    aspect-ratio: 720 / 538;
    overflow: hidden;
    background: #F5ECD7;
    border-radius: 12px 12px 0 0;
    margin: 0;
}
.related-products .product-thumb .product-item .image a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}
.related-products .product-thumb .product-item .image img.img-responsive {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: transform .35s;
    border-radius: 12px 12px 0 0;
}
.related-products .product-thumb:hover .product-item .image img.img-responsive {
    transform: scale(1.04);
}
.related-products .product-thumb .product-item .image .button-group { display: none; }
.related-products .product-thumb .caption {
    padding: 10px 12px 12px;
    text-align: center;
}
.related-products .product-thumb .caption h4 {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 6px;
    line-height: 1.3;
    color: #1E0D18;
    min-height: 34px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.related-products .product-thumb .caption h4 a {
    color: inherit;
    text-decoration: none;
}
body[class*="product-product"] .related-products .product-thumb .caption .price,
.related-products .product-thumb .caption .price {
    color: #6E2D22 !important;
    font-weight: 700 !important;
    margin: 4px 0 0 !important;
    line-height: 1.3 !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 4px 6px !important;
    font-size: 13px !important;
    font-family: 'Rubik', sans-serif !important;
}
body[class*="product-product"] .related-products .product-thumb .caption .price .price-new,
.related-products .product-thumb .caption .price .price-new {
    color: #6E2D22 !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    font-family: 'Rubik', sans-serif !important;
}
body[class*="product-product"] .related-products .product-thumb .caption .price .price-old,
.related-products .product-thumb .caption .price .price-old {
    color: #999 !important;
    text-decoration: line-through !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    margin-left: 0 !important;
}
.related-products .product-thumb .caption .price .price-tax {
    display: none;
}
.related-products .product-thumb .caption .price .bm-cargo-pill {
    font-size: 9.5px !important;
    padding: 2px 7px !important;
    margin-left: 4px;
}
.related-products .related-button-prev,
.related-products .related-button-next,
.related-products .swiper-button-prev,
.related-products .swiper-button-next {
    color: #6E2D22;
    background: #FDF6E3;
    width: 44px; height: 44px;
    border-radius: 50%;
    border: 2px solid #B87333;
    box-shadow: 0 4px 12px rgba(30,13,24,.15);
    position: absolute;
    top: 38%;
    margin-top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .15s, color .15s, transform .15s, border-color .15s;
}
.related-products .related-button-prev,
.related-products .swiper-button-prev { left: -22px; }
.related-products .related-button-next,
.related-products .swiper-button-next { right: -22px; }
.related-products .related-button-prev:after,
.related-products .related-button-next:after,
.related-products .swiper-button-prev:after,
.related-products .swiper-button-next:after {
    font-size: 16px;
    font-weight: 800;
    font-family: swiper-icons;
    color: inherit;
}
.related-products .related-button-prev:after { content: "prev"; }
.related-products .related-button-next:after { content: "next"; }
.related-products .related-button-prev:hover,
.related-products .related-button-next:hover,
.related-products .swiper-button-prev:hover,
.related-products .swiper-button-next:hover {
    background: #B87333;
    color: #FDF6E3;
    border-color: #B87333;
    transform: scale(1.05);
}
.related-products .swiper-button-disabled,
.related-products .related-button-prev.swiper-button-disabled,
.related-products .related-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: default;
    pointer-events: none;
}
@media (max-width: 991px) {
    .related-products .related-button-prev,
    .related-products .swiper-button-prev { left: -10px; }
    .related-products .related-button-next,
    .related-products .swiper-button-next { right: -10px; }
}
@media (max-width: 600px) {
    .related-products .related-button-prev,
    .related-products .related-button-next,
    .related-products .swiper-button-prev,
    .related-products .swiper-button-next { width: 38px; height: 38px; }
    .related-products .related-button-prev,
    .related-products .swiper-button-prev { left: 2px; }
    .related-products .related-button-next,
    .related-products .swiper-button-next { right: 2px; }
}

/* Bohemart inline kargo pill — fiyatın yanında */
.bm-cargo-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .35px;
    margin-left: 8px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.3;
}
.bm-cargo-pill.fast {
    background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%);
    color: #FDF6E3;
    box-shadow: 0 2px 6px rgba(184,115,51,.3);
    animation: bm-cargo-pulse 2.2s ease-in-out infinite;
}
.bm-cargo-pill.tomorrow {
    background: #B87333;
    color: #FDF6E3;
    box-shadow: 0 2px 6px rgba(184,115,51,.25);
}
/* Ürün detay fiyat satırında ne kadar büyükse o kadar belirgin */
body[class*="product-product"] p.price .bm-cargo-pill {
    font-size: 12px;
    padding: 4px 12px;
}
body[class*="product-category"] .product-layout .product-thumb .rating,
  body[class*="product-special"] .product-layout .product-thumb .rating,
  body[class*="product-latest"] .product-layout .product-thumb .rating {
    margin-bottom: 4px;
  }
/* BOHEM 2026-07-20: Urun adi HER ZAMAN 2 satir yer tutar.
   Puan satiri esitlendikten sonra kalan tek yukseklik farki buydu:
   adi tek satira sigan urunun karti digerlerinden 20px (bir satir) kisa
   kaliyordu (olculdu: "Askella Siyah Yan Sehpa" 285px, digerleri 305px).
   2 satiri asan uzun adlar da ... ile kirpilir -> grid satirlari tam hizali.
   Olcu `em` cinsinden: kirilma noktasinda font boyu degisirse kendi
   kendine uyar (sabit px verilseydi masaustunde bozulurdu).
   KAPSAM: yalnizca mobil (<=767px). Masaustunde kart genisligi ve font
   boyu farkli oldugu icin 2 satir kirpmanin uzun urun adlarini kesip
   kesmeyecegi BU OTURUMDA DOGRULANAMADI (tema mobil/masaustu ayrimini
   sunucu tarafinda Mobile_Detect ile yapiyor, tarayicida masaustu
   yerlesimi uretilemedi). Dogrulanmamis degisikligi masaustune tasima. */
@media (max-width: 767px) {
body[class*="product-category"] .product-layout .product-thumb .caption h4 a,
body[class*="product-special"] .product-layout .product-thumb .caption h4 a,
body[class*="product-latest"] .product-layout .product-thumb .caption h4 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* line-height ACIK verilir ki min-height onunla KESIN orantili olsun.
       (Once `min-height:2.2em` denendi: `em` elemanin KENDI font boyuna
       gore cozulur, h4'unkine gore degil -> 2 satir tam tutmadi, 5px fark
       kaldi. Ikisini birbirine baglamak sart.) */
    line-height: 1.25;
    min-height: 2.5em;   /* 1.25 satir yuksekligi x 2 satir */
  }
}

/* BOHEM 2026-07-20: Puansiz urunlerde puan satiri YER TUTAR ama gorunmez.
   Boylece puanli/puansiz kartlar ayni yukseklikte kalir ve grid satirlari
   dagilmaz (kullanici bildirimi: "puanlanmislarin cercevesi uzun,
   puanlanmamislar kisa duruyor"). `display:none` DEGIL — yer tutmasi sart. */
.rating.rating--bos {
    visibility: hidden !important;
    pointer-events: none;
  }
body[class*="product-category"] .product-layout .product-thumb .rating .icon-rating-x,
  body[class*="product-special"] .product-layout .product-thumb .rating .icon-rating-x,
  body[class*="product-latest"] .product-layout .product-thumb .rating .icon-rating-x {
    color: #B87333;
  }

  /* === KATEGORİ ÜSTÜ "ÖNE ÇIKAN" SLIDER === */
  .bm-cat-top{
    --bm-dark:#1E0D18; --bm-copper:#B87333; --bm-red:#6E2D22;
    --bm-cream:#F5ECD7; --bm-light:#FDF6E3; --bm-salmon:#D4826A;
    background: var(--bm-cream);
    border-radius: 12px;
    padding: 22px 18px 24px;
    margin: 16px 0 22px;
  }
  .bm-cat-top__head{
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; flex-wrap: wrap; margin-bottom: 14px;
  }
  .bm-cat-top__title{
    font-size: 18px; font-weight: 700;
    color: var(--bm-dark);
    margin: 0;
    padding-left: 10px;
    border-left: 3px solid var(--bm-copper);
    letter-spacing: .3px;
  }
  .bm-cat-top__nav{ display: flex; gap: 6px; }
  .bm-cat-top__nav button{
    width: 34px; height: 34px;
    border-radius: 50%;
    background: var(--bm-light);
    border: 1.5px solid var(--bm-copper);
    color: var(--bm-copper);
    cursor: pointer;
    transition: background .15s, color .15s;
    font-size: 13px;
  }
  .bm-cat-top__nav button:hover{
    background: var(--bm-copper); color: var(--bm-light);
  }
  .bm-cat-top__nav button[disabled]{ opacity: .35; cursor: default; }
  .bm-cat-top__viewport{ overflow: hidden; }
  .bm-cat-top__track{
    display: flex; gap: 12px;
    transition: transform .35s ease;
    will-change: transform;
  }
  .bm-cat-top__card{
    flex: 0 0 calc((100% - 60px) / 6);
    min-width: 0;
    background: var(--bm-light);
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow .2s, transform .15s;
    position: relative;
  }
  /* ⚠️ 2026-07-20: :hover efektleri `@media (hover:hover)` icine alindi.
     DOKUNMATIK CIHAZDA :hover YAPISKANDIR — parmakla kaydirirken kartin
     uzerine "dokunulmus" sayilir ve hover durumu takili kalir. Sonuc:
     kullanicinin bildirdigi "kaydirirken bir anda Sepete Ekle ikonu cikiyor".
     Ustelik hover ayni anda transform+scale+box-shadow tetikledigi icin
     kaydirma sirasinda ekstra boyama maliyeti cikarip donmayi artiriyordu. */
  @media (hover: hover) and (pointer: fine) {
  .bm-cat-top__card:hover{
    box-shadow: 0 6px 16px rgba(30,13,24,.15);
    transform: translateY(-2px);
  }
  }
  .bm-cat-top__media{
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
  }
  .bm-cat-top__media{ aspect-ratio: 720 / 538; }
  .bm-cat-top__media img{
    width: 100%; height: 100%; object-fit: cover;
    display: block; background: var(--bm-cream);
    transition: transform .3s;
  }
  @media (hover: hover) and (pointer: fine) {
    .bm-cat-top__card:hover .bm-cat-top__media img{ transform: scale(1.05); }
  }

  /* Badge'ler */
  .bm-cat-top__badges{
    position: absolute; top: 6px; left: 6px;
    display: flex; flex-direction: column;
    align-items: flex-start; gap: 3px; z-index: 2;
  }
  .bm-cat-top__b{
    font-size: 10px; font-weight: 700;
    padding: 2px 6px; border-radius: 3px;
    letter-spacing: .3px;
    color: var(--bm-light);
    line-height: 1.5;
  }
  .bm-cat-top__b--new{ background: var(--bm-salmon); }
  .bm-cat-top__b--sale{ background: var(--bm-red); }

  /* Hover overlay (Sepete Ekle + İncele) */
  .bm-cat-top__hover{
    position: absolute;
    left: 0; right: 0; bottom: 0;
    background: rgba(253,246,227,.96);
    border-top: 1px solid rgba(184,115,51,.3);
    padding: 6px;
    display: flex; gap: 4px;
    transform: translateY(100%);
    transition: transform .25s ease;
    z-index: 3;
  }
  /* Overlay YALNIZCA gercek fare varken acilir (bkz. yukaridaki not). */
  @media (hover: hover) and (pointer: fine) {
    .bm-cat-top__card:hover .bm-cat-top__hover{ transform: translateY(0); }
  }
  .bm-cat-top__btn{
    flex: 1;
    border: 0;
    border-radius: 8px;
    padding: 7px 8px;
    min-height: 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .2px;
    cursor: pointer;
    transition: background .15s, color .15s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    line-height: 1.2;
    white-space: nowrap;
  }
  .bm-cat-top__btn--cart{
    background: linear-gradient(135deg, var(--bm-red, #6E2D22) 0%, var(--bm-copper, #B87333) 100%);
    color: var(--bm-light, #FDF6E3);
  }
  .bm-cat-top__btn--cart:hover{ background: var(--bm-copper, #B87333); }

  /* Favorilere Ekle / Karşılaştır — şablon `--detail` yerine `--wishlist` +
     `--compare` render ediyor (İncele kaldırılınca değişmiş) ama masaüstü
     CSS'i güncellenmemişti: bohem kuralı almadıkları için tema varsayılanı
     #242424 griye düşüyorlardı. Mobildeki (bohem-mobile.css M-ÖneÇıkanlar)
     dille aynı: krem zemin + bakır çerçeve. */
  .bm-cat-top__btn--wishlist,
  .bm-cat-top__btn--compare{
    background: var(--bm-cream, #FDF6E3);
    color: var(--bm-red, #6E2D22);
    border: 1px solid rgba(184,115,51,.45);
  }
  .bm-cat-top__btn--wishlist:hover,
  .bm-cat-top__btn--compare:hover{
    background: var(--bm-copper, #B87333);
    color: var(--bm-light, #FDF6E3);
    border-color: var(--bm-copper, #B87333);
  }

  /* Favori + Karşılaştır SADECE İKON (kullanıcı kararı 2026-07-20):
     metin şablondan kaldırıldı, erişilebilirlik title/aria-label ile.
     Sabit kare buton; kalan genişliği "Sepete Ekle" alır. */
  .bm-cat-top__btn--wishlist,
  .bm-cat-top__btn--compare{
    flex: 0 0 32px;
    width: 32px;
    padding: 0;
    gap: 0;
  }
  .bm-cat-top__btn--wishlist i,
  .bm-cat-top__btn--compare i{ font-size: 12px; }
  .bm-cat-top__btn--cart{ flex: 1 1 auto; min-width: 0; }
  .bm-cat-top__card-body{ padding: 8px 10px 10px; }
  .bm-cat-top__name{
    font-size: 12.5px; font-weight: 600;
    line-height: 1.3;
    color: var(--bm-dark);
    margin: 0 0 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none;
  }
  .bm-cat-top__name:hover{ color: var(--bm-copper); text-decoration: none; }

  /* Fiyatlar */
  .bm-cat-top__price{
    display: flex; align-items: baseline; gap: 6px;
    flex-wrap: wrap; line-height: 1.1;
  }
  .bm-cat-top__price-new{
    font-size: 14px; font-weight: 700;
    color: var(--bm-red);
  }
  .bm-cat-top__price-old{
    font-size: 11.5px;
    color: #999;
    text-decoration: line-through;
  }
  .bm-cat-top__price-normal{
    font-size: 13px; font-weight: 700;
    color: var(--bm-dark);
  }
  @media (max-width:991px){ .bm-cat-top__card{ flex: 0 0 calc((100% - 36px) / 4); } }
  @media (max-width:600px){
    .bm-cat-top__card{ flex: 0 0 calc((100% - 12px) / 2); }
    .bm-cat-top__head{ margin-bottom: 10px; }
    .bm-cat-top{ padding: 16px 12px 18px; }
  }

/* ============================================================
   Bohemart Campaign Countdown — modern, palet uyumlu
   Eski Plaza countdown markup'ını (.countdown-box .box) yeniden stiller.
   Markup değişmez; sadece görsel override.
   ============================================================ */

/* Üst etiket */
body[class*="product-product"] .text-countdown,
.text-countdown {
    background: none !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 18px 0 10px !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #6E2D22 !important;
}
body[class*="product-product"] .text-countdown::before,
.text-countdown::before {
    content: "\f0e7"; /* fa-bolt */
    font-family: FontAwesome;
    font-size: 14px;
    color: #B87333;
    width: 28px; height: 28px;
    background: #FDF6E3;
    border: 1px solid rgba(184,115,51,.3);
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
}
body[class*="product-product"] .text-countdown span,
.text-countdown span { color: #B87333 !important; font-weight: 800; }

/* Kutu container — pozisyonu yeniden absolute'tan static'e al (ürün detay) */
body[class*="product-product"] .countdown-box,
#product .countdown-box {
    position: static !important;
    opacity: 1 !important;
    transition: none !important;
    background: linear-gradient(135deg, #FDF6E3 0%, #F5ECD7 100%);
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 12px;
    padding: 16px 14px;
    margin: 0 0 22px;
    box-shadow: 0 2px 12px rgba(110,45,34,.06);
    position: relative !important; /* :before/:after için */
    overflow: hidden;
}
body[class*="product-product"] .countdown-box::before,
#product .countdown-box::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(to right, #B87333 0%, #6E2D22 50%, #D4826A 100%);
}

body[class*="product-product"] .countdown-box > .inner,
#product .countdown-box > .inner {
    display: flex !important;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    vertical-align: initial !important;
}

/* Tek kutu — modern card */
body[class*="product-product"] .countdown-box .box,
#product .countdown-box .box {
    flex: 1;
    float: none !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1.5px solid #B87333 !important;
    border-radius: 10px !important;
    padding: 12px 6px !important;
    text-align: center;
    position: relative;
    width: auto !important;
    transition: transform .15s, box-shadow .15s;
}
body[class*="product-product"] .countdown-box .box:hover,
#product .countdown-box .box:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(110,45,34,.18);
}

/* ":" ayraç — bakır */
body[class*="product-product"] .countdown-box .box::after,
#product .countdown-box .box::after {
    content: ":" !important;
    position: absolute !important;
    right: -8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #B87333 !important;
    font-size: 24px !important;
    font-weight: 700;
    opacity: 1 !important;
    display: block !important;
}
body[class*="product-product"] .countdown-box .box:last-child::after,
#product .countdown-box .box:last-child::after {
    display: none !important;
}

/* Sayı — büyük, derin mor */
body[class*="product-product"] .countdown-box .box b,
#product .countdown-box .box b {
    display: block !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #1E0D18 !important;
    font-family: 'Rubik', sans-serif;
    line-height: 1.1 !important;
    padding: 0 !important;
    margin: 0 0 4px !important;
    background: none !important;
    width: auto !important; height: auto !important;
}

/* Etiket — küçük, somon */
body[class*="product-product"] .countdown-box .box span,
#product .countdown-box .box span {
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #6E2D22 !important;
    margin-top: 2px;
}

/* Mobil — kompakt */
@media (max-width: 480px) {
    body[class*="product-product"] .countdown-box,
    #product .countdown-box { padding: 12px 10px; }
    body[class*="product-product"] .countdown-box > .inner,
    #product .countdown-box > .inner { gap: 6px; }
    body[class*="product-product"] .countdown-box .box b,
    #product .countdown-box .box b { font-size: 20px !important; }
    body[class*="product-product"] .countdown-box .box span,
    #product .countdown-box .box span { font-size: 9px !important; }
    body[class*="product-product"] .countdown-box .box::after,
    #product .countdown-box .box::after { font-size: 18px !important; right: -5px !important; }
}

/* ============================================================
   Bohemart Ürün Detay Sayfası — modern, palet uyumlu
   Hedef: body[class*="product-product"]
   Tüm rule'lar mevcut Plaza markup'ını override eder (HTML değişmez).
   ============================================================ */

/* Sayfa zemin */
body[class*="product-product"] { background: #ffffff; }
body[class*="product-product"] #product-product {
    background: #ffffff;
    padding-top: 16px;
}

/* Plaza breadcrumb bar — sade */
body[class*="product-product"] .breadcrumbs {
    background: #FFFFFF !important;
    border: 0 !important;
    margin-bottom: 6px !important;
}
body[class*="product-product"] .breadcrumbs h1 {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
body[class*="product-product"] .breadcrumb {
    background: transparent;
    padding: 0 !important;
    margin-bottom: 14px;
    font-size: 13px;
    text-align: left !important;
    display: flex !important;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 4px;
}
body[class*="product-product"] .breadcrumb > li {
    float: none !important;
    display: inline-flex;
    align-items: center;
}
body[class*="product-product"] .breadcrumb > li a { color: #6E2D22; }
body[class*="product-product"] .breadcrumb > li a:hover { color: #B87333; }

/* === Ana iki sütun (.product-details > .row) === */
body[class*="product-product"] .product-details {
    background: #FDF6E3;
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 4px 24px rgba(110,45,34,.06);
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    body[class*="product-product"] .product-details { padding: 14px; border-radius: 10px; }
}

/* Sol kolon — resim galerisi */
body[class*="product-product"] .product-image-details .thumbnails {
    list-style: none; padding: 0; margin: 0;
    display: flex; flex-wrap: wrap; gap: 8px;
}
body[class*="product-product"] .product-image-details .thumbnails > li:first-child {
    flex: 1 1 100%;
    aspect-ratio: 720 / 538;
    background: #fff;
    border: 1px solid rgba(184,115,51,.3);
    border-radius: 12px;
    overflow: hidden;
}
body[class*="product-product"] .product-image-details .thumbnails > li:first-child a,
body[class*="product-product"] .product-image-details .thumbnails > li:first-child img {
    width: 100%; height: 100%; display: block;
    object-fit: cover;
}
body[class*="product-product"] .product-image-details .thumbnails > li.image-additional {
    flex: 0 0 calc((100% - 24px) / 4);
    aspect-ratio: 1 / 1;
    background: #fff;
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 8px;
    overflow: hidden;
    transition: transform .2s, border-color .2s, box-shadow .2s;
    cursor: pointer;
}
body[class*="product-product"] .product-image-details .thumbnails > li.image-additional:hover {
    transform: translateY(-2px);
    border-color: #B87333;
    box-shadow: 0 4px 12px rgba(184,115,51,.2);
}
body[class*="product-product"] .product-image-details .thumbnails > li.image-additional a,
body[class*="product-product"] .product-image-details .thumbnails > li.image-additional img {
    width: 100%; height: 100%; display: block;
    object-fit: cover;
}

/* Sağ kolon — ürün bilgisi */
body[class*="product-product"] .product-info-details .inner {
    padding-left: 16px;
}
@media (max-width: 767px) {
    body[class*="product-product"] .product-info-details .inner { padding-left: 0; padding-top: 18px; }
}
body[class*="product-product"] .product-info-details h1 {
    font-family: 'Rubik', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #1E0D18;
    line-height: 1.2;
    margin: 0 0 14px;
    padding-bottom: 12px;
    border-bottom: 2px solid rgba(184,115,51,.25);
}

/* "Ürün Kodu / Stok Durumu" listesi */
body[class*="product-product"] .product-info-details .list-unstyled {
    margin-bottom: 16px;
    font-size: 13px;
    color: #6E2D22;
}
body[class*="product-product"] .product-info-details .list-unstyled > li {
    padding: 6px 0;
    border-bottom: 1px dashed rgba(184,115,51,.2);
    text-transform: uppercase;
    letter-spacing: .3px;
    font-weight: 600;
}
body[class*="product-product"] .product-info-details .list-unstyled > li:last-child { border-bottom: 0; }
body[class*="product-product"] .product-info-details .list-unstyled > li span {
    color: #1E0D18;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    margin-left: 6px;
}

/* Kargo info kutusu */
body[class*="product-product"] .product-cargo-info {
    background: linear-gradient(135deg, #FDF6E3 0%, #F5ECD7 100%) !important;
    border: 1px solid #B87333 !important;
    border-radius: 8px;
    padding: 10px 14px !important;
    margin: 12px 0 !important;
    font-size: 13px !important;
    color: #1E0D18 !important;
    box-shadow: 0 1px 6px rgba(184,115,51,.08);
}
body[class*="product-product"] .product-cargo-info strong { color: #6E2D22; }
body[class*="product-product"] .product-cargo-info .fa { color: #B87333 !important; margin-right: 4px; }

/* Fiyat */
body[class*="product-product"] .price {
    margin: 10px 0 16px;
    display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap;
}
body[class*="product-product"] .price-new {
    color: #6E2D22 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    font-family: 'Rubik', sans-serif;
    line-height: 1.1;
}
body[class*="product-product"] .price-old {
    color: #999 !important;
    text-decoration: line-through;
    font-size: 14px;
}
/* Bohemart kampanya slogan + sayaç (ortalanmış) */
body[class*="product-product"] .bm-countdown-slogan {
    text-align: center !important;
    margin: 10px auto 8px !important;
    padding: 8px 14px;
    background: linear-gradient(135deg, #FDF6E3 0%, #F5ECD7 100%);
    border: 1px solid rgba(184,115,51,.35);
    border-radius: 10px;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #1E0D18 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: 0 1px 4px rgba(30,13,24,.05);
    width: fit-content !important;
    max-width: 100%;
    display: table;
}
body[class*="product-product"] .bm-countdown-slogan i {
    color: #B87333;
    margin-right: 4px;
    font-size: 13px;
    animation: bm-bullhorn-shake 2.5s ease-in-out infinite;
    display: inline-block;
}
body[class*="product-product"] .bm-countdown-slogan strong {
    color: #6E2D22;
    font-weight: 800;
}
body[class*="product-product"] .bm-countdown-slogan em {
    color: #B87333;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .3px;
}
body[class*="product-product"] .bm-countdown-slogan span {
    display: inline-block;
    margin-left: 4px;
    color: #6E2D22;
    font-weight: 800;
}
@keyframes bm-bullhorn-shake {
    0%, 88%, 100% { transform: rotate(0); }
    90% { transform: rotate(-10deg); }
    94% { transform: rotate(8deg); }
    97% { transform: rotate(-4deg); }
}
body[class*="product-product"] .countdown-box.bm-countdown {
    display: flex !important;
    justify-content: center;
    margin: 0 auto 8px !important;
    padding: 0;
    background: transparent !important;
    width: 100%;
}
body[class*="product-product"] .product-info-details .list-unstyled {
    margin: 8px 0 10px !important;
    padding: 0;
}
body[class*="product-product"] .product-info-details .list-unstyled > li {
    padding: 4px 0 !important;
    border-bottom: 1px dashed rgba(184,115,51,.2);
    text-transform: uppercase;
    letter-spacing: .3px;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.3;
}
body[class*="product-product"] .countdown-box.bm-countdown .inner {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 0;
    background: transparent;
}
body[class*="product-product"] .countdown-box.bm-countdown .box {
    background: linear-gradient(135deg, #FDF6E3 0%, #F5ECD7 100%) !important;
    border: 1px solid rgba(184,115,51,.4) !important;
    border-radius: 10px !important;
    padding: 7px 10px !important;
    min-width: 56px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(30,13,24,.08);
}
body[class*="product-product"] .countdown-box.bm-countdown .box b {
    display: block;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #6E2D22 !important;
    line-height: 1.1 !important;
    font-family: 'Rubik', sans-serif;
}
body[class*="product-product"] .countdown-box.bm-countdown .box span {
    display: block;
    margin-top: 3px;
    font-size: 10px !important;
    font-weight: 700;
    color: #B87333 !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    line-height: 1;
}
/* Bohemart: Mevcut Seçenekler / Boyut / Şekil / Adet — başlık arası 10px boşluk */
body[class*="product-product"] #product > h3,
body[class*="product-product"] .product-info-details h3 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #6E2D22 !important;
    text-transform: uppercase;
    letter-spacing: .4px;
    margin: 10px 0 5px !important;
    padding-bottom: 5px;
    border-bottom: 1px dashed rgba(184,115,51,.3);
}
body[class*="product-product"] #product .form-group {
    margin-bottom: 10px !important;
    margin-top: 0 !important;
}
body[class*="product-product"] #product .form-group .control-label,
body[class*="product-product"] #product .form-group > label {
    margin: 0 0 4px !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1E0D18 !important;
    text-transform: uppercase;
    letter-spacing: .3px;
    line-height: 1.2;
}
body[class*="product-product"] #product .form-group .radio {
    margin: 2px 0 !important;
    padding: 0;
}
body[class*="product-product"] #product .form-group .radio label {
    font-weight: 500;
    font-size: 13px;
    margin: 0;
    padding: 4px 0 4px 4px;
}
/* Bohemart: bu bölüm Plaza varsayılan stiline geri döndürüldü
   (3-row özel düzen kaldırıldı, kullanıcı talebi) */

/* Ürün kartı (product-details) FAQ kartı ile aynı dış genişlikte hizalansın.
   FAQ kartı .row'un direkt child'ı (col padding'i yok), .product-details ise
   #content.col-sm-12 içinde (15px col padding ile içeri çekiliyor).
   #content'in col padding'ini sıfırlayalım — iki kart aynı sol/sağ kenarda. */
body[class*="product-product"] #product-product.container > .row > #content.col-sm-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Ürün içerik genişliği 1036 → 1070 (FAQ ile eşit).
   .product-details outer padding 22 → 20, iç .col padding 15 → 0, .row negative margin 0 */
body[class*="product-product"] #content > .product-details {
    padding: 20px !important;
}
body[class*="product-product"] #content > .product-details > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body[class*="product-product"] #content > .product-details > .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body[class*="product-product"] .price-tax {
    font-size: 11px; color: #6E2D22;
    background: #FDF6E3; padding: 3px 10px; border-radius: 12px;
    border: 1px dashed rgba(184,115,51,.4);
    text-transform: uppercase; letter-spacing: .3px;
    font-weight: 600;
}

/* Renk seçenekleri (product_variants) */
body[class*="product-product"] .urunvaryantad {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #6E2D22;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 14px 0 10px;
}
body[class*="product-product"] a.product_variants {
    display: inline-block;
    margin: 0 6px 6px 0;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    transition: border-color .15s, transform .15s, box-shadow .15s;
}
body[class*="product-product"] a.product_variants img {
    width: 56px; height: 56px;
    border-radius: 6px;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}
body[class*="product-product"] a.product_variants:hover {
    border-color: #B87333;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(184,115,51,.25);
}
body[class*="product-product"] a.product_variants.active,
body[class*="product-product"] a.product_variants.current {
    border-color: #6E2D22;
    box-shadow: 0 0 0 3px rgba(184,115,51,.15);
}

/* Ürün opsiyonları (size, vs.) */
body[class*="product-product"] #product .form-group {
    margin-bottom: 14px;
}
body[class*="product-product"] #product .form-group > label,
body[class*="product-product"] #product .control-label {
    font-size: 12px;
    font-weight: 700;
    color: #6E2D22;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 6px;
    display: block;
}
body[class*="product-product"] #product .form-control,
body[class*="product-product"] #input-quantity {
    border: 1.5px solid rgba(184,115,51,.3);
    border-radius: 8px;
    background: #ffffff;
    color: #1E0D18;
    padding: 8px 12px;
    font-size: 14px;
    transition: border-color .15s, box-shadow .15s;
}
body[class*="product-product"] #product .form-control:focus,
body[class*="product-product"] #input-quantity:focus {
    border-color: #B87333;
    box-shadow: 0 0 0 3px rgba(184,115,51,.15);
    outline: none;
}

/* Adet alanı */
body[class*="product-product"] #input-quantity { width: 80px; text-align: center; }

/* Sepete Ekle butonu */
body[class*="product-product"] #button-cart {
    background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%) !important;
    color: #FDF6E3 !important;
    border: 0 !important;
    border-radius: 30px !important;
    padding: 14px 28px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: transform .15s, box-shadow .15s, filter .15s;
    box-shadow: 0 4px 14px rgba(110,45,34,.25);
    display: inline-flex; align-items: center; gap: 8px;
    min-width: 180px;
    justify-content: center;
}
body[class*="product-product"] #button-cart:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(110,45,34,.4);
    filter: brightness(1.05);
}
body[class*="product-product"] #button-cart::before {
    font-family: FontAwesome; content: "\f07a";
    font-size: 16px;
}

/* Wishlist & compare ikon butonları */
body[class*="product-product"] .btn-group .btn-default,
body[class*="product-product"] button[onclick*="wishlist.add"],
body[class*="product-product"] button[onclick*="compare.add"] {
    background: #ffffff !important;
    color: #6E2D22 !important;
    border: 1.5px solid #B87333 !important;
    border-radius: 50% !important;
    width: 44px; height: 44px;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center; justify-content: center;
    margin-left: 8px;
    transition: background .15s, color .15s, transform .1s;
}
body[class*="product-product"] button[onclick*="wishlist.add"]:hover,
body[class*="product-product"] button[onclick*="compare.add"]:hover {
    background: #B87333 !important;
    color: #FDF6E3 !important;
    transform: translateY(-2px);
}
body[class*="product-product"] button[onclick*="wishlist.add"] i,
body[class*="product-product"] button[onclick*="compare.add"] i {
    font-size: 16px;
}

/* === Tab paneli — Açıklama / Özellikler / Yorumlar === */
body[class*="product-product"] .nav-tabs {
    border-bottom: 2px solid #B87333;
    margin: 30px 0 0;
    display: flex; gap: 4px;
    padding: 0;
}
body[class*="product-product"] .nav-tabs > li { margin: 0; }
body[class*="product-product"] .nav-tabs > li > a {
    color: #6E2D22 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 12px 22px !important;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: background .15s, color .15s;
    margin: 0 !important;
}
body[class*="product-product"] .nav-tabs > li > a:hover {
    background: #FDF6E3 !important;
    color: #B87333 !important;
}
body[class*="product-product"] .nav-tabs > li.active > a,
body[class*="product-product"] .nav-tabs > li.active > a:hover,
body[class*="product-product"] .nav-tabs > li.active > a:focus {
    background: #6E2D22 !important;
    color: #FDF6E3 !important;
    border: 0 !important;
}
body[class*="product-product"] .tab-content {
    background: #FDF6E3;
    border: 1px solid rgba(184,115,51,.25);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    padding: 22px;
    margin-bottom: 30px;
    color: #1E0D18;
    line-height: 1.6;
}
body[class*="product-product"] .tab-content h2,
body[class*="product-product"] .tab-content h3,
body[class*="product-product"] .tab-content h4 {
    color: #6E2D22;
    margin-top: 0;
}

/* Yorum form — kompakt bohem */
body[class*="product-product"] #form-review .form-group label { color: #6E2D22; }
body[class*="product-product"] #button-review {
    background: #B87333; color: #FDF6E3;
    border: 0; border-radius: 20px;
    padding: 10px 24px; font-weight: 700;
    text-transform: uppercase; letter-spacing: .3px;
}
body[class*="product-product"] #button-review:hover { background: #6E2D22; }

/* Mobil */
@media (max-width: 767px) {
    body[class*="product-product"] .product-info-details h1 { font-size: 22px; }
    body[class*="product-product"] .price-new { font-size: 26px !important; }
    body[class*="product-product"] #button-cart { width: 100%; min-width: 0; }
    body[class*="product-product"] .nav-tabs > li > a { padding: 10px 14px !important; font-size: 12px; }
}

/* ============================================================
   Bohemart — Renk Seçenekleri (büyük thumbnail + alta isim)
   ============================================================ */
body[class*="product-product"] .urunvaryantad {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #6E2D22;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 18px 0 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(184,115,51,.25);
}
body[class*="product-product"] a.product_variants {
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    width: 100px;
    margin: 0 10px 14px 0;
    padding: 6px;
    background: #ffffff;
    border: 2px solid rgba(184,115,51,.25);
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .15s, transform .15s, box-shadow .15s;
    text-decoration: none;
    vertical-align: top;
}
body[class*="product-product"] a.product_variants img {
    width: 88px !important;
    height: 88px !important;
    border-radius: 6px !important;
    object-fit: cover !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}
body[class*="product-product"] a.product_variants:hover {
    border-color: #B87333;
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(184,115,51,.25);
    text-decoration: none;
}
body[class*="product-product"] a.product_variants.current,
body[class*="product-product"] a.product_variants.active {
    border-color: #6E2D22;
    box-shadow: 0 0 0 3px rgba(184,115,51,.15);
}
body[class*="product-product"] .bm-variant__name {
    display: block;
    margin-top: 8px;
    font-size: 11px;
    font-weight: 700;
    color: #1E0D18;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
    line-height: 1.2;
    max-width: 90px;
    word-wrap: break-word;
}

/* ============================================================
   Bohemart — Tab paneli + tab içerikleri arka plan ayrımı
   Soru/cevap modülü sağda ayrı bir kutu ise onu da düzgün konumla
   ============================================================ */

/* Soru/Cevap tablosu varsa ana içerikten ayır */
body[class*="product-product"] #tab-quesandans,
body[class*="product-product"] #tab-review,
body[class*="product-product"] #tab-description {
    background: transparent;
    padding: 0;
}

/* Eğer ürün soruları ayrı bir bölge olarak sağda görünüyorsa düzgün konumla */
body[class*="product-product"] .lts-faq-wrap,
body[class*="product-product"] .lts_faq,
body[class*="product-product"] .faq-section {
    background: #FDF6E3;
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 12px;
    padding: 20px;
    margin: 24px 0;
}

/* "Açıklama Yorumlar Sorular" tab'lerinin SADECE bir kez render olduğundan emin ol —
   eğer ürün soru cevap modülü ayrı bir nav-tabs daha eklediyse, ikincisini gizle */
body[class*="product-product"] .product-info-details + .nav-tabs,
body[class*="product-product"] .col-sm-6 + .col-sm-6 .nav-tabs:not(:first-of-type),
body[class*="product-product"] .lts-faq-wrap .nav-tabs,
body[class*="product-product"] .lts_faq .nav-tabs {
    display: none !important;
}

/* ============================================================
   Bohemart — Tab paneli ile Soru-Cevap sıralaması
   Yapı: .product-details > .row + .faq-section-2025 + .product-info-details-more
   İstenen sıra: row (resim+bilgi) → tabs → soru-cevap modülü
   ============================================================ */
body[class*="product-product"] .product-details {
    display: flex;
    flex-direction: column;
}
body[class*="product-product"] .product-details > .row {
    order: 1;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
body[class*="product-product"] .product-details > .product-info-details-more {
    order: 2;
    margin-top: 24px;
}
body[class*="product-product"] .product-details > .faq-section-2025 {
    order: 3;
    margin-top: 24px;
}
/* Diğer beklenmedik kardeşleri sona at */
body[class*="product-product"] .product-details > *:not(.row):not(.product-info-details-more):not(.faq-section-2025) {
    order: 4;
}

/* ============================================================
   Bohemart — Ürün detayda iç bölümler taşma + sıralama düzeltme
   ============================================================ */

/* Tüm direct child'lar tam genişlik + taşma engelle */
body[class*="product-product"] .product-details > * {
    flex-basis: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* Daha kesin sıralama:
   1) row (resim+bilgi)
   2) tabs (Açıklama/Yorumlar/Sorular)
   3) Trendyol tarzı yorum (h3 "Ürün Değerlendirme" + .rvw-wrap)
   4) Ürün Soru-Cevap (h3 "Ürün Soru ve Cevapları" inside .faq-section-2025)
*/
body[class*="product-product"] .product-details > .row { order: 1; }
body[class*="product-product"] .product-details > .product-info-details-more { order: 2; margin-top: 28px; }
body[class*="product-product"] .product-details > h3.faq-title2005 { order: 3; margin-top: 28px; margin-bottom: 12px; }
body[class*="product-product"] .product-details > .rvw-wrap { order: 3; }
body[class*="product-product"] .product-details > .faq-section-2025 { order: 4; margin-top: 28px; }

/* Trendyol tarzı yorum bloğu — taşma yok, modern kart */
body[class*="product-product"] .rvw-wrap {
    background: #FDF6E3;
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 12px;
    padding: 20px;
}
body[class*="product-product"] .rvw-wrap .rvw-card {
    background: #fff;
    border: 1px solid rgba(184,115,51,.2);
    border-radius: 8px;
    padding: 14px;
    margin-bottom: 12px;
    max-width: 100%;
    overflow: hidden;
}
body[class*="product-product"] .rvw-wrap .rvw-card-stars,
body[class*="product-product"] .rvw-wrap .rvw-stars { max-width: 100%; }
body[class*="product-product"] .rvw-wrap .rvw-badge {
    background: #B87333; color: #FDF6E3;
    font-size: 10px; padding: 3px 8px;
    border-radius: 10px; letter-spacing: .3px;
}
body[class*="product-product"] .rvw-wrap .w3-button.w3-green {
    background: #6E2D22 !important;
    color: #FDF6E3 !important;
    border: 0; border-radius: 22px;
    padding: 10px 22px;
    font-weight: 700; text-transform: uppercase;
    letter-spacing: .3px;
    margin-top: 12px;
}
/* ============================================================
   Bohemart — Değerlendirme bölümü (Trendyol tarzı) Bohem palette
   ============================================================ */
body[class*="product-product"] .rvw-wrap {
    background: #FDF6E3 !important;
    border: 1.5px solid rgba(184,115,51,.3) !important;
    border-radius: 14px !important;
    padding: 22px !important;
    box-shadow: 0 4px 14px rgba(30,13,24,.05) !important;
}
/* Üst bölüm — büyük puan + yıldızlar + bilgi */
body[class*="product-product"] .rvw-wrap .rvw-head {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 6px 16px;
    align-items: center;
    padding: 16px 18px !important;
    background: linear-gradient(135deg, #ffffff 0%, #F5ECD7 100%);
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 12px;
    margin: 0 0 16px !important;
}
body[class*="product-product"] .rvw-wrap .rvw-stars {
    position: relative;
    display: inline-block;
    width: 130px;
    height: 22px;
    color: rgba(184,115,51,.25);
    font-size: 22px;
    line-height: 1;
    background: linear-gradient(to right, currentColor 0, currentColor 100%);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 22'><g fill='black'><polygon points='13,2 16,9 23,9 17.5,13 19.5,20 13,16 6.5,20 8.5,13 3,9 10,9'/><polygon points='39,2 42,9 49,9 43.5,13 45.5,20 39,16 32.5,20 34.5,13 29,9 36,9'/><polygon points='65,2 68,9 75,9 69.5,13 71.5,20 65,16 58.5,20 60.5,13 55,9 62,9'/><polygon points='91,2 94,9 101,9 95.5,13 97.5,20 91,16 84.5,20 86.5,13 81,9 88,9'/><polygon points='117,2 120,9 127,9 121.5,13 123.5,20 117,16 110.5,20 112.5,13 107,9 114,9'/></g></svg>") no-repeat 0 0;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 22'><g fill='black'><polygon points='13,2 16,9 23,9 17.5,13 19.5,20 13,16 6.5,20 8.5,13 3,9 10,9'/><polygon points='39,2 42,9 49,9 43.5,13 45.5,20 39,16 32.5,20 34.5,13 29,9 36,9'/><polygon points='65,2 68,9 75,9 69.5,13 71.5,20 65,16 58.5,20 60.5,13 55,9 62,9'/><polygon points='91,2 94,9 101,9 95.5,13 97.5,20 91,16 84.5,20 86.5,13 81,9 88,9'/><polygon points='117,2 120,9 127,9 121.5,13 123.5,20 117,16 110.5,20 112.5,13 107,9 114,9'/></g></svg>") no-repeat 0 0;
    grid-row: 1; grid-column: 2;
}
body[class*="product-product"] .rvw-wrap .rvw-stars .rvw-stars-fill {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #D4826A 0%, #B87333 100%);
}
body[class*="product-product"] .rvw-wrap .rvw-score {
    grid-row: 1; grid-column: 1;
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
}
body[class*="product-product"] .rvw-wrap .rvw-avg {
    font-size: 36px !important;
    font-weight: 800;
    color: #6E2D22 !important;
    font-family: 'Rubik', sans-serif;
    line-height: 1;
}
body[class*="product-product"] .rvw-wrap .rvw-meta {
    font-size: 12px !important;
    color: #B87333 !important;
    font-weight: 600;
    letter-spacing: .3px;
}
body[class*="product-product"] .rvw-wrap .rvw-tip {
    grid-row: 2; grid-column: 1 / -1;
    font-size: 13px !important;
    color: #1E0D18 !important;
    font-style: italic;
    padding-top: 4px;
}
body[class*="product-product"] .rvw-wrap .rvw-tip::before {
    content: "\f0eb";
    font-family: FontAwesome !important;
    color: #B87333;
    margin-right: 6px;
    font-style: normal;
}
/* Değerlendirme Özeti kartı */
body[class*="product-product"] .rvw-wrap .rvw-summary-card {
    background: #ffffff !important;
    border: 1.5px solid rgba(184,115,51,.25) !important;
    border-radius: 12px !important;
    padding: 18px !important;
    margin: 0 0 16px !important;
}
body[class*="product-product"] .rvw-wrap .rvw-sum-title {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #6E2D22 !important;
    margin: 0 0 14px !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding-bottom: 8px;
    border-bottom: 1px dashed rgba(184,115,51,.3);
    display: flex; align-items: center; gap: 8px;
}
body[class*="product-product"] .rvw-wrap .rvw-sum-title i {
    color: #B87333 !important;
    font-size: 15px;
}
/* Yıldız çubukları */
body[class*="product-product"] .rvw-wrap .rvw-bars {
    display: flex;
    flex-direction: column;
    gap: 6px !important;
    margin: 0 !important;
}
body[class*="product-product"] .rvw-wrap .rvw-bar {
    display: grid !important;
    grid-template-columns: 32px 1fr 36px;
    align-items: center;
    gap: 10px;
}
body[class*="product-product"] .rvw-wrap .rvw-bar-star {
    color: #B87333 !important;
    font-size: 12px !important;
    font-weight: 800;
    letter-spacing: 0;
}
body[class*="product-product"] .rvw-wrap .rvw-bar-track {
    height: 8px !important;
    background: #F5ECD7 !important;
    border-radius: 4px !important;
    overflow: hidden;
    border: 1px solid rgba(184,115,51,.15);
}
body[class*="product-product"] .rvw-wrap .rvw-bar-fill {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #D4826A 0%, #B87333 100%) !important;
    border-radius: 4px;
    transition: width .4s ease;
}
body[class*="product-product"] .rvw-wrap .rvw-bar-count {
    font-size: 12px !important;
    color: #1E0D18 !important;
    font-weight: 700;
    text-align: right;
}
body[class*="product-product"] .rvw-wrap .rvw-help {
    margin-top: 14px !important;
    padding-top: 12px;
    border-top: 1px dashed rgba(184,115,51,.25);
    font-size: 12px !important;
    color: #6E2D22 !important;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
body[class*="product-product"] .rvw-wrap .rvw-help i {
    color: #B87333;
    font-size: 14px;
    width: 28px;
    height: 28px;
    background: #FDF6E3;
    border: 1.5px solid #B87333;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .15s, color .15s, transform .15s;
}
body[class*="product-product"] .rvw-wrap .rvw-help i:hover {
    background: #B87333;
    color: #FDF6E3;
    transform: translateY(-1px);
}
/* Yorum kartları grid */
body[class*="product-product"] .rvw-wrap .rvw-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
}
body[class*="product-product"] .rvw-wrap .rvw-card {
    background: #ffffff !important;
    border: 1.5px solid rgba(184,115,51,.25) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin: 0 !important;
    box-shadow: 0 3px 10px rgba(30,13,24,.05);
    transition: border-color .2s, box-shadow .2s;
}
body[class*="product-product"] .rvw-wrap .rvw-card:hover {
    border-color: #B87333 !important;
    box-shadow: 0 6px 18px rgba(30,13,24,.10);
}
body[class*="product-product"] .rvw-wrap .rvw-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed rgba(184,115,51,.2);
}
body[class*="product-product"] .rvw-wrap .rvw-card-stars {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 16px;
    color: rgba(184,115,51,.25);
    font-size: 16px;
    background: linear-gradient(to right, currentColor 0, currentColor 100%);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 16'><g fill='black'><polygon points='9,1 11,6 16,6 12,9 13.5,14 9,11 4.5,14 6,9 2,6 7,6'/><polygon points='27,1 29,6 34,6 30,9 31.5,14 27,11 22.5,14 24,9 20,6 25,6'/><polygon points='45,1 47,6 52,6 48,9 49.5,14 45,11 40.5,14 42,9 38,6 43,6'/><polygon points='63,1 65,6 70,6 66,9 67.5,14 63,11 58.5,14 60,9 56,6 61,6'/><polygon points='81,1 83,6 88,6 84,9 85.5,14 81,11 76.5,14 78,9 74,6 79,6'/></g></svg>") no-repeat 0 0;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 16'><g fill='black'><polygon points='9,1 11,6 16,6 12,9 13.5,14 9,11 4.5,14 6,9 2,6 7,6'/><polygon points='27,1 29,6 34,6 30,9 31.5,14 27,11 22.5,14 24,9 20,6 25,6'/><polygon points='45,1 47,6 52,6 48,9 49.5,14 45,11 40.5,14 42,9 38,6 43,6'/><polygon points='63,1 65,6 70,6 66,9 67.5,14 63,11 58.5,14 60,9 56,6 61,6'/><polygon points='81,1 83,6 88,6 84,9 85.5,14 81,11 76.5,14 78,9 74,6 79,6'/></g></svg>") no-repeat 0 0;
}
body[class*="product-product"] .rvw-wrap .rvw-card-stars .fill {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #D4826A 0%, #B87333 100%);
}
body[class*="product-product"] .rvw-wrap .rvw-card-meta {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 13px;
    line-height: 1.3;
}
body[class*="product-product"] .rvw-wrap .rvw-card-meta b,
body[class*="product-product"] .rvw-wrap .review-author {
    color: #6E2D22 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}
body[class*="product-product"] .rvw-wrap .rvw-date {
    color: #B87333 !important;
    font-size: 11px !important;
    font-weight: 600;
    letter-spacing: .2px;
}
body[class*="product-product"] .rvw-wrap .rvw-card-body {
    font-size: 13.5px !important;
    color: #1E0D18 !important;
    line-height: 1.55 !important;
    padding: 6px 0 10px !important;
    word-break: break-word;
}
body[class*="product-product"] .rvw-wrap .rvw-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px dashed rgba(184,115,51,.2);
    gap: 8px;
    flex-wrap: wrap;
}
body[class*="product-product"] .rvw-wrap .rvw-badge {
    background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%) !important;
    color: #FDF6E3 !important;
    font-size: 10px !important;
    padding: 4px 10px !important;
    border-radius: 12px !important;
    letter-spacing: .4px !important;
    font-weight: 700;
    text-transform: uppercase;
}
body[class*="product-product"] .rvw-wrap .rvw-actions {
    display: inline-flex;
    gap: 8px;
}
body[class*="product-product"] .rvw-wrap .rvw-actions i {
    width: 28px;
    height: 28px;
    background: #FDF6E3;
    color: #6E2D22;
    border: 1.5px solid rgba(184,115,51,.4);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s;
}
body[class*="product-product"] .rvw-wrap .rvw-actions i:hover {
    background: #B87333;
    color: #FDF6E3;
    border-color: #B87333;
}
/* "Tüm Yorumları Göster" butonu */
body[class*="product-product"] .rvw-wrap .w3-button.w3-green {
    background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%) !important;
    color: #FDF6E3 !important;
    border: 0 !important;
    border-radius: 26px !important;
    padding: 12px 24px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 14px rgba(110,45,34,.25);
    cursor: pointer;
    transition: transform .15s, box-shadow .15s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px !important;
}
body[class*="product-product"] .rvw-wrap .w3-button.w3-green::before {
    content: "\f06e";
    font-family: FontAwesome !important;
}
body[class*="product-product"] .rvw-wrap .w3-button.w3-green:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(110,45,34,.4);
    background: linear-gradient(135deg, #B87333 0%, #6E2D22 100%) !important;
}
/* "Ürün Değerlendirme" h3 başlığı */
body[class*="product-product"] h3.faq-title2005 {
    font-family: 'Rubik', sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #6E2D22 !important;
    margin: 28px 0 14px !important;
    padding: 0 0 10px !important;
    border-bottom: 2px solid #B87333 !important;
    letter-spacing: .3px;
}
/* ============================================================
   Bohemart — Mağaza (seller_store) ürün kartlarını kategori
   sayfasıyla aynı görsel görünüme zorla
   ============================================================ */
body.extension-multiseller-seller .seller-card,
body[class*="extension-multiseller-seller"] .seller-card {
    background: #FDF6E3 !important;
    border: 1.5px solid rgba(184,115,51,.25) !important;
    border-radius: 12px !important;
    overflow: hidden;
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
body.extension-multiseller-seller .seller-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(30,13,24,.15);
    border-color: #B87333 !important;
}
/* Image — aspect-ratio fix (img içeride 1:1 zorlamasını sıfırla, container 720:538'i tam doldursun) */
body.extension-multiseller-seller .seller-card__img {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 720 / 538 !important;
    overflow: hidden !important;
    background: #F5ECD7 !important;
}
body.extension-multiseller-seller .seller-card__img a {
    display: block !important;
    width: 100%;
    height: 100%;
    line-height: 0;
}
body.extension-multiseller-seller .seller-card__img img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: unset !important;
    object-fit: cover !important;
    display: block;
    transition: transform .35s;
}
body.extension-multiseller-seller .seller-card:hover .seller-card__img img {
    transform: scale(1.05);
}
/* Badges — kategori paletine ve uppercase'e eşit */
body.extension-multiseller-seller .seller-card__badges {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 3;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}
/* Bohemart: badge'leri /product/special ile birebir eşitle (.pro-label.new/.sale tarzı) */
body.extension-multiseller-seller .seller-card__badges .badge-new,
body.extension-multiseller-seller .seller-card__badges .badge-sale {
    color: #FDF6E3 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 5px !important;
    border-radius: 4px !important;
    letter-spacing: .3px !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    text-indent: 0;
    box-shadow: none !important;
    align-self: flex-start;
    font-family: inherit !important;
    background-image: none !important;
}
body.extension-multiseller-seller .seller-card__badges .badge-new {
    background: #D4826A !important;
    font-size: 0 !important;
}
body.extension-multiseller-seller .seller-card__badges .badge-new::before {
    content: "YENİ";
    font-size: 11px !important;
    font-weight: 700;
    color: inherit;
    letter-spacing: .3px;
}
body.extension-multiseller-seller .seller-card__badges .badge-sale {
    background: #6E2D22 !important;
}
/* Bohemart: action area kategori/special ile birebir aynı stil
   .seller-card__actions içindeki .button-cart / .button-wishlist / .button-compare */
body.extension-multiseller-seller .seller-card__actions {
    background: linear-gradient(180deg, rgba(253,246,227,.0) 0%, rgba(253,246,227,.96) 30%) !important;
    border-top: 0 !important;
    padding: 16px 8px 8px !important;
    display: flex !important;
    gap: 6px !important;
}
body.extension-multiseller-seller .seller-card__actions .button-cart,
body.extension-multiseller-seller .seller-card__actions .button-wishlist,
body.extension-multiseller-seller .seller-card__actions .button-compare {
    flex: 1 !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 8px 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    cursor: pointer;
    transition: background .15s, color .15s, transform .1s !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    color: #FDF6E3 !important;
    height: auto !important;
    min-width: 0 !important;
    text-transform: none !important;
    font-family: inherit !important;
    background-image: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
}
body.extension-multiseller-seller .seller-card__actions .button-cart > span,
body.extension-multiseller-seller .seller-card__actions .button-wishlist > span,
body.extension-multiseller-seller .seller-card__actions .button-compare > span {
    display: none !important;
}
body.extension-multiseller-seller .seller-card__actions .button-cart::before,
body.extension-multiseller-seller .seller-card__actions .button-wishlist::before,
body.extension-multiseller-seller .seller-card__actions .button-compare::before {
    font-family: 'FontAwesome' !important;
    font-size: 14px !important;
    display: inline-block !important;
}
/* Sepet — kırmızı dolgu */
body.extension-multiseller-seller .seller-card__actions .button-cart {
    background: #6E2D22 !important;
    flex: 2 !important;
    font-size: 11px !important;
}
body.extension-multiseller-seller .seller-card__actions .button-cart::before {
    content: "\f07a" !important;
    margin-right: 4px;
}
body.extension-multiseller-seller .seller-card__actions .button-cart::after {
    content: "Sepete Ekle" !important;
    font-size: 11px !important;
    font-weight: 700;
}
body.extension-multiseller-seller .seller-card__actions .button-cart:hover {
    background: #B87333 !important;
}
/* Wishlist */
body.extension-multiseller-seller .seller-card__actions .button-wishlist {
    background: #F5ECD7 !important;
    color: #6E2D22 !important;
    border: 1px solid rgba(184,115,51,.4) !important;
}
body.extension-multiseller-seller .seller-card__actions .button-wishlist::before {
    content: "\f004" !important;
}
body.extension-multiseller-seller .seller-card__actions .button-wishlist:hover {
    background: #6E2D22 !important;
    color: #FDF6E3 !important;
    border-color: #6E2D22 !important;
}
/* Compare */
body.extension-multiseller-seller .seller-card__actions .button-compare {
    background: #F5ECD7 !important;
    color: #1E0D18 !important;
    border: 1px solid rgba(184,115,51,.4) !important;
}
body.extension-multiseller-seller .seller-card__actions .button-compare::before {
    content: "\f0ec" !important;
}
body.extension-multiseller-seller .seller-card__actions .button-compare:hover {
    background: #1E0D18 !important;
    color: #FDF6E3 !important;
    border-color: #1E0D18 !important;
}
/* Caption — h4 tarzı isim + price */
body.extension-multiseller-seller .seller-card__caption {
    padding: 10px 12px 12px !important;
    text-align: center !important;
}
body.extension-multiseller-seller .seller-card__name {
    margin: 0 0 6px !important;
}
body.extension-multiseller-seller .seller-card__name a {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1E0D18 !important;
    line-height: 1.3 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 34px;
    text-decoration: none;
    font-family: 'Rubik', sans-serif !important;
}
body.extension-multiseller-seller .seller-card__caption,
body.extension-multiseller-seller .seller-card__price,
body.extension-multiseller-seller .seller-card__name {
    font-family: 'Rubik', sans-serif !important;
}
body.extension-multiseller-seller .seller-card__name a:hover { color: #B87333 !important; }
body.extension-multiseller-seller .seller-card__price {
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    gap: 6px !important;
    flex-wrap: wrap;
}
body.extension-multiseller-seller .seller-card__price .price-new {
    color: #6E2D22 !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    font-family: 'Rubik', sans-serif !important;
}
body.extension-multiseller-seller .seller-card__price .price-old {
    color: #999 !important;
    text-decoration: line-through;
    font-size: 11px !important;
    font-weight: 500;
}
body.extension-multiseller-seller .seller-card__price .price-normal {
    color: #6E2D22 !important;
    font-weight: 800 !important;
    font-size: 15px !important;
}
/* Grid: 3'lü dizilim (sol filtre alır 3 col, sağ içerik 9 col, içinde 3'lü grid) */
body.extension-multiseller-seller .seller-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
}
@media(max-width: 991px) { body.extension-multiseller-seller .seller-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media(max-width: 600px) { body.extension-multiseller-seller .seller-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; } }

/* seller-store-wrap — yan kenarlardan %15 boşluk, üstteki pembe şerit kaldır */
body.extension-multiseller-seller {
    background: #ffffff !important;
}
body.extension-multiseller-seller .seller-store-wrap {
    width: 70% !important;
    max-width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: #ffffff !important;
    padding-top: 14px !important;
    padding-bottom: 20px !important;
    border-radius: 0 !important;
}
/* tüm --bm-cream kullanan elementler beyaz (page-level pembe rengi sıfırla) */
body.extension-multiseller-seller {
    --bm-cream: #ffffff !important;
}
/* ===========================================================
   Bohemart — TÜM ACCOUNT SAYFALARI için GLOBAL Bohem stili
   account/account, account/order, account/edit, account/password,
   account/wishlist, account/rma/*, account/return_flow,
   account/transaction, account/address, account/reward, vb.
   =========================================================== */
body[class*="account-"] [id^="account-"],
body[class*="account-"] [id*="-account"],
body[class^="account-"] > .wrapper > .container > .row > #content,
body[class*="rma-"] [id^="rma-"],
body[class*="account-"] #account-rma {
  /* sayfa içeriği container'ı */
}

/* Ana içerik h1/h2 başlığı */
body[class*="account-"] #content > h1,
body[class*="account-"] #content > h2,
body[class*="rma-"] #content > h1 {
  font-family: 'Rubik', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #1E0D18 !important;
  border-left: 5px solid #B87333 !important;
  padding: 0 0 10px 16px !important;
  margin: 12px 0 18px !important;
  letter-spacing: .3px;
  text-align: left;
}

/* Bilgi paragrafı (Toplam X kayıt vb.) */
body[class*="account-"] #content > p {
  background: #FDF6E3;
  border: 1px dashed rgba(184,115,51,.35);
  border-radius: 10px;
  padding: 12px 16px;
  margin: 0 0 18px;
  color: #6E2D22;
  font-size: 13.5px;
}

/* Tablolar — tüm account tabloları aynı */
body[class*="account-"] .table-responsive,
body[class*="rma-"] .table-responsive {
  background: #ffffff;
  border: 1px solid rgba(184,115,51,.25);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 22px;
  box-shadow: 0 2px 8px rgba(30,13,24,.05);
}
body[class*="account-"] .table-responsive > .table,
body[class*="account-"] .table.table-bordered,
body[class*="account-"] .table.table-hover,
body[class*="account-"] .table.table-striped,
body[class*="rma-"] .table.table-bordered {
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  width: 100%;
}
body[class*="account-"] .table thead td,
body[class*="account-"] .table thead th,
body[class*="rma-"] .table thead td {
  background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%) !important;
  color: #FDF6E3 !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 12px !important;
  padding: 12px 14px !important;
  border: 0 !important;
  vertical-align: middle !important;
}
body[class*="account-"] .table tbody td,
body[class*="rma-"] .table tbody td {
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px dashed rgba(184,115,51,.2) !important;
  padding: 12px 14px !important;
  color: #1E0D18 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  vertical-align: middle !important;
}
body[class*="account-"] .table tr:last-child td { border-bottom: 0 !important; }
body[class*="account-"] .table tbody tr:hover td,
body[class*="account-"] .table.table-hover tbody tr:hover td { background: #FDF6E3 !important; }
body[class*="account-"] .table .text-right { text-align: right !important; }
body[class*="account-"] .table .text-left { text-align: left !important; }
body[class*="account-"] .table .text-center { text-align: center !important; }

/* Form elements */
body[class*="account-"] .form-control,
body[class*="account-"] input[type="text"],
body[class*="account-"] input[type="email"],
body[class*="account-"] input[type="tel"],
body[class*="account-"] input[type="password"],
body[class*="account-"] input[type="number"],
body[class*="account-"] textarea,
body[class*="account-"] select,
body[class*="rma-"] .form-control {
  border: 1.5px solid rgba(184,115,51,.3) !important;
  border-radius: 8px !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
  color: #1E0D18;
  background: #fff !important;
  box-shadow: none !important;
  height: auto;
  transition: border-color .15s, box-shadow .15s;
}
body[class*="account-"] .form-control:focus,
body[class*="account-"] input:focus,
body[class*="account-"] textarea:focus,
body[class*="account-"] select:focus {
  border-color: #B87333 !important;
  box-shadow: 0 0 0 3px rgba(184,115,51,.15) !important;
  outline: none;
}
body[class*="account-"] .control-label,
body[class*="account-"] label.control-label,
body[class*="account-"] form label {
  color: #6E2D22 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: .3px;
}

/* Submit / Continue / Back / View / Delete butonları — Bohem gradient pill */
body[class*="account-"] .buttons .btn-primary,
body[class*="account-"] .buttons .btn-default,
body[class*="account-"] .buttons input[type="submit"].btn-primary,
body[class*="account-"] .buttons a.btn,
body[class*="account-"] .buttons button.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%) !important;
  color: #FDF6E3 !important;
  border: 0 !important;
  border-radius: 26px !important;
  padding: 12px 28px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .8px !important;
  min-width: 180px !important;
  height: 46px !important;
  line-height: 1 !important;
  box-shadow: 0 4px 14px rgba(110,45,34,.28) !important;
  transition: transform .15s, filter .15s !important;
  text-decoration: none !important;
  cursor: pointer;
}
body[class*="account-"] .buttons .btn:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.06) !important;
  background: linear-gradient(135deg, #B87333 0%, #6E2D22 100%) !important;
  color: #FDF6E3 !important;
}
@media (max-width: 600px) {
  body[class*="account-"] .buttons .pull-left,
  body[class*="account-"] .buttons .pull-right {
    float: none !important; display: block; margin-bottom: 8px;
  }
  body[class*="account-"] .buttons .btn { width: 100%; min-width: 0 !important; }
}

/* Tablo içindeki butonlar (View/Edit/Delete) — daha küçük outline */
body[class*="account-"] .table .btn-info,
body[class*="account-"] .table .btn-primary {
  background: #FDF6E3 !important;
  color: #6E2D22 !important;
  border: 1.5px solid #B87333 !important;
  border-radius: 22px !important;
  padding: 6px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .4px;
  min-width: 0 !important;
  height: auto !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
}
body[class*="account-"] .table .btn-info:hover,
body[class*="account-"] .table .btn-primary:hover {
  background: #B87333 !important;
  color: #FDF6E3 !important;
}
body[class*="account-"] .table .btn-danger {
  background: #6E2D22 !important;
  color: #FDF6E3 !important;
  border: 0 !important;
  border-radius: 22px !important;
  padding: 6px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .4px;
  min-width: 0 !important;
  height: auto !important;
}
body[class*="account-"] .table .btn-danger:hover {
  background: #1E0D18 !important;
}

/* Pagination */
body[class*="account-"] .pagination > li > a,
body[class*="account-"] .pagination > li > span {
  background: #FDF6E3 !important;
  border: 1.5px solid rgba(184,115,51,.35) !important;
  color: #6E2D22 !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  margin: 0 2px;
  font-weight: 600;
}
body[class*="account-"] .pagination > li.active > span,
body[class*="account-"] .pagination > li > a:hover {
  background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%) !important;
  color: #FDF6E3 !important;
  border-color: #B87333 !important;
}

/* Alerts */
body[class*="account-"] .alert-success {
  background: #FDF6E3 !important;
  border: 1px solid #B87333 !important;
  border-left: 4px solid #B87333 !important;
  color: #6E2D22 !important;
  border-radius: 8px !important;
}
body[class*="account-"] .alert-danger {
  background: rgba(110,45,34,.08) !important;
  border: 1px solid #6E2D22 !important;
  border-left: 4px solid #6E2D22 !important;
  color: #6E2D22 !important;
  border-radius: 8px !important;
}
body[class*="account-"] .alert-warning {
  background: rgba(184,115,51,.12) !important;
  border: 1px solid #B87333 !important;
  border-left: 4px solid #B87333 !important;
  color: #6E2D22 !important;
  border-radius: 8px !important;
}
body[class*="account-"] .alert-info {
  background: #FDF6E3 !important;
  border: 1px solid rgba(184,115,51,.4) !important;
  border-left: 4px solid #B87333 !important;
  color: #6E2D22 !important;
  border-radius: 8px !important;
}

/* Account quickmenu Bohem */
body[class*="account-"] .account-quickmenu,
body[class*="rma-"] .account-quickmenu {
  background: #FDF6E3 !important;
  border-bottom: 1px solid rgba(184,115,51,.25) !important;
}
body[class*="account-"] .account-quickmenu a {
  color: #6E2D22 !important;
  font-weight: 600;
  border: 1px solid transparent !important;
}
body[class*="account-"] .account-quickmenu a:hover,
body[class*="account-"] .account-quickmenu a.active {
  background: #ffffff !important;
  border-color: #B87333 !important;
  color: #B87333 !important;
}
body[class*="account-"] .account-quickmenu a i { color: #B87333; }

/* List-group / dashboard menu (account/account sayfası) */
body[class*="account-"] .list-group {
  background: #ffffff;
  border: 1px solid rgba(184,115,51,.25);
  border-radius: 12px;
  overflow: hidden;
}
body[class*="account-"] .list-group-item {
  background: #ffffff !important;
  color: #1E0D18 !important;
  border: 0 !important;
  border-bottom: 1px dashed rgba(184,115,51,.2) !important;
  padding: 12px 16px !important;
  font-weight: 600;
  font-size: 13.5px;
}
body[class*="account-"] .list-group-item:last-child { border-bottom: 0 !important; }
body[class*="account-"] .list-group-item:hover,
body[class*="account-"] .list-group-item.active {
  background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%) !important;
  color: #FDF6E3 !important;
}

/* Empty state messages */
body[class*="account-"] #content > p.text-center,
body[class*="account-"] #content > .alert-info.empty {
  background: #FDF6E3;
  border: 1px dashed rgba(184,115,51,.4);
  border-radius: 10px;
  padding: 22px;
  text-align: center;
  color: #6E2D22;
  font-style: italic;
}

/* Wishlist remove button */
body[class*="account-wishlist"] .table button[onclick*="wishlist.remove"],
body[class*="account-wishlist"] .table button[onclick*="recart.remove"] {
  background: rgba(110,45,34,.1) !important;
  color: #6E2D22 !important;
  border: 1.5px solid #6E2D22 !important;
  border-radius: 50% !important;
  width: 36px; height: 36px;
  padding: 0 !important;
  font-size: 14px;
  min-width: 0 !important;
  text-transform: none !important;
}
body[class*="account-wishlist"] .table button[onclick*="wishlist.remove"]:hover {
  background: #6E2D22 !important;
  color: #FDF6E3 !important;
}

/* RMA forms — Bohem panel */
body[class*="account-rma"] .panel,
body[class*="rma-"] .panel {
  background: #ffffff !important;
  border: 1px solid rgba(184,115,51,.25) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(30,13,24,.05);
}
body[class*="account-rma"] .panel-heading,
body[class*="rma-"] .panel-heading {
  background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%) !important;
  color: #FDF6E3 !important;
  border-bottom: 0 !important;
  padding: 12px 16px !important;
}
body[class*="account-rma"] .panel-title,
body[class*="rma-"] .panel-title {
  font-weight: 700 !important;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #FDF6E3 !important;
}
body[class*="account-rma"] .panel-body,
body[class*="rma-"] .panel-body {
  background: #ffffff !important;
  padding: 18px !important;
}

/* Generic well */
body[class*="account-"] .well {
  background: #FDF6E3 !important;
  border: 1px solid rgba(184,115,51,.25) !important;
  border-radius: 10px !important;
  padding: 16px 18px !important;
  box-shadow: none !important;
  color: #1E0D18;
}

/* fieldset / legend — RMA / return forms */
body[class*="account-"] fieldset,
body[class*="rma-"] fieldset {
  background: #ffffff !important;
  border: 1px solid rgba(184,115,51,.22) !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  margin-bottom: 16px;
}
body[class*="account-"] legend,
body[class*="rma-"] legend {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #6E2D22 !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  border-bottom: 2px solid #B87333 !important;
  padding-bottom: 8px !important;
  margin-bottom: 14px !important;
  border-radius: 0 !important;
}

/* Bohemart: Sayfa kaydırılınca çıkan üst yapışık menü (scroll-fixed) kaldırıldı.
   ⚠️ 2026-07-20 REVIZE — SADECE MASAUSTU (min-width:768px).
   Sorun: tema scrollTop>400 olunca header'a `.scroll-fixed` ekliyor. Bu kural
   medya sorgusuz oldugu icin MOBILDE de calisiyordu -> M15 ile fixed yaptigimiz
   header, sayfa biraz kaydirilinca display:none olup KOMPLE KAYBOLUYORDU;
   400'un altina donunce 500ms transition ile geri geliyordu. Kullanicinin
   "header sabit degil / sayfa kendini yeniliyor gibi" sikayetinin kok nedeni.
   Olculdu: y=500'de header height=0, opacity=0, display=none.
   Mobilde header'in SABIT kalmasi isteniyor -> kural masaustune sinirlandi. */
@media (min-width: 768px) {
  .scroll-fixed,
  .scroll-fix.scroll-fixed,
  header.scroll-fixed {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
  }
}
/* Mobilde tema `.scroll-fixed` eklese bile M15 fixed header'i BOZMASIN:
   temanin kendi .scroll-fixed kurallari (opacity:.9 + transition:500ms all +
   logo kucultme) esik gecisinde header'i animasyonla yeniden boyutlandirip
   "sayfa titriyor" hissi veriyordu. Mobilde notr'a cekiyoruz. */
@media (max-width: 767px) {
  header.scroll-fix.scroll-fixed {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      pointer-events: auto !important;
      transition: none !important;
  }
  header.scroll-fix.scroll-fixed #logo { padding-top: 0 !important; padding-bottom: 0 !important; }
  header.scroll-fix.scroll-fixed #logo img { max-height: none !important; }
}

/* Bohemart: Anasayfa kategori slider'ı (carouselhomecat) — breadcrumb tarzı bakır çerçeve */
body[class*="common-home"] .carousel-homecat,
body.common-home .carousel-homecat {
    background: #ffffff !important;
    border: 1px solid rgba(184,115,51,.25) !important;
    border-radius: 12px !important;
    padding: 16px 22px !important;
    margin: 12px 0 18px !important;
    box-shadow: 0 1px 4px rgba(30,13,24,.05) !important;
    position: relative;
}
body[class*="common-home"] .carousel-homecat .swiper-viewport,
body[class*="common-home"] #carouselhomecat {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
body[class*="common-home"] .carousel-homecat .swiper-slide a {
    text-decoration: none;
    color: #1E0D18;
    transition: color .15s;
}
body[class*="common-home"] .carousel-homecat .swiper-slide a:hover {
    color: #B87333;
}

/* Bohemart: TÜM KAYAR SLIDER alanlarına aynı bakır çerçeve şablonu */
.bohem-urunler,
.bohem-kampanya,
.carousel-homecat,
.bk-content > section.bm-slider-frame,
body[class*="common-home"] .carousel-homecat,
body[class*="common-home"] .bohem-urunler,
body[class*="common-home"] .bohem-kampanya {
    background: #ffffff !important;
    border: 1px solid rgba(184,115,51,.25) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 4px rgba(30,13,24,.05) !important;
}
.bohem-urunler,
.bohem-kampanya {
    padding: 22px 22px 26px !important;
    margin: 20px 0 !important;
}
@media (max-width: 767px) {
    .bohem-urunler,
    .bohem-kampanya { padding: 16px 12px 20px !important; }
}

/* Bohemart: Anasayfa altındaki nivo slider'a sadece radius (taşmasın diye overflow:hidden) */
body[class*="common-home"] .slider-container,
body[class*="common-home"] #plaza-slider-1 {
    border-radius: 12px !important;
    overflow: hidden !important;
}
body[class*="common-home"] .slider-container .plaza-slider,
body[class*="common-home"] .slider-container .nivoSlider {
    border-radius: 12px !important;
    overflow: hidden !important;
}
body[class*="common-home"] .slider-container img {
    border-radius: 12px;
}

/* Bohemart: TÜM FRONT SAYFALARDA BOHEM BREADCRUMB ŞERİDİ
   (rop-breadcrumb tarzı: beyaz kart + bakır border + home ikonu + sayfa adı, ortalanmış) */
body[class*="product-"] .breadcrumb,
body[class*="information-"] .breadcrumb,
body[class*="extension-"] .breadcrumb,
body[class*="account-"] .breadcrumb,
body[class*="common-home"] .breadcrumb,
body[class*="checkout-"] .breadcrumb,
body[class*="affiliate-"] .breadcrumb,
body[class*="error-"] .breadcrumb,
body[class*="emticket-"] .breadcrumb,
body[class*="kampanya-"] .breadcrumb,
body[class*="plaza-"] .breadcrumb,
body[class*="yeni-"] .breadcrumb,
body[class*="search-"] .breadcrumb,
body[class*="manufacturer-"] .breadcrumb,
.rop-breadcrumb,
body[class*="extension-multiseller-seller"] .rop-breadcrumb {
    background: #ffffff !important;
    border: 1px solid rgba(184,115,51,.25) !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    margin: 12px 0 18px !important;
    list-style: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    box-shadow: 0 1px 4px rgba(30,13,24,.05) !important;
}
body[class*="product-"] .breadcrumb > li,
body[class*="information-"] .breadcrumb > li,
body[class*="extension-"] .breadcrumb > li,
body[class*="account-"] .breadcrumb > li,
body[class*="common-home"] .breadcrumb > li,
body[class*="checkout-"] .breadcrumb > li,
body[class*="affiliate-"] .breadcrumb > li,
body[class*="error-"] .breadcrumb > li,
body[class*="emticket-"] .breadcrumb > li,
body[class*="kampanya-"] .breadcrumb > li,
body[class*="plaza-"] .breadcrumb > li,
body[class*="yeni-"] .breadcrumb > li,
body[class*="search-"] .breadcrumb > li,
body[class*="manufacturer-"] .breadcrumb > li,
.rop-breadcrumb > li {
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;
    color: #6E2D22 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 0 !important;
}
body[class*="product-"] .breadcrumb > li + li::before,
body[class*="information-"] .breadcrumb > li + li::before,
body[class*="extension-"] .breadcrumb > li + li::before,
body[class*="account-"] .breadcrumb > li + li::before,
body[class*="common-home"] .breadcrumb > li + li::before,
body[class*="checkout-"] .breadcrumb > li + li::before,
body[class*="affiliate-"] .breadcrumb > li + li::before,
body[class*="error-"] .breadcrumb > li + li::before,
body[class*="emticket-"] .breadcrumb > li + li::before,
body[class*="kampanya-"] .breadcrumb > li + li::before,
body[class*="plaza-"] .breadcrumb > li + li::before,
body[class*="yeni-"] .breadcrumb > li + li::before,
body[class*="search-"] .breadcrumb > li + li::before,
body[class*="manufacturer-"] .breadcrumb > li + li::before,
.rop-breadcrumb > li + li::before {
    content: "/" !important;
    margin: 0 8px !important;
    color: rgba(184,115,51,.5) !important;
    font-weight: 400 !important;
    padding: 0 !important;
}
body[class*="product-"] .breadcrumb > li > a,
body[class*="information-"] .breadcrumb > li > a,
body[class*="extension-"] .breadcrumb > li > a,
body[class*="account-"] .breadcrumb > li > a,
body[class*="common-home"] .breadcrumb > li > a,
body[class*="checkout-"] .breadcrumb > li > a,
body[class*="affiliate-"] .breadcrumb > li > a,
body[class*="error-"] .breadcrumb > li > a,
body[class*="emticket-"] .breadcrumb > li > a,
body[class*="kampanya-"] .breadcrumb > li > a,
body[class*="plaza-"] .breadcrumb > li > a,
body[class*="yeni-"] .breadcrumb > li > a,
body[class*="search-"] .breadcrumb > li > a,
body[class*="manufacturer-"] .breadcrumb > li > a,
.rop-breadcrumb > li > a {
    color: #6E2D22 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: color .15s;
}
body[class*="product-"] .breadcrumb > li > a:hover,
body[class*="information-"] .breadcrumb > li > a:hover,
body[class*="extension-"] .breadcrumb > li > a:hover,
body[class*="account-"] .breadcrumb > li > a:hover,
body[class*="common-home"] .breadcrumb > li > a:hover,
body[class*="checkout-"] .breadcrumb > li > a:hover,
body[class*="affiliate-"] .breadcrumb > li > a:hover,
body[class*="error-"] .breadcrumb > li > a:hover,
body[class*="emticket-"] .breadcrumb > li > a:hover,
body[class*="kampanya-"] .breadcrumb > li > a:hover,
body[class*="plaza-"] .breadcrumb > li > a:hover,
body[class*="yeni-"] .breadcrumb > li > a:hover,
body[class*="search-"] .breadcrumb > li > a:hover,
body[class*="manufacturer-"] .breadcrumb > li > a:hover,
.rop-breadcrumb > li > a:hover {
    color: #B87333 !important;
}
body[class*="product-"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="information-"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="extension-"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="account-"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="common-home"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="checkout-"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="affiliate-"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="error-"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="emticket-"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="kampanya-"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="plaza-"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="yeni-"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="search-"] .breadcrumb > li:first-child > a > i.fa-home,
body[class*="manufacturer-"] .breadcrumb > li:first-child > a > i.fa-home,
.rop-breadcrumb > li:first-child > a > i.fa-home {
    color: #B87333 !important;
    font-size: 16px !important;
}

/* Breadcrumb şerit — beyaz arka plan, home + Mağaza ortalı (seller-specific yedek) */
body.extension-multiseller-seller .rop-breadcrumb {
    background: #ffffff !important;
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 10px;
    padding: 10px 16px !important;
    margin: 0 0 18px !important;
    list-style: none;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 6px;
    box-shadow: 0 1px 4px rgba(30,13,24,.05);
}
body.extension-multiseller-seller .rop-breadcrumb > li {
    display: inline-flex;
    align-items: center;
    float: none !important;
    color: #6E2D22;
    font-size: 13px;
    font-weight: 600;
}
body.extension-multiseller-seller .rop-breadcrumb > li + li::before {
    content: "/";
    margin: 0 8px;
    color: rgba(184,115,51,.5);
    font-weight: 400;
}
body.extension-multiseller-seller .rop-breadcrumb > li > a {
    color: #6E2D22;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: color .15s;
}
body.extension-multiseller-seller .rop-breadcrumb > li > a:hover {
    color: #B87333;
}
body.extension-multiseller-seller .rop-breadcrumb > li:first-child > a > i.fa-home {
    color: #B87333;
    font-size: 16px;
}
@media (max-width: 1199px) {
    body.extension-multiseller-seller .seller-store-wrap {
        width: 90% !important;
        max-width: 90% !important;
    }
}
@media (max-width: 767px) {
    body.extension-multiseller-seller .seller-store-wrap {
        width: 100% !important;
        max-width: 100% !important;
    }
}
body.extension-multiseller-seller .seller-store-main {
    padding-left: 15px;
}
@media(max-width: 767px) {
    body.extension-multiseller-seller .seller-store-main { padding-left: 0; }
}

/* ============================================================
   Bohemart — Author masking (CSS-only, JS yedek olarak da var)
   Server-side maskeleme uygulanmadıysa client-side fallback
   ============================================================ */
/* ============================================================
   Bohemart — Review AJAX içeriği (#review içinde yorum tablosu)
   ============================================================ */
.w3-modal-content #review .reviews-stats {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 16px;
    margin: 0 0 18px;
    background: #ffffff;
    border: 1.5px solid rgba(184,115,51,.3);
    border-radius: 12px;
    flex-wrap: wrap;
}
.w3-modal-content #review .ratings-graph {
    flex: 1;
    min-width: 200px;
}
.w3-modal-content #review .graph-bar-set {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 6px !important;
}
.w3-modal-content #review .graph-bar-set > span {
    flex: 0 0 70px;
    font-size: 12px;
    color: #6E2D22;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
}
.w3-modal-content #review .graph-bar-set > span i {
    color: #B87333;
    margin-left: 2px;
}
.w3-modal-content #review .graph-bar {
    width: 100% !important;
    height: 10px !important;
    background: #F5ECD7 !important;
    border-radius: 5px !important;
    overflow: hidden;
    float: none !important;
    flex: 1;
    border: 1px solid rgba(184,115,51,.2);
}
.w3-modal-content #review .graph-bar-filled {
    height: 100% !important;
    border-radius: 5px !important;
    transition: width .4s ease;
}
.w3-modal-content #review #review-chart {
    flex: 0 0 100px;
}
/* Yorum kartı (modal içinde) */
.w3-modal-content #review .review-card {
    background: #ffffff;
    border: 1.5px solid rgba(184,115,51,.25);
    border-radius: 12px;
    padding: 14px 16px;
    margin: 0 0 12px;
    box-shadow: 0 2px 8px rgba(30,13,24,.05);
    transition: border-color .15s, box-shadow .15s;
}
.w3-modal-content #review .review-card:hover {
    border-color: #B87333;
    box-shadow: 0 5px 14px rgba(30,13,24,.10);
}
.w3-modal-content #review .review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dashed rgba(184,115,51,.25);
    gap: 12px;
    flex-wrap: wrap;
}
.w3-modal-content #review .review-author {
    color: #6E2D22;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: .3px;
}
.w3-modal-content #review .review-author::before {
    content: "\f007";
    font-family: FontAwesome !important;
    color: #B87333;
    font-weight: normal;
    margin-right: 6px;
    font-size: 12px;
}
.w3-modal-content #review .review-date {
    color: #B87333;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .3px;
}
.w3-modal-content #review .review-date::before {
    content: "\f073";
    font-family: FontAwesome !important;
    margin-right: 5px;
    font-weight: normal;
}
.w3-modal-content #review .review-text {
    color: #1E0D18;
    font-size: 13.5px;
    line-height: 1.55;
    margin: 0 0 8px;
}
.w3-modal-content #review .review-stars {
    color: #B87333;
    font-size: 14px;
    letter-spacing: 2px;
}
.w3-modal-content #review .review-stars .fa-star-o { color: rgba(184,115,51,.3); }
.w3-modal-content #review table.table {
    background: transparent !important;
    border: 0 !important;
    margin: 0 0 12px !important;
}
.w3-modal-content #review table.table > tbody,
.w3-modal-content #review table.table > tr,
.w3-modal-content #review table.table > td {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
.w3-modal-content #review .text-right { text-align: center !important; }
/* ============================================================
   Bohemart — "Tüm Yorumlar" w3-modal (w3.css yüklü değil; tam custom)
   ============================================================ */
.w3-modal {
    display: none;
    position: fixed !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    z-index: 99999 !important;
    background: rgba(30, 13, 24, 0.65) !important;
    overflow-y: auto;
    padding: 30px 16px;
    box-sizing: border-box;
    animation: bm-modal-fade .25s ease;
}
.w3-modal[style*="display: block"]::before,
.w3-modal[style*="display:block"]::before {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: -1;
}
@keyframes bm-modal-fade { from { opacity: 0; } to { opacity: 1; } }
.w3-modal[style*="display: block"],
.w3-modal[style*="display:block"] {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
}
.w3-modal-content {
    background: #FDF6E3 !important;
    border: 1.5px solid #B87333 !important;
    border-radius: 16px !important;
    width: 100% !important;
    max-width: 820px !important;
    margin: 5vh auto !important;
    position: relative !important;
    box-shadow: 0 20px 60px rgba(30,13,24,.5) !important;
    overflow: hidden;
    animation: bm-modal-slide .3s cubic-bezier(.2,.8,.3,1.2);
    display: flex !important;
    flex-direction: column !important;
    max-height: 90vh;
    align-self: center;
}
@keyframes bm-modal-slide {
    from { opacity: 0; transform: translateY(-30px) scale(.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.w3-modal-content > header.w3-container {
    background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%) !important;
    color: #FDF6E3 !important;
    padding: 16px 56px !important;
    margin: 0 !important;
    position: relative;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.w3-modal-content > header.w3-container::before {
    content: "TÜM YORUMLAR";
    font-family: 'Rubik', 'Arial', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #FDF6E3;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 2px rgba(0,0,0,.25);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translateZ(0);
}
.w3-modal-content > header.w3-container::after {
    content: "\f02e";
    font-family: FontAwesome !important;
    position: absolute;
    left: 22px;
    color: rgba(253,246,227,.4);
    font-size: 18px;
    pointer-events: none;
    display: none;
}
.w3-modal-content > header .w3-button.w3-display-topright {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 32px !important;
    height: 32px !important;
    background: rgba(253,246,227,.18) !important;
    color: #FDF6E3 !important;
    border: 1.5px solid rgba(253,246,227,.4) !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background .15s, transform .15s, color .15s;
}
.w3-modal-content > header .w3-button.w3-display-topright:hover {
    background: #FDF6E3 !important;
    color: #6E2D22 !important;
    transform: rotate(90deg);
}
.w3-modal-content > .w3-container:not(header):not(footer) {
    background: #FDF6E3 !important;
    padding: 22px !important;
    flex: 1 1 auto;
    min-height: 120px;
    max-height: calc(90vh - 110px);
    overflow-y: auto !important;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #B87333 #FDF6E3;
}
/* Webkit scrollbar */
.w3-modal-content > .w3-container:not(header):not(footer)::-webkit-scrollbar {
    width: 10px;
}
.w3-modal-content > .w3-container:not(header):not(footer)::-webkit-scrollbar-track {
    background: #F5ECD7;
    border-radius: 5px;
}
.w3-modal-content > .w3-container:not(header):not(footer)::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #B87333 0%, #6E2D22 100%);
    border-radius: 5px;
    border: 2px solid #F5ECD7;
}
.w3-modal-content > .w3-container:not(header):not(footer)::-webkit-scrollbar-thumb:hover {
    background: #6E2D22;
}
.w3-modal-content > .w3-container:not(header) #review {
    background: transparent;
    padding: 0;
}
.w3-modal-content > .w3-container:not(header) #review table {
    width: 100%;
    margin-bottom: 14px;
    background: #ffffff;
    border: 1.5px solid rgba(184,115,51,.25);
    border-radius: 10px;
    overflow: hidden;
}
.w3-modal-content > .w3-container:not(header) #review td {
    padding: 12px 16px;
    border: 0;
    color: #1E0D18;
    font-size: 13px;
    line-height: 1.55;
    border-bottom: 1px dashed rgba(184,115,51,.2);
}
.w3-modal-content > .w3-container:not(header) #review td strong {
    color: #6E2D22;
    font-weight: 700;
}
.w3-modal-content > .w3-container:not(header) #review td:last-child { border-bottom: 0; }
.w3-modal-content > .w3-container:not(header) #review .text-right {
    color: #B87333;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .3px;
}
.w3-modal-content > .w3-container:not(header) #review .pagination {
    display: flex;
    gap: 4px;
    justify-content: center;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}
.w3-modal-content > .w3-container:not(header) #review .pagination > li > a,
.w3-modal-content > .w3-container:not(header) #review .pagination > li > span {
    background: #FDF6E3;
    border: 1.5px solid rgba(184,115,51,.35);
    color: #6E2D22;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.w3-modal-content > .w3-container:not(header) #review .pagination > li.active > span,
.w3-modal-content > .w3-container:not(header) #review .pagination > li > a:hover {
    background: #B87333;
    color: #FDF6E3;
    border-color: #B87333;
}
.w3-modal-content > footer.w3-container {
    background: #F5ECD7 !important;
    padding: 10px 22px !important;
    border-top: 1px solid rgba(184,115,51,.25);
    min-height: 12px;
}
/* Body scroll lock when modal open */
body.bm-modal-open { overflow: hidden; }
@media (max-width: 600px) {
    .w3-modal-content { max-width: 95vw !important; }
    .w3-modal-content > header.w3-container { padding: 12px 50px 12px 16px !important; min-height: 46px; }
    .w3-modal-content > header.w3-container::before { font-size: 13px; }
    .w3-modal-content > .w3-container:not(header) { padding: 16px !important; max-height: calc(90vh - 100px); }
}
body[class*="product-product"] .rvw-wrap .w3-button.w3-green:hover { background: #B87333 !important; }

/* "Ürün Değerlendirme" h3 başlığı */
body[class*="product-product"] .product-details > h3.faq-title2005 {
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #1E0D18;
    padding-bottom: 10px;
    border-bottom: 2px solid #B87333;
    display: block;
    margin-left: 0 !important;
    color: #6E2D22 !important;
}

/* Soru-Cevap modülü — kart görünüm */
body[class*="product-product"] .faq-section-2025 {
    background: #FDF6E3;
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 12px;
    padding: 20px;
    overflow: hidden;
}
body[class*="product-product"] .faq-section-2025 .swiper {
    max-width: 100%;
    overflow: hidden;
}
body[class*="product-product"] .faq-section-2025 .swiper-slide {
    max-width: 100%;
    box-sizing: border-box;
}
body[class*="product-product"] .faq-section-2025 .faq-title2005 {
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #6E2D22;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #B87333;
}
body[class*="product-product"] .faq-section-2025 .faq-card {
    background: #ffffff;
    border: 1.5px solid rgba(184,115,51,.3) !important;
    border-radius: 12px !important;
    padding: 18px !important;
    box-shadow: 0 3px 10px rgba(30,13,24,.06) !important;
    transition: border-color .2s, box-shadow .2s, transform .2s;
    box-sizing: border-box;
    overflow: hidden;
    height: auto;
}
body[class*="product-product"] .faq-section-2025 .faq-card:hover {
    border-color: #B87333 !important;
    box-shadow: 0 6px 18px rgba(30,13,24,.10) !important;
    transform: translateY(-2px);
}
/* "Müşteri Soruyor" badge'ı */
body[class*="product-product"] .faq-section-2025 .faq-card > strong.satici,
body[class*="product-product"] .faq-section-2025 .faq-card strong.satici:first-child {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    padding: 4px 10px !important;
    background: linear-gradient(135deg, #D4826A 0%, #B87333 100%) !important;
    color: #FDF6E3 !important;
    border-radius: 14px !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .5px !important;
    margin-bottom: 8px !important;
    box-shadow: 0 2px 6px rgba(212,130,106,.3);
}
body[class*="product-product"] .faq-section-2025 .faq-card > strong.satici::before {
    content: "\f075";
    font-family: FontAwesome !important;
    font-size: 11px;
    font-weight: normal;
}
/* Soru metni */
body[class*="product-product"] .faq-section-2025 .faq-card .faq-question {
    color: #1E0D18 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    padding: 8px 12px !important;
    background: #F5ECD7 !important;
    border-left: 3px solid #B87333 !important;
    border-radius: 0 8px 8px 0 !important;
    margin: 8px 0 14px !important;
    word-break: break-word;
}
/* Cevap bölümü */
body[class*="product-product"] .faq-section-2025 .faq-card .faq-answer {
    padding: 10px 12px !important;
    background: #FDF6E3 !important;
    border-left: 3px solid #6E2D22 !important;
    border-radius: 0 8px 8px 0 !important;
    margin: 0 !important;
}
body[class*="product-product"] .faq-section-2025 .faq-card .faq-answer h5.cevapsatici {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    color: #1E0D18 !important;
    font-weight: normal !important;
    display: block;
}
body[class*="product-product"] .faq-section-2025 .faq-card .faq-answer h5.cevapsatici p {
    margin: 6px 0 0 !important;
    font-size: 13px !important;
    color: #1E0D18 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    line-height: 1.5 !important;
    font-weight: 500;
}
/* "Satıcı:" etiketi */
body[class*="product-product"] .faq-section-2025 .faq-card .faq-answer strong.satici {
    background: transparent !important;
    color: #6E2D22 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 0 !important;
    border-radius: 0 !important;
    margin: 0 4px 0 0 !important;
    box-shadow: none !important;
    display: inline-block;
}
body[class*="product-product"] .faq-section-2025 .faq-card .faq-answer strong.satici::before {
    content: "\f007";
    font-family: FontAwesome !important;
    font-size: 11px;
    margin-right: 4px;
    color: #B87333;
    font-weight: normal;
}
/* Mağaza adı */
body[class*="product-product"] .faq-section-2025 .faq-card .faq-answer strong.saticiadi {
    color: #B87333 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .3px;
    text-transform: none !important;
    margin-right: 6px !important;
}
/* "mağazanın cevabı" alt etiketi */
body[class*="product-product"] .faq-section-2025 .faq-card .faq-answer .cevap-etiket {
    display: inline-block;
    font-size: 10.5px !important;
    color: #999 !important;
    font-style: italic;
    letter-spacing: .3px;
    font-weight: 500;
}
body[class*="product-product"] .faq-section-2025 .faq-card .faq-answer .faq-answer-text {
    margin-top: 8px !important;
    font-size: 13px !important;
    color: #1E0D18 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    font-weight: 500;
}
body[class*="product-product"] .faq-section-2025 .faq-card .faq-answer .anonimad {
    color: #1E0D18 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}
/* Ürün adı başlığı (sehpa adı) */
body[class*="product-product"] .faq-section-2025 .faq-section > h3.faq-title {
    font-family: 'Rubik', sans-serif;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #6E2D22 !important;
    margin: 4px 0 14px !important;
    padding: 6px 12px !important;
    background: rgba(212,130,106,.10);
    border-radius: 18px;
    display: inline-block;
    border: 1px dashed rgba(184,115,51,.4);
    letter-spacing: .3px;
}
body[class*="product-product"] .faq-section-2025 .faq-section > h3.faq-title::before {
    content: "\f02e";
    font-family: FontAwesome !important;
    margin-right: 6px;
    color: #B87333;
}
/* Swiper pagination ve buttonlar Bohem */
body[class*="product-product"] .faq-section-2025 .faq-swiper .swiper-pagination-bullet {
    background: #1E0D18;
    opacity: .25;
    width: 8px; height: 8px;
}
body[class*="product-product"] .faq-section-2025 .faq-swiper .swiper-pagination-bullet-active {
    background: #B87333;
    opacity: 1;
    width: 22px;
    border-radius: 4px;
}
body[class*="product-product"] .faq-section-2025 .faq-swiper .swiper-button-prev,
body[class*="product-product"] .faq-section-2025 .faq-swiper .swiper-button-next {
    color: #6E2D22;
    background: #FDF6E3;
    width: 36px; height: 36px;
    border-radius: 50%;
    border: 1.5px solid #B87333;
    box-shadow: 0 3px 8px rgba(30,13,24,.15);
    margin-top: -18px;
}
body[class*="product-product"] .faq-section-2025 .faq-swiper .swiper-button-prev:after,
body[class*="product-product"] .faq-section-2025 .faq-swiper .swiper-button-next:after {
    font-size: 14px;
    font-weight: 800;
}
body[class*="product-product"] .faq-section-2025 .faq-swiper .swiper-button-prev:hover,
body[class*="product-product"] .faq-section-2025 .faq-swiper .swiper-button-next:hover {
    background: #B87333;
    color: #FDF6E3;
}
body[class*="product-product"] .faq-section-2025 .btn.btn-primary {
    background: #B87333 !important;
    border: 0; border-radius: 22px;
    padding: 10px 22px;
    font-weight: 700; text-transform: uppercase;
    letter-spacing: .3px;
}
body[class*="product-product"] .faq-section-2025 .btn.btn-primary:hover { background: #6E2D22 !important; }

/* Tab içerik — taşmayı engelle */
body[class*="product-product"] .tab-content,
body[class*="product-product"] .tab-pane {
    max-width: 100%;
    overflow-x: hidden;
}

/* Sayfa geneli yatay scroll engelle */
body[class*="product-product"] { overflow-x: hidden; }

/* ============================================================
   Bohemart — DOĞRU parent (#content) üzerinden sıralama
   Tüm bu bölümler #content'in DIRECT child'ları:
   .product-details, .faq-section-2025, h3.faq-title2005, .rvw-wrap, .product-info-details-more
   ============================================================ */
body[class*="product-product"] #content {
    display: flex;
    flex-direction: column;
}
body[class*="product-product"] #content > * {
    flex-basis: auto;
    max-width: 100%;
    min-width: 0;
}

body[class*="product-product"] #content > .product-details            { order: 1; }
body[class*="product-product"] #content > .product-info-details-more  { order: 2; margin-top: 28px; }
body[class*="product-product"] #content > h3.faq-title2005            { order: 3; margin-top: 28px; margin-bottom: 0; }
body[class*="product-product"] #content > .rvw-wrap                   { order: 4; }
body[class*="product-product"] #content > .faq-section-2025           { order: 5; margin-top: 28px; }

/* Önceki .product-details > ... order kuralları geçersiz kılınsın (.row tek child kalsın) */
body[class*="product-product"] .product-details {
    display: block !important;
}

/* ============================================================
   Bohemart — #content child'ların kesin tam genişlik garanti
   (flex column'da bazı child'lar dar veya sağa kayabiliyordu)
   ============================================================ */
body[class*="product-product"] #content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}
body[class*="product-product"] #content > * {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto;
    align-self: stretch;
    float: none !important;
    position: relative !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

/* Tab paneli — gözüktüğü gibi block tam genişlik */
body[class*="product-product"] #content > .product-info-details-more {
    width: 100% !important;
    display: block;
    clear: both;
}
body[class*="product-product"] .product-info-details-more > .inner {
    width: 100%;
    max-width: 100%;
}

/* Plaza .product-info-details-more için varsa stock CSS override */
body[class*="product-product"] .product-info-details-more {
    float: none !important;
    position: static !important;
    margin: 28px 0 0 !important;
}

/* "Ürün Değerlendirme" + rvw-wrap — float yok, tam genişlik */
body[class*="product-product"] #content > h3.faq-title2005,
body[class*="product-product"] #content > .rvw-wrap,
body[class*="product-product"] #content > .faq-section-2025 {
    float: none !important;
    clear: both;
    display: block;
}

/* h3.faq-title2005 inline style display:flex'i nötralize et */
body[class*="product-product"] #content > h3.faq-title2005 {
    display: block !important;
    margin-left: 0 !important;
}
body[class*="product-product"] .faq-section-2025 > h3.faq-title2005 {
    display: block !important;
    margin-left: 0 !important;
}

/* .row inside product-details için negative margin'ları normalize */
body[class*="product-product"] .product-details .row {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    flex-wrap: wrap;
    width: auto;
}
body[class*="product-product"] .product-details .row > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    float: none !important;
}

/* ============================================================
   Bohemart — Sayfa içi YENİ sıralama (kullanıcı talep)
   1) Ürün detay (resim+bilgi)  2) Ürün Soru Cevap
   3) Ürün Değerlendirme         4) Ürün Açıklamaları (Tabs)
   ============================================================ */
body[class*="product-product"] #content > .product-details            { order: 1 !important; }
body[class*="product-product"] #content > .faq-section-2025           { order: 2 !important; margin-top: 28px; }
body[class*="product-product"] #content > h3.faq-title2005            { order: 3 !important; margin-top: 28px; }
body[class*="product-product"] #content > .rvw-wrap                   { order: 3 !important; }
body[class*="product-product"] #content > .product-info-details-more  { order: 4 !important; margin-top: 28px; }

/* Sol kolona taşınan renk seçenekleri bloğu */
body[class*="product-product"] .product-image-details .bm-variants-block {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px dashed rgba(184,115,51,.3);
}
body[class*="product-product"] .product-image-details .bm-variants-block .urunvaryantad {
    margin-top: 0;
}

/* ============================================================
   Renk seçenekleri sol kolonda — her sırada 4 adet grid
   ============================================================ */
body[class*="product-product"] .product-image-details .bm-variants-block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px dashed rgba(184,115,51,.3);
}
body[class*="product-product"] .product-image-details .bm-variants-block .urunvaryantad {
    grid-column: 1 / -1;  /* tam genişlik */
    margin: 0 0 6px;
}
body[class*="product-product"] .product-image-details .bm-variants-block a.product_variants {
    width: 100% !important;
    margin: 0 !important;
    padding: 6px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}
body[class*="product-product"] .product-image-details .bm-variants-block a.product_variants img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover !important;
    border-radius: 6px !important;
}
body[class*="product-product"] .product-image-details .bm-variants-block .bm-variant__name {
    margin-top: 6px;
    font-size: 10px;
    max-width: 100%;
}

/* Mobil — 3 sütun */
@media (max-width: 480px) {
    body[class*="product-product"] .product-image-details .bm-variants-block {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ============================================================
   Ürün Karşılaştır sayfası — yazı üst üste binme + ikon kuvvetlendirme
   ============================================================ */
body.product-compare,
body[class*="product-compare"] {
    background: #ffffff;
}
body[class*="product-compare"] #product-compare {
    background: #ffffff;
    padding-top: 16px;
}
body[class*="product-compare"] .breadcrumbs {
    background: #FFFFFF !important;
    border: 0 !important;
    margin-bottom: 6px !important;
}
body[class*="product-compare"] .breadcrumbs h1 {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* Heading büyük + ayraç */
body[class*="product-compare"] .bm-cmp__heading {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #1E0D18 !important;
    margin: 14px 0 24px !important;
    padding: 0 0 14px 16px !important;
    border-left: 4px solid #B87333 !important;
    line-height: 1.2 !important;
}

/* Öneri carousel — bohem kart palette */
body[class*="product-compare"] .bm-cmp-rec {
    background: #FDF6E3 !important;
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 12px;
    padding: 18px;
    margin: 0 0 28px;
}
body[class*="product-compare"] .bm-cmp-rec__title {
    color: #1E0D18 !important;
    font-size: 18px;
}
body[class*="product-compare"] .bm-cmp-rec__title i.fa { color: #B87333; }

/* Tablo — temizlik */
body[class*="product-compare"] .bm-cmp-table {
    width: 100% !important;
    table-layout: auto;
    background: #fff !important;
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 10px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 30px;
}
body[class*="product-compare"] .bm-cmp-table thead td {
    background: #6E2D22 !important;
    color: #FDF6E3 !important;
    padding: 12px 14px;
    text-transform: uppercase; letter-spacing: .5px;
    font-weight: 700; font-size: 13px;
}
body[class*="product-compare"] .bm-cmp-table tbody td {
    padding: 14px !important;
    vertical-align: top;
    border-top: 1px solid rgba(184,115,51,.15);
    color: #1E0D18;
    line-height: 1.5;
}
body[class*="product-compare"] .bm-cmp-table tbody tr:nth-child(odd) td {
    background: #FDF6E3;
}
body[class*="product-compare"] .bm-cmp-table tbody tr td:first-child {
    background: #F5ECD7 !important;
    font-weight: 700;
    color: #6E2D22;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 11px;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
}
body[class*="product-compare"] .bm-cmp-name a {
    color: #1E0D18; font-size: 15px; font-weight: 700;
    text-decoration: none;
    display: block; line-height: 1.4;
}
body[class*="product-compare"] .bm-cmp-name a:hover { color: #B87333; }
body[class*="product-compare"] .bm-cmp-img img {
    max-width: 160px;
    height: auto;
    border-radius: 6px;
    border: 1px solid rgba(184,115,51,.2);
    display: block;
    margin: 0 auto;
}
body[class*="product-compare"] .bm-cmp-price-new {
    color: #6E2D22; font-weight: 700; font-size: 18px;
    display: inline-block;
}
body[class*="product-compare"] .bm-cmp-price-old {
    color: #999; text-decoration: line-through; font-size: 13px;
    display: inline-block; margin-right: 6px;
}

/* Aksiyon butonları — dikey stack net, ikon görünür */
body[class*="product-compare"] .bm-cmp-actions {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
}
body[class*="product-compare"] .bm-cmp-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    border-radius: 22px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.2;
    transition: background .15s, color .15s, transform .1s;
    width: 100%;
    box-sizing: border-box;
}
body[class*="product-compare"] .bm-cmp-btn i.fa {
    font-size: 13px;
    margin-right: 2px;
    display: inline-block !important;
    font-family: FontAwesome !important;
    line-height: 1;
}
body[class*="product-compare"] .bm-cmp-btn--cart {
    background: #6E2D22 !important;
    color: #FDF6E3 !important;
}
body[class*="product-compare"] .bm-cmp-btn--cart:hover {
    background: #B87333 !important;
    transform: translateY(-1px);
}
body[class*="product-compare"] .bm-cmp-btn--remove {
    background: transparent !important;
    color: #6E2D22 !important;
    border: 1.5px solid #6E2D22 !important;
}
body[class*="product-compare"] .bm-cmp-btn--remove:hover {
    background: #6E2D22 !important;
    color: #FDF6E3 !important;
    text-decoration: none;
}

/* Yıldızlar */
body[class*="product-compare"] .bm-cmp-table .fa-star,
body[class*="product-compare"] .bm-cmp-table .fa-star-o {
    color: #B87333 !important;
    font-size: 12px;
    display: inline-block;
    font-family: FontAwesome !important;
}

/* Mobilde tablo yatay scroll */
body[class*="product-compare"] .bm-cmp-table-wrap,
body[class*="product-compare"] #content > div[style*="overflow-x"] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
    body[class*="product-compare"] .bm-cmp-table tbody td { min-width: 160px; padding: 10px !important; }
    body[class*="product-compare"] .bm-cmp__heading { font-size: 24px !important; }
}

/* ============================================================
   Karşılaştır — aksiyon butonları yazı üst üste binmesin
   ============================================================ */
body[class*="product-compare"] .bm-cmp-actions {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
    width: 100%;
    min-width: 0;
}
body[class*="product-compare"] .bm-cmp-btn {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px !important;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 1.3 !important;
    text-transform: uppercase;
    letter-spacing: .3px;
    border-radius: 22px;
    border: 1.5px solid transparent;
    cursor: pointer;
    text-decoration: none;
    transition: background .15s, color .15s;
    width: 100%;
    box-sizing: border-box;
    min-height: 40px;
    text-align: center;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}
body[class*="product-compare"] .bm-cmp-btn i.fa {
    flex-shrink: 0;
    font-size: 12px;
    margin: 0;
    line-height: 1;
    font-family: FontAwesome !important;
    display: inline-block !important;
    vertical-align: middle;
}
body[class*="product-compare"] .bm-cmp-btn--cart {
    background: #6E2D22 !important;
    color: #FDF6E3 !important;
    border-color: #6E2D22 !important;
}
body[class*="product-compare"] .bm-cmp-btn--cart:hover {
    background: #B87333 !important;
    border-color: #B87333 !important;
}
body[class*="product-compare"] .bm-cmp-btn--remove {
    background: transparent !important;
    color: #6E2D22 !important;
    border-color: #6E2D22 !important;
}
body[class*="product-compare"] .bm-cmp-btn--remove:hover {
    background: #6E2D22 !important;
    color: #FDF6E3 !important;
    text-decoration: none !important;
}

/* Aksiyon hücresi minimum genişlik — buton sıkışmasın */
body[class*="product-compare"] .bm-cmp-table tbody tr:last-child td {
    min-width: 170px;
    padding: 14px 10px !important;
    vertical-align: top;
}

/* Plaza/Bootstrap'tan miras .btn class'ı ezilsin */
body[class*="product-compare"] .bm-cmp-btn,
body[class*="product-compare"] .bm-cmp-btn.btn,
body[class*="product-compare"] button.bm-cmp-btn,
body[class*="product-compare"] a.bm-cmp-btn {
    background-image: none !important;
    box-shadow: none !important;
}

/* ============================================================
   Ürün detay — Wishlist + Karşılaştır: ikon-only, aralıklı
   Text gizlenir, FontAwesome ikon ::before olarak gösterilir.
   ============================================================ */
body[class*="product-product"] .btn-wishlist,
body[class*="product-product"] .btn-compare,
body[class*="product-product"] button[onclick*="wishlist.add"],
body[class*="product-product"] button[onclick*="compare.add"] {
    /* text'i gizle (yazılar üst üste binmesin) */
    font-size: 0 !important;
    color: transparent !important;
    /* yuvarlak ikon kutusu */
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1.5px solid #B87333 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    /* aralık */
    margin: 0 8px 0 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    cursor: pointer;
    transition: background .15s, color .15s, transform .1s, border-color .15s;
    line-height: 1;
}
body[class*="product-product"] .btn-wishlist > span,
body[class*="product-product"] .btn-compare > span,
body[class*="product-product"] button[onclick*="wishlist.add"] > span,
body[class*="product-product"] button[onclick*="compare.add"] > span {
    display: none !important;
}

/* Wishlist ikonu — kalp */
body[class*="product-product"] .btn-wishlist::before,
body[class*="product-product"] button[onclick*="wishlist.add"]::before {
    content: "\f08a";   /* fa-heart-o */
    font-family: FontAwesome !important;
    font-size: 18px !important;
    color: #6E2D22 !important;
    line-height: 1;
    transition: color .15s;
}

/* Compare ikonu — exchange */
body[class*="product-product"] .btn-compare::before,
body[class*="product-product"] button[onclick*="compare.add"]::before {
    content: "\f0ec";   /* fa-exchange */
    font-family: FontAwesome !important;
    font-size: 16px !important;
    color: #6E2D22 !important;
    line-height: 1;
    transition: color .15s;
}

/* Hover — bakır dolu */
body[class*="product-product"] .btn-wishlist:hover,
body[class*="product-product"] .btn-compare:hover,
body[class*="product-product"] button[onclick*="wishlist.add"]:hover,
body[class*="product-product"] button[onclick*="compare.add"]:hover {
    background: #B87333 !important;
    border-color: #B87333 !important;
    transform: translateY(-2px);
}
body[class*="product-product"] .btn-wishlist:hover::before,
body[class*="product-product"] .btn-compare:hover::before,
body[class*="product-product"] button[onclick*="wishlist.add"]:hover::before,
body[click*="compare.add"]:hover::before {
    color: #FDF6E3 !important;
}

/* btn-group container — flex aralıklı */
body[class*="product-product"] #product .btn-group {
    display: inline-flex !important;
    gap: 10px;
    margin-left: 12px;
    vertical-align: middle;
    background: transparent !important;
    border: 0 !important;
}
body[class*="product-product"] #product .btn-group > .btn {
    border-radius: 50% !important;
    margin: 0 !important;
}

/* ============================================================
   Ürün detay — sağ kolon temiz hizalama
   Sorun: Sepete Ekle + Wishlist + Karşılaştır + Satıcıya Sorun
   birbirine giriyor / üst üste biniyor. Flex ile düzelt.
   ============================================================ */

/* Adet + Sepete Ekle + ikonlar — tek satırda flex hizalı */
body[class*="product-product"] #product .form-group {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
    margin: 20px 0 8px;
    padding: 0;
    border: 0;
}
body[class*="product-product"] #product .form-group > label[for="input-quantity"] {
    flex: 0 0 100%;
    margin: 0 0 6px;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #6E2D22 !important;
    letter-spacing: .5px;
    padding: 0 !important;
}
body[class*="product-product"] #input-quantity {
    flex: 0 0 70px !important;
    width: 70px !important;
    height: 50px !important;
    padding: 8px !important;
    font-size: 16px !important;
    text-align: center;
    border: 1.5px solid rgba(184,115,51,.3) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-sizing: border-box;
}
body[class*="product-product"] #button-cart {
    flex: 1 1 auto !important;
    min-width: 180px;
    height: 50px;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    padding: 0 24px !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%) !important;
    color: #FDF6E3 !important;
    border: 0 !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 14px rgba(110,45,34,.25);
    transition: transform .15s, box-shadow .15s;
}
body[class*="product-product"] #button-cart:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(110,45,34,.4);
}
body[class*="product-product"] #button-cart::before {
    font-family: FontAwesome;
    content: "\f07a";
    font-size: 16px;
}

/* Wishlist + Compare yuvarlak ikon butonlar — Sepete Ekle'nin SAĞINDA flex item */
body[class*="product-product"] #product .form-group .btn-group {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0;
    background: transparent !important;
    border: 0;
    align-items: stretch;
}
body[class*="product-product"] #product .form-group .btn-group > .btn-wishlist,
body[class*="product-product"] #product .form-group .btn-group > .btn-compare {
    height: 50px !important;
    width: 50px !important;
    flex: 0 0 50px;
    margin: 0 !important;
}

/* Diğer ürün bilgileri arasında margin */
body[class*="product-product"] .product-info-details .list-unstyled + #product { margin-top: 18px; }
body[class*="product-product"] #product { margin-bottom: 18px; }

/* Satıcı bilgisi (Satıcı:, fw700, fw701, fw703 Satıcıya Sorun) — ayrı krem kart */
body[class*="product-product"] .product-info-details strong.fw700,
body[class*="product-product"] .product-info-details strong.fw701,
body[class*="product-product"] .product-info-details strong.fw703 {
    display: inline-block;
    margin-right: 8px;
}
body[class*="product-product"] .product-info-details a.rop_btn,
body[class*="product-product"] .product-info-details a.btn-rop-enquiry {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    background: #B87333 !important;
    color: #FDF6E3 !important;
    border: 0 !important;
    border-radius: 22px !important;
    padding: 8px 16px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-decoration: none !important;
    width: auto !important;
    margin: 12px 0 0 !important;
    transition: background .15s, transform .15s;
}
body[class*="product-product"] .product-info-details a.rop_btn::before,
body[class*="product-product"] .product-info-details a.btn-rop-enquiry::before {
    font-family: FontAwesome;
    content: "\f0e6";  /* fa-comments-o */
    margin-right: 4px;
    font-size: 13px;
}
body[class*="product-product"] .product-info-details a.rop_btn:hover,
body[class*="product-product"] .product-info-details a.btn-rop-enquiry:hover {
    background: #6E2D22 !important;
    color: #FDF6E3 !important;
    transform: translateY(-1px);
    text-decoration: none !important;
}

/* product-cargo-info kutusu UL'den ayrılsın net */
body[class*="product-product"] .product-cargo-info {
    display: block !important;
    margin: 14px 0 !important;
    clear: both;
}

/* Satıcı bilgisi etrafı — krem kart sarmak için her ürünün cevapsatici p'sini grupla */
body[class*="product-product"] .product-info-details > .inner > p,
body[class*="product-product"] .product-info-details > .inner {
    position: relative;
}

/* Yuvarlak wishlist/compare butonu önceki tek yer overrides update */
body[class*="product-product"] .btn-wishlist,
body[class*="product-product"] .btn-compare {
    width: 50px !important;
    height: 50px !important;
}

/* ============================================================
   SONUNCU OVERRIDE — Wishlist + Karşılaştır
   Önceki kurallar yetersizdi. En spesifik ve sondaki kural.
   ============================================================ */
body[class*="product-product"] button.btn-wishlist,
body[class*="product-product"] button.btn-compare,
html body[class*="product-product"] #product button.btn.btn-default.btn-wishlist,
html body[class*="product-product"] #product button.btn.btn-default.btn-compare {
    font-size: 0 !important;
    color: transparent !important;
    text-indent: 0;
    line-height: 0;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1.5px solid #B87333 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle;
    position: relative;
    overflow: visible;
}

/* ::before ikon — KESİN font-size + color */
html body[class*="product-product"] button.btn-wishlist::before {
    content: "\f08a" !important;   /* fa-heart-o */
    font-family: "FontAwesome" !important;
    font-size: 18px !important;
    color: #6E2D22 !important;
    font-weight: normal !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    display: inline-block !important;
    -webkit-font-smoothing: antialiased;
}
html body[class*="product-product"] button.btn-compare::before {
    content: "\f0ec" !important;   /* fa-exchange */
    font-family: "FontAwesome" !important;
    font-size: 16px !important;
    color: #6E2D22 !important;
    font-weight: normal !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    display: inline-block !important;
    -webkit-font-smoothing: antialiased;
}

/* Hover */
html body[class*="product-product"] button.btn-wishlist:hover,
html body[class*="product-product"] button.btn-compare:hover {
    background: #B87333 !important;
    border-color: #B87333 !important;
    transform: translateY(-2px);
}
html body[class*="product-product"] button.btn-wishlist:hover::before,
html body[class*="product-product"] button.btn-compare:hover::before {
    color: #FDF6E3 !important;
}

/* Tooltip için title attribute'un native browser tooltip'i yeterli, ama 
   ek olarak yumuşak label gösterebilmek için ::after kullanılabilir */
html body[class*="product-product"] button.btn-wishlist::after,
html body[class*="product-product"] button.btn-compare::after {
    content: attr(title);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: #1E0D18;
    color: #FDF6E3;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 6px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s;
    z-index: 100;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    letter-spacing: .3px;
    text-indent: 0;
}
html body[class*="product-product"] button.btn-wishlist:hover::after,
html body[class*="product-product"] button.btn-compare:hover::after {
    opacity: 1;
}

/* ============================================================
   Wishlist/Karşılaştır — ikon merkezleme + tooltip rengi
   ============================================================ */
html body[class*="product-product"] button.btn-wishlist,
html body[class*="product-product"] button.btn-compare {
    /* line-height önemli — ikonun dikey ortalama için */
    line-height: 50px !important;
    text-indent: 0 !important;
    overflow: visible;
}
html body[class*="product-product"] button.btn-wishlist::before,
html body[class*="product-product"] button.btn-compare::before {
    line-height: 1 !important;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

/* Tooltip — krem bg + kahverengi yazı */
html body[class*="product-product"] button.btn-wishlist::after,
html body[class*="product-product"] button.btn-compare::after {
    background: #FDF6E3 !important;
    color: #6E2D22 !important;
    border: 1px solid #B87333;
    box-shadow: 0 2px 8px rgba(110,45,34,.15);
    font-weight: 700;
}

/* ============================================================
   Adet kutusu — +/- butonlar + sepete ekle ile hizalı
   ============================================================ */
body[class*="product-product"] #product .form-group {
    align-items: stretch !important;
}
body[class*="product-product"] .bm-qty-wrap {
    display: inline-flex !important;
    align-items: stretch;
    flex: 0 0 auto;
    height: 50px;
    border: 1.5px solid rgba(184,115,51,.4);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
body[class*="product-product"] .bm-qty-btn {
    background: #FDF6E3;
    color: #6E2D22;
    border: 0;
    width: 36px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s, color .15s;
    line-height: 1;
    padding: 0;
    user-select: none;
}
body[class*="product-product"] .bm-qty-btn:hover {
    background: #B87333;
    color: #FDF6E3;
}
body[class*="product-product"] .bm-qty-wrap #input-quantity {
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 100% !important;
    text-align: center;
    border: 0 !important;
    border-left: 1px solid rgba(184,115,51,.25) !important;
    border-right: 1px solid rgba(184,115,51,.25) !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700;
    color: #1E0D18;
    background: #fff;
}
body[class*="product-product"] .bm-qty-wrap #input-quantity:focus {
    box-shadow: none !important;
    outline: none !important;
}
/* Spinner arrows kaldır (Chrome/Firefox) */
body[class*="product-product"] .bm-qty-wrap #input-quantity::-webkit-outer-spin-button,
body[class*="product-product"] .bm-qty-wrap #input-quantity::-webkit-inner-spin-button {
    -webkit-appearance: none; margin: 0;
}
body[class*="product-product"] .bm-qty-wrap #input-quantity { -moz-appearance: textfield; }

/* ============================================================
   Adet etiketi sadece adet kutusunun üstünde olsun (tam genişlik değil)
   ============================================================ */
body[class*="product-product"] #product .form-group > label[for="input-quantity"] {
    flex: 0 0 auto !important;       /* tam genişlik değil */
    order: -1;
    align-self: flex-start;
    width: auto;
    margin: 0 0 6px;
}
/* Adet wrap'ını label ile aynı sütunda tut */
body[class*="product-product"] #product .form-group {
    flex-wrap: wrap;
}
body[class*="product-product"] .bm-qty-wrap {
    order: 1;
}
body[class*="product-product"] .bm-qty-wrap + #button-cart,
body[class*="product-product"] #button-cart {
    order: 2;
}
body[class*="product-product"] #product .form-group .btn-group {
    order: 3;
}
/* "Adet" label'ı sadece qty-wrap'ın üzerine grup açar — soldan başlasın, üst boşluk az */
body[class*="product-product"] #product .form-group {
    align-items: flex-end !important;
}
/* Yarat: label inline-block kutu olarak qty üzerine yerleşsin */
body[class*="product-product"] #product .form-group::before {
    content: "";
    display: block;
    flex: 0 0 100%;
    height: 0;
}
/* Label'ı qty üstüne flex column içinde grupla — ek wrap div ile */
body[class*="product-product"] .bm-qty-group {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
body[class*="product-product"] .bm-qty-group > label {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #6E2D22;
    text-transform: uppercase;
    letter-spacing: .5px;
}

/* ============================================================
   Ana ürün fotoğrafı çerçeveyi TAM doldursun + ek resimler grid uyumlu
   ============================================================ */
body[class*="product-product"] .product-image-details .thumbnails {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
body[class*="product-product"] .product-image-details .thumbnails > li:first-child {
    grid-column: 1 / -1;        /* tam genişlik */
    aspect-ratio: 720 / 538;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid rgba(184,115,51,.3);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}
body[class*="product-product"] .product-image-details .thumbnails > li:first-child a,
body[class*="product-product"] .product-image-details .thumbnails > li:first-child img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;   /* çerçeveyi TAM doldur */
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Ek resimler — renk seçenekleri ile AYNI boyut */
body[class*="product-product"] .product-image-details .thumbnails > li.image-additional {
    aspect-ratio: 1 / 1;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid rgba(184,115,51,.25);
    border-radius: 8px;
    overflow: hidden;
    transition: transform .2s, border-color .2s, box-shadow .2s;
}
body[class*="product-product"] .product-image-details .thumbnails > li.image-additional a,
body[class*="product-product"] .product-image-details .thumbnails > li.image-additional img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
body[class*="product-product"] .product-image-details .thumbnails > li.image-additional:hover {
    transform: translateY(-2px);
    border-color: #B87333;
    box-shadow: 0 4px 12px rgba(184,115,51,.2);
}

/* ============================================================
   Adet etiketi qty kutusunun TAM ÜSTÜNDE — CSS-only çözüm
   JS grup'lamasına gerek olmadan flex-wrap + order ile yerleşim:
   sırasıyla [label] [break] [qty][cart][btn-group]
   ============================================================ */
body[class*="product-product"] #product .form-group {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 10px;
    margin: 20px 0;
}

/* Label sadece qty kadar genişlikte, yeni satır oluşturmaz —
   önce label gelsin (order: 1), sonra zorunlu satır kırma, sonra alt elemanlar. */
body[class*="product-product"] #product .form-group > label[for="input-quantity"] {
    order: 1;
    flex: 0 0 auto !important;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #6E2D22 !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    align-self: flex-end;
    /* Sadece qty kadar geniş: 50+56+50 = 156px (yaklaşık) */
    min-width: 156px;
    text-align: left;
}

/* Label'dan sonra forced line break — flex-wrap için 100% width invisible */
body[class*="product-product"] #product .form-group::after {
    content: "";
    order: 2;
    flex: 0 0 100%;
    width: 100%;
    height: 0;
    margin: 0;
}

/* Adet kutusu hemen label altında (order:3) */
body[class*="product-product"] .bm-qty-wrap {
    order: 3 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}
/* Sepete Ekle qty'in sağında */
body[class*="product-product"] #button-cart {
    order: 4 !important;
    flex: 1 1 auto !important;
}
/* Wishlist/Compare en sağda */
body[class*="product-product"] #product .form-group .btn-group {
    order: 5 !important;
    flex: 0 0 auto !important;
}

/* hidden product_id input ve diğer hidden alanlar order'ı bozmasın */
body[class*="product-product"] #product .form-group > input[type="hidden"] {
    order: 99;
    flex: 0 0 0;
    width: 0;
    height: 0;
    display: none;
}

/* bm-qty-group eski stilini sıfırla (JS bunu artık eklemese de zarar vermez) */
body[class*="product-product"] .bm-qty-group {
    display: contents;
}

/* ============================================================
   Mağaza bilgisi (seller card) Sepete Ekle ALTINDA olsun
   Şu an: bm-seller-card, bm-carrier-card, bm-shipping-card hepsi
   <ul.list-unstyled> ile <div#product> arasında. Onları #product
   altına flex order ile taşı.
   ============================================================ */
body[class*="product-product"] .product-info-details > .inner {
    display: flex;
    flex-direction: column;
}
body[class*="product-product"] .product-info-details > .inner > h1 { order: 1; }
body[class*="product-product"] .product-info-details > .inner > .price { order: 2; }
body[class*="product-product"] .product-info-details > .inner > .text-countdown,
body[class*="product-product"] .product-info-details > .inner > .countdown-box { order: 3; }
body[class*="product-product"] .product-info-details > .inner > ul.list-unstyled { order: 4; }
body[class*="product-product"] .product-info-details > .inner > #product { order: 5; }   /* Sepete Ekle */
body[class*="product-product"] .product-info-details > .inner > .bm-carrier-card { order: 6; }
body[class*="product-product"] .product-info-details > .inner > .bm-shipping-card { order: 7; }
body[class*="product-product"] .product-info-details > .inner > .bm-seller-card { order: 8; }
/* Diğer elementler en sona */
body[class*="product-product"] .product-info-details > .inner > * { flex: 0 0 auto; }

/* "Satıcıya Sorun" butonu Bohem stil — palet renkleri */
body[class*="product-product"] .bm-seller-card .rop_btn,
body[class*="product-product"] .bm-seller-card .btn-rop-enquiry {
    background: #B87333 !important;
    color: #FDF6E3 !important;
    border: 0 !important;
}
body[class*="product-product"] .bm-seller-card .rop_btn:hover,
body[class*="product-product"] .bm-seller-card .btn-rop-enquiry:hover {
    background: #6E2D22 !important;
}

/* Ürün soru-cevap butonu — daha büyük ve tam Bohem stil */
body[class*="product-product"] .faq-section-2025 .btn.btn-primary,
body[class*="product-product"] .faq-section-2025 button.btn-primary {
    background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%) !important;
    color: #FDF6E3 !important;
    border: 0 !important;
    border-radius: 26px !important;
    padding: 14px 28px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 14px rgba(110,45,34,.25);
    cursor: pointer;
    transition: transform .15s, box-shadow .15s;
    margin: 14px 0;
    min-width: 220px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
body[class*="product-product"] .faq-section-2025 .btn.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(110,45,34,.4);
    background: linear-gradient(135deg, #B87333 0%, #6E2D22 100%) !important;
}
body[class*="product-product"] .faq-section-2025 .btn.btn-primary::before {
    font-family: FontAwesome;
    content: "\f075";  /* fa-comment */
    margin-right: 4px;
}

/* Kargo süresi badge'leri (Hızlı Kargo / Yarın Yolda) */
body[class*="product-product"] .bm-carrier-card .bm-cargo-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 22px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .7px;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(30,13,24,.18);
}
body[class*="product-product"] .bm-carrier-card .bm-cargo-badge--fast {
    background: linear-gradient(135deg, #6E2D22 0%, #B87333 100%);
    color: #FDF6E3;
    animation: bm-pulse 2.4s ease-in-out infinite;
}
body[class*="product-product"] .bm-carrier-card .bm-cargo-badge--tomorrow {
    background: #B87333;
    color: #FDF6E3;
}
body[class*="product-product"] .bm-carrier-card .bm-cargo-badge i {
    font-size: 13px;
}
@keyframes bm-pulse {
    0%, 100% { box-shadow: 0 2px 6px rgba(30,13,24,.18); }
    50%      { box-shadow: 0 2px 14px rgba(184,115,51,.55); }
}

/* Carrier kartı içindeki konum seç butonu hover */
body[class*="product-product"] .bm-carrier-card #open-delivery-modal:hover {
    background: #B87333 !important;
    color: #FDF6E3 !important;
    border-color: #B87333 !important;
}

/* Konum seçim modal'ı — Bohem palette */
.bm-delivery-modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 10001;
}
.bm-delivery-modal.show { display: block; }
.bm-delivery-modal .ms-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(30,13,24,.78);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.bm-delivery-modal .ms-modal__card {
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: 8vh auto;
    background: linear-gradient(180deg, #FDF6E3 0%, #F5ECD7 100%);
    border: 1px solid #B87333;
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(30,13,24,.45);
    overflow: hidden;
    color: #1E0D18;
}
.bm-delivery-modal .ms-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 22px;
    background: transparent;
    border-bottom: 1px solid rgba(184,115,51,.3);
}
.bm-delivery-modal #ms-modal-title {
    color: #6E2D22;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .7px;
}
.bm-delivery-modal .ms-close {
    width: 32px; height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(184,115,51,.4);
    background: #FDF6E3;
    color: #1E0D18;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: background .15s, color .15s, transform .15s;
}
.bm-delivery-modal .ms-close:hover {
    background: #6E2D22;
    color: #FDF6E3;
    border-color: #6E2D22;
    transform: scale(1.05);
}
.bm-delivery-modal .ms-modal__body { padding: 18px 22px; }
.bm-delivery-modal .ms-row {
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 10px 0;
}
.bm-delivery-modal .ms-row label {
    width: 70px;
    color: #6E2D22;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.bm-delivery-modal .ms-select {
    flex: 1;
    background: #FFFFFF;
    border: 1.5px solid rgba(184,115,51,.4);
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 13px;
    color: #1E0D18;
    transition: border-color .15s, box-shadow .15s;
    height: auto;
}
.bm-delivery-modal .ms-select:focus {
    outline: none;
    border-color: #B87333;
    box-shadow: 0 0 0 3px rgba(184,115,51,.18);
}
.bm-delivery-modal .ms-hint {
    font-size: 11.5px;
    color: rgba(30,13,24,.65);
    margin-top: 10px;
    line-height: 1.5;
    font-style: italic;
}
.bm-delivery-modal .ms-modal__foot {
    padding: 14px 22px 20px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid rgba(184,115,51,.25);
}
.bm-delivery-modal .ms-btn {
    background: #B87333;
    color: #FDF6E3;
    border: 0;
    border-radius: 22px;
    padding: 10px 26px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(184,115,51,.3);
    transition: background .15s, transform .15s, box-shadow .15s;
}
.bm-delivery-modal .ms-btn:hover {
    background: #6E2D22;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(110,45,34,.35);
}

/* ETA sonuç görünümü */
body[class*="product-product"] .bm-carrier-card .bm-eta-pill {
    background: #6E2D22;
    color: #FDF6E3;
    padding: 2px 10px;
    border-radius: 12px;
    font-weight: 700;
    margin-left: 4px;
}
body[class*="product-product"] .bm-carrier-card .bm-eta-sub {
    color: rgba(30,13,24,.6);
    font-size: 11.5px;
}
body[class*="product-product"] .bm-carrier-card .bm-eta-loc {
    margin-top: 6px;
    color: #B87333;
    font-size: 12px;
    font-weight: 600;
}
body[class*="product-product"] .bm-carrier-card .bm-eta-loc i {
    margin-right: 4px;
}

/* Disabled select hafif gri */
.bm-delivery-modal .ms-select:disabled {
    background: #F0E8D4;
    color: #6E2D22;
    opacity: .6;
    cursor: not-allowed;
}

@media (max-width: 480px) {
    .bm-delivery-modal .ms-modal__card { margin: 12px; }
    .bm-delivery-modal .ms-row { flex-direction: column; align-items: stretch; gap: 4px; }
    .bm-delivery-modal .ms-row label { width: auto; }
}

/* ============================================================
   Ek resimler = Renk seçenekleri AYNI BOYUT
   Variants padding'i (6px) ek resimle eşitlemek için ek resime de wrap padding
   ============================================================ */
body[class*="product-product"] .product-image-details .thumbnails > li.image-additional {
    padding: 6px !important;
    border: 2px solid rgba(184,115,51,.25) !important;
    border-radius: 10px !important;
    box-sizing: border-box;
}
body[class*="product-product"] .product-image-details .thumbnails > li.image-additional img {
    border-radius: 6px !important;
}

/* Variant card padding kaldır — direkt cell genişliği kadar büyük resim */
body[class*="product-product"] .product-image-details .bm-variants-block a.product_variants {
    padding: 6px !important;
    border: 2px solid rgba(184,115,51,.25) !important;
    border-radius: 10px !important;
    box-sizing: border-box;
}

/* İkisi de aynı grid container — gap eşit */
body[class*="product-product"] .product-image-details .thumbnails,
body[class*="product-product"] .product-image-details .bm-variants-block {
    gap: 10px;
}

/* ============================================================
   Bohemart ürün detay — Swipe gallery
   (JS .thumbnails'i .bm-gallery-swiper + .bm-gallery-thumbs'a dönüştürür)
   ============================================================ */
body[class*="product-product"] .product-image-details ul.bm-thumbnails-hidden {
    display: none !important;
}
body[class*="product-product"] .bm-gallery-swiper {
    position: relative;
    width: 100%;
    background: #F5ECD7;
    border: 1px solid rgba(184,115,51,.3);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 12px;
    aspect-ratio: 720 / 538;
}
body[class*="product-product"] .bm-gallery-swiper .swiper-wrapper {
    height: 100% !important;
}
body[class*="product-product"] .bm-gallery-swiper .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    background: #F5ECD7;
    overflow: hidden;
}
body[class*="product-product"] .bm-gallery-swiper .swiper-slide > a {
    display: block;
    width: 100%;
    height: 100%;
}
body[class*="product-product"] .bm-gallery-swiper .swiper-slide img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    border-radius: 12px !important;
}
body[class*="product-product"] .bm-gallery-swiper .swiper-button-next,
body[class*="product-product"] .bm-gallery-swiper .swiper-button-prev {
    color: #1E0D18;
    background: rgba(253,246,227,.9);
    width: 38px; height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(184,115,51,.45);
    margin-top: -19px;
    box-shadow: 0 2px 6px rgba(30,13,24,.15);
    transition: background .15s, color .15s, border-color .15s;
}
body[class*="product-product"] .bm-gallery-swiper .swiper-button-next:hover,
body[class*="product-product"] .bm-gallery-swiper .swiper-button-prev:hover {
    background: #B87333;
    color: #FDF6E3;
    border-color: #B87333;
}
body[class*="product-product"] .bm-gallery-swiper .swiper-button-next:after,
body[class*="product-product"] .bm-gallery-swiper .swiper-button-prev:after {
    font-size: 15px; font-weight: 700;
}
body[class*="product-product"] .bm-gallery-swiper .swiper-pagination {
    bottom: 10px;
}
body[class*="product-product"] .bm-gallery-swiper .swiper-pagination-bullet {
    background: #1E0D18;
    opacity: .35;
    width: 8px; height: 8px;
}
body[class*="product-product"] .bm-gallery-swiper .swiper-pagination-bullet-active {
    background: #B87333;
    opacity: 1;
    width: 22px;
    border-radius: 4px;
}
body[class*="product-product"] .bm-gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 14px;
}
body[class*="product-product"] .bm-gallery-thumbs .bm-gallery-thumb {
    background: #FDF6E3;
    border: 2px solid rgba(184,115,51,.25);
    border-radius: 8px;
    padding: 0;
    cursor: pointer;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    transition: border-color .15s, transform .15s, box-shadow .15s;
    box-sizing: border-box;
}
body[class*="product-product"] .bm-gallery-thumbs .bm-gallery-thumb img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}
body[class*="product-product"] .bm-gallery-thumbs .bm-gallery-thumb:hover {
    border-color: #B87333;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(184,115,51,.2);
}
body[class*="product-product"] .bm-gallery-thumbs .bm-gallery-thumb.is-active {
    border-color: #B87333;
    box-shadow: 0 0 0 2px rgba(184,115,51,.25);
}

/* (AI Beyaz Fon badge'leri kaldırıldı — kullanıcı talebi: frontda işaret istemiyor.) */

/* In-page zoom lightbox — ana resme tıklayınca açılır, ESC kapatır */
body[class*="product-product"] .bm-gallery-swiper .swiper-slide {
    cursor: zoom-in;
}
.bm-zoom-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}
.bm-zoom-lightbox.is-open { display: flex; }
.bm-zoom-lightbox .bm-zoom-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(30,13,24,.85);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.bm-zoom-lightbox .bm-zoom-stage {
    position: relative;
    z-index: 1;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bm-zoom-lightbox .bm-zoom-img {
    display: block;
    /* Ana resim sayfada ~%50 col-sm-6 ≈ 480px görünür → %50 büyük = ~720px hedef.
       Viewport limitlerini aşmadan büyük göster. */
    width: min(90vw, 900px);
    height: auto;
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
    background: #F5ECD7;
}
@media (max-width: 600px) {
    .bm-zoom-lightbox .bm-zoom-img { width: 95vw; }
}
.bm-zoom-lightbox .bm-zoom-close,
.bm-zoom-lightbox .bm-zoom-prev,
.bm-zoom-lightbox .bm-zoom-next {
    position: absolute;
    z-index: 2;
    width: 48px; height: 48px;
    border-radius: 50%;
    border: 0;
    background: #FDF6E3;
    color: #1E0D18;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,.3);
    transition: background .15s, color .15s, transform .15s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bm-zoom-lightbox .bm-zoom-close { top: 18px; right: 18px; font-size: 28px; width: 44px; height: 44px; }
.bm-zoom-lightbox .bm-zoom-prev  { left: 18px; top: 50%; transform: translateY(-50%); }
.bm-zoom-lightbox .bm-zoom-next  { right: 18px; top: 50%; transform: translateY(-50%); }
.bm-zoom-lightbox .bm-zoom-close:hover,
.bm-zoom-lightbox .bm-zoom-prev:hover,
.bm-zoom-lightbox .bm-zoom-next:hover {
    background: #B87333;
    color: #FDF6E3;
}
.bm-zoom-lightbox .bm-zoom-prev:hover { transform: translateY(-50%) scale(1.08); }
.bm-zoom-lightbox .bm-zoom-next:hover { transform: translateY(-50%) scale(1.08); }
@media (max-width: 600px) {
    .bm-zoom-lightbox .bm-zoom-prev { left: 8px; }
    .bm-zoom-lightbox .bm-zoom-next { right: 8px; }
}

/* ============================================================
   Bohemart Satıcıya Sorun modal'ı — mevcut Bootstrap #seller-enquiry-link
   üzerine Bohem palette stilini bindir (markup OCMOD'dan geliyor)
   ============================================================ */
#seller-enquiry-link.modal { background: rgba(30,13,24,.78); }
#seller-enquiry-link .modal-dialog {
    margin-top: 60px;
    max-width: 540px;
}
#seller-enquiry-link .modal-content {
    background: linear-gradient(180deg, #FDF6E3 0%, #F5ECD7 100%) !important;
    border: 1px solid #B87333 !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 60px rgba(30,13,24,.45) !important;
    color: #1E0D18;
    overflow: hidden;
}
#seller-enquiry-link .modal-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(184,115,51,.3) !important;
    padding: 22px 28px 14px !important;
    position: relative;
}
#seller-enquiry-link .modal-header .modal-title,
#seller-enquiry-link .modal-title {
    color: #6E2D22 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin: 0;
}
#seller-enquiry-link .modal-header .close {
    position: absolute;
    top: 14px; right: 16px;
    width: 36px; height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(184,115,51,.4) !important;
    background: #FDF6E3 !important;
    color: #1E0D18 !important;
    font-size: 22px;
    line-height: 1;
    opacity: 1;
    text-shadow: none;
    transition: background .15s, color .15s, transform .15s;
    margin: 0;
    padding: 0;
}
#seller-enquiry-link .modal-header .close:hover {
    background: #6E2D22 !important;
    color: #FDF6E3 !important;
    border-color: #6E2D22 !important;
    transform: scale(1.05);
    opacity: 1;
}
#seller-enquiry-link .modal-body {
    padding: 22px 28px 18px !important;
    background: transparent !important;
}
#seller-enquiry-link .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#seller-enquiry-link .form-horizontal .control-label {
    color: #6E2D22 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: left !important;
    padding-top: 7px;
}
#seller-enquiry-link .form-group.required .control-label:after {
    content: " *";
    color: #B87333;
    font-weight: 700;
}
#seller-enquiry-link .form-control {
    background: #FFFFFF !important;
    border: 1.5px solid rgba(184,115,51,.4) !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    color: #1E0D18 !important;
    box-shadow: none !important;
    height: auto !important;
    transition: border-color .15s, box-shadow .15s !important;
}
#seller-enquiry-link .form-control:focus {
    border-color: #B87333 !important;
    box-shadow: 0 0 0 3px rgba(184,115,51,.18) !important;
    outline: none;
}
#seller-enquiry-link textarea.form-control {
    min-height: 110px;
    resize: vertical;
}
#seller-enquiry-link .form-control::placeholder { color: rgba(30,13,24,.4); }
#seller-enquiry-link .checkbox {
    background: rgba(184,115,51,.06);
    border: 1px solid rgba(184,115,51,.2);
    border-radius: 8px;
    padding: 10px 12px;
    margin-top: 0;
}
#seller-enquiry-link .checkbox label {
    color: #1E0D18;
    font-size: 11.5px;
    line-height: 1.55;
    font-weight: 400;
    padding-left: 26px;
    position: relative;
}
#seller-enquiry-link .checkbox input[type="checkbox"] {
    accent-color: #B87333;
    margin-left: -22px;
    margin-top: 3px;
}
#seller-enquiry-link .checkbox a {
    color: #B87333;
    text-decoration: underline;
    font-weight: 600;
}
#seller-enquiry-link .modal-footer {
    background: transparent !important;
    border-top: 1px solid rgba(184,115,51,.25) !important;
    padding: 14px 28px 22px !important;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}
#seller-enquiry-link .modal-footer .btn,
#seller-enquiry-link .modal-footer button {
    border: 0 !important;
    border-radius: 22px !important;
    padding: 10px 22px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    cursor: pointer;
    transition: background .15s, color .15s, transform .15s, box-shadow .15s !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}
#seller-enquiry-link .modal-footer .btn-success,
#seller-enquiry-link #btnSaveIt {
    background: #B87333 !important;
    color: #FDF6E3 !important;
    box-shadow: 0 4px 12px rgba(184,115,51,.3) !important;
}
#seller-enquiry-link .modal-footer .btn-success:hover,
#seller-enquiry-link #btnSaveIt:hover {
    background: #6E2D22 !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(110,45,34,.35) !important;
}
#seller-enquiry-link .modal-footer .btn-default {
    background: transparent !important;
    color: #6E2D22 !important;
    border: 1.5px solid rgba(110,45,34,.4) !important;
}
#seller-enquiry-link .modal-footer .btn-default:hover {
    background: #F5ECD7 !important;
    border-color: #6E2D22 !important;
}
#seller-enquiry-link label.error {
    color: #7A1D1D;
    font-size: 11px;
    font-weight: 600;
    margin-top: 4px;
    display: block;
}
#seller-enquiry-link input.error,
#seller-enquiry-link textarea.error {
    border-color: #C76C5F !important;
    background: #FFFAF9 !important;
}
@media (max-width: 480px) {
    #seller-enquiry-link .modal-dialog { margin: 12px; }
    #seller-enquiry-link .modal-body,
    #seller-enquiry-link .modal-header,
    #seller-enquiry-link .modal-footer { padding-left: 18px !important; padding-right: 18px !important; }
    #seller-enquiry-link .modal-footer { flex-direction: column-reverse; }
    #seller-enquiry-link .modal-footer .btn { width: 100%; }
}

/* ============================================================
   Ek resimler (image-additional) daha büyük — 2 sütun grid
   (her hücre daha geniş → resim daha iri)
   ============================================================ */
body[class*="product-product"] .product-image-details .thumbnails {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
}
body[class*="product-product"] .product-image-details .thumbnails > li:first-child {
    grid-column: 1 / -1 !important;  /* ana resim hala tam genişlik */
}
body[class*="product-product"] .product-image-details .thumbnails > li.image-additional {
    padding: 4px !important;
    border: 2px solid rgba(184,115,51,.3) !important;
    border-radius: 10px !important;
}

/* Mobilde de 2 sütun (zaten) */
@media (max-width: 480px) {
    body[class*="product-product"] .product-image-details .thumbnails {
        gap: 8px !important;
    }
}

/* ===== Bohemart: sayfa scrollbar görünür kalsın =====
   stylesheet.css'teki `body::-webkit-scrollbar{width:0}` kuralı scrollbar'ı
   tamamen gizliyordu (mouse wheel/orta tuş çalışıyor ama bar yok).
   Bohem paletinde ince bir scrollbar geri getiriyoruz. */
body::-webkit-scrollbar { width: 10px !important; background-color: transparent; }
body::-webkit-scrollbar-track { background-color: rgba(245, 236, 215, 0.4); }
body::-webkit-scrollbar-thumb { background-color: rgba(184, 115, 51, 0.5); border-radius: 10px; }
body::-webkit-scrollbar-thumb:hover { background-color: rgba(184, 115, 51, 0.85); }
/* Firefox */
html { scrollbar-width: thin; scrollbar-color: rgba(184,115,51,0.6) rgba(245,236,215,0.4); }