/* An opt-in, shared product skin. The existing framed design has no overrides.
 * The product stays unframed; only the scene frame and action divider return.
 * Loaded after the three saved button skins in both tile and row catalogues.
 */
.product-card.blog-card[data-asa-product-surface='seamless'],
.product-card.blog-card.asa-product-row[data-asa-product-surface='seamless'],
.product-card.blog-card[data-asa-product-surface='seamless']:is(:hover, :focus-within) {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	transform: none;
}
.product-card.blog-card[data-asa-product-surface='seamless']::before,
.product-card.blog-card[data-asa-product-surface='seamless']::after,
.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-footer::before,
.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-footer::after,
.product-card.blog-card[data-asa-product-surface='seamless'] .product-link::before,
.product-card.blog-card[data-asa-product-surface='seamless'] .product-link::after,
.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-footer .asa-share-summary::before,
.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-footer .asa-share-summary::after {
	display: none;
	content: none;
}
.product-card.blog-card[data-asa-product-surface='seamless'] :is(.product-card-visual, .asa-product-row-visual) {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
/* Rows reuse their original inset glass frame and grid, not the full-width wash.
 * Tiles get the same contained backing under their existing inset border.
 * Scene geometry, topic-specific motion and custom media are not rewritten.
 */
.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-visual {
	clip-path: inset(15px round 17px);
}
.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-visual::before {
	content: '';
	position: absolute;
	inset: 15px;
	border-radius: 17px;
	background: linear-gradient(145deg, var(--product-wash), color-mix(in srgb, var(--primary) 5%, var(--surface, #fff)) 55%, color-mix(in srgb, var(--accent, var(--primary)) 8%, var(--surface, #fff)));
	pointer-events: none;
}
.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-grid {
	inset: 15px;
	border-radius: 17px;
}
.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-footer {
	background: transparent;
	border: 0;
	border-top: 1px solid var(--row-line, color-mix(in srgb, var(--accent, var(--primary, #5986b5)) 17%, var(--border, #eceef6)));
	box-shadow: none;
	gap: 12px;
}
/* The single softly coloured affordance follows the saved palette/product hue. */
.product-card.blog-card[data-asa-product-surface='seamless'] .product-link {
	--asa-seamless-accent: var(--accent, var(--primary, #5986b5));
	color: var(--product-button-ink, var(--ink, #1b1f3b));
	background: color-mix(in srgb, var(--asa-seamless-accent) 8%, var(--surface, #fff));
	border: 1px solid color-mix(in srgb, var(--asa-seamless-accent) 17%, transparent);
	border-radius: 15px;
	padding: 8px 13px;
	min-height: 48px;
	gap: 11px;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
.product-card.blog-card[data-asa-product-surface='seamless'][data-asa-product-buttons='theme'] .product-link {
	--asa-seamless-accent: var(--primary, #5986b5);
	color: var(--product-action-ink, var(--ink, #1b1f3b));
}
.product-card.blog-card[data-asa-product-surface='seamless']:is(:hover, :focus-within) .product-link {
	background: color-mix(in srgb, var(--asa-seamless-accent) 12%, var(--surface, #fff));
	border-color: color-mix(in srgb, var(--asa-seamless-accent) 27%, transparent);
	box-shadow: none;
}
.product-card.blog-card[data-asa-product-surface='seamless'] .product-arrow,
.product-card.blog-card[data-asa-product-surface='seamless']:is(:hover, :focus-within) .product-arrow {
	background: transparent;
	border: 0;
	box-shadow: none;
	color: inherit;
}
/* Keep the full native sharing disclosure; only its closed/open trigger is bare.
 * The popover retains its readable surface, safe z-order and independent actions.
 */
.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-footer .asa-share-summary,
.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-footer .asa-share-summary:is(:hover, :focus-visible),
.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-footer .asa-share--compact[open] .asa-share-summary {
	background: transparent;
	border: 0;
	color: var(--body, var(--ink, #1b1f3b));
	box-shadow: none;
	min-height: 48px;
	padding: 8px 13px;
	gap: 8px;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}
.product-card.blog-card[data-asa-product-surface='seamless'] .asa-share-summary-symbol {
	background: transparent;
	box-shadow: none;
}
.product-card.blog-card[data-asa-product-surface='seamless'] .asa-share-summary:focus-visible {
	outline: 3px solid var(--ink, #1b1f3b);
	outline-offset: 3px;
}
@media (prefers-reduced-transparency: reduce) {
	.product-card.blog-card[data-asa-product-surface='seamless'] .product-link {
		background: color-mix(in srgb, var(--asa-seamless-accent) 8%, var(--surface, #fff)) !important;
	}
	.product-card.blog-card[data-asa-product-surface='seamless']:is(:hover, :focus-within) .product-link {
		background: color-mix(in srgb, var(--asa-seamless-accent) 12%, var(--surface, #fff)) !important;
	}
	/* Override the glass skin's fallback only for the intentionally bare trigger. */
	.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-footer .asa-share-summary,
	.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-footer .asa-share--compact[open] .asa-share-summary {
		background: transparent !important;
	}
}
@media (forced-colors: active), print {
	.product-card.blog-card[data-asa-product-surface='seamless'] .product-link,
	.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-footer .asa-share-summary,
	.product-card.blog-card[data-asa-product-surface='seamless'] .product-card-footer .asa-share--compact[open] .asa-share-summary {
		color: ButtonText !important;
		background: ButtonFace !important;
		border: 1px solid ButtonText !important;
	}
	.product-card.blog-card[data-asa-product-surface='seamless']:focus-within,
	.product-card.blog-card[data-asa-product-surface='seamless'] .asa-share-summary:focus-visible {
		outline-color: Highlight;
	}
}