/**
 * Strawberry for Beauty — cart, checkout, order-received and my-account. v1.
 *
 * Light premium treatment: warm ivory canvas, white cards, #DE2227 as the only
 * accent. Deliberately NOT the hall's #06060A — the card number field is a
 * cross-origin Stripe iframe that CSS cannot reach, so a dark checkout leaves a
 * white box floating in it. A light canvas lets the iframe blend as shipped.
 *
 * Cart and checkout are WooCommerce *blocks*: the server sends only the outer
 * .wp-block-woocommerce-* wrappers and React builds the .wc-block-components-*
 * interior after hydration. So everything here is CSS against classes that are
 * version-coupled to WooCommerce (10.8.1 at time of writing), not a public API.
 * If a Woo update flattens the design, diff these selectors first.
 *
 * Everything is scoped under body.sfb-shop-ui, added by shop/loader.php, so no
 * rule can escape onto a product or landing page.
 *
 * RTL: the store is Arabic, so use logical properties only — never left/right.
 */

body.sfb-shop-ui {
	--sfb-canvas: #FBF8F6;
	--sfb-card: #FFFFFF;
	--sfb-ink: #1A1720;
	--sfb-ink-soft: #4A4450;
	--sfb-mute: #7A7280;
	--sfb-line: #EAE2DC;
	--sfb-line-soft: #F2ECE7;
	--sfb-red: #DE2227;
	--sfb-red-ink: #B81B1F;
	--sfb-radius: 14px;
	--sfb-radius-sm: 10px;
	--sfb-shadow: 0 1px 2px rgba(26, 23, 32, .04), 0 8px 24px -12px rgba(26, 23, 32, .14);
	--sfb-shadow-lift: 0 2px 4px rgba(26, 23, 32, .05), 0 18px 40px -18px rgba(26, 23, 32, .22);
	--sfb-f-display: "El Messiri", "Almarai", Tahoma, sans-serif;
	--sfb-f-body: "Almarai", "IBM Plex Sans Arabic", Tahoma, sans-serif;
}

/* ---------------------------------------------------------------------------
   1. Canvas and typography
   ------------------------------------------------------------------------ */

body.sfb-shop-ui {
	background: var(--sfb-canvas);
	color: var(--sfb-ink);
	font-family: var(--sfb-f-body);
	-webkit-font-smoothing: antialiased;
}

/* The theme header sits on its own white band by default, which reads as a seam
   against the ivory canvas. Match it to the canvas rather than hide it — unlike
   the hall, these pages still need the site's real navigation. */
body.sfb-shop-ui .wp-site-blocks > header,
body.sfb-shop-ui header.wp-block-template-part {
	background: var(--sfb-canvas);
	border-block-end: 1px solid var(--sfb-line);
}

body.sfb-shop-ui .wp-block-post-title,
body.sfb-shop-ui .entry-title,
body.sfb-shop-ui h1,
body.sfb-shop-ui h2,
body.sfb-shop-ui h3,
body.sfb-shop-ui .wc-block-components-title,
body.sfb-shop-ui .wc-block-cart__submit-container + *,
body.sfb-shop-ui .wp-block-woocommerce-checkout-order-summary-block h2 {
	font-family: var(--sfb-f-display);
	color: var(--sfb-ink);
	letter-spacing: 0;
}

body.sfb-shop-ui .wp-block-post-title,
body.sfb-shop-ui .entry-title {
	font-size: clamp(1.9rem, 1.2rem + 2.4vw, 3rem);
	font-weight: 600;
	line-height: 1.25;
	margin-block: clamp(24px, 4vw, 48px) clamp(16px, 2.6vw, 28px);
	text-align: center;
}

/* A hairline flourish under the page title — the one decorative moment. */
body.sfb-shop-ui .wp-block-post-title::after,
body.sfb-shop-ui .entry-title::after {
	content: "";
	display: block;
	inline-size: 54px;
	block-size: 2px;
	margin: 14px auto 0;
	background: var(--sfb-red);
	border-radius: 2px;
}

body.sfb-shop-ui .wc-block-components-title {
	font-size: clamp(1.05rem, .95rem + .5vw, 1.35rem);
	font-weight: 600;
}

/* ---------------------------------------------------------------------------
   2. Shell — the two-column cart/checkout layout
   ------------------------------------------------------------------------ */

body.sfb-shop-ui .wp-block-woocommerce-cart,
body.sfb-shop-ui .wp-block-woocommerce-checkout {
	max-inline-size: 1180px;
	margin-inline: auto;
	padding-inline: clamp(16px, 4vw, 32px);
	padding-block-end: clamp(48px, 8vw, 96px);
}

body.sfb-shop-ui .wc-block-cart,
body.sfb-shop-ui .wc-block-checkout {
	font-family: var(--sfb-f-body);
	color: var(--sfb-ink);
}

/* Woo ships a hard 3rem gap that collapses awkwardly under 1000px. */
body.sfb-shop-ui .wc-block-cart .wc-block-cart__main,
body.sfb-shop-ui .wc-block-checkout .wc-block-checkout__main {
	padding-inline-end: 0;
}

@media (min-width: 1000px) {
	body.sfb-shop-ui .wc-block-cart .wc-block-cart__main,
	body.sfb-shop-ui .wc-block-checkout .wc-block-checkout__main {
		padding-inline-end: clamp(28px, 3.4vw, 52px);
	}
}

/* ---------------------------------------------------------------------------
   3. Cards — the sidebar summary and every panelled surface
   ------------------------------------------------------------------------ */

body.sfb-shop-ui .wc-block-cart__sidebar .wc-block-components-sidebar,
body.sfb-shop-ui .wc-block-checkout__sidebar .wc-block-components-sidebar,
body.sfb-shop-ui .wc-block-components-order-summary,
body.sfb-shop-ui .wp-block-woocommerce-checkout-order-summary-block,
body.sfb-shop-ui .wp-block-woocommerce-cart-totals-block {
	background: var(--sfb-card);
	border: 1px solid var(--sfb-line);
	border-radius: var(--sfb-radius);
	box-shadow: var(--sfb-shadow);
	padding: clamp(18px, 2.4vw, 26px);
}

/* Sticky summary — the total stays in view while a long form scrolls. */
@media (min-width: 1000px) {
	body.sfb-shop-ui .wc-block-cart__sidebar,
	body.sfb-shop-ui .wc-block-checkout__sidebar {
		position: sticky;
		inset-block-start: 24px;
		align-self: start;
	}
}

/* Woo nests its own bordered boxes inside the sidebar; flatten them so the card
   above is the only frame and the summary does not read as a box in a box. */
body.sfb-shop-ui .wc-block-components-sidebar .wc-block-components-panel,
body.sfb-shop-ui .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block,
body.sfb-shop-ui .wc-block-components-sidebar > div {
	border: 0;
	background: transparent;
	box-shadow: none;
}

/* ---------------------------------------------------------------------------
   4. Line items
   ------------------------------------------------------------------------ */

body.sfb-shop-ui .wc-block-cart-items,
body.sfb-shop-ui table.wc-block-cart-items {
	background: var(--sfb-card);
	border: 1px solid var(--sfb-line);
	border-radius: var(--sfb-radius);
	box-shadow: var(--sfb-shadow);
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 0;
}

body.sfb-shop-ui .wc-block-cart-items__header {
	font-family: var(--sfb-f-body);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--sfb-mute);
	background: var(--sfb-line-soft);
	border-block-end: 1px solid var(--sfb-line);
}

body.sfb-shop-ui .wc-block-cart-items__header th {
	padding-block: 14px;
}

body.sfb-shop-ui .wc-block-cart-items__row {
	border-block-end: 1px solid var(--sfb-line-soft);
}

body.sfb-shop-ui .wc-block-cart-items__row:last-child {
	border-block-end: 0;
}

body.sfb-shop-ui .wc-block-cart-item__image img {
	border-radius: var(--sfb-radius-sm);
	border: 1px solid var(--sfb-line-soft);
	background: var(--sfb-line-soft);
}

body.sfb-shop-ui .wc-block-components-product-name {
	font-family: var(--sfb-f-display);
	font-size: 1.02rem;
	font-weight: 600;
	color: var(--sfb-ink);
	text-decoration: none;
}

body.sfb-shop-ui .wc-block-components-product-name:hover {
	color: var(--sfb-red);
}

body.sfb-shop-ui .wc-block-components-product-metadata,
body.sfb-shop-ui .wc-block-components-product-metadata__description {
	color: var(--sfb-mute);
	font-size: .86rem;
}

body.sfb-shop-ui .wc-block-components-product-price__value,
body.sfb-shop-ui .wc-block-components-formatted-money-amount {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	color: var(--sfb-ink);
}

body.sfb-shop-ui .wc-block-components-sale-badge {
	background: rgba(222, 34, 39, .08);
	color: var(--sfb-red-ink);
	border: 1px solid rgba(222, 34, 39, .2);
	border-radius: 999px;
	font-weight: 700;
	padding-inline: 10px;
}

/* Quantity stepper */
body.sfb-shop-ui .wc-block-components-quantity-selector {
	border: 1px solid var(--sfb-line);
	border-radius: 999px;
	background: var(--sfb-card);
	overflow: hidden;
}

body.sfb-shop-ui .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	color: var(--sfb-ink);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

body.sfb-shop-ui .wc-block-components-quantity-selector__button {
	color: var(--sfb-ink-soft);
	transition: color .18s ease, background-color .18s ease;
}

body.sfb-shop-ui .wc-block-components-quantity-selector__button:hover:not(:disabled) {
	color: var(--sfb-red);
	background: rgba(222, 34, 39, .06);
}

body.sfb-shop-ui .wc-block-cart-item__remove-link {
	color: var(--sfb-mute);
	text-underline-offset: 3px;
}

body.sfb-shop-ui .wc-block-cart-item__remove-link:hover {
	color: var(--sfb-red);
}

/* ---------------------------------------------------------------------------
   5. Totals
   ------------------------------------------------------------------------ */

body.sfb-shop-ui .wc-block-components-totals-item {
	font-size: .95rem;
	color: var(--sfb-ink-soft);
	padding-block: 7px;
}

body.sfb-shop-ui .wc-block-components-totals-item__value {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	color: var(--sfb-ink);
}

body.sfb-shop-ui .wc-block-components-totals-footer-item {
	border-block-start: 1px solid var(--sfb-line);
	margin-block-start: 10px;
	padding-block-start: 14px;
	font-family: var(--sfb-f-display);
	font-size: 1.2rem;
}

body.sfb-shop-ui .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-size: 1.45rem;
	color: var(--sfb-red-ink);
}

body.sfb-shop-ui .wc-block-components-totals-item__description {
	color: var(--sfb-mute);
	font-size: .8rem;
}

/* ---------------------------------------------------------------------------
   6. Buttons
   ------------------------------------------------------------------------ */

body.sfb-shop-ui .wc-block-components-button:not(.is-link) {
	background: var(--sfb-red);
	color: #fff;
	border: 0;
	border-radius: 999px;
	font-family: var(--sfb-f-body);
	font-weight: 700;
	font-size: 1rem;
	min-block-size: 54px;
	padding-inline: 30px;
	box-shadow: 0 10px 22px -12px rgba(222, 34, 39, .8);
	/* transform/opacity only — never animate box-shadow or size here */
	transition: transform .18s ease, opacity .18s ease, background-color .18s ease;
}

body.sfb-shop-ui .wc-block-components-button:not(.is-link):hover {
	background: var(--sfb-red-ink);
	transform: translateY(-1px);
}

body.sfb-shop-ui .wc-block-components-button:not(.is-link):active {
	transform: translateY(0);
}

body.sfb-shop-ui .wc-block-components-button:not(.is-link):disabled {
	opacity: .45;
	box-shadow: none;
	transform: none;
}

body.sfb-shop-ui .wc-block-cart__submit-button,
body.sfb-shop-ui .wc-block-components-checkout-place-order-button {
	inline-size: 100%;
	min-block-size: 58px;
	font-size: 1.05rem;
}

body.sfb-shop-ui .wc-block-components-button.is-link {
	color: var(--sfb-red-ink);
	text-underline-offset: 3px;
}

/* "Return to cart" and other quiet actions */
body.sfb-shop-ui .wc-block-cart__submit-container ~ a,
body.sfb-shop-ui .wc-block-components-checkout-return-to-cart-button {
	color: var(--sfb-mute);
	text-decoration: none;
}

body.sfb-shop-ui .wc-block-cart__submit-container ~ a:hover,
body.sfb-shop-ui .wc-block-components-checkout-return-to-cart-button:hover {
	color: var(--sfb-red);
}

/* ---------------------------------------------------------------------------
   7. Checkout steps and forms
   ------------------------------------------------------------------------ */

body.sfb-shop-ui .wc-block-components-checkout-step {
	background: var(--sfb-card);
	border: 1px solid var(--sfb-line);
	border-radius: var(--sfb-radius);
	box-shadow: var(--sfb-shadow);
	padding: clamp(18px, 2.4vw, 28px);
	margin-block-end: 18px;
}

body.sfb-shop-ui .wc-block-components-checkout-step__title {
	font-family: var(--sfb-f-display);
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--sfb-ink);
}

body.sfb-shop-ui .wc-block-components-checkout-step__description {
	color: var(--sfb-mute);
	font-size: .88rem;
}

/* Woo draws a numbered rail down the side of each step; it fights the cards. */
body.sfb-shop-ui .wc-block-components-checkout-step__container::after {
	display: none;
}

body.sfb-shop-ui .wc-block-components-checkout-step__heading-content {
	color: var(--sfb-mute);
}

/* Inputs */
body.sfb-shop-ui .wc-block-components-text-input input[type],
body.sfb-shop-ui .wc-block-components-textarea,
body.sfb-shop-ui .wc-blocks-components-select__select {
	background: var(--sfb-card);
	border: 1px solid var(--sfb-line);
	border-radius: var(--sfb-radius-sm);
	color: var(--sfb-ink);
	font-family: var(--sfb-f-body);
	font-size: 1rem;
	min-block-size: 52px;
	transition: border-color .18s ease, box-shadow .18s ease;
}

body.sfb-shop-ui .wc-block-components-text-input input[type]:focus,
body.sfb-shop-ui .wc-block-components-textarea:focus,
body.sfb-shop-ui .wc-blocks-components-select__select:focus {
	border-color: var(--sfb-red);
	box-shadow: 0 0 0 3px rgba(222, 34, 39, .14);
	outline: none;
}

body.sfb-shop-ui .wc-block-components-text-input label,
body.sfb-shop-ui .wc-blocks-components-select__label {
	color: var(--sfb-mute);
	font-family: var(--sfb-f-body);
}

body.sfb-shop-ui .wc-block-components-text-input.is-active label {
	color: var(--sfb-ink-soft);
}

/* Validation — red is the accent AND the error colour here, which is fine
   because the two never appear on the same element. */
body.sfb-shop-ui .wc-block-components-validation-error {
	color: var(--sfb-red-ink);
	font-size: .84rem;
}

body.sfb-shop-ui .has-error input[type],
body.sfb-shop-ui .has-error .wc-blocks-components-select__select {
	border-color: var(--sfb-red);
}

/* Radio / shipping / payment option rows */
body.sfb-shop-ui .wc-block-components-radio-control__option,
body.sfb-shop-ui .wc-block-components-radio-control-accordion-option {
	border: 1px solid var(--sfb-line);
	border-radius: var(--sfb-radius-sm);
	margin-block-end: 10px;
	padding: 14px 16px;
	background: var(--sfb-card);
	transition: border-color .18s ease, background-color .18s ease;
}

body.sfb-shop-ui .wc-block-components-radio-control__option:hover {
	border-color: rgba(222, 34, 39, .4);
}

body.sfb-shop-ui .wc-block-components-radio-control__option-checked,
body.sfb-shop-ui .wc-block-components-radio-control-accordion-option:has(:checked) {
	border-color: var(--sfb-red);
	background: rgba(222, 34, 39, .04);
}

body.sfb-shop-ui .wc-block-components-radio-control__input:checked {
	accent-color: var(--sfb-red);
}

body.sfb-shop-ui .wc-block-components-checkbox__input[type="checkbox"] {
	accent-color: var(--sfb-red);
	inline-size: 20px;
	block-size: 20px;
	border-radius: 5px;
}

/* Coupon form */
body.sfb-shop-ui .wc-block-components-totals-coupon__form .wc-block-components-text-input input[type] {
	min-block-size: 48px;
}

body.sfb-shop-ui .wc-block-components-panel__button {
	color: var(--sfb-ink-soft);
	font-weight: 600;
}

body.sfb-shop-ui .wc-block-components-panel__button:hover {
	color: var(--sfb-red);
}

body.sfb-shop-ui .wc-block-components-chip {
	background: rgba(222, 34, 39, .07);
	border: 1px solid rgba(222, 34, 39, .22);
	color: var(--sfb-red-ink);
	border-radius: 999px;
}

/* ---------------------------------------------------------------------------
   8. Notices
   ------------------------------------------------------------------------ */

body.sfb-shop-ui .wc-block-components-notice-banner {
	border-radius: var(--sfb-radius-sm);
	border-width: 1px;
	font-family: var(--sfb-f-body);
	box-shadow: var(--sfb-shadow);
}

body.sfb-shop-ui .wc-block-components-notice-banner.is-error {
	border-color: rgba(222, 34, 39, .35);
	background: rgba(222, 34, 39, .05);
	color: var(--sfb-red-ink);
}

body.sfb-shop-ui .wc-block-components-notice-banner.is-success {
	border-color: var(--sfb-line);
	background: var(--sfb-card);
	color: var(--sfb-ink);
}

/* ---------------------------------------------------------------------------
   9. Empty cart
   ------------------------------------------------------------------------ */

body.sfb-shop-ui .wp-block-woocommerce-empty-cart-block {
	text-align: center;
	padding-block: clamp(24px, 5vw, 56px);
}

body.sfb-shop-ui .wp-block-woocommerce-empty-cart-block h2 {
	font-family: var(--sfb-f-display);
	font-size: clamp(1.4rem, 1.1rem + 1.4vw, 2rem);
	color: var(--sfb-ink);
}

body.sfb-shop-ui .wc-block-cart__empty-cart__title::before {
	filter: grayscale(1) opacity(.35);
}

/* ---------------------------------------------------------------------------
   10. Order received / thank-you
   ------------------------------------------------------------------------ */

body.sfb-shop-ui .woocommerce-order,
body.sfb-shop-ui .wc-block-order-confirmation-summary,
body.sfb-shop-ui .wp-block-woocommerce-order-confirmation-summary {
	background: var(--sfb-card);
	border: 1px solid var(--sfb-line);
	border-radius: var(--sfb-radius);
	box-shadow: var(--sfb-shadow);
	padding: clamp(18px, 2.6vw, 30px);
}

body.sfb-shop-ui .woocommerce-thankyou-order-received,
body.sfb-shop-ui .wc-block-order-confirmation-status-description {
	font-family: var(--sfb-f-display);
	font-size: clamp(1.2rem, 1rem + 1vw, 1.7rem);
	color: var(--sfb-ink);
}

body.sfb-shop-ui .woocommerce-order-overview {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

body.sfb-shop-ui .woocommerce-order-overview li {
	background: var(--sfb-line-soft);
	border-radius: var(--sfb-radius-sm);
	padding: 14px 16px;
	border: 0;
	font-size: .82rem;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--sfb-mute);
}

body.sfb-shop-ui .woocommerce-order-overview li strong {
	display: block;
	margin-block-start: 6px;
	font-family: var(--sfb-f-display);
	font-size: 1.1rem;
	letter-spacing: 0;
	text-transform: none;
	color: var(--sfb-ink);
}

/* ---------------------------------------------------------------------------
   11. My account — classic [woocommerce_my_account] shortcode, not blocks
   ------------------------------------------------------------------------ */

body.sfb-shop-ui .woocommerce-account .woocommerce {
	max-inline-size: 1100px;
	margin-inline: auto;
	padding-inline: clamp(16px, 4vw, 32px);
}

@media (min-width: 860px) {
	body.sfb-shop-ui .woocommerce-account .woocommerce {
		display: grid;
		grid-template-columns: 250px 1fr;
		gap: clamp(20px, 3vw, 40px);
		align-items: start;
	}
}

body.sfb-shop-ui .woocommerce-MyAccount-navigation {
	background: var(--sfb-card);
	border: 1px solid var(--sfb-line);
	border-radius: var(--sfb-radius);
	box-shadow: var(--sfb-shadow);
	padding: 10px;
}

body.sfb-shop-ui .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.sfb-shop-ui .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 12px 16px;
	border-radius: var(--sfb-radius-sm);
	color: var(--sfb-ink-soft);
	text-decoration: none;
	font-weight: 600;
	transition: background-color .18s ease, color .18s ease;
}

body.sfb-shop-ui .woocommerce-MyAccount-navigation li a:hover {
	background: var(--sfb-line-soft);
	color: var(--sfb-ink);
}

body.sfb-shop-ui .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--sfb-red);
	color: #fff;
}

body.sfb-shop-ui .woocommerce-MyAccount-content {
	background: var(--sfb-card);
	border: 1px solid var(--sfb-line);
	border-radius: var(--sfb-radius);
	box-shadow: var(--sfb-shadow);
	padding: clamp(18px, 2.6vw, 30px);
}

body.sfb-shop-ui .woocommerce table.shop_table {
	border: 1px solid var(--sfb-line);
	border-radius: var(--sfb-radius-sm);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

body.sfb-shop-ui .woocommerce table.shop_table th {
	background: var(--sfb-line-soft);
	color: var(--sfb-mute);
	font-size: .78rem;
	letter-spacing: .06em;
	text-transform: uppercase;
}

body.sfb-shop-ui .woocommerce form .form-row input.input-text,
body.sfb-shop-ui .woocommerce form .form-row select {
	background: var(--sfb-card);
	border: 1px solid var(--sfb-line);
	border-radius: var(--sfb-radius-sm);
	min-block-size: 50px;
	padding-inline: 14px;
	color: var(--sfb-ink);
}

body.sfb-shop-ui .woocommerce form .form-row input.input-text:focus,
body.sfb-shop-ui .woocommerce form .form-row select:focus {
	border-color: var(--sfb-red);
	box-shadow: 0 0 0 3px rgba(222, 34, 39, .14);
	outline: none;
}

body.sfb-shop-ui .woocommerce .button,
body.sfb-shop-ui .woocommerce button.button,
body.sfb-shop-ui .woocommerce input.button {
	background: var(--sfb-red);
	color: #fff;
	border: 0;
	border-radius: 999px;
	font-family: var(--sfb-f-body);
	font-weight: 700;
	min-block-size: 50px;
	padding-inline: 26px;
	transition: transform .18s ease, background-color .18s ease;
}

body.sfb-shop-ui .woocommerce .button:hover,
body.sfb-shop-ui .woocommerce button.button:hover,
body.sfb-shop-ui .woocommerce input.button:hover {
	background: var(--sfb-red-ink);
	color: #fff;
	transform: translateY(-1px);
}

/* ---------------------------------------------------------------------------
   12. Accessibility
   ------------------------------------------------------------------------ */

body.sfb-shop-ui a:focus-visible,
body.sfb-shop-ui button:focus-visible,
body.sfb-shop-ui input:focus-visible,
body.sfb-shop-ui select:focus-visible,
body.sfb-shop-ui textarea:focus-visible,
body.sfb-shop-ui [tabindex]:focus-visible {
	outline: 2px solid var(--sfb-red);
	outline-offset: 3px;
	border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
	body.sfb-shop-ui *,
	body.sfb-shop-ui *::before,
	body.sfb-shop-ui *::after {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* ---------------------------------------------------------------------------
   13. Small screens
   ------------------------------------------------------------------------ */

@media (max-width: 700px) {
	body.sfb-shop-ui .wc-block-components-checkout-step,
	body.sfb-shop-ui .wc-block-cart__sidebar .wc-block-components-sidebar,
	body.sfb-shop-ui .wc-block-checkout__sidebar .wc-block-components-sidebar {
		padding: 16px;
		border-radius: 12px;
	}

	body.sfb-shop-ui .wc-block-cart-items__header {
		display: none;
	}

	body.sfb-shop-ui .wc-block-components-button:not(.is-link) {
		min-block-size: 52px;
	}
}