/* ============================================================
   NgsAdvisory — shared stylesheet (TR / EN)
   ============================================================ */

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#F6F1E9;color:#23201B;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:#15525E;text-decoration:none}
a:hover{color:#0E3F49}
img{max-width:100%;display:block}
button{font-family:inherit}
p{margin:0}
ol,ul{margin:0;padding:0;list-style:none}
::selection{background:#C1623C;color:#F6F1E9}

/* ---------- keyframes ---------- */
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes ringPulse{0%{transform:scale(.92);opacity:.5}70%{transform:scale(1.3);opacity:0}100%{opacity:0}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes blip{0%,100%{opacity:.16}50%{opacity:1}}
@keyframes scanline{0%{transform:translateY(-40%)}100%{transform:translateY(460%)}}
@keyframes drift{0%{transform:translate(0,0)}50%{transform:translate(20px,-26px)}100%{transform:translate(0,0)}}
@keyframes caret{0%,48%{opacity:1}49%,100%{opacity:0}}
@keyframes growBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@keyframes sbShimmer{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}

/* ---------- scroll-reveal system ---------- */
[data-rv="off"]{opacity:0;transform:translateY(26px)}
[data-rv="in"]{animation:rise .9s cubic-bezier(.22,.9,.3,1) both}
[data-lift]{transition:transform .35s cubic-bezier(.22,.9,.3,1),box-shadow .35s,border-color .35s}
[data-lift]:hover{transform:translateY(-5px);box-shadow:0 26px 50px -30px rgba(35,32,27,.42)}
[data-marq]:hover > div{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  [data-rv]{opacity:1!important;transform:none!important;animation:none!important}
  [data-marq] > div{animation:none!important}
}

/* ---------- nav ---------- */
header [data-desktop-nav] a,header [data-desktop-nav] button{white-space:nowrap}
[data-burger]{display:none}
@media(max-width:1060px){
  header [data-desktop-nav]{display:none!important}
  header [data-burger]{display:inline-flex!important}
}
.dropdown-menu{display:none}
.dropdown-menu.is-open{display:block}
.mobile-nav-overlay{display:none}
.mobile-nav-overlay.is-open{display:block;animation:fade .2s both}
.mobile-nav-overlay.is-open .mobile-nav-panel{animation:rise .25s both}
.lang-switch a{transition:opacity .2s}
.lang-switch a:hover{opacity:1!important}

/* ---------- generic hover helper (data-hover / JS) ---------- */
[data-hover]{transition:background-color .2s,color .2s,border-color .2s}

/* ---------- FAQ accordions built with <details> ---------- */
details.faq-item{background:#FFFFFF;border:1px solid #E7DFD2;border-radius:16px;overflow:hidden;transition:border-color .25s}
details.faq-item:hover{border-color:#D9CDBA}
details.faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;align-items:center;gap:16px;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:17px;line-height:1.35;color:#23201B}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary::after{content:'';flex-shrink:0;width:17px;height:17px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23C1623C' stroke-width='1.8'%3E%3Cpath d='M8 3v10M3 8h10'/%3E%3C/svg%3E");transition:transform .3s}
details.faq-item[open] summary::after{transform:rotate(45deg)}
details.faq-item .faq-a{padding:0 22px 22px;font-size:15px;line-height:1.65;color:#6B6357;margin:0}
details.faq-item.on-dark{background:#1B3E47;border-color:#2C525B}
details.faq-item.on-dark summary{color:#F3EEE4}
details.faq-item.on-dark .faq-a{color:#B9C6C6}

/* ---------- tabs (physicians anatomy / patients steps) ---------- */
.tab-btn{cursor:pointer;font-family:inherit}
.tab-panel{display:none}
.tab-panel.is-active{display:block}
.tab-btn.is-active{background:#14323A!important;border-color:#14323A!important;color:#F3EEE4!important}
.stage-tab{cursor:pointer;font-family:inherit;background:transparent;color:#CFDBDB;border:1px solid #2C525B}
.stage-tab.is-active{background:#F6F1E9;color:#23201B;border-color:#F6F1E9}
.stage-panel{display:none}
.stage-panel.is-active{display:block}
.anat-tab{cursor:pointer;font-family:inherit;background:#FFFFFF;color:#23201B;border:1px solid #E7DFD2}
.anat-tab.is-active{background:#14323A;color:#F3EEE4;border-color:#14323A}
.anat-tab .anat-tab-num{color:#C1623C}
.anat-tab.is-active .anat-tab-num{color:#E7A977}
.anat-panel{display:none}
.anat-panel.is-active{display:block}
.pt-step-tab{cursor:pointer;font-family:inherit}
.pt-step-panel{display:none}
.pt-step-panel.is-active{display:block}

/* ---------- form controls ---------- */
[data-sbfield]{font-family:'Hanken Grotesk',system-ui,sans-serif}
[data-sbfield]::placeholder{color:#A79C8B}
.upload-drop{transition:background-color .2s,border-color .2s}
.upload-drop.is-drag{background:#E4EEEC;border-color:#15525E}
.upload-drop.has-error{background:#FDF4F0;border-color:#D08A6A}
.upload-file-row{display:flex;align-items:center;gap:10px;background:#F8F5EF;border:1px solid #EFE9DE;border-radius:10px;padding:8px 11px;font-size:13.5px;color:#4A443B}
.field-error{border-color:#D08A6A!important;background:#FDF4F0!important}

/* radio pill (language choice) */
.pill-input{position:absolute;opacity:0;width:1px;height:1px}
.pill-label{display:inline-block;border:1px solid #D9CDBA;background:#FFFFFF;color:#5E574C;cursor:pointer;font-size:14px;font-weight:500;padding:9px 15px;border-radius:999px;transition:background .18s,color .18s,border-color .18s}
.pill-input:checked + .pill-label{background:#15525E;color:#F6F1E9;border-color:#15525E}
.pill-input:focus-visible + .pill-label{outline:2px solid #15525E;outline-offset:2px}

/* radio card (urgency choice) */
.radio-card-input{position:absolute;opacity:0;width:1px;height:1px}
.radio-card{text-align:left;border:1px solid #D9CDBA;background:#FFFFFF;cursor:pointer;border-radius:14px;padding:14px 15px;display:flex;gap:11px;align-items:flex-start;transition:border-color .18s,background .18s}
.radio-card .radio-dot-outer{flex-shrink:0;width:18px;height:18px;border-radius:999px;border:1.5px solid #C6BAA6;background:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-top:1px}
.radio-card .radio-dot-inner{width:9px;height:9px;border-radius:999px;background:transparent}
.radio-card-input:checked + .radio-card{background:#E4EEEC;border-color:#15525E}
.radio-card-input:checked + .radio-card .radio-dot-outer{border-color:#15525E}
.radio-card-input:checked + .radio-card .radio-dot-inner{background:#15525E}

/* wizard */
[data-wizard-step]{display:none}
[data-wizard-step].is-active{display:block}
[data-wizard-dot]{opacity:.55}
[data-wizard-dot].is-active,[data-wizard-dot].is-done{opacity:1}

/* ---------- layout helpers reused across pages ---------- */
@media(max-width:1080px){
  [data-rail]{display:none!important}
  [data-artlayout]{grid-template-columns:1fr!important}
}
@media(max-width:920px){
  [data-desktop-nav]{display:none!important}
  [data-burger]{display:inline-flex!important}
  [data-split]{grid-template-columns:1fr!important}
  [data-portrait]{order:-1}
  [data-hero]{grid-template-columns:1fr!important}
  [data-hero-media]{display:none!important}
}
@media(max-width:600px){
  [data-stats]{grid-template-columns:1fr 1fr!important}
  [data-creds]{grid-template-columns:1fr 1fr!important}
  [data-bylinebar]{flex-wrap:wrap!important}
  [data-lot-head]{flex-wrap:wrap!important}
}
@media(max-width:900px){
  [data-verigrid]{grid-template-columns:1fr!important}
  [data-missgrid]{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
  [data-missgrid]{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  [data-barrow]{grid-template-columns:1fr 40px!important;grid-template-areas:"l n" "b b"!important;gap:6px 14px!important}
  [data-barrow] > span:nth-child(1){grid-area:l}
  [data-barrow] > span:nth-child(2){grid-area:b}
  [data-barrow] > span:nth-child(3){grid-area:n}
}
@media(max-width:1080px){
  [data-advgrid]{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:620px){
  [data-advgrid]{grid-template-columns:1fr!important}
}
@media(max-width:1060px){
  [data-shortsgrid]{grid-template-columns:1fr!important}
  [data-shortspair]{max-width:620px}
}
@media(max-width:1120px){
  [data-hero02]{grid-template-columns:1fr!important;align-items:start!important}
  [data-dossier]{height:auto!important;display:flex!important;flex-direction:column!important;gap:16px;max-width:520px}
  [data-dossier] > div{position:static!important;width:auto!important;box-shadow:0 22px 44px -26px rgba(0,0,0,.5)!important}
}
@media(max-width:1080px){
  [data-steprow]{grid-template-columns:repeat(3,1fr)!important;row-gap:34px!important}
}
@media(max-width:700px){
  [data-steprow]{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:460px){
  [data-steprow]{grid-template-columns:1fr!important}
}
@media(max-width:980px){
  [data-hero2]{grid-template-columns:1fr!important}
  [data-heroart]{width:min(100%,400px);justify-self:center;margin:14px auto 0}
  [data-band]{grid-template-columns:1fr!important}
  [data-caserow]{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  [data-team]{grid-template-columns:1fr!important}
  [data-statgrid]{grid-template-columns:1fr 1fr!important}
}
@media(max-width:1000px){
  [data-sbgrid]{grid-template-columns:1fr!important}
  [data-sbrail]{order:2}
}
@media(max-width:620px){
  [data-sbtabs]{width:100%}
  [data-sbrow]{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  [data-lggrid]{grid-template-columns:1fr!important;gap:0!important}
  [data-lgrail]{display:none!important}
}
@media(max-width:740px){
  [data-lghead]{padding:clamp(30px,7vw,44px) 0 clamp(26px,6vw,36px)!important}
  [data-lgmeta]{grid-template-columns:1fr!important;gap:1px!important}
  [data-lgsec]{padding-top:26px!important}
}

/* ---------- mobile home page refinements ---------- */
[data-mobbar]{display:none}
[data-swipe]{display:none}
@media(max-width:740px){
  [data-mob]{overflow-x:clip}
  [data-mob] main > section[id]{scroll-margin-top:72px}
  [data-mob] main > section{padding-top:54px!important;padding-bottom:54px!important}
  [data-mob] [data-hbadge]{flex-wrap:wrap;gap:7px!important;padding:7px 12px!important;border-radius:15px!important}
  [data-mob] [data-hbadge] > span:last-child{font-size:10.5px!important;letter-spacing:.08em!important}
  [data-mob] [data-h1]{font-size:clamp(31px,8.4vw,40px)!important;line-height:1.06!important;margin-top:18px!important}
  [data-mob] [data-h1] + p{font-size:16px!important;line-height:1.6!important;margin-top:15px!important}
  [data-mob] [data-hcta]{flex-direction:column;align-items:stretch;gap:10px!important;margin-top:24px!important}
  [data-mob] [data-hcta] > a{justify-content:center;font-size:15.5px!important;padding:16px 20px!important;min-height:54px}
  [data-mob] [data-htrust]{display:grid!important;gap:0!important;margin-top:20px!important;background:#FFFFFF;border:1px solid #E7DFD2;border-radius:14px;padding:2px 15px}
  [data-mob] [data-htrust] > span{padding:11px 0;font-size:14px}
  [data-mob] [data-htrust] > span + span{border-top:1px solid #EFE9DE}
  [data-mob] [data-heroart]{display:block!important;width:auto!important;max-width:none!important;margin:26px 0 0!important;justify-self:stretch!important}
  [data-mob] [data-heroimg]{aspect-ratio:5/4!important}
  [data-mob] [data-heroname]{position:static!important;border:0!important;border-top:1px solid #E7DFD2!important;border-radius:0!important;background:#FFFFFF!important;padding:15px 16px!important}
  [data-mob] [data-dossier]{margin-top:22px!important;gap:0!important}
  [data-mob] [data-doccard]{display:none!important}
  [data-mob] [data-doslist]{width:100%!important}
  [data-mob] [data-doslist] > div:first-child{padding:15px 16px!important}
  [data-mob] [data-doslist] > div:nth-child(2){padding:6px 16px 2px!important}
  [data-mob] [data-doslist] > div:last-child{margin:2px 16px 16px!important}
  [data-mob] [data-steprow]{grid-template-columns:1fr!important;gap:0!important;margin-top:24px!important}
  [data-mob] [data-stepcard]{display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:18px 0}
  [data-mob] [data-stepcard] + [data-stepcard]{border-top:1px solid rgba(255,255,255,.13)}
  [data-mob] [data-shortsgrid]{gap:26px!important}
  [data-mob] [data-shortspair] figure{padding:10px!important;border-radius:16px!important}
  [data-mob] [data-advgrid]{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px!important;margin:0 -24px!important;padding:2px 24px 16px!important;scrollbar-width:none}
  [data-mob] [data-advgrid]::-webkit-scrollbar{display:none}
  [data-mob] [data-advgrid] > div{flex:0 0 80%;min-width:0;scroll-snap-align:center}
  [data-mob] [data-verigrid]{gap:12px!important;margin-top:26px!important}
  [data-mob] [data-verigrid] > div{padding:20px!important}
  [data-mob] [data-missgrid]{gap:10px!important;margin-top:20px!important}
  [data-mob] [data-missgrid] > div{padding:17px 18px 19px!important}
  [data-mob] [data-price]{margin-top:26px!important;padding:24px 20px!important;border-radius:20px!important}
  [data-mob] main [data-split]{gap:12px!important;margin-top:26px!important}
  [data-mob] main [data-split] > a > div:first-child{height:148px!important}
  [data-mob] [data-finalcta]{padding:34px 22px 38px!important;border-radius:22px!important}
  [data-mob] footer [data-split]{grid-template-columns:1fr 1fr!important;gap:26px 16px!important}
  [data-mob] footer [data-split] > div:first-child{grid-column:1/-1}
  [data-mob] footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  [data-mob] [data-mobbar]{display:flex!important}
  [data-swipe]{display:flex!important}
}

/* ---------- print / misc ---------- */
.skip-link{position:absolute;left:-999px;top:auto;background:#15525E;color:#fff;padding:10px 16px;border-radius:0 0 10px 0;z-index:200}
.skip-link:focus{left:0;top:0}

/* ---------- biomarker guide "summary card" dl (see inc/render.php 'card' block) ---------- */
@media(max-width:620px){
  dl.card-dl{grid-template-columns:1fr!important;gap:4px 0!important}
  dl.card-dl dt{margin-top:10px}
}
dl.card-dl dt:first-child{margin-top:0}