/* NEFES — mobil final katmanı (15 Ekim 2026). En son yüklenir. Amaç: okunur yazı, büyük dokunma alanları,
   ekranın daha iyi kullanımı, sürtünmesiz öncesi/sonrası. Kural: gövde yazısı ≥12.5px, etiket ≥10.5px, dokunma ≥40px. */

/* ---------- Ortak: üst menü yalnız Keşfet'te; diğer sahnelerde sekme çubuğu en üste çıkar, yer açılır ---------- */
html:not([data-scene="0"]) .global-header{opacity:0;transform:translateY(-14px);pointer-events:none;transition:opacity .3s,transform .35s}
html[data-scene="0"] .global-header{transition:opacity .3s .15s,transform .35s .15s}
html:not([data-scene="0"]) .mini-tabs{top:calc(10px + env(safe-area-inset-top,0px))}
.mini-tab{font-size:13.5px;padding:11px 0;min-height:42px}

/* ---------- Keşfet ---------- */
.scene-tab{font-size:11.5px!important;font-weight:600}
.overline-pill{font-size:11px!important}
.benefits-title h2{font-size:23px!important}
.benefits-title p{display:block!important;font-size:12.5px!important;line-height:1.35}
.benefits-items>div{font-size:12px!important;line-height:1.25;gap:7px!important}
.benefits-items .icon{width:19px!important;height:19px!important}
.hero-micro{font-size:11px!important;letter-spacing:.12em}
.scene-hero .bottom-next{font-size:11px!important;min-height:40px;align-items:center}
.pf-ac{font-size:11.5px!important;min-height:40px;padding-inline:12px!important}
.iphone .hp-tag{font-size:10px!important}
.hp-next{font-size:12px!important;min-height:34px;padding:6px 12px!important}
.hero-phone-wrap .iphone{cursor:zoom-in;touch-action:pan-y}
.hero-phone-wrap .hp-range{pointer-events:none}
.hp-zoom{position:absolute;z-index:9;right:10px;top:46px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
 background:rgba(3,22,24,.72);border:1px solid rgba(149,231,225,.45);color:#dffcf8;pointer-events:none}
.hp-zoom svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}

/* ---------- Tam ekran öncesi/sonrası görüntüleyici (telefona dokununca) ---------- */
.nf-lb{position:absolute;inset:0;z-index:90;display:flex;flex-direction:column;background:#020a0c;opacity:0;transition:opacity .28s ease;touch-action:none}
.nf-lb.on{opacity:1}
.nf-lb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 10px}
.nf-lb-top p{margin:0;font:600 14px/1.3 var(--font);color:#cfe3e0}
.nf-lb-x{width:46px;height:46px;flex:none;border-radius:50%;border:1px solid rgba(149,231,225,.4);background:rgba(16,45,46,.8);color:#fff;font-size:24px;line-height:1}
.nf-lb-stage{position:relative;flex:1;min-height:0;margin:0 12px;border-radius:22px;overflow:hidden;background:#000;cursor:ew-resize}
.nf-lb-stage img,.nf-lb-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.nf-lb-a{position:absolute;inset:0}
.nf-lb-h{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 14px rgba(101,236,227,.9);pointer-events:none}
.nf-lb-h::after{content:"↔";position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;
 background:#fff;color:#062022;font:700 20px/1 var(--font);box-shadow:0 6px 22px rgba(0,0,0,.4)}
.nf-lb-tag{position:absolute;top:14px;z-index:3;padding:6px 11px;border-radius:99px;background:rgba(3,20,22,.78);border:1px solid rgba(149,231,225,.35);font:800 11px/1 var(--font);letter-spacing:.12em;color:#eafffb;pointer-events:none}
.nf-lb-tag.b{left:14px}.nf-lb-tag.a{right:14px;color:#65ece3}
.nf-lb-bot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px))}
.nf-lb-bot small{font:500 12.5px/1.35 var(--font);color:#9fb9b5}
.nf-lb-next{min-height:46px;padding:0 18px;border-radius:99px;border:0;background:linear-gradient(120deg,#9ff7ef,#4fd7cb);color:#03201f;font:800 14px/1 var(--font);white-space:nowrap}

/* ---------- Nasıl çalışır: telefon ve kartlar büyük, yazılar okunur ---------- */
.how-rail button{font-size:12px!important}
.how-next{font-size:11px!important;min-height:40px}
.how-skip{font-size:13px!important;min-height:44px}
.how-text p{font-size:14px!important;line-height:1.42}
html:not([data-scene="0"]) .how-text small,.how-text small{font-size:12px!important}
.hw .mut{font-size:10.5px!important}
.s-memory{width:142px!important;right:2px!important}
.s-memory>small{font-size:9px!important}
.s-memory li,.s-memory li b,.s-memory li span{font-size:11.5px!important}
.s-memory li small,.s-memory li em{font-size:9.5px!important}
.pf-grid em{font-size:9px!important}
.pf-ins,.pf-ins *{font-size:9.5px!important}
.pf-top small,.pf-top span{font-size:10.5px!important}
.s-ring small{font-size:10px!important}
.s-week li,.s-week li *{font-size:10px!important}
.s-pub,.s-pub *{font-size:11px!important}
.ig-cap,.ig-cap *{font-size:10.5px!important}
.st2{font-size:10px!important}
.pn-head,.pn-head *{font-size:10px!important}
.pn-tiles small,.pn-tiles span{font-size:9.5px!important}
.dm .q,.dm .a{font-size:10.5px!important}
.s-toast,.s-toast *{font-size:11px!important}

/* ---------- Dönüşüm ---------- */
.compare-tag{font-size:11px!important;padding:6px 10px!important}
.compare-note{font-size:12px!important}
.compare-dots{gap:2px!important}
.compare-dots button{position:relative;width:30px!important;height:30px!important;background:none!important;border-radius:0!important}
.compare-dots button::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:99px;background:rgba(190,240,235,.4);transition:width .35s var(--ease),background .35s}
.compare-dots button.on::before{width:24px;background:var(--turq)}
.compare-stage{touch-action:pan-y}
.compare-stage .compare-range{pointer-events:none}

/* ---------- Hizmetler ---------- */
.platform-service small,.platform-service span:not(:first-child){font-size:11px!important}
.service-list p,.service-list small{font-size:12.5px!important}
.panel-teaser small,.panel-teaser p,.locked-ad small,.locked-ad p{font-size:12.5px!important}
.ad-coming{font-size:10.5px!important;min-height:34px;padding-inline:12px!important}

/* ---------- Dene ---------- */
.section-eyebrow{font-size:11px!important}
.onboarding-progress,.onboarding-progress *{font-size:12px!important}
.onboarding-sectors small,.onboarding-sectors span small{font-size:12px!important}
.onboarding-business label{font-size:13px!important;min-height:44px}
.selection-help{font-size:12.5px!important}

/* ---------- Başla ---------- */
.pricing-kicker{font-size:11px!important}
.included>div{font-size:13px!important}
.price-detail{font-size:12.5px!important}
.choice-head,.choice-head *{font-size:11px!important}
.coming-soon{font-size:10.5px!important}
.scene-start .start-note{font-size:11.5px!important;line-height:1.4}
.scene-start .start-note .nefes-bottom-links{gap:8px!important;margin-top:6px!important;flex-wrap:wrap}
.scene-start .start-note .nefes-bottom-links .nefes-blog-entry,
.scene-start .start-note .nefes-bottom-links .nefes-yasal-entry{font-size:12px!important;padding:8px 13px!important;min-height:36px;line-height:1.2!important}

/* ---------- Dil ve sektör seçici ---------- */
.nf-lang-t{font-size:15px!important}
.nf-lang-btn small{font-size:12px!important}
.nf-ch-sub{font-size:14px!important}
.nf-card small{font-size:12.5px!important}
.nf-ch-close{font-size:14px!important;min-height:46px}

/* Bağlantıyla (#dene vb.) gelince tarayıcı kabı kaydırıp sahnenin üstünü kesmesin */
.mobile-shell{overflow:clip}

/* ---------- Başla: yüzde konum yerine akan dikey düzen (hiçbir telefonda çakışma yok) ---------- */
.scene-start{display:flex;flex-direction:column;gap:12px;padding:calc(76px + env(safe-area-inset-top,0px)) 20px calc(12px + env(safe-area-inset-bottom,0px))}
.scene-start>.section-header,.scene-start>.pricing-panel,.scene-start>.start-choice,.scene-start>.google-preview,.scene-start>.start-note{position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;margin:0!important;flex:none}
.scene-start .section-header h2{font-size:clamp(28px,8.2vw,35px)!important;line-height:1.08}
.scene-start .section-header>p{display:block!important;font-size:14px!important;margin-top:8px!important;line-height:1.42}
.scene-start .pricing-panel{padding:16px 18px!important}
.scene-start .included{gap:7px!important}
.scene-start .start-choice{padding:13px!important}
.scene-start .start-choice p{font-size:13.5px!important;margin:7px 0 11px!important;line-height:1.42}
.scene-start .google-preview{min-height:48px!important;font-size:14px!important}
.scene-start .start-note{margin-top:auto!important}
@media(max-height:760px){
 .scene-start{gap:9px;padding-top:calc(68px + env(safe-area-inset-top,0px))}
 .scene-start .section-header>p{display:none!important}
 .scene-start .price-detail{font-size:11.5px!important}
 .scene-start .included>div{font-size:12.5px!important}
 .scene-start .start-choice p{display:none}
 .scene-start .choice-head{margin-bottom:9px}
}
@media(max-height:700px){.scene-start .included>div:nth-child(n+4){display:none}}
@media(max-height:620px){.scene-start .price-detail{display:none}.scene-start .google-preview{min-height:42px!important}}
.price-value small,.price-value span{font-size:13px!important}
html:not([data-scene="0"]) .how-head{margin-top:-4px!important}
html:not([data-scene="0"]) .how-head{margin-top:-4px!important}
@media(max-height:700px){.how-head p{display:none}html:not([data-scene="0"]) .how-rail{margin-top:6px!important}}
@media(max-height:700px){.how-text small{display:none!important}}

/* ---------- Hizmetler: akan dikey düzen (uzun sektör metinleri çakışmaz) ---------- */
.scene-services{display:flex;flex-direction:column;gap:10px;padding:calc(76px + env(safe-area-inset-top,0px)) 18px calc(14px + env(safe-area-inset-bottom,0px))}
.scene-services>.section-header,.scene-services>.platform-strip,.scene-services>.service-list,.scene-services>.panel-teaser,.scene-services>.locked-ad,.scene-services>.service-cta{position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:auto!important;height:auto!important;margin:0!important;flex:none}
.scene-services .section-header h2{font-size:clamp(28px,8.2vw,35px)!important;line-height:1.08}
.scene-services .section-header>p{display:block!important;font-size:13.5px!important;line-height:1.42;margin-top:7px!important}
.scene-services .service-list{display:flex!important;flex-direction:column;gap:7px}
.scene-services .service-list>div{height:auto!important;min-height:0!important;padding:9px 12px!important}
.scene-services .service-list b,.scene-services .panel-teaser b,.scene-services .locked-ad b{font-size:14px!important;line-height:1.25}
.scene-services .service-list small,.scene-services .panel-teaser small,.scene-services .locked-ad small{font-size:12px!important;line-height:1.3}
.scene-services .panel-teaser,.scene-services .locked-ad{min-height:56px!important;padding:9px 12px!important}
.scene-services .service-cta{margin-top:auto!important;align-self:stretch}
@media(max-height:760px){.scene-services{gap:8px;padding-top:calc(68px + env(safe-area-inset-top,0px))}.scene-services .section-header>p{display:none!important}}
@media(max-height:700px){.scene-services .locked-ad{display:none!important}.scene-services .service-list small{font-size:11.5px!important}}

/* Keşfet kartı: dar ekranda uzun sektör metinleri taşmasın */
.benefits-title p{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:375px){.benefits-title h2{font-size:21px!important}.benefits-title p{font-size:11.5px!important}.benefits-items>div{font-size:11.5px!important}}
@media(max-height:700px){.benefits-title p{-webkit-line-clamp:2}}
.nf-lb-lab{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:3;padding:6px 12px;border-radius:99px;background:rgba(3,20,22,.82);border:1px solid rgba(149,231,225,.35);font:800 11px/1 var(--font);letter-spacing:.1em;color:#eafffb;white-space:nowrap;pointer-events:none}

/* ── Nasıl 01 (tanıtım): kanal yörüngesi → NEFES ── */
.hw .s-orbit{inset:0;scale:1!important;z-index:3;pointer-events:none}
.s-orbit .kz-flow{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.kz-l{fill:none;stroke:rgba(101,236,227,.16);stroke-width:1.2;stroke-linecap:round;transition:stroke .5s,stroke-width .5s}
.kz-l.lit{stroke:rgba(101,236,227,.42);stroke-width:1.4}
.kz-dot{fill:#d8fffb}.kz-halo{fill:#5ee9df}
.s-orbit .kz{position:absolute;display:grid;place-items:center;border-radius:12px;
  background:linear-gradient(150deg,rgba(23,74,76,.94),rgba(6,26,28,.94));border:1px solid rgba(149,231,225,.3);
  box-shadow:0 12px 26px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.14);opacity:.55;transform:scale(.9);
  transition:opacity .4s,transform .5s cubic-bezier(.3,1.5,.5,1),box-shadow .5s,border-color .5s}
.s-orbit .kz .k-fill{width:48%;height:48%;fill:#e9fbf8;stroke:none}
.s-orbit .kz.go{opacity:1;transform:none;border-color:rgba(101,236,227,.6);box-shadow:0 12px 26px rgba(0,0,0,.45),0 0 18px rgba(64,230,220,.32),inset 0 1px 0 rgba(255,255,255,.2)}
.s0 .kv-grid{gap:6px;margin-top:10px}
.s0 .kv{padding:7px 0;border-radius:11px}
.s0 .kv i{width:28px;height:28px;border-radius:9px}
.s0 .kv .k-fill{width:15px;height:15px}
.s0 .kv.hit i{animation:kz-hit .55s cubic-bezier(.3,1.5,.5,1)}
@keyframes kz-hit{0%{transform:scale(.7);box-shadow:0 0 0 0 rgba(101,236,227,.7)}60%{transform:scale(1.12)}100%{transform:none;box-shadow:0 0 0 8px rgba(101,236,227,0)}}
.s0 .kv-ok{max-width:100%;white-space:nowrap;font-size:9.5px;padding:7px 12px;margin-top:11px}
@media(prefers-reduced-motion:reduce){.s-orbit .kz{opacity:1;transform:none;transition:none}.s0 .kv.hit i{animation:none}}
.hw.k0 .hw-num{opacity:.4}

/* Dene: sonuç odaklı, rahat okunan müşteri akışı. */
#dene .onboarding-heading h2{font-size:32px!important;line-height:1.15}
#dene .onboarding-heading p,#dene .selection-help,#dene .brief-direction p,#dene .sector-preview p{font-size:16px!important;line-height:1.6;color:#d2e5df}
#dene .onboarding-sectors small,#dene .onboarding-business label,#dene .upload-slot b,#dene .upload-slot small,#dene .onboarding-disclosure,#dene .sector-preview figcaption{font-size:14px!important;line-height:1.5}
#dene .onboarding-sectors legend,#dene .onboarding-business legend,#dene .brief-direction b,#dene .sector-preview h3{font-size:16px!important;line-height:1.4}
#dene .onboarding-cta,#dene #lunaCustomize{font-size:16px!important;min-height:50px;white-space:normal}
#dene .onboarding-back{min-height:44px;font-size:14px}
#dene #lunaCustomize{display:flex;justify-content:center;margin:24px 0 12px;padding:16px;border-radius:28px;background:#65e3d2;color:#072723;text-decoration:none;text-align:center;font-weight:700}
#dene .saved-plan-link{display:block;color:#a6eee2;font-size:15px!important;min-height:44px;line-height:1.5;text-align:center;padding:12px}
#dene [hidden]{display:none!important}
@media(max-width:799px){#dene .onboarding-scroll{bottom:50px}body:has(#dene.active) #nf-analytics-open{bottom:12px!important}}

/* ===== 15 Ekim 2026 · paket 1 (kurucu geri bildirimi) ===== */
/* Üst bölüm menüsü: alttaki çubuktaki simgeler üstte de */
.mini-tab.ikonlu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0 5px!important;min-height:42px;font-size:11.5px!important;line-height:1}
.mini-tab.ikonlu .icon{width:16px;height:16px;flex:none}
.mini-tab.ikonlu.current .icon{color:#7ff3ea;filter:drop-shadow(0 0 6px rgba(101,236,227,.55))}
/* Keşfet: sosyal medya simgeleri organik çizginin arkasında kalmasın — bölüm çubuğu ve kart biraz aşağıda */
@media (max-width:799px) and (min-height:736px){
  #kesfet .scene-tabs{top:53.8%!important}
  #kesfet .benefits-card{top:63.6%!important;height:18.6%!important}
}
@media (max-width:799px) and (min-height:611px) and (max-height:735px){
  #kesfet .scene-tabs{top:54%!important}
  #kesfet .benefits-card{top:64.2%!important;height:16.5%!important;min-height:104px!important}
}
/* Keşfet telefonu: NEFES f tutamacı + "kaydır" balonu */
#heroPhone .hp-handle{background:linear-gradient(180deg,#3ce4df,#72f9ef,#10a8a4);box-shadow:0 0 10px rgba(114,249,239,.75)}
#heroPhone .hp-handle i{width:30px;height:30px;margin:-15px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#0a3433,#03191a 70%);border:1.5px solid #72f9ef;box-shadow:0 0 0 3px rgba(3,25,26,.35),0 0 14px rgba(114,249,239,.55);backdrop-filter:none}
#heroPhone .hp-handle i:before{left:50%;top:50%;width:12px;height:16px;margin:-8px 0 0 -6px;border:0;transform:none;background:url(/assets/nefes-f-tutamac-6053341cdf.webp) center/contain no-repeat}
#heroPhone .hp-handle i:after{display:none}
#heroPhone .hp-handle .hp-hint{left:50%;top:calc(50% + 23px);bottom:auto;transform:translateX(-50%);font:800 9px/1 Montserrat,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;color:#03191a;background:#8ff6ee;border:0;box-shadow:0 0 14px rgba(114,249,239,.6);opacity:0;transition:opacity .35s}
#heroPhone .hp-handle .hp-hint:before{content:"‹ "}
#heroPhone .hp-handle .hp-hint:after{content:" ›"}
#heroPhone.kaydir .hp-handle .hp-hint:not(.gone){opacity:1}
#heroPhone.kaydir .hp-handle i{animation:hpNabiz 1.1s ease-in-out infinite}
@keyframes hpNabiz{0%,100%{box-shadow:0 0 0 3px rgba(3,25,26,.35),0 0 12px rgba(114,249,239,.5)}50%{box-shadow:0 0 0 7px rgba(114,249,239,.2),0 0 22px rgba(114,249,239,.9)}}
@media (prefers-reduced-motion:reduce){#heroPhone.kaydir .hp-handle i{animation:none}}
/* Büyük öncesi/sonrası görüntüleyici: tutamaç NEFES f'i */
.nf-lb-h:after{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px;border-radius:50%;background:url(/assets/nefes-f-tutamac-6053341cdf.webp) center/auto 26px no-repeat,radial-gradient(circle at 50% 40%,#0a3433,#03191a 70%);border:1.5px solid #72f9ef;box-shadow:0 0 0 4px rgba(3,25,26,.38),0 0 18px rgba(114,249,239,.55)}

/* paket 2 · Dene: sektör adımı, adım sekmeleri ve sektör satırı yok; ekranın altı kullanılır */
#dene .onboarding-progress,#dene #changeSector,#dene #selectedSectorLabel{display:none!important}
#dene .onboarding-scroll{top:78px!important}
@media(max-width:799px){#dene .onboarding-scroll{bottom:0!important;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))!important}}
#dene #photoStep .onboarding-heading{margin-top:6px}

/* paket 3 · Nasıl: başlık ve adım çubuğu en üste, telefon ve yazılar büyür; Dene: üst boşluk yok */
@media(max-width:799px){
 #nasil .how-head{top:calc(var(--sa-top,0px) + 70px)!important;margin-top:0!important}
 #nasil .how-head h2{margin:0 0 2px!important}
 #nasil .how-head p{display:none!important}
 #nasil .how-rail{top:calc(70px + 44px)!important;margin-top:0!important}
 #nasil .how-text h3{font-size:19px!important;line-height:1.2;margin-bottom:6px}
 #nasil .how-text p{display:block!important;font-size:15.5px!important;line-height:1.42}
 #nasil .how-text small{font-size:13.5px!important;line-height:1.35}
 #nasil .how-foot{bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}
 #dene .onboarding-scroll{top:64px!important}
 #dene #photoStep .onboarding-heading{margin-top:0!important}
}
@media(max-width:799px) and (max-height:700px){#nasil .how-text p{font-size:14px!important}}