.sf-hero.sf-hero-block {--sf-hero-h-desktop:360px;--sf-hero-h-mobile:220px;--sf-hero-fit:cover;--sf-hero-bg:#333;--sf-hero-text:#fff;width:100%;max-width:100%}
.sf-hero.sf-hero-block .carousel-item {height:var(--sf-hero-h-mobile);background-color:var(--sf-hero-bg);width:100%;min-height:var(--sf-hero-h-mobile);flex:0 0 100%}
@media (min-width:992px) {
.sf-hero.sf-hero-block .carousel-item {height:var(--sf-hero-h-desktop);min-height:var(--sf-hero-h-desktop)}
}
.sf-hero.sf-hero-block .carousel-inner {width:100%;overflow:hidden}
.sf-hero.sf-hero-block img,.sf-hero-slider-wrap .carousel-item>img {object-fit:var(--sf-hero-fit,cover);width:100% !important;height:100% !important;min-width:100%;min-height:100%;display:block}
.sf-hero-slider-wrap .carousel-caption,.sf-hero-slider-wrap .carousel-caption h5,.sf-hero-slider-wrap .carousel-caption .sf-hero-banner-btn {color:var(--sf-hero-text,#fff)}
.sf-hero.sf-hero-block {width:100%;max-width:100%}
.sf-hero-slider-wrap {position:relative;width:100%;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px rgb(0,0,0,0.1);opacity:0;transition:opacity .3s ease}
.sf-hero-slider-wrap.initialized {opacity:1}
.sf-hero-slider-wrap .carousel-inner {display:block !important;position:relative;width:100%;overflow:hidden;border-radius:14px;height:var(--sf-hero-h-mobile);min-height:var(--sf-hero-h-mobile);transition:none !important}
@media (min-width:992px) {
.sf-hero-slider-wrap .carousel-inner {height:var(--sf-hero-h-desktop);min-height:var(--sf-hero-h-desktop)}
}
.sf-hero-slider-wrap .carousel-item {display:block !important;position:absolute;inset:0;width:100%;height:100%;min-height:var(--sf-hero-h-mobile);opacity:0;transition:opacity 450ms ease-in-out;pointer-events:none;overflow:hidden;backface-visibility:hidden;backface-visibility:hidden;will-change:opacity;transform:translateZ(0);z-index:1}
.sf-hero-slider-wrap .carousel-item.active {opacity:1;z-index:2;pointer-events:auto}
.sf-hero-slider-wrap .carousel-item.next,.sf-hero-slider-wrap .carousel-item.prev {transform:translateZ(0)!important}
@media (min-width:992px) {
.sf-hero-slider-wrap .carousel-item {min-height:var(--sf-hero-h-desktop)}
}
.sf-hero-slider-wrap .carousel-item picture {position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0}
.sf-hero-slider-wrap .carousel-item img {position:absolute;top:0;left:0;width:100% !important;height:100% !important;min-width:100%;min-height:100%;object-fit:var(--sf-hero-fit,cover);object-position:center;display:block;margin:0;padding:0}
.sf-hero-slider-wrap .carousel-control-prev,.sf-hero-slider-wrap .carousel-control-next {width:50px;height:50px;top:50%;bottom:auto;transform:translateY(-50%);background:rgb(0,0,0,0.85);border-radius:50%;opacity:0.9;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(0,0,0,0.4);z-index:30;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}
.sf-hero-slider-wrap .carousel-control-prev:hover,.sf-hero-slider-wrap .carousel-control-next:hover {opacity:1;background:#000;transform:translateY(-50%)scale(1.1)}
.sf-hero-slider-wrap .carousel-control-prev {left:12px}
.sf-hero-slider-wrap .carousel-control-next {right:12px}
.sf-hero-slider-wrap .carousel-control-prev-icon,.sf-hero-slider-wrap .carousel-control-next-icon {background-image:none;width:auto;height:auto;display:inline-block}
.sf-hero-slider-wrap .carousel-control-prev-icon::before {content:"";font-family:bootstrap-icons;font-size:24px;font-weight:bold;color:#fff}
.sf-hero-slider-wrap .carousel-control-next-icon::before {content:"";font-family:bootstrap-icons;font-size:24px;font-weight:bold;color:#fff}
.sf-hero-slider-wrap .carousel-indicators {display:none}
.sf-hero-slider-wrap .carousel-indicators button {width:10px;height:10px;border-radius:50%;background:rgb(255,255,255,0.5);border:none;margin:0;cursor:pointer;transition:all 0.3s ease}
.sf-hero-slider-wrap .carousel-indicators button.active {background:#fff;transform:scale(1.2)}
.sf-hero-slider-wrap .carousel-indicators button:hover:not(.active) {background:rgb(255,255,255,0.8)}
.sf-hero-slider-wrap .carousel-caption {position:absolute;left:24px;right:auto;top:auto;bottom:24px;z-index:5;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0;background:transparent !important;text-align:left;max-width:min(82%,520px)}
.sf-hero-slide-link {position:absolute;inset:0;z-index:1;display:block;text-decoration:none}
.sf-hero-slide-link--primary {z-index:20;cursor:pointer}
.sf-hero-banner-overlay,.sf-hero-slider-wrap .carousel-caption {pointer-events:none}
.sf-hero-banner-overlay a,.sf-hero-slider-wrap .carousel-caption a {pointer-events:auto}
.sf-hero-slider-wrap .carousel-caption.sf-hero-caption--button-only {background:transparent}
.sf-hero-slider-wrap .carousel-caption h5 {font-size:clamp(24px,3vw,42px);font-weight:900;line-height:1.2;margin:0 0 16px;text-shadow:2px 2px 4px rgb(0,0,0,0.3);max-width:600px}
.sf-hero-slider-wrap .carousel-caption .sf-hero-banner-btn {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:8px;background:rgb(255,255,255,.18);border:1px solid rgb(255,255,255,.72);color:#fff;font-weight:700;text-decoration:none;font-size:14px;transition:all 0.3s ease;box-shadow:none;backdrop-filter:blur(4px)}
.sf-hero-slider-wrap .carousel-caption .sf-hero-banner-btn:hover {background:rgb(255,255,255,.32);color:#fff;transform:translateY(-2px);box-shadow:none}
@media (max-width:991px) {
.sf-hero-slider-wrap {border-radius:10px}
.sf-hero-slider-wrap .carousel-caption {left:16px;right:auto;bottom:16px;padding:0;background:transparent !important;justify-content:flex-end;align-items:flex-start}
.sf-hero-slider-wrap .carousel-caption h5 {font-size:clamp(18px,4vw,28px);margin-bottom:12px}
.sf-hero-slider-wrap .carousel-caption .sf-hero-banner-btn {min-height:40px;padding:0 20px;font-size:13px}
.sf-hero-slider-wrap .carousel-control-prev,.sf-hero-slider-wrap .carousel-control-next {width:36px;height:36px;opacity:0.8}
.sf-hero-slider-wrap .carousel-control-prev-icon::before,.sf-hero-slider-wrap .carousel-control-next-icon::before {font-size:18px}
.sf-hero-slider-wrap .carousel-indicators {bottom:12px;padding:6px 12px}
.sf-hero-slider-wrap .carousel-indicators button {width:8px;height:8px}
}
@keyframes slideIndicator {0%,100%{opacity:0.5}50%{opacity:1}}
.sf-hero-slider-wrap .carousel-indicators button.active {animation:slideIndicator 2s infinite}
.sf-hero.sf-hero-block {--sf-hero-h-desktop:360px;--sf-hero-h-mobile:220px;--sf-hero-fit:cover}
.sf-hero.sf-hero-block .carousel-item {height:var(--sf-hero-h-mobile)}
@media (min-width:992px) {
.sf-hero.sf-hero-block .carousel-item {height:var(--sf-hero-h-desktop)}
}
.sf-hero.sf-hero-block img {object-fit:var(--sf-hero-fit)}
.sf-hero-manual-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sf-hero-banner-card {position:relative;border-radius:14px;overflow:hidden;border:var(--sf-border);background:#f8fafc;min-height:var(--sf-hero-h-mobile)}
@media (min-width:992px) {
.sf-hero.sf-hero-block .sf-hero-banner-card {min-height:var(--sf-hero-h-desktop)}
}
.sf-hero-banner-card img {width:100%;height:100%;display:block}
.sf-hero-banner-overlay {position:absolute;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;color:#fff;text-shadow:0 2px 6px rgb(0,0,0,.35)}
.sf-hero-banner-overlay h3 {margin:0;font-size:clamp(16px,2vw,28px);line-height:1.2}
.sf-hero-banner-btn {display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:8px;background:rgb(255,255,255,.94);color:#111827;font-weight:700;text-decoration:none;max-width:fit-content}
.sf-hero-caption {right:auto;left:14px;bottom:14px;text-align:left;background:rgb(15,23,42,.36);padding:8px 10px;border-radius:8px;max-width:min(75%,520px)}
.sf-hero-caption h5 {margin:0 0 6px;font-size:clamp(14px,1.3vw,24px)}
.sf-hero-caption .sf-hero-banner-btn {min-height:30px;font-size:12px}
@media (max-width:991px) {
.sf-hero-manual-grid {grid-template-columns:1fr;gap:10px}
}
.sf-hero.sf-hero-block .sf-hero-banner-card {min-height:var(--sf-slide-h-mobile,var(--sf-hero-h-mobile));height:var(--sf-slide-h-mobile,var(--sf-hero-h-mobile))}
.sf-hero.sf-hero-block .sf-hero-banner-card picture {position:absolute;inset:0;display:block;width:100%;height:100%}
.sf-hero.sf-hero-block .sf-hero-banner-card img,.sf-hero-slider-wrap .carousel-item img {object-fit:var(--sf-slide-fit-mobile,var(--sf-hero-fit,cover));object-position:var(--sf-slide-position-mobile,center)}
@media (min-width:769px) {
.sf-hero.sf-hero-block .sf-hero-banner-card img,.sf-hero-slider-wrap .carousel-item img {object-fit:var(--sf-slide-fit-desktop,var(--sf-hero-fit,cover));object-position:var(--sf-slide-position-desktop,center)}
}
@media (min-width:992px) {
.sf-hero.sf-hero-block .sf-hero-banner-card {min-height:var(--sf-slide-h-desktop,var(--sf-hero-h-desktop));height:var(--sf-slide-h-desktop,var(--sf-hero-h-desktop))}
}

/* Tam Genislik (Full Width) hero blogu - sayfa container'indan tasip ekran genisligine yayilir */
html { overflow-x: hidden; }

.sf-hero.sf-hero-block.sf-hero-full-width {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.sf-hero-full-width .sf-hero-slider-wrap,
.sf-hero-full-width .sf-hero-banner-card {
    border-radius: 0;
}

/* Hero slide YouTube arka plan video destegi */
.sf-hero-yt-wrap {position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#000}
.sf-hero-yt-wrap iframe {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;pointer-events:none}

/* Slide bazli yazi rengi / font ailesi */
.sf-hero-banner-overlay,.sf-hero-banner-overlay h3 {color:var(--sf-ov-color,var(--sf-hero-text,#fff));font-family:var(--sf-ov-font,inherit)}
.sf-hero-slider-wrap .carousel-caption,.sf-hero-slider-wrap .carousel-caption h5,.sf-hero-slider-wrap .carousel-caption .sf-hero-banner-btn {color:var(--sf-ov-color,var(--sf-hero-text,#fff));font-family:var(--sf-ov-font,inherit)}

/* Slide bazli yazi boyutu */
.sf-hero-banner-overlay.sf-ov-size-sm h3,.sf-hero-slider-wrap .carousel-caption.sf-ov-size-sm h5 {font-size:clamp(13px,1.6vw,20px)}
.sf-hero-banner-overlay.sf-ov-size-md h3,.sf-hero-slider-wrap .carousel-caption.sf-ov-size-md h5 {font-size:clamp(18px,2.4vw,30px)}
.sf-hero-banner-overlay.sf-ov-size-lg h3,.sf-hero-slider-wrap .carousel-caption.sf-ov-size-lg h5 {font-size:clamp(24px,3.4vw,42px)}
.sf-hero-banner-overlay.sf-ov-size-xl h3,.sf-hero-slider-wrap .carousel-caption.sf-ov-size-xl h5 {font-size:clamp(30px,4.6vw,58px)}

/* Slide bazli yazi pozisyonu (3x3 grid) */
.sf-hero-banner-overlay.sf-pos-tl,.sf-hero-slider-wrap .carousel-caption.sf-pos-tl {top:16px;bottom:auto;left:16px;right:auto;transform:none;align-items:flex-start;text-align:left;justify-content:flex-start;max-width:min(82%,520px)}
.sf-hero-banner-overlay.sf-pos-tc,.sf-hero-slider-wrap .carousel-caption.sf-pos-tc {top:16px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);align-items:center;text-align:center;justify-content:flex-start;max-width:min(90%,640px)}
.sf-hero-banner-overlay.sf-pos-tr,.sf-hero-slider-wrap .carousel-caption.sf-pos-tr {top:16px;bottom:auto;left:auto;right:16px;transform:none;align-items:flex-end;text-align:right;justify-content:flex-start;max-width:min(82%,520px)}
.sf-hero-banner-overlay.sf-pos-cl,.sf-hero-slider-wrap .carousel-caption.sf-pos-cl {top:50%;bottom:auto;left:16px;right:auto;transform:translateY(-50%);align-items:flex-start;text-align:left;justify-content:center;max-width:min(82%,520px)}
.sf-hero-banner-overlay.sf-pos-cc,.sf-hero-slider-wrap .carousel-caption.sf-pos-cc {top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);align-items:center;text-align:center;justify-content:center;max-width:min(90%,640px)}
.sf-hero-banner-overlay.sf-pos-cr,.sf-hero-slider-wrap .carousel-caption.sf-pos-cr {top:50%;bottom:auto;left:auto;right:16px;transform:translateY(-50%);align-items:flex-end;text-align:right;justify-content:center;max-width:min(82%,520px)}
.sf-hero-banner-overlay.sf-pos-bl,.sf-hero-slider-wrap .carousel-caption.sf-pos-bl {top:auto;bottom:16px;left:16px;right:auto;transform:none;align-items:flex-start;text-align:left;justify-content:flex-end;max-width:min(82%,520px)}
.sf-hero-banner-overlay.sf-pos-bc,.sf-hero-slider-wrap .carousel-caption.sf-pos-bc {top:auto;bottom:16px;left:50%;right:auto;transform:translateX(-50%);align-items:center;text-align:center;justify-content:flex-end;max-width:min(90%,640px)}
.sf-hero-banner-overlay.sf-pos-br,.sf-hero-slider-wrap .carousel-caption.sf-pos-br {top:auto;bottom:16px;left:auto;right:16px;transform:none;align-items:flex-end;text-align:right;justify-content:flex-end;max-width:min(82%,520px)}