/**
 * Κατάστημα & κατηγορίες (orthofocus-shop-category-archive-final), σε μωβ φόντο σελίδας.
 * Markup: woocommerce/archive-product.php, content-product.php, loop/*, template-parts/shop/filters.php
 *
 * Κεφαλίδα και γραμμή εργαλείων κάθονται στο μωβ (ανοιχτά χρώματα, --color-on-canvas*).
 * Φίλτρα και κάρτες προϊόντων είναι λευκά πάνελ με τα χρώματα του mockup.
 *
 * Mobile-first:
 *   έως 819px    2 στήλες, φίλτρα σε συρτάρι (κουμπί «Φίλτρα»)
 *   820–1100px   sidebar αριστερά + 2 στήλες
 *   1101px+      sidebar + 3 στήλες
 * Η κάρτα (.of-product-card) χρησιμοποιείται και στα «Σχετικά προϊόντα».
 */

.of-shop,
.of-product-grid {
	--shop-padding-top: 24px;
	--shop-padding-bottom: 72px;
	--shop-head-space: 24px;
	--shop-title-size: clamp(34px, 4vw, 56px);
	--shop-title-lh: 1.02;
	--shop-title-tracking: -0.04em;
	--shop-eyebrow-size: var(--fs-xs);
	--shop-eyebrow-tracking: 0.08em;
	--shop-text-size: var(--fs-body);
	--shop-text-lh: 1.7;
	--shop-text-max: 760px;

	--shop-control-height: 42px;
	--shop-control-size: 13px;
	--shop-layout-columns: minmax(0, 1fr);
	--shop-layout-gap: 30px;
	--shop-sidebar: 250px;
	--shop-panel-radius: 16px;
	--shop-panel-padding: 22px;

	--shop-grid-columns: repeat(2, minmax(0, 1fr));
	--shop-grid-gap: 12px;
	--shop-card-radius: 16px;
	--shop-card-padding: 12px;
	--shop-card-lift: -3px;
	--shop-card-shadow: 0 8px 28px color-mix(in srgb, var(--color-primary-dark) 12%, transparent);
	--shop-media-bg:
		radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--color-accent) 8%, transparent), transparent 27%),
		linear-gradient(145deg, var(--color-surface), var(--color-purple-soft));
	--shop-wish-size: 36px;
	--shop-badge-height: 26px;
	--shop-brand-size: 9px;
	--shop-title-card-size: 13px;
	--shop-title-card-lines: 3;
	--shop-price-size: 15px;
	--shop-action-height: 40px;
	--shop-action-size: 11px;
	--shop-page-size: 38px;
}

@media (min-width: 541px) {
	.of-shop,
	.of-product-grid {
		--shop-grid-gap: 20px;
		--shop-card-padding: 16px;
		--shop-brand-size: 10px;
		--shop-title-card-size: 15px;
		--shop-title-card-lines: 2;
		--shop-price-size: 17px;
		--shop-action-size: 12px;
	}
}

@media (min-width: 768px) {
	.of-shop {
		--shop-padding-top: 34px;
		--shop-padding-bottom: 86px;
		--shop-head-space: 28px;
	}
}

@media (min-width: 820px) {
	.of-shop {
		--shop-layout-columns: 220px minmax(0, 1fr);
		--shop-layout-gap: 22px;
	}
}

@media (min-width: 1101px) {
	.of-shop,
	.of-product-grid {
		--shop-grid-columns: repeat(3, minmax(0, 1fr));
	}

	.of-shop {
		--shop-layout-columns: var(--shop-sidebar) minmax(0, 1fr);
		--shop-layout-gap: 30px;
	}
}

.of-shop {
	line-height: normal;
}

/* Το Astra μηδενίζει το padding του #primary: η απόσταση μπαίνει στο container */
.of-shop .of-shop__page {
	padding-top: var(--shop-padding-top);
	padding-bottom: var(--shop-padding-bottom);
}

.of-shop .of-breadcrumbs {
	margin-bottom: var(--shop-head-space);
}

/* ==========================================================================
   Κεφαλίδα (στο μωβ)
   ========================================================================== */

.of-shop-head {
	margin-bottom: var(--shop-head-space);
	padding-bottom: var(--shop-head-space);
	border-bottom: var(--border-width) solid var(--color-canvas-line);
}

.of-shop-head__eyebrow {
	margin: 0 0 10px;
	color: var(--color-accent);
	font-size: var(--shop-eyebrow-size);
	font-weight: var(--fw-bold);
	letter-spacing: var(--shop-eyebrow-tracking);
	text-transform: uppercase;
}

.of-shop-head__title {
	margin: 0 0 12px;
	color: var(--color-on-canvas);
	font-size: var(--shop-title-size);
	line-height: var(--shop-title-lh);
	letter-spacing: var(--shop-title-tracking);
}

.of-shop-head__text {
	max-width: var(--shop-text-max);
	color: var(--color-on-canvas-muted);
	font-size: var(--shop-text-size);
	line-height: var(--shop-text-lh);
}

.of-shop-head__text :is(p, div) {
	margin: 0;
}

.of-shop-head__text p + p {
	margin-top: var(--space-3);
}

.of-shop-head__text a {
	color: var(--color-on-canvas);
}

/* ==========================================================================
   Γραμμή εργαλείων: φίλτρα (κινητό), πλήθος, «ανά σελίδα», ταξινόμηση
   ========================================================================== */

.of-shop-toolbar {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	margin: 18px 0 26px;
}

.of-shop-toolbar__left {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
}

.of-shop .woocommerce-result-count {
	margin: 0;
	float: none;
	color: var(--color-on-canvas-muted);
	font-size: var(--shop-control-size);
}

.of-shop-toolbar__filters,
.of-shop-toolbar__filters:hover,
.of-shop-toolbar__filters:focus {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	gap: var(--space-2);
	min-height: var(--shop-control-height);
	padding: 0 15px;
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--radius-button);
	background-color: var(--color-surface);
	color: var(--color-primary);
	font-size: var(--shop-control-size);
	font-weight: var(--fw-bold);
	line-height: 1;
	cursor: pointer;
}

.of-shop .of-shop-ordering {
	display: flex;
	gap: 10px;
	margin: 0;
	float: none;
}

.of-shop .of-shop-ordering__select {
	flex: 1;
	min-width: 0;
	min-height: var(--shop-control-height);
	margin: 0;
	padding: 0 36px 0 14px;
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--radius-button);
	background-color: var(--color-surface);
	color: var(--color-text);
	font-size: var(--shop-control-size);
}

@media (min-width: 768px) {
	.of-shop-toolbar {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 18px;
	}

	.of-shop-toolbar__left {
		justify-content: flex-start;
	}

	.of-shop .of-shop-ordering__select {
		flex: 0 0 auto;
	}
}

@media (min-width: 820px) {
	.of-shop-toolbar__filters,
	.of-shop-toolbar__filters:hover,
	.of-shop-toolbar__filters:focus {
		display: none;
	}
}

/* ==========================================================================
   Διάταξη + φίλτρα
   ========================================================================== */

.of-shop-layout {
	display: grid;
	grid-template-columns: var(--shop-layout-columns);
	gap: var(--shop-layout-gap);
	align-items: start;
}

.of-shop-results {
	min-width: 0;
}

.of-shop-filters__panel {
	box-sizing: border-box;
	padding: var(--shop-panel-padding);
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--shop-panel-radius);
	background-color: var(--color-surface);
	color: var(--color-text);
}

.of-shop-filters__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	margin-bottom: 18px;
}

.of-shop-filters__title {
	margin: 0;
	color: var(--color-primary);
	font-size: 15px;
	font-weight: var(--fw-bold);
	line-height: 1.3;
}

.of-shop-filters__clear,
.of-shop-filters__clear:visited {
	margin-left: auto;
	color: var(--color-accent-text);
	font-size: 11px;
	font-weight: var(--fw-bold);
	text-decoration: none;
}

.of-shop-filters__clear:hover,
.of-shop-filters__clear:focus {
	color: var(--color-primary);
	text-decoration: underline;
}

.of-shop-filters__close,
.of-shop-filters__close:hover,
.of-shop-filters__close:focus {
	display: grid;
	place-items: center;
	width: var(--tap-target);
	height: var(--tap-target);
	margin: -10px -10px -10px 0;
	padding: 0;
	border: 0;
	border-radius: var(--radius-button);
	background: none;
	color: var(--color-primary);
	cursor: pointer;
}

.of-shop-filters__group {
	min-width: 0;
	margin: 0;
	padding: 18px 0;
	border: 0;
	box-shadow: inset 0 var(--border-width) 0 var(--color-border); /* όχι border: το legend θα «έκοβε» τη γραμμή */
}

.of-shop-filters__head + .of-shop-filters__group {
	padding-top: 0;
	box-shadow: none;
}

.of-shop-filters__legend {
	margin: 0 0 12px;
	padding: 0;
	color: var(--color-primary);
	font-size: 13px;
	font-weight: var(--fw-bold);
}

.of-shop-filters__list {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.of-shop-filters__check {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	color: var(--color-text-muted);
	font-size: 12px;
	font-weight: var(--fw-regular);
	line-height: 1.35;
	cursor: pointer;
}

.of-shop-filters__check input {
	flex-shrink: 0;
	width: 15px;
	height: 15px;
	margin: 0;
	accent-color: var(--color-primary);
}

.of-shop-filters__check:hover {
	color: var(--color-primary);
}

.of-shop-filters__price {
	display: flex;
	gap: var(--space-2);
}

.of-shop-filters .of-shop-filters__price-input {
	width: 50%;
	min-width: 0;
	min-height: 38px;
	padding: 0 10px;
	font-size: var(--fs-body); /* όχι κάτω από 16px στο κινητό: χωρίς auto-zoom */
}

.of-shop-filters__actions {
	padding-top: 18px;
	border-top: var(--border-width) solid var(--color-border);
}

.of-shop-filters__apply {
	width: 100%;
}

/* Με JS: στο desktop τα φίλτρα εφαρμόζονται μόλις αλλάξουν, δεν χρειάζεται κουμπί */
@media (min-width: 820px) {
	.of-shop-js .of-shop-filters__actions {
		display: none;
	}

	.of-shop-filters__close,
	.of-shop-filters__backdrop {
		display: none;
	}

	.of-shop-filters {
		position: sticky;
		top: var(--space-5);
	}

	.of-shop-filters .of-shop-filters__price-input {
		font-size: 12px;
	}
}

/* Κινητό / tablet: συρτάρι από αριστερά */
@media (max-width: 819px) {
	.of-shop-filters {
		position: fixed;
		inset: 0;
		z-index: var(--z-modal);
		visibility: hidden;
		pointer-events: none;
	}

	.of-shop-filters.is-open {
		visibility: visible;
		pointer-events: auto;
	}

	.of-shop-filters__backdrop {
		position: absolute;
		inset: 0;
		background-color: color-mix(in srgb, var(--color-primary-dark) 55%, transparent);
		opacity: 0;
		transition: opacity var(--transition-default);
	}

	.of-shop-filters.is-open .of-shop-filters__backdrop {
		opacity: 1;
	}

	.of-shop-filters__panel {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: min(340px, 88vw);
		overflow-y: auto;
		overscroll-behavior: contain;
		border-radius: 0 var(--shop-panel-radius) var(--shop-panel-radius) 0;
		transform: translateX(-100%);
		transition: transform var(--transition-slow);
	}

	.of-shop-filters.is-open .of-shop-filters__panel {
		transform: none;
	}

	.admin-bar .of-shop-filters__panel {
		top: var(--wp-admin--admin-bar--height, 0px);
	}
}

/* ==========================================================================
   Πλέγμα & κάρτα προϊόντος
   ========================================================================== */

.woocommerce ul.products.of-product-grid,
.of-product-grid {
	display: grid;
	grid-template-columns: var(--shop-grid-columns);
	gap: var(--shop-grid-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce ul.products.of-product-grid::before,
.woocommerce ul.products.of-product-grid::after {
	content: none;
}

.woocommerce ul.products.of-product-grid li.product.of-product-card,
.of-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: auto;
	margin: 0;
	padding: 0;
	float: none;
	overflow: hidden;
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--shop-card-radius);
	background-color: var(--color-surface);
	color: var(--color-text);
	text-align: left;
	transition: transform var(--transition-default), box-shadow var(--transition-default);
}

.woocommerce ul.products.of-product-grid li.product.of-product-card:hover,
.of-product-card:hover,
.of-product-card:focus-within {
	box-shadow: var(--shop-card-shadow);
	transform: translateY(var(--shop-card-lift));
}

.of-product-card__media {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: var(--ratio-product);
	background: var(--shop-media-bg);
}

.of-product-card__image-link {
	display: block;
	width: 100%;
	height: 100%;
}

.woocommerce ul.products li.product .of-product-card__image,
.of-product-card__image {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: contain;
	mix-blend-mode: multiply; /* λευκό φόντο φωτογραφίας → απαλό φόντο κάρτας */
}

/* Σήματα πάνω αριστερά (προσφορά, ΕΟΠΥΥ…): orthofocus_product_badges() */
.of-product-card__badges {
	position: absolute;
	top: 12px;
	left: 12px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.of-product-card__badge {
	display: flex;
	align-items: center;
	min-height: var(--shop-badge-height);
	padding: 0 9px;
	border-radius: var(--radius-pill);
	background-color: var(--color-accent);
	color: var(--color-on-accent);
	font-size: 10px;
	font-weight: var(--fw-bold);
	line-height: 1;
}

.of-product-card__badge--eopyy {
	background-color: var(--color-primary);
	color: var(--color-on-primary);
	letter-spacing: 0.04em;
}

.of-product-card .of-product-card__wishlist,
.of-product-card .of-product-card__wishlist:hover,
.of-product-card .of-product-card__wishlist:focus {
	position: absolute;
	top: 12px;
	right: 12px;
	display: grid;
	place-items: center;
	width: var(--shop-wish-size);
	height: var(--shop-wish-size);
	margin: 0;
	padding: 0;
	border: var(--border-width) solid color-mix(in srgb, var(--color-primary) 9%, transparent);
	border-radius: var(--radius-pill);
	background-color: color-mix(in srgb, var(--color-surface) 92%, transparent);
	color: var(--color-primary);
	cursor: pointer;
}

.of-product-card .of-product-card__wishlist:hover,
.of-product-card .of-product-card__wishlist[aria-pressed="true"] {
	color: var(--color-accent-text);
}

.of-product-card__wishlist .of-icon {
	--icon-size: 17px;
}

/* Καρδιά (κάρτες + σελίδα προϊόντος· shop.css φορτώνει και στο προϊόν): link με role="button" (inc/wishlist.php).
   Στα αγαπημένα: γεμάτη καρδιά. */
.of-product-card__wishlist {
	text-decoration: none;
}

.of-product-card__wishlist[aria-pressed="true"] .of-icon {
	fill: currentColor;
}

.of-product-card__wishlist[aria-busy="true"] {
	cursor: progress;
	opacity: 0.6;
}

.of-product-card__wishlist:focus-visible {
	outline: var(--focus-outline);
	outline-offset: var(--focus-offset);
}

.of-product-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: var(--shop-card-padding);
}

.of-product-card__brand {
	margin: 0 0 5px;
	color: var(--color-text-muted);
	font-size: var(--shop-brand-size);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.woocommerce ul.products li.product .of-product-card__title,
.of-product-card__title {
	display: -webkit-box;
	min-height: calc(var(--shop-title-card-size) * 1.4 * var(--shop-title-card-lines));
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;
	color: var(--color-primary);
	font-size: var(--shop-title-card-size);
	font-weight: var(--fw-bold);
	line-height: 1.4;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--shop-title-card-lines);
	line-clamp: var(--shop-title-card-lines);
}

.of-product-card__link,
.of-product-card__link:visited {
	color: inherit;
	text-decoration: none;
}

.of-product-card__link:hover,
.of-product-card__link:focus {
	color: var(--color-accent-text);
}

/* Όλη η κάρτα ανοίγει το προϊόν (εκτός από τα κουμπιά) */
.of-product-card__link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.of-product-card__wishlist,
.of-product-card__action,
.of-product-card .added_to_cart {
	z-index: 2;
}

.of-product-card__meta {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
}

.woocommerce ul.products li.product .of-product-card__price,
.of-product-card__price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 7px;
	margin: 0;
	color: var(--color-text);
	font-size: var(--shop-price-size);
	font-weight: var(--fw-bold);
}

.of-product-card__price del {
	order: 2;
	color: var(--color-text-muted);
	font-size: 12px;
	font-weight: var(--fw-regular);
	opacity: 1;
}

.of-product-card__price ins {
	background: none;
	text-decoration: none;
}

.of-product-card__stock {
	display: none;
	align-items: center;
	gap: 5px;
	margin: 0;
	color: var(--color-success);
	font-size: 10px;
	font-weight: var(--fw-bold);
	white-space: nowrap;
}

.of-product-card__stock::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: currentColor;
}

.of-product-card__stock--outofstock {
	color: var(--color-error);
}

.of-product-card__stock--onbackorder {
	color: var(--color-warning);
}

@media (min-width: 541px) {
	.of-product-card__stock {
		display: flex;
	}
}

/* Κουμπί: μωβ μέσα στη λευκή κάρτα (mockup) */
.woocommerce ul.products li.product .of-product-card__action,
.of-product-card .of-product-card__action,
.of-product-card .of-product-card__action:visited {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: var(--shop-action-height);
	margin: 14px 0 0;
	padding: 0 var(--space-2);
	border: 0;
	border-radius: var(--radius-button);
	/* Πορτοκαλί κουμπί κάρτας (αίτημα χρήστη 2026-10-01· το mockup είχε μωβ) */
	background-color: var(--color-accent);
	color: var(--color-on-accent);
	font-size: var(--shop-action-size);
	font-weight: var(--fw-bold);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition: background-color var(--transition-default);
}

.woocommerce ul.products li.product .of-product-card__action:hover,
.of-product-card .of-product-card__action:hover,
.of-product-card .of-product-card__action:focus {
	background-color: var(--color-accent-hover);
	color: var(--color-on-accent);
}

.of-product-card .of-product-card__action.loading {
	opacity: 0.6;
}

/* Μετά την προσθήκη (AJAX του WooCommerce): σύνδεσμος «Καλάθι» */
.woocommerce ul.products li.product .of-product-card .added_to_cart,
.of-product-card .added_to_cart {
	position: relative;
	display: block;
	margin-top: var(--space-2);
	padding: 0;
	color: var(--color-primary);
	font-size: var(--shop-action-size);
	font-weight: var(--fw-bold);
	text-align: center;
}

/* ==========================================================================
   Σελιδοποίηση (στο μωβ)
   ========================================================================== */

.of-shop .woocommerce-pagination {
	margin-top: 38px;
	text-align: center;
}

.of-shop .woocommerce-pagination ul.page-numbers {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 7px;
	margin: 0;
	padding: 0;
	border: 0;
}

.of-shop .woocommerce-pagination ul.page-numbers li {
	margin: 0;
	border: 0;
	float: none;
}

.of-shop .woocommerce-pagination ul.page-numbers li .page-numbers {
	display: grid;
	place-items: center;
	min-width: var(--shop-page-size);
	height: var(--shop-page-size);
	padding: 0 var(--space-2);
	border: var(--border-width) solid var(--color-canvas-line);
	border-radius: var(--radius-button);
	background-color: var(--color-canvas-raised);
	color: var(--color-on-canvas);
	font-size: 12px;
	font-weight: var(--fw-bold);
	line-height: 1;
}

.of-shop .woocommerce-pagination ul.page-numbers li a.page-numbers:hover,
.of-shop .woocommerce-pagination ul.page-numbers li a.page-numbers:focus {
	border-color: var(--color-on-canvas);
	background-color: var(--color-canvas-raised);
	color: var(--color-on-canvas);
}

.of-shop .woocommerce-pagination ul.page-numbers li span.current {
	border-color: var(--color-accent);
	background-color: var(--color-accent);
	color: var(--color-on-accent);
}

.of-shop .woocommerce-pagination ul.page-numbers li span.dots {
	border-color: transparent;
	background: none;
}

/* ==========================================================================
   Επαναφορά στυλ του Astra/WooCommerce που συγκρούονται
   ========================================================================== */

.of-shop .woocommerce-ordering select.of-shop-ordering__select {
	width: auto;
	min-height: var(--shop-control-height);
	padding: 0 36px 0 14px;
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--radius-button);
	background-color: var(--color-surface);
	background-position: right 12px center;
	color: var(--color-text);
	font-size: var(--shop-control-size);
}

/* Legend με float: βγαίνει από το περίγραμμα του fieldset (αλλιώς η γραμμή περνά στη μέση του) */
.of-shop-filters .of-shop-filters__legend {
	width: 100%;
	border: 0;
	float: left;
}

.of-shop-filters__legend + * {
	clear: both;
}

/* ==========================================================================
   «Δεν βρέθηκαν προϊόντα» (orthofocus-no-product-results-final): λευκή κάρτα στο μωβ
   ========================================================================== */

.of-no-results {
	--nr-min-h: 420px;
	--nr-padding: 42px 22px;
	--nr-radius: 18px;
	--nr-icon: 90px;
	--nr-icon-radius: 26px;
	--nr-icon-svg: 42px;
	--nr-title-size: 30px;
	--nr-text-size: var(--fs-small);
	--nr-shadow: 0 12px 34px color-mix(in srgb, var(--color-primary-dark) 8%, transparent);

	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: var(--nr-min-h);
	padding: var(--nr-padding);
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--nr-radius);
	background-color: var(--color-surface);
	box-shadow: var(--nr-shadow);
	text-align: center;
}

@media (min-width: 521px) {
	.of-no-results {
		--nr-radius: 22px;
	}
}

@media (min-width: 768px) {
	.of-no-results {
		--nr-min-h: 480px;
		--nr-padding: 54px 28px;
	}
}

.of-no-results__inner {
	max-width: 620px;
}

.of-no-results__icon {
	display: grid;
	place-items: center;
	width: var(--nr-icon);
	height: var(--nr-icon);
	margin: 0 auto 22px;
	border-radius: var(--nr-icon-radius);
	background-color: var(--color-purple-soft);
	color: var(--color-primary);
}

.of-no-results__svg {
	--icon-size: var(--nr-icon-svg);
	--icon-stroke: 1.8;
}

.of-no-results__title {
	margin: 0 0 12px;
	color: var(--color-primary);
	font-size: var(--nr-title-size);
	line-height: 1.15;
	letter-spacing: -0.03em;
}

.of-no-results__text {
	max-width: 520px;
	margin: 0 auto 24px;
	color: var(--color-text-muted);
	font-size: var(--nr-text-size);
	line-height: 1.65;
}

.of-no-results__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.of-no-results .of-no-results__btn {
	min-height: 46px;
	padding: 0 18px;
	font-size: var(--fs-xs);
	font-weight: var(--fw-bold);
}

@media (min-width: 521px) {
	.of-no-results__actions {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
}

.of-no-results__hint {
	margin: 22px 0 0;
	padding-top: 20px;
	border-top: var(--border-width) solid var(--color-border);
	color: var(--color-text-muted);
	font-size: 11px;
	line-height: 1.6;
}