/* ===========================================================================
   buharkeyf tema uyumu v2 (2026-09-28): SSS sayfası + Sepete Ekle düğmeleri

   Site dili: mavi → camgöbeği (#1f4a68 #2d6486 #3f7fa6 #5b93b8), Spartan başlık,
   Roboto metin, beyaz yuvarlak kartlar, açık mavi (#eef4f9 / #d6e5f0) yüzeyler.
   SSS: information_id=16 içindeki gömülü stil (#bk-faq, DM Sans/Outfit, lacivert
   #2D6486) sayfa içeriğine DOKUNMADAN daha yüksek özgüllükle eziliyor (html body #bk-faq).
   =========================================================================== */

/* ============================ SEPETE EKLE ============================ */
/* Sorun: header.twig içindeki #militanz-safe-category yeşil geçiş + hover'da translateY(-1px);
   ayrıca Journal3 .btn:hover font-size 18px → 13px küçültüyordu → düğme "oynuyordu". */
html body .btn-cart, html body a.btn-cart, html body #button-cart, html body .product-thumb .btn-cart,
html body .main-products .product-thumb .btn-cart.btn,
html body .main-products.product-grid .product-thumb .btn-cart.btn,
html body .main-products.product-list .product-thumb .btn-cart.btn {
	background: linear-gradient(135deg, #2d6486 0%, #3f7fa6 100%) !important;
	color: #fff !important; border: 0 !important; border-radius: 10px !important;
	box-shadow: 0 4px 12px rgba(45, 100, 134, .22) !important;
	font-size: 15px !important; font-weight: 700 !important; letter-spacing: .3px !important;
	transform: none !important; transition: filter .18s ease, box-shadow .18s ease !important;
}
html body .btn-cart:hover, html body a.btn-cart:hover, html body #button-cart:hover, html body .product-thumb .btn-cart:hover,
html body .main-products .product-thumb .btn-cart.btn:hover,
html body .main-products.product-grid .product-thumb .btn-cart.btn:hover,
html body .main-products.product-list .product-thumb .btn-cart.btn:hover,
html body .btn-cart:focus, html body #button-cart:focus {
	background: linear-gradient(135deg, #1f4a68 0%, #245475 100%) !important;
	color: #fff !important; font-size: 15px !important; transform: none !important;
	box-shadow: 0 6px 18px rgba(45, 100, 134, .32) !important;
}
html body .btn-cart:active, html body #button-cart:active, html body .product-thumb .btn-cart:active {
	background: linear-gradient(135deg, #1a3d57 0%, #1f4a68 100%) !important; transform: none !important;
	box-shadow: 0 2px 6px rgba(45, 100, 134, .25) inset !important;
}
html body .btn-cart *, html body #button-cart * { color: #fff !important; }
@media (max-width: 560px) {
	html body .product-thumb .btn-cart, html body .product-thumb .btn-cart:hover,
	html body .main-products.product-grid .product-thumb .btn-cart.btn, html body .main-products.product-grid .product-thumb .btn-cart.btn:hover { font-size: 13px !important; letter-spacing: .2px !important; }
}

/* ============================== SSS ============================== */
html body #bk-faq { font-family: Roboto, -apple-system, 'Segoe UI', sans-serif !important; background: #f5f8fc !important; color: #334155 !important; font-size: 16px !important; line-height: 1.6 !important; }
html body #bk-faq .bk-hero-t, html body #bk-faq .bk-hero-t .bk-hl, html body #bk-faq .bk-stat-v, html body #bk-faq .bk-qt,
html body #bk-faq .bk-ct-n, html body #bk-faq .bk-ct-c, html body #bk-faq .bk-pop-h span, html body #bk-faq .bk-cta-b,
html body #bk-faq .bk-cta h2, html body #bk-faq .bk-cta h3, html body #bk-faq .bk-nr h3, html body #bk-faq .bk-ri { font-family: Spartan, Roboto, sans-serif !important; }
html body #bk-faq p, html body #bk-faq li, html body #bk-faq .bk-fai, html body #bk-faq .bk-fai p, html body #bk-faq .bk-tag,
html body #bk-faq .bk-hero-sub, html body #bk-faq .bk-stat-l, html body #bk-faq .bk-sinput, html body #bk-faq .bk-cta p { font-family: Roboto, sans-serif !important; }

/* Hero: sitenin destek sayfası geçişi */
html body #bk-faq .bk-hero { background: linear-gradient(135deg, #1f4a68 0%, #2d6486 32%, #3f7fa6 72%, #5b93b8 100%) !important; }
html body #bk-faq .bk-hero-bg { background: radial-gradient(ellipse 520px 320px at 85% 10%, rgba(255,255,255,.14), transparent), radial-gradient(ellipse 420px 260px at 10% 90%, rgba(127, 176, 207,.25), transparent) !important; }
html body #bk-faq .bk-hero::after { background: #f5f8fc !important; }
html body #bk-faq .bk-badge { background: rgba(255,255,255,.16) !important; border-color: rgba(255,255,255,.28) !important; color: #fff !important; }
html body #bk-faq .bk-hero-t { font-weight: 800 !important; letter-spacing: -.01em !important; }
html body #bk-faq .bk-hero-t .bk-hl { color: #b9d4e8 !important; font-weight: 800 !important; }
html body #bk-faq .bk-hero-sub { color: rgba(255,255,255,.88) !important; }
html body #bk-faq .bk-stat-v { color: #fff !important; font-weight: 800 !important; }
html body #bk-faq .bk-stat-l { color: rgba(255,255,255,.8) !important; letter-spacing: .5px !important; }
html body #bk-faq .bk-sinput { border-radius: 16px !important; border: 0 !important; box-shadow: 0 10px 30px rgba(15,23,42,.18) !important; color: #0f172a !important; }
html body #bk-faq .bk-sinput:focus { box-shadow: 0 0 0 4px rgba(185, 212, 232,.55), 0 10px 30px rgba(15,23,42,.18) !important; }
html body #bk-faq .bk-sinput:focus ~ .bk-sico { fill: #2d6486 !important; color: #2d6486 !important; }

/* En çok sorulanlar */
html body #bk-faq .bk-pop { border-radius: 20px !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 4px 18px rgba(15,23,42,.05) !important; }
html body #bk-faq .bk-pop-h svg { fill: #2d6486 !important; }
html body #bk-faq .bk-pop-h span { color: #0f172a !important; font-weight: 700 !important; }
html body #bk-faq .bk-tag { background: #eef4f9 !important; border: 1px solid #d6e5f0 !important; color: #1f4a68 !important; font-weight: 500 !important; }
html body #bk-faq .bk-tag:hover { background: linear-gradient(135deg, #2d6486, #3f7fa6) !important; border-color: transparent !important; color: #fff !important; }

/* Kategori kutuları */
html body #bk-faq .bk-ct { background: #fff !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 1px 3px rgba(15,23,42,.05) !important; }
html body #bk-faq .bk-ct svg { fill: #2d6486 !important; }
html body #bk-faq .bk-ct-n { color: #0f172a !important; font-weight: 700 !important; }
html body #bk-faq .bk-ct-c { background: #eef4f9 !important; color: #1f4a68 !important; }
html body #bk-faq .bk-ct:hover { border-color: #9dbdd6 !important; }
html body #bk-faq .bk-ct:hover svg { fill: #1f4a68 !important; }
html body #bk-faq .bk-ct.bk-on { background: linear-gradient(135deg, #2d6486, #3f7fa6) !important; border-color: transparent !important; box-shadow: 0 6px 18px rgba(45, 100, 134,.28) !important; }
html body #bk-faq .bk-ct.bk-on svg { fill: #fff !important; }
html body #bk-faq .bk-ct.bk-on .bk-ct-n { color: #fff !important; }
html body #bk-faq .bk-ct.bk-on .bk-ct-c { background: rgba(255,255,255,.22) !important; color: #fff !important; }
html body #bk-faq .bk-ri b { color: #1f4a68 !important; }

/* Soru kartları */
html body #bk-faq .bk-fi { border-radius: 16px !important; border: 1px solid #e2e8f0 !important; }
html body #bk-faq .bk-fi:hover { border-color: #c3d7e6 !important; }
html body #bk-faq .bk-fi.bk-on { border-color: #9dbdd6 !important; box-shadow: 0 10px 28px rgba(15,23,42,.07), 0 0 0 3px rgba(45, 100, 134,.12) !important; }
html body #bk-faq .bk-fq:hover { background: #f6f9fc !important; }
html body #bk-faq .bk-qi { background: #eef4f9 !important; }
html body #bk-faq .bk-qi svg { fill: #2d6486 !important; }
html body #bk-faq .bk-fi.bk-on .bk-qi { background: linear-gradient(135deg, #2d6486, #3f7fa6) !important; }
html body #bk-faq .bk-fi.bk-on .bk-qi svg { fill: #fff !important; }
html body #bk-faq .bk-qt { color: #0f172a !important; font-weight: 700 !important; }
html body #bk-faq .bk-fi.bk-on .bk-qt { color: #1f4a68 !important; }
html body #bk-faq .bk-tg { background: #eef4f9 !important; }
html body #bk-faq .bk-tg svg { fill: #2d6486 !important; }
html body #bk-faq .bk-fi.bk-on .bk-tg { background: linear-gradient(135deg, #2d6486, #3f7fa6) !important; }
html body #bk-faq .bk-fi.bk-on .bk-tg svg { fill: #fff !important; }
html body #bk-faq .bk-fai, html body #bk-faq .bk-fai p, html body #bk-faq .bk-fai li { color: #334155 !important; font-size: 16px !important; line-height: 1.7 !important; }
html body #bk-faq .bk-fai strong, html body #bk-faq .bk-fai b { color: #0f172a !important; }
html body #bk-faq .bk-fai a { color: #1f4a68 !important; }
html body #bk-faq .bk-ib-i { background: #eef4f9 !important; border-left-color: #2d6486 !important; }
html body #bk-faq .bk-ib b { color: #0f172a !important; }

/* Alt çağrı kutusu */
html body #bk-faq .bk-cta { background: linear-gradient(135deg, #1f4a68 0%, #2d6486 35%, #3f7fa6 80%, #5b93b8 100%) !important; }
html body #bk-faq .bk-cta p { color: rgba(255,255,255,.9) !important; }
html body #bk-faq .bk-cta-b { color: #1f4a68 !important; font-weight: 700 !important; box-shadow: 0 8px 22px rgba(15,23,42,.18) !important; }
html body #bk-faq .bk-cta-b:hover { color: #1a3d57 !important; transform: none !important; }

/* ---------------------------- SSS mobil ---------------------------- */
@media (max-width: 768px) {
	html body #bk-faq { font-size: 15px !important; }
	/* Hero kısa: aramaya ilk ekranda ulaşılsın */
	html body #bk-faq .bk-hero { padding: 26px 16px 62px !important; }
	html body #bk-faq .bk-badge { padding: 6px 14px !important; font-size: 11.5px !important; margin-bottom: 14px !important; }
	html body #bk-faq .bk-hero-t { font-size: 25px !important; line-height: 1.2 !important; margin-bottom: 10px !important; }
	html body #bk-faq .bk-hero-sub { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 18px !important; }
	html body #bk-faq .bk-stats { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; margin-bottom: 18px !important; }
	html body #bk-faq .bk-stats > div { background: rgba(255,255,255,.14) !important; border-radius: 12px !important; padding: 9px 4px !important; }
	html body #bk-faq .bk-stat-v { font-size: 19px !important; }
	html body #bk-faq .bk-stat-l { font-size: 9.5px !important; line-height: 1.3 !important; }
	html body #bk-faq .bk-sinput { padding: 15px 44px !important; font-size: 16px !important; }
	/* En çok sorulanlar: ortalı düzensiz haplar yerine sola dayalı liste */
	html body #bk-faq .bk-pop { padding: 16px !important; }
	html body #bk-faq .bk-tags { display: flex !important; flex-direction: column !important; gap: 7px !important; }
	html body #bk-faq .bk-tag { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; width: 100% !important;
		text-align: left !important; padding: 11px 14px !important; font-size: 14px !important; line-height: 1.35 !important; border-radius: 12px !important; }
	html body #bk-faq .bk-tag::after { content: "›"; font-size: 20px; line-height: 1; color: #2d6486; flex: none; }
	html body #bk-faq .bk-tag:hover::after { color: #fff; }
	/* Kategoriler */
	html body #bk-faq .bk-catrow { gap: 8px !important; }
	html body #bk-faq .bk-ct { border-radius: 14px !important; padding: 12px 6px !important; }
	html body #bk-faq .bk-ct-n { font-size: 12px !important; font-weight: 700 !important; }
	/* Soru kartları ve cevaplar */
	html body #bk-faq .bk-fq { padding: 14px !important; gap: 12px !important; }
	html body #bk-faq .bk-qi { width: 36px !important; height: 36px !important; min-width: 36px !important; border-radius: 10px !important; }
	html body #bk-faq .bk-qt { font-size: 15px !important; line-height: 1.35 !important; }
	html body #bk-faq .bk-tg { width: 30px !important; height: 30px !important; min-width: 30px !important; }
	html body #bk-faq .bk-fai { padding: 0 16px 18px 16px !important; }
	html body #bk-faq .bk-fai, html body #bk-faq .bk-fai p, html body #bk-faq .bk-fai li { font-size: 14.5px !important; line-height: 1.65 !important; }
	html body #bk-faq .bk-fai p { margin-bottom: 10px !important; }
	html body #bk-faq .bk-fai ul, html body #bk-faq .bk-fai ol { padding-left: 18px !important; }
	html body #bk-faq .bk-ib { padding: 12px 14px !important; font-size: 14px !important; border-radius: 0 10px 10px 0 !important; }
	html body #bk-faq .bk-cta { padding: 30px 18px !important; border-radius: 18px !important; margin-top: 36px !important; }
	html body #bk-faq .bk-cta p { font-size: 14.5px !important; }
	html body #bk-faq .bk-cta-b { padding: 13px 22px !important; font-size: 15px !important; }
}

/* Şablondaki gömülü style="...!important" rengi sabitliyor; hover geri bildirimi filter ile (boyut/konum değişmez) */
html body .btn-cart:hover, html body #button-cart:hover, html body .main-products.product-grid .product-thumb .btn-cart.btn:hover { filter: brightness(.9) saturate(1.1) !important; }
html body .btn-cart:active, html body #button-cart:active { filter: brightness(.82) !important; }

/* 2026-09-28 ürün kartı rozetleri: YENİ + PREMIUM AROMA! alt alta dizilip görselin sağ üst ~%22'sini kapatıyordu
   (paket görsellerinde başlığın üstüne biniyordu). Tek satır, küçük, sitenin koyu mavi/yeşil tonunda. */
.product-thumb .product-labels { flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-content: flex-start; gap: 4px; padding: 6px 6px 0 0; }
.product-thumb .product-labels .product-label-default { margin: 0 !important; }
.product-thumb .product-labels .product-label-diagonal { flex-basis: 100%; }
.product-thumb .product-label b { font-size: 10px; padding: 4px 6px; min-width: 0 !important; border-radius: 3px; letter-spacing: .2px; font-weight: 700; }
.product-thumb .product-label-29 b { background: #2f7358 !important; }
.product-thumb .product-label-384 b { background: #2d6486 !important; }
/* telefonda kart ~170px: rozetleri biraz daha küçült (paket görseli başlığına değmesin), yıldızları sağa al
   (görselin sol altındaki "30 ML" etiketinin üstüne biniyordu) */
@media (max-width: 767px) {
  .product-thumb .product-labels { gap: 3px; padding: 4px 4px 0 0; }
  .product-thumb .product-label b { font-size: 8.5px; padding: 3px 4px; letter-spacing: 0; }
  .product-grid .product-thumb .rating-stars { left: auto !important; right: 6px !important; }
  .product-grid .product-thumb .rating .fa-stack { font-size: 10px; }
}

/* 2026-09-28 mini sepet: yukarıdaki genel .btn-cart kuralı (beyaz yazı) "SEPETİME GİT" bağlantısına da işliyordu,
   açık gri zeminde beyaz yazı görünmez oldu. Mini sepete özel: ikincil buton açık mavi, KASAYA GİT tema mavisi (yeşil kalktı). */
html body #cart-content .cart-buttons a.btn-cart, html body #cart-content .cart-buttons a.btn-cart:hover {
  background: #eef4f9 !important; color: #1f4a68 !important; border: 1px solid #d6e5f0 !important;
  box-shadow: none !important; filter: none !important; font-size: 14px !important; }
html body #cart-content .cart-buttons a.btn-cart *, html body #cart-content .cart-buttons a.btn-cart::before { color: #1f4a68 !important; }
html body #cart-content .cart-buttons a.btn-cart:hover { background: #dfeaf3 !important; }
html body #cart-content .cart-buttons a.btn-checkout {
  background: linear-gradient(135deg, #24507a, #2f6a94) !important; color: #fff !important;
  box-shadow: 0 4px 10px rgba(36, 80, 122, .22) !important; }
html body #cart-content .cart-buttons a.btn-checkout:hover { filter: brightness(.92) !important; }