/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 07 2026 | 11:04:38 */
/* ==================================================
   CGA — FULL-WIDTH PRODUCT CATEGORIES AND SEARCH
   ================================================== */

/* Desktop and larger tablets */
@media (min-width: 850px) {

  /* Breadcrumb and sorting row */
  body.tax-product_cat
  .shop-page-title
  .page-title-inner,

  body.search.post-type-archive-product
  .shop-page-title
  .page-title-inner {
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: clamp(24px, 3vw, 64px) !important;
    padding-left: clamp(24px, 3vw, 64px) !important;
    box-sizing: border-box;
  }

  /* Sidebar and product-grid row */
  body.tax-product_cat
  #main > .category-page-row,

  body.search.post-type-archive-product
  #main > .category-page-row {
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: clamp(24px, 3vw, 64px) !important;
    padding-left: clamp(24px, 3vw, 64px) !important;
    box-sizing: border-box;
  }

  /* Remove the secondary product-grid width restriction */
  body.tax-product_cat .shop-container,
  body.tax-product_cat .shop-container .products.row,

  body.search.post-type-archive-product .shop-container,
  body.search.post-type-archive-product
  .shop-container
  .products.row {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Tablets and phones */
@media (max-width: 849px) {

  body.tax-product_cat
  .shop-page-title
  .page-title-inner,

  body.search.post-type-archive-product
  .shop-page-title
  .page-title-inner {
    width: 100% !important;
    max-width: none !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
    box-sizing: border-box;
  }

  body.tax-product_cat .shop-container,
  body.search.post-type-archive-product .shop-container {
    width: 100% !important;
    max-width: none !important;
  }
}