/** Shopify CDN: Minification failed

Line 132:0 Unexpected "}"

**/
/* header */
.dropdown .dropdown-toggle .angle{
    top:auto;
}
li.navigation-item {
    width: fit-content;
}

/* Header hiding for mobile hamburger */
header:has(.head-slot-nav-mobile-link[aria-expanded="true"]) .mobile-menu.color-background-1 {
    padding-top: 70px;
    top: 61px;
    z-index: -1;
}

header:has(.head-slot-nav-mobile-link[aria-expanded="true"]) .head-slot.head-slot-mid {
    z-index: -2;
    display: none;
}

header:has(.head-slot-nav-mobile-link[aria-expanded="true"]) .head-mast-wrap.color-background-2 {
    background: transparent;
}

header:has(.head-slot-nav-mobile-link[aria-expanded="true"]) .head-slot.head-slot-end {
    display: none;
}

/* collection card hover */
.collage-6 a.card-overlay:hover {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.44);
 transition:ease .3s;
}

/* product cards */
button.button.button-outline.button-add-to-cart, .product-row .row-actions .product-actions button.button-outline {
    background-color: rgba(var(--color-secondary-button));
    box-shadow: 0 0 0 .1rem rgba(var(--color-secondary-button));
    color: rgba(var(--color-secondary-button-text));
&:hover {
    box-shadow: 0 0 0 .2rem rgba(var(--color-secondary-button));
}}
.card-media  {img.card-media-image {
    object-fit: contain;
}
.aspect-ratio {
    height:200px
}}
.price-item.price-item-regular{
    line-height:1.2;
}
ul.product-grid-row  {
h2.card-heading.typography-body {
    font-size: calc(var(--font-heading-scale) * 2rem);
    @media(max-width:767px){
            font-size: calc(var(--font-heading-scale) * 1.6rem);
    }
}
.card-info {align-items: center;
        display: flex;}
}





/* Product detail accordion boxes  */
ul.product-info-details-list {
  li.product-info-details-item {
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
  }
  span.product-info-details-item-value {
    color: #777;
  } 
}
.section-recently-viewed-products .section-headings-content , .product-info-recommendations {h2{
        color:rgba(var(--color-accent-2));
}}
span#price-inc-vat em{
    font-size: calc(var(--font-body-scale) * 1.3rem);
    font-weight: normal;
}
.product-info-description-content , .page-layout-sidebar-inner-content {

.facet{
      border-block-style: solid;
}}

/* recently view time */
.card-product-recently-viewed-time {
    display: none !important;
}



/* Product listing page filters color */

span.checkbox-facet-label-text,span.checkbox-facet-label-count {
    color: #777;
}

.facet-toggle,.button-text-link { span {
    color:rgba(var(--color-accent-2));
}}
span.navigation-side-item-wrap
{
a
{
      text-decoration:none;
      color:#777;
}
a:hover {
    color:rgba(var(--color-accent-2));
  
}}
.page-layout-with-sidebar-drawer .page-layout-sidebar-inner-content .facet-toggle{
  text-transform:capitalize;
}


/* Listing page add to cart btn */
.button-outline{
   
    color:rgba(var(--color-accent-2));
}
}
.card-product-actions .button{
box-shadow: 0 0 0 .1rem rgba(var(--color-accent-2));}
button.button.button-outline.button-add-to-cart {
    box-shadow:0 0 0 .1rem rgba(var(--color-accent-2));
}

/* listing top bar */
div#CollectionActions {
    border: var(--inputs-border-width) solid rgba(var(--color-inputs-border));
    background: #fff;
    padding: 1.2rem 2rem;
}



/* Mega Menu */
.mega-menu-grid-item-image.mega-menu-grid-item-image--landscape {
    aspect-ratio: auto;
    img{
        display:none;
    }
}
.mega-menu-container a.mega-menu-column-title, .mega-menu-side-items-heading {
    font-weight: 600 !important;
    border-bottom: 1px solid  rgba(var(--color-border));
   padding-bottom:8px;
}

.mega-menu-column-feature-grid.mega-menu-column-item-grid {
    border-inline-start: 1px solid rgba(var(--color-border));
}
.mega-menu-grid {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(5, auto);   /* 5 items per column */
  grid-auto-columns: minmax(150px, 1fr); /* width of each new column */
  gap: 0 1rem;
  padding: 0;
  a{
    text-align:left;
  }
}


.mega-menu-search-heading {
  font-weight: bold;
  margin-bottom: 8px;
}

.mega-menu-search-buttons {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.mega-menu-search-button {
  flex: 1;
  text-align: center;
}
/* Allow predictive search results to escape the mega menu's clipping */
.mega-menu-container {
  overflow: visible;
}

.mega-menu-search-block,
.mega-menu-search {
  position: relative;
  overflow: visible;
}

#shopify-section-header .predictive-search {
  position: absolute;
  z-index: 999;
  width: 100%;
  max-height: 70vh;
  overflow-y: auto;
}

@media screen and (max-width: 749px) {
  .mega-menu-search-buttons {
    flex-direction: column;
  }

  /* The mobile-menu-drawer copy of this block (snippets/header-mobile-menu.liquid) keeps its
     two buttons side by side rather than stacked, unlike the desktop mega menu viewed at a
     narrow width, which the rule above still applies to. */
  .mobile-menu-utility-section .mega-menu-search-buttons {
    flex-direction: row;
  }

  .mobile-menu-utility-section .mega-menu-search-button {
    padding: 12px 10px;
  }

  /* On mobile, the "Find by Machine" popup closes via tapping outside it or via the hamburger
     toggle (assets/scripts.js's handleMobileMenuDismiss() also closes any open modal now) — the
     explicit X is redundant clutter in that flow, unlike on desktop where it's the only way to
     dismiss it short of clicking elsewhere on the page. Matches both instances of the popup by
     their shared id prefix rather than duplicating this rule into each block's own <style>. */
  [id^="PartsFinderModal-"] .modal-dismiss-button {
    display: none;
  }
}
.navigation-main .mega-menu:has(predictive-search[open]) {
  overflow: visible;
  max-height: none;
}

/* cart drawer  */


.mini-cart-header.drawer-header h4.h5, div#mini-cart-totals 
span, .minicart-coupon .mini-cart-coupon-dropdown-toggle, #header-mini-cart-content .mini-cart-message-empty svg,  div#cart-page-title-wrap h1.page-title,  div#cart-page-title-wrap a.link-text-primary.page-title-addon 
,.cart-blocks h3.totals-subtotal , .cart-warnings h1.page-title
{
    color:rgba(var(--color-accent-2));
}


#header-mini-cart-content .mini-cart-item-list a , table.cart-items a.cart-item-name {
    color:rgb(119, 119, 119);
}


.mini-cart-footer-actions button.button, .cart-footer button, .cart-warnings .button  {
    background:rgba(var(--color-accent-2));
    box-shadow:0 0 0 .1rem rgba(var(--color-accent-2));
     &:hover {
    box-shadow: 0 0 0 .2rem rgba(var(--color-secondary-button));
}
}

button.button.button-cart-coupon {
    padding:0 2rem;
     background:rgba(var(--color-accent-2));
    box-shadow:0 0 0 .1rem rgba(var(--color-accent-2));
   }

button.button.button-tertiary.button-drawer-header-dismiss {
    padding: 0px;
    width: 30px;
    height: 30px;
    font-size: 29px;
}
.cart-coupon-field-wrapper 
{input[type=text]:hover, input[type=text]:focus-visible {
    box-shadow:none;
}}

/* policy page */
.shopify-policy__container {
    max-width:1200px !important;
}

.shopify-policy__title {
    text-align: left !important;
}

.shopify-policy__container {
    h1,h3,h2,h4{
      
        text-align: left !important;
   
}
    }
 .wp-policy { max-width: 1200px; margin: 40px auto; padding: 0 20px; font-family: 'Barlow', Arial, sans-serif; color: #111; }
  .wp-policy__section { display: grid; grid-template-columns: 200px 1fr; margin-bottom: 60px; }
  .wp-policy__title { font-size: 19px; font-weight: 700; text-transform: uppercase; margin: 0; padding-top: 10px; }
  .wp-policy__items { border-left: 1px solid #ddd; padding-left: 75px; }
  .wp-policy__item { padding: 10px 0 20px 0; border-bottom: 1px solid #ddd;  }
  .wp-policy__item:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 10px; }
  .wp-policy__question { color: #; font-size: 16px; font-weight: 500; margin:2rem 0 1rem !important; }
  .wp-policy__answer { font-size: 16px; line-height: 1.8; margin: 0; }
  .wp-policy__answer a { color: inherit; text-decoration: none; }

  @media (max-width: 768px) {
    .wp-policy__section { grid-template-columns: 1fr; }
    .wp-policy__title { margin-bottom: 20px; }
    .wp-policy__items { border-left: 0; padding-left: 0; }
    .wp-policy__question { font-size: 16px; }
    .wp-policy__answer { font-size: 16px; }
  }
  .wp-policy__answer + .wp-policy__answer { margin-top: 12px; }
  .wp-policy__table-wrap { overflow-x: auto; }
.wp-policy__table { width: 100%; border-collapse: collapse; font-size: 19px; }
.wp-policy__table th { background: #rgb(245 245 245); color: #111; text-align: left; font-weight: 600; padding: 14px 20px; }
.wp-policy__table td { padding: 14px 20px; border-bottom: 1px solid #ddd; }
@media (max-width: 768px) { .wp-policy__table { font-size: 16px; } }
.wp-policy__answer a[href^="http"] { color: #db3832; text-decoration: underline; }
.wp-policy__table tr{
  font-size:16px;
}
.wp-policy__list { font-size: 19px; line-height: 1.8; margin: 12px 0; padding-left: 22px; }
.wp-policy__list li { margin-bottom: 6px; }
.wp-policy__list + .wp-policy__answer, .wp-policy__answer + .wp-policy__list { margin-top: 12px; }
@media (max-width: 768px) { .wp-policy__list { font-size: 16px; } }
/* Widen Shopify's policy container when our layout is used */
.shopify-policy__container:has(.wp-policy) {
  max-width: 1240px !important;
  padding: 0 20px;
}

/* Hide Shopify's default title (our left-column title replaces it) */
.shopify-policy__container:has(.wp-policy) .shopify-policy__title {
  display: none;
}

/* Stop the theme's .rte styles overriding ours */
.shopify-policy__body .rte .wp-policy h2,
.shopify-policy__body .rte .wp-policy h3 { margin-top: 0; }
.shopify-policy__body .rte .wp-policy__title { font-size: 19px; font-weight: 700; text-transform: uppercase; }
.shopify-policy__body .rte .wp-policy__question { color: #db3832; font-size: 16px; font-weight: 500; margin: 0 0 10px; }
.shopify-policy__body .rte .wp-policy__list { list-style: disc; padding-left: 22px; margin: 12px 0; }
.shopify-policy__body .rte .wp-policy__list li { margin-bottom: 6px; }

@media (max-width: 768px) {
  .shopify-policy__body .rte .wp-policy__question { font-size: 18px; }
}