/* SUKRU-STERK: hb-frontend — yalnızca kullanılan kurallar */
.hb-wrap{
  --hb-accent:    var(--wp--preset--color--vurgu, #ec0000);
  --hb-bg:        #ffffff;
  --hb-bg2:       #f5f7fa;
  --hb-border:    #e2e8ed;
  --hb-text:      #1a2332;
  --hb-muted:     #6b7280;
  --hb-radius:    12px;
  --hb-shadow:    0 2px 12px rgba(0,0,0,.07);
  --hb-shadow-h:  0 8px 28px rgba(0,0,0,.14);
  --hb-font:      'Nunito', sans-serif;
  font-family: var(--hb-font);
  color: var(--hb-text);
}
.hb-cards{ counter-reset: hb-vurgu; }
.hb-duzen-liste .hb-cards{ display: flex; flex-direction: column; gap: var(--hb-aralik, 16px); }
.hb-duzen-carousel .hb-cards{ display: flex; gap: 0; transition: transform .5s cubic-bezier(.4,0,.2,1); }
.hb-duzen-carousel .hb-kart{ min-width: calc(100% / 3); flex-shrink: 0; padding: 0 11px; box-sizing: border-box; }
@media (max-width: 900px){.hb-duzen-carousel .hb-kart{ min-width: calc(100% / 2); }
}
@media (max-width: 600px){.hb-duzen-carousel .hb-kart{ min-width: 100%; }
}
.hb-c-prev,.hb-c-next{
  width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--hb-accent);
  background: transparent; color: var(--hb-accent); font-size: 1.1rem; cursor: pointer;
  display: flex; align-items: center; justify-content: center; transition: all .2s;
}
.hb-c-prev:hover,.hb-c-next:hover{ background: var(--hb-accent); color: #fff; }
.hb-c-dots{ display: flex; gap: 10px; }
.hb-c-dot{
  width: 22px; height: 22px; border-radius: 50%; background: var(--hb-border);
  color: #fff; font-size: .64rem; font-weight: 800; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: background .2s, transform .2s;
  border: none; padding: 0; font-family: inherit; -webkit-appearance: none; appearance: none;
}
.hb-c-dot.aktif{ background: var(--hb-accent); }
.hb-anim-fade   .hb-kart{ animation: hbFade   .6s ease both; }
@keyframes hbFade{ from { opacity:0; transform: translateY(18px); } to { opacity:1; transform: none; } }
@keyframes hbSlide{ from { opacity:0; transform: translateX(-24px); } to { opacity:1; transform: none; } }
@keyframes hbZoom{ from { opacity:0; transform: scale(.92); } to { opacity:1; transform: scale(1); } }
.hb-kart{
  background: var(--hb-bg);
  border-radius: var(--hb-radius);
  overflow: hidden;
  box-shadow: var(--hb-shadow);
  border: 1px solid var(--hb-border);
  transition: box-shadow .25s, transform .25s;
  position: relative;
}
.hb-wrap:not(.hb-nohover) .hb-kart:hover{
  box-shadow: var(--hb-shadow-h);
  transform: translateY(-4px);
}
.hb-icerik{ padding: 16px; }
.hb-badge{
  display: inline-block; font-size: .68rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .06em; padding: 3px 10px; border-radius: 50px;
  background: var(--hb-cat-renk, var(--hb-accent)); color: #fff;
  text-decoration: none; margin-bottom: 8px;
}
.hb-baslik{ margin: 0 0 8px; font-size: .95rem; font-weight: 800; line-height: 1.35; }
.hb-baslik a{ color: var(--hb-text); text-decoration: none; transition: color .2s; }
.hb-baslik a:hover{ color: var(--hb-accent); }
.hb-meta{ display: flex; flex-wrap: wrap; gap: 8px; font-size: .75rem; color: var(--hb-muted); align-items: center; margin-top: auto; }
.hb-tarih{ display: inline-flex; align-items: center; gap: 3px; }
.hb-daha-fazla{
  background: var(--hb-accent); color: #fff; border: none; padding: 12px 32px;
  border-radius: 50px; font-family: var(--hb-font); font-size: .9rem; font-weight: 700;
  cursor: pointer; transition: opacity .2s, transform .2s;
}
.hb-daha-fazla:hover{ opacity: .88; transform: translateY(-2px); }
.hb-daha-fazla:disabled{ opacity: .5; cursor: not-allowed; }
.hb-kart-minimal{
  background: transparent; border: none; border-bottom: 2px solid var(--hb-border);
  border-radius: 0; box-shadow: none; padding: 14px 0;
}
.hb-kart-minimal .hb-icerik{ padding: 0; }
.hb-kart-minimal .hb-baslik{ font-size: 1rem; }
.hb-wrap:not(.hb-nohover) .hb-kart-minimal:hover{ transform: none; box-shadow: none; }
.hb-wrap:not(.hb-nohover) .hb-kart-minimal:hover .hb-baslik a{ color: var(--hb-accent); }
@keyframes hbSondakikaPulse{
  0%, 100% { box-shadow: 0 0 0 0 rgba(239,68,68,.5); }
  50%      { box-shadow: 0 0 0 8px rgba(239,68,68,0); }
}
@keyframes hbCanliPulse{ 0%, 100% { opacity: 1; } 50% { opacity: .5; } }
@keyframes hbFlasBar{ from { background-position: 0 0; } to { background-position: -56px 0; } }
.hb-duzen-liste .hb-kart{ max-width: 100%; }
.hb-kart a:focus-visible,.hb-daha-fazla:focus-visible,.hb-c-prev:focus-visible,.hb-c-next:focus-visible,.hb-c-dot:focus-visible{
  outline: 3px solid var(--hb-accent); outline-offset: 3px; border-radius: 4px;
}
@media (prefers-reduced-motion: reduce){.hb-duzen-carousel .hb-cards{ transition: none; }
.hb-c-prev,.hb-c-next,.hb-c-dot{ transition: none; }
.hb-anim-fade  .hb-kart{
    animation: none;
  }
.hb-kart{ transition: box-shadow .25s; }
.hb-daha-fazla{ transition: opacity .2s; }
}
.wp-block-column .hb-wrap{container:hb / inline-size}
.sks-hb-kucuk [role="list"]{ gap: 0 !important; }
.sks-hb-kucuk .hb-kart,.sks-hb-kucuk .hb-kart:hover{ background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--wp--preset--color--cizgi, #e5e7eb) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; margin: 0 !important; height: auto; animation: none !important; }
.sks-hb-kucuk .hb-kart:last-child{ border-bottom: 0 !important; }
.sks-hb-kucuk .hb-baslik{ font-size: 15px !important; line-height: 1.35 !important; margin: 0 !important; }
.sks-hb-kucuk .hb-baslik a{ color: inherit; }
.sks-hb-kucuk .hb-meta{ font-size: 12px; margin: 0 !important; }
.sks-hb-kucuk .hb-badge{ align-self: flex-start; width: auto !important; display: inline-block; font-size: 10px; padding: 3px 8px; margin: 0 0 2px !important; }
.hb-kart:is(.hb-kart-klasik, .hb-kart-minimal, .hb-kart-duz, .hb-kart-cerceveliince, .hb-kart-yuvarlak, .hb-kart-haber, .hb-kart-ozetli, .hb-kart-polaroid){ display: flex; flex-direction: column; }
.hb-kart:is(.hb-kart-klasik, .hb-kart-minimal, .hb-kart-duz, .hb-kart-cerceveliince, .hb-kart-yuvarlak, .hb-kart-haber, .hb-kart-ozetli, .hb-kart-polaroid) > .hb-icerik{ flex: 1 0 auto; display: flex; flex-direction: column; }
.hb-kart:is(.hb-kart-klasik, .hb-kart-minimal, .hb-kart-duz, .hb-kart-cerceveliince, .hb-kart-yuvarlak, .hb-kart-haber, .hb-kart-ozetli, .hb-kart-polaroid) .hb-meta{ margin-top: auto; }
.hb-kart:is(.hb-kart-klasik, .hb-kart-minimal, .hb-kart-duz, .hb-kart-cerceveliince, .hb-kart-yuvarlak, .hb-kart-haber, .hb-kart-ozetli, .hb-kart-polaroid) .hb-baslik{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; min-height: calc(2 * 1.3em); }
.sks-hb-kucuk .hb-baslik{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.hb-icerik > .hb-badge{ align-self: flex-start; }