/*
 * Блок v2 «Каталог виджетов» (acf/wx-catalog): боковая панель, поиск, «Всегда бесплатные», «Популярные», группы.
 * Ширины: ≤767 — мобильная, 768–1023 — планшет (мобильная раскладка, 2 колонки), ≥1024 — боковая панель (липкая в любой позиции блока).
 */

/* ===== Раскладка: панель / каталог ===== */
.v2 .wx-cat-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"side" "main";gap:28px;}
.v2 .wx-side{grid-area:side;display:flex;flex-direction:column;gap:8px;}
.v2 .wx-cat-main{grid-area:main;min-width:0;}
@media (min-width:1024px){
  .v2 .wx-cat-layout{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"side main";column-gap:40px;}
  .v2 .wx-side{position:sticky;top:24px;align-self:start;gap:20px;}
  .v2 .wx-cat-select{display:none !important;}
}
@media (max-width:1023px){
  .v2 .wx-cats{display:none;}
}

/* боковая панель */
.v2 .wx-cats ul{display:flex;flex-direction:column;gap:2px;margin:0;padding:10px;list-style:none;border-radius:24px;
  background:var(--lg-sheen),var(--lg-fill);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-edge),var(--lg-drop);}
.v2 .wx-cats__a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:16px;
  color:var(--text-muted);font-size:15px;transition:background .25s var(--ease-standard),color .25s var(--ease-standard),transform .25s var(--ease-standard);}
.v2 .wx-cats__a:hover{color:var(--text-primary);background:var(--bg-glass);transform:translateX(4px);}
.v2 .wx-cats__c{font-size:13px;color:var(--text-muted);}
.v2 .wx-cats__a[aria-current="true"]{color:var(--text-primary);background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.1),0 8px 20px -10px rgba(0,0,0,.6);}
.v2 .wx-cats__a[aria-current="true"] .wx-cats__c{font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;}
html[data-theme="light"] .v2 .wx-cats__a:hover{background:rgba(23,20,31,.04);}
html[data-theme="light"] .v2 .wx-cats__a[aria-current="true"]{background:linear-gradient(160deg,#fff,rgba(255,255,255,.75));box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(23,20,31,.08),0 8px 18px -10px rgba(60,30,90,.3);}


/* группы */
.v2 .wx-grp{margin-bottom:48px;scroll-margin-top:24px;}
.v2 .wx-grp[hidden]{display:none;}
.v2 .wx-gh{display:flex;align-items:center;gap:12px;margin:0 0 20px;}
.v2 .wx-gh h2{font-weight:var(--fw-h2);font-size:var(--fs-h2);line-height:var(--lh-h2);color:var(--text-primary);}
.v2 .wx-cnt{font-size:13px;line-height:1;color:var(--text-muted);padding:5px 10px;border-radius:var(--radius-pill);}
.v2 .wx-empty{margin-bottom:48px;padding:40px;border-radius:var(--radius-md);text-align:center;color:var(--text-muted);}
.v2 .wx-empty[hidden]{display:none;}
.v2 .wx-empty a{color:var(--link-accent);text-decoration:underline;}
/* без боковой панели (настройка блока) */
.v2 .wx-cat-layout--nosidebar{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"main" !important;}

@media (max-width:767px){
  .v2 .wx-cat-layout{gap:16px;}

  .v2 .wx-grid--scroll{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px;scroll-snap-type:x mandatory;}
  .v2 .wx-grid--scroll::-webkit-scrollbar{display:none;}
  .v2 .wx-grid--scroll .wx-card{flex:0 0 280px;scroll-snap-align:start;}
  .v2 .wx-grp{margin-bottom:40px;}
  .v2 .wx-gh h2{font-size:24px;}
}

/* Карточки вне экрана не раскладываются (30 карточек × иконки). Высота почти постоянная — 348–399 px,
   поэтому прокрутка к категориям остаётся точной. */
.v2 .wx-cat-layout .wx-card{content-visibility:auto;contain-intrinsic-size:auto 370px;}