.molart-artwork-text,
.molart-installation-guide {
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand, #192a51) 16%, transparent);
	border-radius: 16px;
	background: color-mix(in srgb, var(--wp--preset--color--surface, #fff) 94%, var(--wp--preset--color--brand, #192a51));
	padding: 18px 20px;
}
.molart-artwork-text h2 { font-size: 1rem; margin: 0 0 8px; }
.molart-artwork-text p { line-height: 2; margin: 0; text-align: justify; }
.molart-installation-guide { margin-block: 28px; }
.molart-installation-guide summary { align-items: center; cursor: pointer; display: flex; font-weight: 700; justify-content: space-between; list-style: none; }
.molart-installation-guide summary::-webkit-details-marker { display: none; }
.molart-installation-guide summary span { transition: transform .2s ease; }
.molart-installation-guide[open] summary span { transform: rotate(45deg); }
.molart-installation-guide > div { border-top: 1px solid rgba(25,42,81,.12); line-height: 2; margin-top: 14px; padding-top: 12px; }
.molart-wall-colors dd { color: var(--wp--preset--color--brand, #192a51); font-weight: 650; }
.molart-product-filter-fields { grid-template-columns: repeat(auto-fit,minmax(170px,1fr)) !important; }

/* One catalog axis: heading, copy, controls and product grid share the same edges. */
.molart-catalog > .wp-block-post-title,
.molart-catalog > .wp-block-query-title,
.molart-catalog > .wp-block-term-description,
.molart-catalog > .wp-block-post-content,
.molart-catalog > .wp-block-woocommerce-breadcrumbs,
.molart-catalog > .wp-block-woocommerce-product-collection,
.molart-catalog .wp-block-woocommerce-product-collection {
	box-sizing: border-box;
	inline-size: 100% !important;
	max-inline-size: none !important;
	margin-inline: 0 !important;
}
.molart-catalog .wc-block-product-template,
.molart-catalog ul.products {
	box-sizing: border-box;
	inline-size: 100% !important;
	max-inline-size: none !important;
	margin-inline: 0 !important;
}
.molart-products-page > .wp-block-post-title { text-align: start; }

/* Gallery-like breadcrumb: restrained, tactile, and readable in RTL. */
.wp-block-woocommerce-breadcrumbs {
	font-size: .78rem !important;
	line-height: 1.6;
}
.wp-block-woocommerce-breadcrumbs .woocommerce-breadcrumb {
	align-items: center;
	background: color-mix(in srgb,var(--wp--preset--color--surface, #fff) 82%, transparent);
	border: 1px solid color-mix(in srgb,var(--wp--preset--color--brand, #192a51) 10%, transparent);
	border-radius: 999px;
	color: color-mix(in srgb,var(--wp--preset--color--ink, #17213a) 70%, transparent);
	display: inline-flex;
	max-inline-size: 100%;
	overflow: hidden;
	padding: 6px 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.wp-block-woocommerce-breadcrumbs a {
	color: var(--wp--preset--color--brand, #192a51);
	font-weight: 650;
	text-decoration: none;
}
.wp-block-woocommerce-breadcrumbs a:hover { color: var(--wp--preset--color--accent, #b8852f); }
.molart-breadcrumb-separator { color: var(--wp--preset--color--accent, #b8852f); font-family: serif; font-size: 1rem; margin-inline: 8px; }

/* PDP spacing follows the same edge and vertical rhythm as the gallery. */
.molart-product-page {
	box-sizing: border-box;
	padding-block: 28px 72px !important;
}
.molart-product-page > .wp-block-woocommerce-breadcrumbs,
.molart-product-page > .wp-block-woocommerce-single-product {
	inline-size: 100% !important;
	max-inline-size: none !important;
	margin-inline: 0 !important;
}
.molart-product-page > .wp-block-woocommerce-breadcrumbs { margin-block: 0 28px !important; }
.molart-product-page .molart-product-summary {
	gap: clamp(32px,4vw,64px) !important;
	inline-size: 100%;
	margin-block: 0 !important;
}
.molart-product-page .molart-product-content { padding-block: 8px; }

.molart-institutional {
	box-sizing: border-box;
	inline-size: min(1180px,calc(100% - 48px)) !important;
	margin-inline: auto !important;
	overflow: hidden;
	padding-block: 64px;
	text-align: center;
}
.molart-institutional-heading { margin: 0 auto 32px; max-width: 680px; text-align: center; }
.molart-institutional-heading > span { color: var(--wp--preset--color--accent, #b8852f); font-size: .8rem; font-weight: 700; }
.molart-institutional-heading h2 { margin: 6px 0 8px; }
.molart-institutional-heading p { color: var(--wp--preset--color--ink-muted, #667085); margin: 0 auto; max-width: 620px; }
.molart-carousel-controls { display: flex; direction: ltr; gap: 8px; justify-content: center; margin-top: 24px; }
.molart-carousel-controls button { align-items: center; background: transparent; border: 1px solid rgba(25,42,81,.16); border-radius: 50%; color: var(--wp--preset--color--brand, #192a51); cursor: pointer; display: inline-flex; font: 700 1.35rem/1 serif; height: 42px; justify-content: center; transition: background .2s ease,color .2s ease,transform .2s ease; width: 42px; }
.molart-carousel-controls button:hover { background: var(--wp--preset--color--brand, #192a51); color: #fff; transform: translateY(-2px); }
.molart-institutional-track { display: flex; gap: 20px; justify-content: safe center; overflow-x: auto; padding: 3px 2px 12px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.molart-institutional-track::-webkit-scrollbar { display: none; }
.molart-institutional-card { align-items: center; background: color-mix(in srgb,var(--wp--preset--color--surface, #fff) 94%,var(--wp--preset--color--brand, #192a51)); border: 1px solid rgba(25,42,81,.1); border-radius: 18px; display: flex; flex: 0 0 min(260px,72vw); flex-direction: column; gap: 14px; justify-content: center; min-height: 150px; padding: 22px; scroll-snap-align: start; }
.molart-institutional-card img { display: block; filter: grayscale(1); height: 66px; max-width: 170px; object-fit: contain; opacity: .78; transition: filter .25s ease,opacity .25s ease,transform .25s ease; width: auto; }
.molart-institutional-card:hover img { filter: grayscale(0); opacity: 1; transform: scale(1.03); }
.molart-institutional-card strong { font-size: .9rem; text-align: center; }
.molart-institutional-monogram { color: var(--wp--preset--color--accent, #b8852f); font-size: 2.5rem; }

/* Homepage rhythm: an 8px-based scale with one predictable desktop cadence. */
@media (min-width:782px) {
	.home .wp-site-blocks > :is(.molart-hero,.molart-category-band,.molart-room-advisor,.molart-section,.molart-popular-products,.molart-institutional,.molart-testimonial) { margin-block-start: 0 !important; }
	.home .molart-hero { padding-block: 88px !important; }
	.home .molart-category-band { padding-block: 32px !important; }
	.home .molart-section,
	.home .molart-popular-products,
	.home .molart-institutional,
	.home .molart-testimonial { padding-block: 64px !important; }
	.home .molart-room-advisor { margin-block: 64px !important; }
	.home .molart-section-heading { margin-block-end: 32px !important; }
}
.molart-popular-products { padding-block: clamp(42px,6vw,84px); }
.molart-new-arrivals { box-sizing:border-box;inline-size:min(1180px,calc(100% - 48px))!important;margin-inline:auto!important;padding-block:clamp(48px,6vw,80px); }
.home :is(.molart-new-arrivals,.molart-popular-products,.molart-institutional){box-sizing:border-box;inline-size:min(1180px,calc(100% - 48px))!important;margin-inline:auto!important}
.home :is(.wc-block-product,.molart-popular-grid article,.molart-similar-grid article,.molart-promo-product){box-sizing:border-box;border:1px solid rgba(25,42,81,.11);border-radius:18px;background:var(--wp--preset--color--base,#fff);overflow:hidden;box-shadow:0 8px 24px rgba(25,42,81,.05)}
.home :is(.wc-block-components-product-image,.molart-popular-grid img,.molart-similar-image){aspect-ratio:4/5!important;border-radius:14px;overflow:hidden;background:#f3efe7}
.molart-popular-heading { margin-bottom: 24px; text-align: center; }
.molart-popular-heading > span { color: var(--wp--preset--color--accent, #b8852f); font-size: .82rem; font-weight: 700; }
.molart-popular-heading h2 { margin: 6px 0 0; }
.molart-popular-grid { display: grid; gap: 20px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.molart-popular-grid article { background: #fff; border: 1px solid rgba(25,42,81,.1); border-radius: 18px; overflow: hidden; transition: transform .2s ease,box-shadow .2s ease; }
.molart-popular-grid article:hover { box-shadow: 0 14px 32px rgba(25,42,81,.1); transform: translateY(-3px); }
.molart-popular-grid a { color: inherit; display: block; padding: 10px 10px 18px; text-decoration: none; }
.molart-popular-grid img { aspect-ratio: 1; border-radius: 12px; display: block; height: auto; object-fit: cover; width: 100%; }
.molart-popular-grid h3 { font-size: 1rem !important; margin: 14px 4px 6px; }
.molart-popular-grid .price { display: block; margin-inline: 4px; }
.molart-gift-option { background: linear-gradient(135deg,#fff,#f5f7fc); border: 1px solid rgba(25,42,81,.14); border-radius: 16px; margin: 18px 0; padding: 16px; }
.molart-gift-option > .molart-gift-option-main { align-items: center; cursor: pointer; display: grid; gap: 12px; grid-template-columns: auto 1fr auto; margin: 0; }
.molart-gift-option input { accent-color: #192a51; height: 20px; width: 20px; }
.molart-gift-option span { display: grid; gap: 3px; }
.molart-gift-option small { color: #667085; }
.molart-gift-option b { color: #192a51; white-space: nowrap; }
.molart-gift-details[hidden] { display: none !important; }
.molart-gift-details { display: grid; gap: 12px; margin-top: 16px; padding: 16px; border-top: 1px solid rgba(25,42,81,.12); }
.molart-gift-details > label:first-child { display: grid; gap: 8px; }
.molart-gift-details textarea { box-sizing: border-box; width: 100%; min-height: 92px; resize: vertical; border: 1px solid rgba(25,42,81,.18); border-radius: 10px; padding: 11px 12px; background: #fff; color: inherit; font: inherit; }
.molart-gift-check { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.molart-gift-check span { display: block; }
.molart-delivery-promise { display: flex; align-items: center; gap: 14px; margin-block: 18px; padding: 16px 18px; border: 1px solid color-mix(in srgb,var(--wp--preset--color--accent,#c99a3d) 45%,transparent); border-radius: 15px; background: linear-gradient(135deg,#192a51,#263d70); color: #fff; box-shadow: 0 12px 28px rgba(25,42,81,.14); }
.molart-delivery-promise > span { display: grid; flex: 0 0 42px; block-size: 42px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.12); color: var(--wp--preset--color--accent,#d4a742); font-size: 22px; }
.molart-delivery-promise div { display: grid; gap: 2px; }
.molart-delivery-promise small { color: rgba(255,255,255,.72); }
.molart-delivery-promise strong { color: #fff; font-size: clamp(14px,1.25vw,17px); }
.molart-similar-products { margin-block: clamp(48px,7vw,88px); }
.molart-similar-heading { margin-block-end:24px;text-align:center; }
.molart-similar-heading small { color:var(--wp--preset--color--accent,#b8852f);font-weight:750; }
.molart-similar-heading h2 { margin:6px 0 0; }
.molart-similar-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px; }
.molart-similar-grid article { display:flex;min-inline-size:0;flex-direction:column;overflow:hidden;border:1px solid rgba(25,42,81,.12);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(25,42,81,.05); }
.molart-similar-image { display:block;aspect-ratio:4/5;overflow:hidden;background:#f3efe7; }
.molart-similar-image img { display:block;inline-size:100%;block-size:100%;object-fit:contain; }
.molart-similar-grid article>div { display:flex;flex:1;flex-direction:column;padding:15px; }
.molart-similar-grid h3 { margin:0 0 9px;font-size:15px!important;line-height:1.65; }
.molart-similar-grid a { color:inherit;text-decoration:none; }
.molart-similar-grid .price { margin-block-end:14px;color:var(--wp--preset--color--brand,#192a51);font-weight:750; }
.molart-similar-link { display:flex;min-block-size:42px;margin-block-start:auto;align-items:center;justify-content:center;border-radius:10px;background:var(--wp--preset--color--brand,#192a51);color:#fff!important;font-weight:700; }
@media (max-width:781px) {
	.molart-popular-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.molart-new-arrivals { inline-size:100%!important;padding:48px 16px; }
	.molart-similar-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
	.molart-gift-option > .molart-gift-option-main { grid-template-columns: auto 1fr; }
	.molart-gift-option b { grid-column: 2; }
	.molart-catalog { padding-inline: 18px !important; }
	.molart-catalog > .wp-block-post-title,
	.molart-catalog > .wp-block-query-title { font-size: clamp(1.65rem,8vw,2.15rem) !important; line-height: 1.35; }
	.wp-block-woocommerce-breadcrumbs .woocommerce-breadcrumb { padding: 5px 9px; }
	.molart-product-page { padding: 18px 16px 56px !important; }
	.molart-product-page > .wp-block-woocommerce-breadcrumbs { margin-bottom: 20px !important; }
	.molart-product-page .molart-product-summary { gap: 24px !important; }
	.molart-product-page .molart-product-content { padding: 0; }
	.molart-institutional { inline-size: 100% !important; padding: 52px 16px; }
	.molart-institutional-heading { margin-bottom: 24px; }
}
