/* Mobile shop categories in a compact, accessible modal. */
.ns-shop-menu {
 box-sizing:border-box; position:fixed; inset:auto 0 calc(92px + env(safe-area-inset-bottom,0px));
 width:min(360px,calc(100vw - 16px)); max-width:none; max-height:calc(100dvh - 112px - env(safe-area-inset-bottom,0px));
 margin:0 auto; padding:10px; overflow:auto; border:1px solid #bed6c5; border-radius:24px;
 background:linear-gradient(145deg,#fcfdf8,#e6f1e5); color:#174d36; font-family:inherit; direction:rtl;
 box-shadow:0 16px 54px rgba(7,48,32,.25);
}
.ns-shop-menu:not([open]) { display:none; }
.ns-shop-menu::backdrop { background:rgba(8,35,25,.4); }
.ns-shop-menu__head { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 4px; }
.ns-shop-menu__head h2 { margin:0; font:inherit; font-size:15px; font-weight:700; color:#174d36; }
.ns-shop-menu__close { display:flex; align-items:center; justify-content:center; width:44px; height:44px; flex:none; padding:0; border:1px solid #c5dbc9; border-radius:12px; background:#fff; color:#174d36; font:30px/1 Arial,sans-serif; cursor:pointer; }
.ns-shop-menu__wheel { position:relative; width:100%; aspect-ratio:.76; min-height:0; }
.ns-shop-menu__category {
 position:absolute; left:var(--shop-x); top:var(--shop-y); transform:translate(-50%,-50%);
 display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
 width:clamp(52px,16vw,60px); min-height:64px; padding:2px 0; border-radius:12px;
 color:#244e38; text-decoration:none; font:inherit; font-size:10px; line-height:1.6; text-align:center;
 -webkit-tap-highlight-color:transparent;
}
.ns-shop-menu__category img { display:block; width:46px; height:46px; object-fit:contain; filter:drop-shadow(0 3px 3px #204d2920); }
.ns-shop-menu__category span { white-space:nowrap; }
.ns-shop-menu__category:hover,.ns-shop-menu__category:active { background:#d9ead8; color:#0b5f35; }
.ns-shop-menu__hub {
 position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
 display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:86px; height:86px;
 border:4px solid #fff; border-radius:50%; background:linear-gradient(145deg,#138658,#075d3b);
 color:#fff; box-shadow:0 0 0 7px #d3e8d5,0 6px 16px #164e3433; text-decoration:none; font:inherit; font-size:11px;
}
.ns-shop-menu__hub i { font-size:28px; line-height:1; }
.ns-shop-menu__hub:hover { color:#fff; background:#075d3b; }
.ns-shop-menu a:focus-visible,.ns-shop-menu button:focus-visible { outline:3px solid #087b49; outline-offset:3px; }
body.ns-shop-menu-open { overflow:hidden; }
@media(min-width:769px) { .ns-shop-menu { display:none !important; } }
@media(prefers-reduced-motion:no-preference) {
 .ns-shop-menu[open] .ns-shop-menu__wheel { animation:ns-shop-wheel-in .22s ease-out; }
 @keyframes ns-shop-wheel-in { from {opacity:0;transform:translateY(10px) scale(.97)} to {opacity:1;transform:none} }
}
@media(max-height:540px) and (max-width:768px) {
 .ns-shop-menu { inset:8px 0 auto; max-height:calc(100dvh - 16px); }
}