/* Aesthio tanıtım sitesi · ortak katman (ana sayfa ve SEO sayfaları). Nasıl kullanılır: ORTAK.md.
   Görünüş C, panelle aynı aile: aynı oda (alacakaranlık), buzlu cam, Geist + Geist Mono + Bodoni Moda italik.
   Palet logodan (logolar-2/aesthio/tur5/secim/renk.json): orkide #B03CF0 ana, nane #5EF2C8 vurgu, şeftali sıcak ikinci renk.
   Kurallar: fotoğrafın doğrudan üstünde yazı ya da düğme yok (yazı camda); fotoğrafın üstüne karartma katmanı yok;
   cam öğelerde filter:blur geçişi/canlandırması yok (WebKit çöker); izleme kodu yok; dış istek yok. */

@font-face{font-family:Geist;src:url(/_tanitim/font/geist-latin.woff2?v=1b5ebfb3) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+2192,U+2212}
@font-face{font-family:Geist;src:url(/_tanitim/font/geist-latin-ext.woff2?v=f7604a53) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-0130,U+0132-02BA,U+1E00-1E9F,U+20A0-20C4}
@font-face{font-family:"Geist Mono";src:url(/_tanitim/font/geist-mono-latin.woff2?v=72971bd4) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F}
@font-face{font-family:"Geist Mono";src:url(/_tanitim/font/geist-mono-latin-ext.woff2?v=84c2a01e) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0100-0130,U+0132-02BA,U+1E00-1E9F}
/* Bodoni «block»: başlık yedek yazı tipiyle çizilip sonra kaymasın (CLS); dosya önden yüklenir */
@font-face{font-family:"Bodoni Moda";font-style:italic;src:url(/_tanitim/font/bodoniv-italic-latin.woff2?v=b737328c) format("woff2");font-weight:400 900;font-display:block;unicode-range:U+0000-00FF,U+0131,U+2000-206F}
@font-face{font-family:"Bodoni Moda";font-style:italic;src:url(/_tanitim/font/bodoniv-italic-latin-ext.woff2?v=4800c2af) format("woff2");font-weight:400 900;font-display:block;unicode-range:U+0100-0130,U+0132-02BA,U+1E00-1E9F}

:root{
  --orkide:#B03CF0;--orkide-d:#AE37F0;--orkide-2:#B74DF1;--orkide-acik:#F0D6FF;--orkide-isik:#D9A6FF;
  --nane:#5EF2C8;--nane-yazi:#A6FAE2;--seftali:#FFD6BC;--gul:#FFCCD7;
  --yazi:#FFFAF7;--yazi2:#FDF3F8;--yazi3:#F8E9F2;
  --taban:#1B0E1D;--taban2:#241326;
  /* cam: panelin tarifi (24 px bulanıklık, %14→5 beyaz, içte 1 px %20 kenar); koyu alt katman %50 (≤ %50, karşıtlık görüntüden) */
  --cam-alt:rgb(30 12 34/.50);
  --cam:linear-gradient(180deg,rgb(255 238 250/.14),rgb(255 238 250/.05)),linear-gradient(var(--cam-alt),var(--cam-alt));
  --kenar:inset 0 0 0 1px rgb(255 255 255/.20),inset 0 1px 0 rgb(255 255 255/.24);
  --golge:0 14px 36px -14px rgb(20 6 22/.6);
  --govde:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --soz:"Bodoni Moda",Didot,"Bodoni 72","Times New Roman",serif;
  --r:24px;--yumus:cubic-bezier(.2,.7,.2,1);
  --bas-h:76px;--yan:24px;--kap:1392px;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--taban);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}
body{background:transparent;color:var(--yazi);font:16px/1.55 var(--govde);-webkit-font-smoothing:antialiased;overflow-x:clip;min-height:100vh}
a{color:inherit;text-decoration:none}
img,svg,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:12px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:fixed;z-index:95;left:16px;top:-90px;padding:12px 18px;border-radius:999px;background:#fff;color:var(--taban);font-weight:600}
.atla:focus{top:12px}

/* ---------- zemin: odanın fotoğrafı, sabit (panel gibi). Üstünde karartma katmanı yok. ---------- */
.zemin{position:fixed;inset:0;z-index:-2;background:#3A2440;overflow:hidden}
.zemin img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}

/* ---------- cam ---------- */
.cam{background:var(--cam);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);box-shadow:var(--kenar),var(--golge);border-radius:var(--r)}
.cam-hap{background:var(--cam);-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);box-shadow:var(--kenar);border-radius:999px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.cam,.cam-hap{background:#3E2442}}
@media (prefers-reduced-transparency:reduce){.cam,.cam-hap{-webkit-backdrop-filter:none;backdrop-filter:none;background:#3E2442}}
/* telefon (≤760, MOBIL-1411): levhalarda buzlu cam YOK. Ölçüm: WebKit (iPhone 13 öykünmesi) bu satırın üstündeki
   .cam bulanıklığı yüzünden sayfanın ilk karesinden sonra çizim döngüsünü hiç sürdürmüyordu (rAF 1'de kalıyor,
   scroll ve IntersectionObserver olayı gelmiyor) → açılış gösterisi karanlıkta, bölümler saydam kalıyordu.
   Yerine bulanıksız koyu cam: alt katman %80 (bulanıklık olmadığı için fotoğrafın ayrıntısı yazının arkasında
   okunmasın diye %50'den yüksek). Açılış levhası (#giris) ana sayfada bulanık kalır (tek katman, ölçüldü). */
@media (max-width:760px){
  .cam{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,rgb(255 238 250/.10),rgb(255 238 250/.03)),linear-gradient(rgb(30 12 34/.80),rgb(30 12 34/.80))}
  .cam-hap{-webkit-backdrop-filter:none;backdrop-filter:none;background:#3E2442}
}

/* ---------- yazı parçaları ---------- */
.et{font:500 14px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--yazi3)}
.ornek{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;background:#FFFAF7;color:#2A1530;font:500 14px/1 var(--mono);letter-spacing:.02em;vertical-align:middle}
.soz-yazi{font-family:var(--soz);font-style:italic;font-weight:500;letter-spacing:-.005em}
.bag{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgb(255 255 255/.45)}
.bag:hover{text-decoration-color:#fff}
.bag svg{width:14px;height:14px;flex:none}

/* ---------- düğmeler: ana çağrı dolu orkide, ikinci cam çerçeve ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:16px;white-space:nowrap;transition:background .18s,box-shadow .18s,translate .18s}
.dugme svg{width:14px;height:14px;flex:none}
.dugme.dolu{background:var(--orkide-d);color:#fff;box-shadow:0 10px 26px -10px rgb(176 60 240/.85),inset 0 1px 0 rgb(255 255 255/.28)}
.dugme.dolu:hover{background:#9C2BDC;translate:0 -1px}
.dugme.cerceve{background:rgb(30 12 34/.38);box-shadow:inset 0 0 0 1px rgb(255 255 255/.42)}
.dugme.cerceve:hover{background:rgb(30 12 34/.58)}

/* ---------- üst çubuk: panelin cam hapları (logo solda, menü ortada, çağrı sağda) ---------- */
.ust{position:sticky;top:0;z-index:50;height:var(--bas-h);pointer-events:none}
.ust-ic{position:relative;max-width:calc(var(--kap) + 2*var(--yan));margin:0 auto;height:100%;padding:0 var(--yan);display:flex;align-items:center;gap:12px}
.ust-ic>*{pointer-events:auto}
.logo{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 8px;font-weight:600;font-size:18px;letter-spacing:-.01em;color:#fff}
.logo img{width:30px;height:30px;border-radius:9px}
.menu{display:flex;gap:6px;margin:0 auto}
.menu a{display:inline-flex;align-items:center;height:44px;padding:0 18px;font-size:15px;font-weight:600;white-space:nowrap;transition:background .17s}
.menu a[aria-current]{background:rgb(28 10 32/.72);box-shadow:inset 0 0 0 1px rgb(255 255 255/.14)}
.menu a:not([aria-current]):hover{background:rgb(255 236 250/.2)}
.cagri{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 8px 0 20px;border-radius:999px;font-weight:600;font-size:15px;white-space:nowrap;background:var(--orkide-d);color:#fff;box-shadow:0 8px 22px -10px rgb(176 60 240/.9)}
.cagri i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgb(255 255 255/.22)}
.cagri i svg{width:13px;height:13px}
.cagri.sonuk{background:var(--cam);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--kenar)}
/* üst çubuğun hapları sayfa içeriğinin (beyaz görseller dahil) üstünden geçer: camın arkası %30 kısılır (yalnız burada) */
.ust .cam-hap,.menu-tel .cam-hap,.cagri.sonuk{-webkit-backdrop-filter:blur(16px) saturate(135%) brightness(.7);backdrop-filter:blur(16px) saturate(135%) brightness(.7)}
/* masaüstü (>980) de: WebKit yapışık öğede backdrop-filter'ı çizmiyor, hapların içinden yazı okunuyordu (11.11 Safari bulgusu).
   Üst çubuğun hapları düz erik (camın bulanıklık desteği olmayan yedek rengi); içerik hapların içinden görünmez. */
.ust .cam-hap,.cagri.sonuk{-webkit-backdrop-filter:none;backdrop-filter:none;background:#3E2442}
.menu-tel{display:none}
@media (max-width:1100px){.menu a{padding:0 13px;font-size:14px}}
@media (max-width:980px){
  .ust-ic>.menu{display:none}
  .logo{margin-right:auto}
  .menu-tel{display:block;position:sticky;top:var(--bas-h);z-index:49;margin-top:-6px;overflow-x:auto;scrollbar-width:none;padding:0 var(--yan) 8px}
  .menu-tel::-webkit-scrollbar{display:none}
  .menu-tel .menu{margin:0;width:max-content}
  /* telefon ve tablet: iki sıra hap tek şeritte durur; hapların arasından içerik görünmez (denetim 11.11).
     Şerit .ust ile .menu-tel'in kendi zemini: düz erik, tam örtücü (yarı saydamda alttaki yazı hayalet gibi okunuyordu;
     bulanıklık ve geçişli zemin yok — WebKit sabit/yapışık öğede backdrop-filter'lı ya da geçişli zemini hiç çizmiyor,
     11.11 denemesi). Haplar şeridin üstünde, kendi bulanıklıkları yok. */
  html{scroll-padding-top:128px}
  .ust,.menu-tel{background:#381E3E}
  .menu-tel{z-index:51;border-radius:0 0 22px 22px;box-shadow:inset 0 -1px 0 rgb(255 255 255/.16),0 14px 30px -18px rgb(20 6 22/.7)}
  .ust .cam-hap,.menu-tel .cam-hap{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgb(255 238 250/.10)}
  .cagri.sonuk{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgb(255 238 250/.10)}
}
@media (max-width:760px){:root{--yan:16px;--bas-h:68px}.logo{height:44px;font-size:17px}.cagri{padding-left:16px}}

/* ---------- çevrimdışı şeridi ---------- */
.cevrim{display:none;position:fixed;z-index:96;left:50%;top:84px;translate:-50% 0;max-width:calc(100% - 32px);padding:10px 16px;border-radius:999px;background:#3A2410;color:#FFE3C2;box-shadow:inset 0 0 0 1px rgb(255 193 99/.6);font-size:14px;font-weight:600;text-align:center}
.cevrimdisi .cevrim,.hal-cevrimdisi .cevrim{display:block}
@media (max-width:760px){.cevrim{top:auto;bottom:84px;width:calc(100% - 32px);border-radius:16px}}

/* ---------- alt bilgi ---------- */
.alt-bilgi{max-width:calc(var(--kap) + 2*var(--yan));margin:0 auto;padding:24px var(--yan) 40px}
.ab{padding:36px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:40px}
.ab .marka img{width:180px;height:auto}
.ab .marka p{margin-top:16px;color:var(--yazi2);max-width:36ch}
.ab nav[aria-label$="sayfaları"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ab h2{font:500 14px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--yazi3);margin-bottom:8px}
.ab ul{list-style:none}
.ab li a{display:flex;align-items:center;min-height:44px;color:var(--yazi);text-decoration:underline;text-decoration-color:rgb(255 255 255/.3);text-underline-offset:4px}
.ab li a:hover{text-decoration-color:#fff}
.kirinti ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;font-size:14px;color:var(--yazi)}
.kirinti li+li::before{content:"/";margin-right:6px;opacity:.7}
.kirinti a,.ab .kirinti a{display:inline-flex;align-items:center;min-height:44px} /* .ab li a{display:flex} kırıntıyı bloğa çevirmesin («/» ayrı satıra düşmesin) */
.ab-not{grid-column:1/-1;padding-top:16px;border-top:1px solid rgb(255 255 255/.14);font-size:14px;color:var(--yazi2)}
.ab-not span{display:inline-block;margin-right:14px}
@media (max-width:900px){.ab{grid-template-columns:1fr;padding:24px}.ab nav[aria-label$="sayfaları"]{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ab nav[aria-label$="sayfaları"]{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media print{.ust,.menu-tel,.cubuk,.gosteri,.g-ust,.zemin{display:none!important}body{background:#fff;color:#000}}

/* ---------- telefon menüsü (≤760): cam gezinme (a) yazılı sekmeler · ../../_ortak/cam-nav (KULLANIM.md) ----------
   Üstteki hap şeridi (.menu-tel) telefonda yerini alttaki cam sekmelere bırakır; 761–980 arası şerit aynı kalır.
   Renk ürünün değişkenlerinden: leylak cam %72, açık yazı, orkide hap, üstüne gelme nane. */
[data-cn-tema="aesthio"]{--cn-cam:rgba(44,18,46,.72);--cn-kenar:rgba(255,255,255,.24);--cn-yazi:#FBEEF4;--cn-vurgu:#8E2BC8;--cn-vurgu-ust:#9C35D8;--cn-vurgu-alt:#7A22B3;--cn-vurgu-yazi:#FFFFFF;--cn-vurgu-kenar:rgba(240,214,255,.6);--cn-ustunde:#5EF2C8;--cn-isik:rgba(255,236,250,.26);--cn-isima:rgba(176,60,240,.5);--cn-golge:0 12px 30px -10px rgba(0,0,0,.6);--cn-suzgec:blur(18px) saturate(1.35)}
nav.tel-cn.cn{display:none}
@media (max-width:760px){
  .menu-tel{display:none}
  html{scroll-padding-top:84px;scroll-padding-bottom:84px}
  nav.tel-cn.cn{display:flex;position:fixed;z-index:52;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto}
  nav.tel-cn.cn--hazir{display:block}
  .alt-bilgi{padding-bottom:calc(40px + 76px)}
  /* sabit çubuk kuralı (KARAR-H1-0615 + 0627, Wenu MOBIL-1411 §9): telefonda ekrana sabitlenen çubukların zemini DOLU, buzlu cam yok.
     Üst bölüm: zemin zaten düz erik (#381E3E, ≤980 kuralı); sayfa 8 px'ten fazla kayınca altında 1 px çizgi (.kayik, ortak.js).
     Alt gezinme: çubuğun kendisi dolu koyu erik (cam gezinmenin kendi cam rengi rgb(44 18 46), alfa 1; sekmelerin arası da dolu);
     sekme camları bulanıksız, hafif açık düz dolgu (gruplar seçilir), kenarsız. Sekmeler, yazılar, seçili hap ve yerleşim aynı.
     İçerik altından geçerken üst kenarda 1 px çizgi (cam gezinmenin kenar rengi; .alttan, ortak.js); sayfa sonunda yok. */
  .ust.kayik{box-shadow:inset 0 -1px 0 rgb(255 255 255/.20)}
  .ust,.ust *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  nav.tel-cn.cn{background:#2C122E;border-radius:calc(var(--_h) * .27);box-shadow:var(--_golge);-webkit-backdrop-filter:none;backdrop-filter:none}
  nav.tel-cn.cn.alttan{box-shadow:inset 0 1px 0 var(--_kenar),var(--_golge)}
  nav.tel-cn .cn-cam,nav.tel-cn.cn--a:not(.cn--hazir) .cn-oge{background:rgb(255 238 250/.07);border-color:transparent;box-shadow:none}
  nav.tel-cn,nav.tel-cn *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
@media print{nav.tel-cn.cn{display:none!important}}