.bgv{--bgv-ink:#fbf8f2;position:relative;isolation:isolate;width:100%;max-width:none;background:#17231c;color:var(--bgv-ink);margin:0 auto;box-sizing:border-box}.bgv *,.bgv *::before,.bgv *::after{box-sizing:border-box}.bgv--wide{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.bgv-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;direction:ltr;height:clamp(440px,56.25vw,820px);-webkit-overflow-scrolling:touch}.bgv-track::-webkit-scrollbar{display:none}.bgv-slide{position:relative;flex:0 0 100%;width:100%;min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always;margin:0!important;padding:0!important}.bgv-slide picture{display:block;width:100%;height:100%}.bgv .bgv-photo{display:block;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover;object-position:var(--bgv-x,50%) var(--bgv-y,50%);border:0;border-radius:0;margin:0;padding:0}.bgv-copy{position:absolute;left:6%;bottom:105px;right:6%;pointer-events:none}.bgv .bgv-title{font-family:var(--bgv-heading-font,Georgia,serif);font-size:clamp(42px,5.7vw,88px);font-weight:400;line-height:1.05;letter-spacing:-.025em;color:var(--bgv-ink);text-transform:none;margin:0;max-width:1100px;text-wrap:balance;text-shadow:0 2px 16px #0003}.bgv-title span{display:block}.bgv-title span+span{margin-left:clamp(25px,8vw,150px)}.bgv .bgv-link{pointer-events:auto;display:inline-flex;align-items:center;gap:18px;color:var(--bgv-ink);font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;border:1px solid #fbf8f299;border-radius:999px;padding:12px 22px;margin-top:22px;background:#17231c66}.bgv-controls{position:absolute;left:6%;right:6%;bottom:20px;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none}.bgv [hidden]{display:none!important}.bgv-controls button{pointer-events:auto;display:grid;place-items:center;flex:0 0 auto;min-width:44px;width:44px;height:44px;padding:0!important;margin:0!important;background:#17231c80;color:#fbf8f2;border:1px solid #fbf8f255;border-radius:50%;box-shadow:none;cursor:pointer;font:400 22px/1 sans-serif}.bgv-controls button:hover{background:#29422ae6}.bgv button:focus-visible,.bgv a:focus-visible,.bgv-track:focus-visible{outline:2px solid #fbf8f2;outline-offset:-4px}.bgv-dots{display:flex;align-items:center;max-width:min(55vw,420px);overflow-x:auto;scrollbar-width:none;pointer-events:auto}.bgv-dots button{border:0;background:transparent;min-width:28px;width:28px;height:44px}.bgv-dots button:hover{background:transparent}.bgv-dots button span{width:6px;height:6px;border-radius:999px;background:#fbf8f266;transition:width .2s,background .2s}.bgv-dots button[aria-current=true] span{width:19px;background:#fbf8f2}.bgv-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.bgv-track{height:clamp(360px,130vw,600px)}.bgv .bgv-photo{object-position:var(--bgv-mx,50%) var(--bgv-my,50%)}.bgv-copy{left:7%;right:7%;bottom:90px}.bgv .bgv-title{font-size:clamp(32px,8.5vw,48px);line-height:1.09}.bgv-title span+span{margin-left:24px}.bgv-controls{left:12px;right:12px;bottom:14px;gap:6px}.bgv .bgv-link{font-size:13px;padding:10px 18px}}@media(prefers-reduced-motion:reduce){.bgv *{scroll-behavior:auto!important;transition:none!important}}

/* v1.0.1: tema genişlik sınırlamalarını aş; fotoğraf üzerindeki yazıyı kırpma. */
.bgv.bgv--wide {
    width: var(--bgv-viewport-width, 100vw) !important;
    max-width: none !important;
    margin-left: calc(50% - var(--bgv-viewport-width, 100vw) / 2) !important;
    margin-right: calc(50% - var(--bgv-viewport-width, 100vw) / 2) !important;
}
.bgv.bgv--uncropped .bgv-track {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: var(--bgv-ratio, 16 / 9);
}
.bgv.bgv--uncropped .bgv-photo { object-fit: contain !important; }
@media (max-width: 767px) {
    .bgv.bgv--uncropped .bgv-track { aspect-ratio: var(--bgv-mobile-ratio, 16 / 9); }
}

/* v1.1.0: tüm ayarlar sadece bu vitrin alanına uygulanır. */
.bgv {
    --bgv-left: var(--bgv-left-desktop, 0px);
    --bgv-right: var(--bgv-right-desktop, 0px);
    --bgv-effective-left: min(var(--bgv-left), max(0px, calc((var(--bgv-viewport-width, 100vw) - 120px) / 2)));
    --bgv-effective-right: min(var(--bgv-right), max(0px, calc((var(--bgv-viewport-width, 100vw) - 120px) / 2)));
    width: calc(100% - var(--bgv-effective-left) - var(--bgv-effective-right));
    margin-left: var(--bgv-effective-left);
    margin-right: var(--bgv-effective-right);
}
.bgv.bgv--wide {
    width: calc(var(--bgv-viewport-width, 100vw) - var(--bgv-effective-left) - var(--bgv-effective-right)) !important;
    margin-left: calc(50% - var(--bgv-viewport-width, 100vw) / 2 + var(--bgv-effective-left)) !important;
    margin-right: calc(50% - var(--bgv-viewport-width, 100vw) / 2 + var(--bgv-effective-right)) !important;
}
.bgv-controls { bottom: var(--bgv-controls-desktop, 20px); }
@media (min-width: 768px) {
    .bgv[data-height-desktop="viewport"] .bgv-track {
        height: var(--bgv-auto-height, 70vh) !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto;
    }
    .bgv[data-height-desktop="pixels"] .bgv-track {
        height: var(--bgv-height-desktop, 650px) !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto;
    }
}
@media (max-width: 767px) {
    .bgv { --bgv-left: var(--bgv-left-mobile, 0px); --bgv-right: var(--bgv-right-mobile, 0px); }
    .bgv[data-height-mobile="viewport"] .bgv-track {
        height: var(--bgv-auto-height, 70vh) !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto;
    }
    .bgv[data-height-mobile="pixels"] .bgv-track {
        height: var(--bgv-height-mobile, 480px) !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto;
    }
    .bgv-controls { bottom: var(--bgv-controls-mobile, 14px); }
    .bgv .bgv-controls [data-bgv-prev],
    .bgv .bgv-controls [data-bgv-next],
    .bgv.bgv--no-mobile-dots .bgv-dots { display: none !important; }
}