/* Default Styles - Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- #Theme Colours - Do Not Delete
- #Universal Styles
- #Responsive Images 
- #Typography
- #Header Styles
- #Account Login & Button Styles 
- #Desktop Navigation Styles
- #Navigation Accordion Styles
- #Category Page Styles
- #Category Filter Styles
- #Product Page Styles
- #Product Accordion Styles
- #Customer Reviews Styles
- #Product List & Product Image Styles
- #Plus & Minus Icon Styles
- #Pagination Styles
- #Footer Styles
- #Contact Page Styles 
- #Customer Review Page Styles
- #Search Page Styles
- #Newsletter Modal Styles
- #Softcart Styles
- #Cart Page Styles
- #Forgotten Password Styles
- #EKM IF Statement Styles
- #Quick View Feature Styles
- #Product Urgency Feature Styles
*/



/* #Theme Colours - Do Not Delete
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
#44afe6
#ee75c7
#ffffff
#191923
#191923
#f2f2f2
#ffffff
#f2f2f2
#1fa0bf
#1fa0bf
#FFFFFF
#013800
#bffdbf
#6d4100
#fddebf
#6d0a00
#fdbfbf
#ffffff
#191923
*/

:root {
    --ekm-success-colour-text: #013800;
    --ekm-success-colour-background: #bffdbf;
    --ekm-caution-colour-text: #6d4100;
    --ekm-caution-colour-background: #fddebf;
    --ekm-warning-colour-text: #6d0a00;
    --ekm-warning-colour-background: #fdbfbf;
    --ekm-inverse-colour-text: #ffffff;
    --ekm-inverse-colour-background: #191923;    
    --ekm-atc-background-colour:#1fa0bf;
    --ekm-atc-text-colour:#FFFFFF;

    /* Button variables */
    --btn-font-size: 1.5rem;
    --btn-text-transform: uppercase;
    --btn-font-weight: 600;
    --btn-border-radius: 5rem;
    --btn-color: #ffffff;
    --btn-padding: 12px 24px;
    --btn-background: #20a0bf;
    --btn-background-hover: #1d90ac;
    --btn-background-active: #1a8099;
    --btn-transition: all 0.2s ease-in-out;
    --btn-line-height: 1.4;
    --btn-margin-top: 2rem;
}

/* #Universal Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {box-sizing: border-box; font-size: 62.5%;}
    
*, *:before, *:after {box-sizing: inherit;}
    
body {
    background: #fff ;
    color: #191923;
    font-family: 'Google Sans', sans-serif;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
}
a, img {
    border: none;
    color: #1fa0bf;
    text-decoration: none;
}
    
a:hover {opacity: 0.7;}

.quickview-btn:hover, .qv-btn:hover>a {
    opacity: 0.9 !important;
}
    
select, input {
    color: #555;
    font-size: 14px;
}

strong {font-weight: 500;}
    
::-webkit-input-placeholder {color: #999;} /* WebKit, Blink, Edge */
    
:-ms-input-placeholder {color: #999;} /* Internet Explorer 10-11 */
    
.ul-reset {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

svg {
	display: block;
	vertical-align: top;
}
    
input {
	border-radius: 0; /* Removes rounded corners from iOS devices */
	-webkit-appearance: none; /* Webkit fallback */
}

main {display:block;}/*IE11 Fix :( */

.highlight {color: #44afe6;}

input[type="text"], input[type="password"], input[type="date"],
input[type="datetime"], input[type="datetime-local"], input[type="month"],
input[type="week"], input[type="email"], input[type="number"],
input[type="search"], input[type="tel"], input[type="time"],
input[type="url"], textarea
    { font-size: 16px !important; } /* mobile zoom input fix */
[type="date"]{
    margin-bottom: 20px;
}

/* Universal button style class */
.main-btn {
    margin-top: var(--btn-margin-top);
    font-size: var(--btn-font-size);
    text-transform: var(--btn-text-transform);
    font-weight: var(--btn-font-weight);
    display: inline-block;
    border-radius: var(--btn-border-radius);
    color: var(--btn-color);
    padding: var(--btn-padding);
    background: var(--btn-background);
    line-height: var(--btn-line-height);
    transition: var(--btn-transition);
    text-decoration: none; /* remove underline for links */
    cursor: pointer; /* make it feel clickable on divs, spans, etc. */
}

.eapps-instagram-feed-posts-grid-load-more.main-btn{
    font-size: var(--btn-font-size);
    text-transform: var(--btn-text-transform);
    font-weight: var(--btn-font-weight);
    border-radius: var(--btn-border-radius);
    color: var(--btn-color);
    padding: var(--btn-padding);
    background: var(--btn-background);
    line-height: var(--btn-line-height);
    transition: var(--btn-transition);
    text-decoration: none; /* remove underline for links */
    cursor: pointer; /* make it feel clickable on divs, spans, etc. */
    margin: 24px auto;
    height: auto;
    display: flex;
    justify-content: center;
}

.quickview-btn, .qv-btn>a {
    cursor: pointer;
    padding: var(--btn-padding) !important;
    border-radius: var(--btn-border-radius) !important;
    text-transform: var(--btn-text-transform) !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
}
.quickview-btn-wrapper{
    margin-top: 0px !important;
    left: auto !important;
    bottom: 130px !important;
}

/* #Responsive Images
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Prevent images from breaking outside of their containers */
img {
    font-style: italic;
    max-width: 100%;
    height: auto!important;
    vertical-align: middle;
}

/* Fix issue caused by above styles on Product Promo Stickers */
.ekm-product-image-badge-wrapper img {
    max-width: inherit;
    vertical-align: baseline;
}

/* #Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
    line-height: 0.8;
    margin-top: 0;
}

.heading-style {
    border-bottom: 0.25rem solid #ddd;
    padding-bottom: 1.6rem;
}

.section-title-border {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.section-title-border span {
    padding-right: 1rem;
    font-size: 30px;
    padding-right: 0;

}
.brand-section-title-border {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}
.brand-section-title-border span {
    padding-right: 1rem;
    font-size: 30px;
    padding-right: 0;
    color:#fff;
}
.story-text .section-title-border {
    text-align: left;
}
.story-text .section-title-border span {
    background: none;
    color: #FFFFFF;
}
.story-section {
    background-image: url('https://files.ekmcdn.com/9dc99c/resources/design/aboutshoechalk.png?v=FBD22354-EC13-4050-9D4F-953A2E4A5F0A');
    background-size: cover;
    background-position: center;
    height: 710px;
    /* background-attachment: fixed; */
    display: flex;
    align-items: center;
}
.story-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.category-banner {
    text-align: center;
    background-size: auto;
    background-image: url(https://files.ekmcdn.com/9dc99c/resources/design/category-banner.png?v=FBD22354-EC13-4050-9D4F-953A2E4A5F0A);
    background-size: cover;
    background-position: center top;
    height: 320px;
    background-attachment: fixed;
    display: flex;
    align-items: center;
}
/* LEFT TEXT COLUMN */
.story-text p {
    font-size: 16px;
    margin-bottom: 20px;
    max-width: 680px;
    color: #ffffff;
}
.deep-clean-wrapper {
    background-image: url(https://files.ekmcdn.com/6eac7c/resources/design/deepcleanbg.png?v=443C39FE-39F7-4BFA-9DDB-E810F2DF737F);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background: #FFFBEB;
}
.deep-clean-inner {
    display: flex;
    gap: 60px;
    align-items: center;
    padding: 120px 20px;
}
h1.section-title-border.deep-clean-text{
    text-align: left;
}
.deep-clean-text p {
    font-size: 16px;
    color: #191923;
    margin-bottom: 0;
    max-width: 700px;
}
.deep-clean-icon {
    margin-bottom: 20px;
}
/* LEFT */
.deep-clean-text {
    flex: 1;
}
.deep-clean-text p {
    font-size: 16px;
    color: #191923;
    max-width: 700px;
}
.deep-clean-icon {
    margin-bottom: 20px;
}
/* RIGHT */
.deep-clean-features {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    text-align: center;
}
.feature-item {
    padding: 10px;
}
.feature-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #FFF3C2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feature-icon img {
    width: 36px;
    height: auto;
}
.feature-item h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.3;
}
.feature-item p {
    font-size: 14px;
    line-height: 1.5;
}
.about-section {
    text-align: left;
    background: #ffffff0a;
    padding: 20px;
    border-radius: 8px;
}

/* RIGHT COLUMN = invisible spacing */
.story-spacer {
   padding-left: 40px;
}
.story-spacer iframe {
    border-radius: 20px;
}
.story-text .main-btn {
    margin-top: 0px;
}

/* Hover & active states */
.main-btn:hover {
    background: var(--btn-background-hover);
    opacity: 1;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.main-btn:active {
    background: var(--btn-background-active);
}

.usp-bar {
    background: #20a0bf;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 auto;
    max-width: 192rem;
}
.usp-item {
    gap: 8px;
}

/* #Header Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header-section {
    background: #191923;
    position: relative;
    z-index: 9999;
    top: 0;
    width: 100%;
}
body.page-type-main .header-section {
    background: transparent;
}
.logo a {
    font-weight: 500;
    line-height: 1;
}

.logo img {
	max-height: 6rem;
	width: auto!important;
}

.slogo {
    color: #20A0BF !important;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.header-elements {
	flex: 1;
		-webkit-box-flex: 1;
        -ms-flex: 1;
}	

.header-icons:hover {opacity: 1;}

.header-btn-hidden {display: none;}

.header-section svg {fill: #FFFFFF;}
    
.header-btn-active {color: #1fa0bf;}

.header-btn-active svg {fill: #1fa0bf;}

.search-content {background: #ffffff;}

.search-box form {
	display: flex;  
	display: -webkit-box;
	display: -ms-flexbox; 
	display: -webkit-flex; 
}

.i-Sports-and-Recreation .search-box form,

.i-Clothing-and-Fashion .search-box form {border-bottom: 0.2rem solid #ddd;}

.ekmps-search-field {
	background: #ffffff;
	border: none;
	flex: 1;
	   -webkit-box-flex: 1;
        -ms-flex: 1;
    font-weight: 300;
	margin-right: 0;
}

.ekmps-search-button {
	border: none;
	border-radius: 0;
	cursor: pointer;
	padding: 0;
}

.i-Sports-and-Recreation .ekmps-search-button {background: #1fa0bf;}

.i-Food-and-Drink .ekmps-search-button,
.i-Clothing-and-Fashion .ekmps-search-button {background: none;}

.ekmps-search-button:hover {opacity: 0.7;}

.ekmps-search-button svg {
    margin-left: auto;
    margin-right: auto;
}

.cart-btn-item-count {
    font-weight: 500;
    margin-left: 0.6rem;
}

#ekm_minicart_item_count_message {line-height: 1.2;}



/* #Account Login & Button Styles 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.account-content {background: #ffffff;}

.i-Sports-and-Recreation .account-content {border-top: 0.2rem solid #555;}

.i-Clothing-and-Fashion .account-content {border-top: 0.2rem solid #ddd;}

.account-content form {width: 100%;}

.account-content h2 {line-height: 1.2;}

.login-input-label {
    display: block;
    line-height: 1;
}

.login-input-field {
	background: #ffffff;
	border: none;
    font-weight: 300;
    margin-top: 0.4rem;
    width: 100%;
}

.i-Sports-and-Recreation .login-input-field,
.i-Food-and-Drink .login-input-field {
	border-bottom: 0.2rem solid #fff;
	color: #fff;
}

.i-Clothing-and-Fashion .login-input-field {
	border-bottom: 0.2rem solid #ddd;
	color: #191923;
}

.login-input input:invalid {box-shadow: none;}/* Firefox Fix */
	
.login-btn input {
	background: #1fa0bf;
	border: none;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    height: 5.2rem;
    width: 100%;
}

.login-btn input:hover {opacity: 0.7;}

.forgot-password {
	font-size: 1.2rem;
	text-align: center;
}



/* #Desktop Navigation Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.desktop-nav {
    background: none;
    font-size: 1.5rem;
    position: relative;
    text-transform: uppercase;
}

.desktop-nav a {
	color: #FFFFFF;
    font-weight: 600;
}

.desktop-nav > ul > li > a {
    display: block;
    padding-bottom: 0rem;
}

.desktop-nav > ul > li > a:hover {
	color: #1fa0bf;
	opacity: 1;
}

/* Navigation Active Styles */
.nav-active > a {color: #1fa0bf;}

.nav-active .mega-menu {display:block;}

/*Mega Menu Styles */
.mega-menu {
	box-shadow: 0 0.6rem 0.6rem 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0.6rem 0.6rem 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0.6rem 0.6rem 0 rgba(0,0,0,0.2);
  	display: none;
  	position: absolute;
  	width: 22rem;
  	z-index: 99998;
}

.i-Sports-and-Recreation .mega-menu,
.i-Food-and-Drink .mega-menu {background: #fff;}

.i-Clothing-and-Fashion .mega-menu {background: #191923;}

.mega-menu:after {
    border-right: 2rem solid transparent;
    content: "";
    margin-left: 2rem;
    position: absolute;
    top: -1.2rem;
}

.i-Sports-and-Recreation .mega-menu:after,
.i-Food-and-Drink .mega-menu:after {border-bottom: 1.2rem solid #fff;}

.i-Clothing-and-Fashion .mega-menu:after {border-bottom: 1.2rem solid #191923;}

.mega-menu-item {
	display: block;
	padding-top: 1.6rem;
}

.mega-menu-item:first-child {padding-top: 0;}

.i-Sports-and-Recreation .mega-menu a,
.i-Food-and-Drink .mega-menu-item a {color: #191923;}

.i-Clothing-and-Fashion .mega-menu-item a {color: #fff;}

.mega-menu ul {
	flex-flow: wrap;
		-ms-flex-flow: wrap;
}

/* Navigation Chevron Styles */
.nav-chevron-down > a:after,
.nav-chevron-up > a:after {
  	font-family: FontAwesome;
  	font-size: 1.2rem;
  	padding-left: 0.6rem;
  	position: relative;
}

.nav-chevron-down > a:after {content: "\f107";}

.nav-chevron-up > a:after {
	content: "\f106"; 
	top: -0.01rem;
}



/* #Navigation Accordion Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav-content-m {
	max-height: 0vh;
}

.nav-acdn-wrapper ul {position: relative;}

.nav-acdn-wrapper .nav-acdn-active > a, 
.nav-acdn-wrapper > ul > li:hover > a {opacity: 1;}

.i-Sports-and-Recreation .nav-acdn-wrapper > ul > li {border-top: 0.2rem solid #191923;}

.i-Food-and-Drink .nav-acdn-wrapper > ul > li {border-top: 0.2rem solid #fff;}

.nav-acdn-wrapper > ul > li:first-child {border-top: none;}

.nav-acdn-active > a {background: #1fa0bf;}

.nav-acdn-wrapper > ul > li > a {
	background: #191923;
    color: #FFFFFF;
	display: block;
	font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
	padding: 2rem;
    border-bottom: solid 1px #ffffff12;
}
.nav-acdn-wrapper > ul > li > a:hover {
    color: #20A0BF;
}
	
.nav-acdn-content > a::after {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 1.2rem;
    margin-top: 0.25rem;
    padding-right: 1.2rem;
    position: absolute;
    right: 0;
}
	
.nav-acdn-active > a:after {content: "\f068";}

.nav-acdn-wrapper ul ul {display: none;}
	
.nav-acdn-wrapper ul ul li {border-top: 0.1rem solid #ddd;}
	
.nav-acdn-wrapper ul ul li:first-child {border-top: none;}
	
.nav-acdn-wrapper ul ul a {
	background: #f5f5f5;
	color: #555;
	display: block;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2rem;
}
.nav-acdn-wrapper ul ul a:hover {
    opacity: 1;
}

/* #Home Page Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero-banner, .hero-banner-2,
.promo-banner, .brands {
	margin-left: auto;
	margin-right: auto;
	max-width: 192rem;
}

.hero-banner {
    position: relative;
    width: 100%;
    min-height: 900px;
    overflow: hidden;
    top: -100px;
}

.hero-banner-2 {
    position: relative;
    width: 100%;
    min-height: 770px;
    display: flex;
}

/* Layer container */
.hero-layers {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
/* Background */
.hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center bottom;
    z-index: 1;
}
/* Trainer on the rock */
.hero-trainer {
    position: absolute;
    right: 11%;
    bottom: 12%;
    z-index: 3;
}
/* Center-bottom logo */
.hero-logo {
    position: absolute;
    left: 17%;
    bottom: 1%;
    transform: translateX(-50%);
    z-index: 4;
    width: 20vh;
}
/* TEXT WRAPPER */
.text-overlay-wrapper {
    position: relative;
    z-index: 10;
    color: #fff;
    width: 100%;
    top: 260px;
}
.text-overlay-wrapper2 {
    position: relative;
    z-index: 10;
    color: #fff;
    width: 100%;
    align-self: center;
}
.banner-header {
    font-size: clamp(2rem, 5vw + 1rem, 4.8rem);
    font-weight: 700;
    text-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
.banner-detail {
    font-size: clamp(1.5rem, 4vw + 1rem, 2rem);
    margin-top: 1rem;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.7);
}
.banner2-detail {
    font-size: clamp(1.5rem, 4vw + 1rem, 2rem);
    margin-top: 1rem;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.7);
    margin-bottom: 0px;
}
.promo-banners-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    row-gap: 40px;
}
.promo-banners-wrapper a {
    display: block;
    width: fit-content;
    margin: 2rem auto 0 auto;
    display: flex;
}
.promo-banners-wrapper a svg {
    margin-right: 8px;
}
.promo2-banners-wrapper a {
    display: block;
    width: fit-content;
    margin: 2rem auto 0 auto;
    display: flex;
}
.promo2-banners-wrapper a svg {
    margin-right: 8px;
}
.promo-banner img {
    /* width: 100%; */
    display: block;
    border-radius: 4px;
}
.promo-title {
    margin-top: 24px;
    line-height: 1.2;
    font-size: 2.2rem;
    font-weight: 700;
    color: #191923;
    margin-bottom: 8px;
    padding: 0px 16px;
    max-width: 336px;
}
.promo-desc {
    font-size: 1.8rem;
    font-weight: 400;
    color: #47474F;
    margin: 0;
    padding: 0px 16px;
}
.highlight-text {
    font-weight: 700;
}
/* --- Steps Section --- */

.steps-section {
  margin-top: 20px;
}

.steps-box {
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 8px;
  padding: 24px 32px;
  backdrop-filter: blur(6px);
  background: rgba(255,255,255,0.05);
  max-width: 800px;
  width: 100%;
  color: white;
}

.step {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.step-number {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: white;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
}

.divider {
  width: 1px;
  height: 160px;
  background: rgba(255,255,255,0.5);
  margin: 0 24px;
}
.brands-wrapper {
    background-image: url('https://files.ekmcdn.com/9dc99c/resources/design/brandsbg.png?v=FBD22354-EC13-4050-9D4F-953A2E4A5F0A');
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}
.brands-content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}
.brands img {
    width: 100%;
    display: block;
    border-radius: 4px;
}
.brands a img {
    cursor: pointer;
}
.brands img {
    transition: 0.1s all-ease-in-out;
}

.brands img:hover {
    filter: brightness(0) saturate(100%) invert(58%) sepia(54%) saturate(736%) hue-rotate(147deg) brightness(94%) contrast(96%);
}
.splide__slide {
    padding: 10px;
}
.splide__pagination__page.is-active {
    background: #239ebf !important;
}
.splide__pagination {
    bottom: 2em !important;
}

/* #Category Page Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.category-banner {
    text-align: center;
}
.category-title {
    color: #fff;
}
.incategory-desc {
    text-align: left;
    color: #fff;
}
.category-products, 
#category-products {width: 100%;}

.ekm-sortby label {margin-right: 0.6rem;}

.ekm-sortby {
    align-items: center;
    gap: 10px;
    font-family: inherit;
}

/* Label */
.ekm-sortby label {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

/* Select styling */
.ekm-sortby select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px 40px 10px 14px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
    line-height: 1.4;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover */


/* Category Heading Styles */
.category-heading {
    background: #f2f2f2;
    font-size: 1.3rem;
}

.breadcrumb-title {
    font-size: 1.3rem;
    display: inline-block;
}

.i-Sports-and-Recreation .category-heading {border-top: 0.2rem solid #555;}

.i-Food-and-Drink .category-heading {border-top: 0.2rem solid #fff;}

.breadcrumbs {
	flex: 1;
		-webkit-box-flex: 1;
		-ms-flex: 1;
}

.i-Sports-and-Recreation .breadcrumbs a,
.i-Clothing-and-Fashion .breadcrumbs a {color: #888;}

.i-Food-and-Drink .breadcrumbs a {color: #ccc;}

.breadcrumbs .current,
.breadcrumbs-product {
	display: inline-block;
	font-weight: 500;
	pointer-events: none;
}

.product-item-short-description {
	font-size: 1.2rem;
    color: #666;
}

/* Sub-Category Styles */
.sub-categories-list {margin-top: -4rem;}

.sub-category-item {
	padding-top: 4rem;
}

.sub-category-image,
.sub-category-no-image {
	height: 0;
    position: relative;
    padding-bottom: 100%;
}
.sub-category-name {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.sub-category-no-image {background: #e0e0e0;}

.sub-category-image img {
	max-height: 100%;
	max-width: 100%;
	position: absolute;
    width: auto;
    border-radius: 8px;
    transition: transform 0.4s ease;
}
.sub-category-image img:hover {
    transform: scale(1.05);
}

.sub-category-no-image img {
    display: flex;
    display: -webkit-box;
	display: -ms-flexbox; 
	display: -webkit-flex; 
    padding-bottom: 100%;
}
.shopui-product-variant-preview__name{
    display: none !important;
}

@media only screen and (min-width: 660px) and (max-width: 1200px){
	.t-col-3 {
		flex-basis: 33% !important;
		max-width: 33% !important;
		-ms-flex-preferred-size: 33% !important;
	}
}



/* #Category Filter Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.filter-content h3 {
	font-size: 1.8rem;
	margin-bottom: 0;
}

.filter-item-list {display: none;}
    
.ekm-filter-count {color: #999;}
    
.filter-item-check {
	font-size: 1.4rem;
	line-height: 1.3;
}

.filter-cotent-attribute-item-value:hover {color: #1fa0bf;}

.filter-item-check input[type="checkbox"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    z-index: 1;
}
    
.filter-item-check input[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    cursor: pointer;
    padding-left: 3rem;
    padding-top: 0.3rem;
    position: relative;
}
    
.filter-item-check input[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    border: 0.1rem solid #ddd;
    content: "";
    height: 1.8rem;
    left: 0;
    position: absolute;
    top: 0.3rem;
    width: 1.8rem;
}
    
.filter-item-check input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
        -webkit-transform: scale(0);
}
    
.filter-item-check input[type="checkbox"]:not(:checked) + label::after, 
[type="checkbox"]:checked + label::after {
	background: #1fa0bf;
    color: #fff;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 0.8rem;
    height: 1.2rem;
    left: 0.3rem;
    line-height: 1.2rem;
    position: absolute;
    text-align: center;
    top: 0.6rem;
    width: 1.2rem;
}
    
form[name="product-filter"] .ui-slider-horizontal {
    height: 0.6rem;
    margin-bottom: 0.8rem;
    margin-left: 0.4rem;
    width: 97%;
}
    
.filter-price-slider {padding-top: 0.4rem;}

.price-label {font-weight: 500!important;}
    
.filter-item-heading {
    position: relative;
    cursor: pointer;
}

/* Temporary Filter Price Fix */
.price-labels + .ui-slider,
.price-labels + .ui-slider + .price-labels,
.filter-item-price-m {display: none !important;}



/* #Product Page Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.product-page-info h1 {
	font-size: 2.2rem;
	line-height: 1.4;
	margin-bottom: 0;
}
.product-heading-d h1 {
    line-height: 1.4;
}
/* Main Product Image & Thumbnails */
.main-price {
    font-size: 2.4rem;
    margin-right: 0.6rem;
    color: #1fa0bf;
    font-weight: 600;
}

.main-rrp {
    color: #999;
    font-size: 1.4rem;
	text-decoration: line-through;
}

.main-vat {
	font-size: 1.6rem;
	opacity: .75;
}
#jquery-lightbox {
    z-index: 99999 !important;
}

/* Product Page Price Table */
.ekm-bulk-discount {
	border: 0.1rem solid #ddd!important;
	color: #191923!important;
	margin-bottom: 2rem;
	width: 100%;
}

.ekm-bulk-discount th {background: #f3f3f3!important;}

.ekm-bulk-discount th, .ekm-bulk-discount td {
	background: #fff;
	border-color: #ddd;
}

.ekm-bulk-discount td.ekm-bulk-discount-unit-price {color: #191923!important;}

.in-stock {
    color: #5C9735;
    background: #F4F9F0;
    padding: 8px 16px;
    border-radius: 40px;
    font-weight: 500;
}

.in-stock::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 1.6rem;
    margin-right: 0.4rem;
}

.oo-stock {color: #e04747;}

.oo-stock:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 1.6rem;
    margin-right: 0.4rem;
}

.product-buying-options {
    background: #f7f7f7;
    border-radius: 8px;
}

.product-buying-options br {display: none;}

.loyalty-points {
	font-size: 1.3rem;
	text-align: center;
}

.product-atc-wrapper {background: #f3f3f3;}

.product-atc-wrapper br {display: none;}

/* Label and Input Styles */
.options-label {
	display: block;
	font-size: 1.4rem;
	padding-bottom: 0.2rem;
    font-weight: 400;
    margin-bottom: 4px;
}

.ekm-productoptions-size-option:checked + label {
    background-color: #19192399 !important;
    border-color: #191923 !important;
    color: #fff;
}
.ekm-productoptions-size-option-label{
    font-size: 14px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
}
.options-select, 
.options-textfield, 
.options-textarea,
.image-uploader {
    display: block;
    position: relative;
    width: 100%;
}

.main-product-options select,
.ekm-productoptions-input-text,
.ekm-productoptions-textarea {
	background: #ffffff;
    border: 0.2rem solid #ededed;
    width: 100%;
    padding: 16px;
    border-radius: 8px;
}

.main-product-options select,
.ekm-productoptions-input-text {
	padding-bottom: 1.4rem;
	padding-top: 1.4rem;
    width: 100%;
        -moz-appearance: none;
        -webkit-appearance: none;
}

.main-product-options select {
	cursor: pointer;
}

.options-select:after {
    color: #191923;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 2rem;
    pointer-events: none;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 1rem;
}

.select-dropdown-swatch .options-select:after {
    display: none;
}

.ekm-productoptions-input-text {padding-left: 1rem;}

.ekm-productoptions-textarea {
    max-width: 100%;
    padding: 1rem;
}

._EKM_OPTIONIMAGE_BUTTON {font-size: 1.4rem;}

/* Add To Cart Button */
.ekmps-product-add-to-cart {
    border: none;
    background: #1fa0bf;
    color: #fff;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    height: 5.6rem;
    transition: 0.15s;
    width: 100%;
    border-radius: 8px;
    text-transform: uppercase;
}

.ekmps-product-add-to-cart:hover {opacity: 0.7;}

.product-specs ul li:nth-child(odd) {background: #f3f3f3;}

/* Back In Stock Form Styles*/
#ekm-backinstock-text {font-size: 1.4rem;}

#ekm-backinstock-text .fa-envelope-o {margin-right: 0.6rem;}

#ekm-backinstock-email {
    border: 0.2rem solid #ddd;
    border-right: none;
    height: 4rem;
    margin-top: 1rem;
    padding-left: 1rem;
    width: calc(100% - 6rem);
}

#ekm-backinstock-button {
    background: #1fa0bf;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 4rem;
    width: 6rem;
}

#ekm-backinstock-button:hover {opacity: 0.7;}

.product-social {margin-left: -0.6rem;}

.product-social div {padding: 0 0 0 0.6rem !important;}

/* Wishlist Button Styles */
.wishlist-wrapper { 
    margin-top: 20px;
    justify-content: center;
}

.wishlist-wrapper svg path { 
    transition: fill 0.2s ease-in-out; 
        -webkit-transition: fill 0.2s ease-in-out;
}

.wishlist-wrapper button:hover {
    opacity: 1;
    background: #e8e8e8;
}

.wishlist-btn {
    background: #f7f7f7;
    border: 0;
    color: #191923;
    cursor: pointer;
    font-family: inherit;
    padding: 0;
    padding: 8px 16px;
    border-radius: 8px;
    border: solid 1px #e1e1e1;
    width: 100%;
    text-align: center;
    justify-content: center;
}
.wishlist-text { 
    margin-left: 6px;
    font-size: 14px;
}
.wishlist-heart {
    border-radius: 50%;
    height: 34px;
    position: relative;
    width: 34px;
}
.wishlist-heart svg {
    height: 20px;
    left: 50%;
    margin-top: 1px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    width: 20px;
}
    
.wishlist-heart-inner-color { fill: #f7f7f7; }

.wishlist-heart-outer-color,
.wishlist-btn:hover .wishlist-heart-inner-color,
.wishlist-heart-icon-added { fill: #BA274A; }

.product-review-pagination-links {
    background-color: #00000008 !important;
}
.product-review-pagination-links a.current {
    background: #20a0bf !important;
}
#shopui-instalmentPlans .instalmentplan {
    align-items: flex-start !important;
    grid-template-columns: 1fr 3fr !important;
}
#shopui-instalmentPlans {
    margin: 30px 0px 0px 0px !important;
    max-width: 503px !important;
}
.product-urgency.fd-tactic {
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 8px 0px;
    text-align: center;
    background: #f4fafc;
    border: solid 1px #ddf1f5;
    border-radius: 4px;
}
.loyalty-points {
    font-size: 1.3rem;
    text-align: center;
    background: #efeded;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 8px 0px;
    text-align: center;
    background: #efefef;
    border: solid 1px #e1e1e1;
    border-radius: 4px;
}
/* #Product Accordion Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.prod-acdn-header {border-bottom: 0.2rem solid #f4f4f4;}
.tab > .prod-acdn-wrapper {border-bottom: none;}

.prod-acdn-content{display: none;}

.prod-acdn-header {
	color: #191923;
	display: block;
	font-size: 2rem;
	font-weight: 500;
	padding-bottom: 1.6rem;
	padding-top: 1.6rem;
	position: relative;
	width: 100%;
    display: flex;
    align-items: center;
}
.prod-acdn-active {
	color: #1fa0bf;
}
.prod-acdn-header svg {
    margin-right: 12px;
    height: 22px;
}
a.prod-acdn-header svg {
    margin-right: 12px;
    height: 22px;
}
.prod-acdn-review-header {
	color: #191923;
	display: block;
	font-size: 2rem;
	font-weight: 500;
	padding-bottom: 1.6rem;
	padding-top: 1.6rem;
	position: relative;
	width: 100%;
}

.prod-acdn-header::after {
	color: #191923;
  	content: "\f107";
  	font-family: FontAwesome;
  	font-size: 2.5rem;
  	line-height: 1.3;
  	position: absolute;
  	right: 0;
}
.prod-acdn-header:hover::after {
    color: #1fa0bf;
}
.prod-acdn-header:hover{
    color: #1fa0bf;
    opacity: 1;
}
a.prod-acdn-header:hover{
    color: #1fa0bf;
    opacity: 1;
}

.prod-acdn-active:after {
    content: "\f106";
    color: #1fa0bf;
}

.product-attributes-width span {
	flex-basis: 50%;
	max-width: 50%;
	   -ms-flex-preferred-size: 50%;
}

.main-product-description {
	margin-left: auto;
	margin-right: auto;
}

.prod-desc {font-size: 1.6rem;}

/*.prod-specs ul li:nth-child(2n+1) {background: #f0f0f0;}*/

.prod-specs ul span:nth-child(2n+1) li {background: #f0f0f0;}

.prod-specs ul > li {background: #f0f0f0;}



/* #Customer Reviews Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.product-average-stars .fa-star {font-size: 2rem;}

.product-average-count {
	color: #191923;
	font-size: 1.4rem;
	margin-left: 0.6rem;
}

.review {
	background: #f4f4f4;
	position: relative;
}

.review::before {
    border-bottom: 1rem solid #f4f4f4;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    content: "";
    left: 2rem;
    position: absolute;
    top: -1rem;
}

.review-block {margin-bottom: 4rem;}

.review-block:last-child {margin-bottom: 0;}

.product-item_review.flex.flex_align-center {
    display: flex;
    margin-bottom: 8px;
}
.product-item_review.flex.flex_align-center p {
    margin: 0px;
    font-size: 12px;
    margin-left: 4px;
}
.s-row__bar::before {
    background: #1fa0bf !important;
}
.ekm-single-review-block p {
    margin-bottom: 20px !important;
}
.ekm-single-review-block .rating-wrapper {
    margin: 20px 0 !important;
}
.ekm-single-review-block p.pr-date {
    font-size: 14px !important;
}
.s-row__bar {
    background: #e7eee3 !important;
}
.prod-review-wrapper {
    background: #F3FAF0;
    padding: 80px 0px;
}
.rating-wrapper-item svg {
    width: 90px !important;
    height: auto !important;
}


/* #Product List & Product Image Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.product-item-image, 
.ekm-search-page-item__image,
.main-image-container,
.thumbnail-image {
	font-size: 0;
	height: 0;
    position: relative;
    padding-bottom: 100%;
}

.product-item-image a img, 
.ekm-search-page-item__image a img,
.main-image-container a img,
.thumbnail-image a img {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    width: auto;
}

.product-item-image a img, 
.ekm-search-page-item__image a img,
.main-image-container a img {
	max-height: 100%;
	max-width: 100%;
}

.thumbnail-image a img {
	max-height: 100%;
	max-width: 100%;
}

.thumbnail-no-image {display: none;}

/* No thumbnail img fix */
.main-prod-image,
.thumbnail-image,
.main-prod-image-empty {
  font-size: 0;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}

.prod-item-image img {
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  width: auto;
}

.main-prod-image a img, 
.thumbnail-image a img {
	left: 50%;
	max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: auto;
}

.product-name-wrapper {
	align-items: baseline;	
		-webkit-box-align: baseline;
        -ms-flex-align: baseline;
}

.product-item-name {
	flex: 1;
		-webkit-box-flex: 1;
		-ms-flex: 1;
}

.product-item-name a {
    color: #191923;
	font-weight: 600;
}

.product-item-price-wrapper {
	line-height: 1;
	text-align: right;
}

.product-item-price {
    font-size: 16px;
    font-weight: 500;
    color: #20a0bf;
}

.product-item-rrp {
    color: #ababab;
    text-decoration: line-through;
    margin-left: 8px;
}

.product-item-vat {
	margin-top: 0.4rem;
    font-size: 1.2rem;
    opacity: .9;
}

.product-review-stars {
	color: #ddd;
	font-size: 0;
	line-height: 1;
}

.product-review-stars-1 .fa:nth-child(1),
.product-review-stars-2 .fa:nth-child(-n+2),
.product-review-stars-3 .fa:nth-child(-n+3),
.product-review-stars-4 .fa:nth-child(-n+4),
.product-review-stars-5 .fa:nth-child(-n+5) {
	color: #fbc305;
}

.fa-star {
    font-size: 1.4rem;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
}

.product-item-count {
    color: #3B3B54;
    font-size: 1.4rem;
    margin-left: 0.8rem;
}

.rvp-product-list .product-item-name a {font-size: 1.4rem;}

.rvp-product-list .ekm-product-image-badge-wrapper {display: none;}

.shopui-product-variant-preview__choices {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.rvp-product-list{
	flex-wrap:wrap;
}
.rvp-product-list .flex-col {
    width: 48%;
    max-width: initial;
    flex-basis: initial;
}
.product-cart {
    display: flex;
    align-items: center;
    gap: 10px;
}
span#_EKM_PRODUCTADDCART{
    flex: 1;
    transition: var(--btn-transition);
}
span#_EKM_PRODUCTADDCART:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
input#_EKM_PRODUCTQTY{
    padding: 8px 12px;
    width: 70px;
    height: 56px;
    border-radius: 8px;
    border: solid 2px #ededed;
}
.ekmps-qty input[type="number"]::-webkit-inner-spin-button,
.ekmps-qty input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}
.ekmps-qty input[type="number"] {
    -moz-appearance: number-input;
}
.ekmps-qty input[type="number"]:hover::-webkit-inner-spin-button,
.ekmps-qty input[type="number"]:focus::-webkit-inner-spin-button {
    opacity: 1;
}

@media only screen and (min-width:768px){
	.rvp-product-list .flex-col {
	    width: 24%;
	}
    .quickview-btn-wrapper{
        box-shadow: none !important;
        z-index: 1;
        width: 94% !important;
        padding: 0px 16px !important;
  }
}
@media only screen and (min-width:1024px){
	.rvp-product-list .flex-col {
	    width: 19%;
	}
}

.rvp-product-list .product-name-wrapper{
	flex-direction: column;
}
.rvp-product-list .product-item-price-wrapper {
    margin-left: 0;
    text-align: left;
}

/* #Plus & Minus Icon Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.filter-minus:after,
.filter-plus:after {
    font-family: FontAwesome;
    font-size: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    right: 1rem;
}

.filter-plus:after {content: "\f067";}

.filter-minus:after{content: "\f068";}

.filter-minus:after, 
.filter-plus:after {right: 0;}



/* #Pagination Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pagination {text-align: center;}

.pagination a {display: inline-block;}

.pagination-link {
	border: 0.1rem solid #ddd;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    padding: 1rem 1.7rem;
}

.pagination-link:hover {
	background: #1fa0bf;
    border: 0.1rem solid transparent;
    color: #fff;
    opacity: 1;
}

.pagination-current-page, .pagination-current-page:hover {
	background: #ddd;
	color: #666;
}



/* #Footer Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer-wrapper {
    background: #f4fafc;
    text-align: center;
    color: #ffffff !important;
    background-image: url(https://files.ekmcdn.com/9dc99c/resources/design/footer-bg.png?v=FBD22354-EC13-4050-9D4F-953A2E4A5F0A);
    background-size: cover;
    background-position: top;
    padding-top: 250px;
}
.footer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
.footer-col h3 {
    font-size: 1.8rem;
    font-weight: 600;
    text-align: left;
}
.about-section {
    text-align: left;
    font-size: 14px;
}
.webpages-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px 20px;
}
.webpages-item {
   text-align: left;
   padding-top: 6px;
}
.webpages-list a:hover{
    color: #1fa0bf !important;
}
.webpages-col{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.social-logos-wrapper > div {
    margin-bottom: 24px;
    text-align: left;
}
.contact-info .contact-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}
.contact-info svg {
    flex-shrink: 0;
}
.contact-info p {
    margin: 0;
}
a#ekmps-currency-flag-gbp {
    margin-left: 4px;
}
a#ekmps-currency-flag-usd {
    margin-left: 4px;
}
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: center; /* centers the middle area */
    position: relative;
    padding: 20px 0;
}
.footer-bottom .currency-area {
    position: absolute;
    left: 0;
}
.footer-bottom .powered-area {
    position: absolute;
    right: 0;
}

.footer-bottom .copyright-area {
    text-align: center;
    width: 100%;
}

/* Newsletter Styles */
.newsletter-signup {background: #F4FAFC;}

.newsletter-inner {
    text-align: center;
}
.newsletter-signup{
   padding: 80px 20px;s
}

.i-Sports-and-Recreation .newsletter-wrapper,
.i-Food-and-Drink .newsletter-wrapper {border-bottom: 0.25rem solid #fff;}

.newsletter-form {margin-top: 2.2rem;}

#ekmResponseEmailAddress {
    border: none;
    background: #fff;
    font-weight: 300;
    padding: 9px 12px;
    border-radius: 40px;
}

#ekmResponseSignupButton {
    background: #1fa0bf;
    border: none;
    border-radius: 40px;
    margin-left: 8px;
}

#ekmResponseSignupButton:hover {opacity: 0.7;}

/* Webpages Styles */
.webpages-list {margin-top: -3rem;}

.i-Sports-and-Recreation .webpages-list {font-family: 'Ubuntu Condensed', sans-serif;}

.i-Food-and-Drink .webpages-list a,
.i-Clothing-and-Fashion .webpages-list a {
    font-weight: 500;
    color: #fff;
}
/* Social Media Icons */

.social-icons img {max-height: 2.4rem;}

/* Card Logo Styles */
.card-logos img {
	padding-right: 1rem;
}

/* Copyright Styles */
.copyright,
.copyright a {
	color: #ababab;
    font-size: 1.3rem;
}

.currency-dropdown table {
	margin-left: auto;
	margin-right: auto;
}



/* #Contact Page Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contact-form h1 {margin: 0 0 2rem !important;}

.contact-form-row label{width: 11rem!important;}

.contact-form-row input, 
.contact-form-row textarea {
    background: #fff!important;
    border: 0.1rem solid #ddd!important;
    box-shadow: none!important;
    width: calc(100% - 11rem)!important;
}

#contact-form-submit input {
	background: #1fa0bf!important;
	border: none !important;
    border-radius: 0 !important;
	margin-left: 11rem!important;
	padding: 1.4rem !important;
}

#contact-form-submit#contact-form-submit input {width: 12rem!important;}

.contact-form p.required {margin-left: 11.5rem!important;}




/* #Customer Review Page Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ekmps-write-your-own-review .ekmps-form-section .ekmps-frm-row .text-field {
    background: #fff !important;
    border: 0.1rem solid #ddd !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100%!important;
}

.ekmps-write-your-own-review .ekmps-form-section.send-message .ekmps-frm-row input.send-button {
	background: #1fa0bf!important;
	border: none !important;
    color: #fff;
    cursor: pointer;
	padding: 1.4rem !important;	
	width: 12rem;
}

.ekmps-write-your-own-review .ekmps-form-section.send-message .ekmps-frm-row input.send-button:hover {opacity: 0.7;}




/* #Search Page Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ekm-search-page-item__wrapper {text-align: left!important;}

.ekm-search-page {padding: 0!important;}

.ekm-search-page-search-box {border: none!important;}

#ekm-search-page-search-box__field {
    background: #fff;
    border-color: #ddd;
    color: #191923;
}

.ekmps-search-button.ekm-search-page-search-box__button {
    background: #1fa0bf!important;
    color: #fff;
    padding: 0;
}

.ekmps-search-button.ekm-search-page-search-box__button:hover {opacity: 0.7;}

.ekm-search-page-results {margin-top: -4rem;}

.ekm-search-page-item__wrapper {padding: 4rem 1.2rem 1.2rem 1.2rem !important;}

.ekm-search-page-item__image.ekm-search-page-item__image--empty {padding-top: 0!important;}

.ekm-search-page-item__name a {color: #191923;}

.ekm-search-page-item__price {
	border-top: 0.2rem solid #ddd;
    font-weight: 500!important;
    margin-top: 1.2rem!important;
    padding-top: 1.2rem;
}


/* #Newsletter Modal Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Exit Modal Overlay */
.shopui-exit-modal__overlay {
	background-color: #fff;
}

/* Exit Modal Main Window */
.shopui-exit-modal__window {
	background-color: #fff;
	border-radius: 2px; 
	box-shadow: none; 
	
}

/* Exit Modal Title */
/* Exit Modal Message */





		body .shopui-exit-modal__title {
			font-family: "Work sans", sans-serif;
			font-weight: 500;
			color: #191923;
		}

		body .shopui-exit-modal__message {
			font-family: "work sans", sans-serif;
			font-weight: 300;
			color: #191923;			
		}
	


	/* Exit Modal Email Field */
	.shopui-exit-modal__window .shopui-text-field {
		border: 2px solid #ddd;
		font-size: 18px;
		border-radius: 2px;
	}

	/* Exit Modal Button */
	.shopui-exit-modal__window .shopui-button--primary,
	.shopui-exit-modal__window a.shopui-button--primary {
		border-color: #44afe6;
		background-color: #44afe6;
	}

		.shopui-exit-modal__window .shopui-button--primary:hover,
		.shopui-exit-modal__window a.shopui-button--primary:hover {
			border-color: #44afe6;
    		background-color: #44afe6;
    		opacity: 0.75;
		}
		


/* #Softcart Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ekm-softcart-gotocheckout {border-radius: 0!important;}

.ekm-softcart-continue {color: #1fa0bf!important;}

.ekm-softcart-gotocheckout {background: #1fa0bf!important;}



/* #Cart Page Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ekmpscart-cart-items-column-header {background: #f4f4f4!important;}

.ekmpscart-checkout-button.ekmpscart-checkout-button-continue a,
.ekmpscart-estimate-delivery-row-button a {color: #1fa0bf!important;}

.ekmpscart-checkout-button.ekmpscart-checkout-button-checkout {background: #1fa0bf!important;}



/* #Forgotten Password Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
form[name="lostemail"] input, 
form[name="lostemail"] table[width] {width: 100%;}

form[name="lostemail"] input[name="thelostemail"] {
	border: 0.1rem solid #ddd;
    margin-top: 1rem;
    padding: 1.6rem 1.2rem;
}

form[name="lostemail"] table, form[name="lostemail"] tbody, form[name="lostemail"] tr, 
form[name="lostemail"] td, form[name="lostemail"] font {display: block;}

form[name="lostemail"] table, form[name="lostemail"] tr, 
form[name="lostemail"] td {
    margin: 0;
    padding: 0;
}

form[name="lostemail"] input[value="Request Password"] {
	background: #1fa0bf!important;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 1.4rem;
	height: 4rem;
	width: 20rem;
}

form[name="lostemail"] input[value="Request Password"]:hover {opacity: 0.7;}



/* #EKM IF Statement Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body,
input
.main-product-options select,
.ekm-productoptions-input-text,
form[name="lostemail"] table, form[name="lostemail"] tbody, form[name="lostemail"] tr, 
form[name="lostemail"] td, form[name="lostemail"] font,
.ekmps-write-your-own-review .ekmps-form-section .ekmps-frm-row textarea.text-field,
.contact-form-row textarea,
.ekm-productoptions-textarea,
.main-product-options select,
.ekm-productoptions-input-text,
.ekmps-search-field,
.login-input-field,
.login-btn input,
.ekmps-product-add-to-cart,
#ekmResponseEmailAddress {
	
	
	
	
	font-family: 'Google Sans', sans-serif;
}

.header-section,
.header-icon-text, 
.webpages-list a,
.footer-wrapper,
.header-elements-wrapper,
.header-elements-wrapper a,
.ekmps-search-field,
.nav-content-dd a,
.cart-btn-item-count,
.category-heading,
.i-Sports-and-Recreation .breadcrumbs .current,
.i-Food-and-Drink .breadcrumbs .current,
.i-Clothing-and-Fashion .breadcrumbs .current,
#ekmResponseEmailAddress {
      color: #191923;  
}

h1, h2, h3, h4, h5, h6 {
	
}




@media (min-width: 780px) {
    
    /* Desktop View Styles - Table of contents
    ––––––––––––––––––––––––––––––––––––––––––––––––––
    - #Header Styles
    - #Category Page Styles
    - #Category Filter Styles
    - #Product Page Styles
    - #Product List & Product Image Styles
    - #Footer Styles
    - #Search Page Styles  
    - #Contact Page Styles
    */

    .container, .main-content-webpage, .main-content-general, .main-content-cart, .main-content-search {
        margin-left: auto;
        margin-right: auto;
        max-width: 1480px;
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .flex-col {
        padding-left: 2rem;
    }
    .thumbnail-container.flex-col.m-col-3.d-col-3 {
        padding-left: 3rem !important;
    }

    /* #Header Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .header-logo-section,
    .header-elements-wrapper,
    .header-btns {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox; 
        display: -webkit-flex; 
    }   

    .logo a {font-size: 3rem;}

    .logo img {display: block;}

    .header-btns {
        justify-content: flex-end;
            -webkit-box-pack: flex-end;
            -ms-flex-pack: flex-end;
        align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
    }

    .header-btn:hover {opacity: 0.7;}

	.search-box form {
		padding-bottom: 1rem;
		width: 75%;
	}

    .ekmps-search-field {
        font-size: 1.6rem;
        height: 5rem;
        padding-right: 2rem;
    }

    .ekmps-search-button {
        height: 5rem;
        width: 5rem;
    }

    .account-content {
        padding-left: 35%;
        padding-right: 35%;
    }

    .login-input-label {font-size: 1.3rem;}

    .login-input-field {
    	font-size: 1.4rem;
    	height: 4.8rem;
    }

    .nav-btn-m,
    .nav-content-m {display: none;}



    /* #Category Page Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .main-short-desc {font-size: 1.4rem;}
    
    .category-heading {line-height: 1.2;}
    
    .sortby {
	    border-bottom: 0.2rem solid #e8e8e8;
	    font-size: 1.4rem;
	    padding-bottom: 1.4rem;
	    position: relative;
	    top: -0.5rem;
	}
	
	.sortby-dd-d {text-align: right;}
	
	.sortby-m {display: none;}



    /* #Category Filter Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .filter-section-m {display: none;}



    /* #Product Page Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .product-buying-options-m {display: none;}

    .product-item-price-wrapper {padding-bottom: 0.8rem;}

	.reviewer {
	    display: flex;  
		display: -webkit-box;
		display: -ms-flexbox; 
		display: -webkit-flex; 
	    align-items: baseline;
			-webkit-box-align: baseline;
        	-ms-flex-align: baseline;
	}
	
	.product-title-m {display: none;}
	
	.product-title-stars .fa-star {font-size: 1.8rem;}
    



	/* #Product List & Product Image Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */

    .shopui-product-variant-preview__choice {
        padding: 4px 8px !important;
        font-size: 1.2rem !important;
    }



    /* #Footer Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
	.newsletter-form {
		margin-left: auto;
		margin-right: auto;
		width: 40%;
	} 
   
    #ekmResponseEmailAddress {
    	font-size: 1.4rem;
    	width: calc(100% - 3.6rem);
    }
	
	#ekmResponseSignupButton {
	    height: 3.6rem;
	    padding: 1rem;
	    width: 3.6rem;
	}
    
    
    
    /* #Search Page Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .ekm-search-page-search-box {
	    width: 80%;
	    margin: 4rem auto 6rem!important;
	}
	
	#ekm-search-page-search-box__field,
	.ekmps-search-button.ekm-search-page-search-box__button {height: 6rem;}
	
	
	
	/* #Contact Page Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
	.contact-form form {width: 100%;}

	.main-content-general font b > a {display: block;}

	.contact-form,
	.ekmps-write-your-own-review,
	.main-content-general font b > a{
	    margin-left: auto;
		margin-right: auto;
		width: 60%;
	}
}




@media only screen and (min-width: 0px) and (max-width: 779px) { 
    
    /* Responsive Styles - Table of contents
    ––––––––––––––––––––––––––––––––––––––––––––––––––
    - #Header Styles
    - #Minicart Button Styles 
    - #Navigation Accordion Styles
    - #Push Drawer Styles
    - #Home Page Styles
    - #Category Page Styles
    - #Category Mobile Filter Button Styles  
    - #Product Page Styles
    - #Product Accordion Styles
    - #Product List & Product Image Styles
    - #Footer Styles
    - #Contact Page Styles 
    - #Customer Review Page Styles  
    - #Search Page Styles   
    */    



    /* #Header Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .logo a {font-size: 2rem;}
    
    .header-section {
        flex-direction: column;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
    }

	.header-icon-section-m {
		justify-content: flex-end;
			-webkit-box-pack: end;
	        -ms-flex-pack: end;
	}
    
    .desktop-nav {display: none;}
    
    .login-input-label,
    .cart-btn-item-count {font-size: 1.3rem;}
	
	.login-input-field {height: 4.2rem;}
	
	.logged-in-welcome, .logged-in-links {font-size: 1.4rem;}

	.search-box form {
		margin-left: 2rem;
		margin-right: 2rem;
		padding-bottom: 0.6rem;
		width: 100%;
	}

	.ekmps-search-field {
		font-size: 1.2rem;
		height: 3.5rem;
	    padding-right: 1.2rem;
	}
	
	.ekmps-search-button {
		height: 3.5rem;
		width: 3.5rem;
	}

    

    /* #Home Page Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .promo-image {text-align: center;}
    
    .section-title-border {
        line-height: 1.2;
        margin-bottom: 24px;
    }
    .brand-section-title-border {
        line-height: 1.2;
        margin-bottom: 24px;
    }
    .quickview-btn, .qv-btn>a{
        margin-bottom: 0px !important;
        display: none !important;
    }
    .product-item_review.flex.flex_align-center p {
        font-size: 11px;
    }
    .splide__pagination {
        bottom: -1.5em !important;
    }
    
    /* Stack layout */
    .deep-clean-inner {
        flex-direction: column;
    }

    /* FEATURES FIRST */
    .deep-clean-features {
        order: 2;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        width: 100%;
        margin-bottom: 40px;
    }

    /* TEXT + CTA SECOND */
    .deep-clean-text {
        order: 1;
        text-align: left;
        width: 100%;
    }

    /* Center icons slightly tighter on mobile */
    .feature-icon {
        width: 70px;
        height: 70px;
        margin: 16px 0px;
    }
    .feature-icon img {
        width: 32px;
    }
    .deep-clean-inner {
        padding: 40px 20px;
        gap: 40px;
    }
    .prod-review-wrapper {
        padding: 40px 0px;
    }
    .feature-item h4 {
        text-align: left;
    }
    .feature-item p {
        text-align: left;
    }


    /* #Category Page Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .sortby-dd-d,
    .filter-sidebar-d,
    .sortby-results {display: none;}
    
    .category-heading h1 {line-height: 1.2;}

    
    .incategory-desc {
	}
    .product-item-short-description{
        display: none;
    }



    /* #Category Mobile Filter Button Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .filter-section-m {
        position: relative;
        text-align: center;
    }

    .filter-btn-m, 
    .sortby-btn-m {
        border-bottom: 0.2rem solid #e8e8e8;
        border-top: 0.2rem solid #e8e8e8;
        cursor: pointer;
        font-weight: 500;
        padding-bottom: 1.3rem;
        padding-top: 1.3rem;
        position: relative;
    }
    
    .filter-btn-m {border-right: 0.2rem solid #e8e8e8;}

    .filter-btn-active-m {
        background: #e8e8e8;
        color: #191923;
    }
    
    .filter-btn-active-m::after {
	    content: "";
	    border-bottom: 0.8rem solid #fff;
	    border-left: 0.8rem solid transparent;
	    border-right: 0.8rem solid transparent;
	    position: absolute;
	    bottom: -0.2rem;
	    left: 50%;
	    transform: translateX(-50%);
	    	-webkit-transform: translateX(-50%);*/
	}
	
	.filter-section-btn-m span::after {
	    content: "\f078";
	    margin-left: 0.6rem;
	    font-family: FontAwesome;
	    font-size: 1rem;
	    position: relative;
	    bottom: 0.2rem;
	}
	
	.filter-btn-active-m span::after {content: "\f077";}

    .filter-content-m,
    .sortby-content-m {
    	background: #fff;
        border-bottom: 0.2rem solid #e8e8e8;
        display: none;
        left: 0;
        position: absolute;
        text-align: left;
        width: 100%;
        z-index: 1;
    }

    .sortby-dd-m {text-align: center;}



    /* #Product Page Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .product-tab-panels {text-align: left;}

    .thumbnail-image-container {margin-top: 2rem;}
    
    .main-short-desc {font-size: 1.3rem;}

    /* Back In Stock Form Styles */
    #_EKM_PRODUCTADDCARTMESSAGE {
        text-align: center;
        display: block;
    }

    .product-email-when-instock {text-align: center;}
    
    .ekm-product-image-badge {width: 4.8rem;}
    
    .product-heading-d,
	.main-price-wrapper-d {display: none;}

	.product-title-m h1 {
		font-size: 2.6rem;
		margin-bottom: 0;
    line-height: 1.2;
	}
	
	.product-price-m {
		flex: 1;
			-webkit-box-flex: 1;
	        -ms-flex: 1;
	    font-size: 2rem;
        color: #1fa0bf;
        font-weight: 500;
	}
	
	.main-rrp-m {
	    color: #ababab;
	    font-size: 1.2rem;
	    text-decoration: line-through;
	}
	
	.product-stars-m .fa-star {font-size: 1.6rem;}
	
	.product-buying-options {
		margin-left: -2rem;
		width: 100vw;
	}
    .d-col-6.m-col-12.product-page-container-m.xl-margin-top-m.xl-padding-right-d {
        order: 1;
    }
    .product-title-m.m-col-12.product-page-container-m.l-padding-top-m {
        order: 2;
    }
    .d-col-5.m-col-12.product-info.product-page-container-m.xl-padding-right-d {
        order: 3;
    }
    a.main-btn {
        text-align: center;
    }
    .ekm-pr-menu .shopui-select-field {
        max-width: 100% !important;
    }
    .product-title-stars.product-review-stars.product-review-stars-5.m-margin-btm-d.m-margin-btm-m {
        display: none;
    }

    /* #Product Accordion Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .main-product-description,
    .write-review,
    .review {font-size: 1.4rem;}
    


    /* #Product List & Product Image Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .product-item-name {line-height: 1.25;}

    .product-item {
    	margin-bottom: -1rem;
    	padding-top: 2rem;
    }



    /* #Footer Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .i-Food-and-Drink .newsletter-title,
    .i-Clothing-and-Fashion .newsletter-title {font-size: 1.8rem;}
    
    #ekmResponseEmailAddress {width: calc(100% - 2.6rem);}
	
	#ekmResponseSignupButton {
	    height: 2.6rem;
	    padding: 0.65rem;
	    width: 2.6rem;
	}
    
    .footer-grid {
        grid-template-columns: 1fr !important; /* 1 column layout */
        gap: 40px;
    }

    .footer-col {
        text-align: left; /* optional */
    }

    /* Make internal lists full width on mobile */
    .webpages-list {
        grid-template-columns: 1fr !important;
    }
    .about-section {
        text-align: center;
    }
    .copyright, .copyright a {
        padding: 0px;
        text-align: left;
    }
    .footer-wrapper{
        margin-top: -162px;
    }
    .footer-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;      
        justify-content: center;
        gap: 10px;
        position: static;          
        text-align: left;
        padding-top: 0px;
    }
    .currency-area,
    .copyright-area,
    .powered-area {
        position: static !important;
        width: 100%;
        text-align: left;
    }
    .currency-dropdown {
        margin-bottom: 10px; 
    }

    /* #Contact Page Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .contact-form h1 {font-size: 2rem !important;}



    /* #Customer Review Page Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .ekmps-write-your-own-review .ekmps-review-header {font-size: 2rem!important;}

    .ekmps-write-your-own-review .ekmps-form-section .ekmps-form-section-header {font-size: 1.6rem!important;}



    /* #Search Page Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .ekm-search-page-item__wrapper {width: 50%!important;}  
}




@media only screen and (min-width: 0px) and (max-width: 479px) { 
	/* Responsive Styles - Table of contents
    ––––––––––––––––––––––––––––––––––––––––––––––––––
    - #Category Filter Styles
    */
    
    
    
    /* #Category Filter Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .filter-m,
    .sortby-m {width: 100%;}
}




@media (min-width:480px) and (max-width:980px) {
    
	/* Responsive Styles - Table of contents
    ––––––––––––––––––––––––––––––––––––––––––––––––––
    - #Category Filter Styles
    */
 
    
    /* #Category Filter Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .filter-m,
    .sortby-m {
        flex: 1;
            -webkit-box-flex: 1;
			-ms-flex: 1;
    }
}




@media only screen and (min-width: 0px) and (max-width: 359px) { 
    /* Responsive Styles - Table of contents
    ––––––––––––––––––––––––––––––––––––––––––––––––––
    - #Category Filter Styles 
    - #Product Tabs Styles
    - #Product List & Product Image Styles
    - #Search Page Styles  
    - #Footer Styles
    */  



    /* #Category Filter Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .filter-content {
        flex-basis: 100%;
        max-width: 100%;
            -ms-flex-preferred-size: 100%;
    }



    /* #Product Tabs Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .product-tabs > label {font-size: 1.4rem;}



    /* #Product List & Product Image Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .product-item {
        flex-basis: 100%;
        max-width: 100%;
            -ms-flex-preferred-size: 100%;
    }



    /* #Search Page Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .ekm-search-page-item__wrapper {width: 100%!important;}
    
    .ekm-search-page-search-box__field {width: 69%!important;}
    
    .ekmps-search-button.ekm-search-page-search-box__button {width: 30%;}
    
    
    
    /* #Footer Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .i-Food-and-Drink .newsletter-title,
    .i-Clothing-and-Fashion .newsletter-title {font-size: 1.5rem;}
}




@media only screen and (min-width: 660px) and (max-width: 1199px) {
    
    /* Responsive Styles - Table of contents
    ––––––––––––––––––––––––––––––––––––––––––––––––––
    - #Product List & Product Image Styles
    */
    
    
    
    /* #Product List & Product Image Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
	.rvp-product-list .product-item-name a {
		font-size: 1.3rem;
		line-height: 1;
	}
	
	.rvp-product-list .product-item-price {font-size: 1.2rem;}
	
	.rvp-product-list .product-item-rrp {font-size: 1rem;}
}




@media only screen and (min-width: 780px) and (max-width: 1099px) {
    
    /* Responsive Styles - Table of contents
    ––––––––––––––––––––––––––––––––––––––––––––––––––
    - #Category Filter Styles
    */
    
    
    
    /* #Category Filter Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
	.filter-sidebar-d {width: 20rem;}
}




@media (min-width: 1000px) {
    
    /* Responsive Styles - Table of contents
    ––––––––––––––––––––––––––––––––––––––––––––––––––
    - #Category Filter Styles
    */
    
    
    
    /* #Category Filter Styles
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
	.filter-sidebar-d {width: 25rem;}
}

/* ==========================================================================
#QUICK VIEW FEATURE
========================================================================= */


@media only screen and (min-width: 768px){
	.rvp-product-list .quickview-btn-wrapper{
		height: calc(100% + 70px);
		grid-template-columns: repeat(auto-fit,minmax(145px,1fr));
	}
}
/* ==========================================================================
	#Product Urgency FEATURE
========================================================================= */
.shopui-countdown-label, .shopui-countdown-message {
    color: var(--ekm-inverse-colour-text);
}

.product-urgency.gibt-tactic span.js-ekm-pugibt-cd.shopui-timer-time {
    color: var(--ekm-success-colour-text);
    display: block;
}

.product-urgency.lsb-tactic .shopui-low-stock-bar .shopui-low-stock-bar-container {
    margin-left: 0;
}

.product-urgency.lsb-tactic {margin: 2rem 0;}

.product-urgency.ct-tactic .shopui-countdown {
    background: var(--ekm-inverse-colour-background);
    padding: 1rem 0;
}

.product-urgency.gibt-tactic {
    margin: 2rem 0;
}

.product-urgency.gibt-tactic .shopui-timer .shopui-timer-text .shopui-timer-arrival {
    color: var(--ekm-warning-colour-text);
}

/* ==========================================================================
#QUICK VIEW FEATURE V1 CUSTOM MODE
========================================================================= */


.quickview-parent {
	position: relative;
}

.quickview-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9;
    display: none;
}

@media screen and (min-width: 36.25em) {
    .quickview-parent:hover .quickview-wrapper {display: flex;justify-content: space-evenly;align-items: center;flex-direction: column;}
}

.quickview-wrapper a, .quickview-wrapper span {
    border: 0.675rem solid #fff;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    padding: 1rem 2rem;
    color: #ffffff;
    font-size: 1.8rem;
    transition: 0.2s linear all;
}

.quickview-wrapper a:hover, .quickview-wrapper span:hover {
    opacity: 1;
    background: #ffffff;
    color: #191923;
    transition: 0.2s linear all;
}

.quickview-icon {
    display: block;
    width: 100%;
    margin-top: 1.2rem;
    cursor: pointer;
    padding: 1rem 0;
    background: #1fa0bf;
    color: transparent;
    text-align: center;
}

.quickview-icon:hover {
    opacity: 0.8;
}

.quickview-icon span.quickview-label {
    display: inline-block;
    margin: 0 0 0 1rem;
}
.quickview-icon svg {
    height: 22px;
    width: 22px;
    display: inline-block;
    fill: transparent;
}

.quickview-wrapper .ekm-edit-button-wrapper.ekm-design.ekm-design-html a:first-child {
    display: none;
}


/* ==========================================================================
	#QUICkVIEW v2 OVERRIDES
========================================================================= */

.product-name-wrapper{
	flex-direction: column;
}
.product-item-price-wrapper{
	margin-left:0;
	text-align: left;
    justify-content: space-between;
    display: flex;
}
.product-item-name{
	margin-bottom:10px;
}
.quickview-parent.no-margin-btm {
	margin-bottom: 40px !important;
}
@media only screen and (min-width:1280px){
	.quickview-btn-wrapper {
	    height: 315px !important;
	}

}

/* Desktop grid: 2 rows of 4 */
@media (min-width: 1025px) {
    #promoSplide.splide .splide__list {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 2rem;
        row-gap: 4rem;
    }

    /* Disable Splide styles on desktop */
    #promoSplide .splide__track,
    #promoSplide .splide__list,
    #promoSplide .splide__slide {
        transform: none !important;
        width: auto !important;
    }

    /* Hide arrows on desktop */
    #promoSplide .splide__arrows {
        display: none;
    }
}

/* ==========================================================================
	#PRODUCT TABS OVERRIDES
========================================================================= */
.tab-wrapper{
	max-width: none !important;
}

/* ============= TABLET (max-width: 1200px) ============= */
@media (max-width: 1200px) {
    .hero-banner {
        min-height: 750px;
    }
    .hero-trainer {
        width: 38vw;
        right: -4%;
        bottom: 10%;
    }
	.text-overlay-wrapper {
    	top: 240px;
	}
    .deep-clean-wrapper {
        flex-direction: column;
        text-align: center;
    }
}
/* ============= MOBILE (max-width: 979px) ============= */
@media (max-width: 979px) {
    .hero-banner {
        min-height: 650px;
    }
    .hero-trainer {
        width: 49vw;
        right: -20%;
        bottom: 12%;
    }
    .hero-logo {
        width: 22vw;
        bottom: 3%;
    }
    .text-overlay-wrapper {
    	top: 190px;
	}

    .story-wrapper {
        grid-template-columns: 1fr;
    }
    .story-spacer {
        padding-left: 0px;
    }
    .story-section {
        height: auto; 
        padding: 50px 0;
    }
    .category-banner {
        height: auto; 
        padding: 50px 0;
        background-size: cover;
        background-attachment: unset;
    }
    .quickview-btn-wrapper {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding: 0 !important
    }
    .promo-banners-wrapper {
        margin-top: -40px;
    }
    /* .deep-clean-text, .deep-clean-text p{
        text-align: left;
    } */
    .quickview-parent.no-margin-btm {
	    margin-bottom: 0px !important;
    }
}
/* ============= MOBILE (max-width: 700px) ============= */
@media (max-width: 700px) {
    .hero-banner {
        min-height: 650px;
    }
    .hero-trainer {
        width: 49vw;
        right: -20%;
        bottom: 12%;
    }
    .hero-logo {
        width: 22vw;
        bottom: 3%;
    }
    .text-overlay-wrapper {
    	top: 190px;
	}
      .steps-box {
    flex-direction: column;
    gap: 30px;
  }

  .divider {
    transform: rotate(0deg);
    width: 100%;
    height: 1px;
    margin: 0;
  }

  .step {
    text-align: left;
  }
  .hero-banner-2 {
    min-height: 810px;
}

}
/* ============= MOBILE (max-width: 600px) ============= */
@media (max-width: 620px) {
    .hero-banner {
        min-height: 650px;
    }
    .hero-trainer {
        width: 70vw;
        right: -20%;
        bottom: 12%;
    }
    .hero-logo {
        width: 30vw;
        bottom: 0%;
    }
    .text-overlay-wrapper {
    	top: 190px;
	}
    .hero-bg {
    	object-position: bottom 0px right -210px;
	}
}
/* ============= SMALL MOBILE (max-width: 480px) ============= */
@media (max-width: 480px) {
    .hero-banner {
        min-height: 560px;
    }
    .hero-trainer {
		width: 80vw;
        right: -35%;
        bottom: 15%;
    }
    .hero-logo {
        width: 40vw;
        bottom: 0%;
        left: 50%;
    }
    .text-overlay-wrapper {
    	top: 140px;
	}
	.hero-bg {
    	object-position: bottom 0px right -140px;
	}
    .banner-header {
        text-shadow: 2px 2px 6px rgb(0 0 0 / 90%);
    }
}

@media (max-width: 1024px) {
    .promo-banners-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .promo-banners-content {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}