/* TZ QR Menü — 20 menü teması.
   Her tema aynı HTML'i kendi geleneğine göre giydirir. Renkler paletten gelir (--paper, --text, --b, --b2…),
   böylece her tema 20 paletin hepsiyle çalışır. Varsayılan tema (Spiralli Defter) menu.css'tedir. */

/* Ciltsiz temalar için ortak */
[data-skin="tebesir"] .spiral, [data-skin="harf"] .spiral, [data-skin="diner"] .spiral, [data-skin="deco"] .spiral,
[data-skin="isvicre"] .spiral, [data-skin="beton"] .spiral, [data-skin="trattoria"] .spiral, [data-skin="adisyon"] .spiral,
[data-skin="gazete"] .spiral, [data-skin="neon"] .spiral, [data-skin="botanik"] .spiral, [data-skin="kraft"] .spiral,
[data-skin="iznik"] .spiral, [data-skin="arcade"] .spiral, [data-skin="minimal"] .spiral, [data-skin="sokak"] .spiral { display: none; }

/* ============ 02 MEYHANE — bez cilt, çift çerçeve, pirinç süs ============ */
html[data-skin="meyhane"] {
  --serif: "DM Serif Display", Georgia, serif;
  --font: "Lora", Georgia, serif;
  --name-weight: 600;
  --price-font: "DM Serif Display", Georgia, serif;
  --price-weight: 400;
  --h-weight: 400;
  --h-style: italic;
  --h-size: 31px;
  --desc-style: italic;
  --leader-w: 1.5px;
  --pad-l: 36px;
  --page-radius: 3px;
  --orn: "❦";
  --rule-bg: var(--rule-lines);
  --tex: radial-gradient(rgba(90, 70, 40, .05) 1px, transparent 1.3px) 0 0 / 3px 3px;
  --deco: var(--tex);
}
[data-skin="meyhane"] .page::before { inset: 10px 10px 10px 22px; border: 3px double color-mix(in srgb, var(--text) 55%, transparent); }
[data-skin="meyhane"] .spiral { left: 9px; width: 3px; filter: none; background: repeating-linear-gradient(to bottom, var(--b) 0 9px, transparent 9px 16px); }
[data-skin="meyhane"] .page-body { padding-top: 30px; padding-right: 26px; }
[data-skin="meyhane"] .page-foot { padding-right: 30px; padding-bottom: 12px; height: 42px; }
[data-skin="meyhane"] .ph-ic { display: none; }
[data-skin="meyhane"] .ph h2 { color: var(--text); }
[data-skin="meyhane"] .cover-page { background-color: var(--dk); color: var(--lt); }
[data-skin="meyhane"] .cover-bg { background-color: var(--dk); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, .04) 0 2px, transparent 2px 5px), repeating-linear-gradient(-45deg, rgba(0, 0, 0, .12) 0 2px, transparent 2px 5px); }
[data-skin="meyhane"] .cover-bg::after { background: radial-gradient(ellipse at 50% 40%, transparent 40%, rgba(0, 0, 0, .35)); }
[data-skin="meyhane"] .cover-inner { border: 4px double var(--b2); border-radius: 2px; margin: 18px 18px 18px 30px; }
[data-skin="meyhane"] .cover-inner::before, [data-skin="meyhane"] .cover-inner::after { content: "❦"; position: absolute; left: 50%; transform: translateX(-50%); color: var(--b2); font-size: 22px; }
[data-skin="meyhane"] .cover-inner::before { top: 10px; }
[data-skin="meyhane"] .cover-inner::after { bottom: 10px; transform: translateX(-50%) rotate(180deg); }
[data-skin="meyhane"] .cover-inner h1 { font-style: italic; font-weight: 400; color: var(--b2); font-size: clamp(32px, 10vw, 46px); }
[data-skin="meyhane"] .cover-kicker { color: var(--lt); letter-spacing: .6em; }
[data-skin="meyhane"] .cover-logo { border-radius: 50%; border: 3px solid var(--b2); }
[data-skin="meyhane"] .cover-open { background: var(--b2); color: var(--b2-ink); border-radius: 2px; }
[data-skin="meyhane"] .section h2 { font-style: italic; }
[data-skin="meyhane"] .cover.plain { background-color: var(--dk); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, .04) 0 2px, transparent 2px 5px); }

/* ============ 03 KARA TAHTA — ahşap çerçeve, tebeşir ============ */
html[data-skin="tebesir"] {
  --serif: "Caveat", "Segoe Print", cursive;
  --font: "Kalam", "Segoe Print", cursive;
  --name-font: "Kalam", cursive;
  --name-size: 17px;
  --price-font: "Caveat", cursive;
  --price-weight: 700;
  --h-size: 42px;
  --h-weight: 700;
  --leader: dashed;
  --leader-w: 2px;
  --pad-l: 22px;
  --page-radius: 0;
  --orn: "~ ✦ ~";
  --rule-bg: none;
  --tex: radial-gradient(ellipse at 22% 28%, rgba(255, 255, 255, .07), transparent 42%), radial-gradient(ellipse at 78% 74%, rgba(255, 255, 255, .05), transparent 46%), radial-gradient(rgba(255, 255, 255, .045) 1px, transparent 1.6px) 0 0 / 5px 5px;
  --deco: var(--tex);
}
[data-skin="tebesir"] .page { border: 12px solid #6e4a2b; border-image: linear-gradient(135deg, #8d5d33, #5a381c 35%, #9b6a3d 55%, #4a2d15 80%, #7a5030) 1; box-shadow: 0 10px 30px rgba(0, 0, 0, .35); }
[data-skin="tebesir"] .page-body, [data-skin="tebesir"] .page-foot { text-shadow: 0 0 1px rgba(255, 255, 255, .35); }
[data-skin="tebesir"] .ph h2 { color: var(--bt); transform: rotate(-2deg); }
[data-skin="tebesir"] .ph p { font-family: var(--font); }
[data-skin="tebesir"] .ph-rule { width: auto; font-size: 18px; letter-spacing: .3em; opacity: .8; }
[data-skin="tebesir"] .row-price { padding: 0 9px; border: 2px solid color-mix(in srgb, var(--bt) 80%, transparent); border-radius: 48% 52% 45% 55% / 55% 45% 55% 45%; color: var(--bt); font-size: 20px; transform: rotate(-3deg); }
[data-skin="tebesir"] .row-desc { font-size: 14px; }
[data-skin="tebesir"] .badge { background: transparent; border: 1.5px dashed currentColor; }
[data-skin="tebesir"] .cover-page { background-color: var(--paper); color: var(--text); border: 12px solid #6e4a2b; border-image: linear-gradient(135deg, #8d5d33, #5a381c 35%, #9b6a3d 55%, #4a2d15 80%, #7a5030) 1; }
[data-skin="tebesir"] .cover-page::before { background: var(--tex); z-index: 0; }
[data-skin="tebesir"] .cover-bg { background: none; }
[data-skin="tebesir"] .cover-bg::after { display: none; }
[data-skin="tebesir"] .cover-inner { margin: 14px; border: 2px dashed color-mix(in srgb, var(--text) 50%, transparent); border-radius: 12px; }
[data-skin="tebesir"] .cover-inner h1 { font-size: clamp(42px, 13vw, 60px); color: var(--bt); transform: rotate(-3deg); }
[data-skin="tebesir"] .cover-kicker { font-family: var(--font); letter-spacing: .3em; }
[data-skin="tebesir"] .cover-tag { font-family: var(--font); font-style: normal; }
[data-skin="tebesir"] .cover-open { background: transparent; color: var(--text); border: 2px solid var(--text); box-shadow: none; font-family: var(--serif); font-size: 22px; }
[data-skin="tebesir"] .cover-chips .chip { border-style: dashed; background: transparent; }
[data-skin="tebesir"] .section h2 { color: var(--bt); }

/* ============ 04 HARF PANOSU — oluklu keçe, plastik harf ============ */
html[data-skin="harf"] {
  --serif: "Oswald", "Arial Narrow", sans-serif;
  --font: "Oswald", "Arial Narrow", sans-serif;
  --name-weight: 500;
  --name-case: uppercase;
  --name-track: .07em;
  --name-size: 16px;
  --price-font: "Oswald", sans-serif;
  --price-weight: 500;
  --h-case: uppercase;
  --h-weight: 500;
  --h-track: .16em;
  --h-size: 25px;
  --leader: none;
  --pad-l: 22px;
  --page-radius: 0;
  --rule-bg: none;
  --tex: repeating-linear-gradient(to bottom, rgba(255, 255, 255, .035) 0 1px, transparent 1px 7px, rgba(0, 0, 0, .45) 7px 8px), radial-gradient(rgba(255, 255, 255, .03) 1px, transparent 1.4px) 0 0 / 3px 3px;
  --deco: var(--tex);
}
[data-skin="harf"] .page { border: 10px solid #aab0b6; border-image: linear-gradient(135deg, #eef1f3, #9aa0a6 28%, #f8f9fa 50%, #80868c 74%, #dfe3e6) 1; }
[data-skin="harf"] .page-body, [data-skin="harf"] .cover-inner { text-shadow: 0 1px 0 rgba(0, 0, 0, .7), 0 0 1px rgba(255, 255, 255, .25); }
[data-skin="harf"] .ph-ic { display: none; }
[data-skin="harf"] .ph h2 { color: var(--bt); }
[data-skin="harf"] .ph p { font-family: var(--font); font-style: normal; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }
[data-skin="harf"] .ph-rule { height: 2px; width: 60px; background: var(--line); }
[data-skin="harf"] .row-line { justify-content: space-between; }
[data-skin="harf"] .row-desc { font-weight: 300; letter-spacing: .02em; font-size: 13.5px; }
[data-skin="harf"] .row-thumb { border-radius: 0; }
[data-skin="harf"] .badge { background: transparent; color: var(--bt); padding: 0; text-transform: uppercase; letter-spacing: .08em; }
[data-skin="harf"] .page-foot { font-family: var(--font); font-style: normal; text-transform: uppercase; letter-spacing: .14em; }
[data-skin="harf"] .cover-page { background-color: var(--paper); color: var(--text); border: 10px solid #aab0b6; border-image: linear-gradient(135deg, #eef1f3, #9aa0a6 28%, #f8f9fa 50%, #80868c 74%, #dfe3e6) 1; }
[data-skin="harf"] .cover-page::before { background: var(--tex); z-index: 0; }
[data-skin="harf"] .cover-bg { background: none; }
[data-skin="harf"] .cover-bg::after { display: none; }
[data-skin="harf"] .cover-inner { border: 0; margin: 14px; }
[data-skin="harf"] .cover-inner h1 { font-weight: 500; text-transform: uppercase; letter-spacing: .14em; font-size: clamp(30px, 9vw, 42px); line-height: 1.25; }
[data-skin="harf"] .cover-kicker { color: var(--bt); }
[data-skin="harf"] .cover-tag { font-style: normal; text-transform: uppercase; letter-spacing: .12em; font-size: 13px; }
[data-skin="harf"] .cover-logo { border-radius: 4px; }
[data-skin="harf"] .cover-open { border-radius: 0; background: var(--text); color: var(--paper); text-transform: uppercase; letter-spacing: .12em; text-shadow: none; }
[data-skin="harf"] .cover-chips .chip { border-radius: 0; text-transform: uppercase; letter-spacing: .06em; }
[data-skin="harf"] .item h3 { letter-spacing: .06em; }

/* ============ 05 DINER '58 — dama şerit, krom, kurdele ============ */
html[data-skin="diner"] {
  --serif: "Lobster", "Brush Script MT", cursive;
  --font: "Rubik", system-ui, sans-serif;
  --name-font: "Rubik", sans-serif;
  --name-weight: 700;
  --price-font: "Rubik", sans-serif;
  --price-weight: 800;
  --h-weight: 400;
  --h-size: 30px;
  --leader: none;
  --pad-l: 24px;
  --page-radius: 20px;
  --rule-bg: none;
}
/* Üstte ve altta dama şerit: tam sayfa dama deseni, maske ile yalnızca iki şeride kırpılır */
[data-skin="diner"] .page::before { background: repeating-conic-gradient(var(--text) 0 25%, transparent 0 50%) 0 0 / 14px 14px; -webkit-mask: linear-gradient(#000 0 14px, transparent 14px calc(100% - 14px), #000 calc(100% - 14px)); mask: linear-gradient(#000 0 14px, transparent 14px calc(100% - 14px), #000 calc(100% - 14px)); }
[data-skin="diner"] .page { box-shadow: inset 0 0 0 4px #c3c9cf, inset 0 0 0 6px #fbfcfd, inset 0 0 0 7px #8d959c, 0 8px 24px rgba(0, 0, 0, .18); }
[data-skin="diner"] .page-body { padding-top: 32px; padding-right: 22px; }
[data-skin="diner"] .page-foot { padding-bottom: 22px; height: 52px; font-family: var(--font); font-style: normal; }
[data-skin="diner"] .ph-ic { font-size: 26px; }
[data-skin="diner"] .ph h2 { display: inline-block; padding: 4px 30px 8px; background: var(--b); color: var(--b-ink); clip-path: polygon(0 0, 100% 0, 93% 50%, 100% 100%, 0 100%, 7% 50%); transform: rotate(-2deg); }
[data-skin="diner"] .ph-rule { display: none; }
[data-skin="diner"] .row-price { padding: 2px 11px; border-radius: 99px; background: var(--b2); color: var(--b2-ink); font-size: 14px; }
[data-skin="diner"] .row-price s { color: inherit; opacity: .7; }
[data-skin="diner"] .row + .row { border-top: 2px dotted var(--line); }
[data-skin="diner"] .row-thumb { border-radius: 50%; border: 3px solid var(--paper); box-shadow: 0 0 0 2px var(--b2); }
[data-skin="diner"] .cover-bg { background-color: var(--b); background-image: repeating-conic-gradient(var(--text) 0 25%, var(--paper) 0 50%); background-repeat: repeat-x; background-size: 22px 22px; background-position: 0 100%; }
[data-skin="diner"] .cover-bg::after { background: radial-gradient(circle at 50% 38%, rgba(255, 255, 255, .25), transparent 55%); }
[data-skin="diner"] .cover-inner { border: 0; margin: 16px 16px 60px 16px; }
[data-skin="diner"] .cover-inner h1 { font-weight: 400; font-size: clamp(38px, 12vw, 56px); transform: rotate(-4deg); text-shadow: 3px 3px 0 rgba(0, 0, 0, .25); }
[data-skin="diner"] .cover-kicker { font-weight: 800; }
[data-skin="diner"] .cover-logo { border-radius: 50%; border: 5px solid #fff; box-shadow: 0 0 0 4px #c3c9cf, 0 10px 30px rgba(0, 0, 0, .25); }
[data-skin="diner"] .cover-page::before { display: none; }
[data-skin="diner"] .section h2 { color: var(--bt); }
[data-skin="diner"] .cover.plain { background-image: repeating-conic-gradient(var(--text) 0 25%, var(--paper) 0 50%); background-size: 18px 18px; background-repeat: repeat-x; background-position: 0 100%; }
[data-skin="diner"] .price { background: var(--b2); color: var(--b2-ink); padding: 1px 9px; border-radius: 99px; font-size: 14px; }

/* ============ 06 İZAKAYA — washi, noren, mühür, ip cilt ============ */
html[data-skin="izakaya"] {
  --serif: "Noto Serif", "Times New Roman", serif;
  --font: "Noto Serif", "Times New Roman", serif;
  --name-weight: 600;
  --price-font: "Noto Serif", serif;
  --price-weight: 700;
  --h-weight: 800;
  --h-size: 30px;
  --h-track: .02em;
  --leader: none;
  --pad-l: 40px;
  --page-radius: 2px;
  --rule-bg: linear-gradient(to right, transparent, var(--text) 10%, var(--text) 55%, transparent) center / 100% 3px no-repeat;
  --tex: repeating-linear-gradient(17deg, rgba(110, 90, 60, .035) 0 1px, transparent 1px 9px), repeating-linear-gradient(-23deg, rgba(110, 90, 60, .03) 0 1px, transparent 1px 13px), radial-gradient(rgba(110, 90, 60, .05) 1px, transparent 1.5px) 0 0 / 6px 6px;
  --deco: var(--tex);
}
[data-skin="izakaya"] .spiral { left: 6px; width: 24px; filter: none; background: radial-gradient(circle at 12px 50%, var(--text) 0 2.4px, transparent 3px) 0 0 / 24px 25% repeat-y, linear-gradient(to right, transparent 11px, var(--b) 11px 13px, transparent 13px) 0 0 / 24px 100% no-repeat; }
[data-skin="izakaya"] .ph { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 14px; text-align: left; }
[data-skin="izakaya"] .ph-ic { grid-row: span 2; width: 52px; height: 52px; margin: 0; display: grid; place-items: center; border-radius: 50%; background: var(--b); font-size: 26px; transform: rotate(-8deg); box-shadow: inset 0 0 0 3px var(--b), inset 0 0 0 5px rgba(255, 255, 255, .55); }
[data-skin="izakaya"] .ph p { font-style: normal; grid-column: 2; margin-top: 2px; }
[data-skin="izakaya"] .ph-rule { grid-column: 1 / -1; width: 100%; margin-top: 14px; }
[data-skin="izakaya"] .ph.cont { display: flex; }
[data-skin="izakaya"] .row { padding-top: 14px; padding-bottom: 14px; }
[data-skin="izakaya"] .row-line { justify-content: space-between; }
[data-skin="izakaya"] .row-price { color: var(--bt); }
[data-skin="izakaya"] .row-thumb { border-radius: 2px; }
[data-skin="izakaya"] .cover-page { background-color: var(--paper); color: var(--text); }
[data-skin="izakaya"] .cover-page::before { background: var(--tex); z-index: 0; }
[data-skin="izakaya"] .cover-bg { background-color: transparent; background-image: linear-gradient(to right, var(--b) 0 calc(50% - 4px), transparent calc(50% - 4px) calc(50% + 4px), var(--b) calc(50% + 4px)); background-size: 100% 34%; background-repeat: no-repeat; background-position: top; }
[data-skin="izakaya"] .cover-bg[style] { background-size: cover; }
[data-skin="izakaya"] .cover-bg::after { background: none; }
[data-skin="izakaya"] .cover-inner { border: 0; margin: 16px 16px 16px 34px; justify-content: flex-end; padding-bottom: 34px; }
[data-skin="izakaya"] .cover-logo { border-radius: 50%; background: var(--b); box-shadow: inset 0 0 0 4px var(--b), inset 0 0 0 6px rgba(255, 255, 255, .6); transform: rotate(-8deg); }
[data-skin="izakaya"] .cover-logo span { color: var(--b-ink); }
[data-skin="izakaya"] .cover-kicker { position: absolute; top: 4%; left: 0; right: 0; color: var(--b-ink); letter-spacing: .8em; }
[data-skin="izakaya"] .cover-inner h1 { font-weight: 800; font-size: clamp(30px, 9vw, 42px); letter-spacing: .02em; }
[data-skin="izakaya"] .cover-tag { font-style: normal; }
[data-skin="izakaya"] .cover-open { background: var(--text); color: var(--paper); border-radius: 2px; }
[data-skin="izakaya"] .section h2 span { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--b); font-size: 19px; }

/* ============ 07 ART DECO — siyah-altın, güneş patlaması ============ */
html[data-skin="deco"] {
  --serif: "Cinzel", "Times New Roman", serif;
  --font: "Josefin Sans", system-ui, sans-serif;
  --name-font: "Josefin Sans", sans-serif;
  --name-weight: 600;
  --name-case: uppercase;
  --name-track: .08em;
  --name-size: 15px;
  --price-font: "Cinzel", serif;
  --price-weight: 700;
  --h-case: uppercase;
  --h-weight: 700;
  --h-track: .14em;
  --h-size: 22px;
  --leader: solid;
  --leader-w: 1px;
  --pad-l: 30px;
  --page-radius: 0;
  --orn: "◆";
  --rule-bg: var(--rule-lines);
  --tex: none;
  --deco: linear-gradient(var(--paper), var(--paper));
}
[data-skin="deco"] .page::before { inset: 10px; border: 1px solid var(--bt); outline: 1px solid var(--bt); outline-offset: -6px;
  background: linear-gradient(45deg, var(--bt) 0 2px, transparent 2px) 0 0 / 14px 14px no-repeat, linear-gradient(-45deg, var(--bt) 0 2px, transparent 2px) 100% 0 / 14px 14px no-repeat; }
[data-skin="deco"] .lead { border-color: color-mix(in srgb, var(--bt) 55%, transparent); transform: translateY(-5px); }
[data-skin="deco"] .page-body { padding-top: 30px; padding-right: 30px; }
[data-skin="deco"] .page-foot { padding-bottom: 14px; height: 46px; font-style: normal; text-transform: uppercase; letter-spacing: .2em; color: var(--bt); }
[data-skin="deco"] .ph-ic { display: none; }
[data-skin="deco"] .ph::before { content: ""; display: block; width: 96px; height: 48px; margin: 0 auto 10px; background: repeating-conic-gradient(from 270deg at 50% 100%, var(--bt) 0 3deg, transparent 3deg 12deg); -webkit-mask: radial-gradient(circle at 50% 100%, #000 47px, transparent 48px); mask: radial-gradient(circle at 50% 100%, #000 47px, transparent 48px); }
[data-skin="deco"] .ph.cont::before { display: none; }
[data-skin="deco"] .ph h2 { color: var(--bt); }
[data-skin="deco"] .ph p { font-family: var(--font); font-style: normal; letter-spacing: .06em; }
[data-skin="deco"] .row-price { color: var(--bt); }
[data-skin="deco"] .row-thumb { border-radius: 0; border: 1px solid var(--bt); padding: 2px; }
[data-skin="deco"] .badge { background: transparent; border: 1px solid currentColor; border-radius: 0; text-transform: uppercase; letter-spacing: .08em; }
[data-skin="deco"] .cover-page { background-color: var(--paper); color: var(--text); }
[data-skin="deco"] .cover-page::before { display: none; }
[data-skin="deco"] .cover-bg { background: repeating-conic-gradient(from 0deg at 50% 42%, color-mix(in srgb, var(--bt) 30%, transparent) 0 2deg, transparent 2deg 10deg); }
[data-skin="deco"] .cover-bg[style] { background-size: cover; }
[data-skin="deco"] .cover-bg::after { background: radial-gradient(circle at 50% 42%, transparent 18%, var(--paper) 62%); }
[data-skin="deco"] .cover-inner { border: 2px solid var(--bt); outline: 1px solid var(--bt); outline-offset: -8px; border-radius: 0; margin: 16px; }
[data-skin="deco"] .cover-inner h1 { color: var(--bt); text-transform: uppercase; letter-spacing: .12em; font-weight: 800; font-size: clamp(26px, 8vw, 36px); }
[data-skin="deco"] .cover-kicker { color: var(--bt); letter-spacing: .6em; }
[data-skin="deco"] .cover-tag { font-family: var(--font); font-style: normal; text-transform: uppercase; letter-spacing: .14em; font-size: 12px; }
[data-skin="deco"] .cover-logo { border-radius: 0; border: 2px solid var(--bt); transform: rotate(45deg); width: 74px; height: 74px; }
[data-skin="deco"] .cover-logo > * { transform: rotate(-45deg); }
[data-skin="deco"] .cover-open { background: transparent; color: var(--bt); border: 1px solid var(--bt); border-radius: 0; text-transform: uppercase; letter-spacing: .2em; box-shadow: none; }
[data-skin="deco"] .cover-chips .chip { border-radius: 0; background: transparent; border-color: color-mix(in srgb, var(--bt) 50%, transparent); }
[data-skin="deco"] .section h2 { color: var(--bt); }

/* ============ 08 İSVİÇRE IZGARASI — ızgara, numaralı bölümler ============ */
html[data-skin="isvicre"] {
  --serif: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --name-weight: 700;
  --price-font: "Archivo", sans-serif;
  --price-weight: 500;
  --h-weight: 900;
  --h-size: 40px;
  --h-track: -0.045em;
  --leader: none;
  --pad-l: 22px;
  --page-radius: 0;
  --tex: none;
  --deco: repeating-linear-gradient(to right, transparent 0 calc(25% - 1px), color-mix(in srgb, var(--text) 6%, transparent) calc(25% - 1px) 25%);
}
[data-skin="isvicre"] .page { box-shadow: 0 1px 0 rgba(0, 0, 0, .08); }
[data-skin="isvicre"] .pages { counter-reset: bolum; }
[data-skin="isvicre"] .ph { text-align: left; padding-top: 12px; border-top: 4px solid var(--text); }
[data-skin="isvicre"] .menu-page .ph:not(.cont) { counter-increment: bolum; }
[data-skin="isvicre"] .ph:not(.cont)::before { content: counter(bolum, decimal-leading-zero); display: block; margin-bottom: 6px; font-weight: 700; font-size: 14px; color: var(--bt); }
[data-skin="isvicre"] .toc-page .ph::before { content: "00"; }
[data-skin="isvicre"] .ph-ic, [data-skin="isvicre"] .ph-rule { display: none; }
[data-skin="isvicre"] .ph h2 { line-height: .95; }
[data-skin="isvicre"] .ph p { font-family: var(--font); font-style: normal; font-size: 13px; }
[data-skin="isvicre"] .ph.cont { border-top-width: 2px; }
[data-skin="isvicre"] .row { border-top: 1px solid var(--line); border-radius: 0; }
[data-skin="isvicre"] .row-line { justify-content: space-between; }
[data-skin="isvicre"] .row-price { font-variant-numeric: tabular-nums; }
[data-skin="isvicre"] .row-thumb { border-radius: 0; box-shadow: none; }
[data-skin="isvicre"] .badge { border-radius: 0; background: transparent; padding: 0; color: var(--bt); }
[data-skin="isvicre"] .page-foot { font-style: normal; font-weight: 500; }
[data-skin="isvicre"] .cover-page { background-color: var(--paper); color: var(--text); }
[data-skin="isvicre"] .cover-page::before { background: var(--deco); }
[data-skin="isvicre"] .cover-bg { background: none; }
[data-skin="isvicre"] .cover-bg::after { content: ""; inset: 22px auto auto 22px; width: 72px; height: 72px; background: var(--b); }
[data-skin="isvicre"] .cover-bg[style] { background-size: cover; background-position: center; -webkit-mask: linear-gradient(#000 0 45%, transparent 45%); mask: linear-gradient(#000 0 45%, transparent 45%); }
[data-skin="isvicre"] .cover-inner { border: 0; margin: 22px; padding: 0; align-items: flex-start; justify-content: flex-end; text-align: left; }
[data-skin="isvicre"] .cover-inner h1 { font-weight: 900; font-size: clamp(40px, 13vw, 60px); line-height: .92; letter-spacing: -0.05em; }
[data-skin="isvicre"] .cover-kicker { padding-left: 0; letter-spacing: .1em; font-weight: 700; }
[data-skin="isvicre"] .cover-tag { font-style: normal; }
[data-skin="isvicre"] .cover-logo { border-radius: 0; width: 56px; height: 56px; box-shadow: none; }
[data-skin="isvicre"] .cover-chips { justify-content: flex-start; }
[data-skin="isvicre"] .cover-chips .chip { border-radius: 0; background: transparent; border-color: var(--line); }
[data-skin="isvicre"] .cover-chips .chip.table { background: var(--b); color: var(--b-ink); }
[data-skin="isvicre"] .cover-open { border-radius: 0; background: var(--text); color: var(--paper); box-shadow: none; }
[data-skin="isvicre"] .swipe-hint { align-self: flex-start; }
[data-skin="isvicre"] .sections { counter-reset: bolum; }
[data-skin="isvicre"] .section { counter-increment: bolum; border-top: 4px solid var(--text); margin: 0 18px; padding-left: 0; padding-right: 0; }
[data-skin="isvicre"] .section h2::before { content: counter(bolum, decimal-leading-zero); color: var(--bt); font-size: 14px; letter-spacing: 0; }
[data-skin="isvicre"] .section h2 span { display: none; }

/* ============ 09 BRÜTALİST — beton, kalın çerçeve ============ */
html[data-skin="beton"] {
  --serif: "Archivo Black", Impact, sans-serif;
  --font: "Space Mono", ui-monospace, monospace;
  --name-font: "Space Mono", monospace;
  --name-weight: 700;
  --name-case: uppercase;
  --name-size: 14.5px;
  --price-font: "Archivo Black", sans-serif;
  --price-weight: 400;
  --h-case: uppercase;
  --h-weight: 400;
  --h-size: 28px;
  --h-track: -0.02em;
  --leader: none;
  --pad-l: 22px;
  --page-radius: 0;
  --tex: radial-gradient(rgba(0, 0, 0, .08) 1px, transparent 1.4px) 0 0 / 4px 4px, radial-gradient(rgba(255, 255, 255, .25) 1px, transparent 1.6px) 2px 1px / 7px 7px;
  --deco: var(--tex);
}
[data-skin="beton"] .page { border: 4px solid var(--text); box-shadow: none; }
[data-skin="beton"] .pages::before { inset: 10px -10px -10px 10px; background: var(--text); border-radius: 0; box-shadow: none; }
[data-skin="beton"] .pages::after { display: none; }
[data-skin="beton"] .ph { margin: -22px -18px 14px calc(-1 * var(--pad-l)); padding: 16px 18px 14px var(--pad-l); background: var(--text); color: var(--paper); text-align: left; }
[data-skin="beton"] .ph p { color: color-mix(in srgb, var(--paper) 70%, transparent); font-family: var(--font); font-style: normal; font-size: 12px; text-transform: uppercase; }
[data-skin="beton"] .ph-ic, [data-skin="beton"] .ph-rule { display: none; }
[data-skin="beton"] .ph.cont span { color: var(--paper); }
[data-skin="beton"] .row { border-bottom: 3px solid var(--text); border-radius: 0; }
[data-skin="beton"] .row-line { justify-content: space-between; }
[data-skin="beton"] .row-price { padding: 2px 8px; background: var(--text); color: var(--paper); }
[data-skin="beton"] .row-price s { color: inherit; opacity: .6; }
[data-skin="beton"] .row-desc { font-size: 12.5px; }
[data-skin="beton"] .row-thumb { border-radius: 0; border: 3px solid var(--text); box-shadow: none; filter: grayscale(.4) contrast(1.15); }
[data-skin="beton"] .badge { border-radius: 0; background: var(--b); color: var(--b-ink); text-transform: uppercase; }
[data-skin="beton"] .page-foot { font-family: var(--font); font-style: normal; text-transform: uppercase; color: var(--text); }
[data-skin="beton"] .cover-page { background-color: var(--paper); color: var(--text); border: 4px solid var(--text); }
[data-skin="beton"] .cover-page::before { background: var(--tex); z-index: 0; }
[data-skin="beton"] .cover-bg { background: linear-gradient(var(--b), var(--b)) 0 0 / 100% 30% no-repeat; }
[data-skin="beton"] .cover-bg[style] { background-size: cover; filter: grayscale(1) contrast(1.3); }
[data-skin="beton"] .cover-bg::after { display: none; }
[data-skin="beton"] .cover-inner { border: 0; margin: 18px; align-items: flex-start; text-align: left; justify-content: flex-end; }
[data-skin="beton"] .cover-inner h1 { text-transform: uppercase; font-weight: 400; font-size: clamp(38px, 12vw, 58px); line-height: .9; letter-spacing: -0.04em; }
[data-skin="beton"] .cover-kicker { padding: 3px 8px; background: var(--text); color: var(--paper); letter-spacing: .3em; opacity: 1; }
[data-skin="beton"] .cover-tag { font-family: var(--font); font-style: normal; text-transform: uppercase; font-size: 12px; }
[data-skin="beton"] .cover-logo { border-radius: 0; border: 4px solid var(--text); box-shadow: 6px 6px 0 var(--text); }
[data-skin="beton"] .cover-chips { justify-content: flex-start; }
[data-skin="beton"] .cover-chips .chip { border-radius: 0; border: 2px solid var(--text); background: var(--paper); color: var(--text); }
[data-skin="beton"] .cover-open { border-radius: 0; background: var(--text); color: var(--paper); box-shadow: 5px 5px 0 var(--b); text-transform: uppercase; }
[data-skin="beton"] .swipe-hint { align-self: flex-start; }
[data-skin="beton"] .section h2 { background: var(--text); color: var(--paper); padding: 10px 12px; }
[data-skin="beton"] .item { border-bottom-width: 3px; border-color: var(--text); }

/* ============ 10 TRATTORIA — kareli örtü, el yazısı ============ */
html[data-skin="trattoria"] {
  --serif: "Great Vibes", "Brush Script MT", cursive;
  --font: "Libre Baskerville", Georgia, serif;
  --name-font: "Libre Baskerville", serif;
  --name-weight: 700;
  --name-size: 14.5px;
  --price-font: "Libre Baskerville", serif;
  --price-weight: 700;
  --h-weight: 400;
  --h-size: 42px;
  --desc-style: italic;
  --pad-l: 22px;
  --page-radius: 2px;
  --orn: "❧";
  --rule-bg: var(--rule-lines);
  --gingham: repeating-linear-gradient(0deg, color-mix(in srgb, var(--b) 50%, transparent) 0 9px, transparent 9px 18px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--b) 50%, transparent) 0 9px, transparent 9px 18px), #ffffff;
}
[data-skin="trattoria"] .page { border: 14px solid transparent; background: linear-gradient(var(--paper), var(--paper)) padding-box, var(--gingham) border-box; }
[data-skin="trattoria"] .ph-rule { color: var(--b2t); }
[data-skin="trattoria"] .ph h2 { color: var(--bt); line-height: 1.05; }
[data-skin="trattoria"] .ph p { font-family: var(--font); }
[data-skin="trattoria"] .ph-ic { display: none; }
[data-skin="trattoria"] .page-foot { padding-right: 16px; }
[data-skin="trattoria"] .cover-page { background: var(--gingham); color: var(--text); }
[data-skin="trattoria"] .cover-page::before, [data-skin="trattoria"] .cover-bg::after { display: none; }
[data-skin="trattoria"] .cover-bg { background: none; }
[data-skin="trattoria"] .cover-inner { margin: 34px 22px; background: var(--paper); border: 3px double var(--bt); border-radius: 50% / 34%; box-shadow: 0 10px 26px rgba(0, 0, 0, .2); }
[data-skin="trattoria"] .cover-inner h1 { font-weight: 400; color: var(--bt); font-size: clamp(42px, 13vw, 60px); line-height: 1; }
[data-skin="trattoria"] .cover-kicker { font-family: var(--font); letter-spacing: .4em; }
[data-skin="trattoria"] .cover-logo { border-radius: 50%; }
[data-skin="trattoria"] .cover-open { background: var(--b); color: var(--b-ink); font-family: var(--font); font-style: italic; }
[data-skin="trattoria"] .cover-chips .chip { background: var(--surface); border-color: var(--line); color: var(--text); }
[data-skin="trattoria"] .swipe-hint { color: var(--muted); }
[data-skin="trattoria"] .section h2 { color: var(--bt); font-size: 36px; }
[data-skin="trattoria"] .cover.plain { background: var(--gingham); }

/* ============ 11 PARİS BISTRO — ortalı, zarif ============ */
html[data-skin="bistro"] {
  --serif: "Cormorant Garamond", Garamond, serif;
  --font: "Cormorant Garamond", Garamond, serif;
  --name-weight: 700;
  --name-size: 19px;
  --price-font: "Cormorant Garamond", serif;
  --price-weight: 600;
  --h-case: uppercase;
  --h-weight: 600;
  --h-size: 19px;
  --h-track: .32em;
  --desc-style: italic;
  --leader: none;
  --pad-l: 34px;
  --page-radius: 2px;
  --orn: "✻";
  --rule-bg: var(--rule-lines);
  --deco: var(--tex);
}
[data-skin="bistro"] .page::before { inset: 12px 12px 12px 24px; border-top: 1px solid var(--text); border-bottom: 1px solid var(--text); box-shadow: inset 0 3px 0 var(--paper), inset 0 4px 0 var(--text), inset 0 -3px 0 var(--paper), inset 0 -4px 0 var(--text); }
[data-skin="bistro"] .spiral { left: 10px; width: 1.5px; filter: none; background: repeating-linear-gradient(to bottom, var(--text) 0 6px, transparent 6px 11px); }
[data-skin="bistro"] .page-body { padding-top: 34px; padding-right: 30px; }
[data-skin="bistro"] .page-foot { justify-content: center; padding-bottom: 14px; height: 46px; }
[data-skin="bistro"] .page-foot span:first-child { display: none; }
[data-skin="bistro"] .ph-ic { display: none; }
[data-skin="bistro"] .ph p { font-size: 16px; }
[data-skin="bistro"] .row { flex-direction: column; align-items: center; text-align: center; padding: 12px 0; margin: 0; }
[data-skin="bistro"] .row-line { flex-direction: column; align-items: center; gap: 0; }
[data-skin="bistro"] .lead { display: none; }
[data-skin="bistro"] .row-price { font-style: italic; color: var(--bt); }
[data-skin="bistro"] .row-price::before { content: "— "; }
[data-skin="bistro"] .row-price::after { content: " —"; }
[data-skin="bistro"] .row-desc { font-size: 16px; }
[data-skin="bistro"] .row-var { padding-left: 0; font-size: 16px; justify-content: center; }
[data-skin="bistro"] .row-var .lead { display: inline-block; flex: 0 0 26px; }
[data-skin="bistro"] .row-tags { justify-content: center; }
[data-skin="bistro"] .row-thumb { order: -1; width: 72px; height: 72px; border-radius: 50%; margin-bottom: 6px; }
[data-skin="bistro"] .badge { background: transparent; font-style: italic; font-size: 13px; }
[data-skin="bistro"] .cover-page::before { background: none; inset: 14px; border: 1px solid color-mix(in srgb, currentColor 60%, transparent); z-index: 2; }
[data-skin="bistro"] .cover-inner { border: 0; }
[data-skin="bistro"] .cover-inner h1 { font-style: italic; font-weight: 600; font-size: clamp(38px, 12vw, 54px); }
[data-skin="bistro"] .cover-kicker { letter-spacing: .6em; font-weight: 600; }
[data-skin="bistro"] .cover-tag { font-size: 18px; }
[data-skin="bistro"] .cover-logo { border-radius: 50%; }
[data-skin="bistro"] .cover-open { border-radius: 0; background: transparent; color: inherit; border: 1px solid currentColor; box-shadow: none; font-style: italic; font-size: 18px; letter-spacing: .04em; }
[data-skin="bistro"] .section { text-align: center; }
[data-skin="bistro"] .section h2 { justify-content: center; }
[data-skin="bistro"] .section h2 span { display: none; }
[data-skin="bistro"] .item h3 { font-size: 19px; }
[data-skin="bistro"] .item p { font-size: 16px; }

/* ============ 12 ADİSYON FİŞİ — termal fiş ============ */
html[data-skin="adisyon"] {
  --serif: "Courier Prime", "Courier New", monospace;
  --font: "Courier Prime", "Courier New", monospace;
  --name-weight: 700;
  --name-case: uppercase;
  --name-size: 14.5px;
  --price-font: "Courier Prime", monospace;
  --price-weight: 700;
  --h-case: uppercase;
  --h-weight: 700;
  --h-size: 19px;
  --h-track: .14em;
  --leader: dotted;
  --leader-w: 2px;
  --pad-l: 22px;
  --page-radius: 0;
  --rule-bg: none;
  --tex: none;
  --deco: none;
  --zz: conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / 14px 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 14px 51% repeat-x;
}
[data-skin="adisyon"] .page { background-color: color-mix(in srgb, var(--paper) 35%, #ffffff); color: #1c1c1c; --text: #1c1c1c; --muted: #6a6a6a; --line: #c9c9c9; -webkit-mask: var(--zz); mask: var(--zz); border-radius: 0; box-shadow: none; }
[data-skin="adisyon"] .pages::before { display: none; }
[data-skin="adisyon"] .pages::after { inset: 4px -4px -6px 4px; background: rgba(0, 0, 0, .14); filter: blur(6px); border-radius: 0; }
[data-skin="adisyon"] .page-body { padding-top: 26px; }
[data-skin="adisyon"] .page-body::after { content: ""; display: block; width: 70%; height: 30px; margin: 22px auto 0; background: repeating-linear-gradient(90deg, #1c1c1c 0 2px, transparent 2px 4px, #1c1c1c 4px 5px, transparent 5px 8px, #1c1c1c 8px 11px, transparent 11px 12px); }
[data-skin="adisyon"] .cover-page .page-body::after, [data-skin="adisyon"] .back-page .page-body::after { display: none; }
[data-skin="adisyon"] .page-foot { font-style: normal; text-transform: uppercase; letter-spacing: .1em; padding-bottom: 14px; height: 44px; color: #6a6a6a; }
[data-skin="adisyon"] .ph-ic { display: none; }
[data-skin="adisyon"] .ph h2::before { content: "*** "; }
[data-skin="adisyon"] .ph h2::after { content: " ***"; }
[data-skin="adisyon"] .ph p { font-family: var(--font); font-style: normal; font-size: 12px; text-transform: uppercase; }
[data-skin="adisyon"] .ph-rule { width: 100%; height: 0; border-top: 1px dashed #1c1c1c; }
[data-skin="adisyon"] .ph.cont { border-bottom-style: dashed; }
[data-skin="adisyon"] .row { border-radius: 0; }
[data-skin="adisyon"] .row-desc { font-size: 12.5px; text-transform: lowercase; }
[data-skin="adisyon"] .row-thumb { display: none; }
[data-skin="adisyon"] .row-out { color: #1c1c1c; }
[data-skin="adisyon"] .row-out::before { content: "["; } [data-skin="adisyon"] .row-out::after { content: "]"; }
[data-skin="adisyon"] .badge { border-radius: 0; background: transparent; padding: 0 4px; border: 1px solid currentColor; color: #1c1c1c; text-transform: uppercase; }
[data-skin="adisyon"] .cover-page { background-color: color-mix(in srgb, var(--paper) 35%, #ffffff); color: #1c1c1c; }
[data-skin="adisyon"] .cover-page::before, [data-skin="adisyon"] .cover-bg { display: none; }
[data-skin="adisyon"] .cover-inner { border: 0; margin: 20px; border-top: 1px dashed #1c1c1c; border-bottom: 1px dashed #1c1c1c; border-radius: 0; }
[data-skin="adisyon"] .cover-logo { border-radius: 0; box-shadow: none; filter: grayscale(1) contrast(1.2); width: 70px; height: 70px; }
[data-skin="adisyon"] .cover-logo span { color: #1c1c1c; }
[data-skin="adisyon"] .cover-inner h1 { text-transform: uppercase; letter-spacing: .12em; font-weight: 700; font-size: clamp(24px, 7.5vw, 32px); }
[data-skin="adisyon"] .cover-tag { font-style: normal; font-size: 12px; text-transform: uppercase; }
[data-skin="adisyon"] .cover-meta { display: block; }
[data-skin="adisyon"] .cover-chips .chip { border-radius: 0; background: transparent; border: 1px dashed #1c1c1c; color: #1c1c1c; }
[data-skin="adisyon"] .cover-open { border-radius: 0; background: #1c1c1c; color: #fff; box-shadow: none; text-transform: uppercase; }
[data-skin="adisyon"] .cover-open::before { content: "[ "; } [data-skin="adisyon"] .cover-open::after { content: " ]"; }
[data-skin="adisyon"] .back-title { color: #1c1c1c; font-style: normal; text-transform: uppercase; letter-spacing: .1em; font-size: 26px; }
[data-skin="adisyon"] .section h2::before { content: "*** "; } [data-skin="adisyon"] .section h2::after { content: " ***"; }
[data-skin="adisyon"] .section h2 span { display: none; }

/* ============ 13 GAZETE — manşet, sütun çizgileri, büyük ilk harf ============ */
html[data-skin="gazete"] {
  --serif: "Playfair Display", Georgia, serif;
  --font: "Old Standard TT", Georgia, serif;
  --name-font: "Playfair Display", serif;
  --name-weight: 700;
  --name-size: 16px;
  --price-font: "Old Standard TT", serif;
  --price-weight: 700;
  --h-weight: 900;
  --h-size: 32px;
  --h-track: -0.025em;
  --leader: none;
  --pad-l: 22px;
  --page-radius: 0;
  --tex: radial-gradient(rgba(0, 0, 0, .05) 1px, transparent 1.2px) 0 0 / 3px 3px;
  --deco: radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--text) 18%, transparent) 0 1.4px, transparent 1.8px) 100% 100% / 7px 7px, var(--tex);
}
[data-skin="gazete"] .page::before { background: radial-gradient(ellipse at 50% 50%, transparent 55%, rgba(120, 90, 20, .1)), var(--tex); }
[data-skin="gazete"] .page { box-shadow: 0 1px 2px rgba(0, 0, 0, .1); }
[data-skin="gazete"] .pages { counter-reset: bolum; }
[data-skin="gazete"] .menu-page .ph:not(.cont) { counter-increment: bolum; }
[data-skin="gazete"] .ph { text-align: left; padding: 10px 0 8px; border-top: 5px double var(--text); border-bottom: 1px solid var(--text); }
[data-skin="gazete"] .ph:not(.cont)::before { content: "BÖLÜM " counter(bolum); display: block; margin-bottom: 4px; font-family: var(--font); font-weight: 700; font-size: 11px; letter-spacing: .2em; color: var(--bt); }
[data-skin="gazete"] .toc-page .ph::before { content: "İÇİNDEKİLER"; }
[data-skin="gazete"] .ph-ic, [data-skin="gazete"] .ph-rule { display: none; }
[data-skin="gazete"] .ph p { font-family: var(--font); }
[data-skin="gazete"] .row { border-bottom: 1px solid var(--line); border-radius: 0; }
[data-skin="gazete"] .row-line { justify-content: space-between; }
[data-skin="gazete"] .row-desc { text-align: justify; hyphens: auto; font-size: 13.5px; }
[data-skin="gazete"] .ph + .row .row-desc::first-letter { float: left; margin: 2px 6px 0 0; font-family: var(--serif); font-weight: 900; font-size: 2.9em; line-height: .8; color: var(--text); }
[data-skin="gazete"] .ph + .row .row-desc { -webkit-line-clamp: 3; }
[data-skin="gazete"] .row-thumb { border-radius: 0; filter: grayscale(1) contrast(1.1); box-shadow: none; }
[data-skin="gazete"] .badge { border-radius: 0; background: transparent; padding: 0; font-style: italic; font-family: var(--font); }
[data-skin="gazete"] .page-foot { border-top: 1px solid var(--text); margin: 0 18px 0 22px; padding-left: 0; padding-right: 0; font-family: var(--font); }
[data-skin="gazete"] .cover-page { background-color: var(--paper); color: var(--text); }
[data-skin="gazete"] .cover-page::before { background: var(--tex); z-index: 0; }
[data-skin="gazete"] .cover-bg { background: none; }
[data-skin="gazete"] .cover-bg[style] { inset: 45% 20px 90px 20px; background-size: cover; filter: grayscale(1) contrast(1.15); }
[data-skin="gazete"] .cover-bg::after { display: none; }
[data-skin="gazete"] .cover-inner { border: 0; margin: 18px; justify-content: flex-start; }
[data-skin="gazete"] .cover-kicker { order: -2; width: 100%; padding: 6px 0; border-top: 1px solid var(--text); border-bottom: 1px solid var(--text); letter-spacing: .3em; font-family: var(--font); font-weight: 700; }
[data-skin="gazete"] .cover-inner h1 { order: -3; font-weight: 900; font-size: clamp(36px, 12vw, 56px); line-height: .95; margin-bottom: 8px; }
[data-skin="gazete"] .cover-meta { display: block; order: -1; font-family: var(--font); font-style: italic; margin-top: 6px; }
[data-skin="gazete"] .cover-logo { order: 0; margin: 18px 0 10px; border-radius: 0; box-shadow: none; filter: grayscale(1); }
[data-skin="gazete"] .cover-tag { font-size: 20px; font-weight: 700; font-style: italic; }
[data-skin="gazete"] .cover-chips .chip { border-radius: 0; background: transparent; border-color: var(--text); }
[data-skin="gazete"] .cover-open { border-radius: 0; background: var(--text); color: var(--paper); box-shadow: none; }
[data-skin="gazete"] .section h2 { border-top: 5px double var(--text); border-bottom: 1px solid var(--text); padding: 8px 0; }

/* ============ 14 NEON GECE — tuğla duvar, parlayan tabela ============ */
html[data-skin="neon"] {
  --serif: "Monoton", "Impact", sans-serif;
  --font: "Rubik", system-ui, sans-serif;
  --name-font: "Rubik", sans-serif;
  --name-weight: 600;
  --price-font: "Rubik", sans-serif;
  --price-weight: 700;
  --h-weight: 400;
  --h-size: 30px;
  --h-track: .04em;
  --leader-w: 2px;
  --pad-l: 22px;
  --page-radius: 18px;
  --rule-bg: none;
  --tex: repeating-linear-gradient(0deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 22px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 46px), radial-gradient(ellipse at 50% 0, rgba(255, 255, 255, .05), transparent 60%);
  --deco: var(--tex);
}
[data-skin="neon"] .page { box-shadow: inset 0 0 0 2px var(--b2), inset 0 0 22px color-mix(in srgb, var(--b2) 45%, transparent), 0 0 26px color-mix(in srgb, var(--b2) 30%, transparent); }
[data-skin="neon"] .ph-ic { filter: drop-shadow(0 0 8px var(--b)); }
[data-skin="neon"] .ph h2 { color: #fff; text-shadow: 0 0 4px #fff, 0 0 10px var(--b), 0 0 22px var(--b), 0 0 40px var(--b); line-height: 1.3; }
[data-skin="neon"] .ph-rule { height: 2px; width: 70%; border-radius: 2px; background: var(--b2); box-shadow: 0 0 10px var(--b2), 0 0 20px var(--b2); }
[data-skin="neon"] .lead { border-color: color-mix(in srgb, var(--b2) 50%, transparent); }
[data-skin="neon"] .row-price { color: #fff; text-shadow: 0 0 6px var(--b2), 0 0 14px var(--b2); }
[data-skin="neon"] .row-thumb { box-shadow: 0 0 0 2px var(--b), 0 0 14px color-mix(in srgb, var(--b) 60%, transparent); }
[data-skin="neon"] .badge.hot { background: transparent; color: #fff; box-shadow: 0 0 0 1.5px var(--b), 0 0 10px var(--b); }
[data-skin="neon"] .bt-brand b { font-family: var(--font); font-weight: 700; }
[data-skin="neon"] .sheet-body h2 { font-family: var(--font); font-weight: 700; }
[data-skin="neon"] .cover-page { background-color: var(--paper); color: var(--text); }
[data-skin="neon"] .cover-page::before { background: var(--tex); z-index: 0; }
[data-skin="neon"] .cover-bg { background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--b) 20%, transparent), transparent 60%); }
[data-skin="neon"] .cover-bg::after { display: none; }
[data-skin="neon"] .cover-inner { border: 2px solid var(--b2); border-radius: 22px; box-shadow: 0 0 14px var(--b2), inset 0 0 14px var(--b2); }
[data-skin="neon"] .cover-inner h1 { color: #fff; font-weight: 400; font-size: clamp(30px, 10vw, 44px); line-height: 1.25; text-shadow: 0 0 4px #fff, 0 0 12px var(--b), 0 0 26px var(--b), 0 0 50px var(--b); animation: neonFlicker 5s infinite; }
[data-skin="neon"] .cover-kicker { color: var(--b2t); text-shadow: 0 0 8px var(--b2); letter-spacing: .5em; }
[data-skin="neon"] .cover-logo { border-radius: 50%; box-shadow: 0 0 0 3px var(--b), 0 0 26px var(--b); }
[data-skin="neon"] .cover-open { background: transparent; color: #fff; border: 2px solid var(--b); box-shadow: 0 0 12px var(--b), inset 0 0 12px var(--b); text-shadow: 0 0 8px var(--b); }
[data-skin="neon"] .cover-chips .chip { background: transparent; border-color: color-mix(in srgb, var(--b2) 60%, transparent); }
@keyframes neonFlicker { 0%, 18%, 22%, 25%, 53%, 57%, 100% { opacity: 1; } 20%, 24%, 55% { opacity: .55; } }
[data-skin="neon"] .section h2 { color: #fff; text-shadow: 0 0 10px var(--b), 0 0 24px var(--b); line-height: 1.3; }
[data-skin="neon"] .brand h1 { font-family: var(--font); font-weight: 700; }

/* ============ 15 BOTANİK — keten, yaprak dalı ============ */
html[data-skin="botanik"] {
  --serif: "Fraunces", Georgia, serif;
  --font: "Manrope", system-ui, sans-serif;
  --name-font: "Fraunces", serif;
  --name-weight: 600;
  --name-size: 16.5px;
  --price-font: "Manrope", sans-serif;
  --price-weight: 700;
  --h-weight: 600;
  --h-style: italic;
  --h-size: 32px;
  --leader: none;
  --pad-l: 24px;
  --page-radius: 24px;
  --orn: "✿";
  --rule-bg: var(--rule-lines);
  --tex: repeating-linear-gradient(0deg, color-mix(in srgb, var(--text) 3%, transparent) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--text) 3%, transparent) 0 1px, transparent 1px 3px);
  --deco: var(--tex);
  --leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M112 8C70 22 40 52 24 104' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M92 22c-14-2-26 4-30 16 14 2 26-4 30-16zM74 40c-14-4-26 1-31 13 14 4 26-1 31-13zM58 60c-13-5-25-1-31 10 13 5 25 1 31-10zM45 80c-12-6-24-3-30 7 12 6 24 3 30-7zM96 26c-1 14 6 25 18 28 1-14-6-25-18-28zM78 46c-1 14 5 25 17 29 2-14-5-25-17-29zM62 66c-2 13 4 25 16 29 2-13-4-25-16-29z' fill='%23000'/%3E%3C/svg%3E");
}
[data-skin="botanik"] .page::after { content: ""; position: absolute; z-index: 0; right: -14px; top: -10px; width: 124px; height: 124px; background: var(--b); opacity: .2; -webkit-mask: var(--leaf) center / contain no-repeat; mask: var(--leaf) center / contain no-repeat; pointer-events: none; }
[data-skin="botanik"] .page:nth-child(even)::after { right: auto; left: -18px; top: auto; bottom: -14px; transform: rotate(180deg); }
[data-skin="botanik"] .page { box-shadow: 0 8px 26px rgba(0, 0, 0, .1); }
[data-skin="botanik"] .ph-ic { font-size: 26px; }
[data-skin="botanik"] .ph h2 { color: var(--bt); }
[data-skin="botanik"] .ph p { font-family: var(--font); font-style: normal; }
[data-skin="botanik"] .row-line { justify-content: space-between; }
[data-skin="botanik"] .row-price { padding: 2px 10px; border-radius: 99px; background: var(--tile); color: var(--bt); font-size: 14px; }
[data-skin="botanik"] .row-thumb { border-radius: 50% 50% 50% 12px; }
[data-skin="botanik"] .page-foot { font-family: var(--serif); }
[data-skin="botanik"] .cover-page { background-color: var(--paper); color: var(--text); }
[data-skin="botanik"] .cover-page::before { background: var(--tex); z-index: 0; }
[data-skin="botanik"] .cover-bg { background: none; }
[data-skin="botanik"] .cover-bg::before { content: ""; position: absolute; right: -40px; top: -30px; width: 260px; height: 260px; background: var(--b); opacity: .28; -webkit-mask: var(--leaf) center / contain no-repeat; mask: var(--leaf) center / contain no-repeat; }
[data-skin="botanik"] .cover-bg::after { content: ""; position: absolute; left: -50px; bottom: -40px; width: 220px; height: 220px; background: var(--b2); opacity: .3; transform: rotate(180deg); -webkit-mask: var(--leaf) center / contain no-repeat; mask: var(--leaf) center / contain no-repeat; }
[data-skin="botanik"] .cover-bg[style]::before, [data-skin="botanik"] .cover-bg[style]::after { opacity: .5; }
[data-skin="botanik"] .cover-inner { border: 0; }
[data-skin="botanik"] .cover-inner h1 { font-style: italic; font-weight: 600; color: var(--bt); font-size: clamp(34px, 11vw, 50px); }
[data-skin="botanik"] .cover-tag { font-family: var(--font); font-style: normal; }
[data-skin="botanik"] .cover-logo { border-radius: 50%; }
[data-skin="botanik"] .cover-open { background: var(--b); color: var(--b-ink); }
[data-skin="botanik"] .cover-chips .chip { background: var(--surface); border-color: var(--line); color: var(--text); }
[data-skin="botanik"] .section h2 { color: var(--bt); }

/* ============ 16 KRAFT KAHVE — kraft kâğıt, bant, mühür ============ */
html[data-skin="kraft"] {
  --serif: "Space Grotesk", system-ui, sans-serif;
  --font: "Space Grotesk", system-ui, sans-serif;
  --name-weight: 700;
  --price-font: "IBM Plex Mono", ui-monospace, monospace;
  --price-weight: 500;
  --h-case: uppercase;
  --h-weight: 700;
  --h-size: 24px;
  --h-track: .04em;
  --leader: dashed;
  --leader-w: 1.5px;
  --pad-l: 22px;
  --page-radius: 2px;
  --rule-bg: none;
  --tex: repeating-linear-gradient(83deg, rgba(60, 35, 10, .06) 0 1px, transparent 1px 7px), repeating-linear-gradient(-12deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 11px), radial-gradient(rgba(60, 35, 10, .12) 1px, transparent 1.6px) 0 0 / 9px 9px;
  --deco: var(--tex);
}
[data-skin="kraft"] .page::after { content: ""; position: absolute; z-index: 3; top: -4px; left: 50%; width: 96px; height: 26px; background: rgba(255, 255, 255, .5); box-shadow: 0 1px 2px rgba(0, 0, 0, .1); transform: translateX(-50%) rotate(-3deg); pointer-events: none; }
[data-skin="kraft"] .page-body { padding-top: 32px; }
[data-skin="kraft"] .ph-ic { display: none; }
[data-skin="kraft"] .ph h2 { display: inline-block; padding: 5px 12px; border: 3px solid var(--bt); color: var(--bt); transform: rotate(-2deg); filter: url(#rough); }
[data-skin="kraft"] .ph p { font-family: "IBM Plex Mono", monospace; font-style: normal; font-size: 12px; text-transform: uppercase; }
[data-skin="kraft"] .ph-rule { display: none; }
[data-skin="kraft"] .row-desc { font-family: "IBM Plex Mono", monospace; font-size: 12px; }
[data-skin="kraft"] .row-desc::before { content: "NOTALAR — "; font-weight: 500; }
[data-skin="kraft"] .row-thumb { border-radius: 2px; border: 4px solid #fffaf0; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); transform: rotate(2deg); }
[data-skin="kraft"] .badge { border-radius: 2px; background: transparent; border: 1.5px solid currentColor; font-family: "IBM Plex Mono", monospace; text-transform: uppercase; }
[data-skin="kraft"] .page-foot { font-family: "IBM Plex Mono", monospace; font-style: normal; text-transform: uppercase; font-size: 11px; }
[data-skin="kraft"] .cover-page { background-color: var(--paper); color: var(--text); }
[data-skin="kraft"] .cover-page::before { background: var(--tex); z-index: 0; }
[data-skin="kraft"] .cover-bg { background: none; }
[data-skin="kraft"] .cover-bg::after { display: none; }
[data-skin="kraft"] .cover-inner { margin: 54px 26px; background: #fffaf0; color: #2a1c10; border: 2px solid #2a1c10; border-radius: 2px; box-shadow: 0 3px 0 rgba(0, 0, 0, .15); }
[data-skin="kraft"] .cover-inner::before { content: ""; position: absolute; top: -14px; left: 50%; width: 110px; height: 28px; background: rgba(255, 255, 255, .55); transform: translateX(-50%) rotate(2deg); }
[data-skin="kraft"] .cover-inner h1 { text-transform: uppercase; letter-spacing: .02em; font-size: clamp(28px, 9vw, 40px); line-height: 1; }
[data-skin="kraft"] .cover-kicker { font-family: "IBM Plex Mono", monospace; letter-spacing: .3em; }
[data-skin="kraft"] .cover-tag { font-family: "IBM Plex Mono", monospace; font-style: normal; font-size: 12px; text-transform: uppercase; }
[data-skin="kraft"] .cover-logo { border-radius: 50%; border: 3px solid #2a1c10; box-shadow: none; }
[data-skin="kraft"] .cover-chips .chip { border-radius: 2px; background: transparent; border: 1.5px dashed #2a1c10; color: #2a1c10; }
[data-skin="kraft"] .cover-open { border-radius: 2px; background: #2a1c10; color: #fffaf0; box-shadow: none; font-family: "IBM Plex Mono", monospace; text-transform: uppercase; }
[data-skin="kraft"] .swipe-hint { color: #2a1c10; }
[data-skin="kraft"] .section h2 { color: var(--bt); }

/* ============ 17 İZNİK ÇİNİSİ — çini bordür, kartuş ============ */
html[data-skin="iznik"] {
  --serif: "Marcellus", "Times New Roman", serif;
  --font: "EB Garamond", Garamond, serif;
  --name-font: "EB Garamond", serif;
  --name-weight: 600;
  --name-size: 17.5px;
  --price-font: "Marcellus", serif;
  --price-weight: 400;
  --h-weight: 400;
  --h-size: 26px;
  --h-track: .05em;
  --pad-l: 22px;
  --page-radius: 4px;
  --orn: "❀";
  --rule-bg: var(--rule-lines);
  --tile-border: radial-gradient(circle at 50% 50%, var(--b2) 0 2.6px, transparent 3.2px) 0 0 / 16px 16px, radial-gradient(circle at 0 0, var(--b) 0 6px, transparent 6.6px) 0 0 / 16px 16px, radial-gradient(circle at 100% 100%, var(--b) 0 6px, transparent 6.6px) 0 0 / 16px 16px, radial-gradient(circle at 100% 0, #ffffff 0 3px, transparent 3.5px) 0 0 / 16px 16px, var(--text);
}
[data-skin="iznik"] .page { border: 14px solid transparent; background: linear-gradient(var(--paper), var(--paper)) padding-box, var(--tile-border) border-box; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text) 30%, transparent), 0 8px 24px rgba(0, 0, 0, .15); }
[data-skin="iznik"] .ph-ic { display: none; }
[data-skin="iznik"] .ph h2 { display: inline-block; padding: 6px 26px; border: 2px solid var(--text); border-radius: 999px; box-shadow: 0 0 0 4px var(--paper), 0 0 0 5.5px var(--bt); color: var(--text); }
[data-skin="iznik"] .ph p { margin-top: 12px; font-family: var(--font); font-size: 15px; }
[data-skin="iznik"] .row-price { color: var(--bt); }
[data-skin="iznik"] .row-desc { font-size: 15px; }
[data-skin="iznik"] .row-thumb { border-radius: 50% 50% 8px 8px; }
[data-skin="iznik"] .page-foot { font-family: var(--serif); font-style: normal; }
[data-skin="iznik"] .cover-page { background: var(--tile-border); color: var(--text); }
[data-skin="iznik"] .cover-page::before, [data-skin="iznik"] .cover-bg::after { display: none; }
[data-skin="iznik"] .cover-bg { background: none; }
[data-skin="iznik"] .cover-inner { margin: 26px 20px; background: var(--paper); border: 3px solid var(--bt); border-radius: 50% 50% 18px 18px / 30% 30% 18px 18px; box-shadow: 0 0 0 6px var(--paper), 0 0 0 8px var(--text); }
[data-skin="iznik"] .cover-inner h1 { font-weight: 400; letter-spacing: .04em; color: var(--text); font-size: clamp(30px, 9vw, 42px); }
[data-skin="iznik"] .cover-kicker { color: var(--bt); letter-spacing: .5em; }
[data-skin="iznik"] .cover-logo { border-radius: 50%; border: 3px solid var(--bt); }
[data-skin="iznik"] .cover-open { background: var(--text); color: var(--paper); }
[data-skin="iznik"] .cover-chips .chip { background: var(--surface); border-color: var(--line); color: var(--text); }
[data-skin="iznik"] .swipe-hint { color: var(--muted); }
[data-skin="iznik"] .cover.plain { background: var(--tile-border); }
[data-skin="iznik"] .item h3 { font-size: 18px; }

/* ============ 18 PİKSEL ARCADE — 8-bit, tarama çizgisi ============ */
html[data-skin="arcade"] {
  --serif: "Press Start 2P", "Courier New", monospace;
  --font: "VT323", "Courier New", monospace;
  --name-font: "VT323", monospace;
  --name-weight: 400;
  --name-case: uppercase;
  --name-size: 23px;
  --price-font: "Press Start 2P", monospace;
  --price-weight: 400;
  --h-case: uppercase;
  --h-weight: 400;
  --h-size: 16px;
  --h-track: 0;
  --leader: dotted;
  --leader-w: 4px;
  --pad-l: 20px;
  --page-radius: 0;
  --rule-bg: none;
  --tex: repeating-linear-gradient(to bottom, rgba(255, 255, 255, .045) 0 2px, transparent 2px 4px);
  --deco: var(--tex);
}
[data-skin="arcade"] body { -webkit-font-smoothing: none; }
[data-skin="arcade"] .page { border: 4px solid var(--b2); clip-path: polygon(0 8px, 8px 8px, 8px 0, calc(100% - 8px) 0, calc(100% - 8px) 8px, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 8px calc(100% - 8px), 0 calc(100% - 8px)); box-shadow: none; }
[data-skin="arcade"] .pages::before, [data-skin="arcade"] .pages::after { display: none; }
[data-skin="arcade"] .pages { counter-reset: seviye; }
[data-skin="arcade"] .menu-page .ph:not(.cont) { counter-increment: seviye; }
[data-skin="arcade"] .ph:not(.cont)::before { content: "LEVEL " counter(seviye) "-1"; display: block; margin-bottom: 10px; font-family: var(--serif); font-size: 10px; color: var(--b2t); }
[data-skin="arcade"] .toc-page .ph::before { content: "SELECT STAGE"; }
[data-skin="arcade"] .ph h2 { color: var(--bt); line-height: 1.6; }
[data-skin="arcade"] .ph p { font-family: var(--font); font-style: normal; font-size: 18px; }
[data-skin="arcade"] .ph-rule { height: 4px; width: 100%; background: repeating-linear-gradient(90deg, var(--b2) 0 8px, transparent 8px 12px); }
[data-skin="arcade"] .lead { border-color: var(--bt); transform: translateY(-7px); }
[data-skin="arcade"] .row-price { font-size: 11px; color: var(--bt); }
[data-skin="arcade"] .row-desc { font-size: 18px; line-height: 1.15; }
[data-skin="arcade"] .row-var { font-size: 19px; }
[data-skin="arcade"] .row-thumb { border-radius: 0; image-rendering: pixelated; border: 3px solid var(--b2); box-shadow: none; }
[data-skin="arcade"] .row-out { font-family: var(--serif); font-size: 9px; }
[data-skin="arcade"] .badge { border-radius: 0; background: var(--b2); color: var(--b2-ink); font-family: var(--font); font-size: 15px; padding: 0 6px; }
[data-skin="arcade"] .page-foot { font-family: var(--serif); font-style: normal; font-size: 8px; }
[data-skin="arcade"] .toc-row { font-family: var(--font); font-size: 22px; }
[data-skin="arcade"] .toc-num { font-family: var(--serif); font-size: 11px; font-style: normal; }
[data-skin="arcade"] .bt-brand b { font-size: 10px; line-height: 1.4; }
[data-skin="arcade"] .sheet-body h2 { font-size: 15px; line-height: 1.5; }
[data-skin="arcade"] .bb-info small { font-family: var(--font); font-size: 18px; }
[data-skin="arcade"] .cover-page { background-color: var(--paper); color: var(--text); }
[data-skin="arcade"] .cover-page::before { background: var(--tex); z-index: 2; }
[data-skin="arcade"] .cover-bg { background: repeating-linear-gradient(90deg, var(--b2) 0 8px, transparent 8px 16px) 0 100% / 100% 8px no-repeat; }
[data-skin="arcade"] .cover-bg::after { display: none; }
[data-skin="arcade"] .cover-inner { border: 0; margin: 14px; }
[data-skin="arcade"] .cover-kicker { font-family: var(--serif); font-size: 10px; letter-spacing: .1em; color: var(--b2t); padding-left: 0; }
[data-skin="arcade"] .cover-kicker::before { content: "1UP  "; color: var(--bt); }
[data-skin="arcade"] .cover-inner h1 { font-size: clamp(18px, 6vw, 24px); line-height: 1.5; color: var(--bt); text-shadow: 4px 4px 0 color-mix(in srgb, var(--b) 35%, transparent); }
[data-skin="arcade"] .cover-tag { font-family: var(--font); font-style: normal; font-size: 20px; }
[data-skin="arcade"] .cover-logo { border-radius: 0; image-rendering: pixelated; border: 4px solid var(--b2); box-shadow: none; }
[data-skin="arcade"] .cover-chips .chip { border-radius: 0; background: transparent; font-family: var(--font); font-size: 17px; }
[data-skin="arcade"] .cover-open { border-radius: 0; background: var(--b); color: var(--b-ink); box-shadow: 4px 4px 0 var(--b2); font-family: var(--serif); font-size: 11px; }
[data-skin="arcade"] .swipe-hint { font-family: var(--serif); font-size: 9px; animation: blink 1s steps(2) infinite; }
[data-skin="arcade"] .swipe-hint span { display: none; }
@keyframes blink { 50% { opacity: 0; } }
[data-skin="arcade"] .section h2 { color: var(--bt); line-height: 1.6; }
[data-skin="arcade"] .brand h1 { font-size: 18px; line-height: 1.5; }
[data-skin="arcade"] .item p { font-size: 18px; line-height: 1.15; }
[data-skin="arcade"] .price { font-size: 11px; }

/* ============ 19 FINE DINING — bol boşluk, para birimsiz ============ */
html[data-skin="minimal"] {
  --serif: "Instrument Serif", Georgia, serif;
  --font: "Manrope", system-ui, sans-serif;
  --name-font: "Instrument Serif", serif;
  --name-weight: 400;
  --name-size: 22px;
  --price-font: "Manrope", sans-serif;
  --price-weight: 400;
  --h-case: uppercase;
  --h-weight: 400;
  --h-size: 12px;
  --h-track: .42em;
  --leader: none;
  --pad-l: 30px;
  --page-radius: 2px;
  --orn: "—";
  --rule-bg: none;
  --tex: none;
  --deco: none;
}
[data-skin="minimal"] .page { box-shadow: 0 1px 0 rgba(0, 0, 0, .05), 0 20px 50px -30px rgba(0, 0, 0, .25); }
[data-skin="minimal"] .page-body { padding-top: 42px; padding-right: 30px; }
[data-skin="minimal"] .ph { margin-bottom: 26px; }
[data-skin="minimal"] .ph-ic { display: none; }
[data-skin="minimal"] .ph h2 { font-family: var(--font); font-weight: 500; color: var(--muted); }
[data-skin="minimal"] .ph p { font-style: italic; font-size: 15px; }
[data-skin="minimal"] .ph-rule { color: var(--line); }
[data-skin="minimal"] .row { flex-direction: column; align-items: center; text-align: center; padding: 14px 0; margin: 0; }
[data-skin="minimal"] .row-line { flex-direction: column; align-items: center; gap: 2px; }
[data-skin="minimal"] .row-name { line-height: 1.15; }
[data-skin="minimal"] .lead { display: none; }
[data-skin="minimal"] .row-price { order: 3; font-size: 13px; color: var(--muted); letter-spacing: .08em; }
[data-skin="minimal"] .row-desc { font-size: 12.5px; text-transform: lowercase; letter-spacing: .04em; }
[data-skin="minimal"] .row-var { padding-left: 0; justify-content: center; font-size: 13px; }
[data-skin="minimal"] .row-var .lead { display: inline-block; flex: 0 0 18px; border-bottom: 1px solid var(--line); }
[data-skin="minimal"] .row-tags { justify-content: center; }
[data-skin="minimal"] .row-thumb { display: none; }
[data-skin="minimal"] .badge { background: transparent; color: var(--muted); font-weight: 400; letter-spacing: .1em; text-transform: lowercase; }
[data-skin="minimal"] .page-foot { justify-content: center; font-family: var(--font); font-style: normal; letter-spacing: .3em; font-size: 10px; }
[data-skin="minimal"] .page-foot span:first-child { display: none; }
[data-skin="minimal"] .picks { background: none; border: 0; border-top: 1px solid var(--line); border-radius: 0; text-align: center; }
[data-skin="minimal"] .cover-page { background-color: var(--paper); color: var(--text); }
[data-skin="minimal"] .cover-page::before { display: none; }
[data-skin="minimal"] .cover-bg { background: none; }
[data-skin="minimal"] .cover-bg[style] { inset: 0 0 55% 0; background-size: cover; }
[data-skin="minimal"] .cover-bg::after { display: none; }
[data-skin="minimal"] .cover-inner { border: 0; justify-content: flex-end; padding-bottom: 46px; }
[data-skin="minimal"] .cover-logo { width: 56px; height: 56px; border-radius: 50%; box-shadow: none; border: 1px solid var(--line); }
[data-skin="minimal"] .cover-kicker { font-family: var(--font); font-weight: 500; font-size: 10px; letter-spacing: .6em; color: var(--muted); }
[data-skin="minimal"] .cover-inner h1 { font-weight: 400; font-style: italic; font-size: clamp(40px, 12vw, 58px); line-height: 1; }
[data-skin="minimal"] .cover-tag { font-family: var(--font); font-style: normal; font-size: 12px; letter-spacing: .14em; text-transform: lowercase; color: var(--muted); }
[data-skin="minimal"] .cover-chips .chip { background: transparent; border-color: var(--line); color: var(--muted); font-weight: 400; }
[data-skin="minimal"] .cover-open { background: transparent; color: var(--text); border: 0; border-bottom: 1px solid var(--text); border-radius: 0; box-shadow: none; padding: 6px 2px; font-weight: 400; letter-spacing: .2em; text-transform: lowercase; }
[data-skin="minimal"] .swipe-hint { color: var(--muted); }
[data-skin="minimal"] .section { text-align: center; padding-top: 34px; }
[data-skin="minimal"] .section h2 { justify-content: center; color: var(--muted); font-family: var(--font); font-weight: 500; }
[data-skin="minimal"] .section h2 span { display: none; }
[data-skin="minimal"] .item { flex-direction: column; text-align: center; border: 0; }
[data-skin="minimal"] .item-media { display: none; }
[data-skin="minimal"] .item-foot { justify-content: center; }
[data-skin="minimal"] .price { font-weight: 400; color: var(--muted); }

/* ============ 20 SOKAK LEZZETİ — ikaz şeridi, patlama etiket ============ */
html[data-skin="sokak"] {
  --serif: "Bungee", Impact, sans-serif;
  --font: "Rubik", system-ui, sans-serif;
  --name-font: "Rubik", sans-serif;
  --name-weight: 800;
  --name-case: uppercase;
  --name-size: 15px;
  --price-font: "Bungee", sans-serif;
  --price-weight: 400;
  --h-weight: 400;
  --h-size: 24px;
  --leader: none;
  --pad-l: 22px;
  --page-radius: 12px;
  --rule-bg: none;
  --tex: radial-gradient(color-mix(in srgb, var(--text) 9%, transparent) 1.2px, transparent 1.6px) 0 0 / 8px 8px;
  --deco: repeating-linear-gradient(-45deg, var(--b) 0 12px, var(--text) 12px 24px) top / 100% 12px no-repeat, var(--tex);
  --burst: polygon(50% 0, 61% 12%, 77% 6%, 79% 22%, 95% 25%, 88% 40%, 100% 50%, 88% 60%, 95% 75%, 79% 78%, 77% 94%, 61% 88%, 50% 100%, 39% 88%, 23% 94%, 21% 78%, 5% 75%, 12% 60%, 0 50%, 12% 40%, 5% 25%, 21% 22%, 23% 6%, 39% 12%);
}
[data-skin="sokak"] .page { border: 3px solid var(--text); box-shadow: 6px 6px 0 var(--text); }
[data-skin="sokak"] .page-body { padding-top: 30px; }
[data-skin="sokak"] .ph { text-align: left; }
[data-skin="sokak"] .ph-ic { display: inline-block; margin: 0 0 4px; }
[data-skin="sokak"] .ph h2 { display: inline-block; padding: 6px 14px 4px; background: var(--b); color: var(--b-ink); border: 3px solid var(--text); box-shadow: 4px 4px 0 var(--text); transform: rotate(-3deg); }
[data-skin="sokak"] .ph p { font-family: var(--font); font-style: normal; font-weight: 500; margin-top: 12px; }
[data-skin="sokak"] .ph-rule { display: none; }
[data-skin="sokak"] .row { align-items: center; }
[data-skin="sokak"] .row-line { justify-content: space-between; align-items: center; }
[data-skin="sokak"] .row-price { flex: none; display: grid; place-items: center; width: 62px; height: 62px; padding: 6px; background: var(--b2); color: var(--b2-ink); clip-path: var(--burst); transform: rotate(-10deg); font-size: 12px; line-height: 1.05; text-align: center; white-space: normal; }
[data-skin="sokak"] .row-price s { display: block; margin: 0; font-size: 9px; color: inherit; }
[data-skin="sokak"] .row-thumb { border-radius: 8px; border: 3px solid var(--text); box-shadow: 3px 3px 0 var(--text); transform: rotate(3deg); }
[data-skin="sokak"] .badge { border-radius: 4px; background: var(--text); color: var(--paper); text-transform: uppercase; transform: rotate(-2deg); }
[data-skin="sokak"] .page-foot { font-family: var(--serif); font-style: normal; font-size: 11px; }
[data-skin="sokak"] .cover-page { background-color: var(--b); color: var(--b-ink); border: 3px solid var(--text); }
[data-skin="sokak"] .cover-page::before { background: repeating-linear-gradient(-45deg, var(--b) 0 14px, var(--text) 14px 28px) top / 100% 18px no-repeat, repeating-linear-gradient(-45deg, var(--b) 0 14px, var(--text) 14px 28px) bottom / 100% 18px no-repeat; z-index: 2; }
[data-skin="sokak"] .cover-bg { background-color: var(--b); background-image: radial-gradient(color-mix(in srgb, var(--text) 18%, transparent) 1.4px, transparent 1.8px); background-size: 9px 9px; }
[data-skin="sokak"] .cover-bg::after { display: none; }
[data-skin="sokak"] .cover-inner { border: 0; margin: 30px 18px; }
[data-skin="sokak"] .cover-inner h1 { font-weight: 400; font-size: clamp(32px, 10vw, 48px); line-height: 1; color: var(--text); background: var(--paper); padding: 8px 14px; border: 3px solid var(--text); box-shadow: 6px 6px 0 var(--text); transform: rotate(-3deg); }
[data-skin="sokak"] .cover-kicker { font-family: var(--serif); font-weight: 400; color: var(--text); }
[data-skin="sokak"] .cover-tag { margin-top: 18px; font-family: var(--font); font-style: normal; font-weight: 700; color: var(--text); }
[data-skin="sokak"] .cover-logo { border-radius: 8px; border: 3px solid var(--text); box-shadow: 5px 5px 0 var(--text); transform: rotate(4deg); }
[data-skin="sokak"] .cover-chips .chip { border: 2px solid var(--text); background: var(--paper); color: var(--text); border-radius: 6px; }
[data-skin="sokak"] .cover-open { background: var(--text); color: var(--paper); border-radius: 6px; box-shadow: 4px 4px 0 var(--b2); font-family: var(--serif); font-weight: 400; }
[data-skin="sokak"] .swipe-hint { color: var(--text); font-weight: 700; }
[data-skin="sokak"] .section h2 { display: inline-flex; padding: 6px 12px 4px; background: var(--b); color: var(--b-ink); border: 3px solid var(--text); box-shadow: 4px 4px 0 var(--text); transform: rotate(-2deg); }
[data-skin="sokak"] .price { background: var(--b2); color: var(--b2-ink); padding: 2px 8px; border: 2px solid var(--text); border-radius: 4px; transform: rotate(-3deg); display: inline-block; }

/* Kapak çipleri şeffaf olan temalarda masa etiketi vurgu renginde dolu kalsın */
[data-skin="tebesir"] .cover-chips .chip.table, [data-skin="deco"] .cover-chips .chip.table, [data-skin="gazete"] .cover-chips .chip.table,
[data-skin="neon"] .cover-chips .chip.table, [data-skin="arcade"] .cover-chips .chip.table { background: var(--b); color: var(--b-ink); border-color: var(--b); text-shadow: none; }

/* Kapakta tarih/numara satırı (gazete ve adisyon gösterir) */
.cover-meta { display: none; margin: 4px 0 0; font-size: 12px; letter-spacing: .06em; }

/* Ciltsiz temalarda defteri telefonda tam ortala */
:is([data-skin="tebesir"], [data-skin="harf"], [data-skin="diner"], [data-skin="deco"], [data-skin="isvicre"], [data-skin="beton"], [data-skin="trattoria"], [data-skin="adisyon"], [data-skin="gazete"], [data-skin="neon"], [data-skin="botanik"], [data-skin="kraft"], [data-skin="iznik"], [data-skin="arcade"], [data-skin="minimal"], [data-skin="sokak"]) .book {
  margin-left: 14px;
  margin-right: 14px;
}

/* Telefon ekranı ve dar görünümler için tema uyumu */
@media (max-width: 380px) {
  [data-skin="meyhane"] .page-body { padding-top: 24px; padding-right: 18px; }
  [data-skin="meyhane"] .cover-inner { margin: 14px 14px 14px 26px; }
  [data-skin="tebesir"] .page, [data-skin="tebesir"] .cover-page { border-width: 8px; }
  [data-skin="tebesir"] .cover-inner h1 { font-size: clamp(32px, 11vw, 46px); }
  [data-skin="harf"] .page, [data-skin="harf"] .cover-page { border-width: 8px; }
  [data-skin="harf"] .cover-inner h1 { font-size: clamp(24px, 8vw, 34px); letter-spacing: .08em; }
  [data-skin="diner"] .cover-inner { margin: 12px 12px 36px 12px; }
  [data-skin="diner"] .cover-inner h1 { font-size: clamp(30px, 10vw, 44px); }
  [data-skin="diner"] .ph h2 { padding: 4px 20px 6px; font-size: 23px; }
  [data-skin="izakaya"] { --pad-l: 32px; }
  [data-skin="izakaya"] .ph-ic { width: 42px; height: 42px; font-size: 21px; }
  [data-skin="izakaya"] .cover-inner { margin: 14px 14px 14px 28px; padding-bottom: 20px; }
  [data-skin="izakaya"] .cover-inner h1 { font-size: clamp(25px, 8.5vw, 36px); }
  [data-skin="deco"] { --pad-l: 22px; --h-track: .08em; }
  [data-skin="deco"] .page-body { padding-top: 24px; padding-right: 22px; }
  [data-skin="deco"] .cover-inner { margin: 12px; }
  [data-skin="deco"] .cover-inner h1 { font-size: clamp(22px, 7.5vw, 32px); letter-spacing: .08em; }
  [data-skin="isvicre"] .cover-inner { margin: 16px; }
  [data-skin="isvicre"] .cover-inner h1 { font-size: clamp(32px, 11vw, 48px); }
  [data-skin="beton"] .ph { margin: -18px -14px 14px calc(-1 * var(--pad-l)); padding: 14px 14px 12px var(--pad-l); }
  [data-skin="beton"] .cover-inner { margin: 14px; }
  [data-skin="beton"] .cover-inner h1 { font-size: clamp(30px, 10vw, 46px); }
  [data-skin="trattoria"] .page { border-width: 10px; }
  [data-skin="trattoria"] .cover-inner { margin: 20px 14px; border-radius: 36px; }
  [data-skin="trattoria"] .cover-inner h1 { font-size: clamp(34px, 11vw, 48px); }
  [data-skin="bistro"] { --pad-l: 24px; --h-track: .18em; }
  [data-skin="bistro"] .page-body { padding-top: 26px; padding-right: 20px; }
  [data-skin="bistro"] .cover-inner h1 { font-size: clamp(30px, 10vw, 44px); }
  [data-skin="adisyon"] { --h-track: .06em; --h-size: 16.5px; }
  [data-skin="adisyon"] .cover-inner { margin: 14px; }
  [data-skin="gazete"] .cover-inner { margin: 14px; }
  [data-skin="gazete"] .cover-inner h1 { font-size: clamp(28px, 10vw, 44px); }
  [data-skin="neon"] { --h-size: 22px; }
  [data-skin="neon"] .cover-inner { margin: 14px; padding: 16px 12px; }
  [data-skin="neon"] .cover-inner h1 { font-size: clamp(22px, 7.5vw, 32px); }
  [data-skin="botanik"] .cover-inner h1 { font-size: clamp(28px, 9.5vw, 42px); }
  [data-skin="kraft"] .cover-inner { margin: 28px 16px; }
  [data-skin="kraft"] .cover-inner h1 { font-size: clamp(24px, 8.5vw, 34px); }
  [data-skin="iznik"] .page { border-width: 10px; }
  [data-skin="iznik"] .cover-inner { margin: 18px 14px; }
  [data-skin="iznik"] .cover-inner h1 { font-size: clamp(24px, 8.5vw, 34px); }
  [data-skin="iznik"] .ph h2 { padding: 5px 18px; font-size: 20px; }
  [data-skin="arcade"] { --h-size: 13px; --name-size: 20px; }
  [data-skin="arcade"] .cover-inner { margin: 10px; }
  [data-skin="arcade"] .cover-inner h1 { font-size: clamp(14px, 5vw, 19px); }
  [data-skin="minimal"] { --pad-l: 20px; --h-track: .28em; --name-size: 19px; }
  [data-skin="minimal"] .page-body { padding-top: 28px; padding-right: 20px; }
  [data-skin="minimal"] .cover-inner { padding-bottom: 24px; }
  [data-skin="minimal"] .cover-inner h1 { font-size: clamp(32px, 10vw, 46px); }
  [data-skin="sokak"] .cover-inner { margin: 20px 14px; }
  [data-skin="sokak"] .cover-inner h1 { font-size: clamp(24px, 8.5vw, 36px); padding: 6px 10px; }
  [data-skin="sokak"] .ph h2 { font-size: 19px; padding: 5px 10px 3px; }
}