/* TD-123 PDP yeniden tasarımı — yalnız html.mx-pdp23 (bayrak ?pdp23=1). Çerezsiz/bayraksız sayfaya hiçbir etki yok.
   Tüm kurallar html.mx-pdp23 önekli; TEK İSTİSNA .mx-rozet (sepet/kasa/footer da çalışsın diye öneksiz).
   Renkler site değişkenlerinden: --mm-ink #38444f · --mm-teal #3e7479 · --mm-muted #6f6f6f · yardımcı: krem #faf8f2 · yeşil #2e7d4f · koyu petrol #2f5f63. */

/* --- GİZLE: pdp23'te tekrarlanan eski bloklar --- */
html.mx-pdp23 #product .mx-p16,
html.mx-pdp23 #product .mxpk,
html.mx-pdp23 #product .mxa-yer-k2,
html.mx-pdp23 #product .mm-freeship,
html.mx-pdp23 #product>.mm-reasons,
html.mx-pdp23 #product>.mm-payline,
html.mx-pdp23 #product>.mm-trust,
html.mx-pdp23 .mm-lede{display:none!important}

/* --- #product flex sütun sırası (mevcut değerleri önekli ezer) --- */
html.mx-pdp23 #product .mx23-bas{order:-70}
html.mx-pdp23 #product .mx-pi{order:-28!important}
html.mx-pdp23 #product .mx23-teslim{order:-27}
html.mx-pdp23 #product .mxa-k1{order:-25}
html.mx-pdp23 #product .mx23-guven{order:-22}

/* --- Baş: sayfa yolu + başlık + kısa tanım --- */
html.mx-pdp23 .mx23-bas .breadcrumb{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px!important;padding:0;list-style:none;font-size:12.5px;line-height:1.4;color:var(--mm-muted,#6f6f6f)}
html.mx-pdp23 .mx23-bas .breadcrumb a{color:inherit;text-decoration:underline;text-underline-offset:2px}
html.mx-pdp23 .mx23-bas .breadcrumb li:not(:last-child)::after{content:" / ";color:#c9c4ba}
html.mx-pdp23 h1.mx23-ad{font-size:26px;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0 0 8px;color:var(--mm-ink,#38444f)}
@media (min-width:1024px){html.mx-pdp23 h1.mx23-ad{font-size:32px}}
html.mx-pdp23 .mx23-bas .mx23-ozet{font-size:15px;line-height:1.5;color:var(--mm-muted,#6f6f6f);max-width:46ch;margin:0 0 16px}

/* --- Fiyat --- */
html.mx-pdp23 #product .product-price,
html.mx-pdp23 #product .product-price-new{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}

/* --- Satır [adet | Sepete ekle]: mevcut J3 konumlandırmalarını !important ile ezer --- */
html.mx-pdp23 #product .stepper-group.cart-group{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:10px}
html.mx-pdp23 #product .stepper{width:132px!important;height:52px!important;flex:none!important;display:grid!important;grid-template-columns:44px 1fr 44px;align-items:stretch;border:1px solid #cfcac0!important;border-radius:4px!important;background:#fff!important}
html.mx-pdp23 #product .stepper>.control-label{position:absolute!important;width:1px!important;height:1px!important;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html.mx-pdp23 #product .stepper>span{display:contents}
html.mx-pdp23 #product .stepper input.form-control{order:2;width:auto;min-width:0;height:50px;border:0!important;box-shadow:none!important;background:transparent!important;text-align:center;font-weight:700;color:var(--mm-ink,#38444f);padding:0}
html.mx-pdp23 #product .stepper .fa-angle-down,
html.mx-pdp23 #product .stepper .fa-angle-up{order:3;width:44px;height:52px;display:flex!important;align-items:center;justify-content:center;background:transparent;color:var(--mm-ink,#38444f);cursor:pointer;font-size:0;border:0!important}
html.mx-pdp23 #product .stepper .fa-angle-down{order:-1}
html.mx-pdp23 #product .stepper .fa-angle-down::before{content:"\2212";font:400 20px/1 "Helvetica Neue",Helvetica,Arial,sans-serif!important;transform:none!important}
html.mx-pdp23 #product .stepper .fa-angle-up::before{content:"+";font:400 20px/1 "Helvetica Neue",Helvetica,Arial,sans-serif!important;transform:none!important}
html.mx-pdp23 #product .stepper i{font-style:normal}
html.mx-pdp23 #product .stepper i::after{content:none!important}
html.mx-pdp23 #product .stepper i:hover{background:#f3f8f8}
html.mx-pdp23 #product #button-cart{height:52px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0 24px;border:0;border-radius:4px!important;background:var(--mm-teal,#3e7479)!important;color:#fff!important;font-size:16px!important;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:none}
html.mx-pdp23 #product #button-cart::before{display:none}
html.mx-pdp23 #product #button-cart .btn-text{font:inherit}
@media (hover:hover){html.mx-pdp23 #product #button-cart:hover{background:#2f5f63!important}}
html.mx-pdp23 #product #button-cart:focus-visible{outline:3px solid rgba(62,116,121,.4);outline-offset:2px}

/* --- Stok: değer önünde yeşil nokta, 13.5px --- */
html.mx-pdp23 #product .product-stats{font-size:13.5px}
html.mx-pdp23 #product .product-stock.in-stock span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#2e7d4f;margin-right:6px}

/* --- Teslimat kartı --- */
html.mx-pdp23 #product .mx23-teslim{display:grid;gap:12px;margin:0 0 18px;padding:14px;border:1px solid #e6e3dc;border-radius:8px;background:#faf8f2}
html.mx-pdp23 #product .mx23-teslim-ust{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}
html.mx-pdp23 #product .mx23-teslim-ust b{font-size:15px;font-weight:700;color:var(--mm-ink,#38444f)}
html.mx-pdp23 #product .mx23-teslim-ust span{font-size:13px;color:var(--mm-muted,#6f6f6f)}
html.mx-pdp23 .mx23-adim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;list-style:none;margin:0;padding:0}
html.mx-pdp23 .mx23-adim li{position:relative;margin:0;padding:16px 0 0;font-size:12.5px;line-height:1.35;color:var(--mm-muted,#6f6f6f)}
html.mx-pdp23 .mx23-adim li::before{content:"";position:absolute;top:4px;left:0;width:9px;height:9px;border-radius:50%;background:#3e7479}
html.mx-pdp23 .mx23-adim li::after{content:"";position:absolute;top:8px;left:13px;right:4px;height:1px;background:#cfd9d9}
html.mx-pdp23 .mx23-adim li:last-child::after{display:none}
html.mx-pdp23 .mx23-adim b{display:block;font-size:13px;font-weight:700;color:var(--mm-ink,#38444f)}
html.mx-pdp23 .mx23-adim span{display:block}
html.mx-pdp23 .mx23-cubuk{height:6px;border-radius:3px;background:#ece8df;overflow:hidden}
html.mx-pdp23 .mx23-cubuk i{display:block;height:100%;background:#3e7479;transition:width .3s}
html.mx-pdp23 .mx23-esik-t{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--mm-ink,#38444f)}
html.mx-pdp23 .mx23-esik.is-ok .mx23-esik-t{color:#2e7d4f}

/* --- Birlikte alın (.mxa-k1): mx-aov.css'ini bozmadan önekli ezme --- */
html.mx-pdp23 .mxa-k1{border:1px solid #e6e3dc;border-radius:8px}
html.mx-pdp23 .mxa-k1 label{min-height:52px}
html.mx-pdp23 .mxa-k1 li.is-secili label{border:1px solid #3e7479;box-shadow:inset 0 0 0 1px #3e7479;border-radius:6px;background:#f3f8f8;padding:8px 10px}

/* --- Güven şeridi --- */
/* Kullanıcı 22 Eki: "kaymış gibi, daha sıkı ve modern" → tek çerçeveli kart, 3 hücre ince ayraçla; ikon + başlık aynı satırda, açıklama altında */
html.mx-pdp23 #product .mx23-guven{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:0 0 24px;padding:0;font-size:12.5px;line-height:1.4;border:1px solid #e6e3dc;border-radius:8px;background:#fff;overflow:hidden}
html.mx-pdp23 #product .mx23-guven li{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:7px;row-gap:6px;align-content:start;align-items:center;margin:0;padding:12px 14px;border-left:1px solid #eeebe4}
html.mx-pdp23 #product .mx23-guven li:first-child{border-left:0}
html.mx-pdp23 #product .mx23-guven svg{width:16px;height:16px;fill:none;stroke:#3e7479;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.mx-pdp23 #product .mx23-guven b{display:block;font-size:13px;font-weight:700;line-height:1.25;color:var(--mm-ink,#38444f)}
html.mx-pdp23 #product .mx23-guven li>span{display:block;grid-column:1 / -1;color:var(--mm-muted,#6f6f6f)}
html.mx-pdp23 #product .mx23-guven a{color:#3e7479;text-decoration:underline;text-underline-offset:2px}
html.mx-pdp23 #product .mx23-guven span.mx-rozet{height:24px;padding:0 7px;font-size:11px}
@media (max-width:599px){
  html.mx-pdp23 #product .mx23-guven{grid-template-columns:1fr}
  html.mx-pdp23 #product .mx23-guven li{border-left:0;border-top:1px solid #eeebe4;padding:11px 14px;grid-template-columns:16px auto minmax(0,1fr);column-gap:8px}
  html.mx-pdp23 #product .mx23-guven li:first-child{border-top:0}
  /* telefonda tek satır: ikon · başlık · açıklama/rozet sağda */
  html.mx-pdp23 #product .mx23-guven li>span{grid-column:auto;justify-self:end;text-align:right}
  html.mx-pdp23 #product .mx23-guven span.mx-rozetler{justify-content:flex-end;flex-wrap:nowrap;gap:4px}
  html.mx-pdp23 #product .mx23-guven span.mx-rozet{padding:0 6px}
}
/* dar telefonda iki rozet tek satıra sığsın: banka simgesi düşer (metin kalır) */
@media (max-width:399px){html.mx-pdp23 #product .mx23-guven span.mx-rozet svg{display:none}}

/* --- Görsel not (tek-adet taş uyarısı) --- */
/* (galeri #product dışında: seçici .product-left) + kullanıcı onaylı görsel notları (mx_gorsel_not.twig) aynı görünümde */
html.mx-pdp23 .product-left .mx-gorsel-not{list-style:none;margin:10px 0 0!important;padding:0!important;display:grid;gap:6px}
html.mx-pdp23 .product-left .mx-gorsel-not li,
html.mx-pdp23 .product-left .mx-tekadet{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:13px!important;line-height:1.45;color:var(--mm-muted,#6f6f6f)!important}
html.mx-pdp23 .product-left .mx-tekadet{margin-top:10px!important}
@media (min-width:768px) and (max-width:1023px){html.mx-pdp23 .product-left .mx-gorsel-not{max-width:560px;margin-left:auto!important;margin-right:auto!important}}
html.mx-pdp23 .product-left .mx-gorsel-not li::before,
html.mx-pdp23 .product-left .mx-tekadet::before{content:"";flex:none;width:16px;height:16px;margin-top:1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233e7479' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") center/contain no-repeat}

/* --- Bilgi bölümü --- */
html.mx-pdp23 .mx23-hk{margin:0}
html.mx-pdp23 .mx23-hk-t{margin:0 0 16px;font-size:24px;font-weight:700;line-height:1.25;color:var(--mm-ink,#38444f)}
@media (min-width:1024px){html.mx-pdp23 .mx23-hk-t{font-size:28px}}
html.mx-pdp23 .mx23-bakis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 24px;padding:0;border:1px solid #e6e3dc;border-radius:8px;overflow:hidden;background:#fff}
@media (min-width:640px){html.mx-pdp23 .mx23-bakis{grid-template-columns:repeat(var(--mx23-n),minmax(0,1fr))}}
html.mx-pdp23 .mx23-bakis>div{margin:0 -1px -1px 0;padding:12px 14px;border-right:1px solid #e6e3dc;border-bottom:1px solid #e6e3dc}
html.mx-pdp23 .mx23-bakis dt{margin:0;font-size:12px;color:var(--mm-muted,#6f6f6f)}
html.mx-pdp23 .mx23-bakis dd{margin:0;font-size:15px;font-weight:650;color:var(--mm-ink,#38444f)}
html.mx-pdp23 p.mx23-gizli{display:none!important}

/* --- Akordeon (mevcut .mm-acc-btn + yeni .mx23-acc-btn): ikon d'te 28px daire + '+' döner --- */
html.mx-pdp23 .mm-acc-btn,
html.mx-pdp23 .mx23-acc-btn{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:14px 0;margin:0;background:none;border:0;cursor:pointer;text-align:left;font:inherit;font-size:inherit;font-weight:700;color:inherit}
html.mx-pdp23 .mm-acc-btn::after,
html.mx-pdp23 .mx23-acc-btn::after{content:"";flex:none;width:28px;height:28px;border:1px solid #e6e3dc;border-radius:50%;background:linear-gradient(var(--mm-ink,#38444f),var(--mm-ink,#38444f)) center/12px 2px no-repeat,linear-gradient(var(--mm-ink,#38444f),var(--mm-ink,#38444f)) center/2px 12px no-repeat;transition:transform .2s cubic-bezier(.22,1,.36,1)}
html.mx-pdp23 .mm-acc-btn[aria-expanded=true]::after,
html.mx-pdp23 .mx23-acc-btn[aria-expanded=true]::after{transform:rotate(45deg);background-size:12px 2px,2px 12px}
html.mx-pdp23 .mx23-acc-panel{padding:0 0 18px}
html.mx-pdp23 .mx23-acc-panel[hidden]{display:block!important;padding:0}
html.mx-pdp23 .mx23-acc-panel.mx23-kapali{height:0;overflow:hidden;visibility:hidden;padding:0}
html.mx-pdp23 p.mx23-on{margin:-8px 44px 0 0;padding:0 0 14px;font-size:13.5px;line-height:1.4;color:var(--mm-muted,#6f6f6f);cursor:pointer}
html.mx-pdp23 .mx23-acc-h.is-acik + p.mx23-on,
html.mx-pdp23 .mx23-acc-h.is-acik p.mx23-on,
html.mx-pdp23 h2.mm-acc-h.is-acik + p.mx23-on{display:none}
html.mx-pdp23 h2.mm-faq-h::after{content:" · " attr(data-mx23-n) " soru";font-size:13px;font-weight:500;color:var(--mm-muted,#6f6f6f)}
html.mx-pdp23 .mm-faq-kok{margin-top:32px}

/* --- Düzen: 768-1023 tek sütun; >=1024 J3'ün iki sütunu + yapışkan sağ sütun (html.mx23-yapis JS) --- */
@media (min-width:768px) and (max-width:1023px){
  html.mx-pdp23 .product-info>.product-left,
  html.mx-pdp23 .product-info>.product-right{width:100%!important;float:none!important}
  html.mx-pdp23 .product-info>.product-left .main-image{max-width:560px;margin-left:auto;margin-right:auto}
  html.mx-pdp23 .product-info>.product-left .mx-tekadet{max-width:560px;margin-left:auto!important;margin-right:auto!important}
}
/* Yapışkan kutu KAPALI (1440 ölçümü): J3 açıklama bölümünü (.mm-desc) aynı .product-info kapsayıcısına koyduğu için sticky satır sonunda durmuyor,
   aşağı kaydırınca açıklamanın üstüne biniyordu; ayrıca 3 örnek üründe kutu galeriden uzun → sticky faydasız. Kapsayıcı ayrılırsa yeniden açılır. */

/* --- Ödeme rozetleri (önekSİZ — sepet/kasa/footer da çalışır; kural mx-pdp23.css'te ortak) --- */
.mx-rozetler{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}
.mx-rozet{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:26px;min-width:40px;padding:0 8px;border:1px solid #dedad2;border-radius:5px;background:#fff;font-size:11.5px;font-weight:700;line-height:1;color:#38444f;white-space:nowrap}
.mx-rozet svg{width:14px;height:14px;flex:none;fill:none;stroke:#3e7479;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mx-rozet img{height:16px;width:auto;display:block}
/* güven şeridindeki span kuralı rozetleri bloğa çeviriyordu (1440 ölçümü) */
html.mx-pdp23 #product .mx23-guven span.mx-rozetler{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
html.mx-pdp23 #product .mx23-guven span.mx-rozet{display:inline-flex;width:auto;color:#38444f}
/* başlık sola (J3 .page-title ortalıyordu); J3'ün 'Ürün Açıklaması' modül başlığı '<Ürün> hakkında' ile yineleniyordu */
html.mx-pdp23 h1.mx23-ad{text-align:left!important;font-weight:700!important;padding:0!important;font-size:26px!important;line-height:1.15!important}
@media (min-width:1024px){html.mx-pdp23 h1.mx23-ad{font-size:32px!important}}
html.mx-pdp23 .mx23-ozet{padding:0!important}
/* kırıntı: J3 li::after + Bootstrap li+li::before çift ayraç basıyordu → tek ayraç */
html.mx-pdp23 .mx23-bas .breadcrumb>li::after,html.mx-pdp23 .mx23-bas .breadcrumb>li::before{content:none!important}
html.mx-pdp23 .mx23-bas .breadcrumb>li+li::before{content:"/"!important;margin:0 6px;color:#b3b0a8;padding:0}
/* telefonda düğme metni (tutar dahil) sığsın: adet kutusu 120px */
@media (max-width:479px){
  html.mx-pdp23 #product .stepper{width:120px!important;grid-template-columns:40px 1fr 40px!important}
  html.mx-pdp23 #button-cart{font-size:15px!important;padding-left:8px!important;padding-right:8px!important;letter-spacing:-.01em}
}
html.mx-pdp23 .mm-desc .module-title{display:none!important}
/* WhatsApp/Paylaş (.mxsp) sunucuda kutuda basılıyor, JS bilgi bölümüne taşıyor: kutudaki hâli baştan gizli → taşımada kutu içeriği kaymaz (ORK masaüstü CLS 0,014–0,018) */
html.mx-pdp23 #product .mxsp{display:none!important}
/* düz kökten (h3.mm-dh) üretilen akordeon başlıkları: mm-dh'nin 36/12 px dış + 28 px iç boşluğu kapalı satırları açıyordu (#397 ölçümü) */
html.mx-pdp23 [data-mx23-acc] .mx23-acc-h,
html.mx-pdp23.mm-pdp-v2 .mm-desc .blocks-top .product_blocks .block-content[data-mx23-acc] .mx23-acc-h{margin:0!important;padding:0!important;border-top:1px solid var(--mm-line,#e3e3dc);font-size:inherit!important}
/* önizleme satırı: header.twig '.block-content p{margin:0 0 14px}' (0,4,2) eziyordu */
html.mx-pdp23.mm-pdp-v2 .mm-desc .blocks-top .product_blocks .block-content p.mx23-on{margin:-8px 44px 0 0!important;padding:0 0 14px!important}
html.mx-pdp23 [data-mx23-acc] .mx23-acc-h::before,html.mx-pdp23 [data-mx23-acc] .mx23-acc-h::after{display:none!important}
html.mx-pdp23 [data-mx23-acc] .mx23-acc-btn{font-size:17px;line-height:1.35}

/* --- TD-123b Sepete Ekle dikkat hareketi: B · Halka (kullanıcı seçimi 22 Eki; A/C kaldırıldı). Tek sefer + 6 sn hareketsizlikte bir kez daha, yalnız transform/opacity (CLS 0),
   döngü yok (WCAG 2.2.2), prefers-reduced-motion'da hiç yok. ::before J3'ün; halka ::after'da. Eğri: çıkış cubic-bezier(.22,1,.36,1). --- */
/* Halka: düğme çevresinden ince petrol halka bir kez genişleyip söner (0,85 sn) */
html.mx23-h-B #button-cart::after{content:"";position:absolute;inset:-1px;border:2px solid #3e7479;border-radius:inherit;opacity:0;pointer-events:none;transform:scale(1)}
html.mx23-h-B #button-cart.mx23-halka::after{animation:mx23Halka .85s cubic-bezier(.22,1,.36,1) 1}
@keyframes mx23Halka{0%{opacity:.8;transform:scale(1,1)}100%{opacity:0;transform:scale(1.035,1.5)}}
@media (prefers-reduced-motion:reduce){html.mx23-cta #button-cart::after{display:none!important;animation:none!important}}