/* DM Catalog-only patch (scoped) */
/* Applies only to category pages and only inside main content to avoid affecting header/footer */
body.page-category #main{
  --dm-blue:#0f5f95;
  --dm-turq:#2bbec5;
  --dm-dark:#0b1b2a;
  --dm-bg:#f6f8fb;
  --dm-radius:18px;
  --dm-hair:1px solid rgba(0,0,0,.10);
}

/* Layout */
body.page-category #main #content-wrapper{
  padding-top: 0;
}
body.page-category #main .container{
  max-width: 1320px;
}
body.page-category #main #left-column{
  position: sticky;
  top: 16px;
  align-self: flex-start;
}

/* Category header boxes (keep existing markup, just make it look "card") */
body.page-category #main .block-category,
body.page-category #main .category-cover,
body.page-category #main .category-description{
  background:#fff;
  border:var(--dm-hair);
  border-radius:var(--dm-radius);
  box-shadow:0 10px 22px rgba(0,0,0,.04);
}
body.page-category #main .block-category{
  padding: 22px;
  margin-bottom: 18px;
}
body.page-category #main .block-category h1{
  font-weight: 900;
  letter-spacing: .2px;
  margin-bottom: 10px;
}

/* Faceted search wrapper => card */
body.page-category #main #search_filters_wrapper{
  background:#fff;
  border:var(--dm-hair);
  border-radius:var(--dm-radius);
  box-shadow:0 10px 22px rgba(0,0,0,.04);
  padding: 18px;
  margin-bottom: 18px;
}
body.page-category #main #search_filters_wrapper .h6,
body.page-category #main #search_filters_wrapper .title{
  font-weight: 900;
}

/* Facet blocks (accordion-like) */
body.page-category #main #search_filters .facet{
  border:var(--dm-hair);
  border-radius: 14px;
  padding: 14px 14px 8px;
  margin-bottom: 14px;
  background: #fff;
}
body.page-category #main #search_filters .facet .facet-title{
  font-weight: 900;
  font-size: 18px;
}
body.page-category #main #search_filters .facet .facet-label{
  margin: 8px 0;
}
body.page-category #main #search_filters .facet .custom-checkbox,
body.page-category #main #search_filters .facet .custom-radio{
  margin-right: 8px;
}

/* Brand chips (works for checkboxes rendered as list) */
body.page-category #main #search_filters .facet ul{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 10px 0 0;
  padding:0;
}
body.page-category #main #search_filters .facet ul li{
  list-style:none;
}
body.page-category #main #search_filters .facet ul li label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:var(--dm-hair);
  border-radius: 999px;
  padding: 8px 12px;
  cursor:pointer;
  background:#fff;
  transition: box-shadow .15s ease, transform .05s ease, border-color .15s ease;
}
body.page-category #main #search_filters .facet ul li label:hover{
  border-color: rgba(43,190,197,.7);
  box-shadow: 0 0 0 4px rgba(43,190,197,.12);
  transform: translateY(-1px);
}

/* Price inputs */
body.page-category #main #search_filters .facet .facet-content input[type="text"],
body.page-category #main #search_filters .facet .facet-content input[type="number"]{
  width: 100%;
  border:var(--dm-hair);
  border-radius: 12px;
  padding: 10px 12px;
}

/* Apply / reset buttons look */
body.page-category #main #search_filters .facet .btn,
body.page-category #main #search_filters_wrapper .btn{
  border-radius: 12px;
  font-weight: 900;
}
body.page-category #main #search_filters_wrapper .btn-primary,
body.page-category #main #search_filters_wrapper button[data-search-url]{
  background: linear-gradient(135deg, var(--dm-blue), #0b4a77);
  border: 0;
}
body.page-category #main #search_filters_wrapper .btn-primary:hover{
  box-shadow:0 12px 28px rgba(11,74,119,.28),0 0 0 4px rgba(43,190,197,.18);
  background: linear-gradient(135deg, var(--dm-turq), var(--dm-blue));
}

/* Products grid cards */
body.page-category #main .products{
  gap: 18px;
}
body.page-category #main .product-miniature{
  border:var(--dm-hair);
  border-radius:var(--dm-radius);
  box-shadow:0 10px 22px rgba(0,0,0,.04);
  overflow:hidden;
  background:#fff;
}
body.page-category #main .product-miniature .thumbnail-container{
  border:0;
}
body.page-category #main .product-miniature .product-title{
  font-weight: 700;
  line-height: 1.25;
}
body.page-category #main .product-miniature .price{
  font-weight: 900;
}

/* Add-to-cart button on cards */
body.page-category #main .product-miniature .add-to-cart,
body.page-category #main .product-miniature .btn{
  border-radius: 14px;
  font-weight: 900;
}
body.page-category #main .product-miniature .add-to-cart.btn-primary,
body.page-category #main .product-miniature .btn-primary{
  background: linear-gradient(135deg, var(--dm-blue), #0b4a77);
  border:0;
}
body.page-category #main .product-miniature .add-to-cart.btn-primary:hover,
body.page-category #main .product-miniature .btn-primary:hover{
  background: linear-gradient(135deg, var(--dm-turq), var(--dm-blue));
  box-shadow:0 12px 28px rgba(11,74,119,.28),0 0 0 4px rgba(43,190,197,.18);
}

/* Top bar: make it cleaner */
body.page-category #main .products-sort-order,
body.page-category #main .products-sort{
  border:var(--dm-hair);
  border-radius: 14px;
  padding: 10px 12px;
  background:#fff;
}
body.page-category #main .products-selection{
  margin-top: 14px;
  margin-bottom: 12px;
}

/* Sidebar: injected "Show per page" block */
body.page-category #main .dm-show-per-page{
  border:var(--dm-hair);
  border-radius: 14px;
  padding: 14px;
  margin-top: 14px;
  background:#fff;
}
body.page-category #main .dm-show-per-page .dm-title{
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 10px;
}
body.page-category #main .dm-show-per-page select{
  width:100%;
  border:var(--dm-hair);
  border-radius: 12px;
  padding: 10px 12px;
  background:#fff;
}

/* Responsive: make sidebar normal on small screens */
@media (max-width: 992px){
  body.page-category #main #left-column{ position: static; top:auto; }
}
