/*================================
    Common Campaign
==================================*/
.tlcof-product-item,
.tlcof-product-details,
.tlcof-align-center,
.tlcof-double-order-checkbox-label,
.tlcof-bundle-discount-list .tlcof-campaign-item,
.tlcof-buyx-gety-grid .tlcof-campaign-view__items,
.tlcof-mix-match-grid .tlcof-empty-selected-items,
.tlcof-mix-match-list .tlcof-empty-selected-items,
.tlcof-mix-match-grid .tlcof-empty-selected-items .tlcof-selected-items,
.tlcof-mix-match-list .tlcof-empty-selected-items .tlcof-selected-items {
	display: flex;
	align-items: center;
}

.tlcof-campaign-header {
	position: relative;
}

.tlcof-product-title,
.tlcof-countdown-timer-container,
.tlcof-selected-item__product-title {
	line-height: 1.4 !important;
}

.tlcof-builderSlider-icon {
	cursor: pointer;
	border-style: solid;
	/* display: none !important; */
}

.tlcof-remove-selected-item {
	flex-shrink: 0;
}

.tlcof-remove-selected-item svg {
	fill: transparent !important;
}

.tlcof-builder__middle_element {
	justify-content: space-around;
	position: relative;
	z-index: 0;
	margin: 16px 0px;
	border-style: unset;
}

.tlcof-campaign-list .tlcof-campaign-item {
	display: flex;
	position: relative;
}

.tlcof-campaign-list .tlcof-product-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.tlcof-builder-progressBar__content__progress {
	width: 51%;
	height: 100%;
	display: block;
	border-radius: inherit;
	background-color: currentColor;
}

.tlcof-campaign-grid .tlcof-mix-match-products {
	/* max-width: 410px; */
	position: relative;
	/* flex-basis: 65%; */
}

.tlcof-floating-container .tlcof-campaign-grid .tlcof-mix-match-products {
	width: 100%;
	max-width: 100%;
}

.tlcof-campaign-grid .tlcof-campaign-view__items {
	display: flex;
}

.tlcof-campaign-grid .tlcof-slider .tlcof-campaign-item {
	box-sizing: border-box;
	position: relative;
}

.tlcof-builderSlider-left.tlcof-builderSlider-icon svg {
	transform: rotate(180deg);
}

/* .tlcof-campaign-grid .tlcof-selected-product-container  {
    max-width: 40%;
} */
.tlcof-campaign-list .tlcof-selected-product-container {
	margin-top: 24px;
}

.tlcof-buyx-gety-grid .tlcof-campaign-item,
.tlcof-bundle-discount-grid .tlcof-campaign-item,
.tlcof-frequently-bought-together-grid .tlcof-campaign-item {
	flex: 1;
	/* width: 8vw; */
	min-width: auto !important;
}

.tlcof-campaign-grid .tlcof-slider .tlcof-campaign-view__items {
	display: flex;
	flex-shrink: 0;
}

.tlcof-campaign-list .tlcof-campaign-view__items .tlcof-campaign-item:last-child {
	margin-bottom: 0px !important;
}

.tlcof-last-add-button button {
	width: 100% !important;
	margin-top: 16px;
}

.tlcof-flex-wrap {
	flex-wrap: wrap;
}

.tlcof-pricing-wrapper {
	flex-wrap: wrap;
	row-gap: 12px;
}

.tlcof-item-option .tlcof-builder-checkbox {
	flex-shrink: 0;
	border-width: 1px;
	border-style: solid;
}


/*================================
    Common Campaign
==================================*/
/*================================
    Normal Discounts
==================================*/
.tlcof-cmp-limited.tlcof-normal-discount-grid,
.tlcof-cmp-limited.tlcof-bundle-discount-grid {
	/* width: min-content; */
}

.tlcof-normal-discount-grid .tlcof-campaign-item {
	/* flex: 1; */
	position: relative;
	/* box-sizing: content-box !important; */
}

.tlcof-normal-discount-list .tlcof-builder-atc-btn {
	/* width: fit-content; */
	white-space: nowrap;
}

.tlcof-normal-discount-grid .tlcof-campaign-view__items {
	height: 100%;
}

.tlcof-normal-discount-list .tlcof-campaign-add-to-cart-btn {
	height: fit-content;
	align-self: center;
	width: fit-content;
}

.tlcof-normal-discount-grid .tlcof-campaign-container__wrapper {
	position: relative;
}

.tlcof-normal-discount-list .tlcof-campaign-container__wrapper .tlcof-campaign-item:last-of-type,
.tlcof-normal-discount-list .tlcof-campaign-container__wrapper .tlcof-campaign-item:last-child {
	margin-bottom: 0px !important;
	/* Normal In-page List Last child space need to hide */
}

.tlcof-normal-discount-list .tlcof-quantity-addToCart-container {
	gap: 12px;
}

.tlcof-normal-discount-list .tlcof-campaign-container__wrapper>.tlcof-campaign-add-to-cart-btn {
	width: 100%;
}


/*================================
    Bundle Discount
==================================*/

.tlcof-bundle-discount-list .tlcof-product-bundle {
	margin-left: unset;
	margin-right: unset;
}

.tlcof-bundle-discount .tlcof-campaign-container__wrapper {
	/* max-width: 586px; list not limited width from JOS */
}

.tlcof-bundle-discount-grid .tlcof-campaign-container__wrapper {
	/* width: fit-content; */
}

.tlcof-bundle-discount.tlcof-campaign-grid .tlcof-campaign-item {
	display: flex;
}

.tlcof-bundle-discount-list .tlcof-builder__middle_element:after {
	content: "";
	display: block;
	width: 100%;
	height: 0px;
	border: 1px solid;
	border-color: inherit;
	position: absolute;
	left: 0px;
	z-index: -1;
}

.tlcof-bundle-discount-grid .tlcof-campaign-container__wrapper__product {
	display: flex;
	/*     overflow: hidden; for slider */

}

.tlcof-inpage-container.tlcof-bundle-discount-grid .tlcof-campaign-container__wrapper__product {
	position: relative;
}

.tlcof-popup.tlcof-bundle-discount-grid .tlcof-campaign-container__wrapper {
	width: auto !important;
}

.tlcof-bundle-discount-grid .tlcof-product-bundle svg {
	height: 100%;
	width: 100%;
}

.tlcof-bundle-discount-grid .tlcof-builder__popular-tag {
	position: static !important;
	word-break: normal;
	line-height: 1.4 !important;
}


/*================================
    Bundle Discount
==================================*/
/* .tlcof-popup__content.tlcof-bundle-discount-grid .tlcof-campaign-container__wrapper {
    overflow-x: auto;
    max-height: 510px;
} */
/* .tlcof-bundle-discount-grid .tlcof-campaign-container__wrapper,
.tlcof-buyx-gety-grid .tlcof-campaign-container__wrapper {
    overflow-y: auto;
    max-height: 40vh;
} */
/*================================
    Mix Match Style
==================================*/
/*================================
    Volume Discount
==================================*/
.tlcof-volume-title {
	flex-shrink: 0;
}

.tlcof-floating.tlcof-volume-discount .tlcof-campaign-item--popular:first-child,
.tlcof-popup__content.tlcof-volume-discount .tlcof-campaign-item--popular:first-child {
	margin-top: 10px !important;
}

.tlcof-volume-discount__tag {
	border-style: solid;
	box-sizing: border-box;
	flex-shrink: 0;
}

.tlcof-volume-discount .tlcof-campaign-item {
	display: block !important;
	cursor: pointer;
	align-items: center;
	justify-content: space-between;
}

.tlcof-volume-discount .tlcof-quantity-label {
	margin: 0px !important;
}

/*================================
    Spending Goal
==================================*/
.tlcof-spending-goal-slide,
.tlcof-spending-goal .tlcof-campaign-container__wrapper {
	position: relative;
}

.tlcof-spending-goal .tlcof-campaign-item {
	min-width: 550px;
}

.tlcof-spending-goal .tlcof-builder-atc-btn {
	width: fit-content;
}

.tlcof-spending-goal .tlcof-slider-container {
	max-width: 600px;
	width: 100%;
	display: flex;
}

.tlcof-spending-goal .tlcof-builderSlider-icon {
	position: static !important;
}

.tlcof-spending-goal .tlcof-campaign-item__image img {
	border-radius: inherit;
}

.tlcof-spending-goal-slide .tlcof-builderSlider-left,
.tlcof-spending-goal-slide .tlcof-builderSlider-right {
	cursor: pointer;
}

/*================================
    Spending Goal End
==================================*/

.tlcof-inpage-container {
	/* overflow: hidden; conflict bundle inpage slider icon */
}

.tlcof-popup__container .tlcof-campaign-container__wrapper,
.tlcof-floating .tlcof-campaign-container__wrapper {
	/* max-height: 32vh; */
	/* max-height: 54vh; */
	max-height: 45vh;
	overflow-y: auto;
	height: fit-content;
}

.tlcof-scrollbar-md::-webkit-scrollbar,
.tlcof-floating.tlcof-bundle-discount-grid .tlcof-campaign-container__wrapper::-webkit-scrollbar,
.tlcof-popup__container .tlcof-campaign-container__wrapper::-webkit-scrollbar {
	height: 16px;
	/* for horizontal scrollbars */
	width: 10px;
}

.tlcof-scrollbar-md::-webkit-scrollbar-track,
.tlcof-floating .tlcof-campaign-container__wrapper::-webkit-scrollbar-track,
.tlcof-popup__container .tlcof-campaign-container__wrapper::-webkit-scrollbar-track {
	background: #e2e4e9;
	border-radius: 6px;
}

/* Handle (thumb) */
.tlcof-scrollbar-md::-webkit-scrollbar-thumb,
.tlcof-floating .tlcof-campaign-container__wrapper::-webkit-scrollbar-thumb,
.tlcof-popup__container .tlcof-campaign-container__wrapper::-webkit-scrollbar-thumb {
	background: #868C98;
	border-radius: 6px;
	border: 3px solid transparent;
	background-clip: content-box;
	height: 6px;
	cursor: grab;
}

/* Handle on hover */
.tlcof-scrollbar-md::-webkit-scrollbar-thumb:hover,
.tlcof-floating .tlcof-campaign-container__wrapper::-webkit-scrollbar-thumb:hover,
.tlcof-popup__container .tlcof-campaign-container__wrapper::-webkit-scrollbar-thumb:hover {
	border-radius: 6px;
	border: 3px solid transparent;
	background-clip: content-box;
	height: 6px;
	background-color: #00a464;
}

.tlcof-builder-noThanks-btn {
	cursor: pointer;
}

.tlcof-inpage-container.tlcof-campaign-grid {
	/* visibility: hidden; */
}

.tlcof-builder-element__content_separator {
	flex-shrink: 0;
}

.tlcof-builder-atc-btn:hover {
	background-color: var(--tlcof-hover-color) !important;
}

.hidden {
	display: none !important;
}


.tlcof-products-list,
.tlcof-products-list-specific {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.tlcof-product-item {
	gap: 10px;
	padding: 8px;
}

.tlcof-product-details {
	justify-content: space-between;
	flex-grow: 1;
}

/* Common Upsell Sliders: Spending Goal/Free Shipping Progress Bar*/

.tlcof-upsell-slider-nav-button {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
}

.tlcof-upsell-slider .tlcof-builder__quantity input {
	background-color: inherit !important;
}

.tlcof-upsell-slider {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 40px;
	/* padding-top: 26px; */
	max-width: 560px;
	margin: 0 auto;
}

.tlcof-upsell-slider-nav-button {
	position: absolute;
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	color: #666;
	transition: color 0.2s;
	z-index: 2;
}

.tlcof-upsell-slider-nav-button:hover {
	color: var(--tlcof-hover-color, #333);
}

.tlcof-upsell-slider-prev {
	left: 0;
}

.tlcof-upsell-slider-next {
	right: 0;
}

.tlcof-upsell-slider-content {
	width: 100%;
	overflow: hidden;
}

.tlcof-upsell-slider-track {
	display: flex;
	transition: transform 0.3s ease;
}

.tlcof-upsell-slider-product-card {
	flex: 0 0 100%;
	display: flex;
	align-items: center;
	gap: 20px;
	/* padding: 15px; */
	max-width: 480px;
}

.tlcof-upsell-slider-product-image {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
}

.tlcof-upsell-slider-product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

.tlcof-upsell-slider-product-details {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.tlcof-upsell-slider-product-title {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	color: #333;
}

.tlcof-upsell-slider-price-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
}

.tlcof-upsell-slider-original-price {
	color: #999;
	text-decoration: line-through;
}

.tlcof-upsell-slider-sale-price {
	color: #00a699;
	font-weight: 500;
}

.tlcof-upsell-slider-add-cart {
	background: white;
	border: 1px solid #ddd;
	padding: 8px 20px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	transition: background-color 0.2s, border-color 0.2s;
	white-space: nowrap;
}

.tlcof-upsell-slider-add-cart:hover {
	background-color: var(--tlcof-hover-color) !important;
}

.tlcof-upsell-slider-track.animating {
	transition: transform 0.3s ease;
}


/* Progress Bar*/
.tlcof-progress-bar {
	background: var(--tlcof-empty-color);
	height: 8px;
	border-radius: 4px;
	position: relative;
}

.tlcof-progress-fill {
	background: var(--tlcof-filled-color);
	height: 100%;
	border-radius: 4px;
	transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	width: 0;
}

.tlcof-paragraph-wrapper {
	display: flex;
	align-items: center;
}

.tlcof-campaign-fsb {
	position: relative;
}

.tlcof-campaign-fsb .tlcof-campaign-close {
	box-sizing: content-box;
}

.tlcof-campaign-fsb-top .tlcof-upsell-slider,
.tlcof-campaign-fsb-bottom .tlcof-upsell-slider {
	padding-top: 12px;
}


#tlcof-progress-inpage .tlcof-campaign-fsb__container {

	max-width: var(--theme-normal-container-max-width, 1200px);
	margin: 0 auto;

}

.tlcof-campaign-countdown-timer-hellobar {

	max-width: 1110px;
	margin: 0 auto;

}
#tlcof-progress-inpage[data-position=top],
#tlcof-progress-inpage[data-position=bottom],
#tlcof-countdown-top {
	position: fixed !important;
	left: 0;
	right: 0;
	z-index: 9999;
}

#tlcof-progress-inpage[data-position="bottom"] {
	z-index: 9999;
	bottom: 0;
}
#tlcof-countdown-bottom {
	position: fixed !important;
	z-index: 9999;
	bottom: 0;
}

.tlcof-slider-wrapper {
	overflow: hidden;
}

.tlcof-slider-wrapper .item {
	flex: 0 1 calc(100% / var(--tlcof-column-count));
	align-items: start;
}

.tlcof-slider-wrapper .tlcof-grid-item {
	padding-right: var(--tlcof-grid-gap);
	flex-shrink: 0;
	flex-basis: var(--tlcof-column-width);
	transform: translateX(var(--tlcof-slider-translate));
	transition: transform 0.5s;
	box-sizing: content-box !important;
}

.tlcoffers-campaign-shortcode .tlcof-inpage-container {
	display: block !important;
}

.tlcoffers-campaign-shortcode .tlcof-campaign-container {
	display: block !important;
}
.tlcof-all-site-subheading {
	max-width: 205px;
}

.tlcof-campaign-countdown-timer .tlcof-close-icon {
	position: absolute;
	top: 0;
	right: 0;
}

/* Next Order Coupon css */
.tlcof-coupon-icon-rich-text {
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	font-weight: bold;
	letter-spacing: 3px;
	text-transform: uppercase;
	padding: 15px 40px 10px 0px;
	color:var(--tlcof-background-color);
	text-shadow: 0px 0px 2px var(--tlcof-coupon-color);
	/* --tlcof-coupon-color: rgb(255, 255, 255); */
    font-size: 24px;
	text-align: center;
}

.tlcof-coupon-template-1-content {
	margin-left: 20px;
	margin-right: 30px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0px 0px 0px 20px;
	height: 100%;
}


.tlcof-coupon-content {
	display: flex;
	flex-direction: column;
	max-height: none;
	overflow-y: visible;
	max-width: none;
	overflow-x: visible;
}

.tlcof-coupon-buttons {
	white-space: nowrap;
	display: flex;
	flex-direction: row;
	align-items: center;
	max-height: none;
	overflow-y: visible;
	max-width: none;
	overflow-x: visible;
}

.tlcof-coupon-template-container {
	display: flex;
}
.tlcof-coupon-template-wrapper {
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  width: auto;
  height: 100%;
  display: flex;
  max-width: var(--tlcof-max-width, unset);
  border: 1px dashed var(--tlcof-border-color, #6c5ce7);
  /* background-color: #6E3FF3; Uncomment if needed */

  mask-image:
    radial-gradient(circle at 0% 50%, transparent 25px, black 26px),
    radial-gradient(circle at 100% 50%, transparent 25px, black 26px),
    radial-gradient(circle at 0% 5%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 10%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 15%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 20%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 25%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 30%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 35%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 40%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 45%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 50%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 55%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 60%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 65%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 70%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 75%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 80%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 85%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 90%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 0% 95%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 5%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 10%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 15%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 20%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 25%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 30%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 35%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 40%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 45%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 50%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 55%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 60%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 65%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 70%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 75%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 80%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 85%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 90%, transparent 0.6%, black 0.8%),
    radial-gradient(circle at 100% 95%, transparent 0.6%, black 0.8%);
  
  mask-composite: intersect;
  -webkit-mask-composite: destination-in; /* For Safari */
}

.tlcof-coupon-template-container {
	background-color: var(--tlcof-background-color, #6c5ce7) ;
}
.tlcof-coupon-buttons .tlcof-Coupon-button {
	display: flex;
	align-items: center;
	gap: 5px;
}