.kartop-transition{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;overflow:hidden;background:#f7f3ed;color:#292d30;pointer-events:all;isolation:isolate}.kartop-transition[aria-hidden=true]{pointer-events:none}.kartop-door{position:absolute;top:0;bottom:0;width:50.2%;overflow:hidden;background:linear-gradient(105deg,rgba(219,229,230,.94),rgba(250,252,250,.97) 42%,rgba(188,207,210,.92));border-inline:1px solid rgba(74,89,92,.3);box-shadow:inset 0 0 0 7px rgba(48,57,59,.07);will-change:transform}.kartop-door:before,.kartop-door:after{content:"";position:absolute;top:8%;bottom:5%;width:2px;background:rgba(255,255,255,.76);box-shadow:30px 0 60px rgba(255,255,255,.65)}.kartop-door-left{left:0}.kartop-door-left:before{right:14%}.kartop-door-right{right:0}.kartop-door-right:before{left:14%}.kartop-sensor{position:absolute;z-index:4;top:8%;left:50%;width:min(370px,58vw);height:18px;transform:translateX(-50%);border-radius:4px;background:#343a3d;box-shadow:0 4px 18px #0003}.kartop-sensor:after{content:"";position:absolute;left:50%;top:5px;width:30%;height:4px;transform:translateX(-50%);border-radius:5px;background:#c65b28;opacity:.25}.kartop-intro-copy{position:relative;z-index:3;text-align:center;opacity:0;transform:translateY(10px);animation:kartopCopy .55s .35s ease forwards}.kartop-intro-copy strong{display:block;font-size:clamp(46px,8vw,90px);font-weight:800;letter-spacing:-.065em}.kartop-intro-copy>span{display:block;margin-top:0;font-size:clamp(12px,1.7vw,20px);font-weight:650;letter-spacing:.16em}.kartop-intro-copy p{margin:28px 0 0;color:#655f59;font-size:clamp(11px,1.2vw,15px);line-height:1.8}.kartop-intro-copy a{display:block;margin-top:10px;color:#292d30;font-size:clamp(18px,2.2vw,28px);font-weight:700}.kartop-intro-copy small{display:block;margin-top:26px;color:#a54b25;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.kartop-transition.is-sensing .kartop-sensor:after{animation:kartopSensor .7s ease}.kartop-transition.is-opening .kartop-door-left{transform:translateX(-101%)}.kartop-transition.is-opening .kartop-door-right{transform:translateX(101%)}.kartop-transition.is-opening .kartop-intro-copy{opacity:0;transition:opacity .28s ease}.kartop-transition.is-opening{background:transparent;transition:background .35s ease}.kartop-transition .kartop-door{transition:transform .9s cubic-bezier(.72,0,.2,1)}.kartop-transition-mini{background:transparent}.kartop-transition-mini .kartop-door{transform:translateX(var(--door-start));transition:transform .24s cubic-bezier(.7,0,.25,1);background:linear-gradient(105deg,rgba(218,228,229,.95),rgba(247,249,247,.98),rgba(184,203,206,.94))}.kartop-transition-mini .kartop-door-left{--door-start:-101%}.kartop-transition-mini .kartop-door-right{--door-start:101%}.kartop-transition-mini.is-closing{background:#f7f3ed}.kartop-transition-mini.is-closing .kartop-door{transform:translateX(0)}.kartop-transition-mini .kartop-mini-brand{position:relative;z-index:3;opacity:0;font-size:clamp(30px,6vw,58px);font-weight:800;letter-spacing:-.06em;transition:opacity .16s .13s ease}.kartop-transition-mini.is-closing .kartop-mini-brand{opacity:1}.kartop-transition-mini.is-opening .kartop-door-left{transform:translateX(-101%)}.kartop-transition-mini.is-opening .kartop-door-right{transform:translateX(101%)}.kartop-transition-mini.is-opening .kartop-mini-brand{opacity:0}.kartop-transition-mini.is-opening{background:transparent;transition:background .18s ease}.kartop-transition-noscript{display:none}@keyframes kartopCopy{to{opacity:1;transform:none}}@keyframes kartopSensor{0%,100%{opacity:.25;transform:translateX(-50%) scaleX(.35)}50%{opacity:1;box-shadow:0 0 18px #ef743d;transform:translateX(-50%) scaleX(1)}}
@media(max-width:600px){.kartop-sensor{top:10%;width:62vw;height:13px}.kartop-intro-copy strong{font-size:46px}.kartop-intro-copy>span{font-size:10px}.kartop-intro-copy p{margin-top:22px}.kartop-transition .kartop-door{transition-duration:.72s}.kartop-door{box-shadow:inset 0 0 0 4px rgba(48,57,59,.06)}}
@media(prefers-reduced-motion:reduce){.kartop-transition{display:none!important}.kartop-transition *{animation:none!important;transition:none!important}}

/* Gerçek marka logosu ve daha ölçülü mini geçiş */
.kartop-intro-copy{width:min(480px,82vw)}.kartop-intro-logo{display:block;width:min(330px,70vw);height:auto;margin:0 auto 9px;mix-blend-mode:multiply}.kartop-transition-mini .kartop-door{transition-duration:.36s;background:linear-gradient(105deg,rgba(218,228,229,.91),rgba(247,249,247,.96),rgba(184,203,206,.9))}.kartop-transition-mini .kartop-sensor{top:11%;width:min(230px,46vw);height:12px}.kartop-transition-mini .kartop-sensor:after{top:4px;height:3px}.kartop-transition-mini .kartop-mini-brand{width:min(185px,42vw);height:auto;mix-blend-mode:multiply;transition:opacity .22s .16s ease}
@media(max-width:600px){.kartop-intro-logo{width:min(250px,72vw)}.kartop-transition-mini .kartop-door{transition-duration:.3s}.kartop-transition-mini .kartop-mini-brand{width:min(145px,42vw)}}

/* Şeffaf animasyon logosu ve panellerle eşzamanlı çıkış */
.kartop-intro-logo,.kartop-transition-mini .kartop-mini-brand{mix-blend-mode:normal}
.kartop-transition.is-opening .kartop-intro-copy{animation:kartopCopyOut .55s ease forwards}
.kartop-transition.is-opening{transition-duration:.55s}
.kartop-transition-mini .kartop-mini-brand{transition:opacity .16s ease}
.kartop-transition-mini.is-closing:not(.is-opening) .kartop-mini-brand{transition-delay:.13s}
.kartop-transition-mini.is-opening .kartop-mini-brand{opacity:0;transition-delay:0s}
@keyframes kartopCopyOut{to{opacity:0;transform:translateY(-8px)}}
.kartop-transition.is-opening .kartop-sensor{opacity:0;transition:opacity .45s ease}

/* Mini sayfa geçişi marka imzası */
.kartop-mini-lockup{position:relative;z-index:3;display:grid;justify-items:center;gap:12px;opacity:0;transition:opacity .16s ease}
.kartop-mini-lockup img{display:block;width:min(210px,46vw);height:auto}
.kartop-mini-lockup span{color:#282d31;font-size:clamp(13px,1.65vw,20px);font-weight:750;letter-spacing:.155em;line-height:1;text-align:center;white-space:nowrap}
.kartop-transition-mini.is-closing:not(.is-opening) .kartop-mini-lockup{opacity:1;transition-delay:.13s}
.kartop-transition-mini.is-opening .kartop-mini-lockup{opacity:0;transition-delay:0s}
@media(max-width:600px){.kartop-mini-lockup{gap:9px}.kartop-mini-lockup img{width:min(165px,48vw)}.kartop-mini-lockup span{font-size:10px;letter-spacing:.12em}}