/* NW: ό,τι χρειάζεται ο κατάλογος του platform πάνω από το style.css του sample (ΔΕΝ αλλάζει το style.css).
   Τα στοιχεία του sample είναι <button> στο SPA· εδώ είναι <a>/<label>/<input> του platform (φίλτρα με GET), άρα ίδιοι κανόνες για αυτά. */
.nw-sw{display:contents}
.st-shopform.list[aria-busy="true"] .grid{opacity:.55;transition:opacity .2s}
.list-head .t1{margin:0}

/* κάρτα: σήματα και εξαντλημένα */
.pcard .off.new{background:var(--ink);color:var(--bg)}
.pcard .off.pre{background:var(--surface-2);color:var(--ink)}
.pcard .off.out{background:var(--ink-2);color:var(--white)}
.pcard.is-out .pcard-img img{opacity:.55}
.pcard .name i{font-style:italic;font-weight:600}
.price small.from{font-size:12px;color:var(--ink-2);font-weight:600}
.pcard .sw small{font-size:11px;color:var(--ink-2)}
.pcard .pc-qv{display:none}

/* φίλτρα: τιμή, μεγέθη (platform SizeFacet), χρώμα */
.nwfav{z-index:2}
.sizes label.st-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.sizes label.st-chip input{position:absolute;opacity:0;pointer-events:none;inset:0}
.sizes label.st-chip:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}
.sizes label.st-chip:has(input:disabled){opacity:.35}
.active-f a.clear-all{background:none;border:0;clip-path:none;color:var(--ink-2);text-decoration:underline}
.active-f a.clear-all::after{content:none}
.range input[type=number]{-moz-appearance:textfield}
.buckets button{cursor:pointer}
.buckets button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.fg [data-eshop-swap]{display:block}
.fg .opts{display:block}
.sz-g{display:grid;gap:6px}.sz-g+.sz-g{margin-top:10px}.sz-g:not(.all) .sz-rare{display:none}
.sz-l{font-size:12px;font-weight:700;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin:4px 0 2px}
.sz-l small{font-weight:600;opacity:.75;letter-spacing:0}
.sz-all{justify-self:start;min-height:40px;padding:0 4px;font-size:13px;font-weight:700;color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.sz-other>summary{display:flex;align-items:center;gap:6px;min-height:40px;cursor:pointer;list-style:none}
.sz-other>summary::-webkit-details-marker{display:none}
.sz-other>summary::after{content:"+";margin-left:auto;font-size:18px;line-height:1}
.sz-other[open]>summary::after{content:"\2212"}
.sz-none{font-size:13px;color:var(--ink-2)}
.chk.st-chip input{position:static;opacity:1;pointer-events:auto}
.filters .fsearch{margin-bottom:8px}
.filters-foot .btn{justify-content:center;text-align:center}

/* άδειο αποτέλεσμα μέσα στο grid */
.grid .empty{grid-column:1/-1}
.more-zone .mz-btn{min-height:48px}
.st-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0}

/* σελίδα brands: τα .bm-* είναι ήδη στο style.css του sample */

/* --- GENERATED από το style.css του sample: κανόνες των .fav .qf button .active-f button .sizes button για τα στοιχεία του platform (.nwfav, .qf a, .active-f a, .sizes label.st-chip) --- */
.nwfav{position:absolute;right:6px;top:6px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:transform .25s var(--ease)}
.nwfav svg{width:22px;height:22px;transition:fill .2s,stroke .2s}
.nwfav:hover{transform:scale(1.1)}
.nwfav[aria-pressed="true"] svg{fill:var(--primary);stroke:var(--primary)}
.nwfav.beat svg{animation:beat .5s var(--ease)}
.active-f a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:600}
.active-f a::after{content:"✕";font-size:11px;opacity:.7}
.sizes label.st-chip{min-height:38px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);font-size:13px;font-weight:600;transition:all .2s}
.sizes label.st-chip[aria-pressed="true"],.sizes label.st-chip:has(input:checked){background:var(--ink);color:var(--bg);border-color:var(--ink)}
.sizes label.st-chip small{font-weight:500;opacity:.6;margin-left:3px}
.sizes label.st-chip{min-width:48px}
.qf a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--surface-2);font-size:14px;font-weight:600;transition:background .2s,color .2s}
.qf a[aria-pressed="true"]{background:var(--primary);color:var(--white)}
.qf a[aria-pressed="true"]::after{content:"✕";font-size:11px}
@media(max-width:599px){.nwfav{right:2px;top:2px}}
.nwfav{color:#111214}
.qf a{background:var(--surface-2);color:var(--ink)}
.sizes label.st-chip{min-height:40px;border:1px solid var(--ctl-line);background:transparent;color:var(--ink);font-size:13px;font-weight:700;transition:background .2s,border-color .2s,color .2s}
.sizes label.st-chip small{font-weight:500;opacity:.55;font-variant-numeric:tabular-nums}
.sizes label.st-chip:hover{border-color:var(--ink)}
.sizes label.st-chip[aria-pressed="true"],.sizes label.st-chip:has(input:checked){background:var(--primary);border-color:var(--primary);color:var(--white)}
.sizes label.st-chip{min-width:0;padding:0 4px;font-variant-numeric:tabular-nums}
/* γρήγορα φίλτρα και ενεργά φίλτρα */
.qf a,.active-f a:not(.clear-all){min-height:38px;padding:0 14px;background:transparent;border:1px solid var(--ctl-line);color:var(--ink);font-size:13px;font-weight:700;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.qf a:hover{border-color:var(--ink)}
.qf a[aria-pressed="true"],.active-f a:not(.clear-all){background:var(--primary);border-color:var(--primary);color:var(--white)}
.fg .sizes label.st-chip{white-space:nowrap}

/* μεγέθη με μεγάλα κείμενα (ύψος cm, εύρος, τζιν, άλλα): γραμμές κουμπιών αντί για στήλες των 52px */
.sz-g[data-sz=cm] .sizes,.sz-g[data-sz=range] .sizes,.sz-g[data-sz=jeans] .sizes,.sz-g[data-sz=other] .sizes{display:flex;flex-wrap:wrap}
.sz-g .sizes label.st-chip{min-width:0;max-width:100%}