/* Buddha Mind — редизайн страницы категории (контент, фильтры, карточки; шапка/меню — buddha-redesign.css) */

:root {
  /* Цвета — buddha-color-tokens.css */
  --bm-rd-r-sm: 8px;
  --bm-rd-r-md: 12px;
  --bm-rd-r-lg: 18px;
  --bm-rd-shadow-md: 0 6px 18px rgba(30, 25, 51, 0.08), 0 2px 6px rgba(30, 25, 51, 0.05);
  --bm-rd-shadow-lg: 0 18px 40px rgba(30, 25, 51, 0.14), 0 6px 14px rgba(30, 25, 51, 0.08);
  --bm-rd-gap: 22px;
}

/* ── Страница категории ── */
#product-category {
  background: var(--bm-rd-paper);
  color: var(--bm-rd-text);
}

#product-category .breadcrumb a {
  color: var(--bm-rd-text-mute);
}

#product-category .breadcrumb a:hover {
  color: var(--bm-rd-accent-deep);
}

#product-category .bm-category-head__row h1 {
  position: relative;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(32px, 3.5vw, 44px) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  color: var(--bm-rd-text) !important;
  letter-spacing: 0.005em !important;
  margin: 0 !important;
  padding: 0 0 18px !important;
  flex: 1 1 auto;
  min-width: 0;
}

#product-category .bm-category-head__row h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 64px;
  height: 3px;
  margin: 0;
  background: var(--bm-rd-accent);
  border-radius: 2px;
}

/* Сортировка — золотые пилюли */
#product-category .bm-category-toolbar .sorts-block__sorts {
  display: inline-flex !important;
  gap: 4px !important;
  padding: 4px !important;
  background: var(--bm-rd-paper-2) !important;
  border-radius: 999px !important;
}

#product-category .bm-category-toolbar .sorts-block__span,
#product-category .bm-category-toolbar a.sorts-block__span {
  padding: 7px 15px !important;
  border-radius: 999px !important;
  color: var(--bm-rd-text-soft) !important;
  font-weight: 600 !important;
  background: transparent !important;
}

#product-category .bm-category-toolbar .sorts-block__span:hover {
  color: var(--bm-rd-text) !important;
}

#product-category .bm-category-toolbar .sorts-block__span.selected,
#product-category .bm-category-toolbar a.sorts-block__span.selected {
  background: var(--bm-rd-accent) !important;
  color: var(--bm-rd-ink-900) !important;
  box-shadow: var(--bm-rd-shadow-md);
}

#product-category .bm-category-toolbar .sorts-block__span.selected::after,
#product-category .bm-category-toolbar .sorts-block__span.selected.up::after,
#product-category .bm-category-toolbar .sorts-block__span.selected.down::after {
  color: var(--bm-rd-ink-900) !important;
}

/* Вид: плитка / список */
#product-category .bm-category-toolbar .sorts-block__btn-group,
.bm-cat-mobile-bar__views {
  gap: 4px !important;
  padding: 4px !important;
  background: var(--bm-rd-paper-2) !important;
  border-radius: var(--bm-rd-r-sm) !important;
}

#product-category .bm-category-toolbar .sorts-block__btn,
.bm-cat-view-btn {
  width: 32px !important;
  height: 30px !important;
  min-width: 32px !important;
  border-radius: 6px !important;
  color: var(--bm-rd-text-mute) !important;
  background: transparent !important;
}

#product-category .bm-category-toolbar .sorts-block__btn:hover,
.bm-cat-view-btn:hover {
  color: var(--bm-rd-text-soft) !important;
  background: transparent !important;
}

#product-category .bm-category-toolbar .sorts-block__btn.selected,
#product-category .bm-category-toolbar .sorts-block__btn.active,
.bm-cat-view-btn.is-active {
  background: #fff !important;
  color: var(--bm-rd-accent-deep) !important;
  box-shadow: var(--bm-rd-shadow-md);
}

#product-category .bm-category-toolbar .sorts-block__btn.selected i,
.bm-cat-view-btn.is-active i {
  color: var(--bm-rd-accent-deep) !important;
}

#product-category .bm-category-toolbar .sorts-block__limit {
  border-color: var(--bm-rd-paper-2) !important;
  border-radius: var(--bm-rd-r-sm) !important;
}

#product-category .bm-category-toolbar .sorts-block__limit:focus {
  border-color: var(--bm-rd-accent) !important;
}

.bm-cat-mobile-bar__btn {
  border-color: var(--bm-rd-accent) !important;
  color: var(--bm-rd-accent-deep) !important;
}

/* Подкатегории */
.bm-subcat-carousel {
  position: relative;
  padding-left: 44px;
  padding-right: 44px;
  margin-left: auto;
  margin-right: auto;
}

.bm-subcat-carousel::before,
.bm-subcat-carousel::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 14px;
  width: 48px;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.bm-subcat-carousel::before {
  left: 44px;
  background: linear-gradient(90deg, var(--bm-rd-paper), transparent);
}

.bm-subcat-carousel::after {
  right: 44px;
  background: linear-gradient(270deg, var(--bm-rd-paper), transparent);
}

/* Градиент только когда есть куда скроллить — не перекрывать первую/последнюю иконку */
.bm-subcat-carousel:not(.bm-subcat-carousel--at-start):not(.bm-subcat-carousel--no-scroll)::before {
  opacity: 1;
}

.bm-subcat-carousel:not(.bm-subcat-carousel--at-end):not(.bm-subcat-carousel--no-scroll)::after {
  opacity: 1;
}

@media (max-width: 767px) {
  .bm-subcat-carousel::before,
  .bm-subcat-carousel::after {
    display: none !important;
  }
}

.bm-subcat-carousel__img-wrap {
  border: 2px solid transparent;
  transition: border-color 0.18s ease, transform 0.18s ease;
  box-shadow: var(--bm-rd-shadow-md);
}

.bm-subcat-carousel__item:hover .bm-subcat-carousel__img-wrap,
.bm-subcat-carousel__item:focus-visible .bm-subcat-carousel__img-wrap {
  border-color: var(--bm-rd-accent);
  transform: translateY(-2px);
}

.bm-subcat-carousel__item:hover .bm-subcat-carousel__name,
.bm-subcat-carousel__item:focus-visible .bm-subcat-carousel__name {
  color: var(--bm-rd-text) !important;
}

.bm-subcat-carousel__nav {
  background: #fff !important;
  color: var(--bm-rd-text-soft) !important;
  box-shadow: var(--bm-rd-shadow-md) !important;
}

.bm-subcat-carousel__nav:hover:not(:disabled) {
  color: var(--bm-rd-accent-deep) !important;
}

/* Сетка товаров (только grid, list-view — buddha-category-list.css) */
#product-category .products-block:not(.is-list-table) {
  gap: var(--bm-rd-gap) 0;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb.uni-item {
  background: var(--bm-rd-card) !important;
  border: 1px solid var(--bm-rd-paper-2) !important;
  border-radius: var(--bm-rd-r-lg) !important;
  overflow: hidden !important;
  margin-bottom: var(--bm-rd-gap) !important;
  box-shadow: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  #product-category .products-block:not(.is-list-table) .product-grid .product-thumb.uni-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: var(--bm-rd-shadow-lg) !important;
    border-color: var(--color-border) !important;
  }
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__image {
  background: var(--bm-rd-card-tint) !important;
  border-bottom: 0 !important;
  margin: 0 !important;
  aspect-ratio: 1 / 1;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__image img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__caption {
  padding: 12px 6px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__name {
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--bm-rd-text) !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  -webkit-line-clamp: 3;
  text-wrap: pretty;
}

@media (hover: hover) and (pointer: fine) {
  #product-category .products-block:not(.is-list-table) .product-grid .product-thumb__name:hover {
    color: var(--bm-rd-accent-deep) !important;
  }
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__model {
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: var(--bm-rd-text-mute) !important;
  opacity: 1 !important;
  margin: 0 !important;
  order: 2;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price.price {
  font-family: "Manrope", var(--bm-sans) !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: var(--bm-rd-text) !important;
  margin: 4px 0 0 !important;
  order: 3;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price .price-old {
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  color: var(--bm-rd-text-mute) !important;
  font-weight: 400 !important;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price .price-new {
  color: var(--bm-rd-text) !important;
  font-family: "Manrope", var(--bm-sans) !important;
  font-size: 20px !important;
  font-weight: 400 !important;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb .sticker__item.special,
#product-category .products-block:not(.is-list-table) .product-grid .uni-sticker.special {
  background: var(--bm-rd-accent) !important;
  color: var(--bm-rd-ink-900) !important;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb .sticker__item.bestseller,
#product-category .products-block:not(.is-list-table) .product-grid .uni-sticker.bestseller {
  background: var(--bm-rd-ink-900) !important;
  color: var(--bm-rd-accent) !important;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__wishlist {
  opacity: 0;
  transition: opacity 0.16s ease, background 0.16s ease, color 0.16s ease;
}

@media (hover: hover) and (pointer: fine) {
  #product-category .products-block:not(.is-list-table) .product-grid .product-thumb:hover .product-thumb__wishlist {
    opacity: 1;
  }
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__wishlist:hover,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__wishlist.active {
  background: var(--bm-rd-accent) !important;
  border-color: var(--bm-rd-accent) !important;
  color: #fff !important;
  opacity: 1;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__cart {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 5px !important;
  margin-top: 8px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  order: 4;
}

#product-category .products-block:not(.is-list-table) .product-grid .qty-switch {
  display: flex !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 1px solid var(--bm-rd-paper-2) !important;
  border-radius: var(--bm-rd-r-sm) !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__add-to-cart,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__add-to-cart.btn {
  flex: 1 1 auto !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 999px !important;
  background: var(--bm-rd-btn) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 8px rgba(20, 24, 42, 0.28) !important;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__add-to-cart:hover {
  background: var(--bm-rd-btn-hover) !important;
  color: #fff !important;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__quick-order {
  display: inline-flex !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid var(--color-border) !important;
  background: #fff !important;
  color: var(--color-gold-deep) !important;
}

#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__quick-order:hover {
  color: var(--bm-rd-accent-deep) !important;
  border-color: var(--bm-rd-accent) !important;
}

#product-category .pagination > li > a,
#product-category .pagination > li > span {
  border-radius: var(--bm-rd-r-sm) !important;
  border-color: var(--bm-rd-paper-2) !important;
  color: var(--bm-rd-text-soft) !important;
}

#product-category .pagination > .active > a,
#product-category .pagination > .active > span,
#product-category .pagination > li > a:hover {
  background: var(--bm-rd-accent) !important;
  border-color: var(--bm-rd-accent) !important;
  color: var(--bm-rd-ink-900) !important;
}

@media (min-width: 768px) {
  #product-category .products-block:not(.is-list-table) .product-grid .qty-switch {
    display: flex !important;
  }
}

@media (max-width: 1080px) {
  #product-category .products-block:not(.is-list-table) .product-grid .product-thumb.uni-item {
    margin-bottom: 18px !important;
  }
}

@media (max-width: 575px) {
  #product-category .products-block:not(.is-list-table) .product-grid .product-thumb__image {
    padding: 0 !important;
  }
}

@media (max-width: 767px) {
  #product-category .products-block:not(.is-list-table) .product-grid .product-thumb__image {
    background: #fff !important;
  }

  #product-category .products-block:not(.is-list-table) .product-grid .qty-switch {
    display: none !important;
  }

  #product-category .products-block:not(.is-list-table) .product-grid .product-thumb__quick-order {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
  }
}

/* Touch: без hover — товар открывается с первого тапа */
@media (hover: none), (pointer: coarse), (max-width: 991px) {
  #product-category .products-block:not(.is-list-table) .product-grid .product-thumb.uni-item,
  #product-category .products-block:not(.is-list-table) .product-grid .product-thumb.uni-item:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  #product-category .products-block:not(.is-list-table) .product-grid .product-thumb__wishlist:not(.active) {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #product-category .products-block:not(.is-list-table) .product-grid .product-thumb__image a {
    touch-action: manipulation;
  }

  #product-category .product-thumb.scroll-fade,
  #product-category .product-thumb.scroll-fade:not(.is-visible) {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
}
