/* ZM menu v1 (2026-11-11): каталог в меню + чистка редакторских выделений */
/* 1. Без курсора ввода и «редакторских» выделений на витрине */
html,body{caret-color:transparent}
input,textarea,select,[contenteditable="true"]{caret-color:auto}
a,button,img,svg,.header,.header-wrapper,.full-screen-menu,nav,[role="button"],
[class*="card"],li[class*="item"],.swiper,.swiper-slide{
  -webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;
}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text}
img{-webkit-user-drag:none;user-drag:none}
a:focus,button:focus,[tabindex]:focus{outline:none}
a:focus-visible,button:focus-visible{outline:2px solid #272727;outline-offset:3px;border-radius:2px}
a:active,button:active{background-color:transparent}

/* 2. Меню каталога */
.full-screen-menu{margin-top:0!important;top:104px!important;height:calc(100vh - 104px)!important;height:calc(100dvh - 104px)!important;
  background:#fff;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.full-screen-menu-wrapper{font-size:clamp(22px,2.4vw,34px)!important;line-height:1.2!important;padding:32px 0 56px!important}
@media (min-width:992px){.full-screen-menu-wrapper.submenu{display:grid!important}}
.full-screen-menu-wrapper.submenu{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,26vw,380px);
  grid-template-areas:"top top" "list img";column-gap:48px;align-items:start}
.full-screen-menu__top{grid-area:top;margin-bottom:28px!important;padding-bottom:20px;border-bottom:1px solid #e6e6e6}
.full-screen-menu__top .url_black{display:inline-flex;align-items:center;gap:10px;font-size:clamp(20px,2vw,28px);border-bottom:1px solid transparent;padding-bottom:2px}
.full-screen-menu__top .url_black::after{content:"\2192";font-family:Inter,sans-serif;font-size:.8em;transition:transform .25s}
.full-screen-menu__top .url_black:hover{border-bottom-color:#272727}
.full-screen-menu__top .url_black:hover::after{transform:translateX(4px)}
.full-screen-menu__top .close-btn{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}
.full-screen-menu__top .close-btn:hover{background:#f3f1ee}
.full-screen-menu__top .close-btn svg{width:26px;height:26px}
.full-screen-menu__bottom{grid-area:list;min-width:0}
.full-screen-menu .menu-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:4px 32px!important;max-height:none!important}
.full-screen-menu .menu-list-item{width:auto!important;min-height:0!important;display:flex;align-items:baseline;gap:10px;padding:0}
.full-screen-menu .menu-list-item a{display:inline-block;white-space:nowrap;padding:9px 0;color:#272727;transition:color .2s}
.full-screen-menu .menu-list-item a:hover,.full-screen-menu .menu-list-item a:focus-visible{color:#a13d3c}
.full-screen-menu .menu-list__count{opacity:.55!important;margin:0!important;font-size:14px!important;font-family:Inter,sans-serif;font-style:normal!important;color:#878787}
.full-screen-menu__img{grid-area:img;position:sticky!important;top:16px;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;
  aspect-ratio:4/5;background:#f3f1ee;border-radius:12px;overflow:hidden;opacity:1!important;display:flex;align-items:center;justify-content:center}
.full-screen-menu__img img{width:100%;height:100%;object-fit:contain;transition:opacity .25s;opacity:0}
.full-screen-menu__img img.is-ready{opacity:1}
.full-screen-menu__img img[src=""]{visibility:hidden}

/* планшет и мобильный: одна-две колонки, без превью */
@media (max-width:991px){
  .full-screen-menu{top:57px!important;height:calc(100vh - 57px)!important;height:calc(100dvh - 57px)!important}
  .full-screen-menu-wrapper.submenu{display:block;padding:12px 0 40px!important;font-size:22px!important}
  .full-screen-menu__img{display:none!important}
  .full-screen-menu__top{margin-bottom:12px!important;padding-bottom:12px}
  .full-screen-menu .menu-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 24px!important}
  .full-screen-menu .menu-list-item{border-bottom:1px solid #eee;justify-content:space-between}
  .full-screen-menu .menu-list-item a{padding:14px 0;flex:1}
  .full-screen-menu .menu-list__count{font-size:13px!important}
}
@media (max-width:575px){
  .full-screen-menu .menu-list{grid-template-columns:1fr}
  .full-screen-menu-wrapper.submenu{font-size:20px!important}
}
@media (prefers-reduced-motion:reduce){.full-screen-menu *{transition:none!important}}

/* v4: пункты-карточки со светлым фоном и подсветкой рамки, как в боковом фильтре */
.full-screen-menu .menu-list{gap:10px 14px!important}
.full-screen-menu .menu-list-item{position:relative;justify-content:space-between;align-items:center;background:#f3f1ee;border:1px solid transparent;border-radius:14px;padding:0 18px;
  transition:background .2s,border-color .2s,box-shadow .2s}
.full-screen-menu .menu-list-item a{display:block;flex:1;padding:16px 0;white-space:normal;transition:color .2s}
.full-screen-menu .menu-list-item a::before{content:"";position:absolute;inset:0;border-radius:14px}
.full-screen-menu .menu-list-item a::after{display:none!important}
.full-screen-menu .menu-list-item:hover,.full-screen-menu .menu-list-item:focus-within{background:#ebe3d6;border-color:#c9b79a;box-shadow:0 2px 10px rgba(107,31,31,.08)}
.full-screen-menu .menu-list-item:hover a,.full-screen-menu .menu-list-item a:focus-visible{color:#6b1f1f}
.full-screen-menu .menu-list-item a:focus-visible{outline:none}
.full-screen-menu .menu-list-item:focus-within{border-color:#6b1f1f}
.full-screen-menu .menu-list-item:hover .menu-list__count{opacity:1!important;color:#6b1f1f}
.full-screen-menu .menu-list-item:active{background:#e3d8c6}
@media (max-width:991px){.full-screen-menu .menu-list-item{border-bottom:1px solid transparent}.full-screen-menu .menu-list{gap:8px!important}.full-screen-menu .menu-list-item a{padding:14px 0}}

/* v5 */
@media (min-width:992px){.full-screen-menu .menu-list-item{font-size:clamp(20px,1.7vw,26px);padding:0 16px}.full-screen-menu .menu-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}.full-screen-menu .menu-list-item a{padding:14px 0}}

/* v6 */
@media (min-width:992px){.full-screen-menu .menu-list-item a{font-size:clamp(22px,1.9vw,28px)}.full-screen-menu .menu-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}}