/**
 * Business Explained — Checkout v2: Upsell cards
 * be-co2-upsell-v1.css — mobile only (≤1024px), scoped to body.be-co2
 * Figma: 6585:1036 (Audio), 6585:21 (Last Call)
 */

@media (max-width: 1024px) {

	/* EE bundle (product 61): Audio only, no Last Call (Figma) */
	body.be-co2.in-cart-product-61 #be-cta-offer .last-call-outer {
		display: none !important;
	}

	/* The block's wrappers stay (they carry the show/hide rules),
	   their old content is hidden and their own styling neutralised */
	body.be-co2 #be-cta-offer .be-co2-has-card {
		position: relative;
		max-width: none !important;
		margin: 0 0 35px !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: none !important;
		box-shadow: none !important;
	}

	body.be-co2 #be-cta-offer .be-co2-has-card > :not(.be-co2-offer) {
		display: none !important;
	}

	body.be-co2 .be-co2-offer {
		position: relative;
		display: flex;
		align-items: center;
		gap: 12px;
		font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
		text-align: left;
	}

	body.be-co2 .be-co2-offer p {
		margin: 0;
		padding: 0;
	}

	body.be-co2 .be-co2-offer__info {
		display: flex;
		flex: 1 1 auto;
		min-width: 0;
		flex-direction: column;
	}

	body.be-co2 .be-co2-offer__upper {
		display: flex;
		flex-direction: column;
	}

	body.be-co2 .be-co2-offer__lower {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 8px 6px;
	}

	body.be-co2 a.be-co2-offer__btn {
		display: inline-flex;
		flex: 0 0 auto;
		align-items: center;
		justify-content: center;
		gap: 5px;
		height: 38px;
		padding: 0 12px;
		border-radius: 33px;
		background: #0066ff;
		color: #fff !important;
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		text-decoration: none !important;
		white-space: nowrap;
	}

	/* ============================================================
	   Audio add-on
	   ============================================================ */
	body.be-co2 .be-co2-offer--audio {
		padding: 12px;
		border: 2px dashed #badeff;
		border-radius: 8px;
		background: #f5faff;
	}

	body.be-co2 .be-co2-offer__thumb {
		flex: 0 0 65px;
		width: 65px;
		height: 65px;
		overflow: hidden;
		border-radius: 6.6px;
		background: #0b1630;
	}

	body.be-co2 .be-co2-offer__thumb video,
	body.be-co2 .be-co2-offer__thumb img {
		display: block;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		object-fit: cover;
	}

	body.be-co2 .be-co2-offer--audio .be-co2-offer__info {
		gap: 4px;
		padding-top: 5px;
	}

	body.be-co2 .be-co2-offer--audio .be-co2-offer__upper {
		gap: 9px;
		margin-bottom: 5px;
	}

	body.be-co2 .be-co2-offer--audio .be-co2-offer__title {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.1;
		color: #000;
	}

	body.be-co2 .be-co2-offer--audio .be-co2-offer__sub {
		font-size: 11px;
		line-height: 1.1;
		color: #9e9e9e;
	}

	body.be-co2 .be-co2-offer__price {
		display: inline-flex;
		align-items: center;
		gap: 2px;
		white-space: nowrap;
	}

	body.be-co2 .be-co2-offer__now {
		font-size: 16px;
		font-weight: 600;
		line-height: 1.4;
		color: #0066ff;
	}

	body.be-co2 .be-co2-offer__was {
		font-size: 15px;
		font-weight: 500;
		line-height: 1.4;
		color: rgba(102, 120, 153, 0.5);
		text-decoration: line-through;
	}

	/* ============================================================
	   Last Call
	   ============================================================ */
	body.be-co2 .be-co2-offer--lc {
		min-height: 107px;
		margin-top: 8px; /* room for the mockup that sticks out on top */
		padding: 11px 12px 11px 107px;
		border-radius: 24px;
		background: radial-gradient(222px 220px at 50% 78%, #ff4258 0%, #e22c42 33.2%, #c5162b 66.3%, #a01223 100%);
	}

	body.be-co2 .be-co2-offer__mockup {
		position: absolute;
		top: -8px;
		left: 14px;
		width: 97px !important;
		max-width: none !important;
		height: 118px !important;
		margin: 0 !important;
		object-fit: cover;
		pointer-events: none;
	}

	body.be-co2 .be-co2-offer--lc .be-co2-offer__info {
		gap: 9px;
	}

	body.be-co2 .be-co2-offer--lc .be-co2-offer__upper {
		gap: 9px;
	}

	body.be-co2 .be-co2-offer__head {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	body.be-co2 .be-co2-offer--lc .be-co2-offer__title {
		font-size: 16px;
		font-weight: 600;
		line-height: 1.25;
		color: #fff;
	}

	body.be-co2 .be-co2-offer__timer {
		display: inline-flex;
		align-items: center;
		gap: 3px;
		padding: 4px 6px;
		border-radius: 6px;
		background: #fff;
		color: #c2102b;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		font-variant-numeric: tabular-nums;
	}

	body.be-co2 .be-co2-offer__timer > span:first-child {
		font-size: 11px;
	}

	body.be-co2 .be-co2-offer--lc .be-co2-offer__sub {
		font-size: 11px;
		line-height: 1.25;
		color: rgba(255, 255, 255, 0.9);
	}

	body.be-co2 .be-co2-offer__prices {
		display: inline-flex;
		align-items: center;
		gap: 3px;
		white-space: nowrap;
	}

	body.be-co2 .be-co2-offer__p1,
	body.be-co2 .be-co2-offer__p2 {
		font-weight: 500;
		line-height: 1.4;
		text-decoration: line-through;
	}

	body.be-co2 .be-co2-offer__p1 {
		font-size: 12px;
		color: rgba(255, 255, 255, 0.7);
	}

	body.be-co2 .be-co2-offer__p2 {
		font-size: 13px;
		color: rgba(255, 255, 255, 0.8);
	}

	body.be-co2 .be-co2-offer__p3 {
		padding: 3px 4px;
		border-radius: 5px;
		background: #fcfe06;
		color: #d91c1c;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.2;
	}

	body.be-co2 a.be-co2-offer__btn--dark {
		background: #000;
	}

	/* Narrow phones: smaller mockup so prices + button fit on one line */
	@media (max-width: 429px) {
		body.be-co2 .be-co2-offer--lc {
			padding-left: 90px;
		}
		body.be-co2 .be-co2-offer__mockup {
			left: 8px;
			width: 80px !important;
			height: 97px !important;
			top: -4px;
		}
		body.be-co2 .be-co2-offer--lc a.be-co2-offer__btn {
			padding: 0 10px;
			font-size: 13px;
		}
	}

} /* end @media (max-width: 1024px) */