/* NURSE PREP landing · 06.09.2026 · self-contained (header/footer inside np_govde.html) */
:root{--teal:#0e7c86;--teal-d:#0b5f67;--navy:#0f2a3a;--ink:#1c2b33;--muted:#5b6b73;--mint:#e6f4f1;--sand:#fbfaf7;--line:#dfe6e3;--coral:#ef6f4c;--coral-d:#d75a39;--ok:#1f8a4c;--bad:#c0392b;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Source Sans 3',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--sand);line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,.np-logo{font-family:Sora,system-ui,sans-serif;letter-spacing:-.01em;color:var(--navy)}
h1{font-size:clamp(30px,4.6vw,52px);line-height:1.08;margin:0 0 16px;font-weight:800}
h2{font-size:clamp(24px,3vw,34px);line-height:1.15;margin:0 0 10px;font-weight:700}
h3{font-size:18px;margin:0 0 6px;font-weight:700}
p{margin:0 0 12px}a{color:var(--teal-d)}
.np-w{max-width:1120px;margin:0 auto;padding:0 20px}
.np-sec{padding:56px 0}.np-sec.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.np-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.np-lead{font-size:18px;color:var(--muted);max-width:640px}
/* header */
.np-top{position:sticky;top:0;z-index:20;background:rgba(251,250,247,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.np-top .np-w{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.np-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;text-decoration:none;color:var(--navy)}
.np-logo i{width:32px;height:32px;border-radius:10px;background:var(--teal);display:inline-grid;place-items:center;color:#fff;font-style:normal;font-size:18px}
.np-nav{display:flex;gap:18px;align-items:center}.np-nav a{text-decoration:none;color:var(--ink);font-weight:600;font-size:15px}
.np-nav a.np-btn{padding:9px 16px}
@media(max-width:720px){.np-nav a:not(.np-btn):not(.np-keep){display:none}.np-top .np-w{gap:8px}.np-nav{gap:10px}.np-nav a.np-keep{white-space:nowrap}.np-nav a.np-btn{padding:10px 16px;font-size:15px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;box-shadow:none}.np-logo{font-size:18px}}
/* 06.09: 320-360px'te logo+"Log in"+"Start practicing" 350px'e taşıyordu (ölçülü, 30px taşma).
   Kelimeyi kısaltmak yerine (metne dokunma kuralı) marka simgesi kalır, kelime metni bu dar
   aralıkta görsel olarak sıfırlanır (DOM'da duruyor, erişilebilirlik etkilenmez). */
@media(max-width:360px){
  .np-logo{font-size:0}
  .np-logo i{font-size:18px}
  .np-nav{gap:6px}
  .np-nav a.np-btn{padding:9px 12px;font-size:15px}
}
/* buttons */
.np-btn{display:inline-block;background:var(--coral);color:var(--navy)!important;font-weight:700;text-decoration:none;padding:14px 24px;border-radius:12px;border:0;cursor:pointer;font-size:16px;box-shadow:0 6px 16px rgba(239,111,76,.28);transition:transform .08s,background .15s}
.np-btn:hover{background:var(--coral-d);transform:translateY(-1px)}
.np-btn.ghost{background:#fff;color:var(--navy)!important;border:1.5px solid var(--line);box-shadow:none}
.np-btn.teal{background:var(--teal);color:#fff!important;box-shadow:0 6px 16px rgba(14,124,134,.25)}.np-btn.teal:hover{background:var(--teal-d)}
/* hero */
.np-hero{padding:56px 0 40px;background:linear-gradient(180deg,#eef7f5 0%,var(--sand) 100%)}
.np-hero .np-w{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
@media(max-width:860px){.np-hero .np-w{grid-template-columns:1fr}}
.np-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 14px}
/* 08.09 kurucu: hero başlığı + üstündeki kicker sönüktü. Kicker rozete çevrildi (yüksek kontrast,
   koyu teal metin), h1 büyütüldü + tek vurgu kelimesi (Pass) coral ile öne çıktı.
   Yalnızca .np-hero kapsamında; sayfanın başka yerindeki .np-kicker/h1 kullanımları etkilenmez. */
.np-hero .np-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(14,124,134,.1);border:1px solid rgba(14,124,134,.32);color:var(--teal-d);font-size:13px;font-weight:800;padding:8px 16px 8px 14px;border-radius:999px;margin-bottom:18px}
.np-hero .np-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal-d);flex:0 0 auto}
.np-hero h1{font-size:clamp(32px,4.8vw,54px)}
.np-hero h1 .np-accent{color:var(--coral-d)}
.np-fine{font-size:13px;color:var(--muted)}
.np-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}
.np-proof div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;min-width:120px}
.np-proof b{display:block;font-family:Sora;font-size:22px;color:var(--teal-d)}.np-proof span{font-size:12px;color:var(--muted)}
/* demo card */
.np-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px rgba(15,42,58,.08);padding:22px}
.np-card .np-tag{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.np-q{font-size:17px;font-weight:600;line-height:1.45;margin-bottom:14px;color:var(--navy)}
.np-opt{display:block;width:100%;text-align:left;background:var(--sand);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;margin:8px 0;font:inherit;font-size:15px;cursor:pointer;transition:border-color .12s,background .12s}
.np-opt:hover{border-color:var(--teal)}
.np-opt.ok{background:#e7f6ec;border-color:var(--ok)}.np-opt.bad{background:#fdecea;border-color:var(--bad)}.np-opt[disabled]{cursor:default;color:var(--ink);opacity:1}
.np-opt b{display:inline-block;width:24px;color:var(--teal-d)}
.np-fb{margin-top:10px;font-size:14px;padding:10px 12px;border-radius:10px;background:var(--mint);display:none}
.np-demo-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:13px;color:var(--muted)}
.np-ai{margin-top:14px;border-top:1px dashed var(--line);padding-top:14px}
.np-ai textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:10px;font:inherit;font-size:14px;min-height:56px;resize:vertical}
.np-ai-out{white-space:pre-wrap;font-size:14px;background:var(--sand);border-radius:10px;padding:12px;margin-top:10px;display:none;max-height:260px;overflow:auto}
/* grids */
.np-grid{display:grid;gap:16px}.np-grid.c2{grid-template-columns:repeat(2,1fr)}.np-grid.c3{grid-template-columns:repeat(3,1fr)}.np-grid.c4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.np-grid.c3,.np-grid.c4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.np-grid.c2,.np-grid.c3,.np-grid.c4{grid-template-columns:1fr}}
.np-tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.np-tile .n{font-family:Sora;font-size:13px;font-weight:700;color:var(--teal);margin-bottom:6px}
.np-tile p{color:var(--muted);font-size:15px;margin:0}
/* blueprint tables */
.np-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:15px}
.np-table th,.np-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.np-table th{background:var(--mint);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--teal-d)}
.np-table tr:last-child td{border-bottom:0}.np-table td:nth-child(2),.np-table td:nth-child(3){white-space:nowrap}
.np-scroll{overflow-x:auto}
/* pricing */
.np-price{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}
@media(max-width:860px){.np-price{grid-template-columns:1fr}}
.np-price-card{background:var(--navy);color:#fff;border-radius:20px;padding:28px;position:relative;overflow:hidden}
.np-price-card h2,.np-price-card h3{color:#fff;font-size:22px;line-height:1.25;margin:0 0 6px}
.np-price-card .amt{font-family:Sora;font-size:56px;font-weight:800;line-height:1;margin:10px 0 4px}
.np-price-card .amt small{font-size:18px;font-weight:600;opacity:.8}
.np-price-card ul{list-style:none;padding:0;margin:16px 0 20px}.np-price-card li{padding:6px 0 6px 26px;position:relative;font-size:15px}
.np-price-card li:before{content:"✓";position:absolute;left:0;color:#7fe0c8;font-weight:800}
.np-price-card .np-btn{width:100%;text-align:center}
.np-guarantee{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}
.np-guarantee h3{margin-bottom:8px}.np-guarantee p{color:var(--muted);font-size:15px}
.np-guarantee h2{font-size:18px;line-height:1.3;font-weight:700;margin:0 0 8px}
/* faq */
.np-faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 18px;margin:10px 0}
.np-faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;color:var(--navy)}
.np-faq summary::-webkit-details-marker{display:none}.np-faq summary:after{content:"+";font-family:Sora;font-size:20px;color:var(--teal)}
.np-faq details[open] summary:after{content:"–"}.np-faq details p{color:var(--muted);padding-bottom:14px;font-size:15px}
/* footer */
.np-foot{padding:36px 0 48px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.np-foot .np-w{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
@media(max-width:720px){.np-foot .np-w{grid-template-columns:1fr}}
.np-foot a{color:var(--muted);margin-right:14px}
.np-disc{font-size:12px;line-height:1.5;margin-top:10px}
.np-notice{background:#fff7ed;border:1px solid #f6d7b8;border-radius:12px;padding:12px 14px;font-size:14px;margin:18px 0 0}

.np-foot .np-logo{color:#fff}
/* ===== v2 (06.09 akşam): motion, phone demo, band, slider, sticky CTA ===== */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.np-hero2{background:linear-gradient(120deg,#eef7f5,#fbfaf7 45%,#fff3ec 100%);background-size:200% 200%;animation:npGrad 14s ease infinite}
@keyframes npGrad{0%{background-position:0 0}50%{background-position:100% 100%}100%{background-position:0 0}}
.np-s{opacity:.7;font-weight:500;margin-right:4px}.np-s2{font-size:26px;opacity:.55;font-weight:600;margin-right:8px}
/* phone */
.np-phone-wrap{display:flex;justify-content:center}
.np-phone{width:100%;max-width:400px;background:#0f2a3a;border-radius:38px;padding:12px;box-shadow:0 30px 60px rgba(15,42,58,.28);position:relative}
.np-phone:before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:120px;height:22px;background:#0f2a3a;border-radius:0 0 16px 16px;z-index:2}
.np-phone-top{display:flex;justify-content:space-between;align-items:center;color:#cfe3e6;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:14px 12px 8px}
.np-dot{width:10px;height:10px;border-radius:50%;background:#7fe0c8;box-shadow:0 0 0 0 rgba(127,224,200,.7);animation:npPulse 1.8s infinite}
@keyframes npPulse{0%{box-shadow:0 0 0 0 rgba(127,224,200,.6)}70%{box-shadow:0 0 0 10px rgba(127,224,200,0)}100%{box-shadow:0 0 0 0 rgba(127,224,200,0)}}
.np-tabs{display:flex;gap:6px;background:#123646;border-radius:14px;padding:4px;margin:0 4px 6px}
.np-tabs button{flex:1;border:0;background:transparent;color:#9fc3c9;font:inherit;font-weight:700;font-size:13px;padding:8px;border-radius:10px;cursor:pointer}
.np-tabs button.on{background:#fff;color:#0f2a3a}
.np-pane{display:none;background:#fff;border-radius:26px;padding:16px;min-height:430px}.np-pane.on{display:block;animation:npFade .35s ease}
@keyframes npFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.np-pane .np-q{font-size:15.5px}.np-pane .np-opt{padding:10px 12px;font-size:14px;margin:6px 0}
.np-chat{height:330px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px}
.np-msg{max-width:88%;padding:10px 12px;border-radius:14px;font-size:14px;line-height:1.4;white-space:pre-wrap}
.np-msg.bot{background:var(--mint);color:#0f2a3a;align-self:flex-start;border-bottom-left-radius:4px}.np-msg.me{background:#0f2a3a;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.np-ai-row{display:flex;gap:8px;margin-top:10px}.np-ai-row input{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;font-size:14px}
.np-score-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.np-score-head b{font-family:Sora;font-size:34px;color:var(--teal-d)}.np-score-head span{color:var(--muted);font-size:13px}
.np-bar{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;align-items:center;font-size:13px;margin:8px 0}
.np-bar i{display:block;height:10px;background:#eef1ef;border-radius:999px;overflow:hidden}.np-bar i b{display:block;height:100%;background:linear-gradient(90deg,#0e7c86,#7fe0c8);border-radius:999px;transition:width .8s ease}
.np-bar em{font-style:normal;font-weight:700;color:var(--teal-d)}
/* band */
.np-band{background:#0f2a3a;color:#fff}
.np-band-in{display:flex;flex-wrap:wrap;gap:10px 34px;justify-content:center;padding:22px 20px}
.np-count{display:flex;flex-direction:column;align-items:center;min-width:140px}
.np-count b{font-family:Sora;font-size:30px;font-weight:800;color:#7fe0c8;line-height:1.1}.np-count span{font-size:12px;color:#cfe3e6;text-align:center}
.np-timer b{color:#ffd166;font-variant-numeric:tabular-nums;font-size:26px}
/* slider */
.np-slider{position:relative;overflow:hidden;border-radius:20px}
.np-track{display:flex;transition:transform .5s ease;will-change:transform}
.np-slide{flex:0 0 100%;padding:4px 56px;box-sizing:border-box}
.np-slide-card{cursor:pointer;min-height:280px}
.np-opt.sl{cursor:pointer}
.np-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font-size:26px;line-height:1;cursor:pointer;color:var(--navy);box-shadow:0 6px 16px rgba(15,42,58,.12)}
#np-prev{left:6px}#np-nxt{right:6px}
.np-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.np-dots i{width:10px;height:10px;border-radius:50%;background:#cfd8d4;cursor:pointer}.np-dots i.on{background:var(--teal)}
@media(max-width:640px){.np-slide{padding:4px 0}.np-arrow{display:none}}
/* pricing extras */
.np-ribbon{position:absolute;top:18px;right:-40px;transform:rotate(35deg);background:#ef6f4c;color:var(--navy);font-size:12px;font-weight:800;letter-spacing:.04em;padding:6px 48px}
.np-cd-mini{margin:10px 0 4px;font-size:14px;background:rgba(255,255,255,.08);border-radius:10px;padding:8px 12px}.np-cd-mini b{color:#ffd166;font-variant-numeric:tabular-nums}
.np-badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.np-badge{background:var(--mint);color:var(--teal-d);font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px}
/* sticky mobile CTA */
.np-sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background:rgba(15,42,58,.96);color:#fff;backdrop-filter:blur(8px);transform:translateY(100%);transition:transform .3s ease}
.np-sticky.show{transform:none}.np-sticky s{opacity:.6}.np-sticky b{font-family:Sora;font-size:20px;color:#ffd166}
.np-sticky .np-btn{padding:12px 18px;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:720px){.np-sticky{display:flex}body{padding-bottom:64px}.np-hero{padding-top:36px}.np-pane{min-height:380px}.np-chat{height:280px}}
/* hover motion */
.np-tile{transition:transform .2s ease,box-shadow .2s ease}.np-tile:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,42,58,.08)}
/* v2 fixes: notch removed (was covering the top bar), support button above sticky CTA, demo above the fold on mobile */
.np-phone:before{display:none}
@media(max-width:720px){#dw-ac{bottom:78px!important}#dw-panel{bottom:136px!important}}
/* 06.09: bottom:78px hâlâ hero telefon maketinin sekme şeridiyle çakışıyordu (ölçülü: 726-766px
   vs sekme 731-774px). Yalnız bu iniş sayfasında (np-sticky varlığıyla ayırt edilir) destek
   düğmesi kaydırılana kadar gizli kalır; iç sayfalarda (np-sticky yok) davranış değişmez. */
@media(max-width:720px){
  body:has(#np-sticky) #dw-ac{opacity:0;pointer-events:none;transition:opacity .25s ease}
  body:has(#np-sticky) #dw-ac.np-show{opacity:1;pointer-events:auto}
}
@media(max-width:860px){.np-hero .np-proof{display:none}.np-hero h1{font-size:32px}.np-hero-cta .np-btn{width:100%;text-align:center}}

/* 06.09 23:05 kurucu 23055/23057: özellik listesi, canlı sayaç, ayrı kronometre bloğu */
.np-list{list-style:none;padding:0;margin:18px 0 6px;display:grid;gap:9px;max-width:640px}
.np-list li{position:relative;padding-left:32px;font-size:16.5px;line-height:1.45;color:var(--muted)}
.np-list li b{color:var(--ink,#0f2a2e);font-weight:700}
.np-list li::before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;border-radius:50%;background:#0e7c86;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23000'/%3E%3Cpath d='M6 10.5l2.6 2.6L14 7.7' stroke='%23fff' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23000'/%3E%3Cpath d='M6 10.5l2.6 2.6L14 7.7' stroke='%23fff' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.np-live b{color:#ffd166}.np-live b::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#4ade80;margin:0 8px 3px 0;box-shadow:0 0 0 0 rgba(74,222,128,.7);animation:npPulse 1.8s infinite}
@keyframes npPulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.7)}70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.np-cd-sec{background:linear-gradient(120deg,#fff3ec,#fbfaf7 60%,#eef7f5);border-top:1px solid #f1e6de;border-bottom:1px solid #e3ecea}
.np-cd-in{display:grid;grid-template-columns:1.1fr auto auto;gap:28px;align-items:center;padding:30px 20px}
.np-cd-txt h2{font-family:Sora,system-ui,sans-serif;font-size:26px;letter-spacing:-.02em;margin:4px 0 6px;color:#0f2a2e}.np-cd-txt p{margin:0;color:var(--muted);font-size:14.5px;max-width:520px}
.np-cd-clock{display:flex;gap:10px}.np-cd-clock div{display:flex;flex-direction:column;align-items:center;min-width:76px;padding:12px 8px;background:#0f2a3a;color:#fff;border-radius:14px}
.np-cd-clock b{font-family:Sora,system-ui,sans-serif;font-size:34px;line-height:1;font-variant-numeric:tabular-nums;color:#ffd166}.np-cd-clock span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#cfe3e6;margin-top:6px}
@media(max-width:900px){.np-cd-in{grid-template-columns:1fr;text-align:center;gap:18px}.np-cd-clock{justify-content:center}.np-cd-txt p{margin:0 auto}.np-cd-in .np-btn{justify-self:center}}
@media(max-width:480px){.np-cd-clock div{min-width:64px;padding:10px 6px}.np-cd-clock b{font-size:28px}.np-list li{font-size:15px}}

/* 06.09 23:35 kurucu 23064: fiyat renkleri (29 yeşil, 49 kırmızı) + kronometre başlığı tek satır */
.np-g{color:#16a34a!important;opacity:1!important}.np-r{color:#dc2626!important;opacity:1!important;text-decoration-color:#dc2626}
.np-cd-txt h2.np-cd-h{white-space:nowrap;font-size:clamp(18px,4.9vw,26px)}
.np-price-card .amt .np-g{color:#4ade80!important}.np-price-card .amt .np-r{color:#fca5a5!important}
.np-sticky .np-g{color:#4ade80!important}.np-sticky .np-r{color:#fca5a5!important}
/* 09.09 canlı demo: gerçek ürün ekranlarının önizlemesi (Missed / Plan) */
.np-mini-row{display:flex;flex-direction:column;gap:3px;background:var(--sand);border:1px solid var(--line);border-radius:10px;padding:9px 11px;margin:0 0 8px}
.np-mini-row.plan{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
.np-mini-tag{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--teal)}
.np-mini-q{font-size:13.5px;line-height:1.45;color:var(--ink);flex:1}
.np-mini-go{font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--teal);border-radius:99px;padding:4px 11px}
/* 09.09: demo sekmesi 3'ten 5'e çıktı; 390px'te sığması için font ve padding daralır, taşarsa yatay kayar */
@media(max-width:430px){
  .np-tabs{gap:3px;padding:3px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .np-tabs::-webkit-scrollbar{display:none}
  .np-tabs button{font-size:12px;padding:8px 6px;flex:1 0 auto;white-space:nowrap}
}

/* ══════════ 09.09.2026 · MOBİL DENETİM DÜZELTMELERİ (AN/PT) ══════════
   AN/PT ANA SAYFASI fleet şablonunu kullanmıyor: yalnız np.css yükleniyor
   (k26.css yok). Bu yüzden k26.css'e eklenen düzeltmelerin np.css karşılığı
   burada da duruyor. İç sayfalarda ikisi de yüklenir; kurallar aynı olduğu
   için çakışma yok. Kaynak: scratchpad/ajan/mobil_rapor.md maddeleri 2,3,10,14,15. */

/* ── Madde 2 · KESİK VE KAYDIRILAMAYAN TABLO ──────────────────────────
   ".np-table{overflow:hidden}" + "main table{display:block;overflow-x:auto}"
   tabloyu kendi kutusuna hapsedip satırı kırpıyordu; sarmalayıcı (.np-scroll)
   scrollWidth=clientWidth=350 ile hiç kaydıramıyordu (satır 886px).
   Doğrusu: overflow SARMALAYICIDA, tabloda min-width. */
.np-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch }
.np-scroll > table{ display:table; overflow:visible; max-width:none }
.np-scroll > table > thead > tr > th:first-child{ border-top-left-radius:var(--r,14px) }
.np-scroll > table > thead > tr > th:last-child{ border-top-right-radius:var(--r,14px) }
@media (max-width:860px){
  .np-scroll > table th, .np-scroll > table td,
  .np-scroll > table td:nth-child(2), .np-scroll > table td:nth-child(3),
  .np-scroll > table th:nth-child(2), .np-scroll > table th:nth-child(3){ white-space:normal }
  .np-scroll > table:has(> thead > tr > th:nth-child(3)){ min-width:560px }
  .np-scroll:has(> table:has(> thead > tr > th:nth-child(3))){
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),rgba(0,0,0,.35) 100%);
            mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),rgba(0,0,0,.35) 100%) }
}

/* ── Madde 3 · iOS ZOOM (form alanı 16px altı) ──────────────────────── */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
select:not([multiple]):not([hidden]),
textarea:not([hidden]):not([aria-hidden="true"]),
.input{ font-size:16px }

/* ── Madde 10 · SOHBET BALONU ───────────────────────────────────────── */
#dw-ac{ transition:transform .18s ease, opacity .18s ease; transform-origin:100% 100%; min-height:44px }
@media (max-width:860px){ #dw-ac.dw-kucul{ transform:scale(.6); opacity:.5 } }
@media (prefers-reduced-motion:reduce){ #dw-ac{ transition:none } }
@media (max-width:600px){ .np-foot{ padding-bottom:calc(84px + env(safe-area-inset-bottom)) } }

/* ── Madde 14 · DOKUNMA ALANI 44px ──────────────────────────────────── */
.np-nav a.np-keep{ display:inline-flex; align-items:center; min-height:44px; padding-left:6px; padding-right:6px }
.np-foot a{ display:inline-block; min-height:44px; padding-top:11px; padding-bottom:11px; line-height:22px }
.np-foot .np-disc a{ min-height:0; padding-top:0; padding-bottom:0; display:inline; line-height:inherit }
.np-foot .np-logo{ display:flex; min-height:0 }

/* ── Madde 15 · "Best value" / "Launch price" şeridi kart içinde ─────
   Döndürülmüş şerit (right:-40px, rotate 35deg) dar kartta .np-price-card'ın
   overflow:hidden'ı tarafından kesiliyordu; metin aynen kalır, yalnız düzen değişir. */
@media (max-width:720px){
  .np-price-card .np-ribbon{
    position:static; transform:none; right:auto; top:auto;
    display:inline-block; border-radius:999px; font-size:11.5px;
    padding-top:5px; padding-bottom:5px; padding-left:12px; padding-right:12px;
    margin-top:0; margin-bottom:10px; letter-spacing:.03em;
  }
}

/* alt bilgi cumlesi ICINDEKI e-posta baglantisi: satir akisini bozmadan dokunma
   alani buyusun (inline kutuda dikey padding satir yuksekligini degistirmez). */
.np-foot .np-disc a{ padding-top:14px; padding-bottom:14px }
/* demo sikki 43px ile 1px eksikti */
.np-opt{ min-height:44px }

/* ── 09.09 · Madde 16 · BASLIK LOGOSU DOKUNMA ALANI ───────────────────
   Olculdu (390px, getBoundingClientRect): .np-logo 155,5 x 32 px. Genislik yeterli,
   YUKSEKLIK 32 px ile 44 px esiginin altindaydi. Kutu zaten flex + align-items:center
   oldugu icin min-height ikonu ve yaziyi dikey ortada birakir: 32px ikon ayni yerde
   durur, yalnizca tiklanabilir kutu 44px'e cikar (basligin 64px satirinda degisiklik yok). */
.np-top .np-logo{ min-height:44px }
/* <=360px'te marka kelimesi font-size:0 ile gizleniyor, geriye 32px simge + 10px bosluk
   kaliyordu: kutu 42 x 44 px olculdu, genislik 2 px eksikti. min-width kutuyu saga dogru
   2 px buyutur, simge ayni yerinde kalir. */
@media(max-width:360px){ .np-top .np-logo{ min-width:44px } }