/* =========================================================================
   WooCommerce — pood, tooteleht, ostukorv, kassa
   ========================================================================= */

/* -------------------------------------------------------------------------
   Teekond
   ---------------------------------------------------------------------- */

.rz-breadcrumbs {
	color: var(--wp--preset--color--contrast-soft);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: var(--wp--preset--spacing--30);
}

.rz-breadcrumbs a { color: inherit; }
.rz-breadcrumbs a:hover { color: var(--wp--preset--color--primary); }


/* -------------------------------------------------------------------------
   Tootearhiiv
   ---------------------------------------------------------------------- */

.rz-shop__bar {
	align-items: center;
	padding: var(--wp--preset--spacing--30) 0;
	margin-bottom: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--border);
	border-bottom: 1px solid var(--wp--preset--color--border);
	color: var(--wp--preset--color--contrast-soft);
}

.rz-shop__bar select {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	padding: 0.45rem 0.65rem;
	background: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
}

/* Tootekaart */
.rz-grid .wc-block-product-template__responsive,
.rz-grid .wp-block-post-template {
	gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
}

.rz-grid li img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 0;
	transition: transform 300ms ease;
}

.rz-grid li:hover img { transform: scale(1.02); }

.rz-grid .wc-block-product-template > li,
.rz-grid .wp-block-post-template > li { text-align: center; }

.rz-grid li img { background: var(--wp--preset--color--image-bg); }

.rz-grid .wp-block-post-title {
	margin: var(--wp--preset--spacing--30) 0 var(--wp--preset--spacing--20);
	line-height: 1.35;
	font-size: 1.03125rem;
	font-weight: 400;
}

.rz-grid .wp-block-post-title a { color: var(--wp--preset--color--primary); }
.rz-grid .wp-block-post-title a:hover { color: var(--wp--preset--color--primary-dark); }

.rz-grid .wc-block-components-product-price { justify-content: center; }

.rz-grid .wp-block-button,
.rz-grid .wc-block-components-product-button { display: flex; justify-content: center; }

.rz-grid .wc-block-components-product-price {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
}

.rz-grid del { color: var(--wp--preset--color--contrast-soft); font-weight: 400; }
.rz-grid ins { text-decoration: none; }


/* -------------------------------------------------------------------------
   Tooteleht
   ---------------------------------------------------------------------- */

.rz-product__main { align-items: flex-start; }

.rz-product__info > * + * { margin-top: var(--wp--preset--spacing--30); }

.rz-price {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	color: var(--wp--preset--color--contrast);
}

.rz-price del {
	font-size: 0.7em;
	font-weight: 400;
	color: var(--wp--preset--color--contrast-soft);
	margin-right: 0.4em;
}

.rz-price ins { text-decoration: none; }

/* "Hind käibemaksuta: …" oma reale ja väiksemaks, mitte hinna sisse */
.rz-price .woocommerce-price-suffix,
.rz-price small {
	display: block;
	margin-top: 0.35rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	color: var(--wp--preset--color--contrast-soft);
}

.rz-product__summary { color: #444444; font-size: 1rem; line-height: 1.7; }

.rz-product__summary li { margin-bottom: 0.35rem; }

.rz-product__meta {
	margin-top: var(--wp--preset--spacing--40);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--wp--preset--color--border);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--contrast-soft);
}

/* Müügimärgis pildil — valge sisu, must äär (Riinu soov 21.08).
   !important, sest Woo core annab ovaali (radius 100% + min-mõõdud)
   kõrgema kaaluga reegliga. */
body span.onsale,
.rz-product .onsale,
.rz-grid .wc-block-components-product-sale-badge {
	background: var(--wp--preset--color--base) !important;
	color: var(--wp--preset--color--contrast) !important;
	border: 1px solid var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	line-height: 1;
	padding: 0.4rem 0.75rem;
	border-radius: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	display: inline-flex;
	align-items: center;
}

/* Galerii */
.rz-product .woocommerce-product-gallery__image img { border-radius: 0; }

.rz-product .flex-control-thumbs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--wp--preset--spacing--20);
	margin-top: var(--wp--preset--spacing--20);
	padding: 0;
	list-style: none;
}

/*
 * Flexslider annab pisipiltidele `li { width: 25%; float: left }`, mis
 * grid-lahtri sees tähendab 25% lahtri laiusest — pildid jäid 31px suuruseks.
 */
.rz-product .woocommerce-product-gallery.woocommerce-product-gallery .flex-control-thumbs.flex-control-nav li {
	width: 100%;
	float: none;
	margin: 0;
}

.rz-product .woocommerce-product-gallery.woocommerce-product-gallery .flex-control-thumbs.flex-control-nav li img,
.rz-product .flex-control-thumbs img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 0;
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 180ms ease;
}

.rz-product .flex-control-thumbs img:hover,
.rz-product .flex-control-thumbs .flex-active { opacity: 1; }


/* -------------------------------------------------------------------------
   Lisa korvi vorm
   ---------------------------------------------------------------------- */

.rz-atc { margin-top: var(--wp--preset--spacing--40); }

.rz-atc .quantity input[type="number"],
.woocommerce .quantity input[type="number"] {
	width: 4.5rem;
	padding: 0.7rem 0.5rem;
	text-align: center;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
}

.rz-atc .single_add_to_cart_button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	border: 0;
	border-radius: 0;
	padding: 0.9em 2em;
	transition: background 180ms ease;
}

.rz-atc .single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: var(--wp--preset--color--primary-dark);
	color: var(--wp--preset--color--base);
}

.woocommerce .button {
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--contrast);
	border-radius: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
}

.woocommerce .button:hover {
	background: var(--wp--preset--color--secondary-deep);
	color: var(--wp--preset--color--contrast);
}


/* -------------------------------------------------------------------------
   Tabid ja seotud tooted
   ---------------------------------------------------------------------- */

.rz-product__tabs .wc-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	list-style: none;
	margin: 0 0 var(--wp--preset--spacing--50);
	padding: 0;
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* WooCommerce'i vaikimisi tabid on kastikesed varjuga — teeme neist
   alljoonega vahekaardid, nagu Flatsome'is */
.rz-product__tabs .wc-tabs li {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.rz-product__tabs .wc-tabs li::before,
.rz-product__tabs .wc-tabs li::after { display: none; }

.rz-product__tabs .wc-tabs a {
	display: block;
	padding: 0.75rem var(--wp--preset--spacing--40) 0.75rem 0;
	margin-right: var(--wp--preset--spacing--40);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-soft);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	transition: color 160ms ease, border-color 160ms ease;
}

.rz-product__tabs .wc-tabs a:hover { color: var(--wp--preset--color--contrast); }

.rz-product__tabs .wc-tabs li.active a {
	color: var(--wp--preset--color--primary);
	border-bottom-color: var(--wp--preset--color--primary);
}

/*
 * WooCommerce kordab kaardi nime uuesti sisu kohal pealkirjana
 * ("Kirjeldus" vahekaart ja kohe all "Kirjeldus" h2). Flatsome peitis
 * selle ära — teeme sama.
 */
.rz-product__tabs .woocommerce-Tabs-panel > h2:first-child { display: none; }

/* -------------------------------------------------------------------------
   Tabid -> akordion (tabs-accordion.js; ilma JS-ita jäävad tabid ülal)
   Nähtavus klassiga + !important, et võita wc-tabs skripti inline-stiile.
   ---------------------------------------------------------------------- */

/* Disaini järgi: tiitel 14.5px/600 (mitte uppercase), tealne "+" mis
   pöördub avatuna 45° ristiks, jooned --line tooniga. */
.rz-acc { border-top: 1px solid var(--wp--preset--color--border); }

.rz-acc__btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	padding: 1.125rem 0;
	background: none;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	cursor: pointer;
	text-align: left;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 0.90625rem;
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
}

.rz-acc__btn::after {
	content: "+";
	flex: 0 0 auto;
	color: var(--wp--preset--color--primary);
	font-size: 1.125rem;
	line-height: 1;
	transition: transform 200ms ease;
}

.rz-acc__btn[aria-expanded="true"] { border-bottom: 0; }

.rz-acc__btn[aria-expanded="true"]::after { transform: rotate(45deg); }

.rz-acc__panel { display: none !important; }

.rz-acc__panel.is-open {
	display: block !important;
	padding-bottom: var(--wp--preset--spacing--40);
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* Akordioni sisu veidi väiksemalt — ostuveerus on ruumi vähem */
.rz-acc__panel.is-open { font-size: 0.9375rem; }

/* Tühi upsell-sektsioon peitu (tootel pole "sobib kokku" tooteid valitud) */
.rz-upsells:not(:has(li)) { display: none; }

.rz-related h2 { margin-bottom: var(--wp--preset--spacing--40); }


/* -------------------------------------------------------------------------
   Teated — RAdezaini nägu, mitte Woo roheline/sinine
   Kaks perekonda: klassikalised (.woocommerce-message jt) ja
   plokipõhised bännerid (.wc-block-components-notice-banner).
   ---------------------------------------------------------------------- */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top: 0;
	border: 1px solid var(--wp--preset--color--border);
	border-left: 3px solid var(--wp--preset--color--primary);
	background: var(--wp--preset--color--base-soft);
	color: var(--wp--preset--color--contrast);
	border-radius: 0;
	font-family: var(--wp--preset--font-family--body);
}

.woocommerce-error { border-left-color: #B54A44; }

.woocommerce-message::before,
.woocommerce-info::before { color: var(--wp--preset--color--primary); }

.woocommerce-error::before { color: #B54A44; }

.wc-block-components-notice-banner {
	border-radius: 0 !important;
	border: 1px solid var(--wp--preset--color--border) !important;
	border-left: 3px solid var(--wp--preset--color--primary) !important;
	background: var(--wp--preset--color--base-soft) !important;
	color: var(--wp--preset--color--contrast) !important;
	font-family: var(--wp--preset--font-family--body);
}

.wc-block-components-notice-banner.is-success {
	border-left-color: var(--wp--preset--color--primary) !important;
}

.wc-block-components-notice-banner.is-error {
	border-left-color: #B54A44 !important;
}

.wc-block-components-notice-banner.is-success > svg {
	background: var(--wp--preset--color--primary) !important;
	fill: var(--wp--preset--color--base) !important;
}

.wc-block-components-notice-banner.is-error > svg {
	background: #B54A44 !important;
	fill: var(--wp--preset--color--base) !important;
}

.wc-block-components-notice-banner.is-info > svg {
	background: var(--wp--preset--color--primary) !important;
	fill: var(--wp--preset--color--base) !important;
}

/* "Vaata ostukorvi" link teates */
.wc-block-components-notice-banner a,
.woocommerce-message a.button,
.woocommerce-info a.button {
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 0.8125rem;
}

.wc-block-components-notice-banner a:hover { color: var(--wp--preset--color--primary-dark); }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	padding: 0.7rem 0.75rem;
	font-family: var(--wp--preset--font-family--body);
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: -1px;
}

/* Tasuta tarne teade ostukorvis */
.woocommerce-cart .woocommerce-info .button { margin-right: var(--wp--preset--spacing--30); }





/* -------------------------------------------------------------------------
   Mobiil
   ---------------------------------------------------------------------- */

@media (max-width: 900px) {

	.rz-product__main { gap: var(--wp--preset--spacing--50); }

	.rz-shop__bar { gap: var(--wp--preset--spacing--20); }

	.rz-grid li img { aspect-ratio: 4 / 5; }
}

@media (max-width: 600px) {
	.rz-product__tabs .wc-tabs { gap: var(--wp--preset--spacing--30); }
}


/* =========================================================================
   Tooteleht — uue kujunduse kiht
   ========================================================================= */

/* Kleepuv galerii */
@media (min-width: 901px) {
	.rz-product__gallery {
		position: sticky;
		top: 148px;
		align-self: flex-start;
	}
}

/* Pisipildid: aktiivsel teal piire, mitte ainult läbipaistvus */
.rz-product .flex-control-thumbs img {
	border: 1px solid var(--wp--preset--color--border-strong);
	opacity: 1;
}

.rz-product .flex-control-thumbs img:hover { border-color: var(--wp--preset--color--primary); }

.rz-product .flex-control-thumbs .flex-active { border-color: var(--wp--preset--color--primary); }

/* Teekond heledam, väiksem */
.rz-breadcrumbs {
	color: var(--wp--preset--color--faint);
	font-size: 0.75rem;
	letter-spacing: 0.08em;
}

/* Pealkiri 38px, tihe */
.rz-product h1.wp-block-post-title {
	font-size: 2.375rem;
	line-height: 1.12;
	letter-spacing: -0.02em;
}

/* Tähed roosakad (kui tootel on arvustusi) */
.rz-product .star-rating { color: var(--wp--preset--color--star); }

/* Väike joon pealkirja all, nagu disainis */
.rz-product h1.wp-block-post-title {
	position: relative;
	padding-bottom: 1.1rem;
}

.rz-product h1.wp-block-post-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 3px;
	background: var(--wp--preset--color--border);
}

/* Hind ostuploki kohal, 30px */
.rz-price { font-size: 1.875rem; margin-top: var(--wp--preset--spacing--30); }

/* Lisa korvi: must, hover teal; kogus 54px kõrge */
.rz-atc .single_add_to_cart_button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt {
	background: var(--wp--preset--color--contrast);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.875rem;
	height: 54px;
	padding: 0 2em;
}

.rz-atc .single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: var(--wp--preset--color--primary);
}

.rz-atc .quantity input[type="number"],
.woocommerce .quantity input[type="number"] {
	height: 54px;
	border-color: var(--wp--preset--color--border-strong);
}


/* =========================================================================
   Ostukorv ja kassa — stiil senise live-lehe järgi (Riinu soov)
   Mõõdetud radezain.ee pealt 2026-08: teal nupud uppercase/700, väljad
   40px valged #ddd äärisega ja sisemise varjuga, makseala läbipaistev.
   ========================================================================= */

/* --- Tabelid (ostukorv + tellimuse ülevaade) --- */

.woocommerce table.shop_table {
	border: 0;
	border-radius: 0;
	border-collapse: separate;
}

.woocommerce table.shop_table th {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 0.9375rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-bottom: 3px solid #ececec;
	padding: 0.75rem 0;
}

.woocommerce table.shop_table td {
	border-top: 0;
	border-bottom: 1px solid #ececec;
	padding: 15px 6px;
}

.woocommerce .cart_item .product-name a {
	color: var(--wp--preset--color--primary);
	font-weight: 400;
}

.woocommerce .cart_totals h2,
.woocommerce #order_review_heading {
	font-size: 1.625rem;
	font-weight: 700;
}

/* --- Kogus ja kupong --- */

.woocommerce-cart .quantity input[type="number"],
.woocommerce .quantity input[type="number"] {
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 0;
	background: #f9f9f9;
	text-align: center;
}

.woocommerce #coupon_code {
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 0;
	background: var(--wp--preset--color--base);
	padding: 0 0.75rem;
}

/* --- Nupud: teal, uppercase, bold — nagu live'is --- */

.woocommerce-cart .button,
.woocommerce-checkout .button,
.woocommerce button[name="update_cart"],
.woocommerce button[name="apply_coupon"] {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 0.90625rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	border: 0;
	border-radius: 0;
	transition: background 180ms ease;
}

.woocommerce-cart .button:hover,
.woocommerce-checkout .button:hover,
.woocommerce button[name="update_cart"]:hover,
.woocommerce button[name="apply_coupon"]:hover {
	background: var(--wp--preset--color--primary-dark);
	color: var(--wp--preset--color--base);
}

.woocommerce button[name="update_cart"]:disabled {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	opacity: 0.5;
}

.woocommerce .checkout-button {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1rem;
	padding: 0.9em 1em;
}

/* --- Kassa vormiväljad — live'i välimus --- */

.woocommerce form .form-row label {
	font-weight: 700;
	font-size: 0.9375rem;
	color: #222222;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 0;
	background: var(--wp--preset--color--base);
	box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
	padding: 0 0.75rem;
	font-family: var(--wp--preset--font-family--body);
}

.woocommerce form .form-row textarea { height: auto; min-height: 6rem; padding: 0.6rem 0.75rem; }

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	outline: 0;
	border-color: var(--wp--preset--color--primary);
	box-shadow: none;
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
.woocommerce #order_review_heading {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.14375rem;
}

/* --- Makseala: läbipaistev nagu live'is, ilma kastita --- */

.woocommerce-checkout #payment,
.woocommerce-checkout .woocommerce-checkout-payment {
	background: transparent;
	border: 0;
	border-radius: 0;
}

.woocommerce-checkout #payment ul.payment_methods {
	padding: 0 0 var(--wp--preset--spacing--30);
	border-bottom: 1px solid #ececec;
}

.woocommerce-checkout #payment ul.payment_methods li { list-style: none; }

.woocommerce-checkout #payment div.payment_box {
	background: #f7f7f7;
	color: var(--wp--preset--color--contrast);
	border-radius: 0;
	font-size: var(--wp--preset--font-size--small);
}

.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #f7f7f7; }

.woocommerce-checkout input[type="radio"],
.woocommerce-checkout input[type="checkbox"],
.woocommerce-cart input[type="checkbox"] {
	accent-color: var(--wp--preset--color--primary);
	width: 1.05rem;
	height: 1.05rem;
}

.woocommerce-checkout #payment .place-order { padding: var(--wp--preset--spacing--40) 0 0; }

/* --- Esita tellimus: suur teal, nagu live'is --- */

.woocommerce-checkout #place_order {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
	border: 0;
	border-radius: 0;
	width: 100%;
	padding: 0.8em 1em;
	transition: background 180ms ease;
}

.woocommerce-checkout #place_order:hover { background: var(--wp--preset--color--primary-dark); }

/* Tootelehe must alt-nupp ei tohi kassasse-mineku nuppu üle võtta */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt {
	background: var(--wp--preset--color--primary);
	font-weight: 700;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt:hover {
	background: var(--wp--preset--color--primary-dark);
}

/* Mobiil: tootegrid 2 kaupa (Woo laob columns-4 üheks) — disaini nõue */
@media (max-width: 600px) {
	.rz-grid .wc-block-product-template.is-flex-container li,
	.rz-grid .wc-block-product-template.is-flex-container.columns-4 li,
	.rz-grid .wc-block-product-template.is-flex-container.columns-3 li {
		width: calc(50% - var(--wp--preset--spacing--20) / 2) !important;
		flex-basis: auto;
	}

	.rz-grid .wc-block-product-template { gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20); }

	/* Mobiilis pildid ruudukujulised, mitte 4:5 */
	.rz-grid li img { aspect-ratio: 1 / 1; }
}

/* --- Tootekaart: puhas eelvaade nagu senisel live'il --- */

/* KM-ta hinda ei näidata kuskil (Riinu otsus) */
.woocommerce-price-suffix { display: none !important; }

/* Kategooriasilt pealkirja kohal — kuvame ainult esimese */
.rz-grid .rz-card-cat {
	margin: var(--wp--preset--spacing--30) 0 0.2rem;
	font-size: 0.71875rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.rz-grid .rz-card-cat a { color: var(--wp--preset--color--faint); }
.rz-grid .rz-card-cat a:hover { color: var(--wp--preset--color--primary); }
.rz-grid .rz-card-cat a:not(:first-child) { display: none; }

.rz-grid .rz-card-cat + .wp-block-post-title { margin-top: 0.15rem; }


/* -------------------------------------------------------------------------
   Klassikalised tootevõrgud (upsellid "Sulle võib meeldida ka…" jm
   ul.products) — sama puhas kaart nagu plokivõrkudel: 3 reas, 2 mobiilis
   ---------------------------------------------------------------------- */

.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	list-style: none;
	margin: var(--wp--preset--spacing--40) 0 0;
	padding: 0;
}

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

.woocommerce ul.products li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	text-align: center;
}

.woocommerce ul.products li.product img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	background: var(--wp--preset--color--image-bg);
	margin: 0 0 var(--wp--preset--spacing--30);
	transition: transform 300ms ease;
}

.woocommerce ul.products li.product:hover img { transform: scale(1.02); }

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--body);
	font-size: 1.03125rem;
	font-weight: 400;
	color: var(--wp--preset--color--primary);
	padding: 0;
}

.woocommerce ul.products li.product .price {
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	font-size: 0.9375rem;
}

/* Kaardil nuppe ei ole, nagu plokivõrkudelgi */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
	display: none;
}

/* Upselli pealkiri sektsioonipealkirja moodi */
.up-sells > h2 {
	text-align: center;
	font-size: var(--wp--preset--font-size--x-large);
	margin: var(--wp--preset--spacing--60) 0 var(--wp--preset--spacing--40);
}

@media (max-width: 600px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
	}
}


/* -------------------------------------------------------------------------
   Variatsioonirida — silt oma real, nupud all (kõigil ekraanidel)
   ---------------------------------------------------------------------- */

form.variations_form table.variations,
form.variations_form table.variations tbody,
form.variations_form table.variations tr,
form.variations_form table.variations th,
form.variations_form table.variations td {
	display: block;
	width: 100%;
	/*
	 * NB: tabelilahtrid on vaikimisi content-box. Koos `width:100%` ja sildi
	 * `padding-left:2rem`-ga (nummerdatud sammu ring) tegi see lahtri 32px
	 * konteinerist laiemaks — kogu tooteleht kerkis mobiilis horisontaalselt.
	 */
	box-sizing: border-box;
}

form.variations_form table.variations th.label {
	margin-bottom: 0.4rem;
}

form.variations_form table.variations tr + tr { margin-top: var(--wp--preset--spacing--30); }

form.variations_form .reset_variations { display: inline-block; margin-top: 0.4rem; }

@media (max-width: 900px) {
	.rz-var-pill {
		padding: 0.5rem 0.9rem;
		font-size: 0.875rem;
	}
}

/* Elav koguhind koguse+nupu rea ees (sticky-buy.js, disaini "total"-rida) */
.rz-total {
	display: flex;
	align-items: baseline;
	gap: 0.75rem;
	margin: var(--wp--preset--spacing--30) 0 var(--wp--preset--spacing--30);
	/* koguse+nupu grid'is/flexis peab hind võtma terve oma rea */
	grid-column: 1 / -1;
	flex-basis: 100%;
	width: 100%;
}

.rz-total__price {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1;
}

.rz-total__note {
	font-size: 0.8125rem;
	color: var(--wp--preset--color--faint);
}

/* Kindlustunde mikrorida CTA all (CRO-checklist: tarne/tagastus CTA juures) */
.rz-product__micro {
	color: var(--wp--preset--color--contrast-soft);
	margin-top: var(--wp--preset--spacing--20);
}

/* Kirjelduse punktid teal linnukestega (CRO: benefit-list pealkirja juures) */
.rz-product__summary ul {
	list-style: none;
	padding-left: 0;
}

.rz-product__summary ul li {
	position: relative;
	padding-left: 1.5rem;
}

.rz-product__summary ul li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--wp--preset--color--primary);
	font-weight: 700;
}


/* (Mobiilne hinnariba .rz-pricebar eemaldatud 20.08 — vormis on elav
   koguhind .rz-total ja mobiili päis peitub kerides.) */


/* -------------------------------------------------------------------------
   Nummerdatud sammud (redesigni teal ringid) + valitud väärtus sildi järel
   ---------------------------------------------------------------------- */

form.cart { counter-reset: rz-step; }

form.cart table.variations tr,
form.cart .rp-field-options,
form.cart .rp-field-text,
form.cart .rp-field-textarea,
form.cart .rp-field-upload,
form.cart .rp-field-number,
form.cart .rp-field-toggle {
	counter-increment: rz-step;
}

form.cart table.variations th.label,
form.cart .rp-field > .rp-label {
	position: relative;
	padding-left: 2rem;
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 0.84375rem;
	font-weight: 600;
}

form.cart table.variations th.label::before,
form.cart .rp-field > .rp-label::before {
	content: counter(rz-step);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	border-radius: 999px;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.71875rem;
	font-weight: 700;
}

.rz-step-val {
	color: var(--wp--preset--color--faint);
	font-weight: 400;
}

/* Seotud toodete oma plokk (radezain/related-products).
   Kuni 6 toodet: desktopil 3 veergu kahel real, mobiilis üherealine slider. */
.rz-relgrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	list-style: none;
	margin: 0;
	padding: 0;
}

.rz-relgrid > li { margin: 0; }

/* -------------------------------------------------------------------------
   Mobiilis on seotud tooted ja upsellid slider, mitte grid.

   Kolme tootega jäi 2+1 gridis viimane kaart üksinda ritta rippuma. Sliderina
   on kaardid ühel real, viimane kaart ulatub kaadrist veidi välja ja annab
   nii märku, et sisu saab lohistada. Puhas CSS scroll-snap — JS-i pole vaja.
   ---------------------------------------------------------------------- */
@media (max-width: 782px) {
	.rz-relgrid,
	.rz-upsells .wc-block-product-template {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: var(--wp--preset--spacing--20);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;

		/* Äärest ääreni: kaardid jooksevad ekraani servani välja. */
		margin-inline: calc(-1 * var(--wp--custom--layout--padding, 1.5rem));
		padding-inline: var(--wp--custom--layout--padding, 1.5rem);
		padding-bottom: 4px;
	}

	.rz-relgrid::-webkit-scrollbar,
	.rz-upsells .wc-block-product-template::-webkit-scrollbar { display: none; }

	.rz-relgrid > li,
	.rz-upsells .wc-block-product-template.is-flex-container li,
	.rz-upsells .wc-block-product-template.is-flex-container.columns-3 li,
	.rz-upsells .wc-block-product-template.is-flex-container.columns-4 li {
		flex: 0 0 66% !important;
		width: 66% !important;
		max-width: 66% !important;
		scroll-snap-align: start;
	}

	/* Viimase kaardi järel sama hingamisruum kui vasakul serval. */
	.rz-relgrid::after,
	.rz-upsells .wc-block-product-template::after {
		content: "";
		flex: 0 0 calc(var(--wp--custom--layout--padding, 1.5rem) - var(--wp--preset--spacing--20));
	}
}

/* -------------------------------------------------------------------------
   Kassa desktopis: kitsas üheveeruline vorm (Riinu soov 21.08).
   Kaks kõrvutist veergu ajasid pilgu laiali; kassas peab olema üks
   selge tee ülevalt alla.
   ---------------------------------------------------------------------- */
@media (min-width: 901px) {

	.woocommerce-checkout form.checkout,
	.woocommerce-checkout form.checkout_coupon,
	.woocommerce-checkout .woocommerce-form-coupon-toggle,
	.woocommerce-checkout .woocommerce-info,
	.woocommerce-checkout .woocommerce-error,
	.woocommerce-checkout .woocommerce-message,
	.woocommerce-checkout #order_review,
	.woocommerce-checkout #order_review_heading {
		max-width: 640px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		width: 100%;
	}

	/* Arveandmed ja lisainfo üksteise alla, mitte kõrvuti */
	.woocommerce-checkout #customer_details {
		display: block;
	}

	.woocommerce-checkout #customer_details .col-1,
	.woocommerce-checkout #customer_details .col-2 {
		width: 100%;
		max-width: none;
		float: none;
		padding: 0;
	}

	.woocommerce-checkout #customer_details .col-2 {
		margin-top: var(--wp--preset--spacing--50);
	}
}