.wssn-sales-offer-template {
	box-sizing: border-box;
	width: 100%;
	margin-block: 18px;
}

.wssn-sales-offer-template *,
.wssn-sales-offer-template *::before,
.wssn-sales-offer-template *::after {
	box-sizing: border-box;
}

.wssn-sales-offer-template__items {
	display: block;
}

.wssn-sales-offer-card {
	display: flex;
	align-items: stretch;
	gap: var(--wssn-sf-gap);
	width: 100%;
	min-width: 0;
	margin-block: 0 12px;
	padding: 14px;
	background: var(--wssn-sf-surface);
	color: var(--wssn-sf-text);
	border: 1px solid var(--wssn-sf-border);
	border-radius: var(--wssn-sf-radius);
	box-shadow: var(--wssn-sf-shadow);
}

.wssn-sales-offer-card:last-child {
	margin-block-end: 0;
}

.wssn-sales-offer-card__media {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 112px;
	width: 112px;
	min-height: 112px;
	padding: 8px;
	background: var(--wssn-sf-surface-soft);
	border-radius: var(--wssn-sf-radius-sm);
	text-decoration: none;
	overflow: hidden;
}

.wssn-sales-offer-card__image {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 112px;
	object-fit: contain;
}

.wssn-sales-offer-card__image-placeholder {
	display: block;
	width: 52px;
	height: 52px;
	border: 1px dashed var(--wssn-sf-border);
	border-radius: var(--wssn-sf-radius-sm);
}

.wssn-sales-offer-card__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
	gap: 7px;
}

.wssn-sales-offer-card__title {
	margin: 0;
	font: inherit;
	font-weight: 800;
	line-height: 1.75;
}

.wssn-sales-offer-card__title a {
	color: inherit;
	text-decoration: none;
}

.wssn-sales-offer-card__title a:hover,
.wssn-sales-offer-card__title a:focus-visible {
	color: var(--wssn-sf-accent);
}

.wssn-sales-offer-card__price {
	font-weight: 800;
	line-height: 1.8;
}

.wssn-sales-offer-card__savings {
	color: var(--wssn-sf-success);
	font-size: 13px;
	line-height: 1.75;
}

.wssn-sales-offer-card__reason,
.wssn-sales-offer-card__status {
	margin: 0;
	color: var(--wssn-sf-muted);
	font-size: 13px;
	line-height: 1.8;
}

.wssn-sales-offer-card__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	margin-block-start: auto;
	padding: 8px 14px;
	background: var(--wssn-sf-accent);
	color: var(--wssn-sf-accent-contrast);
	border-radius: var(--wssn-sf-radius-sm);
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	transition: opacity var(--wssn-sf-transition), transform var(--wssn-sf-transition);
}

.wssn-sales-offer-card__cta:hover {
	color: var(--wssn-sf-accent-contrast);
	opacity: .92;
}

.wssn-sales-offer-card__cta:focus-visible,
.wssn-sales-offer-card__title a:focus-visible {
	outline: 2px solid var(--wssn-sf-accent);
	outline-offset: 3px;
}

@media (max-width: 480px) {
	.wssn-sales-offer-card {
		flex-direction: column;
	}

	.wssn-sales-offer-card__media {
		width: 100%;
		min-height: 0;
		aspect-ratio: 16 / 9;
	}

	.wssn-sales-offer-card__image {
		max-height: 180px;
	}

	.wssn-sales-offer-card__cta {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wssn-sales-offer-card__cta {
		transition: none;
	}
}

/* Stage 8.4 — bounded reusable inline presentation modes. */
.wssn-sales-offer-template--row .wssn-sales-offer-template__items {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wssn-sf-gap);
}

.wssn-sales-offer-template--grid .wssn-sales-offer-template__items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: var(--wssn-sf-gap);
	align-items: stretch;
}

.wssn-sales-offer-template--slider .wssn-sales-offer-template__items {
	display: flex;
	align-items: stretch;
	gap: var(--wssn-sf-gap);
	min-width: 0;
	padding: 2px 2px 10px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x proximity;
	scroll-padding-inline: 2px;
	overscroll-behavior-inline: contain;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.wssn-sales-offer-template--slider .wssn-sales-offer-template__items:focus-visible {
	outline: 2px solid var(--wssn-sf-accent);
	outline-offset: 3px;
	border-radius: var(--wssn-sf-radius-sm);
}

.wssn-sales-offer-template--row .wssn-sales-offer-card,
.wssn-sales-offer-template--grid .wssn-sales-offer-card,
.wssn-sales-offer-template--slider .wssn-sales-offer-card {
	margin-block-end: 0;
}

.wssn-sales-offer-template--grid .wssn-sales-offer-card,
.wssn-sales-offer-template--slider .wssn-sales-offer-card {
	flex-direction: column;
	height: 100%;
}

.wssn-sales-offer-template--grid .wssn-sales-offer-card__media,
.wssn-sales-offer-template--slider .wssn-sales-offer-card__media {
	flex: 0 0 auto;
	width: 100%;
	min-height: 0;
	aspect-ratio: 4 / 3;
}

.wssn-sales-offer-template--grid .wssn-sales-offer-card__image,
.wssn-sales-offer-template--slider .wssn-sales-offer-card__image {
	max-height: 190px;
}

.wssn-sales-offer-template--slider .wssn-sales-offer-card {
	flex: 0 0 clamp(240px, 30vw, 320px);
	scroll-snap-align: start;
}

@media (max-width: 782px) {
	.wssn-sales-offer-template--grid .wssn-sales-offer-template__items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wssn-sales-offer-template--slider .wssn-sales-offer-card {
		flex-basis: min(68vw, 290px);
	}
}

@media (max-width: 560px) {
	.wssn-sales-offer-template--grid .wssn-sales-offer-template__items {
		grid-template-columns: minmax(0, 1fr);
	}

	.wssn-sales-offer-template--slider .wssn-sales-offer-card {
		flex-basis: min(82vw, 280px);
	}
}

/* Stage 8.7 — truthful conversion copy composed inside the canonical card. */
.wssn-sales-offer-card__hook {
	margin: 0;
	color: var(--wssn-sf-accent);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.7;
}

.wssn-sales-offer-card__microcopy {
	margin: 0;
	color: var(--wssn-sf-text);
	font-size: 13px;
	line-height: 1.8;
}

.wssn-sales-offer-card__incentive{
	display:grid;
	grid-template-columns:auto 1fr;
	align-items:center;
	gap:6px 10px;
	margin:2px 0 10px;
	padding:10px 12px;
	border:1px solid var(--wssn-sf-border,#e2e8f0);
	border-radius:var(--wssn-sf-radius-sm,10px);
	background:var(--wssn-sf-surface-soft,#f8fafc);
}
.wssn-sales-offer-card__incentive-badge{
	display:inline-flex;
	align-items:center;
	min-height:28px;
	padding:3px 9px;
	border-radius:999px;
	font-weight:700;
	font-size:.86em;
	background:var(--wssn-sf-accent-soft,#eef2ff);
	color:var(--wssn-sf-accent,#4338ca);
}
.wssn-sales-offer-card__incentive-value{
	justify-self:end;
	font-size:.92em;
}
.wssn-sales-offer-card__incentive p{
	grid-column:1 / -1;
	margin:0;
	color:var(--wssn-sf-muted,#64748b);
	font-size:.9em;
	line-height:1.65;
}
@media (max-width:560px){
	.wssn-sales-offer-card__incentive{grid-template-columns:1fr;}
	.wssn-sales-offer-card__incentive-value{justify-self:start;}
	.wssn-sales-offer-card__incentive p{grid-column:1;}
}

/* Step 8.9 — native WooCommerce cart interaction */
.wssn-sales-offer-card__purchase {
	display: grid;
	gap: 10px;
	margin-top: 12px;
}

.wssn-sales-offer-card__quantity {
	display: inline-grid;
	grid-template-columns: auto minmax(72px, 96px);
	align-items: center;
	gap: 8px;
	width: fit-content;
	font-size: .9rem;
	color: var(--wssn-sf-muted);
}

.wssn-sales-offer-card__quantity input {
	box-sizing: border-box;
	width: 100%;
	min-height: 42px;
	padding: 6px 8px;
	border: 1px solid var(--wssn-sf-border);
	border-radius: var(--wssn-sf-radius-sm);
	background: var(--wssn-sf-surface);
	color: var(--wssn-sf-text);
	font: inherit;
	text-align: center;
}

.wssn-sales-offer-card__quantity input:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.wssn-sales-offer-card__purchase-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.wssn-sales-offer-card__add-to-cart,
.wssn-sales-offer-card__cta--details {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.wssn-sales-offer-card__add-to-cart.loading {
	pointer-events: none;
	opacity: .7;
}

.wssn-sales-offer-card__add-to-cart.added {
	outline: 2px solid var(--wssn-sf-success);
	outline-offset: 2px;
}

.wssn-sales-offer-card__cart-status {
	min-height: 1.25em;
	font-size: .86rem;
	color: var(--wssn-sf-success);
}

@media (max-width: 480px) {
	.wssn-sales-offer-card__purchase-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.wssn-sales-offer-card__add-to-cart,
	.wssn-sales-offer-card__cta--details {
		width: 100%;
	}
}