/* OVERRIDES TO BE MERGED INTO LESS FILES --------------------------------------------------------------------------------------------------------------------*/

.multi-buttons {gap: 16px}
.multi-buttons .applePayDetails, .multi-buttons .googlePayDetails {width: calc(50% - 8px);flex: 0 0 calc(50% - 8px)}
@media(max-width:767px) {.smv-arrow-control {display: none!important}}
.container .ebc-title{font-size:30px;line-height:1.2;margin:0 0 20px;text-transform:uppercase;font-weight:700}
.product-tile {height: auto!important}
@media (max-width: 1023px) {.product-tile {height: 100%!important}}
@media (max-width: 1199px) {
.header-wrapper {z-index: 12}
.refinement .refinement-list li a {height: 30px}
.filters-and-sorting .refinements-overlay {z-index: 20}
.filters-and-sorting .listing-filters-panel.visible {z-index: 25}
.filters-and-sorting {height: auto;min-height: 60px;}
}
.overlay-container, .overlayvideo-container {z-index: 999}
.pdp-size-guide.overlay-container{z-index:9999}
.product-badges {z-index: 2}
.sticky-container .yotpo-widget-instance {height: 20px}
@media (max-width: 768px) {
.pdp-global-image-section .product-badges .product-badge {padding: 6px 8px;font-size: 12px;line-height: 1}
.pdp-global-image-section .product-badges .product-discount {padding: 6px 8px;border-radius: 20px;font-size: 12px;line-height: 1}
}
.filters-and-sorting.bottom{align-items: center;display: flex;width: 100%;flex-direction: column;margin: 30px 0;border:0}
.filters-and-sorting.bottom .items-per-page {width: 160px;margin-bottom: 15px}
@media (min-width: 768px) {.filters-and-sorting.bottom {justify-content: space-between;align-items: end;flex-direction: row}}
.before-after-slider .slider-container {position: relative;width: 100%;max-width: 800px;aspect-ratio: 16 / 9;overflow: hidden;border-radius: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);cursor: ew-resize;user-select: none;touch-action: none}
.before-after-slider .slider-container img {position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0}
.before-after-slider .before {z-index: 1}
.before-after-slider .after {z-index: 2;clip-path: inset(0 100% 0 0);transition: clip-path 0.8s ease}
.before-after-slider .slider-line {position: absolute;top: 0;width: 2px;height: 100%;background: white;z-index: 3;pointer-events: none;left: 18px;transition: left 0.8s ease}
.before-after-slider .slider-button {position: absolute;top: 50%;left: 18px;transform: translate(-50%, -50%);width: 30px;height: 60px;background: white;border-radius: 20px;border: 1px solid #ccc;z-index: 4;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);transition: left 0.8s ease}
.before-after-slider .slider-button::before {content: "|||";color: #333;font-size: 14px;letter-spacing: 2px;font-weight: bold}
.yotpo-loyalty-pdp-loyalty .yotpo-loyalty-icon,.yotpo-loyalty-cart-loyalty .yotpo-loyalty-icon {background-color: #FFFFFF;border-radius: 50%;border: 1px solid #eee}
.header-wrapper .header-inner .header-content .header-menu {order: unset}

/* OVERLAY POSITIONING ---------------------------------------------------------------------------------------------------------------------------------------*/

.top-left{top:0;left:0}
.top-right{top:0;right:0}

.offset-top-left{top:30px;left:0}
.offset-.top-right{top:30px;right:0}

.bottom-left{bottom:0;left:0}
.bottom-right{bottom:0;right:0}
.center-left{top:50%;left:0;transform:translate(0,-50%)}
.center-right{top:50%;right:0;transform:translate(0,-50%);text-align:right}
.center-top{top:0;left:50%;transform:translate(-50%,0);text-align:center}
.center-bottom{bottom:0;left:50%;transform:translate(-50%,0);text-align:center}
.center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}

/* OVERLAYS --------------------------------------------------------------------------------------------------------------------------------------------------*/

.overlay-content{position:absolute;box-sizing:border-box;padding:10px}
.overlay-content .cta{margin-top:15px}
.overlay-content .icon{width:34px;margin:15px auto 0}
.overlay-tag{position:absolute;min-width:180px;box-sizing:border-box;background:#224C7A;color:#FFF;padding:15px 40px;text-transform:uppercase;text-align:center}
.overlay-tag.small {padding: 5px 10px}
@media (min-width: 768px) {.overlay-content {padding: 10px}}
@media (min-width: 1024px) {.overlay-content {padding: 20px}}

/* OVERLAYS --------------------------------------------------------------------------------------------------------------------------------------------------*/

.bottom-overlay{background:#FFF;padding:10px 0 0}
.bottom-overlay h2{color:#224c7a;margin-bottom:10px}
@media (min-width: 1024px) {
.bottom-overlay{position:absolute;background:#FFF;padding:20px 15% 0;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;left:50%;transform:translate(-50%,0);width:calc(100% - 40px);bottom:-20px}
}

/* GENERAL TYPOGRAPHY ----------------------------------------------------------------------------------------------------------------------------------------*/

.container.content ul{margin-left:12px}
.container.content ul li{padding-inline-start:1ch;padding-bottom:1ch}
.container.content ul li::before{content:"\f111";font:normal normal normal 20px/1 FontAwesome;text-rendering:auto;color:#bbb;font-size:12px;margin-left:-22px;padding-right:10px}

.text-smallest{font-size:14px;line-height:1.4;font-weight:400;margin:0}
.text-smaller{font-size:16px;line-height:1.6;font-weight:400;margin:0}
.text-small{font-size:20px;line-height:1.6;font-weight:400;margin:0}
.text-large{font-size:30px;line-height:1.3;font-weight:500;margin:0}

.dynamic .text-smallest{font-size:14px;line-height:1.3;font-weight:400;margin:0}
.dynamic .text-smaller{font-size:16px;line-height:1.3;font-weight:400;margin:0}
.dynamic .text-small{font-size:clamp(14px,calc(16px + (24 - 20) * (100vw - 768px)/(1440 - 768)),20px);line-height:1.3;font-weight:400;margin:0}
.dynamic .text-large{font-size:clamp(18px,calc(20px + (30 - 20) * (100vw - 768px)/(1440 - 768)),30px);line-height:1.3;font-weight:500;margin:0}

.text-white,.text-white a,.text-white h2,.text-white h3 {color:#FFF!important}
.text-white a.tertiary {color: initial !important}

/* FULL WIDTH HERO -------------------------------------------------------------------------------------------------------------------------------------------*/

.hero-focused{position:relative;background-size:cover}
.hero-focused .inner{position:relative;display:flex;max-width:1440px;margin:0 auto}
.hero-focused .inner.height-largest{height:650px}
.hero-focused .content{position:absolute;background:#224c7ae3;box-sizing:border-box;max-width:500px;width:100%;padding:20px;text-align:center}
.hero-focused .content .text-smaller{margin-bottom:20px}
.hero-focused .content .text-small{margin-bottom:0}
.hero-focused .content .text-large{color:#224c7a;margin-bottom:20px;text-transform:uppercase;font-weight:700}
.hero-focused .content .text-medium{font-size:32px;line-height:1.4;font-weight:500;margin:0 0 5px;text-transform:none}
.hero-focused .button-stacked{margin-top:20px}
.hero-focused .button-grid{margin-top:20px}
.hero-focused.v2 img{object-fit:cover;width:100%;display:block}
@media (max-width: 1023px) {
.hero-focused.v2 img{width:100%;height:auto;display:block}
.hero-focused.v2 .content{position:relative;background:#224C7A;max-width:100%;transform:none;top:unset;bottom:unset;left:unset;right:unset}
}
@media (min-width: 768px) {
.hero-focused .content{padding:40px}
}
@media (min-width: 1024px) {
.hero-focused.v2 .content.wide{max-width:900px}
}

/* FIXED CONTENT AND SCROLLER --------------------------------------------------------------------------------------------------------------------------------*/

.fixed-with-scroller .fixed{margin-bottom:30px}
.fixed-with-scroller .scroll-cards .scroll-card.x3{flex:0 0 200px}
.fixed-with-scroller .scroll-cards .scroll-card.x25{flex:0 0 200px}
.fixed-with-scroller .scroll-cards .scroll-card.x4{flex:0 0 200px}
.fixed-with-scroller .scroll-cards .scroll-card .overlay-content{text-wrap:nowrap}
.fixed-with-scroller .fixed h2{color:#224c7a;font-size:24px;line-height:1.6;margin:0 0 10px;font-weight:500}
.fixed-with-scroller .fixed h3{font-size:16px;line-height:1.6;margin:0;font-weight:400}
.fixed-with-scroller .cta{margin-top:25px}
@media (min-width: 768px) {
.fixed-with-scroller{display:flex}
.fixed-with-scroller .fixed{flex:0 0 270px;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-right:40px}
.fixed-with-scroller .scroll-cards .scroll-card.x3{flex:0 0 364px}
.fixed-with-scroller .scroll-cards .scroll-card.x25{flex:0 0 350px}
.fixed-with-scroller .scroll-cards .scroll-card.x4{flex:0 0 267px}
}

/* SCROLLER CARDS --------------------------------------------------------------------------------------------------------------------------------------------*/

.content-scroller{display:flex;justify-content:center;text-align:center}
.content-scroller img{margin-bottom:10px}

.scroll-cards{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;overflow-y:hidden}
.scroll-cards .scroll-card{position:relative}
.scroll-cards .scroll-card.auto{flex:0 0 auto}
.scroll-cards .scroll-card.x2{flex:0 0 330px}
.scroll-cards .scroll-card.x3{flex:0 0 330px}
.scroll-cards .scroll-card.x25{flex:0 0 330px}
.scroll-cards .scroll-card.x4{flex:0 0 330px}
.scroll-cards .scroll-card .image{overflow:hidden}
.scroll-cards .scroll-card:hover .image img{transform:scale(1.1)}
.scroll-cards .scroll-card .image img{transition:transform .3s ease;transform:scale(1)}
.scroll-cards .scroll-card .content{background:#224C7A;color:#FFF;padding:20px 10px;text-align:center}
@media (min-width:767px) {
.scroll-cards .scroll-card.x2{flex:0 0 709px}
.scroll-cards .scroll-card.x3{flex:0 0 466px}
	.scroll-cards .scroll-card.x25{flex:0 0 400px}
.scroll-cards .scroll-card.x4{flex:0 0 345px}
}
@media (max-width:767px) {
.scroll-cards.not-mobile{flex-wrap:wrap;gap:20px}
.scroll-cards.not-mobile .scroll-card.x2{flex:0 0 100%}
.scroll-cards.not-mobile .scroll-card.x3{flex:0 0 100%}
	.scroll-cards.not-mobile .scroll-card.x25{flex:0 0 100%}
.scroll-cards.not-mobile .scroll-card.x4{flex:0 0 100%}
}

/* SCROLLER LOGOS --------------------------------------------------------------------------------------------------------------------------------------------*/

.scroll-logos{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto}
.scroll-logos .scroll-logo{display:flex;flex-direction:column;flex:0 0 180px;gap:10px}
.scroll-logos .scroll-logo .image{overflow:hidden}
.scroll-logos .scroll-logo .image:hover img{transform:scale(1.1)}
.scroll-logos .scroll-logo .image img{transition:transform .3s ease;transform:scale(1)}
@media (min-width:767px) {
.scroll-logos{gap:24px}
.scroll-logos .scroll-logo{flex:0 0 220px;gap:20px}
}

/* ASSET WITH CONTENT ----------------------------------------------------------------------------------------------------------------------------------------*/

.asset-with-content .inner{box-sizing:border-box;align-items:center}
.asset-with-content .inner h2{color:#224c7a;font-size:30px;line-height:1.2;margin:0;text-transform:uppercase;font-weight:700}
.asset-with-content .inner h3{font-size:20px;line-height:1.3;margin:0}
.asset-with-content .inner h4{font-size:20px;line-height:1.3;margin:15px 0 0}
.asset-with-content .inner h5{font-size:16px;line-height:1.8;margin:10px 0 0;font-weight:400}
.asset-with-content .inner p{font-size:16px;line-height:1.8;margin:20px 0}
.asset-with-content .inner ul{font-size:16px;line-height:1.8;margin:20px 0}
.asset-with-content .inner .content{width:100%;flex:0 0 100%;padding:20px 0;box-sizing:border-box}
.asset-with-content .inner .content .trustbuilder{display:flex;align-items:center;margin-top:20px}
.asset-with-content .inner .content .trustbuilder + .cta{margin-top:35px}
.asset-with-content .inner .content .trustbuilder .icon{flex:0 0 auto;margin-right:20px}
.asset-with-content .inner .content .trustbuilder .cta{margin-top:10px}
.asset-with-content .inner .video-content{width:100%;flex:1 0 100%}
.asset-with-content .inner .image-focused{padding:60px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.asset-with-content .inner .image-focused p{margin:15px 0 30px;max-width:400px}
.asset-with-content .inner .image-focused img{max-width:500px}
.asset-with-content .inner .content-grid{display:flex;gap:20px;flex-wrap:wrap}
.asset-with-content .inner .content-grid .item{flex:0 0 calc(50% - 10px);width:50%;background:#F5F5F5;padding:10px;box-sizing:border-box;text-align:center}
.asset-with-content .inner .content-grid .item h2{color:#224c7a;font-size:22px;font-weight:700;line-height:1.3;margin-top:10px}
.asset-with-content .inner .content-grid .item h3{font-size:16px;line-height:1.6;font-weight:400;margin-top:5px}
.asset-with-content .inner .content-stack{display:flex;gap:40px;flex-wrap:wrap;padding:0 10%}
.asset-with-content .inner .content-stack .item{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center}
.asset-with-content .inner .content-stack .item h2{color:#224c7a;font-size:22px;font-weight:700;line-height:1.3;margin-top:10px}
.asset-with-content .inner .content-stack .item h3{font-size:14px;line-height:1.6;font-weight:400;margin-top:10px}
.asset-with-content .inner .content-stack .item p{margin:5px 0 15px}
.asset-with-content .inner .content-stack.small .item img{max-width:250px}
.asset-with-content .inner.with-background{background:#e2edef}
.asset-with-content .inner.with-background .content{padding:20px}
.asset-with-content .inner.boxed-background{background:#e2edef;padding:20px}
.asset-with-content .inner.boxed-background .content{background:#FFF;padding:30px}
.asset-with-content .inner.content-background .content{background:#e2edef;padding:30px}

.asset-with-content .inner.bordered{padding:20px;border:1px solid #BBB}
.asset-with-content .inner.padding .content{padding:60px}
@media (max-width: 1023px) {
.asset-with-content .inner .image-focused{margin-top:20px}
.asset-with-content .inner .content-grid{margin-top:20px}
.asset-with-content .inner .content-stack{margin-top:20px}
}
@media (min-width: 768px) {
.asset-with-content .inner.boxed-background .content{padding:60px}
.asset-with-content .inner.content-background .content{padding:60px}
.asset-with-content .inner.scrolling{align-items:flex-start}
.asset-with-content .inner.scrolling .content{position:sticky;top:0;margin-right:20px}
}
@media (min-width: 1024px) {
.asset-with-content .inner{display:flex;width:100%}
.asset-with-content .inner .video-content{width:50%;flex:1 0 50%}
.asset-with-content .inner .content{width:50%;flex:1 0 50%;padding:0 60px;align-items:center}
.asset-with-content .inner.with-background .content{padding:0 60px}
}

/* FOCUSED ---------------------------------------------------------------------------------------------------------------------------------------------------*/

.focused .inner{background:#e2edef;padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}
.focused .inner h2{color:#224c7a;font-size:30px;text-transform:uppercase;font-weight:700;line-height:1.2;margin:0 0 20px}
.focused .inner p{font-size:16px;line-height:1.8;margin:5px 0 0;max-width:800px}
.focused .inner .images{display:flex;gap:40px;margin-top:40px}
.focused .inner .images .image img{border:6px solid #FFF;border-radius:20px;box-sizing:border-box}
@media (max-width: 767px) {
.focused .inner .images{gap:20px}
.focused .hide-mobile{display:none}
}

/* ASSET PANELS --------------------------------------------------------------------------------------------------------------------------------------------*/

.asset-panels .asset-panel .inner{position:relative;width:100%;display:flex;flex-direction:column}
.asset-panels .asset-panel .inner .image{overflow:hidden}
.asset-panels .asset-panel .inner:hover .image img{transform:scale(1.1)}
.asset-panels .asset-panel .inner .image img{transition:transform .3s ease;transform:scale(1)}
.asset-panels .asset-panel .content h2{color:#224c7a;font-size:30px;line-height:1.3;font-weight:700;text-transform:uppercase;margin:0}
.asset-panels .asset-panel .content p{font-size:16px;line-height:1.8;margin:5px 0 0}
.asset-panels .asset-panel .content .cta{margin-top:15px}
.asset-panels .asset-panel .order-md-first{margin-bottom:30px}
.asset-panels .asset-panel .order-md-last{margin-bottom:30px}
.asset-panels .asset-panel .inner .cta{margin-top:20px}
@media (min-width: 768px) {
.asset-panels .asset-panel .order-md-last{margin-bottom:0;margin-top:30px}
}

/* SPECIAL -------------------------------------------------------------------------------------------------------------------------------------*/

.special .inner{border:2px solid #224C7A;display:flex;justify-content:space-between;align-items:center;padding:15px}
.special .inner .icon{display:flex;align-items:center;justify-content:center;background:#DDD;border-radius:40px;width:40px;height:40px}
.special .inner .icon svg{width:22px;height:22px}
.special .inner h3{margin:0;font-size:20px;color:#C20000}
.special .inner h4{margin:0;font-size:18px;color:#224C7A}
.special.large .inner{padding:30px 20px}
.special.large .inner .icon{border-radius:60px;width:60px;height:60px}
.special.large .inner .icon svg{width:30px;height:30px}
.special.large .inner h3{font-size:26px}
.special.large .inner h4{font-size:20px}
.special .inner:hover{background:#224C7A}
.special .inner:hover .icon{background:#FFF}
.special .inner:hover h3{color:#00d3b7}
.special .inner:hover h4{color:#FFF}

/* TODAYS WEB SPECIAL VALUE--------------------------------------------------------*/
.tsv h3 {margin-top:0px; font-size: 20px}
.tsv p{margin-bottom: 10px;}
.tsv .price{font-size:18px; font-weight: 700; color:#ff0000;}

/* MODAL -------------------------------------------------------------------------------------------------------------------------------------*/

.js-custom-modal{cursor:pointer}
.modal-outer-box{display:none;position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background:rgba(0,0,0,.85);justify-content:center;align-items:center}
.modal-outer-box.show{display:flex}
.modal-inner-box{position:absolute;display:flex;flex-direction:column;width:100%;max-width:900px;background-color:#FFF}
.modal-inner-box .content{padding:15px;max-height:500px;overflow-y:auto}
.modal-inner-box .close-button{background-color:#FFF;color:#C20000;position:absolute;right:0;top:-30px;width:30px;height:30px;text-align:center;z-index:2}
.modal-inner-box .close-button:hover{cursor:pointer}
.modal-inner-box .close-button:before{font:normal normal normal 16px/1 FontAwesome;text-rendering:auto;content:"\f00d";line-height:30px}
@media(min-width:920px) {
.modal-inner-box .close-button{border-radius:15px;right:-10px;top:-10px}
}

/* SITEWIDE -------------------------------------------------------------------------------------------------------------------------------------*/

.sitewideebc{padding:10px;font-size:clamp(13px,calc(13px + (16 - 13) * (100vw - 768px)/(1440 - 768)),30px);line-height:1.3;color:#FFF}
.sitewideebc a{text-decoration:none;color:#FFF}
.sitewideebc span{margin-left:10px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}

/* SLICK JS CONTENT SLIDER -----------------------------------------------------------------------------------------------------------------------*/

.contentslider .slick-slide{margin:0 10px}
.contentslider .slick-list{margin:0 -10px}
.contentslider .slick-dots{bottom:-30px}
.contentslider .slick-dots li button{background:#BBB}
.contentslider .slick-dots li.slick-active button{background:#000;outline:none}

/* GLOBAL TRUST BUILDERS -------------------------------------------------------------------------------------------------------------------------------------*/

.trust-builders{display:flex;flex-direction:column;gap:20px 0;box-sizing:border-box}
.trust-builders .trust-builder{width:100%;display:flex;align-items:center;gap:10px;line-height:1.2}
.trust-builders .trust-builder h3{font-size:18px;font-weight:600;text-transform:uppercase;color:#224C7A;margin:0}
.trust-builders .trust-builder h4{font-size:13px;font-weight:400;margin:0}
.trust-builders .trust-builder .icon{width:40px;height:40px}
.trust-builders.summary{gap:10px 0;justify-content:space-around}
.trust-builders.summary .trust-builder .icon{width:30px;height:30px}
@media (min-width: 768px) {
.trust-builders{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content: space-between}
.trust-builders .trust-builder{flex:0 0 50%}
.trust-builders .trust-builder h4{font-size:14px}
.trust-builders.top.overlay{gap:30px}
.trust-builders.top .trust-builder{flex-direction:column;text-align:center}
.trust-builders.top .trust-builder .icon{width:60px;height:60px}
.trust-builders.summary .trust-builder{flex:0 0 165px}
.trust-builders{gap:30px 0}
.trust-builders .trust-builder{flex:0 0 auto;width:calc(25% - 20px)}
.trust-builders.x2 .trust-builder{flex:0 0 auto;width:calc(50% - 20px)}
.trust-builders.x3 .trust-builder{flex:0 0 auto;width:calc(33.33333% - 20px)}
.trust-builders.x4 .trust-builder{flex:0 0 auto;width:calc(25% - 20px)}
}
.trust-builders.overlay{margin-top:20px}
.trust-builders.overlay .trust-builder{background:#FFF;padding:20px;border-radius:10px;box-shadow:0 0 30px #DDD;box-sizing:border-box;flex-direction:column;text-align:center}
.trust-builders.overlay .trust-builder .icon{width:60px;height:60px}
@media (min-width: 1023px) {
.trust-builders.overlay{margin-top:-80px;justify-content:center}
}

/* OLD STYLE CARDS -------------------------------------------------------------------------------------------------------------------------------------------*/

.ebc-cards .ebc-card{display:flex}
.ebc-cards .ebc-card .inner{position:relative;background:#e2edef;width:100%;overflow: hidden;border-radius:6px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.ebc-cards .ebc-card .inner .image{border-top-left-radius: 6px;border-top-right-radius: 6px;overflow:hidden}
.ebc-cards .ebc-card .inner:hover .image img{transform:scale(1.05)}
.ebc-cards .ebc-card .inner .image img{transition:transform .3s ease;transform:scale(1)}
.ebc-cards .ebc-card .content{padding:15px}
.ebc-cards .ebc-card .content h3{font-size:28px;line-height:1.2;margin:0}
.ebc-cards .ebc-card .content p{font-size:16px;line-height:1.5;margin:5px 0 0}
.ebc-cards .ebc-card .content .cta{margin-top:15px}
@media (min-width: 768px) {
.ebc-cards .ebc-card .content{padding:20px}
.ebc-cards .ebc-card .content p{line-height:1.8;margin:0}
}

/* PLP SCROLLER FOR PILL STYLE LINKS -------------------------------------------------------------------------------------------------------------------------*/

.scroller{position:relative;margin-top:20px}
.scroller .scroller-inner{display:flex;overflow:auto;padding-bottom:10px}
.scroller .scroller-inner::-webkit-scrollbar{height:8px}
.scroller .scroller-inner::-webkit-scrollbar-track{background:#EEE;border-radius:4px;visibility:hidden}
.scroller .scroller-inner::-webkit-scrollbar-thumb{background:#000;border-radius:4px;visibility:hidden}
.scroller:focus .scroller-inner::-webkit-scrollbar-track,.scroller:hover .scroller-inner::-webkit-scrollbar-track{visibility:visible}
.scroller:focus .scroller-inner::-webkit-scrollbar-thumb,.scroller:hover .scroller-inner::-webkit-scrollbar-thumb{visibility:visible}
.scroller .scroller-inner .pill{white-space:nowrap;background-color:#e9edf2;border-radius:50px;padding:2px 20px;font-weight:400;font-size:13px;text-transform:uppercase;margin-right:10px}
.scroller .scroller-inner .pill:hover{background-color:#dbe3ed}
.scroller .scroller-inner .pill:last-child{margin-right:0}

/* PDP -------------------------------------------------------------------------------------------------------------------------------------------*/

.epc-hero-template1 .video-heading{font-size:25px;font-weight:600;text-align:center}
.epc-hero-template1 .video-sub-heading{font-size:15px;text-align:center}
.ebc-hero-trust .usp-sub-heading{font-size:18px;font-weight:700}
.epc-hero-template1 .inner .ebc-hero-trust span{font-size:14px}
.epc-hero-template1 .featured-section{padding:0 160px}
.epc-hero-template1 .inner{padding:20px}
.epc-hero-template1 .inner h2{font-size:26px;line-height:1.2;text-transform:none;font-weight:700}
.epc-hero-template1 .inner .ebc-hero-trust .icon{max-width:36px;width:100%;text-align:center;margin-right:20px}
.epc-hero-template1 .inner .ebc-hero-trust{display:flex;flex:0 0 180px;align-items:center;width:100%;margin-bottom:30px}
 
/* PLP Header hover effect ------------------------------------------------------------------------------------------------------------------------*/

.iw-plp-header .image-default{opacity:1}
.iw-plp-header .image-hover{position:absolute;top:0;left:0;opacity:0}
.iw-plp-header .image-hover:hover{opacity:1;z-index:1}
.iw-plp-header .focused{pointer-events:none}
.iw-plp-header .focused .image-default{opacity:0}
.iw-plp-header .focused .image-hover{opacity:1;z-index:1}
.iw-plp-header .offer-box{background:#f5f5f5;padding:5px}
.iw-plp-header .offer-box span{color:#e30613}
.iw-plp-header img{margin-bottom:0}

.sizechart.tabs{background:#F5F5F5;padding:20px;width:100%;display:flex;justify-content:center;margin-bottom:30px;box-sizing:border-box}
.sizechart.tabs .tab{cursor:pointer;font-size:14px;font-weight:700;border:1px solid #BBB;background:#FFF;width:100%;max-width:240px;text-align:center;font-size:16px;font-weight:bold;text-transform:uppercase;height:40px;line-height:40px}
.sizechart.tabs .tab.active{background:#224C7A;color:#FFF;border:1px solid #224C7A}
.sizechart.tab-content{display:none}
.sizechart.tab-content.active{display:block}
.size-guide-container{background:#fff;padding:0 10px 0 20px;width:100%;box-sizing:border-box;overflow-y:auto}
.size-guide{display:flex;flex-direction:column;border:1px solid #BBB;margin-top:10px;margin-bottom:30px;overflow-x:auto}
.size-guide-header,.size-guide-row{display:flex}
.size-guide-header{background-color:#F5F5F5;font-weight:700;border-bottom:1px solid #BBB}
.size-guide-row:nth-child(odd){background-color:#F5F5F5}
.size-guide-item{flex:0 0 90px;font-size:14px;text-align:center;height:36px;line-height:36px}
.size-guide-item:first-child{flex:0 0 130px;text-align:left;padding-left:10px}
.guide-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:20px}
.guide-header .switches{border:1px solid #DDD}
.guide-header .switches .switch{width:50px;text-align:center;display:inline-block;font-size:12px;font-weight:700;height:30px;line-height:30px}
.guide-header .switches .switch.active{background:#224C7A;color:#FFF}
.guide-header .switches .switch:hover{cursor:pointer}
.size-guide-container p{font-size:14px;line-height:1.3;margin:5px 0 0}
.size-guide-container h2{font-size:20px;margin:0;font-weight:700}
.size-guide-container h3{font-size:16px;margin:0;font-weight:700}
.howtos{display:flex;margin-top:30px;gap:40px}
.howtos p{font-size:14px;line-height:1.6}
.howtos .diagram{width:180px}
.howtos .content .instruction{display:flex;align-items:center;margin-top:20px;font-size:14px;line-height:1.6}
.howtos .content .instruction .icon{flex:0 0 auto;margin-right:20px;width:21px;height:21px;border-radius:21px;background:#000;color:#FFF;text-align:center;line-height:21px;font-size:13px}
@media (max-width:767px) {
.sizechart.tabs {position: absolute;top:0;left:0;padding:15px;margin-bottom: 0}
.sizechart.tabs .tab{font-size:12px}
.size-guide-container {padding:0 15px;margin-top: 110px}
.howtos{flex-wrap:wrap}
.size-guide-container h2 {font-size: 18px}
.size-guide-container h3 {font-size: 14px}
.size-guide-container p {font-size: 13px}
.size-guide-item:first-child {flex: 0 0 88px}
.size-guide-item {flex: 0 0 55px;font-size: 13px}
}

.epc-hero .hero-image img {height: 100%; object-fit: cover}
.epc-hero .inner {padding: 40px 20px}
.epc-hero .inner h2 {font-size: 30px;line-height: 1.2;margin: 0;text-transform: uppercase;font-weight: bold;} 
.epc-hero .inner h3 {font-size: 20px;line-height: 1.2;font-weight: normal;margin: 0}
.epc-hero .inner h4 {font-size: 20px;line-height: 1.2;margin: 15px 0;}
.epc-hero .inner p {font-size:16px;line-height:1.8;margin:30px 0}
.epc-hero .inner .ebc-hero-trustbuilders {margin-bottom: 60px;}
.epc-hero .inner .ebc-hero-trust {display:flex;flex:0 0 180px;align-items: center;width:100%;margin-bottom: 20px}
.epc-hero .inner .ebc-hero-trust .icon {max-width:40px;width: 100%;text-align: center;margin-right:20px}
.epc-hero .inner .ebc-hero-hero-trust .icon img {width:60px;height:60px}
.epc-hero .inner .ebc-hero-trust span {font-size:16px;line-height:1.6}
@media (min-width: 768px) {.epc-hero .inner {padding: 50px}}

.combined-slot-container {border-top:2px solid #EEE;border-bottom:2px solid #EEE;padding:20px 0;display:flex;flex-direction: column}
.ebc-trust {display:flex;align-items: center;width:100%}
.ebc-trust .icon {width:30px;text-align: center;margin-right:10px}
.ebc-trust .icon img {width:30px;height:30px}
.ebc-trust span {font-size:16px;line-height:1.2}
    
@media (min-width: 1200px) {
.combined-slot-container {gap:20px}
.ebc-trustbuilders {display:flex;justify-content: space-between;align-items: center}
.ebc-trust {display:flex;flex:0 0 175px;width:100%}
.ebc-trust span {max-width:200px;font-size:14px}
}


/*--------------SPECIAL EBC------------------------*/
.special-ebc p{font-size: 26px; font-weight: 400; text-align: center; text-transform: uppercase; color: #224C7A;}
.special-ebc1 p{font-size: 26px; font-weight: 400; text-align: center; text-transform: uppercase; color: #FFFFFF;}
.special-ebc1 p span{color: #89D5FF}
.special-ebc span{color: #50a39a}
b, strong {font-weight: 700}

@media only screen and (max-width: 768px) {
.special-ebc p{font-size: 20px;}
.special-ebc1 p{font-size: 20px;}
}
/*------------------------------------------------*/

.pick-of-the-day .countdown {margin:0 auto;text-align: center;font-size:20px;line-height:1.2;font-weight:bold;color:#224C7A}
.pick-of-the-day .countdown .digital {position:relative;display:flex;justify-content:center;margin-top:5px}
.pick-of-the-day .countdown .digital .label {color:#224C7A;font-size:12px;line-height:1.2;font-weight:500;margin-top:5px}
.pick-of-the-day .countdown .digital .digits {position:relative;margin:0 8px;text-align:center}
.pick-of-the-day .countdown .digital .digits .box {border: 1px solid #30AFA4;box-sizing: border-box;padding: 10px;border-radius:5px}
.pick-of-the-day .countdown .digital .digits span{background:#FFF;color:#224C7A;width:auto;height:30px;font-size:22px;line-height:30px;font-weight:bold;display:inline-block;border-radius:0;margin:0;font-variant-numeric:tabular-nums}

.pick-of-the-day {display:flex;flex-direction: column;border: 2px solid #224C7A;box-sizing: border-box;padding: 15px}
.pick-of-the-day .productimage {margin-bottom:20px}
.pick-of-the-day .product {width: 100%;margin: 0 auto;text-align: center}
.pick-of-the-day .product .inner {width:100%}
.pick-of-the-day .product .inner .badge {position:relative;font-size: 20px;font-weight: 500;background: #30AFA4;color:#FFF;height: 36px;line-height: 36px;padding: 0 30px 0 15px;margin-bottom: 10px;display: inline-block;text-transform: uppercase}
.pick-of-the-day .product .inner .badge::after {content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%) rotate(180deg);width: 0;height: 0;border-left: 20px solid #FFF;border-top: 20px solid transparent;border-bottom: 20px solid transparent}
.pick-of-the-day .product .inner .product-name {font-size: 18px;line-height:1.3;font-weight: 500;color:#224C7A;margin-bottom: 10px}
.pick-of-the-day .product .inner .price {display: flex;align-items: center;justify-content: center;gap:15px;margin-bottom: 15px;height: 26px}
.pick-of-the-day .product .inner .price .now {font-size: 26px;font-weight: 700;color: #E30613}
.pick-of-the-day .product .inner .price .was {font-size: 18px;font-weight: 500;color:#224C7A;text-decoration: line-through}
.pick-of-the-day .product .timer {border-top: 2px solid #30AFA4;margin-top: 15px;padding-top: 10px;width:100%}

@media (min-width: 768px) {
.pick-of-the-day .countdown {margin:0;text-align: left}
.pick-of-the-day .countdown .digital {justify-content:flex-start}
.pick-of-the-day .countdown .digital .digits:first-child {margin-left:0}
.pick-of-the-day {flex-direction: row}
.pick-of-the-day .productimage {order:2;flex:0 0 50%;margin-bottom:0}
.pick-of-the-day .product {display:flex;flex-direction: column;flex:0 0 50%;justify-content: center;align-items: flex-start;margin: 0;text-align: left}
.pick-of-the-day .product .inner .product-name {margin-right: 20px}
.pick-of-the-day .product .inner .price {justify-content: flex-start}
.pick-of-the-day .product .timer {width:calc(100% - 20px)}
}

@media (min-width: 1280px) {
.pick-of-the-day .countdown {margin:0;text-align: center}
.pick-of-the-day .countdown .digital {justify-content:center}
.pick-of-the-day .countdown .digital .digits:first-child {margin-left:8px}

.pick-of-the-day .productimage {flex:unset}

.pick-of-the-day .product {flex-direction: row;justify-content: flex-start;align-items: center}
.pick-of-the-day .product .inner {width:100%}
.pick-of-the-day .product .timer {height:calc(100% - 60px);width:500px;justify-content: center;display: flex;align-items: center;border-top: none;margin-top: 0;padding-top: 0;border-left: 2px solid #30AFA4}
}

/*-------Hybrid PLP Styles--------*/
.hybrid-cards .hybrid-card {position: relative; border-radius: 10px; border: 2px solid #DDD;}
.hybrid-cards .hybrid-card img {border-top-right-radius: 8px;border-top-left-radius: 8px;}
.hybrid-cards .hybrid-card .image-hover {position:absolute; top:0; left:0; opacity:0;}
.hybrid-cards .hybrid-card .image-hover:hover {opacity:1;z-index:1;}
.hybrid-cards .hybrid-card .item-badge { position: absolute;top: 20px; left: 0px; z-index: 2; background: #47AFA4; padding: 8px 15px 8px 10px; border: 1px solid #FFF; border-left: none; border-bottom-right-radius: 10px; border-top-right-radius: 10px;font-size: 13px; font-weight: bold; text-transform: uppercase;}
.hybrid-cards .hybrid-card .item-content {padding: 20px;}
.hybrid-cards .hybrid-card .item-content h2 {font-size:20px;line-height: 1.3; font-weight: bold; margin:0 0 10px 0;}
.hybrid-cards .hybrid-card .item-content h3 {font-size:16px; line-height: 1.3; font-weight: normal; margin:0;}
.hybrid-cards .cover-tile {display: flex;}
.hybrid-cards .cover-tile a {display: flex;position: relative;}
.hybrid-cards .cover-tile picture {object-fit: cover; display: flex;}
.hybrid-cards .cover-tile .cover-image {object-fit: cover; border-radius: 10px;}

@media (max-width: 1023px) {
.hybrid-cards .hybrid-card .item-badge {display:none; }
}

@media (max-width:768px){
.hybrid-cards .hybrid-card .item-content h2 {font-size:16px;}
.hybrid-cards .hybrid-card .item-content h3 {font-size:14px;}
}

.vertical-ticker .slide {display:flex!important;gap:10px;align-items: center;justify-content: center;font-size:16px;line-height: 1.4;margin:20px 0;text-wrap: balance;}
.vertical-ticker .slide .image-icon {width:30px;height:30px}
.vertical-ticker .slide b {font-weight: 700}
@media (min-width: 768px) {
.vertical-ticker .slide {font-size:22px;line-height: 1.4;margin:30px 0}
}
/*--------Hybrid PLP Styles Ends here-----------*/

.default-table tr td {padding:10px}
.container.content ul li > ul{margin-top:10px}
.container.content table + li {
    padding: 20px 0 20px 0!important;
}

.font-georgia {
    font-family: Georgia, serif;
}

.text-600 {
    font-weight: 600;
}
.rounded-video video{border-radius: 20px}


/*------------- FIX OF HAMBURGER MENU-------------*/
@media (min-width: 1280px) {
	.product-tile .product-tile-top .product-image .desktop-only {
		aspect-ratio: 1;
	}
}
 
@media (max-width: 1279px) {
    .product-tile .product-tile-top .product-image .desktop-only>.Sirv.image-main {
        display: none;
    }
}

/*--------------------------------------*/

.sitewide2{padding: 8px}

/* TO BE ADDED TO MAIN LESS FILES - NEW GLOBAL SCROLLBARS ------------------------------------------------------------------------------------------------------------------------------------------*/

.container ::-webkit-scrollbar{width:8px;height:8px;border-radius:8px}
.container ::-webkit-scrollbar-thumb{background:#BBB;border-radius:8px}
.container ::-webkit-scrollbar-track{background:#FFF;border-radius:8px}

.sparks ::-webkit-scrollbar{width:8px;height:8px;border-radius:8px}
.sparks ::-webkit-scrollbar-thumb{background:#BBB;border-radius:8px}
.sparks ::-webkit-scrollbar-track{background:#FFF;border-radius:8px}

/* TO BE ADDED TO MAIN LESS FILES - ACCORDION -------------------------------------------------------------------------------------------------------------------------------*/

.accordion-container .header {padding: 10px 20px;min-height: 60px;text-transform: none}
.accordion-container .header:after {right: 30px}
.accordion-container .header span {line-height: 1.4}

/* NEW GENERAL TYPOGRAPHY -----------------------------------------------------------------------------------------------------------------------------------------*/

.container.content ul{margin-left:12px}
.container.content ul li{padding-inline-start:1ch;padding-bottom:1ch}
.container.content ul li::before{content:"\f111";font:normal normal normal 20px/1 FontAwesome;text-rendering:auto;color:#bbb;font-size:12px;margin-left:-22px;padding-right:10px}

.section-heading{margin:0 0 20px;font-size:24px;line-height:1.3;color:#000}
.section-sub-heading{text-align:center;margin:-15px 0 20px;font-size:20px;line-height:1.3;color:#000}

.container .text-smallest, .text-smallest {font-size:14px;line-height:1.4;font-weight:400;margin:0}
.container .text-smaller, .text-smaller {font-size:16px;line-height:1.6;font-weight:400;margin:0}
.container .text-small, .text-small {font-size:20px;line-height:1.6;font-weight:400;margin:0}
.container .text-medium, .text-medium{font-size:24px;line-height:1.3;font-weight:400;margin:0}
.container .text-large, .text-large{font-size:30px;line-height:1.3;font-weight:700;margin:0}
.container .text-larger, .text-larger{font-size:40px;line-height:1.3;font-weight:400;margin:0}
.container .text-largest, .text-largest{font-size:50px;line-height:1.3;font-weight:400;margin:0}

.dynamic.text-smallest {font-size:14px;line-height:1.3;font-weight:400;margin:0}
.dynamic.text-smaller {font-size:16px;line-height:1.3;font-weight:400;margin:0}
.dynamic.text-small {font-size:clamp(14px,calc(16px + (24 - 20) * (100vw - 768px)/(1440 - 768)),20px);line-height:1.3;font-weight:400;margin:0}
.dynamic.text-large {font-size: clamp(18px,calc(20px + (36 - 20) * (100vw - 768px)/(1440 - 768)),36px);line-height: 1.3;font-weight: 700;margin: 0}

.text-white,.text-white a,.text-white h2,.text-white h3 {color:#FFF!important}
.text-white a.tertiary {color: initial !important}

.container.enhanced .section-heading ~ * {margin-bottom: 30px}
.container.enhanced .section-heading + .text-smaller {margin-top: -15px}
.container.enhanced picture ~ * {margin-top: 30px}
.container.enhanced a ~ * {margin-top: 30px}

/* NEW FIXED CONTENT AND SCROLLER v2 ------------------------------------------------------------------------------------------------------------------------------*/

.fixed-with-scroller.v2 .fixed {text-align: center;}
.fixed-with-scroller.v2 .scroll-cards .scroll-card {flex: 0 0 auto}
.fixed-with-scroller.v2 .scroll-card .image img{border-top-left-radius: 10px;border-top-right-radius: 10px}
.fixed-with-scroller.v2 .scroll-card{border-radius: 10px;border: 1px solid #DDD}
.fixed-with-scroller.v2 .scroll-cards .scroll-card {flex: 0 0 340px}
.fixed-with-scroller.v2 .icontext {display: flex;align-items: center;justify-content: center;gap: 10px;height: 60px;line-height: 1.3;padding: 0 20px;font-size:16px!important}
.fixed-with-scroller.v2 .icontext span {flex-shrink: 0}
.fixed-with-scroller.v2 .text-smaller {font-size:16px!important;margin:0!important;font-weight: bold!important;color:#000!important}
.fixed-with-scroller.v2 .text-large {font-size:26px!important;margin:0!important;font-weight: bold!important;color:#000!important}
.fixed-with-scroller.v2 .cta.large.secondary {background:transparent;color:#000;border-radius:40px;border-color:#000}

@media (min-width: 768px) {.fixed-with-scroller.v2 .fixed {flex: 0 0 100%;max-width: 332px;text-align: left}}

/* NEW SUPER HERO ------------------------------------------------------------------------------------------------------------------------------*/

.sparks {display:flex;flex-direction: column}
.sparks .content {display:flex;flex-direction: column;background: #000;padding:20px;order:2}
.sparks .content .text {order:2;margin-top: 30px}
.sparks .content .text h2 {font-size:26px;line-height: 1.5;color: #FFF;margin: 0 20px 10px 0}
.sparks .content .text h3 {font-size:16px;line-height: 1.4;font-weight:400;color: #FFF;margin: 0 20px 25px 0}
.sparks .content .categories {order:1;margin-top: -60px;z-index:2}
.sparks .image-background {order:1}
@media (min-width: 768px) {
.sparks {height: 100vh;flex-direction: row;align-items: center;overflow: hidden;position: relative}
.sparks .content {order:1;width: 40%;flex: 0 0 40%;background: #000;height: 100vh;display: flex;flex-direction: column;justify-content: center;padding:0 0 0 40px}
.sparks .content .text {order:1;margin-top: 0}
.sparks .content .text h2 {font-size:40px;line-height: 1.4;color: #FFF;margin: 0 20px 10px 0}
.sparks .content .text h3 {font-size:20px;line-height: 1.4;color: #FFF;margin: 0 20px 25px 0}
.sparks .content .categories {display: flex;order:2;margin-top: 50px}
.sparks .image-background {order:2;width: 100%;height: 100%;flex: 1 0 50%}
.sparks .image-background video {object-fit: cover;object-position: center;width: 100%;height: 100%}
.sparks .content .fixed-with-scroller {z-index: 1}
.sparks .content .fixed-with-scroller .scroll-cards {max-width: 1000px}
}

@media (min-width: 1024px) {.sparks .content {padding:0 0 0 100px}}

/* NEW SITEWIDE  --------------------------------------------------------------------------------------------------------------------------------------------------*/

.sitewide.v2 span {color: #FFF}
.sitewide.v2 {display: flex;justify-content: center;align-items: center;background: #000;padding:10px}
.sitewide.v2 .secondary{font-size: 11px;display: block}
.sitewide.v2 a:hover{text-decoration: none}

/* NEW BLOCK CONTENT  ---------------------------------------------------------------------------------------------------------------------------------------------*/

.block-content {margin-bottom:20px;text-align: center}
.block-content .cta {margin-top:15px}
@media (min-width: 768px) {.block-content {display:flex;align-items: center;text-align: left}}

/* NEW ORGANIC HEROES CONTENT  ------------------------------------------------------------------------------------------------------------------------------------*/

.organic .inner {padding:20px}
.organic .top {display:flex;flex-direction: column;align-items: center;gap:50px}
.organic .top .content {flex:1 1 100%;gap: 10px;display: flex;flex-direction: column}
.organic .top .asset {flex:0 0 auto}
.organic .bottom {border-top: 1px dashed #BBB;margin-top:30px;padding-top:30px}
.organic .images {display:flex;gap:10px;margin:30px 0}
.organic .images .image {flex: 1 1 auto;width:auto}

.logo-with-text {display: flex;align-items: center;gap: 10px;font-size: 20px}
.snippets {display:flex;gap:20px;text-align: center;justify-content: space-around;flex-wrap: wrap}
.snippets .snippet .icon {width:50px;height:50px;margin:0 auto}
.snippets .snippet div {max-width:160px;font-size: 16px;line-height: 1.3;margin: 10px 0 0 0;}
.snippets .snippet .image {margin-bottom:20px}

.organic-hero {display:flex;gap:20px;align-items: center;min-height:400px;padding:60px 20px}
.organic-hero .content {display:flex;flex-direction: column;gap:10px;max-width:500px}
.organic-hero .content.centeral {margin: auto;text-align: center;}

@media (min-width: 1280px) {
.organic .inner {padding:60px 110px}
.organic .top {flex-direction: row}
.organic .bottom {margin-top:50px;padding-top:50px}
.snippets {flex-wrap:nowrap}
.organic .asset.video {position: relative;overflow: hidden}
.organic .asset.video .Sirv {width: 100%;height: 100%}
.organic .asset.video .Sirv div {width: 100%;height: 100%;position: absolute}
.organic .asset.video .Sirv div video {width: 100%;height: 100%;object-fit: cover;position: absolute}
}

/* OVERRIDES FROM TJC CUSTOM CSS - TABS ---------------------------------------------------------------------------------------------------------------------------*/

.xtab{display:none}
.xtab.active{display:block}

.tab-rounded {display:flex;flex-wrap:nowrap;justify-content:center;margin-bottom:30px;width:100%}
.tab-rounded .inner {display:flex;padding:5px;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);border-radius: 50px;overflow-x: auto}
.tab-rounded .rounded{border-radius: 50px;font-weight: bold;text-transform: uppercase;white-space: nowrap}
.tab-rounded .rounded a{display: block;padding:10px 20px}
.tab-rounded .rounded:hover {background: #EEE}
.tab-rounded .rounded.active {background: #224C7A;color:#FFF}
.tab-rounded .rounded.active a {color:#FFF}
.tab-bordered{display: flex;flex-wrap: nowrap;justify-content: center;margin-bottom: 20px;width: 100%}
.tab-bordered .inner{display: flex;overflow-x: auto; gap: 20px}
.tab-bordered .bordered{white-space: nowrap;border: 2px solid #224C7A;border-radius:5px}
.tab-bordered .bordered a{display: block;padding: 5px 30px; color: #224C7A}
.tab-white .bordered  {border: 1px solid #FFF;border-radius: 5px;text-transform: none;font-size: 16px}
.tab-white .bordered a {color: #FFF}
.tab-white .bordered.active {background: #FFF;border: 1px solid #FFF}
.tab-white .bordered.active a {color: #0C497C}
.bordered.active{background: #224C7A}
.bordered.active a{color: #FFF}

@media (max-width: 767px) {
.tab-bordered .bordered a{padding: 5px 20px}
}

.tab-image {display:flex;flex-wrap:nowrap;justify-content:center;width:100%}
.tab-image .inner {display:flex;overflow-x: auto}
.tab-image .image{font-weight: bold;text-transform: uppercase;white-space: nowrap}
.tab-image .image a{display: block;padding:10px;width: max-content}
.tab-image .image.active {background: #EDF1F4}

/* OVERRIDES FROM TJC CUSTOM CSS - EBC PLP ---------------------------------------------------------------------------------------------------------------------------*/

.ebc-plp {text-align: center}
.ebc-plp .top{max-width:900px;margin-left:auto;margin-right:auto}
.ebc-plp h2 {font-size: 26px;line-height: 1.2;font-weight:normal;margin: 0 0 10px 0;text-transform: uppercase}
.ebc-plp h3 {font-size: 14px;line-height: 1.6;margin: 0;font-weight:normal;text-transform: uppercase}
.ebc-plp p {font-size: 14px;line-height: 1.6;margin: 0 0 20px 0}
.ebc-plp .custom-slider.smaller .slider-tile {position: relative}    
.ebc-plp .image-default {opacity: 1}
.ebc-plp .image-hover {position: absolute;top: 0;left: 0;opacity: 0}
.ebc-plp .image-hover:hover {opacity: 1;z-index: 1} 
.ebc-plp .focused {pointer-events: none}
.ebc-plp .focused .image-default {opacity: 0;}
.ebc-plp .focused .image-hover {opacity: 1;z-index: 1}
.ebc-plp .custom-slider-inner {justify-content:flex-start!important}
@media (min-width: 768px) {.ebc-plp .custom-slider-inner {justify-content:center!important}.ebc-plp .custom-slider-inner.justify-content-left{ justify-content:flex-start !important}}

/* OVERRIDES FROM TJC CUSTOM CSS - LEARNING ---------------------------------------------------------------------------------------------------------------------------*/

.learning .ebc-card .inner {box-sizing: border-box;background: #FFF;box-shadow: 0 20px 40px rgb(0, 0, 0, 0.1);text-align: center;padding: 40px 20px;border-radius: 6px}
.learning img {max-width:100px;height:100px; margin: 0 auto;padding-bottom: 25px;}
.learning h3 {font-size: 20px;line-height: 1.2;margin:0} 
.learning p {font-size: 16px;line-height: 1.6;margin:0}

/* OVERRIDES FROM TJC CUSTOM CSS - PRODUCT VIDEO ---------------------------------------------------------------------------------------------------------------------------*/

.product-video {text-align: center;align-items: center}
.product-video .inner {box-shadow: 0 0 40px #DDD}
.product-video .product-details {padding:20px;justify-content: center;align-items: center}
.product-video .product-details .image {max-width:250px}    
.product-video .product-details .details {max-width:420px}   
.product-video .product-details h3{font-size:20px;line-height:1.2;margin:0;text-transform: uppercase}
.product-video .product-details p{font-size:16px;line-height:1.5;margin:10px 0 15px 0}
.product-video.background-2 .inner{box-shadow: none}

/* OVERRIDE FROM LESS SITEWIDE  ---------------------------------------------------------------------------------------------------------------------------------------------*/

.sitewideebc-outer{position:relative;z-index:3;background:#50A39A;color:#FFF;line-height: 36px;text-align:center;text-transform:uppercase;}
.sitewideebc-outer .contact {position:absolute;top:0;right:20px}
.sitewideebc-outer .contact a {color:#FFF}
.sitewideebc-outer .contact svg {position:absolute;top:7px;right:120px}
.sitewideebc:not(.slick-initialized) .slide:not(:first-of-type) {display: none}
@media screen and (max-width:1024px) {.sitewideebc-outer .contact {display: none}}

.video-background-with-image {position: relative;width: 100%;}
.video-background-with-image .overlay-image img {display: block;width: 100%;height: auto;position: relative}
.video-background-with-image .video-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;object-fit: cover;object-position: center;overflow: hidden;}

.testimonials {margin-bottom: 15px; margin-bottom: 15px}
.testimonials .review-box{width: 100%}
.testimonials .customer-image {margin-right: 15px;}
.testimonials .review-card{border: 1px solid #dddddd; padding: 10px;}
.testimonials h2{font-weight: 700; font-size: 20px; margin-bottom: 0px; text-transform: uppercase;}
.testimonials p{margin-top: 5px}
.testimonials .rating-stars {width: 110px; margin-bottom: 5px}
.testimonials .customer-name{text-transform: uppercase; font-weight: 500; font-size: 15px;}
.testimonials .verified-buyer{background: #3b8a5c;color: #fff;padding:2px 10px;border-radius:20px; display: inline-block;font-size: 10px; margin-left: 15px}
 
@media screen and (max-width: 767px) {
.testimonials .review-card{flex-direction: column;}
.testimonials h2{font-size: 18px; margin-bottom: 5px; margin-top: 5px}
.testimonials .customer-image img{width: 190px}
}

@media (max-width: 767px){.mobile-background {padding: 15px;background: var(--mobile-bg, transparent)}}

.desktop-cta {display: none}
@media (min-width: 768px){.desktop-cta {display: flex;align-items: center;gap: 5px}}

.fluid-slider-track { --tiles: var(--tiles-desktop, 3.5)}
@media (max-width: 767px) {.fluid-slider-track {--tiles: var(--tiles-mobile)}}
@media (min-width: 768px) {.fluid-slider-track {--tiles: var(--tiles-tablet)}}
@media (min-width: 1280px) {.fluid-slider-track {--tiles: var(--tiles-desktop)}}

.fluid-slide {scroll-snap-align:start;flex: 0 0 calc((100% - ((var(--tiles) - 1) * 20px)) / var(--tiles))}

.fluid-slider.dark .slider-arrow {
    background: #000;
    color: #FFF;
}

.fluid-content {flex: 0 0 auto}

.feature-set .brand-logo {max-width: 140px}
.feature-set .main-image {padding-top:80px}
.feature-set h2 {font-size: 60px; font-weight: bold;text-transform: uppercase;margin:20px 0 0 0}
.feature-set h3 {font-size: 30px; font-weight: normal;margin:10px 0 0 0}
.feature-set .button {margin-top: 30px}

.feature-card {position: relative;width: 100%;overflow: hidden;background:#FFF;border-radius: 10px;box-sizing: border-box}
.feature-card .item-image {position: relative;overflow: hidden}
.feature-card .item-image img {display:block;border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height: auto;}
.feature-card .item-content {border-top-left-radius:10px;border-top-right-radius:10px;padding:15px}
.feature-card .category {display:inline-block;background:#FFF;font-size:16px;font-weight: bold;line-height:1;color:#000;padding: 5px 10px;border-radius:5px;margin-top:5px}
.feature-card .description {font-size:16px;line-height:1.5;color:#000;margin-top:10px}
.feature-card .review-quote {font-size:16px;}
.feature-card .review-name {font-size:18px;font-weight:bold;margin-top:10px}
.feature-card .review-stars {justify-content: start;margin:0}
.feature-card .review-stars img {width: 110px;height:auto}

.feature-card.large .description {font-size:20px}
.feature-card.large .item-content {padding:20px}
.feature-card.large .category {font-size:20px;padding: 8px 10px}

.feature-card.bordered {padding: 10px}
.feature-card.bordered .item-image img {border-radius: 10px}
.feature-card.bordered .item-content {padding: 15px 0 10px 0}
.feature-card.bordered .discount-badge-bubble {top: 20px; right: 20px}
.feature-card.bordered .category {font-size:18px;padding:5px 15px;border-radius: 20px}
.feature-card .description {font-size:20px}

.discount-badge-bubble {position: absolute;top: 15px;right: 15px;padding: 6px 14px;text-align: center;font-size: 24px;line-height: 1;font-weight: bold;background: #fff;border-radius: 10px;z-index:1;display: flex;flex-direction: column;gap: 2px}
.discount-badge-bubble div {font-size: 14px;font-weight:normal}
.discount-badge-bubble::after {content: "";position: absolute;left: 70%;bottom: -15px;transform: translateX(-50%);border-width: 15px 15px 0 0;border-style: solid;border-color: #fff transparent transparent transparent;}

.discount-price-tag {position: absolute;bottom: 0;left: 0;display:flex;align-items: center;gap:5px;padding: 15px 20px 10px 20px;text-align: center;font-size: 20px;line-height: 1;font-weight: bold;background: #fff;border-top-right-radius: 5px}
.discount-price-tag div {font-size: 16px;font-weight: normal}

.card-overlay {position: absolute;left:0;bottom: 0;background-color:#FFF;border-radius: 10px;padding: 20px;margin: 10px;text-align: center}
.card-overlay h2 {font-size: 20px;line-height: 1;font-weight: bold;text-transform: none;margin: 0}
.card-overlay h3 {font-size: 14px;line-height: 1.4;font-weight: normal;margin: 10px 0 0 0}
.card-overlay h4 {font-size: 14px;line-height: 1;font-weight: bold;margin: 10px 0 0 0}
.container-description {font-size: 16px;margin-top: 10px}

.category-focus img {margin: 0 auto;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-left-radius:0;border-bottom-right-radius:0}
.category-focus .heading {text-align: center;font-size: 16px;margin:10px 0}

.slider-cards.circles img {border-radius:999px}

.category.dark .category-focus {background: #FFF;border-radius: 5px}

.brand-focus img {margin: 0 auto}
.brand-focus .heading {text-align: left;font-size: 18px;margin-top:15px;}

.promo-rails.layout-1 {--gap: 16px;display: grid;gap: var(--gap);grid-template-columns: 1fr;max-width: 1440px;margin-inline: auto}
.promo-rails.layout-1 .rail {display: grid; gap: var(--gap); order: 0}
.promo-rails.layout-1 .rail-mid {order: 1}
.promo-rails.layout-1 .rail-left {order: 2}
.promo-rails.layout-1 .rail-right {order: 3}
.promo-rails.layout-1 .rail-left {grid-template-columns: 1fr 1fr}
.promo-rails.layout-1 .rail-tile {position: relative;display: block;width: 100%;border-radius: 12px;overflow: hidden;background: #000}
.promo-rails.layout-1 .rail-tile img {position: relative;inset: auto;width: 100%;height: auto;display: block;border-radius: inherit}

@media (min-width: 768px) {
  .promo-rails.layout-1 {--gap: 20px;grid-template-columns:minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);column-gap: var(--gap);justify-content: center}
  .promo-rails.layout-1 .rail-left {order: 0; grid-column: 1; grid-template-columns: none}
  .promo-rails.layout-1 .rail-mid {order: 0; grid-column: 2}
  .promo-rails.layout-1 .rail-right {order: 0; grid-column: 3}
  .promo-rails.layout-1 .spread {display: flex;flex-direction: column;justify-content: space-between}
}

@media (max-width: 767px) {.layout-1 .rail-tile img { position: relative; height: auto; }}

.promo-rails.layout-2 {--gap: 16px;display: grid;gap: var(--gap);grid-template-columns: 1fr;max-width: 1440px;margin-inline: auto}
.promo-rails.layout-2 .rail {display: grid;gap: var(--gap);order: 0}
.promo-rails.layout-2 .rail-mid { order: 2}
.promo-rails.layout-2 .rail-left { order: 1; grid-template-columns: 1fr}
.promo-rails.layout-2 .rail-right { order: 3}
.promo-rails.layout-2 .rail-tile {position: relative;display: block;width: 100%;border-radius: 12px;overflow: hidden;background: #000}
.promo-rails.layout-2 .rail-tile img {display: block;width: 100%;height: auto;border-radius: inherit}
.promo-rails.layout-2 .cluster-2 {display: grid;gap: var(--gap);grid-template-columns: 1fr 1fr}

@media (min-width: 768px) {
.promo-rails.layout-2 {--gap: 20px;grid-template-columns:minmax(0, 6fr) minmax(0, 5fr) minmax(0, 3fr);column-gap: var(--gap);justify-content: center}
.promo-rails.layout-2 .rail-left {grid-column: 1; order: 0}
.promo-rails.layout-2 .rail-mid {grid-column: 2; order: 0}
.promo-rails.layout-2 .rail-right {grid-column: 3; order: 0}
.promo-rails.layout-2 .spread {display: flex;flex-direction: column;justify-content: space-between}
}

.inspire-cards{--gap:20px;display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0}
.inspire-card {position:relative;background: #FFF;padding: 10px;border-radius: 10px;flex:0 0 auto;width: 100%;max-width: 280px;scroll-snap-align:start}
.inspire-card .item-grid{--gap:10px;display:flex;flex-wrap:wrap;gap:var(--gap)}
.inspire-card .item-image img{display:block;border-radius:12px;width:100%;height: auto;}
.inspire-card .item-grid img{display:block;border-radius:12px;object-fit:cover;min-width:0}
.inspire-card .item-grid .image-wide{flex:1 1 100%}
.inspire-card .item-grid .image-half{flex:1 1 calc(50% - var(--gap)/2)}
.inspire-card .item-content {display: flex;gap: 10px;justify-content: space-between;align-items: center;margin-top: 15px}
.inspire-card .item-content .left {display: flex;gap:10px}
.inspire-card .item-content .left .brand-logo {max-width: 44px;height: 44px}
.inspire-card .item-content .left .heading-review {display: flex;flex-direction: column;justify-content: space-evenly}
.inspire-card .item-content .left .heading-review .heading {line-height: 1;font-size: 14px;font-weight: 500}
.inspire-card .item-content .left .heading-review .review {display: flex;gap: 5px;font-size: 12px;font-weight: 500;width:80px}
.inspire-card .item-content .cta-arrow {display: flex;align-items: center;gap: 5px;color: #30AFA4;font-size:13px;font-weight: 500}
@media (min-width: 768px){.inspire-card {padding: 15px;max-width: 280px}}
@media (min-width: 1024px){
.inspire-card {max-width: 340px}
.inspire-card .item-content .left .brand-logo {max-width: 54px;height: 54px}
.inspire-card .item-content .left .heading-review .heading {font-size: 18px}
.inspire-card .item-content .left .heading-review .review {font-size: 14px;width:113px}
.inspire-card .item-content .cta-arrow {font-size:16px}
}

.container-padding-1 {padding: 20px 0}
.container-padding-2 {padding: 30px 0}
.container-padding-3 {padding: 40px 0}

.container-padding-all-1 {padding: 20px}
.container-padding-all-2 {padding: 30px}
.container-padding-all-3 {padding: 40px}

@media (min-width: 1280px){.inspire-card {max-width: 400px}}

.marquee {background:#ECFFFE;overflow:hidden;padding:0}
.marquee .track{display:flex;gap:4rem;width:max-content;animation:scroll var(--dur,30s) linear infinite;will-change:transform}
.marquee .track .item img{height:100px;display:block}
.marquee:hover .track{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee .track{animation:none;transform:none}}

.review-strip{height:75px;background:#deeaf4;display:flex;align-items:center}
.review-strip .review-marquee{position:relative;overflow:hidden;width:100%}
.review-strip .review-marquee .review-track{display:flex;align-items:center;width:fit-content;gap:76px;will-change:transform}
.review-strip .review-marquee .review-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;font-size:12px;color:#000;background:#fff;border-radius:8px;white-space:nowrap;box-sizing:border-box}
.review-strip .review-marquee .review-icon{width:28px;height:28px;background:center/contain no-repeat;flex-shrink:0}
.review-strip .review-marquee .review-item--google .review-icon{background-image:url(https://tjcuk.sirv.com/IW/homepage-revamp-file/Google-logo-new.svg)}
.review-strip .review-marquee .review-item--trustpilot .review-icon{background-image:url(https://tjcuk.sirv.com/IW/homepage-revamp-file/trust-pilot-new.svg)}
.review-strip .review-marquee .review-item--customers .review-icon{background-image:url(https://tjcuk.sirv.com/IW/homepage-revamp-file/customer-review.png)}
.review-strip .review-marquee .review-divider::after{content:"|";margin-left:7px}
.review-strip .review-marquee .review-item img{width:70px;height:auto;display:block;flex:0 0 auto}
@media (min-width: 768px) {
.review-strip .review-marquee .review-pill{padding:6px 18px;font-size:1rem}
.review-strip .review-marquee .review-item img{width:110px}
}
@media (max-width:1359px) {
.review-strip{--gap:12px;--dur:12s;--ease:ease-in-out;--vw:100vw;--step:calc(var(--vw) + var(--gap))}
.review-strip .review-marquee{width:var(--vw);margin-inline:calc(50% - 50vw)}
.review-strip .review-marquee .review-track{gap:var(--gap);animation:review-slide var(--dur) var(--ease) infinite}
.review-strip .review-marquee .review-item{flex:0 0 var(--vw);display:flex;align-items:center;justify-content:center;padding:0 16px;box-sizing:border-box;overflow:hidden}
.review-strip .review-marquee .review-icon{width:24px;height:24px}
}
@media (min-width:1360px) {
.review-strip .review-marquee{display:flex;justify-content:center}
}
@keyframes review-slide {
0%,24%{transform:translateX(0)}
33%,58%{transform:translateX(calc(-1*var(--step)))}
67%,92%{transform:translateX(calc(-2*var(--step)))}
100%{transform:translateX(calc(-3*var(--step)))}
}
@media (prefers-reduced-motion:reduce) {
.review-strip .review-track{animation:none;transform:none}
}

.ba-section{display:grid;grid-template-columns:repeat(1,1fr);gap:10px}
@media (min-width: 480px) {
.ba-section{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 1024px) {
.ba-section{grid-template-columns:repeat(4,1fr);gap:20px}
}
.ba-section .ba-card{position:relative;width:100%;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d;background:#000}
.ba-section .ba-layer{width:100%;height:auto;display:block;object-fit:cover;transition:opacity .3s ease-out}
.ba-section .ba-card img + img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0}
.ba-section .ba-card img.active + img{opacity:1}
.ba-section .ba-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 2px 10px #0006;pointer-events:none}
.ba-section .ba-stack{display:flex;flex-direction:column;align-items:center;gap:8px}
.ba-section .ba-pill{border:1px solid #fff9;padding:6px 14px;border-radius:20px;font-weight:700;font-size:14px}
.ba-section .ba-weeks{font-size:28px;font-weight:700}
.ba-section .ba-buttons{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:#fff;border-radius:30px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;gap:4px;box-shadow:0 8px 20px #00000040;width:150px;overflow:hidden}
.ba-section .ba-slider{position:absolute;top:6px;left:8px;width:calc(50% - 6px);height:calc(100% - 12px);background:#000;border-radius:30px;transition:transform .2s ease-out;z-index:0}
.ba-section .ba-buttons.after .ba-slider{transform:translateX(100%)}
.ba-section .ba-buttons button{position:relative;z-index:1;flex:1;border:none;background:transparent;border-radius:30px;cursor:pointer;padding:4px 16px;font-size:14px;line-height:1;transition:color .2s ease-out;color:#000}
.ba-section .ba-buttons.before .btn-before{color:#fff}
.ba-section .ba-buttons.after .btn-after{color:#fff}
@media (max-width: 1024px) {
.ba-section .ba-weeks{font-size:22px}
.ba-section .ba-pill{font-size:12px;padding:4px 10px}
.ba-section .ba-buttons{width:180px;padding:4px 6px}
.ba-section .ba-buttons button{font-size:12px;padding:6px 12px}
.ba-section .ba-slider{top:5px;left:6px;width:calc(50% - 4px);height:calc(100% - 10px)}
}
@media (max-width: 767px) {
.ba-section .ba-weeks{font-size:16px}
.ba-section .ba-pill{font-size:10px;padding:2px 6px}
.ba-section .ba-buttons{width:130px;padding:2px 4px}
.ba-section .ba-buttons button{font-size:9px;padding:4px 8px}
.ba-section .ba-slider{top:3px;left:4px;width:calc(50% - 2px);height:calc(100% - 6px)}
}
.before-after-swiper{position:relative;height:55vw;min-height:220px;max-height:400px;overflow:hidden;border-radius:10px;box-shadow:0 0 20px #0003;user-select:none;touch-action:auto;background:#0000000d;cursor:default}
.before-after-swiper::before{content:none}
.before-after-swiper > img,.before-after-swiper-line,.before-after-swiper-handle{position:absolute}
.before-after-swiper > img{inset:0;width:100%!important;height:100%!important;object-fit:cover;display:block}
.before-after-swiper-before{z-index:1}
.before-after-swiper-after{z-index:2;clip-path:inset(0 100% 0 0);transition:clip-path 300ms ease}
.before-after-swiper-line{top:0;left:18px;width:2px;height:100%;background:#fff;z-index:3;pointer-events:none;transition:left 300ms ease}
.before-after-swiper-handle{top:50%;left:18px;transform:translate(-50%,-50%);width:30px;height:60px;background:#fff;border-radius:20px;border:1px solid #ccc;z-index:4;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px #0003;transition:left 300ms ease;outline:none;touch-action:none;cursor:ew-resize}
@media (min-width: 768px) {
.before-after-swiper{height:400px;min-height:400px;max-height:400px}
.before-after-swiper-handle{width:30px;height:60px}
}
.before-after-swiper-handle::before{content:"|||";color:#333;font-size:14px;letter-spacing:2px;font-weight:700}
.before-after-swiper.is-dragging .before-after-swiper-after,.before-after-swiper.is-dragging .before-after-swiper-line,.before-after-swiper.is-dragging .before-after-swiper-handle{transition:none!important}
.product-tile .product-tile-bottom .product-pricing .price:has(.delivery-promotion){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}