/* Collecist · 3B Sergi "Üst Kat" (yen3) — açık, mimari rehber görünümü */
:root{
  --s3-kagit:#f1ede5;
  --s3-kagit-2:#e6e0d4;
  --s3-cam:rgba(248,245,239,.86);
  --s3-murekkep:#24211c;
  --s3-m70:rgba(36,33,28,.74);
  --s3-m50:rgba(36,33,28,.54);
  --s3-cizgi:rgba(36,33,28,.13);
  --s3-vurgu:#c8552d;
  --s3-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --s3-sans:"Jost",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --s3-golge:0 14px 44px -14px rgba(48,36,22,.32);
  --s3-hizli:.2s;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:var(--s3-kagit);color:var(--s3-murekkep);font-family:var(--s3-sans);font-weight:400;-webkit-font-smoothing:antialiased}
#sahne{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none;cursor:grab}
#sahne.s3-sur{cursor:grabbing}
#sahne.s3-el{cursor:pointer}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--s3-vurgu);outline-offset:3px}
.s3-noscript{position:fixed;inset:0;z-index:80;display:grid;place-items:center;font-family:var(--s3-serif);font-size:22px;padding:30px;text-align:center;background:var(--s3-kagit)}
.s3-noscript p{margin:0 0 24px}
.s3-ust-etiket{display:flex;align-items:center;gap:12px;margin:0 0 clamp(14px,3vh,28px);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--s3-m50)}
.s3-ust-etiket b{font-weight:500;color:var(--s3-murekkep)}
.s3-ust-etiket span::before{content:"";display:inline-block;width:22px;height:1px;background:var(--s3-vurgu);vertical-align:middle;margin-right:12px}

/* ——— giriş ——— */
.s3-giris{position:fixed;inset:0;z-index:60;display:grid;grid-template-columns:min(47vw,640px) 1fr;pointer-events:none}
.s3-giris-sol{pointer-events:auto;background:var(--s3-kagit);padding:clamp(28px,6vh,72px) clamp(28px,4vw,64px);display:flex;flex-direction:column;justify-content:safe center;gap:2px;overflow-y:auto;scrollbar-width:none;box-shadow:1px 0 0 var(--s3-cizgi);transition:transform .9s cubic-bezier(.7,0,.2,1)}
.s3-giris-sol::-webkit-scrollbar{display:none}
.s3-giris-sol>*{flex-shrink:0}
.s3-giris h1{font-family:var(--s3-serif);font-weight:400;font-size:clamp(40px,min(5.2vw,9vh),84px);line-height:.98;letter-spacing:-.012em;margin:0 0 clamp(18px,3.4vh,34px)}
.s3-kunye{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:0 0 clamp(16px,3vh,28px);border-top:1px solid var(--s3-cizgi)}
.s3-kunye div{padding:12px 0;border-bottom:1px solid var(--s3-cizgi)}
.s3-kunye dt{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--s3-m50);margin-bottom:4px}
.s3-kunye dd{margin:0;font-family:var(--s3-serif);font-size:19px;line-height:1.3}
.s3-giris-metin{font-size:15px;line-height:1.72;color:var(--s3-m70);margin:0 0 clamp(20px,4vh,36px);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-weight:300}
@media (max-height:720px){.s3-giris-metin{-webkit-line-clamp:2}}
.s3-gir-satir{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.s3-gir{display:inline-flex;align-items:center;gap:12px;background:var(--s3-murekkep);color:#f6f2ea;padding:16px 28px 16px 22px;font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;border-radius:999px;transition:background var(--s3-hizli),transform var(--s3-hizli)}
.s3-gir:hover:not([disabled]),.s3-gir:focus-visible{background:var(--s3-vurgu)}
.s3-gir:active:not([disabled]){transform:translateY(1px)}
.s3-gir[disabled]{opacity:.5;cursor:progress}
.s3-gir svg{width:18px;height:18px}
.s3-kat{list-style:none;display:flex;gap:6px;margin:0;padding:0}
.s3-kat li{width:24px;height:24px;border-radius:50%;border:1px solid var(--s3-cizgi);display:grid;place-items:center;font-size:10.5px;color:var(--s3-m50);transition:all .35s ease}
.s3-kat li.s3-yanik{border-color:var(--s3-vurgu);color:var(--s3-vurgu)}
.s3-kat li:last-child.s3-yanik{background:var(--s3-vurgu);color:#fff}
.s3-ipucu-giris{margin:16px 0 0;font-size:12px;color:var(--s3-m50);letter-spacing:.03em;min-height:1em}
.s3-giris-sag{margin:24px;align-self:end;justify-self:end;width:min(360px,34vw);height:min(390px,46vh);padding:14px 14px 8px;background:var(--s3-cam);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:6px;box-shadow:var(--s3-golge);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;transition:opacity .6s ease}
.s3-giris-sag figcaption{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--s3-m50);margin-top:6px}
.s3-giris.s3-kapali .s3-giris-sol{transform:translateX(-102%)}
.s3-giris.s3-kapali .s3-giris-sag{opacity:0}
[dir="rtl"] .s3-giris.s3-kapali .s3-giris-sol{transform:translateX(102%)}

/* ——— üst: levha ve araçlar ——— */
.s3-ust{position:fixed;left:0;right:0;top:0;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;pointer-events:none}
.s3-ust>*{pointer-events:auto}
.s3-levha,.s3-araclar,.s3-katalog,.s3-mini,.s3-ipucu,.s3-oda-bildirim{background:var(--s3-cam);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--s3-golge)}
.s3-levha{padding:9px 18px 10px 15px;border-left:3px solid var(--s3-vurgu);border-radius:0 6px 6px 0;max-width:min(440px,52vw)}
.s3-levha .s3-marka{display:block;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--s3-m50)}
.s3-levha .s3-baslik{display:block;font-family:var(--s3-serif);font-size:20px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s3-levha .s3-oda{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--s3-vurgu);margin-top:1px}
.s3-araclar{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px}
.s3-dugme{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--s3-m70);transition:color var(--s3-hizli),background var(--s3-hizli)}
.s3-dugme:hover{color:var(--s3-murekkep);background:rgba(36,33,28,.07)}
.s3-dugme svg{width:19px;height:19px}
.s3-isik{height:40px;padding:0 15px 0 11px;border-radius:999px;display:flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--s3-vurgu);background:rgba(200,85,45,.1);margin-right:4px;transition:background var(--s3-hizli)}
.s3-isik:hover{background:rgba(200,85,45,.18)}
.s3-isik svg{width:18px;height:18px}

/* oda geçiş yazısı */
.s3-oda-bildirim{position:fixed;left:50%;top:15vh;z-index:15;transform:translate(-50%,10px);padding:12px 26px 13px;border-radius:999px;display:flex;align-items:baseline;gap:14px;opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s ease}
.s3-oda-bildirim.s3-acik{opacity:1;transform:translate(-50%,0)}
.s3-oda-bildirim b{font-family:var(--s3-serif);font-weight:500;font-size:30px;line-height:1;color:var(--s3-vurgu)}
.s3-oda-bildirim b:empty{display:none}
.s3-oda-bildirim span{font-size:12px;letter-spacing:.34em;text-transform:uppercase}

/* ——— alt: katalog şeridi ——— */
.s3-katalog{position:fixed;left:18px;right:18px;bottom:16px;z-index:20;display:flex;align-items:center;gap:4px;padding:7px;border-radius:12px}
.s3-serit{flex:1;min-width:0;display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;padding:2px 4px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.s3-serit::-webkit-scrollbar{display:none}
.s3-serit-oda{flex:0 0 auto;font-family:var(--s3-serif);font-size:17px;line-height:1;color:var(--s3-vurgu);padding:0 6px 0 12px;margin-left:6px;border-left:1px solid var(--s3-cizgi);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}
.s3-serit-oda:first-child{border-left:0;margin-left:0;padding-left:6px}
.s3-kucuk{flex:0 0 auto;height:54px;border-radius:3px;overflow:hidden;opacity:.66;transition:opacity var(--s3-hizli),box-shadow var(--s3-hizli);background:var(--s3-kagit-2)}
.s3-kucuk img{display:block;height:54px;width:auto;min-width:36px;max-width:96px;object-fit:cover}
.s3-kucuk:hover{opacity:1}
.s3-kucuk[aria-current="true"]{opacity:1;box-shadow:0 0 0 2px var(--s3-cam),0 0 0 4px var(--s3-vurgu)}
.s3-heykel-ikon{display:grid;place-items:center;width:46px;height:54px;color:var(--s3-m70)}
.s3-heykel-ikon svg{width:28px;height:28px}
.s3-katalog-sag{display:flex;align-items:center;gap:10px;padding-left:10px;margin-left:2px;border-left:1px solid var(--s3-cizgi)}
.s3-sayac{min-width:64px;text-align:center;font-size:12px;letter-spacing:.12em;color:var(--s3-m70);font-variant-numeric:tabular-nums}
.s3-tur{height:40px;display:flex;align-items:center;gap:8px;padding:0 16px 0 12px;border-radius:999px;background:var(--s3-murekkep);color:#f6f2ea;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;transition:background var(--s3-hizli)}
.s3-tur:hover,.s3-tur[aria-pressed="true"]{background:var(--s3-vurgu)}
.s3-tur svg{width:14px;height:14px}

/* mini plan */
.s3-mini{position:fixed;right:18px;bottom:98px;z-index:19;padding:6px;border-radius:8px}
.s3-mini canvas{display:block;cursor:crosshair}

.s3-ipucu{position:fixed;left:50%;bottom:108px;transform:translateX(-50%);z-index:18;padding:11px 20px;border-radius:999px;font-size:13px;color:var(--s3-m70);transition:opacity 1s ease;white-space:nowrap}
.s3-ipucu.s3-sonuk{opacity:0}

/* ——— bilgi kartı ——— */
.s3-kart{position:fixed;left:18px;top:100px;z-index:25;width:min(392px,40vw);max-height:calc(100% - 214px);display:flex;flex-direction:column;background:var(--s3-kagit);border-radius:6px;box-shadow:var(--s3-golge);transform:translateX(calc(-100% - 40px));transition:transform .5s cubic-bezier(.3,.7,.2,1);visibility:hidden}
.s3-kart.s3-acik{transform:none;visibility:visible}
.s3-kart-ust{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 0 20px;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--s3-vurgu)}
.s3-kart-govde{overflow-y:auto;padding:4px 22px 20px;scrollbar-width:thin}
.s3-kart-gorsel{display:block;width:100%;position:relative;background:var(--s3-kagit-2);border-radius:3px;overflow:hidden;margin:4px 0 16px}
.s3-kart-gorsel img{display:block;width:100%;height:auto;max-height:30vh;object-fit:contain}
.s3-kart-gorsel span{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:50%;background:var(--s3-cam);display:grid;place-items:center;opacity:0;transition:opacity var(--s3-hizli)}
.s3-kart-gorsel:hover span,.s3-kart-gorsel:focus-visible span{opacity:1}
.s3-kart-gorsel svg{width:17px;height:17px}
.s3-not{font-size:12px;line-height:1.5;color:var(--s3-m70);background:rgba(200,85,45,.08);border-left:2px solid var(--s3-vurgu);padding:8px 10px;margin:4px 0 14px}
.s3-sanatci{margin:0 0 2px;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--s3-m70)}
.s3-kart h2{font-family:var(--s3-serif);font-style:italic;font-weight:400;font-size:31px;line-height:1.08;margin:0 0 14px}
.s3-bilgiler{margin:0 0 14px;border-top:1px solid var(--s3-cizgi)}
.s3-bilgiler div{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--s3-cizgi);font-size:13.5px}
.s3-bilgiler dt{color:var(--s3-m50);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding-top:2px}
.s3-bilgiler dd{margin:0}
.s3-aciklama{font-size:14px;line-height:1.7;color:var(--s3-m70);margin:0 0 6px;white-space:pre-line;font-weight:300}
.s3-aciklama.s3-kisa{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.s3-devami{font-size:12px;letter-spacing:.12em;color:var(--s3-vurgu);border-bottom:1px solid currentColor;margin-bottom:12px}
.s3-kart-alt{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--s3-cizgi);padding-top:14px;margin-top:10px}
.s3-fiyat{font-family:var(--s3-serif);font-size:24px}
.s3-satildi{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#9b3b22}
.s3-satildi::before{content:"";width:9px;height:9px;border-radius:50%;background:#b3472a}
.s3-birincil,.s3-ikincil{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-radius:999px;transition:background var(--s3-hizli),color var(--s3-hizli)}
.s3-birincil{background:var(--s3-murekkep);color:#f6f2ea;margin-left:auto}
.s3-birincil:hover{background:var(--s3-vurgu)}
.s3-ikincil{border:1px solid var(--s3-cizgi);margin-top:30px}
.s3-ikincil:hover{border-color:var(--s3-murekkep)}

/* ——— paneller ——— */
.s3-panel{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px 16px;background:rgba(36,33,28,.26);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.s3-panel.s3-acik{opacity:1;visibility:visible}
.s3-sayfa{position:relative;width:min(960px,100%);max-height:100%;overflow-y:auto;background:var(--s3-kagit);border-radius:6px;box-shadow:var(--s3-golge);padding:clamp(26px,4vw,52px);transform:translateY(12px);transition:transform .35s ease}
.s3-panel.s3-acik .s3-sayfa{transform:none}
.s3-panel[data-tur="hakkinda"] .s3-sayfa,.s3-panel[data-tur="yardim"] .s3-sayfa{width:min(720px,100%)}
.s3-panel-kapat{position:absolute;right:12px;top:12px;z-index:2}
.s3-panel-ic h2{font-family:var(--s3-serif);font-weight:400;font-size:clamp(32px,4vw,48px);line-height:1.05;margin:0 0 10px}
.s3-alt-baslik{color:var(--s3-m50);font-size:13px;letter-spacing:.06em;margin:0 0 26px}
.s3-metin p{font-size:16px;line-height:1.8;color:var(--s3-m70);font-weight:300;margin:0 0 14px}
.s3-metin h3{font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:500;margin:34px 0 12px;color:var(--s3-murekkep)}
.s3-plan-duzen{display:flex;gap:34px;align-items:flex-start;flex-wrap:wrap;margin-top:18px}
.s3-buyuk-plan{display:block;max-width:100%;cursor:crosshair;background:#fbf9f5;border-radius:4px}
.s3-plan-odalar{flex:1;min-width:210px;display:flex;flex-direction:column;border-top:1px solid var(--s3-cizgi)}
.s3-plan-odalar button{display:grid;grid-template-columns:34px 1fr auto;align-items:baseline;gap:8px;text-align:start;padding:13px 4px;border-bottom:1px solid var(--s3-cizgi);transition:background var(--s3-hizli)}
.s3-plan-odalar button:hover{background:rgba(200,85,45,.06)}
.s3-plan-odalar b{font-family:var(--s3-serif);font-weight:500;font-size:21px;color:var(--s3-vurgu)}
.s3-plan-odalar span{font-family:var(--s3-serif);font-size:21px}
.s3-plan-odalar i{font-style:normal;font-size:12px;color:var(--s3-m50);font-variant-numeric:tabular-nums}
.s3-yardim-liste{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;align-items:center;margin-top:24px;font-size:14.5px;color:var(--s3-m70)}
.s3-yardim-liste kbd{display:inline-block;min-width:28px;padding:4px 7px;margin:0 4px 4px 0;border:1px solid var(--s3-cizgi);border-bottom-width:2px;border-radius:4px;font:12px var(--s3-sans);text-align:center;background:#fbf9f5;color:var(--s3-murekkep)}

/* yakından bak */
.s3-goruntu{position:fixed;inset:0;z-index:50;background:#e7e2d9;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;touch-action:none;overflow:hidden}
.s3-goruntu.s3-acik{opacity:1;visibility:visible}
.s3-goruntu img{position:absolute;left:50%;top:50%;max-width:min(92vw,1800px);max-height:84vh;box-shadow:0 22px 60px -20px rgba(30,24,16,.45);transform:translate(-50%,-50%);cursor:zoom-in;user-select:none;-webkit-user-drag:none}
.s3-goruntu-alt{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-family:var(--s3-serif);font-style:italic;font-size:18px;color:var(--s3-m70);pointer-events:none}

.s3-bildirim{position:fixed;left:50%;top:84px;transform:translate(-50%,-8px);z-index:70;background:var(--s3-murekkep);color:#f6f2ea;padding:10px 18px;border-radius:999px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.s3-bildirim.s3-acik{opacity:1;transform:translate(-50%,0)}

/* WebGL yoksa liste */
.s3-yedek{position:fixed;inset:0;overflow-y:auto;background:var(--s3-kagit);padding:40px 20px}
.s3-yedek h2{font-family:var(--s3-serif);font-weight:400;font-size:40px;margin:0 0 8px}
.s3-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px}
.s3-yedek-kart{text-decoration:none}
.s3-yedek-kart figure{margin:0 0 8px;aspect-ratio:1;background:var(--s3-kagit-2);display:grid;place-items:center;overflow:hidden}
.s3-yedek-kart img{max-width:100%;max-height:100%;object-fit:contain}
.s3-yedek-kart b{display:block;font-family:var(--s3-serif);font-size:18px;font-weight:500}
.s3-yedek-kart span{font-size:12px;color:var(--s3-m50)}

/* ——— dar ekran ——— */
@media (max-width:860px){
  .s3-giris{grid-template-columns:1fr;grid-template-rows:38vh 1fr}
  .s3-giris-sol{grid-row:2;justify-content:flex-start;padding:26px 22px 30px;box-shadow:0 -1px 0 var(--s3-cizgi)}
  .s3-giris-sag{display:none}
  .s3-giris.s3-kapali .s3-giris-sol{transform:translateY(102%)}
  .s3-giris h1{font-size:clamp(32px,9vw,46px)}
  .s3-kunye dd{font-size:17px}
}
@media (max-width:760px){
  .s3-ust{padding:10px}
  .s3-levha{min-width:0;flex:1 1 auto;max-width:none;padding:7px 12px 8px 11px}
  .s3-araclar{flex:0 0 auto}
  .s3-levha .s3-baslik{font-size:16px}
  .s3-levha .s3-marka{display:none}
  .s3-araclar{gap:0;padding:2px}
  .s3-mobil-gizle{display:none}
  .s3-dugme{width:36px;height:36px}
  .s3-isik span{display:none}
  .s3-isik{width:36px;height:36px;padding:0;justify-content:center;margin-right:0}
  .s3-katalog{left:8px;right:8px;bottom:8px;padding:5px;gap:2px}
  .s3-katalog>.s3-dugme{display:none}
  .s3-kucuk,.s3-kucuk img{height:44px}
  .s3-heykel-ikon{height:44px;width:38px}
  .s3-sayac{display:none}
  .s3-tur span{display:none}
  .s3-tur{width:40px;padding:0;justify-content:center}
  .s3-ipucu{bottom:72px;font-size:12px;white-space:normal;width:max-content;max-width:calc(100vw - 32px);text-align:center}
  .s3-kart{left:0;right:0;top:auto;bottom:0;width:auto;max-height:52vh;border-radius:14px 14px 0 0;transform:translateY(calc(100% + 20px))}
  .s3-kart-gorsel img{max-height:22vh}
  .s3-kart h2{font-size:26px}
  .s3-oda-bildirim{top:76px}
  .s3-plan-duzen{gap:18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}