/* Güncel CAD10 ekranları bütün menü ve içerikleriyle, kırpılmadan gösterilir. */
.cad10-ana *, .cad10-ozellik-dizin *, .cad10-galeri *, .cad10-ekran-pencere * { min-width:0; }
[hidden] { display:none !important; }
.cad10-ana-sayfa .site-header { position:relative; inset:auto; }
.cad10-acilis { padding:76px 0 62px; border-bottom:1px solid var(--c10-line); background:radial-gradient(ellipse at 85% 58%,#f5d8be60,transparent 55%),var(--c10-paper); overflow:hidden; }
.cad10-acilis-metin, .cad10-urun-baslik { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:70px; align-items:end; margin-bottom:44px; }
.cad10-acilis h1 { font-size:clamp(48px,5.6vw,78px); font-weight:650; line-height:1.08; letter-spacing:-3.5px; margin:0; }
.cad10-acilis h1 em { color:var(--c10-accent); font-style:normal; }
.cad10-acilis .urun-lead { margin-bottom:22px; }
.cad10-acilis .urun-actions { margin-bottom:18px; }
.cad10-acilis-ekran { position:relative; padding-top:8px; }
.cad10-acilis-ekran::before { content:''; position:absolute; inset:5% 7% -14%; background:#36291913; filter:blur(28px); z-index:0; }
.cad10-acilis-ekran .cad10-ekran { position:relative; z-index:1; }
.cad10-ana-baglantilar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:42px; }
.cad10-urun-baslik h1 { font-size:clamp(45px,4.8vw,64px); }
.cad10-urun-baslik .urun-actions { margin-bottom:0; }
.cad10-urun-baslik .urun-lead { margin-bottom:24px; }
.cad10-ekran { margin:0; border:1px solid #c7bbac; border-radius:14px; overflow:hidden; background:var(--c10-surface); box-shadow:0 18px 45px #3526110a; }
.cad10-ekran-ac { display:block; position:relative; background:#eff0ef; }
.cad10-ekran-ac img { display:block; width:100%; height:auto; border:0; border-radius:0; transform:none; object-fit:contain; }
.cad10-ekran-buyut { position:absolute; right:14px; bottom:14px; padding:8px 14px; border:1px solid #fff6; border-radius:6px; color:#fff; background:#22292fe8; font-size:12px; font-weight:650; }
.cad10-ekran-ac:hover .cad10-ekran-buyut { background:#aa4800; }
.cad10-ekran figcaption { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 20px; margin:0; padding:18px 22px; border-top:1px solid var(--c10-line); color:var(--c10-muted); font-size:12px; line-height:1.7; }
.cad10-ekran figcaption strong { color:var(--c10-ink); font-size:14px; }
.cad10-ekran figcaption span { max-width:100%; overflow-wrap:anywhere; }
.cad10-ekran figcaption small { flex-basis:100%; font-size:11px; }
.cad10-ekran figcaption .cad10-ekran-kayit-notu { flex-basis:100%; max-width:960px; }
.cad10-galeri { width:100%; }
.cad10-galeri-tuslar { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.cad10-galeri-tuslar button { padding:11px 16px; min-height:46px; color:#4c565b; background:#fffaf2; border:1px solid #d7cbbb; border-radius:7px; font-size:13px; font-weight:650; cursor:pointer; }
.cad10-galeri-tuslar button[aria-pressed=true] { background:var(--c10-ink); border-color:var(--c10-ink); color:#fff; }
.cad10-galeri-tuslar button:hover { border-color:#b97743; }
.cad10-galeri-panel + .cad10-galeri-panel { margin-top:24px; }
.cad10-galeri-panel[hidden] + .cad10-galeri-panel { margin-top:0; }
.cad10-galeri-not, .cad10-onizleme-aciklama { max-width:850px; color:var(--c10-muted); font-size:13px; line-height:1.8; margin:18px 0 0; }
.cad10-grup-kartlari { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.cad10-grup-kart { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--c10-line); border-radius:13px; background:var(--c10-surface); }
.cad10-grup-resim { display:block; overflow:hidden; border-bottom:1px solid var(--c10-line); background:#eeede9; }
.cad10-grup-resim img { display:block; width:100%; height:auto; transform:none; }
.cad10-grup-kart > div { padding:26px 28px; display:flex; flex:1; flex-direction:column; align-items:flex-start; }
.cad10-grup-kart .urun-kicker { font-size:10px; letter-spacing:1px; margin:0 0 15px; }
.cad10-grup-kart h3 { font-size:25px; line-height:1.3; font-weight:600; letter-spacing:-.65px; margin:0 0 13px; }
.cad10-grup-kart h3 a:hover { color:var(--c10-accent); }
.cad10-grup-kart p:not(.urun-kicker) { font-size:14px; line-height:1.85; color:var(--c10-muted); margin-bottom:20px; }
.cad10-grup-kart .urun-link { margin-top:auto; }
.cad10-detay-baslik { display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:70px; align-items:center; margin-bottom:36px; }
.cad10-detay-baslik h1 { max-width:850px; font-size:clamp(45px,4.9vw,64px); }
.cad10-detay-baslik .urun-lead { max-width:850px; margin:0; }
.cad10-detay-ozet { padding:26px; background:#eee2d3; border:1px solid #deceb9; border-radius:12px; display:flex; align-items:flex-start; flex-direction:column; }
.cad10-detay-ozet strong { font-size:47px; font-weight:600; line-height:1.15; letter-spacing:-2px; }
.cad10-detay-ozet span { font-size:13px; color:var(--c10-muted); margin:8px 0; }
.cad10-detay-ozet a { font-size:12px; }
.cad10-baslangic { background:var(--c10-surface); border-bottom:1px solid var(--c10-line); }
.cad10-baslangic-adimlari { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 46px; list-style:none; padding:0; margin:0; }
.cad10-baslangic-adimlari > li { display:grid; grid-template-columns:36px minmax(0,1fr); gap:18px; padding-top:24px; border-top:1px solid #d4c7b6; }
.cad10-baslangic-adimlari > li > span { color:var(--c10-accent); font:13px/1.8 Consolas,monospace; }
.cad10-baslangic-adimlari h3 { font-size:23px; line-height:1.35; letter-spacing:-.5px; margin:0 0 13px; font-weight:600; }
.cad10-baslangic-adimlari p { font-size:15px; line-height:1.9; color:var(--c10-muted); margin:0; }
.cad10-baslangic-adimlari .urun-link { margin-top:14px; }
.cad10-ozellik-filtre { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto; gap:14px 20px; padding:24px; border:1px solid #d2c3ae; border-radius:12px; background:#fffaf2; margin-bottom:34px; }
.cad10-ozellik-filtre label { font-size:12px; font-weight:650; color:#586166; display:flex; flex-direction:column; gap:8px; }
.cad10-ozellik-filtre input, .cad10-ozellik-filtre select { width:100%; min-height:48px; padding:10px 13px; color:var(--c10-ink); background:#fff; border:1px solid #c4baa9; border-radius:6px; font:14px/1.5 'Segoe UI',Arial,sans-serif; }
.cad10-ozellik-filtre button { align-self:end; min-height:48px; padding:10px 15px; background:#f1e8dc; border:1px solid #c4baa9; border-radius:6px; color:#394349; font-size:13px; cursor:pointer; }
.cad10-ozellik-filtre button:disabled { opacity:.55; cursor:default; }
.cad10-ozellik-filtre p { grid-row:2; grid-column:1/-1; margin:0; color:#586166; font-size:12px; }
.cad10-ozellik-bos { padding:24px; background:#fffaf2; border:1px solid var(--c10-line); border-radius:10px; color:var(--c10-muted); }
.cad10-ozellik-grup { margin-bottom:48px; scroll-margin-top:30px; }
.cad10-ozellik-grup:last-child { margin-bottom:0; }
.cad10-ozellik-grup > header { display:flex; gap:20px; justify-content:space-between; align-items:center; margin-bottom:20px; }
.cad10-ozellik-grup > header .urun-kicker { font-size:10px; margin-bottom:10px; }
.cad10-ozellik-grup > header h3, .cad10-satir-baslik { font-size:29px; font-weight:600; line-height:1.3; letter-spacing:-.8px; margin:0; }
.cad10-satir-baslik { margin-bottom:25px; }
.cad10-ozellik-satir { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:36px; padding:26px 28px; background:var(--c10-surface); border:1px solid var(--c10-line); border-bottom:0; scroll-margin-top:28px; }
.cad10-ozellik-satir:first-child { border-radius:11px 11px 0 0; }
.cad10-ozellik-satir:last-child { border-bottom:1px solid var(--c10-line); border-radius:0 0 11px 11px; }
.cad10-ozellik-satir:target { border:2px solid var(--c10-accent); border-bottom:2px solid var(--c10-accent); background:#fff8ef; }
.cad10-ozellik-ad h3, .cad10-ozellik-ad h4 { margin:0 0 10px; font-size:20px; line-height:1.35; font-weight:650; letter-spacing:-.35px; }
.cad10-menu-yolu { margin:0; font-size:12px; line-height:1.75; color:#9a480d; overflow-wrap:anywhere; }
.cad10-ozellik-aciklama > p { margin:0; color:var(--c10-muted); font-size:14px; line-height:1.85; }
.cad10-ozellik-aciklama .urun-link { font-size:12px; margin-top:8px; }
.cad10-kullanim-adimlari { color:#485359; padding-left:20px; margin:18px 0; font-size:14px; line-height:1.85; }
.cad10-kullanim-adimlari li + li { margin-top:8px; }
.cad10-satir-ekran { display:inline-flex; align-items:center; min-height:44px; font-size:12px; color:var(--c10-accent); text-decoration:underline; text-underline-offset:4px; }
.cad10-ekran-acik { overflow:hidden; }
.cad10-ekran-pencere { width:min(1700px,96vw); max-width:96vw; max-height:95vh; padding:0; border:1px solid #aab3b8; border-radius:10px; color:#f9f5ee; background:#22292f; box-shadow:0 25px 100px #0006; }
.cad10-ekran-pencere:not([open]) { display:none; }
.cad10-ekran-pencere[open] { display:flex; flex-direction:column; overflow:hidden; }
.cad10-ekran-pencere::backdrop { background:#161b21e6; }
.cad10-ekran-pencere-ust { display:flex; flex-shrink:0; align-items:center; gap:20px; padding:14px 20px; border-bottom:1px solid #576169; }
.cad10-ekran-pencere-ust > div { margin-right:auto; }
.cad10-ekran-pencere-ust strong { display:block; font-size:15px; }
.cad10-ekran-pencere-ust span { display:block; color:#c4cdd2; font-size:11px; margin-top:3px; }
.cad10-ekran-pencere-ust a, .cad10-ekran-pencere-ust button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; color:#fff; font-size:12px; padding:8px 13px; border:1px solid #69747c; border-radius:5px; background:#364149; cursor:pointer; }
.cad10-ekran-pencere-resim { min-height:0; flex:1 1 auto; background:#151a1e; text-align:center; overflow:auto; }
.cad10-ekran-pencere-resim img { display:block; width:100%; height:auto; margin:auto; }
.cad10-ekran-pencere.is-yakin .cad10-ekran-pencere-resim img { max-width:none; }
.cad10-ekran-pencere > p { flex-shrink:0; margin:0; padding:12px 20px; color:#c4cdd2; font-size:11px; line-height:1.6; }
.urun-dark .cad10-grup-kart, .urun-dark .urun-card { color:var(--c10-ink); }
.urun-dark .urun-card h3 { color:var(--c10-ink); }
.urun-dark .urun-card .urun-link { color:var(--c10-accent); }
.cad10-ozellik-filtre :focus-visible, .cad10-ekran-pencere :focus-visible, .cad10-galeri-tuslar :focus-visible { outline:3px solid var(--c10-accent); outline-offset:4px; }
@media(max-width:1000px) {
 .cad10-acilis-metin, .cad10-urun-baslik { gap:38px; }
 .cad10-ozellik-filtre { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .cad10-ozellik-filtre button { grid-row:2; grid-column:2; }
 .cad10-ozellik-filtre p { align-self:center; grid-column:1; }
 .cad10-detay-baslik { gap:30px; }
}
@media(max-width:849px) {
 .cad10-acilis-metin, .cad10-urun-baslik { grid-template-columns:minmax(0,1fr); gap:28px; }
 .cad10-acilis { padding:48px 0; }
 .cad10-acilis h1 { font-size:58px; }
 .cad10-ana-baglantilar { grid-template-columns:minmax(0,1fr); }
 .cad10-baslangic-adimlari { gap:28px; }
 .cad10-ozellik-satir { gap:24px; padding:23px; }
 .cad10-detay-baslik { grid-template-columns:minmax(0,1fr); }
 .cad10-detay-ozet { flex-direction:row; gap:15px; align-items:center; padding:15px 20px; }
 .cad10-detay-ozet strong { font-size:32px; }
 .cad10-detay-ozet a { margin-left:auto; }
}
@media(max-width:640px) {
 .cad10-acilis { padding:34px 0 40px; }
 .cad10-acilis h1 { font-size:42px; letter-spacing:-1.8px; }
 .cad10-acilis-metin { margin-bottom:26px; }
 .cad10-acilis .urun-kicker { font-size:9px; }
 .cad10-urun-baslik { margin-bottom:28px; }
 .cad10-urun-baslik h1, .cad10-detay-baslik h1 { font-size:38px; line-height:1.15; letter-spacing:-1.5px; }
 .cad10-ekran { border-radius:9px; }
 .cad10-ekran-buyut { font-size:10px; padding:5px 8px; right:7px; bottom:7px; }
 .cad10-ekran figcaption { padding:14px 15px; gap:5px; }
 .cad10-ekran figcaption strong, .cad10-ekran figcaption span { flex-basis:100%; }
 .cad10-ekran figcaption strong { font-size:13px; }
 .cad10-ekran figcaption span { font-size:11px; }
 .cad10-ekran figcaption small { font-size:10px; }
 .cad10-galeri-tuslar { gap:7px; }
 .cad10-galeri-tuslar button { flex:1 1 130px; font-size:12px; padding:10px 11px; }
 .cad10-galeri-not, .cad10-onizleme-aciklama { font-size:12px; }
 .cad10-grup-kartlari { grid-template-columns:minmax(0,1fr); gap:18px; }
 .cad10-grup-kart > div { padding:23px; }
 .cad10-grup-kart h3 { font-size:24px; }
 .cad10-baslangic-adimlari { grid-template-columns:minmax(0,1fr); gap:28px; }
 .cad10-baslangic-adimlari > li { gap:12px; grid-template-columns:28px minmax(0,1fr); }
 .cad10-baslangic-adimlari h3 { font-size:22px; }
 .cad10-baslangic-adimlari p { font-size:14px; }
 .cad10-ozellik-filtre { grid-template-columns:minmax(0,1fr); padding:18px; gap:14px; }
 .cad10-ozellik-filtre button { grid-row:auto; grid-column:auto; }
 .cad10-ozellik-filtre p { grid-row:auto; grid-column:auto; }
 .cad10-ozellik-grup > header { flex-direction:column; align-items:flex-start; gap:5px; }
 .cad10-ozellik-grup > header h3, .cad10-satir-baslik { font-size:25px; }
 .cad10-ozellik-satir { grid-template-columns:minmax(0,1fr); gap:16px; padding:22px; }
 .cad10-ozellik-ad h3, .cad10-ozellik-ad h4 { font-size:20px; }
 .cad10-detay-ozet { flex-wrap:wrap; gap:10px 15px; }
 .cad10-detay-ozet a { margin-left:0; }
 .cad10-ekran-pencere-ust { flex-wrap:wrap; gap:10px; padding:12px; }
 .cad10-ekran-pencere-ust > div { flex-basis:100%; }
 .cad10-ekran-pencere-ust a { margin-right:auto; }
 .cad10-ekran-pencere > p { padding:12px; }
}
@media(prefers-reduced-motion:reduce) { .cad10-ana *, .cad10-ekran *, .cad10-galeri *, .cad10-ozellik-dizin * { animation:none !important; transition:none !important; } }