/* ==========================================================================
   Ampulcu — Ürün Kartı (ampulcu.com düzeni)
   Kaynak: Kod Stüdyosu → parcacik/urun_karti.twig
   Kategori, arama, marka ve ana sayfa sekmeli vitrinindeki kartlar.
   Çekirdeğin kart HTML'i AYNEN basılır (sepete ekle formu, favori,
   karşılaştırma, fiyat). Bu blok yalnız görünümü değiştirir; betik
   bloğu düğme yazısını ve tükenen üründe WhatsApp düğmesini ekler.
   Düzen: kart esnek sütun; ikon kabı (cart-1) display:contents olur,
   böylece favori/karşılaştır kartın sağ üstüne, sepete ekle formu
   kartın altına konumlanır.
   ========================================================================== */
:root{--amp-k-tur:#c94c00;--amp-k-tur-a:#fff1e8;--amp-k-mavi:#005b9a;--amp-k-wa:#178540;--amp-k-yazi:#111827;--amp-k-gri:#6b7280;--amp-k-cizgi:#e5e7eb}

/* --- Kart çerçevesi --- */
body .cat-detail-products-box{position:relative!important;display:flex!important;flex-direction:column;background:#fff!important;border:1px solid var(--amp-k-cizgi)!important;border-radius:10px!important;padding:12px!important;box-shadow:none!important;overflow:hidden;transition:box-shadow .2s,border-color .2s}
body .cat-detail-products-box:hover{box-shadow:0 10px 24px rgba(17,24,39,.08)!important;border-color:#d1d5db!important}

/* --- Görsel alanı + Tükendi etiketi --- */
body .cat-detail-products-box .cat-detail-products-box-img{position:relative;margin:0 0 10px!important;border-radius:8px;overflow:hidden;background:#fff}
body .cat-detail-products-box .cat-detail-products-box-img img{transition:transform .3s}
body .cat-detail-products-box:hover .cat-detail-products-box-img img{transform:scale(1.03)}
body .cat-detail-products-box .cat-detail-products-box-img.product-grey-img img{filter:none!important;opacity:1!important;-webkit-filter:none!important}
body .cat-detail-products-box .cat-detail-products-box-img.product-grey-img::after{content:"Tükendi";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:9px 18px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:rgba(51,65,85,.88);color:#fff;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;pointer-events:none}

/* --- Rozetler: indirim sol üst (turuncu hap) --- */
body .cat-detail-products-box .cat-detail-products-box-indirim{position:absolute!important;top:12px;left:12px;z-index:3;margin:0!important;padding:5px 8px!important;border:0!important;border-radius:8px!important;background:var(--amp-k-tur)!important;color:#fff!important;font-size:12px!important;font-weight:700!important;line-height:1!important;width:auto!important;height:auto!important;box-shadow:none!important}
body .cat-detail-products-box .cat-detail-products-box-indirim::before,body .cat-detail-products-box .cat-detail-products-box-indirim::after{display:none!important}

/* --- Favori / karşılaştır: sağ üstte beyaz daireler --- */
body .cat-detail-products-box .cat-detail-products-box-cart-1{display:contents!important}
body .cat-detail-products-box .cat-detail-products-box-cart-1>a{position:absolute!important;right:12px;z-index:3;display:flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 4px rgba(17,24,39,.15)!important;color:var(--amp-k-yazi)!important;font-size:16px!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:opacity .2s,color .15s}
body .cat-detail-products-box .cat-detail-products-box-cart-1>a:hover{color:var(--amp-k-tur)!important}
body .cat-detail-products-box .cat-detail-products-box-cart-1>a:not(.product-compare):not(.product-compare-exit){top:12px}
body .cat-detail-products-box .cat-detail-products-box-cart-1>a.product-compare,body .cat-detail-products-box .cat-detail-products-box-cart-1>a.product-compare-exit{top:56px}
body .cat-detail-products-box .cat-detail-products-box-cart-1>a::before,body .cat-detail-products-box .cat-detail-products-box-cart-1>a::after{display:none!important}

/* --- Marka + ad: tek blok, iki satır --- */
body .cat-detail-products-box .cat-detail-products-box-info{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:40px;margin:0 0 8px!important;padding:0!important;font-size:14px;line-height:20px;text-align:left!important}
body .cat-detail-products-box .cat-detail-products-box-stars{display:none!important}
body .cat-detail-products-box .cat-detail-products-box-marka,body .cat-detail-products-box .cat-detail-products-box-h{display:inline!important;margin:0!important;padding:0!important;font-size:14px!important;line-height:20px!important;text-align:left!important}
body .cat-detail-products-box .cat-detail-products-box-marka a{font-weight:700!important;color:var(--amp-k-yazi)!important;margin-right:4px}
body .cat-detail-products-box .cat-detail-products-box-h a{font-weight:400!important;color:var(--amp-k-yazi)!important}
body .cat-detail-products-box .cat-detail-products-box-h a:hover{color:var(--amp-k-tur)!important}

/* --- Fiyat: eski üstü çizili + turuncu güncel --- */
body .cat-detail-products-box .cat-detail-products-box-fiyat{display:flex!important;align-items:center;justify-content:flex-start;gap:8px;min-height:40px;margin:auto 0 0!important;padding:0!important;border:0!important}
body .cat-detail-products-box .cat-detail-products-box-fiyat-out{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:2px 8px;width:auto!important;margin:0!important;padding:0!important;text-align:left!important}
body .cat-detail-products-box .cat-detail-products-box-fiyat-eski{color:#9ca3af!important;font-size:13px!important;font-weight:400!important;text-decoration:line-through!important;margin:0!important}
body .cat-detail-products-box .cat-detail-products-box-fiyat-mevcut{color:var(--amp-k-tur)!important;font-size:16px!important;font-weight:700!important;margin:0!important}
/* Tükenen üründe kırmızı "Stokta Yok/Tükendi" kutusu görselin üstündeki etikete dönüştü */
body .cat-detail-products-box .cat-detail-products-box-fiyat-out.button-red{display:none!important}

/* --- Alt düğme: Sepete Ekle / tükenende WhatsApp --- */
body .cat-detail-products-box .cat-detail-products-box-cart-1>form,body .cat-detail-products-box>.amp-kart-wa{position:absolute!important;left:12px;right:12px;bottom:12px;z-index:4;margin:0!important;transition:opacity .2s,transform .2s}
body .cat-detail-products-box .cat-detail-products-box-cart-1>form button{display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%!important;height:40px!important;margin:0!important;padding:0 10px!important;border:1px solid var(--amp-k-tur)!important;border-radius:8px!important;background:#fff!important;color:var(--amp-k-tur)!important;font-size:13px!important;font-weight:600!important;line-height:1!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important;cursor:pointer}
body .cat-detail-products-box .cat-detail-products-box-cart-1>form button:hover{background:var(--amp-k-tur)!important;color:#fff!important}
body .cat-detail-products-box .cat-detail-products-box-cart-1>form button::before,body .cat-detail-products-box .cat-detail-products-box-cart-1>form button::after{display:none!important}
body .cat-detail-products-box .cat-detail-products-box-cart-1>form button i{font-size:17px!important;line-height:1}
body .cat-detail-products-box>.amp-kart-wa{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;border-radius:8px;background:var(--amp-k-wa);color:#fff!important;font-size:13px;font-weight:600;text-decoration:none!important}
body .cat-detail-products-box>.amp-kart-wa:hover{background:#126b33}
body .cat-detail-products-box>.amp-kart-wa i{font-size:18px;line-height:1}
@media (hover:hover){
  body .cat-detail-products-box .cat-detail-products-box-cart-1>form,body .cat-detail-products-box>.amp-kart-wa{opacity:0;transform:translateY(6px);pointer-events:none}
  body .cat-detail-products-box:hover .cat-detail-products-box-cart-1>form,body .cat-detail-products-box:hover>.amp-kart-wa,body .cat-detail-products-box:focus-within .cat-detail-products-box-cart-1>form,body .cat-detail-products-box:focus-within>.amp-kart-wa{opacity:1;transform:none;pointer-events:auto}
  body .cat-detail-products-box .cat-detail-products-box-cart-1>a.product-compare,body .cat-detail-products-box .cat-detail-products-box-cart-1>a.product-compare-exit{opacity:0!important}
  body .cat-detail-products-box:hover .cat-detail-products-box-cart-1>a.product-compare,body .cat-detail-products-box:hover .cat-detail-products-box-cart-1>a.product-compare-exit{opacity:1!important}
}
/* Dokunmatik ekranda üzerine gelme yok: düğme fiyatın altında hep görünür */
@media (hover:none){
  body .cat-detail-products-box .cat-detail-products-box-cart-1>form,body .cat-detail-products-box>.amp-kart-wa{position:static!important;order:10;margin-top:10px!important}
}
/* Ana sayfa vitrin kartı (-caturunvitrin): tükenende WhatsApp düğmesi aynı yerde (görünüm footer_ozel_html AMP-ANASAYFA bloğunda) */
body .cat-detail-products-box-caturunvitrin>.amp-kart-wa{position:absolute!important;left:12px;right:12px;bottom:12px;z-index:4;display:flex;align-items:center;justify-content:center;gap:7px;height:40px;margin:0!important;border-radius:8px;background:var(--amp-k-wa);color:#fff!important;font-size:13px;font-weight:600;text-decoration:none!important;transition:opacity .2s,transform .2s}
body .cat-detail-products-box-caturunvitrin>.amp-kart-wa:hover{background:#126b33}
body .cat-detail-products-box-caturunvitrin>.amp-kart-wa i{font-size:18px;line-height:1}
@media (hover:hover){body .cat-detail-products-box-caturunvitrin>.amp-kart-wa{opacity:0;transform:translateY(6px);pointer-events:none}body .cat-detail-products-box-caturunvitrin:hover>.amp-kart-wa,body .cat-detail-products-box-caturunvitrin:focus-within>.amp-kart-wa{opacity:1;transform:none;pointer-events:auto}}
@media (hover:none){body .cat-detail-products-box-caturunvitrin>.amp-kart-wa{position:static!important;order:10;margin-top:10px!important}}
/* a11y (08 Eki 2026): kart turuncusu #ff6000 beyazda 3.03:1 -> #c94c00 (4.65), WhatsApp #25d366 1.98:1 -> #178540 (4.7). footer_ozel_html'in vitrin karti fiyati #ff6000!important; daha ozgul secici ile kart turuncusu. */
html body .cat-detail-products-box-caturunvitrin div.cat-detail-products-box-fiyat-mevcut{color:var(--amp-k-tur)!important}