/* Panel ön yüz eklemeleri: WhatsApp widget, hızlı arama çubuğu, çerez banner'ı, ürün/arama sayfaları. Şablon 5 paleti ve sıfır-radius dili korunur (style.css'teki global border-radius:0 !important geçerli; WhatsApp bileşenleri bu yüzden KARE halka/düğmedir. Tek istisna: style.css'teki .bhm-captcha-spinner dönen halkası, yuvarlak olmadan dönme anlamını yitirdiği için bilinçli istisnadır). */
#up{bottom:96px}

/* ---- WhatsApp ---- */
.wa-widget{position:fixed;right:24px;bottom:24px;z-index:1000;font-family:inherit}
.wa-btn{width:60px;height:60px;border:0;background:#25d366;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.28);position:relative;transition:transform .15s}
.wa-btn:hover{transform:scale(1.06)}.wa-btn:focus-visible{outline:3px solid var(--c-primary);outline-offset:3px}
.wa-btn::after{content:"";position:absolute;inset:0;border:2px solid #25d366;animation:wa-pulse 2.4s infinite;pointer-events:none}
@keyframes wa-pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.wa-btn::after{animation:none}}
.wa-card{position:absolute;right:0;bottom:76px;width:310px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--c-border);box-shadow:0 12px 32px rgba(15,29,47,.28)}
.wa-card[hidden]{display:none}
.wa-head{display:flex;gap:12px;align-items:center;background:#075e54;color:#fff;padding:14px 16px}
.wa-head strong{display:block;font-size:15px}.wa-head small{display:block;font-size:12px;opacity:.85}
.wa-avatar{width:40px;height:40px;background:#25d366;display:flex;align-items:center;justify-content:center;flex:none}
.wa-x{margin-left:auto;background:none;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.wa-body{padding:16px;background:#ece5dd}.wa-body p{margin:0;background:#fff;padding:10px 12px;font-size:14px;line-height:1.5;color:var(--c-text)}
.wa-go{display:block;text-align:center;background:#25d366;color:#05301b;font-weight:700;padding:13px;text-decoration:none}
.wa-go:hover{background:#1ebe5b}

/* ---- Mobil hızlı arama çubuğu ---- */
.phone-bar{display:none}
@media (max-width:720px){
  .phone-bar{position:fixed;left:0;right:0;bottom:0;z-index:998;display:flex;background:var(--c-primary);border-top:2px solid var(--c-accent)}
  .phone-bar a{flex:1;text-align:center;color:#fff;font-weight:600;font-size:14px;padding:13px 4px;text-decoration:none;border-right:1px solid rgba(255,255,255,.15)}
  .phone-bar a:last-child{border-right:0}
  body{padding-bottom:50px}.wa-widget{bottom:66px}#up{bottom:138px}
}

/* ---- Çerez banner'ı ---- */
.cc{position:fixed;left:0;right:0;bottom:0;z-index:1100;background:var(--c-primary-dark);color:#fff;border-top:3px solid var(--c-accent);box-shadow:0 -8px 28px rgba(0,0,0,.35)}
.cc[hidden]{display:none}
.cc-in{max-width:1180px;margin:0 auto;padding:18px 20px}
.cc h2{margin:0 0 6px;font-size:17px;color:#fff}.cc p{margin:0 0 12px;font-size:13.5px;line-height:1.55;color:var(--c-text-light-muted)}
.cc a{color:#fff;text-decoration:underline}
.cc-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
/* Kabul ve Reddet eşit görünürlükte (KVKK/GDPR: reddetmek kabul etmek kadar kolay): ikisi de dolu, aynı boyut/ağırlık/kenarlık. Kabul = marka kırmızısı (beyaz yazı, ~4.9:1), Reddet = beyaz (koyu yazı, ~17:1). */
.cc-btns .btn,.cc-btns .btn.btn-outline{min-width:180px;padding:12px 22px;font-size:13px;font-weight:700;border:2px solid var(--c-accent);text-align:center}
.cc-btns .btn.btn-outline{background:#fff;border-color:#fff;color:var(--c-primary-dark)}
.cc-btns .btn.btn-outline:hover{background:#e2e8f0;border-color:#e2e8f0;color:var(--c-primary-dark)}
.cc-btns .btn:focus-visible,.cc-link:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cc-link{background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer;font-size:13px;padding:8px}
.cc-pref{margin:0 0 14px;border:1px solid #1e293b}
.cc-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 12px;border-bottom:1px solid #1e293b;font-size:13.5px}
.cc-row:last-child{border-bottom:0}.cc-row small{display:block;color:var(--c-text-light-muted);font-size:12px}
.cc-row input{width:20px;height:20px;accent-color:var(--c-accent)}
@media (max-width:720px){.cc{bottom:50px}}

/* ---- Ürün / kategori / arama ---- */
.spec-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
.spec-table th,.spec-table td{padding:10px 12px;border:1px solid var(--c-border);text-align:left;vertical-align:top}
.spec-table th{background:var(--c-bg-alt);width:34%;font-weight:600}
.mpn{display:block;color:var(--c-text-muted);font-size:12.5px;margin:0 0 14px;font-family:monospace}
.badge{display:inline-block;padding:3px 10px;font-size:12px;font-weight:700;border:1px solid var(--c-border);background:var(--c-bg-alt)}
.badge.ok-s{background:#e7f6ec;border-color:#9bd3ae;color:#14532d}.badge.rohs{background:#eef2ff;border-color:#c7d2fe;color:#1e3a8a}
.prod-wrap{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:36px;align-items:start}
.prod-wrap img{width:100%;height:auto;border:1px solid var(--c-border)}
@media (max-width:820px){.prod-wrap{grid-template-columns:1fr}}
.search-form{display:flex;gap:8px;max-width:560px;margin:0 0 24px}.search-form input{flex:1;padding:12px;border:1px solid var(--c-border);font:inherit}
.res-list{list-style:none;padding:0;margin:0}.res-list li{padding:14px 0;border-bottom:1px solid var(--c-border)}.res-list a{font-weight:600}
.res-list small{display:block;color:var(--c-text-muted);margin-top:2px}
.form-msg{margin-top:12px;padding:12px 14px;border:1px solid #fecaca;background:#fff1f2;color:#7f1d1d;font-size:14px}
.maintenance{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px}
.cc [hidden],.wa-card[hidden]{display:none!important}

/* ---- SSS (FAQ) ---- */
.faq details{border:1px solid var(--c-border);background:#fff;margin-bottom:10px}.faq summary{cursor:pointer;padding:14px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";font-size:20px;line-height:1;color:var(--c-accent)}.faq details[open] summary::after{content:"−"}.faq details>div{padding:0 18px 16px;color:var(--c-text-muted);line-height:1.65}

.noimg{display:flex;align-items:center;justify-content:center;color:#b7c2d1}

@media (max-width:720px){.cc-in{padding:12px 14px}.cc h2{font-size:15px;margin-bottom:4px}.cc p{font-size:12px;line-height:1.45;margin-bottom:8px}.cc-btns{gap:8px}.cc-btns .btn,.cc-btns .btn.btn-outline{min-width:0;padding:11px 10px;font-size:12px;flex:1 1 40%}.cc{max-height:60vh;overflow:auto}}

/* ---- Blok editörü çıktısı (bk-*): Şablon 5 sıfır-radius dili ---- */
.bk-img{margin:24px 0}.bk-img img{display:block;max-width:100%;height:auto}.bk-img.bk-wide{margin-left:-4%;margin-right:-4%}.bk-img figcaption{font-size:.88rem;color:#5b6773;margin-top:8px}
.bk-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:24px 0}.bk-gallery img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.bk-video{position:relative;aspect-ratio:16/9;margin:24px 0;background:#0a1420}.bk-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bk-table{overflow-x:auto;margin:24px 0}.bk-table table{width:100%;border-collapse:collapse}.bk-table th,.bk-table td{border:1px solid #d5dbe1;padding:10px 12px;text-align:left}.bk-table th{background:#0f1d2f;color:#fff}
.bk-cta{margin:32px 0;padding:32px;background:#f3f5f7;border-left:4px solid #e2010e}.bk-cta h2{margin-top:0}.bk-cta.bk-dark{background:#0f1d2f;color:#fff}.bk-cta.bk-dark h2{color:#fff}
.bk-grid2{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:24px 0}@media(max-width:720px){.bk-grid2{grid-template-columns:1fr}}
.bk-hr{border:0;border-top:1px solid #d5dbe1;margin:32px 0}

.bk-icon{display:flex;gap:16px;align-items:flex-start;margin:20px 0}.bk-ico{flex:none;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#0f1d2f;color:#fff}.bk-icon h3{margin:0 0 6px}.bk-icon p{margin:0}

/* ---- Görsel editör yardımcıları ---- */
.bk-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 28px}.bk-icons .bk-icon{margin:12px 0}@media(max-width:900px){.bk-icons{grid-template-columns:1fr}}
.plist-wrap{overflow-x:auto;border:1px solid var(--c-border);background:var(--c-surface);margin:0 0 8px}
.plist{width:100%;border-collapse:collapse;font-size:14.5px}
.plist th,.plist td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--c-bg-subtle);vertical-align:middle}
.plist thead th{background:var(--c-bg-alt);font-family:var(--font-h);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted);white-space:nowrap}
.plist tbody tr:hover{background:var(--c-bg-alt)}
.plist td a{color:var(--c-primary);font-weight:600}
.plist-code{font-family:ui-monospace,Consolas,monospace;font-weight:600;white-space:nowrap}
.plist td.r{text-align:right;white-space:nowrap}
.res-h{font-family:var(--font-h);font-size:17px;text-transform:uppercase;margin:26px 0 4px;color:var(--c-primary)}
@media (max-width:640px){.plist th:nth-child(3),.plist td:nth-child(3){display:none}}
.wa-greet{position:absolute;right:76px;bottom:8px;width:max-content;max-width:260px;background:#fff;color:var(--c-text);padding:12px 34px 12px 14px;box-shadow:0 10px 26px rgba(15,29,47,.22);border-radius:14px 14px 4px 14px;font-size:14px;line-height:1.45;cursor:pointer;animation:wa-greet-in .45s cubic-bezier(.2,.8,.3,1) both}
.wa-greet[hidden]{display:none}
.wa-greet p{margin:0}
.wa-greet-x{position:absolute;top:4px;right:6px;background:none;border:0;font-size:20px;line-height:1;color:var(--c-text-muted);cursor:pointer;padding:4px}
.wa-greet:after{content:"";position:absolute;right:-8px;bottom:14px;border:7px solid transparent;border-right:0;border-left:8px solid #fff}
@keyframes wa-greet-in{from{opacity:0;transform:translate(16px,6px) scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wa-greet{animation:none}}
@media (max-width:640px){.wa-greet{right:72px;max-width:calc(100vw - 104px)}}