.elementor-element-7c8ac774{
    display:none;
  }
  
  .woocommerce .quantity .qty{
      width:150px !important;
  }
  /* Custom Filter Grid Layout */
  .custom-product-filter-wrapper {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 30px;
  align-items: start;
  min-height: 100vh;
  position: relative;
  }

  .elementor-17 .elementor-element.elementor-element-3251594 .woocommerce-mini-cart__buttons a.button{
    border-color:var(--e-global-color-primary) !important;
  }
  .posted_in a{
    color:var(--e-global-color-primary) !important;
  }
  .posted_in a:hover{
    color:var(--e-global-color-primary-hover) !important;
  }
  a.wc-block-components-product-name{
    color:var(--e-global-color-primary) !important;
  }
  a.wc-block-components-product-name:hover{
    color:var(--e-global-color-primary-hover) !important;
  }
  /* Sidebar Filter Styling */
  .custom-filter-sidebar {
  border: none;
  padding: 20px;
  background: #ffffff;
  border-radius: 8px;
  height: auto;
  position: sticky;
  top: 20px;
  align-self: start;
  overflow: visible;
  }
  
  .custom-filter-sidebar h2 {
  margin-top: 0;
  font-size: 20px;
  }
  
  /* Filter Groups */
  .filter-group {
  margin-bottom: 20px;
  }
  
  .filter-group label {
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
  }
  
  .filter-option label {
  white-space: nowrap;
  }
  
  .filter-option {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  }
  
  .filter-option input[type="radio"],
  .filter-option input[type="checkbox"] {
  margin-right: -2px;
  transform: scale(1.2);
  }
  
  /* Category Link Styling */
  .category-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: #333;
  padding: 8px 0;
  width: 100%;
  transition: color 0.2s ease;
  white-space:nowrap;
  }
  
  .category-link:hover {
  color: #0073aa;
  text-decoration: none;
  }
  
  .category-link.active {
  color: #0073aa;
  font-weight: 600;
  }
  
  .parent-category .category-link{
      margin-bottom: -2px;
      padding:0px;
      min-width: 270px;
  }
  
  .category-name {
  flex: 1;
  }
  
  .category-count {
  color: #666;
  font-size: 0.9em;
  
  }
  
  .category-link.active .category-count {
  color: #0073aa;
  }
  
  .child-categories {
  margin-bottom: 8px;
  
  }
  
  /* Product Grid Styling */
  .custom-product-grid .product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  }
  
  .product-grid h2 {
  font-size: 1rem;
  }
  
  .custom-product-grid .product {
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  }
  
  .custom-product-grid {
  overflow-x: hidden;
  }
  
  .custom-product-grid .product .button {
  font-size: 12px !important;
    padding: 10px !important;
    min-height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100%;
    max-width: none !important;
  }
  
  .add_to_cart_button {
  white-space: nowrap;
  text-align: center;
  }
  
  .price {
  display: none;
  }
  
  /* Pagination */
  .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 30px;
  text-align: center;
  justify-content: center !important;
  }
  
  .pagination .page-numbers {
  display: inline-block;
  padding: 8px 12px;
  background: #eee;
  text-decoration: none;
  border-radius: 4px;
  color: #333;
  transition: background 0.3s ease;
  }
  
  .pagination .page-numbers:hover {
  background: #ddd;
  }
  
  .pagination .page-numbers.current {
  background: #333;
  color: #fff;
  font-weight: bold;
  }
  
  .pagination .dots {
  padding: 8px 12px;
  color: #999;
  }
  
  /* Top Filter Row */
  #custom-filter-form-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  }
  
  #custom-filter-form-top .filter-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
  }
  
  #custom-filter-form-top label {
  margin: 0;
  font-weight: 400;
  white-space: nowrap;
  color: #666;
  }
  
  #custom-filter-form-top select {
  min-width: 140px;
  padding: 6px 8px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: 140px;
  }
  
  #custom-filter-form-top button#clear-filters {
  padding: 6px 12px;
  font-size: 14px;
  background: transparent;
  border: 1px solid crimson;
  color: crimson;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease;
  }
  
  #custom-filter-form-top button#clear-filters:hover {
  background: crimson;
  color: white;
  }
  
  /* === Category Toggle Styling === */
  .product-categories .children {
  display: block !important;
  padding-left: 15px;
  }
  
  .product-categories li {
  position: relative;
  padding-right: 20px;
  line-height: 1.4em;
  list-style: none;
  }
  
  /* Single Arrow Control (Only ONE block to manage + / -) */
  .toggle-arrow {
  cursor: pointer;
  user-select: none;
  color: #444;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin-left: 4px;
  }
  
  .toggle-arrow::before {
  content: "+";
  transition: transform 0.2s ease;
  font-size: 1.1em;
  }
  
  .toggle-arrow.open::before {
  content: "-";
  }
  
  /* Checkbox/Label/Arrow Alignment */
  .filter-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  }
  
  .filter-option.child {
  flex-grow: 1;
  margin: 3px 0 3px -4px;
  padding-left: 11px;
  opacity: 0.95;
  font-weight: 400 !important;
  justify-content: left;
  line-height: 0;
  font-size: .8em;
  min-width: 270px;
  }
  
  .filter-option.child label {
  padding-top: 5px;
  margin-top: 0px;
  }
  
  .filter-option.parent-category label {
  flex-grow: 1;
  margin: 0;
  font-size: 14px;
  }
  
  
  h2.woocommerce-loop-product__title, .woocommerce-loop-product__title {
   font-size: 14px !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
    text-align:left;
    color: #333;
  }
  
  .woocommerce .woocommerce-result-count{
    
  display:none;
  }
  .custom-pagination{
    text-align:center;
    margin-top:30px;
    margin-bottom:30px;
  }
  .custom-pagination .disabled {
    opacity: 0.4;
    cursor: default;
  }
  .custom-pagination button.active {
    font-weight: bold;
    border-bottom: 2px solid #000;
  }
  .custom-pagination .dots {
    margin: 0 5px;
    color: #777;
  }
  
  .elementor-17 .elementor-element.elementor-element-3251594 .woocommerce-mini-cart{
      max-height:100% !important;
  }
  
  .custom-pagination button{
    border:none !important;
    color:#000 !important;
  }
  .custom-pagination button:hover{
    border:none !important;
    color:#fff !important;
  }
  
  .custom-spinner-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px; /* Adjust based on expected height of results area */
  }
  
  .custom-spinner {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #d31f4f;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  
  .filter-search input {
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  
  /* Hide search functionality */
  .keyword-search-wrapper {
    display: none !important;
  }
  
  /* Sidebar filter styling */
  .custom-filter-sidebar .filter-section {
    margin: 0;
  }
  
  .custom-filter-sidebar .filter-section h3 {
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
    font-weight: 600;
  }
  
  .custom-filter-sidebar .filter-group {
    margin-bottom: 20px;
    border-top: 1px solid #eee;
    padding-top:8px;
    font-size: 1.3em;
  }
  
  .custom-filter-sidebar .filter-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
    font-size: 14px;
  }
  
  .custom-filter-sidebar .filter-group select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
  }
  
  .custom-filter-sidebar .filter-group select:focus {
    outline: none;
    border-color: #0073aa;
    box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.1);
  }
  
  .custom-filter-sidebar #clear-filters {
    background: none;
    border: none;
    color: red;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
    margin: 0;
  }
  
  .custom-filter-sidebar #clear-filters:hover {
    color: darkred;
  }
  
  /* Filter link styling - consistent with category links */
  .custom-filter-sidebar .filter-link {
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
  }
  
  .custom-filter-sidebar .filter-link:hover {
    color: #0073aa !important;
    text-decoration: none !important;
  }
  
  .custom-filter-sidebar .filter-link.active {
    color: #0073aa !important;
    font-weight: 600 !important;
  }
  
  /* Tighten line height for subcategories */
  .filter-option.child .category-link {
    line-height: 0 !important;
    margin-bottom: 1px !important;
  }
  
  .custom-filter-sidebar .filter-option {
    margin-bottom: 8px !important;
  }
  
  .custom-filter-sidebar .filter-group h4 {
    margin-bottom: 12px !important;
    color: #333 !important;
    font-weight: 600 !important;
  }
  .search-heading {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top:20px;
  }
  #clear-search {
    background: transparent;
    border: none;
    color: red;
    font-size: 16px;
    cursor: pointer;
  }
  
  .hidden {
    display: none !important;
  }
  
  #custom-filter-top-wrapper{
    margin-top:20px;
  }
  
  /* Category page specific styling */
  .woocommerce .custom-product-filter-wrapper {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 30px;
    align-items: start;
    min-height: 100vh;
    position: relative;
  }
  
  .woocommerce .custom-filter-sidebar {
    border: none;
    padding: 20px;
    background: #ffffff;
    border-radius: 8px;
    height: auto;
    position: sticky;
    top: 20px;
    align-self: start;
    overflow: visible;
  }
  
  /* Ensure main content area doesn't wrap under sidebar */
  .custom-product-filter-wrapper > div:last-child,
  .woocommerce .custom-product-filter-wrapper > div:last-child {
    min-width: 0;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  /* Category main content styling */
  .woocommerce .category-main-content {
    min-width: 0;
    overflow: hidden;
  }
  
  /* Ensure products stay within the grid layout */
  .woocommerce .custom-product-filter-wrapper .woocommerce ul.products {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  
  
  
  /* Force 4 columns on category pages - more specific */
  .woocommerce .custom-product-filter-wrapper ul.products,
  .woocommerce .custom-product-filter-wrapper .woocommerce ul.products,
  .woocommerce .custom-product-filter-wrapper #custom-product-results ul.products,
  .woocommerce .custom-product-filter-wrapper #custom-product-results .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* 4-column layout for category pages */
  .woocommerce .custom-product-filter-wrapper .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
  }
  
  @media (max-width: 768px) {
      
      
      .elementor-element-46cd473{
          margin-top:-275px !important;
      }
      .elementor-element-1e7f3cfe{
          margin-top:-275px !important;
      }
      .elementor-element-498dbb90{
          margin-top:-105px !important;
      }
      .wpr-mobile-toggle{
          height: 55px;
          margin-top: -3px;
          padding-top: 15px !important;
      }
      
      .elementor-heading-title.elementor-size-default{
          font-size:24px !important;
      }
      
      .woocommerce ul.products li.product .woocommerce-loop-product__title{
          font-size:12px !important;
      }
      .woocommerce-breadcrumb, .wp-singular .woocommerce-breadcrumb{
      text-align: left;
      color: #777777;
      font-family: "Montserrat", Sans-serif;
      font-size: 12px !important;
      font-weight: 500;
      margin-top: -4px !important;
      }
      
      #custom-product-results .add_to_cart_button{
          display:none !important;
      }
      
      #custom-product-results .product{
      padding-bottom:0px !important;    
      }
      
      .archive .elementor-widget-heading{
          margin-top:-40px;
      }
      
      .elementor-widget-wpr-product-breadcrumbs-pro{
          margin-top:-50px;
          margin-left:-20px;
      }
      
  .woocommerce ul.products li.product img{
          width:133px !important;
          max-width:133px !important;
      }
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .woocommerce .custom-product-filter-wrapper ul.products,
    .woocommerce .custom-product-filter-wrapper .woocommerce ul.products,
    .woocommerce .custom-product-filter-wrapper #custom-product-results ul.products,
    .woocommerce .custom-product-filter-wrapper #custom-product-results .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .woocommerce .custom-product-filter-wrapper #custom-product-results .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .custom-product-grid .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
  }
  
  /* Ensure category links work properly on category pages */
  .woocommerce .category-link {
    pointer-events: auto;
    cursor: pointer;
  }
  
  /* Hide default WooCommerce elements on category pages when our filter is active */
  .woocommerce .custom-product-filter-wrapper + .woocommerce-ordering,
  .woocommerce .custom-product-filter-wrapper + .woocommerce-result-count {
    display: none !important;
  }
  
  /* Hide WooCommerce products that appear outside our wrapper on category pages */
  .woocommerce .custom-product-filter-wrapper ~ .woocommerce ul.products {
    display: none !important;
  }
  
  /* Move WooCommerce products into our custom container on category pages */
  .woocommerce .custom-product-filter-wrapper {
    position: relative;
  }
  
  .woocommerce .custom-product-filter-wrapper #custom-product-results {
    position: relative;
    min-height: 400px; /* Give some space for products */
    padding:20px;
  }
  
  /* Target products that appear after our wrapper and move them inside custom-product-results */
  .woocommerce .custom-product-filter-wrapper ~ .woocommerce ul.products {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
  }
  
  /* Ensure products inside custom-product-results have proper styling */
  .woocommerce .custom-product-filter-wrapper #custom-product-results .woocommerce ul.products {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  
  /* Ensure the products container has the right positioning context */
  .woocommerce .custom-product-filter-wrapper > div:last-child {
    position: relative;
  }
  
  
  
  .stock{
    display:none;
  }
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button, .single_add_to_cart_button{
    
    color: #515151 !important;
    background-color: #e9e6ed !important;
  }
  
  .elementor-products-grid ul.products.elementor-grid li.product{
  background: #eeeeee33 !important;
  }
  
  /* Disable Elementor entrance animations on search pages */
  body.search .elementor-element,
  body.search .elementor-widget,
  body.search .elementor-products-grid li.product,
  body.search ul.products.elementor-grid li.product {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  
  /* Disable Elementor animation classes on search pages */
  body.search .elementor-invisible,
  body.search .elementor-animated {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  
  .product_meta span{
      width:100%;
  }
  
  .wpr-product-breadcrumbs a:hover{
    color: #0073aa !important; 
  }
  
  #custom-categories-results{
    padding:0px 20px;
  }
  
  /* Hover effect - lift up with enhanced shadow */
  .woocommerce ul.products li.product:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
    background: #fff !important;
  }
  
  .related ul.products li.product{
      padding: 12px !important;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
      transform: translateY(0);
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
  }
  
  .related ul.products li.product:hover{
      padding: 12px  !important;
  }
  
  
  .product .qty{
      margin-top:12px;
  }
  
  .related .woocommerce-Price-amount{
      display:none;
  }
  /* Category card hover effect - same as product cards */
  .category-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
    background: #eeeeee33 !important;
  }
  
  /* Product image container */
  .woocommerce ul.products li.product .woocommerce-loop-product__link {
    flex-shrink: 0 !important;
    margin-bottom: 10px !important;
  }
  
  /* Product title and content area */
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    flex-grow: 1 !important;
    margin-bottom: 10px !important;
    min-height: 2.6em !important; /* Ensure minimum height for 2 lines */
    display: flex !important;
    align-items: flex-start !important;
  }
  
  /* Button container - pushes to bottom */
  .woocommerce ul.products li.product .button {
    margin-top: auto !important;
    align-self: stretch !important;
    width: 100% !important;
    margin-bottom: 0 !important;
  }
  
  
  .wp-singular .woocommerce-breadcrumb{
      margin:48px 0 0 0;
      text-align: left;
      color: #777777;
      font-family: "Montserrat", Sans-serif;
      font-size: 13px !important;
      font-weight: 500;
  }
  
  .woocommerce-breadcrumb{
      margin:48px 0 35px 0 !important;
      text-align: left;
      color: #777777;
      font-family: "Montserrat", Sans-serif;
      font-size: 13px !important;
      font-weight: 500;
  }
  
  .wp-singular .product_meta > span {
      width: 100%;
      display: block;
  }
  
  .wp-singular .product_meta .tagged_as {
  display:none;
  }
  
  .flex-direction-nav{
      display:none;
  }
  
  .single_add_to_cart_button {
      width: 150px !important;
      height: 50px !important;
      border-radius: 4px !important;
      background: #136FB3 !important;
      color: white !important;
      border: none !important;
      font-size: 24px !important;
      font-weight: bold !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      transform: translateY(-2px) !important;
      margin: -30px 0 -5px auto !important;
      cursor: pointer !important;
      transition: all 0.3s ease !important;
      overflow: hidden !important;
      white-space: nowrap !important;
      position: relative !important;
      padding: 0 !important;
      margin: 10px 0 !important;
      max-width: 150px !important;
  }
  
              /* Global button styling for all product buttons */
              .woocommerce ul.products li.product .button {
                  width: 50px !important;
                  height: 50px !important;
                  border-radius: 50% !important;
                  background: #136FB3 !important;
                  color: white !important;
                  border: none !important;
                  font-size: 24px !important;
                  font-weight: bold !important;
                  display: flex !important;
                  align-items: center !important;
                  justify-content: center !important;
                  transform: translateY(-2px) !important;
                  margin: -15px 0 -5px auto !important;
                  cursor: pointer !important;
                  transition: all 0.3s ease !important;
                  overflow: hidden !important;
                  white-space: nowrap !important;
                  position: relative !important;
                  padding: 0 !important;
                  min-height: 50px !important;
                  max-width: 50px !important;
              }
              
  
              
    /* Hover effect - expand button to the left */
              .woocommerce ul.products li.product .button:hover {
                  width: 145px !important;
                  max-width: 145px !important;
                  border-radius: 25px !important;
                  font-size: 14px !important;
                  padding: 0 15px !important;
              }
              
              /* Change "Add to cart" to "Add to Quote" on simple product buttons only */
              .woocommerce ul.products li.product.simple .button,
              .woocommerce .products .product.simple .button,
              .woocommerce .product.simple .button,
              .woocommerce ul.products li.product .button.product_type_simple,
              .woocommerce .products .product .button.product_type_simple,
              .woocommerce .product .button.product_type_simple {
                  font-size: 0 !important;
                  position: relative !important;
              }
              
              .woocommerce ul.products li.product.simple .button::before,
              .woocommerce .products .product.simple .button::before,
              .woocommerce .product.simple .button::before,
              .woocommerce ul.products li.product .button.product_type_simple::before,
              .woocommerce .products .product .button.product_type_simple::before,
              .woocommerce .product .button.product_type_simple::before {
                  content: "+" !important;
                  position: absolute !important;
                  top: 45% !important;
                  left: 50% !important;
                  transform: translate(-50%, -50%) !important;
                  font-size: 24px !important;
                  font-weight: bold !important;
                  white-space: nowrap !important;
                  color: inherit !important;
                  line-height: 1 !important;
                  transition: all 0.3s ease !important;
              }
              
              /* Hover effect for simple products */
              .woocommerce ul.products li.product.simple .button:hover::before,
              .woocommerce .products .product.simple .button:hover::before,
              .woocommerce .product.simple .button:hover::before,
              .woocommerce ul.products li.product .button.product_type_simple:hover::before,
              .woocommerce .products .product .button.product_type_simple:hover::before,
              .woocommerce .product .button.product_type_simple:hover::before {
                  content: "+ Add to Quote" !important;
                  font-size: 14px !important;
                  padding-top:4px;
              }
              
              /* Hide any remaining "Add to cart" text for simple products only */
              .woocommerce ul.products li.product.simple .button span,
              .woocommerce .products .product.simple .button span,
              .woocommerce .product.simple .button span,
              .woocommerce ul.products li.product .button.product_type_simple span,
              .woocommerce .products .product .button.product_type_simple span,
              .woocommerce .product .button.product_type_simple span {
                  display: none !important;
              }
              
              /* Preserve "Select Options" text for variable products */
              .woocommerce ul.products li.product.variable .button.product_type_variable,
              .woocommerce .products .product.variable .button.product_type_variable,
              .woocommerce .product.variable .button.product_type_variable,
              .woocommerce ul.products li.product .button.product_type_variable,
              .woocommerce .products .product .button.product_type_variable,
              .woocommerce .product .button.product_type_variable {
                  font-size: 0 !important;
                  position: relative !important;
              }
              
              .woocommerce ul.products li.product.variable .button.product_type_variable::before,
              .woocommerce .products .product.variable .button.product_type_variable::before,
              .woocommerce .product.variable .button.product_type_variable::before,
              .woocommerce ul.products li.product .button.product_type_variable::before,
              .woocommerce .products .product .button.product_type_variable::before,
              .woocommerce .product .button.product_type_variable::before {
                  content: "+" !important;
                  position: absolute !important;
                  top: 50% !important;
                  left: 50% !important;
                  transform: translate(-50%, -50%) !important;
                  font-size: 24px !important;
                  font-weight: bold !important;
                  white-space: nowrap !important;
                  color: inherit !important;
                  line-height: 1 !important;
                  transition: all 0.3s ease !important;
                  margin-top:-2px;
              }
              
              /* Hover effect for variable products */
              .woocommerce ul.products li.product.variable .button.product_type_variable:hover::before,
              .woocommerce .products .product.variable .button.product_type_variable:hover::before,
              .woocommerce .product.variable .button.product_type_variable:hover::before,
              .woocommerce ul.products li.product .button.product_type_variable:hover::before,
              .woocommerce .products .product .button.product_type_variable:hover::before,
              .woocommerce .product .button.product_type_variable:hover::before {
                  content: "+ Select Options" !important;
                  font-size: 14px !important;
                  margin-top:0px;
              }
              
              .woocommerce ul.products li.product.variable .button.product_type_variable span,
              .woocommerce .products .product.variable .button.product_type_variable span,
              .woocommerce .product.variable .button.product_type_variable span,
              .woocommerce ul.products li.product .button.product_type_variable span,
              .woocommerce .products .product .button.product_type_variable span,
              .woocommerce .product .button.product_type_variable span {
                  display: inline !important;
              }
            
            /* Additional CSS for individual product page buttons */
            .woocommerce .product .single_add_to_cart_button,
            .woocommerce .product .button.single_add_to_cart_button,
            .woocommerce .product form.cart .button,
            .woocommerce .product .cart .button,
            .woocommerce .product .single_add_to_cart_button.button,
            .woocommerce .product button.single_add_to_cart_button,
            .woocommerce .product input.single_add_to_cart_button {
                font-size: 0 !important;
                position: relative !important;
                  background: #136FB3 !important;
                      color: white !important;
                      border: none !important;
            }
            
            .woocommerce .product .single_add_to_cart_button::before,
            .woocommerce .product .button.single_add_to_cart_button::before,
            .woocommerce .product form.cart .button::before,
            .woocommerce .product .cart .button::before,
            .woocommerce .product .single_add_to_cart_button.button::before,
            .woocommerce .product button.single_add_to_cart_button::before,
            .woocommerce .product input.single_add_to_cart_button::before {
                content: "Add to Quote" !important;
                position: absolute !important;
                top: 50% !important;
                left: 50% !important;
                transform: translate(-50%, -50%) !important;
                font-size: 14px !important;
                white-space: nowrap !important;
                color: inherit !important;
            }
            
            .woocommerce .product .single_add_to_cart_button:hover,
            .woocommerce .product .button.single_add_to_cart_button:hover,
            .woocommerce .product form.cart .button:hover,
            .woocommerce .product .cart .button:hover,
            .woocommerce .product .single_add_to_cart_button.button:hover,
            .woocommerce .product button.single_add_to_cart_button:hover,
            .woocommerce .product input.single_add_to_cart_button:hover {
                background: #00406F !important;
            }
            
            /* Hide any remaining "Add to cart" text on individual product pages */
            .woocommerce .product .single_add_to_cart_button span,
            .woocommerce .product .button.single_add_to_cart_button span,
            .woocommerce .product form.cart .button span,
            .woocommerce .product .cart .button span,
            .woocommerce .product .single_add_to_cart_button.button span,
            .woocommerce .product .button.single_add_to_cart_button span,
            .woocommerce .product .single_add_to_cart_button.button span {
                display: none !important;
            }
  
  /* Cutsheet Tab Styling */
  .cutsheets-tab-content {
      padding: 20px 0;
  }
  
  .cutsheets-tab-content h3 {
      margin-bottom: 20px;
      font-size: 18px;
      color: #333;
      font-weight: 600;
  }
  
  .cutsheet-links {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: flex-start;
  }
  
  .cutsheet-item {
      display: inline-block;
      margin: 5px;
      transition: transform 0.3s ease;
  }
  
  .cutsheet-item:hover {
      transform: scale(1.05);
  }
  
  .cutsheet-link {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-decoration: none;
      color: #333;
      transition: color 0.3s ease;
      text-align: center;
  }
  
  .cutsheet-link:hover {
      color: #0073aa;
      text-decoration: none;
  }
  
  .cutsheet-thumbnail {
      width: 150px;
      height: 150px;
      overflow: hidden;
      border: none;
      transition: all 0.3s ease;
      cursor: pointer;
      display: inline-block;
      margin-top:-50px;
  }
  
  .cutsheet-thumbnail img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s ease;
  }
  
  .cutsheet-item:hover .cutsheet-thumbnail {
      border-color: #0073aa;
  }
  
  .cutsheet-item:hover .cutsheet-thumbnail img {
      transform: scale(1.05);
  }
  
  .cutsheet-icon {
      font-size: 20px;
      flex-shrink: 0;
  }
  
  .cutsheet-name {
      font-weight: 500;
      line-height: 1.4;
      text-align: center;
  }
  
  /* Cutsheet PDF links styling */
  .cutsheet-pdfs-additional-info {
      margin-top: 30px;
      padding-top: 30px;
      border-top: 1px solid #e9ecef;
  }
  
  .cutsheet-pdf-links {
      display: flex;
      flex-direction: column;
      gap: 12px;
  }
  
  .cutsheet-pdf-item {
      display: flex;
      align-items: center;
  }
  
  .cutsheet-pdf-link {
      display: flex;
      align-items: center;
      text-decoration: none;
      color: #333;
      transition: color 0.3s ease;
      font-size: 16px;
      gap: 8px;
  }
  
  .cutsheet-pdf-link:hover {
      color: #0073aa;
      text-decoration: none;
  }
  
  .cutsheet-pdf-name {
      font-weight: 500;
  }
  
  /* PDF Thumbnail Styles */
  .cutsheet-pdf-thumbnails {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      gap: 20px;
      margin-top: 20px;
  }
  
  .cutsheet-pdf-thumbnail-item {
      display: flex;
      flex-direction: column;
  }
  
  .cutsheet-pdf-thumbnail-wrapper {
      position: relative;
  }
  
  .cutsheet-pdf-thumbnail-link {
      display: block;
      text-decoration: none;
      color: #333;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border-radius: 8px;
      overflow: hidden;
      background: #fff;
      border: 1px solid #e9ecef;
  }
  
  .cutsheet-pdf-thumbnail-link:hover {
      transform: translateY(-4px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      text-decoration: none;
  }
  
  .cutsheet-pdf-preview {
      position: relative;
      width: 100%;
      height: 400px;
      background: #fff;
      overflow: hidden;
  }
  
  .cutsheet-pdf-thumbnail-img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
  }
  
  .cutsheet-pdf-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.7);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity 0.3s ease;
      color: #fff;
      z-index: 2;
  }
  
  .cutsheet-pdf-thumbnail-link:hover .cutsheet-pdf-overlay {
      opacity: 1;
  }
  
  .cutsheet-pdf-icon {
      font-size: 48px;
      margin-bottom: 10px;
  }
  
  .cutsheet-pdf-view-text {
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
  }
  
  .cutsheet-pdf-thumbnail-name {
      display: none;
  }
  
  /* Responsive PDF thumbnails */
  @media (max-width: 768px) {
      .cutsheet-pdf-thumbnails {
          grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
          gap: 15px;
      }
      
      .cutsheet-pdf-preview {
          height: 200px;
      }
      
      .cutsheet-pdf-icon {
          font-size: 36px;
      }
      
      .cutsheet-pdf-view-text {
          font-size: 12px;
      }
  }
  
  .cutsheet-pdfs-tab-content {
      padding: 20px 0;
  }
  
  .cutsheet-request-message {
      padding: 20px;
      color: #666;
      font-size: 16px;
  }
  
  .cutsheet-request-message p {
      margin: 0;

  }
  
  .cutsheets-additional-info {
      margin-top: 30px;
      padding-top: 30px;
  }
  
  /* WooCommerce Tabs Container Spacing */
  .woocommerce-tabs {
      margin-bottom: 60px !important;
  }
  
  .woocommerce-tabs ul.tabs,
  .woocommerce-tabs .tabs {
      margin-bottom: 0 !important;
  }
  
  /* WooCommerce Tabs Active State Styling */
  .woocommerce-tabs ul.tabs li.active,
  .woocommerce-tabs .tabs li.active {
      background-color: #fff !important;
      border-bottom: 2px solid #0073aa !important;
      position: relative;
      z-index: 1;
  }
  
  .woocommerce-tabs ul.tabs li.active a,
  .woocommerce-tabs .tabs li.active a {
      background-color: #fff !important;
      color: #0073aa !important;
      font-weight: 600 !important;
      border-bottom-color: transparent !important;
      opacity: 1 !important;
  }
  
  .woocommerce-tabs ul.tabs li:not(.active),
  .woocommerce-tabs .tabs li:not(.active) {
      background-color: #f5f5f5 !important;
      border-bottom: 2px solid transparent !important;
      opacity: 0.6 !important;
  }
  
  .woocommerce-tabs ul.tabs li:not(.active) a,
  .woocommerce-tabs .tabs li:not(.active) a {
      background-color: #f5f5f5 !important;
      color: #000 !important;
      font-weight: 400 !important;
      opacity: 1 !important;
  }
  
  .woocommerce-tabs ul.tabs li a:hover,
  .woocommerce-tabs .tabs li a:hover {
      color: #0073aa !important;
  }
  
  .woocommerce-tabs ul.tabs li:hover:not(.active),
  .woocommerce-tabs .tabs li:hover:not(.active) {
      background-color: #f0f0f0 !important;
      opacity: 0.8 !important;
  }
  
  .woocommerce-tabs ul.tabs li:hover:not(.active) a,
  .woocommerce-tabs .tabs li:hover:not(.active) a {
      background-color: #f0f0f0 !important;
      color: #0073aa !important;
      opacity: 0.9 !important;
  }
  
  /* Tab Content Spacing */
  .woocommerce-Tabs-panel {
      margin-left: 20px !important;
      padding-top: 20px !important;
  }
  
  .woocommerce-Tabs-panel--description {
      margin-top: 30px !important;
      padding-top: 30px !important;
  }
  
  .woocommerce-Tabs-panel--additional_information,
  .woocommerce-Tabs-panel--cutsheets {
      margin-top: 20px !important;
  }
  
  /* Hide Description and Additional Information headings and horizontal lines */
  .woocommerce-product-attributes__heading,
  .woocommerce-Tabs-panel--description h2,
  .woocommerce-Tabs-panel--description > h2:first-of-type,
  .woocommerce-Tabs-panel--description hr,
  .woocommerce-Tabs-panel--additional_information h2,
  .woocommerce-Tabs-panel--additional_information > h2:first-of-type,
  .woocommerce-Tabs-panel--additional_information hr {
      display: none !important;
  }
  
  .elementor-heading-title{
    color:#00406f;
  }
  
  /* Responsive design for cutsheet tab */
  @media (max-width: 768px) {
      .cutsheet-links {
          gap: 8px;
      }
      
      .cutsheet-item {
          margin: 3px;
      }
      
      .cutsheet-thumbnail {
          width: 120px;
          height: 120px;
      }
      
      .cutsheet-icon {
          font-size: 18px;
      }
  }
  
  /* Search Results Styling - Match Category Listings */
  .search-header {
      margin-bottom: 30px;
      padding-bottom: 20px;
      border-bottom: 1px solid #e9ecef;
  }
  
  .search-header h1 {
      font-size: 24px;
      color: #333;
      margin-bottom: 10px;
      font-weight: 600;
  }
  
  .search-header p {
      color: #666;
      font-size: 16px;
      margin: 0;
  }
  
  .search-info {
      background: #f8f9fa;
      padding: 15px;
      border-radius: 6px;
      margin-top: 20px;
  }
  
  .search-info h3 {
      margin-top: 0;
      margin-bottom: 10px;
      font-size: 16px;
      color: #333;
  }
  
  .search-info p {
      margin: 5px 0;
      font-size: 14px;
      color: #666;
  }
  
  .no-results {
      text-align: center;
      padding: 60px 20px;
      background: #f8f9fa;
      border-radius: 8px;
      margin: 40px 0;
  }
  
  .no-results h2 {
      color: #333;
      margin-bottom: 15px;
      font-size: 24px;
  }
  
  .no-results p {
      color: #666;
      font-size: 16px;
      margin-bottom: 10px;
  }
  
  .no-results a {
      color: #0073aa;
      text-decoration: none;
      font-weight: 500;
  }
  
  .no-results a:hover {
      text-decoration: underline;
  }
  
  .search-intro {
      text-align: center;
      padding: 60px 20px;
  }
  
  .search-intro h1 {
      color: #333;
      margin-bottom: 15px;
      font-size: 28px;
  }
  
  .search-intro p {
      color: #666;
      font-size: 18px;
  }
  
  /* Force search results to use exact same styling as category listings */
  .search-results .woocommerce ul.products li.product {
      background: #fff !important;
      border-radius: 8px !important;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
      transition: all 0.3s ease !important;
      transform: translateY(0) !important;
      padding: 15px !important;
      margin-bottom: 20px !important;
      border: 1px solid #e9ecef !important;
      position: relative !important;
      display: flex !important;
      flex-direction: column !important;
      height: 100% !important;
  }
  
  .search-results .woocommerce ul.products li.product:hover {
      transform: translateY(-8px) !important;
      box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
      background: #fff !important;
  }
  
  .search-results .woocommerce ul.products li.product .woocommerce-loop-product__link {
      flex-shrink: 0 !important;
      margin-bottom: 10px !important;
      border-radius: 6px !important;
      overflow: hidden !important;
  }
  
  .search-results .woocommerce ul.products li.product .woocommerce-loop-product__link img {
      width: 100% !important;
      height: auto !important;
      
      transition: transform 0.3s ease !important;
      mix-blend-mode: multiply;
  }
  
  .search-results .woocommerce ul.products li.product:hover .woocommerce-loop-product__link img {
      transform: scale(1.05) !important;
  }
  
  .search-results .woocommerce ul.products li.product .woocommerce-loop-product__title {
      margin-bottom: 10px !important;
      font-size: 16px !important;
      font-weight: 600 !important;
      line-height: 1.4 !important;
      flex-grow: 1 !important;
  }
  
  .search-results .woocommerce ul.products li.product .woocommerce-loop-product__title a {
      color: #333 !important;
      text-decoration: none !important;
      transition: color 0.3s ease !important;
  }
  
  .search-results .woocommerce ul.products li.product .woocommerce-loop-product__title a:hover {
      color: #0073aa !important;
  }
  
  /* Button styling for search results - match category listings exactly */
  .search-results .woocommerce ul.products li.product .button {
      background: #0073aa !important;
      color: #fff !important;
      padding: 8px 16px !important;
      border-radius: 4px !important;
      text-decoration: none !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      transition: all 0.3s ease !important;
      display: inline-block !important;
      border: none !important;
      margin-top: 10px !important;
      align-self: flex-start !important;
  }
  
  .search-results .woocommerce ul.products li.product .button:hover {
      background: #005a87 !important;
      color: #fff !important;
      transform: translateY(-1px) !important;
      box-shadow: 0 2px 8px rgba(0, 115, 170, 0.3) !important;
  }
  
  /* Variable product button styling */
  .search-results .woocommerce ul.products li.product.variable .button.product_type_variable {
      background: #0073aa !important;
      color: #fff !important;
      padding: 8px 16px !important;
      border-radius: 4px !important;
      text-decoration: none !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      transition: all 0.3s ease !important;
      display: inline-block !important;
      border: none !important;
      margin-top: 10px !important;
      align-self: flex-start !important;
  }
  
  .search-results .woocommerce ul.products li.product.variable .button.product_type_variable:hover {
      background: #005a87 !important;
      color: #fff !important;
      transform: translateY(-1px) !important;
      box-shadow: 0 2px 8px rgba(0, 115, 170, 0.3) !important;
  }
  
  /* Simple product button styling */
  .search-results .woocommerce ul.products li.product.simple .button.product_type_simple {
      background: #0073aa !important;
      color: #fff !important;
      padding: 8px 16px !important;
      border-radius: 4px !important;
      text-decoration: none !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      transition: all 0.3s ease !important;
      display: inline-block !important;
      border: none !important;
      margin-top: 10px !important;
      align-self: flex-start !important;
  }
  
  .search-results .woocommerce ul.products li.product.simple .button.product_type_simple:hover {
      background: #005a87 !important;
      color: #fff !important;
      transform: translateY(-1px) !important;
      box-shadow: 0 2px 8px rgba(0, 115, 170, 0.3) !important;
  }
  
  /* Elementor Search Results Styling - Match Category Listings */
  .elementor-post {
      background: #eeeeee33 !important;
      border-radius: 8px !important;
      transition: all 0.3s ease !important;
      transform: translateY(0) !important;
      padding: 15px !important;
      margin-bottom: 20px !important;
      border: none !important;
  }
  
  .elementor-post:hover {
      transform: translateY(-8px) !important;
      
      background: #fff !important;
  }
  
  .elementor-post__card {
      display: flex !important;
      flex-direction: column !important;
      height: 100% !important;
      background: #eeeeee33 !important;
  }
  
  .elementor-post__thumbnail {
      border-radius: 6px !important;
      overflow: hidden !important;
      margin-bottom: 15px !important;
  }
  
  .elementor-post__thumbnail img {
      width: 100% !important;
      height: auto !important;
      transition: transform 0.3s ease !important;
      mix-blend-mode: multiply;
  }
  
  .elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link:after{
      background-image:none !important;
  }
  .elementor-post:hover .elementor-post__thumbnail img {
      transform: scale(1);
  }
  
  .elementor-post__text {
      flex-grow: 1 !important;
      display: flex !important;
      flex-direction: column !important;
  }
  
  .elementor-post__title {
      margin-bottom: 10px !important;
      font-size: 16px !important;
      font-weight: 600 !important;
      line-height: 1.4 !important;
  }
  
  .elementor-post__title a {
      color: #333 !important;
      text-decoration: none !important;
      transition: color 0.3s ease !important;
  }
  
  .elementor-post__title a:hover {
      color: #0073aa !important;
  }
  
  .elementor-post__excerpt {
      flex-grow: 1 !important;
      margin-bottom: 15px !important;
      font-size: 14px !important;
      color: #666 !important;
      line-height: 1.5 !important;
  }
  
  .elementor-post__read-more {
      background: #0073aa !important;
      color: #fff !important;
      padding: 8px 16px !important;
      border-radius: 4px !important;
      text-decoration: none !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      transition: all 0.3s ease !important;
      display: inline-block !important;
      align-self: flex-start !important;
  }
  
  .elementor-post__read-more:hover {
      background: #005a87 !important;
      color: #fff !important;
      transform: translateY(-1px) !important;
      box-shadow: 0 2px 8px rgba(0, 115, 170, 0.3) !important;
  }
  
  /* Responsive adjustments for Elementor posts */
  @media (max-width: 768px) {
      .related ul.products li.product .button{
          display:none !important;
      }
      .product_meta{
      margin-left: 10px;
      font-size: 14px;
      }
      
      .product .flex-control-nav{
          display:none;
      }
      .woocommerce-variation-add-to-cart{
      margin-top: -25px;
      text-align: center;
      width: 100%;
      padding-left: 54px;
      }
      
      ul.wc-tabs{
          font-size:12px;
      }
      
      .product_title.entry-title{
          font-size:20px;
      }
      .elementor-post {
          padding: 12px !important;
          margin-bottom: 15px !important;
      }
      
      .elementor-post__title {
          font-size: 15px !important;
      }
      
      .elementor-post__excerpt {
          font-size: 13px !important;
      }
      
      .elementor-post__read-more {
          padding: 6px 12px !important;
          font-size: 13px !important;
      }
  }
  
  /* Cutsheet Lightbox Styling */
  .cutsheet-lightbox {
      display: none;
      position: fixed;
      z-index: 9999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.9);
      align-items: center;
      justify-content: center;
      padding: 20px;
      box-sizing: border-box;
  }
  
  .cutsheet-lightbox-content {
      position: relative;
      max-width: 90%;
      max-height: 90%;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  
  .cutsheet-lightbox img {
      max-width: 100%;
      max-height: 80vh;
      object-fit: contain;
      border-radius: 8px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  }
  
  .cutsheet-lightbox-caption {
      color: white;
      text-align: center;
      margin-top: 15px;
      font-size: 16px;
      font-weight: 500;
      max-width: 600px;
  }
  
  .cutsheet-lightbox-close {
      position: absolute;
      top: -40px;
      right: 0;
      color: white;
      font-size: 30px;
      font-weight: bold;
      cursor: pointer;
      background: rgba(0, 0, 0, 0.5);
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background-color 0.3s ease;
  }
  
  .cutsheet-lightbox-close:hover {
      background: rgba(0, 0, 0, 0.8);
  }
  
  /* Mobile responsive for lightbox */
  @media (max-width: 768px) {
      .cutsheet-lightbox {
          padding: 10px;
      }
      
      .cutsheet-lightbox img {
          max-height: 70vh;
      }
      
      .cutsheet-lightbox-caption {
          font-size: 14px;
          margin-top: 10px;
      }
      
      .cutsheet-lightbox-close {
          top: -35px;
          font-size: 25px;
          width: 35px;
          height: 35px;
      }
  }
  
  /* Subcategories Display */
  .subcategories-display {
      margin-top: 60px;
      padding-top: 40px;
      border-top: 2px solid #e9ecef;
  }
  
  .subcategories-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 20px;
  }
  
  .subcategory-card {
      background: #fff;
      border: 1px solid #e9ecef;
      border-radius: 8px;
      padding: 20px;
      text-align: center;
      transition: all 0.3s ease;
      cursor: pointer;
  }
  
  .subcategory-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      border-color: #0073aa;
  }
  
  .subcategory-card a {
      text-decoration: none;
      color: inherit;
      display: block;
  }
  
  .subcategory-card h3 {
      margin: 0 0 10px 0;
      font-size: 18px;
      font-weight: 600;
      color: #333;
  }
  
  .subcategory-card:hover h3 {
      color: #0073aa;
  }
  
  .subcategory-card p {
      margin: 0;
      color: #666;
      font-size: 14px;
  }
  
  /* Mobile Filter Toggle Button */
  .mobile-filters-button {
      display: none;
      align-items: center;
      gap: 8px;
      padding: 12px 20px;
      background: #0073aa;
      color: white;
      border: none;
      border-radius: 6px;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      margin-bottom: 20px;
      transition: background-color 0.3s ease;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  /* Hide close button on desktop */
  .mobile-sidebar-close {
      display: none;
  }
  
  .mobile-filters-button:hover {
      background: #005a87;
  }
  
  .mobile-filters-button .filter-icon {
      font-size: 18px;
  }
  
  /* Mobile Filter Overlay */
  .mobile-filter-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 9998;
      opacity: 0;
      transition: opacity 0.3s ease;
  }
  
  .mobile-filter-overlay.active {
      display: block;
      opacity: 1;
  }
  
  /* Mobile Sidebar Styles */
  @media (max-width: 768px) {

    .alignwide{
        margin-inline: auto !important;
    }
      /* Show filters button on mobile */
      .mobile-filters-button {
          display: flex;
      }
      
      /* Elementor element width on mobile */
      .elementor-17 .elementor-element.elementor-element-b8e2698 {
          width: 65%;
      }
      
      /* Hide sidebar by default on mobile */
      .woocommerce .custom-product-filter-wrapper,
      .elementor-page-23783 .custom-product-filter-wrapper {
          grid-template-columns: 1fr !important;
          gap: 0 !important;
      }
      
      .woocommerce .custom-filter-sidebar,
      .elementor-page-23783 .custom-filter-sidebar {
          position: fixed;
          top: 0;
          left: -100%;
          width: 100%;
          height: 100vh;
          z-index: 9999;
          background: #ffffff;
          box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
          transition: left 0.3s ease;
          overflow-y: auto;
          padding: 20px;
          border-radius: 0;
      }
      
      .woocommerce .custom-filter-sidebar.active,
      .elementor-page-23783 .custom-filter-sidebar.active {
          left: 0;
      }
      
      /* Close button for mobile sidebar */
      .mobile-sidebar-close {
          display: none;
      }
      
      .woocommerce .custom-filter-sidebar .mobile-sidebar-close,
      .elementor-page-23783 .custom-filter-sidebar .mobile-sidebar-close {
          display: flex;
          position: absolute;
          top: 15px;
          right: 15px;
          font-size: 32px;
          color: #333;
          cursor: pointer;
          z-index: 10000;
          width: 36px;
          height: 36px;
          align-items: center;
          justify-content: center;
          background: #f5f5f5;
          border: none;
          border-radius: 50%;
          transition: background-color 0.2s ease;
          padding: 0;
          line-height: 1;
      }
      
      .woocommerce .custom-filter-sidebar .mobile-sidebar-close:hover,
      .elementor-page-23783 .custom-filter-sidebar .mobile-sidebar-close:hover {
          background: #e0e0e0;
      }
      
      /* Ensure main content takes full width on mobile */
      .woocommerce .category-main-content,
      .elementor-page-23783 .category-main-content {
          width: 100%;
      }

      /* On pages using the main categories grid, show category cards
         in a 2-column grid on mobile so they don't overflow. */
      .custom-product-filter-wrapper #custom-categories-results .categories-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
          column-gap: 20px !important;
          row-gap: 20px !important;
      }

      /* Ensure category images shrink within their cards so they don't overlap */
      .custom-product-filter-wrapper #custom-categories-results .category-image img {
          max-width: 100% !important;
          height: auto !important;
      }

      /* On the Metal Framing & Supports landing page, use slightly tighter
         padding and image sizes so cards fit comfortably. */
      .elementor-page-23783 #custom-categories-results .categories-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
          column-gap: 16px !important;
          row-gap: 20px !important;
      }

      .elementor-page-23783 #custom-categories-results .category-card {
          padding: 10px !important;
      }

      .elementor-page-23783 #custom-categories-results .category-image img {
          max-width: 140px !important;
      }
  }
  
  /* Tablet styles (optional - adjust breakpoint as needed) */
  @media (min-width: 769px) and (max-width: 1024px) {
      .mobile-filters-button {
          display: flex;
      }
      
      .woocommerce .custom-product-filter-wrapper,
      .elementor-page-23783 .custom-product-filter-wrapper {
          grid-template-columns: 1fr !important;
      }
      
      .woocommerce .custom-filter-sidebar,
      .elementor-page-23783 .custom-filter-sidebar {
          position: fixed;
          top: 0;
          left: -100%;
          width: 320px;
          height: 100vh;
          z-index: 9999;
          background: #ffffff;
          box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
          transition: left 0.3s ease;
          overflow-y: auto;
          padding: 20px;
          border-radius: 0;
      }
      
      .woocommerce .custom-filter-sidebar.active,
      .elementor-page-23783 .custom-filter-sidebar.active {
          left: 0;
      }
      
      .woocommerce .custom-filter-sidebar .mobile-sidebar-close,
      .elementor-page-23783 .custom-filter-sidebar .mobile-sidebar-close {
          display: flex;
          position: absolute;
          top: 15px;
          right: 15px;
          font-size: 32px;
          color: #333;
          cursor: pointer;
          z-index: 10000;
          width: 36px;
          height: 36px;
          align-items: center;
          justify-content: center;
          background: #f5f5f5;
          border: none;
          border-radius: 50%;
          transition: background-color 0.2s ease;
          padding: 0;
          line-height: 1;
      }
      
      .woocommerce .custom-filter-sidebar .mobile-sidebar-close:hover {
          background: #e0e0e0;
      }
  }