.sb-banner{ position:relative; margin:2px 0 18px; }
.sb-banner .owl-carousel:not(.owl-loaded){ display:block; }
.sb-banner .owl-carousel:not(.owl-loaded) > .sb-slayt:not(:first-child){ display:none; }
.sb-banner .owl-stage{ display:flex; }
.sb-banner .owl-stage::after{ display:none; }
.sb-banner .owl-item{ display:flex; flex-shrink:0; }
.sb-slayt{ position:relative; width:100%; aspect-ratio:16 / 9; border-radius:var(--r-lg);
  display:flex; align-items:flex-end; color:#fff; box-shadow:var(--shadow-sm); }
.sb-slayt-zemin{ position:absolute; inset:0; border-radius:inherit; overflow:hidden; z-index:0; }
.sb-banner .owl-item .sb-slayt-gorsel,
.sb-slayt-gorsel{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.sb-slayt.gorselli .sb-slayt-zemin::after{ content:""; position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.46) 42%, rgba(0,0,0,.84) 100%),
    linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,0) 70%); }
.sb-slayt.zeminli .sb-slayt-zemin{
  background:
    radial-gradient(90% 80% at 100% 0%, color-mix(in srgb, #fff 20%, transparent), transparent 60%),
    linear-gradient(135deg, var(--primary-dolgu) 0%, var(--primary-dolgu-600) 100%); }
.sb-slayt.zeminli{ color:var(--on-primary); }
.sb-slayt.zemin-2 .sb-slayt-zemin{
  background:
    radial-gradient(90% 90% at 100% 0%, color-mix(in srgb, var(--primary) 55%, transparent), transparent 62%),
    linear-gradient(135deg, color-mix(in srgb, var(--primary) 26%, #15110e) 0%, #110e0c 100%); }
.sb-slayt.zemin-2{ color:#fff; }
.sb-slayt.zemin-3 .sb-slayt-zemin{
  background:
    radial-gradient(90% 90% at 100% 0%, color-mix(in srgb, var(--primary) 26%, transparent), transparent 64%),
    linear-gradient(135deg, var(--primary-soft) 0%, color-mix(in srgb, var(--primary) 14%, var(--surface)) 100%);
  box-shadow:inset 0 0 0 1px var(--border); border-radius:inherit; }
.sb-slayt.zemin-3{ color:var(--text); }
.sb-slayt-ikon{ position:absolute; right:-6%; bottom:-18%; font-size:9.5rem; line-height:1;
  opacity:.2; transform:rotate(-12deg); pointer-events:none; }
.sb-slayt.zemin-3 .sb-slayt-ikon{ color:var(--primary); opacity:.22; }
.sb-slayt-metin{ position:relative; z-index:1; max-width:86%; padding:16px 18px 18px;
  display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.sb-slayt-sube{ display:inline-flex; align-items:center; gap:5px; padding:4px 10px;
  border-radius:999px; font-size:.7rem; font-weight:700; letter-spacing:.01em;
  background:color-mix(in srgb, currentColor 17%, transparent);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.sb-slayt-baslik{ margin:0; font-size:1.3rem; font-weight:800; line-height:1.15;
  text-wrap:balance; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sb-slayt.gorselli .sb-slayt-baslik,
.sb-slayt.zemin-2 .sb-slayt-baslik{ text-shadow:0 1px 12px rgba(0,0,0,.35); }
.sb-slayt-alt{ margin:0; font-size:.82rem; line-height:1.4; opacity:.94;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sb-slayt-dugme{ margin-top:6px; min-height:40px; padding:0 16px; border:0; border-radius:999px;
  display:inline-flex; align-items:center; gap:7px; font:inherit; font-size:.84rem; font-weight:700;
  background:#fff; color:#1d1712; text-decoration:none; cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.2); transition:transform .15s ease, box-shadow .15s ease; }
.sb-slayt-dugme:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.24); color:#1d1712; }
.sb-slayt-dugme:active{ transform:translateY(0) scale(.98); }
.sb-slayt-dugme:focus-visible{ outline:3px solid #fff; outline-offset:3px; }
.sb-slayt.zemin-1 .sb-slayt-dugme{ background:var(--on-primary); color:var(--primary-dolgu-600); }
.sb-slayt.zemin-3 .sb-slayt-dugme{ background:var(--primary-dolgu); color:var(--on-primary); box-shadow:none; }
.sb-slayt.zemin-3 .sb-slayt-dugme:focus-visible{ outline-color:var(--primary); }
.sb-banner .owl-dots{ display:flex; justify-content:center; gap:4px; margin-top:10px; }
.sb-banner .owl-dots.disabled{ display:none; }
.sb-banner .owl-dot{ border:0; background:none; padding:6px 3px; line-height:0; cursor:pointer; }
.sb-banner .owl-dot span{ display:block; width:7px; height:7px; border-radius:999px;
  background:var(--border-strong); transition:width .25s ease, background-color .25s ease; }
.sb-banner .owl-dot.active span{ width:20px; background:var(--primary); }
.sb-banner .owl-dot:focus-visible{ outline:2px solid var(--primary); outline-offset:1px; border-radius:6px; }
.sb-banner-dur{ position:absolute; top:10px; right:10px; z-index:3; width:34px; height:34px;
  border:0; border-radius:50%; display:grid; place-items:center; font-size:1rem; cursor:pointer;
  background:rgba(0,0,0,.38); color:#fff;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.sb-banner-dur[hidden]{ display:none; }
.sb-banner-dur::before{ content:""; position:absolute; inset:-5px; border-radius:50%; }
.sb-banner-dur:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
@media (prefers-reduced-motion: reduce){
  .sb-slayt-dugme, .sb-banner .owl-dot span{ transition:none; }
}