/**
 * Әдемісің — WooCommerce blocks in the cold glass style.
 * Loaded only when WooCommerce is active.
 */

/* ------------------------------------------------------------------
 * Product grid & cards
 * ---------------------------------------------------------------- */
.epure-product-collection .wc-block-product-template {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.epure-product-collection .wc-block-product-template > li {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	list-style: none;
}

.epure-product-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 14px;
	box-sizing: border-box;
}

.epure-product-card > * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.epure-product-media {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	background: #FFFFFF;
	margin-bottom: 12px !important;
}

.epure-product-media .wc-block-components-product-image {
	margin: 0 !important;
}

.epure-product-media img {
	display: block;
	width: 100%;
	border-radius: 12px;
}

.epure-tag-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	margin: 0 !important;
	display: flex;
	gap: 6px;
}

.epure-tag-badge a,
.epure-product-collection .wc-block-components-product-sale-badge,
.epure-single .wc-block-components-product-sale-badge,
.epure-single .onsale {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.01em;
	text-decoration: none;
	text-transform: none;
	background: var(--epure-ice);
	color: var(--epure-accent-text);
	border: 0;
	pointer-events: none;
}

.epure-product-collection .wc-block-components-product-sale-badge,
.epure-single .wc-block-components-product-sale-badge {
	top: 10px !important;
	right: 10px !important;
	background: var(--epure-accent);
	color: #FFFFFF;
	min-height: 0;
}

.epure-product-cat,
.epure-product-cat a {
	color: var(--epure-muted) !important;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 2px !important;
}

.epure-product-title {
	font-size: 16px !important;
	line-height: 1.3 !important;
	letter-spacing: -0.02em !important;
	margin: 2px 0 6px !important;
}

.epure-product-title a {
	color: var(--epure-text);
	text-decoration: none;
}

.epure-product-title a:hover {
	color: var(--epure-accent);
}

.epure-product-excerpt p {
	margin: 0 0 12px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--epure-muted);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.epure-product-foot {
	margin-top: auto !important;
	padding-top: 10px;
	border-top: 1px solid var(--epure-line);
	gap: 10px;
}

.epure-product-foot .wc-block-components-product-price,
.epure-single-price .wc-block-components-product-price {
	font-size: 16px;
	font-weight: 700;
	color: var(--epure-accent);
	margin: 0 !important;
	text-align: left !important;
}

.epure-product-foot del,
.epure-single-price del {
	color: var(--epure-muted);
	font-weight: 500;
	font-size: 0.8em;
	opacity: 0.8;
}

.epure-product-foot ins,
.epure-single-price ins {
	text-decoration: none;
	background: none;
}

.epure-product-foot .wp-block-button,
.epure-product-foot .wc-block-components-product-button {
	margin: 0 !important;
	flex-shrink: 0;
}

/* Every WooCommerce button speaks the theme's button language. */
.epure-product-foot .wp-block-button__link,
.epure-product-foot .wc-block-components-product-button__button,
.single_add_to_cart_button,
.wc-block-components-button:not(.is-link):not(.wc-block-components-drawer__close),
.wc-block-mini-cart__footer-actions .wp-block-button__link,
.woocommerce .button,
.woocommerce a.button {
	position: relative;
	overflow: hidden;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	padding: 0 18px !important;
	border: 1px solid transparent !important;
	border-radius: var(--deepin-radius-control) !important;
	background: var(--epure-accent) !important;
	color: #FFFFFF !important;
	font-family: var(--epure-font-body) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em;
	text-decoration: none !important;
	box-shadow: 0 4px 14px rgba(47, 107, 255, 0.25);
	cursor: pointer;
	transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, box-shadow 0.2s ease;
}

.epure-product-foot .wc-block-components-product-button__button {
	min-height: 34px;
	padding: 0 14px !important;
	font-size: 12px !important;
}

.epure-product-foot .wc-block-components-product-button__button:hover,
.single_add_to_cart_button:hover,
.wc-block-components-button:not(.is-link):not(.wc-block-components-drawer__close):hover,
.woocommerce .button:hover {
	background: var(--epure-accent-text) !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(47, 107, 255, 0.35);
}

.wc-block-components-button:not(.is-link):not(.wc-block-components-drawer__close):active,
.single_add_to_cart_button:active {
	transform: scale(0.97);
}

/* "Added" state and the "View cart" link under a button. */
.epure-product-foot .added_to_cart,
.epure-product-foot .wc-block-components-product-button__view-cart {
	display: none !important;
}

.wc-block-components-product-button__button.loading {
	opacity: 0.75;
}

/* Secondary style for "Continue shopping"/"View cart" buttons in the drawer. */
.wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-cart-button-block .wp-block-button__link,
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-cart.wc-block-components-button {
	background: rgba(255, 255, 255, 0.75) !important;
	color: var(--epure-text) !important;
	border-color: var(--epure-line) !important;
	box-shadow: none;
}

/* ------------------------------------------------------------------
 * Catalog page
 * ---------------------------------------------------------------- */
.epure-breadcrumbs {
	font-size: 13px;
	color: var(--epure-muted);
	margin-bottom: 1.25rem !important;
}

.epure-breadcrumbs a {
	color: inherit;
	text-decoration: none;
}

.epure-breadcrumbs a:hover {
	color: var(--epure-accent);
}

.epure-catalog-head {
	padding: 1.5rem 2rem;
	margin-bottom: 1.5rem !important;
	gap: 1rem 2rem;
}

.epure-catalog-head h1 {
	margin: 0 !important;
	font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.5rem) !important;
	letter-spacing: -0.035em !important;
}

.epure-catalog-head .epure-eyebrow {
	margin: 0 0 6px;
}

.epure-results-count,
.epure-results-count p {
	margin: 6px 0 0 !important;
	font-size: 13px;
	color: var(--epure-muted);
}

.epure-sorting form,
.epure-sorting .woocommerce-ordering {
	margin: 0 !important;
}

.epure-sorting select {
	min-width: 220px;
	height: 42px;
	padding-right: 36px;
	cursor: pointer;
}

/* Category chips built from the product-categories block. */
.epure-cat-chips {
	gap: 10px;
	margin-bottom: 2rem !important;
}

.epure-cat-chips .wp-block-woocommerce-product-categories,
.epure-cat-chips .wc-block-product-categories {
	margin: 0 !important;
}

.epure-cat-chips ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* The whole list item is the pill, so the count sits inside it. */
.epure-cat-chips li a {
	color: inherit;
	text-decoration: none;
}

.epure-cat-chips li a::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

.epure-cat-chips li,
.epure-cat-chips .epure-filter-chip {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	list-style: none;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 500;
	background: rgba(255, 255, 255, 0.7);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid var(--epure-line);
	color: var(--epure-text);
	text-decoration: none;
	transition: all 0.2s ease;
}

.epure-cat-chips li:hover,
.epure-cat-chips .epure-filter-chip:hover {
	background: #FFFFFF;
	border-color: var(--epure-accent);
	color: var(--epure-accent);
}

.epure-cat-chips li.is-active,
.epure-cat-chips .epure-filter-chip.is-active {
	background: var(--epure-text) !important;
	border-color: var(--epure-text) !important;
	color: #FFFFFF !important;
}

.epure-cat-chips .wc-block-product-categories-list-item-count {
	font-size: 11px;
	font-weight: 600;
	padding: 1px 7px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.06);
}

.epure-cat-chips .wc-block-product-categories-list-item-count::before,
.epure-cat-chips .wc-block-product-categories-list-item-count::after {
	content: none !important;
}

.epure-cat-chips li.is-active .wc-block-product-categories-list-item-count {
	background: rgba(255, 255, 255, 0.25);
}

.epure-pagination {
	margin-top: 2rem !important;
	gap: 8px;
}

.epure-pagination a,
.epure-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border-radius: 12px;
	border: 1px solid var(--epure-line);
	background: rgba(255, 255, 255, 0.75);
	color: var(--epure-text);
	text-decoration: none;
	font-weight: 600;
}

.epure-pagination .page-numbers.current {
	background: var(--epure-accent);
	border-color: var(--epure-accent);
	color: #FFFFFF;
}

.epure-empty {
	padding: 3rem 2rem;
}

/* ------------------------------------------------------------------
 * Single product
 * ---------------------------------------------------------------- */
.epure-single-columns {
	align-items: flex-start !important;
	margin-bottom: 24px !important;
}

.epure-single-gallery {
	padding: 14px;
}

.epure-single-gallery .wp-block-woocommerce-product-image-gallery,
.epure-single-gallery .woocommerce-product-gallery,
.epure-single-gallery .woocommerce-product-gallery.images {
	position: relative;
	margin: 0 !important;
	width: 100% !important;
	max-width: none !important;
	float: none !important;
}

/* Sale badge on the product photo: a pill, not WooCommerce's round sticker. */
.epure-single-gallery span.onsale,
.woocommerce .epure-single-gallery span.onsale {
	position: absolute;
	top: 16px !important;
	left: 16px !important;
	right: auto !important;
	z-index: 9;
	min-width: 0 !important;
	min-height: 0 !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 4px 12px !important;
	border-radius: 999px !important;
	background: var(--epure-accent) !important;
	color: #FFFFFF !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
}

.epure-single-gallery .woocommerce-product-gallery__image img,
.epure-single-gallery .woocommerce-product-gallery__wrapper img {
	border-radius: 14px;
}

.epure-single-gallery .flex-control-thumbs {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin: 12px 0 0 !important;
	padding: 0 !important;
}

.epure-single-gallery .flex-control-thumbs li {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}

.epure-single-gallery .flex-control-thumbs img {
	border-radius: 10px;
	border: 2px solid transparent;
	opacity: 0.7;
	transition: opacity 0.2s ease, border-color 0.2s ease;
}

.epure-single-gallery .flex-control-thumbs img.flex-active,
.epure-single-gallery .flex-control-thumbs img:hover {
	opacity: 1;
	border-color: var(--epure-accent);
}

.epure-single-gallery .woocommerce-product-gallery__trigger {
	top: 14px !important;
	right: 14px !important;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.85);
}

.epure-single-summary {
	padding: clamp(1.75rem, 3vw, 2.5rem);
	position: sticky;
	top: 110px;
}

.epure-single-summary > * {
	margin-top: 0 !important;
}

.epure-single-title {
	font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem) !important;
	line-height: 1.08 !important;
	letter-spacing: -0.04em !important;
	margin: 4px 0 14px !important;
}

.epure-single-price .wc-block-components-product-price {
	font-size: 28px;
	margin-bottom: 16px !important;
}

.epure-single-excerpt p {
	font-size: 15px;
	line-height: 1.6;
	margin: 0 0 24px;
}

.epure-single-cart form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	margin: 0 0 24px !important;
}

.epure-single-cart .quantity input.qty {
	width: 84px;
	height: 48px;
	text-align: center;
	font-weight: 600;
	padding: 0 8px;
}

.epure-single-cart .single_add_to_cart_button {
	flex: 1;
	min-height: 48px;
	font-size: 15px !important;
}

.epure-guarantees {
	list-style: none;
	margin: 0 0 20px;
	padding: 20px 0 0;
	border-top: 1px solid var(--epure-line);
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: 13px;
	color: var(--epure-muted);
}

.epure-guarantees li {
	display: flex;
	align-items: center;
	gap: 10px;
}

.epure-guarantees svg {
	color: var(--epure-accent);
	flex-shrink: 0;
}

.epure-single-summary .wp-block-woocommerce-product-meta {
	font-size: 13px;
	color: var(--epure-muted);
}

.epure-single-summary .wp-block-woocommerce-product-meta .wp-block-group {
	gap: 6px 16px;
}

.epure-single-summary .wp-block-woocommerce-product-meta a {
	color: var(--epure-accent-text);
	text-decoration: none;
}

.epure-single-details {
	padding: clamp(1.25rem, 3vw, 2rem);
	margin-bottom: 40px !important;
}

/* Product tabs as Deepin segmented control. */
.epure-single-details .wc-tabs,
.epure-single-details .woocommerce-tabs ul.tabs {
	display: flex !important;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 20px !important;
	padding: 4px !important;
	border: 0 !important;
	border-radius: 14px;
	background: rgba(14, 17, 22, 0.05);
	width: fit-content;
	list-style: none;
}

.epure-single-details .wc-tabs::before,
.epure-single-details .wc-tabs li::before,
.epure-single-details .wc-tabs li::after {
	display: none !important;
}

.epure-single-details .wc-tabs li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: transparent !important;
}

.epure-single-details .wc-tabs li a {
	display: block;
	padding: 8px 16px !important;
	font-size: 14px;
	font-weight: 600;
	color: var(--epure-muted) !important;
	text-decoration: none;
}

.epure-single-details .wc-tabs li.active {
	background: #FFFFFF !important;
	box-shadow: 0 2px 8px rgba(14, 17, 22, 0.08);
}

.epure-single-details .wc-tabs li.active a {
	color: var(--epure-text) !important;
}

.epure-single-details .woocommerce-Tabs-panel h2 {
	font-size: 20px !important;
	margin-bottom: 12px !important;
}

.epure-single-details table.shop_attributes {
	border: 0;
	width: 100%;
	border-collapse: collapse;
}

.epure-single-details table.shop_attributes th,
.epure-single-details table.shop_attributes td {
	padding: 10px 0;
	border-bottom: 1px solid var(--epure-line);
	font-style: normal;
	text-align: left;
}

.epure-related-title {
	margin: 0 0 20px !important;
}

/* ------------------------------------------------------------------
 * Header mini-cart button
 * ---------------------------------------------------------------- */
.epure-minicart-slot .wc-block-mini-cart {
	margin: 0;
}

.epure-minicart-slot .wc-block-mini-cart__button {
	width: 34px;
	height: 34px;
	padding: 0 !important;
	border-radius: 10px;
	border: 1px solid var(--epure-line);
	background: rgba(255, 255, 255, 0.75);
	color: var(--epure-text);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.epure-minicart-slot .wc-block-mini-cart__button:hover {
	background: #FFFFFF;
	border-color: var(--epure-accent);
	color: var(--epure-accent);
	box-shadow: 0 4px 12px rgba(47, 107, 255, 0.15);
}

.epure-minicart-slot .wc-block-mini-cart__button:active {
	transform: scale(0.88);
}

.epure-minicart-slot .wc-block-mini-cart__icon {
	width: 20px;
	height: 20px;
	margin: 0;
}

.epure-minicart-slot .wc-block-mini-cart__badge {
	background: var(--epure-accent) !important;
	color: #FFFFFF !important;
	border: 2px solid #FFFFFF;
	font-size: 11px;
	font-weight: 600;
	min-width: 18px;
	height: 18px;
	top: -8px;
	right: -10px;
	box-sizing: border-box;
}

/* ------------------------------------------------------------------
 * Mini-cart drawer as a Deepin window
 * ---------------------------------------------------------------- */
.wc-block-components-drawer__screen-overlay {
	background: rgba(14, 17, 22, 0.35) !important;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.wc-block-mini-cart__drawer .wc-block-components-drawer,
.wc-block-components-drawer {
	/* WooCommerce slides the drawer in from left: 100% by its own width,
	   so a 16px gap on the right comes from moving that start point. */
	top: 16px !important;
	left: calc(100% - 16px) !important;
	bottom: 16px !important;
	height: auto !important;
	max-width: calc(100vw - 32px) !important;
	border-radius: var(--deepin-radius-window);
	background: rgba(255, 255, 255, 0.88) !important;
	-webkit-backdrop-filter: blur(32px) saturate(200%);
	backdrop-filter: blur(32px) saturate(200%);
	border: 1px solid rgba(255, 255, 255, 0.95);
	box-shadow: 0 20px 60px rgba(14, 17, 22, 0.2) !important;
	overflow: hidden;
}

/* Fit the cart contents inside the floating window. */
.wc-block-components-drawer {
	display: flex !important;
	flex-direction: column;
	padding: 0 !important;
}

.wc-block-components-drawer .wc-block-components-drawer__content {
	flex: 1 1 auto;
	min-height: 0;
	height: auto !important;
}

.wc-block-components-drawer .wc-block-mini-cart__template-part,
.wc-block-components-drawer .wp-block-woocommerce-mini-cart-contents {
	height: 100% !important;
	min-height: 0 !important;
}

/* Leave room for the WordPress admin bar when logged in. */
.admin-bar .wc-block-components-drawer {
	top: 48px !important;
}

@media (max-width: 782px) {
	.admin-bar .wc-block-components-drawer {
		top: 62px !important;
	}
}

.wc-block-components-drawer__content,
.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents {
	background: transparent !important;
}

.wc-block-mini-cart__title {
	font-family: var(--epure-font-heading) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
	text-align: center;
	margin: 0 !important;
	padding: 16px 56px !important;
	border-bottom: 1px solid var(--epure-line);
	background: rgba(255, 255, 255, 0.4);
	mask-image: none !important;
}

.wc-block-components-drawer__close-wrapper {
	position: absolute;
	top: 10px;
	right: 12px;
	z-index: 5;
}

.wc-block-components-button.wc-block-components-drawer__close {
	position: static !important;
	padding: 0 !important;
	min-height: 0 !important;
	box-shadow: none !important;
	color: var(--epure-muted) !important;
	top: 10px !important;
	right: 12px !important;
	width: 30px;
	height: 30px;
	border-radius: 50% !important;
	border: 1px solid var(--epure-line) !important;
	background: rgba(255, 255, 255, 0.8) !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	opacity: 1 !important;
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.2s ease, color 0.2s ease;
}

.wc-block-components-button.wc-block-components-drawer__close:hover {
	background: #FF5F56 !important;
	border-color: #FF5F56 !important;
	color: #FFFFFF !important;
	transform: rotate(90deg);
}

.wc-block-mini-cart__items {
	padding: 16px 20px !important;
}

.wc-block-mini-cart__products-table .wc-block-cart-items__row,
.wc-block-cart-items .wc-block-cart-items__row {
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(14, 17, 22, 0.04), 0 8px 24px rgba(14, 17, 22, 0.06);
}

.wc-block-mini-cart__products-table .wc-block-cart-items__row {
	padding: 12px !important;
	margin-bottom: 10px;
}

.wc-block-cart-item__image img {
	border-radius: 10px;
}

.wc-block-components-product-name {
	color: var(--epure-text) !important;
	font-weight: 600;
	text-decoration: none !important;
}

.wc-block-cart-item__prices,
.wc-block-components-product-price__value,
.wc-block-components-formatted-money-amount {
	font-variant-numeric: tabular-nums;
}

.wc-block-mini-cart__footer {
	padding: 16px 20px 20px !important;
	border-top: 1px solid var(--epure-line);
	background: rgba(255, 255, 255, 0.6);
	box-shadow: none !important;
}

.wc-block-mini-cart__footer-actions {
	gap: 10px;
}

.wc-block-mini-cart__empty-cart-wrapper {
	padding: 40px 24px;
	text-align: center;
}

/* Quantity steppers (cart, mini-cart, checkout). */
.wc-block-components-quantity-selector {
	border-radius: 10px !important;
	border: 1px solid var(--epure-line) !important;
	background: #FFFFFF;
	overflow: hidden;
}

.wc-block-components-quantity-selector::after {
	border: 0 !important;
}

.wc-block-components-quantity-selector__button {
	color: var(--epure-text) !important;
	transition: background 0.2s ease, color 0.2s ease;
}

.wc-block-components-quantity-selector__button:hover {
	background: var(--epure-ice) !important;
	color: var(--epure-accent) !important;
}

/* ------------------------------------------------------------------
 * Cart & checkout pages
 * ---------------------------------------------------------------- */
.epure-page-head {
	padding: clamp(16px, 3vw, 24px) clamp(16px, 4vw, 28px);
	margin-bottom: 24px !important;
}

.epure-page-head h1 {
	margin: 0 !important;
	font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.5rem) !important;
	letter-spacing: -0.035em !important;
}

.epure-page-head .epure-eyebrow {
	margin: 0 0 6px;
}

.epure-shop-page .wp-block-post-content > * {
	max-width: none !important;
}

/* Main column and sidebar become glass windows. */
.wc-block-cart .wc-block-cart__main,
.wc-block-checkout .wc-block-checkout__main,
.wc-block-cart .wc-block-cart__sidebar,
.wc-block-checkout .wc-block-checkout__sidebar {
	background: var(--deepin-glass-bg);
	-webkit-backdrop-filter: var(--deepin-glass-blur);
	backdrop-filter: var(--deepin-glass-blur);
	border: var(--deepin-glass-border);
	box-shadow: var(--deepin-glass-shadow);
	border-radius: var(--deepin-radius-window);
	padding: clamp(16px, 3vw, 28px) !important;
	box-sizing: border-box;
}

.wc-block-checkout .wc-block-checkout__sidebar {
	align-self: flex-start;
}

.wc-block-cart .wc-block-cart__sidebar {
	align-self: flex-start;
	position: sticky;
	top: 110px;
}

.wc-block-cart__totals-title,
.wc-block-cart .wc-block-cart__totals-title {
	font-family: var(--epure-font-heading) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	text-transform: none !important;
	text-align: left !important;
	padding: 0 0 12px !important;
	margin: 0 !important;
}

.wc-block-cart__submit {
	margin: 16px 0 0 !important;
}

.wc-block-components-sidebar-layout {
	gap: 24px;
	margin: 0 !important;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
	padding-right: 0 !important;
}

@media (min-width: 700px) {
	.wc-block-components-sidebar-layout .wc-block-components-main {
		width: calc(65% - 12px) !important;
	}

	.wc-block-components-sidebar-layout .wc-block-components-sidebar {
		width: calc(35% - 12px) !important;
	}
}

.wc-block-cart-items {
	border-collapse: separate !important;
	border-spacing: 0 12px !important;
}

.wc-block-cart-items__header {
	font-size: 12px;
	color: var(--epure-muted);
	text-transform: none !important;
	font-weight: 600;
}

.wc-block-cart-items .wc-block-cart-items__row td {
	border: 0 !important;
}

.wc-block-cart-items .wc-block-cart-items__row td:first-child {
	border-radius: 16px 0 0 16px;
}

.wc-block-cart-items .wc-block-cart-items__row td:last-child {
	border-radius: 0 16px 16px 0;
}

.wc-block-cart-items .wc-block-cart-items__row > td {
	background: rgba(255, 255, 255, 0.85);
	padding: 14px !important;
}

.wc-block-cart-items .wc-block-cart-items__row {
	background: none;
	box-shadow: none;
	border: 0;
}

.wc-block-components-totals-wrapper {
	border-color: var(--epure-line) !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-size: 20px !important;
	font-weight: 700 !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	color: var(--epure-accent);
}

.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	width: 100%;
	min-height: 52px !important;
	font-size: 16px !important;
}

.wc-block-components-checkout-step__title,
.wc-block-components-title.wc-block-components-title {
	font-family: var(--epure-font-heading) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	text-transform: none !important;
}

.wc-block-components-checkout-step {
	margin-bottom: 28px !important;
}

/* Inputs: Deepin fields with a blue focus glow. */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-block-components-form .wc-block-components-text-input input,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea {
	border-radius: var(--deepin-radius-control) !important;
	border: 1px solid var(--epure-line) !important;
	background: rgba(255, 255, 255, 0.9) !important;
	box-shadow: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.wc-block-components-text-input.is-active input:focus,
.wc-block-components-text-input input:focus,
.wc-blocks-components-select .wc-blocks-components-select__select:focus,
.wc-block-components-textarea:focus {
	border-color: var(--epure-accent) !important;
	box-shadow: 0 0 0 3px rgba(47, 107, 255, 0.2) !important;
	outline: none !important;
}

.wc-blocks-components-select .wc-blocks-components-select__container {
	border-radius: var(--deepin-radius-control) !important;
	background: transparent !important;
}

/* These inputs carry their own floating label, so the theme's fixed height must not apply. */
.wc-block-components-text-input input,
.wc-blocks-components-select .wc-blocks-components-select__select {
	height: auto !important;
	min-height: 50px;
}

.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option {
	border-radius: 14px !important;
	border-color: var(--epure-line) !important;
	background: rgba(255, 255, 255, 0.85);
}

.wc-block-components-radio-control__option-checked,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
	box-shadow: inset 0 0 0 2px var(--epure-accent) !important;
}

.wc-block-components-radio-control__input:checked,
.wc-block-components-checkbox .wc-block-components-checkbox__input:checked {
	background: var(--epure-accent) !important;
	border-color: var(--epure-accent) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input {
	border-radius: 6px !important;
	height: 20px !important;
	width: 20px !important;
	padding: 0 !important;
}

.wc-block-components-notice-banner {
	border-radius: 14px !important;
}

.wc-block-components-order-summary-item__image img {
	border-radius: 10px;
}

.wc-block-components-order-summary-item__quantity {
	background: var(--epure-accent) !important;
	color: #FFFFFF !important;
	border-color: #FFFFFF !important;
}

/* Order received page */
.wc-block-order-confirmation-status,
.wc-block-order-confirmation-summary,
.wc-block-order-confirmation-totals-wrapper,
.wc-block-order-confirmation-billing-wrapper,
.wc-block-order-confirmation-shipping-wrapper,
.wp-block-woocommerce-order-confirmation-totals-wrapper,
.wp-block-woocommerce-order-confirmation-billing-wrapper,
.wp-block-woocommerce-order-confirmation-shipping-wrapper {
	background: var(--deepin-glass-bg);
	-webkit-backdrop-filter: var(--deepin-glass-blur);
	backdrop-filter: var(--deepin-glass-blur);
	border: var(--deepin-glass-border) !important;
	box-shadow: var(--deepin-glass-shadow);
	border-radius: var(--deepin-radius-window);
	padding: clamp(16px, 3vw, 28px) !important;
	margin-bottom: 20px !important;
}

/* Classic notices (e.g. "added to cart" on the product page). */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
	border-radius: 14px;
	border: 1px solid var(--epure-line);
	background: rgba(255, 255, 255, 0.9);
}

/* ------------------------------------------------------------------
 * Mobile
 * ---------------------------------------------------------------- */
@media (max-width: 781px) {
	.epure-single-summary {
		position: static;
	}

	.epure-catalog-head {
		padding: 1.25rem;
	}

	.epure-sorting select {
		min-width: 0;
		width: 100%;
	}

	.epure-product-collection .wc-block-product-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.epure-product-card {
		padding: 10px;
	}

	.epure-product-excerpt {
		display: none;
	}

	.epure-product-foot {
		flex-wrap: wrap !important;
	}

	.epure-product-foot .wc-block-components-product-button,
	.epure-product-foot .wc-block-components-product-button__button {
		width: 100%;
	}
}

@media (max-width: 340px) {
	.epure-product-collection .wc-block-product-template {
		grid-template-columns: 1fr;
	}
}

/* ------------------------------------------------------------------
 * Small fixes
 * ---------------------------------------------------------------- */
.wp-block-woocommerce-order-confirmation-totals-wrapper h2,
.wp-block-woocommerce-order-confirmation-billing-wrapper h2,
.wp-block-woocommerce-order-confirmation-shipping-wrapper h2,
.wp-block-woocommerce-order-confirmation-downloads-wrapper h2,
.wp-block-woocommerce-order-confirmation-additional-information h2 {
	font-size: 22px !important;
	margin-bottom: 14px !important;
}

/* The order summary already sits in a glass window: drop its inner frame. */
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block,
.wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title {
	border: 0 !important;
}

.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block {
	padding: 0 !important;
}

/* Empty cart: no "0" bubble in the mobile dock. */
.epure-dock-badge[hidden] {
	display: none !important;
}

@media (max-width: 781px) {
	.epure-product-title {
		font-size: 14px !important;
	}

	.epure-product-foot .wc-block-components-product-price {
		font-size: 15px;
	}

	.epure-tag-badge a {
		font-size: 10px;
		padding: 2px 8px;
	}
}

/* The page group already has side padding: don't add more inside it. */
.epure-shop-page .wp-block-post-content,
.epure-shop-page .wp-block-woocommerce-cart,
.epure-shop-page .wp-block-woocommerce-checkout {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
