/* Genel başlık */
.brosur-head{
    display:flex; align-items:flex-end; justify-content:space-between;
    gap:12px; margin-bottom:12px;
  }
  .brosur-title{ font-size:20px; font-weight:900; letter-spacing:.01em; line-height:1.1; }
  .brosur-sub{ font-size:12px; opacity:.72; margin-top:4px; }
  
  /* Nav butonları */
  .brosur-nav{ display:flex; gap:8px; }
  .bnav-btn{
    width:40px; height:40px; border-radius:14px;
    border:1px solid rgba(0,0,0,.12);
    background:#fff;
    box-shadow:0 12px 26px rgba(0,0,0,.10);
    font-size:22px; font-weight:900; line-height:1;
    display:flex; align-items:center; justify-content:center;
    color:#111; user-select:none;
  }
  .bnav-btn:hover{ box-shadow:0 16px 32px rgba(0,0,0,.14); }
  .bnav-btn:disabled{ opacity:.35; cursor:not-allowed; box-shadow:none; }
  
  /* Slick satırları */
  .brosur-slick .slick-track{ display:flex; }
  .brosur-slick .slick-slide{ height:auto; }
  .brosur-slick .slick-slide > div{ height:100%; }
  
  /* Broşür kart (daha büyük, premium) */
  .bcard{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:18px;
    overflow:hidden;
    box-shadow: 0 14px 34px rgba(0,0,0,.08);
    transition: transform .18s ease, box-shadow .18s ease;
    height: 360px;
    font-family: var(--ana-font);
  }
  .bcard:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(0,0,0,.12);
  }
  
  /* İç düzen: solda görsel, sağda içerik */
  .brow{
    display:flex;
    height: 100%; 
    min-height:0;
  }
  
  /* Görsel alanı */
  .bmedia{
    position:relative;
    flex: 0 0 52%;
    display:block;
    background:#ffffff;
    border-right:1px solid rgba(0,0,0,.06);
    height: 100%;
  }

  .bmedia img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover; /* broşür hissi için cover daha iyi */
    object-position:center;
    transition: transform .28s ease;
    transform: scale(.95);
  }
  .bcard:hover .bmedia img{ transform: scale(1.04); }
  
  /* İndirim şeridi */
  .bribbon{
    position:absolute;
    top:14px; right:14px;
    width:54px; height:84px;
    border-radius:14px;
    background: linear-gradient(180deg, #ff3b30, #ff7a00);
    color:#fff;
    display:flex; flex-direction:column;
    align-items:center; justify-content:center;
    box-shadow: 0 14px 28px rgba(255,59,48,.22);
  }
  .bribbon span{ font-weight:900; font-size:16px; line-height:1; }
  .bribbon small{ margin-top:6px; font-size:10px; font-weight:800; opacity:.95; }
  
  /* Stok */
  .bstock{
    position:absolute; left:14px; bottom:14px;
    padding: 7px 12px;
    border-radius:999px;
    font-size:12px; font-weight:900;
    background: rgba(255,255,255,.92);
    border:1px solid rgba(0,0,0,.10);
    backdrop-filter: blur(6px);
  }
  .bstock.last{ background: rgba(255,230,230,.92); border-color: rgba(176,0,32,.18); color:#b00020; }
  .bstock.out{ color:#111; }
  
  /* İçerik alanı */
  .bcontent{
    flex: 1;
    padding: 18px 18px 16px;
    display:flex;
    flex-direction:column;
    gap:10px;
    height: 100%;
  }
  
  /* Üst satır */
  .btopline{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .bbrand{
    font-size:12px;
    font-weight:900;
    opacity:.62;
    text-transform:uppercase;
    letter-spacing:.03em;
  }
  
  /* Rating */
  .brating{ display:flex; align-items:center; gap:8px; }
  .bv{
    font-size:16px;        /* yıldızla aynı boy hissi */
    font-weight:800;
    opacity:.75;
    line-height:16px;
  }
  .bstars{
    --rate:0;
    width:92px; height:16px;
    display:inline-block;
    background:linear-gradient(90deg,#f5a623 calc((var(--rate)/5)*100%), rgba(0,0,0,.14) 0);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20'%3E%3Cpath fill='%23000' d='M10 0l3 6 7 1-5 5 1 8-6-3-6 3 1-8-5-5 7-1zM35 0l3 6 7 1-5 5 1 8-6-3-6 3 1-8-5-5 7-1zM60 0l3 6 7 1-5 5 1 8-6-3-6 3 1-8-5-5 7-1zM85 0l3 6 7 1-5 5 1 8-6-3-6 3 1-8-5-5 7-1zM110 0l3 6 7 1-5 5 1 8-6-3-6 3 1-8-5-5 7-1z'/%3E%3C/svg%3E") center/contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20'%3E%3Cpath fill='%23000' d='M10 0l3 6 7 1-5 5 1 8-6-3-6 3 1-8-5-5 7-1zM35 0l3 6 7 1-5 5 1 8-6-3-6 3 1-8-5-5 7-1zM60 0l3 6 7 1-5 5 1 8-6-3-6 3 1-8-5-5 7-1zM85 0l3 6 7 1-5 5 1 8-6-3-6 3 1-8-5-5 7-1zM110 0l3 6 7 1-5 5 1 8-6-3-6 3 1-8-5-5 7-1z'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  
  /* Başlık: 2 satır garantili, broşür tipi */
  .btitle{
    text-decoration:none;
    color:#111;
    font-size:18px;
    font-weight:950;
    line-height:1.18;
  
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height: calc(4 * 1.55em);
  }
  .btitle:hover{ text-decoration:underline; }
  
  /* Açıklama: kısa özet */
  .bdesc{
    font-size:13px;
    line-height:1.55;
    opacity:.82;
  
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height: calc(3 * 1.55em);
  }
  
  /* Fiyat alanı */
  .bprice{ margin-top:auto; }
  .bold{ font-size:13px; opacity:.55; text-decoration:line-through; }
  .bnew{ font-size:22px; font-weight:950; letter-spacing:.01em; line-height:1.1; }
  
  /* Butonlar */
  .bactions{ display:flex; gap:10px; flex-wrap:wrap; }
  .bactions .btn{ border-radius:12px; padding: 8px 12px; font-weight:800; }
  
  /* MOBİL FIX: portrait görseller kartı sonsuza uzatmasın */
  @media (max-width: 767.98px){

    .bcard{ height:auto; }

    .brow{
      flex-direction: column;
      min-height: 0;
      height: auto;
    }

    .bmedia{
      flex: 0 0 auto;
      border-right: none;
      border-bottom: 1px solid rgba(0,0,0,.06);

      aspect-ratio: 4 / 3;
      height: auto;
      background:#fff;
    }

    .bmedia img{
      width:100%;
      height:100%;
      min-height:0 !important;
      object-fit: contain;
      object-position:center;
      padding: 10px;
      background:#fff;
      transform:none !important;
    }

    .bcontent{
      height:auto;
      padding: 14px 14px 14px;
    }
  }

  

  /* RTL genel */
  [dir="rtl"] .brosur-head{ text-align: right; }

  /* RTL row düzeni (tablet+ / desktop) */
  @media (min-width: 768px){
    [dir="rtl"] .brow{ flex-direction: row-reverse; }

    [dir="rtl"] .bmedia{
      border-right: none;
      border-left: 1px solid rgba(0,0,0,.06);
    }
  }

  /* RTL mobil (column düzeni korunmalı) */
  @media (max-width: 767.98px){
    [dir="rtl"] .brow{ flex-direction: column; }

    [dir="rtl"] .bmedia{
      border-left: none; /* mobilde zaten border-bottom kullanıyoruz */
    }
  }

  /* Şerit / stok yer değişimi RTL’de her ölçüde çalışabilir */
  [dir="rtl"] .bribbon{ right:auto; left:14px; }
  [dir="rtl"] .bstock{ left:auto; right:14px; }

  /* Üst satır ters (marka / rating) – bu mobilde de sorun çıkarmaz */
  [dir="rtl"] .btopline{ flex-direction: row-reverse; }