/* Nous Hair Clinic. Mobil öncelikli; yön için yalnız mantıksal özellikler (RTL/LTR). */
@font-face{font-family:Tajawal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-400.woff2) format("woff2")}
@font-face{font-family:Tajawal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-700.woff2) format("woff2")}
@font-face{font-family:Tajawal;font-weight:800;font-display:swap;src:url(/fonts/tajawal-800.woff2) format("woff2")}
@font-face{font-family:Figtree;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-latin-ext.woff2) format("woff2");unicode-range:U+0100-0130,U+0132-02BA,U+1E00-1EFF,U+2C60-2C7F}
@font-face{font-family:"Libre Baskerville";font-weight:700;font-display:swap;src:url(/fonts/baskerville-700.woff2) format("woff2")}

:root{
  --gece:#071A3D;--lacivert:#0B2350;--derin:#123A7A;--mavi:#1565C0;--gok:#3FA9F5;--acik:#9FD8FF;
  --buz:#E6F3FC;--kagit:#F5F9FD;--beyaz:#fff;--soluk:#44557A;--cizgi:#D3E2F0;--yesil:#0A7A4C;--yesil-k:#08603C;
  --r:14px;--r-b:22px;--yazi:Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--baslik:"Libre Baskerville",Georgia,serif;--sat:1.65;--bs:1.25;
}
html[lang=ar]{--yazi:Tajawal,"Segoe UI",Tahoma,Arial,sans-serif;--baslik:Tajawal,"Segoe UI",Tahoma,Arial,sans-serif;--sat:1.85;--bs:1.3}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--beyaz);color:var(--lacivert);font-family:var(--yazi);font-size:1.0625rem;line-height:var(--sat);overflow-wrap:break-word;padding-block-end:68px}
img,video,svg{display:block;max-width:100%}
img,video{height:auto}
h1,h2,h3{font-family:var(--baslik);line-height:var(--bs);margin:0;font-weight:800}
html:not([lang=ar]) h1,html:not([lang=ar]) h2{font-weight:700;letter-spacing:-.01em}
p{margin:0 0 1em}
a{color:var(--mavi);text-underline-offset:3px}
a:hover{color:var(--derin)}
ul,ol{margin:0;padding:0}
.ik{width:1.4em;height:1.4em;flex:none}
html[dir=rtl] .ok-y{transform:scaleX(-1);transform-origin:center}
.num{font-feature-settings:"tnum";white-space:nowrap}
:focus-visible{outline:3px solid var(--gok);outline-offset:3px;border-radius:4px}
.atla{position:absolute;inset-inline-start:12px;top:-60px;background:var(--lacivert);color:#fff;padding:10px 16px;border-radius:8px;z-index:60}
.atla:focus{top:10px;color:#fff}

/* Üst bilgi */
.bas{background:var(--beyaz);border-block-end:1px solid var(--cizgi);position:relative;z-index:30}
.bas-i{max-width:76rem;margin-inline:auto;padding:8px 16px;display:flex;align-items:center;gap:12px;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--lacivert);min-height:48px}
.logo img{border-radius:50%}
.logo span{display:flex;flex-direction:column;line-height:1.15}
.logo strong{font-family:"Libre Baskerville",Georgia,serif;font-size:1.15rem;letter-spacing:.12em}
.logo small{font-size:.78rem;color:var(--soluk)}
.bas-s{display:flex;align-items:center;gap:6px}
.dil{display:flex;font-size:.82rem;gap:2px}
.dil a,.dil span{padding:6px 7px;border-radius:8px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.dil a{color:var(--mavi)}
.dil a:hover{background:var(--buz)}
.dil span{color:var(--soluk);font-weight:700}
@media (max-width:420px){.logo small{display:none}.dil{font-size:.76rem}.dil a,.dil span{padding-inline:4px}.logo{gap:6px}.logo img{width:42px;height:42px}}
.ust-nav{display:none}
.menu{position:static}
.menu summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:44px;min-width:44px;justify-content:center;cursor:pointer;border:1px solid var(--cizgi);border-radius:10px;padding-inline:8px}
.menu summary::-webkit-details-marker,.acilir summary::-webkit-details-marker{display:none}
.menu summary span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.menu nav{position:absolute;inset-inline:0;top:100%;background:var(--beyaz);border-block-end:3px solid var(--mavi);box-shadow:0 18px 30px rgb(7 26 61/.18);max-height:calc(100vh - 140px);overflow-y:auto}
.menu ul{list-style:none;padding:6px 16px 14px}
.menu li a{display:block;padding:11px 4px;color:var(--lacivert);text-decoration:none;border-block-end:1px solid var(--kagit)}
.menu li a[aria-current]{color:var(--mavi);font-weight:700}
@media (min-width:1100px){
  .menu{display:none}
  .ust-nav{display:block;flex:1}
  .ust-nav>ul{list-style:none;display:flex;gap:2px;justify-content:center;align-items:center;font-size:.94rem}
  .ust-nav a,.acilir summary{display:block;padding:9px 10px;border-radius:8px;color:var(--lacivert);text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap}
  .ust-nav a:hover,.acilir summary:hover{background:var(--buz)}
  .ust-nav a[aria-current]{color:var(--mavi);font-weight:700}
  .acilir{position:relative}
  .acilir summary::after{content:"";display:inline-block;width:.45em;height:.45em;border-block-end:2px solid;border-inline-end:2px solid;transform:rotate(45deg);margin-inline-start:.5em;vertical-align:.15em}
  .acilir ul{list-style:none;position:absolute;inset-inline-start:0;top:calc(100% + 6px);background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);padding:8px;min-width:270px;box-shadow:0 18px 30px rgb(7 26 61/.16)}
}

/* Kahraman */
.kh{background:radial-gradient(120% 120% at 70% 0,var(--derin),var(--gece));color:#EAF3FC;position:relative;padding-block-end:56px;overflow:hidden}
.kh::before{content:"";position:absolute;inset-block-start:-60px;inset-inline-end:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,rgb(124 200 255/.28),transparent);pointer-events:none}
.kh-i{max-width:76rem;margin-inline:auto;padding:22px 16px 18px;position:relative;z-index:1}
.kh-i.dar{max-width:52rem}
.kh h1{color:#fff;font-size:clamp(1.65rem,1.1rem + 2.6vw,2.7rem);margin-block-end:.45em}
.kh .ozet{font-size:1.06rem;color:#EAF3FC;max-width:44rem;border-inline-start:3px solid var(--gok);padding-inline-start:14px}
.guncel{font-size:.85rem;color:#C7DCF2;margin:12px 0 0}
.rozet{display:inline-block;background:rgb(255 255 255/.12);border:1px solid rgb(159 216 255/.45);color:#fff;border-radius:99px;padding:5px 14px;font-weight:700;font-size:.92rem;margin-block-end:12px}
.kh-ana h1{font-size:clamp(1.95rem,1.2rem + 3.6vw,3.5rem)}
.kh-f{margin:22px 0 0;max-width:440px}
.kh-f img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:200px 200px var(--r-b) var(--r-b);border:3px solid rgb(159 216 255/.55)}
@media (max-width:899px){.kh-f img{aspect-ratio:1/1;object-position:50% 20%}.kh-f{margin-inline:auto}}
@media (min-width:900px){
  .kh-ana .kh-i{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:center;padding-block:44px 34px}
  .kh-f{margin:0}
}
.dalga{position:absolute;inset-inline:0;bottom:-1px;width:100%;height:46px}
.dalga .d1{fill:var(--acik);opacity:.65}
.dalga .d2{fill:var(--beyaz)}
.kirinti{font-size:.86rem;margin-block-end:12px}
.kirinti ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px}
.kirinti li+li::before{content:"/";margin-inline-end:8px;color:var(--acik)}
.kirinti a{color:#DCEBFB}
.kirinti [aria-current]{color:#fff}

/* WhatsApp düğmeleri */
.wa-ikili{display:grid;gap:10px;margin-block-start:16px}
@media (min-width:600px){.wa-ikili{grid-template-columns:repeat(2,minmax(0,max-content))}}
.dg{display:inline-flex;align-items:center;gap:10px;border-radius:12px;padding:9px 16px;min-height:52px;text-decoration:none;font-weight:700;transition:transform .15s}
.dg:hover{transform:translateY(-2px)}
.dg-wa{background:var(--yesil);color:#fff}
.dg-wa:hover{background:var(--yesil-k);color:#fff}
.dg-m{display:flex;flex-direction:column;line-height:1.25;font-size:.95rem}
.dg-m .num{font-weight:400;font-size:.92rem}
.dg-cizgi{border:1.5px solid var(--mavi);color:var(--mavi);background:var(--beyaz)}
.kisa{min-height:46px;padding-block:6px;font-size:.95rem}

/* Gövde */
.govde{padding:18px 16px 40px;display:flex;flex-direction:column}
.govde>*{width:100%;max-width:46rem;margin-inline:auto}
.govde>.genis{max-width:72rem}
.govde>h2{font-size:clamp(1.35rem,1.1rem + 1.2vw,1.85rem);margin-block:1.7em .6em;position:relative;padding-block-start:14px}
.govde>h2::before{content:"";position:absolute;top:0;inset-inline-start:0;width:56px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gok),var(--mavi))}
.govde>ul:not(.genis){padding-inline-start:1.3em;margin-block-end:1em}
.govde>ul:not(.genis) li{margin-block-end:.35em}
.not{background:var(--buz);border-inline-start:4px solid var(--mavi);padding:12px 14px;border-radius:8px;font-size:.98rem}
.tablo{overflow-x:auto;margin-block:.5em 1.4em;border:1px solid var(--cizgi);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.5}
th,td{padding:10px 12px;text-align:start;vertical-align:top;border-block-end:1px solid var(--cizgi)}
tbody tr:last-child>*{border-block-end:0}
thead th,thead td{background:var(--lacivert);color:#fff}
tbody th{font-weight:700;background:var(--kagit);min-width:6.5em}
@media (max-width:480px){th,td{padding:8px;font-size:.88rem;hyphens:auto}tbody th{min-width:0}}

/* Güven */
.guven{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:var(--kagit);border:1px solid var(--cizgi);border-radius:var(--r-b);padding:16px;margin-block-end:8px}
.guven li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-weight:700;font-size:.96rem;line-height:1.35}
@media (min-width:768px){.guven{grid-template-columns:repeat(4,1fr)}}
.yuvar{width:52px;height:52px;border-radius:50%;background:var(--buz);display:grid;place-items:center;color:var(--lacivert);flex:none}
.yuvar .ik{width:28px;height:28px}
.yuvar.koyu{background:var(--mavi);color:#fff}

/* Hizmetler */
.hizmetler{list-style:none;display:grid;gap:10px}
@media (min-width:768px){.hizmetler{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hz{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--cizgi);border-radius:var(--r);color:var(--lacivert);text-decoration:none;background:var(--beyaz);height:100%;transition:transform .15s}
.hz:hover{transform:translateY(-3px);color:var(--lacivert);border-color:var(--gok)}
.hz-m{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.45}
.hz-m span{font-size:.93rem;color:var(--soluk)}
.ok{color:var(--mavi)}

/* Adımlar: saç teli çizgisi */
.adimlar{list-style:none;counter-reset:a;position:relative;margin-block:.4em 1.2em;padding-inline-start:44px}
.adimlar::before{content:"";position:absolute;inset-block:8px;inset-inline-start:16px;width:3px;border-radius:3px;background:linear-gradient(var(--gok),var(--mavi),var(--lacivert))}
.adimlar li{counter-increment:a;position:relative;padding-block-end:16px;display:flex;flex-direction:column;line-height:1.55}
.adimlar li::before{content:counter(a);position:absolute;inset-inline-start:-44px;top:0;width:35px;height:35px;border-radius:50% 50% 50% 12%;background:var(--lacivert);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.92rem}
.adimlar span{color:var(--soluk)}
.iki{display:grid;gap:20px;align-items:center}
@media (min-width:900px){.iki{grid-template-columns:minmax(0,1fr) 400px;gap:48px}}
.sekil{margin-block:.4em 1.4em}
.sekil img{width:min(100%,460px);aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-b);margin-inline:auto}
.sekil figcaption,.video figcaption{font-size:.88rem;color:var(--soluk);text-align:center;margin-block-start:8px;line-height:1.45}
@media (max-width:899px){.sekil.yan img{aspect-ratio:4/3;object-position:50% 40%}}

/* Fotoğraf gönder */
.foto{background:var(--buz);border-radius:var(--r-b);padding:20px 16px;margin-block:26px}
.foto h2{font-size:clamp(1.3rem,1.1rem + 1vw,1.7rem);margin-block-end:.4em}
.foto-l{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block:10px 4px}
.foto-l li{background:var(--beyaz);border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.84rem;font-weight:700;text-align:center;line-height:1.25}
.foto-l .ik{width:34px;height:34px;color:var(--mavi)}
@media (min-width:900px){.foto{padding:30px 34px}.foto-l{max-width:34rem}}

/* CTA */
.cta{background:radial-gradient(120% 140% at 80% 0,var(--derin),var(--gece));color:#EAF3FC;border-radius:var(--r-b);padding:22px 18px;margin-block:30px 16px}
.cta p{margin:0}
.cta-b{font-family:var(--baslik);font-weight:800;font-size:1.32rem;color:#fff;margin-block-end:6px!important;line-height:1.3}
@media (min-width:900px){.cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:28px 34px}.cta .wa-ikili{margin:0;grid-template-columns:auto}}

/* Sorular */
.sorular{display:grid;gap:8px;margin-block:.3em 1.2em}
.soru{border:1px solid var(--cizgi);border-radius:12px;background:var(--beyaz)}
.soru summary{cursor:pointer;padding:12px 14px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;min-height:48px}
.soru summary::-webkit-details-marker{display:none}
.soru summary::after{content:"+";font-weight:700;font-size:1.3rem;line-height:1.2;color:var(--mavi);flex:none}
.soru[open] summary::after{content:"\2212"}
.soru h3{font-family:var(--yazi);font-size:1.02rem;font-weight:700;line-height:1.45}
.soru p{padding:0 14px 12px;margin:0}

/* Vaka kareleri */
.kareler{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;counter-reset:k}
@media (min-width:768px){.kareler{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.kareler{grid-template-columns:repeat(5,1fr)}}
.kareler figure,.temsili figure{margin:0}
.kareler img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:var(--buz)}
.kareler figcaption{font-size:.86rem;line-height:1.35;margin-block-start:6px;font-weight:700}
.video{margin-block:.5em 1.4em}
.video video{width:min(100%,340px);aspect-ratio:9/16;background:var(--gece);border-radius:var(--r);margin-inline:auto}
.temsili{display:grid;gap:14px}
@media (min-width:768px){.temsili{grid-template-columns:repeat(2,minmax(0,1fr))}}
.temsili img{width:100%;border-radius:12px}
.temsili figcaption{font-size:.93rem;margin-block-start:6px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.etiket{background:var(--buz);color:var(--lacivert);border-radius:99px;padding:1px 10px;font-size:.8rem;font-weight:700}

/* Kimlik ve iletişim */
.kimlik{margin:0 0 1em;border:1px solid var(--cizgi);border-radius:var(--r)}
.kimlik div{padding:10px 14px;border-block-end:1px solid var(--cizgi)}
.kimlik div:last-child{border:0}
.kimlik dt{font-weight:700;font-size:.88rem;color:var(--soluk)}
.kimlik dd{margin:0}
.kartlar{display:grid;gap:12px;margin-block-end:12px}
@media (min-width:768px){.kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kart{border:1px solid var(--cizgi);border-radius:var(--r);padding:16px}
.kart p{margin-block-end:.5em}
.k-b{font-weight:700;color:var(--soluk);font-size:.9rem}
.k-n{font-size:1.3rem;font-weight:700}
.k-a{display:flex;flex-wrap:wrap;gap:8px}
.rehberler{list-style:none;display:grid;gap:12px}
@media (min-width:768px){.rehberler{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rehber{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--cizgi);border-radius:var(--r);color:var(--lacivert);text-decoration:none;height:100%;line-height:1.5;transition:transform .15s}
.rehber:hover{transform:translateY(-3px);color:var(--lacivert);border-color:var(--gok)}
.rehber strong{font-size:1.1rem}
.rehber span{color:var(--soluk);font-size:.94rem}
.ilgili{margin-block-start:22px}
.ilgili-b{font-weight:800;margin-block-end:8px}
.ilgili ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.ilgili a{display:inline-flex;align-items:center;gap:8px;background:var(--kagit);border:1px solid var(--cizgi);border-radius:99px;padding:8px 14px;min-height:44px;text-decoration:none}
.ilgili .ik{width:1em;height:1em}
.kaynak{margin-block-start:26px;border-block-start:1px solid var(--cizgi);padding-block-start:14px;font-size:.92rem}
.kaynak h2{font-size:1.05rem;margin-block-end:6px;font-family:var(--yazi)}
.kaynak ul{padding-inline-start:1.2em}
.kaynak li{margin-block-end:.5em}
.kaynak a{display:inline-block;min-height:24px}

/* Alt bilgi */
.alt{background:var(--gece);color:#CFE0F3;font-size:.94rem;line-height:1.6}
.alt a{color:#EAF3FC;text-decoration:none;display:inline-block;padding-block:5px;min-height:30px}
.alt a:hover{text-decoration:underline;color:#fff}
.alt ul{list-style:none}
.alt-i{max-width:76rem;margin-inline:auto;padding:30px 16px 8px;display:grid;gap:22px}
@media (min-width:600px){.alt-i{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.alt-i{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.alt-ad{display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;font-size:1.1rem}
.alt-ad img{border-radius:50%}
.alt-ad span{display:flex;flex-direction:column;line-height:1.3}
.alt-ad small{font-weight:400;font-size:.86rem;color:#CFE0F3}
.alt-b{color:var(--acik);font-weight:700;margin:12px 0 2px}
.alt-i>div>.alt-b:first-child{margin-block-start:0}
.alt p{margin-block-end:.3em}
.alt-s{max-width:76rem;margin-inline:auto;padding:14px 16px 24px;border-block-start:1px solid rgb(159 216 255/.22);font-size:.86rem}
.cerez-b{background:none;border:0;color:#EAF3FC;text-decoration:underline;cursor:pointer;font:inherit;padding:8px 0;min-height:36px}

/* Alt çubuk */
.cubuk{position:fixed;inset-inline:0;bottom:0;background:var(--beyaz);border-block-start:1px solid var(--cizgi);display:flex;gap:8px;padding:8px 10px;z-index:40;align-items:center;box-shadow:0 -6px 18px rgb(7 26 61/.12)}
.cubuk-e{display:none}
.wa-c{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--yesil);color:#fff;border-radius:10px;min-height:50px;text-decoration:none;font-weight:700;font-size:.98rem}
.wa-c:hover{background:var(--yesil-k);color:#fff}
@media (min-width:1500px){
  body{padding-block-end:0}
  .cubuk{inset-inline:auto 18px;bottom:18px;width:auto;border:1px solid var(--cizgi);border-radius:14px;flex-direction:column;padding:10px;align-items:stretch}
  .cubuk-e{display:block;text-align:center;font-weight:700;font-size:.86rem}
  .wa-c{padding-inline:14px;min-height:44px;font-size:.92rem}
}

/* Çerez penceresi */
.cerez{position:fixed;inset-inline:10px;bottom:76px;z-index:50;background:var(--beyaz);color:var(--lacivert);border:1px solid var(--cizgi);border-radius:var(--r);padding:12px 14px;box-shadow:0 10px 34px rgb(7 26 61/.3);font-size:.9rem;line-height:1.45;max-width:30rem}
.cerez p{margin:0 0 8px}
.cerez-a{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cerez-a button{min-height:44px;border-radius:10px;border:1.5px solid var(--lacivert);background:var(--beyaz);color:var(--lacivert);font:inherit;font-weight:700;cursor:pointer}
.cerez-a button:hover{background:var(--buz)}
@media (min-width:1500px){.cerez{inset-inline:18px auto;bottom:18px}}

/* 404 */
.b404{padding:32px 16px;background:var(--kagit)}
.b404 main{max-width:34rem;margin-inline:auto;display:grid;gap:18px;justify-items:center;text-align:center}
.b404 h1,.b404 h2{font-size:1.45rem}
.b404 img{border-radius:50%}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}