/* WooCommerce and WooCommerce Blocks integration. */

.woocommerce .woocommerce-breadcrumb,
.wc-block-breadcrumbs,
.woocommerce-result-count,
.woocommerce-ordering,
.wc-block-components-sort-select {
	color: var(--sm-muted);
	font-size: 0.88rem;
}

.woocommerce .woocommerce-breadcrumb a,
.wc-block-breadcrumbs a {
	color: var(--sm-accent);
}

.woocommerce ul.products,
.wc-block-grid__products,
.wp-block-woocommerce-product-template {
	display: grid !important;
	gap: clamp(1rem, 2.5vw, 2rem) !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none !important;
}

.woocommerce ul.products li.product,
.wc-block-grid__product,
.wp-block-woocommerce-product-template > li,
.wp-block-woocommerce-product-template > .wc-block-product {
	background: transparent;
	border: 0;
	float: none !important;
	margin: 0 !important;
	text-align: center;
	width: auto !important;
}

.woocommerce ul.products li.product a img,
.wc-block-grid__product-image img,
.wc-block-components-product-image img,
.wp-block-woocommerce-product-image img {
	aspect-ratio: 2 / 3;
	background: var(--sm-surface);
	border: 1px solid var(--sm-border);
	border-radius: var(--sm-radius);
	box-shadow: var(--sm-shadow);
	margin: 0 0 0.8rem !important;
	object-fit: cover;
	width: 100%;
}

.woocommerce ul.products li.product:hover a img,
.wc-block-grid__product:hover .wc-block-grid__product-image img,
.wp-block-woocommerce-product-template > li:hover .wp-block-woocommerce-product-image img {
	border-color: var(--sm-accent);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title,
.wp-block-woocommerce-product-template .wp-block-post-title {
	color: var(--sm-text);
	font-family: var(--sm-display);
	font-size: clamp(1.08rem, 1rem + 0.3vw, 1.35rem) !important;
	font-weight: 500;
	line-height: 1.15;
	margin: 0.35rem 0 !important;
}

.woocommerce ul.products li.product .price,
.wc-block-grid__product-price,
.wc-block-components-product-price,
.wp-block-woocommerce-product-price {
	color: var(--sm-accent) !important;
	font-size: 0.96rem;
	font-weight: 700;
}

.woocommerce span.onsale,
.wc-block-grid__product-onsale,
.wc-block-components-product-sale-badge {
	background: var(--sm-accent);
	border: 0;
	border-radius: var(--sm-radius);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 750;
	letter-spacing: 0.06em;
	line-height: 1;
	min-height: auto;
	min-width: auto;
	padding: 0.55rem 0.65rem;
	text-transform: uppercase;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button,
.wp-block-woocommerce-product-button .wp-block-button__link {
	background: var(--sm-accent) !important;
	border: 1px solid var(--sm-accent) !important;
	border-radius: var(--sm-radius) !important;
	color: #fff !important;
	font-family: var(--sm-sans);
	font-size: 0.88rem;
	font-weight: 650;
	min-height: 46px;
	padding: 0.75rem 1rem !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:hover,
.wp-block-woocommerce-product-button .wp-block-button__link:hover {
	background: var(--sm-blue) !important;
	border-color: var(--sm-blue) !important;
	color: #fff !important;
}

.woocommerce div.product {
	color: var(--sm-text);
}

.woocommerce div.product .product_title,
.wp-block-woocommerce-product-title {
	font-family: var(--sm-display);
	font-size: clamp(2rem, 1.45rem + 2vw, 3.6rem);
	font-weight: 500;
}

.woocommerce div.product div.images img,
.wp-block-woocommerce-product-gallery img {
	border: 1px solid var(--sm-border);
	border-radius: var(--sm-radius);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.wp-block-woocommerce-product-price {
	color: var(--sm-accent);
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	border-bottom: 1px solid var(--sm-border);
	display: flex;
	gap: 0.3rem;
	margin: 2rem 0 1.5rem;
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	margin: 0;
	padding: 0.65rem 0.8rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: transparent;
	border-bottom-color: var(--sm-accent);
	color: var(--sm-text);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
	background: var(--sm-surface) !important;
	border: 1px solid var(--sm-border) !important;
	border-left: 4px solid var(--sm-blue) !important;
	border-radius: var(--sm-radius) !important;
	box-shadow: none;
	color: var(--sm-text) !important;
	padding: 1rem 1.1rem !important;
}

.woocommerce-error,
.wc-block-components-notice-banner.is-error {
	border-left-color: var(--sm-error) !important;
}

.woocommerce-message,
.wc-block-components-notice-banner.is-success {
	border-left-color: var(--sm-success) !important;
}

.wc-block-cart,
.wc-block-checkout,
.woocommerce-cart-form,
.woocommerce-checkout,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
	color: var(--sm-text);
}

.wc-block-components-sidebar,
.wc-block-cart__main,
.wc-block-checkout__main,
.wc-block-components-order-summary,
.woocommerce table.shop_table,
.woocommerce-checkout-review-order,
.woocommerce-account .woocommerce-MyAccount-content {
	background: var(--sm-surface);
	border: 1px solid var(--sm-border) !important;
	border-radius: var(--sm-radius) !important;
}

.wc-block-components-sidebar,
.wc-block-cart__main,
.wc-block-checkout__main,
.woocommerce-checkout-review-order,
.woocommerce-account .woocommerce-MyAccount-content {
	padding: clamp(1rem, 2.5vw, 2rem);
}

.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce select {
	background: var(--sm-surface) !important;
	border: 1px solid var(--sm-border) !important;
	border-radius: var(--sm-radius) !important;
	color: var(--sm-text) !important;
	min-height: 48px;
}

.wc-block-components-totals-wrapper,
.wc-block-components-order-summary-item,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	border-color: color-mix(in srgb, var(--sm-border) 55%, transparent) !important;
}

.wc-block-mini-cart__button {
	color: var(--sm-header-text);
	min-height: 42px;
	padding: 0.35rem 0.5rem;
}

.wc-block-mini-cart__badge {
	background: var(--sm-accent);
	color: #fff;
}

.wc-block-mini-cart__drawer,
.wc-block-components-drawer {
	background: var(--sm-surface);
	color: var(--sm-text);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	border-bottom: 1px solid color-mix(in srgb, var(--sm-border) 55%, transparent);
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 0.8rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
	background: var(--sm-accent);
	color: #fff;
}

@media (max-width: 782px) {
	.woocommerce ul.products,
	.wc-block-grid__products,
	.wp-block-woocommerce-product-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wc-block-cart,
	.wc-block-checkout {
		padding-inline: 0;
	}
}

@media (max-width: 480px) {
	.woocommerce ul.products,
	.wc-block-grid__products,
	.wp-block-woocommerce-product-template {
		gap: 1rem 0.7rem !important;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.wc-block-grid__product-title,
	.wp-block-woocommerce-product-template .wp-block-post-title {
		font-size: 1rem !important;
	}
}

/* Format-aware book mockups.
 * The original product image is never altered; the treatment is entirely CSS.
 * A mockup is applied only when the product has exactly one selected format.
 */

/* Ebook cards: a restrained e-reader bezel around the cover. */
.woocommerce ul.products li.product.sm-product-format-single.sm-product-format-ebook a img,
.wc-block-grid__product.sm-product-format-single.sm-product-format-ebook .wc-block-grid__product-image img,
.wp-block-woocommerce-product-template > li.sm-product-format-single.sm-product-format-ebook .wc-block-components-product-image img,
.wp-block-woocommerce-product-template > li.sm-product-format-single.sm-product-format-ebook .wp-block-woocommerce-product-image img {
	background: #18191e;
	border: 1px solid #44464f;
	border-radius: 16px;
	box-shadow: 0 14px 28px rgb(12 11 14 / 20%);
	box-sizing: border-box;
	padding: 8px 8px 18px;
}

/* Paperback cards: a discreet page block on the outer edge. */
.woocommerce ul.products li.product.sm-product-format-single.sm-product-format-broche a img,
.wc-block-grid__product.sm-product-format-single.sm-product-format-broche .wc-block-grid__product-image img,
.wp-block-woocommerce-product-template > li.sm-product-format-single.sm-product-format-broche .wc-block-components-product-image img,
.wp-block-woocommerce-product-template > li.sm-product-format-single.sm-product-format-broche .wp-block-woocommerce-product-image img {
	box-shadow: 7px 6px 0 -2px color-mix(in srgb, var(--sm-border) 42%, #f1ece5), var(--sm-shadow);
}

/* Hardcover cards: slightly stronger depth than the paperback. */
.woocommerce ul.products li.product.sm-product-format-single.sm-product-format-relie a img,
.wc-block-grid__product.sm-product-format-single.sm-product-format-relie .wc-block-grid__product-image img,
.wp-block-woocommerce-product-template > li.sm-product-format-single.sm-product-format-relie .wc-block-components-product-image img,
.wp-block-woocommerce-product-template > li.sm-product-format-single.sm-product-format-relie .wp-block-woocommerce-product-image img {
	border-width: 2px;
	box-shadow: 10px 8px 0 -3px color-mix(in srgb, var(--sm-blue) 28%, var(--sm-border)), var(--sm-shadow);
}

/* Single ebook: full e-reader mockup around WooCommerce's gallery. */
body.sm-product-format-single.sm-product-format-ebook .sm-product-gallery-column .woocommerce-product-gallery,
body.sm-product-format-single.sm-product-format-ebook .sm-product-gallery-column .wp-block-woocommerce-product-image-gallery,
body.sm-product-format-single.sm-product-format-ebook .sm-product-gallery-column .wp-block-woocommerce-product-gallery {
	background: linear-gradient(145deg, #2b2c32, #121318);
	border: 1px solid #4b4d56;
	border-radius: 26px;
	box-shadow: 0 24px 48px rgb(10 9 12 / 26%), inset 0 0 0 1px rgb(255 255 255 / 4%);
	box-sizing: border-box;
	margin-inline: auto;
	max-width: 420px;
	padding: 14px 14px 30px;
	position: relative;
}

body.sm-product-format-single.sm-product-format-ebook .sm-product-gallery-column .woocommerce-product-gallery::after,
body.sm-product-format-single.sm-product-format-ebook .sm-product-gallery-column .wp-block-woocommerce-product-image-gallery::after,
body.sm-product-format-single.sm-product-format-ebook .sm-product-gallery-column .wp-block-woocommerce-product-gallery::after {
	background: #555862;
	border-radius: 999px;
	bottom: 11px;
	content: \"\";
	height: 4px;
	left: 50%;
	opacity: 0.82;
	pointer-events: none;
	position: absolute;
	transform: translateX(-50%);
	width: 30%;
}

body.sm-product-format-single.sm-product-format-ebook .sm-product-gallery-column .woocommerce-product-gallery img,
body.sm-product-format-single.sm-product-format-ebook .sm-product-gallery-column .wp-block-woocommerce-product-image-gallery img,
body.sm-product-format-single.sm-product-format-ebook .sm-product-gallery-column .wp-block-woocommerce-product-gallery img {
	border: 0;
	border-radius: 5px;
	box-shadow: none;
}

/* Single paperback/hardcover: enough depth to read as a physical edition,
 * without turning the product view into a heavy 3D mockup. */
body.sm-product-format-single.sm-product-format-broche .sm-product-gallery-column .woocommerce-product-gallery,
body.sm-product-format-single.sm-product-format-broche .sm-product-gallery-column .wp-block-woocommerce-product-image-gallery,
body.sm-product-format-single.sm-product-format-broche .sm-product-gallery-column .wp-block-woocommerce-product-gallery {
	filter: drop-shadow(13px 15px 14px rgb(15 12 16 / 20%));
	margin-inline: auto;
	max-width: 410px;
	transform: perspective(1200px) rotateY(-3deg);
	transform-origin: center center;
}

body.sm-product-format-single.sm-product-format-relie .sm-product-gallery-column .woocommerce-product-gallery,
body.sm-product-format-single.sm-product-format-relie .sm-product-gallery-column .wp-block-woocommerce-product-image-gallery,
body.sm-product-format-single.sm-product-format-relie .sm-product-gallery-column .wp-block-woocommerce-product-gallery {
	filter: drop-shadow(16px 18px 16px rgb(12 10 14 / 24%));
	margin-inline: auto;
	max-width: 410px;
	transform: perspective(1200px) rotateY(-4deg);
	transform-origin: center center;
}

body.sm-product-format-single.sm-product-format-relie .sm-product-gallery-column .woocommerce-product-gallery img,
body.sm-product-format-single.sm-product-format-relie .sm-product-gallery-column .wp-block-woocommerce-product-image-gallery img,
body.sm-product-format-single.sm-product-format-relie .sm-product-gallery-column .wp-block-woocommerce-product-gallery img {
	border-width: 2px;
}

/* Sombre Miroir single-product editorial layout. */
.sm-product-page {
	padding-block: clamp(1.25rem, 3vw, 2.5rem) clamp(3rem, 7vw, 6rem);
}

.sm-product-utility {
	margin-bottom: clamp(1rem, 2vw, 1.75rem);
}

.sm-product-hero {
	gap: clamp(2rem, 5vw, 5rem);
	margin-top: clamp(1rem, 2vw, 2rem);
}

.sm-product-gallery-column {
	min-width: 0;
}

.sm-product-summary-column {
	align-self: flex-start;
	min-width: 0;
	padding-top: clamp(0rem, 1vw, 0.75rem);
}

.sm-product-summary-column .wp-block-post-title,
.sm-product-summary-column .wp-block-woocommerce-product-title {
	font-size: clamp(2.35rem, 1.65rem + 2.7vw, 4.6rem);
	margin-bottom: 0.75rem;
}


.sm-product-bookline {
	align-items: center;
	color: var(--sm-muted);
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem 0.9rem;
	margin: -0.25rem 0 0.9rem;
}

.sm-product-author {
	color: var(--sm-text);
	font-family: var(--sm-display);
	font-size: 1.08rem;
	font-weight: 600;
}

.sm-product-formats {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

.sm-product-format {
	border: 1px solid color-mix(in srgb, var(--sm-border) 72%, transparent);
	border-radius: 999px;
	color: var(--sm-muted);
	font-size: 0.72rem;
	font-weight: 750;
	letter-spacing: 0.045em;
	padding: 0.32rem 0.55rem;
	text-transform: uppercase;
}

.sm-product-excerpt-cta {
	margin: 0.2rem 0 1.2rem;
}

.sm-product-excerpt-button {
	align-items: center;
	background: transparent;
	border: 1px solid var(--sm-accent);
	border-radius: var(--sm-radius);
	color: var(--sm-accent);
	display: inline-flex;
	font-family: var(--sm-sans);
	font-size: 0.86rem;
	font-weight: 700;
	justify-content: center;
	min-height: 44px;
	padding: 0.65rem 1rem;
	text-decoration: none;
}

.sm-product-excerpt-button:hover {
	background: var(--sm-accent);
	color: #fff;
}


.sm-product-secondary-actions {
	align-items: flex-start;
	gap: 0.7rem 0.85rem !important;
	margin: 0.25rem 0 1.25rem;
}

.sm-product-secondary-actions .sm-product-excerpt-cta,
.sm-product-secondary-actions .sm-product-press-cta {
	margin: 0;
}

.sm-product-press-cta {
	align-items: flex-start;
	display: inline-flex;
	flex-direction: column;
	gap: 0.28rem;
}

.sm-product-press-button {
	align-items: center;
	background: var(--sm-blue);
	border: 1px solid var(--sm-blue);
	border-radius: var(--sm-radius);
	color: #fff;
	display: inline-flex;
	font-family: var(--sm-sans);
	font-size: 0.86rem;
	font-weight: 700;
	justify-content: center;
	min-height: 44px;
	padding: 0.65rem 1rem;
	text-decoration: none;
}

.sm-product-press-button:hover {
	background: var(--sm-accent);
	border-color: var(--sm-accent);
	color: #fff;
}

.sm-product-press-note {
	color: var(--sm-muted);
	font-size: 0.72rem;
	line-height: 1.2;
	padding-left: 0.1rem;
}

.sm-product-adult-notice {
	align-items: center;
	background: color-mix(in srgb, var(--sm-blue) 6%, var(--sm-surface));
	border: 1px solid color-mix(in srgb, var(--sm-blue) 30%, var(--sm-border));
	border-radius: var(--sm-radius);
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem 0.8rem;
	margin: -0.15rem 0 1.2rem;
	padding: 0.72rem 0.8rem;
}

.sm-product-adult-badge {
	background: var(--sm-blue);
	border-radius: 999px;
	color: #fff;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.045em;
	padding: 0.4rem 0.62rem;
	text-transform: uppercase;
	white-space: nowrap;
}

.sm-product-adult-details {
	color: var(--sm-muted);
	font-size: 0.82rem;
	font-weight: 600;
	line-height: 1.35;
}

.sm-product-summary-column .wp-block-post-excerpt,
.sm-product-summary-column .woocommerce-product-details__short-description {
	color: var(--sm-text);
	font-size: 1.04rem;
	margin-block: 1.15rem;
}

.sm-product-summary-column .wp-block-post-excerpt h3,
.sm-product-summary-column .woocommerce-product-details__short-description h3 {
	color: var(--sm-accent);
	font-family: var(--sm-display);
	font-size: clamp(1.35rem, 1.12rem + 0.75vw, 1.85rem);
	font-style: italic;
	font-weight: 500;
	line-height: 1.25;
	margin: 0;
	text-wrap: balance;
}

.sm-product-summary-column .wp-block-woocommerce-product-price,
.sm-product-summary-column .price {
	font-size: clamp(1.25rem, 1.12rem + 0.5vw, 1.6rem) !important;
	font-weight: 700;
	margin-block: 1.15rem;
}

.sm-product-summary-column .wp-block-woocommerce-add-to-cart-form,
.sm-product-summary-column form.cart {
	margin-block: 1.25rem 1rem;
}

.sm-product-summary-column form.cart .quantity .qty {
	max-width: 5.5rem;
}

.sm-product-meta {
	border-top: 1px solid color-mix(in srgb, var(--sm-border) 55%, transparent);
	color: var(--sm-muted);
	font-size: 0.88rem;
	margin-top: 1.35rem;
	padding-top: 1rem;
}

.sm-preorder-banner {
	align-items: center;
	background: color-mix(in srgb, var(--sm-accent) 9%, var(--sm-surface));
	border: 1px solid color-mix(in srgb, var(--sm-accent) 48%, var(--sm-border));
	border-left: 4px solid var(--sm-accent);
	border-radius: var(--sm-radius);
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem 1rem;
	margin-top: 1rem;
	padding: 0.85rem 1rem;
}

.sm-preorder-kicker {
	background: var(--sm-accent);
	border-radius: var(--sm-radius);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.075em;
	padding: 0.42rem 0.58rem;
	text-transform: uppercase;
}

.sm-product-tropes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.48rem;
	margin: 1.15rem 0 1.35rem;
}

.sm-product-trope {
	background: color-mix(in srgb, var(--sm-accent) 7%, var(--sm-surface));
	border: 1px solid color-mix(in srgb, var(--sm-accent) 35%, var(--sm-border));
	border-radius: 999px;
	color: var(--sm-accent);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.025em;
	line-height: 1.2;
	padding: 0.48rem 0.7rem;
	text-decoration: none;
}

.sm-product-trope:hover {
	background: var(--sm-accent);
	border-color: var(--sm-accent);
	color: #fff;
}

.sm-product-story,
.sm-product-facts-wrap,
.sm-related-products {
	margin-top: clamp(2.5rem, 6vw, 5rem);
}

.sm-product-story {
	border-top: 1px solid color-mix(in srgb, var(--sm-border) 55%, transparent);
	padding-top: clamp(2rem, 4vw, 3.5rem);
}

.sm-product-details {
	max-width: 100%;
}

.sm-product-details .woocommerce-Tabs-panel--description,
.sm-product-details [data-block-name="woocommerce/product-details"] {
	font-size: 1.04rem;
}

.sm-product-facts {
	background: var(--sm-surface);
	border: 1px solid var(--sm-border);
	border-radius: var(--sm-radius);
	box-shadow: var(--sm-shadow);
	padding: clamp(1.25rem, 3vw, 2.25rem);
}

.sm-product-facts h2 {
	font-size: clamp(1.65rem, 1.4rem + 0.8vw, 2.25rem);
	margin: 0 0 1.25rem;
}

.sm-product-facts dl {
	margin: 0;
}

.sm-product-fact {
	border-top: 1px solid color-mix(in srgb, var(--sm-border) 48%, transparent);
	display: grid;
	gap: 0.8rem;
	grid-template-columns: minmax(8rem, 0.36fr) 1fr;
	padding: 0.75rem 0;
}

.sm-product-fact:first-child {
	border-top: 0;
	padding-top: 0;
}

.sm-product-fact:last-child {
	padding-bottom: 0;
}

.sm-product-fact dt {
	color: var(--sm-muted);
	font-weight: 700;
}

.sm-product-fact dd {
	margin: 0;
}

.sm-related-products {
	border-top: 1px solid color-mix(in srgb, var(--sm-border) 55%, transparent);
	padding-top: clamp(2rem, 4vw, 3.5rem);
}

@media (max-width: 781px) {
	.sm-product-hero {
		gap: 1.75rem;
	}

	.sm-product-gallery-column,
	.sm-product-summary-column {
		flex-basis: 100% !important;
	}

	.sm-product-gallery-column {
		max-width: 34rem;
		margin-inline: auto;
	}

	.sm-product-summary-column {
		padding-top: 0;
	}
}

@media (max-width: 520px) {
	.sm-product-page {
		padding-top: 0.75rem;
	}

	.sm-preorder-banner {
		align-items: flex-start;
		flex-direction: column;
	}

	.sm-product-fact {
		gap: 0.2rem;
		grid-template-columns: 1fr;
	}
}


/* Series / volume metadata and navigation. */
.sm-product-seriesline {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: .45rem;
	margin: -.15rem 0 .9rem;
	color: var(--sm-muted);
	font-size: .92rem;
	letter-spacing: .025em;
}

.sm-product-series-name {
	color: var(--sm-accent);
	font-weight: 700;
}

.sm-product-volume-label {
	font-weight: 650;
}

.sm-product-series-separator {
	opacity: .55;
}

.sm-product-series-nav-wrap {
	margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

.sm-product-series-nav {
	border-top: 1px solid color-mix(in srgb, var(--sm-border) 60%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--sm-border) 60%, transparent);
	padding: 1rem 0;
}

.sm-product-series-nav-title {
	color: var(--sm-muted);
	font-size: .76rem;
	font-weight: 750;
	letter-spacing: .09em;
	margin-bottom: .65rem;
	text-transform: uppercase;
}

.sm-product-series-nav-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.sm-product-series-nav a {
	align-items: center;
	border: 1px solid color-mix(in srgb, var(--sm-border) 65%, transparent);
	border-radius: var(--sm-radius);
	display: flex;
	gap: .75rem;
	min-height: 64px;
	padding: .75rem 1rem;
	text-decoration: none;
}

.sm-product-series-nav a:hover {
	border-color: var(--sm-accent);
}

.sm-product-series-nav small {
	color: var(--sm-muted);
	display: block;
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .055em;
	line-height: 1.2;
	margin-bottom: .16rem;
	text-transform: uppercase;
}

.sm-product-series-next {
	justify-content: flex-end;
	text-align: right;
}

@media (max-width: 640px) {
	.sm-product-series-nav-links {
		grid-template-columns: 1fr;
	}
}