/* YACAR Kare sitesi. Yerleşim: koyu ürün sahnesi + açık okuma bölümleri; cihaz görselleri gerçek çiziciden. */
@font-face{font-family:"Anton";src:url(/yazitipi/Anton-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Plex";src:url(/yazitipi/IBMPlexSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Plex";src:url(/yazitipi/IBMPlexSans-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Plex";src:url(/yazitipi/IBMPlexSans-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
:root{--gece:#0b1116;--gece2:#121b22;--kagit:#f4f6f7;--beyaz:#fff;--murekkep:#15212b;--soluk:#5d6b76;--cizgi:#dde3e7;--vurgu:#e8642c;--vurgu2:#f07a42;--iyi:#2f7d4f;--kotu:#c2410c;
  --gov:"Plex",system-ui,-apple-system,"Segoe UI",sans-serif;--bas:"Anton","Arial Narrow",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--kagit);color:var(--murekkep);font:16px/1.65 var(--gov)}
a{color:var(--vurgu)}
img{max-width:100%}
.ic{max-width:1120px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
header.ust{position:sticky;top:0;z-index:10;background:rgba(11,17,22,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#e8eef2}
header.ust .ic{display:flex;align-items:center;gap:20px;height:62px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:600 17px var(--gov);letter-spacing:.01em}
.logo i{width:22px;height:28px;border-radius:5px;background:#2b3138;display:grid;place-items:center}.logo i::after{content:"";width:14px;height:18px;border-radius:2px;background:var(--vurgu2)}
nav.menu{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
nav.menu a{color:#b8c4cc;text-decoration:none;font-size:14px;padding:8px 10px;border-radius:8px}
nav.menu a:hover,nav.menu a[aria-current]{color:#fff;background:rgba(255,255,255,.07)}
.al{background:var(--vurgu);color:#fff!important;font-weight:600}
.menuac{display:none;margin-left:auto;background:none;border:1px solid #2b3842;color:#fff;border-radius:8px;padding:6px 10px;font:inherit}
@media(max-width:860px){nav.menu{display:none;position:absolute;top:62px;left:0;right:0;background:var(--gece);flex-direction:column;padding:10px 20px 18px}nav.menu.acik{display:flex}.menuac{display:block}}
.sahne{background:radial-gradient(1200px 500px at 70% 0%,#1d2a33 0%,var(--gece) 60%);color:#e8eef2;padding:72px 0 80px;overflow:hidden}
.sahne .ic{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.sahne .ic>*{min-width:0}
.ust-yazi{font:600 12px/1 var(--gov);letter-spacing:.16em;text-transform:uppercase;color:var(--vurgu2)}
h1{font:400 clamp(44px,7vw,84px)/1.12 var(--bas);letter-spacing:.012em;margin:14px 0 18px;text-wrap:balance;text-transform:uppercase}
.sahne p.giris{font-size:19px;color:#b8c4cc;max-width:34em;margin:0 0 28px}
h2{font:400 clamp(30px,4vw,46px)/1.15 var(--bas);text-transform:uppercase;margin:0 0 14px;text-wrap:balance}
h3{font:700 19px/1.3 var(--gov);margin:0 0 6px}
.dugmeler{display:flex;gap:12px;flex-wrap:wrap}
.dugme{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:12px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform .15s ease-out,box-shadow .2s;cursor:pointer;font-size:15px;font-family:inherit}
.dugme:hover{transform:translateY(-1px)}
.dugme.ana{background:var(--vurgu);color:#fff;box-shadow:0 10px 24px -12px var(--vurgu)}
.dugme.cerceve{border-color:#3a4852;color:#e8eef2;background:transparent}
.dugme.koyu{background:var(--murekkep);color:#fff}
.cihaz{position:relative;justify-self:center;width:min(300px,70vw)}
.cihaz .govde{background:linear-gradient(160deg,#3a424a,#22282e);border-radius:28px;padding:18px 16px 30px;box-shadow:0 40px 60px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12)}
.cihaz .govde.beyaz{background:linear-gradient(160deg,#fbfbf9,#e4e4df)}
.cihaz img{display:block;width:100%;border-radius:6px;aspect-ratio:3/4;background:#000}
.cihaz .ayak{width:46%;height:16px;margin:-2px auto 0;background:#1b2025;border-radius:0 0 12px 12px}
.cihaz .govde::after{content:"YACAR";display:block;text-align:center;font:600 9px var(--gov);letter-spacing:.32em;color:#8a96a0;margin-top:10px}
.bolum{padding:80px 0}
.bolum.beyaz{background:var(--beyaz)}
.bolum.koyu{background:var(--gece);color:#e8eef2}.bolum.koyu p{color:#b8c4cc}
.bolum p.giris{max-width:42em;color:var(--soluk);font-size:18px;margin:0 0 36px}
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.oz{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease-out,box-shadow .2s}
.oz:hover{transform:translateY(-3px);box-shadow:0 18px 32px -22px rgba(21,33,43,.35)}
.oz .ekran{background:#0b1116;padding:18px;display:flex;justify-content:center}
.oz .ekran img{width:150px;border-radius:6px;aspect-ratio:3/4}
.oz .yazi{padding:16px 18px 20px}.oz p{margin:0;color:var(--soluk);font-size:15px}
.etiket{display:inline-block;font:600 11px/1 var(--gov);letter-spacing:.08em;text-transform:uppercase;color:var(--vurgu);background:#fbe9df;padding:5px 8px;border-radius:6px;margin-bottom:8px}
.adimlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:a}
.adim{counter-increment:a;padding:24px;border-radius:16px;background:var(--gece2);border:1px solid #223039}
.adim::before{content:counter(a,decimal-leading-zero);font:400 40px var(--bas);color:var(--vurgu2);display:block;margin-bottom:6px}
@media(max-width:860px){.sahne .ic{grid-template-columns:1fr}.adimlar{grid-template-columns:1fr}}
.yapamaz{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.yapamaz div{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:12px;padding:14px 16px;font-size:15px}
.yapamaz b{display:block}
.metin{max-width:760px}
.metin h2{font-size:30px;margin-top:40px}.metin h3{margin-top:28px}
.metin li{margin:4px 0}
details{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:12px;padding:0 18px;margin-bottom:10px}
details summary{cursor:pointer;font-weight:600;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
details summary::after{content:"+";color:var(--vurgu);font-size:20px;line-height:1}
details[open] summary::after{content:"–"}
details>div{padding-bottom:16px;color:var(--soluk)}
form.kart,.kart{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px}
label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
label.onay{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400}
input,textarea,select{font:inherit;padding:12px 14px;border-radius:10px;border:1px solid var(--cizgi);background:#fbfcfc;color:var(--murekkep)}
textarea{min-height:130px;resize:vertical}
.sonuc{padding:14px 16px;border-radius:10px;font-size:15px}.sonuc:empty{display:none}
.sonuc.iyi{background:#e3f2e8;color:var(--iyi)}.sonuc.kotu{background:#fdecea;color:#b42318}
.iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media(max-width:860px){.iki{grid-template-columns:1fr}}
.seri{font:700 20px ui-monospace,Menlo,monospace;letter-spacing:.06em}
.uyari{border-left:4px solid var(--vurgu);background:var(--beyaz);padding:14px 18px;border-radius:0 12px 12px 0;color:var(--murekkep)}
footer{background:var(--gece);color:#8a96a0;padding:48px 0 calc(40px + env(safe-area-inset-bottom));font-size:14px}
footer .ic{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
footer a{color:#b8c4cc;text-decoration:none;display:block;margin:4px 0}
footer b{color:#fff;display:block;margin-bottom:8px}
@media(max-width:760px){footer .ic{grid-template-columns:1fr 1fr}}
.kirinti{font-size:13px;color:#8a96a0;margin-bottom:6px}.kirinti a{color:#b8c4cc;text-decoration:none}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}