/* ================= MENÜ (müşterinin gördüğü sayfa) — 10 tema, her biri kendi düzeniyle ================= */
.qm-dis{position:absolute;inset:0;overflow:hidden;background:#111}
.qm{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;background:var(--q-bg);color:var(--q-ink);font-family:var(--q-body);font-size:15px;line-height:1.5;color-scheme:var(--q-cs);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
.qm *{box-sizing:border-box}
.qm button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.qm img{display:block;max-width:100%}
.qm h1,.qm h2,.qm h3,.qm p{margin:0}

/* --- Tema renk ve yazıları --- */
.t-klasik{--q-bg:#f6f1e6;--q-surface:#fbf8f0;--q-line:#d8cbb0;--q-ink:#2a2219;--q-muted:#7a6a55;--q-accent:#a27a2c;--q-accent-ink:#fffaf0;--q-ok:#5e7a3a;--q-display:"Cormorant Garamond",Georgia,serif;--q-body:"Cormorant Garamond",Georgia,serif;--q-cs:light;--q-r:0px}
.t-siyah{--q-bg:#0a0a0b;--q-surface:#131315;--q-line:#2c2820;--q-ink:#f2ece0;--q-muted:#9a9184;--q-accent:#c9a45c;--q-accent-ink:#0a0a0b;--q-ok:#9db37a;--q-display:"Bodoni Moda",Didot,Georgia,serif;--q-body:"Figtree",system-ui,sans-serif;--q-cs:dark;--q-r:2px}
.t-dergi{--q-bg:#f2efe9;--q-surface:#ffffff;--q-line:#d6d1c7;--q-ink:#141414;--q-muted:#5f5a52;--q-accent:#c2401f;--q-accent-ink:#ffffff;--q-ok:#4f7a3a;--q-display:"DM Serif Display",Georgia,serif;--q-body:"Figtree",system-ui,sans-serif;--q-cs:light;--q-r:0px}
.t-iskandinav{--q-bg:#fafaf8;--q-surface:#ffffff;--q-line:#e8e7e2;--q-ink:#1e1f1d;--q-muted:#86867f;--q-accent:#1e1f1d;--q-accent-ink:#ffffff;--q-ok:#6b8f6b;--q-display:"Outfit",system-ui,sans-serif;--q-body:"Outfit",system-ui,sans-serif;--q-cs:light;--q-r:10px}
.t-taverna{--q-bg:#f6f9fc;--q-surface:#ffffff;--q-line:#d3deea;--q-ink:#13294b;--q-muted:#5a6e8a;--q-accent:#1f4f8f;--q-accent-ink:#ffffff;--q-ok:#3f8a6a;--q-display:"Caveat",cursive;--q-body:"Figtree",system-ui,sans-serif;--q-cs:light;--q-r:16px}
.t-saray{--q-bg:#3b0c17;--q-surface:#4a1220;--q-line:#7d5230;--q-ink:#f6e7c8;--q-muted:#d1b08a;--q-accent:#d9ae5c;--q-accent-ink:#3b0c17;--q-ok:#a9c48a;--q-display:"Cinzel",Georgia,serif;--q-body:"Figtree",system-ui,sans-serif;--q-cs:dark;--q-r:4px}
.t-galeri{--q-bg:#f1eee8;--q-surface:#ffffff;--q-line:#e3dfd6;--q-ink:#1b1b1b;--q-muted:#6d6a63;--q-accent:#f05a28;--q-accent-ink:#ffffff;--q-ok:#2e8b57;--q-display:"Figtree",system-ui,sans-serif;--q-body:"Figtree",system-ui,sans-serif;--q-cs:light;--q-r:20px}
.t-sarap{--q-bg:#1c0a0f;--q-surface:#2a0f17;--q-line:#4f2331;--q-ink:#f4e4dc;--q-muted:#bf9b9b;--q-accent:#e2ab8d;--q-accent-ink:#1c0a0f;--q-ok:#b9c79a;--q-display:"Playfair Display",Georgia,serif;--q-body:"Figtree",system-ui,sans-serif;--q-cs:dark;--q-r:10px}
.t-organik{--q-bg:#d6bd92;--q-surface:#f3e8d2;--q-line:#a5875a;--q-ink:#2d3a1e;--q-muted:#5d583b;--q-accent:#4c6d29;--q-accent-ink:#fff8e8;--q-ok:#4c6d29;--q-display:"Caveat",cursive;--q-body:"Figtree",system-ui,sans-serif;--q-cs:light;--q-r:6px}
.t-gradyan{--q-bg:transparent;--q-surface:rgba(255,255,255,.13);--q-line:rgba(255,255,255,.24);--q-ink:#ffffff;--q-muted:rgba(255,255,255,.74);--q-accent:#ffd166;--q-accent-ink:#2a1446;--q-ok:#9ef0c0;--q-display:"Outfit",system-ui,sans-serif;--q-body:"Outfit",system-ui,sans-serif;--q-cs:dark;--q-r:22px}
.t-klasik.qm{font-size:17px}
.t-organik.qm,.dis-organik{background-color:#d6bd92;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' seed='4'/><feColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .1 0 0 0 .28 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.dis-gradyan{background:#1b1036}
.qm-blob{position:absolute;border-radius:50%;filter:blur(48px);opacity:.85;pointer-events:none}
.qm-blob.b1{width:340px;height:340px;background:#ff4f8b;top:-90px;left:-110px;animation:qmBlob1 16s ease-in-out infinite alternate}
.qm-blob.b2{width:300px;height:300px;background:#6c4dff;top:220px;right:-140px;animation:qmBlob2 19s ease-in-out infinite alternate}
.qm-blob.b3{width:280px;height:280px;background:#ff9f43;bottom:-80px;left:10%;animation:qmBlob3 22s ease-in-out infinite alternate}
@keyframes qmBlob1{to{transform:translate(120px,180px) scale(1.15)}}
@keyframes qmBlob2{to{transform:translate(-140px,140px) scale(.9)}}
@keyframes qmBlob3{to{transform:translate(90px,-260px) scale(1.2)}}

/* --- Ortak parçalar --- */
.qm-ic{padding-left:18px;padding-right:18px}
.qm-masa{font-family:"DM Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:.08em;border:1px solid var(--q-line);border-radius:999px;padding:4px 10px;white-space:nowrap}
.qm-masa b{color:var(--q-accent);font-weight:500}
.qm-acik{display:inline-flex;align-items:center;gap:6px}
.qm-acik i{width:7px;height:7px;border-radius:50%;background:var(--q-ok);animation:qmNabiz 2.2s infinite}
.qm-acik.kapali i{background:var(--q-muted);animation:none}
.qm-logo{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--q-accent);color:var(--q-accent-ink);font-family:var(--q-display);font-size:19px;flex:none}
.qm-etik{display:flex;gap:5px;flex-wrap:wrap}
.qm-e{font-family:"Figtree",system-ui,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:999px;border:1px solid var(--q-line);color:var(--q-muted);line-height:1.5}
.qm-e.sef{background:var(--q-accent);color:var(--q-accent-ink);border-color:var(--q-accent)}
.qm-e.aci{color:#d4442c;border-color:color-mix(in srgb,#d4442c 45%,var(--q-line))}
.qm-e.veg{color:var(--q-ok);border-color:color-mix(in srgb,var(--q-ok) 45%,var(--q-line))}
.qm-e.yeni{color:var(--q-accent);border-color:color-mix(in srgb,var(--q-accent) 50%,var(--q-line))}
.qm-e.tuk{background:var(--q-muted);color:var(--q-bg);border-color:var(--q-muted)}
.t-gradyan .qm-e.tuk{color:#2a1446}
.qm-f{font-family:"DM Mono",ui-monospace,monospace;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.qm-u{display:block;width:100%;text-align:left;border:0;background:none;padding:0;transition:transform .2s}
.qm-u:active{transform:scale(.985)}
.qm-u.tuk{opacity:.5}
.qm-res{background:color-mix(in srgb,var(--q-ink) 8%,var(--q-bg));object-fit:cover;opacity:0;transition:opacity .5s}
.qm-res.hazir{opacity:1}

/* Kategori şeridi */
.qm-nav{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--q-bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--q-line)}
.t-gradyan .qm-nav{background:rgba(30,16,60,.45)}
.t-organik .qm-nav{background:rgba(214,189,146,.92)}
.qm-nav-ic{position:relative;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:9px 14px}
.qm-nav-ic::-webkit-scrollbar{display:none}
.qm-kat{flex:none;border:0;background:none;padding:8px 13px;border-radius:999px;font-weight:600;font-size:14px;color:var(--q-muted);position:relative;z-index:1;transition:color .25s;font-family:var(--q-body)}
.qm-kat.on{color:var(--q-accent-ink)}
.qm-gos{position:absolute;top:9px;left:0;height:calc(100% - 18px);border-radius:999px;background:var(--q-accent);transition:transform .4s cubic-bezier(.3,.9,.3,1),width .4s cubic-bezier(.3,.9,.3,1)}
.nav-cizgi .qm-kat.on{color:var(--q-ink)}
.nav-cizgi .qm-gos{top:auto;bottom:7px;height:2px;border-radius:2px}
.t-klasik .qm-kat{font-variant:small-caps;letter-spacing:.08em;font-size:16px;font-weight:600}
.t-saray .qm-kat{font-family:"Cinzel",serif;letter-spacing:.05em;font-size:12.5px}
.t-saray .qm-kat.on{color:var(--q-accent)}
.t-dergi .qm-kat,.t-iskandinav .qm-kat{text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;font-weight:700}
.t-sarap .qm-kat{font-family:"Playfair Display",serif;font-style:italic;font-size:15px;font-weight:400}
.t-sarap .qm-kat.on{color:var(--q-accent)}
.t-taverna .qm-kat{font-family:"Caveat",cursive;font-size:21px;font-weight:700;padding:3px 14px}
.t-organik .qm-kat{font-family:"Caveat",cursive;font-size:21px;font-weight:700;padding:3px 14px}

.qm-govde{display:grid;gap:40px;padding-top:28px;padding-bottom:26px}
.qm-bol{display:grid;gap:14px;scroll-margin-top:62px}
.qm-bb{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.qm-h2{font-family:var(--q-display);font-weight:400;font-size:28px;line-height:1.1}
.qm-say{font-family:"DM Mono",monospace;font-size:11.5px;color:var(--q-muted);letter-spacing:.04em}
.qm-liste{display:grid;gap:12px}
.qm-ad{font-weight:700;font-size:16px;line-height:1.25}
.qm-ac{color:var(--q-muted);font-size:13.5px;line-height:1.45}
.qm-dipnot{display:grid;gap:3px;justify-items:center;text-align:center;color:var(--q-muted);font-size:12px;padding:10px 18px 28px;font-family:"Figtree",system-ui,sans-serif}
.qm-dipnot b{font-family:"DM Mono",monospace;font-weight:500;letter-spacing:.12em;color:var(--q-ink);font-size:11px}

/* ===== 1. Fine Dining Klasik: fotoğrafsız, noktalı çizgili liste ===== */
.h-klasik{text-align:center;padding:46px 18px 34px;display:grid;justify-items:center;gap:12px;position:relative}
.h-klasik .ust{position:absolute;top:14px;right:18px}
.h-klasik .mono{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--q-accent);box-shadow:inset 0 0 0 4px var(--q-bg),inset 0 0 0 5px var(--q-accent);font-family:var(--q-display);font-size:24px;color:var(--q-accent);letter-spacing:.06em}
.h-klasik .yer{font-variant:small-caps;letter-spacing:.22em;color:var(--q-muted);font-size:14px}
.h-klasik h1{font-family:var(--q-display);font-weight:500;font-size:clamp(38px,11vw,54px);line-height:1;letter-spacing:.01em;text-wrap:balance}
.h-klasik svg{width:220px;height:18px;color:var(--q-accent)}
.h-klasik .saat{font-style:italic;color:var(--q-muted)}
.qm.anim .h-klasik svg path{stroke-dasharray:120;stroke-dashoffset:120;animation:qmCiz 1.4s .3s cubic-bezier(.4,0,.2,1) forwards}
.qm.anim .h-klasik svg .elmas{animation:qmBuyu .6s 1.1s both}
.t-klasik .qm-bb{justify-content:center;gap:14px}
.t-klasik .qm-bb::before,.t-klasik .qm-bb::after{content:"";height:1px;background:var(--q-accent);flex:1;max-width:70px;align-self:center;opacity:.6}
.t-klasik .qm-h2{font-variant:small-caps;letter-spacing:.14em;font-size:24px;font-weight:600;color:var(--q-accent)}
.t-klasik .qm-say{display:none}
.u-liste{display:grid;gap:3px;padding:4px 0}
.u-liste .sat{display:flex;align-items:baseline;gap:8px}
.u-liste .qm-ad{font-family:var(--q-display);font-size:20px;font-weight:600}
.u-liste .nok{flex:1;border-bottom:1.5px dotted color-mix(in srgb,var(--q-muted) 60%,transparent);transform:translateY(-5px);min-width:20px}
.u-liste .qm-f{font-family:var(--q-display);font-size:19px;font-weight:600;color:var(--q-accent)}
.u-liste .qm-ac{font-style:italic;font-size:15.5px}
.t-klasik .qm-liste{gap:16px;max-width:520px;margin:0 auto;width:100%}

/* ===== 2. Siyah Lüks: büyük karanlık görsel, altın yazı, yuvarlak fotoğraflar ===== */
.h-siyah{position:relative;min-height:340px;display:flex;align-items:flex-end;overflow:hidden}
.h-siyah .hi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.qm.anim .h-siyah .hi{animation:qmKen 9s ease-out both}
.h-siyah::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,11,.25) 0%,rgba(10,10,11,.15) 35%,rgba(10,10,11,.92) 88%,#0a0a0b 100%)}
.h-siyah .qm-ic{position:relative;z-index:1;display:grid;gap:10px;padding-bottom:26px;width:100%}
.h-siyah .ust{position:absolute;top:16px;left:18px;right:18px;z-index:2;display:flex;justify-content:space-between;align-items:center}
.h-siyah .eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--q-accent)}
.h-siyah h1{font-family:var(--q-display);font-weight:500;font-size:clamp(40px,12vw,58px);line-height:.98;letter-spacing:-.01em;background:linear-gradient(100deg,#b88d3e 0%,#f5dfa8 22%,#c9a45c 40%,#c9a45c 60%,#f5dfa8 78%,#b88d3e 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:qmParla 6s linear infinite}
.h-siyah .alt{display:flex;gap:6px 14px;flex-wrap:wrap;color:var(--q-muted);font-size:13px}
.h-siyah .qm-masa{border-color:rgba(201,164,92,.4);background:rgba(0,0,0,.35)}
.t-siyah .qm-h2{font-size:30px;font-weight:500}
.t-siyah .qm-bb{border-bottom:1px solid var(--q-line);padding-bottom:10px}
.u-yuv{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center;padding:6px 0}
.u-yuv .qm-res{width:76px;height:76px;border-radius:50%}
.u-yuv .y{display:grid;gap:4px;min-width:0}
.t-siyah .u-yuv .qm-res{box-shadow:0 0 0 1px rgba(201,164,92,.5),0 8px 24px -6px rgba(201,164,92,.25)}
.t-siyah .u-yuv .qm-ad{font-family:var(--q-display);font-weight:500;font-size:19px;letter-spacing:.01em}
.t-siyah .u-yuv .qm-f{color:var(--q-accent);font-size:15px;align-self:start;padding-top:4px}
.t-siyah .qm-liste{gap:14px}

/* ===== 3. Dergi: her kategori tam genişlik kapakla açılır ===== */
.h-dergi{position:relative;height:440px;overflow:hidden;color:#fff;display:flex;align-items:flex-end}
.h-dergi .hi{position:absolute;inset:-30px 0 0 0;width:100%;height:calc(100% + 30px);object-fit:cover;will-change:transform}
.h-dergi::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 45%,rgba(0,0,0,.78) 100%)}
.h-dergi .kunye{position:absolute;top:16px;left:18px;right:18px;z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:700}
.h-dergi .kunye .qm-masa{color:#fff;border-color:rgba(255,255,255,.5);letter-spacing:.08em}
.h-dergi .kunye .qm-masa b{color:#fff}
.h-dergi .qm-ic{position:relative;z-index:1;padding-bottom:26px;display:grid;gap:8px;width:100%}
.h-dergi h1{font-family:var(--q-display);font-weight:400;font-size:clamp(48px,15vw,76px);line-height:.9;letter-spacing:-.02em;text-wrap:balance}
.h-dergi .alt{font-size:13px;opacity:.88;display:flex;gap:6px 14px;flex-wrap:wrap}
.h-dergi .qm-acik i{background:#8fe08a}
.qm.anim .h-dergi h1{animation:qmSol .9s .15s cubic-bezier(.2,.8,.2,1) both}
.t-dergi .qm-govde{padding-top:0;gap:0}
.t-dergi .qm-bol{gap:0;scroll-margin-top:52px}
.kapak{position:relative;height:300px;overflow:hidden;color:#fff;display:flex;align-items:flex-end;margin:0 -18px}
.kapak .qm-res{position:absolute;left:0;right:0;top:-40px;width:100%;height:calc(100% + 80px);will-change:transform}
.kapak::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.72) 100%)}
.kapak .ky{position:relative;z-index:1;padding:0 18px 20px;display:grid;gap:4px}
.kapak .no{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;font-weight:700;opacity:.85}
.kapak h2{font-family:var(--q-display);font-weight:400;font-size:46px;line-height:.95}
.t-dergi .qm-liste{gap:0;padding:8px 0 30px}
.u-dergi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:18px 0;border-bottom:1px solid var(--q-line)}
.u-dergi:last-child{border-bottom:0}
.u-dergi .qm-ad{font-family:var(--q-display);font-weight:400;font-size:24px;line-height:1.1}
.u-dergi .qm-f{font-size:15px;align-self:start;padding-top:5px}
.u-dergi .qm-ac,.u-dergi .qm-etik{grid-column:1/-1}
.u-dergi .qm-ac{font-size:14px;max-width:46ch}

/* ===== 4. Minimal İskandinav: bol boşluk, sağda kare fotoğraf ===== */
.h-isk{padding:30px 18px 30px;display:grid;gap:22px}
.h-isk .ust{display:flex;justify-content:space-between;align-items:center}
.h-isk .lg{width:38px;height:38px;border-radius:10px;background:var(--q-ink);color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px;letter-spacing:.04em}
.h-isk h1{font-family:var(--q-display);font-weight:300;font-size:clamp(38px,11vw,52px);line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
.h-isk .meta{display:flex;gap:6px 18px;flex-wrap:wrap;color:var(--q-muted);font-size:13.5px;padding-top:14px;border-top:1px solid var(--q-line)}
.qm.anim .h-isk h1{animation:qmYuk2 1s cubic-bezier(.2,.8,.2,1) both}
.t-iskandinav .qm-govde{gap:46px}
.t-iskandinav .qm-h2{font-weight:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.t-iskandinav .qm-liste{gap:0}
.u-kare{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:16px;align-items:center;padding:18px 0;border-top:1px solid var(--q-line)}
.u-kare .y{display:grid;gap:5px;min-width:0}
.u-kare .qm-ad{font-weight:500;font-size:17px}
.u-kare .qm-f{font-size:14px;color:var(--q-ink);margin-top:4px}
.u-kare .qm-res{width:92px;height:92px;border-radius:var(--q-r)}

/* ===== 5. Akdeniz Taverna: lacivert dalgalı başlık, el yazısı ===== */
.h-taverna{background:#1f4f8f;color:#fff;position:relative;padding:34px 0 64px;overflow:hidden}
.h-taverna .qm-ic{display:grid;gap:8px;position:relative;z-index:1}
.h-taverna .ust{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.h-taverna .qm-logo{background:#fff;color:#1f4f8f;font-family:"Caveat",cursive;font-size:26px;font-weight:700}
.h-taverna .qm-masa{border-color:rgba(255,255,255,.45)}
.h-taverna .qm-masa b{color:#ffd88a}
.h-taverna h1{font-family:var(--q-display);font-weight:700;font-size:clamp(50px,15vw,68px);line-height:.9}
.h-taverna .alt{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:13.5px;opacity:.9}
.h-taverna .dalga{position:absolute;left:0;bottom:-1px;width:200%;height:46px}
.h-taverna .dalga.d1{animation:qmDalgaK 9s linear infinite;opacity:.45}
.h-taverna .dalga.d2{animation:qmDalgaK 14s linear infinite reverse}
.h-taverna .gunes{position:absolute;right:-40px;top:-40px;width:190px;height:190px;border-radius:50%;border:2px dashed rgba(255,255,255,.18);animation:qmDon 60s linear infinite}
.t-taverna .qm-h2{font-weight:700;font-size:38px;color:var(--q-accent)}
.t-taverna .qm-bb{border-bottom:2px dotted var(--q-line);padding-bottom:6px}
.t-taverna .u-yuv{background:var(--q-surface);border-radius:var(--q-r);padding:10px;box-shadow:0 1px 0 var(--q-line),0 8px 20px -14px rgba(19,41,75,.35)}
.t-taverna .u-yuv .qm-res{width:70px;height:70px;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--q-line)}
.t-taverna .u-yuv{grid-template-columns:70px minmax(0,1fr) auto}
.t-taverna .u-yuv .qm-f{color:var(--q-accent);align-self:start;padding-top:2px}

/* ===== 6. Osmanlı Saray: bordo-altın, motif, kemerli fotoğraf ===== */
.h-saray{position:relative;overflow:hidden;padding:30px 18px 34px;text-align:center;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'><g fill='none' stroke='%23d9ae5c' stroke-opacity='.13' stroke-width='1'><path d='M28 6l6 14 14 2-10 10 3 14-13-7-13 7 3-14L8 22l14-2z'/><circle cx='28' cy='28' r='4'/><path d='M0 0l8 8M56 0l-8 8M0 56l8-8M56 56l-8-8'/></g></svg>")}
.h-saray .yildiz{position:absolute;left:50%;top:50%;width:440px;height:440px;margin:-220px 0 0 -220px;color:var(--q-accent);opacity:.12;animation:qmDon 90s linear infinite}
.h-saray .cer{position:relative;border:1px solid rgba(217,174,92,.55);outline:1px solid rgba(217,174,92,.25);outline-offset:5px;padding:26px 16px 22px;display:grid;justify-items:center;gap:10px;background:rgba(59,12,23,.55)}
.h-saray .cer::before,.h-saray .cer::after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--q-accent);transform:rotate(45deg);background:var(--q-bg);top:-10px}
.h-saray .cer::before{left:calc(50% - 9px)}
.h-saray .cer::after{top:auto;bottom:-10px;left:calc(50% - 9px)}
.h-saray .qm-logo{background:none;border:1.5px solid var(--q-accent);color:var(--q-accent);font-family:"Cinzel",serif;font-size:17px}
.h-saray h1{font-family:var(--q-display);font-weight:600;font-size:clamp(30px,9.5vw,44px);line-height:1.08;letter-spacing:.04em;background:linear-gradient(100deg,#c79a48,#f7e2ad 30%,#d9ae5c 50%,#f7e2ad 70%,#c79a48);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:qmParla 7s linear infinite}
.h-saray .alt{display:flex;justify-content:center;gap:6px 14px;flex-wrap:wrap;color:var(--q-muted);font-size:13px}
.h-saray .masa-s{position:absolute;top:10px;right:10px}
.t-saray .qm-bb{justify-content:center;flex-direction:column;align-items:center;gap:6px}
.t-saray .qm-h2{font-weight:600;font-size:22px;letter-spacing:.08em;color:var(--q-accent)}
.t-saray .qm-bb svg{width:150px;height:14px;color:var(--q-accent);opacity:.8}
.t-saray .qm-say{display:none}
.u-cer{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;align-items:stretch;border:1px solid var(--q-line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.08));padding:10px;position:relative}
.u-cer::before{content:"";position:absolute;inset:4px;border:1px solid rgba(217,174,92,.14);pointer-events:none}
.u-cer .qm-res{width:80px;height:100px;border-radius:40px 40px 4px 4px;box-shadow:0 0 0 1px rgba(217,174,92,.5)}
.u-cer .y{display:grid;gap:5px;align-content:center;min-width:0}
.u-cer .qm-ad{font-family:"Cinzel",serif;font-weight:600;font-size:15.5px;letter-spacing:.03em}
.u-cer .qm-f{color:var(--q-accent);font-size:15px}

/* ===== 7. Kart Galerisi: iki sütun büyük fotoğraflı kartlar ===== */
.h-galeri{padding:24px 18px 10px;display:grid;gap:12px}
.h-galeri .ust{display:flex;justify-content:space-between;align-items:center}
.h-galeri .qm-logo{border-radius:14px}
.h-galeri h1{font-family:var(--q-display);font-weight:800;font-size:clamp(34px,10vw,46px);line-height:1;letter-spacing:-.03em}
.h-galeri .alt{display:flex;gap:6px 14px;flex-wrap:wrap;color:var(--q-muted);font-size:13.5px}
.h-galeri .one{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:6px -18px 0;padding:4px 18px 8px;scroll-snap-type:x mandatory}
.h-galeri .one::-webkit-scrollbar{display:none}
.h-galeri .on-k{flex:none;width:250px;height:150px;border-radius:var(--q-r);overflow:hidden;position:relative;scroll-snap-align:start;border:0;padding:0;color:#fff;text-align:left}
.h-galeri .on-k .qm-res{width:100%;height:100%}
.h-galeri .on-k::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.7))}
.h-galeri .on-k span{position:absolute;left:14px;bottom:12px;right:14px;z-index:1;display:grid}
.h-galeri .on-k small{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#ffcfb8}
.h-galeri .on-k b{font-size:18px}
.t-galeri .qm-h2{font-weight:800;font-size:24px;letter-spacing:-.02em}
.t-galeri .qm-liste,.t-gradyan .qm-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.u-kart{background:var(--q-surface);border-radius:var(--q-r);overflow:hidden;box-shadow:0 1px 0 var(--q-line),0 12px 28px -18px rgba(0,0,0,.35);display:grid}
.u-kart .ph{position:relative;aspect-ratio:1/1;max-width:100%}
.u-kart .ph .qm-res{width:100%;height:100%;transition:opacity .5s,transform .6s}
.u-kart:hover .ph .qm-res{transform:scale(1.05)}
.u-kart .ph .qm-etik{position:absolute;left:8px;top:8px}
.u-kart .ph .qm-e{background:rgba(255,255,255,.92);border-color:transparent}
.u-kart .ph .qm-e.sef{background:var(--q-accent);color:var(--q-accent-ink)}
.u-kart .y{padding:10px 12px 12px;display:grid;gap:4px}
.u-kart .qm-ad{font-size:15px}
.u-kart .qm-ac{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.u-kart .qm-f{font-size:15px;color:var(--q-accent);font-weight:500;margin-top:2px}
.qm.anim .t-galeri-kart,.qm.anim .u-kart{animation:qmPop .55s cubic-bezier(.2,.9,.3,1.25) both;animation-delay:calc(var(--i)*55ms + 150ms)}

/* ===== 8. Şarap Barı: kadife, italik başlıklar, eşleşme önerisi ===== */
.h-sarap{position:relative;overflow:hidden;padding:44px 18px 40px;display:grid;gap:12px;background:radial-gradient(120% 90% at 20% 0%,#5a1a2b 0%,transparent 60%),radial-gradient(90% 80% at 100% 100%,#3a0f1c 0%,transparent 60%),#1c0a0f}
.h-sarap::before{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 40%,rgba(255,210,190,.09) 50%,transparent 60%);animation:qmKadife 7s ease-in-out infinite;pointer-events:none}
.h-sarap .ust{display:flex;justify-content:space-between;align-items:center;position:relative}
.h-sarap .eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--q-accent)}
.h-sarap h1{font-family:var(--q-display);font-style:italic;font-weight:400;font-size:clamp(42px,13vw,62px);line-height:.98;position:relative}
.h-sarap .alt{display:flex;gap:6px 14px;flex-wrap:wrap;color:var(--q-muted);font-size:13px;position:relative}
.h-sarap .cizgi{height:1px;background:linear-gradient(90deg,var(--q-accent),transparent);width:60%;position:relative}
.qm.anim .h-sarap .cizgi{animation:qmGenis 1.4s .2s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}
.t-sarap .qm-h2{font-style:italic;font-size:32px}
.u-sarap{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--q-line)}
.u-sarap .qm-res{width:52px;height:52px;border-radius:50%;margin-top:3px}
.u-sarap .y{display:grid;gap:4px;min-width:0}
.u-sarap .sat{display:flex;align-items:baseline;gap:8px}
.u-sarap .qm-ad{font-family:var(--q-display);font-style:italic;font-weight:400;font-size:20px}
.u-sarap .nok{flex:1;border-bottom:1px dotted var(--q-line);transform:translateY(-5px);min-width:16px}
.u-sarap .qm-f{color:var(--q-accent)}
.u-sarap .es{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--q-accent);margin-top:2px}
.u-sarap .es svg{width:14px;height:14px;flex:none}
.t-sarap .qm-liste{gap:0}

/* ===== 9. Doğal Organik: kraft kâğıt, polaroid fotoğraf, el çizimi ===== */
.h-organik{position:relative;padding:30px 18px 26px;display:grid;justify-items:center;text-align:center;gap:8px;overflow:hidden}
.h-organik canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.h-organik .ust{position:absolute;top:12px;right:14px}
.h-organik .damga{width:82px;height:82px;border-radius:50%;border:2px dashed var(--q-accent);display:grid;place-items:center;color:var(--q-accent);font-family:"Caveat",cursive;font-size:30px;font-weight:700;transform:rotate(-8deg);position:relative;background:rgba(243,232,210,.6)}
.qm.anim .h-organik .damga{animation:qmDamga .7s cubic-bezier(.2,.9,.3,1.4) both}
.h-organik h1{font-family:var(--q-display);font-weight:700;font-size:clamp(50px,15vw,68px);line-height:.92;position:relative;color:#2d3a1e}
.h-organik svg.alti{width:200px;height:16px;color:var(--q-accent);position:relative}
.qm.anim .h-organik svg.alti path{stroke-dasharray:260;stroke-dashoffset:260;animation:qmCiz 1.2s .4s ease forwards}
.h-organik .alt{display:flex;justify-content:center;gap:6px 14px;flex-wrap:wrap;font-size:13.5px;color:var(--q-muted);position:relative}
.t-organik .qm-h2{font-weight:700;font-size:40px;color:var(--q-accent)}
.t-organik .qm-bb .el{width:30px;height:30px;color:var(--q-accent);filter:url(#qmEl)}
.t-organik .qm-bb{justify-content:flex-start;align-items:center}
.t-organik .qm-say{margin-left:auto}
.u-etk{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;background:var(--q-surface);padding:12px;border-radius:4px;box-shadow:0 1px 0 rgba(90,60,20,.25),0 10px 18px -14px rgba(60,40,10,.6);position:relative}
.u-etk::before{content:"";position:absolute;inset:5px;border:1.5px dashed rgba(76,109,41,.35);border-radius:3px;pointer-events:none}
.u-etk .pol{background:#fff;padding:5px 5px 14px;box-shadow:0 4px 10px -4px rgba(0,0,0,.35);transform:rotate(var(--rot,-3deg));position:relative}
.u-etk .pol::before{content:"";position:absolute;top:-8px;left:50%;width:44px;height:15px;margin-left:-22px;background:rgba(240,225,170,.75);transform:rotate(-4deg);box-shadow:0 1px 1px rgba(0,0,0,.08)}
.u-etk .pol .qm-res{width:86px;height:80px}
.u-etk .y{display:grid;gap:3px;min-width:0;position:relative}
.u-etk .qm-ad{font-family:"Caveat",cursive;font-size:25px;font-weight:700;line-height:1}
.u-etk .qm-f{color:var(--q-accent);font-size:15px}
.qm.anim .u-etk{animation:qmDus .6s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--i)*50ms + 200ms)}

/* ===== 10. Modern Gradyan: hareketli renk lekeleri, cam kartlar ===== */
.h-grad{padding:22px 16px 10px}
.h-grad .cam{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:28px;padding:22px 20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:grid;gap:10px;box-shadow:0 20px 50px -20px rgba(0,0,0,.45)}
.h-grad .ust{display:flex;justify-content:space-between;align-items:center}
.h-grad .qm-logo{background:linear-gradient(135deg,#ffd166,#ff6b9a);color:#2a1446;font-weight:800;border-radius:16px}
.h-grad h1{font-family:var(--q-display);font-weight:700;font-size:clamp(36px,11vw,50px);line-height:1;letter-spacing:-.03em}
.h-grad .alt{display:flex;gap:6px 14px;flex-wrap:wrap;color:var(--q-muted);font-size:13.5px}
.h-grad .qm-masa{border-color:rgba(255,255,255,.35)}
.qm.anim .h-grad .cam{animation:qmPop .8s cubic-bezier(.2,.9,.3,1.2) both}
.t-gradyan .qm-h2{font-weight:700;font-size:26px;letter-spacing:-.02em}
.t-gradyan .u-kart{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
.t-gradyan .u-kart .ph{margin:6px 6px 0;border-radius:16px;overflow:hidden}
.t-gradyan .u-kart .ph .qm-e{background:rgba(42,20,70,.6);color:#fff}
.t-gradyan .u-kart .ph .qm-e.sef{background:var(--q-accent);color:var(--q-accent-ink)}
.t-gradyan .u-kart .qm-f{color:var(--q-accent)}

/* Alt çubuk, detay penceresi, bildirim */
.qm-cubuk{position:sticky;bottom:0;z-index:6;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--q-bg) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--q-line)}
.t-gradyan .qm-cubuk{background:rgba(27,16,54,.5)}
.t-organik .qm-cubuk{background:rgba(214,189,146,.92)}
.qm-dug{border:1px solid var(--q-line);background:var(--q-surface);color:var(--q-ink);border-radius:calc(var(--q-r) + 8px);padding:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;font-family:"Figtree",system-ui,sans-serif;font-size:14.5px}
.t-klasik .qm-dug,.t-dergi .qm-dug{border-radius:0}
.qm-dug.ana{background:var(--q-accent);border-color:var(--q-accent);color:var(--q-accent-ink)}
.qm-dug svg{width:18px;height:18px}
.qm-dalga{position:absolute;border-radius:50%;background:currentColor;opacity:.25;transform:scale(0);animation:qmDalga .6s ease-out forwards;pointer-events:none}
.qm-perde{position:absolute;inset:0;z-index:20;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s}
.qm-perde.ac{opacity:1}
.qm-sayfa{position:absolute;left:0;right:0;bottom:0;z-index:21;max-height:90%;overflow-y:auto;background:var(--q-surface);color:var(--q-ink);border-radius:24px 24px 0 0;transform:translateY(105%);transition:transform .5s cubic-bezier(.2,.9,.25,1.04);font-family:var(--q-body);color-scheme:var(--q-cs)}
.qm-sayfa.t-gradyan{background:#2a1a52}
.qm-sayfa.t-organik{background:#f3e8d2}
.qm-sayfa.t-klasik,.qm-sayfa.t-dergi{border-radius:0}
.qm-sayfa.ac{transform:none}
.qm-sayfa .ph{position:relative;height:260px;overflow:hidden;background:#222}
.qm-sayfa .ph .qm-res{width:100%;height:100%;opacity:1}
.qm-sayfa .ph::after{content:"";position:absolute;inset:auto 0 0 0;height:80px;background:linear-gradient(180deg,transparent,var(--q-surface))}
.qm-sayfa.t-gradyan .ph::after{background:linear-gradient(180deg,transparent,#2a1a52)}
.qm-sayfa.t-organik .ph::after{background:linear-gradient(180deg,transparent,#f3e8d2)}
.qm-sayfa .tut{position:absolute;top:8px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:9px;background:rgba(255,255,255,.75);z-index:2}
.qm-sayfa .tut.koyu{position:static;margin:10px auto 0;background:var(--q-line)}
[hidden]{display:none!important}
.qm-sayfa h3,.qm-sayfa p{margin:0}
.qm-sayfa-ic{display:grid;gap:14px;padding:6px 18px calc(22px + env(safe-area-inset-bottom,0px))}
.qm-sayfa .bas{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.qm-sayfa h3{font-family:var(--q-display);font-weight:500;font-size:30px;line-height:1.05}
.qm-sayfa.t-sarap h3{font-style:italic}
.qm-sayfa.t-saray h3{font-size:24px;letter-spacing:.04em;color:var(--q-accent)}
.qm-sayfa.t-taverna h3,.qm-sayfa.t-organik h3{font-size:40px;font-weight:700}
.qm-sayfa.t-galeri h3,.qm-sayfa.t-gradyan h3{font-weight:800;letter-spacing:-.02em}
.qm-sayfa.t-iskandinav h3{font-weight:300;letter-spacing:-.02em}
.qm-sayfa .df{font-family:"DM Mono",monospace;font-size:20px;color:var(--q-accent);white-space:nowrap;font-variant-numeric:tabular-nums;padding-top:4px}
.qm-sayfa .dac{color:var(--q-muted);font-size:15px}
.qm-sayfa.t-klasik .dac{font-style:italic;font-size:18px}
.qm-sayfa .es{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--q-line);border-radius:12px;font-size:14px}
.qm-sayfa .es svg{width:18px;height:18px;color:var(--q-accent);flex:none;margin-top:2px}
.qm-sayfa .es small{display:block;color:var(--q-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.qm-sec-l{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--q-muted)}
.qm-secler{display:flex;gap:8px;flex-wrap:wrap}
.qm-secler label{position:relative}
.qm-secler input{position:absolute;opacity:0;pointer-events:none}
.qm-secler span{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--q-line);border-radius:10px;padding:9px 13px;font-weight:600;font-size:14px;transition:all .2s;font-family:"Figtree",system-ui,sans-serif}
.qm-secler span small{font-family:"DM Mono",monospace;font-weight:400;color:var(--q-muted)}
.qm-secler input:checked + span{border-color:var(--q-accent);background:color-mix(in srgb,var(--q-accent) 16%,transparent)}
.qm-kapat{border:1px solid var(--q-line);background:transparent;color:var(--q-ink);border-radius:12px;padding:13px;font-weight:700;font-family:"Figtree",system-ui,sans-serif}
.qm-tost{position:absolute;left:50%;bottom:90px;z-index:30;transform:translate(-50%,16px);opacity:0;background:var(--q-ink);color:#111;padding:10px 14px;border-radius:12px;font-weight:600;font-size:13.5px;transition:all .35s cubic-bezier(.2,.9,.3,1.2);pointer-events:none;width:max-content;max-width:calc(100% - 32px);text-align:center;font-family:"Figtree",system-ui,sans-serif}
.qm-tost.t-klasik,.qm-tost.t-dergi,.qm-tost.t-iskandinav,.qm-tost.t-taverna,.qm-tost.t-galeri,.qm-tost.t-organik{color:#fff}
.qm-tost.gor{transform:translate(-50%,0);opacity:1}
.qm-kapali{min-height:100%;display:grid;place-items:center;text-align:center;padding:30px 24px;gap:10px;align-content:center}
.qm-kapali h2{font-family:var(--q-display);font-weight:400;font-size:32px}
.qm-kapali p{color:var(--q-muted)}

/* Giriş animasyonları */
.qm.anim .qm-gir{animation:qmGir .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*45ms + 200ms)}
@keyframes qmGir{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
@keyframes qmPop{from{transform:scale(.88) translateY(14px);opacity:0}to{transform:none;opacity:1}}
@keyframes qmDus{from{transform:translateY(-22px) rotate(-3deg);opacity:0}to{transform:none;opacity:1}}
@keyframes qmYuk2{from{transform:translateY(26px);opacity:0}to{transform:none;opacity:1}}
@keyframes qmSol{from{transform:translateX(-30px);opacity:0}to{transform:none;opacity:1}}
@keyframes qmCiz{to{stroke-dashoffset:0}}
@keyframes qmBuyu{from{transform:scale(0);transform-origin:center;transform-box:fill-box}to{transform:scale(1);transform-box:fill-box;transform-origin:center}}
@keyframes qmKen{from{transform:scale(1.14)}to{transform:scale(1)}}
@keyframes qmParla{from{background-position:250% 0}to{background-position:-250% 0}}
@keyframes qmDalgaK{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes qmDon{to{transform:rotate(360deg)}}
@keyframes qmKadife{0%,100%{transform:translateX(-20%)}50%{transform:translateX(20%)}}
@keyframes qmGenis{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes qmDamga{from{transform:scale(1.8) rotate(-30deg);opacity:0}to{transform:rotate(-8deg);opacity:1}}
@keyframes qmNabiz{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--q-ok) 70%,transparent)}80%,100%{box-shadow:0 0 0 9px transparent}}
@keyframes qmDalga{to{transform:scale(4);opacity:0}}
@media (prefers-reduced-motion: reduce){.qm *,.qm *::before,.qm *::after,.qm-blob{animation:none!important;transition:none!important}.qm-res{opacity:1}}