/**
 * Store page mobile — match CouponBirds phone layout.
 * Loaded LAST (after store-codes.css).
 *
 * CB mobile card (from client dump):
 *   .deal-info > .code-border (%OFF) + .dashed-box (Copy)
 *   .deal-desc-brand-logo > logo + brand (no CODE pill)
 *   .right-arrow
 */

/* Desktop defaults — hide mobile-only CB nodes */
.cb-cta-mobile,
.cb-mobile-arrow,
.cb-modal-back,
.right-arrow,
.dashed-box,
.popular-store,
.popular-store-main,
.mask-layer {
	display: none;
}

.cb-cta-desktop {
	display: inline;
}

/* H2 lead line ("Apply <Brand> coupon to save.") is a CB mobile-only node.
 * store-codes.css flips .bp-title h2 to display:block inside max-width:992px,
 * so the hide must be scoped above the mobile breakpoint (≤767 owns the show rule). */
@media (min-width: 768px) {
	body.single-cb_store .bp-title h2,
	body.single_cb_store .bp-title h2 {
		display: none;
	}
}

/*
 * Nested CTA labels must NEVER inherit peek-code styles
 * (.get-code span / dashed box). Those belong only on the
 * direct-child hint span. Without this, desktop "Get Code"
 * overlaps the dashed tip and looks destroyed.
 */
.container-codes .get-code > a .cb-cta-desktop,
.container-codes .get-deal > a .cb-cta-desktop,
.container-codes .get-deal-new-style > a .cb-cta-desktop {
	display: inline !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
	text-align: inherit !important;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: auto !important;
}

.container-codes .get-code > a .cb-cta-mobile,
.container-codes .get-deal > a .cb-cta-mobile,
.container-codes .get-deal-new-style > a .cb-cta-mobile {
	display: none !important;
	position: static !important;
	border: 0 !important;
}

/*
 * "What If … Isn't Working" uses .redeem_coupon, but store-codes.css only
 * pads .redeem_coupon_code. On phones the block itself is the white panel;
 * desktop keeps it a transparent shell (see responsive.css).
 */
@media (max-width: 767px) {
	.container-codes .redeem_coupon {
		background-color: #fff;
		border-radius: 0;
		padding: 25px 25px 15px;
		box-sizing: border-box;
		margin: 10px 0;
		width: 100%;
		max-width: 100%;
	}
}

.container-codes .redeem_coupon .redeem_title h2 {
	margin-top: 0;
}

.container-codes .redeem_coupon_code {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
}

/*
 * Section titles sit OUTSIDE the white cards (CB desktop DOM order):
 * .review-title / .saving_title / .frequently-question-title are siblings.
 * Desktop h2 spacing comes from store-codes.css (15px 0); phones use 0/14px.
 */
.container-codes .frequently-question-title,
.container-codes .review-title,
.container-codes .saving_title,
.container-codes .redeem_title {
	margin: 0;
	padding: 0;
}

@media (max-width: 767px) {
	.container-codes .frequently-question-title h2,
	.container-codes .review-title h2,
	.container-codes .saving_title h2,
	.container-codes .redeem_title h2 {
		margin-top: 0;
		margin-bottom: 14px;
	}
}

/*
 * Similar Stores + Popular Searches — CB mobile: white card, 2-column teal links.
 * Desktop box metrics come from store-codes.css (.bi .bp / .shadow-sm.bp) — mobile
 * overrides live inside the media query so 1280px keeps the CB values.
 */
@media (max-width: 767px) {
	/* CB ref link boxes are .col-md-12.ll: no radius, no shadow, pad 0 25px 5px,
	 * title inset carries the 25px top padding. */
	.container-codes .bp-popular {
		background: #fff;
		border-radius: 0;
		box-sizing: border-box;
		padding: 0 25px 5px !important;
		margin: 10px -5px !important;
		width: calc(100% + 10px) !important;
		max-width: none !important;
		box-shadow: none !important;
	}
}

.container-codes .bp-popular .lbp .title {
	font-weight: 600 !important;
	font-size: 16px !important;
	color: #404040 !important;
	margin: 0 0 10px !important;
	text-align: left !important;
}

@media (max-width: 767px) {
	.container-codes .bp-popular .lbp .title {
		padding-top: 25px;
		margin: 0 0 15px !important;
	}
}

.container-codes .bp-popular .links {
	width: 100%;
	max-width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}

.container-codes .bp-popular .popular-panel {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	column-gap: 16px;
	row-gap: 0;
	width: 100%;
	margin: 0 !important;
}

.container-codes .bp-popular .popular-panel p.popular {
	width: auto !important;
	max-width: 100%;
	margin: 7px 0 0 !important;
	padding: 0 !important;
	float: none !important;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: inherit !important;
	text-align: left !important;
}

.container-codes .bp-popular .popular-panel p.popular a {
	color: #2fc2a9 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: -0.1px;
	text-decoration: none !important;
}

.container-codes .bp-popular .popular-panel p.popular a:hover {
	text-decoration: underline !important;
}

/* Narrow desktop sidebar: one column; stacked/full-width: two columns */
@media (min-width: 993px) {
	.container-codes .col-md-3 .bp-popular .popular-panel {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.cb-cta-desktop {
		display: none !important;
	}

	.cb-cta-mobile {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 4px;
		color: #fff !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		letter-spacing: 0.2px;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.cb-cta-mobile .cb-copy-icon {
		display: block;
		flex-shrink: 0;
		width: 11px;
		height: 11px;
	}

	/* ---- Header: CB exact [logo | white search+icon | dark hamburger] ---- */
	body.single-cb_store .index_header {
		background: #000 !important;
		padding: 0 !important;
		height: 56px !important;
		min-height: 56px !important;
	}

	body.single-cb_store .index_header .header-center {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		padding: 0 10px !important;
		min-height: 56px !important;
		height: 56px !important;
		box-sizing: border-box;
	}

	body.single-cb_store .index_header .logo {
		flex: 0 0 auto !important;
		order: 1 !important;
		display: flex !important;
		align-items: center !important;
		line-height: 0 !important;
		height: 28px !important;
		width: auto !important;
	}

	body.single-cb_store .index_header .logo a,
	body.single-cb_store .index_header .logo .js-common-log-click {
		height: 28px !important;
		display: block !important;
	}

	body.single-cb_store .index_header .logo img {
		max-width: 118px !important;
		width: auto !important;
		height: 28px !important;
		object-fit: contain !important;
		object-position: left center !important;
	}

	body.single-cb_store .index_header .cb-header-tools {
		flex: 1 1 auto !important;
		max-width: none !important;
		width: auto !important;
		order: 2 !important;
		min-width: 0 !important;
		height: 35px !important;
		margin: 0 !important;
	}

	body.single-cb_store .index_header .search-from-home-page,
	body.single-cb_store .index_header .search {
		width: 100% !important;
		margin: 0 !important;
		height: 35px !important;
		display: block !important;
	}

	body.single-cb_store .index_header .search-form {
		width: 100% !important;
		height: 35px !important;
		margin: 0 !important;
	}

	body.single-cb_store .index_header .search-form .input-group {
		display: flex !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		position: relative !important;
		width: 100% !important;
		height: 35px !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
		border: 1.5px solid #2fc2a9 !important;
		border-radius: 4px !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	/* Magnifying glass painted on the field — always visible */
	body.single-cb_store .index_header .search-form .input-group::before {
		content: "" !important;
		position: absolute !important;
		left: 10px !important;
		top: 50% !important;
		width: 14px !important;
		height: 14px !important;
		margin-top: -7px !important;
		z-index: 5 !important;
		pointer-events: none !important;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16'%3E%3Cpath fill='%23757575' d='M6.976 0c3.737 0 6.766 3.064 6.766 6.845a6.87 6.87 0 0 1-1.625 4.449l4.093 4.002-.67.704-4.102-4.01a6.7 6.7 0 0 1-4.462 1.699C3.24 13.689.21 10.625.21 6.845S3.24 0 6.976 0m0 .98c-3.203 0-5.799 2.625-5.799 5.865 0 3.239 2.596 5.865 5.8 5.865 3.202 0 5.798-2.626 5.798-5.865S10.18.979 6.976.979'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-size: 14px 14px !important;
		background-position: center !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.single-cb_store .index_header .search-form .fire {
		display: none !important;
	}

	body.single-cb_store .index_header .cb-search-icon,
	body.single-cb_store .index_header .search-form .cb-search-icon {
		display: none !important; /* ::before is the visible icon */
	}

	body.single-cb_store .index_header .search-form .form-control,
	body.single-cb_store .index_header .search-form .search-input-home-page {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 10px 0 32px !important; /* room for magnifying glass */
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		outline: none !important;
		background: transparent !important;
		font-size: 14px !important;
		line-height: 31px !important;
		color: #404040 !important;
		box-sizing: border-box !important;
		position: relative !important;
		z-index: 1 !important;
	}

	/* CB mobile Search button — shown while searching (sheet + client dump) */
	body.single-cb_store .index_header .search-form .btn,
	body.single-cb_store .index_header .search-form button.btn,
	body.single-cb_store .index_header .search-form .search-submit-btn,
	body.single-cb_store .index_header .search-form .input-group > .btn {
		display: none;
		width: 91px !important;
		min-width: 91px !important;
		max-width: 91px !important;
		height: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		border-radius: 4px !important;
		background-color: #2fc2a9 !important;
		color: #fff !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		line-height: 33px !important;
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		z-index: 100 !important;
		visibility: visible !important;
		overflow: visible !important;
		pointer-events: auto !important;
	}

	body.single-cb_store .index_header .search-form.is-search-active .search-submit-btn,
	body.single-cb_store .index_header .search-from-home-page.is-search-active .search-submit-btn,
	body.single-cb_store .index_header .search-form.is-search-active .btn,
	body.single-cb_store .index_header .search-from-home-page.is-search-active .btn {
		display: block !important;
	}

	body.single-cb_store .index_header .search-form.is-search-active .form-control,
	body.single-cb_store .index_header .search-form.is-search-active .search-input-home-page {
		padding-right: 100px !important;
	}

	body.single-cb_store .index_header .one-click-clear {
		display: none;
		position: absolute !important;
		right: 95px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		width: 30px !important;
		height: 30px !important;
		z-index: 1010 !important; /* above the input's 1008, else the field swallows the tap */
		align-items: center;
		justify-content: center;
	}

	/* CB mobile menu icon (.popular-store) */
	body.single-cb_store .popular-store,
	body.single-cb_store .index_header .popular-store {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 34px !important;
		order: 3 !important;
		width: 34px !important;
		height: 34px !important;
		margin: 0 0 0 6px !important;
	}

	body.single-cb_store .index_header .header-center {
		position: relative !important;
	}

	/* Space between header and store title card */
	body.single_cb_store .container.container-codes,
	body.single-cb_store .container.container-codes {
		padding-top: 4px !important;
	}

	/* CB ref .bp panel: full-bleed, no radius, soft shadow, 74px logo + H1 + H2.
	 * margin-bottom is 0 here (ref 8px) because flex items don't collapse margins —
	 * the ref's 8px + the card's 10px collapse to a 10px gap; keeping the panel at 0
	 * reproduces that gap exactly once .first-coupon's 10px is applied. */
	body.single-cb_store .container-codes .bp-title {
		margin: 0 -5px 0 !important;
		padding: 10px !important;
		border-radius: 0;
		background-color: #fff;
		box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
		display: flex;
		align-items: flex-start;
		min-height: 72px;
	}

	/* ---- Page gutters: CB ref insets the coupon column 5px, sections full-bleed ---- */
	.container.container-codes {
		padding-left: 5px !important;
		padding-right: 5px !important;
		overflow-x: hidden;
		width: 100%;
		max-width: 100%;
	}

	.container-codes > .coupon-main.row,
	.container-codes .coupon-main.row {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.container-codes .col-md-9,
	.container-codes .col-md-3,
	.container-codes .bp-title .col-md-9 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.container-codes .bp-title .col-md-9 {
		margin-bottom: 0 !important;
	}

	.container-codes .bp-title h1,
	.container-codes h1 {
		white-space: normal !important;
		overflow: hidden !important;
		text-overflow: ellipsis;
		font-size: 16px !important;
		line-height: 22px !important;
		font-weight: 600 !important;
		letter-spacing: -0.5px;
		margin: 0 0 8px !important;
		max-height: 44px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.container-codes .bp-title h2 {
		color: #666;
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: -0.1px;
		margin: -8px 0 8px;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.container-codes .bp-title .bp-h1-box {
		margin-left: 0 !important;
		min-width: 0;
		flex: 1 1 auto;
	}

	.container-codes .bp-title .logo {
		width: 74px !important;
		height: 74px !important;
		flex-shrink: 0;
		margin-right: 12px;
		border-radius: 5px;
		overflow: hidden;
	}

	.container-codes .bp-title .logo img {
		max-width: 74px !important;
		max-height: 74px !important;
	}

	/* ---- Coupon card ---- */
	.container-codes .cp.coupon-code-list,
	.container-codes .shadow-sm.cp {
		overflow: visible !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 8px !important;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		border: 0 !important; /* CB mobile: shadow only, no hairline */
		border-radius: 0 !important;
		background: #fff !important;
		box-shadow: 0 1px 3px 0 #d9d9d9 !important;
	}

	.container-codes .shadow-sm.first-coupon,
	.container-codes .first-coupon.coupon-code-list,
	.container-codes .first-coupon {
		overflow: visible !important;
		margin-top: 10px !important;
		margin-bottom: 8px !important;
		border: 1px solid #f75f5e !important; /* Staff Pick red border */
		border-radius: 0 !important;
		background: #fff !important;
		box-shadow: 0 1px 3px 0 #d9d9d9 !important;
	}

	.container-codes .first-coupon .first-panel {
		top: -9px !important;
		margin-left: 10px !important;
		z-index: 4;
		width: auto !important;
		min-width: 0;
		height: 18px !important;
		padding: 0 3px !important;
		border-radius: 5px !important;
	}

	.container-codes .first-coupon .first-panel span {
		font-size: 12px !important;
		line-height: 1.86 !important;
		padding: 0 1px !important;
	}


	/*
	 * CB mobile ticket EXACT from client dump amazon_coupon_mobile_real.html
	 * SVG perforated ticket backgrounds (code-border + dashed-box).
	 * Desktop .get-code peel stays in DOM but is hidden here.
	 */
	.container-codes .deal {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		position: relative;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		/* CB ref .cl .cp .deal ends with `height:116px` (min 103 / max 143 are guards).
		 * The percentage children (.deal-info min-height:100%, .deal-desc height:100%,
		 * .code-border 72%, .dashed-box 35%) only resolve against a definite height. */
		height: 116px !important;
		min-height: 103px !important;
		max-height: 143px !important;
		padding: 11px 10px 5px 5px !important;
		border-radius: 0 !important;
		letter-spacing: -0.1px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: visible !important;
		width: 100%;
		row-gap: normal !important;
		column-gap: normal !important;
		grid-template-columns: none !important;
		grid-template-areas: none !important;
	}

	/* Staff Pick badge sits outside .deal — keep article overflow visible */
	.container-codes .first-coupon > .deal {
		overflow: visible !important;
	}

	.container-codes .deal > .overlay {
		position: absolute;
		inset: 0;
		z-index: 1;
	}

	/* Hide desktop peel CTA on mobile — ticket uses .dashed-box */
	.container-codes .get-code,
	.container-codes .get-deal,
	.container-codes .get-deal-new-style {
		display: none !important;
	}

	.container-codes .deal-info,
	.container-codes .deal-info.deal-info-code {
		width: 5.125rem !important;
		min-width: 5.125rem !important;
		max-width: 5.125rem !important;
		border-radius: 0 !important;
		text-align: center;
		text-transform: uppercase !important;
		font-size: 14px !important;
		font-weight: 900;
		line-height: 21px;
		letter-spacing: 0.2px;
		color: #404040 !important;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column !important;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center !important;
		-ms-flex-negative: 0;
		flex-shrink: 0 !important;
		min-height: 100% !important;
		height: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: visible !important;
		align-items: normal !important;
		align-self: stretch !important;
		position: static !important;
		box-sizing: border-box !important;
		background: transparent !important;
		border: 0 !important;
	}

	.container-codes .deal-info .code-border {
		height: 72% !important;
		min-height: 0 !important;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzciIGhlaWdodD0iNzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTQuOCUiIHk9Ii0zLjclIiB3aWR0aD0iMTA5LjYlIiBoZWlnaHQ9IjExMC4zJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYSI+PGZlTW9ycGhvbG9neSByYWRpdXM9Ii41IiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93U3ByZWFkT3V0ZXIxIi8+PGZlT2Zmc2V0IGR5PSIxIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEuNSIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuNDMxMzcyNTQ5IDAgMCAwIDAgMC40MzEzNzI1NDkgMCAwIDAgMCAwLjQzMTM3MjU0OSAwIDAgMCAxIDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PHBhdGggZD0iTTY3IDBhNiA2IDAgMCAxIDYgNnY2MC4wMjVjLTEuNDY3LjE1LTIuNjQuOTQ5LTIuOTMgMS45NzZINjhjMC0uNTUzLS43My0xLjAwMS0xLjYzLTEuMDAxLS45IDAtMS42MjkuNDQ4LTEuNjI5IDFsLTIuMTcyLjAwMWMwLS41NTMtLjczLTEuMDAxLTEuNjMtMS4wMDEtLjkgMC0xLjYyOS40NDgtMS42MjkgMWwtMi4xNzIuMDAxYzAtLjU1My0uNzMtMS4wMDEtMS42My0xLjAwMS0uOSAwLTEuNjI5LjQ0OC0xLjYyOSAxbC0yLjE3Mi4wMDFjMC0uNTUzLS43My0xLjAwMS0xLjYzLTEuMDAxLS45IDAtMS42MjkuNDQ4LTEuNjI5IDFsLTIuMTcyLjAwMWMwLS41NTMtLjczLTEuMDAxLTEuNjMtMS4wMDEtLjkgMC0xLjYyOS40NDgtMS42MjkgMWwtMi4xNzIuMDAxYzAtLjU1My0uNzMtMS4wMDEtMS42My0xLjAwMS0uOSAwLTEuNjI5LjQ0OC0xLjYyOSAxbC0yLjE3Mi4wMDFjMC0uNTUzLS43My0xLjAwMS0xLjYzLTEuMDAxLS45IDAtMS42MjkuNDQ4LTEuNjI5IDFsLTIuMTcyLjAwMWMwLS41NTMtLjczLTEuMDAxLTEuNjMtMS4wMDEtLjkgMC0xLjYyOS40NDgtMS42MjkgMWwtMi4xNzIuMDAxYzAtLjU1My0uNzMtMS4wMDEtMS42My0xLjAwMS0uOSAwLTEuNjI5LjQ0OC0xLjYyOSAxbC0yLjE3Mi4wMDFjMC0uNTUzLS43My0xLjAwMS0xLjYzLTEuMDAxLS45IDAtMS42MjkuNDQ4LTEuNjI5IDFsLTIuMTcyLjAwMWMwLS41NTMtLjczLTEuMDAxLTEuNjMtMS4wMDEtLjkgMC0xLjYzLjQ0OC0xLjYzIDFsLTIuMTcxLjAwMWMwLS41NTMtLjczLTEuMDAxLTEuNjMtMS4wMDEtLjkgMC0xLjYzLjQ0OC0xLjYzIDFIMi45M2MuMDQ3LS4xNjEuMDctLjMyOC4wNy0uNUMzIDY2LjI0IDEuNjk3IDY1LjE5OSAwIDY1LjAyNVY2YTYgNiAwIDAgMSA2LTZoNjFaIiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgMSkiPjx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI2EpIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2IiLz48L2c+PHBhdGggZD0iTTY5IDFhNiA2IDAgMCAxIDYgNnY2MC4wMjVjLTEuNDY2LjE1LTIuNjQuOTQ5LTIuOTMgMS45NzZINzBjMC0uNTUzLS43My0xLjAwMS0xLjYzLTEuMDAxLS45IDAtMS42MjkuNDQ4LTEuNjI5IDFsLTIuMTcyLjAwMWMwLS41NTMtLjczLTEuMDAxLTEuNjMtMS4wMDEtLjkgMC0xLjYyOS40NDgtMS42MjkgMWwtMi4xNzIuMDAxYzAtLjU1My0uNzMtMS4wMDEtMS42My0xLjAwMS0uOSAwLTEuNjI5LjQ0OC0xLjYyOSAxbC0yLjE3Mi4wMDFjMC0uNTUzLS43My0xLjAwMS0xLjYzLTEuMDAxLS45IDAtMS42MjkuNDQ4LTEuNjI5IDFsLTIuMTcyLjAwMWMwLS41NTMtLjczLTEuMDAxLTEuNjMtMS4wMDEtLjkgMC0xLjYyOS40NDgtMS42MjkgMWwtMi4xNzIuMDAxYzAtLjU1My0uNzMtMS4wMDEtMS42My0xLjAwMS0uOSAwLTEuNjI5LjQ0OC0xLjYyOSAxbC0yLjE3Mi4wMDFjMC0uNTUzLS43My0xLjAwMS0xLjYzLTEuMDAxLS45IDAtMS42MjkuNDQ4LTEuNjI5IDFsLTIuMTcyLjAwMWMwLS41NTMtLjczLTEuMDAxLTEuNjMtMS4wMDEtLjkgMC0xLjYyOS40NDgtMS42MjkgMWwtMi4xNzIuMDAxYzAtLjU1My0uNzMtMS4wMDEtMS42My0xLjAwMS0uOSAwLTEuNjI5LjQ0OC0xLjYyOSAxbC0yLjE3Mi4wMDFjMC0uNTUzLS43My0xLjAwMS0xLjYzLTEuMDAxLS45IDAtMS42MjkuNDQ4LTEuNjI5IDFsLTIuMTcyLjAwMWMwLS41NTMtLjczLTEuMDAxLTEuNjMtMS4wMDEtLjkgMC0xLjYyOS40NDgtMS42MjkgMWwtMi4xNzIuMDAxYzAtLjU1My0uNzMtMS4wMDEtMS42My0xLjAwMUM3LjczIDY4IDcgNjguNDQ4IDcgNjlsLTIuMDcuMDAxYy4wNDYtLjE2Mi4wNy0uMzMuMDctLjUwMSAwLTEuMjYtMS4zMDQtMi4zMDEtMy0yLjQ3NVY3YTYgNiAwIDAgMSA2LTZoNjFabTAgMUg4YTUgNSAwIDAgMC01IDV2NTguMTk2bC4xNDUuMDQxYzEuNDU3LjQzOCAyLjU2IDEuNDQ3IDIuODA0IDIuNzI2bC4wMDYuMDM3aC4zN2wuMDUtLjA2N2MuNDQyLS41NTYgMS4yMjctLjg5IDIuMDgyLS45MjlMOC42MyA2N2MuOTIxIDAgMS43ODMuMzQgMi4yNTUuOTMzbC4wNS4wNjguODIxLS4wMDEuMDUtLjA2N2MuNDQzLS41NTYgMS4yMjgtLjg5IDIuMDgzLS45MjlMMTQuMDYgNjdjLjkyMSAwIDEuNzgzLjM0IDIuMjU1LjkzM2wuMDUuMDY4LjgyMS0uMDAxLjA1LS4wNjdjLjQ0My0uNTU2IDEuMjI4LS44OSAyLjA4My0uOTI5bC4xNzItLjAwNGMuOTIxIDAgMS43ODMuMzQgMi4yNTUuOTMzbC4wNS4wNjguODIxLS4wMDEuMDUtLjA2N2MuNDQzLS41NTYgMS4yMjgtLjg5IDIuMDg0LS45MjlsLjE3MS0uMDA0Yy45MjEgMCAxLjc4My4zNCAyLjI1NS45MzNsLjA1LjA2OC44MjEtLjAwMS4wNS0uMDY3Yy40NDMtLjU1NiAxLjIyOC0uODkgMi4wODQtLjkyOWwuMTcxLS4wMDRjLjkyMSAwIDEuNzgzLjM0IDIuMjU1LjkzM2wuMDUuMDY4LjgyMS0uMDAxLjA1LS4wNjdjLjQ0My0uNTU2IDEuMjI4LS44OSAyLjA4NC0uOTI5bC4xNzEtLjAwNGMuOTIyIDAgMS43ODMuMzQgMi4yNTUuOTMzbC4wNS4wNjguODIxLS4wMDEuMDUtLjA2N2MuNDQ0LS41NTYgMS4yMjgtLjg5IDIuMDg0LS45MjlsLjE3Mi0uMDA0Yy45MiAwIDEuNzgyLjM0IDIuMjU0LjkzM2wuMDUuMDY4LjgyMS0uMDAxLjA1MS0uMDY3Yy40NDMtLjU1NiAxLjIyOC0uODkgMi4wODMtLjkyOWwuMTcyLS4wMDRjLjkyIDAgMS43ODIuMzQgMi4yNTQuOTMzbC4wNS4wNjguODIyLS4wMDEuMDUtLjA2N2MuNDQzLS41NTYgMS4yMjgtLjg5IDIuMDgzLS45MjlsLjE3Mi0uMDA0Yy45MiAwIDEuNzgyLjM0IDIuMjU0LjkzM2wuMDUuMDY4LjgyMi0uMDAxLjA1LS4wNjdjLjQ0My0uNTU2IDEuMjI4LS44OSAyLjA4My0uOTI5bC4xNzItLjAwNGMuOTIgMCAxLjc4Mi4zNCAyLjI1NC45MzNsLjA1LjA2OC44MjItLjAwMS4wNS0uMDY3Yy40NDMtLjU1NiAxLjIyOC0uODkgMi4wODMtLjkyOUw2Mi45NCA2N2MuOTIgMCAxLjc4Mi4zNCAyLjI1NC45MzNsLjA1LjA2OC44MjItLjAwMS4wNS0uMDY3Yy40NDMtLjU1NiAxLjIyOC0uODkgMi4wODMtLjkyOUw2OC4zNyA2N2MuOTIgMCAxLjc4Mi4zNCAyLjI1NC45MzNsLjA1LjA2OGguNzVsLjA4Mi0uMTMxYy40OTQtLjc0MyAxLjMxMi0xLjMwOSAyLjI5LTEuNjE1bC4yMDItLjA1OUw3NCA3YTUgNSAwIDAgMC00Ljc4My00Ljk5NUw2OSAyWiIgZmlsbD0iIzJGQzJBOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat center !important;
		background-size: 73px auto !important;
		width: 73px !important;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column !important;
		margin: 0 auto -6px !important;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center !important;
		align-items: center !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-sizing: border-box !important;
	}

	.container-codes .deal-info .discount {
		font-size: 22px !important;
		line-height: normal !important;
		letter-spacing: normal !important;
		font-weight: 700 !important;
		color: #2fc2a9 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.container-codes .deal-info .suffix {
		font-size: 18px !important;
		line-height: normal !important;
		font-weight: 700 !important;
		color: #2fc2a9 !important;
		margin: -3px 0 0 !important;
		padding: 0 !important;
		text-transform: uppercase;
	}

	.container-codes .deal-info .dashed-box {
		display: block !important;
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzciIGhlaWdodD0iMzIiPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIHdpZHRoPSIxMDkuNiUiIGhlaWdodD0iMTI0LjklIiB4PSItNC44JSIgeT0iLTguOSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlTW9ycGhvbG9neSBpbj0iU291cmNlQWxwaGEiIHJhZGl1cz0iLjUiIHJlc3VsdD0ic2hhZG93U3ByZWFkT3V0ZXIxIi8+PGZlT2Zmc2V0IGR5PSIxIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMS41Ii8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0JsdXJPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwLjQzMTM3MjU0OSAwIDAgMCAwIDAuNDMxMzcyNTQ5IDAgMCAwIDAgMC40MzEzNzI1NDkgMCAwIDAgMSAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9ImIiIGQ9Ik02OS42OCAwdi4wM2MwIDEuNTY2IDEuNDY0IDIuODM0IDMuMjY5IDIuODM0TDczIDIuODYzVjIyYTYgNiAwIDAgMS02IDZoLTYxYTYgNiAwIDAgMS02LTZMMCAyLjg2NGguMDQ4YzEuODA1IDAgMy4yNjgtMS4yNjggMy4yNjgtMi44MzRMMy4zMTUgMEg1LjA3YzAgLjUxMy43MjguOTI4IDEuNjI2LjkyOC44OTggMCAxLjYyNi0uNDE1IDEuNjI2LS45MjhoMi4xNjdjMCAuNTEzLjcyOC45MjggMS42MjYuOTI4Ljg5OCAwIDEuNjI2LS40MTUgMS42MjYtLjkyOGgyLjE2N2MwIC41MTMuNzI4LjkyOCAxLjYyNi45MjguODk4IDAgMS42MjYtLjQxNSAxLjYyNi0uOTI4aDIuMTY3YzAgLjUxMy43MjguOTI4IDEuNjI2LjkyOC44OTggMCAxLjYyNi0uNDE1IDEuNjI2LS45MjhoMi4xNjhjMCAuNTEzLjcyNy45MjggMS42MjUuOTI4UzI5Ljk5OC41MTMgMjkuOTk4IDBoMi4xNjhjMCAuNTEzLjcyNy45MjggMS42MjUuOTI4UzM1LjQxNy41MTMgMzUuNDE3IDBoMi4xNjhjMCAuNTEzLjcyOC45MjggMS42MjUuOTI4Ljg5OCAwIDEuNjI2LS40MTUgMS42MjYtLjkyOGgyLjE2OGMwIC41MTMuNzI4LjkyOCAxLjYyNi45MjguODk3IDAgMS42MjUtLjQxNSAxLjYyNS0uOTI4aDIuMTY4YzAgLjUxMy43MjguOTI4IDEuNjI2LjkyOC44OTggMCAxLjYyNS0uNDE1IDEuNjI1LS45MjhoMi4xNjhjMCAuNTEzLjcyOC45MjggMS42MjYuOTI4Ljg5OCAwIDEuNjI1LS40MTUgMS42MjUtLjkyOGgyLjE2OGMwIC41MTMuNzI4LjkyOCAxLjYyNi45MjguODk4IDAgMS42MjYtLjQxNSAxLjYyNi0uOTI4aDIuMTY3YzAgLjUxMy43MjguOTI4IDEuNjI2LjkyOC44OTggMCAxLjYyNi0uNDE1IDEuNjI2LS45MjhoMS43NDhaIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAxKSI+PHVzZSB4bGluazpocmVmPSIjYiIgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI2EpIi8+PHVzZSB4bGluazpocmVmPSIjYiIgZmlsbD0iIzJCQzRBQiIvPjwvZz48L3N2Zz4=) no-repeat center !important;
		background-size: 77px auto !important;
		width: 77px !important;
		color: #fff;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		margin: 0 auto !important;
		overflow: hidden;
		height: 35% !important;
		min-height: 28px !important;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		position: relative !important;
		z-index: 3;
		border: 0 !important;
		border-radius: 0 !important;
	}

	.container-codes .deal-info .dashed-box .dashed-code-link {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center !important;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center !important;
		width: 100% !important;
		height: 100% !important;
		background: transparent !important;
		color: #fff !important;
		text-decoration: none !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-sizing: border-box !important;
	}

	.container-codes .deal-info .dashed-box .dashed-code {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center !important;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center !important;
		width: 100% !important;
		height: 100% !important;
		gap: 0 !important;
		color: #fff !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		letter-spacing: 0.41px;
		text-transform: capitalize;
		line-height: 1 !important;
		white-space: nowrap;
	}

	.container-codes .deal-info .dashed-box .dashed-code svg {
		display: block !important;
		width: 12px !important;
		height: 13px !important;
		flex-shrink: 0;
		margin-right: 5px !important;
		fill: #fff !important;
	}

	/* CB ref swaps the ticket art on reveal: the solid accent pill (off state) is replaced by a
	 * white plate with a dashed accent outline, and only then is the code painted in the accent
	 * colour. Keeping the solid pill left the code invisible (measured: #F75F5E text on the
	 * #F75F5E ticket = accent on accent). Red art = verbatim from the capture, teal = same SVG
	 * with the stroke switched to the non-staff accent. */
	.container-codes .deal-info .dashed-box.is-revealed {
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzgiIGhlaWdodD0iMzUiPjxkZWZzPjxmaWx0ZXIgaWQ9ImIiIHdpZHRoPSIxMDkuNiUiIGhlaWdodD0iMTIzLjMlIiB4PSItNC44JSIgeT0iLTguMyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlTW9ycGhvbG9neSBpbj0iU291cmNlQWxwaGEiIHJhZGl1cz0iLjUiIHJlc3VsdD0ic2hhZG93U3ByZWFkT3V0ZXIxIi8+PGZlT2Zmc2V0IGR5PSIxIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMS41Ii8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAuNDMxMzcyNTQ5IDAgMCAwIDAgMC40MzEzNzI1NDkgMCAwIDAgMCAwLjQzMTM3MjU0OSAwIDAgMCAxIDAiLz48L2ZpbHRlcj48cGF0aCBpZD0iYSIgZD0iTTY3LjkzIDY4LjYwMWgxLjc1di4wMzNjMCAxLjY3NyAxLjQ2MyAzLjAzNiAzLjI2OCAzLjAzNmwuMDUyLS4wMDJ2MjAuOTMzYzAgMy4zMTQtMi45MjcgNi02LjUzNyA2SDYuNTM4Yy0zLjYxIDAtNi41MzctMi42ODYtNi41MzctNkwwIDcxLjY3aC4wNDdjMS44MDYgMCAzLjI3LTEuMzYgMy4yNy0zLjAzNmwtLjAwMy0uMDMzSDUuMDdjMCAuNTUuNzI4Ljk5NSAxLjYyNi45OTVzMS42MjUtLjQ0NSAxLjYyNS0uOTk1aDIuMTY4YzAgLjU1LjcyOC45OTUgMS42MjYuOTk1czEuNjI1LS40NDUgMS42MjUtLjk5NWgyLjE2OGMwIC41NS43MjguOTk1IDEuNjI2Ljk5NXMxLjYyNi0uNDQ1IDEuNjI2LS45OTVoMi4xNjdjMCAuNTUuNzI4Ljk5NSAxLjYyNi45OTVzMS42MjYtLjQ0NSAxLjYyNi0uOTk1aDIuMTY3YzAgLjU1LjcyOC45OTUgMS42MjYuOTk1czEuNjI2LS40NDUgMS42MjYtLjk5NWgyLjE2N2MwIC41NS43MjguOTk1IDEuNjI2Ljk5NXMxLjYyNi0uNDQ1IDEuNjI2LS45OTVoMi4xNjdjMCAuNTUuNzI4Ljk5NSAxLjYyNi45OTVzMS42MjYtLjQ0NSAxLjYyNi0uOTk1aDIuMTY3YzAgLjU1LjcyOC45OTUgMS42MjYuOTk1czEuNjI2LS40NDUgMS42MjYtLjk5NWgyLjE2N2MwIC41NS43MjguOTk1IDEuNjI2Ljk5NXMxLjYyNi0uNDQ1IDEuNjI2LS45OTVoMi4xNjdjMCAuNTUuNzI4Ljk5NSAxLjYyNi45OTVzMS42MjYtLjQ0NSAxLjYyNi0uOTk1aDIuMTY3YzAgLjU1LjcyOC45OTUgMS42MjYuOTk1czEuNjI2LS40NDUgMS42MjYtLjk5NWgyLjE2N2MwIC41NS43MjguOTk1IDEuNjI2Ljk5NXMxLjYyNi0uNDQ1IDEuNjI2LS45OTUiLz48bWFzayBpZD0iYyIgd2lkdGg9IjczIiBoZWlnaHQ9IjMwIiB4PSIwIiB5PSIwIiBmaWxsPSIjZmZmIiBtYXNrQ29udGVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtZGFzaGFycmF5PSI0LDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNTgyIC02NykiPjx1c2UgeGxpbms6aHJlZj0iI2EiIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNiKSIvPjx1c2UgeGxpbms6aHJlZj0iI2EiIGZpbGw9IiNGRkYiIHN0cm9rZT0iIzJGQzJBOSIgc3Ryb2tlLXdpZHRoPSIyIiBtYXNrPSJ1cmwoI2MpIi8+PC9nPjwvc3ZnPg==) no-repeat center !important;
		background-size: 100% auto !important;
	}

	.container-codes .first-coupon .deal-info .dashed-box.is-revealed,
	.container-codes .first-red-coupon .deal-info .dashed-box.is-revealed {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzgiIGhlaWdodD0iMzUiPjxkZWZzPjxmaWx0ZXIgaWQ9ImIiIHdpZHRoPSIxMDkuNiUiIGhlaWdodD0iMTIzLjMlIiB4PSItNC44JSIgeT0iLTguMyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlTW9ycGhvbG9neSBpbj0iU291cmNlQWxwaGEiIHJhZGl1cz0iLjUiIHJlc3VsdD0ic2hhZG93U3ByZWFkT3V0ZXIxIi8+PGZlT2Zmc2V0IGR5PSIxIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMS41Ii8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAuNDMxMzcyNTQ5IDAgMCAwIDAgMC40MzEzNzI1NDkgMCAwIDAgMCAwLjQzMTM3MjU0OSAwIDAgMCAxIDAiLz48L2ZpbHRlcj48cGF0aCBpZD0iYSIgZD0iTTY3LjkzIDY4LjYwMWgxLjc1di4wMzNjMCAxLjY3NyAxLjQ2MyAzLjAzNiAzLjI2OCAzLjAzNmwuMDUyLS4wMDJ2MjAuOTMzYzAgMy4zMTQtMi45MjcgNi02LjUzNyA2SDYuNTM4Yy0zLjYxIDAtNi41MzctMi42ODYtNi41MzctNkwwIDcxLjY3aC4wNDdjMS44MDYgMCAzLjI3LTEuMzYgMy4yNy0zLjAzNmwtLjAwMy0uMDMzSDUuMDdjMCAuNTUuNzI4Ljk5NSAxLjYyNi45OTVzMS42MjUtLjQ0NSAxLjYyNS0uOTk1aDIuMTY4YzAgLjU1LjcyOC45OTUgMS42MjYuOTk1czEuNjI1LS40NDUgMS42MjUtLjk5NWgyLjE2OGMwIC41NS43MjguOTk1IDEuNjI2Ljk5NXMxLjYyNi0uNDQ1IDEuNjI2LS45OTVoMi4xNjdjMCAuNTUuNzI4Ljk5NSAxLjYyNi45OTVzMS42MjYtLjQ0NSAxLjYyNi0uOTk1aDIuMTY3YzAgLjU1LjcyOC45OTUgMS42MjYuOTk1czEuNjI2LS40NDUgMS42MjYtLjk5NWgyLjE2N2MwIC41NS43MjguOTk1IDEuNjI2Ljk5NXMxLjYyNi0uNDQ1IDEuNjI2LS45OTVoMi4xNjdjMCAuNTUuNzI4Ljk5NSAxLjYyNi45OTVzMS42MjYtLjQ0NSAxLjYyNi0uOTk1aDIuMTY3YzAgLjU1LjcyOC45OTUgMS42MjYuOTk1czEuNjI2LS40NDUgMS42MjYtLjk5NWgyLjE2N2MwIC41NS43MjguOTk1IDEuNjI2Ljk5NXMxLjYyNi0uNDQ1IDEuNjI2LS45OTVoMi4xNjdjMCAuNTUuNzI4Ljk5NSAxLjYyNi45OTVzMS42MjYtLjQ0NSAxLjYyNi0uOTk1aDIuMTY3YzAgLjU1LjcyOC45OTUgMS42MjYuOTk1czEuNjI2LS40NDUgMS42MjYtLjk5NWgyLjE2N2MwIC41NS43MjguOTk1IDEuNjI2Ljk5NXMxLjYyNi0uNDQ1IDEuNjI2LS45OTUiLz48bWFzayBpZD0iYyIgd2lkdGg9IjczIiBoZWlnaHQ9IjMwIiB4PSIwIiB5PSIwIiBmaWxsPSIjZmZmIiBtYXNrQ29udGVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtZGFzaGFycmF5PSI0LDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNTgyIC02NykiPjx1c2UgeGxpbms6aHJlZj0iI2EiIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNiKSIvPjx1c2UgeGxpbms6aHJlZj0iI2EiIGZpbGw9IiNGRkYiIHN0cm9rZT0iI0Y3NUY1RSIgc3Ryb2tlLXdpZHRoPSIyIiBtYXNrPSJ1cmwoI2MpIi8+PC9nPjwvc3ZnPg==) !important;
		background-size: 100% auto !important;
	}

	.container-codes .deal-info .dashed-box.is-revealed .dashed-code-link {
		background: transparent !important;
		border: 0 !important;
	}

	/* Revealed code: CB renders it 12px / 600 / line-height 18px / letter-spacing .41px in the
	 * card accent colour on the white plate (ref inline: font-size 12px, inner span 600). */
	.container-codes .deal-info .dashed-box.is-revealed .dashed-code {
		color: #2fc2a9 !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		line-height: 18px !important;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 0 4px;
		letter-spacing: 0.41px;
		text-transform: none;
	}

	.container-codes .deal-info .dashed-box.is-revealed .dashed-code svg {
		display: none !important;
	}

	/* CB mobile keeps the ticket tilted after the modal closes (settled state) */
	.container-codes .deal .dashed-box.is-revealed {
		transform: rotate(4deg);
	}

	.container-codes .first-coupon .deal-info .code-border,
	.container-codes .first-red-coupon .deal-info .code-border {
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzciIGhlaWdodD0iNzAiPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIHdpZHRoPSIxMDkuNiUiIGhlaWdodD0iMTEwLjYlIiB4PSItNC44JSIgeT0iLTMuOCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlTW9ycGhvbG9neSBpbj0iU291cmNlQWxwaGEiIHJhZGl1cz0iLjUiIHJlc3VsdD0ic2hhZG93U3ByZWFkT3V0ZXIxIi8+PGZlT2Zmc2V0IGR5PSIxIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMS41Ii8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0JsdXJPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwLjQzMTM3MjU0OSAwIDAgMCAwIDAuNDMxMzcyNTQ5IDAgMCAwIDAgMC40MzEzNzI1NDkgMCAwIDAgMSAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9ImIiIGQ9Ik02Ni40NjMgMEM3MC4wNzMgMCA3MyAyLjY4NiA3MyA2djU3LjQzOGMtMS44NTMuMDg0LTMuMzIgMS4xOTktMy4zMjQgMi41NjJINjcuOTNjMC0uNDc0LS43MjgtLjg1OC0xLjYyNi0uODU4cy0xLjYyNi4zODQtMS42MjYuODU4aC0yLjE2N2MwLS40NzQtLjcyOC0uODU4LTEuNjI2LS44NThzLTEuNjI2LjM4NC0xLjYyNi44NThoLTIuMTY3YzAtLjQ3NC0uNzI4LS44NTgtMS42MjYtLjg1OHMtMS42MjYuMzg0LTEuNjI2Ljg1OGgtMi4xNjdjMC0uNDc0LS43MjgtLjg1OC0xLjYyNi0uODU4cy0xLjYyNi4zODQtMS42MjYuODU4aC0yLjE2N2MwLS40NzQtLjcyOC0uODU4LTEuNjI2LS44NThzLTEuNjI2LjM4NC0xLjYyNi44NThoLTIuMTY3YzAtLjQ3NC0uNzI4LS44NTgtMS42MjYtLjg1OHMtMS42MjYuMzg0LTEuNjI2Ljg1OGgtMi4xNjdjMC0uNDc0LS43MjgtLjg1OC0xLjYyNi0uODU4cy0xLjYyNi4zODQtMS42MjYuODU4aC0yLjE2N2MwLS40NzQtLjcyOC0uODU4LTEuNjI2LS44NThzLTEuNjI2LjM4NC0xLjYyNi44NThIMjQuNThjMC0uNDc0LS43MjgtLjg1OC0xLjYyNi0uODU4cy0xLjYyNi4zODQtMS42MjYuODU4SDE5LjE2YzAtLjQ3NC0uNzI4LS44NTgtMS42MjYtLjg1OHMtMS42MjYuMzg0LTEuNjI2Ljg1OGgtMi4xNjdjMC0uNDc0LS43MjgtLjg1OC0xLjYyNi0uODU4cy0xLjYyNi4zODQtMS42MjYuODU4SDguMzIyYzAtLjQ3NC0uNzI4LS44NTgtMS42MjYtLjg1OFM1LjA3IDY1LjUyNiA1LjA3IDY2SDMuMzJsLjAwMS0uMDY4YzAtMS4zNjUtMS40NjctMi40ODEtMy4zMjEtMi41NjZMLjAwMSA2YzAtMy4zMTQgMi45MjctNiA2LjUzNy02eiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgMSkiPjx1c2UgeGxpbms6aHJlZj0iI2IiIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIvPjx1c2UgeGxpbms6aHJlZj0iI2IiIGZpbGw9IiNGRkYiLz48L2c+PHBhdGggZmlsbD0iI0Y3NUY1RSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNjguNDYzIDFDNzIuMDczIDEgNzUgMy42ODYgNzUgN3Y1Ny40MzhjLTEuODUzLjA4NC0zLjMyIDEuMTk5LTMuMzI0IDIuNTYySDY5LjkzYzAtLjQ3NC0uNzI4LS44NTgtMS42MjYtLjg1OHMtMS42MjYuMzg0LTEuNjI2Ljg1OGgtMi4xNjdjMC0uNDc0LS43MjgtLjg1OC0xLjYyNi0uODU4cy0xLjYyNi4zODQtMS42MjYuODU4aC0yLjE2N2MwLS40NzQtLjcyOC0uODU4LTEuNjI2LS44NThzLTEuNjI2LjM4NC0xLjYyNi44NThoLTIuMTY3YzAtLjQ3NC0uNzI4LS44NTgtMS42MjYtLjg1OHMtMS42MjYuMzg0LTEuNjI2Ljg1OGgtMi4xNjdjMC0uNDc0LS43MjgtLjg1OC0xLjYyNi0uODU4cy0xLjYyNi4zODQtMS42MjYuODU4aC0yLjE2N2MwLS40NzQtLjcyOC0uODU4LTEuNjI2LS44NThzLTEuNjI2LjM4NC0xLjYyNi44NThoLTIuMTY3YzAtLjQ3NC0uNzI4LS44NTgtMS42MjYtLjg1OHMtMS42MjYuMzg0LTEuNjI2Ljg1OGgtMi4xNjdjMC0uNDc0LS43MjgtLjg1OC0xLjYyNi0uODU4cy0xLjYyNi4zODQtMS42MjYuODU4SDI2LjU4YzAtLjQ3NC0uNzI4LS44NTgtMS42MjYtLjg1OHMtMS42MjYuMzg0LTEuNjI2Ljg1OEgyMS4xNmMwLS40NzQtLjcyOC0uODU4LTEuNjI2LS44NThzLTEuNjI2LjM4NC0xLjYyNi44NThoLTIuMTY3YzAtLjQ3NC0uNzI4LS44NTgtMS42MjYtLjg1OHMtMS42MjYuMzg0LTEuNjI2Ljg1OGgtMi4xNjdjMC0uNDc0LS43MjgtLjg1OC0xLjYyNi0uODU4UzcuMDcgNjYuNTI2IDcuMDcgNjdINS4zMmwuMDAxLS4wNjhjMC0xLjM2NS0xLjQ2Ny0yLjQ4MS0zLjMyMS0yLjU2NkwyLjAwMSA3YzAtMy4zMTQgMi45MjctNiA2LjUzNy02em0wIDFIOC41MzhDNS40NjIgMiAzLjAwMSA0LjI1OSAzLjAwMSA3TDMgNjMuNDlsLjEwOS4wMjVjMS40MjkuMzM5IDIuNTc5IDEuMjEzIDMuMDIgMi4zNzVsLjAzNy4xMDloLjI2OWwuMDExLS4wMTRjLjQ0Mi0uNTE2IDEuMjI3LS44MDUgMi4wOC0uODRsLjE3MS0uMDAzYy45MTggMCAxLjc4LjI5MyAyLjI1MS44NDNsLjAxMS4wMTRoLjg5NWwuMDExLS4wMTRjLjQ0Mi0uNTE2IDEuMjI3LS44MDUgMi4wOC0uODRsLjE3MS0uMDAzYy45MTggMCAxLjc4LjI5MyAyLjI1MS44NDNsLjAxMS4wMTRoLjg5NWwuMDExLS4wMTRjLjQ0Mi0uNTE2IDEuMjI3LS44MDUgMi4wOC0uODRsLjE3MS0uMDAzYy45MTggMCAxLjc4LjI5MyAyLjI1MS44NDNsLjAxMS4wMTRoLjg5NWwuMDExLS4wMTRjLjQ0Mi0uNTE2IDEuMjI3LS44MDUgMi4wOC0uODRsLjE3MS0uMDAzYy45MTggMCAxLjc4LjI5MyAyLjI1MS44NDNsLjAxMS4wMTRoLjg5NGwuMDEyLS4wMTRjLjQ0Mi0uNTE2IDEuMjI3LS44MDUgMi4wOC0uODRsLjE3MS0uMDAzYy45MTggMCAxLjc4LjI5MyAyLjI1MS44NDNsLjAxMS4wMTRoLjg5NGwuMDEyLS4wMTRjLjQ0Mi0uNTE2IDEuMjI3LS44MDUgMi4wOC0uODRsLjE3MS0uMDAzYy45MTggMCAxLjc4LjI5MyAyLjI1MS44NDNsLjAxMS4wMTRoLjg5NGwuMDEyLS4wMTRjLjQ0Mi0uNTE2IDEuMjI3LS44MDUgMi4wOC0uODRsLjE3MS0uMDAzYy45MTggMCAxLjc4LjI5MyAyLjI1MS44NDNsLjAxMS4wMTRoLjg5NGwuMDEyLS4wMTRjLjQ0Mi0uNTE2IDEuMjI3LS44MDUgMi4wOC0uODRsLjE3MS0uMDAzYy45MTggMCAxLjc4LjI5MyAyLjI1MS44NDNsLjAxMS4wMTRoLjg5NGwuMDEyLS4wMTRjLjQ0Mi0uNTE2IDEuMjI3LS44MDUgMi4wOC0uODRsLjE3MS0uMDAzYy45MTggMCAxLjc4LjI5MyAyLjI1MS44NDNsLjAxMS4wMTRoLjg5NGwuMDEyLS4wMTRjLjQ0Mi0uNTE2IDEuMjI3LS44MDUgMi4wOC0uODRsLjE3MS0uMDAzYy45MTggMCAxLjc4LjI5MyAyLjI1MS44NDNsLjAxMS4wMTRoLjg5NGwuMDEyLS4wMTRjLjQ0Mi0uNTE2IDEuMjI3LS44MDUgMi4wOC0uODRsLjE3LS4wMDNjLjkyIDAgMS43OC4yOTMgMi4yNTIuODQzbC4wMS4wMTRoLjg5NWwuMDEyLS4wMTRjLjQ0Mi0uNTE2IDEuMjI3LS44MDUgMi4wOC0uODRsLjE3LS4wMDNjLjkyIDAgMS43OC4yOTMgMi4yNTIuODQzbC4wMS4wMTRoLjI4N2wuMDE5LS4wNTJjLjQ0My0xLjE1MiAxLjU5My0yLjAyMyAzLjAyMS0yLjM2bC4xMDctLjAyNFY3YzAtMi42NzMtMi4zNC00Ljg4Ny01LjMwOC00Ljk5NnoiLz48L2c+PC9zdmc+) no-repeat center !important;
		background-size: 73px auto !important;
		border: 0 !important;
	}

	.container-codes .first-coupon .deal-info .discount,
	.container-codes .first-coupon .deal-info .suffix,
	.container-codes .first-red-coupon .deal-info .discount,
	.container-codes .first-red-coupon .deal-info .suffix {
		color: #f75f5e !important;
	}

	.container-codes .first-coupon .deal-info .dashed-box,
	.container-codes .first-red-coupon .deal-info .dashed-box {
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzciIGhlaWdodD0iMzQiPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIHdpZHRoPSIxMDkuNiUiIGhlaWdodD0iMTIzLjMlIiB4PSItNC44JSIgeT0iLTguMyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlTW9ycGhvbG9neSBpbj0iU291cmNlQWxwaGEiIHJhZGl1cz0iLjUiIHJlc3VsdD0ic2hhZG93U3ByZWFkT3V0ZXIxIi8+PGZlT2Zmc2V0IGR5PSIxIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMS41Ii8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0JsdXJPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwLjQzMTM3MjU0OSAwIDAgMCAwIDAuNDMxMzcyNTQ5IDAgMCAwIDAgMC40MzEzNzI1NDkgMCAwIDAgMSAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9ImIiIGQ9Ik02LjY5NSA2Ni45NjFjLjg5OCAwIDEuNjI2LS40MyAxLjYyNi0uOTZoMi4xNjhjMCAuNTMuNzI4Ljk2IDEuNjI1Ljk2Ljg5OCAwIDEuNjI2LS40MyAxLjYyNi0uOTZoMi4xNjhjMCAuNTMuNzI4Ljk2IDEuNjI2Ljk2czEuNjI1LS40MyAxLjYyNS0uOTZoMi4xNjhjMCAuNTMuNzI4Ljk2IDEuNjI2Ljk2czEuNjI1LS40MyAxLjYyNS0uOTZoMi4xNjhjMCAuNTMuNzI4Ljk2IDEuNjI2Ljk2czEuNjI1LS40MyAxLjYyNS0uOTZoMi4xNjhjMCAuNTMuNzI4Ljk2IDEuNjI2Ljk2czEuNjI1LS40MyAxLjYyNS0uOTZsMi4xNjgtLjAwMmMwIC41MzIuNzI4Ljk2MiAxLjYyNi45NjIuODQxIDAgMS41MzQtLjM3OCAxLjYxNy0uODYybC4wMDgtLjFoMi4xNjhjMCAuNTMyLjcyOC45NjIgMS42MjYuOTYyLjg0MSAwIDEuNTM0LS4zNzggMS42MTctLjg2MmwuMDA4LS4xaDIuMTY4YzAgLjUzMi43MjguOTYyIDEuNjI2Ljk2Mi44NDIgMCAxLjUzNC0uMzc4IDEuNjE3LS44NjJsLjAwOC0uMWgyLjE2OGMwIC41MzIuNzI4Ljk2MiAxLjYyNi45NjIuODQyIDAgMS41MzQtLjM3OCAxLjYxNy0uODYybC4wMDgtLjFoMi4xNjhjMCAuNTMyLjcyOC45NjIgMS42MjYuOTYyLjg0MiAwIDEuNTM0LS4zNzggMS42MTctLjg2MmwuMDA4LS4xaDIuMTY4YzAgLjUzMi43MjguOTYyIDEuNjI2Ljk2Mi44NDIgMCAxLjUzNC0uMzc4IDEuNjE3LS44NjJsLjAwOC0uMWgxLjc0OGwuMDA2LjE2OWMuMDk5IDEuNTk2IDEuNTIyIDIuODYyIDMuMjYzIDIuODYybC4wNTItLjAwMnYyMC45N2MwIDMuMzE1LTIuOTI3IDYtNi41MzcgNkg2LjUzOGMtMy42MSAwLTYuNTM3LTIuNjg1LTYuNTM3LTZMMCA2OS4wM2guMDQ3YzEuODAyIDAgMy4yNjMtMS4zNTUgMy4yNjktMy4wMjlINS4wN2MwIC41MzEuNzI4Ljk2MSAxLjYyNS45NjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIC02NSkiPjx1c2UgeGxpbms6aHJlZj0iI2IiIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIvPjx1c2UgeGxpbms6aHJlZj0iI2IiIGZpbGw9IiNGNzVGNUUiLz48L2c+PC9zdmc+) no-repeat center !important;
		background-size: 77px auto !important;
	}

	.container-codes .first-coupon .deal-info .dashed-box .dashed-code-link,
	.container-codes .first-red-coupon .deal-info .dashed-box .dashed-code-link {
		background: transparent !important;
	}

	.container-codes .first-coupon .deal-info .dashed-box.is-revealed .dashed-code,
	.container-codes .first-red-coupon .deal-info .dashed-box.is-revealed .dashed-code {
		color: #f75f5e !important;
	}

	.container-codes .deal .right-arrow,
	.container-codes .deal .right-arrow.cb-mobile-arrow {
		display: block !important;
		z-index: 3;
		position: absolute !important;
		background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iZGVhbC1kZXNjLWFycm93IiB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTEgMTciIHZlcnNpb249IjEuMSIKICAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICAgICAgPHBhdGggdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM0NS4wMDAwMDAsIC0zODUuMDAwMDAwKSIgZmlsbD0iIzM0QzFBNiIgZmlsbC1ydWxlPSJub256ZXJvIgogICAgICAgICAgICAgIGQ9Ik0zNDUuOTM5MzQsMzg1LjkzOTM0IEMzNDYuNDg4NTE1LDM4NS4zOTAxNjUgMzQ3LjM1NzU3NywzODUuMzU1ODQyIDM0Ny45NDY3MzgsMzg1LjgzNjM3IEwzNDguMDYwNjYsMzg1LjkzOTM0IEwzNTUuNTEwMDEzLDM5My4zODg2OTIgTDM0OC4wNjA2Niw0MDAuODM4MDQ1IEMzNDcuNDc0ODc0LDQwMS40MjM4MzEgMzQ2LjUyNTEyNiw0MDEuNDIzODMxIDM0NS45MzkzNCw0MDAuODM4MDQ1IEMzNDUuMzkwMTY1LDQwMC4yODg4NyAzNDUuMzU1ODQyLDM5OS40MTk4MDggMzQ1LjgzNjM3LDM5OC44MzA2NDcgTDM0NS45MzkzNCwzOTguNzE2NzI1IEwzNTEuMjY3LDM5My4zODggTDM0NS45MzkzNCwzODguMDYwNjYgQzM0NS4zOTAxNjUsMzg3LjUxMTQ4NSAzNDUuMzU1ODQyLDM4Ni42NDI0MjMgMzQ1LjgzNjM3LDM4Ni4wNTMyNjIgTDM0NS45MzkzNCwzODUuOTM5MzQgWiIKICAgICAgICAgICAgICBpZD0iaGZldWloZnVleWciPjwvcGF0aD4KICAgIDwvc3ZnPg==) !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: 11px 16px !important;
		right: 10px !important;
		top: 50% !important;
		margin-top: -7px !important;
		width: 11px !important;
		height: 16px !important;
		color: transparent !important;
		grid-area: unset !important;
	}

	.container-codes .deal .right-arrow svg {
		display: none !important;
	}

	.container-codes .first-coupon .deal .right-arrow,
	.container-codes .first-red-coupon .deal .right-arrow {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNGNzVGNUUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJtMiAyIDYgNi4xNDRMMiAxNCIvPjwvc3ZnPg==) !important;
	}

	.container-codes .deal-desc,
	.container-codes .deal-desc-brand-logo {
		grid-area: unset;
		flex: 1 1 auto;
		min-width: 0 !important;
		background-color: #fff !important;
		padding: 0 20px 0 8px !important;
		font-size: 16px !important;
		letter-spacing: -0.1px;
		overflow: visible;
		position: relative;
		z-index: 2;
		display: flex;
		flex-direction: column;
		/* CB: pin UGC row to bottom so it stays inside the card border */
		justify-content: space-between;
		align-self: stretch !important;
		gap: normal;
		height: 100%;
		min-height: 91px !important;
		box-sizing: border-box;
	}

	/* CB mobile card: chip IS rendered (ref article .promo-code-label) */
	.container-codes .deal-desc .promo-code-label {
		display: inline-block !important;
		padding: 0 6px 1px !important;
		border-radius: 5px !important;
		background-color: #f0f9f7 !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		letter-spacing: -0.43px !important;
		color: #404040 !important;
		margin-right: 10px !important;
		line-height: 18px !important;
		white-space: nowrap;
	}

	.container-codes .deal-desc .type-code,
	.container-codes .deal-desc .type-code-brand-logo {
		display: flex !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		gap: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
		min-height: 18px;
	}

	.container-codes .deal-desc .type-code .brand-row,
	.container-codes .deal-desc .type-code > span.brand-row {
		display: inline-flex !important;
		align-items: center !important;
		gap: 5px !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 12px !important;
		line-height: 18px !important;
		color: #474747 !important;
		font-weight: 500 !important;
		min-width: 0;
		max-width: 100%;
	}

	.container-codes .deal-desc .type-code img {
		display: block !important;
		width: 16px !important;
		height: 16px !important;
		max-width: 16px !important;
		max-height: 16px !important;
		margin: 0 5px 0 0 !important;
		object-fit: contain;
		flex-shrink: 0;
		border-radius: 2px;
	}

	.container-codes .deal-desc .type-code .brand,
	.container-codes .deal-desc .type-code .cb-store-name-label {
		font-size: 12px !important;
		line-height: 18px !important;
		font-weight: 500 !important;
		color: #404040 !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.container-codes .deal-desc .title,
	.container-codes .deal-desc .large-title,
	.container-codes .deal-desc .large-title a {
		font-size: 16px !important;
		line-height: 1.25 !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin: 2px 0 0 !important;
		color: #212529 !important;
		font-weight: 500 !important;
		letter-spacing: -0.5px !important;
		/* Leave room for UGC footer inside the card */
		flex: 1 1 auto;
		min-height: 20px !important;
		max-height: 2.6em;
	}

	/*
	 * CB ref mobile card DOES carry the Verified / See-verifications row
	 * (.item-info-label: flex, space-between, gap 4px, min-height 18px).
	 */
	.container-codes .cl .deal-desc .last-click-time-wrap-box,
	.container-codes .deal-desc .last-click-time-wrap-box {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 4px !important;
		position: relative !important;
		top: 0 !important;
		margin-top: auto !important;
		padding: 2px 0 2px !important;
		/* Ref .item-info-label is calc(100% + 20px): it bleeds into .deal-desc's
		 * right padding so "See verifications" ends at the card edge. */
		width: calc(100% + 20px) !important;
		max-width: none !important;
		min-height: 18px;
		font-size: 12px !important;
		flex-shrink: 0 !important;
		box-sizing: border-box;
		overflow: visible;
	}

	.container-codes .cl .deal-desc .last-click-time-wrap,
	.container-codes .deal-desc .last-click-time-wrap {
		flex: 0 0 auto;
		display: inline-flex !important;
		align-items: center !important;
		gap: 5px !important;
		font-size: 12px !important;
		line-height: 1 !important;
		color: #666 !important;
		white-space: nowrap;
	}

	.container-codes .cl .deal-desc .last-click-time-wrap img,
	.container-codes .deal-desc .last-click-time-wrap img {
		width: 12px !important;
		height: 12px !important;
	}

	.container-codes .cl .deal-desc .last-click-time-wrap .title,
	.container-codes .deal-desc .last-click-time-wrap .title {
		font-size: 12px !important;
		line-height: 1 !important;
		display: inline !important;
		-webkit-line-clamp: unset !important;
		overflow: visible !important;
		color: #666 !important;
		font-weight: 400 !important;
		margin: 0 !important;
	}

	.container-codes .cl .deal-desc .see-verification,
	.container-codes .deal-desc .see-verification {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		margin: 0 0 0 auto !important;
		flex: 0 1 auto !important;
		min-width: 0;
		gap: 5px !important;
	}

	.container-codes .cl .deal-desc .see-verification .see-verification-avatar,
	.container-codes .deal-desc .see-verification .see-verification-avatar {
		display: flex !important;
		align-items: center !important;
		flex-shrink: 0;
	}

	.container-codes .cl .deal-desc .see-verification .see-avatar-box,
	.container-codes .deal-desc .see-verification .see-avatar-box {
		width: 18px !important;
		height: 18px !important;
		aspect-ratio: 1 / 1;
		padding: 0.8px;
		border-radius: 50%;
		flex-shrink: 0;
		box-sizing: border-box;
		background-color: #fff;
		box-shadow: 0 0 1.5px 0 rgba(0, 0, 0, 0.1);
		display: flex !important;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

	.container-codes .cl .deal-desc .see-verification .see-avatar-box div,
	.container-codes .deal-desc .see-verification .see-avatar-box div {
		width: 100%;
		height: 100%;
		aspect-ratio: 1 / 1;
		font-size: 9px !important;
		font-weight: 600;
		color: #fff;
		border-radius: 50%;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	/* See verifications: CB dump = #666 + underline + pointer arrow */
	.container-codes .cl .deal-desc .see-verification .see-text,
	.container-codes .deal-desc .see-verification .see-text {
		font-size: 12px !important;
		font-weight: 400 !important;
		letter-spacing: -0.5px !important;
		white-space: nowrap;
		text-decoration: underline !important;
		color: #666 !important;
	}

	.container-codes .cl .deal-desc .see-verification .see-pointer,
	.container-codes .deal-desc .see-verification .see-pointer {
		display: block !important;
		width: 9px !important;
		height: 6px !important;
		margin-top: 3px !important;
		flex-shrink: 0;
	}

	/* Star rating under store H1 (bug sheet) */
	.container-codes .bp-title .user-review-link {
		display: flex !important;
		align-items: center !important;
		font-size: 12px !important;
		line-height: 15px !important;
		color: #4d4d4d !important;
		margin-top: 4px !important;
		gap: 0;
	}

	.container-codes .bp-title .user-review-link svg {
		margin-top: -3px !important;
		margin-right: 5px !important;
		flex-shrink: 0;
	}

	.container-codes .bp-title .user-review-link span {
		font-weight: 600;
		color: #4d4d4d !important;
	}

	.container-codes .bp-title .user-review-link i {
		display: inline-block;
		width: 1px;
		height: 10px;
		background: #d0d0d0;
		margin: 0 6px;
	}

	.container-codes .bp-title .user-review-link a {
		font-weight: 400 !important;
		color: #4d4d4d !important;
		text-decoration: none !important;
	}

	/* Chevron handled by CB SVG background-image rules above — keep override inert */
	.container-codes .right-arrow svg,
	.container-codes .cb-mobile-arrow svg {
		display: none !important;
	}

	.container-codes .ugc {
		padding: 10px 12px !important;
	}

	.container-codes .ugc-info .ugc-info-item {
		flex: 1 1 46% !important;
		min-width: 0;
	}

	/* ---- Exclusive 1-col + section gutters ---- */
	.container-codes .recommend-exclusive ul {
		display: block !important;
		padding: 0 !important;
		margin: 0 !important;
		list-style: none !important;
	}

	.container-codes .recommend-exclusive ul li {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 12px !important;
		box-sizing: border-box;
	}

	.container-codes .recommend-exclusive ul li .exclusive-panel {
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 16px 14px !important;
		margin-top: 0 !important;
	}

	.container-codes .copy-code-exclusive {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 8px;
		width: 100%;
	}

	.container-codes .copy-code-exclusive span {
		max-width: calc(100% - 110px) !important;
		min-width: 0;
	}

	/* CB ref mobile: every section h2 is 18px / 700 / letter-spacing 0.
	 * Margins differ per section (see .container-codes h2#coupon-review etc.). */
	.container-codes .recommend-exclusive h2,
	.container-codes .frequently-question h2,
	.container-codes .review-title h2,
	.container-codes .redeem_title h2,
	.container-codes .saving_title h2,
	.container-codes .tips_title {
		font-size: 18px !important;
		line-height: normal !important;
		font-weight: 700 !important;
		letter-spacing: 0 !important;
		color: #404040 !important;
	}

	.container-codes .review-title h2,
	.container-codes .recommend-exclusive h2 {
		margin: 20px 0 10px;
	}

	.container-codes .frequently-question h2 {
		margin: 0 0 5px;
		line-height: 1.5 !important;
	}

	.container-codes .redeem_coupon .redeem_title h2 {
		margin: 0 0 15px;
		line-height: 1.5 !important;
	}

	/* CB mobile sets letter-spacing -.1px on the codes row (ref 430×932) */
	.container-codes .coupon-main {
		letter-spacing: -0.1px;
	}

	.container-codes .recent-ugc-box {
		padding: 20px 16px !important;
		margin: 0 0 12px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		background-color: #fff !important;
		border-radius: 5px !important;
	}

	/* FAQ: white card is .frequently-question itself; .faq-list is bare.
	 * CB ref puts it at left 0 / 430 (row child); clone nests it in .cl (left 5),
	 * so -5px cancels the container inset. */
	.container-codes .frequently-question {
		padding: 25px 25px 15px !important;
		margin: 10px -5px !important;
		width: auto !important;
		max-width: none !important;
		box-sizing: border-box !important;
		background-color: #fff !important;
		border-radius: 0 !important;
	}

	.container-codes .frequently-question .faq-list {
		padding: 0 !important;
		margin: 0 !important;
		background-color: transparent !important;
		border-radius: 0 !important;
	}

	.container-codes .frequently-question .faq-item {
		position: relative;
	}

	.container-codes .coupon-review {
		padding: 15px 10px !important;
		margin: 0 0 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		background-color: #fff !important;
		border-radius: 0 !important;
	}

	/* Saving Tips: ref keeps .saving_title INSIDE #saving_tips (one white card,
	 * pad 25px 25px 0 for the title, tips pad-top 0). Clone has them as siblings,
	 * so mirror the join with background + padding instead of moving the DOM. */
	.container-codes .saving_title {
		background-color: #fff;
		margin: 0 -5px;
		padding: 25px 25px 0;
	}

	.container-codes .saving_title h2 {
		font-size: 18px !important;
		line-height: normal !important;
		letter-spacing: 0;
		color: #404040;
		font-weight: 700;
		margin: 0 0 15px;
	}

	.container-codes .saving_tips,
	.container-codes .coupon-main .saving_tips {
		padding: 0 25px 15px !important;
		margin: 0 -5px 10px !important;
		width: auto !important;
		max-width: none !important;
		box-sizing: border-box !important;
		background-color: #fff !important;
		border-radius: 0 !important;
	}

	/* CB ref mobile has NO "How to Redeem" block (0 nodes); only its
	 * "What If … Isn't Working" sibling (#sc-not-working) survives — and that
	 * block wraps its OWN .redeem_title/.redeem_coupon_code, so re-show those.
	 * The nested .redeem_coupon_code must stay a bare box: the outer padding /
	 * white card belongs to .redeem_coupon only (ref has .redeem_steps as a
	 * direct child there). */
	.container-codes .redeem_coupon_code,
	.container-codes .redeem_title {
		display: none !important;
	}

	.container-codes .redeem_coupon .redeem_title,
	.container-codes .redeem_coupon .redeem_coupon_code {
		display: block !important;
	}

	.container-codes .redeem_coupon .redeem_coupon_code {
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		background-color: transparent !important;
	}

	.container-codes .redeem_coupon_code,
	.container-codes .redeem_coupon {
		padding: 25px 25px 15px !important;
		margin: 10px -5px !important;
		width: auto !important;
		max-width: none !important;
		box-sizing: border-box !important;
		background-color: #fff !important;
		border-radius: 0 !important;
	}

	.container-codes .redeem_coupon .redeem_title,
	.container-codes .redeem_coupon .redeem_title h2 {
		margin-top: 0 !important;
		padding: 0 !important;
	}

	.container-codes .redeem_steps {
		padding: 0 !important;
		margin: 0 !important;
		width: 100%;
		box-sizing: border-box;
	}

	.container-codes .redeem_steps p {
		margin-right: 0 !important;
		word-wrap: break-word;
		overflow-wrap: anywhere;
	}

	/* Sidebar stats card when stacked under content */
	.container-codes .bi .shadow-sm,
	.container-codes .col-md-3 .shadow-sm {
		padding: 16px 14px !important;
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Reviews rating: "5.0 out of 5" was wrapping mid-phrase (height:41px + line-height:.86) */
	.container-codes .coupon-review .reviews-write {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		height: auto !important;
		min-height: 0 !important;
		gap: 12px !important;
		margin-bottom: 16px !important;
	}

	.container-codes .coupon-review .l {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 6px 10px !important;
		min-width: 0;
		flex: 1 1 auto;
		max-width: 100%;
	}

	.container-codes .coupon-review .l p.title {
		font-size: 18px !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
		margin: 0 !important;
		flex: 0 0 auto !important;
		max-width: none !important;
	}

	.container-codes .coupon-review .review-star-coupon {
		margin: 0 !important;
		flex: 0 0 auto;
		transform: scale(0.85);
		transform-origin: left center;
	}

	.container-codes .coupon-review .l > p:not(.title) {
		font-size: 14px !important;
		line-height: 1.3 !important;
		margin: 0 !important;
		white-space: nowrap;
	}

	.container-codes .coupon-review .r {
		flex: 0 0 auto;
		width: 100%;
	}

	.container-codes .coupon-review .r .write-btn {
		width: 100%;
	}

	.container-codes .saving_tips .content,
	.container-codes .saving_tips p,
	.container-codes .coupon-main .saving_tips p {
		margin-left: 18px !important;
		margin-right: 0 !important;
	}

	.container-codes .redeem_pict,
	.container-codes .redeem_pict img {
		max-width: 100% !important;
		width: 100%;
		height: auto !important;
	}

	.container-codes .bi,
	.container-codes .side-logo,
	.container-codes .col-md-3 > div,
	.container-codes .col-md-3 > section {
		max-width: 100% !important;
	}

	/* CB mobile row = .bp panel, content column, saving_tips, FAQ, About,
	 * Social Responsibility, Why Trust, Author, "What If" redeem, then
	 * Similar Stores / Global Sites / Popular Searches. It has NO Coupon
	 * Statistics table and no second logo/rating panel — hide just those two. */
	.container-codes .side-logo,
	.container-codes .brand-coupon-info,
	.container-codes .container-popular-brand > .shadow-sm.brand-coupon-info {
		display: none !important;
	}

	/* Mobile block order (ref row children, measured at 430×932).
	 * CB serves a different DOM to phones; the clone keeps one responsive DOM,
	 * so .cl/.bi dissolve via display:contents and their children are ordered. */
	.container-codes .coupon-main {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
	}

	.container-codes .coupon-main > .cl,
	.container-codes .coupon-main > .bi {
		display: contents !important;
	}

	.container-codes .coupon-main > * > * {
		order: 200;
		width: auto !important;
		max-width: none !important;
	}

	.container-codes .coupon-main .bp-title {
		order: 10;
	}

	.container-codes .coupon-main .js-normal {
		order: 20;
	}

	.container-codes .coupon-main article {
		order: 20;
	}

	.container-codes .coupon-main .recommend-exclusive {
		order: 30;
	}

	.container-codes .coupon-main .review-title,
	.container-codes .coupon-main .coupon-review {
		order: 40;
	}

	.container-codes .coupon-main .saving_title {
		order: 50;
	}

	.container-codes .coupon-main #saving_tips {
		order: 60;
	}

	.container-codes .coupon-main .frequently-question {
		order: 70;
	}

	.container-codes .coupon-main .container-popular-brand {
		order: 80;
	}

	/* Ref rich-content cards + link boxes span the full row width (left 0 / 430) */
	.container-codes .coupon-main .container-popular-brand,
	.container-codes .coupon-main .bp-popular {
		margin-left: -5px;
		margin-right: -5px;
		width: calc(100% + 10px) !important;
		max-width: none !important;
	}

	/* Beats the sidebar card rule (.col-md-3 .shadow-sm { padding: 16px 14px }) */
	.container-codes .coupon-main .bp-popular.shadow-sm {
		padding: 0 25px 5px !important;
	}

	/* CB ref rich-content cards: pad 25/25/15, margin 10px 0 0 (stacked, no gap
	 * after), full-bleed white panel. The clone ships inline padding-bottom values
	 * on .why-trust-us / .corresponding_author, so !important is required. */
	.container-codes .coupon-main .container-popular-brand > .rich-content {
		padding-bottom: 15px !important;
		margin: 10px -5px 0 !important;
		width: calc(100% + 10px) !important;
		max-width: none !important;
		background-color: #fff !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	.container-codes .coupon-main .redeem_coupon {
		order: 100;
	}

	.container-codes .coupon-main .bp-popular {
		order: 110;
	}

	/* ---- Coupon modal: compact CB card (not full-screen tall sheet) ---- */
	#cb-key-coupon-modal.is-open,
	#cb-key-coupon-modal.show {
		padding: 16px 12px !important;
		align-items: center !important;
		justify-content: center !important;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon {
		max-width: 420px !important;
		width: calc(100% - 8px) !important;
		margin: 0 auto !important;
		min-height: 0 !important;
		height: auto !important;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-content {
		min-height: 0 !important;
		height: auto !important;
		border-radius: 10px !important;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-header {
		position: relative;
		padding: 8px 12px 6px !important;
		min-height: 0 !important;
		background: #f3fefc !important;
		border-top: 5px solid #2fc2a9 !important;
	}

	#cb-key-coupon-modal .cb-modal-back {
		display: inline-flex !important;
		align-items: center;
		gap: 2px;
		position: absolute;
		left: 8px;
		top: 6px;
		z-index: 5;
		border: 0;
		background: transparent;
		color: #2fc2a9;
		font-size: 14px;
		font-weight: 600;
		padding: 4px 2px;
		cursor: pointer;
		line-height: 1;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-header .close {
		position: absolute;
		right: 4px;
		top: 0;
		z-index: 5;
		margin: 0;
		padding: 6px 10px;
		font-size: 22px;
		line-height: 1;
		opacity: 0.45;
	}

	/* Logo + title side-by-side like CB (not stacked — that made it tall) */
	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-header .info {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 10px;
		min-height: 0 !important;
		padding: 28px 28px 8px 8px !important;
		width: 100%;
		text-align: left;
		box-sizing: border-box;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-header .info .logo {
		margin: 0 !important;
		flex: 0 0 52px;
		width: 52px !important;
		height: 52px !important;
		border-radius: 50% !important;
		overflow: hidden;
		background: #fff;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-header .info .logo img {
		max-width: 48px !important;
		max-height: 48px !important;
		width: auto;
		height: auto;
		object-fit: contain;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-header .info .title {
		flex: 1 1 auto;
		max-width: none !important;
		margin: 0 !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		text-align: left !important;
		line-height: 1.3 !important;
		letter-spacing: -0.3px;
		-webkit-line-clamp: 3;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body {
		padding: 0 0 8px !important;
		flex: 0 0 auto !important;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .go {
		font-size: 14px !important;
		margin: 8px 14px 10px !important;
		line-height: 1.35 !important;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .recommend-content .hint {
		width: 92% !important;
		font-size: 14px !important;
		margin-top: 8px !important;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .recommend-content .hint .following-code {
		font-size: 14px !important;
		margin: 8px auto !important;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .cp-code {
		max-width: calc(100% - 28px) !important;
		width: calc(100% - 28px) !important;
		height: 42px !important;
		margin: 0 auto 10px !important;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .cp-code input,
	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .cp-code .form-control {
		max-width: none !important;
		flex: 1 1 auto;
		font-size: 17px !important;
		font-weight: 700 !important;
		text-align: center !important;
		border-style: dashed none dashed dashed !important;
		border-width: 2px 0 2px 2px !important;
		border-color: #2fc2a9 !important;
		background: #fff !important;
		border-radius: 4px 0 0 4px !important;
		box-shadow: none !important;
		height: 42px !important;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .cp-code .btn-copy,
	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .cp-code .js-btn-copy.btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px;
		padding: 0 12px !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		letter-spacing: 0.3px;
		min-width: 78px;
		height: 42px !important;
		border: 2px solid #2fc2a9 !important;
		border-left: 0 !important;
		border-radius: 0 4px 4px 0 !important;
		background-color: #2fc2a9 !important;
		color: #fff !important;
	}

	/* Mobile: show COPY + icon, hide "Tap To Copy" */
	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .cp-code .cb-cta-desktop {
		display: none !important;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .cp-code .cb-cta-mobile {
		display: inline-flex !important;
		align-items: center;
		gap: 5px;
		color: #fff !important;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .cp-code .cb-copy-icon {
		display: block;
		width: 13px;
		height: 13px;
		stroke: #fff;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .content,
	#cb-key-coupon-modal .modal-dialog-key-coupon .modal-body .recommend-content {
		padding: 0 12px;
		box-sizing: border-box;
	}

	/* Footer sits under code — no margin-top:auto stretch */
	#cb-key-coupon-modal .modal-dialog-key-coupon .key-details {
		margin-top: 8px !important;
		border-top: 1px solid #e4f5f1;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .key-details .branding-banner-show {
		padding: 10px 12px 12px !important;
		gap: 10px !important;
		align-items: center;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .key-details .branding-banner-show .branding-banner-icon img {
		width: 40px !important;
		height: 40px !important;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .key-details .branding-banner-show .branding-banner-content .content-up {
		font-size: 13px !important;
		line-height: 1.25 !important;
	}

	#cb-key-coupon-modal .modal-dialog-key-coupon .key-details .branding-banner-show .branding-banner-content .content-down {
		font-size: 11px !important;
		line-height: 1.3 !important;
	}
}

/* ---- Header search: CB store-page parity (all widths) ----
 * CB store pages carry the grey `.not-searched` magnifier (teal `.searched` while searching) and
 * default text = the store brand; the homepage flame belongs to non-store pages only (header.php). */
body.single-cb_store .index_header .fire {
	display: none !important;
}

body.single-cb_store .index_header .search-form .form-control::placeholder,
body.single-cb_store .index_header .search-form .search-input-home-page::placeholder {
	color: #757575 !important;
	opacity: 1;
}

body.single-cb_store .index_header .search-from-home-page.is-search-active .not-searched {
	display: none !important;
}

body.single-cb_store .index_header .search-from-home-page.is-search-active .searched {
	display: block !important;
}

@media (max-width: 767px) {
	/* Real magnifier svgs replace the painted ::before on store pages. */
	body.single-cb_store .index_header .search-form .input-group::before {
		content: none !important;
	}

	body.single-cb_store .index_header .search-form .form-control,
	body.single-cb_store .index_header .search-form .search-input-home-page {
		font-size: 16px !important;
		font-weight: 500 !important;
	}

	/* "Popular stores" list = CB rows (not the desktop chip variant). */
	body.single-cb_store .index_header .search-result.search-result-recommend li {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 4px 1rem 4px 2rem !important;
		border-radius: 0 !important;
		background: transparent !important;
		font-size: 14px !important;
		line-height: 26px !important;
		color: #6e6e6e !important;
		cursor: pointer;
	}

	body.single-cb_store .index_header .search-result.search-result-recommend li:hover {
		background: rgba(43, 196, 171, 0.08) !important;
	}
}