/* Mağaza eklentileri (magaza-ek.js): favoriler, son bakılanlar, WhatsApp, taksit, haber ver. */
.codex-ek-kart{position:relative}
.codex-ek-fav{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid #dbe7ed;background:#ffffffee;color:#c2415b;font-size:19px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #17304718;transition:transform .15s,background .15s}
.codex-ek-fav:hover{transform:scale(1.08);background:#fff}
/* Tema/kart düğme kuralları (ör. ilgili ürünlerde tam genişlik düğme) kalbi ezmesin; indirim (sol üst) ve stok (sağ üst) rozetleriyle çakışmasın diye stok rozetinin altında durur. */
.product-card .codex-ek-fav:not(.codex-ek-fav-lg){position:absolute!important;top:42px!important;right:10px!important;left:auto!important;width:36px!important;height:36px!important;min-width:0!important;max-width:36px!important;padding:0!important;margin:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:19px!important;line-height:1!important;color:#c2415b!important;background:#ffffffee!important;border:1px solid #dbe7ed!important;box-shadow:0 4px 14px #17304718!important;text-transform:none!important;letter-spacing:0!important}
.product-card .codex-ek-fav.on:not(.codex-ek-fav-lg){background:#fff0f3!important;border-color:#f3b8c4!important}
.codex-ek-fav.on{background:#fff0f3;border-color:#f3b8c4}
.codex-ek-fav-lg{position:static;width:46px;height:46px;flex:0 0 46px;font-size:22px;box-shadow:none}
.product-buy-row{align-items:center}
.product-buy-row:has(.codex-ek-fav-lg){grid-template-columns:82px 1fr 46px}
@media (max-width:600px){.product-buy-row:has(.codex-ek-fav-lg){grid-template-columns:70px 1fr 46px}}

.codex-ek-perde{position:fixed;inset:0;background:#10202c66;z-index:51;opacity:0;pointer-events:none;transition:opacity .2s}
.codex-ek-perde.open{opacity:1;pointer-events:auto}
.codex-ek-cekmece{position:fixed;right:0;top:0;height:100vh;width:min(420px,100vw);background:#fff;z-index:52;transform:translateX(105%);transition:transform .25s;box-shadow:-20px 0 55px #17304730;display:grid;grid-template-rows:auto 1fr;color:#173047}
.codex-ek-cekmece.open{transform:none}
.codex-ek-cekmece header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid #dbe7ed}
.codex-ek-sekmeler{display:flex;gap:6px;flex-wrap:wrap}
.codex-ek-sekmeler button{border:1px solid #dbe7ed;background:#f5f9fb;color:#173047;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}
.codex-ek-sekmeler button.active{background:#173047;border-color:#173047;color:#fff}
.codex-ek-sekmeler b{margin-left:4px}
.codex-ek-kapat{border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer;color:#667c8d}
.codex-ek-liste{overflow:auto;padding:12px 16px;display:grid;align-content:start;gap:10px}
.codex-ek-bos{color:#667c8d;text-align:center;padding:30px 10px;margin:0}
.codex-ek-oge{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;border:1px solid #e3edf2;border-radius:12px;padding:10px}
.codex-ek-oge img{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#f5f9fb}
.codex-ek-oge div{display:grid;gap:3px;min-width:0}
.codex-ek-oge div a{color:#173047;text-decoration:none;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.codex-ek-oge small{color:#2f8a63}.codex-ek-oge small.yok{color:#c2415b}
.codex-ek-oge-islem{grid-column:1/-1;display:flex!important;gap:8px}
.codex-ek-oge-islem .store-primary{flex:1;padding:9px 12px}
.codex-ek-kaldir{border:1px solid #dbe7ed;background:#fff;border-radius:9px;padding:8px 12px;cursor:pointer;color:#667c8d}

.codex-ek-urun{display:grid;gap:10px;margin:12px 0}
.codex-ek-wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25d366;color:#fff!important;text-decoration:none;font-weight:800;border-radius:12px;padding:12px 16px}
.codex-ek-wa-btn:hover{background:#1ebe5b}
.codex-ek-taksit,.codex-ek-haber{border:1px solid #dbe7ed;border-radius:12px;padding:10px 14px;background:#fbfdfe;margin:10px 0}
.codex-ek-taksit summary,.codex-ek-haber summary{cursor:pointer;font-weight:800;color:#173047}
.codex-ek-taksit table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}
.codex-ek-taksit th,.codex-ek-taksit td{text-align:left;padding:7px 6px;border-bottom:1px solid #e3edf2}
.codex-ek-taksit th{color:#667c8d;font-size:12px;text-transform:uppercase}
.codex-ek-taksit small{display:block;color:#667c8d;margin-top:8px}
.codex-ek-haber-form{display:grid;gap:8px;margin-top:10px}
.codex-ek-haber-form p{margin:0;color:#667c8d;font-size:14px}
.codex-ek-haber-form input{border:1px solid #cfdde5;border-radius:9px;padding:10px 12px;font:inherit;min-width:0}
.codex-ek-haber-form output{font-size:14px}
.codex-ek-haber-form output.tamam{color:#2f8a63;font-weight:700}
.codex-ek-haber-form output.hata{color:#c2415b;font-weight:700}

.codex-ek-wa-float{position:fixed;right:20px;bottom:22px;z-index:45;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 28px #0b5d2a55;transition:transform .15s}
.codex-ek-wa-float:hover{transform:scale(1.07)}
@media (max-width:600px){
  .codex-ek-wa-float{right:14px;bottom:16px;width:50px;height:50px}
  .product-card .codex-ek-fav:not(.codex-ek-fav-lg){width:32px!important;height:32px!important;max-width:32px!important;font-size:17px!important;top:40px!important;right:8px!important}
}
@media print{.codex-ek-wa-float,.codex-ek-cekmece,.codex-ek-perde{display:none!important}}

/* Puan yıldızları (--puan: 0-5) */
.codex-ek-yildizlar{position:relative;display:inline-block;width:max-content;justify-self:start;flex:none;font-size:15px;line-height:1;color:#d5dde3;letter-spacing:1px;vertical-align:-1px}
.codex-ek-yildizlar::before{content:'★★★★★'}
.codex-ek-yildizlar::after{content:'★★★★★';position:absolute;left:0;top:0;width:calc(var(--puan) / 5 * 100%);overflow:hidden;white-space:nowrap;color:#f2a91e}
.codex-ek-kart-puan{display:flex;align-items:center;gap:6px;margin:2px 0 4px;font-size:12px;color:#667c8d}
.codex-ek-puan-ozet{display:inline-flex;align-items:center;gap:6px;margin:6px 0 2px;color:#173047;text-decoration:none;font-size:14px}
.codex-ek-puan-ozet:hover{text-decoration:underline}

/* Ürün yorumları */
.codex-ek-yorum-ust{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:22px;align-items:start;margin:10px 0 18px}
.codex-ek-yorum-ozet{display:grid;gap:6px;border:1px solid #dbe7ed;border-radius:14px;padding:16px;background:#fbfdfe}
.codex-ek-yorum-ozet>strong{font-size:38px;line-height:1;color:#173047}
.codex-ek-yorum-ozet>.codex-ek-yildizlar{font-size:20px}
.codex-ek-dagilim{display:grid;grid-template-columns:34px 1fr 28px;gap:8px;align-items:center;font-size:13px;color:#667c8d}
.codex-ek-dagilim i{height:8px;border-radius:9px;background:#e8eff3;overflow:hidden}
.codex-ek-dagilim i b{display:block;height:100%;background:#f2a91e;border-radius:9px}
.codex-ek-yorum-form{display:grid;gap:9px}
.codex-ek-yorum-form input,.codex-ek-yorum-form textarea{border:1px solid #cfdde5;border-radius:9px;padding:10px 12px;font:inherit;min-width:0}
.codex-ek-yorum-form small{color:#667c8d}
.codex-ek-yorum-form output.tamam{color:#2f8a63;font-weight:700}.codex-ek-yorum-form output.hata{color:#c2415b;font-weight:700}
.codex-ek-puan-sec{display:flex;gap:4px}
.codex-ek-puan-sec button{border:0;background:transparent;font-size:30px;line-height:1;color:#d5dde3;cursor:pointer;padding:0 2px}
.codex-ek-puan-sec button.on,.codex-ek-puan-sec button:hover{color:#f2a91e}
.codex-ek-yorum-liste{display:grid;gap:12px}
.codex-ek-yorum{border-top:1px solid #e3edf2;padding-top:12px}
.codex-ek-yorum header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}
.codex-ek-yorum time{color:#8a9aa6;font-size:12px;margin-left:auto}
.codex-ek-yorum p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.codex-ek-dogrulanmis{background:#e7f6ee;color:#23784f;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}
.codex-ek-yanit{margin:8px 0 0 14px;border-left:3px solid #dbe7ed;padding-left:10px;color:#40596b}
.codex-ek-yanit p{margin:3px 0 0}
.codex-ek-yorum-giris{margin:0;padding:14px;border:1px dashed #cfdde5;border-radius:12px}
@media (max-width:720px){.codex-ek-yorum-ust{grid-template-columns:1fr}}

/* Birlikte al paketi */
.codex-ek-paket{margin:22px 0}
.codex-ek-paket-kart{display:grid;grid-template-columns:1fr minmax(220px,260px);gap:18px;align-items:center;border:1px solid #dbe7ed;border-radius:16px;padding:16px;background:#fff;margin-top:12px}
.codex-ek-paket-urunler{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.codex-ek-paket-urunler a{display:grid;gap:4px;justify-items:center;text-align:center;width:120px;color:#173047;text-decoration:none;font-size:13px}
.codex-ek-paket-urunler a.bu{font-weight:700}
.codex-ek-paket-urunler img{width:84px;height:84px;object-fit:contain;border-radius:10px;background:#f5f9fb}
.codex-ek-paket-urunler a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.codex-ek-arti{font-size:24px;color:#8a9aa6;font-weight:700}
.codex-ek-paket-ozet{display:grid;gap:6px;justify-items:start}
.codex-ek-paket-ozet del{color:#8a9aa6}
.codex-ek-paket-ozet strong{font-size:24px;color:#173047}
.codex-ek-paket-rozet{background:#fff0e6;color:#c2410c;border-radius:999px;padding:3px 10px;font-weight:800;font-size:12px}
.codex-ek-paket-ozet .store-primary{text-decoration:none;text-align:center;justify-self:stretch}
.codex-ek-paket-ozet small{color:#667c8d}
@media (max-width:720px){.codex-ek-paket-kart{grid-template-columns:1fr}}

/* Açılır kampanya penceresi */
.codex-ek-popup{position:fixed;inset:0;z-index:90;background:#10202c99;display:grid;place-items:center;padding:16px;animation:codexEkBelir .2s ease}
.codex-ek-popup-kutu{position:relative;width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 80px #0006;color:#173047}
.codex-ek-popup-kutu>img{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:18px 18px 0 0}
.codex-ek-popup-icerik{display:grid;gap:12px;padding:22px}
.codex-ek-popup-icerik h2{margin:0;font-size:24px}
.codex-ek-popup-icerik p{margin:0;color:#40596b}
.codex-ek-popup-icerik .store-primary{text-decoration:none;text-align:center}
.codex-ek-popup-kapat{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;border:0;background:#ffffffe6;font-size:24px;line-height:1;cursor:pointer;color:#173047;box-shadow:0 4px 14px #0002}
.codex-ek-kupon{display:flex;gap:8px;align-items:center;border:2px dashed #f2a91e;border-radius:12px;padding:8px 10px}
.codex-ek-kupon code{flex:1;font-size:20px;font-weight:800;letter-spacing:1px}
.codex-ek-kupon button{border:0;background:#173047;color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}
@keyframes codexEkBelir{from{opacity:0}to{opacity:1}}

/* Davet bağlantısı ve döviz gösterimi */
.codex-ek-davet-link{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
.codex-ek-davet-link input{flex:1 1 240px;min-width:0;border:1px solid #cfdde5;border-radius:9px;padding:10px 12px;font:inherit;background:#f7fafc}
.codex-ek-davet-link .store-primary,.codex-ek-davet-link .codex-ek-wa-btn{padding:10px 14px}
.codex-ek-doviz{display:block;color:#667c8d;font-size:12px;font-weight:600;margin-top:2px}
.codex-ek-doviz-sec{border:1px solid #dbe7ed;border-radius:9px;padding:6px 8px;background:#fff;color:#173047;font:inherit;font-size:13px;cursor:pointer}
@media(max-width:760px){.codex-ek-doviz-sec{padding:4px 2px;font-size:12px;max-width:58px;align-self:center}}
/* Şifremi unuttum */
.codex-ek-sifre-link{background:none;border:0;color:#357da2;cursor:pointer;padding:4px 0;font:inherit;font-size:13px;text-decoration:underline;justify-self:start;width:auto;box-shadow:none}
.codex-ek-sifre-form p{margin:0;color:#5f7482;font-size:13px;line-height:1.5}
.codex-ek-sifre-form output,.codex-ek-sifre-yeni output{display:block;font-size:13px;line-height:1.5}
.codex-ek-sifre-form output.hata,.codex-ek-sifre-yeni output.hata,.codex-ek-sifre-hesap.hata{color:#b55f55}
.codex-ek-sifre-form output.basari,.codex-ek-sifre-yeni output.basari{color:#2f7d5b}
.codex-ek-sifre-form output.uyari{color:#8a5a14}
.codex-ek-sifre-yeni{display:grid;gap:10px}
.codex-ek-sifre-yeni label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#506876}
.codex-ek-sifre-yeni input{border:1px solid #cfdee5;border-radius:9px;padding:11px;font:inherit}
.codex-ek-sifre-hesap{color:#40596b;font-weight:600}

/* "Randevu Al" düğmesi (üst menü ve alt bilgi) */
body nav.store-actions a.codex-ek-randevu{display:inline-flex;align-items:center;gap:6px;align-self:center;padding:8px 14px;border-radius:999px;background:var(--store-accent,#357da2);color:#fff;font-weight:700;text-decoration:none;white-space:nowrap;line-height:1.2}
body nav.store-actions a.codex-ek-randevu:hover{color:#fff;filter:brightness(1.08)}
body nav.store-actions a.codex-ek-randevu span{display:inline}
.store-footer-contact a.codex-ek-randevu-alt{display:block;font-weight:700}
@media(max-width:760px){body nav.store-actions a.codex-ek-randevu{padding:7px 10px;font-size:12px}}
@media(max-width:420px){body nav.store-actions a.codex-ek-randevu span{display:none}}

/* Telefon: iki sütunlu ürün listesi ve iPhone'da odaklanınca büyümeyen (16px) giriş kutuları */
@media(max-width:760px){
  body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),body select,body textarea{font-size:16px!important}
}
@media(max-width:560px){
  html body .product-grid.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  html body .product-grid.product-grid .product-card{min-width:0;padding:8px!important;border-radius:14px}
  html body .product-grid.product-grid .product-card .product-image{min-height:0!important;aspect-ratio:1/1;height:auto!important}
  html body .product-grid.product-grid .product-card .product-image img{width:100%;height:100%;object-fit:contain}
  html body .product-grid.product-grid .product-card .product-body{padding:8px 2px 6px!important}
  html body .product-grid.product-grid .product-card h3{font-size:14px!important;line-height:1.3!important;margin:4px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  html body .product-grid.product-grid .product-card .product-body>p{display:none!important}
  html body .product-grid.product-grid .product-card .product-meta{font-size:10px!important}
  html body .product-grid.product-grid .product-card .product-price strong{font-size:16px!important}
  html body .product-grid.product-grid .product-card .product-price del{font-size:11px!important}
  html body .product-grid.product-grid .product-card .stock-badge,body .product-grid .product-card .discount-badge{font-size:9px!important;padding:3px 6px!important}
  html body .product-grid.product-grid .product-card>.store-primary{box-sizing:border-box;width:100%!important;max-width:100%!important;margin:6px 0 0!important;min-height:40px;padding:9px 6px!important;font-size:13px!important;white-space:normal;position:static!important;transform:none!important}
}
