/** Catalog, discovery and product-media presentation. */
html[lang="fa-IR"] .berelianstone-catalog-layout {
	display: grid;
	gap: clamp(1.25rem, 3vw, 2.5rem);
	grid-template-columns: minmax(14rem, 20rem) minmax(0, 1fr);
}

html[lang="fa-IR"] .berelianstone-catalog-filters {
	align-self: start;
	background: var(--wp--preset--color--stone-surface, #EDEBE7);
	border: 1px solid var(--wp--preset--color--stone-border, #DAD7D2);
	border-radius: var(--berelian-radius);
	padding: 1rem;
}

html[lang="fa-IR"] :where(.wc-block-components-checkbox__input, input[type="radio"], input[type="checkbox"]) {
	block-size: 1.25rem;
	inline-size: 1.25rem;
	min-block-size: 1.25rem;
	min-inline-size: 1.25rem;
	padding: 0;
}

html[lang="fa-IR"] :where(.wc-block-components-chip__remove, .wc-block-cart-item__remove-link, .remove) {
	align-items: center;
	display: inline-flex;
	font-size: 1rem;
	justify-content: center;
	min-block-size: 2.75rem;
	min-inline-size: 2.75rem;
}

html[lang="fa-IR"] :where(.wc-block-product-template, .products) img {
	aspect-ratio: 4 / 3;
	background: var(--wp--preset--color--stone-surface, #EDEBE7);
	display: block;
	height: auto;
	inline-size: 100%;
	object-fit: contain;
}

html[lang="fa-IR"] .berelianstone-home-products__grid {
	display: grid;
	gap: clamp(1rem, 2.5vw, 2rem);
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	padding: 0;
}

html[lang="fa-IR"] .berelianstone-home-products__actions { text-align: center; }

html[lang="fa-IR"] .berelianstone-category-nav { position: relative; }
html[lang="fa-IR"] .berelianstone-category-nav summary {
	cursor: pointer;
	font-weight: 700;
	min-block-size: 2.75rem;
	padding: .65rem .85rem;
}
html[lang="fa-IR"] .berelianstone-category-nav__panel {
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--stone-border, #DAD7D2);
	border-radius: var(--berelian-radius);
	box-shadow: var(--berelian-shadow, 0 0.5rem 1.5rem rgb(32 31 29 / 6%));
	inline-size: min(22rem, calc(100vw - 2rem));
	inset-block-start: 100%;
	inset-inline-start: 0;
	padding: 1rem;
	position: absolute;
	z-index: 30;
}
html[lang="fa-IR"] .berelianstone-category-nav ul { list-style: none; margin: 0; padding-inline-start: 1rem; }
html[lang="fa-IR"] .berelianstone-category-nav a[aria-current="page"] { font-weight: 800; text-decoration: underline; }

@media (width <= 900px) {
	html[lang="fa-IR"] .berelianstone-catalog-layout { grid-template-columns: 1fr; }
	html[lang="fa-IR"] .berelianstone-home-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html[lang="fa-IR"] .berelianstone-category-nav__panel { position: static; }
}

@media (width <= 480px) {
	html[lang="fa-IR"] .berelianstone-home-products__grid { grid-template-columns: 1fr; }
}

/* ---- Merged from local (2026-08-17): home product cards, why-us, trust video, mega menu ---- */
html[lang="fa-IR"] .berelianstone-home-products__actions { margin-block-start: 2rem; text-align: center; }
/* Home product cards (server-rendered, custom markup) */
html[lang="fa-IR"] .berelianstone-home-product {
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--stone-border, #DAD7D2);
	border-radius: var(--berelian-radius);
	box-shadow: 0 0.25rem 1rem rgb(17 17 17 / 4%);
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	overflow: clip;
	padding: 0 0 1rem;
	transition: box-shadow 180ms ease, translate 180ms ease;
}
html[lang="fa-IR"] .berelianstone-home-product:hover {
	box-shadow: var(--berelian-shadow);
	translate: 0 -2px;
}
html[lang="fa-IR"] .berelianstone-home-product__media {
	aspect-ratio: 4 / 3;
	background: var(--wp--preset--color--stone-surface, #EDEBE7);
	display: block;
	overflow: clip;
}
html[lang="fa-IR"] .berelianstone-home-product__media img {
	block-size: 100%;
	display: block;
	inline-size: 100%;
	object-fit: cover;
	transition: scale 220ms ease;
}
html[lang="fa-IR"] .berelianstone-home-product:hover .berelianstone-home-product__media img { scale: 1.04; }
html[lang="fa-IR"] .berelianstone-home-product__title {
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
	padding-inline: 1rem;
}
html[lang="fa-IR"] .berelianstone-home-product__title a {
	color: inherit;
	text-decoration: none;
}
html[lang="fa-IR"] .berelianstone-home-product__price {
	color: var(--wp--preset--color--primary, #6b4226);
	font-size: 1.05em;
	font-weight: 700;
	padding-inline: 1rem;
}
html[lang="fa-IR"] .berelianstone-home-product__button {
	background: var(--wp--preset--color--primary, #6b4226);
	border-radius: var(--berelian-radius-sm);
	color: #fff;
	display: block;
	font-weight: 600;
	margin-block-start: auto;
	margin-inline: 1rem;
	padding-block: 0.6rem;
	text-align: center;
	text-decoration: none;
	transition: background 150ms ease;
}
html[lang="fa-IR"] .berelianstone-home-product__button:hover { background: #52310f; }
html[lang="fa-IR"] .berelianstone-home-product__button.disabled {
	background: var(--wp--preset--color--stone-border, #DAD7D2);
	color: var(--wp--preset--color--stone-muted, #5f5b53);
	pointer-events: none;
}
/* "Why choose us" trust cards */
html[lang="fa-IR"] .berelianstone-why-us {
	display: grid;
	gap: clamp(1rem, 2.5vw, 1.75rem);
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-inline: auto;
	max-width: var(--wp--style--global--wide-size, 1340px);
}
html[lang="fa-IR"] .berelianstone-why-us__item {
	background: var(--wp--preset--color--stone-50, #faf8f4);
	border-radius: var(--berelian-radius);
	padding: 1.75rem 1.25rem;
	text-align: center;
}
html[lang="fa-IR"] .berelianstone-why-us__icon {
	background: var(--wp--preset--color--base, #fff);
	border-radius: 50%;
	box-shadow: 0 0.25rem 1rem rgb(17 17 17 / 6%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.75rem;
	inline-size: 3.5rem;
	block-size: 3.5rem;
	margin-block-end: 0.75rem;
}
html[lang="fa-IR"] .berelianstone-why-us__item h3 {
	font-size: 1.1rem;
	margin: 0 0 0.4rem;
}
html[lang="fa-IR"] .berelianstone-why-us__item p {
	color: var(--wp--preset--color--stone-muted, #5f5b53);
	margin: 0;
}
/* Trust video (from the sticky post) */
html[lang="fa-IR"] .berelianstone-trust-video {
	margin-inline: auto;
	max-width: var(--wp--style--global--wide-size, 1340px);
	text-align: center;
}
html[lang="fa-IR"] .berelianstone-trust-video__frame {
	aspect-ratio: 16 / 9;
	background: #111;
	border-radius: var(--berelian-radius-lg);
	box-shadow: var(--berelian-shadow);
	margin-inline: auto;
	max-width: 56rem;
	overflow: clip;
}
html[lang="fa-IR"] .berelianstone-trust-video__frame video {
	block-size: 100%;
	display: block;
	inline-size: 100%;
	object-fit: cover;
}
html[lang="fa-IR"] .berelianstone-trust-video__caption {
	color: var(--wp--preset--color--stone-muted, #5f5b53);
	margin: 1rem auto 0;
	max-width: 42rem;
}
html[lang="fa-IR"] .berelianstone-category-nav summary {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	font-weight: 700;
	gap: 0.4rem;
	list-style: none;
	min-block-size: 2.75rem;
	padding: .65rem .85rem;
}
html[lang="fa-IR"] .berelianstone-category-nav summary::-webkit-details-marker { display: none; }
html[lang="fa-IR"] .berelianstone-category-nav__icon { font-size: 1.1rem; }
html[lang="fa-IR"] .berelianstone-category-nav__panel {
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--stone-border, #DAD7D2);
	border-radius: var(--berelian-radius);
	box-shadow: var(--berelian-shadow);
	inline-size: min(60rem, calc(100vw - 2rem));
	inset-block-start: 100%;
	inset-inline-start: 0;
	padding: 1.5rem;
	position: absolute;
	z-index: 30;
}
html[lang="fa-IR"] .berelianstone-category-nav__all {
	border-bottom: 1px solid var(--wp--preset--color--stone-border, #DAD7D2);
	color: var(--wp--preset--color--primary, #6b4226);
	display: block;
	font-weight: 800;
	margin-block-end: 1rem;
	padding-block-end: 0.75rem;
	text-decoration: none;
}
html[lang="fa-IR"] .berelianstone-category-nav__all:hover { text-decoration: underline; }
html[lang="fa-IR"] .berelianstone-category-nav__grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}
html[lang="fa-IR"] .berelianstone-category-nav__heading {
	color: var(--wp--preset--color--primary, #6b4226);
	display: block;
	font-weight: 800;
	margin-block-end: 0.5rem;
	text-decoration: none;
}
html[lang="fa-IR"] .berelianstone-category-nav__heading:hover { text-decoration: underline; }
html[lang="fa-IR"] .berelianstone-category-nav ul { list-style: none; margin: 0; padding: 0; }
html[lang="fa-IR"] .berelianstone-category-nav__column li { margin-block-end: 0.4rem; }
html[lang="fa-IR"] .berelianstone-category-nav__column a {
	color: var(--wp--preset--color--contrast, #111);
	text-decoration: none;
}
html[lang="fa-IR"] .berelianstone-category-nav__column a:hover { text-decoration: underline; }
@media (width <= 900px) {
	html[lang="fa-IR"] .berelianstone-why-us { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html[lang="fa-IR"] .berelianstone-category-nav__panel {
		inline-size: calc(100vw - 2rem);
		max-block-size: 70vh;
		overflow-y: auto;
		position: fixed;
		inset-inline: 1rem;
		inset-block-start: 4.5rem;
	}
	html[lang="fa-IR"] .berelianstone-category-nav__grid { grid-template-columns: 1fr 1fr; }
}
@media (width <= 480px) {
	html[lang="fa-IR"] .berelianstone-home-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html[lang="fa-IR"] .berelianstone-why-us { grid-template-columns: 1fr; }
	html[lang="fa-IR"] .berelianstone-category-nav__grid { grid-template-columns: 1fr; }
}
/* Closed mega menu: take the panel out of layout (Chrome still lays out closed <details> content, causing sideways scroll). */
html[lang="fa-IR"] .berelianstone-category-nav:not([open]) .berelianstone-category-nav__panel { display: none; }
