/* ==========================================================
   HBK — Çerez tercihleri paneli (sol alt)
   Sağ altta back-to-top + WhatsApp var, panel sola konumlanır.
   ========================================================== */

.hbk-cookie-wrap{position:fixed;left:20px;bottom:20px;z-index:9998;font-family:inherit}

/* --- Panel --- */
.hbk-cookie{
  width:min(340px,calc(100vw - 32px));
  background:linear-gradient(160deg,#1b1b1f 0%,#2a1416 60%,#331416 100%);
  border:1px solid rgba(237,42,40,.55);
  border-radius:20px;
  box-shadow:0 18px 45px rgba(0,0,0,.45);
  color:#e8e8ea;
  padding:20px 20px 18px;
  position:relative;
  opacity:0;visibility:hidden;transform:translateY(14px) scale(.97);
  transition:opacity .28s ease,transform .28s ease,visibility .28s;
  pointer-events:none;
}
.hbk-cookie.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}

.hbk-cookie__title{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#ed2a28;font-weight:700;margin:0 0 10px;line-height:1.4
}
.hbk-cookie__text{font-size:13px;line-height:1.6;color:#c9c9cf;margin:0 0 12px}
.hbk-cookie__text a{color:#ed2a28;text-decoration:underline}

.hbk-cookie details{margin:0 0 14px}
.hbk-cookie summary{
  font-size:12px;color:#a9a9b2;cursor:pointer;list-style:none;
  padding:6px 0;outline-offset:3px
}
.hbk-cookie summary::-webkit-details-marker{display:none}
.hbk-cookie summary:before{content:"+ ";color:#ed2a28;font-weight:700}
.hbk-cookie details[open] summary:before{content:"– "}
.hbk-cookie details p{font-size:12px;line-height:1.6;color:#9a9aa3;margin:8px 0 0}

.hbk-cookie__btn{
  display:block;width:100%;border:0;cursor:pointer;
  background:#ed2a28;color:#fff;
  font-size:13px;font-weight:700;letter-spacing:.02em;
  padding:12px 18px;border-radius:999px;
  transition:background .2s ease,transform .15s ease
}
.hbk-cookie__btn:hover{background:#c81f1d;transform:translateY(-1px)}

.hbk-cookie__close{
  position:absolute;top:10px;right:10px;
  width:28px;height:28px;border:0;border-radius:50%;
  background:rgba(255,255,255,.08);color:#e8e8ea;
  font-size:16px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s ease
}
.hbk-cookie__close:hover{background:rgba(237,42,40,.35)}

.hbk-cookie__badge{
  display:none;align-items:center;gap:8px;
  font-size:12px;color:#c9c9cf;margin-top:4px
}
.hbk-cookie__badge:before{
  content:"";width:8px;height:8px;border-radius:50%;
  background:#ed2a28;box-shadow:0 0 0 3px rgba(237,42,40,.25);flex:0 0 auto
}
.hbk-cookie.is-accepted .hbk-cookie__badge{display:flex}
.hbk-cookie.is-accepted .hbk-cookie__btn,
.hbk-cookie.is-accepted .hbk-cookie__text,
.hbk-cookie.is-accepted details{display:none}

/* --- Yuvarlak çerez düğmesi (fab) --- */
.hbk-cookie-fab{
  width:52px;height:52px;border:1px solid rgba(237,42,40,.55);border-radius:50%;
  background:linear-gradient(160deg,#1b1b1f,#331416);
  color:#ed2a28;font-size:22px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 26px rgba(0,0,0,.4);
  margin-top:12px;transition:transform .2s ease,box-shadow .2s ease
}
.hbk-cookie-fab:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.5)}
.hbk-cookie-fab[hidden]{display:none}

@media (max-width:991px){
  .hbk-cookie-wrap{left:14px;bottom:16px}
}
@media (max-width:575px){
  .hbk-cookie-wrap{left:12px;bottom:12px}
  .hbk-cookie{padding:18px 16px 16px}
  .hbk-cookie-fab{width:46px;height:46px;font-size:20px}
}

@media (prefers-reduced-motion:reduce){
  .hbk-cookie,.hbk-cookie__btn,.hbk-cookie-fab{transition:none}
  .hbk-cookie{transform:none}
}

/* ==========================================================
   HBK — SSS ve hizmet bölgesi blokları (AEO içerik bölümleri)
   ========================================================== */

.hbk-faq{background:#f6f6f7;padding:60px 0}
.hbk-faq__inner,.hbk-area__inner{max-width:1170px;margin:0 auto;padding:0 15px}
.hbk-faq h2{
  font-size:28px;font-weight:700;color:#232122;margin:0 0 8px;line-height:1.3
}
.hbk-faq__lead{font-size:15px;color:#6b6b73;margin:0 0 34px;max-width:760px;line-height:1.6}
.hbk-faq__list{display:grid;gap:22px}
@media(min-width:768px){.hbk-faq__list{grid-template-columns:1fr 1fr;gap:26px 40px}}
.hbk-faq__q{
  font-size:17px;font-weight:700;color:#232122;margin:0 0 8px;line-height:1.45;
  padding-left:20px;position:relative
}
.hbk-faq__q:before{
  content:"";position:absolute;left:0;top:8px;
  width:8px;height:8px;border-radius:50%;background:#ed2a28
}
.hbk-faq__a{font-size:14.5px;line-height:1.75;color:#55555d;margin:0;padding-left:20px}

.hbk-area{background:#232122;padding:52px 0;color:#d7d7db}
.hbk-area h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 10px;line-height:1.3}
.hbk-area p{font-size:14.5px;line-height:1.75;color:#a9a9b2;margin:0 0 24px;max-width:820px}
.hbk-area__cities{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hbk-area__cities a{
  display:inline-block;padding:9px 18px;border-radius:999px;
  border:1px solid rgba(237,42,40,.5);color:#fff;font-size:14px;font-weight:600;
  text-decoration:none;transition:background .2s ease,border-color .2s ease
}
.hbk-area__cities a:hover,.hbk-area__cities a:focus{background:#ed2a28;border-color:#ed2a28;color:#fff}
.hbk-area__districts{font-size:13px;line-height:1.9;color:#84848d;margin:0}
.hbk-area__cta{margin-top:24px;font-size:15px;color:#d7d7db}
.hbk-area__cta a{color:#ed2a28;font-weight:700;text-decoration:none}
.hbk-area__cta a:hover{text-decoration:underline}