/* Mermer Simülatörü: sahne seçici, sahne (yakınlaştırma, önce/sonra ayracı, kendi fotoğrafın köşe noktaları), taş paneli, 3B önizleme */
.sim-bolum .kp{max-width:1360px}
.sim{display:grid;gap:1rem}
.sim-sahneler{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:thin;padding-bottom:.3rem}
.sim-sb{position:relative;flex:0 0 auto;width:168px;padding:0;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--yazi);cursor:pointer;text-align:left;border-radius:var(--r,10px);overflow:hidden;transition:border-color .2s,transform .2s}
.sim-sb img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;filter:brightness(.8)}
.sim-sb>span{display:flex;gap:.45rem;align-items:center;padding:.55rem .7rem;font-size:.86rem;font-weight:600}
.sim-sb>span i{color:var(--ana)}
.sim-sb:hover{transform:translateY(-2px)}
.sim-sb.aktif{border-color:var(--ana);box-shadow:0 0 0 2px color-mix(in srgb,var(--ana) 40%,transparent)}
.sim-sb.aktif img{filter:none}
.sim-sb--kendi .sim-sb-ikon{display:grid;place-items:center;aspect-ratio:16/10;font-size:1.8rem;color:var(--ana);background:repeating-linear-gradient(135deg,var(--yuzey2) 0 10px,var(--yuzey) 10px 20px)}
.sim-govde{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start}
.sim-sahne{min-width:0;display:grid;gap:.6rem;background:var(--zemin)}
.sim-sahne:fullscreen{padding:1rem;align-content:center}
.sim-cerceve{position:relative;overflow:hidden;border:1px solid var(--cizgi);background:#0c0d0c;border-radius:var(--r,10px);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:zoom-in}
.sim--yakin .sim-cerceve{cursor:grab;touch-action:none}
.sim--kendi .sim-cerceve{cursor:crosshair;touch-action:none}
.sim-yakin{transform-origin:0 0;will-change:transform;position:relative}
.sim-tuval{display:block;width:100%;height:auto}
.sim-cizim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sim-cizim *{pointer-events:auto}
.sim-cz-yol{fill:color-mix(in srgb,var(--ana) 14%,transparent);stroke:var(--ana);stroke-width:2;vector-effect:non-scaling-stroke}
.sim-cz-nokta,.sim-cz-yeni{fill:var(--ana);stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;cursor:move}
.sim-cz-yeni{fill:#fff;stroke:var(--ana)}
.sim-ayrac{position:absolute;top:0;bottom:0;left:50%;width:0;z-index:3}
.sim-ayrac-cizgi{position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.6)}
.sim-ayrac-tut{position:absolute;top:50%;left:0;translate:-50% -50%;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#111;box-shadow:0 6px 18px rgba(0,0,0,.45);cursor:ew-resize;touch-action:none}
.sim-ayrac em{position:absolute;top:.8rem;padding:.25rem .6rem;font-style:normal;font-size:.75rem;font-weight:600;background:rgba(0,0,0,.6);color:#fff;white-space:nowrap}
.sim-ay-sol{right:.6rem}.sim-ay-sag{left:.6rem}
.sim-yukleniyor{position:absolute;left:50%;top:50%;translate:-50% -50%;padding:.6rem 1rem;background:rgba(0,0,0,.7);color:#fff;font-size:.9rem;border-radius:999px}
/* Akış içinde (tuval gizlenir): çerçeve içeriğe göre uzar, dar ekranda başlık ve düğmeler kırpılmaz */
.sim-kendi-bos{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;text-align:center;padding:1.5rem;color:var(--yazi);background:radial-gradient(60% 80% at 50% 40%,color-mix(in srgb,var(--ana) 12%,transparent),transparent),var(--yuzey2);min-height:360px}
.sim-kendi-bos[hidden]{display:none}
.sim-kendi-bos>i{font-size:2.6rem;color:var(--ana)}
.sim-kendi-bos b{font-family:var(--f1);font-size:1.6rem;font-weight:500}
.sim-kendi-bos p{max-width:46ch;color:var(--soluk);margin:0}
.sim-kendi-bos small{color:var(--soluk)}
.sim-kendi-dug{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
.sim-kendi-dug label{cursor:pointer}
.sim-kendi-hata{margin:0;max-width:46ch;padding:.6rem .9rem;border:1px solid #c0573f;background:rgba(192,87,63,.14);color:var(--yazi);font-size:.88rem;border-radius:var(--rb,8px)}
.sim-kendi-hata[hidden]{display:none}
/* Dosya alanları görünmez ama "display:none" değil: <label for> her tarayıcıda dosya seçiciyi açabilsin */
.sim-dosya-gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0}
.sim-btn-cizgi{background:transparent;color:var(--yazi);border:1px solid var(--cizgi)}
.sim-arac{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.sim-arac button,.sim-cizim-arac button,.sim-cizim-arac label,.sim-dondur,.sim3b button{display:inline-flex;gap:.4rem;align-items:center;justify-content:center;min-height:40px;min-width:40px;padding:0 .8rem;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--yazi);font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;border-radius:var(--rb,8px)}
.sim-arac button:hover,.sim-cizim-arac button:hover,.sim-cizim-arac label:hover,.sim-dondur:hover{border-color:var(--ana);color:var(--ana)}
.sim-arac button[aria-pressed="true"],.sim-dondur[aria-pressed="true"]{background:var(--ana);border-color:var(--ana);color:var(--anaYazi,#fff)}
.sim-z{min-width:3.4rem;text-align:center;font-size:.82rem;color:var(--soluk);font-variant-numeric:tabular-nums}
.sim-arac-bosluk{flex:1}
.sim-cizim-arac{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;padding:.7rem .9rem;border:1px dashed color-mix(in srgb,var(--ana) 60%,transparent);border-radius:var(--r,10px)}
.sim-cizim-arac[hidden]{display:none}
.sim-cizim-arac p{margin:0;font-size:.9rem;color:var(--yazi)}
.sim-cizim-arac div{display:flex;gap:.4rem;flex-wrap:wrap}
.sim-panel{display:grid;gap:.9rem;padding:1rem;border:1px solid var(--cizgi);background:var(--yuzey);border-radius:var(--r,10px);position:sticky;top:96px}
.sim-secili{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:.8rem;align-items:center}
.sim-secili-foto{width:56px;height:56px;border-radius:50%;background:var(--tas,var(--yuzey2)) center/cover;border:2px solid var(--ana)}
.sim-secili small{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk)}
.sim-secili b{display:block;font-family:var(--f1);font-size:1.3rem;font-weight:500;line-height:1.15}
.sim-secili span[data-secili-tur]{font-size:.8rem;color:var(--ana)}
.sim-3b-ac{min-height:44px;padding:0 .9rem;border:1px solid var(--ana);background:transparent;color:var(--ana);font:inherit;font-weight:700;cursor:pointer;border-radius:var(--rb,8px)}
.sim-3b-ac:hover{background:var(--ana);color:var(--anaYazi,#fff)}
.sim-urun-link{font-size:.86rem;color:var(--ana);display:inline-flex;gap:.4rem;align-items:center}
.sim-urun-link[hidden]{display:none}
.sim-filtre{display:flex;gap:.35rem;flex-wrap:wrap}
.sim-cip{padding:.35rem .75rem;border:1px solid var(--cizgi);background:transparent;color:var(--soluk);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;border-radius:999px}
.sim-cip.aktif{background:var(--ana);border-color:var(--ana);color:var(--anaYazi,#fff)}
.sim-taslar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-height:340px;overflow-y:auto;padding:.2rem;scrollbar-width:thin}
.sim-tas{display:flex;flex-direction:column;gap:.3rem;padding:.35rem;border:1px solid var(--cizgi);background:var(--zemin);color:var(--yazi);cursor:pointer;text-align:left;font:inherit;border-radius:var(--rb,8px);transition:border-color .2s}
.sim-tas-foto{display:block;aspect-ratio:1;background:#333 center/cover;border-radius:calc(var(--rb,8px) - 2px)}
.sim-tas b{font-size:.74rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sim-tas small{font-size:.66rem;color:var(--soluk)}
.sim-tas:hover{border-color:color-mix(in srgb,var(--ana) 60%,transparent)}
.sim-tas.aktif{border-color:var(--ana);box-shadow:0 0 0 2px color-mix(in srgb,var(--ana) 35%,transparent)}
.sim-tas--uygun-degil{opacity:.45}
.sim-tas[hidden]{display:none}
.sim-ayar{display:grid;gap:.7rem;padding-top:.6rem;border-top:1px solid var(--cizgi)}
.sim-ayar label{display:grid;gap:.3rem;font-size:.84rem;font-weight:600}
.sim-ayar label span i{color:var(--ana);width:1.1rem}
.sim-ayar input[type=range]{width:100%;accent-color:var(--ana)}
.sim-eylem{display:grid;gap:.5rem}
.sim-not{font-size:.78rem;color:var(--soluk);margin:0}
.sim-kamera{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem}
.sim-kamera[hidden]{display:none}
.sim-kamera video{max-width:min(960px,100%);max-height:75vh;background:#000}
.sim-kamera div{display:flex;gap:.6rem}
.sim3b{position:fixed;inset:0;z-index:120;background:radial-gradient(60% 70% at 50% 45%,#2a2b29,#050505);display:flex;flex-direction:column;color:#fff}
.sim3b[hidden]{display:none}
.sim3b-ust{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem}
.sim3b-ust b{font-family:var(--f1);font-size:1.4rem;font-weight:500}
.sim3b-ust div{display:flex;gap:.4rem}
.sim3b button{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25)}
.sim3b-sahne{flex:1;display:grid;place-items:center;perspective:1400px;cursor:grab;touch-action:none;overflow:hidden}
.sim3b-tas{--g:min(62vw,560px);--y:calc(var(--g) * .62);--d:calc(var(--g) * .05);position:relative;width:var(--g);height:var(--y);transform-style:preserve-3d;will-change:transform}
.sim3b-tas .y{position:absolute;display:block;background:var(--tas3) center/cover;backface-visibility:hidden}
.sim3b-tas .y-on,.sim3b-tas .y-arka{inset:0}
.sim3b-tas .y-on{transform:translateZ(calc(var(--d) / 2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.sim3b-tas .y-on::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 35%,transparent 65%,rgba(255,255,255,.08))}
.sim3b-tas .y-arka{transform:rotateY(180deg) translateZ(calc(var(--d) / 2));filter:brightness(.7)}
.sim3b-tas .y-ust,.sim3b-tas .y-alt{left:0;width:100%;height:var(--d);top:calc(50% - var(--d) / 2);filter:brightness(.75)}
.sim3b-tas .y-ust{transform:rotateX(90deg) translateZ(calc(var(--y) / 2))}
.sim3b-tas .y-alt{transform:rotateX(-90deg) translateZ(calc(var(--y) / 2));filter:brightness(.5)}
.sim3b-tas .y-sol,.sim3b-tas .y-sag{top:0;height:100%;width:var(--d);left:calc(50% - var(--d) / 2);filter:brightness(.6)}
.sim3b-tas .y-sol{transform:rotateY(-90deg) translateZ(calc(var(--g) / 2))}
.sim3b-tas .y-sag{transform:rotateY(90deg) translateZ(calc(var(--g) / 2))}
.sim3b>p{text-align:center;color:rgba(255,255,255,.6);font-size:.85rem;margin:0 0 1.2rem}
.sim-desteksiz .sim-govde::before{content:'Tarayıcınız bu özelliği (WebGL) desteklemiyor; güncel bir tarayıcıyla deneyin.';grid-column:1/-1;padding:1rem;border:1px solid var(--cizgi)}
.sim-adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.sim-adimlar li{display:grid;gap:.4rem;padding:1.2rem;border:1px solid var(--cizgi);background:var(--yuzey);border-radius:var(--r,10px)}
.sim-adimlar i{font-size:1.4rem;color:var(--ana)}
.sim-adimlar b{font-family:var(--f1);font-size:1.25rem;font-weight:500}
.sim-adimlar span{color:var(--soluk);font-size:.9rem}
@media (max-width:1024px){.sim-govde{grid-template-columns:minmax(0,1fr)}.sim-panel{position:static}.sim-taslar{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none}.sim-adimlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sim-sb{width:132px}.sim-sb--kendi{order:-1}.sim-taslar{grid-template-columns:repeat(4,minmax(0,1fr))}.sim-arac button span{display:none}.sim-adimlar{grid-template-columns:minmax(0,1fr)}.sim3b-tas{--g:86vw}}