/* ЕТАП 5 / Е5.3 (12.09.2026)
   Sidebar „Категории": category.css правеше li.cat-item flex РЕД (линк + бройка), а Woo виджетът
   слага ul.children като трето дете - децата излизаха вдясно от бройката и извън aside.
   Тук li е grid 2 колони (линк | бройка), а ul.children заема цял ред отдолу. Клоновете извън
   текущия път са свити (иначе колоната е 3362px). */
.fgroup ul.product-categories li.cat-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; align-items: center; padding: 0; border-radius: 0; }
.fgroup ul.product-categories li.cat-item > a { grid-column: 1; min-width: 0; padding: 9px 12px; border-radius: 10px; overflow-wrap: anywhere; }
.fgroup ul.product-categories li.cat-item > .count { grid-column: 2; padding-right: 12px; }
.fgroup ul.product-categories li.cat-item:hover { background: transparent; }
.fgroup ul.product-categories li.cat-item:hover a { color: var(--grey); }
.fgroup ul.product-categories li.cat-item > a:hover { background: var(--beige); color: var(--accent); }
.fgroup ul.product-categories li.cat-item.current-cat > a { color: var(--brown); font-weight: 700; }
.fgroup ul.product-categories ul.children { grid-column: 1 / -1; display: none; margin: 0 0 4px 12px; padding-left: 8px; border-left: 1px solid var(--line); }
.fgroup ul.product-categories li.current-cat > ul.children,
.fgroup ul.product-categories li.current-cat-parent > ul.children,
.fgroup ul.product-categories li.current-cat-ancestor > ul.children { display: flex; }

/* USP лентата (Право на връщане / Безплатна доставка / Сигурно плащане): fixes.css .trust-in{repeat(4,1fr)}
   биеше .usp-in{repeat(3,1fr)} - 4 колони за 3 елемента. Само за section.usp; .trust на началната не се пипа. */
section.usp .usp-in { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px 64px; }
section.usp .usp-item { flex: 0 0 auto; }
section.usp .usp-item .tx { white-space: nowrap; }
@media (max-width: 900px) {
  section.usp .usp-in { gap: 16px 36px; }
}
@media (max-width: 560px) {
  section.usp .usp-in { flex-direction: column; gap: 14px; }
  section.usp .usp-item .tx { white-space: normal; max-width: 260px; }
}