/* Desktop category rail = live Woodmart «sticky navigation» (measured 10/11/2026): fixed left, 60px collapsed, 275px on
   hover/focus/«Όλα τα προϊόντα», dark page overlay, mega panel 1300px (sized) right of the rail at the first item's top.
   Panel content = Elementor HTML blocks rendered light (11-megamenu.php). CSS-only hover; 10-header.js adds click/touch/keyboard. */
.nsc-rail,.nsc-rail-ov{display:none}
@media (min-width:1025px){
 body.nsc-has-rail{--nsc-rail-w:60px;padding-left:var(--nsc-rail-w)}
 body.nsc-has-rail.costos-ob-on #costos-ob{left:var(--nsc-rail-w)}
 .nsc-rail{display:flex;flex-direction:column;position:fixed;z-index:393;left:0;top:var(--nsc-adm);bottom:0;width:60px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.12);font-family:"Cfontmedium",var(--ns-font)}
 .nsc-rail-ov{display:block;position:fixed;inset:0;z-index:392;background:rgba(0,0,0,.7);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}
 .nsc-rail:hover+.nsc-rail-ov,.nsc-rail:focus-within+.nsc-rail-ov,.nsc-rail.is-open+.nsc-rail-ov{opacity:1;visibility:visible}
 .nsc-rail:hover,.nsc-rail:focus-within,.nsc-rail.is-open{width:275px}
 .nsc-rail__head{flex:0 0 60px;padding:8px}
 .nsc-rail__burger{display:flex;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px;border:0;border-radius:1000px;background:var(--ns-accent);color:#fff;cursor:pointer;white-space:nowrap;overflow:hidden;text-align:left;font:600 15px/1 "Cfontmedium",var(--ns-font)}
 .nsc-rail__burger .ns-i{width:20px;height:20px;flex:0 0 20px}
 .nsc-rail__burger .nsc-rail__label{color:#fff}
 .nsc-rail__list{list-style:none;margin:0;padding:0;flex:1 1 auto;overflow:hidden}
 .nsc-rail__item{display:flex;align-items:center;position:static;min-height:52px}
 .nsc-rail__link{flex:1 1 auto;display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 0 8px 20px;overflow:hidden;font-size:16px;font-weight:500;line-height:1.4;color:#333}
 .nsc-rail .nsc-ic{width:20px;height:20px;flex:0 0 20px;object-fit:contain}
 .nsc-ic--none{display:inline-block}
 .nsc-rail__label{opacity:0;white-space:nowrap;min-width:0}
 .nsc-rail:hover .nsc-rail__label,.nsc-rail:focus-within .nsc-rail__label,.nsc-rail.is-open .nsc-rail__label{opacity:1;white-space:normal}
 .nsc-rail__tog{flex:0 0 28px;height:52px;display:none;align-items:center;justify-content:center;background:none;border:0;padding:0 10px 0 0;cursor:pointer;color:#BBB}
 .nsc-rail__tog .ns-i{width:12px;height:12px;stroke-width:2}
 .nsc-rail:hover .nsc-rail__tog,.nsc-rail:focus-within .nsc-rail__tog,.nsc-rail.is-open .nsc-rail__tog{display:flex}
 .nsc-rail__item:hover,.nsc-rail__item.is-open,.nsc-rail__item:focus-within{background:var(--ns-accent)}
 .nsc-rail__item:hover>.nsc-rail__link,.nsc-rail__item.is-open>.nsc-rail__link,.nsc-rail__item:focus-within>.nsc-rail__link,.nsc-rail__item:hover>.nsc-rail__tog,.nsc-rail__item.is-open>.nsc-rail__tog{color:#fff}
 .nsc-rail__item:hover>.nsc-rail__link .nsc-ic,.nsc-rail__item.is-open>.nsc-rail__link .nsc-ic,.nsc-rail__item:focus-within>.nsc-rail__link .nsc-ic{filter:brightness(0) invert(1)}
 .nsc-rail__item.clr-menu-item .nsc-rail__label{color:#C4873B;border:1px solid #C4873B;border-radius:999px;padding:1px 10px;line-height:1.6;white-space:nowrap}
 .nsc-rail__item.clr-menu-item:hover{background:none}
 .nsc-rail__item.clr-menu-item:hover .nsc-ic{filter:none}
 .nsc-rail__foot{display:none;padding:0 0 18px 28px;flex:0 0 auto}
 .nsc-rail:hover .nsc-rail__foot,.nsc-rail:focus-within .nsc-rail__foot,.nsc-rail.is-open .nsc-rail__foot{display:block}
 .nsc-rail__foot .nsc-elc{width:220px}
 /* Mega panel («sized» 1300 × min 350, padding 30): right of the open rail, top = first item (60px); display:none until open */
 .nsc-mega{display:none;position:fixed;left:275px;top:calc(var(--nsc-adm) + 60px);width:1300px;min-height:350px;max-height:calc(100vh - var(--nsc-adm) - 60px);overflow-y:auto;padding:30px;background:#fff;border-radius:0 10px 10px 0;box-shadow:0 0 3px rgba(0,0,0,.15);cursor:default;color:#767676;font-size:15px;line-height:1.6}
 .nsc-rail__item:hover>.nsc-mega,.nsc-rail__item.is-open>.nsc-mega,.nsc-rail__item:focus-within>.nsc-mega{display:block}
 .nsc-mega__in{display:block}
 /* Elementor block, light */
 .nsc-elc{display:flex;flex-direction:column;min-width:0}
 .nsc-elc--row{flex-direction:row}
 .nsc-elc--col{flex:1 1 0}
 .nsc-mega__in>.nsc-elc--row>.nsc-elc{padding:0 10px}
 .nsc-ell{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
 .nsc-ell a,.nsc-ell li>span{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.6;color:#0C0C0C}
 .nsc-ell a:hover{color:var(--ns-accent)}
 .nsc-ell__ic{width:20px;height:20px;flex:0 0 20px;object-fit:contain}
 .nsc-elh{margin:0 0 14px;text-align:center;font:600 22px/1 "Cfontbold",var(--ns-font);color:#0C0C0C}
 .nsc-eli{display:flex;justify-content:center}
 .nsc-eli img{width:40%;height:auto;max-height:44px;object-fit:contain}
 .nsc-elr{position:relative;display:block;margin:2px auto 10px;width:max-content;font:700 12px/1 Arial,sans-serif;letter-spacing:1px;color:#D8D8D8}
 .nsc-elr span:last-child{position:absolute;inset:0;overflow:hidden;width:calc(var(--v) * 20%);color:#E3A93B}
 .nsc-elpw{display:flex;justify-content:center}
 .nsc-elp{width:280px;height:280px;object-fit:cover;border-radius:10px}
 .nsc-els{position:relative;width:100%;height:var(--h,220px)}
 .nsc-els__track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 .nsc-els__track::-webkit-scrollbar{display:none}
 .nsc-els__s{flex:0 0 100%;height:100%;scroll-snap-align:start}
 .nsc-els__s a{display:block;height:100%}
 .nsc-els__img{width:100%;height:100%;object-fit:contain}
 .nsc-els__nav{position:absolute;top:50%;width:30px;height:30px;margin-top:-15px;border:0;background:none;cursor:pointer;color:#fff}
 .nsc-els__nav::before{content:"";display:block;width:10px;height:10px;margin:auto;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(45deg)}
 .nsc-els__prev{left:0}.nsc-els__next{right:0}.nsc-els__next::before{transform:rotate(-135deg)}
 .nsc-mega .nsc-els__nav{color:#333}
 .nsc-mega .nsc-els__prev{left:-30px}.nsc-mega .nsc-els__next{right:-30px}
 .nsc-mega .nsc-elc--col:has(>.nsc-els){padding:0 30px}
}

/* Live rail animation (measured 10/11/2026: 60→275px in ~0.25s ease, labels fade in after ~0.15s, same on close). */
@media (min-width:1025px) and (prefers-reduced-motion:no-preference){
 .nsc-rail{transition:width .25s ease}
 .nsc-rail .nsc-rail__label{transition:opacity .15s ease}
 .nsc-rail:hover .nsc-rail__label,.nsc-rail:focus-within .nsc-rail__label,.nsc-rail.is-open .nsc-rail__label{transition-delay:.1s}
}