/** Shopify CDN: Minification failed

Line 28:17 Unexpected "<"
Line 216:45 Expected identifier but found whitespace
Line 216:47 Unexpected "{"
Line 216:56 Expected ":"
Line 218:76 Expected identifier but found whitespace
Line 218:78 Unexpected "{"
Line 218:87 Expected ":"
Line 220:42 Expected identifier but found whitespace
Line 220:44 Unexpected "{"
Line 220:53 Expected ":"
... and 41 more hidden warnings

**/
/***************** 
FONTS 
******************/

@font-face {
    font-family: "ArdelaEdgeX01-Black";
    src: url("/cdn/shop/files/ArdelaEdgeX01-Black.woff2?v=1764068684") format("woff2"),
        url("/cdn/shop/files/ArdelaEdgeX01-Black.woff?v=1764068684") format("woff");
    font-style: normal;
    font-display: swap;
}

.instrument-sans-<uniquifier> {
    font-family: "Instrument Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings:"width" 100;
}
 
:root {
/***************** 
COLOUR VARIABLES
******************/

    /* CORE BRAND PALETTE */
    --brandBlue: #003147;
    --white: #FFFFFF;
    --lightGrey: #EEEEEE;
    --grey: #C1C1C7;
    --darkGrey:#444444;
    --darkerGrey:#111111;
    --orange: #EC6617;
    --cobaltBlue: #224E9D;
    --black: #000000;
    --green: #66CC00;
 
    /* WEB-SPECIFIC ADDITIONAL PALETTE */
    --webBrandBlue90Tint: #003E51;
    --webBackgroundGrey: #F6F6F6;
    --webHoverOverOrange: #E66102;
    --starrating: #FFBD00;

    /* WEB-SPECIFIC INVENTORY STATUS - HIGH */
    --stockLevelLabelBackgroundHigh: rgba(0, 153, 5, 0.05);
    --stockLevelLabelBorderHigh: #009906;
    --stockLevelLabelFontHigh: #009900;

    /* WEB-SPECIFIC INVENTORY STATUS - LOW */
    --stockLevelLabelBackgroundLow: rgba(255, 187, 0, 0.05);
    --stockLevelLabelBorderLow: #FFBd00;
    --stockLevelLabelFontLow: #000;

    /* WEB-SPECIFIC INVENTORY STATUS - OOS */
    --stockLevelLabelBackgroundOos: rgba(255, 0, 0, 0.05);
    --stockLevelLabelBorderOos: #FF0000;
    --stockLevelLabelFontOos: #FF0000; 
    
    /* PRODUCT-SPECIFIC PALETTE */
    --multiMaterialRageProducts: #C85F2F;
    --metalCuttingProducts: #195DA9;
    --accessoryProducts: #A7A7A8;
    --multiMaterialFuryBlades: #66CC00;
    --aluminiumBlades: #00AB84;
    --mildsteelBlades: #002855;
    --stainlessSteelBlades: #FFD100;
    --thinSteelBlades: #5E8AB4;
    --fineAndGeneralWoodBlade: #000000;

    /* TABLE PALETTE */
    --brandBlueRowOdd: #1e4e61;
    --brandBlueRowEven: #335c6f;
    --darkGreyRowOdd: #4d4d4d;
    --darkGreyRowEven: #636463;
    --lightGreyRowOdd:#eaeaea;
    --lightGreyRowEven: white;

    /* PDP V3 */
    --backgroundWhite: var(--white);
    --backgroundLight: #f6f6f6;
    --overlayBackgroundColor: #000000;
    --widthControlMax: 1800px;
    --buttonBorderRadius: 5px;
    --breadcrumbBarHeight: 60px;
    --square: 1 / 1;
    --sectionMarginBottom: 60px;
    --containerSpacing: 15px;
    --containerPadding: 20px;
    --elementSpacing: 10px;
    --innerElementSpacing: 5px;
    --popoutContentPadding: 60px;
 
    /* ANGLE DEVICE – 45° CUT KEYLINE */
    --cornerCut: polygon(0 0,100% 0,100% calc(100% - 60px),calc(100% - 60px) 100%,0 100%);

    /***************** 
    PAGE CONTAINER DIMENSIONS
    ******************/
    --max-container: 1600px;
    --full-width: 100%;

    /***************** 
    FONT VARIABLES
    ******************/

    /* HEADINGS */
    --Instrument-Sans: Instrument Sans; 
    --ardelaEdge-Black: ArdelaEdgeX01-Black, Instrument Sans, Helvetica, Arial, sans-serif; font-variant-ligatures: no-common-ligatures; font-weight: 600 !important;
    --lato: Lato;

    /* from rr-custom.css Needs removing when variables have been replaced in code */
    --backgroundDark: #111111;
    --backgroundMedium: #272725;
    --backgroundMediumHover: #393939;
    --borderMedium: rgb(177, 177, 177);
    --borderRadiusMedium: 10px;
    --borderRadiusRound: 25px;
    --borderRadiusSmall: 5px;
    --buttonText: #ffffff;
    --fontDark: #111111;
    --fontLight: #ffffff;
    --gapBig: 20px;
    --gapSmall: 10px;
    --marginBig: 20px;
    --marginSmall: 10px;
    --matchedProductBackground: #ffffff;
    --outOfStockButtonBackground: grey;
    --paddingBig: 20px;
    --paddingSmall: 10px;
    --quantitySelectorButtonBackground: grey; 
    --tableHeaderColor: #272725;
    --tableRowColorEven: #dcdcdc;
    --tableRowColorOdd: #ffffff;
    --tableRowSecondColor: #f6f6f6;
    /* from rr-custom.css Needs removing when variables have been replaced in code */

    /* SUBHEADINGS, PARAGRAPHS, AND EVERYTHING ELSE 
    Choose Instrument Sans from Customise > Theme Settings > Typogrpaphy > Instrument Sans */
    /* Add Instrument Sans Google Font to Theme.liquid file - See UK Test Store Theme.liquid file for reference */
    
}

/* from rr-custom.css Needs removing when variables have been replaced in code */
/* Tablet */
@media screen and (max-width: 1024px) {
  :root {
    --gapBig: 10px;
    --gapSmall: 5px;
    --marginBig: 10px;
    --marginSmall: 5px;
    --paddingBig: 10px;
    --paddingSmall: 5px;
  }
}

@media (max-width: 575px) {
  :root {
    --gapBig: 10px;
    --gapSmall: 5px;
  }
}
/* from rr-custom.css Needs removing when variables have been replaced in code */

/***************** 
BVI - Bottom Right Bevelled Corner
******************/
/* BEVELLED BOTTOM RIGHT 
clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 15px),
        calc(100% - 15px) 100%,
        0 100%
    );
*/

.global-width-control { width: var(--full-width); max-width: var(--max-container); margin: 0 auto; }

/***************** 
Flip Icons
******************/
/* Flip Horizontally */
.flip-horizontal {
  display: inline-block;
  transform: scaleX(-1);
}

body.modal-open {
  overflow: hidden;
}


/***************** 
HEADER / NAV / UTILITY BAR
******************/

    .utility-bar { }
    .utility-bar .social-link, .utility-bar__menu-link { color: var(--white); background: none; border: none;}
    .utility-bar .disclosure__toggle {
        --disclosure-toggle-text-color: var(--white);
        --disclosure-toggle-background-color: {{ section.settings.background_color }};
    }
    .utility-bar .disclosure__toggle:hover { --disclosure-toggle-text-color: {{ section.settings.link_hover_color }}; }
    .utility-bar .social-link:hover,
    .utility-bar__menu-link:hover { color: {{ section.settings.link_hover_color }}; }
    .utility-bar .disclosure__toggle::after { --disclosure-toggle-svg-color: var(--white); }
    .utility-bar .disclosure__toggle:hover::after {--disclosure-toggle-svg-color: {{ section.settings.link_hover_color }}; }
    .utility-bar .site-header-actions__account-link { background: var(--orange); border-radius: 0 0 0px 0px; padding: 7px 15px; display: flex; flex-direction: row-reverse; margin: 0 0 0 20px; height: 35px; align-items: center; }
    .utility-bar .site-header-actions__account-link:hover { background: var(--webHoverOverOrange); cursor: pointer; }
    .utility-bar .site-header-actions__account-link .site-header__account-link--account { cursor: pointer; color:var(--white); display: flex; font-size: 12px; text-decoration: none; text-align: left; gap: 10px; width: var(--full-width); flex-direction: row-reverse; line-height: 1em; align-items: center; justify-content: flex-start;  font-weight: 900; }
    .site-header_account-link-text {
        font-size: 12px;
        display: flex;
        align-items: center;
        font-weight: 500;
    }
    .utility-bar .site-header-actions__account-link .site-header__account-links { text-align: left; display: flex; gap: 10px; font-size: 12px; }
    .utility-bar .site-header-actions__account-link svg.icon-account { width: 10px; margin: 0 5px 0 0; }
    .utility-bar .site-header__account-link--logout { color:var(--white); font-size: 14px; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; justify-content: center; align-items: center; font-size: 12px; font-weight: 700; border-left: 1px solid var(--white); padding: 0 0 0 10px; }
    .utility-bar--full-width .utility-bar__content { width: var(--full-width); }
    .b2b-phone-number { color:var(--white); font-size: 12px; margin: 0 10px 0 0; padding-right: 10px; border-right: 1px solid #DDD; }
    
    .country-select-toggle {
      display: flex;
      align-items: center;
      padding: 0 10px 0 0;
    }

    .country-select-toggle.footer-toggle {
      background: none;
      border: none;
      color: var(--white);
      padding: 10px 0 0 0;
    }

    .country-select-toggle.footer-toggle:hover {
      color: var(--orange);
      cursor: pointer;
    }

    .flag-ca,
    .flag-de,
    .flag-es,
    .flag-fr,
    .flag-it,
    .flag-pl,
    .flag-ro,
    .flag-uk,
    .flag-us,
    .overlay-country-select-flag {
      margin-right: 5px;
    }

    .mr-language-selector-form {
      display: flex;
      align-items: center;
    }

    .mr-language-selector-form select {
      background: transparent;
      border: 0;
      color: #fff;
      font-size: 13px;
      font-weight: 500;
      line-height: 1;
      padding: 0 20px 0 0;
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
    }

    .mr-language-selector-form select:focus {
      outline: none;
    }

    .mr-language-selector-form {
      position: relative;
    }

    .mr-language-selector-form::after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      width: 8px;
      height: 8px;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      transform: translateY(-70%) rotate(45deg);
      pointer-events: none;
    }

    .utility-bar__menu-link--language {
      display: flex;
      align-items: center;
      padding: 0 10px;
    }

    .utility-bar__menu-link--language select {
      color: inherit;
    }

/***************** 
SITE HEADER
******************/

    .site-header_account-link-anchor { color:var(--white); text-decoration: none; }
    .site-header_account-link-anchor svg { color:var(--white) !important; }

	.site-header { position: relative; background-color: transparent; transition: background-color 0.3s ease; /* background: var(--white); position: sticky; top: 0px; */ }
	/* .site-header:hover { background-color: var(--white); } */
	.site-header-main { width: 100%; max-width: var(--max-container); padding: 10px 10px; background: none; margin: 0 auto; /* min-height: 80px; */ }
    .site-header-cart { display: flex; justify-content: center; align-items: center; }
    .site-header-cart svg { transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1); }
    .site-header-cart--button { display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; padding: 0px 0px; color: var(--brandBlue); text-decoration: none; position: relative; }
    .site-header-cart--count { position: absolute; left: 12px; top: -12px; padding: 0px; }
    .site-header-cart--count.visible { opacity: 1; background-color: var(--brandBlue); border: 2px solid var(--webBackgroundGrey); border-radius: 50%; }
    .site-header-cart--count.visible + svg { margin-right: 5px; }
    .site-header-cart--count:after { display: flex; justify-content: center; align-items: center; height: 20px; width: 20px; padding: 3px; font-size: 0.6875rem; line-height: 12px; color: var(--white); text-align: center; text-decoration: none; content: attr(data-header-cart-count); }

    .site-header-checkout-button { margin-left: 20px; }

    .mr-logo-menu-container { display: flex; justify-content: flex-start; width: 70%; gap: 30px; }
    .site-header-logo { display: flex; flex-direction: row; align-items: center; gap: 10px; }
    .site-logo { display: flex; flex-direction: row; gap: 0px; align-items: center; margin: 0 0px 0 0; min-width: 150px; }
    .store-type-customer-type-container { display: flex; flex-direction: row; align-items: stretch; margin: 0 0px 0 0; }
	.site-logo-image { max-height: 26px !important; display: block; max-width: var(--full-width); margin-right: auto; margin-left: auto; }

     @media screen and (max-width: 1640px) { 
   	.site-header-main { padding: 10px 20px; }
   }

    @media screen and (max-width: 1400px) { 
   	  .site-logo-image { max-height: 20px !important; }
    }

    @media screen and (min-width: 1024px) { 
      .site-header-logo { gap: 10px; }
   }
    @media screen and (min-width: 1024px) { 
      .site-logo-image { display: inline-block; margin-left: 0; } 
    }

     @media screen and (max-width: 1024px) { 
   	.site-header-main { overflow-x: scroll; }
   }

    @media screen and (max-width: 575px) { 
      .store-type-customer-type-container { display: none; }
      .store-type-customer-type-container.b2b { display: flex; }
    	.site-header-main { padding: 10px 20px 10px 20px; }
      .site-header-logo { gap: 10px; }
      .site-logo { min-width: 130px; }
      .logo-subtitle { font-size: 10px !important; padding: 5px 8px 5px 5px; }
  }

    .logo-subtitle { z-index: 2; color: var(--white); font-weight: 800; text-transform: uppercase; font-size: 11px; padding: 5px 10px 5px 10px; border-radius: 0; background: var(--brandBlue); text-align: left; line-height: 1em; display: flex; white-space: pre-wrap; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100% ); width: max-content; }
    .logo-subtitle.white { background: var(--white); color: var(--brandBlue); }
    .logo-subtitle-customer-type { z-index: 1; color: var(--black); padding: 5px 10px 5px 20px; margin: 0 0 0 -10px; font-size: 11px; font-weight: 900; text-transform: uppercase; display: flex; align-items: center; text-align: left; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100% ); width: min-content; }
    .logo-subtitle-customer-type.gold { background: linear-gradient(-45deg,rgb(255, 227, 48),rgb(223, 164, 0),rgb(255, 213, 0),rgb(209, 167, 0)); background-size: 400% 400%; animation: gradient 10s ease infinite; }
    .logo-subtitle-customer-type.platinum { background: linear-gradient(-45deg,rgb(255, 255, 255),rgb(195, 201, 204),rgb(224, 240, 245),rgb(184, 184, 184)); background-size: 400% 400%; animation: gradient 10s ease infinite; }
    .logo-subtitle-customer-type.fullborderradius { border-radius: 0px; justify-content: center; }  
    @keyframes gradient {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }
    .site-header-main-content { margin: 0 0px 0 0 !important; display: flex; justify-content: flex-start; flex-wrap: nowrap; gap: 0px; }
    .mr-checkout-button { display: flex; align-items: stretch; padding: 10px; justify-content: center; margin: 0 0px 0 0px; text-decoration: none; color: var(--brandBlue); border: 2px solid var(--brandBlue); background: none; font-weight: 500; }
    .mr-checkout-button.white { color: var(--white); border: 2px solid var(--white); background: none; }
    .mr-checkout-button:hover { border: 2px solid var(--brandBlue); background: var(--brandBlue); color: var(--white); }
    .mr-checkout-button.white:hover { border: 2px solid var(--white); background: var(--white); color: var(--brandBlue); }

    .header-desktop-navigation { margin: 0px; display: flex; justify-content: center; align-items: center; padding: 0 0px; }
	.header-desktop-navigation .angle-down-solid { width: 1em; }
	.header-desktop-navigation .angle-right-solid { width: 0.6em; height: 0.6em; }
	.header-main-menu { background: none; }
    .header-menu-items { display: flex; flex-direction: row; gap: 20px; list-style: none; padding: 0px 0; margin: 0px auto; width: var(--full-width); min-width: 400px; max-width: var(--max-container); justify-content: flex-start; align-items: center; flex-wrap: nowrap; }
	.header-menu-items .header-menu-item .header-menu-link { cursor: pointer; color: var(--black); text-decoration: none; font-weight: 900; display: flex; gap: 10px; align-items: center; flex-wrap: nowrap; font-size: 14px; }
	.header-menu-item { cursor: pointer; position: static; width: max-content; /* Change cursor to indicate it's clickable */ }

	.header-menu-items .menu-item .menu-link { cursor: pointer; color: var(--white); text-decoration: none; font-weight: 900; display: flex; gap: 10px; align-items: center; flex-wrap: nowrap; font-size: 16px; }
	.header-menu-image-block {  cursor: pointer; border-radius: 0px; width: 250px; text-align: center; padding: 0 0 0px 0; background-repeat: no-repeat; background-position: top center; background-size: contain; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 15px),
        calc(100% - 15px) 100%,
        0 100%
    ); }
	.header-menu-image-block.b2b { border: 2px solid var(--brandBlue); }
	.header-menu-image-block.light { }
	.header-menu-image-block:hover { cursor: pointer; }
	.header-menu-image-block a { text-decoration: none; line-height: 1.3em; display: flex; flex-direction: column; width: var(--full-width); height: 100%; align-items: stretch; color: var(--black); justify-content: flex-start; background: #F6F6F6; border-radius: 0px; margin: 0px 0 0 0; }
	.header-menu-image-block.b2b a { color: var(--white); background: var(--brandBlue); }
	.header-menu-image-block.light a { background: #F6F6F6; }
	.header-menu-image-block a img { border-radius: 0px; width: 100%; min-width: 200px; }
	.header-menu-image-block a .header-menu-image-block-text { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 20px 20px 20px 10px; width: var(--full-width); line-height: 24px; }
	.header-menu-image-block a .header-menu-image-block-text svg { color: var(--orange); height: 20px; }
	.header-menu-image-block a p { font-size: 16px; padding: 0px 20px 0 10px; color: #444; text-align: left; margin: 0px; width: 100%; }
	.header-menu-image-block.b2b a p { font-size: 16px; padding: 0px 20px 0 10px; color: var(--white); text-align: left; margin: 0px; width: 100%; }
	.header-menu-image-block.light a p { color: #666; }
	.header-menu-image-block a p b { font-size: 16px; line-height: 0.9em; text-transform: uppercase; font-weight: 800; color: var(--black); }
	.header-menu-image-block.b2b a p b { font-size: 16px; line-height: 0.9em; text-transform: uppercase; font-weight: 800; color: var(--white); }
	.header-menu-image-block.light a p b { color: var(--black); }
.header-menu_item_content {
  position: absolute;
  left: 0;
  top: 65px;              /* directly below the nav bar */
  width: 100%;
  height: auto;
  padding: 50px;
  margin: 0;
  z-index: 99999;
  background: var(--white);
}
@media screen and (max-width: 1300px) {
  .header-menu_item_content {
    padding: 25px;
  }
}

.header-menu_item_content .view_all_deals { background: var(--orange); color: var(--white); display: flex; justify-content: center; align-items: center; padding: 12px 24px; margin: 20px 10px 20px 0; text-decoration: none; }
	.header-menu_item_content.light { background: var(--white); }
  .header-menu-item.active + .header-menu_item_content {
  display: block !important;
}
  .header-menu_item_content .menu-header-anchor { display: flex; width: 100%; text-decoration: none; }
  .header-menu_item_content .menu-header-anchor:hover { color: var(--orange); }
  .header-menu_item_content .menu-title { font-family: var(--ardelaEdge-Black); color: var(--black); margin: 0 0 5px 0; border-bottom: 2px solid var(--black); width: 100%; }
	.header-menu_item_content_container { width: var(--full-width); max-width: var(--max-container); margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; column-gap: 20px; row-gap: 10px; overflow-y: scroll; }
	.header-menu_item_images_content_container { width: var(--full-width); max-width: var(--max-container); margin: 0 auto; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; column-gap: 10px; row-gap: 10px; overflow-x: scroll; }
	.header-menu_item_content_list_container { display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; }
  .header-menu_item_content_list_container.b2b-all-tools { background: var(--brandBlue); width: 12.5%; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%); display: flex; justify-content: flex-start; align-items: flex-start; padding: 20px; }
  .header-menu_item_content_list_container.b2b-all-tools a { color: var(--white); font-size: 18px; text-decoration: underline; line-height: 1.4em; }
	.header-menu-title { width: var(--full-width); margin: 0px 0 10px 0; border-bottom: 2px solid var(--orange); color: var(--orange); padding: 0px 0 5px 0; font-weight: 900; font-size: 16px; }
  .header-menu_item_content .menu-header-anchor { display: flex; width: 100%; text-decoration: none; }
	
	.header-top-level-menu { width: var(--full-width); height: 550px; padding: 0px 0px; list-style: none; display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; }
	.header-top-level-menu li { width: var(--full-width); display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start; color: var(--white); }
	.header-top-level-menu.light li { color: #666; }
	.header-top-level-menu li p { line-height: 1.4em; }
	.header-top-level-menu.light li p b { color: var(--black); }
	.header-top-level-menu li { padding: 0px 10px 0 0; }
	.header-top-level-menu li h3 { text-decoration: none; color: var(--black); font-size: 20px; margin: 0px; }
	.header-top-level-menu li.support-links a { padding: 0 0 10px 0; }
	.header-top-level-menu li a { text-decoration: none; color: var(--black); display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 5px; }
	.header-top-level-menu li a.link { text-decoration: underline; color: var(--orange); }
	.header-top-level-menu li a:hover { color: var(--black); }
	.header-top-level-menu li a.submenuheading { color: var(--white); display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 5px; padding: 4px 0; font-size: 15px; font-weight: 600; }
	.header-top-level-menu li a.submenuheading img { width: 30px; height: 30px; display: block; }
	.header-top-level-menu.light li a.submenuheading { color: var(--black); }
	.header-top-level-menu li a.submenuheading:hover { color: var(--orange); }
	.header-top-level-menu li ul.submenu { list-style: none; padding: 0px 0 0 10px; margin-bottom: 10px; }
	.header-top-level-menu li ul.submenu li { width: var(--full-width); padding: 4px 0px; }
	.header-top-level-menu li ul.submenu li a { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 5px; font-size: 14px; color: #DDD; }
	.header-top-level-menu.light li ul.submenu li a { color: #666; }
	.header-top-level-menu li ul.submenu li a:hover { color: var(--orange); }
	.header-top-level-menu li a.submenuheading svg,
	.header-top-level-menu li ul.submenu li a svg { width: 0.5em !important; }

  .collection-badge { background: var(--orange); color: #FFF; padding: 2px 4px; font-size: 10px; display: inline-block; border-radius: 0px; text-align: center; }
	.collection-badge-image { background: var(--orange); color: #FFF; padding: 2px 4px; font-size: 15px; display: inline-block; border-radius: 0px; text-align: center; margin: 0px 0px -20px 10px; font-weight: 600; z-index: 1; }
	
 	.header-menu_item_content.b2b-nav-background { background: var(--white); color: var(--brandBlue); font-size: 14px; border: 1px solid #e5e7eb; border-radius: 0px 0px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); }
	.header-menu_item_content.b2b-nav-background .header-top-level-menu li { color: var(--brandBlue); }
	.header-menu_item_content.b2b-nav-background .header-top-level-menu li a.submenuheading{ color: var(--brandBlue); }
	.header-menu_item_content.b2b-nav-background .header-top-level-menu li ul.submenu li a { color: var(--brandBlue); }
	.header-menu_item_content.b2b-nav-background .header-top-level-menu li ul.submenu li a:hover { color: var(--orange); }

	.header-menu_item_content.b2b-support .header-menu_item_content_container { max-width: var(--max-container); gap: 20px; }
	.header-menu_item_content.b2b-support .header-menu_item_content_list_container.address { width: 50%; border-right: 1px solid #CDD0D3; padding-right: 20px; width: calc(25% - 20px); }
	.header-menu_item_content.b2b-support .header-menu_item_content_list_container.staff-contacts { width: var(--full-width) !important; }
	.header-menu_item_content.b2b-support .nav-customer-profile { background: #F6F6F6; border-radius: 0px; padding: 20px; font-size: 16px; line-height: 1.4em; display: flex; flex-direction: row; gap: 10px; align-items: center; min-height: 130px; }
	.header-menu_item_content.b2b-support .nav-customer-profile img { border-radius: 100px; border: 1px solid #CDD0D3; width: 80px; height: 80px; }
	.header-menu_item_content.b2b-support .nav-customer-profile p { margin: 0px; white-space: nowrap; }
	.header-menu_item_content.b2b-support .nav-customer-profile small { line-height: 1em; }
	.header-menu_item_content.b2b-support .nav-customer-profile.staff-contacts-account-manager { background: var(--brandBlue); color: var(--white); }
	.header-menu_item_content.b2b-support .contacts-container { display: flex; flex-direction: row; gap: 10px; align-items: flex-start; justify-content: flex-start; align-content: flex-start; width: calc(75% - 20px); }
	.header-menu_item_content.b2b-support .staff-contacts { gap: 10px; }
	.header-menu_item_content.b2b-support .staff-contacts h3 { margin: 0px 0px 10px 5px; font-family: var(--ardelaEdge-Black); }
	.header-menu_item_content.b2b-support .staff-contacts-sales-team h3 { margin: 10px 0px 10px 5px; font-family: var(--ardelaEdge-Black);  }
	.header-menu_item_content.b2b-support .customer-details { background: var(--brandBlue); color: var(--white); gap: 20px; }
	.header-menu_item_content.b2b-support .staff-contacts-sales-team { display: flex; flex-direction: column; gap: 0px; flex-wrap: nowrap; padding: 0px; border-radius: 0px; }
	.header-menu_item_content.b2b-support .staff-contacts-sales-team-container { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; }
	.header-menu_item_content.b2b-support .staff-contacts-sales-team .nav-customer-profile { width: calc(50% - 5px); }
	.header-menu_item_content.b2b-support .customer-container { display: flex; flex-direction: column; gap: 0px; width: var(--full-width); }
	.header-menu_item_content.b2b-support .customer-plus-manager-container { display: flex; flex-direction: row; gap: 10px; padding: 0px 0px 0px 0px; width: var(--full-width); }
	.header-menu_item_content.b2b-support .manager-container { width: var(--full-width); }
	.header-menu_item_content.b2b-support .company-profile-logo-container { border-radius: 0px; background-size: contain; background-position: center center; background-repeat: no-repeat; border: 0px solid #CDD0D3; height: 70px; width: 70px; }

.header,
.header-wrapper,
.header-desktop-navigation,
.header-main-menu,
.header-menu-items {
  overflow: visible !important;
}

    /* === SEARCH BAR WRAPPER === */
    .search-bar-wrapper { width: var(--full-width); margin: 0 0px 0 0; display: flex; justify-content: flex-end; }
    .search-bar-wrapper form { position: relative;  }
    .search-bar-wrapper input[type="search"] { width: var(--full-width); min-width: 200px; padding: 12px 50px 12px 20px; border: none; font-size: 16px; line-height: 1.5; color: var(--brandBlue); background-color: var(--lightGrey); transition: all ease-in-out 300ms;
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100% ); }
    .mr-mobile-nav-search-bar .search-bar-wrapper input[type="search"] { width: var(--full-width); min-width: 100%; padding: 12px 50px 12px 20px; border: none; font-size: 16px; line-height: 1.5; color: var(--brandBlue); background-color: var(--lightGrey); transition: all ease-in-out 300ms;
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100% ); }
    .search-bar-wrapper input[type="search"]:active, .search-bar-wrapper input[type="search"]:focus { outline: none; }
    .search-bar-wrapper button[type="submit"] { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); background: var(--orange); border:0px; height: 40px; width: 40px; cursor: pointer; color: var(--white); transition: color 0.2s ease;
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100% ); }
    .mr-mobile-nav-search-bar { padding: 0 25px; }
    .mr-mobile-nav-search-bar .search-bar-wrapper button[type="submit"] { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); background: var(--orange); border:0px; height: 40px; width: 40px; cursor: pointer; color: var(--white); transition: color 0.2s ease;
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100% ); }
    .search-bar-wrapper button[type="submit"] svg { height: 20px; width: 20px; }
    .search-bar-wrapper button[type="submit"]:hover { color: var(--white); background: var(--webHoverOverOrange); }
    #searchResultsBackground, #desktopNavBackground { position: absolute; top: 65px; left: 0; right: 0; background: rgb(0,0,0,0.8); backdrop-filter: blur(10px); width: var(--full-width); height: calc(100vh - 65px); z-index: 49; }
    #SearchResults { position: absolute; top: 65px; left: 0; right: 0; width: var(--full-width); max-width: var(--max-container); background-color: var(--white); border-radius: 0px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); z-index: 1101; overflow-y: auto; padding: 50px 50px 50px 50px; margin: 0 auto; height: auto; max-height: calc(100vh - 65px); overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
    #SearchResults.hidden { display: none; }
    #SearchResults h4 { color: var(--black); margin: 0px; padding: 0px 0px 20px 0px; font-weight: 900; font-size: 30px; }
    h5.search-section-title { color: var(--black); margin: 0px; padding: 20px 0px 20px 0px; border-top: 1px solid #CCC; font-weight: 900; font-size: 22px; }
    .searchResultsContainer { display: flex; flex-direction: row; gap: 50px; align-items: flex-start; }
    #SearchResultsProducts, #SearchResultsCollections { list-style: none; margin: 0 0 30px 0; padding: 0 0px; display: flex; flex-direction: row; gap: 5px; flex-wrap: wrap; }
    #SearchResultsCollectionsWrapper { width: 25%; }
    #SearchResultsProductsWrapper { width: 75%; }
    #SearchResultsProducts li { background: #EEE; border-radius: 0px; width: calc(20% - 8px); min-width: 180px; max-width: 180px; font-size: 14px; }
    #SearchResultsCollections li { background: #EEE; border-radius: 0px; width: var(--full-width); display: flex; align-items: center; color: var(--black); }
    #SearchResultsProducts li a, #SearchResultsCollections li a { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 5px 5px 20px 5px; text-decoration: none; color: var(--black); transition: background-color 0.2s ease; width: var(--full-width); font-size: 14px; font-weight: 600; line-height: 1.4em;  }
    #SearchResultsCollections li a { padding: 10px; flex-direction: row; justify-content: space-between; flex-wrap: nowrap;  }
    #SearchResultsProducts li:hover, #SearchResultsCollections li:hover { background-color: #f3f4f6; border-radius: 0px;  }
    #SearchResultsProducts li img { width: var(--full-width); height: auto; border-radius: 0px; object-fit: cover; flex-shrink: 0; }
    #SearchResultsProducts li span, #SearchResultsCollections li span { font-size: 12px; font-weight: 600; color: var(--black); line-height: 1.4; padding: 0 10px; }
    #SearchResultsCollections li span { font-size: 14px; }
    #SearchResultsProducts li.p-3, #SearchResultsCollections li.p-3 { padding: 10px 14px; color: #777; font-size: 14px; text-align: center; }
    #SearchResultsProducts li.call-to-action { padding: 0px; margin: 0px; background: none; }
    #SearchResultsProducts li.call-to-action a { background: var(--orange); padding: 15px; text-align: center; font-size: 16px; font-weight: 600; border-radius: 0px; display: flex; align-items: center; justify-content: center; gap: 0px; flex-wrap: nowrap; color: var(--white); flex-direction: row; gap: 10px; flex-wrap: nowrap; height: 100%; text-transform: capitalize; }
    #SearchResultsCollections li a svg, #SearchResultsProducts li.call-to-action a svg { height: 20px;  }

@media (max-width: 1024px) { 
  .header-menu_item_content_container { flex-direction: row; }
	.header-menu_item_content.b2b-support .customer-plus-manager-container,
  .header-menu_item_content.b2b-support .staff-contacts-sales-team-container { flex-direction: column; }
  .header-menu_item_content.b2b-support .staff-contacts-sales-team,
  .header-menu_item_content.b2b-support .staff-contacts-sales-team .nav-customer-profile{ width: 100%; }
  .header-menu_item_content_list_container { width: calc(25% - 15px) !important; }
	.header-menu_item_content_container { row-gap: 20px; }
  .header-top-level-menu li a.submenuheading { font-size: 18px; }
	.header-menu_item_content.b2b-support .contacts-container { width: calc(75% - 20px) !important; }
    .header-desktop-navigation { display: none; }
}

@media (max-width: 768px) { 
    .search-bar-wrapper { display: none; }
    .search-bar-wrapper form { position: relative; width: 100%; margin: 0 25px; }
}

@media (max-width: 575px) { 
  .header-desktop-navigation, .search-bar-wrapper, .site-header-checkout-button { display: none; }
  .mr-mobile-nav-search-bar .search-bar-wrapper { display: flex; justify-content: flex-start; }
  .search-bar-wrapper { width: var(--full-width); }
  .site-header-main { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
  .site-header-main-content { justify-content: flex-start; width: 100%; }
  #SearchResults { padding: 20px; height: auto;
  max-height: calc(100vh - 65px); max-height: calc(100dvh - 65px);  /* real mobile fix */
  overflow-y: auto; -webkit-overflow-scrolling: touch; /* helps iOS; harmless elsewhere */
  touch-action: pan-y;               /* tells browser this should scroll */
  -webkit-overflow-scrolling: touch; }
  #SearchResults h4 { font-size: 18px; padding: 0 0 10px 0; }
  .searchResultsContainer { flex-direction: column; gap: 0px; }
    #SearchResultsCollectionsWrapper { width: 100%; }
    h5.search-section-title { padding: 10px 0px 10px 0px; font-size: 16px; }
    #SearchResultsProductsWrapper { width: 100%; }
    #SearchResultsProducts li { width: calc(50% - 4px); min-width: unset; max-width: unset; }
    #SearchResultsCollections li { width: calc(50% - 4px); }
}

/* MR - CVP BAR */
.mr-theme-cvp { position: relative; z-index: 1; max-width: var(--full-width); margin: 0 auto; padding-bottom: 0; background: var(--brandBlue); color: var(--white); /* slot count controlled by CSS */
  --cvp-visible: 4;
  --cvp-gap: 30px;
  --cvp-padding-y: 12px;
  --cvp-padding-x: 20px;
  --cvp-accent: var(--orange);
}

/* Layout */
.mr-theme-cvp ul { height: fit-content; list-style: none; margin: 0 auto; padding: var(--cvp-padding-y) var(--cvp-padding-x); max-width: var(--max-container); overflow: hidden; white-space: nowrap; display: flex; align-items: stretch; justify-content: center; gap: 0px;
  /* fade container (JS toggles .is-fading) */
  transition: opacity 0.6s ease;
}
.mr-theme-cvp ul.is-fading { opacity: 0; }

/* Slots */
.mr-theme-cvp ul li { border-right: 1px solid var(--grey); margin: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 calc((100% - (var(--cvp-gap) * (var(--cvp-visible) - 1))) / var(--cvp-visible)); min-width: 0; /* prevents overflow weirdness */ }
.mr-theme-cvp ul li:last-child { border-right: 0px solid var(--grey);  }

/* Icon */
.mr-theme-cvp ul li svg,
.mr-theme-cvp ul li i { width: 25px; margin: 1px; padding: 0; fill: var(--cvp-accent) !important; display: none; /* keep as you had it */ }

/* Text wrappers */
.mr-theme-cvp ul li div { display: flex; flex-direction: row; gap: 5px; text-align: left; }
.mr-theme-cvp ul li .cvp-text,
.mr-theme-cvp ul li .cvp-text-klaviyo { margin-left: 10px; font-size: 13px; font-weight: 500; display: flex; flex-direction: column !important; align-items: center; cursor: pointer; }

/* Links */
.mr-theme-cvp ul li a { display: flex; align-items: center; font-size: 15px; line-height: 1.3; font-weight: 700; text-decoration: none; color: var(--white); }
.mr-theme-cvp ul li a b,
.mr-theme-cvp ul li .cvp-text b { font-size: 15px; line-height: 0.9; text-transform: uppercase; text-decoration: none; font-family: var(--ardelaEdge-Black); font-weight: 500; }
.mr-theme-cvp ul li a small { font-size: 15px; line-height: 1.4; font-weight: 500; text-transform: capitalize}
.mr-theme-cvp ul li a:hover,
.mr-theme-cvp ul li a:hover b,
.mr-theme-cvp ul li a:hover small {
  color: var(--cvp-accent);
}
/* Breakpoints (controls how many slots JS should render) */
@media (max-width: 1279px) {
  .mr-theme-cvp { --cvp-visible: 3; }
}
@media (max-width: 1024px) {
  .mr-theme-cvp { --cvp-visible: 2; }
}
@media (max-width: 767px) { 
  .mr-theme-cvp { --cvp-visible: 1; } 
}
@media (max-width: 450px) { 
    .mr-theme-cvp ul { height: fit-content; }
    .mr-theme-cvp ul li .cvp-text, .mr-theme-cvp ul li .cvp-text-klaviyo { flex-direction: column !important; margin: 0px; }
}


/***************** 
COLLECTION BREADCRUMBS
******************/

/* Collection Page - Breadcrumbs */ 
.breadcrumbs-container { padding: 20px 30px; text-align: center !important; margin: 0 auto 10px auto; z-index: 996; display: flex; flex-direction: row; gap: 5px; justify-content: space-between; align-items: center; width: var(--full-width); max-width: var(--max-container); white-space: nowrap; }
.breadcrumbs-container a { color: var(--orange); }
.breadcrumbs-container a, 
.breadcrumbs-container span,
.breadcrumbs-container b { font-size: 14px; line-height: 1.4em; text-align: left; font-weight: 500; display: flex; color: var(--brandBlue); }
.breadcrumbs-container b {font-weight: 800; }
.site-logo-image-breadcrumb { max-height: 20px !important; display: block; max-width: var(--full-width); margin-right: auto; margin-left: auto; }

.breadcrumbs-container span { text-wrap: unset; }
.breadcrumbs-container span:last-child { width: 90%; }  
.breadcrumbs-container.dark span { color: #FFF; }

/* Mobile layout */
@media (max-width: 575px) {
.breadcrumbs-container { display: none !important; width: calc(100% - 40px); padding: 0px 0px 10px 0px; text-align: center !important; margin: 10px 20px; z-index: 996; display: flex; flex-direction: column; gap: 0px; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid var(--grey); }
.breadcrumbs-container a, .breadcrumbs-container span { font-size: 12px; line-height: 1.4em; text-align: left; }
}

/***************** 
COLLECTION PAGE CVP BANNER
******************/
.mr-collection-cvp { display: flex; gap: 0px; flex-direction: row; justify-content: center; align-items: center; padding: 30px 60px 30px 30px; margin: 0px 0 10px 0; width: var(--full-width); background: var(--brandBlue); color: var(--white); clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%); }
.mr-collection-cvp ul { display: flex; gap: 20px; flex-direction: row; justify-content: space-between; align-items: flex-start; padding: 0px; margin: 0px; width: var(--full-width); list-style-type: none; }
.mr-collection-cvp ul li { font-size: 13px; display: flex; gap: 10px; flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 20%; }
.mr-collection-cvp ul li a { color: var(--white); text-decoration: underline; }
.mr-collection-cvp ul li svg { fill: var(--white); width: 20px; height: 20px; margin: 0 0 5px 0; }

@media (max-width: 1600px) {
  .mr-collection-cvp { padding: 20px 20px 10px 20px; }
  .mr-collection-cvp ul { overflow-x: scroll; padding: 0 0 10px 0; justify-content: flex-start;  }
  .mr-collection-cvp ul li { min-width: 120px; }
}

@media (max-width: 575px) {
  .mr-collection-cvp ul li { min-width: unset; flex: 0 0 50%; }
}

/***************** 
COLLECTION PAGE LAYOUT
******************/
.custom-collection {
   width: var(--full-width);
  }
.custom-collection.dark {
   background: var(--black);
   padding: 20px 0;
  }

.countdown-timer-container { grid-area: countdown-timer; }
.productgrid--masthead { grid-area: masthead; }
.productgrid--cvp { grid-area: cvp; }
.productgrid--subcollections { grid-area: subcollections; }
.mobile-filters { grid-area: mobile-filters; margin: 0 0 10px 0; }


/* SEARCH RESULTS PAGE */
.productgrid--wrapper .productgrid--sidebar { grid-area: new-filters; }
.productgrid--wrapper .productgrid--items { grid-area: product-items-wrapper; }
.productgrid--wrapper .productgrid--masthead { grid-area: masthead; }
.productgrid--wrapper { margin: 0 auto 30px auto; } /* USA THEME uses Cloud Search Results Page */

@media (max-width: 768px) {
  .search--section .layout--has-sidebar .productgrid--wrapper { padding: 0 10px !important; }
.productgrid--wrapper .productgrid--items { column-gap: 5px !important; row-gap: 25px !important; }
}
/* SEARCH RESULTS PAGE */


.collection--section .productgrid--outer {
    display: grid; grid-template-columns: calc(20% - 10px) calc(80% - 10px); grid-template-rows: auto auto;
    grid-template-areas: "new-filters masthead" "new-filters product-items-wrapper";
    column-gap: 20px; row-gap: 20px; width: var(--full-width); max-width: var(--max-container); padding: 0 0; margin: 0 auto;
  }

.collection--section .productgrid--outer.layout--no-sidebar { grid-template-areas: "masthead masthead" "product-items-wrapper product-items-wrapper"; }

@media (max-width: 1600px) {
.collection--section .productgrid--outer {
    padding: 0 20px;
  }
}

@media (max-width: 1024px) {
.collection--section .productgrid--outer {
    grid-template-columns: calc(25% - 10px) calc(75% - 10px);
  }
}
@media (max-width: 820px) {
.collection--section .productgrid--outer {
    grid-template-columns: calc(33% - 10px) calc(66% - 10px);
    grid-template-areas: "masthead masthead" "mobile-filters mobile-filters" "product-items-wrapper product-items-wrapper";
  }
  div.custom-collection > div > div.filters { display: none; }
}
@media (max-width: 768px) { 
.collection--section .productgrid--outer {
    grid-template-columns: calc(33% - 10px) calc(66% - 10px);
  }
}

@media (max-width: 575px) { 
.collection--section .productgrid--outer {
    padding: 10px;
    grid-template-columns: 100%;
    grid-template-areas: "masthead" "mobile-filters" "subcollections" "product-items-wrapper";
  }
  div.custom-collection > div > div.filters { display: none; }
}

/***************** 
COLLECTION PAGE - COUNTDOWN TIMER
******************/
.countdown-timer-container { width: var(--full-width); display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 50px; padding: 20px 30px; margin: 0px 0 20px 0; }
.countdown-timer-headline { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px; padding: 0px; margin: 0px; }
.countdown-timer-headline h2 { font-size: 32px; font-weight: 800; margin: 0px 0 0px 0; }
.countdown-timer-headline p.subheading { font-size: 16px; font-weight: 800; margin: 0px 0 0px 0; }
.countdown-timer-headline p { font-size: 13px; margin: 0px 0 0px 0; }
.timer-container { display: flex; flex-direction: row; gap: 5px; }
.timer-container .time-box { text-align: center; font-size: 18px; margin: 0 0px; background: var(--white); border-radius: 0px; width: 100px; height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.timer-container .time-box span { font-size: 32px; font-weight: bold; display: block; margin: 0px; }
.timer-container .time-box p { font-size: 14px; margin: 0px; text-transform: capitalize; }

/***************** 
COLLECTION PAGE - UTILITY BAR
******************/
#mr-collection-utilities { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: var(--lightGrey); font-weight: 600; padding: 20px 0px; width: var(--full-width); margin-bottom: 10px; }
#mr-collection-utilities.dark { background: var(--black); }
#mr-collection-utilities-sorting,
#mr-collection-utilities-layout-alt { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; width: var(--full-width); padding: 5px 20px 5px 20px; }
#mr-collection-utilities-sorting p,
#mr-collection-utilities-layout-alt p { width: 25%; margin: 0px; color: var(--brandBlue); white-space: normal; }
#mr-collection-utilities.dark #mr-collection-utilities-sorting p,
#mr-collection-utilities.dark #mr-collection-utilities-layout-alt p { color: var(--white); }
#mr-collection-utilities-sorting { display: flex; flex-wrap: nowrap; white-space: nowrap; } 
#mr-collection-utilities-sorting .utils-sortby-select--wrapper { width: 90%; }
#mr-collection-utilities-layout-alt .utils-viewtoggle-button-alt { padding: 0px; display: flex; flex-direction: row; align-items: center; justify-content: center; border: 0px; background: none; }
#mr-collection-utilities-layout-alt .utils-viewtoggle-button-alt:first-child { margin-left: 10px; }
#mr-collection-utilities-layout-alt .utils-viewtoggle-button-alt svg { color: var(--brandBlue); width:30px; height: 30px; } 
#mr-collection-utilities.dark #mr-collection-utilities-layout-alt .utils-viewtoggle-button-alt svg { color: var(--white); } 
#mr-collection-utilities-layout-alt .utils-viewtoggle-button-alt.active-alt svg { color: var(--orange); } 
#mr-collection-utilities.dark #mr-collection-utilities-layout-alt .utils-viewtoggle-button-alt.active-alt svg { color: var(--orange); } 
#mr-collection-utilities-layout-alt .utils-viewtoggle-button-alt svg:hover { color: var(--webHoverOverOrange); } 
#mr-collection-utilities-layout-alt .utils-viewtoggle-button-alt.grid-view svg { width: 24px; height: 24px; } 
#mr-collection-utilities-layout-alt .utils-viewtoggle-button-alt.full-view svg { rotate: 90deg; } 

@media (max-width: 480px) {

}
/***************** 
COLLECTION PAGE - SUB COLLECTIONS
******************/

.collection-icons-wrapper { margin: 20px 0 0px 0px; padding: 0px 0px 0px 0px; }
@media (max-width: 480px) {
  .collection-icons-wrapper { margin: 0 0 0px 0px; padding: 0px 0px 0px 0px; }
}
.collection-icons-wrapper.dark {  }
.collection-icons-wrapper.dark .intro-collection-icon p { color: var(--white); }
.collection-icons-wrapper.dark .collection-icons { border: 1px solid #EEE; background: var(--black); }
.collection-icons-wrapper.dark .collection-icons .collection-title { color: var(--white); }

.collection-icons-container { display: flex; gap: 5px; width: var(--full-width); padding: 0 0 0 0px; flex-direction: column; margin: 0 0 0px 0; position: relative; }
.collection-icons-contained { display: flex; flex-direction: row; gap: 5px; overflow-x: scroll; width: var(--full-width); align-items: stretch; padding: 0 35px 20px 35px; }
.collection-icons { background-color: var(--white); border: 1px solid var(--lightGrey); width: 140px; min-width: 140px; max-width: 140px; height: auto; display: flex; align-items: center; justify-content: center; margin: 0 0px 0px 0; padding: 0px; }
.collection-icons a { padding: 15px; }
.collection-icons.promo-collection-style { max-width: max-content; overflow: hidden; margin: 0 0px 10px 0; min-height: 100px; padding: 0px !important; border: none !important; background: none !important; box-shadow: 0 0 0 !important; }

@media (max-width: 480px) { 
    .collection-icons.promo-collection-style { max-width: max-content; min-width: 70%; } 
}
.collection-icons-container .intro-collection-icon { padding: 0 0 0 0px; margin: 0px; display: flex; align-items: center; }
.collection-icons-container .intro-collection-icon p { font-family: var(--ardelaEdge-Black); margin: 0px 0 0 10px; }
.collection-image { width: 60px; height: 60px; object-fit: cover; border-radius: 5px; }
.promo-collection-style .collection-image { position: relative; height: unset; object-fit: unset; width: 120px; }
.collection-title { margin-top: 0px; font-size: 14px; color: var(--black); margin-bottom: 0; font-weight: 500; white-space: normal; }
.promo-collection-style .collection-title { font-size: 16px; padding: 10px 10px 10px 10px; }
.promo-collection-style .collection-title span { color: var(--orange); font-weight: 900; display: flex; flex-direction: row; gap: 2px; font-size: 22px; }
.collection-link { text-decoration: none; color: inherit; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; gap: 10px; }
.promo-collection-style .collection-link { min-height: 50px; border: 1px solid #EEE; background: var(--white); overflow: visible; height: 80px; border-radius: 5px; padding: 0 20px 0 10px; box-shadow: 0 1px 4px #7b7b7b1c; }
.collection-icons-wrapper.dark .promo-collection-style .collection-link { background: var(--black); }
.collection-icons:hover,
.promo-collection-style .collection-link:hover { border: 1px solid var(--grey); cursor: pointer; }

@media (max-width: 768px) {
    .collection-icons-container { overflow-x: auto; white-space: nowrap; }
    .collection-icon { display: inline-block; white-space: normal; }
}

/***************** 
COLLECTION PAGE - FILTERS
******************/
  .collection-filters { background: var(--lightGrey); padding: 20px 20px; }
  .collection-filters h4 { font-family: var(--ardelaEdge-Black); padding: 5px 0px 10px 0; margin: 0px 0px 3px 0px; font-size:32px; font-weight: 500; border-bottom: 5px solid var(--brandBlue); display: flex; gap: 10px; justify-content: flex-start; align-items: center; color: var(--brandBlue);  }
  .filter-group { padding: 0px 0px 0 0px; margin: 10px 0 0 0px; display: flex; flex-direction: column; }
  .filter-group h4 { padding: 10px 0px 0px 0; margin: 0px 0px 3px 0px; font-size: 16px; font-weight: 600; border-bottom: 2px solid var(--brandBlue); display: inline-flex; }
  .filter-group ul { list-style-type: none; padding: 10px 0px; margin: 0px; display: flex; flex-direction: row; gap: 5px; flex-wrap: wrap; }
  .filter-group ul li { padding: 0px; margin: 0px 0 0 0px; }
  .filter-group ul li button { font-size: 12px; padding: 6px 10px; border: 1px solid var(--grey); color: var(--brandBlue); border-radius: 5px; background: var(--white); text-align: left; }
  .filter-group ul li button.active { background: var(--brandBlue); color: var(--white); border-color: var(--brandBlue); }
  .filter-group ul li button:hover { background: var(--webBrandBlue90Tint); color: var(--white); border-color: var(--webBrandBlue90Tint); cursor: pointer; }
  .filter-group ul li button span { color: var(--darkGrey); }
  .filter-group ul li button.active span,
  .filter-group ul li button:hover span { color: var(--white); }
  .filter-group select { font-size: 14px; padding: 10px 15px; margin: 10px 0; border: 1px solid var(--grey); color: var(--brandBlue); border-radius: 5px; background: var(--white); }

  /* Disabled styles */
  .filter-group ul li button[disabled],
  .filter-group ul li button.disabled { opacity: 0.55; cursor: not-allowed; pointer-events: none; background: var(--white); color: var(--darkGrey); border-color: var(--lightGrey); }
  .filter-group select option[disabled] { color: #999; }

  /***************** 
COLLECTION PAGE - DESCRIPTION
******************/
  #collection-description p a, #collection-description a { color: var(--orange); }

/*****************
PRODUCT CARD - COLLECTION PAGE
Cleaned responsive version
******************/

/* -----------------------------
   PRODUCT GRID
------------------------------ */
.productgrid--items {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px !important;
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

.productgrid--footer { display: none; }

.product-card {
  width: var(--full-width);
  display: flex;
  align-items: center;
  justify-content: center;
}

.productgrid--items > li,
.productgrid--item {
  flex: 0 0 calc(25% - 8px);
  width: calc(25% - 8px) !important;
  max-width: 300px; 
}

.productgrid--items.productgrid-listview > li,
.productgrid--items.productgrid-listview .productgrid--item {
  flex-basis: calc(50% - 5px);
  width: calc(50% - 5px) !important;
  max-width: calc(50% - 5px);
}

.productgrid--items.productgrid-fullview > li,
.productgrid--items.productgrid-fullview .productgrid--item {
  flex-basis: 100%;
  width: 100% !important;
  max-width: 100%;
}

.productitem--info .ruk_rating_snippet .ruk-rating-snippet-count { display: none; }

/* Video blocks inside product grid */
.productgrid--items.productgrid-gridview .mr-collection-video_block { width: calc(50% - 5px) !important; }
.productgrid--items.productgrid-listview .mr-collection-video_block { width: calc(50% - 5px) !important; }
.productgrid--items.productgrid-fullview .mr-collection-video_block { width: 100% !important; }

/* -----------------------------
   RESPONSIVE GRID WIDTHS
------------------------------ */
@media (max-width: 1366px) {
  .productgrid--items.productgrid-gridview > li,
  .productgrid--items.productgrid-gridview .productgrid--item {
    flex-basis: calc(33.333% - 7px);
    width: calc(33.333% - 7px) !important;
    max-width: calc(33.333% - 7px);
  }

  .productgrid--items.productgrid-gridview .mr-collection-video_block { width: calc(66.666% - 4px) !important; }
  .productgrid--items.productgrid-gridview div.productitem { max-width: none; min-width: 0; }
}

@media (max-width: 1024px) {
  .productgrid--items.productgrid-gridview .mr-collection-video_block {
    width: calc(66.666% - 4px) !important;
    flex-direction: column;
  }
  .productgrid--items.productgrid-gridview > li,
  .productgrid--items.productgrid-gridview .productgrid--item,
  .productgrid--items.productgrid-listview > li,
  .productgrid--items.productgrid-listview .productgrid--item {
    flex-basis: calc(50% - 5px);
    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px);
  }
}

@media (max-width: 820px) {
  .productgrid--items.productgrid-gridview > li,
  .productgrid--items.productgrid-gridview .productgrid--item,
  .productgrid--items.productgrid-listview > li,
  .productgrid--items.productgrid-listview .productgrid--item {
    flex-basis: calc(50% - 5px);
    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px);
  }

  .productgrid--items.productgrid-fullview > li,
  .productgrid--items.productgrid-fullview .productgrid--item,
  .productgrid--items.productgrid-listview .mr-collection-video_block,
  .productgrid--items.productgrid-fullview .mr-collection-video_block {
    width: 100% !important;
    max-width: 100%;
  }

  .productgrid--items.productgrid-gridview .mr-collection-video_block { width: 100% !important; }
  .productitem__container { align-items: flex-start !important; }
}

@media (max-width: 575px) {
  .productgrid--items {
    gap: 8px !important;
  }

  .productgrid--items.productgrid-gridview > li,
  .productgrid--items.productgrid-gridview .productgrid--item,
  .productgrid--items.productgrid-listview > li,
  .productgrid--items.productgrid-listview .productgrid--item {
    flex-basis: calc(50% - 4px);
    width: calc(50% - 4px) !important;
    max-width: calc(50% - 4px);
  }

  .productgrid--items.productgrid-gridview .mr-collection-video_block,
  .productgrid--items.productgrid-listview .mr-collection-video_block {
    width: 100% !important;
  }

  .mr-collection-video_block .video-player-ratio { height: 100% !important; }
}

@media (max-width: 380px) {
  .productgrid--items.productgrid-listview > li,
  .productgrid--items.productgrid-listview .productgrid--item {
    flex-basis: 100%;
    width: 100% !important;
    max-width: 100%;
  }
}

/* -----------------------------
   PRODUCT CARD BASE
------------------------------ */
div.productitem {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  padding: 25px 0 0;
  border: 2px solid var(--lightGrey);
}

div.productitem:hover { border-color: var(--grey); }
div.productitem.new { border-color: var(--brandBlue); }

li.collection-popout-card {
  min-width: 300px;
  max-width: 360px;
}

.productgrid--items.productgrid-listview div.productitem,
.productgrid--items.productgrid-fullview div.productitem {
  max-width: none;
}

@media (max-width: 768px) {
  li.collection-popout-card {
    min-width: 250px;
    max-width: 250px;
  }
}

/* -----------------------------
   PRODUCT CARD LAYOUT
------------------------------ */
.productitem__container {
  display: flex;
  flex-direction: column;
  width: var(--full-width);
}

.productgrid--items.productgrid-listview .productitem__container {
  display: grid;
  grid-template-columns: 50% 50%;
  width: var(--full-width);
}

.productgrid--items.productgrid-fullview .productitem__container {
  display: flex;
  flex-direction: row;
  width: var(--full-width);
}

@media (max-width: 1366px) {
  .productgrid--items.productgrid-listview .productitem__container {
    grid-template-columns: 30% 70%;
  }
}

@media (max-width: 820px) {
  .productgrid--items.productgrid-listview .productitem__container,
  .productgrid--items.productgrid-fullview .productitem__container {
    display: flex;
    flex-direction: column;
  }
}

/* -----------------------------
   LABELS
------------------------------ */
div.productitem .product-grid-item-labels {
  display: flex;
  flex-flow: row nowrap !important;
  gap: 0;
  overflow: hidden;
  margin: -25px 0 0;
}

div.productitem .product-label {
  z-index: 2;
  width: fit-content;
  max-height: max-content;
  margin: 0;
  padding: 5px 25px 4px 8px;
  border-radius: 0;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  white-space: normal;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%);
}

div.productitem .product-label:nth-child(2) {
  margin-left: -25px;
  padding: 6px 25px;
  clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0 25px);
}

div.productitem .product-label.product-label--brandBlue { background: var(--brandBlue); }
div.productitem .product-label.product-label--darkGrey { background: var(--darkGrey); }
div.productitem .product-label.product-label--orange { background: var(--orange); }

div.productitem .product-label.product-label--evomax {
  background: linear-gradient(-45deg, var(--brandBlue), var(--cobaltBlue), var(--metalCuttingProducts), var(--mildsteelBlades));
  background-size: 400% 400%;
  animation: product-card-gradient 10s ease infinite;
}

@keyframes product-card-gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@media (max-width: 575px) {
  div.productitem .product-label {
    width: auto;
    min-height: fit-content;
    padding: 5px 25px 4px 5px;
    font-size: 9px;
  }
}

/* -----------------------------
   AWARDS
------------------------------ */
.product-award {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-width: 100%;
  height: 45px;
  padding: 10px 25px 0;
  background: var(--white);
  text-align: center;
  text-decoration: none !important;
  z-index: 100;
}

.productgrid--items.productgrid-listview .product-award-full-view,
.productgrid--items.productgrid-gridview .product-award-full-view,
.mr-featured-collection-container .product-award-full-view { display: none; }

.productgrid--items.productgrid-fullview .product-award-full-view { display: flex; }
.productgrid--items.productgrid-fullview .product-award-notfull-view { display: none; }
.productgrid--items.productgrid-listview .product-award-notfull-view,
.productgrid--items.productgrid-gridview .product-award-notfull-view { display: flex; }

.productgrid--items.productgrid-fullview .product-award { padding: 0; }

.award-logos {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.product-award span {
  color: var(--black);
  font-size: 11px;
  font-weight: 800;
  text-decoration: none !important;
}

.product-award img {
  max-width: 100px;
  max-height: 30px;
}

@media (max-width: 575px) {
  .product-award {
    padding: 10px 0;
    overflow-x: auto;
    overflow-y: hidden;
  }
}

/* -----------------------------
   PRODUCT IMAGE
------------------------------ */
.rr-image-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  padding-bottom: 20px;
}

.rr-product-image {
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 35%;
  height: auto;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 2px solid var(--black, #000);
  border-radius: var(--borderRadiusMedium);
  background: var(--white);
}

div.productitem .productitem__image-container {
  width: var(--full-width);
  margin: 0;
}

.productgrid--items.productgrid-listview li div.productitem .productitem__image-container {
  width: var(--full-width);
  margin: 0;
  padding: 10px;
}

.productgrid--items.productgrid-fullview li div.productitem .productitem__image-container {
  width: 140px;
  margin: 0;
  padding: 0 0 0 25px;
  flex: 0 0 140px;
}

div.productitem .productitem--image img.bundle-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  visibility: visible;
  transform: none;
}

@media (max-width: 820px) {
  .productgrid--items.productgrid-fullview li div.productitem .productitem__image-container {
    width: 100%;
    flex-basis: auto;
    padding: 0;
  }
}

@media (max-width: 575px) {
  .rr-product-image { width: 50%; }
  div.productitem .productitem__image-container { width: 100%; }
}

/* -----------------------------
   INFO / STOCK / REVIEWS / TITLE
------------------------------ */
div.productitem .productitem--info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin: 0;
  padding: 10px 15px 25px;
  text-align: left !important;
}

.productgrid--items.productgrid-fullview div.productitem .productitem--info {
  padding: 10px 25px 25px 15px;
}

.productgrid--items.productgrid-fullview li div.productitem .productitem--info {
  flex-direction: row;
  width: var(--full-width);
}

.productitem--info-stock-reviews-title {
  display: flex;
  flex-direction: column;
  width: var(--full-width);
  min-height: 80px;
}

.productgrid--items.productgrid-fullview .productitem--info-stock-reviews-title {
  width: 70%;
  margin: 0 25px 0 0;
  border-right: 1px solid var(--lightGrey);
}

.productgrid--items.productgrid-fullview .productitem--info-stock-reviews {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  width: var(--full-width);
  padding: 5px 0 0;
}

.product-stock-level {
  width: fit-content;
  margin-left: 15px;
  padding: 4px 8px !important;
  border-radius: 0;
  font-weight: 600;
  text-transform: capitalize;
}

.product-stock-level-wrapper {
  justify-content: flex-start;
  margin: 5px 0 0 5px;
  padding: 5px 0;
}

.product-stock-level__badge-text { font-size: 10px; }
.product-stock-level--high { color: var(--stockLevelLabelFontHigh); background: var(--stockLevelLabelBackgroundHigh); border: 1px solid var(--stockLevelLabelBorderHigh); }
.product-stock-level--low { color: var(--stockLevelLabelFontLow); background: var(--stockLevelLabelBackgroundLow); border: 1px solid var(--stockLevelLabelBorderLow); }
.product-stock-level--none,
.product-stock-level--continue-selling { color: var(--stockLevelLabelFontOos); background: var(--stockLevelLabelBackgroundOos); border: 1px solid var(--stockLevelLabelBorderOos); }

div.productitem .productitem--info .productitem--title {
  min-height: 5.5em;
  margin: 5px;
  color: var(--black) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-align: left;
}

.productgrid--items.productgrid-fullview li div.productitem .productitem--info .productitem--title { min-height: 0; }

div.productitem .productitem--info .ruk_rating_snippet { margin: 0 0px; }
div.productitem .productitem--info .ruk_rating_snippet i {
  margin: 5px 0 0;
  font-size: 18px !important;
}

@media (max-width: 1366px) {
  div.productitem .productitem--info,
  .product-award { padding: 10px 20px 20px !important; }

  div.productitem .productitem--info .productitem--title { min-height: 0; }
}

@media (max-width: 1024px) {
  div.productitem .productitem--info { padding: 10px !important; }
  .product-award { padding: 10px 0 !important; }
}

@media (max-width: 820px) {
  .productgrid--items.productgrid-fullview li div.productitem .productitem--info {
    flex-direction: column;
  }

  .productgrid--items.productgrid-fullview .productitem--info-stock-reviews-title {
    width: var(--full-width);
    margin-right: 0;
    border-right: 0;
  }
}

@media (max-width: 575px) {
  div.productitem .productitem--info .productitem--title {
    margin: 10px 5px 0 5px;
    font-size: 11px !important;
    font-weight: 500 !important;
  }

  .product-stock-level-wrapper {
    margin-left: 0;
    padding: 5px 2px;
  }
}

/* -----------------------------
   PRICING / CTA / SPEC LAYOUT
------------------------------ */
.productitem--info-pricing-cta,
.productgrid--items.productgrid-gridview .productitem--info-pricing-cta,
.productgrid--items.productgrid-listview .productitem--info-pricing-cta {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  width: var(--full-width);
}

.productgrid--items.productgrid-fullview .productitem--info-pricing-cta {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: var(--full-width);
}

.productitem--info-cta-spec {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  width: var(--full-width);
}

@media (max-width: 1024px) {
  .productgrid--items.productgrid-fullview .productitem--info-pricing-cta {
    flex-direction: column;
    gap: 10px;
  }

  .productgrid--items.productgrid-gridview .productitem--info-pricing-cta { margin-top: auto; }
}

/* Pricing */
div.productitem .productitem--info .item-pricing,
div.productitem .productitem--info .item-pricing .item-price {
  width: var(--full-width);
}

div.productitem .productitem--info .item-pricing .item-price {
  display: flex;
  justify-content: space-between;
  padding: 0 0 10px;
  text-align: left;
}

div.productitem .productitem--info .item-pricing .item-klarna-price {
  padding: 6px 6px 4px;
  background: var(--lightGrey);
  color: var(--black);
  font-size: 13px;
}

div.productitem .productitem--info .item-pricing .item-klarna-price .product-klarna-price { font-weight: 600; }

.price-normal {
  justify-content: flex-start;
  color: var(--darkGrey);
  font-size: 12px;
  padding: 0 0 0 5px;
}

.price-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px !important;
  width: var(--full-width);
  min-height: 80px;
  margin: 5px 0 !important;
  padding: 8px 10px !important;
  line-height: 1.2;
}

.productgrid--items.productgrid-fullview .price-block {
  gap: 5px !important;
  margin: 0;
}

.bundle-block,
.saving-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 3px solid var(--brandBlue);
  background: linear-gradient(110deg, var(--white) 0%, var(--white) 55%, var(--brandBlue) 55%, var(--brandBlue) 100%);
}

.productgrid--items.productgrid-listview .bundle-block { background: linear-gradient(110deg, var(--white) 0%, var(--white) 60%, var(--brandBlue) 60%, var(--brandBlue) 100%); }
.productgrid--items.productgrid-fullview .bundle-block { background: linear-gradient(110deg, var(--white) 0%, var(--white) 65%, var(--brandBlue) 65%, var(--brandBlue) 100%); }
.saving-block.map-block { background: linear-gradient(110deg, var(--white) 0%, var(--white) 70%, var(--brandBlue) 70%, var(--brandBlue) 100%); }

.was-now-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
}

.price-saving {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: fit-content;
  color: var(--white);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-align: right;
  text-transform: uppercase;
}

.productgrid--items.productgrid-gridview .saving-block .price-saving { width: 20%; }
.productgrid--items.productgrid-listview .saving-block .price-saving { width: 17%; }
.productgrid--items.productgrid-fullview .saving-block .price-saving { width: 14%; }
.bundle-block .price-saving { width: 50%; }
.productgrid--items.productgrid-fullview .bundle-block .price-saving { width: 25%; }
.productgrid--items.productgrid-fullview .saving-block .price-saving { width: 20%; }

.price-saving span {
  font-size: 18px;
  font-weight: 800;
  text-transform: lowercase;
  white-space: nowrap;
}

.price-new {
  display: flex;
  justify-content: flex-start;
  gap: 0;
  padding: 0 0 0 5px;
  font-size: 18px;
  font-weight: 800;
  text-align: left;
}

.price-new-exvat {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  padding: 0;
  font-size: 11px;
  font-weight: 500;
  text-align: left;
  padding: 0 0 0 5px;
}

.price-new-exvat span {
  padding: 0;
  font-size: 11px;
  font-weight: 500;
}

.bnpl-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
}

.bnpl-block span {
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .price-new,
  .price-saving span { font-size: 16px; }

  .bnpl-block { font-size: 12px; }
}

@media (max-width: 768px) {
  .price-block { padding: 0 !important; }

  .bundle-block,
  .saving-block {
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    background: var(--white);
  }

  .productgrid--items.productgrid-gridview .saving-block .price-saving,
  .productgrid--items.productgrid-gridview .bundle-block .price-saving,
  .saving-block .price-saving,
  .bundle-block .price-saving {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    width: 100% !important;
    padding: 5px !important;
    background: var(--brandBlue);
    color: var(--white);
    font-size: 7px;
    text-align: left;
    align-items: center;
  }

  .was-now-price { padding: 5px; }
  .price-new { font-size: 20px; }
}

@media (max-width: 575px) {
  .price-block {
    min-height: 0;
    gap: 0 !important;
    margin: 5px 0 !important;
    padding: 0 !important;
  }

  .price-normal { font-size: 12px; }
  .price-new { width: 100%; font-size: 18px; }
  .price-new-exvat { width: 100%; font-size: 10px; }

  .was-now-price {
    align-items: flex-end;
    justify-content: space-between;
    padding: 5px !important;
  }

  .was-now-price-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }

  .price-saving {
    width: 100%;
    height: 100%;
    padding: 5px 5px 3px !important;
    text-wrap: nowrap;
  }

  .price-saving span { font-size: 12px; }

  .bnpl-block {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 2px;
    font-size: 11px;
    text-align: left;
  }
}

/* -----------------------------
   BUNDLE + SPEC BUTTONS
------------------------------ */
.product-bundle-spec-container {
  display: flex;
  flex-direction: column-reverse;
  gap: 5px;
  width: var(--full-width);
  margin-top: 0;
}

.productgrid-fullview .product-bundle-spec-container {
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 5px;
}

.product-bundle-spec-container button {
  width: var(--full-width);
  background: var(--white);
  color: var(--brandBlue);
}

/* -----------------------------
   SPEC TABLE
------------------------------ */
.productitem--description { display: none !important; }

div.productitem .product-grid-item-features {
  margin: 0;
  padding: 0;
}

div.productitem .product-grid-item-features .spec-title {
  display: block;
  margin: 5px 0;
  padding: 5px 4px;
  font-size: 12px;
  font-weight: 600;
}

div.productitem .product-grid-item-features span {
  font-size: 14px;
  line-height: 1.6;
}

div.productitem .product-grid-item-features a,
.item-spec-table tr td a {
  color: var(--orange);
  text-decoration: none;
  white-space: nowrap;
}

.item-spec-table {
  width: var(--full-width);
  margin: 5px 0 0;
  padding: 0;
  color: var(--black);
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
}

.item-spec-table tr {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

.item-spec-table tr:nth-child(even) { background: var(--webBackgroundGrey) !important; }
.item-spec-table tr:nth-child(odd) { background: var(--lightGrey) !important; }

.item-spec-table tr td {
  margin: 0;
  padding: 4px;
  font-size: 12px;
}

.item-spec-table tr td:first-child {
  width: 50%;
  font-weight: 600;
}

.item-spec-table tr td ul {
  list-style: none;
  padding: 0;
  line-height: 1.4;
}

.item-spec-table tr td ul li {
  flex: unset;
  padding: 0;
  background: unset;
  border: unset;
  border-radius: unset;
}

.product-spec-wrap {
  width: var(--full-width);
  margin-top: 10px;
}

.compare-spec,
.related-bundles-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: var(--full-width);
  min-height: 30px;
  padding: 5px !important;
  border: 0;
  background: var(--brandBlue);
  color: var(--white);
  cursor: pointer;
  font-size: 12px;
}

.compare-spec.active,
.compare-spec:hover,
.related-bundles-button:hover {
  background: var(--brandBlue);
  color: var(--white);
}

.compare-text.inactive,
.compare-spec .compare-text.inactive { display: inline; }
.compare-text.active,
.compare-spec .compare-text.active { display: none; }
.compare-spec.active .compare-text.inactive { display: none; }
.compare-spec.active .compare-text.active { display: inline; }

.compare-arrow,
.compare-spec .compare-arrow {
  display: inline-block;
  transition: transform 0.22s ease;
}

.compare-spec.active .compare-arrow { transform: rotate(180deg); }
.compare-spec .compare-arrow svg,
.collection-card-svg svg {
  width: 10px;
  height: 12px;
}

.product-grid-item-features {
  overflow: hidden;
  max-height: 200px;
  opacity: 1;
  transition: max-height 0.28s ease, opacity 0.28s ease;
}

.product-grid-item-features.closed {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}

.product-grid-item-features.open {
  display: block;
  max-height: 1000px;
  overflow: visible;
  opacity: 1;
  transition: max-height 0.35s ease, opacity 0.35s ease;
}

@media (max-width: 575px) {
  .compare-spec,
  .related-bundles-button {
    min-height: 20px;
    padding: 5px 5px 5px 5px !important;
    font-size: 11px;
  }
  .item-spec-table tr td {
    margin: 0;
    padding: 4px;
    font-size: 9px;
  }
}

/* -----------------------------
   ADD TO CART / ACTIONS
------------------------------ */
div.productitem .productitem--actions,
div.productitem .productitem--action {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  margin: 0;
  padding: 0;
}

.productgrid--items.productgrid-listview li div.productitem .productitem--action {
  align-items: center;
  margin: 0;
}

.productgrid--items.productgrid-fullview li div.productitem .productitem--action {
  flex-direction: row;
  align-items: stretch;
  gap: 5px;
  margin: 0;
}

.no-touch .productgrid-listview .productitem--actions,
.productgrid-listview .productitem--actions,
.productgrid-fullview .productitem--actions {
  display: block;
  flex: 0 0 0;
}

div.productitem .disabled,
div.productitem .disabled:hover {
  background: var(--grey) !important;
  border: 1px solid var(--grey) !important;
  color: var(--darkGrey) !important;
}

div.productitem .productitem--action-atc,
.productitem--action-trigger.productitem--action-atc .atc-button--text {
  display: flex;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 30px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  white-space: normal;
}

div.productitem .productitem--action-atc {
  padding: 12px 10px;
}

.productitem--action-trigger.productitem--action-atc .atc-button--text {
  width: var(--full-width);
  padding: 3px 0;
}

div.productitem .productitem--action-atc:hover {
  border: 1px solid var(--webHoverOverOrange);
  color: var(--white);
}

.productitem--action-trigger.productitem--action-atc .atc-button--text:active { color: var(--white); }
.productitem--action-trigger.out-of-stock {
  background: var(--darkGrey);
  color: var(--white);
  border: 1px solid var(--darkGrey);
}

/* Learn more */
div.productitem .productitem--action a.learn_more_button,
.rr-learn-more-button {
  display: flex;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: var(--full-width);
  padding: 12px 10px;
  border: 1px solid var(--orange);
  background: var(--white);
  color: var(--orange) !important;
  text-align: center;
  text-decoration: none;
}

div.productitem .productitem--action a.learn_more_button:hover,
.rr-learn-more-button:hover {
  border-color: var(--brandBlue);
  background: var(--white);
  color: var(--brandBlue);
}

div.productitem .productitem--action a svg { width: 15px; }

@media (max-width: 575px) {
  div.productitem .productitem--action a.learn_more_button,
  div.productitem .productitem--action-atc {
    padding: 5px 8px !important;
    font-size: 12px !important;
  }

  .productitem--action-trigger.productitem--action-atc .atc-button--text { font-size: 12px; }
}

/* -----------------------------
   KLAVIYO / BIS BUTTONS
------------------------------ */
.klaviyo-bis-trigger,
.product-v3 .klaviyo-bis-trigger,
.product-v3 .bis-app-trigger {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: var(--full-width);
  background: var(--darkGrey);
  color: var(--white) !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.product-v3 .klaviyo-bis-trigger,
.product-v3 .bis-app-trigger {
  gap: 0;
  padding: 10px;
}

.klaviyo-bis-trigger:hover,
.product-v3 .klaviyo-bis-trigger:hover,
.product-v3 .bis-app-trigger:hover {
  background: var(--black);
}

.product-v3 .klaviyo-bis-trigger b,
.product-v3 .bis-app-trigger b {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.product-v3 .klaviyo-bis-trigger b svg,
.product-v3 .bis-app-trigger b svg {
  width: 15px;
}


    /* COLLECTION VIDEO */
.mr-collection-video_block { margin: 0 0 0px 0; padding: 6px 0px 0px 0; width: calc(50% - 6px); display: flex; flex-direction: column; gap: 10px; justify-content: flex-start; align-items: center; gap: 0px; background: var(--lightGrey); }
.mr-collection-video_block.above-products,
.mr-collection-video_block.below-products { display: none; }
.mr-collection-video_block * { margin: 0px; padding: 0px; }
.mr-collection-video_block .video-player-ratio { width: 100%; height: auto; aspect-ratio: 16 / 9; display: flex; align-content: flex-start; align-items: flex-start; justify-content: center; }
.productgrid-listview .mr-collection-video_block { width: calc(100% - 0px); flex-direction: row; padding: 0px 2px 0px 2px; }
.productgrid-listview .mr-collection-video_block .video-player-ratio { width: 57%; height: auto; }
.productgrid-fullview .mr-collection-video_block { display: grid; grid-template-columns: 50% 50%; width: var(--full-width); padding: 4px 0px 6px 0px; }
.productgrid-fullview .mr-collection-video_block .video-player-ratio { width: 100%; height: auto; }
.mr-collection-video_block.dark { background: #F00; border: 1px solid var(--black); box-shadow: 0px 0px 0px #E8E8E8; }
.mr-collection-video_block iframe { width: 100%; height: 100%; margin: 0px 0 0px 0px; padding: 0px; aspect-ratio: 16 / 9; }
.mr-collection-video_block .mr-collection-video_block-product-container { display: flex; flex-direction: row; align-items: flex-start; padding: 25px 25px; gap: 15px; }
.mr-collection-video_block .mr-collection-video_block-product-image { min-width: 150px; width: 25%; }
.mr-collection-video_block .mr-collection-video_block-product-image a.imagelink { display: block; padding: 0px !important; margin: 0px !important; background: none !important; }
.mr-collection-video_block .mr-collection-video_block-text { width: var(--full-width); text-align: left; display: flex; flex-direction: column; align-items: flex-start; padding: 0px; }
.mr-collection-video_block h5 { font-size: 16px; font-weight: 700; margin: 0 0 5px 0; }
.mr-collection-video_block b { font-size: 14px; font-weight: 700; font-style: normal; padding: 0 0 10px 0; }
.mr-collection-video_block p { font-size: 14px; font-weight: 400; margin: 0 0 0px 0; line-height: 1.4em; }  
.mr-collection-video_block a { font-size: 14px; font-weight: 400; font-style: normal; margin: 10px 0 0px 0; padding: 8px 16px; background: var(--orange); color: var(--white); text-decoration: none; }  
.mr-collection-video_block a:hover { background: var(--webHoverOverOrange); }  

    @media (max-width: 1024px) { 
        .mr-collection-video_block .mr-collection-video_block-product-container { display: flex; flex-direction: row; align-items: flex-start; padding: 25px 25px; gap: 15px; }
        .mr-collection-video_block .mr-collection-video_block-text { width: var(--full-width); text-align: left; display: flex; flex-direction: column; align-items: flex-start; padding: 5px 0 0 0px; }
        .mr-collection-video_block .mr-collection-video_block-product-image { width: unset; }
   }

/* PRODUCT CARD - RELATED BUNDLES */
#related-bundle-popout .collection-popout-container .asset-container { height: 100%; overflow: hidden; }
#related-bundle-popout .collection-popout-container .asset-container h2 { font-family: var(--ardelaEdge-Black); font-size: 32px; }
#related-bundle-popout .collection-popout-container h3 { font-family: var(--ardelaEdge-Black); font-size: 32px; margin: 0px; color: var(--brandBlue); }
#related-bundle-popout #collection-popout-content .bundle-grid { display: flex; flex-direction: row; gap: 10px !important; align-items: stretch; justify-content: flex-start; margin: 20px 0 40px 20px; padding: 0 0 20px 0; overflow: scroll; }


/* OVERLAY */
#related-bundle-popout {
  position: fixed;
  inset: 0;
  z-index: 1250;
  background: var(--overlayBackgroundColor);
  overflow: hidden;

  display: flex;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

/* Panel */
#related-bundle-popout .collection-popout-container {
  background: white;
  height: 100%;
  width: fit-content;
  max-width: 90vw;
  overflow: hidden;

  transform: translateX(-100%);
  transition: transform 0.6s ease;
  padding: var(--popoutContentPadding) var(--popoutContentPadding) 0 var(--popoutContentPadding);
}

@media (max-width: 575px) {
  #related-bundle-popout {
    height: 100%;
  }
  /* Panel */
  #related-bundle-popout .collection-popout-container {
    height: 100vh;
    width: 90vw;
    padding: 40px 20px 0 0;
  }
  #related-bundle-popout .collection-popout-container h3 { padding: 0 20px 0 20px; line-height: 0.9em; }
  li.collection-popout-card { min-width: 220px; max-width: 220px; }
}

#related-bundle-popout .close-button { position: absolute; top: 0px; right: 0px; border: 0px; border-radius: 0; padding: 15px; aspect-ratio: 1 / 1; background: var(--black); color: var(--white); }

/* Open state (JS adds is-open to #related-bundle-popout) */
#related-bundle-popout.is-open {
  opacity: 1;
  pointer-events: auto;
}

#related-bundle-popout.is-open .collection-popout-container {
  transform: translateX(0);
}

/*****************
PDP
*****************/

.stock-level-label.status-discontinued { border: 1px solid black; }
.discontinued-message { display: flex; align-items: center; justify-content: flex-start; gap: 10px; font-weight: 700; padding: 15px !important; background: var(--lightGrey); margin: 0 0 10px 0; }
.recommended-alternative-banner { display: flex; flex-direction: column; background: var(--brandBlue); color: var(--white); padding: 20px !important; }
.recommended-alternative-banner .custom-message { font-weight: 600; font-size: 18px; margin-bottom: 10px; }
.product-container,
.product-details-container { display: flex; justify-content: space-between; gap: 10px; }
.product-details-container { flex-direction: column; }
.recommended-alternative-banner .product-image { margin-right: 10px; }
.recommended-alternative-banner .recommended-alternative-product-title { font-size: 13px; line-height: 1.4em;  }
.recommended-alternative-banner .recommended-alternative-product-title b { font-size: 18px; line-height: 1.4em;  }
.recommended-alternative-banner .learn-more-button { display: flex; justify-content: space-between; align-items: center; border: 0px solid white; background: var(--orange); color: var(--white); padding: 5px 10px !important; transition: ease all 200ms; max-width: 230px; }
.recommended-alternative-banner .learn-more-button:hover { cursor: pointer; background: var(--webHoverOverOrange); color: var(--white); }
.recommended-alternative-banner svg { width: 15px; }

/*****************
Home Page - Mosaic Section
*****************/
/* Desktop & Mobile Styles */ 
  #mr-hp-section { width: var(--full-width); margin: 0 auto; }
  #mr-hp-section.mr-shop-direct { background: var(--lightGrey); }
  #mr-hp-section.mr-payment-methods { background: var(--lightGrey); padding: 10px 0 10px 0; }
  #mr-hp-section-mosaic { max-width: var(--max-container); margin: 0px auto 0 auto; padding: 25px 0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 10px;  }
  #mr-hp-section-mosaic .mr-mosaic-section-description { width: 100%; text-align: left; padding: 20px 20px 20px 20px; display: flex; flex-direction: column; align-items:flex-start; }
  .mr-mosaic-section-description .home-section--title { margin: 0 0 !important; text-align: left; font-size: 32px; font-family: var(--ardelaEdge-Black); line-height: 0.9em; text-transform: uppercase; letter-spacing: 0px; color: var(--brandBlue); }
  .mr-mosaic-section-description p { font-size: 16px; line-height: 1.4em; margin: 5px 0 0 0; color: var(--brandBlue); text-align: left; }
  
  #mr-hp-section-mosaic .mr-mosaic-section-blocks { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; gap: 10px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul { list-style: none; display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 10px; width: 100%; padding: 0px; margin: 0px;  }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block { padding: 40px; border-radius: 0px; width: 100%; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block a { text-decoration: none; color: inherit; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 20px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block a { text-decoration: none; color: inherit; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; gap: 10px; flex-direction: column-reverse !important; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block a h3 { margin: 5px 0 5px 0; font-size: 32px; line-height: 0.9em; font-family: var(--ardelaEdge-Black); text-transform: uppercase; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block a p { margin: 0px; line-height: 1.4em; font-size: 16px; font-weight: 500; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block a img { height: 50px;  }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block.flex-row { height: 240px; display: flex; align-items: center; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block.flex-column { min-height: 330px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block.flex-row a { flex-direction: row; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block.flex-row a div { width: 75%; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block.flex-column a { flex-direction: column; text-align: center; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li#mr-cs-block { min-width: 250px; background-size: 400px; background-repeat: no-repeat; background-position: -100px -30px; background-color: #FFFFFF; align-items: center; align-items: flex-start; display: flex; justify-content: flex-end; height: 100%; color: var(--brandBlue); 
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 50px),
        calc(100% - 50px) 100%,
        0 100%
    ); }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li#mr-cs-block a { width: 40%; text-align: left; padding-top: 10px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li#mr-cs-block h3 { margin: 0px 0 5px 0; line-height: 0.9em; font-size: 22px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li#mr-cs-block p { margin: 0px; line-height: 1.4em; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li#mr-deliveries-block { background-size: cover; background-repeat: no-repeat; background-position: -110px -50px; align-items: center; height: 100%; display: flex; align-items: flex-end; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li#mr-deliveries-block a { width: 100%; text-align: left; padding: 0px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li#mr-deliveries-block h3 { margin: 0px 0 0px 0; line-height: 0.9em; color: var(--white); font-size: 32px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li#mr-deliveries-block p { margin: 0px; line-height: 1.4em; color: var(--white); }


/* Tablet Styles */ 
@media (max-width: 1600px) {
  #mr-hp-section-mosaic { padding: 40px 0px 40px 20px; width: var(--full-width); gap: 20px; }
}
@media (max-width: 1400px) {
  #mr-hp-section-mosaic .mr-mosaic-section-blocks { overflow-x: scroll; padding: 0 30px 0px 0; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks.two-column { flex-direction: row; flex-wrap: wrap; }
  #mr-hp-section-mosaic .mr-mosaic-section-description { padding: 0px 30px 0px 0px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul { flex-direction: row; width: max-content; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks.two-column ul { flex-direction: row; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block { padding: 25px; min-width: 270px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block a { font-size: 20px; width: 250px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block a h3 { font-size: 32px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block.flex-row { height: 330px; padding: 25px; align-items: flex-end; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block.flex-row a div { width: 100%; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block.flex-column { height: 200px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block.flex-column.tall { height: 350px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks.two-column ul li.mr-shop-direct_block.flex-column.tall { height: 300px; background-repeat: no-repeat !important; background-size: contain !important; background-position: top center !important; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block.flex-row a { flex-direction: column-reverse; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li#mr-cs-block { width: 320px; background-size: 250px; background-position: -70px -20px; align-items: center; display: flex; justify-content: flex-end; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li#mr-deliveries-block { width: 300px; background-size: cover; background-position: -10px 0px; align-items: flex-end; display: flex; justify-content: flex-end; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li#mr-deliveries-block a { width: 100%; text-align: left; }
  .mr-mosaic-section-description .home-section--title { font-size: 20px; }
  #mr-hp-section-mosaic .mr-mosaic-section-blocks ul li.mr-shop-direct_block a p { font-size: 16px; }
}


/***************** 
MR SUPPORT SNIPPET (SEEN ON SPARES)
*****************/
  .support-container { display: flex; flex-direction: row; gap: 20px; padding: 40px 0px 50px 0px !important; width: var(--full-width); max-width: var(--max-container); margin: 0 auto !important; }
	.support-container h4 {  font-size: 20px; font-family: var(--ardelaEdge-Black); color: var(--brandBlue); margin: 0px; }
	.support-container .contact-support, .support-container .warranty-support { display: flex; align-items: flex-end; margin-top: 10px; width: calc(50% - 10px) !important; overflow: visible; height: 160px; }
	.support-container .contact-support { padding: 0px 20px 0px 0px !important; }
	.support-container .warranty-support { padding: 0px 20px 0px 20px !important; }

	.support-container .contact-support div,
	.support-container .warranty-support div { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
	.support-container .rr-no-results,
	.support-container .contact-support, .support-container .warranty-support { flex-direction: row; justify-content: center; gap: 20px; align-items: center; font-size: 16px; color: var(--brandBlue); background: var(--white) !important; border: 1px solid var(--grey) !important; }

	.support-container .contact-support img,
	.support-container .warranty-support img { height: 180px; margin-bottom: 0px !important; bottom:10px; position: relative; }

  .support-container .contact-support > :not(:last-child) { margin-bottom: var(--marginSmall); }
	.support-container .rr-no-results a, .support-container .contact-support a, .support-container .warranty-support a { color: var(--orange); }
    .support-container .contact-support div span { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; }

  @media screen and (max-width: 1600px) {
    .support-container { padding: 40px 20px 50px 20px !important; }
  }
	@media screen and (max-width: 820px) {
    .support-container { flex-direction: column; padding: 20px 0px 10px 0px !important; margin: 0; }
		.support-container .contact-support, .support-container .warranty-support { width: calc(100% - 40px) !important; margin: 0px 20px 20px 20px; gap: 10px; font-size: 16px; padding: 0 20px; justify-content: flex-start; }
  }
	@media screen and (max-width: 575px) {
    .support-container { display: flex; flex-direction: column; gap: 20px; padding: 40px 0px 20px 0px !important; margin: 0 20px 20px 20px; }
		.support-container .contact-support, .support-container .warranty-support { font-size: 12px; }
		.support-container .warranty-support a { font-size: 12px; color: var(--orange); }
  }

/***************** 
MR Testimonials
*****************/
.mr-hp-section-testimonials { padding: 50px 0px 50px 0px; margin: 0px 0; }
.mr-hp-section-testimonials .mr-hp-section-description { width: var(--full-width); max-width: var(--max-container); padding: 0px 25px; display: flex; flex-direction: column; align-items: flex-start; text-align: left; font-size: 18px; margin: 0 auto 30px auto; }

.mr-hp-section-testimonials ul { margin: 0px; padding: 10px 20px 10px 0px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: stretch; gap: 10px; list-style: none; overflow-x: auto; overflow-y: hidden; }
.mr-hp-section-testimonials ul li { margin: 0px; padding: 0px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; width: 300px; min-width: 300px; aspect-ratio: 9 / 16; }
.mr-hp-section-testimonials ul a { display: flex; align-items: flex-start; justify-content: center; text-decoration: none; }
li.mr-testimonial_text { margin: 0px; padding: 40px !important;  }
li.mr-testimonial_text b { font-size: 16px; font-weight: 900; font-style: normal; line-height: 1.4em; }
li.mr-testimonial_text p { font-size: 16px; font-weight: 400; font-style: normal; line-height: 1.4em; margin: 0 0 10px 0; }
li.mr-testimonial_text a { font-size: 16px; font-weight: 400; font-style: normal; padding: 10px 20px; cursor: pointer; }
li.mr-testimonial_mission { margin: 0px; padding: 40px !important;  }
li.mr-testimonial_mission b { font-size: 42px; font-weight: 500; font-style: normal; line-height: 0.9em; font-family: var(--ardelaEdge-Black); color: var(--orange); }
li.mr-testimonial_mission p { font-size: 16px; font-weight: 400; font-style: normal; line-height: 1.4em; margin: 0 0 10px 0; }
li.mr-testimonial_mission a { font-size: 16px; font-weight: 400; font-style: normal; padding: 10px 20px; cursor: pointer; }

li.mr-testimonial_review { margin: 0px; padding: 40px !important;  }
li.mr-testimonial_review .mr-testimonial-stars svg { color: var(--starrating); padding-bottom: 10px; }
li.mr-testimonial_review p { font-size: 20px; font-weight: 900; font-style: italic; @media screen and (max-width: 480px) { font-size: 18px; } }
li.mr-testimonial_announcement { margin: 0px; padding: 40px !important;  }
li.mr-testimonial_announcement p { font-size: 32px; font-weight: 500; font-family: var(--ardelaEdge-Black); line-height: 0.9em; }
li.mr-testimonial_blog_post { margin: 0px; padding: 0px !important; }
li.mr-testimonial_blog_post b { font-size: 20px; font-weight: 500; font-style: normal; padding: 0px 20px; font-family: var(--ardelaEdge-Black); line-height: 0.9em; }
li.mr-testimonial_blog_post p { font-size: 16px; font-weight: 400; font-style: normal; padding: 0px 20px; margin: 10px 0 20px 0; line-height: 1.4em; }
li.mr-testimonial_blog_post button { font-size: 14px; font-weight: 500; font-style: normal; padding: 10px 20px; margin: 0 0 20px 20px; cursor: pointer; border: 0px; }
li.mr-testimonial_blog_post img { width: 100%; margin-bottom: 20px;  }
li.mr-testimonial_image { margin: 0px; padding: 0px; max-width: 320px !important; }
li.mr-testimonial_image img { margin: 0px 0 0px 0; padding: 0px; width: 100%; }
li.mr-testimonial_image b { font-size: 16px; font-weight: 900; font-style: normal; padding: 10px 30px 0px 30px; line-height: 1.4em; }
li.mr-testimonial_image p { font-size: 16px; font-weight: 400; font-style: normal; padding: 0px 30px; margin: 10px 0 20px 0; line-height: 1.4em; }
li.mr-testimonial_video { margin: 0px; padding: 0px; }
li.mr-testimonial_video iframe { width: 100%; min-height: auto; height: auto; aspect-ratio: 16 / 9; border: none; position: relative; left: 0px; top: 0px; margin: 0px 0 20px 0; }
li.mr-testimonial_video b { font-family: var(--ardelaEdge-Black); font-size: 20px; font-weight: 500; font-style: normal; padding: 10px 30px 0px 30px; line-height: 0.9em; display: block; }
li.mr-testimonial_video p { font-size: 16px; font-weight: 400; font-style: normal; padding: 0px 30px; margin: 10px 0 20px 0; line-height: 1.4em; }
li.mr-testimonial_video.vertical { margin: 0px; padding: 0px; max-width: 80vw; }
li.mr-testimonial_video.vertical iframe { width: 320px; min-height: 400px; height: 100%; border: none; position: relative; left: 0px; top: 0px; margin: 0px 0 20px 0; }
li.mr-testimonial_video.vertical b { font-size: 16px; font-weight: 900; font-style: normal; padding: 10px 30px 0px 30px; line-height: 1.4em; }
li.mr-testimonial_video.vertical p { font-size: 16px; font-weight: 400; font-style: normal; padding: 0px 30px; margin: 10px 0 20px 0; line-height: 1.4em; }
@media screen and (max-width: 480px) { align-items: flex-start; text-align: left; } }

@media screen and (max-width: 480px) { 
  .mr-hp-section-testimonials .mr-hp-section-description { padding: 20px 20px 20px 0px; }
  li.mr-testimonial_image b { font-size: 16px;  }
  li.mr-testimonial_image p { font-size: 14px;  }
  li.mr-testimonial_video iframe { min-width: 250px; height: auto; }
  .mr-hp-section-testimonials ul li:first-child { max-width: 80vw; }
  li.mr-testimonial_text p, li.mr-testimonial_blog_post p, li.mr-testimonial_image p, li.mr-testimonial_video p { font-size: 14px; }
}

.mr-hp-section-small-print { width: var(--full-width); max-width: var(--max-container); padding: 0 50px 50px 50px; }
@media screen and (max-width: 1600px) { 
  .mr-hp-section-testimonials ul { margin: 0px 20px; padding: 10px 20px 10px 0px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: stretch; gap: 10px; list-style: none; overflow-x: auto; overflow-y: hidden; }
.mr-hp-section-small-print { padding: 0 20px 50px 20px; }
}
/***************** 
FOOTER
*****************/

  .site-footer-block-item { padding-right: 0px; margin-right: 0px; margin-bottom: 0px; }

  .b2b-footer-block { display: flex; flex-direction: column; gap: 20px; justify-content: flex-start; }
  .manager-container.footer { padding: 20px 40px; border-radius: 0px; background: var(--webBrandBlue90Tint); }
  .manager-container.footer.progress-bar-account-manager { padding: 20px 40px 40px 40px; }
  .manager-container.footer h3 { }
  .manager-container.footer .staff-contacts-account-manager { display: flex; flex-direction: column; }
  .manager-container.footer.progress-bar-account-manager h3 { color: var(--white); font-weight: 700; margin: 10px 0 20px 0; }
  .manager-container.footer.progress-bar-account-manager .staff-contacts-account-manager { display: flex; flex-direction: row; color: var(--white); gap: 20px; }
  .manager-container.footer .staff-contacts-account-manager img { width: 100px; height: auto; border-radius: 50%;  }
  .manager-container.footer.progress-bar-account-manager .staff-contacts-account-manager img { width: 80px; height: 80px; border-radius: 50%;  }
  .manager-container.footer .staff-contacts-account-manager .staff-profile-details { color: var(--white); }
  .manager-container.footer .staff-contacts-account-manager .staff-profile-details p { font-size: 14px; line-height: 1.4em; }
  .manager-container.footer.progress-bar-account-manager .staff-contacts-account-manager .staff-profile-details p { font-size: 14px; line-height: 1.4em; margin: 0; white-space: nowrap; }
  .manager-container.footer .staff-contacts-account-manager .staff-profile-details a { color: var(--orange); }
  .manager-container.footer .staff-contacts-account-manager .staff-profile-details a:hover { color: var(--webHoverOverOrange); }

      @media screen and (max-width: 575px) {
  .manager-container.footer.progress-bar-account-manager .staff-contacts-account-manager { flex-direction: column; }
  .manager-container.footer.progress-bar-account-manager .staff-contacts-account-manager img { display: none; }
      }

/* Footer - Reviews.io Badge Ribbon */ 
#badge-1920 { margin: 10px 0; }
#mr-reviewsio-trust-badge { width: auto; background: none; text-align: left; padding: 0px 0 0 0px; border-radius: 0px; display: none; }
  @media screen and (max-width: 480px) { #mr-reviewsio-trust-badge { padding: 10px 0 30px 0px; }}

/* Footer - Klaviyo MR Footer Embedded Form (UK V2) */
.klaviyo-form-UZ48iQ form { padding: 0.9375rem 20px !important; }
  @media screen and (max-width: 480px) { .klaviyo-form-UZ48iQ form { padding: 30px 0px !important; }}
.klaviyo-form-UZ48iQ form div { justify-content: unset !important; min-height: unset !important; }

.site-footer-wrapper { background: var(--brandBlue); display: flex; flex-direction: row; flex-wrap: wrap; padding: 50px 30px; margin: 0px; color: var(--white); }
.site-footer-wrapper .navmenu-link,
.site-footer-wrapper .site-footer-credits a,
.site-footer-wrapper .rte a { color: var(--white); text-decoration: none; }
.site-footer-wrapper .navmenu-link:hover,
.site-footer-wrapper .site-footer-credits a:hover,
.site-footer-wrapper .rte a:hover { color: var(--orange); }
.site-footer-wrapper .rte a { color: var(--white) !important; text-decoration: underline; }
.site-footer-block-content strong { color: var(--white) !important; }
.site-footer-information { display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0 0 0; }
.site-footer-information a { color: var(--white); }
.site-footer-information a:hover { color: var(--orange); }
.site-footer-container { width: var(--full-width); max-width: var(--max-container); margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 40px; }
.site-footer-block-title { font-size: 18px; line-height: 0.9em; font-family: var(--ardelaEdge-Black); padding: 0px; margin: 0 0 10px 0; position: relative; }

.site-footer-item:first-child { width: 15%; min-width: 240px; display: flex; flex-direction: column; align-content: center; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; row-gap: 30px; }
.site-footer-item:nth-child(2) { width: calc(80% - 20px); }
.site-footer-item:last-child { width: 100%; }

.site-footer-blocks { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; column-gap: 20px; row-gap: 50px; width: 100%; }
.site-footer-block-content p { margin: 0px 0 10px 0; }
.site-footer-block-content p a { color: var(--orange); text-decoration: underline; }


@media screen and (min-width: 1024px) {
  .site-footer-information {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.site-footer-information .navmenu {
  padding: 0;
  margin: 0;
  font-size: 0;
  list-style: none;
}
.site-footer-information .navmenu .navmenu-item {
  display: inline-block;
  margin-bottom: 0px;
  font-size: 12px;
}
.site-footer-information .navmenu .navmenu-item:not(:last-child) {
  padding-right: 0px;
  margin-right: 0px;
  border-right: 0px solid;
}

.site-footer-left,
.site-footer-right {
  width: 100%;
}

.site-footer-left {
  order: 1;
  font-size: 0.8125rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .site-footer-left {
    order: -1;
    text-align: left;
  }
  .site-footer-left:not(:only-child) {
    width: 60%;
    padding-right: 12.5px;
  }
}

.site-footer-credits { text-align: left; color: var(--white); line-height: 1.5em; }
.site-footer-credits:not(:first-child) {
  margin-top: 6px;
}

@media screen and (min-width: 1024px) {
  .site-footer-right {
    width: 40%;
    padding-left: 12.5px;
  }
}
.site-footer-right :first-child {
  margin-top: 0;
}

.title_plus_badge,
.site-footer-wrapper .navmenu-link { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; align-items: center; }
.site-footer-wrapper .navmenu-link svg { width: 7px; }

.title_plus_badge svg { height: 15px; }

@media screen and (max-width: 480px) { .site-footer-block-content ul li { border-bottom: 0px solid #333; padding: 0px 0px 0px 0px; } }
.site-footer-left { text-align: left }

@media screen and (min-width: 1024px) { 
  .column-count-5 .site-footer-block-item { width: calc(20% - 20px); min-width: 200px; }
  }
  @media screen and (max-width: 1024px) { 
  .site-footer-item:first-child { width: calc(25% - 10px); }  
  .site-footer-item:nth-child(2) { width: calc(75% - 10px); } 
  .site-footer-item:last-child { width: 100%; }
  .site-footer-block-item { margin-bottom: 0px; width: calc(50% - 10px); }
  }

  @media screen and (max-width: 820px) { 
  .site-footer-item:first-child { width: calc(33% - 10px); }  
  .site-footer-item:nth-child(2) { width: calc(66% - 10px); } 
  .site-footer-item:last-child { width: 100%; }
  .site-footer-block-item { margin-bottom: 0px; width: calc(50% - 10px); }
  }

/* Tablet layout */
@media screen and (max-width: 575px) {
  .site-footer-wrapper { padding: 20px 20px; }
  .manager-container.footer { padding: 20px 20px; }
  .site-footer-item:first-child { width: 100% }  
  .site-footer-item:nth-child(2) { width: 100% } 
  .site-footer-item:last-child { width: 100%; }
  .column-count-1 .site-footer-block-item,
  .column-count-2 .site-footer-block-item,
  .column-count-3 .site-footer-block-item,
  .column-count-4 .site-footer-block-item, 
  .column-count-6 .site-footer-block-item,
    .column-count-1 .site-footer-block-item,
  .column-count-2 .site-footer-block-item,
  .column-count-3 .site-footer-block-item,
  .column-count-4 .site-footer-block-item, 
  .column-count-6 .site-footer-block-item,
  .column-count-5 .site-footer-block-item { width: calc(100% - 0px); min-width: 200px; margin-bottom: 0px; border-top: 1px solid var(--white); }
  .site-footer-blocks { row-gap: 0px; }
  .site-footer-credits { text-align: left; }

}


  .site-footer-right .shopify-cross-border {
  justify-content: flex-end;
}
.site-footer-right .disclosure__toggle:focus-visible {
  outline: Highlight auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
  outline-offset: 3px;
}
.site-footer-right .disclosure__toggle::after {
  --disclosure-toggle-svg-color: {{ settings.color_input_text }};
}

.discount-list {
  font-size: var(--font-size-body-smaller);
  padding: 0;
  line-height: 1.4;
  list-style-type: none;
}

.discount-list-item {
  margin-top: {{ space_xxx_small | divided_by: 16.0 | append: 'rem' }};
  color: {{ settings.color_product_sale_accent }};
}
.discount-list-item svg {
  height: 0.6875rem;
  width: 0.6875rem;
  margin-right: 1px;
}

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

.site-footer-block-item {
  font-size: var(--font-size-body);
  border-bottom: 1px solid {{ settings.color_footer_text | color_modify: 'alpha', 0.15 }};
}
@media screen and (min-width: 1024px) {
  .site-footer-block-item {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(25% - ({{ space_medium | divided_by: 16.0 | append: 'rem' }} * 3 / 4));
    padding-right: {{ space_medium | divided_by: 16.0 | append: 'rem' }};
    margin-right: {{ space_medium | divided_by: 16.0 | append: 'rem' }};
    border-bottom: 0;
  }
  .site-footer-block-item:last-child {
    padding-right: 0;
    margin-right: 0;
  }
  
  .site-footer-block-item.site-footer-block-newsletter {
    width: calc(24% - ({{ space_medium | divided_by: 16.0 | append: 'rem' }} * 4 / 5));
  }
}


@media screen and (max-width: 1023px) {
  .site-footer-block-title {
    padding-top: 0.9375rem;
  }
  .site-footer-block-menu .site-footer-block-title {
    padding: 20px 30px 10px 0px;
  }
}

.site-footer-block-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  height: 8px;
  margin-top: -4px;
}
.site-footer-block-icon svg {
  display: block;
}
@media screen and (min-width: 1024px) {
  .site-footer-block-icon {
    display: none;
  }
}

.site-footer-block-content {
  font-size: var(--font-size-body-small);
  padding-bottom: {{ space_medium | divided_by: 16.0 | append: 'rem' }};
  line-height: 1.6;
}
.site-footer-block-newsletter .site-footer-block-content {
  padding-bottom: 0;
  margin-bottom: {{ space_medium | divided_by: 16.0 | append: 'rem' }};
}
.site-footer-block-newsletter .site-footer-block-content > *:first-child, .site-footer-block-rich-text .site-footer-block-content > *:first-child {
  margin-top: 0;
}
.site-footer-block-newsletter .site-footer-block-content > *:last-child, .site-footer-block-rich-text .site-footer-block-content > *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .site-footer-block-content {
    padding-bottom: 0;
  }
}

.site-footer-block-menu .navmenu {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.site-footer-block-menu .navmenu-item:not(:first-child) {
  margin-top: 0.5rem;
}
@media screen and (min-width: 720px) {
  .site-footer-block-menu .navmenu-item:not(:first-child) {
    margin-top: 0.3125rem;
  }
}
.site-footer-block-menu .navmenu-item:last-child {
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .site-footer-block-menu .navmenu-item:last-child {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .site-footer-block-menu .site-footer-block-title {
    cursor: pointer;
  }
}
.site-footer-block-menu .site-footer-block-content {
  padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .site-footer-block-menu .site-footer-block-content {
    max-height: 1500px;
    opacity: 1;
  }
}

.site-footer-block-newsletter .newsletter {
  padding-bottom: {{ space_medium | divided_by: 16.0 | append: 'rem' }};
}
@media screen and (min-width: 1024px) {
  .site-footer-block-newsletter .newsletter {
    margin-top: {{ space_medium | minus: space_small | divided_by: 16.0 | append: 'rem' }};
  }
}
.site-footer-block-newsletter .newsletter .button-primary {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.site-footer-block-newsletter .newsletter .form-fields-inline {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(100% + 10px);
  margin-top: {{ space_small | times: -1 | divided_by: 16.0 | append: 'rem' }};
  margin-right: -5px;
  margin-left: -5px;
}
.site-footer-block-newsletter .newsletter .form-field {
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  margin-top: {{ space_small | divided_by: 16.0 | append: 'rem' }};
  margin-right: 5px;
  margin-left: 5px;
  white-space: nowrap;
  vertical-align: middle;
}
.site-footer-block-newsletter .newsletter .newsletter-input {
  flex-basis: calc(67% - 20px);
  min-width: 190px;
}
.site-footer-block-newsletter .newsletter .newsletter-submit {
  flex-basis: calc(33% - 20px);
}

/***************** 
UTILITY LANGAUGE SELECTOR
******************/
.shopify-localization-form { margin-bottom: 0px; }
.utility-bar .disclosure__toggle { padding: 0 10px 0 0; margin: 0 10px 0 0; border-radius: 0px; border-right: 1px solid var(--white); }
.disclosure-list__item { padding: 0 10px 0 0; border-bottom: 0px !important; }
.disclosure-list__option { color: var(--white); }

/***************** 
BLOG HOME PAGE LAYOUT
******************/
.blog--container { width: var(--full-width); max-width: var(--max-container); margin: 0 auto; }
@media screen and (max-width: 1600px) { .blog--container { padding: 0 25px; }}
.blog-title h1 { font-family: var(--ardelaEdge-Black); font-size: 32px; color: var(--black); }
.blog--inner { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0; list-style-type: none; align-items: stretch; gap: 10px; }
.blog--inner .article--excerpt-wrapper { background: var(--lightGrey); margin: 0px; }
.article--excerpt-content { padding: 50px; display: flex; flex-direction: column; gap: 0px; }
.article--excerpt-title a { font-family: var(--ardelaEdge-Black); color: var(--black); font-size:22px; line-height: 0.9em; text-align: left; }
.article--excerpt-title, .article--excerpt-text, .article--excerpt-meta, .article--excerpt-readmore { text-align: left; }
.article--excerpt-text p { margin: 0px; }
.article--excerpt-meta { color: var(--black); }

/*****************
GENERIC SITE PAGES / POLICIES
******************/
.site-page { width: var(--full-width); max-width: var(--max-container); margin: 0 auto; padding: 0 30px; }
.page-title { font-size: 50px; color: var(--brandBlue); line-height: 0.9em; font-family: var(--ardelaEdge-Black); }

/***************** 
B2B COLLECTION PAGE
******************/
 .product-grid-item-b2b { background: #FFF; border-radius: 0px; border: 1px solid #DDD; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; width: calc(100% - 15px); }
  .product-grid-item-b2b .product-detail-container { display: flex; flex-direction: row; justify-content: space-between; }
  .product-grid-item-b2b .reviews-title-image-container { display: flex; flex-direction: row; gap:20px; align-items: center; }
  .product-grid-item-b2b .reviews-title-image-container a img { width: 100%; max-width: 100px; height: auto; border-radius: 0px; }
  .product-grid-item-b2b .reviews-title-image-container .reviews-title-container { display: flex; flex-direction: column; justify-content: center; gap: 0px; width: 100%; padding: 0 40px 0 0; } 
  .product-grid-item-b2b .reviews-title-image-container .reviews-title-container a { font-size: 16px; line-height: 1.4em; text-decoration: none; display: flex; flex-direction: row; align-items: center; gap: 15px; color: #222; font-weight: 600;}
  .product-grid-item-b2b .reviews-title-image-container .reviews-title-container .stock { font-size: 12px; font-weight: 600; padding: 3px 6px; display: inline; width: fit-content; border-radius: 0px; border: 1px solid; margin-top: 5px; }
  .product-grid-item-b2b .reviews-title-image-container .reviews-title-container .stock.in-stock { background: #b7ffba; color: #009906; border-color: #009906; }
  .product-grid-item-b2b .reviews-title-image-container .reviews-title-container .stock.out-of-stock { background: #CDD0D3; color: #555; border-color: #555; }
  .product-grid-item-b2b .volume-pricing-cta-container { display: flex; flex-direction: row; gap: 30px; }
  .product-grid-item-b2b .volume-pricing-cta-container ul { list-style: none; min-width: 170px; display: flex; flex-direction: column; gap: 0px !important; justify-content: center; align-items: flex-start; padding: 0 0 0 20px; }
  .product-grid-item-b2b .volume-pricing-cta-container ul li { display: flex; flex-direction: row; gap: 10px; flex-wrap: nowrap; align-items: center; justify-content: space-between; white-space: nowrap; padding: 4px 4px; width: 100%; }
  .product-v3 .volume-pricing-cta-container ul li { font-size: 16px; padding: 4px; }
  #mr-pp-purchase-area .volume-pricing-cta-container ul li { font-size: 20px; padding: 4px; }
  .product-grid-item-b2b .volume-pricing-cta-container ul li:first-child { background: none; border-bottom: 2px solid #222; color: #222; font-weight: 900; }
  .product-grid-item-b2b .volume-pricing-cta-container ul li.contactus:first-child { background: var(--lightGrey); border-bottom: 0px solid #222; color: var(--black); font-weight: 500; width: 170px; text-wrap: auto; padding: 10px; }
  .product-grid-item-b2b .volume-pricing-cta-container ul li:first-child b { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 5px; font-size: 11px; }
  .product-grid-item-b2b .volume-pricing-cta-container ul li:nth-child(2) b { font-weight:900; }
  .product-grid-item-b2b .volume-pricing-cta-container ul li span { font-weight:900; }
  .product-grid-item-b2b .volume-pricing-cta-container ul li:nth-child(even) { background: #F6F6F6; }
  .product-grid-item-b2b .volume-pricing-cta-container ul li svg { height: 12px; }
  .product-grid-item-b2b .volume-pricing-cta-container ul li .save-badge { background: var(--brandBlue); border-radius: 0px; color: #FFF; font-size: 12px; font-weight: 600; padding: 2px 4px; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions { display: flex; flex-direction: column; justify-content: center; gap: 5px; min-width: 250px; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .qty-add-cart-container form { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 5px; align-items: center; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .qty-add-cart-container form .add-to-cart { width: 100% !important; background: var(--orange); color: #FFF; font-size: 14px; font-weight: 500; border-radius: 0px; border: 0px; padding: 15px 20px; text-align: center; display: flex; gap: 10px; justify-content: center; align-items: center; white-space: nowrap; height:45px; width: 100%; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .qty-add-cart-container form .add-to-cart:hover { background:rgb(255, 116, 17); color: #FFF; cursor: pointer; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .qty-add-cart-container form .add-to-cart svg { height: 16px; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .quantity-selector { width: 50%; display: flex; flex-direction: row; align-items: center; gap: 0px; height:45px; }
  /* Chrome/Edge/Safari */
    .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .quantity-selector input[type="number"]::-webkit-inner-spin-button,
    .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .quantity-selector input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
  /* Firefox */ 
    .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .quantity-selector input[type="number"] { -moz-appearance: textfield; }
  
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .quantity-selector input,
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .quantity-selector button { text-align: center; border: 1px solid #222; font-size: 16px;  height:45px; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .quantity-selector input { border-radius: 0px; font-weight: 400; width: 60px; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .quantity-selector button { background: var(--brandBlue); color: #FFF; font-weight: 600; border: 1px solid #222; padding-left: 10px; padding-right: 10px; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .quantity-selector button:first-child { border-radius: 0px; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .quantity-selector button:last-child { border-radius: 0px 0px 0px 0px; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .quantity-selector button:hover, .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .quantity-selector button:active {  cursor: pointer; background: var(--brandBlue); border: 1px solid #222; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .learn_more_button { color: var(--orange); font-size: 14px; font-weight: 500; text-decoration: none; border-radius: 0px; border: 1px solid; padding: 10px 20px; text-align: center; display: flex; gap: 10px; justify-content: center; align-items: center; min-height:45px; min-width: 300px; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .learn_more_button:hover { background: var(--orange); color: #FFF; }
  .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .klaviyo-bis-trigger { background: #000; color: #FFF; font-size: 14px; font-weight: 700; text-decoration: none; border-radius: 0px; border: 1px solid; padding: 10px 20px; text-align: center; display: flex; gap: 10px; justify-content: center; min-height:35px; min-width: 300px; }

  .product-grid-item-b2b.onpromotion { border: 0px; background: none; color: #FFF; display: flex; flex-direction: column; gap: 0px; padding: 0px 0px; }
  .product-grid-item-b2b.onpromotion .product-detail-container { border: 2px solid #222; border-radius: 0px; background: #222; display: flex; flex-direction: row; padding: 20px 20px 20px 20px; }
  .product-grid-item-b2b.onpromotion .product-detail-container .ruk_rating_snippet .ruk-rating-snippet-count, 
  .product-grid-item-b2b.onpromotion .product-detail-container .reviews-title-image-container .reviews-title-container a,
  .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container ul li:first-child b { color: #FFF !important; }
  .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container ul li svg { fill: #FFF !important; }
  .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container ul li:nth-child(even) { background: #F6F6F620; }
  .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container ul li:first-child { border-bottom: 2px solid #FFF; }
  
  .reviews-title-container .ssp_price,
  .product-grid-item-b2b .volume-pricing-cta-container ul li.ssp_price, 
  .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container ul li.ssp_price { margin: 5px 0 5px 0px; font-size: 11px; }
  .product-grid-item-b2b .volume-pricing-cta-container ul li.ssp_price.excvat,
  .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container ul li.ssp_price.excvat { margin-top: 0px; }

  .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container .purchase-actions .quantity-selector button { background: #555; border: #555; }
  .product-grid-item-b2b.onpromotion .onpromotion-label { background: none; width: 100%; }
  .product-grid-item-b2b.onpromotion .onpromotion-label span { border: 2px solid #222; background: #222; border-radius: 0px; width: 100%; color:#FFF; font-size: 16px; font-weight: 700; text-transform: uppercase; display: table-cell; padding: 10px 20px 0px 20px; }


/***************** 
B2B FEATURED COLLECTION HOMEPAGE
******************/
  .volume-pricing-cta-container { display: flex; flex-direction: column; gap: 10px; }
  .volume-pricing-cta-container ul { list-style: none; min-width: 150px; display: flex; flex-direction: column; gap: 0px; justify-content: center; align-items: flex-start; padding: 0 0 0 20px; }
  .volume-pricing-cta-container ul li { display: flex; flex-direction: row; gap: 10px; flex-wrap: nowrap; align-items: center; justify-content: space-between; white-space: nowrap; padding: 4px 4px; width: 100%; }
  .volume-pricing-cta-container ul li:first-child { background: none; border-bottom: 2px solid #222; color: #222; font-weight: 900; }
  .volume-pricing-cta-container ul li:first-child b { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 5px; font-size: 11px; }
  .volume-pricing-cta-container ul li:nth-child(2) b { font-weight:900; }
  .volume-pricing-cta-container ul li span { font-weight:900; }
  .volume-pricing-cta-container ul li:nth-child(even) { background: #F6F6F6; }
  .volume-pricing-cta-container ul li svg { height: 12px; }
  .volume-pricing-cta-container ul li .save-badge { background: var(--brandBlue); border-radius: 0px; color: #FFF; font-size: 12px; font-weight: 600; padding: 2px 4px; }
  .volume-pricing-cta-container .purchase-actions { display: flex; flex-direction: column; justify-content: center; gap: 5px; min-width: 250px; }
  .volume-pricing-cta-container .purchase-actions .qty-add-cart-container form { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 5px; align-items: center; }
  .volume-pricing-cta-container .purchase-actions .qty-add-cart-container form .add-to-cart { width: 100% !important; background: var(--orange); color: #FFF; font-size: 14px; font-weight: 500; border-radius: 0px; border: 0px; padding: 15px 20px; text-align: center; display: flex; gap: 10px; justify-content: center; align-items: center; white-space: nowrap; height:45px; width: 100%; }
  .volume-pricing-cta-container .purchase-actions .qty-add-cart-container form .add-to-cart:hover { background:rgb(255, 116, 17); color: #FFF; cursor: pointer; }
  .volume-pricing-cta-container .purchase-actions .qty-add-cart-container form .add-to-cart svg { height: 16px; }
  .volume-pricing-cta-container .purchase-actions .quantity-selector { width: 100%; display: flex; flex-direction: row; align-items: center; gap: 0px; height:45px; }

  /* Chrome/Edge/Safari */
    .volume-pricing-cta-container .purchase-actions .quantity-selector input[type="number"]::-webkit-inner-spin-button,
    .volume-pricing-cta-container .purchase-actions .quantity-selector input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

  /* Firefox */ 
    .volume-pricing-cta-container .purchase-actions .quantity-selector input[type="number"] { -moz-appearance: textfield; }

    .volume-pricing-cta-container .purchase-actions .quantity-selector input,
    .volume-pricing-cta-container .purchase-actions .quantity-selector button { text-align: center; border: 1px solid #222; font-size: 16px;  height:45px; }
    .volume-pricing-cta-container .purchase-actions .quantity-selector input { border-radius: 0px; font-weight: 400; width: 60px; }
    .volume-pricing-cta-container .purchase-actions .quantity-selector button { background: var(--brandBlue); color: #FFF; font-weight: 600; border: 1px solid #222; padding-left: 10px; padding-right: 10px; }
    .volume-pricing-cta-container .purchase-actions .quantity-selector button:first-child { border-radius: 0px; }
    .volume-pricing-cta-container .purchase-actions .quantity-selector button:last-child { border-radius: 0px 0px 0px 0px; }
    .volume-pricing-cta-container .purchase-actions .quantity-selector button:hover, .volume-pricing-cta-container .purchase-actions .quantity-selector button:active {  cursor: pointer; background: #222; border: 1px solid #222; }
    .volume-pricing-cta-container .purchase-actions .learn_more_button { color: var(--orange); font-size: 14px; font-weight: 500; text-decoration: none; border-radius: 0px; border: 1px solid; padding: 10px 20px; text-align: center; display: flex; gap: 10px; justify-content: center; align-items: center; min-height:45px; }
    .volume-pricing-cta-container .purchase-actions .learn_more_button:hover { background: var(--orange); color: #FFF; }
    .volume-pricing-cta-container .purchase-actions .klaviyo-bis-trigger { background: #000; color: #FFF; font-size: 14px; font-weight: 700; text-decoration: none; border-radius: 0px; border: 1px solid; padding: 10px 20px; text-align: center; display: flex; gap: 10px; justify-content: center; min-height:35px; }

    .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container ul li:first-child b { color: #FFF !important; }
    .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container ul li svg { fill: #FFF !important; }
    .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container ul li:nth-child(even) { background: #F6F6F620; }
    .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container ul li:first-child { border-bottom: 2px solid #FFF; }
    
    .reviews-title-container .ssp_price,
    .volume-pricing-cta-container ul li.ssp_price, 
    .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container ul li.ssp_price { margin: 5px 0 5px 0px; font-size: 11px; }
    .volume-pricing-cta-container ul li.ssp_price.excvat,
    .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container ul li.ssp_price.excvat { margin-top: 0px; }

    .product-grid-item-b2b.onpromotion .product-detail-container .volume-pricing-cta-container .purchase-actions .quantity-selector button { background: #555; border: #555; }

    @media screen and (max-width: 1024px) {
      .product-grid-item-b2b .volume-pricing-cta-container ul, .product-grid-item-b2b .volume-pricing-cta-container ul li.contactus:first-child { min-width: 100%; }
    }
    @media screen and (max-width: 820px) {
      .b2b-section-grid-container .listings ul { gap: 10px; }
      .product-grid-item-b2b .product-detail-container { flex-direction: column; gap: 10px; }    
    }

    @media screen and (max-width: 575px) {
      .product-grid-item-b2b .volume-pricing-cta-container .purchase-actions .qty-add-cart-container form { flex-direction: row; }
      .volume-pricing-cta-container .purchase-actions .qty-add-cart-container form { flex-direction: column; }
      .volume-pricing-cta-container .purchase-actions { display: flex; flex-direction: column; justify-content: center; gap: 5px; min-width: unset; }
      .volume-pricing-cta-container .purchase-actions .quantity-selector { width: 100%; }
      .volume-pricing-cta-container ul li { padding: 4px 10px; }
      .volume-pricing-cta-container .purchase-actions .quantity-selector input { width: 100%; }
      .product-grid-item-b2b .reviews-title-image-container .reviews-title-container a { font-size: 14px; }

}
/***************** 
Back to top button 
******************/
#backToTop {
  position: fixed;
  bottom: 100px;
  right: 0px;
  width: 44px;
  height: 44px;
  border-radius: 0%;
  border: none;
  background: var(--black);
  color: var(--white);
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  z-index: 9999;
}

#backToTop.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#backToTop:hover {
  transform: translateY(-3px);
}

/***************** 
Bazaar Voice Social Commerce (PDP) (US Only)
******************/
#bv_social_commerce { width: var(--full-width); max-width: var(--max-container); display: flex !important; margin: 0px auto 40px auto; }
@media screen and (max-width: 1600px) {
  #bv_social_commerce { max-width: calc(var(--full-width) - 40px); margin: 0 20px 40px 20px; }
}
.rr-bazaar-voice-social { padding: 0px !important; }



/***************** 
PRICE SPIDER (US)
******************/
#mr-price-spider-button.ps-no-sku.ps-disabled { display: none !important; }

.ps-open .ps-67f6a0ba07551d2cc8b723dd.ps-lightbox.ps-open {
  z-index: 1250 !important;
}

.ps-open .ps-67f6a0ba07551d2cc8b723dd#ps-lightbox-background {
  z-index: 1249 !important;
}

/***************** 
REVIEWS.IO (PL) on Shop Direct Section
******************/
.hp-shop-direct-badge iframe:last-child { display: none; }

/***************** 
Delivery Widget
******************/
Remove corner cuts
.delivery-widget__container .step__container .basic__step-container,
.basic__step-container {
  border-radius: 0 !important;
}

/***************** 
SEARCH PAGE RESULTS (USA)
******************/
#shopify-section-main { }
#shopify-section-main.search--section { width: var(--full-width); max-width: var(--max-container); margin: 0 auto; }
.cloud-search-top-margin .cloud-search-page-controls { padding: 0 20px; }

@media screen and (max-width: 1600px) {
  #shopify-section-main.search--section { padding: 0 10px; }
}

/***************** 
SCROLL BUTTONS
******************/
.scroller-wrapper {
  width: 100%;
}

.scroll-container {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scroll-container::-webkit-scrollbar {
  display: none;
}

.product-ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
  width: max-content;
  min-width: 100%;
}

.product-ul > li,
.product-ul > * {
  flex: 0 0 auto !important;
  width: auto;
  min-width: 300px; /* temp test */
}
.scroll-controls {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 0 0 !important;
}

.scroller-wrapper.no-overflow .scroll-controls,
.scroller-wrapper.no-overflow .scroll-dots {
  display: none;
}

.scroll-controls .scroll-button { border: 0px; padding: 0; width: 100%; background: none; cursor: pointer; }
.scroll-controls .scroll-button.left { display: flex; justify-content: flex-end; }
.scroll-controls .scroll-button.right { display: flex; justify-content: flex-start; }

.scroll-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}

.scroll-dot {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 50%;
  background: var(--grey);
  cursor: pointer;
  padding: 0;
  transition: transform 0.2s ease, background 0.2s ease;
}

.scroll-dot.active {
  background: var(--orange);
  transform: scale(1.2);
}

/***************** 
STICKY CAT ON LANDING PAGES (R260DCT-Li + S14MCS)
******************/

  #shopify-section-mr-lp-product-cta { position: sticky; top: 0px; z-index:1109; }
  #sticky-ctas { width: 100%; background: #FFF; padding: 10px 40px 10px 40px; display: flex; flex-direction: row; gap: 0px; justify-content: center; flex-wrap: nowrap; z-index: 9999; }
  #sticky-ctas .sticky-ctas-container { max-width: var(--max-container); width: 100%; display: flex; flex-direction: row; gap: 20px; justify-content: center; flex-wrap: nowrap; align-items: center;  }
  #sticky-ctas .sticky-ctas-container p { font-size: 16px; line-height: 18px; font-weight: 600; margin: 0px 0px; }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-details { display: flex; flex-direction: column; gap: 10px; align-items: center; width: 20%; }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-details .sticky-ctas-inventory-status { }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-details .sticky-ctas-inventory-status p { margin: 0px; padding: 5px 10px; text-align: center; white-space: nowrap; font-size: 14px; }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-details div { display: flex; flex-direction: row; gap: 10px; align-items: center; }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-details div .status { color: var(--white); background: var(--brandBlue); border-radius: 0px; font-style: normal; font-weight: 900; text-transform: uppercase; font-size: 20px; line-height: 20px; padding: 5px 10px; margin: 0px 0px 0px 0px; display: inline; width: fit-content; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%); }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-details div img { width: 40px; height: 40px; }
  #sticky-ctas .sticky-ctas-container h4 { width: 100%; font-size: 25px; text-transform: uppercase; line-height: 0.9em; font-weight: 900; margin: 0px 0px 0px 0; text-align: center; }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons { width: 50%; } 
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul { list-style: none; display: flex; flex-direction: row; gap: 10px; align-items: center; padding: 0px; margin: 0px; width: 100%; }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li { width: 100%; }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li a { border: 2px solid #EC6617; color: #EC6617; background: none; }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li form { }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li a.btn-primary,
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li form button { border: 2px solid #EC6617; color: #FFF; background: #EC6617; }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li form button b { }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li a,
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li form button { padding: 12px 24px; border-radius: 0px; text-decoration: none; display: block; text-align: center; width: 100%; white-space: nowrap; }
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li a:hover,
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li a.btn-primary:hover,
  #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li form button:hover { background: #272725; border: 2px solid #272725; color: #FFF; cursor: pointer; }

  @media (max-width: 1600px) {
    #sticky-ctas { padding: 10px 20px 10px 20px; }
    #sticky-ctas .sticky-ctas-container h4 { font-size: 28px; line-height: 25px; }
  }

  @media (max-width: 1400px) {
    #sticky-ctas .sticky-ctas-container h4 { font-size: 20px; line-height: 20px; }
  }

  @media (max-width: 768px) {
    #sticky-ctas { padding: 15px 25px 15px 25px; }
    #sticky-ctas .sticky-ctas-container { flex-direction: column; gap: 10px; }
    #sticky-ctas .sticky-ctas-container h4 { width: 100%; font-size: 12px; line-height: 15px; }
    #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons { width: 100%; } 
    #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul { justify-content: center; }
    #sticky-ctas .sticky-ctas-container .sticky-ctas-details { display: none; }
    #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li a,
    #sticky-ctas .sticky-ctas-container .sticky-ctas-buttons ul li form button { padding: 8px; }
  }
  @media (max-width: 575px) {
    #sticky-ctas { padding: 15px 20px 15px 20px; }
  }
/*****************
Lazy Loading
******************/
.below-fold {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1s ease, transform 1s ease;
  min-height: 100px;
}

.below-fold.section-visible {
  opacity: 1;
  transform: translateY(0);
}

/* from rr-custom.css Needs removing when variables have been replaced in code */
.rr-width-control {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: var(--full-width); 
  max-width: var(--max-container);  
}

.rr-btn {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    padding: 8px 15px;
    border-radius: var(--borderRadiusSmall);
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
    border: none;
    gap: var(--gapSmall);
}

.rr-btn-span {
    display: flex;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    gap: var(--gapSmall);
}

.rr-btn-primary {
    background: #EC6617;
    color: var(--fontLight);
    border: none;
}

.rr-btn-primary:hover {
    background: var(--webHoverOverOrange);
}

.rr-btn,
.rr-link:hover {
    cursor: pointer;
}

.rr-bt-out-of-stock {
    background: var(--outOfStockButtonBackground);
    color: var(--fontLight);
}

.rr-btn-contact-us {
    background: var(--grey);
    color: var(--black);
}

.rr-btn-contact-us:hover {
    background: var(--black);
    color: var(--white);
}

.rr-btn-secondary {
    color: #EC6617;
    border: 1px solid var(--orange);
    background-color: transparent;
}

.rr-background-fill-white::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    transition: width 0.3s ease;
    z-index: 0; /* Keep it behind the text */
    background: var(--black);
}

.rr-background-fill-white:hover::before {
    width: 100%;
    left: 0;
    right: auto;
}

.rr-link {
    color: #EC6617;
    text-decoration: underline;
    border: none;
    background: transparent;
}

.rr-link:hover {
    text-decoration: none;
}

.rr-hidden {
    display: none !important;
}

.rr-show-flex {
    display: flex !important;
}

.product-preview {
    visibility: visible!important;
    top: unset!important;
    left: unset!important;
    right: 0!important;
    bottom: 0!important;
    width: 80px!important;
    transform: unset!important;
    z-index: 1!important;
    border: 2px solid black;
    border-radius: 0px;
}

.see-parts-list {
    display: flex !important;
    justify-content: space-between !important;
    gap: 20px !important;
    font-weight: 900 !important;
}

.left-aligner {
    align-items: flex-start !important;
}

.width-setter {
    width: 75% !important;
    text-align: left !important;
    margin-left: 5px !important;
}
/* from rr-custom.css Needs removing when variables have been replaced in code */