@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --gp:#1a1a1a;--ga:#b8a06a;
  --bg:#f7f5f0;--surf:#fff;
  --bd:#e8e3db;--bd2:#d4cdc3;
  --ink:#1a1a1a;--ink2:#555;--ink3:#827765;--ink4:#bbb;
  --nh:56px;
  --powered-h:22px;
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:'DM Sans',system-ui,sans-serif;
  background:var(--bg);color:var(--ink);
  font-size:20px;line-height:1.7;
  max-width:640px;margin:0 auto;
  padding-bottom:calc(var(--nh) + var(--powered-h) + env(safe-area-inset-bottom,0px));
  -webkit-font-smoothing:antialiased;
}
/* Όταν υπάρχει sticky ad, reserve extra space κάτω ώστε να μη κρύβεται το content */
body.has-sticky-ad{
  padding-bottom:calc(var(--nh) + var(--powered-h) + 62px + env(safe-area-inset-bottom,0px));
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

/* ── HERO ──────────────────────────────────────────── */
.g-hero{position:relative;height:56vw;max-height:340px;min-height:220px;overflow:hidden}
.g-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);transition:transform 12s ease}
.g-hero:hover .g-hero-bg{transform:scale(1)}
.g-hero-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.70) 0%,rgba(0,0,0,.25) 40%,transparent 100%)}
.g-hero-inner{position:absolute;inset:0;display:flex;flex-direction:column;padding:16px 18px 18px}
.g-hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto}
.g-langs{display:flex;gap:3px}
.g-lang{padding:3px 6px;border:2px solid transparent;border-radius:6px;font-size:25px;line-height:1;background:rgba(255,255,255,.2);backdrop-filter:blur(4px);transition:all .2s;opacity:.85}
.g-lang.on{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.9);opacity:1}
.g-logo{height:36px;max-width:90px;object-fit:contain;opacity:.9}
.g-hero-bottom{display:flex;flex-direction:column;gap:3px}
.g-eyebrow{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#fff}
.g-name{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,9vw,50px);font-weight:400;color:#fff;line-height:1.1;letter-spacing:.01em}
.g-loc{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:300;color:#F3F5F7;letter-spacing:.06em;margin-top:2px}

/* ── WEATHER BAR ────────────────────────────────────── */
.g-wbar{background:#1c2b3a;display:flex;align-items:center;justify-content:space-between;padding:0px 16px 7px 16px; border-bottom:1px #C8BCBE solid;border-top:1px #C8BCBE solid}
.g-wbar-left{display:flex;align-items:center;gap:6px}
.g-wdot{width:5px;height:5px;border-radius:50%;background:var(--ga);flex-shrink:0}
.g-wdate{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:300;color:#DFE3EC;letter-spacing:.04em}
.g-wtemp{display:flex;align-items:center;gap:5px}
.g-wtnum{font-family:'Playfair Display',Georgia,serif;font-size:23px;font-weight:300;color:rgba(255,255,255,.85)}
.g-wloc{font-size:10px;color:rgba(255,255,255,.35);font-weight:300}

/* ── INFO BAR ─────────────────────────────────────── */
.g-ibar{display:flex;background:#1a2e4a;border-bottom:3px solid var(--ga)}
.g-ib{flex:1;display:flex;flex-direction:column;align-items:center;padding:11px 4px;border-right:1px solid rgba(255,255,255,.1)}
.g-ib:last-child{border-right:none}
.g-ib-l{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#DFE3EC;margin-bottom:3px}
.g-ib-v{font-family:Georgia,serif;font-size:28px;font-weight:600;color:#fff}
.g-ib-sub{font-size:12px;color:rgba(255,255,255,.4);margin-top:1px;font-family:'DM Sans',sans-serif;font-weight:300}
.g-ib-tap{cursor:pointer;transition:background .15s}
.g-ib-tap:hover{background:rgba(255,255,255,.08)}

/* ── QUICK BAR ──────────────────────────────────────── */
.g-qbar{display:flex;background:var(--surf);border-bottom:1px solid var(--bd)}
.g-qb{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;cursor:pointer;transition:background .15s;border-right:1px solid var(--bd)}
.g-qb:last-child{border-right:none}
.g-qb:hover{background:#faf8f4}
.g-qb svg{display:block;flex-shrink:0}
.g-qb-label{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3)}

/* ── WELCOME ────────────────────────────────────────── */
.g-welcome{display:flex;gap:10px;align-items:flex-start;padding:16px 18px;background:#fffdf6;border-bottom:1px solid #e8dfc8;margin-top: 10px;position:relative}
.g-welcome::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--ga),rgba(184,160,106,.2))}
.g-wt{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:16px;color:#6b5220;line-height:1.8}

/* ── PANELS ─────────────────────────────────────────── */
.g-panel{display:none;background:var(--bg)}
.g-panel.active{display:block;animation:gfade .2s ease}
@keyframes gfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ── HOME GRID ──────────────────────────────────────── */
.g-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;background:var(--bg)}
.g-hcard{background:var(--surf);padding:16px 14px 14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;position:relative;overflow:hidden;border-radius:14px;border:0.5px solid var(--bd);transition:all .2s;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.g-hcard:hover{border-color:var(--ga);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.g-hcard:active{transform:translateY(0);opacity:.9}
.g-hcard-icon{width:40px;height:40px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center}
.g-hcard-title{font-family:'Playfair Display',Georgia,serif;font-size:17px;font-weight:400;color:var(--ink);line-height:1.25}
.g-hcard-sub{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:300;color:var(--ink4);line-height:1.4}

/* ── SECTION LABEL ──────────────────────────────────── */
.g-slabel{padding:12px 18px 8px;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ga);border-bottom:1px solid var(--bd);background:var(--bg)}
.g-slabel-dark{background:#1c2b3a;color:rgba(255,255,255,.35);border-bottom-color:#0f1d28}

/* ── STAT GRID ──────────────────────────────────────── */
.g-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd)}
.g-stat{background:var(--surf);padding:12px 10px;display:flex;flex-direction:column;gap:3px}
.g-sl{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.g-sv{font-family:'Playfair Display',Georgia,serif;font-size:25px;font-weight:400;color:var(--ink);line-height:1.1}
.g-sv-sm{font-size:18px}

/* ── WIFI ───────────────────────────────────────────── */
.g-wifi{background:#1a2e1f;cursor:pointer;border-bottom:1px solid #111e14;transition:background .2s}
.g-wifi:active{background:#111a13}
.g-wifi-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 8px}
.g-wifi-lbl{font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.g-wifi-hint{font-size:12px;color:rgba(255,255,255,.35);font-weight:300}
.g-wifi-row{display:flex;flex-direction:column;gap:14px;padding:0 18px 16px}
.g-wifi-net{font-size:20px;font-weight:500;color:#fff;margin-bottom:8px;letter-spacing:.02em}
.g-wifi-pw{font-family:'DM Sans',sans-serif;font-weight:500;font-size:21px;letter-spacing:.08em;color:#fff;word-break:break-all}
.g-wifi-copybtn{flex-shrink:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:10px 14px;color:rgba(255,255,255,.65);font-size:14px;font-weight:500;letter-spacing:.08em;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:4px}
.g-wifi-copybtn:hover{background:rgba(255,255,255,.2);color:#fff}
.g-wifi-copybtn svg{display:block}

/* ── ROWS (address, transport) ──────────────────────── */
.g-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--bd);background:var(--surf);transition:background .15s;cursor:pointer}
.g-row:last-child{border-bottom:none}
.g-row:hover{background:#faf8f4}
.g-row-ico{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:var(--bg)}
.g-row-ico svg{display:block}
.g-row-body{flex:1;min-width:0}
.g-row-title{font-size:18px;font-weight:400;color:var(--ink)}
.g-row-sub{font-size:14px;color:var(--ink3);font-weight:300;margin-top:1px}
.g-row-acts{display:flex;gap:6px;flex-shrink:0}
.g-circ-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--bd);background:var(--bg);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .15s;flex-shrink:0}
.g-circ-btn:hover{background:var(--gp);border-color:var(--gp);filter:brightness(0)invert(1)}
.g-circ-btn svg{display:block}

/* ── RULES ──────────────────────────────────────────── */
.g-rule{display:flex;gap:10px;align-items:flex-start;padding:11px 18px;border-bottom:1px solid var(--bd);background:var(--surf);font-size:16px;color:var(--ink2)}
.g-rule:last-child{border-bottom:none}
.g-rule::before{content:'—';color:var(--ga);flex-shrink:0;margin-top:1px}

/* ── PLACES ─────────────────────────────────────────── */
.g-catbar{display:flex;flex-wrap:wrap;gap:2px;background:var(--surf);border-bottom:1px solid var(--bd);padding:4px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.g-cat{flex:0 0 auto;padding:7px 11px;border:none;background:none;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);cursor:pointer;border-radius:6px;transition:all .2s;white-space:nowrap}
.g-cat:hover{color:var(--ink);background:var(--bg)}
.g-cat.on{color:#fff;background:var(--gp)}
.g-vbar{display:flex;background:var(--surf);border-bottom:1px solid var(--bd)}
.g-vb{flex:1;padding:9px;border:none;background:none;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}
.g-vb.on{color:var(--gp);border-bottom-color:var(--ga)}

.g-place{display:flex;background:var(--surf);border-bottom:1px solid var(--bd)}
.g-place:last-child{border-bottom:none}
.g-place:hover{background:#fdfcf9}
.g-pi{width:108px;height:108px;object-fit:cover;flex-shrink:0}
.g-pni{width:108px;height:108px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:32px}
.g-pb{flex:1;padding:13px 13px 11px;min-width:0}
.g-ptags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.g-pn{font-family:'Playfair Display',Georgia,serif;font-size:23px;font-weight:400;color:var(--ink);line-height:1.25;margin-bottom:3px}
.g-pnt{font-size:16px;color:var(--ink3);font-style:italic;line-height:1.5;margin-bottom:5px;font-weight:300}
.g-pa{font-size:14px;color:var(--ink3);margin-bottom:8px;font-weight:300}
.g-pacts{display:flex;flex-wrap:wrap;gap:5px}

/* ── TIPS GRID ──────────────────────────────────────── */
.g-tipgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bd)}
.g-tc{background:var(--surf);display:flex;flex-direction:column;transition:background .2s;cursor:default}
.g-tc:hover{background:#fdfcf9}
.g-tci{width:100%;height:120px;object-fit:cover;display:block}
.g-tcni{height:120px;display:flex;align-items:center;justify-content:center;font-size:34px}
.g-tcb{padding:12px 13px 14px}
.g-tcc{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ga);margin-bottom:3px}
.g-tcn{font-family:'Playfair Display',Georgia,serif;font-size:20px;font-weight:400;color:var(--ink);line-height:1.25;margin-bottom:4px}
.g-tct{font-size:15px;color:var(--ink3);font-style:italic;line-height:1.5;margin-bottom:8px;font-weight:300}
.g-tcacts{display:flex;gap:5px;flex-wrap:wrap}
.g-gems{background:#0f1d28}
.g-gems .g-tc{background:#111}
.g-gems .g-tc:hover{background:#161616}
.g-gems .g-tcc{color:var(--ga)}
.g-gems .g-tcn{color:#fff}
.g-gems .g-tct{color:rgba(255,255,255,.4)}
.g-gems .g-tcni{background:#0a0a0a}

/* ── TAGS ───────────────────────────────────────────── */
.g-tag{display:inline-flex;align-items:center;padding:3px 9px;font-size:13px;font-weight:500;letter-spacing:.07em;text-transform:uppercase}
.g-tg{background:#f0fdf4;color:#166534}
.g-tr{background:#fef2f2;color:#991b1b}
.g-ta{background:#fffbeb;color:#92400e}
.g-tb{background:#f0f4ff;color:#3730a3}

/* ── BUTTONS ────────────────────────────────────────── */
.g-btn{display:inline-flex;align-items:center;gap:5px;padding:9px 16px;border:1px solid var(--bd);font-family:'DM Sans',sans-serif;font-size:15px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);background:var(--bg);cursor:pointer;transition:all .15s}
.g-btn:hover{border-color:var(--gp);color:var(--gp)}
.g-btn-dark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.7)}
.g-btn-dark:hover{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.35)}
.g-btn-solid{background:var(--gp);color:#fff;border-color:var(--gp)}
.g-btn-solid:hover{opacity:.88;color:#fff}
.g-vis.on{background:#f0fdf4;color:#166534;border-color:#bbf7d0}

/* ── CONTACT ────────────────────────────────────────── */
.g-crow{display:flex;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid var(--bd);background:var(--surf);transition:background .15s;-webkit-tap-highlight-color:transparent}
.g-crow:last-child{border-bottom:none}
.g-crow:hover{background:#faf8f4}
.g-cico{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}
.g-cl{font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:2px}
.g-cv{font-size:20px;font-weight:400;color:var(--ink)}
.g-carr{font-size:21px;color:var(--bd2);margin-left:auto}

/* ── EMERGENCY ──────────────────────────────────────── */
.g-emg{background:#0d0d0d;border-top:1px solid #1e1e1e}
.g-emg .g-slabel-dark{background:#0d0d0d;color:rgba(255,255,255,.32);letter-spacing:.14em}
/* Σκούρο grid — 4 βασικοί */
.g-emgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1c1c1c}
.g-emb{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;background:#0f0f0f;text-decoration:none;transition:background .18s;gap:4px}
.g-emb:active,.g-emb:hover{background:#141414}
.g-emi{font-size:18px;line-height:1;opacity:.9}
.g-emn{font-family:'Playfair Display',Georgia,serif;font-size:30px;font-weight:300;color:#fff;line-height:1.1;letter-spacing:-.01em}
.g-eml{font-size:10px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-top:2px}
/* Λευκό grid — 4 επιπλέον σε 1 γραμμή */
.g-emgrid-light{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;background:#e5e7eb;border-top:1px solid #e5e7eb}
.g-embl{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 4px;background:#fff;text-decoration:none;transition:background .18s;gap:3px}
.g-embl:active,.g-embl:hover{background:#f9fafb}
.g-emli{font-size:16px;line-height:1}
.g-emln{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:400;color:#1a1a1a;line-height:1.1;letter-spacing:-.01em}
.g-emll{font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;margin-top:2px}
.g-emxt{font-size:13px;color:rgba(255,255,255,.3);padding:9px 18px;font-weight:300}
.g-emnote{font-size:12px;color:#1a1a1a;background:#fff;padding:12px 18px 18px;font-weight:400;line-height:1.6;border-top:1px solid #e5e7eb}

/* ── SHARE ───────────────────────────────────────────── */
.g-share{padding:16px 18px 20px;background:var(--surf);border-top:1px solid var(--bd)}
.g-share-label{font-size:11px;font-weight:500;color:var(--ink3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.g-share-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.g-share-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 4px;border-radius:8px;font-size:11px;font-weight:500;text-decoration:none;border:1px solid var(--bd);background:var(--bg);color:var(--ink);cursor:pointer;transition:all .15s;font-family:'DM Sans',sans-serif;white-space:nowrap;overflow:hidden}
.g-share-btn svg{flex-shrink:0;width:16px;height:16px}
.g-share-btn:active,.g-share-btn:hover{opacity:.85;transform:scale(.98)}
.g-share-wa{background:#25d366;color:#fff;border-color:#25d366}
.g-share-vb{background:#7360f2;color:#fff;border-color:#7360f2}
.g-share-fb{background:#1877f2;color:#fff;border-color:#1877f2}
.g-share-copy{background:var(--bg);color:var(--ink);border-color:var(--bd)}
.g-share-ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-color:transparent}
.g-share-email{background:var(--bg);color:var(--ink);border-color:var(--bd)}
.g-rate{padding:22px 18px;background:var(--surf);border-top:1px solid var(--bd)}
.g-rate-title{font-family:'Playfair Display',Georgia,serif;font-size:25px;font-weight:400;margin-bottom:3px}
.g-rate-sub{font-size:14px;font-weight:300;color:var(--ink3);letter-spacing:.04em;margin-bottom:14px}
.g-stars{display:flex;gap:5px}
.g-star{font-size:30px;cursor:pointer;transition:transform .15s;filter:grayscale(1);opacity:.25;display:inline-block}
.g-star.on{filter:none;opacity:1;transform:scale(1.1)}

/* ── EVENTS ─────────────────────────────────────────── */
.g-event{display:flex;gap:14px;padding:15px 18px;border-bottom:1px solid var(--bd);background:var(--surf)}
.g-event:last-child{border-bottom:none}
.g-ev-badge{width:50px;height:50px;flex-shrink:0;background:var(--gp);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.g-ev-day{font-family:'Playfair Display',Georgia,serif;font-size:25px;font-weight:300;line-height:1}
.g-ev-mon{font-size:9px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;opacity:.6}
.g-ev-title{font-size:17px;font-weight:500;color:var(--ink);margin-bottom:2px}
.g-ev-loc{font-size:14px;color:var(--ink3);margin-bottom:4px}
.g-ev-body{flex:1}

/* ── FAQ ────────────────────────────────────────────── */
.g-faq{border-bottom:1px solid var(--bd);background:var(--surf)}
.g-faq:last-child{border-bottom:none}
.g-fq{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:none;border:none;font-family:'DM Sans',sans-serif;font-size:18px;font-weight:400;color:var(--ink);cursor:pointer;text-align:left;gap:12px;transition:background .15s}
.g-fq:hover{background:#faf8f4}
.g-fa{font-size:18px;color:var(--bd2);transition:transform .25s;flex-shrink:0}
.g-fq.on .g-fa{transform:rotate(180deg);color:var(--ga)}
.g-fqb{display:none;padding:0 18px 13px;font-size:16px;color:var(--ink2);line-height:1.7;font-weight:300}
.g-fqb.on{display:block}

/* ── AD ─────────────────────────────────────────────── */
.g-ad{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--surf);border-bottom:1px solid var(--bd);cursor:pointer}
.g-ad-badge{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);border:1px solid var(--bd);padding:2px 5px;flex-shrink:0}
.g-ad-img{width:44px;height:32px;object-fit:cover;flex-shrink:0}

/* ── PLACES LIST ────────────────────────────────────── */
.g-place{display:flex;gap:0;background:var(--surf);border-radius:12px;margin:8px 12px;overflow:hidden;border:0.5px solid var(--bd);box-shadow:0 1px 4px rgba(0,0,0,.04);transition:all .2s}
.g-place:hover{box-shadow:0 4px 14px rgba(0,0,0,.09);transform:translateY(-1px)}
.g-pi{width:90px;min-height:90px;object-fit:cover;flex-shrink:0}
.g-pni{width:90px;min-height:90px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:32px;background:var(--bg)}
.g-pb{padding:11px 13px;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}
.g-ptags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:2px}
.g-pn{font-family:'Playfair Display',Georgia,serif;font-size:17px;font-weight:400;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-pnt{font-size:13px;font-style:italic;color:var(--ink3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.g-pa{font-size:13px;color:var(--ink4);margin-top:1px}
.g-pacts{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}

/* ── BOTTOM NAV ─────────────────────────────────────── */
.g-bnav{position:fixed;bottom:var(--powered-h);left:50%;transform:translateX(-50%);width:100%;max-width:640px;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border-top:0.5px solid var(--bd);display:flex;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0px);z-index:999;height:calc(var(--nh) + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 24px rgba(0,0,0,.07)}
.g-powered{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:640px;height:var(--powered-h);background:rgba(255,255,255,.98);display:flex;align-items:center;justify-content:center;z-index:998;border-top:0.5px solid var(--bd)}
.g-powered a{font-size:11px;color:rgba(0,0,0,.38);text-decoration:none;letter-spacing:.06em;font-weight:400;font-family:'DM Sans',sans-serif}
.g-powered a:hover{color:rgba(0,0,0,.6)}
.g-bt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;cursor:pointer;color:var(--ink4);font-family:'DM Sans',sans-serif;transition:all .2s;-webkit-tap-highlight-color:transparent;position:relative;min-width:0;padding:0}
.g-bt.on{color:#1a2e4a}
.g-bt.on::before{content:'';position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--ga);border-radius:0 0 3px 3px}
.g-bi{display:flex;align-items:center;justify-content:center;width:22px;height:22px;transition:transform .2s}
.g-bt.on .g-bi{transform:translateY(-1px)}
.g-bl{font-size:10px;font-weight:500;letter-spacing:0;text-transform:uppercase;text-align:center;line-height:1.2;word-break:break-word;max-width:100%}
.g-bt:last-child{padding-right:8px}

/* ── TOAST ──────────────────────────────────────────── */
.g-toast{position:fixed;bottom:calc(var(--nh) + 12px);left:50%;transform:translateX(-50%) translateY(8px);background:var(--gp);color:#fff;padding:11px 22px;font-size:16px;font-weight:500;letter-spacing:.04em;z-index:9999;opacity:0;pointer-events:none;transition:all .3s ease}
.g-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── MISC ───────────────────────────────────────────── */
.g-empty{text-align:center;padding:48px 20px;color:var(--ink3);font-size:15px;font-weight:300}

/* ── RESPONSIVE ─────────────────────────────────────── */
@media(max-width:360px){
  .g-name{font-size:21px}
  .g-statgrid{grid-template-columns:repeat(2,1fr)}
  .g-tipgrid{grid-template-columns:1fr}
  .g-pi,.g-pni{width:85px;height:85px}
}
@media(min-width:500px){
  .g-hero{max-height:320px}
}

/* WiFi side-by-side */
.g-wifi-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.g-wifi-col{display:flex;flex-direction:column;gap:4px}
.g-wifi-lbl2{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.g-wifi-copybtn{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  padding:6px 12px;color:rgba(255,255,255,.7);
  font-family:'DM Sans',sans-serif;
  font-size:13px;font-weight:500;letter-spacing:.06em;
  cursor:pointer;transition:all .15s;
}
.g-wifi-copybtn:hover{background:rgba(255,255,255,.22);color:#fff}

/* ── REVIEW ─────────────────────────────────────────────── */
.g-rv-row{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--bd);background:var(--surf);gap:12px}
.g-rv-label{font-size:16px;font-weight:500;color:var(--ink);flex:1}
.g-rv-stars{display:flex;align-items:center;gap:2px;flex-shrink:0}
.g-rv-star{font-size:30px;cursor:pointer;color:#d1d5db;transition:color .15s,transform .1s;line-height:1;padding:4px 3px;-webkit-tap-highlight-color:transparent;user-select:none}
.g-rv-star.on{color:#f59e0b}
.g-rv-star.sel{color:#f59e0b}
.g-rv-star:hover{transform:scale(1.15)}
.g-rv-hint{display:none}
/* ============================================================
   PLACES GRID + ADS STYLES (v4 — tips-style layout, 2 per row)
   Append to /welcome/assets/css/guide.css
   Αν υπάρχουν παλιά ads/places styles, αντικατέστησέ τα.
   ============================================================ */

/* ── Places list — tips-style, 1 ανά γραμμή ── */
.g-places-grid {
  display: block;
}

/* Place card: ΑΚΡΙΒΩΣ σαν τα tips rows */
.g-place-card {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--bd);
  background: var(--surf);
  align-items: flex-start;
}

/* Thumbnail αριστερά, 80×80 */
.g-place-card-thumb {
  width: 150px;
  height: 100px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}
.g-place-card-thumb-noimg {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  width: 150px;
  height: 100px;
}

.g-place-card-body {
  flex: 1;
  min-width: 0;
}

.g-place-card-name {
  font-size: 16px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 3px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.25;
}

.g-place-card-note {
  font-size: 13px;
  color: var(--ink2);
  font-style: italic;
  margin-bottom: 5px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.g-place-card-addr {
  font-size: 12px;
  color: var(--ink3);
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.g-place-card-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}

/* ── NATIVE AD: ΙΔΙΑ δομή με place card + διακριτικό badge ── */
.g-place-card-ad {
  text-decoration: none;
  color: inherit;
  background: linear-gradient(to right, #fffdf7, var(--surf));
  border-left: 3px solid #eab308;
  transition: background .15s;
}
.g-place-card-ad:hover {
  background: linear-gradient(to right, #fef9c3, #fffdf7);
}

.g-place-card-ad-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  background: #fef3c7;
  color: #92400e;
  padding: 2px 8px;
  border-radius: 10px;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

/* ── STICKY FOOTER AD (πάνω από το bottom nav) ── */
.g-sticky-ad {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(var(--nh) + env(safe-area-inset-bottom, 0px));
  width: 100%;
  max-width: 640px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: #fff;
  border-top: 1px solid var(--bd);
  text-decoration: none;
  color: inherit;
  z-index: 998;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, .06);
  transition: transform .2s;
}
.g-sticky-ad:active {
  background: #f9fafb;
}

.g-sticky-ad-img {
  width: 38px;
  height: 38px;
  object-fit: cover;
  border-radius: 6px;
  flex-shrink: 0;
}

.g-sticky-ad-text {
  flex: 1;
  min-width: 0;
}

.g-sticky-ad-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.g-sticky-ad-brand {
  font-size: 10px;
  color: var(--ink3);
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  gap: 6px;
}

.g-sticky-ad-badge {
  font-size: 8px;
  font-weight: 600;
  background: #f3f4f6;
  color: #6b7280;
  padding: 1px 6px;
  border-radius: 8px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.g-sticky-ad-arrow {
  font-size: 22px;
  color: var(--ink3);
  font-weight: 300;
  flex-shrink: 0;
}

/* AdSense sticky variant (no img/arrow, just the ad) */
.g-sticky-ad.g-sticky-ad-adsense {
  display: block;
  padding: 0;
  min-height: 60px;
  position: relative;
}

/* ── Legal footer links (privacy, terms, cookies) ── */
.g-legal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 20px 16px 12px;
  font-size: 11px;
  color: var(--ink3);
  flex-wrap: wrap;
}
.g-legal-footer a {
  color: var(--ink3);
  text-decoration: none;
  transition: color .15s;
}
.g-legal-footer a:hover {
  color: var(--ink);
  text-decoration: underline;
}
.g-legal-footer span {
  color: #d1d5db;
}

/* ══════════════════════════════════════════════════════════════
   🔌 DEVICES (Ηλεκτρικές Συσκευές)
   ══════════════════════════════════════════════════════════════ */

/* Devices list inside p-property */
.g-devices-list {
  padding: 8px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Each device row (like tips-style card) */
.g-device-acc{border:1px solid var(--bd);border-radius:10px;overflow:hidden;background:#fff}
.g-device-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: background .15s;
  font-family: 'DM Sans', sans-serif;
}
.g-device-row:hover,
.g-device-row:active {
  background: #faf8f3;
}
.g-device-row-noclick{cursor:default}
.g-device-row-noclick:hover{background:#fff}
.g-device-body-exp{display:none;padding:0 14px 14px;border-top:1px solid var(--bd)}
.g-device-body-exp.on{display:block}
.g-device-section{margin-bottom:14px}
.g-device-section:last-child{margin-bottom:0}
.g-device-section-label{font-size:12px;font-weight:600;color:var(--ink3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.g-device-section-text{font-size:14px;color:var(--ink2);line-height:1.7;font-weight:300;white-space:pre-line}
.g-device-photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.g-device-photo-thumb{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--bd)}

/* Thumbnail photo */
.g-device-thumb {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}

/* Icon fallback (when no photo) */
.g-device-icon {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  background: #f0ece4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  flex-shrink: 0;
}

.g-device-body {
  flex: 1;
  min-width: 0;
}

.g-device-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 15px;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.3;
  margin-bottom: 2px;
}

.g-device-hint {
  font-size: 11px;
  color: var(--ink3);
}

.g-device-arrow {
  color: var(--ink3);
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  flex-shrink: 0;
}

/* Detail view (inline, replaces the list within the same panel) */
.g-device-detail {
  padding: 10px 12px 16px;
}

.g-device-detail-back {
  padding: 8px 4px 14px;
  border-bottom: 1px solid var(--bd);
  margin-bottom: 16px;
}

.g-device-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--ink3);
  padding: 0;
}

.g-device-back:hover {
  color: var(--ink);
}

.g-device-detail-content {
  /* inline — no max-width or centering needed */
}

/* Hero section inside device panel */
.g-device-hero {
  text-align: center;
  padding: 14px 0 22px;
  border-bottom: 1px solid var(--bd);
  margin-bottom: 20px;
}

.g-device-hero-img {
  width: 100%;
  max-width: 280px;
  max-height: 240px;
  object-fit: cover;
  border-radius: 12px;
  margin: 0 auto 14px;
  display: block;
}

.g-device-hero-icon {
  font-size: 72px;
  line-height: 1;
  margin-bottom: 14px;
}

.g-device-hero-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 24px;
  font-weight: 500;
  color: var(--ink);
  margin: 0;
  line-height: 1.2;
}

/* Sections (Instructions / Troubleshooting) */
.g-device-section {
  margin-bottom: 22px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid var(--bd);
  border-radius: 10px;
}

.g-device-section-trb {
  background: #fffbeb;
  border-color: #fde68a;
}

.g-device-section-title {
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
  margin: 0 0 10px;
  text-transform: none;
  letter-spacing: 0;
}

.g-device-text {
  font-size: 14px;
  color: #374151;
  line-height: 1.65;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* Device extra photos gallery */
.g-device-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-bottom: 22px;
}

.g-device-gallery-item {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--bd);
  background: #f0ece4;
  cursor: pointer;
  transition: transform .15s;
}

.g-device-gallery-item:hover {
  transform: scale(1.02);
}

.g-device-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.g-device-hero-img {
  cursor: pointer;
}