/* My FM tagi felület – liquid glass oldalsávos keret (elfogadott terv: Design tervek 25, orgona-arany aurora).
   Csak a belépett tagi oldalak töltik be (member_header, $nav = true). A régi változók (--bg, --panel, --ink, --gold …) itt az új palettára vannak átírva,
   így a meglévő elemek (táblázat, kártyák, űrlapok) automatikusan az új színekkel jelennek meg.
   Szabályok (Obsidian "Liquid glass (SKILL)"): fix aurora-háttér · 3 réteg (panel / csempe / vezérlő) + tinta (aktív) + gyanta (fő gomb) · apró számjelzők lapos színfelületek ·
   az oldalsávnak és a sima háttéren álló paneleknek NINCS backdrop-filterje (blur csak a mobil fiók mögötti fátylon) · rádiusz-skála 6/10/12/16/22/28/pill ·
   vonalas ikonok (maszk + currentColor) · hover/nyomás/fókusz állapotok · összecsukás egyetlen animált oszlopszélességgel. */

/* Inter (változó betű, 400–800), a saját szerverről: a CSP nem enged külső betűtípust */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- paletta (világos) ---------- */
:root{--bg:#f3eefa;--panel:#fdfbff;--panel-2:#ece5f8;--ink:#2a2247;--mute:#554d78;--line:#e1d8f1;--gold:#6c55b8;--gold-ink:#43357f;--shadow:0 10px 30px rgba(60,40,120,.12);
  --a1:#dccff3;--a2:#f6e4c4;--a3:#cfe3f5;--a4:#f4d8e8;
  --g-panel:rgba(255,255,255,.68);--g-panel-solid:#fbf9ff;--g-tile:rgba(255,255,255,.9);--g-ctl:rgba(255,255,255,.62);--g-ctl2:rgba(255,255,255,.88);
  --g-rim:rgba(255,255,255,.88);--g-hi:rgba(255,255,255,.92);--g-shade:rgba(0,0,0,.05);--g-ring:#fff;--g-seg:rgba(255,255,255,.5);
  --g-side:rgba(226,214,248,.8);--g-side-solid:#e3d8f6;--g-side-ink:#2a2247;--g-side-mute:#483f72;
  --g-tint-a:#54429a;--g-tint-b:#3b2f73;--g-tint-fg:#fff;--g-tint-line:rgba(255,255,255,.22);--g-num-bg:#fff;--g-num-fg:#3b2f73;
  --g-soft:#e8e0f8;--g-soft-fg:#43357f;--g-link:#43357f;--g-focus:#3b2f73;--g-badge:#b3261e;--g-ic-fill:rgba(250,246,255,.92);--g-ic-ink:#2a2247;
  --g-sh:60,40,120;--g-sheen:linear-gradient(120deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.1) 26%,transparent 46%);
  --g-ease:cubic-bezier(.22,.61,.36,1)}
:root{--g-sh1:0 1px 2px rgba(var(--g-sh),.05),0 6px 16px rgba(var(--g-sh),.09);--g-sh2:0 2px 5px rgba(var(--g-sh),.06),0 12px 32px rgba(var(--g-sh),.14);--g-sh3:0 4px 10px rgba(var(--g-sh),.08),0 22px 52px rgba(var(--g-sh),.22)}
/* ---------- paletta (sötét) ---------- */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#12101d;--panel:#1b1630;--panel-2:#272043;--ink:#eeeaff;--mute:#b4abd8;--line:#3a3160;--gold:#a893ec;--gold-ink:#cfc3ff;--shadow:0 10px 30px rgba(0,0,0,.45);
  --a1:#2d2260;--a2:#3b2c1a;--a3:#12304a;--a4:#3a2150;
  --g-panel:rgba(30,25,52,.68);--g-panel-solid:#1b1630;--g-tile:rgba(44,37,76,.82);--g-ctl:rgba(255,255,255,.07);--g-ctl2:rgba(255,255,255,.12);--g-rim:rgba(255,255,255,.15);--g-hi:rgba(255,255,255,.22);
  --g-shade:rgba(0,0,0,.35);--g-ring:#1b1630;--g-seg:rgba(255,255,255,.06);--g-side:rgba(24,19,44,.86);--g-side-solid:#18132c;--g-side-ink:#eeeaff;--g-side-mute:#b8aedb;
  --g-tint-a:#ddd3fb;--g-tint-b:#bcaef2;--g-tint-fg:#1a1233;--g-tint-line:rgba(255,255,255,.5);--g-num-bg:rgba(255,255,255,.16);--g-num-fg:#eeeaff;--g-soft:rgba(188,174,242,.2);--g-soft-fg:#d9cfff;
  --g-link:#cfc3ff;--g-focus:#ddd3fb;--g-badge:#c93a31;--g-ic-fill:rgba(255,255,255,.08);--g-ic-ink:#eeeaff;--g-sh:0,0,20;
  --g-sheen:linear-gradient(120deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.03) 26%,transparent 46%)}}
:root[data-theme="dark"]{--bg:#12101d;--panel:#1b1630;--panel-2:#272043;--ink:#eeeaff;--mute:#b4abd8;--line:#3a3160;--gold:#a893ec;--gold-ink:#cfc3ff;--shadow:0 10px 30px rgba(0,0,0,.45);
  --a1:#2d2260;--a2:#3b2c1a;--a3:#12304a;--a4:#3a2150;
  --g-panel:rgba(30,25,52,.68);--g-panel-solid:#1b1630;--g-tile:rgba(44,37,76,.82);--g-ctl:rgba(255,255,255,.07);--g-ctl2:rgba(255,255,255,.12);--g-rim:rgba(255,255,255,.15);--g-hi:rgba(255,255,255,.22);
  --g-shade:rgba(0,0,0,.35);--g-ring:#1b1630;--g-seg:rgba(255,255,255,.06);--g-side:rgba(24,19,44,.86);--g-side-solid:#18132c;--g-side-ink:#eeeaff;--g-side-mute:#b8aedb;
  --g-tint-a:#ddd3fb;--g-tint-b:#bcaef2;--g-tint-fg:#1a1233;--g-tint-line:rgba(255,255,255,.5);--g-num-bg:rgba(255,255,255,.16);--g-num-fg:#eeeaff;--g-soft:rgba(188,174,242,.2);--g-soft-fg:#d9cfff;
  --g-link:#cfc3ff;--g-focus:#ddd3fb;--g-badge:#c93a31;--g-ic-fill:rgba(255,255,255,.08);--g-ic-ink:#eeeaff;--g-sh:0,0,20;
  --g-sheen:linear-gradient(120deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.03) 26%,transparent 46%)}

/* ---------- 0. aurora (fix réteg) ---------- */
body.gbody{background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
body.gbody::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 50% at 8% 6%,var(--a1) 0,transparent 70%),radial-gradient(55% 55% at 96% 12%,var(--a2) 0,transparent 70%),
  radial-gradient(60% 60% at 82% 98%,var(--a3) 0,transparent 70%),radial-gradient(50% 50% at 14% 92%,var(--a4) 0,transparent 70%),var(--bg)}
body.gbody :focus-visible{outline:3px solid var(--g-focus);outline-offset:2px}

/* ---------- 1. keret ---------- */
.gshell{display:grid;grid-template-columns:var(--sbw,268px) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .32s var(--g-ease)}
.gshell.collapsed{--sbw:88px}
.gside{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:16px 14px 14px;overflow:hidden;z-index:30;color:var(--g-side-ink);
  background:var(--g-sheen),var(--g-side);border-right:1px solid var(--g-rim);border-radius:0 28px 28px 0;box-shadow:inset 0 1px 0 var(--g-hi),inset -1px 0 0 var(--g-hi),var(--g-sh2)}
.gmain{min-width:0;padding:14px 28px 40px;position:relative;z-index:1;max-width:1500px;width:100%}
.gmain main{min-height:60vh}
.gmain main.gnarrow{max-width:620px}
body.gbody .foot{margin-top:28px}

/* ---------- 2. oldalsáv ---------- */
.gside-top{position:relative;height:52px;flex:none}
.gbrand{position:absolute;left:8px;top:8px;display:flex;align-items:center;gap:12px;white-space:nowrap;text-decoration:none;color:inherit;transition:opacity .24s var(--g-ease)}
.gbrand img{width:36px;height:36px;border-radius:10px;flex:none;background:#fff;padding:3px;box-shadow:var(--g-sh1)}
.gbrand .gbt{display:flex;flex-direction:column;line-height:1.15;min-width:0;transition:opacity .2s var(--g-ease)}
.gbrand b{font:700 17px/1.1 Inter,sans-serif;letter-spacing:.01em}
.gbrand small{font:600 11px/1.2 Inter,sans-serif;letter-spacing:.14em;color:var(--g-side-mute);text-transform:uppercase;margin-top:3px}
.gburger{position:absolute;right:0;top:4px;width:44px;height:44px;border:0;background:transparent;color:inherit;border-radius:12px;cursor:pointer;display:grid;place-content:center;gap:4px;transition:transform .32s var(--g-ease)}
.gburger span{display:block;width:22px;height:2.5px;border-radius:2px;background:currentColor}
.gburger:hover{background:var(--g-ctl)}
.gshell.collapsed .gburger{transform:translateX(-8px)}
.gshell.collapsed .gbrand{opacity:0;pointer-events:none}
.gscroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;margin:0 -8px;padding:0 8px;scrollbar-width:thin;scrollbar-color:rgba(var(--g-sh),.3) transparent}
.ggrp{display:flex;flex-direction:column;gap:6px}
.ggl{font:700 11px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--g-side-mute);padding:14px 0 6px 14px;max-height:40px;overflow:hidden;white-space:nowrap;transition:max-height .32s var(--g-ease),opacity .24s var(--g-ease),padding .32s var(--g-ease)}
.gshell.collapsed .ggl{max-height:0;opacity:0;padding-top:0;padding-bottom:0}
.gni{position:relative;display:flex;align-items:center;gap:12px;height:52px;padding:0 12px;border-radius:16px;border:1px solid transparent;color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;cursor:pointer;
  font:600 14.5px/1 Inter,sans-serif;transition:transform .18s var(--g-ease),box-shadow .18s var(--g-ease),background .18s var(--g-ease),color .18s var(--g-ease)}
.gni .git{position:relative;width:38px;height:38px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--g-sheen),var(--g-ic-fill);border:1px solid var(--g-rim);
  box-shadow:inset 0 1px 0 var(--g-hi),var(--g-sh1);color:var(--g-ic-ink);overflow:visible}
.gni .glbl{flex:1;overflow:hidden;text-overflow:clip;line-height:1.6}
.gni:hover{transform:translateY(-1px);background:var(--g-ctl);box-shadow:var(--g-sh1)}
.gni:active{transform:scale(.985);box-shadow:none}
.gni.on{background:linear-gradient(180deg,var(--g-tint-a),var(--g-tint-b));color:var(--g-tint-fg);border-color:var(--g-tint-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 20px rgba(var(--g-sh),.26)}
.gni.on .git{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.34);color:var(--g-tint-fg);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.gni.on:hover{background:linear-gradient(180deg,var(--g-tint-a),var(--g-tint-b))}
.gni:focus-visible{outline-offset:-1px}
/* számjelzők: LAPOSAK. A jobb oldali szám mindig látszik; a piros kör az ikonon CSAK a Várólistán, ha megérkezett parfüm */
.gnum{margin-left:auto;min-width:26px;height:26px;padding:0 8px;border-radius:999px;display:grid;place-items:center;flex:none;background:var(--g-num-bg);color:var(--g-num-fg);font:700 12.5px/1 Inter,sans-serif;transition:opacity .24s var(--g-ease)}
.gni.on .gnum{background:rgba(255,255,255,.92);color:#3b2f73}
.gbadge{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;display:grid;place-items:center;z-index:2;background:var(--g-badge);color:#fff;font:700 11.5px/1 Inter,sans-serif;box-shadow:0 0 0 2.5px var(--g-ring)}
.gshell.collapsed .gnum,.gshell.collapsed .gni .glbl{opacity:0}
.gshell.collapsed .gcats{display:none}
.gcat{height:42px;padding:0 10px 0 16px;font-size:14px;border-radius:12px}
.gcat .gnum{min-width:30px;height:24px;font-size:12px}
.gcat.on{background:var(--g-soft);color:var(--g-soft-fg);border-color:var(--g-rim);box-shadow:none;font-weight:800}
.gcat.on:hover{background:var(--g-soft)}
.gcat.on .gnum{background:var(--g-soft-fg);color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gcat.on .gnum{color:#1a1233}}
:root[data-theme="dark"] .gcat.on .gnum{color:#1a1233}
.gcat.newc:not(.on){color:var(--g-badge);font-weight:800}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gcat.newc:not(.on){color:#ff9c93}}
:root[data-theme="dark"] .gcat.newc:not(.on){color:#ff9c93}
.gside-bot{margin-top:auto;display:flex;flex-direction:column;gap:8px;flex:none}
.gwho{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:16px;background:var(--g-ctl);border:1px solid var(--g-rim);white-space:nowrap;overflow:hidden;box-shadow:inset 0 1px 0 var(--g-hi)}
.gwho .gav{width:38px;height:38px;border-radius:999px;flex:none;display:grid;place-items:center;background:linear-gradient(180deg,var(--g-tint-a),var(--g-tint-b));color:var(--g-tint-fg);font:700 15px/1 Inter,sans-serif}
.gwho .gwt{display:flex;flex-direction:column;line-height:1.2;min-width:0;transition:opacity .2s var(--g-ease)}
.gwho .gwt b{font:600 13.5px/1.2 Inter,sans-serif;overflow:hidden;text-overflow:ellipsis}
.gwho .gwt small{font:500 11.5px/1.2 Inter,sans-serif;color:var(--g-side-mute);overflow:hidden;text-overflow:ellipsis}
.glogout-f{margin:0}
.glogout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border-radius:16px;cursor:pointer;white-space:nowrap;overflow:hidden;background:var(--g-sheen),var(--g-ctl2);border:1px solid var(--g-rim);
  box-shadow:inset 0 1px 0 var(--g-hi),var(--g-sh1);font:600 14.5px/1 Inter,sans-serif;color:inherit;transition:transform .18s var(--g-ease),box-shadow .18s var(--g-ease)}
.glogout:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 var(--g-hi),var(--g-sh2)}.glogout:active{transform:scale(.985)}
.gshell.collapsed .gwho{gap:0}.gshell.collapsed .gwho .gwt,.gshell.collapsed .glogout .glbl{opacity:0;width:0}.gshell.collapsed .glogout{gap:0}

/* ---------- 3. ikonok (egy vonalas készlet) ---------- */
.gi{display:block;width:20px;height:20px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;flex:none}
.gi.l{width:24px;height:24px}.gi.s{width:16px;height:16px}
.gi-bottle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2.5h4v3.2h-4z'/%3E%3Cpath d='M9 5.7h6v2.3H9z'/%3E%3Crect x='5.5' y='8' width='13' height='13.5' rx='3'/%3E%3Cpath d='M9 14.2h6M9 17h4'/%3E%3C/svg%3E")}
.gi-bell{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16.5V11a6 6 0 0112 0v5.5l1.5 2h-15z'/%3E%3Cpath d='M10 21a2.2 2.2 0 004 0'/%3E%3C/svg%3E")}
.gi-heart{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5S3.5 15.3 3.5 9.3A4.8 4.8 0 0112 6.6a4.8 4.8 0 018.5 2.7c0 6-8.5 11.2-8.5 11.2z'/%3E%3C/svg%3E")}
.gi-user{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20c.7-3.9 3.7-6 7.5-6s6.8 2.1 7.5 6'/%3E%3C/svg%3E")}
.gi-mail{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='3'/%3E%3Cpath d='M3.8 7.5l8.2 6 8.2-6'/%3E%3C/svg%3E")}
.gi-out{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4.5H6.5a2 2 0 00-2 2v11a2 2 0 002 2H10'/%3E%3Cpath d='M15 8l4 4-4 4M19 12H9.5'/%3E%3C/svg%3E")}
.gi-lamp{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 00-3.6 10.8c.9.7 1.4 1.6 1.4 2.7V17h4.4v-.5c0-1.1.5-2 1.4-2.7A6 6 0 0012 3z'/%3E%3Cpath d='M10 20h4M10.5 22.5h3'/%3E%3C/svg%3E")}
.gi-search{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E")}
.gi-check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.gi-chev{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E")}

/* részletes kereső (az oldalsávban, a Parfümök alatt) */
.gi-sliders{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h9M17 7h3M4 17h3M11 17h9'/%3E%3Ccircle cx='15' cy='7' r='2'/%3E%3Ccircle cx='9' cy='17' r='2'/%3E%3C/svg%3E")}
.gadv{display:block}
.gadv>summary{list-style:none}.gadv>summary::-webkit-details-marker{display:none}
.gadv-s{height:46px;font-size:13.5px;margin-left:12px;gap:10px;padding:0 10px}
.gadv-s .git{width:32px;height:32px;border-radius:10px}
.gadv-c{margin-left:auto;transition:transform .24s var(--g-ease)}
.gadv-s .gnum+.gadv-c{display:none}
.gadv[open]>.gadv-s .gadv-c{transform:rotate(90deg)}
.gadv-f{display:flex;flex-direction:column;gap:10px;margin:6px 4px 8px 24px;padding:12px 4px 4px 12px;border-left:2px solid var(--g-rim)}
.gaf{display:flex;flex-direction:column;gap:5px;min-width:0}
.gaf>span{font:700 11px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--g-side-mute)}
.gaf select,.gaf input{width:100%;min-width:0;height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--g-rim);background:var(--g-ctl2);color:var(--g-side-ink);font:500 13.5px/1.2 Inter,sans-serif;box-shadow:inset 0 1px 0 var(--g-hi)}
.gaf input::placeholder{color:var(--g-side-mute);opacity:1}
.gaf2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gadv-b{display:flex;align-items:center;gap:14px;margin-top:4px;flex-wrap:wrap}
.gbtn.sm{height:44px;padding:0 20px;border-radius:12px;font-size:13.5px}
.gshell.collapsed .gadv{display:none}
:root[data-theme="dark"]{color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark}}
@media (max-width:820px){.gshell.collapsed .gadv{display:block}}

/* admin ikonok */
.gi-grid{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.8'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.8'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.8'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.8'/%3E%3C/svg%3E")}
.gi-db{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7.5' ry='3'/%3E%3Cpath d='M4.5 6v6c0 1.7 3.4 3 7.5 3s7.5-1.3 7.5-3V6'/%3E%3Cpath d='M4.5 12v6c0 1.7 3.4 3 7.5 3s7.5-1.3 7.5-3v-6'/%3E%3C/svg%3E")}
.gi-chat{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.5h14a2 2 0 012 2v8a2 2 0 01-2 2h-6l-4.5 3.5V17.5H5a2 2 0 01-2-2v-8a2 2 0 012-2z'/%3E%3Cpath d='M8 10.5h8M8 13.5h5'/%3E%3C/svg%3E")}
.gi-file{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4V20a1 1 0 01-1 1H6a1 1 0 01-1-1V4.5a1 1 0 011-1z'/%3E%3Cpath d='M14 3.5V8h4M8.5 12.5h7M8.5 16h5'/%3E%3C/svg%3E")}

/* ---------- 4. felső sor: köszöntés / oldalcím + téma-kapcsoló ---------- */
.gtop{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;margin:6px 0 22px;min-height:48px}
.gtop h1{margin:0;font:800 clamp(28px,3.4vw,40px)/1.1 Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.gtop .gsp{flex:1}
.gtb{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--g-rim);background:var(--g-ctl2);cursor:pointer;place-content:center;gap:4px;flex:none;color:var(--ink)}
.gtb span{display:block;width:20px;height:2.5px;border-radius:2px;background:currentColor}
body.gbody .topbar-theme-toggle{position:relative;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;cursor:pointer;color:var(--ink);background:var(--g-sheen),var(--g-ctl2);border:1px solid var(--g-rim);box-shadow:inset 0 1px 0 var(--g-hi),var(--g-sh1);padding:0;margin:0}
body.gbody .topbar-theme-toggle:hover{transform:translateY(-1px)}
body.gbody .topbar-theme-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme="dark"] body.gbody .topbar-theme-toggle .bulb-glass{fill:currentColor}

/* ---------- 5. tartalom: panelek, várólista, kereső, szűrők ---------- */
.gpanel{position:relative;border-radius:22px;padding:20px 22px;background:var(--g-sheen),var(--g-panel);border:1px solid var(--g-rim);box-shadow:inset 0 1px 0 var(--g-hi),inset 0 -1px 0 var(--g-shade),var(--g-sh2);margin-bottom:22px}
.gph{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.gph h2{margin:0;font:800 20px/1.2 Inter,sans-serif}
.gph .gsp{flex:1}
.gph a.gmore{font:600 13.5px/1 Inter,sans-serif;color:var(--g-link);display:inline-flex;align-items:center;gap:4px;text-decoration:none;min-height:44px}
.gph a.gmore:hover{text-decoration:underline}
.gwl-wait,.gwl-arr{display:flex;align-items:center;gap:16px;padding:16px;border-radius:16px;background:var(--g-tile);border:1px solid var(--g-rim);box-shadow:inset 0 1px 0 var(--g-hi),var(--g-sh1)}
.gwl-arr{flex-wrap:wrap}
.gwl-ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none;background:var(--g-soft);color:var(--g-soft-fg)}
.gwl-ico.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.gwl-wait b,.gwl-t b{display:block;font:700 15.5px/1.35 Inter,sans-serif}
.gwl-t small{display:block;color:var(--mute);font-size:13.5px;margin-top:2px}
.gwl-items{display:flex;flex-wrap:wrap;gap:12px;flex:1 1 420px}
.gwl-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:var(--g-tile);border:1px solid var(--g-rim);box-shadow:inset 0 1px 0 var(--g-hi),var(--g-sh1);text-decoration:none;color:inherit;min-width:260px;flex:1 1 260px;transition:transform .18s var(--g-ease),box-shadow .18s var(--g-ease)}
.gwl-item:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 var(--g-hi),var(--g-sh2)}
.gwl-item img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none}
.gwl-item .gwi{display:flex;flex-direction:column;gap:4px;min-width:0}.gwl-item b{font:700 14.5px/1.25 Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gstate{display:inline-flex;align-items:center;width:max-content;height:24px;padding:0 10px;border-radius:999px;font:700 11.5px/1 Inter,sans-serif;background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.gfind-l{display:block;margin:0 0 12px;font:800 20px/1.2 Inter,sans-serif}
.gsearchrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.gsearch{display:flex;align-items:center;gap:10px;flex:1;min-width:220px;height:60px;padding:0 20px;border-radius:16px;background:var(--g-sheen),var(--g-ctl2);border:1px solid var(--g-rim);box-shadow:inset 0 1px 0 var(--g-hi),inset 0 1px 3px rgba(var(--g-sh),.06);color:var(--mute)}
.gsearch input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:400 16px/1.2 Inter,sans-serif;color:var(--ink)}
.gsearch input::placeholder{color:var(--mute);opacity:1}
.gsearch input:focus{outline:0}
.gsearch:focus-within{outline:3px solid var(--g-focus);outline-offset:2px}
.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:60px;padding:0 26px;border-radius:16px;border:1px solid transparent;cursor:pointer;font:700 14.5px/1 Inter,sans-serif;white-space:nowrap;text-decoration:none;
  background:linear-gradient(180deg,var(--g-tint-a),var(--g-tint-b));color:var(--g-tint-fg);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 14px rgba(var(--g-sh),.24);transition:transform .18s var(--g-ease),box-shadow .18s var(--g-ease)}
.gbtn:hover{transform:translateY(-1px)}.gbtn:active{transform:scale(.985)}
.gclear{display:inline-flex;align-items:center;min-height:44px;color:var(--g-link);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.gsrcf{max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-height .32s var(--g-ease),opacity .24s var(--g-ease),visibility 0s linear .32s}
.gsrcf.open{max-height:320px;opacity:1;visibility:visible;transition:max-height .32s var(--g-ease),opacity .24s var(--g-ease)}
.gfilters{display:flex;flex-wrap:wrap;gap:16px 36px;padding:20px 4px 6px}
.gfg{display:flex;flex-direction:column;gap:8px}
.gfg>span{font:700 11px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.gseg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--g-seg);border:1px solid var(--g-rim);box-shadow:inset 0 1px 2px rgba(var(--g-sh),.08)}
.gseg button{height:44px;padding:0 22px;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;font:600 13.5px/1 Inter,sans-serif;transition:background .18s var(--g-ease),transform .18s var(--g-ease)}
.gseg button:hover{background:var(--g-ctl)}.gseg button:active{transform:scale(.985)}
.gseg button.on{background:linear-gradient(180deg,var(--g-tint-a),var(--g-tint-b));color:var(--g-tint-fg);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 10px rgba(var(--g-sh),.22)}

/* meglévő elemek igazítása az új megjelenéshez */
body.gbody .scroll,body.gbody .card{border-radius:22px;border-color:var(--g-rim);background:var(--g-sheen),var(--g-panel);box-shadow:inset 0 1px 0 var(--g-hi),var(--g-sh2)}
body.gbody .grid th{background:var(--g-panel-solid)}
body.gbody .scroll{background:var(--g-panel)}
body.gbody h2.hasview{margin:6px 6px 14px}
body.gbody .bar input[type=search]{border-radius:16px}
body.gbody .bar button{background:linear-gradient(180deg,var(--g-tint-a),var(--g-tint-b));color:var(--g-tint-fg);border-radius:16px}
body.gbody h1{font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.01em}
body.gbody .filterbar{margin:0 6px 14px}
body.gbody .cnt{background:var(--g-soft);color:var(--g-soft-fg)}
body.gbody .hint{margin-left:6px}

/* ---------- 6. keskeny képernyő: fiók ---------- */
.gscrim{display:none}
@media (max-width:820px){
  .gshell{display:block}
  .gside{position:fixed;left:0;top:0;bottom:0;width:min(304px,86vw);height:auto;transform:translateX(-105%);transition:transform .34s var(--g-ease);z-index:60}
  .gshell.open .gside{transform:none}
  .gscrim{display:block;position:fixed;inset:0;z-index:50;background:rgba(14,18,40,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .3s var(--g-ease),visibility 0s linear .3s}
  .gshell.open .gscrim{opacity:1;visibility:visible;transition:opacity .3s var(--g-ease)}
  .gmain{padding:12px 14px 32px}
  .gtb{display:grid}
  .gshell.collapsed{--sbw:268px}
  .gshell.collapsed .gburger{transform:none}.gshell.collapsed .gbrand{opacity:1;pointer-events:auto}
  .gshell.collapsed .gnum,.gshell.collapsed .gni .glbl{opacity:1}.gshell.collapsed .gcats{display:flex}
  .gshell.collapsed .ggl{max-height:40px;opacity:1;padding:14px 0 6px 14px}
  .gshell.collapsed .gwho .gwt,.gshell.collapsed .glogout .glbl{opacity:1;width:auto}.gshell.collapsed .gwho,.gshell.collapsed .glogout{gap:12px}
  .gtop h1{font-size:26px}
  .gpanel{padding:16px}
  .gwl-wait,.gwl-arr{padding:12px;gap:12px}
  .gsearch{height:54px}.gbtn{height:54px}
  .gwl-item{min-width:0}
}

/* ---------- 7. tartalék / hozzáférhetőség ---------- */
@media (prefers-reduced-transparency:reduce){.gside{background:var(--g-side-solid)}.gpanel,body.gbody .scroll,body.gbody .card{background:var(--g-panel-solid)}.gscrim{-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-reduced-motion:reduce){.gshell,.gshell *,.gside{transition:none!important}}
@media (hover:none){.gni:hover,.gwl-item:hover,.glogout:hover,.gbtn:hover{transform:none}}

.gnt,.gnt *{transition:none!important}

/* kedvenc-jelölés (szív) a csempe-nézetben: a kép fölötti kör mindig világos, ezért a szív mindig sötét (kikapcsolva) vagy piros (kedvenc), sötét módban is */
body.gbody .scroll[data-view="tiles"] td:nth-child(2) .heart,body.gbody .mlist[data-view="tiles"] .mact .mk:has(.heart) .heart{color:#4a3a52;background:rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.35)}
body.gbody .scroll[data-view="tiles"] td:nth-child(2) .heart:hover,body.gbody .mlist[data-view="tiles"] .mact .mk:has(.heart) .heart:hover{color:#c0392b}
body.gbody .scroll[data-view="tiles"] td:nth-child(2) .heart.on,body.gbody .scroll[data-view="tiles"] td:nth-child(2) .heart[aria-pressed="true"],
body.gbody .mlist[data-view="tiles"] .mact .mk:has(.heart) .heart.on,body.gbody .mlist[data-view="tiles"] .mact .mk:has(.heart) .heart[aria-pressed="true"]{color:#c0392b}
/* várólista-jelölő (+ / pipa) a csempe-nézetben: a kör világos, a jel sötét lila; bekapcsolva telt lila kör fehér pipával, mindkét módban jól látszik */
body.gbody .scroll[data-view="tiles"] .wbtn,body.gbody .mlist[data-view="tiles"] .wbtn{background:rgba(255,255,255,.95);border:1px solid #54429a;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.35)}
body.gbody .scroll[data-view="tiles"] .wbtn::before,body.gbody .mlist[data-view="tiles"] .wbtn::before{color:#3b2f73}
body.gbody .scroll[data-view="tiles"] .wbtn.on,body.gbody .mlist[data-view="tiles"] .wbtn.on{background:#54429a;border-color:#54429a}
body.gbody .scroll[data-view="tiles"] .wbtn.on::before,body.gbody .mlist[data-view="tiles"] .wbtn.on::before{color:#fff}

/* ---------- 8. nyilvános (kilépett) oldalak: nyitóoldal, belépés, regisztráció – ugyanaz a liquid glass ---------- */
body.gpub{min-height:100vh}
.gpubbar{position:sticky;top:12px;z-index:20;display:flex;align-items:center;gap:10px;max-width:1100px;margin:12px auto 0;padding:8px 10px 8px 18px;min-height:60px;border-radius:22px;
  background:var(--g-sheen),var(--g-panel);border:1px solid var(--g-rim);box-shadow:inset 0 1px 0 var(--g-hi),inset 0 -1px 0 var(--g-shade),var(--g-sh2);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6)}
@media (max-width:1124px){.gpubbar{margin-left:12px;margin-right:12px}}
.gpubbar .brand .logo{height:38px}
.gpubbar .gsp{flex:1}
.gpubbar .gbtn,.gpubmain .gbtn{height:44px;padding:0 20px;border-radius:12px;font-size:14px}
.gbtn.ghost{background:var(--g-sheen),var(--g-ctl2);color:var(--ink);border-color:var(--g-rim);box-shadow:inset 0 1px 0 var(--g-hi),var(--g-sh1)}
.gpubmain{max-width:560px;margin:28px auto 0;padding:0 16px 24px}
.gpubmain.gland{max-width:1080px}
.gpubmain h1{margin:0 0 12px}
.gpubmain .lead,.gpubmain .sub{color:var(--mute)}
.gpubmain .card{padding:30px 28px}
.gpubmain label{display:block;margin:16px 0 6px;font:700 12px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.gpubmain input[type=email],.gpubmain input[type=password],.gpubmain input[type=text],.gpubmain input[type=tel],.gpubmain input:not([type]){width:100%;height:52px;padding:0 16px;border-radius:16px;border:1px solid var(--g-rim);background:var(--g-sheen),var(--g-ctl2);color:var(--ink);font:400 16px/1.2 Inter,sans-serif;box-shadow:inset 0 1px 0 var(--g-hi),inset 0 1px 3px rgba(var(--g-sh),.06)}
.gpubmain input:focus{outline:3px solid var(--g-focus);outline-offset:2px}
.gpubmain .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 28px;margin-top:20px;border-radius:16px;border:1px solid transparent;cursor:pointer;font:700 15px/1 Inter,sans-serif;text-decoration:none;
  background:linear-gradient(180deg,var(--g-tint-a),var(--g-tint-b));color:var(--g-tint-fg);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 14px rgba(var(--g-sh),.24);transition:transform .18s var(--g-ease)}
.gpubmain .btn:hover{transform:translateY(-1px)}.gpubmain .btn:active{transform:scale(.985)}
.gpubmain .btn.ghost{background:var(--g-sheen),var(--g-ctl2);color:var(--ink);border-color:var(--g-rim);box-shadow:inset 0 1px 0 var(--g-hi),var(--g-sh1)}
.gpubmain .alt{margin:18px 0 0;color:var(--mute)}.gpubmain a{color:var(--g-link)}
.gpubmain .alert,.gpubmain .notice{border-radius:16px}
.gpubfoot{max-width:560px;margin:8px auto 0;padding:0 16px 36px;text-align:center;color:var(--mute);font-size:14px}.gpubfoot a{color:var(--mute)}
/* nyitóoldal */
.gtag{text-align:center;color:var(--mute);margin:0 0 22px;font-size:16px}
.ghero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;align-items:stretch}
.gcopy{margin:0;padding:34px 32px}
.gcopy h1{font:800 clamp(32px,4.4vw,48px)/1.08 Inter,sans-serif;letter-spacing:-.015em}
.gsteps{margin:20px 0 6px;padding-left:22px;color:var(--mute)}.gsteps li{margin:8px 0}
.gbtns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.gbtns .gbtn{height:52px;padding:0 28px;border-radius:16px;font-size:15px}
.gnote{margin:18px 0 0;color:var(--mute);font-size:14px}
.gshow{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}
.gshow img{width:100%;height:100%;object-fit:cover;border-radius:22px;border:1px solid var(--g-rim);box-shadow:var(--g-sh2);display:block}
.gshow img:first-child{grid-row:1/3}
@media (max-width:860px){.ghero{grid-template-columns:minmax(0,1fr)}.gshow{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.gshow img:first-child{grid-row:auto}.gshow img{aspect-ratio:1/1;height:auto}.gcopy{padding:26px 22px}}
.gpubmain a.gbtn,.gpubmain a.btn{color:var(--g-tint-fg);text-decoration:none}
.gpubmain a.gbtn.ghost,.gpubmain a.btn.ghost{color:var(--ink)}
.gpubmain input[type=email],.gpubmain input[type=password],.gpubmain input[type=text],.gpubmain input[type=tel],.gpubmain input:not([type]){border-color:rgba(var(--g-sh),.22)}
.gpubmain input[type=checkbox]{width:20px;height:20px;accent-color:#54429a}
@media (max-width:520px){
  .gpubbar{gap:8px;padding:8px 8px 8px 12px}
  .gpubbar .brand .logo{height:32px}
  .gpubbar .topbar-theme-toggle{width:40px;height:40px}
  .gpubbar .gbtn{height:40px;padding:0 12px;font-size:13px}
}