/* MXMP (MKT designer, 4 Kas 2026; kullanıcı "önerilerin tamam", bulgu wiki/analyses/donusum-2026-11/site-cro-denetim.md):
   telefonda (<760 px) ürün sayfası dönüşüm düzeltmeleri. Masaüstüne etki yok (tüm kurallar max-width:759px içinde).
   Her öğe ayrı html sınıfıyla açılır, ayrı ayrı geri alınır (product.twig / header.twig'deki mxmp_* bayrakları):
     html.mxmp-c  sabit "fiyat + Sepete Ekle" çubuğu açılıştan görünür, alt menünün yerine geçer (TD-124 tek çubuk kuralı)
     html.mxmp-k  fiyatın altında kargo ücreti + kargoya veriliş satırı (.mxmp-kargo); Kasım satırı (.mxfk) telefonda bunun yerine
     html.mxmp-d  ürün sayfasında üst duyuru: açılış döneminde kargo cümlesi düşer, "Kapıda ödeme seçeneği" tek ince satır
     (Çerez bandı işi site geneli olduğu için header.twig'de: <style id="mxmp-cky">, bayrak mxmp_z.)
   Değerler tasarım sistemi --mx- token'larından (yedekli). Hareket yalnız kullanıcı eylemine; prefers-reduced-motion'da yok. */

/* telefon dışında çubuktaki WhatsApp bağlantısı (760–767 px'te çubuk hâlâ görünür) ve fiyat altı kargo satırı çizilmez; masaüstünde .mxfk aynen */
.mxmp-wa,.mxmp-kargo{display:none}

@media (max-width:759px){

/* ---------- 1) Sabit çubuk: açılıştan görünür ---------- */
html.mxmp-c .mm-sticky-atc{transform:none!important;transition:none!important}
/* sayfa sonu çubuğun altında kalmasın: yükseklik mx-alt2'nin ölçtüğü --mxas-alt (indirimli fiyatta çubuk 79 px'e çıkıyor, 4 Kas ölçüldü) */
html.mxmp-c body.mm-has-sticky-atc{padding-bottom:calc(var(--mxas-alt,76px) + 4px)}
/* alt menü ilk boyamadan itibaren aşağıda (mx-alt2 .mxas-atc ile aynı konum; JS gecikmesinde sıçrama olmasın); visibility: gizli menü klavye odağı almasın */
html.mxmp-c .bottom-menu{transform:translateY(calc(100% + 30px))!important;pointer-events:none;visibility:hidden!important}
html.mxmp-c .mm-sticky-atc{gap:10px;padding:8px 14px calc(8px + env(safe-area-inset-bottom)) 12px;box-shadow:var(--mx-shadow-upward,0 -5px 20px -5px rgba(0,0,0,.2))}
html.mxmp-c .mm-sticky-info{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0}
html.mxmp-c .mm-sticky-price{font-size:18px;font-weight:700;line-height:1.2;color:var(--mx-ink,#38444f);overflow:visible}
html.mxmp-c .mm-sticky-old{font-size:13px;color:var(--mx-ink-muted,#6f6f6f)}
html.mxmp-c .mm-sticky-btn{padding:12px 18px;font-size:16px;font-weight:600;line-height:1.35;text-transform:none;letter-spacing:0;white-space:nowrap}
html.mxmp-c .mm-sticky-btn:focus-visible{outline:2px solid var(--mx-focus-ring,#3e7479);outline-offset:2px;box-shadow:0 0 0 6px #fff}
/* WhatsApp: fiyatın altında, Sepete Ekle'nin yanında (mevcut wa.me bağlantısı, numara tek ayardan) */
/* şablonda bağlantı eski fiyattan önce durur (Twig blok etiketinden sonraki satır sonunu yutar; bayrak kapalı çıktı aynı kalsın diye); görsel sıra order ile: fiyat, eski fiyat, WhatsApp */
html.mxmp-c .mxmp-wa{order:3;flex:1 1 100%;display:inline-flex;align-items:center;gap:5px;min-height:24px;margin:1px 0 0;padding:0;font-size:13px;font-weight:600;line-height:1.2;color:var(--mx-action-link,#2f6a70)!important;text-decoration:none;white-space:nowrap}
html.mxmp-c .mxmp-wa svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html.mxmp-c .mxmp-wa:hover,html.mxmp-c .mxmp-wa:active{color:var(--mx-action-strong,#2f5c61)!important;text-decoration:underline;text-underline-offset:3px}
html.mxmp-c .mxmp-wa:focus-visible{outline:2px solid var(--mx-focus-ring,#3e7479);outline-offset:2px}
/* klavye açıkken çubuk ekrana binmesin */
html.mxmp-c.mxas-klavye .mm-sticky-atc{visibility:hidden}
/* seçenek seçilmeden basılırsa: seçim alanı işaretlenir */
html.mxmp-c .mxmp-uyari{margin:6px 0 0;font-size:14px;line-height:1.4;color:var(--mx-danger,#b3261e);font-weight:600}

/* ---------- 4) Fiyat altı kargo satırı ---------- */
html.mxmp-k .product-price-group .mxfk{display:none!important}
html.mxmp-k .product-price-group .mxmp-kargo{display:flex;flex-direction:column;gap:2px;flex:1 1 100%;width:100%;margin:6px 0 0!important;padding:0!important;list-style:none;font-size:14px;line-height:1.4;color:var(--mx-ink,#38444f)}
html.mxmp-k .mxmp-kargo li{display:flex;align-items:flex-start;gap:7px;margin:0;padding:0}
html.mxmp-k .mxmp-kargo svg{width:17px;height:17px;flex:none;margin-top:1px;fill:none;stroke:var(--mx-action,#3e7479);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html.mxmp-k .mxmp-kargo b{font-weight:600}

/* ---------- 3) Ürün sayfasında duyuru: kargo cümlesi düşer (fiyat altında yazıyor), tek ince satır ---------- */
html.mxmp-d.route-product-product .mxhn-acilis .mxhn-ara,
html.mxmp-d.route-product-product .mxhn-acilis .mxhn-tk,
html.mxmp-d.route-product-product .mxhn-acilis .mxhn>.mxhn-tg{display:none!important}
html.mxmp-d.route-product-product .mxhn-acilis .mxhn>b .mxhn-tg{display:inline!important}
/* kapıda ödeme kapalıysa (b içinde .mxhn-tg yok: "Siparişlerimiz açık") bant ürün sayfasında hiç çıkmaz; :has desteklemeyen eski tarayıcıda bant yalnız o başlıkla kalır */
html.mxmp-d.route-product-product .mxhn-acilis:not(:has(.mxhn>b .mxhn-tg)){display:none!important}
html.mxmp-d.route-product-product .mxhn-tek .module-body{padding:2px 10px!important}
html.mxmp-d.route-product-product .mxhn-tek .mxhn{font-size:13.5px;line-height:1.3}
html.mxmp-d.route-product-product .mxhn-tek .hn-close{min-height:32px}


}
@media (max-width:759px) and (prefers-reduced-motion:reduce){html.mxmp-c .mm-sticky-atc,html.mxmp-c .bottom-menu{transition:none!important}}