/* İzometrik mühendislik stüdyosu. Animasyonlar yalnız sonlu CAD zaman çizelgesiyle ilerler. */
.ob-fantastik-slayt .ob_slayt_cad .ob-slayt-gorsel { opacity: 0; }
.ob-fantastik-slayt .ob_slayt_cad .ob-slayt-katman { background: radial-gradient(ellipse at 81% 29%,#12415c66,transparent 43%),radial-gradient(ellipse at 53% 76%,#124e6155,transparent 42%),linear-gradient(120deg,#06121f,#071b2c 60%,#03101e); }
.ob-fantastik-slayt .ob_slayt_cad .ob-slayt-icerik { max-width: 38%; margin-inline: 0 auto; text-align: start; }
.ob-fantastik-slayt .ob_slayt_cad .ob-slayt-dugmeler { justify-content: flex-start; gap: 12px; }
.ob-fantastik-slayt .ob_slayt_cad .ob-slayt-dugmeler .btn { padding-inline: 19px; font-size: .88rem; }
.ob-fantastik-slayt .ob_slayt_cad .ob-slayt-baslik { font-size: clamp(2.3rem,3.6vw,3.9rem); letter-spacing: -.045em; }
.ob-fantastik-slayt .ob_slayt_cad .ob-slayt-icerik > p { color: #b5ccdb; font-size: 1rem; margin-inline: 0; }
.ob-fantastik-slayt:has(.ob_slayt_cad.active) .ob-slayt-gostergeler { bottom: 10px; }
.ob-cad { position: absolute; z-index: 5; inset-inline-end: max(2.5vw,calc((100vw - 1410px)/2)); top: 82px; width: min(55vw,825px); color: #c2ddea; text-align: start; }
.ob-cad::before { content: ""; position: absolute; inset: 7% 9% 15%; border-radius: 50%; background: radial-gradient(ellipse,#3db7e719,transparent 65%); pointer-events: none; }
.ob-cad-header { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 20px 13px; }
.ob-cad-header small { display: flex; align-items: center; gap: 9px; font-size: .61rem; letter-spacing: .15em; color: #86b9cb; font-weight: 600; }
.ob-cad-header small > span:first-child { width: 5px; height: 5px; background: #72e1f7; border-radius: 50%; box-shadow: 0 0 12px #5df0ff; flex-shrink: 0; }
.ob-cad-header h3 { margin: 9px 0 0; color: #edf6fa; font: 550 clamp(1rem,1.35vw,1.2rem)/1.3 var(--ob-yazi-tipi); letter-spacing: -.02em; }
.ob-cad-tools { display: flex; gap: 7px; flex-shrink: 0; }
.ob-cad-tools[hidden] { display: none; }
.ob-cad-tools button { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #87c3dc45; border-radius: 50%; color: #b8e6f5; background: #15364960; font-size: 1rem; transition: background .15s,border-color .15s; }
.ob-cad-tools button:hover { background: #3b9fbb30; border-color: #8ceaff; }
.ob-cad button:focus-visible { outline: 2px solid #ffaf6b; outline-offset: 3px; }
.ob-cad-tools button:disabled { opacity: .35; }
.ob-cad-viewport { position: relative; margin: 0; perspective: 1200px; border-block: 1px solid #80d5e918; }
.ob-cad-viewport::before,.ob-cad-viewport::after { content: ""; position: absolute; width: 22px; height: 22px; border: solid #77c9e163; pointer-events: none; }
.ob-cad-viewport::before { inset-inline-start: 0; top: 0; border-width: 1px 0 0 1px; }
.ob-cad-viewport::after { inset-inline-end: 0; bottom: 0; border-width: 0 1px 1px 0; }
.ob-cad-coordinate { position: absolute; z-index: 1; top: 13px; inset-inline-start: 19px; color: #6a9eb5; font: 9px ui-monospace,monospace; letter-spacing: .15em; pointer-events: none; }
.ob-cad-coordinate b { margin-inline-start: 18px; font-weight: 400; color: #82c7dd; }
.ob-cad-model { transform-origin: 50% 60%; }
.ob-cad-vehicle { display: block; width: 100%; height: auto; direction: ltr; overflow: visible; transform-origin: 52% 63%; }
.ob-cad-vehicle text { font-family: var(--ob-yazi-tipi); }
.ob-cad-hologram { opacity: .55; }
.ob-cad-dimensions { opacity: .48; }
.ob-cad-wire,.ob-cad-body-wire,.ob-cad-connectors,.ob-cad-nodes,.ob-cad-scan,.ob-cad-lock-flash,.ob-cad-sparks { opacity: 0; }
.ob-cad-stages { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; margin: 13px 0 0; }
.ob-cad-stages button { display: flex; align-items: center; gap: 8px; min-height: 47px; border: 1px solid #9ad6eb21; border-radius: 8px; padding: 10px 12px; text-align: start; color: #8bb1c7; background: #071b2d65; line-height: 1.25; transition: background .15s,border-color .15s; }
.ob-cad-stages button > span { display: grid; place-items: center; width: 23px; height: 23px; flex-shrink: 0; color: #76adc5; border: 1px solid #7dc2dd30; border-radius: 5px; font: 10px ui-monospace,monospace; }
.ob-cad-stages button > strong { font-size: .74rem; font-weight: 550; overflow-wrap: anywhere; }
.ob-cad-stages button:hover { color: #daf4fb; background: #16405780; }
.ob-cad-stages button[aria-pressed="true"] { color: #def8ff; border-color: #79d8f386; background: #1b4b606b; }
.ob-cad-stages button[aria-pressed="true"] > span { color: #102536; background: #8de4f6; border-color: #8de4f6; }
.ob-cad[data-ob-cad-adim="2"] .ob-cad-stages button[aria-pressed="true"] { border-color: #ffb2728a; background: #674c343d; }
.ob-cad[data-ob-cad-adim="2"] .ob-cad-stages button[aria-pressed="true"] > span { background: #ffb272; border-color: #ffb272; }
.ob-cad-footer { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 3px; font-size: .71rem; color: #a6c6d7; }
.ob-cad-footer > span::before { content: ""; display: inline-block; width: 5px; height: 5px; border: 1px solid #71cee6; border-radius: 50%; margin-inline-end: 8px; vertical-align: 2px; }
.ob-cad-footer small { color: #6e98ae; font-size: .59rem; text-align: end; }
.ob-cad-progress { display: block; height: 1px; background: #7ecae51a; }
.ob-cad-progress i { display: block; height: 100%; background: linear-gradient(90deg,#67d8f7,#ffb36f); transform-origin: left; transform: scaleX(1); }
.ob-cad[data-ob-cad-stil="ob_teknik"] .ob-cad-hologram { opacity: .22; }

/* Hazır şasi üzerinde kasa planı ve yalnız kasa alanında beliren tamamlanmış üstyapı. */
.ob-cad-model { position: relative; aspect-ratio: 1.75; pointer-events: none; }
.ob-cad-vehicle { position: absolute; width: 100%; aspect-ratio: 1.5; top: -8.333%; overflow: visible; transform-origin: 55% 65%; }
.ob-cad-render,.ob-cad-hud { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; pointer-events: none; user-select: none; }
.ob-cad-chassis { opacity: 1; }
.ob-cad-result { opacity: 1; }
.ob-cad-show-car { position: absolute; inset: 0; transform-origin: 66% 67%; }
.ob-cad-showroom { opacity: .9; }
.ob-cad-show-lights { opacity: .45; }
.ob-cad-show-rim { opacity: .75; }
.ob-cad-assembly { display: none; }
.ob-cad-assembly-part,.ob-cad-assembly-links,.ob-cad-assembly-lock { opacity: 0; }
.ob-cad-assembly-part { transform-box: view-box; transform-origin: 28% 52%; }
.ob-cad-metal-shine { position: absolute; inset: 0; opacity: 0; background: linear-gradient(105deg,transparent 36%,#e2f7ff00 42%,#e2f7ff80 48%,#fff5df90 50%,transparent 57%); mix-blend-mode: screen; }
.ob-cad-platform { opacity: .46; }
.ob-cad-build { position: absolute; inset: 0; overflow: hidden; clip-path: polygon(4% 42.125%,29.33% 38.625%,51.08% 42.125%,50.916% 61.875%,48.75% 62.875%,4% 53.125%); }
.ob-cad-build-scan { position: absolute; left: 3%; top: 38%; width: 2px; height: 28%; background: #ffd1a1; box-shadow: 0 0 15px 2px #ffb46c65; opacity: 0; }
.ob-cad-build-scan::before { content: ""; position: absolute; right: 0; top: 0; width: 32px; height: 100%; background: linear-gradient(90deg,transparent,#ffd0a126); }
.ob-cad-scan { position: absolute; left: 2%; top: 18%; width: 2px; height: 68%; background: #8ae9ff; box-shadow: 0 0 16px 2px #47cfff66; opacity: 0; }
.ob-cad-scan::before { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 45px; background: linear-gradient(90deg,transparent,#7adef220); }
.ob-cad-lock-flash { position: absolute; inset: 68% 2% 5%; border: 1px solid #91e8fc; border-radius: 50%; opacity: 0; }
.ob-cad[data-ob-cad-stil="ob_teknik"] .ob-cad-platform { opacity: .2; }
.ob-cad-drafting { display: none; }
.ob-cad-guides { opacity: .3; }
.ob-cad-trace,.ob-cad-dimension-line { stroke-dasharray: 1; stroke-dashoffset: 1; }
.ob-cad-trace { vector-effect: non-scaling-stroke; stroke-width: 1.5; }
.ob-cad-pencil { opacity: 0; }
.ob-cad-detail,.ob-cad-dimension-labels { opacity: 0; }
.ob-cad-body-fill { opacity: 0; }
.ob-cad-timeline .ob-cad-drafting { display: block; animation: ob-cad-drafting 7200ms linear both paused; }
.ob-cad-timeline .ob-cad-trace,.ob-cad-timeline .ob-cad-dimension-line { animation: ob-cad-trace var(--ob-cad-cizgi-sure) linear var(--ob-cad-cizgi-gecikme) 1 both paused; }
.ob-cad-timeline .ob-cad-detail { animation: ob-cad-detail 7200ms linear both paused; }
.ob-cad-timeline .ob-cad-dimension-labels { animation: ob-cad-labels 7200ms linear both paused; }
.ob-cad-timeline .ob-cad-body-fill { animation: ob-cad-infill 7200ms linear both paused; }
.ob-cad-timeline .ob-cad-result { animation: ob-cad-result 7200ms linear both paused; }
.ob-cad-timeline .ob-cad-build-scan { animation: ob-cad-build-scan 7200ms linear both paused; }
.ob-cad-timeline .ob-cad-nodes { animation: ob-cad-nodes 7200ms linear both paused; }
.ob-cad-timeline .ob-cad-dimensions { animation: ob-cad-dimensions 7200ms linear both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-platform { animation: ob-cad-projector 7200ms linear both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-orbit { animation: ob-cad-orbit 7200ms linear both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-lock-flash { animation: ob-cad-lock 7200ms ease-out both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-show-car { animation: ob-cad-show-drive 7200ms cubic-bezier(.19,.7,.25,1) both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-show-lights { animation: ob-cad-show-lights 7200ms linear both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-show-rim { animation: ob-cad-show-rim 7200ms linear both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-metal-shine { animation: ob-cad-metal-shine 7200ms ease-in-out both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-assembly { display: block; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-drafting { animation-name: ob-cad-drafting-show; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-assembly-floor { animation: ob-cad-assembly-floor 7200ms cubic-bezier(.22,.75,.22,1) both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-assembly-far { animation: ob-cad-assembly-far 7200ms cubic-bezier(.22,.75,.22,1) both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-assembly-rear { animation: ob-cad-assembly-rear 7200ms cubic-bezier(.22,.75,.22,1) both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-assembly-front { animation: ob-cad-assembly-front 7200ms cubic-bezier(.22,.75,.22,1) both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-assembly-near { animation: ob-cad-assembly-near 7200ms cubic-bezier(.22,.75,.22,1) both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-assembly-links { animation: ob-cad-assembly-links 7200ms linear both paused; }
.ob-cad-timeline[data-ob-cad-stil="ob_sinema"] .ob-cad-assembly-lock { animation: ob-cad-assembly-lock 7200ms ease-out both paused; }
@keyframes ob-cad-trace { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes ob-cad-drafting { 0%,64% { opacity: 1; } 77% { opacity: .2; } 82%,100% { opacity: 0; } }
@keyframes ob-cad-drafting-show { 0%,34% { opacity: 1; } 46%,57% { opacity: .18; } 68%,100% { opacity: 0; } }
@keyframes ob-cad-detail { 0%,27% { opacity: 0; } 37%,100% { opacity: .8; } }
@keyframes ob-cad-labels { 0%,27% { opacity: 0; } 37%,100% { opacity: 1; } }
@keyframes ob-cad-infill { 0%,36% { opacity: 0; } 44% { opacity: .06; } 60% { opacity: .18; } 77%,100% { opacity: 0; } }
@keyframes ob-cad-result { 0%,57% { opacity: 1; clip-path: inset(0 97% 0 0); } 77%,100% { opacity: 1; clip-path: inset(0 48.5% 0 0); } }
@keyframes ob-cad-build-scan { 0%,57% { left: 3%; opacity: 0; } 59% { opacity: .9; } 75% { opacity: .9; } 77%,100% { left: 51.5%; opacity: 0; } }
@keyframes ob-cad-nodes { 0%,21% { opacity: 0; } 24%,43% { opacity: .85; } 52%,100% { opacity: 0; } }
@keyframes ob-cad-dimensions { 0%,21% { opacity: 0; } 24%,43% { opacity: .9; } 52%,100% { opacity: 0; } }
@keyframes ob-cad-projector { 0% { opacity: .08; } 20%,68% { opacity: .7; } 88%,100% { opacity: .46; } }
@keyframes ob-cad-orbit { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -690; } }
@keyframes ob-cad-lock { 0%,74% { opacity: 0; transform: scale(.85); } 79% { opacity: .65; transform: scale(1); } 89%,100% { opacity: 0; transform: scale(1.08); } }
@keyframes ob-cad-show-drive {
    0% { opacity: 0; transform: translate3d(18%,22px,0) scale(.82) rotate(-3deg); }
    10% { opacity: 1; transform: translate3d(-1%,-4px,0) scale(1.03) rotate(.4deg); }
    19%,72% { opacity: 1; transform: none; }
    83% { opacity: 1; transform: translate3d(-1%,-5px,0) scale(1.045) rotateY(-5deg) rotate(-.7deg); }
    94%,100% { opacity: 1; transform: none; }
}
@keyframes ob-cad-show-lights { 0% { opacity: .1; } 14% { opacity: .85; } 34%,53% { opacity: .4; } 71% { opacity: .85; } 90%,100% { opacity: .45; } }
@keyframes ob-cad-show-rim { 0% { stroke-dashoffset: 520; opacity: 0; } 17% { opacity: .9; } 78% { opacity: 1; } 100% { stroke-dashoffset: -480; opacity: .75; } }
@keyframes ob-cad-assembly-floor { 0%,35% { opacity: 0; transform: none; } 42%,58% { opacity: 1; transform: translate(-18px,-82px); } 65% { opacity: 1; transform: none; } 72%,100% { opacity: 0; transform: none; } }
@keyframes ob-cad-assembly-far { 0%,36% { opacity: 0; transform: none; } 43%,58% { opacity: 1; transform: translate(22px,-153px) rotate(-1deg); } 66% { opacity: 1; transform: none; } 74%,100% { opacity: 0; transform: none; } }
@keyframes ob-cad-assembly-rear { 0%,37% { opacity: 0; transform: none; } 44%,59% { opacity: 1; transform: translate(-45px,-128px) rotate(-3deg); } 67% { opacity: 1; transform: none; } 75%,100% { opacity: 0; transform: none; } }
@keyframes ob-cad-assembly-front { 0%,38% { opacity: 0; transform: none; } 45%,60% { opacity: 1; transform: translate(16px,-96px); } 68% { opacity: 1; transform: none; } 76%,100% { opacity: 0; transform: none; } }
@keyframes ob-cad-assembly-near { 0%,39% { opacity: 0; transform: none; } 46%,60% { opacity: 1; transform: translate(-27px,-122px) rotate(.5deg); } 70% { opacity: 1; transform: none; } 77%,100% { opacity: 0; transform: none; } }
@keyframes ob-cad-assembly-links { 0%,36% { opacity: 0; } 43%,59% { opacity: .3; } 69%,100% { opacity: 0; } }
@keyframes ob-cad-assembly-lock { 0%,65% { opacity: 0; } 68% { opacity: .9; } 74%,100% { opacity: 0; } }
@keyframes ob-cad-metal-shine { 0%,75% { opacity: 0; transform: translateX(-32%); } 78% { opacity: .8; } 91% { opacity: .35; transform: translateX(18%); } 95%,100% { opacity: 0; transform: translateX(26%); } }

/* Yönetim araçları yalnız yetkili oturumda sunucu tarafından oluşturulur. */
.ob-fantastik-slayt { position: relative; }
.ob-slayt-yonetici-araclari { position: absolute; z-index: 10; top: 17px; inset-inline-start: max(4vw,calc((100vw - 1290px)/2)); display: flex; gap: 8px; align-items: center; flex-wrap: wrap; color: #c8e7f4; font-size: .7rem; }
.ob-slayt-yonetici-araclari > span { padding-inline-end: 5px; opacity: .7; }
.ob-slayt-yonetici-araclari a,.ob-slayt-yonetici-araclari button { padding: 7px 11px; border: 1px solid #a1d9ec45; border-radius: 8px; background: #0a243deb; color: #d8eff9; text-decoration: none; }
.ob-slayt-yonetici-araclari a:hover,.ob-slayt-yonetici-araclari button:hover { background: #164564; }
.ob-slayt-icerik-yonet { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 15px; font-size: .7rem; }
.ob-slayt-icerik-yonet a,.ob-slayt-icerik-yonet button { color: #b1cad9; padding: 0; border: 0; background: transparent; text-decoration: underline; text-underline-offset: 3px; }
.ob-slayt-icerik-yonet :focus-visible,.ob-slayt-yonetici-araclari :focus-visible { outline: 2px solid #ffad62; outline-offset: 3px; }
@media (min-width: 992px) {
    body:has(.ob-fantastik-slayt) .ob-whatsapp-sabit { width: 56px; height: 56px; padding: 0; display: grid; place-items: center; }
    body:has(.ob-fantastik-slayt) .ob-whatsapp-sabit > span { display: none; }
    .ob-fantastik-slayt:has(.ob_slayt_cad.active) .ob-slayt-kontrol { left: auto; right: auto; inset-inline-start: max(6vw,calc((100vw - 1320px)/2)); gap: 10px; }
    .ob-fantastik-slayt:has(.ob_slayt_cad.active) .ob-slayt-gostergeler { left: auto; right: auto; inset-inline-end: max(24px,calc((100vw - 1320px)/2)); }
    .ob-fantastik-slayt:has(.ob_slayt_cad.active) .ob-slayt-ilerleme { width: min(9vw,110px); }
    .ob-fantastik-slayt:has(.ob_slayt_cad.active) .ob-slayt-sayac { min-width: 73px; }
}
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
    .ob-sahne-hareketli .ob-cad-model { transform: rotateX(calc(var(--ob-fare-y,0)*-3deg)) rotateY(calc(var(--ob-fare-x,0)*5deg)); transition: transform .5s cubic-bezier(.2,.7,.2,1); }
    .ob-sahne-hareketli .ob-cad-coordinate { translate: calc(var(--ob-fare-x,0)*-8px) calc(var(--ob-fare-y,0)*-5px); transition: translate .5s; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .ob-fantastik-slayt:has(.ob-cad) .carousel,.ob-fantastik-slayt:has(.ob-cad) .carousel-inner,.ob-fantastik-slayt:has(.ob-cad) .ob-slayt { min-height: 885px; }
    .ob-fantastik-slayt .ob_slayt_cad { padding-top: 50px; }
    .ob-fantastik-slayt:has(.ob-slayt-yonetici-araclari) .ob_slayt_cad { padding-top: 78px; }
    .ob-cad { position: relative; top: auto; inset-inline-end: auto; width: min(76vw,660px); margin-inline: auto; }
    .ob-fantastik-slayt .ob_slayt_cad .ob-slayt-icerik-kapsayici { min-height: 0; padding-block: 30px 120px; align-items: flex-start; }
    .ob-fantastik-slayt .ob_slayt_cad .ob-slayt-icerik { max-width: 95%; }
    .ob-fantastik-slayt .ob_slayt_cad .ob-slayt-baslik { font-size: 2.6rem; }
}
@media (max-width: 767.98px) {
    .ob-slayt-yonetici-araclari { inset-inline-start: 19px; top: 14px; gap: 6px; font-size: .65rem; }
    .ob-slayt-yonetici-araclari > span { display: none; }
    .ob-fantastik-slayt:has(.ob-cad) .carousel,.ob-fantastik-slayt:has(.ob-cad) .carousel-inner,.ob-fantastik-slayt:has(.ob-cad) .ob-slayt { min-height: 825px; }
    .ob-fantastik-slayt .ob_slayt_cad { padding-top: 35px; }
    .ob-fantastik-slayt:has(.ob-slayt-yonetici-araclari) .ob_slayt_cad { padding-top: 68px; }
    .ob-cad { position: relative; top: auto; inset-inline: auto; margin-inline: 19px; width: auto; }
    .ob-cad-header { padding: 0 3px 12px; gap: 6px; }
    .ob-cad-header small { font-size: .53rem; letter-spacing: .09em; }
    .ob-cad-header h3 { font-size: .98rem; margin-top: 7px; }
    .ob-cad-tools { gap: 5px; }
    .ob-cad-tools button { width: 34px; height: 34px; }
    .ob-cad-coordinate { font-size: 7px; top: 9px; inset-inline-start: 11px; }
    .ob-cad-stages { gap: 4px; margin-top: 10px; }
    .ob-cad-stages button { flex-direction: column; align-items: flex-start; gap: 5px; padding: 8px 9px; min-height: 57px; }
    .ob-cad-stages button > span { width: 20px; height: 20px; font-size: 9px; }
    .ob-cad-stages button > strong { font-size: .65rem; }
    .ob-cad-footer { padding: 12px 2px; font-size: .62rem; gap: 8px; }
    .ob-cad-footer small { max-width: 42%; font-size: .52rem; }
    .ob-fantastik-slayt .ob_slayt_cad .ob-slayt-icerik-kapsayici { min-height: 0; padding: 28px 22px 112px; align-items: flex-start; }
    .ob-fantastik-slayt .ob_slayt_cad .ob-slayt-icerik { max-width: 100%; }
    .ob-fantastik-slayt .ob_slayt_cad .ob-slayt-baslik { font-size: clamp(1.95rem,7.7vw,2.65rem); margin-block: 17px; }
    .ob-fantastik-slayt .ob_slayt_cad .ob-slayt-icerik > p { font-size: .91rem; line-height: 1.65; }
}
@media (max-width: 359.98px) { .ob-cad { margin-inline: 15px; } .ob-cad-footer { font-size: .55rem; } .ob-cad-header h3 { font-size: .88rem; } }
body[data-ob-hareket-efektleri="0"] .ob-cad :is(.ob-cad-vehicle,.ob-cad-result,.ob-cad-drafting,.ob-cad-trace,.ob-cad-detail,.ob-cad-body-fill,.ob-cad-dimensions,.ob-cad-nodes,.ob-cad-dimension-line,.ob-cad-dimension-labels,.ob-cad-show-car,.ob-cad-show-lights,.ob-cad-show-rim,.ob-cad-assembly-part,.ob-cad-assembly-links,.ob-cad-assembly-lock,.ob-cad-metal-shine) { animation: none; }
body[data-ob-hareket-efektleri="0"] .ob-cad .ob-cad-show-car { transform: none; opacity: 1; }
body[data-ob-hareket-efektleri="0"] .ob-cad :is(.ob-cad-assembly,.ob-cad-metal-shine) { display: none; }
body[data-ob-hareket-efektleri="0"] .ob-cad:is([data-ob-cad-adim="0"],[data-ob-cad-adim="1"],[data-ob-cad-adim="2"]) .ob-cad-drafting { display: block; opacity: 1; }
body[data-ob-hareket-efektleri="0"] .ob-cad[data-ob-cad-adim="3"] .ob-cad-drafting { display: none; }
body[data-ob-hareket-efektleri="0"] .ob-cad .ob-cad-trace { stroke-dashoffset: 0; }
body[data-ob-hareket-efektleri="0"] .ob-cad .ob-cad-detail { opacity: .8; }
body[data-ob-hareket-efektleri="0"] .ob-cad .ob-cad-body-fill { opacity: .08; }
body[data-ob-hareket-efektleri="0"] .ob-cad .ob-cad-pencil { display: none; }
body[data-ob-hareket-efektleri="0"] .ob-cad .ob-cad-dimension-line { stroke-dashoffset: 0; }
body[data-ob-hareket-efektleri="0"] .ob-cad .ob-cad-dimension-labels { opacity: 1; }
body[data-ob-hareket-efektleri="0"] .ob-cad :is(.ob-cad-scan,.ob-cad-build-scan,.ob-cad-lock-flash) { display: none; }
body[data-ob-hareket-efektleri="0"] .ob-cad:is([data-ob-cad-adim="0"],[data-ob-cad-adim="1"],[data-ob-cad-adim="2"]) .ob-cad-result { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
    .ob-sahne-hareketli .ob-cad-model { transform: none; transition: none; }
    .ob-sahne-hareketli .ob-cad-coordinate { translate: none; transition: none; }
    .ob-cad .ob-cad-vehicle { transform: none; }
    .ob-cad .ob-cad-show-car { transform: none; opacity: 1; }
    .ob-cad[data-ob-cad-stil] :is(.ob-cad-assembly,.ob-cad-metal-shine) { display: none; }
    .ob-cad:is([data-ob-cad-adim="0"],[data-ob-cad-adim="1"],[data-ob-cad-adim="2"]) .ob-cad-drafting { display: block; opacity: 1; }
    .ob-cad[data-ob-cad-adim="3"] .ob-cad-drafting { display: none; }
    .ob-cad .ob-cad-trace { stroke-dashoffset: 0; }
    .ob-cad .ob-cad-detail { opacity: .8; }
    .ob-cad .ob-cad-body-fill { opacity: .08; }
    .ob-cad .ob-cad-pencil { display: none; }
    .ob-cad .ob-cad-dimension-line { stroke-dashoffset: 0; }
    .ob-cad .ob-cad-dimension-labels { opacity: 1; }
    .ob-cad .ob-cad-scan,.ob-cad .ob-cad-build-scan,.ob-cad .ob-cad-lock-flash { display: none; }
    .ob-cad[data-ob-cad-adim="0"] .ob-cad-result,.ob-cad[data-ob-cad-adim="1"] .ob-cad-result,.ob-cad[data-ob-cad-adim="2"] .ob-cad-result { opacity: 0; }
    .ob-cad[data-ob-cad-adim="0"] .ob-cad-nodes,.ob-cad[data-ob-cad-adim="1"] .ob-cad-dimensions { opacity: .7; }
    .ob-cad[data-ob-cad-adim="2"] .ob-cad-chassis { opacity: 1; transform: none; }
}

/* Ortak stüdyo dili; görselin boş tarafında metin, mobilde ayrı görsel alanı. */
@media (min-width: 992px) {
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-icerik { max-width: min(41%,490px); }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad).ob_sol .ob-slayt-icerik { margin-left: 0; margin-right: auto; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad).ob_sag .ob-slayt-icerik { margin-left: auto; margin-right: 0; text-align: right; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-baslik { font-size: clamp(2.2rem,3.55vw,3.9rem); line-height: 1.08; letter-spacing: -.04em; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-dugmeler .btn { padding-inline: 17px; font-size: .84rem; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad).ob_koyu .ob-slayt-katman { background: linear-gradient(90deg,rgba(7,24,36,calc(var(--ob-katman,.6)*1.45)) 0%,rgba(7,24,36,calc(var(--ob-katman,.6)*.8)) 35%,transparent 65%); }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad).ob_sag.ob_koyu .ob-slayt-katman { background: linear-gradient(270deg,rgba(7,24,36,calc(var(--ob-katman,.6)*1.45)) 0%,rgba(7,24,36,calc(var(--ob-katman,.6)*.8)) 36%,transparent 62%); }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad).ob_orta.ob_koyu .ob-slayt-katman { background: radial-gradient(ellipse,rgba(7,24,36,var(--ob-katman,.6)),#071824b3); }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-gorsel { inset: 50% 0 auto auto; width: 73%; height: auto; aspect-ratio: 16 / 9; transform: translateY(-50%); mask-image: linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent); }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad).ob_sag .ob-slayt-gorsel { inset: 50% auto auto 0; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad).ob_orta .ob-slayt-gorsel { width: 100%; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad).ob_orta .ob-slayt-icerik { max-width: min(65%,720px); margin: auto; text-align: center; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-gorsel img { object-fit: contain; object-position: center; transform: none; animation: none; }
    .ob-fantastik-slayt .ob-sahne-giris:not(.ob_slayt_cad) .ob-slayt-gorsel img { animation: ob-studio-reveal 1500ms cubic-bezier(.2,.7,.2,1) both; }
}
.ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-izgara { opacity: .035; }
.ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-teknik-cizgi { display: none; }
@media (max-width: 991.98px) {
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) { padding-top: 28px; background: #071824; }
    .ob-fantastik-slayt:has(.ob-slayt-yonetici-araclari) .ob-slayt:not(.ob_slayt_cad) { padding-top: 67px; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-gorsel { position: relative; inset: auto; display: block; width: 100%; height: clamp(240px,64vw,370px); }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-gorsel img { object-position: 78% center; transform: none !important; animation: none !important; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad).ob_sag .ob-slayt-gorsel img { object-position: left center; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-katman { top: 28px; height: clamp(240px,64vw,370px); background: linear-gradient(0deg,#071824 0%,#07182400 28%); }
    .ob-fantastik-slayt:has(.ob-slayt-yonetici-araclari) .ob-slayt:not(.ob_slayt_cad) .ob-slayt-katman { top: 67px; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-icerik-kapsayici { min-height: 0; padding: 15px 22px 120px; align-items: flex-start; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-icerik { max-width: 100%; text-align: start; margin-inline: 0; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-baslik { font-size: clamp(1.95rem,7.8vw,2.9rem); line-height: 1.1; margin-block: 18px; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-icerik > p { font-size: .94rem; }
    .ob-fantastik-slayt .ob-slayt:not(.ob_slayt_cad) .ob-slayt-dugmeler { justify-content: flex-start; margin-top: 24px; }
}
@keyframes ob-studio-reveal { from { opacity: .35; transform: scale(1.035) translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .ob-fantastik-slayt .ob-slayt-gorsel img { animation: none !important; } }