/* =====================================================================
   2steps.gr – 2steps.css (21/10/2026)
   Όλα τα χρώματα και τα μεγέθη του site. Βάση: σχέδιο «Θέμα – Τολμηρή, λευκή» (ThemeLight), με τους χαρακτήρες του admin (Commissioner).
   ===================================================================== */
:root{
  --bg:#FFFFFF; --ink:#15171A; --ink0:#0C0D0F; --text:#3A3D43; --mute:#6A6E76;
  --line:#E3E3DE; --line2:#D6D6D0; --soft:#F4F4F0;
  --acc:#2438E8; --acc-d:#1626B0; --acc-s:#ECEFFE; --red:#D92D20;
  --lime:#D4FF3A; --cap-bg:rgba(14,26,107,.6);   /* λεζάντα: λάιμ γράμματα σε διάφανο σκούρο μπλε */
  --sans:Commissioner, system-ui, sans-serif; --serif:var(--sans);   /* όλο το site σε Commissioner, όπως το admin */
  --r-s:10px; --r-m:18px; --r-l:22px;
  --wrap:1400px; --gut:32px;
  --shadow:14px 16px 32px rgba(0,0,0,.22), 4px 4px 10px rgba(0,0,0,.10);
}
*{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}
a{color:var(--acc);text-decoration:none}
a:hover{color:var(--acc-d)}
img{max-width:100%}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.skip{position:absolute;left:-9999px;top:8px;z-index:60;background:var(--ink0);color:#fff;padding:10px 16px;border-radius:999px}
.skip:focus{left:16px;color:#fff}

/* ---------- Κεφαλίδα ---------- */
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px var(--gut);border-bottom:1px solid var(--line);flex-wrap:wrap}
.logo{font-family:var(--sans);font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1;color:var(--ink0)}
.logo span{color:var(--acc)}
a.logo:hover{color:var(--ink0)}
.crumbs{flex:1 1 300px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink)}
.crumbs a{color:var(--ink)}
.crumbs a:hover{color:var(--acc)}
.crumbs a[aria-current]{color:var(--ink)}
.ibtn{flex:0 0 auto;width:44px;height:44px;border-radius:999px;border:1px solid var(--line2);background:var(--bg);color:var(--ink);display:inline-flex;align-items:center;justify-content:center}
.ibtn:hover{border-color:var(--acc);color:var(--acc)}
.ibtn[aria-expanded="true"]{border-color:var(--acc);color:var(--acc)}
.tbtns{flex:0 0 auto;display:flex;gap:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Αναζήτηση: μπάρα κάτω από την κεφαλίδα ---------- */
.sbar{border-bottom:1px solid var(--line);background:var(--soft)}
.sbar-in{display:flex;gap:10px;padding-top:12px;padding-bottom:12px}
.sbar input,.sform input,.sform select{width:100%;height:44px;padding:0 14px;border:1px solid var(--line2);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:15px}
.sbar input{flex:1 1 auto;min-width:0}
.sbar .sclose{background:#fff}
.sform .acts{align-items:center}
.sbar input:focus,.sform input:focus,.sform select:focus{outline:2px solid var(--acc);outline-offset:-1px;border-color:var(--acc)}
button.pill{font:inherit;font-size:14px;font-weight:600;background:#fff;cursor:pointer}
button.pill.dark{background:var(--ink0)}
/* Σελίδα αναζήτησης */
.sform{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:8px;padding:18px;border-radius:var(--r-l);background:var(--soft)}
.sform .f{display:flex;flex-direction:column;gap:4px;flex:1 1 220px;min-width:0}
.sform .f.q{flex:2 1 320px}
.sform label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mute)}
.sform select:disabled{background:var(--soft);color:var(--mute)}
.sform .acts{display:flex;gap:8px;flex-wrap:wrap}
.smeta{margin:0 0 12px;color:var(--mute);font-size:15px}
.smeta b{color:var(--ink)}
.stbl-w{overflow-x:auto;margin-bottom:28px}
.stbl{width:100%;border-collapse:collapse;font-size:15px}
.stbl th{padding:10px 12px;border-bottom:1px solid var(--line2);text-align:left;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.stbl td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--text)}
.stbl tr[data-href]{cursor:pointer}
.stbl tbody tr:hover td{background:var(--acc-s)}
.stbl .th{width:120px}
.stbl .th img{display:block;width:96px;height:64px;object-fit:cover;border-radius:10px;background:var(--soft)}
.stbl .tt a{color:var(--ink);font-weight:700}
.stbl tbody tr:hover .tt a{color:var(--acc)}
.stbl .dt{white-space:nowrap;font-variant-numeric:tabular-nums}

/* ---------- Μενού (☰ → πάνελ, ακορντεόν) ---------- */
.mpanel{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:rgba(12,13,15,.35)}
.mpanel-in{width:min(420px,100%);height:100%;overflow-y:auto;background:var(--bg);padding:18px 22px 48px;box-shadow:-10px 0 30px rgba(0,0,0,.15)}
.mhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mhome{display:flex;align-items:center;min-height:48px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line)}
.menu ul{list-style:none;margin:0;padding:0}
.menu>ul>li{border-bottom:1px solid var(--line)}
.menu summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;font-weight:700}
.menu summary::-webkit-details-marker{display:none}
.menu summary::after{content:"+";font-size:22px;font-weight:400;color:var(--mute)}
.menu details[open]>summary::after{content:"–"}
.menu summary:hover{color:var(--acc)}
.menu a,.menu .mh{display:flex;align-items:center;min-height:44px;color:var(--ink);font-size:15px}
.menu a:hover{color:var(--acc)}
.menu a[aria-current]{color:var(--acc);font-weight:700}
.menu ul ul{padding:0 0 10px 12px}
.menu ul ul summary{font-size:15px;font-weight:600;min-height:44px}
.menu ul ul ul{padding-left:14px;border-left:1px solid var(--line)}
.menu .all{font-size:13px;color:var(--acc);min-height:36px;padding-left:12px}

/* ---------- Διαφημίσεις ---------- */
.ad{margin:16px 0;min-height:90px;text-align:center}
.ad-l{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
.ad-side{min-height:250px}
/* Προεπισκόπηση διαφημίσεων (AdPreview = 1): γκρι πλαίσια στο πραγματικό μέγεθος */
.ad-ph{display:flex;align-items:center;justify-content:center;margin:0 auto;max-width:100%;border:1px dashed var(--line2);border-radius:6px;background:repeating-linear-gradient(45deg,#F1F1EC 0 10px,#E8E8E2 10px 20px);color:var(--mute);font-size:13px;font-weight:700;letter-spacing:1px}
.ad-ph-top,.ad-ph-bottom{width:728px;height:90px}
.ad-ph-side{width:300px;height:250px}
.ad-ph .m{display:none}

/* ---------- Κουμπιά ---------- */
.pill{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);color:var(--ink);font-size:14px;font-weight:600}
.pill span{font-size:20px;line-height:1}
.pill:hover{border-color:var(--acc);color:var(--acc)}
.pill.dark{background:var(--ink0);border-color:var(--ink0);color:#fff}
.pill.dark:hover{background:var(--acc);border-color:var(--acc);color:#fff}
.pill.off{visibility:hidden}
.notice{margin:24px 0 0;padding:12px 16px;border-radius:12px;background:var(--acc-s);color:var(--ink)}
.notice.err{background:#FDECEA;color:#7A1A12}

/* ---------- Θέμα: πάνω μέρος ---------- */
.pn{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:28px}
.pn-pos{font-size:13px;color:var(--mute)}
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:20px;padding-bottom:16px}
.hero-t{display:flex;flex-direction:column;gap:6px;min-width:0}
/* Κατηγορία πάνω από τον τίτλο: «ΖΩΑ › ΓΑΤΕΣ» */
.tcat{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:15px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--acc)}
.tcat a{color:var(--acc)}
.tcat a:hover{color:var(--acc-d);text-decoration:underline}
.tcat .sep{color:var(--mute);font-weight:400}
.hero h1{margin:0;max-width:32ch;font-family:var(--sans);font-weight:800;font-size:clamp(24px,3vw,38px);line-height:1.1;letter-spacing:-.5px;color:var(--ink0)}
.hero-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.bignum{font-size:clamp(56px,8vw,96px);font-weight:800;line-height:.85;color:var(--acc);font-variant-numeric:tabular-nums}
.kicker{margin:0;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--mute)}

/* ---------- Viewer ---------- */
.vw{display:flex;gap:16px;flex-wrap:wrap}
.vw-tools{flex:0 0 auto;align-self:flex-start;display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r-m)}
.vw-tl{font-size:10px;letter-spacing:1.5px;color:var(--mute);text-align:center;padding:4px 0}
.vw-sep{height:1px;background:#DCDCD6;margin:4px 0}
.vw-tb{width:52px;height:44px;border:0;border-radius:12px;background:#fff;color:var(--ink);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.vw-tb:hover{color:var(--acc)}
.vw-tb[aria-pressed="true"]{background:var(--acc);color:#fff}
.vw-main{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:14px}
.vw-stage{position:relative;aspect-ratio:3/2;border-radius:var(--r-m);overflow:hidden;background:#000;box-shadow:var(--shadow);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.vw-pan{position:absolute;inset:0;transition:transform .3s ease,filter .3s ease}
.vw-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.vw-shield{position:absolute;inset:0;touch-action:pan-y}
.vw.zoomed .vw-pan{transition:filter .3s ease}
.vw.zoomed .vw-shield{cursor:grab;touch-action:none}
.vw.drag .vw-shield{cursor:grabbing}
.vw-guide{position:absolute;inset:0;pointer-events:none}
.vw-guide i{position:absolute;background:#fff}
.vw-golden i{background:#FFB547}
.vw-crop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2000px rgba(255,255,255,.7);outline:2px solid var(--acc);pointer-events:none}
.vw-crop span{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:6px;background:var(--acc);color:#fff;font-size:12px;font-weight:700}
.vw-mark{position:absolute;z-index:1;right:18px;bottom:52px;font-family:var(--sans);font-size:18px;font-weight:700;color:rgba(255,255,255,.9);text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}
.vw-lock{position:absolute;left:18px;top:16px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.85);color:var(--ink);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;pointer-events:none}
.vw-nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:56px;height:56px;border:0;border-radius:999px;background:rgba(255,255,255,.9);color:var(--ink);font-size:26px;line-height:1}
.vw-nav:hover{background:#fff;color:var(--acc)}
.vw-prev{left:18px}
.vw-next{right:18px}
.vw-toast{position:absolute;left:50%;bottom:64px;z-index:3;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 18px;border-radius:999px;background:var(--ink0);color:#fff;font-size:14px;font-weight:600;text-align:center}
.vw-toast a{color:#fff;text-decoration:underline}
.vw-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.vw-filters .vw-tl{margin-right:6px;font-size:11px}
.chip{height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line2);background:#fff;color:var(--ink);font-size:13px;font-weight:600}
.chip:hover{border-color:var(--acc);color:var(--acc)}
.chip[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:#fff}
.vw-strip{position:relative;list-style:none;margin:0;padding:4px 4px 8px;display:flex;gap:8px;overflow-x:auto}
.vw-strip a{display:block;width:96px;height:64px;border-radius:10px;overflow:hidden;background:var(--soft);outline:2px solid transparent;outline-offset:2px;opacity:.55}
.vw-strip a:hover{opacity:.85}
.vw-strip a[aria-current="true"]{outline-color:var(--acc);opacity:1}
.vw-strip img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
/* Λεζάντα: μέσα στη φωτογραφία, στην κάτω γραμμή, σε σκούρο μπλε */
.vw-cap{position:absolute;left:0;right:0;bottom:0;z-index:1;box-sizing:border-box;margin:0;padding:10px 18px;text-align:center;background:var(--cap-bg);color:var(--lime);font-size:15px;font-weight:500;line-height:1.4;pointer-events:none}
/* Πανόραμα: κύλιση στον άξονα του πανοράματος */
.vw.pano .vw-pan{overflow:auto;scrollbar-width:thin}
.vw.pano .vw-shield{cursor:grab;touch-action:none}
.vw.pano.h .vw-img{width:auto;height:100%;max-width:none;object-fit:fill}
.vw.pano.v .vw-img{width:100%;height:auto;object-fit:fill}
/* Πλήρης οθόνη */
.vw-stage:fullscreen{aspect-ratio:auto;border-radius:0;box-shadow:none}
.vw-stage:-webkit-full-screen{aspect-ratio:auto;border-radius:0;box-shadow:none}

/* ---------- Θέμα: κείμενο και δεξιά στήλη ---------- */
.tbody{display:flex;flex-wrap:wrap;align-items:flex-start;gap:48px;padding-top:40px;padding-bottom:56px}
.notes{flex:999 1 560px;min-width:0;font-size:19px;line-height:1.75;color:var(--text)}
.notes::after{content:"";display:block;clear:both}
.notes p{margin:0 0 22px}
.notes .lead{font-family:var(--sans);font-size:24px;font-weight:600;line-height:1.45;color:var(--ink0)}
.notes img{max-width:100%;height:auto;border-radius:var(--r-s)}
.notes h2,.notes h3{color:var(--ink0);line-height:1.25}
.n-img{margin:0 0 22px}
.n-C{text-align:center}
.n-P{width:100%}
.n-P img{width:100%}
.n-L{float:left;width:45%;margin:6px 28px 16px 0}
.n-R{float:right;width:45%;margin:6px 0 16px 28px}
.sec-t{clear:both;margin:36px 0 12px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--mute)}
.tags{display:flex;flex-wrap:wrap;gap:10px}
.tag{padding:10px 16px;border-radius:999px;border:1px solid var(--line2);color:var(--ink);font-size:14px;line-height:1.3}
.tag:hover{border-color:var(--acc);color:var(--acc)}
.links{list-style:none;margin:0;padding:0;font-size:16px;line-height:1.5}
.links li{padding:10px 0;border-bottom:1px solid var(--line)}
.side{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:16px}
.buy{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:var(--r-l);background:var(--acc);color:#fff}
.buy-k{font-size:12px;font-weight:700;letter-spacing:2px}
.buy-p{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;font-size:15px;font-weight:600}
.buy-p b{font-size:64px;font-weight:800;line-height:1}
.buy p{margin:0;font-size:14px;line-height:1.5}
.buy label{font-size:13px;font-weight:700}
.buy input{width:100%;height:48px;padding:0 14px;border:0;border-radius:12px;background:#fff;color:var(--ink0);font:inherit;font-size:15px}
.buy input:focus-visible{outline:3px solid #fff;outline-offset:2px}
.buy button{height:52px;border:0;border-radius:999px;background:var(--ink0);color:#fff;font-size:16px;font-weight:700}
.buy button:hover{background:#000}
.buy :focus-visible{outline-color:#fff}
.buy small{font-size:12px;line-height:1.4}
.info{margin:0;padding:22px;border-radius:var(--r-l);background:var(--soft);display:flex;flex-direction:column;gap:12px;font-size:15px}
.info div{display:flex;justify-content:space-between;gap:16px}
.info dt{color:var(--mute)}
.info dd{margin:0;text-align:right}

/* ---------- Θέμα: προηγούμενο / επόμενο (κάρτες) ---------- */
.pnc{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;padding-bottom:80px}
.pnc a{display:flex;align-items:center;gap:18px;padding:16px;border-radius:var(--r-l);background:var(--soft);color:var(--ink)}
.pnc a:hover .t{color:var(--acc)}
.pnc a.nx{justify-content:flex-end;text-align:right;background:var(--ink0);color:#fff}
.pnc a.nx:hover .t{color:#fff;text-decoration:underline}
.pnc .th{flex:0 0 132px;width:132px;height:88px;border-radius:14px;object-fit:cover;background:#C9CDD2;display:block}
.pnc .tx{display:flex;flex-direction:column;gap:6px;min-width:0}
.pnc .k{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--mute)}
.pnc .nx .k{color:#B9BCC2}
.pnc .t{font-family:var(--sans);font-size:20px;font-weight:700;line-height:1.2}

/* ---------- Λίστες: Νέα θέματα, ενότητα, group ---------- */
.lhead{padding-top:40px;padding-bottom:28px;display:flex;flex-direction:column;gap:10px}
.lhead h1{margin:0;font-family:var(--sans);font-weight:800;font-size:clamp(34px,5vw,60px);line-height:1.05;letter-spacing:-1.5px;color:var(--ink0)}
.lintro{max-width:75ch;font-size:18px;line-height:1.7;color:var(--text)}
.lintro::after{content:"";display:block;clear:both}
.lintro img{max-width:100%;height:auto;border-radius:var(--r-s)}
/* Group (θεματική ενότητα): η φωτογραφία της ενότητας = η πρώτη φωτογραφία του πρώτου θέματος. Κλικ = το θέμα. */
/* Ίδια με τη φωτογραφία του θέματος (.vw-stage): 3:2, μαύρο φόντο, ολόκληρη η φωτογραφία, σκιά, λεζάντα σε σκούρο μπλε */
.lphoto{position:relative;display:block;width:100%;margin:8px 0 18px;aspect-ratio:3/2;border-radius:var(--r-m);overflow:hidden;background:#000;box-shadow:var(--shadow);color:#fff}
.lphoto img{display:block;width:100%;height:100%;object-fit:contain}
.lphoto-c{position:absolute;left:0;right:0;bottom:0;padding:10px 18px;text-align:center;background:var(--cap-bg);color:var(--lime);font-size:15px;font-weight:500;line-height:1.4}
.lphoto-m{position:absolute;right:18px;bottom:52px;font-size:18px;font-weight:700;color:rgba(255,255,255,.9);text-shadow:0 1px 3px rgba(0,0,0,.6)}
.lphoto:hover{color:#fff}
.lphoto:hover .lphoto-c{text-decoration:underline}
/* Group: κείμενο αριστερά, κατηγορίες της ενότητας δεξιά, πάντα δίπλα (στο κινητό η μία κάτω από την άλλη).
   Grid με σταθερές θέσεις: το πλαίσιο μένει δεξιά ακόμα κι αν το HTML του κειμένου έχει φαρδιά στοιχεία ή λάθη. */
.lbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:24px 48px;align-items:start;margin-top:8px}
.lbody .lintro{grid-column:1;grid-row:1;min-width:0;overflow-wrap:break-word}
.lbody .lcats{grid-column:2;grid-row:1}
.lbody.solo{grid-template-columns:minmax(0,420px)}
.lbody.solo .lcats{grid-column:1}
.lintro table,.lintro iframe,.lintro video{max-width:100%}
.lcats{min-width:0;padding:22px;border-radius:var(--r-l);background:var(--soft)}
.lcats .sec-t{margin:0 0 6px}
.lcats .lmeta{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--ink)}
.lcats ul{list-style:none;margin:0;padding:0}
.lcats li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.35}
.lcats li:last-child{border-bottom:0}
.lcats a{color:var(--ink);font-weight:600}
.lcats a:hover{color:var(--acc)}
.lcats li span{flex:0 0 auto;font-size:13px;color:var(--mute);white-space:nowrap}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 24px;padding-bottom:40px}
/* Σελίδες των λιστών (20 θέματα ανά σελίδα) */
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:64px}
.pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
.pages a,.pages span,.pages button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;border-radius:999px;border:1px solid var(--line2);color:var(--ink);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.pages button{background:#fff;font-family:inherit;cursor:pointer}
.pages a:hover,.pages button:hover{border-color:var(--acc);color:var(--acc)}
.pager.busy{opacity:.5;pointer-events:none}
.pages [aria-current]{background:var(--acc);border-color:var(--acc);color:#fff}
.pages .gap{min-width:20px;border:0;color:var(--mute)}
.card{display:flex;flex-direction:column;gap:10px;color:var(--ink)}
.card a.t{color:var(--ink)}
.card .img{display:block;aspect-ratio:3/2;border-radius:14px;overflow:hidden;background:var(--soft);box-shadow:8px 9px 20px rgba(0,0,0,.14)}
.card img{display:block;width:100%;height:100%;object-fit:cover}
.card .t{font-family:var(--sans);font-size:18px;font-weight:700;line-height:1.25}
.card .m{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--mute)}
.card .m .c{color:var(--acc);font-weight:700}
.card a.c:hover{color:var(--acc-d);text-decoration:underline}
.card .img:hover + .t,.card a.t:hover{color:var(--acc)}
.stbl a.sl{color:var(--acc);font-weight:600}
.stbl a.sl:hover{text-decoration:underline}
img.miss{visibility:hidden}

/* ---------- Footer ---------- */
.foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:28px var(--gut);border-top:1px solid var(--line);color:var(--mute);font-size:14px}
.foot .logo{font-size:22px}

/* ---------- Κινητό ---------- */
@media (max-width:760px){
  :root{--gut:16px}
  .top{padding-top:12px;padding-bottom:12px}
  .logo{font-size:26px}
  .crumbs{order:3;flex-basis:100%;justify-content:flex-start;font-size:11px;gap:6px}
  .pn-pos{order:3;flex-basis:100%;text-align:center}
  .pill{height:44px;padding:0 14px;font-size:13px}
  .hero{padding-top:20px;padding-bottom:18px}
  .vw-tools{flex-direction:row;align-self:stretch;width:100%;overflow-x:auto;padding:6px}
  .vw-tl{display:none}
  .vw-sep{width:1px;height:auto;margin:0 2px}
  .vw-tb{flex:0 0 46px;width:46px}
  .vw-nav{width:44px;height:44px;font-size:22px}
  .vw-prev{left:8px}.vw-next{right:8px}
  .vw-lock{display:none}
  .vw-mark{font-size:14px}
  .vw-cap{font-size:13px;padding:8px 12px}
  .vw-toast{bottom:52px}
  .lphoto-c{font-size:13px;padding:8px 12px}
  .k-T .crumbs{display:none}
  .tcat{font-size:13px}
  .ad-ph-top{width:320px;height:100px}
  .ad-ph-bottom{width:300px;height:250px}
  .ad-ph .d{display:none}.ad-ph .m{display:inline}
  .lbody{grid-template-columns:1fr}
  .lbody .lcats{grid-column:1;grid-row:2}
  .lbody.solo .lcats{grid-row:1}
  .pages{order:3;flex-basis:100%}
  .stbl .dt,.stbl .sb{display:none}
  .stbl .th{width:84px}
  .stbl .th img{width:72px;height:48px}
  .stbl td{padding:8px 6px}
  .sbar-in .pill{padding:0 14px}
  .lphoto-m{font-size:14px;bottom:44px}
  .tbody{gap:32px;padding-top:32px}
  .notes{font-size:17px}
  .notes .lead{font-size:24px}
  .n-L,.n-R{float:none;width:auto;margin:0 0 22px}
  .buy-p b{font-size:52px}
  .pnc{grid-template-columns:1fr}
  .pnc .th{flex-basis:96px;width:96px;height:64px}
  .pnc .t{font-size:20px}
}