/*
Theme Name: İskit Duşakabin
Description: İskit Duşakabin için özel yazılmış tema.
Author: Paradigma Yazılım
Version: 1.0
Text Domain: iskit
*/

:root{
  --brand-orange:#F28C1E;
  --brand-orange-dark:#D9790F;
  --brand-blue:#29ABE2;
  --brand-dark:#242424;
  --brand-light:#F5F5F5;
  --border:#e5e5e5;
}

*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#333;line-height:1.6;background:#fff;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
.container{max-width:1300px;margin:0 auto;padding:0 20px;}

/* ===== Duyuru şeridi ===== */
.idk-marquee{background:var(--brand-dark);color:#fff;overflow:hidden;white-space:nowrap;padding:4px 0;}
.idk-marquee-track{display:inline-block;padding-left:100%;animation:idk-marquee 44s linear infinite;}
.idk-marquee-track span{display:inline-flex;align-items:center;gap:5px;margin:0 40px;font-size:.7rem;font-weight:600;letter-spacing:.2px;}
.idk-marquee-track span::before{content:'';width:11px;height:11px;flex:0 0 auto;background-color:var(--brand-orange);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}
.idk-marquee-track span.idk-mq-garanti::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M9 12l2 2 4-4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M9 12l2 2 4-4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.idk-marquee-track span.idk-mq-kargo::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='7' width='12' height='9' rx='1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M14 10h4l4 4v2h-8v-6Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Ccircle cx='7' cy='18' r='1.6' fill='black'/%3E%3Ccircle cx='18' cy='18' r='1.6' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='7' width='12' height='9' rx='1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M14 10h4l4 4v2h-8v-6Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Ccircle cx='7' cy='18' r='1.6' fill='black'/%3E%3Ccircle cx='18' cy='18' r='1.6' fill='black'/%3E%3C/svg%3E");}
.idk-marquee-track span.idk-mq-montaj::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L4 17l3 3 5.3-5.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2-2 2.6-2.6Z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L4 17l3 3 5.3-5.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2-2 2.6-2.6Z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");}
@keyframes idk-marquee{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}

/* ===== Özel kaydırma çubuğu (siyah/gümüş) ===== */
html{scrollbar-color:#555 #1a1a1a;scrollbar-width:thin;overflow-x:hidden;}
/* Anasayfadaki keşif şeridi (otomatik kayan kare kutular) ara sıra sayfayı
   yatayda birkaç yüz piksel taşırıp tarayıcının kendi yatay kaydırma
   çubuğunun sürekli belirip kaybolmasına yol açıyordu — bunu html'nin kendi
   overflow-x:hidden'ı (yukarıda) tek başına çözüyor, sayfanın gerçek kök
   kaydırma öğesi html olduğu için bu yeterli.
   ÖNEMLİ (bulunan gerçek hata): burada AYRICA body{overflow-x:hidden} da
   eklenmişti — bu, .idk-header'daki position:sticky'yi (aşağı kaydırınca
   gizlenip YUKARI kaydırınca tekrar görünen üst çubuk) KIRIYORDU: body'ye
   overflow verilince tarayıcı sticky'nin "en yakın kaydıran atası"nı artık
   viewport değil body sanıyor, header viewport'a sabitlenmek yerine sayfayla
   birlikte kayıp gidiyordu — kullanıcının defalarca bildirdiği "yukarı
   kaydırınca üst menü geri gelmiyor" sorununun kök nedeni buydu. body'deki
   satır kaldırıldı, html'deki tek başına yatay taşmayı önlemeye yetiyor. */
::-webkit-scrollbar{width:11px;height:11px;}
::-webkit-scrollbar-track{background:#1a1a1a;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d8d8d8,#8c8c8c 45%,#3a3a3a);border-radius:10px;border:2px solid #1a1a1a;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#eaeaea,#a8a8a8 45%,#4a4a4a);}

/* ===== Ana header =====
   Üst çubuk (Hakkımızda/Referanslar/İletişim + telefon + WhatsApp) artık
   kendi ayrı şeridi değil, arama çubuğunun HEMEN ÜSTÜNDE, sağa hizalı ince
   bir satır — referans (hepsiburada.com) örneğindeki gibi. */
.idk-mainheader{padding:14px 0;background:#fff;}
/* align-items:flex-end -> logo ve ikonlar, üstteki ince link satırının
   ALTINDAKİ arama çubuğuyla aynı hizada (dikey ortada) dursun; center
   kullanılsaydı tüm sütunun (link satırı + arama) ortasına denk gelip
   arama çubuğuyla hizası kayıyordu. */
.idk-mainheader .container{display:flex;align-items:flex-end;gap:28px;}
.idk-logo{display:flex;align-items:center;gap:10px;flex:0 0 auto;height:86px;}
.idk-logo-icon{max-height:84px;width:auto;}
.idk-logo-text{font-size:2.55rem;font-weight:800;color:#242424;line-height:1.05;white-space:nowrap;}
.idk-logo-text small{display:block;font-size:.62em;font-weight:700;color:#242424;}

.idk-header-search-col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px;}
.idk-header-toplinks{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap;}
.idk-header-toplinks .idk-topbar-menu{display:flex;gap:16px;}
.idk-header-toplinks .idk-topbar-menu li{position:relative;}
.idk-header-toplinks .idk-topbar-menu li:not(:first-child)::before{content:'';position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:1px;height:11px;background:rgba(0,0,0,.16);}
.idk-header-toplinks .idk-topbar-menu a{font-size:.8rem;color:#666;}
.idk-header-toplinks .idk-topbar-menu a:hover{color:var(--brand-orange);}
.idk-header-toplinks .idk-phone{color:#444;font-weight:600;font-size:.8rem;display:inline-flex;align-items:center;gap:5px;}
.idk-header-toplinks .idk-wa-link{display:inline-flex;align-items:center;gap:5px;color:var(--brand-orange);font-weight:600;font-size:.8rem;}
.idk-header-search{width:100%;}

.idk-header-icons{display:flex;align-items:center;gap:18px;flex:0 0 auto;}
.idk-icon-stack{display:flex;flex-direction:column;align-items:center;gap:4px;}
.idk-icon-label{font-size:.68rem;font-weight:700;color:#555;white-space:nowrap;}
.idk-icon-btn{width:40px;height:40px;border-radius:50%;background:var(--brand-light);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#333;position:relative;}
.idk-icon-btn:hover{background:#ececec;}
.idk-cart-btn{background:var(--brand-dark);color:#fff !important;border-radius:30px;padding:8px 18px 8px 10px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;}
.idk-cart-btn .idk-cart-count{background:var(--brand-orange);color:#fff;border-radius:50%;width:20px;height:20px;font-size:.72rem;display:flex;align-items:center;justify-content:center;}

/* Arama — %50 daha yüksek, büyüteç ikonu SOLDA (referans görsel gibi) */
#idk-search{position:relative;width:100%;max-width:none;}
#idk-search-input{width:100%;box-sizing:border-box;border:1.5px solid #ddd;background:#fff;border-radius:10px;padding:8px 42px 8px 46px;font-size:.95rem;outline:none;transition:border-color .2s;height:57px;}
#idk-search-input:focus{border-color:var(--brand-orange);}
#idk-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none;font-size:.85rem;}
#idk-search-spinner{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #eee;border-top-color:var(--brand-orange);border-radius:50%;display:none;animation:idk-spin .7s linear infinite;}
#idk-search-spinner.show{display:block;}
@keyframes idk-spin{to{transform:translateY(-50%) rotate(360deg);}}
#idk-search-results{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:420px;overflow-y:auto;z-index:999;text-align:left;grid-template-columns:repeat(2,1fr);gap:1px;background:#f2f2f2;padding:1px;}
#idk-search-results.show{display:grid;}
#idk-search-results a.idk-sr-item{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;color:#242424;background:#fff;}
#idk-search-results a.idk-sr-item:hover{background:var(--brand-light);}
#idk-search-results img{width:38px;height:38px;object-fit:cover;border-radius:6px;flex-shrink:0;}
#idk-search-results .idk-sr-name{font-size:.82rem;font-weight:600;line-height:1.3;}
#idk-search-results .idk-sr-price{font-size:.78rem;color:var(--brand-orange-dark);font-weight:700;}
#idk-search-results .idk-sr-empty{grid-column:1 / -1;padding:16px;color:#888;font-size:.85rem;text-align:center;background:#fff;}

/* ===== Kategori menüsü (below header) — canlı gri bar, referans (hepsiburada.com) örneğindeki gibi ===== */
.idk-catnav{background:#eef0f2;border-top:1px solid rgba(0,0,0,.05);border-bottom:none;box-shadow:0 4px 10px rgba(0,0,0,.05);position:relative;z-index:50;}
/* Kategori barı ile hero görseli arasında canlı turuncu bir ayraç çizgisi
   + üzerinde soldan sağa sürekli ışıldayan hareketli bir parlama. */
.idk-catnav::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:4px;background:var(--brand-orange);z-index:2;}
.idk-catnav::before{content:'';position:absolute;left:-20%;bottom:-4px;height:4px;width:20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:idk-catnav-sweep 2.6s linear infinite;z-index:3;}
@keyframes idk-catnav-sweep{
  0%{left:-20%;}
  100%{left:100%;}
}
.idk-catnav .container{display:flex;}
.idk-catnav > .container > ul{display:flex;flex-wrap:wrap;}
.idk-catnav > .container > ul > li{position:relative;}
.idk-catnav > .container > ul > li > a{display:flex;align-items:center;gap:8px;padding:14px 16px;font-weight:600;font-size:.92rem;color:#333;}
.idk-catnav > .container > ul > li:hover > a{color:var(--brand-orange);}
/* Alt kategori paneli — referans (hepsiburada.com) örneğindeki gibi TÜM
   kategori barının genişliğinde açılıyor (tek dar sütun yerine). Sol kenar
   ve genişlik JS ile hesaplanıp satır içi style olarak yazılıyor (bkz.
   footer.php) — burada sadece varsayılan/başlangıç değerleri var. İçerik,
   her 2. seviye kategoriyi kalın/turuncu bir BAŞLIK, altındaki 3. seviye
   kategorileri de o başlığa bağlı düz bir liste olarak (hepsiburada'daki
   gibi) sütunlar halinde gösteriyor. */
.idk-catnav > .container > ul > li > ul{display:none;position:absolute;top:100%;left:0;width:340px;background:#fff;border:1px solid var(--border);border-top:none;box-shadow:0 18px 40px rgba(0,0,0,.16);padding:28px 32px;columns:220px 5;column-gap:32px;box-sizing:border-box;}
.idk-catnav > .container > ul > li > ul li{break-inside:avoid;}
.idk-catnav > .container > ul > li:hover > ul{display:block;}
.idk-catnav li ul li{position:relative;margin-bottom:14px;}
.idk-catnav li ul li > a{display:block;padding:4px 10px;border-radius:6px;font-size:.86rem;font-weight:500;color:#444;white-space:nowrap;}
.idk-catnav li ul li:hover > a{color:var(--brand-orange);}
/* 3. seviye (bir başlığa bağlı kategoriler) — artık hover ile açılan bir
   flyout değil, başlığın hemen altında her zaman görünen düz bir liste. */
.idk-catnav li ul ul{display:block;position:static;background:none;border:none;box-shadow:none;padding:0;margin-top:2px;column-count:1;min-width:0;max-width:none;}
.idk-catnav li ul ul li{margin-bottom:2px;}
.idk-catnav li ul ul li > a{font-weight:400;font-size:.82rem;color:#666;padding:4px 10px;white-space:normal;}
.idk-catnav li ul ul li:hover > a{color:var(--brand-orange);background:var(--brand-light);}

/* Kategori ikonları (üst seviye) */
.idk-catnav > .container > ul > li[class*="idk-cat-icon-"] > a::before{content:'';width:16px;height:16px;flex:0 0 auto;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}
.idk-cat-icon-dusakabinler > a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='3' width='16' height='18' rx='2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cline x1='12' y1='3' x2='12' y2='21' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='15' cy='12' r='1.2' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='3' width='16' height='18' rx='2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cline x1='12' y1='3' x2='12' y2='21' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='15' cy='12' r='1.2' fill='black'/%3E%3C/svg%3E");}
.idk-cat-icon-dus-teknesi > a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='9' width='18' height='8' rx='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='13' r='1.3' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='9' width='18' height='8' rx='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='13' r='1.3' fill='black'/%3E%3C/svg%3E");}
.idk-cat-icon-kuvet > a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h18v2a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5v-2Z' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 12a2 2 0 0 1 2-2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cline x1='6' y1='4' x2='6' y2='8' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h18v2a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5v-2Z' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 12a2 2 0 0 1 2-2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cline x1='6' y1='4' x2='6' y2='8' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E");}
.idk-cat-icon-aksesuarlar > a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L4 17l3 3 5.3-5.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2-2 2.6-2.6Z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L4 17l3 3 5.3-5.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2-2 2.6-2.6Z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");}
.idk-cat-icon-armaturler > a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 10V6a3 3 0 0 1 3-3h3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M12 3c3 0 6 1.5 6 4.5S15 12 12 12' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Cline x1='6' y1='10' x2='6' y2='21' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 21c1-2 2-2 3-2s2 0 3 2' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 10V6a3 3 0 0 1 3-3h3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M12 3c3 0 6 1.5 6 4.5S15 12 12 12' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Cline x1='6' y1='10' x2='6' y2='21' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 21c1-2 2-2 3-2s2 0 3 2' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");}
.idk-cat-icon-banyo-dolaplari > a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='3' width='16' height='18' rx='1.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cline x1='4' y1='12' x2='20' y2='12' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='7.5' r='.9' fill='black'/%3E%3Ccircle cx='12' cy='16.5' r='.9' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='3' width='16' height='18' rx='1.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cline x1='4' y1='12' x2='20' y2='12' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='7.5' r='.9' fill='black'/%3E%3Ccircle cx='12' cy='16.5' r='.9' fill='black'/%3E%3C/svg%3E");}
.idk-cat-icon-dus-sistemleri > a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8a8 8 0 0 1 16 0' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Cline x1='4' y1='8' x2='20' y2='8' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Cline x1='8' y1='12' x2='7' y2='15' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3Cline x1='12' y1='12' x2='12' y2='16' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3Cline x1='16' y1='12' x2='17' y2='15' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8a8 8 0 0 1 16 0' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Cline x1='4' y1='8' x2='20' y2='8' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Cline x1='8' y1='12' x2='7' y2='15' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3Cline x1='12' y1='12' x2='12' y2='16' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3Cline x1='16' y1='12' x2='17' y2='15' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");}
.idk-cat-icon-jakuzi-sistemleri > a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h18v1a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5v-1Z' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='9' cy='7' r='1' fill='black'/%3E%3Ccircle cx='12' cy='4.5' r='.8' fill='black'/%3E%3Ccircle cx='15' cy='7.5' r='.9' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h18v1a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5v-1Z' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='9' cy='7' r='1' fill='black'/%3E%3Ccircle cx='12' cy='4.5' r='.8' fill='black'/%3E%3Ccircle cx='15' cy='7.5' r='.9' fill='black'/%3E%3C/svg%3E");}

/* Açılır menü okları (alt kategorisi olan tüm seviyeler) */
.idk-catnav > .container > ul > li.menu-item-has-children > a{padding-right:26px;}
.idk-catnav > .container > ul > li.menu-item-has-children > a::after{content:'';position:absolute;right:6px;top:50%;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;}
.idk-catnav > .container > ul > li.menu-item-has-children:hover > a::after{transform:translateY(-40%) rotate(45deg);}
/* 2. seviye + alt kategorisi olan öğeler artık flyout tetikleyicisi değil,
   kendi altındaki 3. seviye listenin BAŞLIĞI olarak gösteriliyor (ok
   simgesi yok, kalın + turuncu). */
.idk-catnav li ul li.menu-item-has-children > a{padding-right:10px;font-weight:700;color:var(--brand-orange);font-size:.88rem;}
.idk-catnav li ul li.menu-item-has-children:hover > a{color:var(--brand-orange);}
.idk-catnav li ul ul li.menu-item-has-children > a{font-weight:400;color:#666;}
.idk-catnav li ul ul li.menu-item-has-children:hover > a{color:var(--brand-orange);}

/* ===== İçerik ===== */
.idk-main{min-height:200px;padding-top:18px;padding-bottom:40px;}
.page-title{margin:0 0 18px;}
/* Anasayfada hero tam üstte oturmalı, siyah menü barıyla arasında boşluk olmasın. */
.home .idk-main{padding-top:0;}

/* Üst menü (logo/arama/sepet + kategori barı) kaydırınca sabit kalsın. */
/* Header artık her zaman sabit kalmıyor — aşağı kaydırırken gizleniyor,
   YUKARI kaydırınca tekrar beliriyor (JS: footer.php, scroll yönünü izliyor). */
.idk-header{position:sticky;top:0;z-index:300;background:#fff;transition:transform .3s ease;}
.idk-header.idk-header-hidden{transform:translateY(-100%);}

/* ===== Mağaza/kategori sayfası: sol filtre kenar çubuğu ===== */
.idk-main.idk-has-shop-sidebar{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start;}
.idk-shop-sidebar{position:sticky;top:166px;}
.idk-shop-widget{border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:20px;background:#fff;}
.idk-shop-widget h4{margin:0 0 14px;font-size:.95rem;font-weight:800;color:var(--brand-dark);text-transform:uppercase;letter-spacing:.03em;}
/* Fiyat filtresi (WooCommerce'in kendi widget'ı) */
.price_slider_wrapper .price_slider{margin-bottom:16px;}
/* ÖNEMLİ: WooCommerce'in kendi fiyat kaydırıcı CSS'i tam olarak
   ".woocommerce .widget_price_filter .ui-slider .ui-slider-handle" gibi 4
   sınıflı bir seçici kullanıyor (specificity bizim eski 2 sınıflı seçicimizden
   yüksekti; ayrıca before_widget'a %2$s eklenmeden "widget_price_filter"
   class'ı hiç basılmadığı için tutamaç position:absolute bile alamıyordu —
   kaydırıcının "bozuk/toplu" görünmesinin asıl sebebi buydu, %2$s eklenerek
   düzeltildi). Kendi marka rengimizin kazanması için !important kullanıyoruz. */
.price_slider.ui-slider-horizontal{height:5px !important;background:var(--border) !important;border:none !important;border-radius:4px !important;}
.price_slider .ui-slider-range{background:var(--brand-orange) !important;border-radius:4px !important;}
.price_slider .ui-slider-handle{width:16px !important;height:16px !important;top:-6px !important;margin-left:-8px !important;background:#fff !important;border:2px solid var(--brand-orange) !important;border-radius:50% !important;box-shadow:0 2px 6px rgba(0,0,0,.2);outline:none;cursor:pointer;}
.price_slider_amount{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.price_slider_amount button{background:var(--brand-orange) !important;color:#fff !important;border:none !important;border-radius:20px !important;padding:8px 18px !important;font-size:.82rem !important;font-weight:700 !important;cursor:pointer;transition:background .2s ease;}
.price_slider_amount button:hover{background:var(--brand-orange-dark) !important;}
.price_slider_amount .price_label{font-size:.82rem;color:#555;}
/* Kategori filtresi */
.idk-shop-widget ul.product-categories{list-style:none;margin:0;padding:0;}
.idk-shop-widget ul.product-categories li{border-bottom:1px solid var(--border);}
.idk-shop-widget ul.product-categories li:last-child{border-bottom:none;}
.idk-shop-widget ul.product-categories a{display:block;padding:9px 2px;font-size:.86rem;color:#444;flex:1;}
.idk-shop-widget ul.product-categories li{display:flex;align-items:center;justify-content:space-between;}
.idk-shop-widget ul.product-categories a:hover{color:var(--brand-orange);}
.idk-shop-widget ul.product-categories .count{font-size:.76rem;color:#999;}
.idk-shop-widget ul.product-categories li.current-cat > a{color:var(--brand-orange);font-weight:700;}
@media (max-width: 860px) {
  .idk-main.idk-has-shop-sidebar{grid-template-columns:1fr;}
  .idk-shop-sidebar{position:static;order:2;}
  /* Filtre kutuları (fiyat/kategori) mobilde ürünlerden ÖNCE değil SONRA
     gelsin — aksi halde kullanıcı hiç ürün görmeden uzun bir filtre bloğunu
     kaydırmak zorunda kalıyordu. */
  .idk-shop-content{order:1;}
}

/* ===== Footer ===== */
.idk-footer{background:var(--brand-dark);color:#ccc;padding:56px 0 0;margin-top:60px;}
.idk-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-bottom:40px;border-bottom:1px solid #3a3a3a;}
.idk-footer-grid h4{color:#fff;font-size:1rem;margin:0 0 16px;}
.idk-footer-grid ul li{margin-bottom:9px;}
.idk-footer-grid a{font-size:.88rem;color:#bbb;}
.idk-footer-grid a:hover{color:var(--brand-orange);}
.idk-footer-bottom{text-align:center;padding:18px 0;font-size:.82rem;color:#999;}
.idk-footer-bottom a{color:var(--brand-orange);font-weight:600;}

/* Ödeme yöntemi rozetleri */
.idk-payment-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;padding:22px 0;border-top:1px solid rgba(255,255,255,.08);}
.idk-pay-badge{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 4px;opacity:.75;filter:grayscale(1) brightness(2);transition:opacity .2s ease,filter .2s ease;}
.idk-pay-badge:hover{opacity:1;filter:none;}
.idk-pay-badge.idk-pay-text{color:#fff;font-weight:700;font-size:.82rem;letter-spacing:.2px;padding:0 6px;filter:none;font-family:Georgia,'Times New Roman',serif;}
.idk-pay-badge.idk-pay-troy{font-family:inherit;text-transform:lowercase;font-style:italic;}
.idk-pay-badge svg{display:block;}

/* İndirim rozeti — vitrin kartlarında VE ürün sayfasında görselin SAĞ ÜST
   köşesinde, turuncu yazıyla, yüzde indirim oranıyla. Görselden taşmaması
   için resim linkine (bkz. aşağıdaki `> a{position:relative}`) göre
   konumlanıyor — tek görselli ürünlerde önceden bu en yakın konumlanmış ata
   li.product'ın kendisi oluyordu (padding'i yüzünden görselin biraz dışına
   taşıyordu), artık her zaman doğrudan görsel linkine göre hizalanıyor. */
/* WooCommerce'in kendi varsayılan .onsale stili (span.onsale, bizimkinden
   daha yüksek özgüllükte, yeşilimsi arka plan + sol üst konum) bazı
   özellikleri ezebiliyordu — bu yüzden konum/renk burada !important ile
   kesinleştiriliyor. */
.onsale,span.onsale{position:absolute !important;top:10px !important;right:10px !important;left:auto !important;bottom:auto !important;z-index:4;background:#fff !important;color:var(--brand-orange) !important;font-weight:800;font-size:.78rem;padding:4px 9px !important;border-radius:6px !important;min-width:0 !important;min-height:0 !important;width:auto !important;height:auto !important;line-height:normal !important;box-shadow:0 3px 10px rgba(0,0,0,.15);letter-spacing:.2px;}
.woocommerce-product-gallery .onsale{top:14px !important;right:14px !important;font-size:.85rem;padding:6px 12px;}
ul.products li.product > a{position:relative;display:block;}

/* ===== WooCommerce ürün kartı düzeltmeleri ===== */
/* Mağaza/kategori/arama gibi standart WooCommerce arşiv sayfalarında ul.products
   şimdiye kadar WooCommerce'in eski float tabanlı ızgarasını kullanıyordu — bu
   da aynı satırdaki kartların YÜKSEKLİĞİNİN birbirinden farklı kalmasına (başlık
   1/2 satır, fiyat 1/2 satır gibi içerik farklarına göre) yol açıyordu. li.product
   artık flex-column + Sepete Ekle/favori/karşılaştır grubu margin-top:auto ile
   HER KARTIN KENDİ İÇİNDE alta yapışıyor (aşağıda) — ama bu, satırdaki TÜM
   kartların eşit yükseklikte olmasına bağlı, aksi halde kartlar arası buton
   hizası kayıyordu (anasayfadaki .idk-products ul.products{display:grid} kuralı
   sadece anasayfa post içeriğine özeldi, mağaza/kategori sayfalarına hiç
   uygulanmıyordu). Bu yüzden ızgara artık TÜM ul.products için genel/global. */
ul.products{display:grid !important;grid-template-columns:repeat(4,1fr);gap:20px;}
/* WooCommerce'in eski float düzeni için eklediği clearfix (ul.products::before/
   ::after{content:" ";display:table;}) grid'de de sessizce bir grid HÜCRESİ
   işgal ediyordu (display:table, display:none değil) — bu da satır başına
   3 gerçek ürün + 1 "hayalet" hücre gibi kayık bir yerleşime, dolayısıyla
   beklenenden FAZLA satıra yol açıyordu (anasayfanın kendi .idk-products
   kapsamındaki aynı düzeltmeyle birebir aynı sorun). */
ul.products::before,ul.products::after{content:none !important;display:none !important;}
/* WooCommerce'in kendi float tabanlı ızgarası (width:%, float:left, margin)
   grid'imizle çakışmasın diye burada elle sıfırlanıyor (!important, çünkü
   WooCommerce'in .woocommerce ul.products li.product kuralı bizimkinden daha
   yüksek özgüllükte). */
ul.products li.product{width:auto !important;float:none !important;margin:0 !important;border:1px solid #eee;border-radius:8px;padding:14px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;}
ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.1);z-index:2;}
/* Ürün adı 1/2 satır, indirimli ürünlerde eski+yeni fiyat 1/2 satır sürebiliyor
   — bu yüzden üstteki içeriğin toplam yüksekliği karttan karta değişiyor.
   Sepete Ekle butonu + favori/karşılaştır ikonları ORTAK bir sarmalayıcıda
   (.idk-card-actions, footer.php'deki JS ile button+wishlist+compare aynı
   div'e taşınıyor) ve li.product artık flex-column; bu sarmalayıcı
   margin-top:auto ile içerik yüksekliğinden BAĞIMSIZ olarak her zaman kartın
   en altına yapışıyor. (Daha önce mutlak konumlama — position:absolute;
   bottom:14px — kullanılmıştı ama sabit bir konumda durduğu için hem 2
   satırlık başlıkla hem indirimli ürünlerin 2 satırlık fiyatıyla çakışıyordu;
   flex+margin-top:auto bu sorunu kökten çözüyor. Favori/karşılaştır butonları
   artık li'nin DOĞRUDAN alt öğesi DEĞİL, .idk-card-actions'ın içinde — bu
   yüzden flex-column'un ilk denemesindeki "her doğrudan alt öğe kendi flex
   satırı oluyor" yan etkisi de artık yaşanmıyor.) */
ul.products li.product .idk-card-actions{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:8px;}
/* Sepete Ekle, favori ve karşılaştır ikonları her zaman tam renkli/görünür —
   karşılaştır/favori üzerine gelince turuncuya dönüyor (aşağıdaki
   .idk-wishlist-btn:hover/.idk-compare-btn:hover), Sepete Ekle butonu
   üzerine gelince de küçük bir sepet ikonu beliriyor. */
ul.products li.product .add_to_cart_button .idk-cart-icon{display:inline-block;width:0;opacity:0;overflow:hidden;vertical-align:middle;transition:width .2s ease,opacity .2s ease,margin .2s ease;}
ul.products li.product .add_to_cart_button:hover .idk-cart-icon{width:14px;opacity:1;margin-right:5px;}
ul.products li.product .add_to_cart_button .idk-cart-icon svg{display:block;width:14px;height:14px;}
ul.products li.product .add_to_cart_button{background:var(--brand-orange) !important;border-radius:5px;color:#fff !important;}
ul.products li.product .add_to_cart_button:hover{background:var(--brand-orange-dark) !important;}
ul.products li.product .price{color:var(--brand-orange-dark);font-weight:700;}

/* Ürün kartı: hover'da açılan mercek (tıklanınca modal) + favori/karşılaştır (kart altında) */
ul.products li.product img{transition:transform .4s ease,filter .3s ease;}
ul.products li.product:hover img{transform:scale(1.06);filter:brightness(.72);}
/* Birden fazla fotoğrafı olan ürünlerde, resmin üzerinde fare soldan sağa
   gezdirildikçe galerideki diğer fotoğraflar gösteriliyor (footer.php'deki JS). */
.idk-gallery-hover{position:relative;display:block;}
ul.products li.product .idk-quick-lens{position:absolute;top:114px;left:50%;width:44px;height:44px;margin:0;padding:0;z-index:3;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--brand-dark);border:none;box-shadow:0 4px 14px rgba(0,0,0,.28);opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .3s ease,transform .3s ease,background .2s ease,color .2s ease;cursor:pointer;}
ul.products li.product:hover .idk-quick-lens{opacity:1;transform:translate(-50%,-50%) scale(1);}
ul.products li.product .idk-quick-lens:hover{background:var(--brand-orange);color:#fff;}

ul.products li.product .idk-wishlist-btn,
ul.products li.product .idk-compare-btn{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:32px;height:32px;min-width:32px;flex:0 0 32px;border-radius:50%;background:var(--brand-light);border:1px solid var(--border);margin:0;padding:0;transition:background .2s ease,color .2s ease,border-color .2s ease;color:#333;cursor:pointer;}
ul.products li.product .idk-wishlist-btn svg{display:block;width:15px;height:15px;flex:0 0 auto;pointer-events:none;}
ul.products li.product .idk-wishlist-btn:hover,
ul.products li.product .idk-compare-btn:hover{background:var(--brand-orange);color:#fff;}
ul.products li.product .idk-wishlist-btn.added,
ul.products li.product .idk-compare-btn.added{background:var(--brand-orange);color:#fff;}
ul.products li.product .idk-wishlist-btn.added svg{fill:currentColor;}
/* Karşılaştırmaya eklenmiş bir üründe simgenin üzerine gelince "çıkar" ikonuna
   geçiş yapıyoruz — konum/boyut SABİT kalıyor (ikisi de aynı kutuda üst üste,
   sadece saydamlık geçişi var), böylece kullanıcı simgenin peşinden koşmuyor. */
ul.products li.product .idk-compare-btn svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;flex:0 0 auto;pointer-events:none;transition:opacity .18s ease;}
ul.products li.product .idk-compare-btn .idk-cmp-icon-remove{opacity:0;}
ul.products li.product .idk-compare-btn.added:hover{background:#d9483c;border-color:#d9483c;}
ul.products li.product .idk-compare-btn.added:hover .idk-cmp-icon-add{opacity:0;}
ul.products li.product .idk-compare-btn.added:hover .idk-cmp-icon-remove{opacity:1;}

/* ===== Karşılaştırma alt şeridi (YITH preview bar) ===== */
/* z-index:900 !important ŞART: YITH Compare eklentisinin KENDİ CSS dosyası
   (widget.css) bizim tema CSS'imizden SONRA yükleniyor ve aynı ID seçiciyle
   (#yith-woocompare-preview-bar) z-index'i 99'a düşürüyor — bu da mobildeki
   yeni alt sabit menünün (z-index:900) şeridin "Karşılaştırmayı Görüntüle"
   butonu ve kapatma ikonunun ÜZERİNE binmesine yol açıyordu (kullanıcı
   bildirdi: "tab menü o iki butonun üstünü kapatıyor"). !important ile
   yükleme sırasından bağımsız kesin öncelik sağlanıyor. */
#yith-woocompare-preview-bar{position:fixed;left:0;right:0;bottom:0;z-index:950 !important;background:#fff;border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(0,0,0,.1);transform:translateY(100%);opacity:0;transition:transform .3s ease,opacity .3s ease;}
#yith-woocompare-preview-bar.shown{transform:translateY(0);opacity:1;}
#yith-woocompare-preview-bar .container{max-width:1300px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:24px;}
#yith-woocompare-preview-bar header{flex:0 0 auto;}
#yith-woocompare-preview-bar header p{margin:0;font-size:.82rem;font-weight:600;color:var(--brand-dark);line-height:1.35;}
/* overflow-x:auto tek başına bırakılırsa tarayıcı overflow-y'yi de örtük olarak
   "auto" yapıyor (CSS overflow kuralı gereği) — bu da köşeden taşan "×" rozetinin
   üst kısmının kırpılmasına yol açıyordu (rozet "yarım" görünmesinin asıl son sebebi
   buydu). overflow-y'yi açıkça visible yaparak bunu engelliyoruz; genişlik zaten
   5 ürüne göre tasarlandığı için yatay kaydırmaya normalde hiç gerek kalmıyor. */
#yith-woocompare-preview-bar .content{flex:1 1 auto;overflow-x:auto;overflow-y:visible;padding-top:8px;margin-top:-8px;}
#yith-woocompare-preview-bar ul.compare-list{display:flex;gap:10px;list-style:none;margin:0;padding:0;}
/* overflow:hidden KASITLI OLARAK YOK: modal içindeki aynı hatanın (bkz.
   #yith-woocompare table.compare-list .image-wrap notu) burada da bir eşi vardı —
   kutunun yuvarlak köşesi üstteki "×" rozetini yarım kesiyordu. Yuvarlamayı kutudan
   resme taşıdık, rozet artık tam daire olarak görünüyor ve gerçek tıklama da köşede
   resme değil rozete düşüyor. */
#yith-woocompare-preview-bar ul.compare-list li{position:relative;flex:0 0 auto;width:56px;height:56px;border-radius:8px;overflow:visible;border:1px solid var(--border);background:var(--brand-light);}
#yith-woocompare-preview-bar ul.compare-list li img{width:100%;height:100%;object-fit:cover;border-radius:7px;}
#yith-woocompare-preview-bar ul.compare-list li.product-placeholder{border-style:dashed;}
#yith-woocompare-preview-bar ul.compare-list li.product-placeholder span{display:flex;align-items:center;justify-content:center;height:100%;font-size:.68rem;color:#aaa;text-align:center;}
/* ÖNEMLİ: Eklentinin KENDİ compare.css'i bu tam yolda
   (#yith-woocompare-preview-bar .compare-list .image-wrap .remove a) ayrıca bir kural
   tanımlıyor ve "class sayısı" bakımından bizim eski (ul.compare-list li .remove a)
   kuralımızdan daha spesifikti — o yüzden bizim stilimiz hiç uygulanmıyor, eklentinin
   kendi beyaz/25px/right:-10px;top:-10px rozeti (resmin biraz dışına taşan, yarım
   görünen o rozet) kazanıyordu. Çözüm: eklentinin BİREBİR AYNI seçicisini kullanıp
   kendi tasarımımızı onun üzerine basıyoruz. */
#yith-woocompare-preview-bar .compare-list .image-wrap .remove a{display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;background:rgba(20,20,20,.85) !important;font-size:0 !important;position:absolute !important;right:-6px !important;top:-6px !important;width:22px !important;height:22px !important;border-radius:50% !important;line-height:1 !important;text-decoration:none !important;transition:background .2s ease;}
#yith-woocompare-preview-bar .compare-list .image-wrap .remove a:hover{background:var(--brand-orange) !important;}
#yith-woocompare-preview-bar .compare-list .image-wrap .remove a:after{content:"\00D7";font-size:13px !important;line-height:1;}
#yith-woocompare-preview-bar footer{flex:0 0 auto;display:flex;align-items:center;gap:12px;}
#yith-woocompare-preview-bar footer a{display:inline-block;background:var(--brand-orange);color:#fff !important;font-weight:700;font-size:.85rem;padding:11px 26px;border-radius:30px;text-decoration:none;white-space:nowrap;transition:background .2s ease;}
#yith-woocompare-preview-bar footer a:hover{background:var(--brand-orange-dark);}
/* Şeridi (listeyi bozmadan) kapatmak için sağdaki şık "×" düğmesi. */
/* Kapatma ikonu — bar arka planı BEYAZ (#fff), ama bu buton beyaz üzerine
   beyaz/yarı-saydam renklerle tasarlanmıştı (koyu bir bar varsayılmış) —
   pratikte görünmüyordu. Bar rengine göre koyu renklere çevrildi. */
#yith-woocompare-preview-bar .idk-bar-close{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--brand-light);border:1px solid var(--border);color:var(--brand-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s ease,border-color .2s ease;}
#yith-woocompare-preview-bar .idk-bar-close:hover{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff;}
@media(max-width:768px){
  #yith-woocompare-preview-bar .container{flex-wrap:wrap;gap:12px;padding:12px 16px;}
  #yith-woocompare-preview-bar header{flex-basis:100%;order:1;}
  #yith-woocompare-preview-bar .content{order:2;flex:1 1 auto;}
  #yith-woocompare-preview-bar footer{order:3;flex-basis:100%;justify-content:space-between;}
  #yith-woocompare-preview-bar footer a{flex:1 1 auto;text-align:center;padding:11px 14px;}
}

/* ===== Karşılaştırma tablosu sayfası (premium görünüm) ===== */
/* Karşılaştırma penceresi — siyah/şeffaf, camsı, şık çerçeve (kendi modalımız; eklentinin colorbox kütüphanesi sunucuda hiç yok) */
.idk-cmp-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(8,8,10,.55);display:none;overflow-y:auto;padding:40px 26px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.idk-cmp-modal-overlay.show{display:block;}
.idk-cmp-modal{position:relative;width:100%;max-width:1300px;margin:0 auto;background:rgba(20,20,22,.93);border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.55);}
.idk-cmp-modal-close{position:absolute;top:-17px;right:-17px;z-index:5;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s ease;padding:0;}
.idk-cmp-modal-close:hover{background:var(--brand-orange);}
.idk-cmp-loading{padding:60px;text-align:center;color:#fff;font-size:.95rem;}

body.woocommerce-no-js #yith-woocompare,
#yith-woocompare{max-width:100%;margin:0;padding:36px 28px;box-sizing:border-box;}
#yith-woocompare table.compare-list{width:100% !important;table-layout:fixed !important;border-collapse:separate;border-spacing:0;background:transparent;border-radius:10px;overflow:hidden;box-sizing:border-box;}
/* Eklentinin kendi compare.css'i "#yith-woocompare table.compare-list tr{background:#fff}"
   kuralıyla HER satırı beyaza boyuyor (aşağıdaki nth-child(even) kuralımız sadece çift
   satırları eziyordu, tek satırlar — ör. ürün/görsel satırı — beyaz kalıyordu). Taban
   kuralı burada eziyoruz ki tüm satırlar şeffaf/camsı temaya uysun. */
#yith-woocompare table.compare-list tr{background:transparent !important;}
/* Stok satırındaki soluk yeşil/turuncu arka planlar da eklentiden geliyor, koyu temada
   yamalı görünüyordu — kaldırıp sadece rozet (.availability-label) rengiyle bırakıyoruz. */
#yith-woocompare table.compare-list tr.stock td.in-stock,
#yith-woocompare table.compare-list tr.stock td.out-of-stock{background:transparent !important;color:inherit;}
/* "Kaldır" ikonu eklentinin .image-overlay katmanı İÇİNDE ve o katman varsayılan
   olarak (eklentinin kendi compare.css'inde) SADECE resme hover yapılınca görünüyor
   — yani mobilde ve fare gezdirilmeden hiç görünmüyordu, "tıklayınca tepki yok"
   hissinin bir parçası buydu. Katmanı her zaman görünür yapıp resmi karartan koyu
   arka planını kaldırıyoruz, sadece köşedeki ikon kalıyor. */
#yith-woocompare table.compare-list .image-overlay{display:block !important;left:auto !important;bottom:auto !important;background:none !important;isolation:isolate;z-index:5 !important;pointer-events:auto;}
#yith-woocompare table.compare-list .image-wrap .remove{position:relative;z-index:6;pointer-events:auto;}
#yith-woocompare table.compare-list th,
#yith-woocompare table.compare-list td{padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.12);text-align:center;vertical-align:middle;overflow:hidden;box-sizing:border-box;}
#yith-woocompare table.compare-list th{text-align:left;background:rgba(255,255,255,.06);font-weight:700;color:#fff;font-size:.76rem;width:78px !important;word-break:break-word;overflow-wrap:break-word;white-space:normal;}
/* Eklentinin kendi compare.css'i her ürün sütununa "min-width:300px;width:300px"
   veriyor — table-layout:fixed olsa bile bu, 5 ürün eklendiğinde toplam genişliğin
   (78px + 5×300px = 1578px) modalın kendi genişliğini (max 1300px) aşmasına ve son
   ürünün kutunun dışında kalmasına yol açıyordu. Sütun genişliğini sabitlemek yerine
   otomatik/eşit bölüşüme bırakıyoruz ki kaç ürün olursa olsun (1-5) hepsi kutunun
   içine sığsın. */
#yith-woocompare table.compare-list td:not(.filler){width:auto !important;min-width:0 !important;}
/* "Ürünleri Karşılaştır" başlığı 78px'lik etiket sütununa sığmayınca "Karşılaştır"
   kelimesinin ortasından yatay olarak taşıp overflow:hidden tarafından kesiliyordu.
   Kelimeyi gerekirse kırıp sütuna sığdırıyoruz, artık kesilmiyor. */
#yith-woocompare table.compare-list th h2{font-size:.72rem;line-height:1.3;margin:0;font-weight:700;word-break:break-word;overflow-wrap:break-word;white-space:normal;}
#yith-woocompare table.compare-list tr:last-child th,
#yith-woocompare table.compare-list tr:last-child td{border-bottom:none;}
#yith-woocompare table.compare-list td.filler{display:none;}
#yith-woocompare table.compare-list th.fields,
#yith-woocompare table.compare-list thead td,
#yith-woocompare table.compare-list tfoot td{background:transparent;border:none;padding:0;}
#yith-woocompare table.compare-list tr.product_info td{padding-top:14px;}
/* overflow:hidden BURADA KASITLI OLARAK KALDIRILDI: köşedeki "kaldır" ikonu tam
   yuvarlatılmış köşenin üstüne oturuyordu, Chromium'da overflow:hidden+border-radius+
   mutlak konumlu iç eleman kombinasyonu gerçek fare tıklamasının (hit-test) o köşede
   resmin kendisine düşmesine yol açıyordu (tıklama hiç tepki vermiyordu) — köşe
   yuvarlaklığını artık doğrudan resme veriyoruz, sarmalayıcıda kırpma yok. */
#yith-woocompare table.compare-list .image-wrap{position:relative !important;width:100px !important;max-width:100px !important;height:100px !important;margin:0 auto 8px !important;border-radius:8px;overflow:visible;background:rgba(255,255,255,.08);}
#yith-woocompare table.compare-list .image-wrap img{border-radius:8px;}
#yith-woocompare table.compare-list .image-wrap img{width:100px !important;height:100px !important;max-width:100px !important;object-fit:cover;display:block;}
#yith-woocompare table.compare-list .image-overlay{position:absolute;top:0;right:0;z-index:2;line-height:0;}
/* Eklentinin KENDİ ":hover" kuralı (table.compare-list .image-wrap:hover .image-overlay
   .remove a) resme gelince bu simgeye ayrıca right:20px;bottom:20px;width:30px;height:30px
   veriyordu — bizim kuralımız bu iki özelliği (right/bottom) hiç belirtmediği için hover'da
   sadece O rule'un değerleri uygulanıp simge yerinden oynuyordu ("peşinden koşma" hissi
   buradan geliyordu). top/right/bottom/left'i BURADA sabitleyip !important ile kilitliyoruz
   ki hover ne olursa olsun konum asla değişmesin. */
#yith-woocompare table.compare-list .remove a{position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;z-index:6;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:28px !important;height:28px !important;background:rgba(0,0,0,.6) !important;color:#fff;border-radius:0 0 0 8px;text-decoration:none;transition:background .2s ease;font-size:12px;line-height:1;font-family:Arial,sans-serif;}
#yith-woocompare table.compare-list .remove a span{pointer-events:none;}
#yith-woocompare table.compare-list .remove a:hover{background:var(--brand-orange);}
#yith-woocompare table.compare-list a.product-anchor{text-decoration:none;}
#yith-woocompare table.compare-list h4.product_title{font-size:.74rem;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.28;min-height:2.05em;overflow:hidden;word-break:break-word;}
#yith-woocompare table.compare-list .add_to_cart_wrap .add_to_cart_button{display:inline-block;background:var(--brand-orange) !important;color:#fff !important;font-weight:700;font-size:.68rem;padding:6px 10px;border-radius:5px;text-decoration:none;transition:background .2s ease;white-space:nowrap;}
#yith-woocompare table.compare-list .add_to_cart_wrap .add_to_cart_button:hover{background:var(--brand-orange-dark) !important;}
#yith-woocompare table.compare-list tr.price td{font-size:.88rem;font-weight:800;color:var(--brand-orange);}
#yith-woocompare table.compare-list tr.sku td,
#yith-woocompare table.compare-list tr.weight td,
#yith-woocompare table.compare-list tr.dimensions td,
#yith-woocompare table.compare-list tr.description td{color:rgba(255,255,255,.7);font-size:.76rem;}
#yith-woocompare table.compare-list tr.stock .availability-label{display:inline-block;padding:3px 9px;border-radius:20px;background:rgba(76,175,80,.22);color:#8ee39b;font-size:.66rem;font-weight:700;}
#yith-woocompare table.compare-list tr:nth-child(even){background:rgba(255,255,255,.03);}

/* DataTables eklentisinin eksik sıralama ikonu (sort_*.png) dosyaları 404 veriyor, kırık/yarım simge olarak görünüyordu — bu tabloda sıralamaya gerek yok, kapatıyoruz. */
#yith-woocompare table.dataTable thead th,
#yith-woocompare table.dataTable thead .sorting,
#yith-woocompare table.dataTable thead .sorting_asc,
#yith-woocompare table.dataTable thead .sorting_desc,
#yith-woocompare table.dataTable thead .sorting_asc_disabled,
#yith-woocompare table.dataTable thead .sorting_desc_disabled{background-image:none !important;cursor:default !important;}
@media(max-width:900px){
  #yith-woocompare{overflow-x:auto;}
  #yith-woocompare table.compare-list{min-width:700px;}
}

/* Hızlı bakış modalı (mercek tıklanınca) */
.idk-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(20,20,20,.6);display:none;align-items:center;justify-content:center;padding:20px;}
.idk-modal-overlay.show{display:flex;}
.idk-modal{background:#fff;border-radius:12px;max-width:760px;width:100%;max-height:88vh;overflow:auto;display:flex;flex-wrap:wrap;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.35);}
.idk-modal-img{flex:1 1 320px;min-height:280px;background-size:cover;background-position:center;border-radius:12px 0 0 12px;}
.idk-modal-body{flex:1 1 320px;padding:34px 32px;}
.idk-modal-body h3{margin:0 0 14px;font-size:1.35rem;font-weight:800;color:var(--brand-dark);line-height:1.3;}
.idk-modal-body p{margin:0 0 20px;color:#555;font-size:.94rem;line-height:1.65;}
.idk-modal-price{display:block;font-size:1.3rem;font-weight:800;color:var(--brand-orange-dark);margin-bottom:22px;}
.idk-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--brand-dark);z-index:2;padding:0;}
.idk-modal-close svg{display:block;width:14px;height:14px;pointer-events:none;}
.idk-modal-close:hover{background:var(--brand-orange);color:#fff;border-color:var(--brand-orange);}
@media(max-width:640px){.idk-modal{flex-direction:column;}.idk-modal-img{border-radius:12px 12px 0 0;min-height:200px;}}

/* ===== Yukarı çık butonu ===== */
.idk-to-top{position:fixed;left:22px;bottom:22px;z-index:998;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--brand-dark);border:1px solid var(--border);box-shadow:0 6px 16px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s,background .2s ease,color .2s ease;cursor:pointer;}
.idk-to-top.show{opacity:1;visibility:visible;transform:translateY(0);}
.idk-to-top:hover{background:var(--brand-orange);color:#fff;}
.idk-to-top svg{width:20px;height:20px;}

/* ===== Scroll-reveal (bölümler kaydırıldıkça belirir) ===== */
.idk-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
.idk-reveal.idk-in{opacity:1;transform:translateY(0);}

/* ===== Sabit WhatsApp / Instagram butonları ===== */
.idk-fab-stack{position:fixed;right:22px;bottom:22px;z-index:999;display:flex;flex-direction:column;gap:14px;}
.idk-fab{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.22);transition:transform .2s ease,box-shadow .2s ease;}
.idk-fab:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 10px 22px rgba(0,0,0,.28);}
.idk-fab svg{width:26px;height:26px;fill:#fff;}
.idk-fab-whatsapp{background:#25D366;}
.idk-fab-instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}

/* Mobil */
@media(max-width:900px){
  .idk-mainheader .container{flex-wrap:wrap;}
  .idk-header-search{order:3;flex-basis:100%;max-width:100%;}
  /* .idk-header-toplinks .idk-topbar-menu{display:flex} (yukarıda, ~satır 68)
     ile AYNI özgüllükte (2 sınıf) yazılması ŞART — sadece .idk-topbar-menu
     (1 sınıf) yazılırsa, medya sorgusu içinde olsa bile o daha yüksek
     özgüllükteki kural karşısında kaybediyor ve menü mobilde hiç gizlenmiyor. */
  .idk-header-toplinks .idk-topbar-menu{display:none;}
  .idk-footer-grid{grid-template-columns:repeat(2,1fr);}
  /* Kategori barı satırlara BÖLÜNMÜYOR, tek satırda yatay kaydırılıyor —
     ama linklerin kendi metni de sarmalanmasın diye (örn. "Duş Teknesi"
     "Duş" / "Teknesi" diye iki satıra bölünmesin) white-space:nowrap şart. */
  .idk-catnav > .container > ul{overflow-x:auto;flex-wrap:nowrap;}
  .idk-catnav > .container > ul > li > a{white-space:nowrap;}
  .idk-fab-stack{right:14px;bottom:14px;gap:10px;}
  .idk-fab{width:46px;height:46px;}
  .idk-fab svg{width:22px;height:22px;}
  ul.products{grid-template-columns:repeat(2,1fr) !important;}
  /* Logo + arama çubuğu + hesap/sepet ikonları masaüstü için büyütülmüştü —
     telefonda bu boyutlar üst kısmı gereksiz yere ekranın çok büyük bir
     bölümüne yayıyordu, burada küçültülüyor. */
  .idk-logo{height:48px;}
  .idk-logo-icon{max-height:46px;}
  .idk-logo-text{font-size:1.4rem;}
  #idk-search-input{height:44px;padding:6px 38px 6px 40px;font-size:.88rem;}
  .idk-header-icons{gap:12px;}
  .idk-icon-btn{width:34px;height:34px;font-size:.95rem;}
  .idk-icon-label{font-size:.62rem;}
  .idk-cart-btn{padding:6px 14px 6px 8px;font-size:.82rem;}
  /* 2 sütunlu mobil ızgarada kart genişliği dar (~165px) — masaüstü
     boyutundaki buton+2 ikon yan yana sığmıyor, karşılaştır ikonu kartın
     dışına taşıp kesiliyordu. İkonları küçültüp aradaki boşluğu daraltıyoruz;
     yine de sığmazsa flex-wrap ile ikonlar butonun altına düşsün (kesilmek
     yerine), taşma asla olmasın. */
  ul.products li.product .idk-card-actions{gap:4px;flex-wrap:wrap;}
  ul.products li.product .add_to_cart_button{padding:9px 10px;font-size:.82rem;}
  ul.products li.product .idk-wishlist-btn,
  ul.products li.product .idk-compare-btn{width:26px;height:26px;min-width:26px;flex:0 0 26px;}
}
#idk-search-mount{width:100%;display:flex;justify-content:center;}
.idk-logo{flex:0 0 auto;min-width:0;}
.idk-header-icons{flex:0 0 auto;min-width:260px;justify-content:flex-end;}
.idk-cart-btn{min-width:120px;justify-content:center;}

/* Mağaza/kategori: kaydırdıkça otomatik yükleme durum yazısı. */
#idk-infinite-status{text-align:center;padding:24px 0;font-size:.86rem;color:#888;grid-column:1/-1;}

/* Karşılaştırma şeridi açıkken sabit şeridin altındaki içeriği (ör. sol filtre
   kenar çubuğunun son satırları) örtmemesi için sayfanın altına şerit
   yüksekliği kadar boşluk bırakılıyor. */
body.idk-cmp-bar-open{padding-bottom:100px;}

/* ===== Ürün detay sayfası ===== */

/* Gezinme (breadcrumb) — sidebar'lı arşiv sayfasında grid'in tam genişliğini kaplasın. */
.woocommerce-breadcrumb{font-size:.84rem;color:#888;margin:0 0 8px;}
.woocommerce-breadcrumb a{color:#888;}
.woocommerce-breadcrumb a:hover{color:var(--brand-orange);}
.idk-has-shop-sidebar > .woocommerce-breadcrumb{grid-column:1/-1;}

/* Fiyat — site genelinde (ürün detay, sepet, ödeme, ilgili ürünler) tek renk/kalınlık. */
.woocommerce-Price-amount{color:var(--brand-orange-dark);font-weight:700;}
.summary .price{font-size:1.5rem;display:block;margin:6px 0 18px;}
.summary .price ins{text-decoration:none;}
.summary .price del{opacity:.55;font-weight:400;font-size:.8em;margin-right:8px;}

/* Stok kodu + kategoriler satırı */
.product_meta{font-size:.84rem;color:#777;margin-top:16px;}
.product_meta > span{display:block;margin-bottom:4px;}
.product_meta a{color:#777;}
.product_meta a:hover{color:var(--brand-orange);}

/* Serbest ölçü metin kutusu */
.idk-custom-size-field{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;max-width:320px;}
.idk-custom-size-field label{font-size:.82rem;font-weight:600;color:var(--brand-dark);}
.idk-custom-size-field input{border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-size:.9rem;box-sizing:border-box;}
.idk-custom-size-field input:focus{outline:none;border-color:var(--brand-orange);}

/* Miktar + Sepete Ekle + Hemen Al satırı */
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;}
.woocommerce div.product form.cart .quantity{margin:0;}
.woocommerce div.product form.cart .quantity .qty{width:60px;padding:10px 8px;border:1px solid var(--border);border-radius:6px;}
.single_add_to_cart_button.button{background:var(--brand-orange) !important;border-color:var(--brand-orange) !important;color:#fff !important;font-weight:700;padding:13px 30px !important;border-radius:6px !important;font-size:.95rem !important;transition:background .2s ease;}
.single_add_to_cart_button.button:hover{background:var(--brand-orange-dark) !important;}
.single_add_to_cart_button.loading{opacity:.65;pointer-events:none;}
.idk-buy-now-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--brand-dark);color:#fff !important;font-weight:700;padding:13px 26px;border-radius:6px;font-size:.95rem;text-decoration:none !important;transition:background .2s ease;}
.idk-buy-now-btn:hover{background:#3a3a3a;}
.idk-buy-now-btn.loading{opacity:.65;pointer-events:none;}

/* YITH favori butonu (ürün detay) — vitrin kartlarıyla aynı aileden ama tam boy metinli */
.woocommerce div.product .yith-wcwl-add-to-wishlist{margin-bottom:14px;display:inline-block;}
.woocommerce div.product .yith-wcwl-add-to-wishlist .add_to_wishlist{display:inline-flex !important;align-items:center;gap:6px;background:var(--brand-light) !important;color:var(--brand-dark) !important;border:1px solid var(--border) !important;border-radius:30px;padding:9px 18px !important;font-size:.84rem !important;font-weight:600;text-decoration:none !important;transition:background .2s ease,color .2s ease;}
.woocommerce div.product .yith-wcwl-add-to-wishlist .add_to_wishlist:hover{background:var(--brand-orange) !important;color:#fff !important;}

/* Karşılaştırmaya Ekle (ürün detay) — "Favorilere Ekle" ile AYNI aile: tek
   buton, ikon+etiket birlikte, dolgun/pill görünüm. Tıklama işleyicisi
   vitrin kartlarıyla paylaşılan .idk-compare-btn akışı (bkz. footer.php);
   burada ayrıca "×" (kaldır) ikonu YOK — sade, tek sembol. */
.yith-add-to-wishlist-button-block{display:inline-block;vertical-align:middle;margin:0 10px 14px 0;}
.idk-compare-btn-pdp-pill{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;margin:0 0 14px;background:var(--brand-light);color:var(--brand-dark);border:1px solid var(--border);border-radius:30px;padding:9px 18px;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.idk-compare-btn-pdp-pill svg{width:15px;height:15px;flex:0 0 auto;}
.idk-compare-btn-pdp-pill:hover{background:var(--brand-orange);color:#fff;border-color:var(--brand-orange);}
@media(max-width:480px){
  /* Dar telefon ekranlarında "Favorilere Ekle" ve "Karşılaştırmaya Ekle"
     yan yana sıkışıp birbirine değiyordu — alt alta ayrı satırlara. */
  .yith-add-to-wishlist-button-block,
  .idk-compare-btn-pdp-pill{display:block;width:fit-content;margin:0 0 10px;}
}
.idk-compare-btn-pdp-pill.added{background:var(--brand-dark);color:#fff;border-color:var(--brand-dark);}

/* ===== Ürün galerisi: küçük resimler sağda/altta değil SOLDA dikey bir albüm,
   ana görselin üzerinde şık ok butonları. ===== */
.woocommerce-product-gallery{position:relative;display:flex;flex-direction:row-reverse;gap:14px;}
.woocommerce-product-gallery .flex-viewport{flex:1 1 auto;border-radius:10px;overflow:hidden;}
.woocommerce-product-gallery .flex-control-nav{position:static !important;flex:0 0 84px;display:flex !important;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0;width:84px;max-height:600px;overflow-y:auto;}
/* ÖNEMLİ: WooCommerce'in kendi CSS'i ".woocommerce div.product div.images
   .flex-control-thumbs li{width:25%;float:left}" gibi 4 sınıflı bir seçici
   kullanıyor — bizim 2 sınıflı seçicimizden daha spesifik olduğu için küçük
   resimler 84px yerine kutunun %25'ine (21px'e) sıkışıyordu. !important ile
   eziyoruz. */
.woocommerce-product-gallery .flex-control-nav li{width:84px !important;height:84px !important;margin:0 !important;float:none !important;}
.woocommerce-product-gallery .flex-control-nav img{width:84px !important;height:84px !important;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:border-color .2s ease,opacity .2s ease;opacity:.6 !important;margin:0 !important;}
.woocommerce-product-gallery .flex-control-nav img:hover{opacity:1 !important;}
.woocommerce-product-gallery .flex-control-nav img.flex-active,
.woocommerce-product-gallery .flex-control-nav .flex-active img{border-color:var(--brand-orange);opacity:1 !important;}
.idk-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid var(--border);box-shadow:0 4px 14px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--brand-dark);transition:background .2s ease,color .2s ease;}
.idk-gallery-arrow:hover{background:var(--brand-orange);color:#fff;}
.idk-gallery-arrow-prev{left:14px;}
.idk-gallery-arrow-next{right:14px;}
@media (max-width: 680px) {
  .woocommerce-product-gallery{flex-direction:column;}
  .woocommerce-product-gallery .flex-control-nav{flex-direction:row;width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;}
}

/* ===== Sekmeler (Açıklama / Soru Cevap / Değerlendirmeler / Ek Bilgi / Taksitler) ===== */
.woocommerce-tabs ul.tabs{border-bottom:1px solid var(--border);margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:4px;}
.woocommerce-tabs ul.tabs li{margin:0;}
.woocommerce-tabs ul.tabs li a{display:inline-block;padding:12px 18px;font-weight:600;font-size:.9rem;color:#777;text-decoration:none;border-bottom:2px solid transparent;}
.woocommerce-tabs ul.tabs li.active a{color:var(--brand-orange-dark);border-bottom-color:var(--brand-orange);}

/* Soru-Cevap sekmesi */
.idk-qa-list{margin-bottom:26px;display:flex;flex-direction:column;gap:16px;}
.idk-qa-item{border:1px solid var(--border);border-radius:10px;padding:16px 18px;}
.idk-qa-q, .idk-qa-a{margin:0 0 8px;font-size:.9rem;line-height:1.5;}
.idk-qa-a{margin-bottom:0;color:#555;}
.idk-qa-tag{display:inline-block;background:var(--brand-dark);color:#fff;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 8px;margin-right:6px;vertical-align:middle;}
.idk-qa-tag-a{background:var(--brand-orange);}
.idk-qa-pending{margin:0;font-size:.8rem;color:#aaa;font-style:italic;}
.idk-qa-form{max-width:520px;border-top:1px solid var(--border);padding-top:20px;}
.idk-qa-form h4{margin:0 0 14px;}
.idk-qa-form input,
.idk-qa-form textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-size:.88rem;margin-bottom:12px;font-family:inherit;}
.idk-qa-form textarea{min-height:90px;resize:vertical;}
.idk-qa-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}
.idk-qa-form button{background:var(--brand-orange);color:#fff;border:none;border-radius:6px;padding:11px 26px;font-weight:700;font-size:.88rem;cursor:pointer;transition:background .2s ease;}
.idk-qa-form button:hover{background:var(--brand-orange-dark);}
.idk-qa-msg{margin-top:10px;font-size:.84rem;}
.idk-qa-msg.idk-ok{color:#2e8b3d;}
.idk-qa-msg.idk-err{color:#c0392b;}

/* Taksit sekmesi */
.idk-installment-note{font-size:.84rem;color:#888;margin:0 0 16px;}
.idk-installment-table{width:100%;border-collapse:collapse;max-width:480px;}
.idk-installment-table th,
.idk-installment-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:.88rem;}
.idk-installment-table th{background:var(--brand-light);font-weight:700;color:var(--brand-dark);}
.idk-installment-table td:nth-child(2){color:var(--brand-orange-dark);font-weight:700;}

/* Sepete ekleme "uçuş" animasyonu — küçük bir görsel klonu sepet ikonuna doğru süzülür. */
.idk-fly-to-cart{position:fixed;z-index:9999;border-radius:8px;object-fit:cover;pointer-events:none;transition:transform .7s cubic-bezier(.3,.6,.3,1),opacity .7s ease .35s;box-shadow:0 8px 22px rgba(0,0,0,.25);}

/* Vitrin kartında "Sepete Ekle" yazan ama seçim gerektiren (ölçülü) ürünler
   için: tıklanınca ürün sayfasına yönlenmeden önce gösterilen küçük bildirim
   + hafif sayfa geçiş soluklaşması. */
.idk-variant-toast{position:absolute;z-index:9999;background:var(--brand-dark);color:#fff;font-size:.8rem;font-weight:600;padding:9px 14px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.25);opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none;max-width:240px;text-align:center;}
.idk-variant-toast.idk-show{opacity:1;transform:translateY(0);}
html.idk-page-leaving{transition:opacity .5s ease;opacity:.35;}

/* ===== Değerlendirmeler: yıldız dağılımı özeti + sıralama ===== */
.idk-rating-summary{display:flex;gap:32px;align-items:center;flex-wrap:wrap;border:1px solid var(--border);border-radius:10px;padding:20px 24px;margin-bottom:24px;background:var(--brand-light);}
.idk-rating-summary-avg{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto;}
.idk-rating-summary-num{font-size:2.2rem;font-weight:800;color:var(--brand-dark);line-height:1;}
.idk-rating-summary-count{font-size:.78rem;color:#888;white-space:nowrap;}
.idk-rating-summary-bars{flex:1 1 260px;display:flex;flex-direction:column;gap:6px;min-width:220px;}
.idk-rating-bar-row{display:flex;align-items:center;gap:10px;font-size:.8rem;color:#555;}
.idk-rating-bar-label{display:flex;align-items:center;gap:3px;width:34px;flex:0 0 34px;color:var(--brand-orange-dark);font-weight:700;}
.idk-rating-bar-track{flex:1 1 auto;height:8px;background:#e8e8e8;border-radius:4px;overflow:hidden;}
.idk-rating-bar-fill{display:block;height:100%;background:var(--brand-orange);border-radius:4px;}
.idk-rating-bar-count{width:24px;flex:0 0 24px;text-align:right;color:#999;}
.idk-reviews-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:14px;font-size:.85rem;}
.idk-reviews-toolbar select{border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:.85rem;background:#fff;}
.idk-qa-login-required{background:var(--brand-light);border-radius:8px;padding:14px 18px;font-size:.88rem;}
.idk-qa-login-required a{color:var(--brand-orange-dark);font-weight:600;}

/* ===== Açılır kutular (ölçü/varyasyon seçimi, sıralama vb.) — daha kalın,
   şık ve marka rengiyle uyumlu bir görünüm. ===== */
.woocommerce div.product form.cart select,
.idk-shop-widget select,
#idk-review-orderby,
.woocommerce-ordering select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  border:1.5px solid var(--border);
  border-radius:8px;
  padding:12px 40px 12px 16px;
  font-size:.92rem;
  font-weight:600;
  color:var(--brand-dark);
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23242424' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center;
  background-size:16px;
  cursor:pointer;
  transition:border-color .2s ease;
  min-height:46px;
}
.woocommerce div.product form.cart select:hover,
.idk-shop-widget select:hover,
#idk-review-orderby:hover,
.woocommerce-ordering select:hover{border-color:var(--brand-orange);}
.woocommerce div.product form.cart select:focus,
.idk-shop-widget select:focus,
#idk-review-orderby:focus,
.woocommerce-ordering select:focus{outline:none;border-color:var(--brand-orange);}

/* ===== Footer: konum haritası ===== */
.idk-footer-map{margin-top:14px;border-radius:8px;overflow:hidden;}
.idk-footer-map iframe{display:block;width:100%;height:160px;border:0;filter:grayscale(.2) contrast(1.05);}

/* ===== Sepet / Ödeme (WooCommerce Cart & Checkout blokları) =====
   Genişlik/kenar boşluğu artık page.php'deki <main class="idk-main container">
   tarafından (ön sayfa hariç TÜM sayfalarda standart olarak) sağlanıyor —
   burada sadece WooCommerce Blocks'ın hiç stillenmemiş (tamamen varsayılan)
   bileşenlerini site temasına uyduruyoruz. */

.wc-block-components-sidebar-layout.wc-block-cart,
.wc-block-components-sidebar-layout.wc-block-checkout{display:flex;gap:40px;align-items:flex-start;}
.wc-block-components-main{flex:1 1 auto;min-width:0;}
.wc-block-components-sidebar{flex:0 0 340px;width:340px;}

/* Ürün tablosu */
.wc-block-cart-items{width:100%;border-collapse:collapse;}
.wc-block-cart-items__header th{text-align:left;font-size:.76rem;font-weight:700;letter-spacing:.4px;color:#999;text-transform:uppercase;padding:0 0 14px;border-bottom:2px solid var(--border);}
.wc-block-cart-items__header-total{text-align:right !important;}
.wc-block-cart-items__row td{padding:22px 0;border-bottom:1px solid var(--border);vertical-align:top;}
.wc-block-cart-item__image img{border-radius:8px;object-fit:cover;width:80px;height:80px;}
.wc-block-cart-item__product{padding-left:18px !important;}
.wc-block-components-product-name{font-weight:700;color:var(--brand-dark);font-size:.95rem;text-decoration:none;display:inline-block;margin-bottom:6px;}
.wc-block-components-product-name:hover{color:var(--brand-orange);}
.wc-block-cart-item__prices{font-size:.85rem;color:#888;margin-bottom:4px;}
.wc-block-cart-item__prices .price{color:#888;font-weight:500;}
.wc-block-components-product-details{font-size:.8rem;color:var(--brand-orange-dark);font-weight:600;margin-bottom:12px;}

.wc-block-cart-item__quantity{display:flex;align-items:center;gap:14px;margin-top:2px;}
.wc-block-components-quantity-selector{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;height:38px;width:fit-content;}
.wc-block-components-quantity-selector__button{width:34px;height:36px;border:0;background:#fff;color:var(--brand-dark);font-size:1.05rem;cursor:pointer;transition:background .15s ease;}
.wc-block-components-quantity-selector__button:hover{background:var(--brand-light);}
.wc-block-components-quantity-selector__input{width:42px;height:36px;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);text-align:center;font-weight:700;color:var(--brand-dark);}
.wc-block-cart-item__remove-link{background:none;border:0;color:#aaa;cursor:pointer;padding:6px;border-radius:6px;transition:color .15s ease,background .15s ease;display:inline-flex;}
.wc-block-cart-item__remove-link:hover{color:#e2382c;background:#fdecec;}
.wc-block-cart-item__remove-link svg{width:18px;height:18px;}
.wc-block-cart-item__total{text-align:right;font-weight:700;color:var(--brand-dark);white-space:nowrap;}

/* Sağ sütun: sepet/ödeme toplamları kartı */
.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-cart__totals-title,
.wc-block-checkout__totals-title{margin:0;}
.wc-block-components-sidebar > * {background:var(--brand-light);border:1px solid var(--border);border-radius:12px;}
.wc-block-cart__totals-title,.wc-block-checkout__totals-title{background:transparent !important;border:0 !important;font-size:1.05rem;font-weight:800;color:var(--brand-dark);padding:0 0 16px;}
.wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block{background:var(--brand-light);border:1px solid var(--border);border-radius:12px;padding:22px;position:sticky;top:186px;}
.wc-block-components-totals-coupon{border:1px solid var(--border) !important;border-radius:8px !important;background:#fff !important;margin-bottom:14px;}
.wc-block-components-panel__button{padding:12px 14px;font-size:.85rem;font-weight:600;color:var(--brand-dark);}
.wc-block-components-totals-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--border);background:transparent !important;border-radius:0 !important;}
.wc-block-components-totals-item:first-of-type{border-top:0;}
.wc-block-components-totals-footer-item{font-size:1.05rem;font-weight:800;color:var(--brand-dark);}

.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{display:block;width:100%;text-align:center;background:var(--brand-dark) !important;color:#fff !important;font-weight:700;padding:15px !important;border-radius:8px !important;margin-top:18px;text-decoration:none;transition:background .2s ease;border:0;}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover{background:var(--brand-orange) !important;}

@media (max-width:900px){
  .wc-block-components-sidebar-layout.wc-block-cart,
  .wc-block-components-sidebar-layout.wc-block-checkout{flex-direction:column;}
  .wc-block-components-sidebar{width:100%;flex-basis:auto;}
  .wp-block-woocommerce-cart-order-summary-block,
  .wp-block-woocommerce-checkout-order-summary-block{position:static;}
}

/* ===== Favorilerim: mağaza/kategori kartlarıyla aynı görünüm ===== */
.idk-wishlist-remove{position:absolute;z-index:4;top:10px;left:10px;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#999;box-shadow:0 3px 10px rgba(0,0,0,.12);transition:background .2s ease,color .2s ease,border-color .2s ease;}
.idk-wishlist-remove:hover{background:#e2382c;border-color:#e2382c;color:#fff;}
.idk-empty-state{text-align:center;padding:70px 20px;color:#888;}
.idk-empty-state svg{color:#ccc;margin-bottom:14px;}
.idk-empty-state p{font-size:1rem;margin:0 0 22px;}
.idk-empty-state-btn{display:inline-block;background:var(--brand-dark);color:#fff;font-weight:700;padding:13px 28px;border-radius:8px;text-decoration:none;transition:background .2s ease;}
.idk-empty-state-btn:hover{background:var(--brand-orange);}

/* ===== Hesabım: Giriş Yap / Üye Ol sekmeleri =====
   WooCommerce'in kendi form-login.php şablonu değiştirilmedi (hook'lar,
   3. parti eklenti entegrasyonları bozulmasın diye) — #customer_login'in iki
   sütunu (u-column1: giriş, u-column2: üye ol) CSS+JS ile sekmeli görünüme
   çevriliyor, bkz. footer.php.
   NOT: Genişlik kısıtlaması artık .idk-main'e değil DOĞRUDAN sekme+kart
   sarmalayıcısına uygulanıyor — .idk-main'i daraltırsak GİRİŞ YAPILDIKTAN
   SONRAKİ Pano/Siparişler/Adresler gibi geniş içerik gerektiren sayfalar da
   (aynı "woocommerce-account" body class'ını paylaştıkları için) yanlışlıkla
   460px'e sıkışıyordu. */
.idk-account-tabs-wrap{width:100%;max-width:460px;margin:0 auto;padding:40px 20px 80px;box-sizing:border-box;}
.idk-account-tabs-wrap .woocommerce-notices-wrapper{margin-bottom:16px;}
.idk-account-tabs-wrap .woocommerce-notices-wrapper:empty{display:none;}
.idk-account-tabs{display:flex;gap:0;margin-bottom:0;border-bottom:1px solid var(--border);}
.idk-account-tab{flex:1 1 50%;background:none;border:0;padding:14px 10px;font-size:.95rem;font-weight:700;color:#999;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s ease,border-color .2s ease;}
.idk-account-tab.idk-active{color:var(--brand-dark);border-bottom-color:var(--brand-orange);}
/* WooCommerce'in .u-columns/.col2-set çekirdek CSS'i sütunları float:left +
   %genişlik ile yan yana diziyor — sekmeli görünümde tek seferde tek sütun
   göründüğü için bunu tamamen iptal edip tam genişlik blok haline getiriyoruz
   (aksi halde aktif sütun sayfanın sadece SOL YARISINDA, dar bir sütun
   içinde kalıyordu, sağ yarı boş görünüyordu). */
#customer_login.u-columns{display:block;overflow:visible;border:1px solid var(--border);border-radius:0 0 12px 12px;padding:30px 26px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.05);}
#customer_login .u-column1,
#customer_login .u-column2{display:none;float:none;width:100%;margin:0;}
#customer_login .u-column1.idk-active,
#customer_login .u-column2.idk-active{display:block;}
#customer_login h2{display:none;}
.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row{margin:0 0 16px;}
.woocommerce-form-login label,
.woocommerce-form-register label{display:block;font-size:.82rem;font-weight:600;color:var(--brand-dark);margin-bottom:6px;}
.woocommerce-form-login .input-text,
.woocommerce-form-register .input-text{width:100%;box-sizing:border-box;border:1.5px solid var(--border);border-radius:8px;padding:11px 14px;font-size:.92rem;transition:border-color .2s ease;}
.woocommerce-form-login .input-text:focus,
.woocommerce-form-register .input-text:focus{outline:none;border-color:var(--brand-orange);}
.woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#666;font-weight:500;margin-bottom:16px;cursor:pointer;}
.woocommerce-form-login__submit,
.woocommerce-form-register__submit{width:100%;background:var(--brand-dark) !important;color:#fff !important;font-weight:700;padding:13px !important;border-radius:8px !important;border:0;cursor:pointer;transition:background .2s ease;}
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover{background:var(--brand-orange) !important;}
.woocommerce-LostPassword{margin-top:16px;text-align:center;font-size:.85rem;}
.woocommerce-LostPassword a{color:#888;}
.woocommerce-LostPassword a:hover{color:var(--brand-orange);}
.woocommerce-form-register p{font-size:.82rem;color:#888;margin:0 0 16px;}

/* Üye ol formu: Ad/Soyad, İl/İlçe gibi ikili alanlar yan yana. */
.woocommerce-form-register .form-row-first{display:inline-block;width:calc(50% - 8px);margin-right:16px;vertical-align:top;}
.woocommerce-form-register .form-row-last{display:inline-block;width:calc(50% - 8px);vertical-align:top;}
.woocommerce-form-register select.input-text{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23242424' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 14px center;background-size:14px;padding-right:36px;}
.woocommerce-form-register select.input-text:disabled{background-color:var(--brand-light);color:#999;cursor:not-allowed;}
.woocommerce-form-register textarea.input-text{resize:vertical;font-family:inherit;}
.idk-hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}
.idk-reg-error{background:#fdecec;border:1px solid #f3b7b3;color:#a02020;border-radius:8px;padding:12px 16px;font-size:.85rem;margin-top:4px;}
.idk-reg-submit{width:100%;background:var(--brand-dark) !important;color:#fff !important;font-weight:700;padding:13px !important;border-radius:8px !important;border:0;cursor:pointer;transition:background .2s ease;margin-top:6px;}
.idk-reg-submit:hover{background:var(--brand-orange) !important;}

/* Ürün sayfası: sepete eklenemedi uyarısı (alert() yerine). */
.idk-cart-error{background:#fdecec;border:1px solid #f3b7b3;color:#a02020;border-radius:8px;padding:13px 16px;font-size:.86rem;margin-bottom:16px;line-height:1.5;}

/* Doğrulama kodu penceresi */
.idk-verify-modal-overlay{position:fixed;inset:0;z-index:1200;background:rgba(20,20,22,.6);display:none;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.idk-verify-modal-overlay.show{display:flex;}
.idk-verify-modal{position:relative;width:100%;max-width:400px;background:#fff;border-radius:14px;padding:32px 28px;box-shadow:0 24px 60px rgba(0,0,0,.3);text-align:center;}
.idk-verify-modal h3{margin:0 0 10px;font-size:1.15rem;font-weight:800;color:var(--brand-dark);}
.idk-verify-modal p{margin:0 0 20px;font-size:.88rem;color:#666;line-height:1.6;}
.idk-verify-modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:var(--brand-light);border:0;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;transition:background .2s ease;}
.idk-verify-modal-close:hover{background:var(--brand-orange);color:#fff;}
.idk-verify-code-input{width:100%;box-sizing:border-box;text-align:center;letter-spacing:8px;font-size:1.4rem;font-weight:700;border:1.5px solid var(--border);border-radius:8px;padding:14px;margin-bottom:14px;color:var(--brand-dark);}
.idk-verify-code-input:focus{outline:none;border-color:var(--brand-orange);}
.idk-verify-error{background:#fdecec;border:1px solid #f3b7b3;color:#a02020;border-radius:8px;padding:10px 14px;font-size:.82rem;margin-bottom:14px;}
.idk-verify-submit{width:100%;background:var(--brand-dark);color:#fff;font-weight:700;padding:13px;border-radius:8px;border:0;cursor:pointer;transition:background .2s ease;}
.idk-verify-submit:hover{background:var(--brand-orange);}
.idk-verify-submit:disabled{opacity:.6;cursor:not-allowed;}

/* Ödeme sayfası: "Hesap açmadan devam et / Yeni hesap aç" penceresi */
.idk-checkout-account-overlay{position:fixed;inset:0;z-index:1200;background:rgba(20,20,22,.6);display:none;align-items:center;justify-content:center;padding:20px;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.idk-checkout-account-overlay.show{display:flex;}
.idk-checkout-account-modal{position:relative;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:14px;padding:32px 28px;box-shadow:0 24px 60px rgba(0,0,0,.3);}
.idk-checkout-account-modal h3{margin:0 0 10px;font-size:1.2rem;font-weight:800;color:var(--brand-dark);text-align:center;}
.idk-checkout-account-modal > p{margin:0 0 22px;font-size:.88rem;color:#666;line-height:1.6;text-align:center;}
.idk-checkout-guest-btn,
.idk-checkout-newacc-btn{display:block;width:100%;padding:13px;border-radius:8px;font-weight:700;font-size:.92rem;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.idk-checkout-guest-btn{background:var(--brand-dark);color:#fff;border:0;margin-bottom:12px;}
.idk-checkout-guest-btn:hover{background:var(--brand-orange);}
.idk-checkout-newacc-btn{background:#fff;color:var(--brand-dark);border:1.5px solid var(--border);}
.idk-checkout-newacc-btn:hover{border-color:var(--brand-orange);color:var(--brand-orange);}

@media (max-width:520px){
  .woocommerce-form-register .form-row-first,
  .woocommerce-form-register .form-row-last{width:100%;margin-right:0;}
}

/* ===== Hesabım: giriş yapıldıktan sonraki panel (Pano/Siparişler/Adresler/
   Hesap detayları) — hiç stillenmemiş, çıplak metin/link listesi hâlindeydi. */
.woocommerce-account .woocommerce{max-width:1300px;margin:0 auto;padding:36px 20px 70px;display:flex;gap:36px;align-items:flex-start;}
.woocommerce-MyAccount-navigation{flex:0 0 230px;width:230px;border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff;position:sticky;top:186px;}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;}
.woocommerce-MyAccount-navigation-link{border-bottom:1px solid var(--border);}
.woocommerce-MyAccount-navigation-link:last-child{border-bottom:0;}
.woocommerce-MyAccount-navigation-link a{display:block;padding:11px 12px;font-size:.9rem;font-weight:600;color:#555;text-decoration:none;border-radius:6px;transition:background .15s ease,color .15s ease;}
.woocommerce-MyAccount-navigation-link a:hover{background:var(--brand-light);color:var(--brand-dark);}
.woocommerce-MyAccount-navigation-link.is-active a{background:var(--brand-dark);color:#fff;}
.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:6px;border-top:1px solid var(--border);}
.woocommerce-MyAccount-navigation-link--customer-logout a{color:#c0392b;}
.woocommerce-MyAccount-navigation-link--customer-logout a:hover{background:#fdecec;color:#c0392b;}
.woocommerce-MyAccount-content{flex:1 1 auto;min-width:0;background:#fff;border:1px solid var(--border);border-radius:10px;padding:28px 30px;}
.woocommerce-MyAccount-content p{line-height:1.7;color:#444;}
.woocommerce-MyAccount-content a{color:var(--brand-orange-dark);}

/* Bildirimler (ör. "geçici şifre kullanılıyor") — WooCommerce varsayılanında
   düz mavi metindi, göz ardı edilmesi kolaydı; site genelindeki "net geri
   bildirim" standardına uydurulmuş belirgin banner. */
.woocommerce-message,.woocommerce-info{background:#eef6ff;border:1px solid #bcdcff;color:#1a5fa8;border-radius:8px;padding:14px 18px 14px 46px;margin:0 0 20px;position:relative;font-size:.88rem;line-height:1.6;list-style:none;}
.woocommerce-error{background:#fdecec;border:1px solid #f3b7b3;color:#a02020;border-radius:8px;padding:14px 18px 14px 46px;margin:0 0 20px;position:relative;font-size:.88rem;line-height:1.6;list-style:none;}
.woocommerce-message .button,.woocommerce-info .button{float:right;background:var(--brand-dark) !important;color:#fff !important;padding:8px 16px !important;border-radius:6px !important;font-size:.8rem !important;text-decoration:none !important;}
.woocommerce-message::before{content:'';position:absolute;left:18px;top:16px;width:16px;height:16px;border-radius:50%;background:#1a5fa8;}
/* WooCommerce'in kendi ikon fontu (WooCommerce/star) dar boşlukta metnin
   üzerine biniyordu — kapatıp kendi tutarlı nokta ikonumuzu koyuyoruz. */
.woocommerce-error::before{content:none !important;}
.woocommerce-error::after{content:'';position:absolute;left:18px;top:16px;width:16px;height:16px;border-radius:50%;background:#a02020;}

/* Siparişler tablosu */
.woocommerce-orders-table{width:100%;border-collapse:collapse;}
.woocommerce-orders-table th{text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.3px;color:#999;font-weight:700;padding:0 10px 12px;border-bottom:2px solid var(--border);}
.woocommerce-orders-table td{padding:14px 10px;border-bottom:1px solid var(--border);font-size:.88rem;color:#444;}
.woocommerce-orders-table .button{background:var(--brand-light) !important;color:var(--brand-dark) !important;border:1px solid var(--border) !important;padding:7px 14px !important;border-radius:6px !important;font-size:.78rem !important;text-decoration:none !important;}

/* Adresler (Fatura/Gönderim) */
.woocommerce-Addresses{display:flex;gap:30px;flex-wrap:wrap;}
.woocommerce-Address{flex:1 1 280px;border:1px solid var(--border);border-radius:8px;padding:20px;background:var(--brand-light);}
.woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.woocommerce-Address-title h3{margin:0;font-size:.95rem;font-weight:800;color:var(--brand-dark);}
.woocommerce-Address-title .edit{font-size:.8rem;color:var(--brand-orange-dark);text-decoration:none;font-weight:600;}
.woocommerce-Address address{font-style:normal;font-size:.88rem;color:#555;line-height:1.7;}

/* Hesap detayları / adres formu alanları */
.woocommerce-EditAccountForm .form-row,
.woocommerce-address-fields .form-row{margin:0 0 16px;}
.woocommerce-EditAccountForm .form-row-first,
.woocommerce-address-fields .form-row-first{display:inline-block;width:calc(50% - 8px);margin-right:16px;}
.woocommerce-EditAccountForm .form-row-last,
.woocommerce-address-fields .form-row-last{display:inline-block;width:calc(50% - 8px);}
.woocommerce-EditAccountForm label,
.woocommerce-address-fields label{display:block;font-size:.82rem;font-weight:600;color:var(--brand-dark);margin-bottom:6px;}
.woocommerce-EditAccountForm .input-text,
.woocommerce-EditAccountForm select,
.woocommerce-address-fields .input-text,
.woocommerce-address-fields select{width:100%;box-sizing:border-box;border:1.5px solid var(--border);border-radius:8px;padding:11px 14px;font-size:.9rem;}
.woocommerce-EditAccountForm .input-text:focus,
.woocommerce-address-fields .input-text:focus{outline:none;border-color:var(--brand-orange);}
.woocommerce-EditAccountForm fieldset{border:1px solid var(--border);border-radius:8px;padding:18px;margin:20px 0;}
.woocommerce-EditAccountForm legend{padding:0 8px;font-size:.85rem;font-weight:700;color:var(--brand-dark);}
.woocommerce-EditAccountForm button:not(.show-password-input),
.woocommerce-address-fields button:not(.show-password-input),
.woocommerce-Address .button{background:var(--brand-dark) !important;color:#fff !important;font-weight:700;padding:12px 26px !important;border-radius:8px !important;border:0;cursor:pointer;text-decoration:none !important;transition:background .2s ease;display:inline-block;}
.woocommerce-EditAccountForm button:not(.show-password-input):hover,
.woocommerce-address-fields button:not(.show-password-input):hover,
.woocommerce-Address .button:hover{background:var(--brand-orange) !important;}

@media (max-width:820px){
  .woocommerce-account .woocommerce{flex-direction:column;}
  .woocommerce-MyAccount-navigation{width:100%;position:static;}
  .woocommerce-EditAccountForm .form-row-first,
  .woocommerce-EditAccountForm .form-row-last,
  .woocommerce-address-fields .form-row-first,
  .woocommerce-address-fields .form-row-last{width:100%;margin-right:0;}
}

/* ==========================================================================
   MOBİL: üst çubuk (hamburger + logo + arama/sepet), alt sabit menü,
   soldan/sağdan kayan paneller (kategori / sepet / hesap), vitrin
   kartlarında görsel üzerine taşınan favori/karşılaştır ikonları.
   Masaüstünde bu bölümün TAMAMI display:none — sadece <=900px'te devreye
   giriyor, mevcut masaüstü header/kategori barına hiç dokunmuyor.
   ========================================================================== */
.idk-mobile-topbar,.idk-mobile-bottomnav,.idk-mobile-search-overlay,.idk-drawer,.idk-drawer-overlay{display:none;}

@media(max-width:900px){
  .idk-mainheader,.idk-catnav{display:none;}
  body{padding-bottom:60px;} /* alt sabit menünün kapladığı alan kadar boşluk */

  /* ---- Üst çubuk: hamburger | logo (ortada) | arama + sepet ikonu ---- */
  .idk-mobile-topbar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#fff;}
  .idk-mobile-hamburger,.idk-mobile-action-btn{background:none;border:none;padding:7px;display:flex;align-items:center;justify-content:center;color:var(--brand-dark);cursor:pointer;flex:0 0 auto;position:relative;border-radius:8px;}
  .idk-mobile-hamburger:active,.idk-mobile-action-btn:active{background:var(--brand-light);}
  .idk-mobile-logo{flex:1 1 auto;display:flex;justify-content:center;align-items:center;gap:8px;min-width:0;overflow:hidden;text-decoration:none;}
  .idk-mobile-logo img{height:32px;width:auto;flex:0 0 auto;}
  .idk-mobile-logo span{font-weight:800;font-size:.92rem;color:var(--brand-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .idk-mobile-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto;}
  .idk-mobile-cart-count{position:absolute;top:2px;right:2px;background:var(--brand-orange);color:#fff;font-size:.6rem;font-weight:800;min-width:15px;height:15px;line-height:15px;border-radius:50%;text-align:center;padding:0 2px;}

  /* ---- Tam ekran arama katmanı ---- */
  .idk-mobile-search-overlay{display:none;position:fixed;inset:0;z-index:1200;background:#fff;padding:14px;overflow-y:auto;}
  .idk-mobile-search-overlay.idk-open{display:block;}
  .idk-mobile-search-row{display:flex;align-items:center;gap:10px;}
  #idk-mobile-search-input-real{flex:1 1 auto;border:1.5px solid #ddd;border-radius:10px;padding:11px 14px;font-size:.95rem;outline:none;}
  #idk-mobile-search-input-real:focus{border-color:var(--brand-orange);}
  #idk-mobile-search-close{background:none;border:none;padding:8px;color:var(--brand-dark);flex:0 0 auto;}
  #idk-mobile-search-results{margin-top:10px;}
  #idk-mobile-search-results .idk-sr-item{display:flex;align-items:center;gap:10px;padding:10px 4px;text-decoration:none;color:inherit;border-bottom:1px solid var(--border);}
  #idk-mobile-search-results .idk-sr-item img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex:0 0 auto;}
  #idk-mobile-search-results .idk-sr-name{font-size:.86rem;font-weight:600;color:var(--brand-dark);}
  #idk-mobile-search-results .idk-sr-price{font-size:.8rem;color:var(--brand-orange-dark);font-weight:700;}
  #idk-mobile-search-results .idk-sr-empty{padding:14px 4px;color:#888;font-size:.88rem;}

  /* WhatsApp/Instagram ve "yukarı çık" butonları, yeni alt sabit menünün
     (yaklaşık 60px) üzerine binmesin diye yukarı taşındı. */
  .idk-fab-stack{bottom:70px;}
  .idk-to-top{bottom:70px;}

  /* ---- Alt sabit menü: Kategoriler | Favorilerim | Sepetim | Hesabım ---- */
  .idk-mobile-bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:900;background:#fff;border-top:1px solid var(--border);box-shadow:0 -4px 14px rgba(0,0,0,.07);}
  .idk-mobile-bottomnav-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 2px 8px;background:none;border:none;color:#555;font-size:.62rem;font-weight:700;position:relative;text-decoration:none;-webkit-tap-highlight-color:transparent;}
  .idk-mobile-bottomnav-item:active{color:var(--brand-orange);}
  .idk-mobile-bottomnav-badge{position:absolute;top:0;left:50%;margin-left:4px;background:var(--brand-orange);color:#fff;font-size:.58rem;font-weight:800;min-width:14px;height:14px;line-height:14px;border-radius:50%;text-align:center;padding:0 2px;}

  /* ---- Kayan paneller (kategori: soldan, sepet/hesap: sağdan) ---- */
  .idk-drawer-overlay{display:none;position:fixed;inset:0;background:rgba(20,20,20,.45);z-index:1300;}
  .idk-drawer-overlay.idk-open{display:block;}
  .idk-drawer{display:block;position:fixed;top:0;bottom:0;width:82%;max-width:340px;background:#fff;z-index:1400;transition:transform .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .idk-drawer-left{left:0;transform:translateX(-100%);}
  .idk-drawer-right{right:0;transform:translateX(100%);}
  .idk-drawer.idk-open{transform:translateX(0);}
  .idk-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);font-weight:800;font-size:1rem;color:var(--brand-dark);position:sticky;top:0;background:#fff;z-index:2;}
  .idk-drawer-close{background:none;border:none;padding:4px;color:var(--brand-dark);cursor:pointer;}
  .idk-drawer-body{padding:10px 16px 30px;}
  body.idk-drawer-lock{overflow:hidden;}

  /* Kategori paneli — 3 seviyeli menü, akordiyon (JS: footer.php) */
  .idk-drawer-menu{list-style:none;margin:0;padding:0;}
  .idk-drawer-menu li{border-bottom:1px solid var(--border);}
  .idk-drawer-menu > li > a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 2px;font-weight:700;color:var(--brand-dark);text-decoration:none;font-size:.92rem;}
  .idk-drawer-menu li.menu-item-has-children > a::after{content:'';width:7px;height:7px;flex:0 0 auto;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;}
  .idk-drawer-menu li.menu-item-has-children.idk-expanded > a::after{transform:rotate(-135deg);}
  .idk-drawer-menu li > ul{list-style:none;margin:0 0 8px;padding:0 0 0 12px;display:none;}
  .idk-drawer-menu li.idk-expanded > ul{display:block;}
  .idk-drawer-menu li ul li{border-bottom:none;}
  .idk-drawer-menu li ul a{display:block;padding:9px 2px;font-size:.84rem;font-weight:500;color:#555;text-decoration:none;}
  .idk-drawer-menu li ul a::after{display:none;}

  /* Sepet paneli — WC_Widget_Cart varsayılan çıktısı için sade bir görünüm */
  .idk-cart-drawer-body .widget_shopping_cart_content{width:100%;}
  .idk-cart-drawer-body ul.woocommerce-mini-cart{list-style:none;margin:0;padding:0;}
  .idk-cart-drawer-body ul.woocommerce-mini-cart li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);position:relative;}
  .idk-cart-drawer-body ul.woocommerce-mini-cart img{width:52px;height:52px;object-fit:cover;border-radius:6px;flex:0 0 auto;}
  .idk-cart-drawer-body ul.woocommerce-mini-cart a.remove{position:absolute;right:0;top:12px;color:#c0392b !important;font-size:1.1rem;text-decoration:none;}
  .idk-cart-drawer-body .total{font-weight:800;padding:14px 0;border-top:2px solid var(--brand-dark);margin-top:6px;}
  .idk-cart-drawer-body .woocommerce-mini-cart__buttons{display:flex;flex-direction:column;gap:8px;}
  .idk-cart-drawer-body .woocommerce-mini-cart__buttons a{display:block;text-align:center;padding:12px;border-radius:8px;font-weight:700;text-decoration:none !important;}
  .idk-cart-drawer-body .woocommerce-mini-cart__buttons a.wc-forward{background:var(--brand-light);color:var(--brand-dark) !important;}
  .idk-cart-drawer-body .woocommerce-mini-cart__buttons a.checkout{background:var(--brand-orange);color:#fff !important;}
  .idk-cart-drawer-body .woocommerce-mini-cart__empty-message{color:#777;padding:20px 0;}

  /* Hesap paneli */
  .idk-account-drawer-greeting{font-weight:700;color:var(--brand-dark);margin:0 0 12px;}
  .idk-account-drawer-link{display:block;padding:13px 2px;border-bottom:1px solid var(--border);color:var(--brand-dark);text-decoration:none;font-weight:600;font-size:.92rem;}
  .idk-account-drawer-logout{color:#c0392b;}
  .idk-account-drawer-login{background:var(--brand-orange);color:#fff !important;text-align:center;border-radius:8px;border-bottom:none;padding:13px;}
  /* Giriş yapılmamışsa panelde doğrudan WooCommerce'in giriş+üyelik formu
     (varsayılan olarak 2 sütun) gösteriliyor — dar tepside tek sütuna
     zorlanıyor. */
  .idk-account-drawer-body .u-columns{display:block;}
  .idk-account-drawer-body .u-column1,
  .idk-account-drawer-body .u-column2{width:100%;float:none;margin:0 0 26px;}
  .idk-account-drawer-body h2{font-size:.98rem;font-weight:800;color:var(--brand-dark);margin:0 0 14px;}
  .idk-account-drawer-body .form-row{margin-bottom:12px;}
  .idk-account-drawer-body .form-row label{display:block;font-size:.82rem;font-weight:600;color:#555;margin-bottom:5px;}
  .idk-account-drawer-body input[type="text"],
  .idk-account-drawer-body input[type="password"],
  .idk-account-drawer-body input[type="email"]{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #ddd;border-radius:8px;font-size:.9rem;}
  .idk-account-drawer-body button[type="submit"]{width:100%;background:var(--brand-orange) !important;color:#fff !important;border:none;padding:12px;border-radius:8px;font-weight:700;margin-top:6px;cursor:pointer;}
  .idk-account-drawer-body .woocommerce-privacy-policy-text{font-size:.76rem;color:#888;margin:8px 0;}
  .idk-account-drawer-body .woocommerce-form-row--first,
  .idk-account-drawer-body .woocommerce-form-row--last{width:100%;float:none;}
  /* Giriş Yap/Üye Ol sekmeleri (my-account sayfasıyla PAYLAŞILAN aynı JS/CSS,
     bkz. yukarıdaki ".idk-account-tabs-wrap"/"#customer_login.u-columns")
     kendi iç içe 3 katmanlı dolgu+çerçeve+kart tasarımını (40px + 26px +
     border) dar tepside DE aynen uyguluyordu — bu yüzden metin kutuları
     gereksiz yere daracık görünüyordu. Panelin içindeyken bu katmanlar
     kaldırılıyor, sadece sekme+form kalıyor, kutulara daha çok yer açılıyor. */
  .idk-account-drawer-body .idk-account-tabs-wrap{max-width:none;padding:0;margin:0;}
  .idk-account-drawer-body #customer_login.u-columns{border:none;border-radius:0;padding:0;background:none;box-shadow:none;}

  /* ---- Vitrin kartları: favori/karşılaştır ikonları görselin üzerine
     taşınıyor (JS: footer.php), Sepete Ekle tek başına tam genişlik. ---- */
  .idk-thumb-wrap{position:relative;display:block;}
  .idk-card-thumb-actions{position:absolute;right:6px;bottom:6px;z-index:4;display:flex;flex-direction:column;gap:5px;}
  .idk-card-thumb-actions .idk-wishlist-btn,
  .idk-card-thumb-actions .idk-compare-btn{width:22px;height:22px;min-width:22px;flex:0 0 22px;background:rgba(255,255,255,.94);box-shadow:0 1px 5px rgba(0,0,0,.28);}
  .idk-card-thumb-actions .idk-wishlist-btn svg,
  .idk-card-thumb-actions .idk-compare-btn svg{width:11px;height:11px;}
  ul.products li.product .idk-card-actions{flex-wrap:nowrap;}
  ul.products li.product .add_to_cart_button{flex:1 1 auto;text-align:center;}
}