/* İZKOL 6: one persistent shell, one visible screen, one native scroll area.
   Loaded after component styles. No wheel interception or scroll snapping. */
body.is-experience{--muted:#526c7a;--muted-soft:#5d7481;--header-h:80px;--dock-h:88px;--gutter:clamp(24px,5vw,80px);background:var(--paper);height:100dvh;overflow:hidden}
.is-experience .site-shell{position:fixed;inset:0;overflow:hidden;border:0;border-radius:0;box-shadow:none;scroll-snap-type:none}
.is-experience .shell-header{height:var(--header-h);background:rgba(247,245,238,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,47,72,.06)}
.is-experience .wordmark{font-size:32px}
.is-experience .stage{position:absolute;inset:var(--header-h) 0 var(--dock-h);height:auto;overflow:hidden}
.is-experience .scene{position:absolute;inset:0;display:none;opacity:1;visibility:visible;transform:none;transition:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c2cec9 transparent;scroll-snap-align:none;pointer-events:auto;scroll-padding-block:24px}
.is-experience .scene.is-active{display:block;animation:screen-in 300ms ease both}
@keyframes screen-in{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
.is-experience .scene-inner{display:flex;flex-direction:column;max-width:1560px;min-height:100%;height:auto;margin-inline:auto;padding:32px var(--gutter) 28px;overflow:visible}
.is-experience .scene-main{display:block;flex:1 0 auto;min-height:auto;padding:0}
.is-experience .scene-foot{padding-top:24px;margin-top:auto;min-height:46px}
.is-experience .scene-hint{color:var(--muted);font-size:12px}
.is-experience .scene-next>span{animation:none}
.is-experience .ambient::before{background:radial-gradient(ellipse at 10% 10%,rgba(141,197,209,.15),transparent 60%)}
.is-experience .scene-dock{bottom:max(14px,env(safe-area-inset-bottom));padding:6px;border-radius:18px;background:#fdfcf7;box-shadow:0 6px 30px #102f4814;backdrop-filter:blur(16px)}
.is-experience .scene-dock button{min-height:46px;border-radius:12px;padding:10px 22px;font-size:14px;color:#496271}
.is-experience .scene-dock button[aria-current]{background:var(--navy);color:white}
.is-experience .dock-num{display:none}
.is-experience .button{min-height:52px;font-size:15px;padding:14px 22px}
.is-experience .scene-hero .scene-inner{padding:0;max-width:none}
.is-experience .hero-grid{display:grid;position:relative;grid-template-columns:1fr;min-height:calc(100dvh - var(--header-h) - var(--dock-h));height:auto;isolation:isolate;flex:1;background:var(--paper)}
.is-experience .hero-copy{position:relative;z-index:2;width:53%;padding:48px 0 60px var(--gutter);justify-content:center;pointer-events:none}
.is-experience .hero-copy a{pointer-events:auto}
.is-experience .hero-copy h1{font-size:clamp(44px,5.35vw,82px);line-height:1.04;letter-spacing:-.045em;margin:23px 0}
.is-experience .hero-lead{font-size:17px;max-width:33ch;line-height:1.7}
.is-experience .hero-actions{gap:10px;margin-top:28px}
.is-experience .hero-actions .button-secondary{background:#faf8f1e8}
.is-experience .hero-phone{margin-top:20px}
.is-experience .hero-media{position:absolute;inset:0 0 0 31%;height:100%;max-height:none;border-radius:0;z-index:0;aspect-ratio:auto}
.is-experience .media-img{transform:none!important}
.is-experience .hero-media::after{background:linear-gradient(90deg,var(--paper) 0%,rgba(247,245,238,.88) 10%,rgba(247,245,238,.25) 34%,transparent 60%),linear-gradient(0deg,var(--paper),transparent 18%)}
.is-experience .hero-media img{object-position:60% 60%}
.is-experience .hero-media-tag{left:auto;right:var(--gutter);bottom:28px;background:#fdfcf7db}
.is-experience .scene-hero .scene-foot{display:none}
.is-experience .services-layout{grid-template-columns:minmax(260px,30%) minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:start;height:auto}
.is-experience .services-aside,.is-experience .booking-intro,.is-experience .results-aside{overflow:visible}
.is-experience .services-aside h2,.is-experience .results-aside h2{font-size:clamp(32px,3.15vw,48px);line-height:1.1;margin:14px 0}
.is-experience .services-lead{max-width:31ch;font-size:15px}
.is-experience .service-index{display:grid;grid-template-columns:1fr;gap:6px;overflow:visible;margin-top:24px;padding:0;scroll-snap-type:none}
.is-experience .service-index li{border:1px solid transparent;border-radius:12px;transition:background .2s,border-color .2s;background:transparent}
.is-experience .service-index li:last-child{border-bottom:1px solid transparent}
.is-experience .service-index li.is-active{border-color:#c2dce1;background:#e6f0ee}
.is-experience .service-index li:hover{background:#e9eee7}
.is-experience .service-index button{width:100%;min-height:52px;padding:12px 14px;gap:14px;color:var(--ink-soft)}
.is-experience .service-index-name{white-space:normal;font-size:15px;color:var(--ink)}
.is-experience .service-index li.is-active .service-index-name{color:var(--navy)}
.is-experience .service-index li.is-active .service-index-num{color:var(--blue-deep)}
.is-experience .services-stage{display:flex;flex-direction:column;gap:22px}
.is-experience .service-media{height:clamp(240px,43dvh,490px);min-height:0;border-radius:20px;aspect-ratio:auto;box-shadow:0 12px 35px -28px #102f48}
.is-experience .service-media img{transition:opacity .3s ease;object-position:center}
.is-experience .service-detail{display:grid;grid-template-columns:1fr auto;gap:10px 28px;align-items:start}
.is-experience .service-counter{grid-column:1 / -1;font-size:11px;color:var(--blue-deep)}
.is-experience .service-detail h3{grid-column:1;font-size:clamp(23px,2.1vw,31px);max-width:none}
.is-experience .service-detail p{grid-column:1;max-width:53ch;font-size:15px;line-height:1.65}
.is-experience .service-actions{grid-column:2;grid-row:2 / 4;display:flex;flex-direction:column;align-items:stretch;margin:0;gap:4px;width:auto}
.is-experience .service-actions .text-cta{justify-content:center;font-size:13px}
.is-experience .booking-layout{grid-template-columns:minmax(240px,31%) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
.is-experience .booking-backdrop{position:fixed;inset:var(--header-h) 0 var(--dock-h);opacity:.38}
.is-experience .booking-backdrop img{transform:none;opacity:.55;transition:opacity .3s}
.is-experience .booking-intro h2{font-size:clamp(30px,3.05vw,44px);margin:12px 0 20px}
.is-experience .booking-intro>p{font-size:15px;max-width:32ch;color:#3e5c6a}
.is-experience .booking-step-tag{margin-top:22px}
.is-experience .process-mini{margin-top:16px;padding-top:24px;border-top:1px solid var(--line);gap:14px}
.is-experience .booking-panel{height:auto;max-height:none;padding:28px;background:#fdfcf7;border-color:#d8dfda;border-radius:20px;box-shadow:0 20px 60px -40px #23415070}
.is-experience .booking-body{overflow:visible;flex:0 0 auto;margin:0;padding:0}
.is-experience .booking-slots{overflow:visible;max-height:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.is-experience .booking-slot{min-height:55px;font-size:15px}
.is-experience .booking-slot small{font-size:10px;color:#526b76}
.is-experience .booking-slot[aria-pressed=true] small{color:#c5eaf5}
.is-experience .booking-fields input,.is-experience .booking-fields select,.is-experience .booking-fields textarea,.is-experience .preferred-time select{font-size:16px;background:#fff;border-color:#c7d2d3}
.is-experience .quantity button{min-width:40px;min-height:44px}
.is-experience .booking-bottom{margin-top:20px}
.is-experience .receipt-actions .button,.is-experience .receipt-actions .booking-secondary{flex-basis:auto}
.is-experience .results-layout{height:auto;grid-template-columns:minmax(240px,28%) 1fr;gap:clamp(26px,4vw,64px);align-items:center}
.is-experience .results-media{height:auto}
.is-experience .comparison{height:auto;min-height:0;aspect-ratio:4 / 3;border-radius:20px;box-shadow:0 16px 48px -35px #102f4870}
.is-experience .result-options button{min-height:44px;color:#466370}
.is-experience .result-options button.selected{color:white}
.is-experience .result-detail{margin-top:0;padding-top:28px}
.is-experience .result-note{max-width:34ch;font-size:13px}
.is-experience .contact-layout{position:relative;isolation:isolate;max-width:none;min-height:450px;height:auto;padding:40px 0;overflow:hidden}
.is-experience .contact-layout>*:not(.contact-art){position:relative;z-index:1;max-width:55%}
.is-experience .contact-layout h2{font-size:clamp(34px,4.25vw,64px)}
.is-experience .contact-art{position:absolute;inset:0 0 0 auto;height:100%;width:54%;object-fit:cover;z-index:0;border-radius:24px;mask-image:linear-gradient(90deg,transparent,#000 38%)}
.is-experience .contact-note{font-size:13px;line-height:1.9}
.is-experience .shell-footer{margin-top:24px;padding-top:20px}
.is-experience .lightbox{background:transparent;border:0;box-shadow:none;color:var(--ink);width:min(1200px,96vw);max-width:96vw;height:94dvh;max-height:94dvh}
.is-experience .lightbox::backdrop{background:rgba(236,237,229,.7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.is-experience .lightbox-top{border:0}
.is-experience .lightbox-close,.is-experience .gallery-prev,.is-experience .gallery-next,.is-experience .lightbox-mode button{background:#fdfcf7e8}
.is-experience .lightbox-mode button.selected{background:var(--navy)}
.is-experience .lightbox-stage>img{width:calc(100% - 112px);height:100%;filter:drop-shadow(0 12px 24px #102f481f)}
.is-experience .cookie-banner{bottom:calc(var(--dock-h) + 4px);max-height:calc(100dvh - var(--header-h) - var(--dock-h) - 16px)}
/* Progressive enhancement: content and links remain available if navigation JS fails. */
.is-experience .site-shell:not(.navigation-ready){overflow:auto}
.is-experience .site-shell:not(.navigation-ready) .stage{position:relative;inset:auto;margin-top:var(--header-h);overflow:visible}
.is-experience .site-shell:not(.navigation-ready) .scene{position:relative;display:block;overflow:visible}
@media(min-width:1600px){.is-experience .hero-copy{padding-left:max(var(--gutter),calc((100vw - 1400px)/2))}}
@media(max-width:1099px){
 .is-experience .service-detail{grid-template-columns:1fr}
 .is-experience .service-actions{grid-row:auto;grid-column:1;flex-direction:row;align-items:center;gap:16px}
 .is-experience .booking-slots{grid-template-columns:repeat(4,minmax(0,1fr))}
 .is-experience .booking-items{grid-template-columns:1fr}
}
@media(max-width:859px){
 body.is-experience{--header-h:66px;--dock-h:80px;--gutter:24px}
 .is-experience .wordmark{font-size:28px}
 .is-experience .scene-inner{padding:26px var(--gutter) 24px}
 .is-experience .hero-copy{width:61%;padding:40px 0 44px var(--gutter)}
 .is-experience .hero-copy h1{font-size:clamp(38px,6.4vw,60px)}
 .is-experience .hero-lead{font-size:16px}
 .is-experience .hero-actions{flex-direction:column;align-items:flex-start}
 .is-experience .services-layout,.is-experience .results-layout{grid-template-columns:1fr;gap:24px}
 .is-experience .services-aside h2 br{display:none}
 .is-experience .services-lead{max-width:100%}
 .is-experience .service-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}
 .is-experience .service-index li{border-color:#d6dfd9;background:#fbfaf5}
 .is-experience .service-index button{min-height:58px;padding:10px 12px;gap:9px}
 .is-experience .service-index-name{font-size:14px}
 .is-experience .service-media{height:auto;aspect-ratio:16 / 10}
 .is-experience .booking-layout{grid-template-columns:1fr;gap:20px}
 .is-experience .booking-intro h2{font-size:32px;margin:10px 0 12px}
 .is-experience .booking-intro>p{max-width:55ch}
 .is-experience .booking-step-tag,.is-experience .process-mini,.is-experience .booking-more{display:none}
 .is-experience .booking-change{margin-top:8px}
 .is-experience .booking-items{grid-template-columns:repeat(2,minmax(0,1fr))}
 .is-experience .results-aside{display:grid;grid-template-columns:1fr auto}
 .is-experience .results-aside>.eyebrow,.is-experience .results-aside>h2,.is-experience .results-lead{grid-column:1 / -1}
 .is-experience .results-lead{max-width:none}
 .is-experience .result-options{grid-column:1;margin-top:16px}
 .is-experience .result-detail{grid-column:2;grid-row:4;align-self:end;padding:0}
 .is-experience .result-detail .eyebrow,.is-experience .result-detail h3,.is-experience .result-detail p{display:none}
 .is-experience .result-note{grid-column:1 / -1;max-width:none;margin-top:12px}
 .is-experience .comparison{max-height:none}
 .is-experience .contact-layout{min-height:400px}
 .is-experience .contact-layout>*:not(.contact-art){max-width:65%}
 .is-experience .contact-actions .button{width:auto}
}
@media(max-width:599px){
 body.is-experience{--gutter:20px;--dock-h:calc(74px + env(safe-area-inset-bottom))}
 .is-experience .scene-dock{width:calc(100% - 20px);max-width:none;bottom:max(9px,env(safe-area-inset-bottom));border-radius:16px;gap:0;padding:4px;justify-content:space-between}
 .is-experience .scene-dock button{justify-content:center;flex:1;padding:10px 5px;min-height:46px;font-size:11.5px;border-radius:11px}
 .is-experience .scene-inner{padding-top:22px}
 .is-experience .hero-grid{display:flex;flex-direction:column;min-height:100%;gap:0}
 .is-experience .hero-copy{width:100%;padding:26px var(--gutter) 0;flex:none}
 .is-experience .hero-copy h1{font-size:clamp(38px,10.5vw,58px);margin:16px 0}
 .is-experience .hero-lead{font-size:15px;line-height:1.65;max-width:36ch}
 .is-experience .hero-actions{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:20px}
 .is-experience .hero-actions .button{font-size:14px;min-height:50px;padding:13px 18px;flex:1 1 100%;justify-content:center}
 .is-experience .hero-actions .button-secondary{display:none}
 .is-experience .hero-phone{margin-top:10px;min-height:40px;border:0;font-size:14px}
 .is-experience .hero-media{position:relative;inset:auto;width:100%;height:260px;min-height:200px;max-height:35dvh;flex:none;margin-top:0}
 .is-experience .hero-media::after{background:linear-gradient(180deg,var(--paper),rgba(247,245,238,.15) 23%,transparent 55%),linear-gradient(0deg,var(--paper),transparent 25%)}
 .is-experience .hero-media img{object-position:50% 68%}
 .is-experience .hero-media-tag{bottom:14px;right:20px;font-size:9px;padding:5px 10px}
 .is-experience .service-index{grid-template-columns:repeat(2,minmax(0,1fr))}
 .is-experience .service-index button{min-height:60px;padding:10px;gap:8px}
 .is-experience .service-index-name{font-size:13px}
 .is-experience .service-index-num{font-size:10px}
 .is-experience .services-aside h2,.is-experience .results-aside h2{font-size:32px}
 .is-experience .service-media{border-radius:16px;aspect-ratio:4 / 3}
 .is-experience .services-stage{gap:18px}
 .is-experience .service-detail h3{font-size:24px}
 .is-experience .service-actions{flex-wrap:wrap;gap:2px 16px}
 .is-experience .service-actions .button{flex:1 1 100%}
 .is-experience .service-actions .text-cta{width:100%}
 .is-experience .scene-foot{padding-top:22px;gap:12px}
 .is-experience .scene-hint{text-align:right;font-size:11px}
 .is-experience .booking-intro h2{font-size:30px}
 .is-experience .booking-panel{padding:20px 15px;border-radius:16px}
 .is-experience .booking-items{grid-template-columns:1fr}
 .is-experience .booking-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
 .is-experience .booking-fields{grid-template-columns:1fr}
 .is-experience .booking-bottom{flex-wrap:nowrap;gap:8px}
 .is-experience .booking-bottom .button{order:2;flex:1;min-width:0;font-size:14px;padding:12px 14px}
 .is-experience .booking-bottom .booking-secondary{order:1;flex:0 0 auto;padding:12px 14px}
 .is-experience .booking-steps{gap:8px}
 .is-experience .booking-steps li{gap:4px;font-size:11px}
 .is-experience .results-aside{display:block}
 .is-experience .result-options{gap:5px}
 .is-experience .result-options button{padding:8px 12px;font-size:13px}
 .is-experience .result-detail{padding-top:10px}
 .is-experience .result-note{font-size:12px;margin-top:6px}
 .is-experience .comparison{border-radius:16px}
 .is-experience .contact-layout{padding:10px 0 230px;min-height:0}
 .is-experience .contact-layout>*:not(.contact-art){max-width:100%}
 .is-experience .contact-art{top:auto;bottom:0;left:0;width:100%;height:220px;border-radius:16px;mask-image:linear-gradient(180deg,transparent,#000 30%)}
 .is-experience .contact-layout h2{font-size:36px}
 .is-experience .contact-actions{margin-top:24px}
 .is-experience .contact-note{margin-top:20px}
 .is-experience .lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}
 .is-experience .lightbox-top{padding:16px}
 .is-experience .lightbox-stage{position:relative;padding:0 12px 14px}
 .is-experience .lightbox-stage>img{width:100%;max-width:100%}
 .is-experience .gallery-prev,.is-experience .gallery-next{position:absolute;z-index:1;bottom:28px;background:#fdfcf7ed;box-shadow:0 3px 16px #102f4822}
 .is-experience .gallery-prev{left:24px}.is-experience .gallery-next{right:24px}
 .is-experience .lightbox-bottom{padding:12px 18px 24px}
 .is-experience .cookie-banner{left:12px;right:12px;width:auto;padding:18px}
}
@media(prefers-reduced-motion:reduce){.is-experience .scene.is-active{animation:none}}
.is-experience .lightbox-close:hover,.is-experience .gallery-prev:hover,.is-experience .gallery-next:hover{background:var(--navy);color:var(--paper)}

.is-experience .mobile-menu{max-height:calc(100dvh - var(--header-h) - var(--dock-h) - 16px);overflow:auto;overscroll-behavior:contain}