/*
 * Product decision surface
 *
 * A narrow presentation layer for Trip Match, recommendation markers and the
 * selected-plan purchase rail. Matching, variation and checkout mechanics stay
 * owned by product-page.js and WooCommerce.
 */

.single-product .tss-product-plan-desk {
	container-name: tss-plan-desk;
	container-type: inline-size;
}

/* Trip Match layout is owned by product-page.css. This late presentation layer
 * only supplies the shared container and safe sizing primitives. */
.single-product .tss-trip-match-card--setup,
.single-product .tss-trip-match-card--setup * {
	box-sizing: border-box;
}

.single-product .tss-trip-match-card--setup {
	max-width: 100%;
}

.single-product .tss-trip-match-card--setup .tss-trip-match-card__copy,
.single-product .tss-trip-match-card--setup .tss-trip-match-card__picker,
.single-product .tss-trip-match-card--setup .tss-trip-match-card__matcher,
.single-product .tss-trip-match-card--setup .tss-trip-match-card__activity {
	min-width: 0;
}

/* The comparison route is a real secondary action, not a decorative underline. */
.single-product .tss-trip-match-card__recommendation-ticket .tss-trip-match-card__compare {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: stretch;
	min-height: 44px;
	width: 100%;
	padding: 9px 12px;
	border: 2px solid var(--tss-pass-teal);
	border-radius: 7px;
	background: rgba(255, 253, 243, 0.96);
	box-shadow: 2px 2px 0 rgba(23, 71, 74, 0.24);
	color: var(--tss-pass-teal);
	font-size: 12px;
	font-weight: 950;
	line-height: 1.15;
	text-align: center;
}

.single-product .tss-trip-match-card__recommendation-ticket .tss-trip-match-card__compare:hover {
	background: var(--tss-pass-mint);
	box-shadow: 2px 2px 0 rgba(23, 71, 74, 0.44);
}

.single-product .tss-trip-match-card__recommendation-ticket .tss-trip-match-card__compare:active {
	transform: translate(1px, 1px);
	box-shadow: 1px 1px 0 rgba(23, 71, 74, 0.44);
}

/* One compact, accessible heading replaces the badge plus duplicate title. */
.single-product .summary.entry-summary .tss-pass-kicker > h1.tss-pass-kicker__label.product_title {
	display: inline-flex;
	align-items: center;
	width: auto;
	max-width: 100%;
	min-height: 30px;
	margin: 0;
	padding: 6px 13px 5px;
	color: var(--tss-pass-ink);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	text-wrap: balance;
}

/* Matcher outcomes read as one short recommendation, not a report. */
.single-product .tss-trip-match-card__result:not(.is-empty) {
	display: grid;
	gap: 13px;
	grid-column: 1 / -1;
	min-width: 0;
}

.single-product .tss-trip-match-card__answer-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(10, 10, 8, 0.2);
	color: var(--tss-pass-soft);
	font-size: 12px;
	font-weight: 850;
	line-height: 1.3;
}

.single-product .tss-trip-match-card__answer-summary button {
	flex: 0 0 auto;
	min-height: 36px;
	padding: 7px 2px;
	border: 0;
	border-bottom: 1px solid var(--tss-pass-teal);
	background: transparent;
	color: var(--tss-pass-teal);
	font-size: 11px;
	font-weight: 950;
	cursor: pointer;
}

.single-product .tss-trip-match-card__recommendation-ticket,
.single-product .tss-trip-match-card__best-available {
	display: grid;
	grid-template-columns: minmax(112px, 0.42fr) minmax(0, 1fr);
	gap: 8px 16px;
	align-items: center;
	min-width: 0;
	padding: 13px;
	border: 2px solid var(--tss-pass-ink);
	border-radius: 8px;
	background: rgba(255, 253, 243, 0.9);
	box-shadow: 3px 3px 0 rgba(10, 10, 8, 0.8);
}

.single-product .tss-trip-match-card__recommendation-data,
.single-product .tss-trip-match-card__best-plan {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.single-product .tss-trip-match-card__recommendation-data > span,
.single-product .tss-trip-match-card__best-tag {
	color: var(--tss-pass-teal);
	font-size: 9px;
	font-weight: 950;
	letter-spacing: 0.02em;
	line-height: 1.15;
	text-transform: uppercase;
}

.single-product .tss-trip-match-card__best-tag {
	grid-column: 1 / -1;
	justify-self: start;
	padding: 4px 7px 3px;
	border-radius: 999px;
	background: var(--tss-pass-mint);
}

.single-product .tss-trip-match-card__recommendation-data > strong,
.single-product .tss-trip-match-card__best-plan > strong {
	color: var(--tss-pass-ink);
	font-size: clamp(25px, 5cqi, 38px);
	font-weight: 950;
	line-height: 0.95;
}

.single-product .tss-trip-match-card__best-plan > span {
	color: var(--tss-pass-soft);
	font-size: 11px;
	font-weight: 850;
	line-height: 1.25;
}

.single-product .tss-trip-match-card__recommendation-copy,
.single-product .tss-trip-match-card__best-available > p {
	min-width: 0;
	margin: 0;
	color: var(--tss-pass-soft);
	font-size: 11.5px;
	font-weight: 760;
	line-height: 1.4;
}

.single-product .tss-trip-match-card__recommendation-copy p {
	margin: 0 0 4px;
}

.single-product .tss-trip-match-card__result-actions,
.single-product .tss-trip-match-card__best-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-column: 1 / -1;
	gap: 8px;
}

.single-product .tss-trip-match-card__result-actions button,
.single-product .tss-trip-match-card__best-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	width: 100%;
	padding: 9px 12px;
	border: 2px solid var(--tss-pass-ink);
	border-radius: 7px;
	background: var(--tss-pass-yellow);
	box-shadow: 2px 2px 0 var(--tss-pass-ink);
	color: var(--tss-pass-ink);
	font-size: 12px;
	font-weight: 950;
	line-height: 1.15;
	text-align: center;
	cursor: pointer;
}

.single-product .tss-trip-match-card__result-actions .tss-trip-match-card__compare,
.single-product .tss-trip-match-card__best-actions [data-tss-best-available-browse] {
	border-color: var(--tss-pass-teal);
	background: rgba(255, 253, 243, 0.96);
	box-shadow: 2px 2px 0 rgba(23, 71, 74, 0.42);
	color: var(--tss-pass-teal);
}

.single-product .tss-trip-match-card__result-actions button:hover,
.single-product .tss-trip-match-card__best-actions button:hover {
	transform: translate(-1px, -1px);
	box-shadow: 3px 3px 0 var(--tss-pass-ink);
}

.single-product .tss-trip-match-card__result-actions .tss-trip-match-card__compare:hover,
.single-product .tss-trip-match-card__best-actions [data-tss-best-available-browse]:hover {
	background: var(--tss-pass-mint);
	box-shadow: 3px 3px 0 rgba(23, 71, 74, 0.55);
}

.single-product .tss-trip-match-card__why,
.single-product .tss-trip-match-card__best-why {
	grid-column: 1 / -1;
	color: var(--tss-pass-teal);
	font-size: 11px;
	font-weight: 850;
	line-height: 1.4;
}

.single-product .tss-trip-match-card__why summary,
.single-product .tss-trip-match-card__best-why summary {
	width: fit-content;
	cursor: pointer;
}

.single-product .tss-trip-match-card__why p,
.single-product .tss-trip-match-card__best-why p {
	margin: 7px 0 0;
	color: var(--tss-pass-soft);
	font-weight: 720;
}

@container tss-plan-desk (max-width: 540px) {
	.single-product .tss-trip-match-card__recommendation-ticket,
	.single-product .tss-trip-match-card__best-available {
		grid-template-columns: minmax(0, 1fr);
	}

	.single-product .tss-trip-match-card__best-tag,
	.single-product .tss-trip-match-card__result-actions,
	.single-product .tss-trip-match-card__best-actions,
	.single-product .tss-trip-match-card__why,
	.single-product .tss-trip-match-card__best-why {
		grid-column: 1;
	}

	.single-product .tss-trip-match-card__result-actions,
	.single-product .tss-trip-match-card__best-actions {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* The tile itself carries the recommendation. The label stays compact. */
.single-product .tss-plan-tile__topline {
	align-items: center;
	gap: 6px;
}

.single-product .tss-plan-tile__topline .tss-plan-tile__match-tag {
	order: 2;
	align-self: center;
	margin: 0 0 0 auto;
	padding: 4px 7px 3px;
	border: 1px solid var(--tss-pass-teal);
	border-radius: 6px;
	background: var(--tss-pass-mint);
	clip-path: none;
	color: var(--tss-pass-teal);
	font-size: 9px;
	font-weight: 950;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
}

.single-product .tss-plan-tile--matcher-overfit .tss-plan-tile__topline .tss-plan-tile__match-tag {
	border-color: rgba(10, 10, 8, 0.5);
	background: var(--tss-pass-paper);
	color: var(--tss-pass-ink);
}

/* One connected purchase object with quieter internal hierarchy. */
.single-product .tss-selected-plan-summary,
.single-product .tss-product-plan-desk form.variations_form.tss-plan-is-selected .single_variation_wrap {
	box-shadow: 3px 4px 0 rgba(10, 10, 8, 0.78);
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary {
	gap: 9px;
	padding: 13px;
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary__head {
	gap: 6px 10px;
	padding-bottom: 8px;
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary__label {
	min-height: 22px;
	padding: 3px 8px;
	font-size: 9px;
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary__title {
	font-size: 19px;
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary__details {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	border-top: 1px solid rgba(23, 71, 74, 0.14);
	border-bottom: 1px solid rgba(23, 71, 74, 0.14);
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary__details div {
	display: grid;
	align-content: start;
	justify-content: initial;
	gap: 3px;
	min-width: 0;
	padding: 8px 6px;
	border: 0;
	border-right: 1px solid rgba(23, 71, 74, 0.12);
	border-radius: 0;
	background: transparent;
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary__details div:nth-child(3n) {
	border-right: 0;
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary--daily .tss-selected-plan-summary__details {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary--daily .tss-selected-plan-summary__details div:nth-child(3n) {
	border-right: 1px solid rgba(23, 71, 74, 0.12);
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary--daily .tss-selected-plan-summary__details div:nth-child(2n) {
	border-right: 0;
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary__details dt {
	font-size: 8.5px;
	line-height: 1.1;
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary__details dd {
	font-size: 11px;
	line-height: 1.2;
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary__start {
	display: block;
	padding-top: 0;
	font-size: 10.5px;
	line-height: 1.35;
}

.single-product .tss-product-plan-desk form.variations_form .tss-selected-plan-summary__start span {
	display: inline;
	margin-right: 4px;
	font-size: 9px;
}

.single-product .tss-selected-plan-summary__change {
	min-height: 36px;
	padding: 7px 0;
}

/* Phone check stays a preflight with two unmistakable, touch-safe actions. */
.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap > .tss-preflight {
	padding: 13px;
	border-bottom: 1px solid rgba(10, 10, 8, 0.14);
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .tss-product-phone-check__body {
	align-items: center;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .tss-product-phone-check__status {
	font-size: 10px;
	font-weight: 850;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .tss-preflight .tss-product-phone-check__actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 7px;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .tss-preflight .tss-product-phone-check__actions button {
	min-height: 44px;
	width: 100%;
	border-radius: 7px;
	padding: 8px 12px;
	font-size: 12px;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .tss-preflight .tss-product-phone-check__primary {
	border: 2px solid var(--tss-pass-ink);
	box-shadow: 2px 2px 0 rgba(10, 10, 8, 0.82);
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .tss-preflight .tss-product-phone-check__secondary {
	min-height: 44px !important;
	border: 1px solid rgba(23, 71, 74, 0.46);
	border-radius: 7px;
	background: rgba(255, 253, 243, 0.94);
	box-shadow: none;
	color: var(--tss-pass-teal);
	text-decoration: none;
}

/* Quantity, primary purchase and the quieter direct-buy route. */
.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap {
	container-name: tss-purchase-rail;
	container-type: inline-size;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 9px 10px;
	align-items: center;
	padding: 13px;
	border: 0;
	box-shadow: none;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .tss-quantity-label {
	grid-column: 1;
	grid-row: 1;
	font-size: 12px;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .quantity {
	grid-column: 2;
	grid-row: 1;
	width: 108px;
	min-width: 0;
	margin: 0;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .tss-quantity-note {
	grid-column: 1 / -1;
	grid-row: 3;
	width: 100%;
	margin: 0;
	font-size: 11px;
	font-weight: 760;
	line-height: 1.35;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > [data-tss-travel-pack-chip] {
	grid-column: 1 / -1;
	grid-row: 4;
	width: 100%;
	margin: 0;
	font-size: 11px;
	line-height: 1.35;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button {
	grid-column: 1 / -1;
	grid-row: 2;
	width: 100%;
	min-width: 0;
	min-height: 46px;
	margin: 0;
	border: 2px solid var(--tss-pass-ink);
	border-radius: 7px;
	background: var(--tss-pass-yellow) !important;
	box-shadow: 3px 3px 0 var(--tss-pass-ink);
	color: var(--tss-pass-ink) !important;
	font-size: 13px;
	line-height: 1.15;
	transition: transform 140ms ease, box-shadow 140ms ease, background-color 140ms ease, color 140ms ease;
	white-space: normal;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button:hover:not(:disabled):not(.disabled) {
	background: #ffe36a !important;
	box-shadow: 2px 2px 0 var(--tss-pass-ink) !important;
	color: var(--tss-pass-ink) !important;
	transform: translate(1px, 1px);
}

/* Glozin adds two sliding hover layers to add-to-cart buttons on pointer devices.
 * Remove them here so this product control keeps its own yellow press-down state. */
.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button:not(.loading)::before,
.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button:not(.loading)::after {
	content: none !important;
	display: none !important;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button:active:not(:disabled):not(.disabled) {
	box-shadow: 1px 1px 0 var(--tss-pass-ink) !important;
	transform: translate(2px, 2px);
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button:focus-visible {
	background: var(--tss-pass-yellow) !important;
	color: var(--tss-pass-ink) !important;
	outline: 3px solid var(--tss-pass-teal);
	outline-offset: 3px;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button:disabled,
.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button.disabled {
	border-color: rgba(10, 10, 8, 0.46);
	background: #d6d8d2 !important;
	box-shadow: none;
	color: rgba(10, 10, 8, 0.62) !important;
	cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
	.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button {
		transition: none;
	}

	.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button:hover:not(:disabled):not(.disabled),
	.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button:active:not(:disabled):not(.disabled) {
		box-shadow: 3px 3px 0 var(--tss-pass-ink) !important;
		transform: none;
	}
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .tss-buy-now-button.button {
	grid-column: 1 / -1;
	grid-row: 5;
	width: 100%;
	min-height: 44px;
	margin: 0;
	border: 2px solid rgba(23, 71, 74, 0.62);
	border-radius: 7px;
	background: rgba(255, 253, 243, 0.96) !important;
	box-shadow: none !important;
	color: var(--tss-pass-teal) !important;
	font-size: 13px;
	font-weight: 950;
	line-height: 1.15;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .tss-buy-now-button.button:hover {
	background: var(--tss-pass-mint) !important;
}

@container tss-purchase-rail (min-width: 320px) {
	.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group {
		grid-template-columns: minmax(104px, 0.34fr) minmax(0, 1fr);
	}

	.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .tss-quantity-label {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .quantity {
		grid-column: 1;
		grid-row: 2;
		width: 100%;
	}

	.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button {
		grid-column: 2;
		grid-row: 2;
	}

	.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .tss-quantity-note {
		grid-row: 3;
	}

	.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > [data-tss-travel-pack-chip] {
		grid-row: 4;
	}

	.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .tss-buy-now-button.button {
		grid-row: 5;
	}
}

/* Keep the group saving beside the quantity decision, before purchase actions. */
.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group {
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 9px 10px;
	padding: 13px;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .tss-quantity-label {
	grid-column: 1;
	grid-row: 1;
	align-self: center;
	margin: 0;
	font-size: 12px;
	font-weight: 950;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .quantity {
	grid-column: 2;
	grid-row: 1;
	width: 108px;
	min-width: 0;
	margin: 0;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .single_add_to_cart_button {
	grid-column: 1 / -1;
	grid-row: 3;
	min-height: 48px;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .tss-buy-now-button.button {
	grid-column: 1 / -1;
	grid-row: 4;
	min-height: 46px;
	border: 2px solid var(--tss-pass-teal);
	background: rgba(255, 253, 243, 0.98) !important;
	box-shadow: 2px 2px 0 rgba(23, 71, 74, 0.42) !important;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .tss-buy-now-button.button:hover {
	transform: translate(-1px, -1px);
	box-shadow: 3px 3px 0 rgba(23, 71, 74, 0.55) !important;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > .tss-quantity-note {
	display: none !important;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > [data-tss-travel-pack-chip] {
	display: grid;
	grid-column: 1 / -1;
	grid-row: 2;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 9px;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid rgba(23, 71, 74, 0.24);
	border-radius: 7px;
	background: #f1f6ed;
	box-shadow: none;
	color: var(--tss-pass-ink);
	font-size: 10.5px;
	font-weight: 760;
	line-height: 1.3;
	text-align: left;
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap .glozin-product-atc-group > [data-tss-travel-pack-chip].is-active {
	border-color: rgba(23, 71, 74, 0.48);
	background: var(--tss-pass-mint);
	color: var(--tss-pass-ink);
}

.single-product .tss-product-travel-pack-chip__mark {
	display: grid;
	place-items: center;
	width: 38px;
	height: 30px;
	border: 2px solid var(--tss-pass-ink);
	border-radius: 6px;
	background: var(--tss-pass-yellow);
	box-shadow: 1px 1px 0 rgba(10, 10, 8, 0.62);
	color: var(--tss-pass-ink);
	font-size: 9px;
	font-weight: 950;
	line-height: 1;
}

.single-product .tss-product-travel-pack-chip__copy {
	display: grid;
	gap: 1px;
	min-width: 0;
}

.single-product .tss-product-travel-pack-chip__copy strong,
.single-product .tss-product-travel-pack-chip__copy > span {
	display: block;
	font-style: normal;
	text-transform: none;
}

.single-product .tss-product-travel-pack-chip__copy strong {
	color: var(--tss-pass-ink);
	font-size: 11px;
	font-weight: 950;
	line-height: 1.2;
}

.single-product .tss-product-travel-pack-chip__copy > span {
	color: var(--tss-pass-soft);
	font-size: 10.5px;
	font-weight: 740;
	line-height: 1.32;
}

/* Compact rewards hub. Before selection it stays beside/below the plan choices.
 * With a selected plan, it leads the rail before the phone check and controls. */
.single-product .tss-product-plan-desk form.variations_form > .tss-reward-hub,
.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap > .tss-reward-hub {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
	width: 100%;
	min-width: 0;
	margin: 10px 0 0;
	padding: 11px 12px 12px;
	overflow: hidden;
	border: 1px solid rgba(10, 10, 8, 0.24);
	border-radius: 8px;
	background: #fffaf0;
	box-shadow: none;
	color: var(--tss-pass-ink);
}

.single-product .tss-product-plan-desk form.variations_form .single_variation_wrap > .tss-reward-hub {
	order: 1;
	margin: 0;
	border: 0;
	border-bottom: 1px solid rgba(10, 10, 8, 0.16);
	border-radius: 0;
	background: rgba(255, 250, 240, 0.72);
}

.single-product .tss-reward-hub::before {
	content: "";
	position: absolute;
	top: 0;
	left: 12px;
	width: 42px;
	height: 4px;
	background: var(--tss-pass-yellow);
}

.single-product .tss-reward-hub[hidden],
.single-product .tss-reward-hub .tss-reward-strip__item[hidden] {
	display: none !important;
}

.single-product .tss-reward-hub__title {
	margin: 0;
	padding-top: 2px;
	font-size: 13px;
	font-weight: 950;
	letter-spacing: -0.01em;
	line-height: 1.2;
}

.single-product .tss-reward-hub__items {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 6px;
}

.single-product .tss-reward-hub .tss-reward-strip__item {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
	min-width: 0;
	min-height: 0;
	padding: 8px 9px;
	border: 1px solid rgba(10, 10, 8, 0.18);
	border-radius: 6px;
	box-shadow: none;
	color: var(--tss-pass-ink);
	text-align: left;
}

.single-product .tss-reward-hub .tss-reward-strip__item--welcome,
.single-product .tss-reward-hub .tss-reward-strip__item--mates {
	background: #fff2ad;
}

.single-product .tss-reward-hub .tss-reward-strip__item--credit {
	background: #e9f6f2;
}

.single-product .tss-reward-hub .tss-reward-strip__body {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.single-product .tss-reward-hub [data-tss-reward-title],
.single-product .tss-reward-hub [data-tss-reward-copy],
.single-product .tss-reward-hub [data-tss-reward-status] {
	display: block;
	min-width: 0;
}

.single-product .tss-reward-hub [data-tss-reward-title] {
	margin: 0;
	font-size: 12.5px;
	font-weight: 950;
	letter-spacing: -0.01em;
	line-height: 1.18;
}

.single-product .tss-reward-hub [data-tss-reward-copy] {
	color: #3f463f;
	font-size: 10.5px;
	font-weight: 720;
	line-height: 1.34;
}

.single-product .tss-reward-hub .tss-reward-strip__icon {
	position: relative;
	grid-row: 1;
	display: grid;
	place-items: center;
	align-self: center;
	justify-self: center;
	width: 42px;
	height: 32px;
	margin: 0;
	border: 2px solid var(--tss-pass-ink);
	border-radius: 6px;
	background: var(--tss-pass-yellow);
	box-shadow: 2px 2px 0 rgba(10, 10, 8, 0.6);
	color: var(--tss-pass-ink);
	font-size: 0;
	transform: rotate(-2deg);
}

.single-product .tss-reward-hub .tss-reward-strip__icon::before {
	content: attr(data-tss-icon-label);
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0 3px;
	font-size: 8px;
	font-weight: 950;
	line-height: 1;
	text-align: center;
}

.single-product .tss-reward-hub .tss-reward-strip__icon--credit {
	border-color: var(--tss-pass-teal);
	border-radius: 999px;
	background: #f7fffc;
	box-shadow: 2px 2px 0 rgba(23, 71, 74, 0.42);
	color: var(--tss-pass-teal);
	transform: none;
}

.single-product .tss-reward-hub .tss-reward-strip__item.is-unlocked {
	background: #f4f8d8;
}

.single-product .tss-reward-hub .tss-reward-strip__item.is-unlocked .tss-reward-strip__icon {
	background: #cfe876;
	transform: rotate(1deg);
}

.single-product .tss-reward-strip__status {
	margin-top: 3px;
	padding-left: 7px;
	border-left: 2px solid #d39b00;
	color: #5d4b0b;
	font-size: 9.5px;
	font-weight: 800;
	line-height: 1.3;
}

.single-product .tss-reward-strip__status.is-ready {
	border-left-color: #347348;
	color: #285b39;
}

.single-product .tss-reward-strip__unlock {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: start;
	min-height: 44px;
	width: auto;
	margin-top: 5px;
	padding: 8px 11px;
	border: 1.5px solid var(--tss-pass-ink);
	border-radius: 6px;
	background: #fffdf3;
	box-shadow: 2px 2px 0 rgba(10, 10, 8, 0.72);
	color: var(--tss-pass-teal);
	font-size: 10.5px;
	font-weight: 950;
	line-height: 1;
	cursor: pointer;
	transition: transform 120ms ease, box-shadow 120ms ease;
}

.single-product .tss-reward-strip__unlock:hover {
	background: #fff3c6;
}

.single-product .tss-reward-strip__unlock:active {
	transform: translate(1px, 1px);
	box-shadow: 1px 1px 0 rgba(10, 10, 8, 0.72);
}

.single-product .tss-reward-strip__unlock:focus-visible {
	outline: 3px solid var(--tss-pass-teal);
	outline-offset: 3px;
}

.single-product .tss-reward-strip__consent {
	display: block;
	margin-top: 4px;
	color: #615d4e;
	font-size: 9px;
	font-weight: 680;
	line-height: 1.3;
}

.single-product .tss-reward-strip__unlock[hidden],
.single-product .tss-reward-strip__consent[hidden],
.single-product .tss-reward-strip__status[hidden] {
	display: none !important;
}

@container tss-plan-desk (min-width: 620px) {
	.single-product .tss-product-plan-desk form.variations_form:not(.tss-plan-is-selected) > .tss-reward-hub {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
		margin: 0 0 10px;
	}

	.single-product .tss-product-plan-desk form.variations_form:not(.tss-plan-is-selected) > .single_variation_wrap {
		grid-row: 2;
	}

	.single-product .tss-product-plan-desk form.variations_form.tss-has-base-trip-context:not(.tss-plan-is-selected) > .tss-reward-hub {
		grid-row: 2;
	}

	.single-product .tss-product-plan-desk form.variations_form.tss-has-base-trip-context:not(.tss-plan-is-selected) > .single_variation_wrap {
		grid-row: 3;
	}
}

@container tss-plan-desk (max-width: 619px) {
	.single-product .tss-product-plan-desk form.variations_form > .tss-reward-hub {
		margin-top: 12px;
	}

	.single-product .tss-product-plan-desk form.variations_form.tss-plan-is-selected > .single_variation_wrap {
		margin-bottom: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.single-product .tss-trip-match-card__compare,
	.single-product .tss-plan-tile__match-tag,
	.single-product .tss-trip-match-card__result-actions button,
	.single-product .tss-trip-match-card__best-actions button,
	.single-product .tss-buy-now-button.button {
		transition: none !important;
	}

	.single-product .tss-reward-strip__unlock {
		transition: none !important;
	}
}

/* Join the product label, Trip Match and plan controls into one decision desk.
 * The existing DOM and matcher behaviour stay intact. This late presentation
 * layer only removes the nested-card seams and attaches the label visually. */
.single-product .summary.entry-summary > .glozin-product-taxonomy {
	display: none;
}

.single-product .summary.entry-summary > .tss-pass-kicker {
	position: relative;
	z-index: 4;
	box-sizing: border-box;
	width: 100%;
	max-width: 900px;
	margin-bottom: 0;
	transform: translateY(44px);
	pointer-events: none;
}

.single-product .summary.entry-summary > .tss-pass-kicker > h1.tss-pass-kicker__label.product_title {
	min-height: 44px;
	max-width: calc(100% - 24px);
	justify-content: center;
	padding: 9px 18px 8px;
	border-width: 2px;
	box-shadow: 4px 4px 0 rgba(23, 71, 74, 0.16);
	font-size: 15px;
	line-height: 1.08;
	white-space: normal;
}

.single-product .tss-product-plan-desk {
	position: relative;
	isolation: isolate;
	border: 3px solid var(--tss-pass-ink);
	background:
		linear-gradient(180deg, var(--tss-pass-yellow) 0 12px, transparent 12px),
		linear-gradient(135deg, #ffffff 0%, #fffdf3 50%, #edf8f5 100%);
}

.single-product .tss-product-plan-desk > .tss-trip-match-card--setup {
	width: 100%;
	max-width: none;
	margin: 12px 0 0;
	border-width: 0 0 2px;
	border-color: var(--tss-pass-ink);
	border-radius: 0;
	background: linear-gradient(112deg, #fffdf5 0%, #fff9e6 58%, #eaf6f2 100%);
	box-shadow: none;
}

.single-product .tss-product-plan-desk > .tss-trip-match-card--setup .tss-trip-match-card__launcher {
	min-height: 94px;
	padding: 21px 20px 18px;
}

.single-product .tss-product-plan-desk > .tss-trip-match-card--setup .tss-trip-match-card__launcher > .tss-trip-match-card__tag {
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--tss-pass-ink);
	font-size: 10px;
	letter-spacing: 0.04em;
}

.single-product .tss-product-plan-desk > .tss-trip-match-card--setup .tss-trip-match-card__launcher-copy strong {
	font-size: clamp(18px, 2.7cqi, 25px);
	line-height: 1.08;
}

.single-product .tss-product-plan-desk > .tss-trip-match-card--setup .tss-trip-match-card__launcher-copy > span {
	font-size: clamp(11px, 1.55cqi, 14px);
}

.single-product .tss-product-plan-desk > .tss-trip-match-card--setup .tss-trip-match-card__launcher-action {
	min-height: 48px;
	padding: 9px 16px;
	box-shadow: 3px 3px 0 var(--tss-pass-ink);
	font-size: 13px;
}

.single-product .tss-product-plan-desk > .tss-trip-match-card--setup .tss-trip-match-card__launcher-icon {
	display: none;
}

.single-product .tss-product-plan-desk > form.variations_form {
	padding-top: 22px;
}

@container tss-plan-desk (max-width: 419px) {
	.single-product .tss-product-plan-desk > .tss-trip-match-card--setup .tss-trip-match-card__launcher {
		grid-template-columns: minmax(0, 1fr) 40px;
		gap: 10px;
		min-height: 102px;
		padding: 19px 14px 15px;
	}

	.single-product .tss-product-plan-desk > .tss-trip-match-card--setup .tss-trip-match-card__launcher-copy strong {
		font-size: 18px;
	}

	.single-product .tss-product-plan-desk > .tss-trip-match-card--setup .tss-trip-match-card__launcher-copy > span {
		font-size: 11px;
	}

	.single-product .tss-product-plan-desk > .tss-trip-match-card--setup .tss-trip-match-card__launcher-icon {
		display: inline-grid;
		width: 40px;
		height: 40px;
		border-width: 2px;
		background: transparent;
		font-size: 24px;
	}

	.single-product .tss-product-plan-desk > form.variations_form {
		padding-top: 18px;
	}
}

@media (max-width: 640px) {
	.single-product .summary.entry-summary > .tss-pass-kicker {
		transform: translateY(41px);
	}

	.single-product .summary.entry-summary > .tss-pass-kicker > h1.tss-pass-kicker__label.product_title {
		min-height: 42px;
		padding: 8px 16px 7px;
		font-size: 14px;
	}

	.single-product .tss-product-plan-desk {
		box-shadow: 5px 5px 0 var(--tss-pass-ink);
	}
}