:root{
  --sora-green:#0B2C20;
  --sora-dark:#061B13;
  --sora-gold:#A9833F;
  --sora-gold-light:#C2A15A;
  --sora-white:#EFE5CF;
  --max-menu-width:760px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--sora-dark)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
.menu-stack{width:100%}

.page{
  position:relative;
  width:min(100%, var(--max-menu-width));
  aspect-ratio:1086 / 1448;
  margin:0 auto;
  overflow:hidden;
  background:var(--sora-green);
}

.image-page{line-height:0}
.page-art,
.menu-background{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.master-frame{
  position:absolute;
  inset:0;
  z-index:50;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
  user-select:none;
}

.menu-page{container-type:inline-size}
.menu-background{pointer-events:none;user-select:none}

/* Eski gömülü kategori başlığını örter; içerik koddan gelir. */
.page3-heading-cover{
  position:absolute;
  left:31.3%;
  width:43.7%;
  top:17.9%;
  height:8.5%;
  background-image:url('assets/page3-heading-cover.png');
  background-size:100% 100%;
  background-repeat:no-repeat;
  pointer-events:none;
  user-select:none;
}

/* Pagoda büyütüldüğü için liste biraz sağa taşındı; sağ boşluk artık menüyle dengeleniyor. */
.menu-items{
  position:absolute;
  z-index:10;
  left:37.4%;
  right:10.7%;
  top:22.35%;
  height:61.7%;
  display:grid;
  grid-template-rows:repeat(19, 1fr);
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}

.menu-heading{
  min-width:0;
  display:flex;
  align-items:end;
  gap:.46em;
  line-height:1;
}

.heading-flower{
  display:block;
  width:1.35em;
  height:1.35em;
  object-fit:contain;
  flex:0 0 auto;
  transform:translateY(.05em);
}

.section-heading{
  color:var(--sora-gold-light);
  font-size:clamp(10px, 2.06cqw, 15.7px);
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 1px 1px rgba(0,0,0,.35);
}

.menu-item{
  min-width:0;
  display:grid;
  grid-template-columns:1.10em max-content minmax(1.2em,1fr) max-content;
  align-items:center;
  column-gap:.47em;
  white-space:nowrap;
  line-height:1;
}

.menu-flower{
  display:block;
  width:.92em;
  height:.92em;
  object-fit:contain;
}

.item-content{display:inline-flex;align-items:center;gap:.28em;min-width:0}
.item-icons{display:inline-flex;align-items:center;gap:.12em;flex:0 0 auto}
.item-icon{display:block;width:.80em;height:.80em;object-fit:contain}

.item-name{
  color:var(--sora-white);
  font-size:clamp(8px, 1.86cqw, 14.1px);
  font-weight:500;
  letter-spacing:-0.01em;
  text-shadow:0 1px 1px rgba(0,0,0,.35);
}

.leader{
  align-self:center;
  min-width:.8em;
  border-bottom:1px dotted rgba(169,131,63,.76);
  transform:translateY(.08em);
}

.item-price{
  color:var(--sora-gold-light);
  font-size:clamp(8px, 1.84cqw, 14px);
  font-weight:500;
  letter-spacing:.01em;
  text-shadow:0 1px 1px rgba(0,0,0,.35);
}

@media (max-width:760px){.page{width:100%}}

/* ==========================================================
   4. SAYFA - NIGIRI / SASHIMI DÜZENLENEBİLİR MENÜ
   İçerik menu-data.js içindeki menuPages.page4 alanından gelir.
   ========================================================== */
.page4-menu-page{container-type:inline-size}

/* Görselde daha önce gömülü olan menü yazılarını kapatır.
   SORA başlığı, Fuji, çerçeve ve sayfanın geri kalan tasarımı korunur. */
.page4-content-cover{
  position:absolute;
  z-index:5;
  left:20.2%;
  right:19.0%;
  top:37.2%;
  height:55.0%;
  background:
    radial-gradient(circle at 20% 20%, rgba(18,55,40,.18) 0 1px, transparent 1.4px) 0 0/10px 10px,
    radial-gradient(circle at 70% 65%, rgba(0,0,0,.16) 0 1px, transparent 1.5px) 0 0/13px 13px,
    linear-gradient(rgba(6,27,19,.965), rgba(6,27,19,.965));
  box-shadow:0 0 22px 18px rgba(6,27,19,.96);
  pointer-events:none;
}

.page4-menu-items{
  left:26.0%;
  right:23.5%;
  top:38.2%;
  height:50.4%;
  grid-template-rows:repeat(13, 1fr);
  z-index:10;
}

.page4-menu-items .section-heading{
  font-size:clamp(11px, 2.34cqw, 17.8px);
  letter-spacing:.075em;
}

.page4-menu-items .heading-flower{
  width:1.45em;
  height:1.45em;
}

.page4-menu-items .item-name,
.page4-menu-items .item-price{
  font-size:clamp(8px, 1.88cqw, 14.3px);
}

.page4-menu-items .menu-item{
  grid-template-columns:1.05em max-content minmax(1.4em,1fr) max-content 1.55em;
  column-gap:.48em;
}

.page4-menu-items .nutrition-toggle{
  width:1.55em;height:1.55em;padding:0;border:1px solid rgba(194,161,90,.92);
  border-radius:50%;display:grid;place-items:center;background:rgba(6,27,19,.90);
  color:var(--sora-gold-light);font:700 clamp(8px,1.55cqw,12px)/1 Arial,sans-serif;
  cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.28);
}
.page4-menu-items .nutrition-toggle.is-active{background:rgba(11,44,32,.98)}
.page4-menu-page .nutrition-panel{left:26%;right:20%;}

/* ==========================================================
   3. SAYFA - AÇILIR BESİN DEĞERİ / ALERJEN KATMANI
   Ana menü yerleşimi değiştirilmez; + düğmesi sağ boşlukta durur.
   ========================================================== */
.page3-start-menu .menu-item,
.page3-salad-soup-menu .menu-item{position:relative}

.page3-start-menu .nutrition-toggle,
.page3-salad-soup-menu .nutrition-toggle{
  position:absolute;
  left:calc(100% + .72em);
  top:50%;
  transform:translateY(-50%);
  width:1.55em;
  height:1.55em;
  padding:0;
  border:1px solid rgba(194,161,90,.92);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(6,27,19,.90);
  color:var(--sora-gold-light);
  font:700 clamp(8px,1.55cqw,12px)/1 Arial,sans-serif;
  cursor:pointer;
  z-index:22;
  box-shadow:0 1px 4px rgba(0,0,0,.28);
}

.page3-start-menu .nutrition-toggle.is-active,
.page3-salad-soup-menu .nutrition-toggle.is-active{
  background:rgba(11,44,32,.98);
}

.nutrition-panel{
  position:absolute;
  z-index:40;
  line-height:1.2;
  left:38.5%;
  right:7.0%;
  display:none;
  padding:1.25% 1.55% 1.15%;
  background:rgba(6,27,19,.975);
  border:1px solid rgba(194,161,90,.88);
  box-shadow:0 7px 20px rgba(0,0,0,.42);
  color:var(--sora-white);
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}
.nutrition-panel.is-open{display:block}
.nutrition-panel:before{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(169,131,63,.20);
  pointer-events:none;
}
.nutrition-head{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:1em;
  padding-right:1.25em;
}
.nutrition-name{
  color:var(--sora-white);
  font-size:clamp(9px,1.90cqw,14.5px);
  font-weight:600;
}
.nutrition-kcal{
  color:var(--sora-gold-light);
  font-size:clamp(9px,1.84cqw,14px);
  white-space:nowrap;
}
.nutrition-macros{
  line-height:1.25;
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:.35em 1.05em;
  margin-top:.55em;
  color:rgba(239,229,207,.93);
  font-size:clamp(7px,1.42cqw,10.8px);
}
.nutrition-allergens{
  position:relative;
  z-index:1;
  margin-top:.55em;
  padding-top:.48em;
  border-top:1px solid rgba(169,131,63,.28);
  color:rgba(239,229,207,.92);
  font-size:clamp(7px,1.42cqw,10.8px);
  line-height:1.25;
}
.nutrition-allergens strong{color:var(--sora-gold-light)}
.nutrition-note{
  position:relative;
  z-index:1;
  margin-top:.55em;
  color:rgba(239,229,207,.72);
  font-size:clamp(6.5px,1.30cqw,10px);
  line-height:1.25;
  font-style:italic;
}
.nutrition-close{
  position:absolute;
  z-index:2;
  right:.35em;
  top:.18em;
  padding:0;
  border:0;
  background:transparent;
  color:var(--sora-gold-light);
  font:400 clamp(12px,2.1cqw,16px)/1 Arial,sans-serif;
  cursor:pointer;
}

/* ==========================================================
   4. SAYFA - AÇILIR BESİN DEĞERİ / ALERJEN KATMANI
   Onaylı Fuji görseli değişmez; yalnızca + düğmeleri ve kart eklenir.
   ========================================================== */
.page4-nutrition-page{container-type:inline-size}
.page4-nutrition-hotspots{position:absolute;inset:0;z-index:20;pointer-events:none}
.page4-nutrition-button{
  position:absolute;
  left:77.2%;
  transform:translate(-50%, calc(-50% + 3px));
  width:1.55em;
  height:1.55em;
  padding:0;
  border:1px solid rgba(194,161,90,.92);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(6,27,19,.90);
  color:var(--sora-gold-light);
  font:700 clamp(8px,1.55cqw,12px)/1 Arial,sans-serif;
  cursor:pointer;
  pointer-events:auto;
  z-index:22;
  box-shadow:0 1px 4px rgba(0,0,0,.28);
}
.page4-nutrition-button.is-active{
  background:rgba(11,44,32,.98);
}
.page4-nutrition-panel{
  position:absolute;
  z-index:45;
  left:31.2%;right:17.0%;
  display:none;
  padding:1.3% 1.55% 1.2%;
  background:rgba(6,27,19,.978);
  border:1px solid rgba(194,161,90,.90);
  box-shadow:0 7px 20px rgba(0,0,0,.44);
  color:var(--sora-white);
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  line-height:1.2;
}
.page4-nutrition-panel.is-open{display:block}
.page4-nutrition-panel:before{
  content:"";position:absolute;inset:4px;
  border:1px solid rgba(169,131,63,.20);pointer-events:none;
}
.page4-nutrition-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding-right:1.25em}
.page4-nutrition-name{color:var(--sora-white);font-size:clamp(9px,1.90cqw,14.5px);font-weight:600}
.page4-nutrition-kcal{color:var(--sora-gold-light);font-size:clamp(9px,1.84cqw,14px);white-space:nowrap}
.page4-nutrition-macros{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.35em 1.05em;margin-top:.55em;color:rgba(239,229,207,.93);font-size:clamp(7px,1.42cqw,10.8px)}
.page4-nutrition-allergens{position:relative;z-index:1;margin-top:.55em;padding-top:.48em;border-top:1px solid rgba(169,131,63,.28);color:rgba(239,229,207,.92);font-size:clamp(7px,1.42cqw,10.8px)}
.page4-nutrition-allergens strong{color:var(--sora-gold-light)}
.page4-nutrition-close{position:absolute;z-index:2;right:.35em;top:.18em;padding:0;border:0;background:transparent;color:var(--sora-gold-light);font:400 clamp(12px,2.1cqw,16px)/1 Arial,sans-serif;cursor:pointer}




/* ==========================================================
   5. SAYFA — PAGE 4 İLE AYNI KOLON MANTIĞI
   ========================================================== */
.page5-coded-page{container-type:inline-size;position:relative}

.page5-brand-overlay{
  position:absolute;z-index:12;inset:0;
  color:var(--sora-gold-light);
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  pointer-events:none;
}
.page5-brand-sub{
  position:absolute;left:31%;right:31%;top:14.15%;
  display:block;text-align:center;
  font-size:clamp(10px,2.02cqw,15.4px);line-height:1;
  letter-spacing:.30em;white-space:nowrap;
}
.page5-brand-rule{
  position:absolute;left:31%;right:31%;top:17.92%;
  height:1px;margin:0;
  background:linear-gradient(90deg,var(--sora-gold-light) 0 42%,transparent 42% 58%,var(--sora-gold-light) 58% 100%);
}
.page5-brand-rule:after{
  content:"";position:absolute;left:50%;top:50%;
  width:1.55em;height:1.55em;transform:translate(-50%,-50%);
  border:1px solid var(--sora-gold-light);border-radius:50%;background:transparent;
}

.page5-coded-menu{
  position:absolute;z-index:10;left:26%;right:23.5%;top:21.2%;height:61.7%;
  display:grid;
  /* 7 Maki + 3 vejetaryen ürün. Maki alanı kendi içinde sıklaştırılır;
     Vejetaryen Rolls bölümü mevcut konumunda kalır. */
  grid-template-rows:8.10% repeat(7,5.7414%) 11.10% 11.10% 14.59% 14.92%;
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}

.page5-coded-heading{
  min-width:0;display:flex;align-items:center;gap:.46em;line-height:1;
  color:var(--sora-gold-light);font-size:clamp(11px,2.34cqw,17.8px);
  font-weight:700;letter-spacing:.075em;
}
.page5-coded-heading img{display:block;width:1.45em;height:1.45em;object-fit:contain;flex:0 0 auto}

.page5-coded-item{
  min-width:0;display:grid;
  grid-template-columns:1.05em max-content minmax(1.4em,1fr) max-content 1.55em;
  align-items:center;column-gap:.48em;color:var(--sora-white);line-height:1;
}
.page5-coded-item.has-description{grid-template-rows:auto auto;align-items:center;padding-top:0;row-gap:.24em}

.page5-coded-flower{display:block;width:.92em;height:.92em;object-fit:contain;align-self:center}
.page5-coded-item.has-description .page5-coded-flower{grid-row:1;align-self:center;margin-top:0}

.page5-coded-copy{min-width:0;align-self:center;max-width:100%}
.page5-coded-item.has-description .page5-coded-copy{grid-row:1;align-self:center}

.page5-coded-topline{display:inline-flex;align-items:center;gap:.28em;min-width:0}
.page5-coded-name{
  color:var(--sora-white);font-size:clamp(8.8px,1.98cqw,15.1px);
  font-weight:500;letter-spacing:-.01em;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.35);
}
.page5-coded-icons{display:inline-flex;align-items:center;gap:.12em;flex:0 0 auto}
.page5-coded-icon{display:block;width:.80em;height:.80em;object-fit:contain}

.page5-coded-leader{
  align-self:center;min-width:.8em;border-bottom:1px dotted rgba(169,131,63,.76);
  transform:translateY(.08em);
}
.page5-coded-item.has-description .page5-coded-leader{grid-row:1;align-self:center;margin-top:0}

.page5-coded-price{
  color:var(--sora-gold-light);font-size:clamp(8.8px,1.98cqw,15.1px);
  font-weight:500;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.35);align-self:center;
}
.page5-coded-item.has-description .page5-coded-price{grid-row:1;align-self:center;margin-top:0}

.page5-coded-toggle{
  width:1.55em;height:1.55em;padding:0;border:1px solid rgba(194,161,90,.92);
  border-radius:50%;display:grid;place-items:center;background:rgba(6,27,19,.90);
  color:var(--sora-gold-light);font:700 clamp(8px,1.55cqw,12px)/1 Arial,sans-serif;
  cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.28);align-self:center;
}
.page5-coded-item.has-description .page5-coded-toggle{grid-row:1;align-self:center;margin-top:0}
.page5-coded-toggle.is-active{background:rgba(11,44,32,.98)}

.page5-coded-desc{
  grid-column:2 / 5;grid-row:2;display:block;margin:0;min-width:0;
  color:rgba(239,229,207,.92);font-size:clamp(7.8px,1.48cqw,11.3px);
  font-style:normal;line-height:1.30;white-space:normal;max-width:100%;
  text-shadow:0 1px 1px rgba(0,0,0,.35);
}

.page5-coded-panel{
  position:absolute;z-index:45;left:27%;right:22%;display:none;
  line-height:1.2;
  padding:1.25% 1.55% 1.15%;background:rgba(6,27,19,.982);
  border:1px solid rgba(194,161,90,.90);box-shadow:0 7px 20px rgba(0,0,0,.44);
  color:var(--sora-white);
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}
.page5-coded-panel.is-open{display:block}
.page5-coded-panel:before{content:"";position:absolute;inset:4px;border:1px solid rgba(169,131,63,.20);pointer-events:none}
.page5-coded-panel-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding-right:1.25em}
.page5-coded-panel-name{color:var(--sora-white);font-size:clamp(9px,1.90cqw,14.5px);font-weight:600}
.page5-coded-panel-kcal{color:var(--sora-gold-light);font-size:clamp(9px,1.84cqw,14px);white-space:nowrap}
.page5-coded-panel-macros{line-height:1.25;position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.35em 1.05em;margin-top:.55em;color:rgba(239,229,207,.93);font-size:clamp(7px,1.42cqw,10.8px)}
.page5-coded-panel-allergens{position:relative;z-index:1;margin-top:.55em;padding-top:.48em;border-top:1px solid rgba(169,131,63,.28);color:rgba(239,229,207,.92);font-size:clamp(7px,1.42cqw,10.8px);line-height:1.25}
.page5-coded-panel-allergens strong{color:var(--sora-gold-light)}
.page5-coded-close{position:absolute;z-index:2;right:.35em;top:.18em;padding:0;border:0;background:transparent;color:var(--sora-gold-light);font:400 clamp(12px,2.1cqw,16px)/1 Arial,sans-serif;cursor:pointer}

/* ==========================================================
   5. SAYFA — ONAYLI GÖRSEL KİLİTLİ + BESİN HOTSPOTLARI
   Tasarım görselin içinde sabittir; CSS yalnızca tıklama alanı ve paneli yönetir.
   ========================================================== */
.page5-approved-page{position:relative;container-type:inline-size}
.page5-nutrition-hotspots{position:absolute;z-index:30;inset:0;pointer-events:none}
.page5-nutrition-button{
  position:absolute;
  left:79.208%;
  width:6.2%;
  height:3.05%;
  transform:translate(-50%,-50%);
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:transparent;
  cursor:pointer;
  pointer-events:auto;
  outline:none;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.page5-nutrition-button:focus-visible{
  outline:2px solid rgba(223,191,114,.9);
  outline-offset:2px;
}
.page5-nutrition-panel{
  position:absolute;
  z-index:45;
  left:29.4%;right:18.2%;
  display:none;
  padding:1.25% 1.55% 1.15%;
  background:rgba(6,27,19,.982);
  border:1px solid rgba(194,161,90,.90);
  box-shadow:0 7px 20px rgba(0,0,0,.44);
  color:var(--sora-white);
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  line-height:1.2;
}
.page5-nutrition-panel.is-open{display:block}
.page5-nutrition-panel:before{content:"";position:absolute;inset:4px;border:1px solid rgba(169,131,63,.20);pointer-events:none}
.page5-nutrition-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding-right:1.25em}
.page5-nutrition-name{color:var(--sora-white);font-size:clamp(9px,1.90cqw,14.5px);font-weight:600}
.page5-nutrition-kcal{color:var(--sora-gold-light);font-size:clamp(9px,1.84cqw,14px);white-space:nowrap}
.page5-nutrition-macros{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.35em 1.05em;margin-top:.55em;color:rgba(239,229,207,.93);font-size:clamp(7px,1.42cqw,10.8px)}
.page5-nutrition-allergens{position:relative;z-index:1;margin-top:.55em;padding-top:.48em;border-top:1px solid rgba(169,131,63,.28);color:rgba(239,229,207,.92);font-size:clamp(7px,1.42cqw,10.8px);line-height:1.25}
.page5-nutrition-allergens strong{color:var(--sora-gold-light)}
.page5-nutrition-close{position:absolute;z-index:2;right:.35em;top:.18em;padding:0;border:0;background:transparent;color:var(--sora-gold-light);font:400 clamp(12px,2.1cqw,16px)/1 Arial,sans-serif;cursor:pointer}


/* ==========================================================
   6. SAYFA — ONAYLI SPECIAL ROLLS GÖRSELİ + BESİN/ALERJEN
   Görsel kilitlidir; yalnızca + düğmeleri ve açılır bilgi kartı üst katmandadır.
   ========================================================== */
.page6-approved-page{position:relative;container-type:inline-size}
.page6-nutrition-hotspots{position:absolute;z-index:30;inset:0;pointer-events:none}
.page6-nutrition-button{
  position:absolute;
  left:81.05%;
  transform:translate(-50%,-50%);
  width:1.55em;
  height:1.55em;
  padding:0;
  border:1px solid rgba(194,161,90,.96);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(6,27,19,.92);
  color:var(--sora-gold-light);
  font:700 clamp(8px,1.55cqw,12px)/1 Arial,sans-serif;
  cursor:pointer;
  pointer-events:auto;
  z-index:32;
  box-shadow:0 1px 4px rgba(0,0,0,.34);
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.page6-nutrition-button.is-active{background:rgba(11,44,32,.99)}
.page6-nutrition-button:focus-visible{outline:2px solid rgba(223,191,114,.9);outline-offset:2px}

.page6-nutrition-panel{
  position:absolute;
  z-index:45;
  left:29.4%;right:18.2%;
  display:none;
  padding:1.25% 1.55% 1.15%;
  background:rgba(6,27,19,.982);
  border:1px solid rgba(194,161,90,.90);
  box-shadow:0 7px 20px rgba(0,0,0,.44);
  color:var(--sora-white);
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  line-height:1.2;
}
.page6-nutrition-panel.is-open{display:block}
.page6-nutrition-panel:before{content:"";position:absolute;inset:4px;border:1px solid rgba(169,131,63,.20);pointer-events:none}
.page6-nutrition-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding-right:1.25em}
.page6-nutrition-name{color:var(--sora-white);font-size:clamp(9px,1.90cqw,14.5px);font-weight:600}
.page6-nutrition-kcal{color:var(--sora-gold-light);font-size:clamp(9px,1.84cqw,14px);white-space:nowrap}
.page6-nutrition-macros{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.35em 1.05em;margin-top:.55em;color:rgba(239,229,207,.93);font-size:clamp(7px,1.42cqw,10.8px)}
.page6-nutrition-allergens{position:relative;z-index:1;margin-top:.55em;padding-top:.48em;border-top:1px solid rgba(169,131,63,.28);color:rgba(239,229,207,.92);font-size:clamp(7px,1.42cqw,10.8px);line-height:1.25}
.page6-nutrition-allergens strong{color:var(--sora-gold-light)}
.page6-nutrition-close{position:absolute;z-index:2;right:.35em;top:.18em;padding:0;border:0;background:transparent;color:var(--sora-gold-light);font:400 clamp(12px,2.1cqw,16px)/1 Arial,sans-serif;cursor:pointer}

/* ==========================================================
   7. SAYFA — SPECIAL ROLLS / ÇİĞ ROLLER
   ========================================================== */
.page7-approved-page{position:relative;container-type:inline-size}
.page7-nutrition-hotspots{position:absolute;inset:0;z-index:60;pointer-events:none}
.page7-nutrition-button{
  position:absolute;
  left:82.555%;
  transform:translate(-50%,-50%);
  width:6.0%;
  height:4.0%;
  min-width:36px;
  min-height:36px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:transparent;
  cursor:pointer;
  pointer-events:auto;
  outline:none;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.page7-nutrition-button:focus-visible{
  outline:2px solid rgba(223,191,114,.9);
  outline-offset:2px;
}
.page7-nutrition-panel{
  position:absolute;
  z-index:100;
  left:26.5%;
  right:17.5%;
  display:none;
  padding:1.35% 1.65% 1.2%;
  background:rgba(6,27,19,.985);
  border:1px solid rgba(194,161,90,.90);
  box-shadow:0 8px 24px rgba(0,0,0,.55);
  color:var(--sora-white);
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  line-height:1.25;
}
.page7-nutrition-panel.is-open{display:block}
.page7-nutrition-panel:before{content:"";position:absolute;inset:4px;border:1px solid rgba(169,131,63,.20);pointer-events:none}
.page7-nutrition-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding-right:1.25em}
.page7-nutrition-name{color:var(--sora-white);font-size:clamp(9px,1.90cqw,14.5px);font-weight:600}
.page7-nutrition-kcal{color:var(--sora-gold-light);font-size:clamp(9px,1.84cqw,14px);white-space:nowrap}
.page7-nutrition-macros{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.35em 1.05em;margin-top:.55em;color:rgba(239,229,207,.93);font-size:clamp(7px,1.42cqw,10.8px)}
.page7-nutrition-allergens{position:relative;z-index:1;margin-top:.55em;padding-top:.48em;border-top:1px solid rgba(169,131,63,.28);color:rgba(239,229,207,.92);font-size:clamp(7px,1.42cqw,10.8px);line-height:1.25}
.page7-nutrition-allergens strong{color:var(--sora-gold-light)}
.page7-nutrition-close{position:absolute;z-index:2;right:.35em;top:.18em;padding:0;border:0;background:transparent;color:var(--sora-gold-light);font:400 clamp(12px,2.1cqw,16px)/1 Arial,sans-serif;cursor:pointer}

/* ==========================================================
   8. SAYFA — ANA YEMEKLER & IZGARALAR
   ========================================================== */
.page8-approved-page{position:relative;container-type:inline-size}
.page8-shao-name{
  position:absolute;
  z-index:55;
  left:29.85%;
  top:40.66%;
  width:20.5%;
  height:2.24%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  background:#00180d;
  box-shadow:0 0 .45cqw .32cqw #00180d;
  color:#BFC0BC;
  font-family:"Times New Roman",Times,serif;
  font-size:clamp(7.5px,2.55cqw,19.4px);
  font-weight:400;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
}
.page8-wagyu-price{
  position:absolute;
  z-index:55;
  left:62.98%;
  top:91.36%;
  width:11.88%;
  height:3.10%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#001608;
  color:#BFC0BC;
  font-family:"Times New Roman",Times,serif;
  font-size:clamp(7.5px,2.35cqw,17.9px);
  font-weight:400;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
}
.page8-nutrition-hotspots{position:absolute;inset:0;z-index:60;pointer-events:none}
.page8-nutrition-button{
  position:absolute;
  left:77.738%;
  transform:translate(-50%,-50%);
  width:6.0%;
  height:4.0%;
  min-width:36px;
  min-height:36px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:transparent;
  cursor:pointer;
  pointer-events:auto;
  outline:none;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.page8-nutrition-button:focus-visible{
  outline:2px solid rgba(223,191,114,.9);
  outline-offset:2px;
}
.page8-nutrition-panel{
  position:absolute;
  z-index:100;
  left:26.5%;
  right:17.5%;
  display:none;
  padding:1.35% 1.65% 1.2%;
  background:rgba(6,27,19,.985);
  border:1px solid rgba(194,161,90,.90);
  box-shadow:0 8px 24px rgba(0,0,0,.55);
  color:var(--sora-white);
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  line-height:1.25;
}
.page8-nutrition-panel.is-open{display:block}
.page8-nutrition-panel:before{content:"";position:absolute;inset:4px;border:1px solid rgba(169,131,63,.20);pointer-events:none}
.page8-nutrition-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding-right:1.25em}
.page8-nutrition-name{color:var(--sora-white);font-size:clamp(9px,1.90cqw,14.5px);font-weight:600}
.page8-nutrition-kcal{color:var(--sora-gold-light);font-size:clamp(9px,1.84cqw,14px);white-space:nowrap}
.page8-nutrition-macros{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.35em 1.05em;margin-top:.55em;color:rgba(239,229,207,.93);font-size:clamp(7px,1.42cqw,10.8px)}
.page8-nutrition-allergens{position:relative;z-index:1;margin-top:.55em;padding-top:.48em;border-top:1px solid rgba(169,131,63,.28);color:rgba(239,229,207,.92);font-size:clamp(7px,1.42cqw,10.8px);line-height:1.25}
.page8-nutrition-allergens strong{color:var(--sora-gold-light)}
.page8-nutrition-note{position:relative;z-index:1;margin-top:.55em;color:rgba(239,229,207,.72);font-size:clamp(6.5px,1.30cqw,10px);line-height:1.25;font-style:italic}
.page8-nutrition-close{position:absolute;z-index:2;right:.35em;top:.18em;padding:0;border:0;background:transparent;color:var(--sora-gold-light);font:400 clamp(12px,2.1cqw,16px)/1 Arial,sans-serif;cursor:pointer}


/* ==========================================================
   9. SAYFA — TATLILAR & İÇECEKLER
   Onaylı görsel kilitlidir; yalnızca + düğmeleri ve açılır bilgi kartı üst katmandadır.
   Bu görsel 2:3 oranındadır; tasarımın kırpılmaması için sayfa oranı korunur.
   ========================================================== */
.page9-approved-page{position:relative;container-type:inline-size;aspect-ratio:1086 / 1448}
.page9-approved-page .page-art{object-fit:cover}
.page9-nutrition-hotspots{position:absolute;inset:0;z-index:60;pointer-events:none}
.page9-nutrition-button{
  position:absolute;
  left:79.131%;
  transform:translate(-50%,-50%);
  width:5.4%;
  height:3.15%;
  min-width:34px;
  min-height:34px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:transparent;
  cursor:pointer;
  pointer-events:auto;
  outline:none;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.page9-nutrition-button:focus-visible{
  outline:2px solid rgba(223,191,114,.9);
  outline-offset:2px;
}
.page9-nutrition-panel{
  position:absolute;
  z-index:100;
  left:26.0%;
  right:16.2%;
  display:none;
  padding:1.25% 1.55% 1.15%;
  background:rgba(6,27,19,.985);
  border:1px solid rgba(194,161,90,.90);
  box-shadow:0 8px 24px rgba(0,0,0,.55);
  color:var(--sora-white);
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  line-height:1.25;
}
.page9-nutrition-panel.is-open{display:block}
.page9-nutrition-panel:before{content:"";position:absolute;inset:4px;border:1px solid rgba(169,131,63,.20);pointer-events:none}
.page9-nutrition-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding-right:1.25em}
.page9-nutrition-name{color:var(--sora-white);font-size:clamp(9px,1.90cqw,14.5px);font-weight:600}
.page9-nutrition-kcal{color:var(--sora-gold-light);font-size:clamp(9px,1.84cqw,14px);white-space:nowrap}
.page9-nutrition-macros{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.35em 1.05em;margin-top:.55em;color:rgba(239,229,207,.93);font-size:clamp(7px,1.42cqw,10.8px)}
.page9-nutrition-allergens{position:relative;z-index:1;margin-top:.55em;padding-top:.48em;border-top:1px solid rgba(169,131,63,.28);color:rgba(239,229,207,.92);font-size:clamp(7px,1.42cqw,10.8px);line-height:1.25}
.page9-nutrition-allergens strong{color:var(--sora-gold-light)}
.page9-nutrition-note{position:relative;z-index:1;margin-top:.55em;color:rgba(239,229,207,.72);font-size:clamp(6.5px,1.30cqw,10px);line-height:1.25;font-style:italic}
.page9-nutrition-close{position:absolute;z-index:2;right:.35em;top:.18em;padding:0;border:0;background:transparent;color:var(--sora-gold-light);font:400 clamp(12px,2.1cqw,16px)/1 Arial,sans-serif;cursor:pointer}

.page10-approved-page{position:relative;container-type:inline-size;aspect-ratio:2 / 3}
.page10-approved-page .page-art{object-fit:cover}
.page10-nutrition-hotspots{position:absolute;inset:0;z-index:60;pointer-events:none}
.page10-nutrition-button{
  position:absolute;
  left:79.15%;
  width:5.4%;
  height:3.15%;
  min-width:34px;
  min-height:34px;
  padding:0;
  transform:translate(-50%,-50%);
  border:0;
  border-radius:50%;
  background:transparent;
  color:transparent;
  cursor:pointer;
  pointer-events:auto;
  outline:none;
  box-shadow:none;
  appearance:none;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.page10-nutrition-button::before{content:none}
.page10-nutrition-button:hover,
.page10-nutrition-button:active,
.page10-nutrition-button.is-active{
  background:transparent;
  box-shadow:none;
}
.page10-nutrition-button:focus-visible{
  outline:none;
  background:transparent;
  box-shadow:none;
}
.page10-nutrition-panel{
  position:absolute;
  z-index:100;
  left:26.0%;
  right:16.2%;
  width:auto;
  transform:none;
  display:none;
  padding:1.35% 1.65% 1.25%;
  background:rgba(6,27,19,.985);
  border:1px solid rgba(194,161,90,.90);
  border-radius:0;
  box-shadow:0 8px 24px rgba(0,0,0,.55);
  backdrop-filter:none;
  color:var(--sora-white);
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  line-height:1.25;
}
.page10-nutrition-panel.is-open{display:block}
.page10-nutrition-panel:before{content:"";position:absolute;inset:4px;border:1px solid rgba(169,131,63,.20);pointer-events:none}
.page10-nutrition-head{
  position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;
  gap:1em;padding-right:1.5em;margin:0 0 .55em;
}
.page10-nutrition-name{
  display:block;color:var(--sora-white);font-size:clamp(9px,1.90cqw,14.5px);
  font-weight:600;line-height:1.22;
}
.page10-nutrition-kcal{
  display:block;color:var(--sora-gold-light);font-size:clamp(9px,1.84cqw,14px);
  line-height:1.22;white-space:nowrap;
}
.page10-nutrition-macros{
  position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.35em 1.05em;
  margin:0 0 .62em;color:rgba(239,229,207,.93);font-size:clamp(7px,1.42cqw,10.8px);
  line-height:1.35;
}
.page10-nutrition-allergens{
  position:relative;z-index:1;margin:0;padding-top:.52em;border-top:1px solid rgba(169,131,63,.28);
  color:rgba(239,229,207,.92);font-size:clamp(7px,1.42cqw,10.8px);line-height:1.35;
}
.page10-nutrition-allergens strong{color:var(--sora-gold-light)}
.page10-nutrition-note{
  position:relative;z-index:1;margin-top:.62em;color:rgba(239,229,207,.72);
  font-size:clamp(6.5px,1.30cqw,10px);line-height:1.35;font-style:italic;
}
.page10-nutrition-close{
  position:absolute;z-index:2;right:.45em;top:.35em;padding:0;border:0;background:transparent;
  color:var(--sora-gold-light);font:400 clamp(12px,2.1cqw,16px)/1 Arial,sans-serif;cursor:pointer;
}

/* ==========================================================
   TATLILAR & İÇECEKLER — İKİ SAYFALIK KODLANMIŞ DÜZEN
   Metinler ve fiyatlar menu-data.js üzerinden gelir.
   ========================================================== */
.page10-coded-page{position:relative;container-type:inline-size;aspect-ratio:2 / 3}
.page10-coded-page .page-art{object-fit:cover}
.page10-content-cover{
  position:absolute;
  z-index:5;
  left:22.5%;
  right:14.5%;
  top:20.1%;
  height:68.0%;
  background:
    radial-gradient(circle at 18% 23%,rgba(32,61,31,.15) 0 1px,transparent 1.45px) 0 0/12px 12px,
    radial-gradient(circle at 73% 66%,rgba(0,0,0,.17) 0 1px,transparent 1.6px) 0 0/15px 15px,
    linear-gradient(rgba(4,23,4,.985),rgba(4,23,4,.985));
  box-shadow:0 0 2.6cqw 2.35cqw rgba(4,23,4,.975);
  pointer-events:none;
}
.page10-coded-menu{
  z-index:10;
  left:26.5%;
  right:18.5%;
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}
.page10-desserts-menu{
  top:21.6%;
  height:57.8%;
  grid-template-rows:1.45fr repeat(10,minmax(0,1fr));
}
.page10-cold-menu,
.page10-hot-menu{
  top:21.6%;
  height:56.5%;
}
.page10-cold-menu{
  grid-template-rows:1.45fr repeat(8,minmax(0,1fr));
}
.page10-hot-menu{
  grid-template-rows:1.45fr repeat(2,minmax(0,1fr)) 1.70fr repeat(5,minmax(0,1fr));
}
.page10-coded-menu .menu-heading{align-items:center}
.page10-coded-menu .heading-flower{width:1.42em;height:1.42em}
.page10-coded-menu .section-heading{
  color:var(--sora-gold-light);
  font-size:clamp(11px,2.92cqw,22.2px);
  letter-spacing:.065em;
}
.page10-coded-menu .menu-item{
  grid-template-columns:1.05em minmax(0,max-content) minmax(.8em,1fr) max-content 1.55em;
  column-gap:.46em;
}
.page10-coded-menu .menu-flower{width:.90em;height:.90em}
.page10-coded-menu .item-name,
.page10-coded-menu .item-price{
  font-size:clamp(8.4px,1.96cqw,14.9px);
}
.page10-coded-menu .nutrition-toggle{
  width:1.55em;
  height:1.55em;
  padding:0;
  border:1px solid rgba(194,161,90,.92);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(6,27,19,.90);
  color:var(--sora-gold-light);
  font:700 clamp(8px,1.55cqw,12px)/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 1px 4px rgba(0,0,0,.28);
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.page10-coded-menu .nutrition-toggle.is-active{background:rgba(11,44,32,.98)}
.page10-coded-menu .nutrition-toggle:focus-visible{outline:2px solid rgba(223,191,114,.9);outline-offset:2px}
.page10-coded-page .nutrition-panel{left:25.0%;right:16.5%}


/* California Sora açıklaması menu-data.js'den okunur.
   Alttaki kilitli görseldeki eski açıklama, mevcut temiz arka plan görselinin
   sadece o satıra denk gelen bölümüyle kod üzerinden kapatılır. */
.page7-california-clean-patch{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  z-index:44;
  pointer-events:none;
  clip-path:inset(55.15% 28.5% 42.75% 25.2%);
}
.page7-california-description{
  position:absolute;
  z-index:45;
  left:26.55%;
  top:55.53%;
  width:45.5%;
  color:#a2a6a2;
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  font-size:clamp(8px,1.42cqw,15.4px);
  font-weight:400;
  line-height:1.15;
  white-space:nowrap;
  text-shadow:0 1px 1px rgba(0,0,0,.15);
  pointer-events:none;
}


/* ==========================================================
   7. SAYFA — ÇİĞ ROLLER / KODDAN ÇİZİLEN MENÜ
   Ürün adedine göre mevcut onaylı sayfanın ritmi korunur.
   ========================================================== */
.page7-coded-page{position:relative;container-type:inline-size}
.page7-coded-menu{
  position:absolute;z-index:48;left:23.5%;right:15.0%;top:27.0%;height:64.5%;
  display:grid;grid-template-rows:repeat(12,minmax(0,1fr));
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}
.page7-coded-item{
  min-width:0;display:grid;
  grid-template-columns:1.05em minmax(0,max-content) minmax(1.1em,1fr) max-content 1.55em;
  grid-template-rows:auto auto;align-content:center;align-items:center;
  column-gap:.42em;row-gap:.11em;color:var(--sora-white);line-height:1;
}
.page7-coded-flower{grid-row:1;display:block;width:.90em;height:.90em;object-fit:contain;align-self:center}
.page7-coded-copy{grid-row:1 / 3;min-width:0;align-self:center}
.page7-coded-topline{display:flex;align-items:center;gap:.24em;min-width:0;line-height:1}
.page7-coded-name{
  color:var(--sora-white);font-size:clamp(8.5px,1.72cqw,14.7px);font-weight:500;
  letter-spacing:-.01em;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.35)
}
.page7-coded-icons{display:inline-flex;align-items:center;gap:.10em;flex:0 0 auto}
.page7-coded-icon{display:block;width:.78em;height:.78em;object-fit:contain}
.page7-coded-desc{
  margin-top:.26em;color:rgba(239,229,207,.88);font-size:clamp(7px,1.18cqw,10.6px);
  font-weight:400;line-height:1.12;white-space:nowrap;overflow:visible;
  text-shadow:0 1px 1px rgba(0,0,0,.30)
}
.page7-coded-leader{
  grid-row:1;align-self:center;min-width:.6em;border-bottom:1px dotted rgba(169,131,63,.78);
  transform:translateY(.08em)
}
.page7-coded-price{
  grid-row:1;color:var(--sora-gold-light);font-size:clamp(8.5px,1.72cqw,14.7px);
  font-weight:500;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.35)
}
.page7-coded-toggle{
  grid-row:1;width:1.55em;height:1.55em;padding:0;border:1px solid rgba(194,161,90,.94);
  border-radius:50%;display:grid;place-items:center;background:rgba(6,27,19,.86);
  color:var(--sora-gold-light);font:700 clamp(8px,1.42cqw,11.5px)/1 Arial,sans-serif;
  cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.28)
}
.page7-coded-toggle.is-active{background:rgba(11,44,32,.98)}
.page7-coded-panel{
  position:absolute;z-index:100;left:26.5%;right:17.5%;display:none;line-height:1.25;
  padding:1.25% 1.55% 1.15%;background:rgba(6,27,19,.985);
  border:1px solid rgba(194,161,90,.90);box-shadow:0 8px 24px rgba(0,0,0,.55);
  color:var(--sora-white);font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}
.page7-coded-panel.is-open{display:block}
.page7-coded-panel:before{content:"";position:absolute;inset:4px;border:1px solid rgba(169,131,63,.20);pointer-events:none}
.page7-coded-panel-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding-right:1.25em}
.page7-coded-panel-name{color:var(--sora-white);font-size:clamp(9px,1.90cqw,14.5px);font-weight:600}
.page7-coded-panel-kcal{color:var(--sora-gold-light);font-size:clamp(9px,1.84cqw,14px);white-space:nowrap}
.page7-coded-panel-macros{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.35em 1.05em;margin-top:.55em;color:rgba(239,229,207,.93);font-size:clamp(7px,1.42cqw,10.8px);line-height:1.25}
.page7-coded-panel-allergens{position:relative;z-index:1;margin-top:.55em;padding-top:.48em;border-top:1px solid rgba(169,131,63,.28);color:rgba(239,229,207,.92);font-size:clamp(7px,1.42cqw,10.8px);line-height:1.25}
.page7-coded-panel-allergens strong{color:var(--sora-gold-light)}
.page7-coded-close{position:absolute;z-index:2;right:.35em;top:.18em;padding:0;border:0;background:transparent;color:var(--sora-gold-light);font:400 clamp(12px,2.1cqw,16px)/1 Arial,sans-serif;cursor:pointer}


/* ==========================================================
   PİŞMİŞ ROLLER — 6 + 6 ÜRÜN OLARAK İKİ KODLANMIŞ SAYFA
   Aynı onaylı çerçeve/dekor korunur; ürünler veri dosyasından çizilir.
   ========================================================== */
.page6-coded-page{position:relative;container-type:inline-size}
.page6-coded-page .page-art{object-fit:cover}
.page6-coded-menu{
  left:31.0%;
  right:17.8%;
  width:auto;
  z-index:48;
}
.page6-coded-page .page7-coded-item{
  grid-template-columns:1.05em minmax(0,1fr) minmax(.6em,.42fr) max-content 1.55em;
  column-gap:.42em;
}
.page6-coded-page .page7-coded-name,
.page6-coded-page .page7-coded-price{
  font-size:clamp(9px,1.80cqw,15.2px);
}
.page6-coded-page .page7-coded-desc{
  font-size:clamp(7.3px,1.24cqw,11px);
  white-space:normal;
  line-height:1.14;
  max-width:100%;
}
.page6-coded-page .page7-coded-panel{left:30.5%;right:17.8%}

/* Roll sayfalarında ürün adedi değiştiğinde grid JS tarafından güncellenir. */
.page7-coded-menu{grid-template-rows:none}

/* ==========================================================
   PİŞMİŞ ROLLER — TASARIM ÇİZGİSİ KORUNAN 2 SAYFALIK YERLEŞİM
   Onaylı eski sayfadaki tipografi, doğal satır ritmi ve
   adın hemen ardından başlayan noktalı fiyat çizgisi korunur.
   ========================================================== */
.page6-coded-menu{
  top:33% !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column;
  gap:1.42cqw;
}

.page6-coded-page .page7-coded-item{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:1.05em max-content minmax(.7em,1fr) max-content 1.55em;
  grid-template-rows:auto auto;
  align-items:center;
  align-content:start;
  column-gap:.42em;
  row-gap:.24em;
  min-height:0;
}

/* İsim/ikon ilk satırda; açıklama ikinci satırda bağımsız akar. */
.page6-coded-page .page7-coded-copy{display:contents}
.page6-coded-page .page7-coded-topline{
  grid-column:2;
  grid-row:1;
  align-self:center;
  min-width:0;
}
.page6-coded-page .page7-coded-desc{
  grid-column:2 / 5;
  grid-row:2;
  margin-top:0;
  max-width:30.5cqw;
  color:rgba(239,229,207,.83);
  font-size:clamp(9px,1.72cqw,13.1px);
  font-weight:400;
  line-height:1.18;
  white-space:normal;
  overflow:visible;
  text-shadow:0 1px 1px rgba(0,0,0,.28);
}
.page6-coded-page .page7-coded-flower{
  grid-column:1;
  grid-row:1;
  width:.96em;
  height:.96em;
}
.page6-coded-page .page7-coded-leader{
  grid-column:3;
  grid-row:1;
  min-width:.7em;
  border-bottom:1px dotted rgba(169,131,63,.82);
}
.page6-coded-page .page7-coded-price{
  grid-column:4;
  grid-row:1;
  color:var(--sora-gold-light);
}
.page6-coded-page .page7-coded-toggle{
  grid-column:5;
  grid-row:1;
}
.page6-coded-page .page7-coded-name,
.page6-coded-page .page7-coded-price{
  font-size:clamp(11px,2.55cqw,19.4px);
  font-weight:400;
  letter-spacing:-.005em;
}
.page6-coded-page .page7-coded-name{
  color:rgba(239,229,207,.91);
}
.page6-coded-page .page7-coded-icons{gap:.12em}
.page6-coded-page .page7-coded-icon{width:.80em;height:.80em}

/* Alt dekoru kapatmadan eski menüdeki ferahlığı koru. */
.page6-coded-page .page7-coded-panel{left:30.5%;right:17.8%}

/* Son görsel eşleştirme: onaylı eski Pişmiş Rolls listesinin ekseni. */
.page6-coded-menu{
  left:28.8% !important;
  right:17.8% !important;
  gap:2.0cqw;
}
.page6-coded-page .page7-coded-desc{justify-self:start}

/* ==========================================================
   ÇİĞ ROLLER — 9 ÜRÜNLÜ TEK KODLANMIŞ SAYFA
   Koi dekoru korunur; açıklamalar mobilde de okunaklı kalır.
   ========================================================== */
.page7-coded-page .page7-coded-menu{
  top:30% !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column;
  gap:3cqw;
}
.page7-coded-page .page7-coded-item{
  flex:0 0 auto;
  align-content:start;
  min-height:0;
  row-gap:.24em;
}
.page7-coded-page .page7-coded-name,
.page7-coded-page .page7-coded-price{
  font-size:clamp(11px,2.55cqw,19.4px);
}
.page7-coded-page .page7-coded-desc{
  font-size:clamp(9px,1.72cqw,13.1px);
}
.page7-coded-page .page7-coded-icons{gap:.14em}
.page7-coded-page .page7-coded-icon{
  width:1.02em;
  height:1.02em;
}

/* ==========================================================
   ÇİĞ ROLLER — BAŞLIK/İLK ÜRÜN ARALIĞI VE KESİNTİSİZ FİYAT ÇİZGİLERİ
   Başlıkla ilk ürün arasına çok az daha hava verilir.
   Noktalı çizgi, açıklama genişliğinden etkilenmeden isim/ikondan fiyata uzanır.
   ========================================================== */
.page7-coded-page .page7-coded-copy{display:contents}
.page7-coded-page .page7-coded-topline{
  grid-column:2;
  grid-row:1;
  align-self:center;
  min-width:0;
}
.page7-coded-page .page7-coded-desc{
  grid-column:2 / 5;
  grid-row:2;
  margin-top:0;
  justify-self:start;
}
.page7-coded-page .page7-coded-flower{grid-column:1;grid-row:1}
.page7-coded-page .page7-coded-leader{
  grid-column:3;
  grid-row:1;
  min-width:.7em;
  border-bottom:1px dotted rgba(169,131,63,.78);
}
.page7-coded-page .page7-coded-price{grid-column:4;grid-row:1}
.page7-coded-page .page7-coded-toggle{grid-column:5;grid-row:1}


/* ==========================================================
   5. SAYFA — VEJETARYEN ROLLS AÇIKLAMALARI
   Açıklamalar büyütülür ve satır içi boşluklar sıkılaştırılır.
   Maki bölümüne dokunulmaz.
   ========================================================== */
.page5-veg-item.has-description{
  grid-template-rows:auto auto;
  align-content:start;
  row-gap:.14em;
}
.page5-veg-item.has-description .page5-coded-copy{display:contents}
.page5-veg-item.has-description .page5-coded-topline{
  grid-column:2;
  grid-row:1;
  align-self:center;
}
.page5-veg-item.has-description .page5-coded-desc{
  grid-column:2 / 5;
  grid-row:2;
  margin-top:0;
  color:rgba(239,229,207,.94);
  font-size:clamp(8.8px,1.62cqw,12.5px);
  line-height:1.20;
  max-width:100%;
}
.page5-veg-item.has-description .page5-coded-flower{grid-column:1;grid-row:1}
.page5-veg-item.has-description .page5-coded-leader{grid-column:3;grid-row:1}
.page5-veg-item.has-description .page5-coded-price{grid-column:4;grid-row:1}
.page5-veg-item.has-description .page5-coded-toggle{grid-column:5;grid-row:1}

.page5-veg-item-last{transform:translateY(-3.4cqw);}

/* ==========================================================
   3. BÖLÜM — İKİ SAYFALIK BAŞLANGIÇ / SALATA + ÇORBA DÜZENİ
   Mevcut tasarım çizgisi korunur; yalnızca ürün adetlerine göre
   dikey dağılım sayfa bazında dengelenir.
   ========================================================== */
.page3-start-menu{
  top:22.9%;
  height:62.0%;
  grid-template-rows:1.15fr repeat(14,1fr);
}
.page3-salad-soup-menu{
  top:25.2%;
  height:50.5%;
  grid-template-rows:1.18fr repeat(3,1fr) 1.35fr repeat(2,1fr);
}
.page3-start-menu .section-heading,
.page3-salad-soup-menu .section-heading{
  font-size:clamp(11px,2.18cqw,16.6px);
}
.page3-start-menu .item-name,
.page3-start-menu .item-price,
.page3-salad-soup-menu .item-name,
.page3-salad-soup-menu .item-price{
  font-size:clamp(8.6px,1.96cqw,14.9px);
}
.page3-start-menu .item-icon,
.page3-salad-soup-menu .item-icon{
  width:.88em;
  height:.88em;
}

/* ==========================================================
   MOBİL SAĞLAMLIK KATMANI
   Masaüstü tasarımını korur; dar ekranlarda metinlerin ve
   tıklama alanlarının birbirine girmesini engeller.
   ========================================================== */
.page8-nutrition-button,
.page9-nutrition-button,
.page10-nutrition-button{min-height:0}

.nutrition-panel,
.page5-coded-panel,
.page7-coded-panel,
.page8-nutrition-panel,
.page9-nutrition-panel,
.page10-nutrition-panel{overflow-wrap:break-word}

@media (max-width:540px){
  .menu-items,
  .page5-coded-menu,
  .page7-coded-menu,
  .nutrition-panel,
  .page5-coded-panel,
  .page7-coded-panel,
  .page8-nutrition-panel,
  .page9-nutrition-panel,
  .page10-nutrition-panel{
    font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  }

  /* Başlangıçlar, salatalar ve çorbalar */
  .page3-start-menu,
  .page3-salad-soup-menu{left:34.5%;right:8.2%}

  .page3-start-menu .menu-item,
  .page3-salad-soup-menu .menu-item{
    grid-template-columns:.92em minmax(0,1fr) minmax(.35em,.55fr) max-content;
    column-gap:.30em;
  }

  .page3-start-menu .section-heading,
  .page3-salad-soup-menu .section-heading{
    font-size:10px;
    font-size:clamp(10px,2.8vw,14.5px);
  }

  .page3-start-menu .item-name,
  .page3-start-menu .item-price,
  .page3-salad-soup-menu .item-name,
  .page3-salad-soup-menu .item-price{
    font-size:8.2px;
    font-size:clamp(8.2px,2.55vw,12.5px);
  }

  .page3-start-menu .nutrition-toggle,
  .page3-salad-soup-menu .nutrition-toggle{left:calc(100% + .45em)}

  /* Nigiri ve Sashimi */
  .page4-menu-items{left:23%;right:16.5%}
  .page4-menu-items .menu-item{
    grid-template-columns:.92em minmax(0,1fr) minmax(.4em,.55fr) max-content 1.45em;
    column-gap:.30em;
  }
  .page4-menu-items .section-heading{
    font-size:10px;
    font-size:clamp(10px,2.85vw,14.5px);
  }
  .page4-menu-items .item-name,
  .page4-menu-items .item-price{
    font-size:8.2px;
    font-size:clamp(8.2px,2.55vw,12.5px);
  }

  /* Maki ve Vejetaryen Rolls: içerik yüksekliğine göre doğal akış */
  .page5-coded-menu{
    left:22%;right:14%;top:21.2%;height:auto;
    display:flex;flex-direction:column;gap:1.35vw;
  }
  .page5-coded-heading{
    flex:0 0 auto;
    font-size:10px;
    font-size:clamp(10px,2.85vw,14.5px);
  }
  .page5-veg-heading{margin-top:2.5vw}
  .page5-coded-item,
  .page5-coded-item.has-description{
    flex:0 0 auto;
    grid-template-columns:.92em minmax(0,1fr) minmax(.4em,.65fr) max-content 1.45em;
    column-gap:.30em;
    align-content:start;
  }
  .page5-coded-name,
  .page5-coded-price{
    font-size:8.5px;
    font-size:clamp(8.5px,2.65vw,13px);
  }
  .page5-coded-topline{max-width:100%;flex-wrap:wrap;row-gap:.1em}
  .page5-veg-item.has-description .page5-coded-desc{
    width:100%;max-width:none;
    font-size:8.2px;
    font-size:clamp(8.2px,2.3vw,10.8px);
    line-height:1.18;
    white-space:normal;
    overflow-wrap:break-word;
  }
  .page5-veg-item-last{transform:none}

  /* Pişmiş ve çiğ roller */
  .page6-coded-menu{left:26% !important;right:13% !important;gap:1.7vw}
  .page7-coded-page .page7-coded-menu{
    left:22%;right:4%;top:29% !important;gap:.75vw;
  }

  .page6-coded-page .page7-coded-item,
  .page7-coded-page .page7-coded-item{
    grid-template-columns:.92em minmax(0,1fr) minmax(.4em,.65fr) max-content 1.45em;
    column-gap:.30em;
    row-gap:.18em;
  }
  .page6-coded-page .page7-coded-name,
  .page6-coded-page .page7-coded-price,
  .page7-coded-page .page7-coded-name,
  .page7-coded-page .page7-coded-price{
    font-size:9px;
    font-size:clamp(9px,2.7vw,13px);
  }
  .page6-coded-page .page7-coded-topline,
  .page7-coded-page .page7-coded-topline{
    display:flex;flex-wrap:wrap;row-gap:.1em;max-width:100%;
  }
  .page7-coded-page .page7-coded-topline{flex-wrap:nowrap}
  .page7-coded-page .page7-coded-item{row-gap:.08em}
  .page7-coded-page .page7-coded-name,
  .page7-coded-page .page7-coded-price{
    font-size:8.2px;
    font-size:clamp(8.2px,2.35vw,11.5px);
  }
  .page6-coded-page .page7-coded-name,
  .page7-coded-page .page7-coded-name{white-space:normal}
  .page6-coded-page .page7-coded-desc,
  .page7-coded-page .page7-coded-desc{
    width:100%;max-width:none;
    font-size:8px;
    font-size:clamp(8px,2.15vw,10.5px);
    line-height:1.18;
    white-space:normal;
    overflow-wrap:break-word;
  }
  .page7-coded-page .page7-coded-desc{
    font-size:7.1px;
    font-size:clamp(7.1px,1.92vw,9.4px);
    line-height:1.12;
  }

  /* Kodlanmış tatlı ve içecek sayfaları */
  .page10-content-cover{left:18.5%;right:7.5%;box-shadow:0 0 3.2cqw 2.8cqw rgba(4,23,4,.98)}
  .page10-coded-menu{left:22%;right:10.5%}
  .page10-coded-menu .menu-item{
    grid-template-columns:.92em minmax(0,max-content) minmax(.35em,1fr) max-content 1.45em;
    column-gap:.30em;
  }
  .page10-coded-menu .section-heading{
    font-size:11px;
    font-size:clamp(11px,3.3vw,16px);
  }
  .page10-coded-menu .item-name,
  .page10-coded-menu .item-price{
    font-size:8.2px;
    font-size:clamp(8.2px,2.55vw,12px);
  }
  .page10-coded-page .nutrition-panel{left:15%;right:7%}

  /* Açılır besin ve alerjen kartları */
  .nutrition-panel,
  .page5-coded-panel,
  .page7-coded-panel,
  .page8-nutrition-panel,
  .page9-nutrition-panel,
  .page10-nutrition-panel{
    left:18%;right:9%;max-height:40%;overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .page4-menu-page .nutrition-panel{left:18%;right:9%}

  .nutrition-head,
  .page5-coded-panel-head,
  .page7-coded-panel-head,
  .page8-nutrition-head,
  .page9-nutrition-head,
  .page10-nutrition-head{flex-wrap:wrap;row-gap:.25em;align-items:flex-start}

  .nutrition-name,
  .nutrition-kcal,
  .page5-coded-panel-name,
  .page5-coded-panel-kcal,
  .page7-coded-panel-name,
  .page7-coded-panel-kcal,
  .page8-nutrition-name,
  .page8-nutrition-kcal,
  .page9-nutrition-name,
  .page9-nutrition-kcal,
  .page10-nutrition-name,
  .page10-nutrition-kcal{
    font-size:9px;
    font-size:clamp(9px,2.55vw,12.5px);
  }

  .nutrition-macros,
  .nutrition-allergens,
  .nutrition-note,
  .page5-coded-panel-macros,
  .page5-coded-panel-allergens,
  .page7-coded-panel-macros,
  .page7-coded-panel-allergens,
  .page8-nutrition-macros,
  .page8-nutrition-allergens,
  .page9-nutrition-macros,
  .page9-nutrition-allergens,
  .page10-nutrition-macros,
  .page10-nutrition-allergens{
    font-size:7.5px;
    font-size:clamp(7.5px,2.1vw,10px);
  }
}

@media (max-width:350px){
  .page6-coded-page,
  .page7-coded-page{aspect-ratio:2 / 3}
  .page6-coded-page .page-art,
  .page7-coded-page .page-art{height:100%;object-fit:fill}
  .page3-start-menu,
  .page3-salad-soup-menu{left:33%;right:7%}
  .page4-menu-items{left:21.5%;right:14%}
  .page5-coded-menu{left:20%;right:11%;gap:1.1vw}
  .page6-coded-menu{left:24% !important;right:10% !important;gap:.8vw}
  .page7-coded-page .page7-coded-menu{left:20%;right:3%;gap:.55vw}
  .page10-coded-menu{left:20.5%;right:8%}
}