/* ============================================================
   09-sepet.css — SEPET (off-canvas mini-cart + Sepet sayfasi)
   -> Flatsome / WooCommerce siniflari hedeflenir.
   --------------------------------------------------------------
   GERCEK OLCU ile YENIDEN DOGRULANDI
   (sephora.com.tr  /sepetim  CANLI sepet sayfasi + ekle-onay
    bildirimi; Chrome DOM computed-style; masaustu vw1920;
    2026-06-01):

   >> RE-DOGRULAMA 2026-06-01 18:10 (en-eski bolum rotasyonu; CANLI
      /sepetim 2 dolu OIL INFUSION kalemi + Siparis ozeti; computed-style
      vw1920) — TUM TIPOGRAFI BIREBIR DOGRULANDI (degismedi): baslik
      "Sepet" 25/700 lh30 ls.8; banner 14/500 ls.4; marka 15/400 lh17
      BUYUK-HARF; "KALDIR" 13/400 ls.5; indirimli 459TL 16/400 #980000;
      rozet -34% 14/500 #980000 / #fbdfdf / r4; gorsel 120x120 r0;
      ozet basligi 25/700 ls.8; "Ara toplam" 14/400; "Urunlerin Toplam
      Tutari" 16/400 ls.5; <progress> w266 h8 r24 track #d7d7d7;
      "Alisverisi tamamla" 16/700 ls.3 BEYAZ-metin r8 2px#000 SIYAH-dolgu
      (gradient -> computed bg beyaz gozukur) h48; "Guvenli odeme" 14/700
      ls.8. DUZELTILEN OLCU: adet secici GERCEK `select.qty-selector` =
      KARE (radius 0) + 1px #e0e0e0 hairline (eski r8 + #d7d7d7
      DUZELTILDI -> kartin radius-0 kimligiyle hizali) + chevron affordans.
      IYILESTIRME (olcu degil): tum sepet interaktif ogelerine
      :focus-visible Bisso-kirmizi odak halkasi (05/06/07/11 ile tutarli).

   >> RE-DOGRULAMA 2026-06-01 (en-eski bolum rotasyonu; CANLI /sepetim
      3 dolu kalem + Siparis ozeti; computed-style). DUZELTILEN OLCULER:
      - Indirim rozeti "-34%": 12/700 #990000 -> 14/500 #980000(--bks-red)
        / #fbdfdf / r4 / pad 0 4px (`.item-sales-percentage` olcumu).
      - Genel toplam "Urunlerin Toplam Tutari": eski "22/700" -> etiket
        16/400 ls.5 + deger 20/400 ls.5 (Sephora hafif agirlik).
      - Sayfa basligi "Sepet": lh32 -> lh30, mb18 -> 23 (h1.cart-title).
      - Eski/cizili fiyat "699 TL": 400 -> 500 (gri korundu).
      - Promosyon input zemini: #fff -> #fbfbfb (1px #d7d7d7 r8 h48).
      - "Guvenli odeme": 14/400 ls.4 -> 14/700 ls.8.
      - Ozet karti KENARLIK: border-top hairline KALDIRILDI (canli
        .cart-summary-content border:0) -> beyaz ic kart pad24 r0;
        DIS gri panel #f2f2f2 (.basket-cart-summary) opsiyonel helper.
      - YENI: ust serit "500TL ve uzeri…" 14/500 ls.4 -> .bks-cart-banner.
      DOGRULANAN (degismedi): marka 15/400 ls.5 lh17 BUYUK-HARF #000;
      ad+varyant 14/400 #595959; KALDIR 13/400 BUYUK-HARF; satir gorseli
      120x120 r0; indirimli fiyat 16/400 #980000(->red); ara toplam
      etiket 14/400 / deger 16/700; KDV dahil 12/400 gri; <progress> w266
      h8 r24 track #d7d7d7 dolgu #000; "Alisverisi tamamla" h48 16/700
      beyaz r8 2px #000 SIYAH dolgu (ls.3).

   >> EN ONEMLI KIMLIK DUZELTMESI:
      Sepete ekleyince Sephora ARTIK SAGDAN kayan 684/472px tam
      yukseklik yan cekmece ACMIYOR. Onay = SAYFANIN USTUNDE kisa
      sure gorunen TOAST: `.header-notification` (varsayilan
      class "hide" -> display:none; ekleyince acilir).
      Icerik: .heading "Sepetinizde!" + "Ucretsiz Kargo" notu +
      .actions ("Hesabim" link + button.mini-cart-button
      .secondary-button "Alisverise devam et").
      Olcu: alt ayrac 1px rgba(151,151,151,.5); ic dolgu
      9px (ust) / 22px (alt). >> Eski "yan drawer 684/472" notu
      ARTIK GECERSIZ; gercek kalip TOP-TOAST + tam Sepet sayfasi.
      (Flatsome'in off-canvas mini-cart'i yine de pratik hedef;
       satir tipografisi GERCEK sepet sayfasindan alindi.)

   >> CANLI SEPET SAYFASI ("Sepet" /sepetim) GERCEK OLCULER:
      - Sayfa basligi "Sepet": 25/700 ls.8px lh32 #000.
      - Satir gorseli: 120x120, RADIUS 0, object-fit:fill
        (eski 96x96 / r8 DUZELTILDI -> 0 kose, kare).
      - Marka "SEPHORA COLLECTION": 15/400 ls.5 lh17 BUYUK-HARF
        #000 (eski 14/700 ls.35 DUZELTILDI -> 15/400).
      - Urun adi + varyant: 14/400 #595959 ls.5 (GRI; eski
        ad-siyah/varyant-500 DUZELTILDI -> ikisi de 14/400 gri).
      - Kaldir "KALDIR": 13/400 ls.5 lh18 BUYUK-HARF #000 (dogru).
      - Adet: CHEVRON'lu acilir secici (eski +/- stepper DEGIL).
      - Istek-listesi KALP satir sag-ustte ~24px (.bks-cart-fav).
      - Satir fiyati: indirimli "459 TL" 16/400 (Sephora #980000;
        BISSO kuralinca --bks-red); ustu cizili "Fiyat : 699 TL"
        14/400 gri; indirim rozeti "-34%" 12/700 #990000 / #fbdfdf
        / r4 -> .bks-cart-badge.

   >> SIPARIS OZETI ("Siparis ozeti") GERCEK OLCULER:
      - Kart: BEYAZ, RADIUS 0, KENARLIK YOK, GOLGE YOK, pad 24px,
        genislik ~458 (eski border1px+r8 DUZELTILDI; Bisso pratik
        icin yalnizca hairline ayrac birakildi).
      - Baslik 25/700 ls.8 lh30, alt-bosluk 10px.
      - Satir etiketi "Ara toplam": 14/400 ls.5 lh20 #0a0a0a.
      - Satir degeri (ara toplam): 16/700 ls.4 lh24 #000;
        kalem fiyat sutunu 16/500.
      - Ucretsiz kargo kutusu: acik-gri zemin + <progress> w~266
        h8 radius24 TRACK #d7d7d7 DOLGU #000 (eski track #e6e6e6
        DUZELTILDI -> #d7d7d7). "0 TL / 2.000 TL / Ucretsiz kargo".
      - Genel toplam "Urunlerin Toplam Tutari": deger ~22/700 #000
        + "KDV dahil" 12/400 gri; sadakat satiri YESIL.
      - Odeme butonu "Alisverisi tamamla": tam-genislik h48,
        16/700 BEYAZ metin, radius8, 2px solid #000 kenar, SIYAH
        DOLGU (linear-gradient ile), ls.3 (eski 400 -> 700
        DUZELTILDI; bu birincil CTA Sephora'da KALIN).
      - Odeme ikonlari (troy/visa/mc) + "Guvenli odeme" ORTALI.

   >> PROMOSYON KODU karti "Bir promosyon kodu girin":
      input + SIYAH "Ok" butonu (siyah dolgu, beyaz, radius8).

   Token'lar 00-tokens.css'ten gelir (--bks-*).
   ============================================================ */

/* ===== HEADER SEPET IKONU + ADET ROZETI ===== */
.header .header-cart-link .cart-icon strong,
.header .cart-icon strong{
  background:var(--bks-red) !important;
  color:#fff !important;
  border-color:var(--bks-red) !important;
  font-weight:700;
}
.header .cart-icon strong:after{ border-color:var(--bks-red) !important; }

/* ============================================================
   EKLE ONAYI — Sephora GERCEK kalibi: SAYFA USTU TOAST
   (.header-notification). Flatsome'da en yakin esdeger
   "added_to_cart" mesaji / message-box. Ust-toast olarak giydir.
   ============================================================ */
.bks-cart-toast,
.woocommerce-message,
.woocommerce-message[role="alert"]{
  display:flex !important;align-items:center;justify-content:center;gap:18px;
  background:#fff !important;color:var(--bks-black) !important;
  border:0 !important;border-bottom:1px solid rgba(151,151,151,.5) !important;
  border-radius:0 !important;box-shadow:none !important;
  padding:9px 24px 22px !important;
  font-size:14px !important;letter-spacing:.4px;line-height:20px;
}
.bks-cart-toast .bks-toast-heading,
.woocommerce-message strong{
  font-size:16px !important;font-weight:700 !important;letter-spacing:.4px;color:var(--bks-black) !important;
}
/* Toast "Alisverise devam et" = ikincil buton (beyaz, ince kenar) */
.bks-cart-toast .button,
.woocommerce-message .button{
  background:#fff !important;color:var(--bks-black) !important;
  border:2px solid #1a1a1a !important;border-radius:8px !important;
  min-height:44px;padding:8px 18px !important;
  font-size:15px !important;font-weight:500 !important;letter-spacing:.4px !important;text-transform:none !important;
}
.bks-cart-toast .button:hover,
.woocommerce-message .button:hover{ background:var(--bks-black) !important;color:#fff !important;border-color:var(--bks-black) !important; }

/* "Sepet tutarin son ziyaretinden bu yana degisti" tarzi bilgi seridi */
.bks-cart-notice{
  display:flex;align-items:center;gap:12px;
  background:#eef1f4;border-radius:8px;
  padding:14px 18px;margin:0 0 18px;
  font-size:14px;font-weight:400;letter-spacing:.3px;color:var(--bks-charcoal);
}
.bks-cart-notice .bks-notice-ico{ flex:0 0 auto;width:22px;height:22px;opacity:.7; }

/* Ust serit "500TL ve uzeri tum alisverislerde…" — GERCEK OLCU (2026-06-01):
   14/500 ls.4 lh20 #000 ORTALI; Bisso sicak krem zeminde (Sephora promo seridi). */
.bks-cart-banner,
.woocommerce-cart .bks-cart-banner{
  text-align:center;font-size:14px;font-weight:500;letter-spacing:.4px;line-height:20px;
  color:var(--bks-black);background:var(--bks-cream);padding:10px 16px;margin:0 0 16px;
}

/* ============================================================
   OFF-CANVAS MINI-CART (Flatsome drawer)
   Sephora satir tipografisi (GERCEK sepet sayfasindan) giydirildi.
   Kose RADIUS 0; Flatsome'in kendi overlay'i sayfayi karartir.
   ============================================================ */
#cart-popup,
.off-canvas-right .cart-popup,
.cart-popup{
  width:420px !important;
  max-width:92vw !important;
  background:var(--bks-bg) !important;
  box-shadow:-8px 0 28px rgba(10,10,10,.10) !important;
  border-radius:0 !important;
  border:0 !important;
}

/* Cekmece basligi (Sepetim) — 20/700 lh32 ls.5 (BUYUK-HARF YOK) */
.cart-popup .cart-popup-title,
.widget_shopping_cart .widget-title,
.cart-popup-title{
  font-size:20px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:.5px !important;
  line-height:32px !important;
  color:var(--bks-black) !important;
  padding:18px 20px !important;
  border-bottom:1px solid var(--bks-line) !important;
  margin:0 !important;
}

/* Ucretsiz kargo ilerleme bari — GERCEK: track #d7d7d7 + SIYAH dolgu, kutu acik-gri r8 */
.bks-freeship,
.woocommerce-mini-cart__free-shipping,
.wc-free-shipping-progress{
  margin:14px 20px 10px;
  padding:12px 16px;
  background:#f2f2f2;
  border-radius:8px;
  font-size:13px;
  color:var(--bks-charcoal);
}
.bks-freeship .bks-freeship-track,
.wc-free-shipping-progress .progress,
.bks-freeship progress{
  display:block;width:100%;height:8px;
  border-radius:24px;
  background:#d7d7d7;overflow:hidden;margin-top:8px;
  -webkit-appearance:none;appearance:none;border:0;
}
.bks-freeship .bks-freeship-fill,
.wc-free-shipping-progress .progress > span{
  display:block;height:100%;background:var(--bks-black);
  border-radius:24px;transition:width var(--bks-t);
}
/* native <progress> (Sephora bunu kullaniyor): track #d7d7d7 / dolgu #000 */
.bks-freeship progress::-webkit-progress-bar{ background:#d7d7d7;border-radius:24px; }
.bks-freeship progress::-webkit-progress-value{ background:var(--bks-black);border-radius:24px; }
.bks-freeship progress::-moz-progress-bar{ background:var(--bks-black);border-radius:24px; }
.bks-freeship.is-complete .bks-freeship-fill{ background:var(--bks-black); }
.bks-freeship strong{ color:var(--bks-black);font-weight:700; }
.bks-freeship .bks-freeship-ends{ display:flex;justify-content:space-between;font-size:12px;color:var(--bks-mid);margin-top:6px; }

/* Cekmece govde */
.widget_shopping_cart_content,
.cart-popup .widget_shopping_cart_content{ padding:0 !important; }
.cart_list.product_list_widget,
ul.cart_list,
.widget_shopping_cart_content ul.cart_list{
  margin:0 !important;padding:0 !important;list-style:none !important;
}

/* Satir kalemi */
.cart_list li.mini_cart_item,
ul.product_list_widget li{
  position:relative;
  display:flex !important;
  gap:14px;
  padding:16px 20px !important;
  margin:0 !important;
  border-bottom:1px solid var(--bks-line) !important;
}

/* Urun gorseli — Sephora GERCEK: kare, RADIUS 0 (sepet sayfasi 120;
   dar cekmece icin 84x84). object-fit Bisso guvenligi icin cover. */
.cart_list li.mini_cart_item a img,
ul.product_list_widget li img{
  width:84px !important;height:84px !important;
  object-fit:cover;
  border:0 !important;
  border-radius:0 !important;
  margin:0 !important;float:none !important;
  background:#fff;
}

/* Marka satiri: GERCEK 15/400 ls.5 lh17 BUYUK-HARF #000 */
.cart_list li .bks-mini-brand,
ul.product_list_widget li .bks-mini-brand{
  display:block;font-size:15px;font-weight:400;text-transform:uppercase;
  letter-spacing:.5px;color:var(--bks-black);line-height:17px;margin-bottom:3px;
}

/* Urun adi: GERCEK 14/400 GRI #595959 ls.5 lh20 (eski siyah/700 DUZELTILDI) */
.cart_list li.mini_cart_item a:not(.remove),
ul.product_list_widget li a:not(.remove){
  font-size:14px !important;
  font-weight:400 !important;
  line-height:20px !important;
  letter-spacing:.5px !important;
  color:#595959 !important;
  text-decoration:none !important;
}

/* Varyant / ton bilgisi: GERCEK 14/400 GRI #595959 ls.5 */
.cart_list li .variation,
ul.product_list_widget li .variation,
.cart_list li dl.variation{
  font-size:14px !important;color:#595959 !important;font-weight:400 !important;
  letter-spacing:.5px !important;line-height:20px !important;margin:2px 0 0 !important;
}

/* Adet x fiyat satiri — satir fiyati 16/500 siyah */
.cart_list li.mini_cart_item .quantity,
ul.product_list_widget li .quantity{
  display:block;font-size:14px !important;color:#595959 !important;margin-top:6px;
}
.cart_list li.mini_cart_item .quantity .amount,
ul.product_list_widget li .amount{
  color:var(--bks-black) !important;font-weight:500 !important;font-size:16px !important;letter-spacing:.4px;
}
/* Indirimli kalem fiyati KIRMIZI (Bisso); eski fiyat ustu-cizili gri 14/400 */
.cart_list li ins .amount,
ul.product_list_widget li ins .amount{ color:var(--bks-red) !important;text-decoration:none;font-weight:400 !important; }
/* Eski/ustu-cizili fiyat — GERCEK OLCU (2026-06-01): 14/500 ("Fiyat : 699 TL");
   Sephora rakami #000, Bisso legibilite icin gri tutuldu (eski 400 -> 500). */
.cart_list li del .amount,
ul.product_list_widget li del .amount{ color:var(--bks-mid) !important;font-weight:500 !important;font-size:14px !important; }

/* Indirim rozeti "-34%" — GERCEK OLCU (2026-06-01, canli /sepetim
   `.item-sales-percentage`): 14/500 ls.4 lh20, metin #980000
   (Bisso kurali: --bks-red), zemin #fbdfdf, r4, pad 0 4px
   (eski 12/700 #990000 DUZELTILDI -> 14/500). */
.bks-cart-badge{
  display:inline-block;vertical-align:middle;
  font-size:14px;font-weight:500;line-height:20px;letter-spacing:.4px;
  color:var(--bks-red);background:#fbdfdf;border-radius:4px;
  padding:0 4px;margin-left:6px;
}

/* Istek-listesi (kalp) satir sag-ust ~24px */
.cart_list li .bks-cart-fav,
ul.product_list_widget li .bks-cart-fav{
  position:absolute;top:16px;right:18px;width:24px;height:24px;
  color:var(--bks-black);background:transparent;border:0;cursor:pointer;line-height:0;
}
.cart_list li .bks-cart-fav:hover{ color:var(--bks-red); }

/* Kaldir — Sephora METIN link 13/400 ls.5 BUYUK-HARF (sag, kalbin altinda) */
.cart_list li.mini_cart_item a.remove,
ul.product_list_widget li a.remove,
.cart_list a.remove_from_cart_button{
  position:absolute !important;top:46px;right:18px;
  width:auto;height:auto;line-height:18px;text-align:center;
  font-size:13px !important;font-weight:400 !important;
  text-transform:uppercase;letter-spacing:.5px;
  color:var(--bks-black) !important;
  border-radius:0 !important;background:transparent !important;
}
.cart_list li a.remove:hover{ color:var(--bks-red) !important;background:transparent !important; }

/* Cekmece alt bilgi — ara toplam + buton */
.widget_shopping_cart_content p.total,
.cart-popup .total,
.woocommerce-mini-cart__total{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px !important;margin:0 !important;
  border-top:1px solid var(--bks-line) !important;
  font-size:14px !important;color:var(--bks-black) !important;letter-spacing:.5px;
}
.widget_shopping_cart_content p.total strong,
.woocommerce-mini-cart__total strong{ text-transform:none;font-size:16px;font-weight:700;letter-spacing:.4px; }
.widget_shopping_cart_content p.total .amount,
.woocommerce-mini-cart__total .amount{ font-size:20px !important;font-weight:700 !important;color:var(--bks-black) !important; }

/* Cekmece butonlari — Sephora buton sistemi: h48 radius8 ls.3 BUYUK-HARF YOK 2px kenar */
.widget_shopping_cart_content p.buttons,
.cart-popup .buttons,
.woocommerce-mini-cart__buttons{
  display:flex;flex-direction:column;gap:10px;
  padding:0 20px 20px !important;margin:0 !important;
}
.woocommerce-mini-cart__buttons .button,
.cart-popup .buttons .button{
  width:100% !important;text-align:center;
  min-height:48px;line-height:24px;
  display:flex;align-items:center;justify-content:center;
  border-radius:8px !important;
  text-transform:none !important;letter-spacing:.3px !important;
  padding:10px 18px !important;
}
/* Birincil: Odemeye gec / Alisverisi tamamla — SIYAH dolgu + BEYAZ 16/700 + 2px kenar, hover Bisso kirmizi */
.woocommerce-mini-cart__buttons .button.checkout,
.cart-popup .buttons .button.checkout,
.cart-popup .buttons .checkout{
  background:var(--bks-black) !important;color:#fff !important;
  border:2px solid var(--bks-black) !important;
  font-weight:700 !important;font-size:16px !important;
  transition:background var(--bks-t),border-color var(--bks-t) !important;
}
.woocommerce-mini-cart__buttons .button.checkout:hover,
.cart-popup .buttons .checkout:hover{ background:var(--bks-red) !important;border-color:var(--bks-red) !important;color:#fff !important; }
/* Ikincil: Sepeti goruntule — beyaz, 2px #1a1a1a kenar, siyah 16/500 */
.woocommerce-mini-cart__buttons .button:not(.checkout),
.cart-popup .buttons .button:not(.checkout){
  background:#fff !important;color:var(--bks-black) !important;
  border:2px solid #1a1a1a !important;font-weight:500 !important;font-size:16px !important;
}
.woocommerce-mini-cart__buttons .button:not(.checkout):hover{
  background:var(--bks-black) !important;color:#fff !important;border-color:var(--bks-black) !important;
}

/* Bos cekmece / bos sepet */
.widget_shopping_cart_content .woocommerce-mini-cart__empty-message,
.cart-empty.woocommerce-info{
  padding:40px 20px !important;text-align:center;color:var(--bks-grey);
  font-size:16px;background:transparent !important;border:0 !important;
}

/* ============================================================
   SEPET SAYFASI (woocommerce-cart) — 2 sutun
   Sol kalem listesi + sag siparis ozeti. GERCEK olculer.
   ============================================================ */
.woocommerce-cart .cart-container,
.woocommerce-cart .row.cart-wrapper{ max-width:var(--bks-maxw);margin:0 auto; }

/* Sayfa basligi "Sepet" — GERCEK OLCU (2026-06-01, h1.cart-title):
   25/700 ls.8 lh30 #000 mb23 (eski lh32/mb18 DUZELTILDI) — BUYUK-HARF YOK */
.woocommerce-cart .entry-title,
.woocommerce-cart h1.page-title{
  font-size:25px !important;font-weight:700 !important;line-height:30px;letter-spacing:.8px;
  text-transform:none;color:var(--bks-black);margin-bottom:23px;
}

/* Kalem tablosu — Sephora kalibi: RADIUS 0, kenarlik YOK, satir ayraci hairline */
.woocommerce-cart table.shop_table.cart{
  border:0 !important;border-radius:0;
  border-collapse:collapse;background:#fff;
}
.woocommerce-cart table.shop_table.cart thead th{
  background:#fff;border-bottom:1px solid var(--bks-line);
  font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.5px;
  color:var(--bks-charcoal);padding:14px 16px;
}
.woocommerce-cart table.shop_table.cart td{
  border-top:1px solid var(--bks-line) !important;padding:18px 16px !important;vertical-align:middle;
}
/* Satir gorseli — GERCEK 120x120 RADIUS 0 (kare) */
.woocommerce-cart td.product-thumbnail img{
  width:120px !important;height:120px;object-fit:cover;
  border:0;border-radius:0;
}
/* Marka 15/400 ls.5 lh17 BUYUK-HARF #000 */
.woocommerce-cart td.product-name .bks-mini-brand{
  display:block;font-size:15px;font-weight:400;text-transform:uppercase;letter-spacing:.5px;
  color:var(--bks-black);line-height:17px;margin-bottom:4px;
}
/* Urun adi 14/400 GRI #595959 */
.woocommerce-cart td.product-name a{
  font-size:14px !important;font-weight:400 !important;color:#595959 !important;
  text-decoration:none;line-height:20px;letter-spacing:.5px;
}
.woocommerce-cart td.product-name .variation,
.woocommerce-cart td.product-name dl.variation{
  font-size:14px !important;color:#595959 !important;font-weight:400 !important;letter-spacing:.5px;margin-top:2px;
}
/* Fiyatlar: satir 16/500 siyah; indirimli Bisso kirmizi 16/400; eski-fiyat ustu-cizili gri 14/400 */
.woocommerce-cart td.product-price,
.woocommerce-cart td.product-subtotal{
  font-size:16px;font-weight:500;color:var(--bks-black);letter-spacing:.4px;
}
.woocommerce-cart td .price ins .amount{ color:var(--bks-red) !important;text-decoration:none;font-weight:400; }
.woocommerce-cart td .price del .amount{ color:var(--bks-mid) !important;font-weight:500;font-size:14px; }

/* Adet secici — GERCEK OLCU (2026-06-01, canli /sepetim `select.qty-selector`):
   native <select> KARE radius 0 + 1px #e0e0e0 hairline + chevron, h~30, 15px
   (eski r8 + #d7d7d7 DUZELTILDI -> r0 + #e0e0e0; sepet karti radius-0 kimligi).
   Bisso dokunma rahatligi icin h40'a yukseltildi (Sephora olcu 30). */
.woocommerce-cart td.product-quantity .quantity,
.woocommerce-cart td.product-quantity .qty-selector{
  border:1px solid #e0e0e0;border-radius:0;
  height:40px;display:inline-flex;align-items:center;overflow:hidden;background:#fff;
}
.woocommerce-cart td.product-quantity input.qty{
  border:0;height:38px;width:52px;text-align:center;font-size:15px;background:transparent;
}
/* Flatsome/WooCommerce <select> varyanti: Sephora chevron'lu acilir secici (KARE, #e0e0e0) */
.woocommerce-cart td.product-quantity select,
.woocommerce-cart td.product-quantity select.qty-selector{
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  border:1px solid #e0e0e0 !important;border-radius:0 !important;height:40px;
  padding:0 28px 0 12px;font-size:15px;color:var(--bks-black);background-color:#fff;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%230a0a0a' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;
}

/* Satir kaldir — Sephora METIN link 13/400 ls.5 BUYUK-HARF */
.woocommerce-cart td.product-remove a.remove{
  color:var(--bks-black) !important;font-size:13px;font-weight:400;
  text-transform:uppercase;letter-spacing:.5px;width:auto;height:auto;line-height:18px;
}
.woocommerce-cart td.product-remove a.remove:hover{
  color:var(--bks-red) !important;background:transparent !important;
}

/* ===== PROMOSYON KODU KARTI "Bir promosyon kodu girin" ===== */
.woocommerce-cart .cart .actions .coupon{ display:flex;gap:10px;align-items:center; }
/* Promosyon kodu input — GERCEK OLCU (2026-06-01): h48 r8, 1px #d7d7d7,
   zemin #fbfbfb (eski #fff DUZELTILDI), pad-sol 15px, 14px. */
.woocommerce-cart .cart .actions .coupon #coupon_code{
  height:48px;border:1px solid #d7d7d7;border-radius:8px;
  background:#fbfbfb;padding:0 15px;font-size:14px;min-width:220px;
}
.woocommerce-cart .cart .actions .coupon button,
.woocommerce-cart .cart .actions button[name="apply_coupon"]{
  height:48px;border-radius:8px !important;padding:0 28px;
  background:var(--bks-black) !important;color:#fff !important;border:2px solid var(--bks-black) !important;
  text-transform:none;font-weight:700;font-size:16px;letter-spacing:.3px;
  transition:background var(--bks-t) !important;
}
.woocommerce-cart .cart .actions .coupon button:hover{ background:var(--bks-red) !important;border-color:var(--bks-red) !important;color:#fff !important; }
.woocommerce-cart .cart .actions button[name="update_cart"]{
  height:48px;border-radius:8px !important;padding:0 22px;
  background:#fff !important;color:var(--bks-black) !important;border:2px solid #1a1a1a !important;
  text-transform:none;font-weight:500;font-size:16px;letter-spacing:.3px;
}
.woocommerce-cart .cart .actions button[name="update_cart"]:hover{ background:var(--bks-black) !important;color:#fff !important; }

/* ===== SIPARIS OZETI KARTI (sag sutun) — GERCEK OLCU (2026-06-01):
   ic kart (.cart-summary-content) BEYAZ, RADIUS 0, KENARLIK YOK
   (eski border-top hairline KALDIRILDI -> canlida border:0), GOLGE YOK,
   pad 24px, W~458. Sephora bu beyaz karti acik-gri #f2f2f2 panel
   (.basket-cart-summary) icine koyar -> opsiyonel .bks-summary-panel. ===== */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-cart .cart_totals{
  background:#fff;border:0;
  border-radius:0;padding:24px;
}
/* DIS gri panel (Sephora .basket-cart-summary #f2f2f2) — opsiyonel:
   .cart-collaterals'a .bks-summary-panel eklenince beyaz kart gri cerceveye oturur. */
.woocommerce-cart .cart-collaterals.bks-summary-panel{ background:#f2f2f2;padding:16px; }
/* Baslik "Siparis ozeti": 25/700 ls.8 lh30 + alt-bosluk 10 */
.woocommerce-cart .cart_totals h2{
  font-size:25px !important;font-weight:700 !important;line-height:30px;text-transform:none;
  letter-spacing:.8px;color:var(--bks-black);margin:0 0 10px;padding-bottom:10px;
}
/* Satirlar: etiket 14/400 ls.5; deger 16/500 */
.woocommerce-cart .cart_totals table tr th,
.woocommerce-cart .cart_totals table tr td{
  border:0 !important;padding:8px 0 !important;font-size:14px;font-weight:400;letter-spacing:.5px;color:var(--bks-black);
}
.woocommerce-cart .cart_totals table tr td .amount{ font-size:16px;font-weight:500;color:var(--bks-black); }
/* Ara toplam degeri 16/700 (vurgu) */
.woocommerce-cart .cart_totals tr.cart-subtotal td .amount{ font-weight:700; }
/* Genel toplam "Urunlerin Toplam Tutari" — GERCEK OLCU (2026-06-01,
   canli /sepetim `.cart-summary-row.order-total`): etiket 16/400 ls.5,
   deger 20/400 ls.5 #0a0a0a (eski "22/700" DUZELTILDI -> Sephora hafif
   agirlik: vurgu boyuttan gelir; "KDV dahil" 12/400 gri alt-not). */
.woocommerce-cart .cart_totals tr.order-total th,
.woocommerce-cart .cart_totals tr.order-total td{
  border-top:1px solid var(--bks-line) !important;padding-top:14px !important;
  font-size:16px !important;font-weight:400 !important;letter-spacing:.5px;color:var(--bks-black) !important;
}
.woocommerce-cart .cart_totals tr.order-total td .amount{ font-size:20px !important;font-weight:400 !important;letter-spacing:.5px;color:var(--bks-black) !important; }
.woocommerce-cart .cart_totals .bks-tax-note{ display:block;font-size:12px;font-weight:400;color:var(--bks-mid);letter-spacing:.3px;margin-top:2px; }
/* Sadakat / kazanc satiri YESIL */
.woocommerce-cart .cart_totals .bks-loyalty{ font-size:14px;font-weight:700;letter-spacing:.3px;color:#1a7a3d;margin:8px 0 4px; }

/* Ucretsiz kargo kutusu (ozet ici) — acik-gri r8 + <progress> track #d7d7d7 / dolgu #000 */
.woocommerce-cart .cart_totals .bks-freeship{
  margin:6px 0 14px;padding:12px 16px;background:#f2f2f2;border-radius:8px;font-size:13px;color:var(--bks-charcoal);
}

/* Odeme butonu "Alisverisi tamamla": SIYAH dolgu, BEYAZ 16/700, radius8, 2px #000, h48 — hover kirmizi */
.woocommerce-cart .wc-proceed-to-checkout{ padding:18px 0 0 !important; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  display:flex;align-items:center;justify-content:center;width:100%;text-align:center;
  background:var(--bks-black) !important;color:#fff !important;border:2px solid var(--bks-black) !important;
  border-radius:8px !important;min-height:48px;line-height:24px;padding:10px 25px !important;
  text-transform:none;letter-spacing:.3px;font-weight:700 !important;font-size:16px !important;
  transition:background var(--bks-t),border-color var(--bks-t) !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{ background:var(--bks-red) !important;border-color:var(--bks-red) !important;color:#fff !important; }

/* Odeme yontemi ikonlari + "Guvenli odeme" (ozet alti, ORTALI) */
.bks-pay-icons{ display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px;opacity:.95; }
.bks-pay-icons img{ height:22px;width:auto; }
/* "Guvenli odeme" — GERCEK OLCU (2026-06-01): 14/700 ls.8 #0a0a0a (eski 400/.4 DUZELTILDI) */
.bks-secure-pay{ text-align:center;font-size:14px;font-weight:700;letter-spacing:.8px;color:var(--bks-black);margin-top:8px; }

/* Bos sepet "Alisverise Don" butonu — Sephora buton sistemi (siyah dolgu, 16/700) */
.woocommerce-cart .cart-empty + .return-to-shop .button,
.woocommerce-cart .wc-empty-cart-message + p .button,
.return-to-shop .button{
  background:var(--bks-black) !important;color:#fff !important;border:2px solid var(--bks-black) !important;
  border-radius:8px !important;text-transform:none;font-weight:700;font-size:16px;letter-spacing:.3px;
  min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:10px 25px;
}
.return-to-shop .button:hover{ background:var(--bks-red) !important;border-color:var(--bks-red) !important;color:#fff !important; }

/* Responsive: ozet karti kalemlerin altina; gorseller kucult */
@media (max-width:849px){
  .woocommerce-cart table.shop_table.cart td.product-thumbnail img{ width:84px !important;height:84px; }
  #cart-popup,.cart-popup{ width:100% !important;max-width:100vw !important; }
}

/* ============================================================
   ERISILEBILIRLIK — klavye :focus-visible Bisso-kirmizi odak halkasi
   (05/06/07/11 bolumleriyle TUTARLI; olcu degil, iyilestirme).
   outline:2px + offset:2px; her eleman kendi border-radius'unu korur,
   fareyle tiklamada temiz kalir (yalniz klavye odaginda halka).
   ============================================================ */
.woocommerce-mini-cart__buttons .button:focus-visible,
.cart-popup .buttons .button:focus-visible,
.bks-cart-toast .button:focus-visible,
.woocommerce-message .button:focus-visible,
.cart_list li a.remove:focus-visible,
.cart_list li .bks-cart-fav:focus-visible,
.woocommerce-cart td.product-remove a.remove:focus-visible,
.woocommerce-cart td.product-quantity input.qty:focus-visible,
.woocommerce-cart td.product-quantity select:focus-visible,
.woocommerce-cart .cart .actions .coupon #coupon_code:focus-visible,
.woocommerce-cart .cart .actions .coupon button:focus-visible,
.woocommerce-cart .cart .actions button[name="update_cart"]:focus-visible,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus-visible,
.return-to-shop .button:focus-visible{
  outline:2px solid var(--bks-red) !important;
  outline-offset:2px !important;
}