/* Большая версия: боковое меню — стеклянная капсула в лаймовом стиле; свёрнута до столбика значков, при наведении раскрывается. */
/* ===== Большая версия: боковое меню — стеклянная капсула, раскрывается при наведении ===== */
@media(min-width:901px) and (min-height:521px){
  html body .adm.sx{grid-template-columns:122px minmax(0,1fr)!important}
  html body .adm .sx-brand2{display:none!important}
  html body .adm .sx-side{position:fixed!important;left:18px;top:18px;bottom:18px;height:auto!important;max-height:none!important;
    width:92px;margin:0!important;padding:88px 12px 14px!important;border-radius:22px!important;overflow:hidden;z-index:60;
    background:linear-gradient(180deg,rgba(46,50,62,.70) 0%,rgba(28,31,40,.66) 54%,rgba(86,118,18,.66) 100%)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 34px 90px -24px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.26)!important;
    backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);
    transition:width .42s cubic-bezier(.32,.72,0,1),box-shadow .3s}
  html body .adm .sx-side:hover,html body .adm .sx-side:focus-within{width:300px}
  html body .adm .sx-side::before{content:'';position:absolute;left:20px;top:18px;width:52px;height:52px;border-radius:50%;background:var(--logo) center/cover no-repeat,#fff;box-shadow:0 0 0 3px rgba(200,241,53,.55),0 8px 20px rgba(0,0,0,.35)}
  html body .adm .sx-side::after{content:'Т-СКУПКА';position:absolute;left:84px;top:34px;font-weight:800;font-size:15px;letter-spacing:.18em;color:#f4f5f7;opacity:0;transform:translateX(-8px);transition:opacity .25s ease .12s,transform .35s cubic-bezier(.32,.72,0,1) .1s;white-space:nowrap}
  html body .adm .sx-side:hover::after,html body .adm .sx-side:focus-within::after{opacity:1;transform:none}
  html body .adm .sx-side>.sx-nav{gap:6px;padding:0;margin:0}
  html body .adm .sx-nav .gh,html body .adm .sx-nav .gb button{display:flex;align-items:center;gap:14px;width:100%;padding:14px 17px;border-radius:16px;color:rgba(244,245,247,.9);background:transparent;border:0;transition:background .2s,box-shadow .2s,color .2s}
  html body .adm .sx-nav .gh>svg{flex:none;width:30px;height:30px;stroke-width:2;filter:drop-shadow(0 0 7px rgba(200,241,53,.7));color:#d9f56a;transition:filter .2s,color .2s}
  html body .adm .sx-nav .gh:hover>svg,html body .adm .sx-nav .gh.on>svg{color:#c8f135;filter:drop-shadow(0 0 12px rgba(200,241,53,.95))}
  html body .adm .sx-nav .gh{font-size:16px;font-weight:700}
  html body .adm .sx-nav .gh .tx,html body .adm .sx-nav .gb .tx{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .22s ease,max-width .35s cubic-bezier(.32,.72,0,1)}
  html body .adm .sx-side:hover .sx-nav .tx,html body .adm .sx-side:focus-within .sx-nav .tx{opacity:1;max-width:220px;transition-delay:.1s}
  html body .adm .sx-nav .chev{opacity:0;transition:opacity .2s}
  html body .adm .sx-side:hover .sx-nav .chev{opacity:.7}
  html body .adm .sx-nav .gh:hover,html body .adm .sx-nav .gb button:hover{background:rgba(255,255,255,.10);color:#fff}
  html body .adm .sx-nav .gh.on,html body .adm .sx-nav .gb button.on,html body .adm .sx-nav .gh.has{color:#fff;background:rgba(200,241,53,.14);box-shadow:inset 0 0 0 1.5px rgba(200,241,53,.85),0 6px 18px rgba(0,0,0,.2)}
  html body .adm .sx-nav .gh.has:not(.on){box-shadow:inset 0 0 0 1px rgba(200,241,53,.35)}
  html body .adm .sx-nav .gb{display:none!important;margin:2px 0 6px 14px;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}
  html body .adm .sx-side:hover .sx-nav .ng.open .gb,html body .adm .sx-side:focus-within .sx-nav .ng.open .gb{display:flex!important}
  html body .adm .sx-nav .gb button{padding:10px 14px;font-size:15px;font-weight:600;border-radius:14px}
  /* счётчик «Внимание»: в свёрнутом виде — точка на значке */
  html body .adm .sx-nav .gh{position:relative}
  html body .adm .sx-nav .cnt{margin-left:auto;background:#ff5a3c;color:#fff;border-radius:11px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:800}
  html body .adm .sx-side:not(:hover):not(:focus-within) .sx-nav .cnt{position:absolute;left:34px;top:4px;min-width:17px;height:17px;font-size:10px;box-shadow:0 0 0 2px rgba(34,38,48,.95)}
  /* «Выйти»: в свёрнутом виде только значок */
  html body .adm .sx-side .sx-out{margin-top:8px;border-radius:16px;padding:12px 15px;display:flex;align-items:center;gap:14px;color:#ff9a9a;white-space:nowrap;overflow:hidden}
  html body .adm .sx-side:not(:hover):not(:focus-within) .sx-out{font-size:0;gap:0}
  html body .adm .sx-side:hover .sx-out{background:rgba(255,90,60,.12)}
}