/** Shopify CDN: Minification failed

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

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

@font-face {
    font-family: "ArdelaEdgeX01-Black";
    src: url("https://cdn.shopify.com/s/files/1/0355/1078/0037/files/ArdelaEdgeX01-Black.woff2?v=1764068684") format("woff2"),
        url("https://cdn.shopify.com/s/files/1/0355/1078/0037/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;
    --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: ;
    --stockLevelLabelBorderHigh: #009906;
    --stockLevelLabelFontHigh: #009900;

    /* WEB-SPECIFIC INVENTORY STATUS - LOW */
    --stockLevelLabelBackgroundLow: ;
    --stockLevelLabelBorderLow: #FF0000;
    --stockLevelLabelFontLow: red;

    /* WEB-SPECIFIC INVENTORY STATUS - OOS */
    --stockLevelLabelBackgroundOos:;
    --stockLevelLabelBorderOos: var(--black);
    --stockLevelLabelFontOos: var(--black); 
    
    /* 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: #e4e4e3;
    --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; font-variant-ligatures: no-common-ligatures; font-weight: 500 !important;
    --lato: Lato;

    /* 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 */
    
}

/***************** 
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%
    );
*/






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

    .utility-bar { }
    .utility-bar .social-link, .utility-bar__menu-link { color: var(--white); }
    .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; }

/***************** 
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: 1em; 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.light { background: var(--white); }
  .header-menu-item.active + .header-menu_item_content {
  display: block !important;
}
  .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-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); }
.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; background: var(--lightGrey); }
.breadcrumbs-container a { color: var(--orange); }
.breadcrumbs-container a, .breadcrumbs-container span { font-size: 14px; line-height: 1.4em; text-align: left; font-weight: 900; display: flex; color: var(--brandBlue); }
.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; }

@media (max-width: 768px) {
  .search--section .layout--has-sidebar .productgrid--wrapper { padding: 0 10px !important; }
.productgrid--wrapper .productgrid--items { gap: 5px !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: 0 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); }
#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 10px 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: 900; 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
******************/

/* PRODUCT GRID - COLLECTION */
.productgrid--items { display: flex; flex-direction: row; gap: 10px !important; align-items: stretch; justify-content: flex-start; margin: 0px 0 0px 0; padding: 0 0 0px 0; border-bottom: 0px solid var(--grey); }
.productgrid--footer { display: none; }

/* PRODUCT CARD */
.product-card { width: var(--full-width); display: flex; flex-direction: row; justify-content: center; align-items: center; }
.productgrid--items.productgrid-gridview li, .productgrid--item { width: calc(25% - 8px) !important; }
.productgrid--items.productgrid-listview li { width: calc(50% - 5px) !important; }
.productgrid--items.productgrid-fullview li { width: calc(100% - 0px) !important; }

@media (max-width: 1536px) { 
    .productgrid--items.productgrid-gridview li, .productgrid--item { width: calc(25% - 8px) !important; }
    .productgrid--items.productgrid-gridview div.productitem { min-width: unset; }
}

@media (max-width: 1366px) { 
    .productgrid--items.productgrid-gridview li, .productgrid--item { width: calc(33% - 4px) !important; }
    .productgrid--items.productgrid-gridview div.productitem { max-width: unset; }
    .productgrid--items.productgrid-gridview .mr-collection-video_block { width: calc(66% - 0px) !important; }
    .productgrid--items.productgrid-listview .mr-collection-video_block { width: calc(50% - 5px) !important; }
}
@media (max-width: 1280px) { 
    .productgrid--items.productgrid-gridview li, .productgrid--item { width: calc(33% - 5px) !important; }
    .productgrid--items.productgrid-listview li, .productgrid--item { width: calc(50% - 5px) !important; }
    .mr-collection-video_block { width: calc(66% - 0px) !important; }
} 
@media (max-width: 1024px) { 
    .productgrid--items.productgrid-gridview li, .productgrid--item { width: calc(33% - 5px) !important; }
    .productgrid--items.productgrid-gridview li, .productgrid--item div.productitem { min-width: calc(33% - 5px); }
    .productgrid--items.productgrid-gridview .mr-collection-video_block { flex-direction: column; width: calc(50% - 5px) !important; }
    .productgrid--items.productgrid-fullview .mr-collection-video_block { width: calc(100% - 0px) !important; }
}
@media (max-width: 820px) {  
    .productgrid--items.productgrid-listview li, .productgrid--item { width: calc(100% - 0px) !important; }
    .productitem__container { align-items: flex-start !important; }
    .productgrid--items.productgrid-listview .mr-collection-video_block { width: calc(100% - 0px) !important; }
    .productgrid--items.productgrid-gridview .mr-collection-video_block { width: calc(66% - 3px) !important; }
}
@media (max-width: 768px) { 
    .productgrid--items.productgrid-gridview li, .productgrid--item { width: calc(33% - 2px) !important; }
    .productgrid--items.productgrid-listview li, .productgrid--item { width: calc(50% - 5px) !important; }
    .productgrid--items.productgrid-gridview .mr-collection-video_block { width: calc(66% - 2px) !important; }
}
@media (max-width: 575px) { 
    .productgrid--items.productgrid-gridview li, .productgrid--item { width: calc(50% - 3px) !important; }
    .productgrid--items.productgrid-listview li, .productgrid--item { width: calc(50% - 5px) !important; }
    .productgrid--items.productgrid-gridview li, .productgrid--item .productitem--info { width: 100%; }
    .productgrid--items.productgrid-gridview .mr-collection-video_block { width: calc(100% - 0px) !important; }
    .mr-collection-video_block .video-player-ratio { height: 100% !important; }
    .productgrid--item div.productitem { min-width: 180px; }
}

@media (max-width: 380px) { 
    .productgrid--items.productgrid-gridview li, .productgrid--item { width: calc(50% - 3px) !important; }
    .productgrid--items.productgrid-listview li, .productgrid--item { width: calc(100% - 5px) !important; }
}

div.productitem { padding: 25px 0px 0px 0px; display: flex; justify-content: flex-start; border: 2px solid var(--lightGrey); min-width: 300px; }
li.collection-popout-card { max-width: 360px; min-width: 300px; }
.productgrid--items.productgrid-listview div.productitem { max-width: unset; }
.productgrid--items.productgrid-fullview div.productitem { max-width: unset; }
div.productitem:hover { border: 2px solid var(--grey); }
div.productitem.new { border: 2px solid var(--brandBlue); }

/* PRODUT CARD INFO CONTAINER */
.productitem__container { display: flex; flex-direction: column; width: var(--full-width); }
.productgrid--items.productgrid-gridview .productitem__container { display: flex; flex-direction: column; }
.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-gridview .productitem__container { display: flex; flex-direction: column; }
}

@media (max-width: 1366px) { 
    .productgrid--items.productgrid-listview .productitem__container { display: grid; grid-template-columns: 25% 75%;  width: var(--full-width); }
}
@media (max-width: 820px) { 
    .productgrid--items.productgrid-fullview .productitem__container { display: flex; flex-direction: column; width: var(--full-width); } 
}

@media (max-width: 768px) { 
/* div.productitem { min-width: unset; } */
}

/* LABEL */
div.productitem .product-grid-item-labels { display: flex; flex-direction: row !important; gap:-25px; flex-wrap: nowrap !important; overflow: hidden; margin: -25px 0 0 0; }
div.productitem .product-label { white-space: nowrap; text-transform: uppercase; font-size: 11px; font-weight: 700; padding: 6px 25px 6px 8px; min-height: 25px; margin: 0px; z-index: 2; border-radius: 0px; clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100% ); }
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: gradient 10s ease infinite; }
div.productitem .product-label:nth-child(2) { margin-left: -25px; padding: 6px 25px 6px 25px; clip-path: 
    polygon( 
    25px 0, /* top-left bevel point */
    100% 0, /* top-right */
    100% calc(100% - 25px), /* bottom-right bevel start */
    calc(100% - 25px) 100%, /* bottom-right bevel end */
    0 100%, /* bottom-left */
    0 25px) /* top-left bevel end */; 
}
@keyframes gradient {
	0% { background-position: 0% 50%;	}
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

@media (max-width: 575px) { 
  div.productitem .product-label { white-space: normal; width: unset; }
}

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

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

.productgrid--items.productgrid-fullview .product-award { padding: 0px; }
.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-height: 30px; max-width: 100px;}

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

@media (max-width: 1024px) { 
  div.productitem .productitem__image-container { margin: 0px auto; width: 100%; }
}
.productgrid--items.productgrid-listview li div.productitem .productitem__image-container { margin: 0px 0 0px 0; padding: 10px; }
.productgrid--items.productgrid-fullview li div.productitem .productitem__image-container { margin: 0px 0 0px 0; padding: 0px 0px 0px 25px; width: 140px; }
@media (max-width: 820px) { 
    .productgrid--items.productgrid-fullview li div.productitem .productitem__image-container { margin: 0px 0 0px 0; padding: 0px 0px 0px 0px; width: 140px; }
}
div.productitem .productitem--image img.bundle-image { position: absolute; top: 0px; left: 0px; z-index: 2; visibility: visible; transform: none; }
.productgrid-listview li div.productitem .productitem__image-container { width: var(--full-width); }

@media (max-height: 820px) { 
    div.productitem .productitem__image-container { margin: 0px auto; width: 70%; }
}

@media (max-width: 575px) { 
  div.productitem .productitem__image-container { margin: 0px 0px; width: 100%; }
  .product-award { padding: 10px 0px; overflow-x: scroll; overflow-y: hidden; }
}

/* INVENTORY - TITLE - REVIEWS */
.productitem--info-stock-reviews-title { display: flex; flex-direction: column; min-height: 80px; }
.productgrid--items.productgrid-gridview .productitem--info-stock-reviews-title { width: var(--full-width); display: flex; flex-direction: column; }
.productgrid--items.productgrid-listview .productitem--info-stock-reviews-title { width: var(--full-width); display: flex; flex-direction: column; }
.productgrid--items.productgrid-fullview .productitem--info-stock-reviews-title { width: 70%; margin: 0 25px 0 0; border-right: 1px solid var(--lightGrey); }

@media (max-width: 1366px) { 
    .productgrid--items.productgrid-fullview .productitem--info-stock-reviews-title { width: 70%; }
}
@media (max-width: 820px) { 
    .productgrid--items.productgrid-fullview .productitem--info-stock-reviews-title { width: var(--full-width); border: 0px; }
}
    .productgrid--items.productgrid-fullview .productitem--info-stock-reviews { width: var(--full-width); display: flex; flex-direction: row; gap: 5px; justify-content: flex-start; align-items: center; padding: 5px 0 0 0; }

    /* INVENTORY */
    .product-stock-level { width: fit-content; padding: 4px 8px !important; margin-left: 15px; border-radius: 0px; text-transform: capitalize; font-weight: 600; }
    .product-stock-level-wrapper { margin: 5px 0 0px 5px; padding: 5px 0 5px 0px; justify-content: flex-start; }
    
    .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 { color: var(--stockLevelLabelFontOos); background: var(--stockLevelLabelBackgroundOos); border: 1px solid var(--stockLevelLabelBorderOos); }
    .product-stock-level--continue-selling { color: var(--stockLevelLabelFontOos); background: var(--stockLevelLabelBackgroundOos); border: 1px solid var(--stockLevelLabelBorderOos); }

    /* TITLE */
    div.productitem .productitem--info .productitem--title { color: var(--black) !important; text-align: left; font-weight: 500 !important; font-size: 14px !important; margin: 5px 5px; min-height: 4.5em; }
    @media (max-width: 1366px) { 
        div.productitem .productitem--info .productitem--title { min-height: unset; }
    }
    @media (max-width: 575px) { 
        div.productitem .productitem--info .productitem--title { font-size: 14px !important; }
    }
    .productgrid--items.productgrid-fullview li div.productitem .productitem--info .productitem--title { min-height: unset; }

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


/* PRICING - ADD TO CART - SPEC */
.productitem--info-pricing-cta { width: var(--full-width); display: flex; flex-direction: column; gap: 0px; justify-content: flex-start; align-items: stretch; }
.productgrid--items.productgrid-gridview .productitem--info-pricing-cta { width: var(--full-width); display: flex; flex-direction: column; gap: 0px; justify-content: flex-start; align-items: stretch; }
.productgrid--items.productgrid-listview .productitem--info-pricing-cta { width: var(--full-width); display: flex; flex-direction: column; gap: 0px; justify-content: flex-start; align-items: stretch; }
.productgrid--items.productgrid-fullview .productitem--info-pricing-cta { width: var(--full-width); display: flex; flex-direction: row; gap: 10px; justify-content: flex-start; align-items: flex-start; }
@media (max-width: 1024px) { 
    .productgrid--items.productgrid-fullview .productitem--info-pricing-cta { width: var(--full-width); display: flex; flex-direction: column; gap: 10px; justify-content: flex-start; align-items: flex-start; }
}
.productitem--info-cta-spec { width: var(--full-width); display: flex; flex-direction: column; gap: 0px; justify-content: flex-start; align-items: flex-start; }

    /* PRICING */
    div.productitem .productitem--info .item-pricing { width: var(--full-width); }
    div.productitem .productitem--info .item-pricing .item-price { width: var(--full-width); display: flex; justify-content: space-between; padding:0px 0 10px 0; text-align: left; }
    div.productitem .productitem--info .item-pricing .item-klarna-price { background: var(--lightGrey); color: var(--black); font-size: 13px; padding: 6px 6px 4px 6px; }
    div.productitem .productitem--info .item-pricing .item-klarna-price .product-klarna-price { font-weight: 600; }

    /* NEW PRICING */
    .price-block { min-height: fit-content; width: var(--full-width); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 2px !important; line-height: 1.2; margin: 5px 0 !important; padding: 8px 10px !important; }
    .productgrid--items.productgrid-fullview .price-block { margin: 0px 0; gap: 5px !important; }
    .bundle-block, .saving-block { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; }
    .bundle-block { border: 3px solid var(--brandBlue); background: linear-gradient(110deg, var(--white) 0%, var(--white) 60%, var(--brandBlue) 60%, var(--brandBlue) 100%); }
    .productgrid--items.productgrid-gridview .bundle-block { 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 { border: 3px solid var(--brandBlue); background: linear-gradient(110deg, var(--white) 0%, var(--white) 60%, var(--brandBlue) 60%, var(--brandBlue) 100%); }
    .productgrid--items.productgrid-fullview .bundle-block { border: 3px solid var(--brandBlue); background: linear-gradient(110deg, var(--white) 0%, var(--white) 65%, var(--brandBlue) 65%, var(--brandBlue) 100%); }
    .was-now-price { display: flex; flex-direction: column; gap: 2px; /*width: 50%; */ }
    .saving-block { border: 3px solid var(--brandBlue); background: linear-gradient(110deg, var(--white) 0%, var(--white) 55%, var(--brandBlue) 55%, var(--brandBlue) 100%); }
    .productgrid--items.productgrid-gridview .saving-block { 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 .saving-block,
    .productgrid--items.productgrid-fullview .saving-block { border: 3px solid var(--brandBlue); background: linear-gradient(110deg, var(--white) 0%, var(--white) 55%, var(--brandBlue) 55%, var(--brandBlue) 100%); }
    .saving-block.map-block { border: 3px solid var(--brandBlue); background: linear-gradient(110deg, var(--white) 0%, var(--white) 70%, var(--brandBlue) 70%, var(--brandBlue) 100%); }
    .productgrid--items.productgrid-gridview .saving-block.map-block { border: 3px solid var(--brandBlue); background: linear-gradient(110deg, var(--white) 0%, var(--white) 70%, var(--brandBlue) 70%, var(--brandBlue) 100%); }
    .productgrid--items.productgrid-listview .saving-block.map-block { border: 3px solid var(--brandBlue); background: linear-gradient(110deg, var(--white) 0%, var(--white) 70%, var(--brandBlue) 70%, var(--brandBlue) 100%); }
    .productgrid--items.productgrid-fullview .saving-block.map-block { border: 3px solid var(--brandBlue); background: linear-gradient(110deg, var(--white) 0%, var(--white) 70%, var(--brandBlue) 70%, var(--brandBlue) 100%); }
    .price-saving { color: var(--white); font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 0px; line-height: 1; text-align: right; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; width: 20%; } 
    .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%; }

    @media (max-width: 1600px) { 
      /* div.productitem { min-width: unset; } */
      div.productitem .productitem--info, .product-award { padding: 10px 10px 10px 10px !important; }
    }

    @media (max-width: 1366px) { 
      /* div.productitem { min-width: unset; } */
      .productgrid--items.productgrid-fullview .saving-block .price-saving { width: 20%; }
      div.productitem .productitem--info, .product-award { padding: 10px 20px 20px 20px !important; }
    }

    .bundle-block .price-saving { width: 30%; }
    .productgrid--items.productgrid-fullview .bundle-block .price-saving { width: 25%; }
    .price-saving span { font-weight: 800; font-size: 18px; white-space: nowrap; } 
    .price-new { font-weight: 800; font-size: 18px; display: flex; gap: 0px; padding: 0px; text-align: left; justify-content: flex-start; } 
    .price-new-exvat { font-weight: 500; font-size: 11px; display: flex; gap: 2px; padding: 0px; text-align: left; justify-content: flex-start; align-items: center; } 
    .price-new-exvat span { font-size: 11px; font-weight: 500; padding: 0px 0 0 0; }
    .bnpl-block { display: flex; flex-direction: row; justify-content: center; align-items: 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) { 
      div.productitem .productitem--info { padding: 10px 10px 10px 10px !important; }
      .product-award { padding: 10px 0px 10px 0px !important; }
      .price-new { font-size: 16px; }
      .price-saving span { font-size: 16px; } 
      .bnpl-block { font-size: 12px; }
  }

    @media (max-width: 575px) { 
      .price-block { min-height: unset; padding: 5px !important; }
      .price-normal { font-size: 12px; }
      .price-new { font-size: 16px; } 
      .price-new-exvat { font-size: 10px; }
      .saving-block { background: linear-gradient(120deg, var(--white) 0%, var(--white) 65%, var(--brandBlue) 65%, var(--brandBlue) 100%) !important; }
      .price-saving { width: 30%; }
      .price-saving span { font-size: 12px; } 
      .bnpl-block { gap: 2px; font-size: 11px; text-align: left; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
      div.productitem .productitem--action a, div.productitem .productitem--action-atc { padding: 8px !important; font-size: 12px !important; }
      .compare-spec, .related-bundles-button { padding: 5px !important; font-size: 12px; min-height: 20px; }
    }

    /* INFO */
    div.productitem .productitem--info { text-align: left !important; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 10px 15px 25px 15px; margin: 0; }
    .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); }
    @media (max-width: 820px) { 
        .productgrid--items.productgrid-fullview li div.productitem .productitem--info { flex-direction: column; width: var(--full-width); }
    }
    .no-touch .productgrid-listview .productitem--actions, .productgrid-listview .productitem--actions,.productgrid-fullview .productitem--actions { display: block; flex: 0 0 0px; }

    /* BUNDLE + SPEC BUTTONS */
    .product-bundle-spec-container { display: flex; flex-direction: column-reverse; gap: 5px; margin-top: 10px; width: var(--full-width); }
    .productgrid-fullview .product-bundle-spec-container { display: flex; flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start; gap: 5px; width: var(--full-width); 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 { padding:0px 0 0 0px; margin: 0px 0 0px 0; }
    div.productitem .product-grid-item-features .spec-title { font-size: 12px; font-weight: 600; margin: 5px 0; padding: 5px 4px; display: block; }
    div.productitem .product-grid-item-features span { font-size: 14px; line-height: 1.6em; }
    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); padding: 0px; margin: 5px 0 0 0px; font-size: 12px; line-height: 1.4em; text-align: left; color: var(--black); }
    .item-spec-table tr { vertical-align: top; padding: 0px; margin: 0px; }
    .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 { padding: 4px 10px; margin: 0px; }
    .item-spec-table tr td ul { list-style: none; padding: 0px; line-height: 1.4em; }
    .item-spec-table tr td:first-child { font-weight: 600; width: 50%; }
    .item-spec-table tr td a { color: var(--orange); }

    /* Force hidden/visible behavior on product specifications */
    .product-spec-wrap { width: var(--full-width); }

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

    .compare-arrow { display: inline-block; transition: transform 0.3s ease; display: flex; }
    .compare-spec.active,
    .compare-spec:hover,
    .related-bundles-button:hover { background: var(--brandBlue); color: var(--white); }
    .compare-text.inactive { display: flex; }
    .compare-text.active {  display: none; }

    /* Button text states: by default show "compare_spec" (inactive) and hide "hide_spec" (active) */
    .compare-spec .compare-text.inactive { display: inline; }
    .compare-spec .compare-text.active { display: none; }

    /* When button has .active state, swap text */
    .compare-spec.active .compare-text.inactive { display: none; }
    .compare-spec.active .compare-text.active { display: inline; }

    /* Arrow rotation */
    .compare-spec .compare-arrow { transition: transform .22s ease; display: inline-block; }
    .compare-spec .compare-arrow svg, .collection-card-svg svg { width: 10px; height: 12px; }
    .compare-spec.active .compare-arrow { transform: rotate(180deg); }

    
    /* Optional: animate open/close of the spec panel */
    .product-grid-item-features { transition: max-height 0.28s ease, opacity 0.28s ease; overflow: hidden; max-height: 200px; /* a reasonable default for open state; will be overridden when closed */ opacity: 1; }
    .product-grid-item-features.closed { max-height: 0; opacity: 0; }

    /* Open State */ .product-grid-item-features.open { display: block; max-height: 1000px; opacity: 1; overflow: visible; transition: max-height 0.35s ease, opacity 0.35s ease; }
    /* Hidden State */ .product-grid-item-features.closed { max-height: 0; opacity: 0; overflow: hidden; }



    /* ADD TO CART */
    div.productitem .productitem--actions,
    div.productitem .productitem--action { padding: 0px; margin: 0px 0 0px 0; display: flex; flex-direction: column; gap: 5px; }
    .productgrid--items.productgrid-listview li div.productitem .productitem--action { padding: 0px; margin: 0px 0 0 0px; display: flex; flex-direction: column; align-items: center; gap: 5px; }
    .productgrid--items.productgrid-fullview li div.productitem .productitem--action { padding: 0px; margin: 0px 0 0 0px; display: flex; flex-direction: row; align-items: stretch; gap: 5px; }
    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 a,
    div.productitem .productitem--action-atc { padding: 12px 10px; border-radius: 0px; font-weight: 600; display: flex; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; font-size: 14px; min-height:30px; white-space: normal; text-transform: capitalize; }
    div.productitem .productitem--action-atc:hover { border: 1px solid var(--webHoverOverOrange); background: var(--webHoverOverOrange); color: var(--white); }
    .productitem--action-trigger.productitem--action-atc .atc-button--text { width: var(--full-width); padding: 3px 0px; border-radius: 0px; font-weight: 600; display: flex; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; font-size: 14px; }
    .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 BUTTON */
    div.productitem .productitem--action a.learn_more_button { width: var(--full-width); color: var(--orange) !important; background: var(--white); border: 1px solid var(--orange); text-align: center; text-decoration: none; }
    div.productitem .productitem--action a.learn_more_button:hover { border: 1px solid var(--brandBlue); background: var(--white); color: var(--brandBlue); }
    div.productitem .productitem--action a svg { width: 30px; }

    /* KLAVIYO BUTTON */ 
    .klaviyo-bis-trigger { width: var(--full-width); color: var(--white) !important; background: var(--darkGrey); display: flex; flex-direction: row; gap: 10px; align-items: center; text-decoration: none; font-weight: 500; font-size: 14px; }
    .klaviyo-bis-trigger:hover { background: var(--black); }

/* 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: 100%; 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: 100%; }
.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: 100%; }
.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; }
.mr-collection-video_block .mr-collection-video_block-product-container { display: flex; flex-direction: row; align-items: flex-start; padding: 25px 25px; }
.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 0; 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);
}

#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);
}



/*****************
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 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: 100px;  }
  #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: center; 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 30px 40px 30px; width: var(--full-width); gap: 20px; }
  #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: 100%; }
  #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; }
  #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 a img { height: 100%; width: 100%; }
  #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: 300px; 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; }
}

 @media (max-width: 1024px) {
 #mr-hp-section-mosaic .mr-mosaic-section-blocks ul { flex: 0 0 75%; }
 }

 @media (max-width: 575px) {
 #mr-hp-section-mosaic .mr-mosaic-section-blocks ul { flex: 0 0 95%; justify-content: flex-start; }
 }

/***************** 
MR Testimonials
*****************/
.mr-hp-section-testimonials { padding: 50px 0px 50px 25px; 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; 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: 900; 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: 900; 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: 900; 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 20px 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: 200px; height: 200px; 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: 900; 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; }
}

/***************** 
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 h3 { }
  .manager-container.footer .staff-contacts-account-manager { display: flex; flex-direction: column; }
  .manager-container.footer .staff-contacts-account-manager img { width: 100px; height: auto; border-radius: 50%;  }
  .manager-container.footer .staff-contacts-account-manager .staff-profile-details { }
  .manager-container.footer .staff-contacts-account-manager .staff-profile-details p { font-size: 14px; line-height: 1.4em; }

/* 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; gap: 20px; }
.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: 20%; display: flex; flex-direction: column; align-content: center; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; }
.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-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: 20px; }
  .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); width: calc(25% - 10px); 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: #F00; 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: #F00; 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; }