/*! HOMEPAGE FRS CSS **/
.c-breadcrumb,
.c-page-header,
.c-universal-recommendations:not(.is--moved-product-recos),
.t-main__content-title {
	display: none !important;
}

#app-header {
	margin-bottom: 0!important;
}

/*! HELPERS **/
div[class*="module-"] .caret-right:after {
  content:'\00a0>';
  border: none;
  display: inline;
  margin-left: -3px;
}

.overlay-component {
	position: absolute;
	z-index:1;
}

.overlay-component.top-center {
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.screen-md-up .overlay-component.md-top-center {
	top: 0;
	left: 0;
	right: 0;
	bottom: initial;
	transform: none;
	margin: 0 auto;
}

.overlay-component.top-left {
	top: 0;
	left: 0;
}

.screen-md-up .overlay-component.md-top-left {
	top: 0;
	left: 0;
	right: initial;
	bottom: initial;
	transform: none;
	margin: initial;
}

.overlay-component.top-right {
	top: 0;
	right: 0;
}

.screen-md-up .overlay-component.md-top-right {
	top: 0;
	left: initial;
	right: 0;
	bottom: initial;
	transform: none;
	margin:initia;
}

.overlay-component.bottom-center {
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.screen-md-up .overlay-component.md-bottom-center {
	top: initial;
	left: 0;
	right: 0;
	bottom: 0;
	transform: none;
	margin: 0 auto;
}

.overlay-component.bottom-left {
	bottom: 0;
	left: 0;
}

.screen-md-up .overlay-component.md-bottom-left {
	top: initial;
	left: 0;
	right: initial;
	bottom: 0;
	transform: none;
	margin:initial;
}

.overlay-component.bottom-right {
	bottom: 0;
	right: 0;
}

.screen-md-up .overlay-component.md-bottom-right {
	top: initial;
	left: initial;
	right: 0;
	bottom: 0;
	transform: none;
	margin:initial;
}

.overlay-component.center-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.screen-md-up .overlay-component.md-center-center {
	top: 50%;
	left: 50%;
	right: initial;
	bottom: initial;
	transform: translate(-50%,-50%);
	margin:initial;
}

.overlay-component.center-left {
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
}

.screen-md-up .overlay-component.md-center-left {
	top: 50%;
	left: 0;
	right: initial;
	bottom: initial;
	transform: translate(0,-50%);
	margin:initial;
}

.overlay-component.center-right {
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
}

.screen-md-up .overlay-component.md-center-right {
	top: 50%;
	left: initial;
	right: 0;
	bottom: initial;
	transform: translate(0,-50%);
	margin:initial;
}

.overlay-component.boxed-component {
	padding: 24px;
	width: 100%;
	max-width: 530px;
}

.screen-md-up .overlay-component.boxed-component {
	width: fit-content;
}

.overlay-component.boxed-component.box-no-max {
	max-width: initial;
}

.boxed-component.box-light {
	background-color: rgba(255,255,255,0.7);
}

.screen-md-up .boxed-component.box-md-light {
	background-color: rgba(255,255,255,0.7);
	backdrop-filter: initial !important;
	-webkit-backdrop-filter: initial !important;
}

.boxed-component.box-dark {
    background-color: rgba(0,0,0,0.7);
}

.screen-md-up .boxed-component.box-md-dark {
	background-color: rgba(0,0,0,0.7);
	backdrop-filter: initial !important;
	-webkit-backdrop-filter: initial !important;
}

.boxed-component.box-blurred {
	background-color: rgba(61,61,61,0.15);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.screen-md-up .boxed-component.box-md-blurred {
	background-color: rgba(61,61,61,0.15);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.boxed-component.box-hide {
	background-color: rgba(255,255,255,0);
}

.screen-md-up .boxed-component.box-md-hide {
	background-color: rgba(255,255,255,0);
	backdrop-filter: initial !important;
	-webkit-backdrop-filter: initial !important;
}

/*! PROLLY CAN REMOVE ON 4/7 **/
div[data-tracking*="Retail Banner"] {
	margin-bottom: 3rem;
}

/*! RESPONSIVE CLASSES **/

.text-shadow,
.screen-md-up .text-md-shadow {
    text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}
.text-noshadow,
.screen-md-up .text-md-noshadow {
	text-shadow: initial;
}

.screen-md-up .fw-md-light {
	font-weight: 300 !important;
}

.screen-md-up .fw-md-normal {
	font-weight: 400 !important;
}

.screen-md-up .fw-md-bold {
	font-weight: 700 !important;
}

.screen-md-up .text-md-black {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.screen-md-up .text-md-white {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.screen-md-up .display-md-0 {
	font-size: calc(1.8625rem + 2.85vw);
	font-weight: 300;
	line-height: 1.2;
}

@media(min-width: 1200px) {
	.screen-md-up .display-md-0 {
		font-size: 4rem;
	}
}

.screen-md-up .display-md-1 {
	font-size: calc(1.8229166667rem + 2.375vw);
	font-weight: 300;
	line-height: 1.2;
}

@media(min-width: 1200px) {
	.screen-md-up .display-md-1 {
		font-size:3.6041666667rem;
	}
}

.screen-md-up .display-md-2 {
	font-size: calc(1.7833333333rem + 1.9vw);
	font-weight: 300;
	line-height: 1.2;
}

@media(min-width: 1200px) {
	.screen-md-up .display-md-2 {
		font-size:3.2083333333rem;
	}
}  

.screen-md-up .btn-md-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #000;
	--bs-btn-border-color: #000;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #333;
	--bs-btn-hover-border-color: black;
	--bs-btn-focus-shadow-rgb: 38, 38, 38;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #333;
	--bs-btn-active-border-color: black;
	--bs-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #000;
	--bs-btn-disabled-border-color: #000;
	--bs-btn-padding-x: 1.5625rem;
	--bs-btn-padding-y: 0.625rem;
}

.screen-md-up .btn-md-outline-dark {
	--bs-btn-bg: transparent;
	--bs-btn-color: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #212529;
	--bs-btn-hover-border-color: #212529;
	--bs-btn-focus-shadow-rgb: 33, 37, 41;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #212529;
	--bs-btn-active-border-color: #212529;
	--bs-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #212529;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #212529;
	--bs-gradient: none;
	--bs-btn-padding-x: 1.5625rem;
	--bs-btn-padding-y: 0.625rem;
}

.screen-md-up .btn-md-outline-light {
	--bs-btn-bg: transparent;
	--bs-btn-color: #f8f9fa;
	--bs-btn-border-color: #f8f9fa;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #f8f9fa;
	--bs-btn-hover-border-color: #f8f9fa;
	--bs-btn-focus-shadow-rgb: 248, 249, 250;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #f8f9fa;
	--bs-btn-active-border-color: #f8f9fa;
	--bs-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #f8f9fa;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #f8f9fa;
	--bs-gradient: none;
	--bs-btn-focus-shadow-rgb: 33, 37, 41;
	--bs-btn-padding-x: 1.5625rem;
	--bs-btn-padding-y: 0.625rem;
}

.screen-md-up .btn-md-secondary {
	--bs-btn-color: var(--bs-body-color);
	--bs-btn-bg: #fff;
	--bs-btn-border-color: #000;
	--bs-btn-hover-color: var(--bs-btn-color);
	--bs-btn-hover-bg: #e9ecef;
	--bs-btn-hover-border-color: #000;
	--bs-btn-focus-shadow-rgb: 73, 80, 87;
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: var(--bs-btn-hover-bg);
	--bs-btn-active-border-color: var(--bs-btn-hover-border-color);
	--bs-btn-active-shadow: ;
	--bs-btn-disabled-color: ;
	--bs-btn-disabled-bg: var(--bs-btn-bg);
	--bs-btn-disabled-border-color: ;
	--bs-btn-padding-x: 1.5625rem;
	--bs-btn-padding-y: 0.625rem;
}

.btn-tertiary {
	--bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 73, 80, 87;
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    text-decoration: none;
}

.screen-md-up .btn-md-tertiary {
	--bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 73, 80, 87;
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    text-decoration: none;
}

.screen-md-up .font-md-serif {
	font-family: var(--bs-font-serif) !important;
}

/*! HERO **/
.screen-md-up .module-hero.w-full .overlay-wrapper-outer {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1240px;
    pointer-events: none;
}

.screen-md-up .module-hero.w-full .overlay-wrapper-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.screen-md-up .module-hero.w-full .overlay-wrapper-inner .overlay-component {
    pointer-events: all;
}

.module-hero.w-full .underlay-component {
	padding-left: 12px;
	padding-right: 12px;
}

.module-hero .underlay-component a,
.module-hero .overlay-component a {
	width: 100%;
}

.screen-md-up .module-hero .overlay-component a {
	width: initial
}

.module-hero .underlay-component a + a,
.module-hero .overlay-component a + a {
	margin-top: 8px;
}

.screen-md-up .module-hero .overlay-component a + a {
	margin-top: initial;
}

.screen-md-up .module-hero .overlay-component.multi-cta a {
	display: block;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.screen-md-up .module-hero .overlay-component.multi-cta a + a {
	margin-top: 8px;
}

.screen-md-up .module-hero .overlay-component.box-no-max:has(.sbs-cta-container) > h1,
.screen-md-up .module-hero .overlay-component.box-no-max:has(.sbs-cta-container) > p {
	max-width: 530px;
	margin-left: auto;
	margin-right: auto;
}

.screen-md-up .module-hero .overlay-component.side-by-ctas .sbs-cta-container {
	display: grid;
	grid-template-columns: initial;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
	grid-gap: 8px;
	margin-left: auto;
	margin-right: auto;
	width: max-content;
}

/*! MODULE ALPHA **/
.module-alpha a:focus {
	display: block;
}

/*! TEXT MODULE **/
.screen-md-up .btn-container {
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: initial;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
	grid-gap: 8px;
}

/*! GOLF MODULE **/
.module-golf .overlay-component {
	width: 90%;
	bottom: 5%;
	left: 0;
	right: 0;
	text-align: center;
	padding: 8px 4px;
	background-color: rgba(255,255,255,0.9);
	border-radius: 4px;
	pointer-events: none;
	margin-left: auto;
	margin-right: auto;
}

.screen-md-up .module-golf .overlay-component {
	width: initial;
	bottom: 10%;
	left: 5%;
	right: 5%;
	text-align: left;
	padding: initial;
	background-color: initial;
	border-radius: initial;
	pointer-events: none;
	margin-left: initial;
	margin-right: initial;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.module-golf .rollover-component:focus {
	display: block;
	height: 100%;
}

.screen-md-up .module-golf .rollover-component img {
	opacity: 1;
	border-radius: 4px;
	transition: opacity 0.2s ease-in-out;
	background-color: #fff;
}

.screen-md-up .module-golf .rollover-component:active + .overlay-component,
.screen-md-up .module-golf .rollover-component:focus + .overlay-component,
.screen-md-up .module-golf .rollover-component:hover + .overlay-component {
	opacity: 1;
}

.screen-md-up .module-golf .rollover-component:active img,
.screen-md-up .module-golf .rollover-component:focus img,
.screen-md-up .module-golf .rollover-component:hover img {
	opacity: 0.15;
}

/*! MODULE INDIA **/
.module-india > .row {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
}

/*! MODULE JULIET **/
.module-juliet > .row {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
}

.module-juliet .swiper-container:not(.swiper-container-horizontal) {
	opacity: 0;
}

.module-juliet .arrow-btn {
	width: fit-content;
}

.module-juliet .arrow-btn div {
	position: relative;
	width: 54px;
	height: 54px;
	border-radius:50%;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	background-color: #fff;
}

.module-juliet .arrow-btn:hover div {
	background-color: #efefef;
}

.module-juliet .arrow-btn:active div {
	transform: translate(1px, 1px);
}

.module-juliet .arrow-btn div img {
	width: 27px;
}

.module-juliet .arrow-btn.arrow-right div img {
	transform: rotate(180deg);
}

.module-juliet .swiper-slide {
	width: fit-content;			
	max-width: 350px;
	height: auto;
} 

.module-juliet .swiper-slide img {
	object-fit: cover;
}

.module-juliet .swiper-slide:has(a:hover) > .wrapper,
.module-juliet .swiper-slide:has(a:active) > .wrapper,
.module-juliet .swiper-slide:has(a:focus) > .wrapper {
	border-color: var(--bs-primary-border) !important;
}

/*! STATIC CERTONA MODULE **/
.module-certona img {
	border: 1px solid rgba(0,0,0,0);
}

.module-certona a:hover img,
.module-certona a:active img,
.module-certona a:focus img {
	border: 1px solid #7d7d7d;
}

.module-certona .underlay-component a {
	font-size: 0.75rem;
}

/*! QUICK LINKS **/
.screen-sm-down .responsive-content > div:first-of-type > div:first-of-type:not(.trending-categories-component) {
	margin-top: 58px;
}

.trending-categories-component:empty {
	height: 34px;
}

.trending-categories-component {
	overflow-x: scroll;
	overflow-y: hidden;
	position: relative;
	white-space: nowrap;
	@supports not selector(::-webkit-scrollbar) {
		scrollbar-width: none;
	}
	&::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}
}

.trending-categories-component .trending-category-tile {
	display: inline-block;
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
	box-shadow: 0 2px 4px 0 rgba(14,31,53,0.12);
}

.trending-categories-component .trending-category-tile:last-of-type {
	margin-right: 0px !important;
}

.trending-categories-component .trending-category-tile a {
	font-size: 0.75rem;
	user-select: none;
	-webkit-user-select: none;
} 

/*! Z-INDEX FIX FOR CURALATE ARROWS **/
#crl8-homepage-carousel div:has( > button[aria-label]) {
	z-index: auto;
}

/*! CATEGORY RECOS **/
.is--moved-category-recos .c-slider__controls {
	display: none;
}

.is--moved-category-recos .c-universal-custom-carousel__content {
	margin:0 !important; 
}

.is--moved-category-recos .c-horizontal-scrollbar__content {
	--bs-gutter-x: 1rem;
	flex-wrap: wrap;
	row-gap: 1rem;
	margin-right: calc(-0.5*var(--bs-gutter-x));
	margin-left: calc(-0.5*var(--bs-gutter-x));
	overflow: initial !important;
}

.is--moved-category-recos .c-horizontal-scrollbar__item {
	flex: 0 0 auto;
	width: 33.33333333%;
	background-color: transparent !important;
	margin: 0 !important;
	padding-left: calc(var(--bs-gutter-x)*.5) !important;
	padding-right: calc(var(--bs-gutter-x)*.5) !important;
}

.is--moved-category-recos .c-horizontal-scrollbar__item:nth-child(n+10) {
	display: none;
}

.screen-md-up .is--moved-category-recos .c-horizontal-scrollbar__item:nth-child(n+10) {
	display: block;
}

.screen-md-up .is--moved-category-recos .c-horizontal-scrollbar__item {
	flex: 0 0 auto;
	width: 16.66666667%
}

.is--moved-category-recos .c-horizontal-scrollbar__item article.c-universal-product-item {
	margin: 0 !important;
	background-color: transparent !important;
	width: 100% !important;
	max-width: 100% !important;
}

.is--moved-category-recos .c-horizontal-scrollbar__item article.c-universal-product-item img.c-universal-product-item-img {
	border-radius: 0.25rem !important;
	border: 1px solid rgba(0,0,0,0);
}

.is--moved-category-recos .c-horizontal-scrollbar__item article.c-universal-product-item a:hover img.c-universal-product-item-img,
.is--moved-category-recos .c-horizontal-scrollbar__item article.c-universal-product-item a:active img.c-universal-product-item-img,
.is--moved-category-recos .c-horizontal-scrollbar__item article.c-universal-product-item a:focus img.c-universal-product-item-img {
	border: 1px solid #7d7d7d;
}

.is--moved-category-recos .c-horizontal-scrollbar__item article.c-universal-product-item .c-universal-product-item-btn-link {
	display: none;
}

.is--moved-category-recos .c-horizontal-scrollbar__item article.c-universal-product-item .c-universal-product-item-info {
	margin-top: .25rem !important;
	padding: 0 !important;
}

.is--moved-category-recos .c-horizontal-scrollbar__item article.c-universal-product-item .c-universal-product-item-title,
.is--moved-category-recos .c-horizontal-scrollbar__item article.c-universal-product-item .c-universal-product-item-info {
	padding: 0 !important;
}

.is--moved-category-recos .c-horizontal-scrollbar__item article.c-universal-product-item .c-universal-product-item-title {
	color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
}

.is--moved-category-recos .c-horizontal-scrollbar__item article.c-universal-product-item .c-universal-product-item-title > div {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: initial !important;
	line-height: var(--bs-body-line-height) !important;
	text-align: center !important;
}

.is--moved-category-recos .c-link:hover,
.is--moved-category-recos .c-link:active,
.is--moved-category-recos .c-link:focus {
	text-decoration: none !important;
	--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}