/* W5 "Logo Işığı": destade.css'ten SONRA yüklenen tema katmanı.
   Logonun mavi gradyan dairesinden türeyen ışık daireleri; V2 başlık bantları; DESMED alanı marka yeşili zeminde. */

/* ============================================================
   1. DEĞİŞKENLER VE TİPOGRAFİ (Sora + Inter + Geist Mono)
   ============================================================ */

:root{
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --head:'Sora','Inter',system-ui,sans-serif;
  --t-mavi-0:#1B6EA8; --t-mavi-1:#1D78B6; --t-mavi-2:#1F7DBB;
  --t-yesil-0:#13662C; --t-yesil-1:#1A7F37; --t-yesil-2:#23944A;
  --t-lac:#2D4366; --t-lac-2:#3A5683;
  --tint-mavi:#F3F8FC; --tint-yesil:#F1F8F3; --tint-lac:#F4F6FA;
  --band-h:104px; --band-gap:32px; --u:130px;
}
@media(min-width:960px){:root{--band-h:150px;--band-gap:56px;--u:220px}}

h1,h2,h3,h4{font-family:var(--head)}
h1{font-weight:700;letter-spacing:-.025em;font-size:clamp(1.875rem,8vw,2.25rem);line-height:1.12}
h2{font-weight:700;letter-spacing:-.015em}
h3,h4{font-weight:600;letter-spacing:-.015em}
@media(min-width:960px){
  h1{font-size:clamp(2.75rem,4.5vw,4rem);line-height:1.08}
  h2{font-size:2.25rem;line-height:1.15}
  h3{font-size:1.5rem}
  .dmod.wide h3{font-size:1.5rem}
}
.plogo{font-family:var(--head);font-weight:700}
.rg .t,.prod-trig b,.acc-trig{font-family:var(--head);font-weight:600}
.btn{font-family:var(--sans);font-weight:600}
.nav a{font-weight:500}

/* ============================================================
   2. IŞIK DAİRELERİ: bölüm zeminlerinde köşe daireleri (düz radyal gradyan, blur yok)
   --rgb: daire rengi, --p: merkez konumu
   ============================================================ */

.sec{
  --rgb:32,128,192;
  --k1:radial-gradient(circle at 100% 100%,rgba(var(--rgb),.11) 0,rgba(var(--rgb),.055) var(--u),rgba(var(--rgb),.03) calc(var(--u) + 1px),rgba(var(--rgb),.03) calc(var(--u)*1.5),transparent calc(var(--u)*1.5 + 1px));
  --k2:radial-gradient(circle at 0 100%,rgba(var(--rgb),.08) 0,rgba(var(--rgb),.04) calc(var(--u)*.7),transparent calc(var(--u)*.7 + 1px));
}
#kurumsal{background:var(--k1),var(--tint-mavi)}
#guven{--rgb:45,67,102;background:var(--k1),var(--k2),var(--tint-lac)}
#iletisim{background:var(--k1),var(--k2),var(--tint-mavi)}

/* ============================================================
   3. BAŞLIK BANDI (numarasız): sağ uçta yarım daire ışık
   ============================================================ */

.sec:has(.t-band){padding-top:0;border-top:0;overflow:hidden;isolation:isolate}
.t-band{
  position:relative;isolation:isolate;color:#fff;margin-bottom:var(--band-gap);
  display:grid;grid-template-columns:minmax(0,1fr);row-gap:6px;
  align-content:center;align-items:center;min-height:var(--band-h);padding-block:18px;
  --tb:linear-gradient(100deg,var(--t-mavi-0),var(--t-mavi-1) 60%,var(--t-mavi-2));--ov:rgba(18,84,140,.45);
  --R:calc(var(--band-h)*.95);
}
.t-band[data-t=yesil]{--tb:linear-gradient(100deg,var(--t-yesil-0),var(--t-yesil-1));--ov:rgba(8,60,24,.35)}
.t-band[data-t=lacivert]{--tb:linear-gradient(100deg,var(--t-lac),var(--t-lac-2));--ov:rgba(45,67,102,0)}
.t-band::before{
  content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-100vw;right:-100vw;
  background:linear-gradient(90deg,var(--ov) 0,transparent 62%),var(--tb);
}
.t-band::after{
  content:"";position:absolute;z-index:0;pointer-events:none;border-radius:50%;
  width:calc(var(--R)*2);height:calc(var(--R)*2);top:50%;margin-top:calc(var(--R)*-1);
  right:calc(50% - 50vw - var(--R));
  background:radial-gradient(circle,rgba(255,255,255,.16) 0,rgba(255,255,255,.08) 60%,rgba(255,255,255,.03) 99%,transparent 100%);
  box-shadow:0 0 0 calc(var(--R)*.28) rgba(255,255,255,.05),0 0 0 calc(var(--R)*.62) rgba(255,255,255,.03);
}
.t-band>*{position:relative;z-index:1;min-width:0}
.t-band .sec-row{margin:0;justify-content:flex-start;gap:2px 18px;color:#fff;font-size:.75rem}
.t-band .sec-row.g,.t-band .sec-row .aux{color:#fff}
@media(max-width:959px){.t-band::after{opacity:.6}}
.t-band h2{color:#fff;max-width:none!important;font-size:clamp(1.375rem,6vw,1.75rem);line-height:1.2}
.t-band .eyebrow{display:none}
@media(min-width:960px){
  .t-band{padding-block:24px}
  .t-band .sec-row{font-size:.8125rem}
  .t-band h2{font-size:clamp(1.75rem,3vw,2.5rem)}
  .t-band .eyebrow{display:block;margin:0;color:#fff}
  .steril .t-band .eyebrow{font:500 .75rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
}

/* ============================================================
   4. HERO: logo mavisi gradyan, sağda büyük ışık daireleri, beyaz parlayan kartlar
   ============================================================ */

.sec.hero{
  color:#fff;padding-top:48px;padding-bottom:var(--sp-sec);text-align:center;
  background:linear-gradient(115deg,var(--t-mavi-0) 0,#1B6FAA 55%,#1C72AF 85%,#1D75B3 100%);
}
.hero::before,.hero::after{content:"";position:absolute;z-index:0;pointer-events:none;border-radius:50%;inset:auto}
.hero::before{
  width:clamp(280px,44vw,640px);aspect-ratio:1;right:-22%;top:34%;
  background:radial-gradient(circle at 36% 32%,rgba(255,255,255,.12) 0,rgba(255,255,255,.07) 42%,rgba(255,255,255,.03) 70%,rgba(255,255,255,0) 71%);
  box-shadow:0 0 0 calc(var(--u)*.24) rgba(255,255,255,.03),0 0 0 calc(var(--u)*.54) rgba(255,255,255,.02);
}
.hero::after{
  width:clamp(160px,20vw,300px);aspect-ratio:1;left:-5%;bottom:-10%;
  background:radial-gradient(circle at 36% 32%,rgba(255,255,255,.1) 0,rgba(255,255,255,.04) 70%,rgba(255,255,255,0) 71%);
}
@media(max-width:959px){.hero::after{display:none}.hero::before{right:-45%;top:auto;bottom:-6%;width:240px;box-shadow:none;background:radial-gradient(circle at 36% 32%,rgba(255,255,255,.08) 0,rgba(255,255,255,.03) 70%,rgba(255,255,255,0) 71%)}}
.hero .wrap{z-index:1}
.hero .sec-row{border-top:1px solid rgba(255,255,255,.28);padding-top:18px;color:#fff;position:relative;margin-bottom:28px;justify-content:center;gap:2px 18px}
.hero .sec-row::before{content:"";position:absolute;left:50%;margin-left:-32px;top:-1px;width:64px;height:3px;background:#fff}
.hero .sec-row .aux{color:#fff}
.hero h1{color:#fff;max-width:20ch;margin-inline:auto}
.hero .lead{color:#fff;max-width:52ch;margin-inline:auto}
.hero .cta{justify-content:center}
.hero .rg{text-align:left;display:flex;flex-direction:column}
.hero .rg ul{margin-bottom:0}
.hero .rg .more{margin-top:auto;padding-top:14px}
.hero .range{align-items:stretch}
.hero :focus-visible{outline-color:#fff}
.hero .btn.pri{background:#fff;border-color:#fff;color:var(--t-mavi-0)}
.hero .btn:not(.pri){background:transparent;border-color:rgba(255,255,255,.7);color:#fff}
@media(hover:hover) and (pointer:fine){
  .hero .btn.pri:hover{background:#E6F2FA;border-color:#E6F2FA}
  .hero .btn:not(.pri):hover{border-color:#fff;background:rgba(255,255,255,.12)}
}
.hero .glass,.glass.blur{
  background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;color:#0F1F33;border-color:rgba(255,255,255,.9);
  box-shadow:0 2px 4px rgba(8,50,90,.14),0 22px 44px -18px rgba(8,50,90,.5);
}
.hero .glass :focus-visible{outline-color:var(--t-mavi-0)}

/* ============================================================
   5. DESMED ALANI (03 + 04): marka yeşili zemin, yeşil ışık daireleri, beyaz kartlar
   ============================================================ */

#saglik,#sterilizasyon{color:#fff;--rgb:255,255,255}
#saglik{
  background:
    radial-gradient(circle at 96% 38%,rgba(255,255,255,.07) 0,rgba(255,255,255,.04) calc(var(--u)*1.3),rgba(255,255,255,.025) calc(var(--u)*1.3 + 1px),rgba(255,255,255,.03) calc(var(--u)*1.9),transparent calc(var(--u)*1.9 + 1px)),
    radial-gradient(circle at 0 92%,rgba(255,255,255,.08) 0,rgba(255,255,255,.04) calc(var(--u)*.9),transparent calc(var(--u)*.9 + 1px)),
    linear-gradient(180deg,#16702E,#177532);
}
#sterilizasyon{
  background:
    radial-gradient(circle at 100% 22%,rgba(255,255,255,.07) 0,rgba(255,255,255,.04) calc(var(--u)*1.2),rgba(255,255,255,.025) calc(var(--u)*1.2 + 1px),rgba(255,255,255,.03) calc(var(--u)*1.7),transparent calc(var(--u)*1.7 + 1px)),
    radial-gradient(circle at 100% 100%,rgba(255,255,255,.08) 0,rgba(255,255,255,.04) calc(var(--u)*1.1),transparent calc(var(--u)*1.1 + 1px)),
    linear-gradient(180deg,#177532 0,#187834 100%);
}
.steril::before{display:none}
#saglik .lead,#sterilizasyon .lead{color:#fff}
#saglik>.wrap>p.d-only{color:#fff!important}
#saglik .dm-cta .btn,#sterilizasyon .s-cta .btn{background:#fff;border-color:#fff;color:var(--t-yesil-1)}
#sterilizasyon .s-cta .btn.d-only{background:transparent;border-color:rgba(255,255,255,.75);color:#fff}
@media(hover:hover) and (pointer:fine){
  #saglik .dm-cta .btn:hover,#sterilizasyon .s-cta .btn.grn:hover{background:#E8F5EC;border-color:#E8F5EC}
  #sterilizasyon .s-cta .btn.d-only:hover{background:rgba(255,255,255,.14);border-color:#fff}
}
#saglik :focus-visible,#sterilizasyon :focus-visible{outline-color:#fff}
#saglik .dmod :focus-visible,#sterilizasyon .glass :focus-visible{outline-color:var(--t-yesil-1)}

/* kartlar beyaz kalır; mobilde modüller de kart olur */
#saglik .dmod,#sterilizasyon .glass{color:#0F1F33}
#saglik .dmod{box-shadow:0 2px 4px rgba(6,50,22,.14),0 22px 44px -20px rgba(6,50,22,.55)}
#sterilizasyon .glass{box-shadow:0 2px 4px rgba(6,50,22,.14),0 22px 44px -20px rgba(6,50,22,.55);border-color:rgba(255,255,255,.9)}
@media(max-width:959px){
  #saglik .dmods{display:grid;gap:16px}
  #saglik .dmod{background:#fff;border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:20px}
  #saglik .dmod .dm-foot{margin-left:0}
}
.dmod.wide{background:linear-gradient(180deg,#E3F1E8 0,#fff 220px)}

/* sterilizasyon: akış ve metin blokları */
.steril .eyebrow{color:#fff}
.steril .flow h3{color:#fff}
.steril .flow li:not(:last-child)::after{border-color:rgba(255,255,255,.5)}
.steril .flow .dot{border-color:#fff;background:#fff;color:var(--t-yesil-1)}
.steril .info,.steril .layer{background:rgba(6,50,22,.3);border-radius:14px;padding:16px 20px}
.steril .info{border-left:3px solid #fff}
.steril .layer{border-top:0}
.steril .info h3,.steril .layer h3{color:#fff}
.steril .info p,.steril .layer p{color:#fff}
.steril .layer .k{color:#C9F0D5}
.steril .tag.ok{border-color:#b9dfc3}
.steril .mock .tag{color:var(--ink-3)}
.steril .qrn{color:var(--ink-3)}

/* gerçek saha görselleri web'de kullanılmaz */
.field{display:none!important}

/* metrik kartı: üstte 3, altta 2 eşit */
.stats .mt{grid-template-columns:repeat(2,1fr)}
.stats .mt>div:last-child{grid-column:1 / -1!important}
@media(min-width:960px){
  .stats .mt{grid-template-columns:repeat(6,1fr)}
  .stats .mt>div{grid-column:span 2}
  .stats .mt>div:nth-child(n+4){grid-column:span 3!important}
}

/* NFC kart mock'u: beyaz metin için gradyan başlangıcı koyulaştırıldı */
.nfc{background:linear-gradient(135deg,#1F78B5,#1B6EA8)}

/* iç sayfa başları: sade, açık mavi zemin ve köşe daireleri */
.sec.page-head,.sec.nf{background:var(--k1),var(--k2),var(--tint-mavi)}
.sec.page-head.phero{background:var(--k1),var(--k2),var(--tint-yesil);--rgb:35,148,74}

/* ============================================================
   6. KURUMSAL ÜRÜN ALT BÖLÜMLERİ: ürün renginde sol panel
   ============================================================ */

.prods{background:var(--tint-mavi)}
.prods>.d-only:first-child{background:var(--tint-mavi)!important}
.prod{position:relative;border-top:0;background:transparent}
.prod::before{content:"";position:absolute;z-index:1;left:0;top:0;bottom:0;width:4px;background:var(--acc)}
.prod:not(.alt){background:color-mix(in srgb,var(--acc) 5%,#fff)}
.prod.alt{background:#fff}
@media(min-width:960px){
  .prod,.prod.alt{padding-block:var(--sp-sec);overflow:hidden}
  .prod::before{width:16px}
  .prod::after{content:"";position:absolute;right:calc(var(--u)*-.8);bottom:calc(var(--u)*-.8);width:calc(var(--u)*2.2);aspect-ratio:1;border-radius:50%;pointer-events:none;
    background:radial-gradient(circle,color-mix(in srgb,var(--acc) 10%,transparent) 0,color-mix(in srgb,var(--acc) 5%,transparent) 99%,transparent 100%)}
  .prod .wrap{position:relative;z-index:1}
  .prod .sec-row{padding-left:0}
}
.prod-trig{padding-left:4px}
.prod-trig img{border-radius:10px}

/* ============================================================
   7. KARTLAR, ROZET, KÜÇÜK DOKUNUŞLAR
   ============================================================ */

.tag{background:#fff}
.sec:not(.hero):not(#saglik):not(#sterilizasyon) .glass{border-color:rgba(15,31,51,.08)}
.why li,.steps li{border-color:rgba(15,31,51,.1)}
.sec-row{font-family:var(--mono)}
.btn.pri{background:linear-gradient(100deg,var(--t-mavi-1),#1B6EA8)}
@media(hover:hover) and (pointer:fine){.btn.pri:hover{background:var(--blue-d)}}
.hero .btn.pri{background:#fff}
@media(hover:hover) and (pointer:fine){.hero .btn.pri:hover{background:#E6F2FA}}
.foot{background:#fff linear-gradient(90deg,var(--t-mavi-1),var(--t-mavi-2)) 0 0/100% 4px no-repeat;border-top:0}

@media print{
  .t-band::before,.hero,.sec{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* ============================================================
   8. HERO RİTMİ VE DESMED -> KURUMSAL GEÇİŞİ
   ============================================================ */

.sec.hero{padding-top:64px}
.hero .lead{margin-top:20px;max-width:60ch;line-height:1.6}
.hero .cta{margin-top:28px}
.hero .range{margin-top:40px}
@media(min-width:960px){
  .sec.hero{padding-top:96px}
  .hero .lead{margin-top:28px}
  .hero .cta{margin-top:40px}
  .hero .range{margin-top:64px}
}

.corp-intro{border-top:0;padding-top:calc(var(--sp-sec) + 32px);padding-bottom:20px;overflow:hidden}
.corp-intro::before{content:"";position:absolute;top:0;left:-10vw;right:-10vw;height:40px;background:#187834;border-radius:0 0 50% 50% / 0 0 100% 100%}
#kurumsal.corp-intro{background:linear-gradient(var(--tint-mavi),#fff)}
.corp-intro+.prods>.d-only:first-child{display:none}
.corp-label{max-width:none!important;width:100%;font:500 .75rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-t);text-align:center;margin:0}
@media(min-width:960px){
  .corp-intro{padding-top:calc(var(--sp-sec) + 56px);padding-bottom:0}
  .corp-intro::before{height:56px}
  .corp-label{font-size:.8125rem;font-family:var(--mono);font-weight:500;line-height:1.4}
}

/* DESERP: logo rengi kırmızı */
:root{--c-deserp:#D32446;--c-deserp-t:#B71A3D;--c-deserp-grad:linear-gradient(135deg,#F33051,#8E0F2E)}
#deserp .stt{color:var(--c-deserp-t);background:color-mix(in srgb,var(--c-deserp) 8%,#fff);border-color:color-mix(in srgb,var(--c-deserp) 28%,#fff)}

/* ============================================================
   9. HERO SIKI DÜZEN VE REFERANS ŞERİDİ
   ============================================================ */

.sec.hero{padding-top:36px;padding-bottom:40px}
.hero .sec-row{padding-top:14px;margin-bottom:22px}
@media(min-width:960px){
  .sec.hero{padding-top:40px;padding-bottom:28px}
  .hero .sec-row{padding-top:16px;margin-bottom:24px}
  .hero h1{max-width:34ch;font-size:clamp(2.5rem,3.5vw,3.5rem)}
  .hero .lead{max-width:76ch}
  .hero .range{margin-top:30px}
  .hero .rg{padding:14px 24px}
  .hero .rg ul{margin-top:8px;gap:1px;font-size:.9375rem;line-height:1.45}
  .hero .rg .more{padding-top:10px}
}

.refbar{background:#fff;border-bottom:1px solid var(--line-2);padding-block:18px 20px}
.refbar-in{display:flex;flex-direction:column;align-items:center;gap:12px}
.refbar-k{flex:none;font:500 .75rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);text-align:center}
.refbar-l{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:20px 56px}
.refbar-l li{display:flex;align-items:center}
.refbar-l .ref-a{display:block;border-radius:6px;padding:4px}
.refbar-l .ref-a:focus-visible{outline:2px solid var(--blue-t);outline-offset:3px}
.refbar-l img{display:block;height:var(--h,28px);width:auto;max-width:220px}
.refbar-in .refbar-l{width:100%;justify-content:center;flex-wrap:wrap}
@media (hover:hover) and (pointer:fine){
  .refbar-l img{transition:filter 200ms ease,opacity 200ms ease}
  .refbar-l .ref-a:hover img{filter:grayscale(1);opacity:.6}
}
@media(prefers-reduced-motion:reduce){.refbar-l img{transition:none}}
@media (max-width:760px){
  .refbar{padding-block:16px 18px}
  .refbar-in{gap:10px}
  .refbar-in .refbar-l{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:32px;padding-bottom:4px;scrollbar-width:thin}
  .refbar-l li{flex:none;scroll-snap-align:start}
  .refbar-l img{height:calc(var(--h,28px) * .85)}
}
.refs-logos .refbar-l img{height:calc(var(--h,28px) * .7)}

/* referans şeridinden sonra "Neden Biz" ilk ekranda görünsün */
.refbar+#neden{padding-top:32px}
@media(min-width:960px){.refbar+#neden{padding-top:24px}}

/* ============================================================
   HERO ZEMİNİ: V5 "Kurumsal Derinlik" (derin lacivert gradyan + ince çapraz çizgi)
   Yerleşim aynı; yalnızca zemin, ışık daireleri ve vurgu tonları değişir.
   ============================================================ */
.sec.hero{background:url(../img/desen/capraz.svg),linear-gradient(160deg,#0F2C4A 0%,#16456F 100%)}
.hero::before,.hero::after{display:none}
.hero .sec-row{border-top-color:rgba(255,255,255,.2);color:#9CCDF2}
.hero .sec-row::before{background:#298CCB}
.hero .sec-row .aux{color:#C9D9EA}
.hero .lead{color:#E4ECF4}
.hero :focus-visible{outline-color:#A9D8FA}
.hero .btn.pri{color:#0F2C4A}
.hero .btn:not(.pri){border-color:rgba(255,255,255,.55)}
@media(hover:hover) and (pointer:fine){
  .hero .btn.pri:hover{background:#E4EDF6;border-color:#E4EDF6}
  .hero .btn:not(.pri):hover{border-color:#fff;background:rgba(255,255,255,.08)}
}
.hero .glass{box-shadow:0 2px 4px rgba(4,16,30,.16),0 22px 44px -18px rgba(4,16,30,.55)}

/* Daha kurumsal köşe yuvarlaklıkları: hero ve üst bar butonları, hero kartları */
.hdr-cta,.hero .cta .btn,.page-head .cta .btn,.drawer .dr-foot .btn{border-radius:10px}
.hero .rg{border-radius:10px}

/* ============================================================
   HERO: H2C "Renkli seçici" (2 sekme: DESMED / Kurumsal Çözümler)
   Başlık + segment + panel. Etiket satırı, açıklama paragrafı ve hero butonları yok.
   ============================================================ */
.sec.hero{padding-top:40px;padding-bottom:36px}
.hero h1{margin-top:0;max-width:none;text-wrap:balance;font-size:clamp(2rem,8.4vw,2.375rem);line-height:1.12}
.hero .svc{margin-top:26px}
@media(min-width:960px){
  .sec.hero{padding-top:64px;padding-bottom:56px}
  .hero h1{font-size:clamp(2.5rem,3.5vw,3.5rem);line-height:1.08}
  .hero .svc{margin-top:36px}
}

.hero .svc{margin-inline:auto;max-width:1040px;text-align:center;color:#0F1F33}
.seg{position:relative;display:inline-grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:0;padding:4px;margin:0 auto;border:1px solid rgba(255,255,255,.34);border-radius:10px;background:rgba(255,255,255,.06)}
.seg-thumb{position:absolute;top:4px;left:0;height:calc(100% - 8px);width:0;border-radius:7px;background:#fff;pointer-events:none;opacity:0;transform:translateX(0)}
.is-js .seg-thumb{opacity:1;transition:transform 180ms cubic-bezier(.3,.7,.2,1),width 180ms cubic-bezier(.3,.7,.2,1)}
.seg-tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:6px 24px;border-radius:7px;text-decoration:none;color:rgba(255,255,255,.86);font:600 .9375rem/1.2 var(--head,Sora,sans-serif);cursor:pointer;white-space:nowrap;transition:color 160ms,background-color 160ms}
.seg-tab img{display:block;flex:none;border-radius:50%}
.svc:not(.is-js) .seg-tab:first-of-type{background:#fff;color:#0F1F33}
.seg-tab[aria-selected=true]{color:#0F1F33}
@media(hover:hover) and (pointer:fine){.seg-tab[aria-selected=false]:hover{background:rgba(255,255,255,.16);color:#fff}}
.seg-tab:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #298CCB}
.seg-pair{display:flex;align-items:center;flex:none}
.seg-badge{width:24px;height:24px;margin-left:-6px;border-radius:50%;display:grid;place-items:center;background:#E9F6EC;color:#1A7F37;border:2px solid #fff;box-sizing:border-box;box-shadow:0 0 0 1px rgba(15,44,74,.25)}
.seg-badge .ico{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.seg-stack{display:flex;flex:none}
.seg-stack img{width:20px;height:20px;border:2px solid #fff;box-sizing:content-box;margin-left:-8px;background:#fff}
.seg-stack img:first-child{margin-left:0}

.svc-panels{display:grid;margin-top:10px}
.svc-panel{grid-area:1/1;position:relative;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:stretch;text-align:left;padding:16px 22px 12px;background:#fff;border-radius:10px;overflow:hidden;border-top:4px solid #298CCB;box-shadow:0 2px 4px rgba(8,50,90,.14),0 18px 36px -18px rgba(8,50,90,.45)}
.svc-panel.g{border-top-color:#2EA44A}.svc-panel.b{border-top-color:#298CCB}
.svc-main{display:flex;flex-direction:column;align-items:flex-start;gap:8px;justify-content:center}
.svc-big{display:block;width:48px;height:48px;border-radius:50%}
.svc-bigic{background:#fff;position:relative}
.svc-bigst{display:flex;width:auto;height:48px;align-items:center;border-radius:0}
.svc-bigst img{width:34px;height:34px;border:2px solid #fff;margin-left:-8px;background:#fff;border-radius:50%;box-sizing:content-box}
.svc-bigst img:first-child{margin-left:0}
.svc-h{font:700 1.375rem/1.2 var(--head,Sora,sans-serif);margin:2px 0 0;color:#0F1F33;letter-spacing:0}
.svc-lead{font-size:.9375rem;line-height:1.45;font-weight:500;margin:0;color:#364559;max-width:32ch}
.svc-more{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-weight:600;text-decoration:none;margin-top:-4px}
.svc-panel.g .svc-more{color:#1A7F37}.svc-panel.b .svc-more{color:#1F6FA6}
.svc-more .ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover) and (pointer:fine){.svc-more:hover{text-decoration:underline}}
.svc-more:focus-visible,.fc:focus-visible,.svc-foot a:focus-visible{outline:3px solid #298CCB;outline-offset:2px}

.svc-side{display:flex;flex-direction:column;gap:12px;justify-content:center;min-width:0}
.fc-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.fc{display:flex;flex-direction:column;align-items:flex-start;gap:4px;height:100%;box-sizing:border-box;padding:12px 14px;background:#F4F7FA;border:1px solid #DCE3EB;border-radius:10px;text-decoration:none;color:#0F1F33;transition:border-color 160ms,background-color 160ms}
.fc-i{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.svc-panel.g .fc-i{color:#1A7F37}.svc-panel.b .fc-i{color:#1F6FA6}
.fc-logo{display:block;width:28px;height:28px;border-radius:50%;margin-bottom:4px}
.fc b{font:700 .9375rem/1.3 var(--head,Sora,sans-serif)}
.fc span{font-size:.8125rem;line-height:1.4;color:#455468}
@media(hover:hover) and (pointer:fine){.fc:hover{background:#fff;border-color:#298CCB}.svc-panel.g .fc:hover{border-color:#2EA44A}}
.svc-foot{margin:0;font-size:.8125rem;line-height:1.4;color:#455468;min-height:20px;display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center}
.svc-foot i{font-style:normal;color:#8A97A8}
.svc-foot a{display:inline-flex;align-items:center;min-height:24px;color:#1F6FA6;font-weight:600;text-decoration:none}
@media(hover:hover) and (pointer:fine){.svc-foot a:hover{text-decoration:underline}}

/* JS yok: yalnızca ilk panel görünür, sekmeler bağlantı olarak çalışır */
.svc:not(.is-js) .svc-panel:not(:first-child){display:none}
.is-js .svc-panel{opacity:0;visibility:hidden}
.is-js .svc-panel.on{opacity:1;visibility:visible;transition:opacity 160ms ease-out}
@media(prefers-reduced-motion:reduce){.is-js .svc-panel.on,.is-js .seg-thumb,.seg-tab,.fc{transition:none}}

@media(max-width:959px){
 .hero .svc{margin-top:18px}
 .seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;box-sizing:border-box}
 .seg-tab{flex-direction:column;gap:4px;padding:8px 4px;min-height:64px;font-size:.8125rem;white-space:normal;text-align:center}
 .svc-panels{margin-top:10px}
 .svc-panel{grid-template-columns:1fr;gap:0;padding:16px 16px 6px}
 .svc-main{gap:4px}
 .svc-big{width:40px;height:40px}.svc-bigst{height:40px}.svc-bigst img{width:28px;height:28px}
 .svc-h{font-size:1.125rem}
 .svc-lead{max-width:none}
}

/* Dijital katalog (PDF) bağlantıları */
.dl-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:6px;font-weight:600;color:var(--blue-t);text-decoration:none}
.dl-link .ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dl-link small{font-size:.8125rem;font-weight:500;color:var(--ink-3)}
@media(hover:hover) and (pointer:fine){.dl-link:hover span{text-decoration:underline}}
.foot li a[download]{overflow-wrap:anywhere}
#saglik .dm-cta{display:flex;flex-wrap:wrap;gap:12px}
#saglik .dm-cta .btn.dl{gap:8px;background:transparent;border-color:rgba(255,255,255,.75);color:#fff}
#saglik .dm-cta .btn.dl .ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover) and (pointer:fine){#saglik .dm-cta .btn.dl:hover{background:rgba(255,255,255,.14);border-color:#fff}}

/* ============================================================
   MOBİL UYUM (AŞAMA 2)
   ============================================================ */

/* Referans şeridi (refbar + Güven/Hakkımızda .refs-logos): kenardan kenara, kenarı solgun, kaydırılabilir */
.refs-logos{min-width:0;max-width:100%}
@media (max-width:760px){
  .refs-logos{display:block;width:100%}
  .refs-logos b{display:block;margin-bottom:6px}
  .refbar-in .refbar-l,.refs-logos .refbar-l{
    flex-wrap:nowrap;justify-content:flex-start;gap:20px;
    width:calc(100% + 40px);max-width:none;margin-inline:-20px;padding:4px 20px 6px;
    overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;scroll-padding-inline:20px;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 36px),transparent 100%);
            mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 36px),transparent 100%);
  }
  .refs-logos .refbar-l{width:calc(100% + 28px);margin-inline:-14px;padding-inline:14px;scroll-padding-inline:14px}
  .refbar-l::-webkit-scrollbar{display:none}
  .refbar-l li{flex:none;scroll-snap-align:start}
  .refbar-l .ref-a{display:flex;align-items:center;min-height:44px}
  .refbar-in .refbar-l img{height:calc(var(--h,28px) * .8)}
  .refbar-l.is-marquee{scroll-snap-type:none}
}

/* Dokunma hedefleri >= 44 px */
@media (max-width:959px){
  .foot li a{padding:10px 0}
  address.addr a{display:inline-block;padding:10px 0}
  .cookie p a{display:inline-block;padding:12px 4px;margin:-12px -4px}
  .crumb a{padding-inline:8px}
  .hdr .logo{padding-block:11px;margin-block:-11px}
  .drawer .lang a{min-width:44px;justify-content:center}
  .svc-more{min-height:44px;margin-top:-6px}
  .svc-foot a{min-height:44px}
  .dl-link{min-height:44px}
}

/* Çerez bandı: küçük ekranda daha sıkı; sayfa sonunda footer bandın altında kalmasın */
@media (max-width:959px){
  body:has(.cookie:not([hidden])) .foot{padding-bottom:calc(var(--cookie-h,176px) + 24px)}
  .cookie{padding:12px 14px;gap:8px}
}

/* 10-11 px mono etiketler mobilde 12 px */
@media (max-width:959px){
  .tag,.mock .mh,.mini .mh,.alet .ft,.layer .k,.stats dt,.stt,.foot h4,.ps-col .k,.toc .toc-k,.mod .top,.card .k,.nf-links .toc-k,.dmod .dm-top{font-size:.75rem}
  .qrn{font-size:.6875rem}
}