@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--color-navy: #1b2d44;
	--color-deep-blue: #0a1628;
	--color-light-blue: #eff1f4;
	--color-blue-grey: #7ba8c4;
	--color-white: #EFF1F4;
	--font-dm-sans: 'DM Sans', sans-serif;
}

body {
	margin: 0;
	padding-top: 0 !important; /* Override core theme padding-top spacing */
	font-family: var(--font-dm-sans);
}
.dgwt-wcas-search-form,
	.dgwt-wcas-search-wrapp{
		display:block !important;
	}

/* Announcement/Top Bar */
.header-top-bar {
	background-color: var(--color-navy);
	color: var(--color-light-blue);
	font-family: var(--font-dm-sans);
	font-size: 14px;
	height: 28px;	
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	overflow: hidden;
}

.top-bar-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	position: relative;
	width: auto;
}

.top-bar-arrow {
	background: none;
	border: none;
	color: var(--color-light-blue);
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.2s ease;
	outline: none;
	position: static;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.top-bar-arrow:hover {
	opacity: 0.7;
}

.top-bar-arrow svg {
	display: block;
	width: 18px;
	height: 18px;
}

.top-bar-promo-slider {
	position: relative;
	width: 398px;
	max-width: calc(100vw - 80px);
	height: 18px;
	overflow: hidden;
}

/* .top-bar-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
} */

.top-bar-slide.active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

/* Default next direction */
.top-bar-slide.enter-next {
	transform: translateX(100%);
}
.top-bar-slide.exit-next {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-100%);
}

/* Prev direction */
.top-bar-slide.enter-prev {
	transform: translateX(-100%);
}
.top-bar-slide.exit-prev {
	opacity: 0;
	visibility: hidden;
	transform: translateX(100%);
}

.top-bar-text {
	letter-spacing: -0.28px;
	white-space: nowrap;
	font-family: var(--font-dm-sans);
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	display: block;
}

@media (max-width: 576px) {
	.top-bar-promo-slider {
		width: 260px;
	}
}

/* Main Header */
.site-header {
	background-color: var(--color-light-blue);
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
}

.header-container {
	width: 100%;
	max-width: 1240px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-logo-link {
	text-decoration: none;
	display: flex;
	align-items: center;
}

.header-logo-link img {
	height: auto;
	width: auto;
	display: block;
	width: 178px;
}

.logo-main {
	font-family: var(--font-dm-sans);
	font-size: 24px;
	font-weight: 800;
	color: var(--color-navy);
	letter-spacing: -0.56px;
	text-transform: uppercase;
}

.header-navigation {
	display: block;
	margin-left: -82px;
}

.header-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 32px;
}

.header-menu-list li {
	position: relative;
}

.header-menu-list a {
	text-decoration: none;
	color: var(--color-deep-blue);
	font-family: var(--font-dm-sans);
	font-size: 16px;
	font-weight: 400;
	transition: color 0.2s ease;
	display: flex;
	align-items: center;
	gap: 4px;
	line-height: 150%;
}

.header-menu-list a:hover {
	color: var(--color-blue-grey);
}

/* Dropdowns */
.header-menu-list .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	background-color:#EFF1F4 !important;
box-shadow: 0 119px 33px 0 rgba(0, 0, 0, 0.00), 0 76px 30px 0 rgba(0, 0, 0, 0.01), 0 43px 26px 0 rgba(0, 0, 0, 0.03), 0 19px 19px 0 rgba(0, 0, 0, 0.04), 0 5px 10px 0 rgba(0, 0, 0, 0.05) !important;
	list-style: none;
	padding:24px;
	min-width: 180px;
	display: none;
/* 	border-radius: 4px; */
}
.sub-menu li:not(:last-child) {
    padding-bottom: 16px;
}

.header-menu-list li:hover > .sub-menu {
	display: block;
}

.header-menu-list .sub-menu a {
/* 	padding: 8px 20px; */
	font-size: 16px;
	color: #456793 !important;
}

.header-menu-list .sub-menu a:hover {
	background-color: var(--color-light-blue);
	color:#0a1628 !important;
}

/* Header Actions */
.header-actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.header-action-btn {
	background: none;
	border: none;
	color: var(--color-deep-blue);
	cursor: pointer;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: color 0.2s ease;
}

.header-action-btn:hover {
	color: var(--color-blue-grey);
}

.cart-link {
	position: relative;
}

.cart-badge {
	position: absolute;
	top: -4px;
	right: -4px;
	background-color: var(--color-blue-grey);
	color: var(--color-deep-blue);
	font-size: 11px;
	font-weight: bold;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile-menu-toggle {
	display: none;
	flex-direction: column;
	gap: 5px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
	z-index: 101;
}

.burger-bar {
	width: 24px;
	height: 2px;
	background-color: var(--color-deep-blue);
	transition: all 0.3s ease;
}

@media (max-width: 991px) {
	.header-navigation {
		display: none;
	}
	.mobile-menu-toggle {
		display: flex;
	}
	.site-header{
		    padding: 0;
	}
	.header-top-bar{
		display: none ;
	}
}

/* Mobile Drawer Overlay */
.mobile-nav-drawer-overlay {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	max-width: 320px;
	height: 100%;
	background-color: var(--color-white);
	z-index: 1000;
	box-shadow: -4px 0 10px rgba(0, 0, 0, 0.1);
	transition: right 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
	display: flex;
	flex-direction: column;
	padding: 24px;
	box-sizing: border-box;
}

.mobile-nav-drawer-overlay.active {
	right: 0;
}

.drawer-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.drawer-logo {
	font-size: 20px;
	font-weight: 800;
	color: var(--color-navy);
	text-decoration: none;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.drawer-logo img {
	height: 32px;
	width: auto;
	display: block;
}

.drawer-close-btn {
	background: none;
	border: none;
	font-size: 32px;
	cursor: pointer;
	color: var(--color-deep-blue);
	line-height: 1;
}

.drawer-navigation {
	flex-grow: 1;
	overflow-y: auto;
}

.drawer-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.drawer-menu-list a {
	text-decoration: none;
	color: var(--color-deep-blue);
	font-size: 18px;
	font-weight: 500;
	display: block;
	padding-bottom: 8px !important;
}

.drawer-menu-list .sub-menu {
	list-style: none;
	padding-left: 16px;
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.drawer-menu-list .sub-menu a {
	font-size: 15px;
	color: #555555;
}

#mobile-nav-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(2px);
	z-index: 999;
	display: none;
}

#mobile-nav-backdrop.active {
	display: block;
}

/* Footer Section */
.site-footer {
	background-color:#0A1628;
	color: var(--color-light-blue);
	    padding: 120px 0px 22px 0px;
	font-family: var(--font-dm-sans);
	position: relative;
	overflow: hidden;
}

.footer-container {
	display: flex;
    justify-content: space-between;
       column-gap: 230px;
}

.footer-branding-section {
	width:50%;
/* 	max-width: 460px;
	flex: 1; */
	display: flex;
	flex-direction: column;
/* 	gap: 32px; */
	    padding-top: 15px;
}

.footer-logo {
	display: flex;
	align-items: center;
}

.footer-logo img {
	height: 56px;
    width: 457px;
	display: block;
}

.footer-logo .logo-main {
	font-size: 56px;
	font-weight: 800;
	color: var(--color-white);
	letter-spacing: -1.44px;
	text-transform: uppercase;
}

.footer-support-email {
	display: flex;
	align-items: center;
	font-size: 16px;
	padding-top: 10px;
    margin-top: 17px;
}

.footer-support-email a {
	color:#EFF1F4;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: "DM Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.28px;
}

.footer-support-email a:hover {
	color: var(--color-white);
}

.footer-support-email .email-arrow {
	color: var(--color-blue-grey);
	transition: transform 0.2s ease, color 0.2s ease;
}

.footer-support-email a:hover .email-arrow {
	color: var(--color-white);
	transform: translate(2px, -2px);
}

.footer-age-warning {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	font-family: "DM Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.28px;
	padding-top:32px;
	color:#EFF1F4;
	    width: 80%;
}

.warning-badge-inline {
	border: 1.5px solid rgba(255, 255, 255, 0.7);
	color: var(--color-white);
	font-weight: 700;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	flex-shrink: 0;
	margin-top: 1px;
	box-sizing: border-box;
}

.warning-text {
	font-family: "DM Sans";
font-size: 14px !important;
font-style: normal;
font-weight: 400 !important;
line-height: normal;
letter-spacing: -0.28px !important;
	color:#EFF1F4 !important;
}

.footer-trustpilot {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.tp-header {
	display: flex;
	align-items: center;
	gap: 2px;
	padding-top:89px;
}

.tp-star-icon {
	fill: #00b67a;
}

.tp-text {
	color: #FFF;
font-family: Roboto;
font-size: 14.933px;
font-style: normal;
font-weight: 700;
line-height: 19.413px; /* 130% */
}

.tp-stars {
	display: flex;
	gap: 6px;
}

.tp-star-box {
/* 	background-color: #00b67a; */
		display: flex;
	align-items: center;
	justify-content: center;
	
	box-sizing: border-box;
}

.tp-star-box svg {
	width: auto;
	height:auto;
}

.footer-navigation-section {
	width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 150px;
    row-gap: 73px;
}

.footer-nav-col {
	display: flex;
	flex-direction: column;
/* 	min-width: 140px; */
}

.footer-nav-sub-section {
	display: flex;
	flex-direction: column;
}

.footer-nav-sub-section.footer-policies-section {
	   margin-top: 71px;
}

.footer-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.footer-menu-list a {
	font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
	color:#EFF1F4;
	text-decoration:none;
}

/* .footer-menu-list a:hover {
	color: var(--color-white);
} */

/* Bottom Bar */
.footer-bottom-bar {
/* 	border-top: 1px solid rgba(255, 255, 255, 0.1); */
/* 	margin-top: 60px; */
	padding-top: 28px;
	position: relative;
	z-index: 2;
}

.footer-bottom-container {
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-copyright {
	font-size: 14px;
	color:#EFF1F4 !important;
}

.footer-payment-methods {
	display: flex;
	gap: 10px;
	align-items: center;
}

.payment-icon {
/* 	background-color: var(--color-white);
	border: 1px solid #e2e8f0; */
/* 	border-radius: 4px;
	width: 48px;
	height: 32px; */
/* 	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	overflow: hidden; */
}

.payment-icon.applepay {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	gap: 2px;
}

.payment-icon.shoppay {
	font-size: 11px;
	font-weight: 800;
}

.payment-icon.shoppay .shop-text {
	color: #5a31f4;
}

.payment-icon.shoppay .pay-text {
	color: #000000;
}



@media (max-width: 576px) {
	.footer-navigation-section {
		flex-direction: column;
		gap: 40px;
	}
	.footer-nav-sub-section.footer-policies-section {
		margin-top: 40px;
	}
	.footer-bottom-container {
		flex-direction: column;
		gap: 20px;
		align-items: flex-start;
	}
	.footer-logo .logo-main {
		font-size: 44px;
	}
}

/* Age Verification Overlay */
.age-verification-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
 
	background-size: cover;
	box-sizing: border-box;
	padding: 20px;
	opacity: 1;
	transition: opacity 0.4s ease-out;
	background-position: center;
	    background-repeat: no-repeat;
}

.age-verification-overlay.fade-out {
	opacity: 0;
	pointer-events: none;
}

.age-verification-container {
	width: 100%;
	 
	 
	 
	padding: 40px 0px;
	 
	text-align: center;
	box-sizing: border-box;
}

.age-logo-text {
	font-size: 32px;
	font-weight: 800;
	color: var(--color-white);
	letter-spacing: -0.8px;
	text-transform: uppercase;
	margin-bottom: 24px;
	margin-bottom: 32px !important;
}

.age-logo-text img{
	
	    width: 178px !important;
    height: auto !important; 
	    margin-top: 8px !important;
	
	
}
.age-sub-title {
color:   #F7F6F4;
text-align: center;
font-family: "DM Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.12px;
text-transform: uppercase;
	margin-bottom: 4px;
	    padding-top: 8px;
}

.age-main-title {
color:  #EFF1F4;
font-family: "DM Sans";
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 130%; 
letter-spacing: -0.2px;
text-transform: capitalize;
	    
}

.age-verification-form {
	display: flex;
	flex-direction: column;
	gap:  0px;
}

.age-inputs-row {
	display: flex;
	gap: 12px;
	justify-content: center;
	    margin: 32px 0px;
}

.age-input-field {
    background-color: var(--color-white);
    border: none;
    border-radius: 0;
    height: 42px;
    width: 85px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-deep-blue);
    outline: none;
    box-sizing: border-box;
    font-family: var(--font-dm-sans);
    -moz-appearance: textfield;
}

.age-input-field::-webkit-outer-spin-button,
.age-input-field::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.age-input-field.yyyy {
	width: 190px;
}

.age-input-field::placeholder {
	color: #a0aec0;
}

.age-input-field:focus {
	box-shadow: 0 0 0 2px var(--color-blue-grey);
}

.age-submit-button {
    background-color: var(--color-blue-grey);
    color: var(--color-white);
    border: none;
    border-radius: 4px;
    height: 42px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    font-family: var(--font-dm-sans);
    outline: none;
    text-transform: capitalize;
    width: fit-content;
    padding: 10px 22px;
    border-radius: 0px;
    margin: 0 auto;
}

.age-submit-button:hover {
	background-color: #5D98BD;
}

 

.age-error-message {
	background-color: rgba(235, 0, 27, 0.15);
	border: 1px solid #eb001b;
	color: #ff4d4d;
	border-radius: 6px;
	padding: 12px;
	font-size: 14px;
	margin-top: 20px;
	line-height: 1.4;
}

.age-verified .age-verification-overlay {
	display: none !important;
}

/* ==========================================================================
GLOBAL BRANDS SECTION
========================================================================== */
.global-brands-section {
	background-color:#EFF1F4 !important;
	padding: 120px 100px;
	box-sizing: border-box;
}

.global-brands-container {
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
/* 	gap: 48px; */
}

.global-brands-section .section-header.centered {
	text-align: center;
	margin-bottom: 32px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.global-brands-section .section-eyebrow {
display: block;
font-family: var(--font-dm-sans), sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.12px;
text-transform: uppercase;
margin-bottom: 4px;
color:#456793;
}

.global-brands-section .section-title-heading {
font-family: var(--font-dm-sans), sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 36.4px */
letter-spacing: -0.56px;
text-transform: capitalize;
color:#0A1628;
}

.global-brands-section .section-description-centered {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #456793;
	line-height: 1.5;
	margin: 12px auto 0 auto;
	text-align: center;
	max-width: 600px;
}

.brands-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: 20px;
    row-gap: 40px;
}

.brand-card-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	text-decoration: none;
	transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.brand-logo-card {
	width: 100%;
	height: 150px;
	background-color: #ffffff !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 20px 30px;
	position: relative;
/* 	transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); */
}

/* "Popular" badge for featured brand cards */
.brand-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 3px 9px;
	font-family: 'DM Sans', sans-serif;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #ffffff;
	border-radius: 4px;
	z-index: 5;
	line-height: 1.6;
}

.brand-badge-popular {
	background-color: #456793; /* Clay Blue, matches product-badge.badge-popular */
}

.brand-logo-img {
	/* Fixed bounding box so every logo reads at roughly the same visual
	   size, regardless of how much whitespace is baked into the source
	   file. object-fit: contain scales each logo up or down (preserving
	   its aspect ratio) to fill this box instead of just shrinking large
	   images down and leaving small/padded ones tiny. */
	width: 100%;
	max-width: 150px;
	height: 100%;
	max-height: 65px;
	object-fit: contain;
    filter: brightness(0) saturate(100%) invert(41%) sepia(16%) saturate(1450%) hue-rotate(180deg) brightness(95%) contrast(89%);
    position: relative;
    z-index: 2;
    opacity: 1;
	transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.brand-logo-placeholder {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #456793;
	text-align: center;
}

.brand-name {
	font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 21.6px */
letter-spacing: -0.36px;
text-transform: capitalize;
	color:#0A1628;
}

/* Hover effects */
/* .brand-card-item:hover {
	transform: translateY(-4px);
} */

/* .brand-card-item:hover .brand-logo-card {
	box-shadow: 0 12px 24px rgba(10, 22, 40, 0.06);
} */

.brand-card-item:hover .brand-logo-img {
	filter: grayscale(0%);
	opacity: 1;
/* 	transform: scale(1.05); */
}

/* .brand-card-item:hover .brand-name {
	color: #456793;
} */

.brands-explore-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #0A1628;
	color: #EFF1F4;
	border: 1px solid #0A1628;
	padding: 14px 48px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.28px;
	text-decoration: none;
	text-transform: capitalize;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.brands-explore-btn:hover {
	background-color: #15243C;
	border-color: #15243C;
	color: #EFF1F4;
}

/* Responsive Brands */
@media (max-width: 1024px) {
	.global-brands-section {
		padding: 80px 40px;
	}
	.brands-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}
	.brand-logo-card {
		height: 130px;
	}
}

@media (max-width: 768px) {
	.global-brands-section {
		padding: 60px 20px;
	}
	.brands-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	.brand-logo-card {
		height: 120px;
	}
	.brand-name {
		font-size: 16px;
	}
}


/* ==========================================================================
GLOBAL CTA/NEWSLETTER SECTION
========================================================================== */
.global-cta-section {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 120px 100px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.global-cta-container {
	max-width:100%;
/* 	margin: 0 auto; */
	text-align: center;
	position: relative;
	z-index: 2;
}

.cta-content-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.global-cta-section .cta-eyebrow {
	font-family: "DM Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.12px;
text-transform: uppercase;
	color:#F7F6F4;
	padding-bottom:4px;
	padding-right: 47px;
}

.global-cta-section .cta-title {
	font-family: var(--font-dm-sans), sans-serif;

font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 36.4px */
letter-spacing: -0.2px;
text-transform: capitalize;
padding-bottom:12px;
	color:#EFF1F4;
	padding-right: 54px;
}

.global-cta-section .cta-description {
	font-family: 'DM Sans', sans-serif;
	font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
	color:#F7F6F4;
	padding-bottom:30px;
}

.cta-newsletter-form {
	width: 100%;
	max-width: 505px;
	margin-bottom: 8px;
}

.newsletter-input-group {
	display: flex !important;
	width: 100%;
	background: transparent !important;
	border: none !important;
	box-sizing: border-box !important;
	padding: 0 !important;
	height: auto !important;
	align-items: stretch !important;
}

.newsletter-input-group .wpcf7-form-control-wrap {
	flex: 1 !important;
	display:unset !important;
	height: auto !important;
	position: relative !important;
}

.newsletter-input-group .newsletter-input {
	width: 100% !important;
	height: auto !important;
	border: 1px solid #0A1628 !important;
	border-right: none !important;
	background-color:transparent !important;
	padding: 11px 24px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 14px !important;
	font-weight:400 !important;
	color: #0A1628 !important;
	outline: none !important;
	box-sizing: border-box !important;
	border-radius: 0 !important;
	letter-spacing: -0.28px !important;
	transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.newsletter-input-group .newsletter-input:focus {
	background-color: rgba(255, 255, 255, 0.25) !important;
}

.newsletter-input-group .newsletter-input::placeholder {
	color: #CFDAEB !important;
	opacity: 1 !important;
}

.newsletter-input-group .newsletter-submit-btn {
	background-color: #0A1628 !important;
	color:#EFF1F4 !important;
	border: 1px solid #0A1628 !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	height: 42px !important;
	width: 146px !important;
	min-width: 146px !important;
	flex-shrink: 0 !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: background-color 0.3s ease, border-color 0.3s ease !important;
	box-sizing: border-box !important;
	border-radius: 0 !important;
	letter-spacing: -0.28px !important;
	text-transform: none !important;
}

.newsletter-input-group .newsletter-submit-btn:hover {
	background-color: #1a2d4a !important;
	border-color: #1a2d4a !important;
}

.global-cta-section .cta-footnote {
	font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.28px;
	color:#F7F6F4;
}

.global-cta-section .wpcf7-response-output {
	margin: 16px 0 0 0 !important;
	padding: 12px !important;
	border: 1px solid #ffffff !important;
	background: rgba(255, 255, 255, 0.1) !important;
	color: #ffffff !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-align: center !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.global-cta-section .wpcf7-response-output:empty {
	display: none !important;
}

.global-cta-section .wpcf7-not-valid-tip {
	color:#dc3232!important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	margin-top: 4px !important;
	text-align: left !important;
}

@media (max-width: 1024px) {
	.global-cta-section {
		padding: 80px 40px;
	}
	.drawer-logo img{
   height: auto !important; 
}
.menu-item-has-children{
        align-items: flex-start !important;
}
.drawer-menu-list .sub-menu{
        margin-top: 0 !important;
	    order: 3 !important;
        width: 100% !important;
}
 
.mobile-nav-drawer-overlay{
    max-width: 100% !important;
}
}

@media (max-width: 768px) {
	.global-cta-section {
		padding: 50px 20px;
	}
	.global-cta-section .cta-title {
		font-size: 26px;
	}
	.global-cta-section .cta-description {
		font-size: 16px;
/* 		margin-bottom: 24px; */
	}
	.newsletter-input-group {
		flex-direction: column !important;
		background: transparent !important;
		border: none !important;
		padding: 0 !important;
		gap: 14px !important;
		height: auto !important;
	}
	.newsletter-input-group .wpcf7-form-control-wrap {
		width: 100% !important;
	}
	.newsletter-input-group .newsletter-input {
		background: #ffffff !important;
		width: 100% !important;
		border-right: 1px solid #0A1628 !important;
		margin-bottom: 0 !important;
		box-sizing: border-box !important;
	}
	.newsletter-input-group .newsletter-input::placeholder {
		color: rgba(10, 22, 40, 0.4) !important;
	}
	.newsletter-input-group .newsletter-submit-btn {
		width: 100% !important;
		min-width: 100% !important;
		text-align: center !important;
	}
}


/* Hide WooCommerce default added-to-cart link */
.added_to_cart.wc-forward {
	display: none !important;
}

/* Cart Toast Notification Styling */
#cart-toast-notification {
	position: fixed;
	bottom: 30px;
	right: -400px;
	width: 360px;
	background: rgba(10, 22, 40, 0.95);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: #ffffff;
	padding: 16px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100000;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
	transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	font-family: var(--font-dm-sans), sans-serif;
}

#cart-toast-notification.show {
	right: 30px;
}

#cart-toast-notification .toast-content {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	text-align: left;
}

#cart-toast-notification .toast-success-icon {
	color: #00b67a; /* Green */
	flex-shrink: 0;
}

#cart-toast-notification .toast-message {
	color: #ffffff;
}

#cart-toast-notification .toast-message strong {
	font-weight: 700;
}

#cart-toast-notification .toast-view-cart-btn {
	background-color: var(--color-blue-grey);
	color: var(--color-deep-blue);
	text-decoration: none;
	font-size: 12px;
	font-weight: 700;
	padding: 6px 12px;
	border-radius: 4px;
	transition: background-color 0.2s;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	flex-shrink: 0;
	margin-left: 10px;
}

#cart-toast-notification .toast-view-cart-btn:hover {
	background-color: #ffffff;
	color: var(--color-deep-blue);
}

/* Cart Badge Bounce Animation */
.cart-badge-bounce {
	animation: cart-badge-bounce-anim 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}

.menu-item-has-children:after{
	content: '';
	background: url('/wp-content/uploads/2026/06/arrow.svg');
	width: 18px;
	height: 18px;
	display: inline-block !important;
	padding-bottom: 5px;
}

.menu-item-has-children{
	display: flex;
	align-items: center !important;
	gap: 6px;
	flex-wrap: wrap !important;
}

@keyframes cart-badge-bounce-anim {
	0% { transform: scale(1); }
	30% { transform: scale(1.4); }
	50% { transform: scale(0.9); }
	70% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

@media (max-width: 480px) {
	#cart-toast-notification {
        width: calc(100% - 80px);
        left: 20px;
        right: 0;
        bottom: 0;
        transition: bottom 0.4s cubic-bezier(0.16, 1, 0.3, 1);
		    padding: 12px 14px;
		    flex-direction: column;
    gap: 10px;
	}
	#cart-toast-notification .toast-content{
		    font-size: 13px;
	}
	#cart-toast-notification.show {
		bottom: 20px;
		right: auto;
	}
	
	#cart-toast-notification .toast-view-cart-btn{
		margin-left: 0;
	}
}


@media (max-width: 767px){
	.header-logo-link img{
        width: 148px;
}
 
.header-actions svg{
    width: 18px !important;
}
.header-actions{
    gap: 8px;
}
.burger-bar{
    width: 18px;
}
	.footer-age-warning{
		width:100% !important;
	}
}

@media (max-width: 1366px){
	.footer-container{
		column-gap: 220px !important;
	}
	.footer-logo img {
		height: 41px !important;
		width:auto !important;
	}
	.footer-navigation-section{
		column-gap: 116px !important;
	}
	.site-footer{
		padding: 80px 0px 22px 0px !important;
	}
	.global-cta-section .cta-title,
	.global-cta-section .cta-eyebrow{
		padding-right:0px !important;
	}
}
@media (max-width: 1199px){
	    .footer-container {
        column-gap: 160px !important;
    }
	    .footer-navigation-section {
        column-gap: 80px !important;
        justify-content: flex-start;
    }
	    .footer-logo img {
        height: 33px !important;
    }
		.site-footer{
		padding: 70px 0px 22px 0px !important;
	}
	.dgwt-wcas-search-form,
	.dgwt-wcas-search-wrapp
	{
		display:none !important;
	}
	.page-id-655 .dgwt-wcas-search-form,
.page-id-655 .dgwt-wcas-search-wrapp {
    display: none !important;
}
}
@media (max-width: 1024px){
		.site-footer{
		padding: 60px 0px 22px 0px !important;
	}
	.footer-logo img {
        height: 27px !important;
    }
	    .footer-container {
        column-gap: 80px !important;
    }
}
@media (max-width: 767px){
	    .footer-logo img {
        height: 23px !important;
    }
	    .site-footer {
        padding: 50px 0px 22px 0px !important;
    }
	.footer-container{
		flex-wrap:wrap !important;
		gap:35px !important;
	}
	.footer-branding-section{
		width: 100% !important;
	}
	.footer-navigation-section{
			width: 100% !important;
	}
	.tp-header{
		padding-top: 30px !important;
	}
	.footer-menu-list {
		gap: 7px !important;
	}
	    .footer-nav-sub-section.footer-policies-section {
        margin-top: 30px !important;
    }
	.brand-logo-card{
		padding:20px !important;
	}
}


.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
	padding: 15px 0px 0px 46px !important;
    line-height: 24px;
    font-size: 14px;
    border: none !important;
    border-radius: 0px !important;
    height: auto;
    font-family: Roboto, sans-serif;
    background-color: transparent !important;
	border-bottom: 1px solid #d1caca !important;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{
	 border: none !important;
    border-radius: 0px !important;
	 background-color: transparent !important;
	padding: 10px !important;
    padding-right: 0px !important;
	
}
#cf7-ajax-ok{
 padding: 11px 24px !important;
	margin-top:12px !important;
	 background-color:#0A1628 !important;
  border: 1px solid #0A1628 !important;
	color:#EFF1F4 !important;
}
#cf7-ajax-ok:hover{
	 background-color:#15243C !important;
	border-color:#15243C !important;
}
.cf7-ajax-inner{
	background-color:#EFF1F4 !important;
}
#cf7-ajax-text{
	color:#0A1628 !important;
	text-transform:capitalize !important;
	font-size: 20px !important;
}

/* @media screen and (min-width: 1199px) {
	.dgwt-wcas-search-wrapp {
	  display:none !important;	
	}
} */





.dgwt-wcas-si{
	height: 50px !important;
}
.dgwt-wcas-st {
	font-size: 14px !important;
}
.dgwt-wcas-si img{
	padding:0px !important;
}
.dgwt-wcas-open-pirx .dgwt-wcas-details-inner, .dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.dgwt-wcas-content-wrapp{
	    gap: 10px !important;
}
.dgwt-wcas-preloader {
	height: auto !important;
	top: 26px !important;

}