/* ============================================================
   SERGİ — İcazetname Sanat Dili No.5 · "Salonlar" (v2)
   YAPI: üst menü yok; sol RAY'in kendisi salon planıdır (hamburger
   perde kaldırıldı). Ana sayfa yana gezilen salonlardır — MOBİLDE DE.
   Koleksiyon müzayede defteri, ürün sayfası müze etiketi plakasıdır.
   Yazı ve obje asla üst üste binmez. Palet: kahve·taba·bej·kirli beyaz.
   ============================================================ */

@font-face{font-family:"Gilda";src:url("fonts/GildaDisplay.woff") format("woff"),url("fonts/GildaDisplay.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"BarlowC";src:url("fonts/BarlowCond-300.woff") format("woff"),url("fonts/BarlowCond-300.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:"BarlowC";src:url("fonts/BarlowCond-400.woff") format("woff"),url("fonts/BarlowCond-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"BarlowC";src:url("fonts/BarlowCond-500.woff") format("woff"),url("fonts/BarlowCond-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Barlow";src:url("fonts/Barlow-400.woff") format("woff"),url("fonts/Barlow-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Barlow";src:url("fonts/Barlow-500.woff") format("woff"),url("fonts/Barlow-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap;}

:root{
  --duvar:#EFE7D9;
  --duvar-bej:#DFCFAE;
  --koyu:#241811;
  --koyu-derin:#170F0A;
  --kahve:#4A3524;
  --taba:#B4753B;
  --taba-acik:#D9A868;
  --taba-metin:#7E4D22;
  --taba-metin-bej:#6F4318;
  --murekkep:#22190F;
  --murekkep-soluk:#5B4E40;
  --murekkep-soluk-bej:#524537;
  --acik:rgba(239,231,217,.96);
  --acik-soluk:rgba(239,231,217,.82);
  --ray:#1C130D;
  --cizgi:rgba(34,25,15,.26);
  --cizgi-koyu:rgba(217,168,104,.32);
  --display:"Gilda",Georgia,serif;
  --etiket:"BarlowC","Barlow",system-ui,sans-serif;
  --metin:"Barlow","Segoe UI",system-ui,sans-serif;
  --ray-en:126px;
  --plan-h:0px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--metin);font-weight:400;color:var(--murekkep);
  background:var(--duvar);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
  padding-left:var(--ray-en);
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
::selection{background:var(--taba);color:var(--duvar);}
:focus-visible{outline:2px solid var(--taba-metin);outline-offset:3px;}
.koyu-salon :focus-visible,.ray :focus-visible,.defter-onizleme :focus-visible,
.kunye-obje :focus-visible,.plan-serit :focus-visible,.etiket-serit :focus-visible{outline-color:var(--taba-acik);}
html{scrollbar-color:var(--kahve) var(--duvar);scrollbar-width:thin;}

/* ================= RAY = SALON PLANI (menü yok) ================= */
.ray{
  position:fixed;top:0;left:0;bottom:0;width:var(--ray-en);z-index:60;
  background:var(--ray);color:var(--acik);
  display:flex;flex-direction:column;align-items:center;
  padding:1rem 0 1.1rem;border-right:1px solid rgba(217,168,104,.22);
}
.ray .amblem img{width:42px;height:42px;object-fit:contain;}
.ray .dikey{
  writing-mode:vertical-rl;text-orientation:mixed;
  font-family:var(--display);font-size:.94rem;letter-spacing:.34em;
  text-transform:uppercase;color:var(--acik);padding:.9rem 0 .3rem;
}
.ray .plan{
  flex:1;display:flex;flex-direction:column;justify-content:center;gap:.08rem;
  width:100%;padding:.5rem 0;
}
.ray .plan a{
  display:grid;grid-template-columns:20px 1fr;align-items:center;gap:.4rem;
  padding:.42rem .5rem .42rem .6rem;
  font-family:var(--etiket);font-size:.78rem;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(239,231,217,.76);white-space:nowrap;
}
.ray .plan a i{font-style:normal;font-size:.7rem;color:var(--taba-acik);text-align:right;opacity:.85;}
.ray .plan a:hover{color:var(--duvar);background:rgba(180,117,59,.18);}
.ray .plan a.on{color:var(--duvar);background:rgba(180,117,59,.24);box-shadow:inset 2px 0 0 var(--taba);}
.ray .plan .ara{height:1px;background:rgba(217,168,104,.22);margin:.5rem .55rem;}
.ray .alet{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;}
.ray .alet a{width:44px;height:44px;display:grid;place-items:center;color:rgba(239,231,217,.82);position:relative;}
.ray .alet a:hover{color:var(--taba-acik);}
.ray .alet a[aria-disabled="true"]{opacity:.55;cursor:default;}
.ray .sayac{
  position:absolute;top:4px;right:2px;background:var(--taba);color:var(--koyu-derin);
  font-family:var(--etiket);font-size:.58rem;font-weight:500;
  width:15px;height:15px;border-radius:50%;display:grid;place-items:center;
}
.ray .kunye-link{
  font-family:var(--etiket);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(239,231,217,.74);padding:.3rem .4rem;
}
.ray .kunye-link:hover{color:var(--taba-acik);}

/* ================= SALONLAR (yatay — mobilde de) ================= */
.salonlar{
  display:flex;height:calc(100vh - var(--plan-h));overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
}
.salonlar::-webkit-scrollbar{display:none;}
.salon{
  flex:0 0 calc(100vw - var(--ray-en));width:calc(100vw - var(--ray-en));height:100%;
  scroll-snap-align:start;position:relative;
  overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
  display:grid;grid-template-columns:1fr 1fr;background:var(--duvar);
}
.salon.bej{background:var(--duvar-bej);}
.salon.bej .soz,.salon.bej .salon-no{color:var(--murekkep-soluk-bej);}
.salon.bej .salon-no{color:var(--taba-metin-bej);}
.salon.bej .renk-sirasi button{color:var(--murekkep-soluk-bej);}
.salon.koyu-salon{background:var(--koyu);color:var(--acik);}
.salon.koyu-salon .kunye-plaka{background:rgba(23,15,10,.5);border-color:rgba(217,168,104,.32);color:var(--acik);}

.yariv{
  padding:clamp(1.6rem,4vh,3rem) clamp(1.4rem,3.4vw,3.2rem);
  display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;
}
.yario{position:relative;display:grid;place-items:center;overflow:hidden;}
.yario.plinth{
  background:
    radial-gradient(58% 46% at 50% 42%, rgba(180,117,59,.26), transparent 70%),
    linear-gradient(180deg, transparent 62%, rgba(36,24,17,.14) 100%);
}
.koyu-salon .yario.plinth{
  background:
    radial-gradient(58% 46% at 50% 40%, rgba(217,168,104,.26), transparent 70%),
    linear-gradient(180deg, transparent 58%, rgba(0,0,0,.35) 100%);
}
.yario img.obje{
  width:min(62%,430px);object-fit:contain;max-height:72%;
  filter:drop-shadow(0 34px 40px rgba(36,24,17,.34));
}
.koyu-salon .yario img.obje{filter:drop-shadow(0 40px 46px rgba(0,0,0,.62));}
.yario img.kanat{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

.salon-no{
  font-family:var(--etiket);font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--taba-metin);margin-bottom:.8rem;
}
.koyu-salon .salon-no{color:var(--taba-acik);}
.salon h2{font-family:var(--display);font-weight:400;line-height:1.02;font-size:clamp(2.2rem,4.4vw,4.2rem);}
.salon .soz{margin-top:.9rem;max-width:38ch;color:var(--murekkep-soluk);font-size:1rem;}
.koyu-salon .soz{color:var(--acik-soluk);}

.kunye-plaka{
  margin-top:1.4rem;border:1px solid var(--cizgi);background:rgba(255,255,255,.5);
  padding:1rem 1.15rem;max-width:33rem;
}
.koyu-salon .kunye-plaka{border-color:rgba(217,168,104,.32);}
.kunye-satir{display:flex;align-items:baseline;gap:.9rem;font-family:var(--etiket);font-size:.98rem;padding:.3rem 0;}
.kunye-satir + .kunye-satir{border-top:1px dotted var(--cizgi);}
.koyu-salon .kunye-satir + .kunye-satir{border-top-color:rgba(217,168,104,.25);}
.kunye-satir dt{
  flex:0 0 9.4rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;
  font-size:.8rem;color:var(--murekkep-soluk);
}
.salon.bej .kunye-satir dt{color:var(--murekkep-soluk-bej);}
.koyu-salon .kunye-satir dt{color:var(--acik-soluk);}
.kunye-satir dd{font-weight:500;}
.kunye-plaka .ibare{
  font-family:var(--metin);font-size:.84rem;font-style:italic;color:var(--murekkep-soluk);
  margin-top:.7rem;padding-top:.6rem;border-top:1px solid var(--cizgi);
}
.salon.bej .kunye-plaka .ibare{color:var(--murekkep-soluk-bej);}
.koyu-salon .kunye-plaka .ibare{color:var(--acik-soluk);border-top-color:rgba(217,168,104,.25);}

.plaka-btn{
  display:inline-flex;align-items:center;gap:.6rem;margin-top:1.2rem;
  font-family:var(--etiket);font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--murekkep);border:1px solid var(--murekkep);padding:.72rem 1.4rem;background:transparent;
  transition:background .25s,color .25s;
}
.plaka-btn:hover{background:var(--murekkep);color:var(--duvar);}
.plaka-btn.dolu{background:var(--murekkep);color:var(--duvar);}
.plaka-btn.dolu:hover{background:var(--kahve);border-color:var(--kahve);}
.koyu-salon .plaka-btn,.defter-onizleme .plaka-btn,.kunye-obje .plaka-btn,.etiket-serit .plaka-btn{
  color:var(--taba-acik);border-color:var(--taba-acik);background:transparent;
}
.koyu-salon .plaka-btn:hover,.defter-onizleme .plaka-btn:hover,.etiket-serit .plaka-btn:hover{background:var(--taba-acik);color:var(--koyu-derin);}
.koyu-salon .plaka-btn.dolu,.defter-onizleme .plaka-btn.dolu,.etiket-serit .plaka-btn.dolu{background:var(--taba);border-color:var(--taba);color:var(--koyu-derin);}
.yariv .plaka-btn,.rituel .bas .plaka-btn,.kayit .plaka-btn{align-self:flex-start;}
.eylem-sira{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;}

.renk-sirasi{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.1rem;}
.renk-sirasi button{
  display:inline-flex;align-items:center;gap:.45rem;background:none;border:1px solid var(--cizgi);
  padding:.36rem .62rem;font-family:var(--etiket);font-size:.84rem;color:var(--murekkep-soluk);
}
.renk-sirasi button i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(34,25,15,.3);}
.renk-sirasi button[aria-pressed="true"]{border-color:var(--murekkep);color:var(--murekkep);box-shadow:inset 0 0 0 1px var(--murekkep);}
.renk-sirasi button:hover{border-color:var(--taba-metin);color:var(--taba-metin);}

/* ---- KAPI: yazı yarımı + gerçek aydınlatılmış vitrin ---- */
.salon.kapi{grid-template-columns:1fr clamp(320px,34vw,520px);}
.kapi .yariv{justify-content:center;}
.kapi h1{
  font-family:var(--display);font-weight:400;line-height:.96;
  font-size:clamp(2.2rem,7vw,5.6rem);text-transform:uppercase;overflow-wrap:break-word;
}
.kapi h1 em{font-style:normal;display:block;color:var(--taba-metin);}
.kapi .alt{font-family:var(--etiket);font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--murekkep-soluk);margin-top:1rem;}
.kapi .giris{margin-top:1.5rem;display:flex;gap:.9rem;flex-wrap:wrap;align-items:center;}
.kapi .giris .plaka-btn{margin-top:0;}
.kapi .ipucu{
  font-family:var(--etiket);font-size:.84rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--murekkep-soluk);margin-top:1.2rem;
}
.kapi .vitrin{
  position:relative;overflow:hidden;background:var(--koyu);
  display:grid;place-items:center;border-left:1px solid var(--cizgi);
}
.kapi .vitrin::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(62% 48% at 50% 34%, rgba(217,168,104,.34), transparent 72%);
}
.kapi .vitrin img{
  position:relative;z-index:1;width:min(76%,340px);object-fit:contain;max-height:70%;
  filter:drop-shadow(0 40px 46px rgba(0,0,0,.6));
}
.kapi .vitrin figcaption{
  position:absolute;left:0;right:0;bottom:clamp(1rem,3vh,2rem);z-index:2;text-align:center;
  font-family:var(--etiket);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--acik-soluk);
}

/* ---- Ritüel: metin görselin ALTINDA ---- */
.salon.rituel{grid-template-columns:1fr;}
.rituel .ic{display:grid;grid-template-columns:.9fr 1fr 1fr 1fr;height:100%;}
.rituel .bas{padding:clamp(1.6rem,4vh,3rem) clamp(1.2rem,2.4vw,2.2rem);display:flex;flex-direction:column;justify-content:center;}
.rituel .bas h2{font-size:clamp(1.9rem,3.2vw,3rem);}
.rituel .adim{display:grid;grid-template-rows:1fr auto;border-left:1px solid rgba(217,168,104,.18);min-height:0;}
.rituel .kare{position:relative;overflow:hidden;min-height:0;}
.rituel .kare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.rituel .yaz{
  background:var(--koyu-derin);border-top:1px solid rgba(217,168,104,.22);
  padding:.9rem 1.1rem 1.1rem;display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:baseline;
}
.rituel .yaz .no{font-family:var(--display);font-size:1.9rem;line-height:1;color:var(--taba-acik);}
.rituel .yaz h3{font-family:var(--display);font-size:1.2rem;font-weight:400;color:var(--duvar);}
.rituel .yaz p{font-size:.88rem;color:var(--acik-soluk);margin-top:.15rem;}

/* ================= MOBİL PLAN ŞERİDİ ================= */
.plan-serit{display:none;}

/* ================= DEFTER ================= */
.defter{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh;}
.defter-liste{padding:clamp(1.6rem,5vh,3.2rem) clamp(1.4rem,3.2vw,3rem) 5rem;}
.yol{
  display:flex;align-items:center;gap:.6rem;font-family:var(--etiket);font-size:.82rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--murekkep-soluk);margin-bottom:1.1rem;
}
.yol a:hover{color:var(--taba-metin);}
.defter-bas{border-bottom:2px solid var(--murekkep);padding-bottom:1rem;margin-bottom:1.3rem;}
.defter-bas h1{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,4.4vw,3.6rem);text-transform:uppercase;line-height:1;}
.defter-bas p{font-family:var(--etiket);font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;color:var(--murekkep-soluk);margin-top:.6rem;}
.fasil{
  font-family:var(--etiket);font-size:.84rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--taba-metin);margin:1.9rem 0 .4rem;display:flex;align-items:center;gap:.9rem;
}
.fasil::after{content:"";flex:1;height:1px;background:var(--cizgi);}
.fasil:first-of-type{margin-top:.2rem;}
.kayit-satir{
  display:grid;grid-template-columns:2.6rem 1fr auto;gap:1rem;align-items:baseline;
  padding:.72rem .4rem;border:0;border-bottom:1px solid var(--cizgi);width:100%;text-align:left;
  background:none;color:inherit;transition:background .18s,padding .18s;position:relative;
}
.kayit-satir:hover,.kayit-satir.on{background:rgba(180,117,59,.12);padding-left:.9rem;}
.kayit-satir .sira{font-family:var(--etiket);font-size:.86rem;color:var(--murekkep-soluk);letter-spacing:.06em;}
.kayit-satir .ad{font-family:var(--display);font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:400;}
.kayit-satir .nitelik{display:block;font-family:var(--etiket);font-size:.86rem;letter-spacing:.06em;color:var(--murekkep-soluk);text-transform:uppercase;margin-top:.12rem;}
.kayit-satir .bedel{font-family:var(--display);font-size:1.16rem;white-space:nowrap;font-variant-numeric:tabular-nums;}
.kayit-satir .bedel small{font-family:var(--etiket);font-size:.8rem;color:var(--murekkep-soluk);display:block;text-align:right;letter-spacing:.05em;}
.defter-not{font-family:var(--metin);font-style:italic;font-size:.9rem;color:var(--murekkep-soluk);margin-top:.9rem;}

.defter-onizleme{
  position:sticky;top:0;height:100vh;background:var(--koyu);color:var(--acik);
  display:grid;grid-template-rows:1fr auto;overflow:hidden;
}
.defter-onizleme .cerceve{position:relative;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(56% 44% at 50% 42%, rgba(217,168,104,.24), transparent 70%);}
.defter-onizleme .cerceve img{
  width:min(66%,400px);max-height:74%;object-fit:contain;
  filter:drop-shadow(0 34px 44px rgba(0,0,0,.6));
}
.defter-onizleme .cerceve img.kapla{width:100%;height:100%;max-height:none;object-fit:cover;filter:none;}
.defter-onizleme .plaka{border-top:1px solid rgba(217,168,104,.28);padding:1.2rem 1.4rem 1.5rem;background:rgba(23,15,10,.55);}
.defter-onizleme .plaka h3{font-family:var(--display);font-weight:400;font-size:1.5rem;color:var(--duvar);}
.defter-onizleme .plaka .satir{font-family:var(--etiket);font-size:.88rem;letter-spacing:.06em;color:var(--acik-soluk);text-transform:uppercase;margin-top:.3rem;}
.defter-onizleme .plaka .ibare{font-family:var(--metin);font-style:italic;text-transform:none;letter-spacing:0;font-size:.86rem;margin-top:.45rem;}
.defter-onizleme .git{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:.9rem;}
.defter-onizleme .git .plaka-btn{margin-top:0;padding:.64rem 1.1rem;}

.etiket-serit{display:none;}

/* ================= KÜNYE (müze etiketi) ================= */
.kunye-sayfa{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh;}
.kunye-obje{
  position:sticky;top:0;height:100vh;background:var(--koyu);color:var(--acik);
  display:grid;grid-template-rows:1fr auto auto;overflow:hidden;
}
.kunye-obje .sahne{position:relative;display:grid;place-items:center;
  background:radial-gradient(58% 46% at 50% 40%, rgba(217,168,104,.28), transparent 72%);}
.kunye-obje .sahne img{width:min(62%,430px);max-height:76%;object-fit:contain;
  filter:drop-shadow(0 36px 46px rgba(0,0,0,.6));}
.kunye-obje .sahne .no{
  position:absolute;top:1.2rem;left:1.4rem;font-family:var(--etiket);font-size:.82rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--acik-soluk);
}
.vitrin-sirasi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:rgba(217,168,104,.2);}
.vitrin-sirasi button{
  background:var(--koyu-derin);border:none;padding:.55rem .3rem .6rem;min-width:0;
  display:grid;gap:.3rem;justify-items:center;color:var(--acik-soluk);
}
.vitrin-sirasi button img{width:100%;max-width:52px;aspect-ratio:3/4;object-fit:contain;opacity:.55;transition:opacity .2s;}
.vitrin-sirasi button span{font-family:var(--etiket);font-size:.7rem;letter-spacing:.04em;text-align:center;line-height:1.15;}
.vitrin-sirasi button[aria-pressed="true"] img,.vitrin-sirasi button:hover img{opacity:1;}
.vitrin-sirasi button[aria-pressed="true"]{color:var(--duvar);background:rgba(180,117,59,.24);}

.kunye-metin{padding:clamp(1.6rem,5vh,3.2rem) clamp(1.4rem,3.2vw,3rem) 4rem;display:flex;flex-direction:column;justify-content:center;}
.etiket-plaka{border:1px solid var(--cizgi);background:rgba(255,255,255,.5);padding:clamp(1.2rem,2.2vw,1.8rem);max-width:34rem;}
.etiket-plaka h1{font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,3.2vw,2.7rem);text-transform:uppercase;line-height:1.04;}
.etiket-plaka .tanit{color:var(--murekkep-soluk);margin-top:.8rem;font-size:.96rem;}
.kunye-tablo{margin-top:1.1rem;border-top:1px solid var(--cizgi);}
.kunye-tablo .st{display:grid;grid-template-columns:8.6rem 1fr;gap:.9rem;padding:.5rem .1rem;border-bottom:1px dotted var(--cizgi);}
.kunye-tablo dt{font-family:var(--etiket);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--murekkep-soluk);}
.kunye-tablo dd{font-family:var(--etiket);font-size:1rem;font-weight:500;}
.secim-bas{font-family:var(--etiket);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--murekkep-soluk);margin:1.1rem 0 .5rem;}
.secim{display:flex;gap:.6rem;flex-wrap:wrap;}
.secim button{
  border:1px solid var(--cizgi);background:rgba(255,255,255,.6);padding:.6rem .9rem;text-align:left;color:inherit;
  display:flex;align-items:baseline;gap:.7rem;
}
.secim button .ad{font-family:var(--etiket);font-size:.94rem;font-weight:500;}
.secim button .f{font-family:var(--display);font-size:1.05rem;}
.secim button[aria-pressed="true"]{border-color:var(--murekkep);box-shadow:inset 0 0 0 1px var(--murekkep);}
.secim button:hover{border-color:var(--taba-metin);}
.bedel-satir{display:flex;align-items:baseline;gap:.8rem;margin:1.1rem 0 .3rem;}
.bedel-satir .b{font-family:var(--display);font-size:2.1rem;font-variant-numeric:tabular-nums;}
.bedel-satir small{font-family:var(--etiket);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--murekkep-soluk);}
.kunye-ibare{font-family:var(--metin);font-style:italic;font-size:.88rem;color:var(--murekkep-soluk);}
.etiket-plaka .plaka-btn{margin-top:1.1rem;}
.kunye-notlar{max-width:34rem;margin-top:1.3rem;display:grid;gap:.8rem;}
.kunye-notlar section{border-top:1px solid var(--cizgi);padding-top:.8rem;}
.kunye-notlar h3{font-family:var(--etiket);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.4rem;}
.kunye-notlar p,.kunye-notlar li{font-size:.94rem;color:var(--murekkep-soluk);}
.kunye-notlar ul{list-style:none;display:grid;gap:.25rem;}
.kunye-notlar li{padding-left:1rem;position:relative;}
.kunye-notlar li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;transform:rotate(45deg);border:1px solid var(--taba);}
.kunye-notlar a{color:var(--taba-metin);text-decoration:underline;text-underline-offset:3px;}
.komsu-serit{
  margin-top:1.3rem;max-width:34rem;display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center;
  font-family:var(--etiket);font-size:.86rem;letter-spacing:.04em;color:var(--murekkep-soluk);
}
.komsu-serit a{border-bottom:1px solid var(--cizgi);}
.komsu-serit a:hover{color:var(--taba-metin);border-color:var(--taba-metin);}

.sayfa-kunyesi{
  border-top:1px solid var(--cizgi);padding:1.1rem clamp(1.4rem,3.2vw,3rem) 1.4rem;
  display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center;
  font-family:var(--etiket);font-size:.84rem;letter-spacing:.04em;color:var(--murekkep-soluk);
  background:var(--duvar);
}
.sayfa-kunyesi a:hover{color:var(--taba-metin);}

/* ================= DUYARLILIK ================= */
@media (max-width:1000px){
  :root{--ray-en:0px;--plan-h:56px;}
  body{padding-left:0;padding-top:52px;}
  .ray{
    top:0;left:0;right:0;bottom:auto;width:auto;height:52px;flex-direction:row;
    align-items:center;justify-content:space-between;padding:0 .8rem;
    border-right:none;border-bottom:1px solid rgba(217,168,104,.22);
  }
  .ray .amblem img{width:32px;height:32px;}
  .ray .dikey{writing-mode:horizontal-tb;padding:0;font-size:.9rem;letter-spacing:.24em;}
  .ray .plan{display:none;}
  .ray .alet{flex-direction:row;width:auto;gap:.3rem;align-items:center;}
  .ray .alet a{width:40px;height:40px;}
  .salonlar{height:calc(100vh - 52px - var(--plan-h));}
  .salon{flex:0 0 100vw;width:100vw;grid-template-columns:1fr;grid-template-rows:auto 1fr;}
  .yariv{order:1;padding:1.1rem 1.1rem .9rem;justify-content:flex-start;}
  .yario{order:2;min-height:0;}
  .salon.ters .yariv{order:1;}
  .salon.ters .yario{order:2;}
  .salon.kapi{grid-template-columns:1fr;grid-template-rows:auto 1fr;}
  .kapi .vitrin{order:2;border-left:none;border-top:1px solid var(--cizgi);}
  .kapi .vitrin img{width:min(60%,230px);}
  .kapi .vitrin figcaption{bottom:.6rem;font-size:.72rem;}
  .salon.rituel{grid-template-rows:1fr;}
  .salon.rituel .ic{grid-template-columns:1fr;grid-template-rows:auto 1fr 1fr 1fr;height:100%;min-height:0;}
  .rituel .adim{min-height:0;}
  .rituel .kare{min-height:120px;}
  .rituel .bas{padding:1rem 1.1rem .5rem;}
  .rituel .adim{border-left:none;border-top:1px solid rgba(217,168,104,.18);}
  .rituel .yaz{padding:.55rem .9rem .65rem;}
  .rituel .yaz .no{font-size:1.4rem;}
  .rituel .yaz h3{font-size:1.05rem;}
  .rituel .yaz p{font-size:.8rem;}
  .plan-serit{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:58;height:var(--plan-h);
    align-items:center;gap:.9rem;padding:0 1rem;
    background:rgba(28,19,13,.96);border-top:1px solid rgba(217,168,104,.24);
  }
  .plan-serit .noktalar{display:flex;gap:.35rem;align-items:center;}
  .plan-serit .noktalar a{width:26px;height:34px;display:grid;place-items:center;}
  .plan-serit .noktalar a::before{content:"";width:8px;height:8px;border-radius:50%;border:1px solid var(--taba-acik);opacity:.6;}
  .plan-serit .noktalar a.on::before{background:var(--taba-acik);opacity:1;transform:scale(1.15);}
  .plan-serit .ad{
    font-family:var(--etiket);font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;
    color:var(--acik);margin-left:auto;max-width:56%;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  /* künye plakası dar ekranda satırları kırsın (taşma yok) */
  .kunye-satir{flex-wrap:wrap;gap:.15rem .8rem;}
  .kunye-satir dt{flex:0 0 100%;font-size:.76rem;}
  .kunye-satir dd{font-size:.96rem;}
  .defter{grid-template-columns:1fr;}
  .defter-liste{padding-bottom:8rem;}
  .defter-onizleme{display:none;}
  .kayit-satir::after{
    content:"";position:absolute;right:.5rem;top:50%;width:7px;height:7px;
    border-right:1px solid var(--murekkep-soluk);border-bottom:1px solid var(--murekkep-soluk);
    transform:translateY(-60%) rotate(-45deg);opacity:.7;
  }
  .kayit-satir.on::after{transform:translateY(-40%) rotate(135deg);}
  .etiket-serit{
    display:grid;grid-template-columns:56px 1fr auto;gap:.8rem;align-items:center;
    position:fixed;left:0;right:0;bottom:0;z-index:59;transform:translateY(105%);
    transition:transform .28s cubic-bezier(.2,.7,.2,1);
    background:var(--koyu);color:var(--acik);border-top:1px solid rgba(217,168,104,.3);
    padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom,0px));
  }
  .etiket-serit.acik{transform:translateY(0);}
  .etiket-serit img{width:56px;height:56px;object-fit:contain;background:var(--koyu-derin);}
  .etiket-serit .ad{font-family:var(--display);font-size:1.05rem;line-height:1.15;color:var(--duvar);}
  .etiket-serit .satir{font-family:var(--etiket);font-size:.8rem;letter-spacing:.04em;color:var(--acik-soluk);}
  .etiket-serit .plaka-btn{margin-top:0;padding:.55rem .9rem;font-size:.74rem;}
  .kunye-sayfa{grid-template-columns:1fr;}
  .kunye-obje{position:static;height:auto;}
  .kunye-obje .sahne{min-height:44vh;}
  .vitrin-sirasi button img{max-width:38px;}
  .vitrin-sirasi button span{font-size:.62rem;}
  .kunye-metin{padding-bottom:3rem;}
}
@media (max-width:560px){
  .kunye-tablo .st{grid-template-columns:1fr;gap:.05rem;}
  .kayit-satir{grid-template-columns:2rem 1fr;row-gap:.15rem;}
  .kayit-satir .bedel{grid-column:2;text-align:left;}
  .kayit-satir .bedel small{text-align:left;display:inline;margin-left:.4rem;}
  .vitrin-sirasi{grid-template-columns:repeat(3,minmax(0,1fr));}
  .plan-serit .ad{font-size:.78rem;letter-spacing:.1em;}
}
@media (prefers-reduced-motion:reduce){
  html,.salonlar{scroll-behavior:auto;}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;}
}

/* ============================================================
   v3 — MAĞAZA AKIŞI (dikey). Sergi dili korunur; gezinme standart:
   ana sayfa aşağı akar, kategoriler öne çıkar, sergi turu isteğe bağlı.
   ============================================================ */
main.dikey{display:block;min-height:100vh;}
.bolum{max-width:1320px;margin:0 auto;padding:clamp(2.4rem,5.5vw,4.4rem) clamp(1.2rem,3.4vw,3rem);}
.bolum.tam{max-width:none;padding-left:0;padding-right:0;}
.bolum-bas{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem;}
.bolum-bas h2{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,3.4vw,2.8rem);}
.bolum-bas .yan{font-family:var(--etiket);font-size:.86rem;letter-spacing:.14em;text-transform:uppercase;color:var(--murekkep-soluk);}
.bolum-bas .yan a{border-bottom:1px solid var(--cizgi);}
.bolum-bas .yan a:hover{color:var(--taba-metin);border-color:var(--taba-metin);}

/* hero (dikey) */
.hero-d{display:grid;grid-template-columns:1fr 1fr;min-height:min(76vh,700px);background:var(--duvar);}
.hero-d .soz-yari{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.8rem,4vw,3.4rem) clamp(1.4rem,3.4vw,3.2rem);}
.hero-d h1{font-family:var(--display);font-weight:400;line-height:1;font-size:clamp(2.4rem,5.4vw,4.4rem);text-transform:uppercase;}
.hero-d h1 em{font-style:normal;display:block;color:var(--taba-metin);}
.hero-d .alt{font-family:var(--etiket);font-size:.94rem;letter-spacing:.18em;text-transform:uppercase;color:var(--murekkep-soluk);margin-top:1rem;}
.hero-d .aciklama{margin-top:1rem;max-width:40ch;color:var(--murekkep-soluk);}
.hero-d .dugmeler{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem;}
.hero-d .dugmeler .plaka-btn{margin-top:0;}
.hero-d .vitrin{position:relative;background:var(--koyu);display:grid;place-items:center;overflow:hidden;}
.hero-d .vitrin::before{content:"";position:absolute;inset:0;background:radial-gradient(62% 48% at 50% 36%,rgba(217,168,104,.32),transparent 72%);}
.hero-d .vitrin img{position:relative;z-index:1;width:min(70%,340px);max-height:74%;object-fit:contain;filter:drop-shadow(0 40px 46px rgba(0,0,0,.6));}
.hero-d .vitrin figcaption{position:absolute;bottom:clamp(.8rem,3vh,1.8rem);left:0;right:0;text-align:center;font-family:var(--etiket);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--acik-soluk);}

/* kategori kartları */
.kategoriler{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.6rem);}
.kat-kart{display:block;background:#fff;border:1px solid var(--cizgi);transition:transform .25s,border-color .25s;}
.kat-kart:hover{transform:translateY(-4px);border-color:var(--taba);}
.kat-kart .gorsel{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--koyu);display:grid;place-items:center;}
.kat-kart .gorsel::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 40%,rgba(217,168,104,.28),transparent 72%);}
.kat-kart .gorsel img{position:relative;z-index:1;width:min(62%,220px);max-height:80%;object-fit:contain;filter:drop-shadow(0 20px 26px rgba(0,0,0,.5));}
.kat-kart .gorsel img.kapla{width:100%;height:100%;max-height:none;object-fit:cover;filter:none;}
.kat-kart .yazi{padding:1rem 1.1rem 1.2rem;}
.kat-kart h3{font-family:var(--display);font-weight:400;font-size:1.5rem;}
.kat-kart .adet{font-family:var(--etiket);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--taba-metin);margin-top:.2rem;}
.kat-kart p{color:var(--murekkep-soluk);font-size:.92rem;margin-top:.5rem;}
.kat-kart .git{display:inline-block;margin-top:.7rem;font-family:var(--etiket);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--taba-metin);border-bottom:1px solid var(--cizgi);}

/* ürün ızgarası */
.urun-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.8rem);}
.urun-izgara.uclu{grid-template-columns:repeat(3,1fr);}
.urun-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);transition:transform .25s,border-color .25s;}
.urun-kart:hover{transform:translateY(-4px);border-color:var(--taba);}
.urun-kart .sahne{position:relative;aspect-ratio:4/5;background:var(--koyu);display:grid;place-items:center;overflow:hidden;}
.urun-kart .sahne::before{content:"";position:absolute;inset:0;background:radial-gradient(58% 46% at 50% 40%,rgba(217,168,104,.26),transparent 72%);}
.urun-kart .sahne img{position:relative;z-index:1;width:min(70%,220px);max-height:80%;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(0,0,0,.55));transition:transform .3s;}
.urun-kart .sahne img.kapla{width:100%;height:100%;max-height:none;object-fit:cover;filter:none;}
.urun-kart:hover .sahne img{transform:translateY(-5px);}
.urun-kart .bilgi{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;flex:1;gap:.22rem;}
.urun-kart .tur{font-family:var(--etiket);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--taba-metin);}
.urun-kart h3{font-family:var(--display);font-weight:400;font-size:1.24rem;line-height:1.2;}
.urun-kart .fiyat{font-family:var(--display);font-size:1.24rem;margin-top:.3rem;font-variant-numeric:tabular-nums;}
.urun-kart .fiyat small{font-family:var(--etiket);font-size:.78rem;color:var(--murekkep-soluk);margin-left:.4rem;letter-spacing:.06em;}
.urun-kart .ibare{font-family:var(--metin);font-style:italic;font-size:.78rem;color:var(--murekkep-soluk);}
.urun-kart .eylem{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.8rem;}
.urun-kart .eylem .plaka-btn{margin-top:0;padding:.55rem .9rem;font-size:.74rem;}

/* kategori sekmeleri */
.sekmeler{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.6rem;}
.sekmeler button{
  font-family:var(--etiket);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;
  border:1px solid var(--cizgi);background:transparent;color:var(--murekkep-soluk);padding:.6rem 1.1rem;
}
.sekmeler button:hover{border-color:var(--taba-metin);color:var(--taba-metin);}
.sekmeler button[aria-pressed="true"]{background:var(--murekkep);border-color:var(--murekkep);color:var(--duvar);}

/* ritüel şeridi */
.rituel-serit{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--koyu-derin);}
.rituel-serit figure{position:relative;background:var(--koyu);}
.rituel-serit .kare{position:relative;aspect-ratio:4/3;overflow:hidden;}
.rituel-serit .kare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.rituel-serit figcaption{padding:.9rem 1.1rem 1.2rem;display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:baseline;}
.rituel-serit .no{font-family:var(--display);font-size:1.8rem;color:var(--taba-acik);line-height:1;}
.rituel-serit h3{font-family:var(--display);font-weight:400;font-size:1.2rem;color:var(--duvar);}
.rituel-serit p{font-size:.88rem;color:var(--acik-soluk);margin-top:.15rem;}

/* hakkımızda / iletişim */
.iki-yarim{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.6rem,4vw,3.4rem);align-items:center;}
.metin-blok h2{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,3.4vw,2.8rem);}
.metin-blok p{color:var(--murekkep-soluk);margin-top:.9rem;max-width:62ch;}
.form-blok{border:1px solid var(--cizgi);background:#fff;padding:clamp(1.2rem,2.4vw,1.8rem);}
.form-blok label{display:block;font-family:var(--etiket);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--murekkep-soluk);margin:.8rem 0 .3rem;}
.form-blok input,.form-blok textarea{
  width:100%;border:1px solid var(--cizgi);background:#FCFAF4;color:var(--murekkep);
  padding:.7rem .8rem;font-family:var(--metin);font-size:.98rem;caret-color:var(--taba-metin);
}
.form-blok input:focus,.form-blok textarea:focus{outline:none;border-color:var(--murekkep);}
.form-blok textarea{min-height:120px;resize:vertical;}
.form-blok .plaka-btn{margin-top:1rem;}
.bilgi-satiri{font-family:var(--etiket);font-size:.88rem;letter-spacing:.05em;color:var(--murekkep-soluk);margin-top:.7rem;}

/* sergi turu bandı */
.tur-bandi{
  background:var(--koyu);color:var(--acik);padding:.7rem clamp(1.2rem,3.4vw,3rem);
  display:flex;gap:1rem;align-items:center;flex-wrap:wrap;
  font-family:var(--etiket);font-size:.86rem;letter-spacing:.08em;
}
.tur-bandi a{border-bottom:1px solid var(--cizgi-koyu);color:var(--taba-acik);}
.tur-bandi a:hover{border-color:var(--taba-acik);}

/* mobil alt sekme çubuğu (hamburger yok) */
.alt-tab{display:none;}
@media (max-width:1000px){
  .hero-d{grid-template-columns:1fr;min-height:0;}
  .hero-d .vitrin{min-height:44vh;order:2;}
  .hero-d .soz-yari{order:1;padding-top:1.6rem;}
  .kategoriler{grid-template-columns:1fr;}
  .urun-izgara,.urun-izgara.uclu{grid-template-columns:repeat(2,1fr);}
  .rituel-serit{grid-template-columns:1fr;}
  .iki-yarim{grid-template-columns:1fr;}
  body.magaza{padding-left:0;padding-top:52px;padding-bottom:66px;}
  .alt-tab{
    display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:59;
    background:rgba(28,19,13,.97);border-top:1px solid rgba(217,168,104,.24);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  .alt-tab a{
    display:grid;justify-items:center;gap:.12rem;padding:.5rem .15rem .55rem;min-width:0;
    font-family:var(--etiket);font-size:.62rem;letter-spacing:.02em;text-transform:uppercase;
    color:rgba(239,231,217,.74);text-align:center;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .alt-tab a.on{color:var(--taba-acik);}
  .alt-tab svg{width:20px;height:20px;}
}


/* ============================================================
   v3.1 — MOBİL DENETİMİ DÜZELTMELERİ (23 Ağustos 2026)
   Beş mercekli bağımsız denetimin (dokunma / alışveriş / tipografi /
   teknik / marka) doğruladığı bulgular. Kaynak sırası gereği bu blok
   kendinden öncekileri ezer; !important kullanılmaz.
   ============================================================ */

/* — Görsel çerçeveleri —
   Yüzdeli `max-height` belirsiz yükseklikte çözülmediği için görseller
   çerçeveden taşıp kırpılıyordu (Mescid-i Nebevî saati üstten/alttan
   kesiliyordu). Çerçeve kesin kutu, görsel mutlak konumlu ve iç dolgu
   kadar içeride: object-fit artık gerçekten kutuya sığdırıyor. */
.kat-kart .gorsel img{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:9% 18%;max-height:none;object-fit:contain;}
.kat-kart .gorsel img.kapla{padding:0;object-fit:cover;}
.urun-kart .sahne img{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:8% 14%;max-height:none;object-fit:contain;}
.urun-kart .sahne img.kapla{padding:0;object-fit:cover;}
.hero-d .vitrin img{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:7% 15% 15%;max-height:none;object-fit:contain;}

/* — Satır-içi span'ler kutu gibi davranmıyordu —
   `.kare` inline olduğu için Kutu Ritüeli'nin üç fotoğrafı 0×0 çiziliyordu;
   `.yazi` inline olduğu için kategori kartlarının dikey iç boşluğu yok sayılıyordu. */
.rituel-serit .kare{display:block;}
.kat-kart .yazi{display:block;}
.urun-kart .sahne{display:block;}

/* — Sepet geri bildirimi — */
.plaka-btn.eklendi{background:var(--taba-metin);border-color:var(--taba-metin);color:var(--duvar);}

/* — Ürün sayfasında satın alma bloğu — */
.satin-blok{margin-top:1.1rem;}
.satin-blok .bedel-satir{margin:0 0 .6rem;}
.satin-blok .plaka-btn{margin-top:0;}

/* v3.20 — ürün sayfasında adet seçimi (sepetteki .adet-kutu bileşeni yeniden kullanılır) */
.al-satir{display:flex;align-items:stretch;gap:.7rem;}
.al-satir .plaka-btn{flex:1 1 auto;justify-content:center;margin-top:0;}
.al-satir .adet-kutu{flex:0 0 auto;background:rgba(255,255,255,.4);}
.adet-kutu button{cursor:pointer;}
.adet-kutu button:disabled{opacity:.35;cursor:default;}

/* — Yatay salon kabı: kaydırma zinciri tarayıcının geri jestine düşmesin — */
.salonlar{overscroll-behavior-x:contain;}

@media (max-width:1000px){
  /* ---------- dokunma hedefleri: 44×44 css px (WCAG 2.5.5 / Apple HIG) ---------- */
  .urun-kart .eylem{gap:.6rem;flex-wrap:nowrap;align-items:stretch;}
  .urun-kart .eylem .plaka-btn{
    flex:1 1 0;min-width:0;min-height:44px;justify-content:center;text-align:center;
    padding:.7rem .5rem;font-size:.78rem;letter-spacing:.1em;line-height:1.15;
  }
  .sekmeler button{
    min-height:44px;display:inline-flex;align-items:center;justify-content:center;
    padding:.55rem 1rem;font-size:.84rem;letter-spacing:.1em;flex:1 1 auto;
  }
  .renk-sirasi{gap:.6rem;}
  .renk-sirasi button{min-height:44px;padding:.55rem .85rem;font-size:.88rem;}
  .ray .amblem{width:44px;height:44px;display:grid;place-items:center;}

  /* ---------- kategori süzgeci başparmakla erişilebilir kalsın ---------- */
  .sekmeler{
    position:sticky;top:52px;z-index:40;
    margin:0 calc(-1 * clamp(1.2rem,3.4vw,3rem)) 1.3rem;
    padding:.7rem clamp(1.2rem,3.4vw,3rem);
    gap:.5rem .6rem;
    background:var(--duvar);border-bottom:1px solid var(--cizgi);
  }

  /* ---------- ürün sayfası: fiyat ve Sepete Ekle her zaman elde ----------
     Yapışkan (sticky) yerine SABİT çubuk: sticky, doğal yeri sayfanın altında
     olduğu için başlığın üzerine çekiliyordu. Sabit çubuk alt sekme çubuğunun
     hemen üstünde durur; içerik onun altında kalmasın diye yer ayrılır. */
  .satin-blok{
    position:fixed;left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom,0px));z-index:41;
    display:flex;align-items:center;gap:.9rem;
    margin:0;padding:.7rem clamp(1.4rem,3.2vw,3rem);
    background:var(--duvar);border-top:1px solid var(--cizgi);
    box-shadow:0 -10px 22px rgba(36,24,17,.14);
  }
  .kunye-metin{padding-bottom:9rem;}
  .satin-blok .bedel-satir{margin:0;flex:0 0 auto;}
  .satin-blok .bedel-satir .b{font-size:1.6rem;}
  .satin-blok .plaka-btn{flex:1 1 auto;min-height:44px;justify-content:center;margin-top:0;}
  /* Sabit çubuk iki satır: üstte bedel, altta adet + buton.
     Tek satırda uzun fiyat etiketi ("KDV dâhil · kutulu takım") ve uzun dillerdeki
     buton metni ("ДОБАВИТЬ В КОРЗИНУ") taşıyordu. */
  .satin-blok{flex-wrap:wrap;gap:.45rem .9rem;padding-top:.55rem;padding-bottom:.55rem;}
  .satin-blok .bedel-satir{flex:1 1 100%;gap:.5rem;}
  .satin-blok .bedel-satir .b{font-size:1.45rem;}
  .satin-blok .bedel-satir small{font-size:.68rem;letter-spacing:.08em;}
  .satin-blok .al-satir{flex:1 1 100%;gap:.6rem;}
  .satin-blok .al-satir .adet-kutu button{width:38px;height:46px;}
  .satin-blok .al-satir .adet-kutu .adet{min-width:2rem;}

  /* ---------- iOS Safari 16px'in altında odakta sayfayı yakınlaştırır ---------- */
  .form-blok input,.form-blok textarea{font-size:16px;}

  /* ---------- okunabilirlik ---------- */
  .alt-tab a{font-size:.72rem;letter-spacing:.02em;}
  .vitrin-sirasi button span{font-size:.74rem;letter-spacing:.02em;}
  .kapi .vitrin figcaption{font-size:.8rem;letter-spacing:.1em;}
  .bedel-satir .b{font-size:1.7rem;}
  .sayfa-kunyesi{
    flex-direction:column;align-items:flex-start;gap:.55rem;
    padding-bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));
  }
  .sayfa-kunyesi .telif{margin-left:0;}

  /* ---------- tam ekran yükseklikleri: mobil adres çubuğu ---------- */
  .salonlar{
    height:calc(100vh - 52px - var(--band-h,0px) - var(--plan-h));
    height:calc(100dvh - 52px - var(--band-h,0px) - var(--plan-h));
  }
}

/* Sergi Turu: salon alanının yüksekliği artık sihirli sayıyla değil, esnek
   sütun düzeniyle hesaplanıyor — çıkış bandı kaç satır sararsa sarsın salonun
   alt şeridi opak plan çubuğunun altında kalmaz. */
@media (max-width:1000px){
  body.tur{
    display:flex;flex-direction:column;
    height:100vh;height:100dvh;
    padding-bottom:calc(var(--plan-h) + env(safe-area-inset-bottom,0px));
    overflow:hidden;
  }
  body.tur .tur-bandi{flex:0 0 auto;padding-top:.5rem;padding-bottom:.5rem;gap:.7rem;}
  body.tur .tur-bandi span{display:none;}   /* aynı ipucu kapı salonunda zaten var */
  body.tur .salonlar{flex:1 1 auto;height:auto;min-height:0;}
  body.tur .sayfa-kunyesi{display:none;}    /* tur ekranı tek ekrandır; künye ana akışta */
}

/* Ürün ızgarası: 380px'e kadar iki sütun kalsın — tek sütun listeyi
   dokuz ekranlık bir şeride çeviriyor, aile hâlindeki renkler
   birbiriyle karşılaştırılamıyordu. */
@media (max-width:380px){
  .urun-izgara,.urun-izgara.uclu{grid-template-columns:1fr;}
}

/* Dar kartta (iki sütunlu ızgara, ≤560px) iki düğme yan yana sığmıyor:
   "Sepete Ekle" üç satıra sarıyordu. Alt alta, tam genişlik. */
@media (max-width:560px){
  .urun-kart .eylem{flex-wrap:wrap;gap:.45rem;}
  .urun-kart .eylem .plaka-btn{flex:1 1 100%;}
}

/* Kalan küçük dokunma hedefleri (mobil denetim, ikinci tur ölçümü). */
@media (max-width:1000px){
  /* bölüm başlığındaki "Tüm ürünler →" bağlantısı */
  .bolum-bas .yan a{display:inline-flex;align-items:center;min-height:44px;padding:0 .15rem;}
  /* kırıntı yolu ve komşu ürün bağlantıları: satır içi ama parmakla basılır olsun */
  .yol a,.komsu-serit a{display:inline-flex;align-items:center;min-height:40px;padding:0 .1rem;}
  .komsu-serit{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;}
  /* salon planı noktaları */
  .plan-serit .noktalar a{width:40px;height:44px;}
  /* sepet rozeti okunabilir kalsın */
  .ray .sayac{font-size:.66rem;width:17px;height:17px;}
}

/* Sergi Turu ve ürün notlarındaki son küçük hedefler. */
@media (max-width:1000px){
  body.tur .tur-bandi a{display:inline-flex;align-items:center;min-height:40px;}
  .kunye-notlar p a{display:inline-flex;align-items:center;min-height:40px;}
}


/* ============================================================
   v3.2 — MAHFAZA FOTOĞRAF DİLİNİN SERGİ'YE PORTU (24 Ağustos 2026)
   Ürün rasterleri artık düz espresso #241811 tuvale oturtulmuş
   (assets/img/*_s.webp). Zemin vitrinin zemininin ta kendisi olduğu
   için görsel çerçeveye dikişsiz karışır — panel yok, kutu yok.
   Sonuç olarak spot ışığı görselin ARKASINDA kalamaz: opak zemin ışığı
   keser ve objenin etrafında dikdörtgen bir sınır belirir. Işık artık
   görselin ÜSTÜNDE, bütün vitrine (objeye de) düşen bir katman.
   ============================================================ */
.hero-d .vitrin::before,
.kat-kart .gorsel::before,
.urun-kart .sahne::before{z-index:2;pointer-events:none;}
.hero-d .vitrin::before{background:radial-gradient(62% 48% at 50% 34%,rgba(217,168,104,.20),transparent 74%);}
.kat-kart .gorsel::before{background:radial-gradient(60% 50% at 50% 38%,rgba(217,168,104,.17),transparent 74%);}
.urun-kart .sahne::before{background:radial-gradient(58% 46% at 50% 38%,rgba(217,168,104,.16),transparent 74%);}
/* Işık katmanı yazının üstüne binmesin */
.hero-d .vitrin figcaption{z-index:3;}

/* Kapı salonu ve künye sahnesi: aynı ilke, ışık objenin üstünde */
.kapi .vitrin{position:relative;}
.kapi .vitrin::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(58% 46% at 50% 38%,rgba(217,168,104,.16),transparent 74%);
}
.kapi .vitrin img,.kapi .vitrin figcaption{position:relative;z-index:1;}
.kapi .vitrin figcaption{z-index:3;}
.kunye-obje .sahne{background-color:var(--koyu);}
.koyu-salon .yario.plinth{background-color:var(--koyu);}
.defter-onizleme .cerceve{background-color:var(--koyu);}
.kunye-obje .sahne::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(58% 46% at 50% 38%,rgba(217,168,104,.16),transparent 74%);
}
.kunye-obje .sahne img{position:relative;z-index:1;filter:none;}

/* Ritüel şeridi ve kapı salonu görselleri de düz espresso taşıyor:
   çerçeveye ayrı bir zemin verme, görselin kendisi zemindir. */
.rituel-serit .kare,.rituel .kare{background:var(--koyu);}


/* ============================================================
   v3.3 — RAY: SLOGAN VE KATEGORİ DALI (24 Ağustos 2026)
   ============================================================ */

/* Slogan: amblem ve adın altında, rayın kitap sırtı dizilişini sürdürür.
   Parisienne — ince, el yazısı; Türkçe glifleri render edilip gözle doğrulandı. */
@font-face{font-family:"Parisienne";src:url("fonts/Parisienne.woff") format("woff"),url("fonts/Parisienne.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}
.ray .slogan{
  writing-mode:vertical-rl;text-orientation:mixed;
  font-family:"Parisienne",cursive;font-size:1.06rem;line-height:1;
  letter-spacing:.02em;color:var(--taba-acik);opacity:.95;
  padding:.15rem 0 .5rem;white-space:nowrap;
}

/* Kategoriler artık ayrı bir blok değil, Ürünler'in altında açılan dal. */
.ray .dal{display:grid;grid-template-columns:1fr 26px;align-items:center;width:100%;}
.ray .dal > a{padding-right:.1rem;letter-spacing:.07em;}
.ray .dal-dugme{
  height:32px;display:grid;place-items:center;color:var(--taba-acik);
  background:none;border:0;cursor:pointer;opacity:.85;
}
.ray .dal-dugme:hover{opacity:1;}
.ray .dal-dugme svg{width:11px;height:7px;stroke:currentColor;fill:none;stroke-width:1.5;
  transition:transform .28s cubic-bezier(.22,.61,.36,1);}
.ray .dal-dugme[aria-expanded="true"] svg{transform:rotate(180deg);}
.ray .dal-govde{
  display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .3s cubic-bezier(.22,.61,.36,1);
  width:100%;
}
.ray .dal-govde.acik{grid-template-rows:1fr;}
.ray .dal-ic{min-height:0;overflow:hidden;}
.ray .dal-ic a{
  padding-left:1.35rem;font-size:.72rem;
  color:rgba(239,231,217,.62);
}
.ray .dal-ic a i{color:var(--taba);}
.ray .dal-ic a:hover{color:var(--duvar);}
/* dalı gösteren kılcal bağlantı çizgisi */
.ray .dal-ic{position:relative;}
.ray .dal-ic::before{
  content:"";position:absolute;left:.78rem;top:.15rem;bottom:.35rem;width:1px;
  background:rgba(217,168,104,.3);
}

@media (max-width:1000px){
  .ray .slogan{display:none;}   /* üst şerit 52px; ad yeterli */
}

/* ============================================================
   v3.5 — ZEMİNİNİ KENDİ TAŞIYAN RASTERLER (24 Ağustos 2026)
   assets/img/*_s.webp dosyaları artık düz espresso #241811 tuval
   üzerine oturtulmuş, opak, 4/5 görsellerdir: görselin kendisi
   vitrindir. Bu yüzden sahnenin objeye uyguladığı iki müdahale
   yanlış hedefe düşüyordu:
     · drop-shadow() opak dikdörtgenin ÇEVRESİNE hale çiziyor,
       kartın içinde ikinci bir dikdörtgen beliriyordu;
     · padding, zaten espresso olan zemine ikinci bir çerçeve
       ekleyip vitrinin derinliğini iki kata bölüyordu.
   Kural: raster sahneyi baştan sona kaplar, filtre yoktur. İşaret SINIFLA
   verilir (`.zemin`), src ekiyle değil: tek dosyalık paket kurulurken src
   data: URI'ye dönüşüyor ve [src$="_s.webp"] seçicisi orada tutmuyor.
   4/5 sahnelerde birebir oturur; 4/3 sahnede (kategori kartı)
   yanlarda kalan boşluk zeminle AYNI renktedir, dikiş görünmez.
   ============================================================ */
.hero-d .vitrin img.zemin,
.kat-kart .gorsel img.zemin,
.urun-kart .sahne img.zemin,
.kapi .vitrin img.zemin,
.kunye-obje .sahne img.zemin{
  position:absolute;inset:0;z-index:1;
  width:100%;height:100%;max-width:none;max-height:none;padding:0;margin:0;
  object-fit:contain;filter:none;
}
.hero-d .vitrin,.kat-kart .gorsel,.urun-kart .sahne,
.kapi .vitrin,.kunye-obje .sahne{position:relative;}
/* Kart üzerindeki yükselme hareketi opak zemini kaydırıp altında
   boşluk açardı; hareket artık hafif bir yakınlaşmadır. */
.urun-kart:hover .sahne img.zemin{transform:scale(1.02);}
/* Renk kılavuzundaki küçük kareler de zeminlerini taşıdığı için
   kırpılarak değil, tam oturarak gösterilir. */
.vitrin-sirasi button img.zemin{aspect-ratio:4/5;object-fit:cover;}
/* Raster artık sahneyi baştan sona kapladığı için sahnenin üstündeki
   künye numarası altında kalıyordu; yazı katmanı öne alınır. */
.kunye-obje .sahne .no,.hero-d .vitrin figcaption,.kapi .vitrin figcaption{z-index:3;}
/* Kapı salonunda raster artık vitrini baştan sona kapladığı için künye
   yazısı akışta tek öğe kalıp ortaya düşüyordu; tabana çekilir. */
.kapi .vitrin{place-items:end center;padding-bottom:clamp(1rem,3vh,2rem);}

/* ============================================================
   v3.6 — DÜZ ZEMİN VE KENARSIZ IŞIK (25 Ağustos 2026)
   Burak: "ürün fotoğraflarının çevresinde bulanık bir renk geçişi
   var; ürünün sınırı farklı renkte, geri kalanı başka renkte."
   Haklıydı ve iki ayrı sebebi vardı:
   (1) Rasterin İÇİNE pişirilmiş eliptik vitrin hâlesi + ürünü her
       yandan saran gölge — 14 kat kontrast gerdirmesinde soğan
       halkası gibi konturlar veriyordu. Rasterler yeniden kuruldu:
       zemin artık ölçülmüş Δ1 ile düz #241811, ürünün yalnız
       tabanında temas gölgesi var.
   (2) Sahnenin ışık katmanı `transparent 72%`de bitiyordu: o
       durakta gradyan düz alana bağlanıyor ve kenarda Mach bandı
       (görünür bir çember) bırakıyordu.
   Kural: ışık kutunun DIŞINDA sıfırlanır (120%/95% yayılım) ve
   düşüşü tek adımda değil, Gauss'a yaklaşan dört durakla iner —
   böylece hiçbir yerde kenar oluşmaz. Zemin rengi #241811 ile
   birebir aynı olduğu için 4/3 sahnelerdeki yan boşlukla da dikiş vermez.
   ============================================================ */
.hero-d .vitrin::before,
.kat-kart .gorsel::before,
.urun-kart .sahne::before,
.kapi .vitrin::before,
.kapi .vitrin::after,
.kunye-obje .sahne,
.kunye-obje .sahne::after,
.koyu-salon .yario.plinth,
.defter-onizleme .cerceve{
  background:radial-gradient(120% 95% at 50% 34%,
    rgba(217,168,104,.115) 0%,
    rgba(217,168,104,.075) 26%,
    rgba(217,168,104,.038) 50%,
    rgba(217,168,104,.014) 74%,
    rgba(217,168,104,0)    100%);
}
.kunye-obje .sahne{background-color:var(--koyu);}
.koyu-salon .yario.plinth{background-color:var(--koyu);}
.defter-onizleme .cerceve{background-color:var(--koyu);}

/* ============================================================
   v3.7 — TEK IŞIK KATMANI (25 Ağustos 2026)
   v3.6 zemini düzledi ama bir basamak kaldı: bazı sahnelerde ışık
   İKİ kez çiziliyordu — biri kabın kendi arka planında (rasterin
   ALTINDA), biri sözde öğede (ÜSTÜNDE). Raster opak olduğu için
   alttaki katman yalnız görselin ULAŞMADIĞI yerde görünüyor;
   sonuç, tam rasterin kenarında 10 seviyelik keskin bir basamak.
   (Ölçüm: kapı salonu, x=1000 sütunu, y=240'ta 56 → y=246'da 46.)
   Kural: sahnenin kabı DÜZ --koyu'dur; ışık TEK bir katmandır ve
   her zaman rasterin ÜSTÜNDEDİR (z-index:2).
   ============================================================ */
/* 1) Sahne kapları: düz zemin */
.hero-d .vitrin,.kat-kart .gorsel,.urun-kart .sahne,.kapi .vitrin,
.kunye-obje .sahne,.yario,.yario.plinth,.koyu-salon .yario.plinth,
.defter-onizleme .cerceve{
  position:relative;overflow:hidden;background:var(--koyu);
}
/* 2) Zeminini taşıyan raster sahneyi kaplar */
.hero-d .vitrin img.zemin,.kat-kart .gorsel img.zemin,.urun-kart .sahne img.zemin,
.kapi .vitrin img.zemin,.kunye-obje .sahne img.zemin,
.yario img.zemin,.yario img.obje.zemin,.yario img.kanat.zemin,
.defter-onizleme .cerceve img.zemin{
  position:absolute;inset:0;z-index:1;
  width:100%;height:100%;max-width:none;max-height:none;padding:0;margin:0;
  object-fit:contain;filter:none;
}
/* 3) TEK ışık katmanı — kenarsız düşüş, daima rasterin üstünde */
.hero-d .vitrin::before,.kat-kart .gorsel::before,.urun-kart .sahne::before,
.kapi .vitrin::after,.kunye-obje .sahne::after,
.yario::after,.defter-onizleme .cerceve::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(120% 95% at 50% 34%,
    rgba(217,168,104,.115) 0%,
    rgba(217,168,104,.075) 26%,
    rgba(217,168,104,.038) 50%,
    rgba(217,168,104,.014) 74%,
    rgba(217,168,104,0)    100%);
}
/* 4) İkinci (alttaki) ışık katmanları susturulur */
.kapi .vitrin::before{background:none;}
/* 5) Yazı katmanları ışığın da üstünde kalır */
.kapi .vitrin figcaption,.hero-d .vitrin figcaption,.kunye-obje .sahne .no{z-index:3;}

/* ============================================================
   v3.9 — ORİJİNAL ÜRÜN PİKSELLERİ (25 Ağustos 2026)
   Yapay zekâ ile yeniden kurulmuş icazetname kareleri dış bordürün
   rengini ve deri yüzeyini değiştiriyordu. İcazetname için artık
   yalnız şeffaf arka planlı kaynak *_0.webp kullanılır. Ürünün üstüne
   hiçbir renk/ışık katmanı çizilmez; Sergi ışığı şeffaf ürünün
   ARKASINDA kalır. Böylece deri, gofraj, yaldız ve bütün kenar
   pikselleri kaynak fotoğrafla aynıdır.
   ============================================================ */
.hero-d .vitrin.renk-koru,
.kat-kart .gorsel.renk-koru,
.urun-kart .sahne.renk-koru,
.kapi .vitrin.renk-koru,
.kunye-obje .sahne.renk-koru,
.yario.renk-koru,
.rituel-serit .kare.renk-koru{
  position:relative;background:var(--koyu);overflow:hidden;
}

/* Işık yalnız ürünün arkasında. */
.hero-d .vitrin.renk-koru::before,
.kat-kart .gorsel.renk-koru::before,
.urun-kart .sahne.renk-koru::before,
.kapi .vitrin.renk-koru::after,
.kunye-obje .sahne.renk-koru::after,
.yario.renk-koru::after{
  z-index:0;
  background:radial-gradient(120% 95% at 50% 34%,
    rgba(217,168,104,.115) 0%,
    rgba(217,168,104,.075) 26%,
    rgba(217,168,104,.038) 50%,
    rgba(217,168,104,.014) 74%,
    rgba(217,168,104,0) 100%);
}
.kapi .vitrin.renk-koru::before{background:none;}

/* Bağlama göre mevcut ölçü korunur; yalnız ürünün kendi alfa kanalı
   üzerinden doğal bir gölge eklenir. filter ürün rengini değiştirmez. */
.hero-d .vitrin img.orijinal,
.kat-kart .gorsel img.orijinal,
.urun-kart .sahne img.orijinal{
  z-index:1;filter:drop-shadow(0 22px 28px rgba(0,0,0,.56));
}
.hero-d .vitrin img.orijinal{filter:drop-shadow(0 40px 46px rgba(0,0,0,.60));}
.kat-kart .gorsel img.orijinal{filter:drop-shadow(0 20px 26px rgba(0,0,0,.50));}

/* v3.5 opak kare için vitrini tabana çekmişti; şeffaf orijinalde
   yeniden gerçek merkez düzenine dönülür. */
.kapi .vitrin.renk-koru{place-items:center;padding-bottom:0;}
.kapi .vitrin img.orijinal{
  position:relative;z-index:1;width:min(76%,340px);max-height:70%;
  object-fit:contain;filter:drop-shadow(0 40px 46px rgba(0,0,0,.60));
}
.kunye-obje .sahne img.orijinal{
  position:relative;z-index:1;width:min(62%,430px);max-height:76%;
  object-fit:contain;filter:drop-shadow(0 36px 46px rgba(0,0,0,.60));
}
.yario img.obje.orijinal{
  position:relative;z-index:1;width:min(62%,430px);max-height:72%;
  object-fit:contain;filter:drop-shadow(0 40px 46px rgba(0,0,0,.62));
}
.rituel-serit .kare img.orijinal{
  position:absolute;inset:0;z-index:1;width:100%;height:100%;
  padding:8% 16%;object-fit:contain;
  filter:drop-shadow(0 20px 26px rgba(0,0,0,.52));
}
.vitrin-sirasi button img.orijinal{object-fit:contain;background:transparent;}
.vitrin-sirasi button img[hidden]{display:none!important;}

/* ============================================================
   v3.11 — KAPAK ANA GÖRSELDİR (25 Ağustos 2026)
   Liste, hero ve renk küçük resimleri gerçek *_1 kapak çekimlerinden
   doğrultulan kayıpsız *_k.webp dosyalarını kullanır (PNG ana kopyadan kayıpsız WebP; pikseller özdeş, bayt yarısı). Kutu yalnız ürün
   detayındaki açık "Kutu" görünümüyle çağrılır. Üretken yeniden çizim,
   renk dengesi ve yüzey rötuşu yoktur.
   ============================================================ */
@media (max-width:1000px){
}

/* ============================================================
   v3.16 — YELPAZE: İCAZETNAME BİR ÜRÜN AİLESİDİR (27 Ağustos 2026)
   İcazetname mağazada TEK üründür; altı deri rengi onun seçenekleridir.
   Tek kapak fotoğrafı "tek ürün" anlatır; yelpaze — altı gerçek kapağın
   alt kenar ekseninde açılmış hâli — yelpazeyi yani AİLEYİ anlatır.
   Görseller aynı altı ic*_k.webp dosyasıdır: yeni indirme maliyeti yok.
   Sıralama kontrast içindir; öndeki kapak markanın koyu yeşilidir.
   ============================================================ */
/* display:block ŞART: span satır-içi doğar; grid ebeveynde blokla$ır ama
   blok ebeveynde 0x0 kalır (v3.1'deki .kare dersi — bir daha tekrarlanmasın). */
.yelpaze{display:block;position:relative;width:min(58%,330px);aspect-ratio:3/4;}
.urun-kart.aile .sahne{display:grid;place-items:center;}
.hero-d .vitrin .yelpaze img,
.kat-kart .gorsel .yelpaze img,
.urun-kart .sahne .yelpaze img,
.yario .yelpaze img,
.kapi .vitrin .yelpaze img{
  /* z-index BURADA verilmez: nth-child sırası (önde koyu yeşil) daha az
     özgül olduğu için buradaki tek değer hepsini ezer ve DOM sırası kazanırdı. */
  position:absolute;inset:0;width:100%;height:100%;
  max-width:none;max-height:none;object-fit:contain;
  transform-origin:50% 124%;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.45));
}
.yelpaze img:nth-child(1){transform:rotate(-24deg);z-index:1;}
.yelpaze img:nth-child(2){transform:rotate(-14.5deg);z-index:2;}
.yelpaze img:nth-child(3){transform:rotate(-5deg);z-index:3;}
.yelpaze img:nth-child(4){transform:rotate(4.5deg);z-index:6;}   /* önde: koyu yeşil */
.yelpaze img:nth-child(5){transform:rotate(14deg);z-index:5;}
.yelpaze img:nth-child(6){transform:rotate(23.5deg);z-index:4;}
.kat-kart .gorsel .yelpaze{width:min(46%,180px);}
.urun-kart .sahne .yelpaze{width:min(52%,240px);}

/* Ürünler sayfasında aile kartı: ızgarayı baştan başa kaplar */
.urun-kart.aile{grid-column:1/-1;flex-direction:row;}
.urun-kart.aile .sahne{flex:1.05;aspect-ratio:auto;min-height:min(52vh,460px);}
.urun-kart.aile .bilgi{flex:1;justify-content:center;padding:clamp(1.2rem,2.6vw,2.2rem);}
.urun-kart.aile h3{font-size:clamp(1.5rem,2.6vw,2.1rem);}
/* renk sırası: altı kapak, ada tıklayınca o renkle açılır */
.aile-renkler{display:flex;flex-wrap:wrap;gap:.3rem .5rem;margin-top:.7rem;}
.aile-renkler a{
  display:grid;justify-items:center;gap:.25rem;min-width:64px;min-height:44px;
  padding:.4rem .3rem;border:1px solid var(--cizgi);
  font-family:var(--etiket);font-size:.72rem;letter-spacing:.04em;color:var(--murekkep-soluk);
  background:var(--koyu);color:var(--acik-soluk);
}
.aile-renkler a img{width:34px;aspect-ratio:3/4;object-fit:contain;}
.aile-renkler a:hover{border-color:var(--taba);color:var(--duvar);}
@media (max-width:1000px){
  .urun-kart.aile{flex-direction:column;}
  .urun-kart.aile .sahne{min-height:44vh;}
}
.urun-kart .aciklama-kisa{font-size:.92rem;color:var(--murekkep-soluk);}

/* ============================================================
   v3.17 — HOVER'DA AÇILAN YELPAZE + TANITIM TURU (27 Ağustos 2026)
   Sergi turu artık bir TANITIM sayfasıdır: giriş (biz kimiz) →
   gelişme (üç fasıl + ritüel) → sonuç (son söz + iletişim).
   Ziyaretçi defteri kaldırıldı; stilleri de bu sürümle silindi.
   ============================================================ */

/* Yelpaze imlecin altında biraz daha açılır. Yalnız gerçek imleçte ve
   hareket azaltma istemeyenlerde; dokunmatik ve reduced-motion görmez. */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .yelpaze img{transition:transform .5s cubic-bezier(.22,.61,.36,1);}
  :hover > .yelpaze img:nth-child(1){transform:rotate(-31deg);}
  :hover > .yelpaze img:nth-child(2){transform:rotate(-19deg);}
  :hover > .yelpaze img:nth-child(3){transform:rotate(-6.5deg);}
  :hover > .yelpaze img:nth-child(4){transform:rotate(5.5deg);}
  :hover > .yelpaze img:nth-child(5){transform:rotate(18deg);}
  :hover > .yelpaze img:nth-child(6){transform:rotate(30deg);}
}

/* Son söz salonu */
.son-soz .imza-slogan{
  font-family:"Parisienne",cursive;font-size:clamp(1.5rem,2.6vw,2.1rem);
  color:var(--taba-acik);margin-top:1rem;line-height:1.1;
}
.son-soz .eylem-sira{margin-top:1.2rem;}
.son-soz .eylem-sira .plaka-btn{margin-top:0;}
.son-soz .son-not{font-size:.9rem;margin-top:.9rem;}
.son-soz .telif{
  font-family:var(--etiket);font-size:.82rem;letter-spacing:.06em;
  color:var(--acik-soluk);margin-top:1.4rem;
}

/* Mobil: yatay aktığı GÖSTERİLİR —
   (1) salonlar %88 genişliktedir, sıradaki salon kenardan görünür;
   (2) ilk ekranda nabız gibi atan çift ok durur, ilk kaydırışta söner;
   (3) alt şeritte dokunulabilir "sonraki" oku vardır. */
.kaydir-ipucu{display:none;}
@media (max-width:1000px){
  .salon{flex:0 0 88vw;width:88vw;}
  .salon + .salon{border-left:1px solid rgba(217,168,104,.22);}
  .kaydir-ipucu{
    display:block;position:fixed;right:.4rem;top:50%;z-index:57;
    color:var(--taba-acik);width:30px;height:22px;
    filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));
    transform:translateY(-50%);opacity:.95;
    transition:opacity .4s;pointer-events:none;
  }
  .kaydir-ipucu.gitti{opacity:0;}
  @media (prefers-reduced-motion:no-preference){
    .kaydir-ipucu svg{animation:kaydir-nabiz 1.6s ease-in-out infinite;}
  }
  .plan-serit .sonraki{
    width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;
    background:none;border:1px solid rgba(217,168,104,.4);color:var(--taba-acik);
  }
  .plan-serit .sonraki svg{width:10px;height:16px;}
  .plan-serit .ad{margin-left:auto;max-width:44%;}
}
@keyframes kaydir-nabiz{
  0%,100%{transform:translateX(0);}
  50%{transform:translateX(7px);}
}

/* ============================================================
   v3.18 — SEPET VE İLETİŞİM KÜNYESİ (27 Ağustos 2026)
   Mağaza akışının son halkası: sepet, müzayede defteri diliyle
   kurulur (satırlar defter kaydı, özet bir künye plakasıdır).
   İletişim sayfası yer tutucudan çıkar: gerçek telefon/WhatsApp/
   adres bir künye plakasında sunulur.
   ============================================================ */
/* İletişim künyesi */
.iletisim-kunye{border:1px solid var(--cizgi);background:rgba(255,255,255,.5);
  padding:1rem 1.15rem;margin-top:1.1rem;max-width:33rem;}
.iletisim-kunye .satir{display:flex;align-items:baseline;gap:.9rem;padding:.42rem 0;
  font-family:var(--etiket);font-size:.98rem;}
.iletisim-kunye .satir + .satir{border-top:1px dotted var(--cizgi);}
.iletisim-kunye .satir dt{flex:0 0 7.5rem;font-weight:400;text-transform:uppercase;
  letter-spacing:.12em;font-size:.78rem;color:var(--murekkep-soluk);}
.iletisim-kunye .satir dd{font-weight:500;}
.iletisim-kunye a{border-bottom:1px solid var(--cizgi);}
.iletisim-kunye a:hover{color:var(--taba-metin);border-color:var(--taba-metin);}

/* Sepet düzeni */
.sepet-duzen{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.2rem,2.6vw,2.4rem);align-items:start;}
.sepet-liste{border-top:2px solid var(--murekkep);}
.sepet-satir{display:grid;grid-template-columns:74px 1fr auto auto auto;gap:1rem;align-items:center;
  padding:.85rem .2rem;border-bottom:1px solid var(--cizgi);}
.sepet-satir .kare{width:74px;height:92px;background:var(--koyu);display:grid;place-items:center;overflow:hidden;}
.sepet-satir .kare img{width:100%;height:100%;object-fit:contain;}
.sepet-satir .ad{display:block;font-family:var(--display);font-size:1.12rem;line-height:1.2;}
/* span kökü blok olmalı — v3.1'deki .kare dersi, üçüncü tekrar etmesin */
.sepet-satir .secenek{display:block;font-family:var(--etiket);font-size:.82rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--murekkep-soluk);margin-top:.15rem;}
.adet-kutu{display:inline-flex;align-items:center;border:1px solid var(--cizgi);}
.adet-kutu button{width:40px;height:44px;background:none;border:0;font-size:1.1rem;color:var(--murekkep);}
.adet-kutu button:hover{background:rgba(180,117,59,.12);}
.adet-kutu .adet{min-width:2.2rem;text-align:center;font-family:var(--etiket);font-variant-numeric:tabular-nums;}
.sepet-satir .bedel{font-family:var(--display);font-size:1.12rem;white-space:nowrap;font-variant-numeric:tabular-nums;}
.sepet-satir .kaldir{width:44px;height:44px;background:none;border:0;color:var(--murekkep-soluk);font-size:1.15rem;cursor:pointer;}
.sepet-satir .kaldir:hover{color:var(--kirmizi,#9C3B32);}
.sepet-bos{padding:2.2rem 0;color:var(--murekkep-soluk);}
.sepet-bos .plaka-btn{margin-top:1rem;}
.sepet-ozet{position:sticky;top:1rem;border:1px solid var(--cizgi);background:rgba(255,255,255,.55);
  padding:clamp(1rem,2vw,1.5rem);}
.sepet-ozet h3{font-family:var(--display);font-weight:400;font-size:1.35rem;}
.sepet-ozet .toplam{display:flex;justify-content:space-between;align-items:baseline;
  border-top:2px solid var(--murekkep);margin-top:.8rem;padding-top:.7rem;}
.sepet-ozet .toplam .t{font-family:var(--display);font-size:1.7rem;font-variant-numeric:tabular-nums;}
.sepet-ozet .kdv{font-family:var(--etiket);font-size:.78rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--murekkep-soluk);}
.sepet-ozet .form-blok{border:0;background:none;padding:0;margin-top:.6rem;}
.sepet-ozet .kvkk{font-size:.8rem;font-style:italic;color:var(--murekkep-soluk);margin-top:.7rem;}
.sepet-ozet .plaka-btn.dolu{width:100%;justify-content:center;margin-top:.9rem;}
.sepet-ozet .odeme-notu{font-family:var(--metin);font-style:italic;font-size:.84rem;
  color:var(--murekkep-soluk);margin-top:.7rem;}
@media (max-width:1000px){
  .sepet-duzen{grid-template-columns:1fr;}
  .sepet-ozet{position:static;}
  .sepet-satir{grid-template-columns:60px 1fr auto;grid-template-rows:auto auto;row-gap:.4rem;}
  .sepet-satir .kare{width:60px;height:75px;grid-row:1/3;}
  .sepet-satir .adet-kutu{grid-column:2;justify-self:start;}
  .sepet-satir .bedel{grid-column:3;grid-row:1;}
  .sepet-satir .kaldir{grid-column:3;grid-row:2;justify-self:end;}
}

/* v3.19 — genel ürün künyesi + hukuk sayfası */
.kunye-tablo .st[hidden]{display:none;}   /* author display:grid, hidden'ı ezmesin */
.hukuk-govde{max-width:74ch;}
.hukuk-govde h2{font-family:var(--display);font-weight:400;font-size:1.35rem;margin:1.6rem 0 .5rem;}
.hukuk-govde p,.hukuk-govde li{color:var(--murekkep-soluk);font-size:.97rem;margin:.5rem 0;}
.hukuk-govde ol,.hukuk-govde ul{padding-left:1.2rem;}
.hukuk-yer-tutucu{border:1px dashed var(--cizgi);background:rgba(255,255,255,.5);
  padding:1rem 1.2rem;font-style:italic;color:var(--murekkep-soluk);}