/* Arya Felez production integration layer. */

:root {
	color-scheme: light;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--color-white);
}

body.admin-bar .header {
	top: 32px;
}

.logo__image,
.logo__image .custom-logo-link {
	display: inline-flex;
	align-items: center;
}

.logo__image img {
	display: block;
	width: auto;
	max-width: 180px;
	max-height: 58px;
}

.utilbar a,
.footer a {
	color: inherit;
}

.header .menu,
.nav-desktop .menu {
	list-style: none;
	display: flex;
	align-items: center;
	gap: var(--space-4);
	margin: 0;
	padding: 0;
}

.header .menu a {
	color: inherit;
	text-decoration: none;
	font-weight: 700;
}

.af-industrial-mark,
.af-industrial-panel {
	min-height: 320px;
	border: 1px solid rgba(255,255,255,.22);
	background:
		linear-gradient(135deg, rgba(215,31,38,.88), rgba(215,31,38,.08) 45%, transparent 45%),
		repeating-linear-gradient(90deg, rgba(255,255,255,.055) 0 1px, transparent 1px 34px),
		#141414;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: clamp(28px, 5vw, 64px);
	color: #fff;
	overflow: hidden;
	position: relative;
}

.af-industrial-mark::after,
.af-industrial-panel::after {
	content: "";
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(255,255,255,.12);
	pointer-events: none;
}

.af-industrial-mark span,
.af-industrial-panel span {
	font-size: clamp(.82rem, 1vw, 1rem);
	letter-spacing: .28em;
	opacity: .72;
}

.af-industrial-mark strong,
.af-industrial-panel strong {
	font-size: clamp(2.8rem, 8vw, 6rem);
	line-height: .9;
	letter-spacing: -.04em;
}

.af-industrial-panel {
	min-height: 360px;
	background:
		linear-gradient(135deg, rgba(215,31,38,.72), transparent 48%),
		repeating-linear-gradient(0deg, rgba(255,255,255,.045) 0 1px, transparent 1px 26px),
		#171717;
}

.af-family-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.af-family-card {
	overflow: hidden;
}

.af-family-card__signal {
	min-height: 9px;
	background: linear-gradient(90deg, var(--color-red) 0 36%, var(--color-black) 36% 100%);
}

.af-live-product-grid {
	align-items: stretch;
}

.af-live-product-card {
	list-style: none;
	margin: 0;
	height: 100%;
}

.af-product-card__media {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--color-gray-100);
	border-bottom: 1px solid var(--color-border);
}

.af-product-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.af-product-card__image-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(135deg, transparent 0 48%, rgba(215,31,38,.18) 48% 52%, transparent 52%),
		repeating-linear-gradient(90deg, rgba(17,17,17,.06) 0 1px, transparent 1px 24px),
		var(--color-gray-100);
}

.af-live-product-card .pcard__title a {
	color: inherit;
	text-decoration: none;
}

.af-card-price .price,
.af-card-price .woocommerce-Price-amount,
.af-card-price .af-price-control,
.af-card-price .af-price-status {
	margin: 0;
}

.af-card-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-2);
	margin-top: var(--space-3);
}

.af-empty-state {
	max-width: 760px;
	margin-inline: auto;
	padding: clamp(28px, 5vw, 56px);
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-inline-start: 5px solid var(--color-red);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-sm);
	text-align: right;
}

.af-empty-state--catalog {
	margin-inline: 0;
}

.af-empty-state h2,
.af-empty-state h3 {
	margin-top: 0;
}

.af-home-inquiry-wrap {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
	gap: var(--space-5);
	align-items: start;
}

.af-home-inquiry-wrap .af-inquiry-shell {
	background: var(--color-white);
	color: var(--color-text);
	border-radius: var(--radius-md);
	padding: clamp(18px, 3vw, 28px);
}

.af-home-inquiry-wrap .af-inquiry-shell a {
	color: var(--color-red);
}

.af-theme-inquiry-fallback {
	background: var(--color-white);
	color: var(--color-text);
	padding: var(--space-5);
	border-radius: var(--radius-md);
}

.af-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
	color: var(--color-text-muted);
	font-size: var(--fs-sm);
}

.af-breadcrumb a {
	color: inherit;
}

.af-shop-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--space-3);
	flex-wrap: wrap;
	margin-bottom: var(--space-5);
}

.af-shop-toolbar .woocommerce-result-count,
.af-shop-toolbar .woocommerce-ordering {
	margin: 0;
}

.af-shop-toolbar select {
	min-height: 44px;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	padding-inline: var(--space-3);
	background: #fff;
}

.af-page-content {
	max-width: 1000px;
}

.af-content-card {
	border-bottom: 1px solid var(--color-border);
	padding-block: var(--space-4);
}

.woocommerce .woocommerce-breadcrumb {
	display: none;
}

.woocommerce div.product {
	max-width: 1280px;
	margin-inline: auto;
	padding: var(--space-6) var(--space-4);
}

.woocommerce div.product .product_title {
	font-size: clamp(1.7rem, 2.5vw, 2.6rem);
}

.woocommerce div.product .summary {
	display: grid;
	gap: var(--space-3);
}

.woocommerce div.product form.cart,
.woocommerce div.product .single_add_to_cart_button {
	display: none !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top-color: var(--color-red);
}

@media (max-width: 782px) {
	body.admin-bar .header {
		top: 46px;
	}
}

@media (max-width: 900px) {
	.af-home-inquiry-wrap {
		grid-template-columns: 1fr;
	}

	.af-family-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.af-card-actions {
		grid-template-columns: 1fr;
	}
}