/** Shopify CDN: Minification failed

Line 252:0 Expected "}" to go with "{"

**/
/*=====================================================
  COFFS METAL WORKS THEME
  Version 1.0
=====================================================*/

/*=====================================================
  BRAND VARIABLES
=====================================================*/

:root{
  --cmw-red:#d83b2d;
  --cmw-red-dark:#bf2f22;
  --cmw-black:#111;
  --cmw-border:#d8d8d8;
  --cmw-light:#f7f7f7;
  --cmw-radius:6px;
  --cmw-shadow:0 4px 14px rgba(0,0,0,.12);
  --cmw-transition:.2s;
}

/*=====================================================
HEADER
=====================================================*/

/*=====================================================
  HEADER
=====================================================*/

/*=====================================================
  COMPACT DESKTOP HEADER
=====================================================*/

@media screen and (min-width:990px){

  .header{
    padding-top:0!important;
    padding-bottom:0!important;
  }

  .header__heading-link{
    padding-top:4px;
    padding-bottom:4px;
  }

  .header__heading-logo-wrapper{
    width:180px;
}

.header__heading-logo{
    width:100%;
    height:100px;
    object-fit:contain;
}

  .header__menu-item{
    padding-top:1rem!important;
    padding-bottom:1rem!important;
  }

  .header__icons{
    align-items:center;
  }
}

/*=====================================================
  NAVIGATION
=====================================================*/

.header__menu-item{
  padding:.6rem .8rem!important;
  font-size:1.5rem;
}

.header__icons{
  padding-top:0!important;
  padding-bottom:0!important;
}

.header__icon{
  padding:.6rem!important;
}

/*=====================================================
  COLLECTION PAGE
=====================================================*/

/* Collection-wide styling can be added here. */
#FacetFiltersForm.facets__form {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}
#FacetFiltersForm > .active-facets-desktop {
  display: none !important;
}
#FacetFiltersForm > .facets__wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  flex: 1 !important;
}
#FacetFiltersForm > .facet-filters {
  margin-left: auto !important;
  padding: 0 !important;
}
#FacetFiltersForm > .product-count {
  margin-left: 20px !important;
  white-space: nowrap;
}
#FacetFiltersForm .facet-filters__field {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#FacetFiltersForm .facets__heading,
#FacetFiltersForm .facet-filters__label {
  margin: 0 !important;
  font-weight: 700 !important;
}
#FacetFiltersForm .product-count__text,
#ProductCountDesktop {
  margin: 0 !important;
  color: #d32f2f !important;
  font-weight: 700 !important;
}
#FacetFiltersForm .facets__summary,
#FacetFiltersForm .facet-filters__sort {
  margin: 0 !important;
}

/*=====================================================
  PRODUCT CARDS
=====================================================*/

.card-wrapper{
  padding:14px;
  border:1px solid var(--cmw-border);
  border-radius:var(--cmw-radius);
  transition:var(--cmw-transition);
}

.card-wrapper:hover{
  box-shadow:var(--cmw-shadow);
}

.card__heading{
  margin-bottom:10px;
  padding-bottom:8px;
  border-bottom:2px solid var(--cmw-red);
  font-size:1.8rem;
  font-weight:700;
  line-height:1.3;
}

.price-item{
  color:var(--cmw-black);
  font-weight:700;
}

/*=====================================================
  PRODUCT PAGE
=====================================================*/

/* Product-page styling can be added here. */

/*=====================================================
  BUTTONS
=====================================================*/

.quick-add__submit{
  background:var(--cmw-red);
  color:#fff;
  border-radius:5px;
  font-weight:700;
  transition:var(--cmw-transition);
}

.quick-add__submit:hover{
  background:var(--cmw-red-dark);
}

.quick-add__submit:after{
  box-shadow:none;
}

/*=====================================================
  FORMS
=====================================================*/

/* Form styling can be added here. */

/*=====================================================
  FOOTER
=====================================================*/

/* Footer styling can be added here. */

/*=====================================================
  RESPONSIVE
=====================================================*/

@media screen and (max-width:749px){
  .header{
    padding-top:6px!important;
    padding-bottom:6px!important;
  }

  .header__heading-logo{
    max-height:42px;
  }
}

/*=====================================================
  MOBILE LOGO FIX
=====================================================*/

@media screen and (max-width:989px){

  .header__heading{
    position:relative;
    left:+10px;
  }

  .header__heading-link{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
  }

  .header__heading-logo-wrapper{
    width:180px !important;
    max-width:180px !important;
    margin:0 auto !important;
    display:flex;
    justify-content:center;
    align-items:center;
  }

  .header__heading-logo{
    display:block;
    width:100%;
    height:auto !important;
    max-height:none !important;
    object-fit:contain;
  }