/* =============================================================================
   Stone Galleria — redesign sections layer
   Content bands, the product detail page, blog / catalogue / glossary / search
   surfaces, and the small site-specific widgets. Styling only.
   ========================================================================== */

/* ============================================================ page canvas == */
#main-content {
	display: block;
}

/* section headings that the mirror repeats everywhere */
.sub-heading {
	margin-bottom: clamp(28px, 3.6vw, 52px);
}

.sub-heading h2,
.h2_text,
.carousel-title,
.heading-font,
.section-title {
	border-left: 0 !important;
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-display) !important;
	font-size: clamp(30px, 4.1vw, 60px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.04em !important;
	line-height: 1.08 !important;
	padding-left: 0 !important;
	text-transform: none !important;
}

.sub-heading h2::before,
.h2_text::before,
.carousel-title::before {
	content: none !important;
	display: none !important;
}

.sub-heading .subtitle,
.sub-heading p {
	color: var(--rd-grey-600) !important;
	font-size: clamp(15px, 1.25vw, 18px) !important;
	letter-spacing: -0.01em;
	margin-top: 14px;
}

/* default hero of internal pages ("sub-header") */
.sub-header,
.page-header,
.page-banner {
	background: var(--rd-paper) !important;
	padding-block: clamp(40px, 4.4vw, 76px) !important;
	text-align: center;
}

.sub-header h1,
.page-header h1,
.page-banner h1 {
	font-size: clamp(32px, 4.4vw, 64px) !important;
	letter-spacing: -0.045em !important;
	line-height: 1.05 !important;
	margin-bottom: 6px !important;
}

.sub-header p {
	color: var(--rd-grey-600);
	margin: 0 auto;
	max-width: 720px;
}

/* the sticky category tab bar under the header */
.product-tabing {
	background: rgba(255, 255, 255, 0.94) !important;
	backdrop-filter: saturate(1.3) blur(12px);
	-webkit-backdrop-filter: saturate(1.3) blur(12px);
	border-color: var(--rd-line) !important;
	top: var(--rd-header-h, 80px) !important;
	z-index: 1015;
}

.product-tabing .tabbox {
	display: flex;
	gap: clamp(14px, 2vw, 30px);
	list-style: none;
	margin: 0;
	overflow-x: auto;
	padding: 13px 0;
	scrollbar-width: none;
}

.product-tabing .tabbox::-webkit-scrollbar {
	display: none;
}

.product-tabing .tabbox li a {
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-caps) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.08em;
	opacity: 0.62;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: opacity 0.25s var(--rd-ease);
	white-space: nowrap;
}

.product-tabing .tabbox li a:hover,
.product-tabing .tabbox li a.active {
	opacity: 1;
}

/* ======================================================== home: hero ==
   An editorial split hero measured from the Jonite landing page:
   warm sand canvas, small architectural type, a half-page photograph,
   hairline rules and a photo-index instead of a full-bleed billboard.
   Typography stays entirely Stone Galleria (Inter Display / Switzer). */
body:has(.tabing_slider) {
	--sg-hero-bg: #f3efe7;
}

/* the home chrome shares the hero canvas so the header and the image stage
   read as one uninterrupted page rather than a white bar above a banner */
body:has(.tabing_slider) .header-main {
	background: var(--sg-hero-bg) !important;
	border-bottom-color: transparent !important;
}

body:has(.tabing_slider) .header-main.is-scrolled {
	background: rgba(243, 239, 231, 0.94) !important;
	border-bottom-color: var(--rd-line) !important;
	box-shadow: 0 12px 36px -30px rgba(13, 13, 13, 0.3) !important;
}

body:has(.tabing_slider) .header-desktop.homeheader .header-search-toggle svg {
	color: var(--rd-ink) !important;
}

.tabing_slider {
	background: var(--sg-hero-bg) !important;
	border-radius: 0;
	height: auto !important;
	min-height: 0;
	overflow: hidden;
	position: relative;
}

/* each slide is a quiet two-column page; only the active slide participates
   in layout so mobile hero heights stay content-driven */
.tabing_slider .tabing_slider-bg {
	align-items: flex-start;
	background: transparent !important;
	color: var(--rd-ink);
	display: flex;
	flex-direction: column;
	height: 100%;
	inset: 0;
	justify-content: flex-start;
	opacity: 0;
	padding: clamp(78px, 9.4vh, 118px) calc(50% + 20px) 205px var(--rd-gutter);
	position: absolute;
	transition: opacity 0.45s var(--rd-ease);
	visibility: hidden;
	width: 100%;
	z-index: 1;
}

.tabing_slider .tabing_slider-bg.active {
	height: auto;
	inset: auto;
	min-height: clamp(700px, calc(100svh - 80px), 940px);
	opacity: 1;
	position: relative;
	visibility: visible;
	z-index: 2;
}

/* portrait-cropped photograph, flush to the right edge like the reference */
.tabing_slider-bg picture {
	display: block;
	position: static;
}

.tabing_slider .tabing_slider-img {
	bottom: auto;
	filter: saturate(0.92) contrast(1.02);
	height: calc(100% - clamp(20px, 2.2vw, 30px));
	left: auto;
	object-fit: cover;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	z-index: 1;
}

#slide-1 .tabing_slider .tabing_slider-img {
	object-position: 64% center;
}

#slide-2 .tabing_slider .tabing_slider-img {
	object-position: 50% center;
}

#slide-3 .tabing_slider .tabing_slider-img {
	object-position: 72% center;
}

#slide-4 .tabing_slider .tabing_slider-img {
	object-position: 50% center;
}

/* photo index caption, pinned to the lower-right of the image */
.tabing_slider .tabing_slider-bg::after {
	background: rgba(13, 13, 13, 0.28);
	backdrop-filter: blur(9px);
	-webkit-backdrop-filter: blur(9px);
	border: 1px solid rgba(255, 255, 255, 0.34);
	border-radius: var(--rd-pill);
	color: #fff;
	content: attr(data-index) ' / ' attr(data-tab-label);
	font-family: var(--rd-font-caps);
	font-size: 9.5px;
	font-weight: 600;
	letter-spacing: 0.18em;
	padding: 9px 14px;
	pointer-events: none;
	position: absolute;
	right: calc(var(--rd-gutter) + 2px);
	text-transform: uppercase;
	top: 24px;
	z-index: 3;
}

.tabing_slider-heading,
h1.tabing_slider-heading {
	background: transparent !important;
	border: 0 !important;
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-display) !important;
	font-size: clamp(34px, 3.6vw, 52px) !important;
	font-weight: 500 !important;
	left: auto !important;
	letter-spacing: -0.045em !important;
	line-height: 1.04 !important;
	margin: 0 !important;
	max-width: min(620px, 100%);
	padding: 0 !important;
	pointer-events: auto;
	position: static !important;
	order: 1;
	text-transform: none !important;
	text-wrap: balance;
	top: auto !important;
	z-index: 2;
}

.tabing_slider-kicker {
	color: rgba(13, 13, 13, 0.62);
	font-family: var(--rd-font-caps);
	font-size: 9.5px;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 1.2;
	margin: 0 0 clamp(18px, 2vw, 26px);
	order: 0;
	text-transform: uppercase;
	z-index: 2;
}

/* slides 2–4 have no h1 in the source. Their tab label becomes the
   display line so every panel has the same editorial hierarchy. */
.tabing_slider-bg:not(:has(.tabing_slider-heading))::before {
	color: var(--rd-ink);
	content: attr(data-tab-label);
	display: block;
	font-family: var(--rd-font-display);
	font-size: clamp(34px, 3.6vw, 52px);
	font-weight: 500;
	letter-spacing: -0.045em;
	line-height: 1.04;
	max-width: min(620px, 100%);
	order: 1;
	text-wrap: balance;
	z-index: 2;
}

.tabing_slider .tabing_slider-content {
	align-items: flex-start;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	border-top: 1px solid var(--rd-line-strong) !important;
	box-shadow: none !important;
	color: var(--rd-ink);
	display: flex;
	flex-direction: column;
	margin-top: auto;
	max-width: 470px;
	order: 2;
	padding: clamp(22px, 2.3vw, 30px) 0 0 !important;
	position: relative;
	width: 100%;
	z-index: 2;
}

.tabing_slider-content h2,
.tabing_slider-content h3,
.tabing_slider-content .title {
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-display) !important;
	font-size: clamp(21px, 1.65vw, 27px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.035em !important;
	line-height: 1.12 !important;
	margin: 0 0 12px !important;
	max-width: 22ch;
	text-wrap: balance;
}

.tabing_slider-content p {
	color: rgba(13, 13, 13, 0.64) !important;
	font-family: var(--rd-font) !important;
	font-size: clamp(14px, 1.08vw, 15.5px) !important;
	letter-spacing: -0.01em;
	line-height: 1.6;
	margin: 0 0 24px !important;
	max-width: 43ch;
}

.tabing_slider-content .tabing_slider-btn,
.tabing_slider-content a.btn,
.tabing_slider-content .btn {
	align-items: center;
	background: var(--rd-ink) !important;
	border: 1px solid var(--rd-ink) !important;
	border-radius: var(--rd-pill) !important;
	color: var(--rd-paper) !important;
	display: inline-flex !important;
	font-family: var(--rd-font-caps) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	gap: 13px;
	letter-spacing: 0.11em !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 9px 9px 9px 19px !important;
	text-decoration: none !important;
	text-transform: uppercase;
	transition:
		background 0.3s var(--rd-ease),
		color 0.3s var(--rd-ease),
		transform 0.3s var(--rd-ease) !important;
}

.tabing_slider-content .tabing_slider-btn::after {
	align-items: center;
	background: var(--rd-cream);
	border-radius: 50%;
	color: var(--rd-ink);
	content: '↗';
	display: inline-flex;
	font-family: var(--rd-font);
	font-size: 14px;
	font-weight: 500;
	height: 29px;
	justify-content: center;
	line-height: 1;
	transition: transform 0.3s var(--rd-ease);
	width: 29px;
}

.tabing_slider-content .tabing_slider-btn:hover,
.tabing_slider-content .btn:hover {
	background: transparent !important;
	color: var(--rd-ink) !important;
	transform: translateY(-1px);
}

.tabing_slider-content .tabing_slider-btn:hover::after {
	transform: rotate(45deg);
}

/* photo-index navigation: four thumbnails that share the active image set */
.tabing_slider .tabing_slider-nav {
	background: transparent !important;
	border-top: 0 !important;
	bottom: clamp(20px, 2.6vw, 32px);
	display: grid !important;
	gap: clamp(9px, 1.1vw, 16px);
	grid-template-columns: repeat(4, minmax(0, 1fr));
	height: auto !important;
	left: var(--rd-gutter);
	padding: 0 !important;
	position: absolute;
	width: min(640px, calc(50% - var(--rd-gutter) - 8px));
	z-index: 4;
}

.tabing_slider-nav::before {
	border-top: 1px solid var(--rd-line-strong);
	color: rgba(13, 13, 13, 0.56);
	content: 'EXPLORE THE HIGHLIGHTS';
	display: block;
	font-family: var(--rd-font-caps);
	font-size: 9px;
	font-weight: 600;
	grid-column: 1 / -1;
	letter-spacing: 0.2em;
	line-height: 1.2;
	padding-top: 11px;
	text-transform: uppercase;
}

.tabing_slider .tabing_slider-tab,
.tabing_slider-nav > *,
.tabing_slider-nav a,
.tabing_slider-nav button,
.tabing_slider-nav .nav-item {
	align-items: stretch;
	appearance: none;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: rgba(13, 13, 13, 0.6) !important;
	cursor: pointer;
	display: flex !important;
	flex-direction: column;
	font-family: var(--rd-font-caps) !important;
	gap: 8px;
	margin: 0 !important;
	min-width: 0;
	padding: 0 !important;
	position: relative;
	text-align: left;
	transition: color 0.3s var(--rd-ease) !important;
	width: 100%;
}

.tabing_slider-tab::before {
	aspect-ratio: 1.62;
	background-color: #ddd6c9;
	background-image: var(--hero-thumb);
	background-position: center;
	background-size: cover;
	content: '';
	display: block;
	filter: grayscale(1) contrast(1.02);
	opacity: 0.58;
	transition:
		filter 0.4s var(--rd-ease),
		opacity 0.4s var(--rd-ease);
	width: 100%;
}

.tabing_slider-tab-index {
	align-items: center;
	background: rgba(255, 255, 255, 0.92);
	border-radius: var(--rd-pill);
	color: var(--rd-ink);
	display: inline-flex;
	font-family: var(--rd-font-caps);
	font-size: 9px;
	font-weight: 600;
	height: 20px;
	justify-content: center;
	left: 8px;
	letter-spacing: 0.1em;
	min-width: 22px;
	padding: 0 6px;
	position: absolute;
	top: 8px;
	z-index: 1;
}

.tabing_slider-tab-label {
	display: block;
	font-family: var(--rd-font-caps);
	font-size: 9.5px;
	font-weight: 600;
	letter-spacing: 0.12em;
	line-height: 1.3;
	min-height: 2.6em;
	text-transform: uppercase;
}

.tabing_slider-tab-label::after {
	background: currentColor;
	content: '';
	display: block;
	height: 1px;
	margin-top: 4px;
	opacity: 0.75;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.35s var(--rd-ease);
	width: 100%;
}

.tabing_slider .tabing_slider-tab:hover,
.tabing_slider .tabing_slider-tab.active {
	color: var(--rd-ink) !important;
}

.tabing_slider .tabing_slider-tab:hover::before {
	filter: grayscale(0.25) contrast(1.02);
	opacity: 1;
}

.tabing_slider-tab.active::before {
	filter: none;
	opacity: 1;
}

.tabing_slider-tab.active .tabing_slider-tab-label::after {
	transform: scaleX(1);
}

.tabing_slider .tabing_slider-tab:focus-visible {
	outline: 2px solid var(--rd-ink);
	outline-offset: 4px;
}

/* tablet and below: the photograph moves under the copy, still edge-to-edge */
@media (max-width: 991.98px) {
	.tabing_slider .tabing_slider-bg {
		padding: 52px var(--rd-gutter) 230px;
	}

	.tabing_slider .tabing_slider-bg.active {
		min-height: 0;
	}

	.tabing_slider-heading,
	h1.tabing_slider-heading {
		font-size: clamp(38px, 5vw, 48px) !important;
		max-width: 720px;
	}

	.tabing_slider-bg:not(:has(.tabing_slider-heading))::before {
		font-size: clamp(38px, 5vw, 48px);
		max-width: 720px;
	}

	.tabing_slider-bg picture {
		display: block;
		margin: 34px calc(var(--rd-gutter) * -1) 0;
		order: 3;
		width: calc(100% + var(--rd-gutter) * 2);
	}

	.tabing_slider .tabing_slider-img {
		aspect-ratio: 2.1 / 1;
		height: auto !important;
		object-fit: cover;
		position: static !important;
		width: 100% !important;
	}

	.tabing_slider .tabing_slider-content {
		margin-top: auto;
		max-width: 610px;
		order: 2;
	}

	.tabing_slider .tabing_slider-bg::after {
		display: none;
	}

	.tabing_slider .tabing_slider-nav {
		bottom: 24px;
		left: 0;
		padding: 0 var(--rd-gutter) !important;
		width: 100%;
	}

	.tabing_slider-nav::before {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.tabing_slider .tabing_slider-bg {
		padding: 38px var(--rd-gutter) 126px;
	}

	.tabing_slider-heading,
	h1.tabing_slider-heading {
		font-size: clamp(31px, 8.8vw, 39px) !important;
		line-height: 1.03 !important;
	}

	.tabing_slider-kicker {
		font-size: 8.5px;
		margin-bottom: 20px;
	}

	.tabing_slider-bg:not(:has(.tabing_slider-heading))::before {
		font-size: clamp(31px, 8.8vw, 39px);
		line-height: 1.03;
	}

	.tabing_slider-bg picture {
		margin-top: 30px;
	}

	.tabing_slider .tabing_slider-img {
		aspect-ratio: 4 / 3;
	}

	.tabing_slider .tabing_slider-content {
		margin-top: 28px;
		padding-top: 20px !important;
	}

	.tabing_slider-content h2,
	.tabing_slider-content h3,
	.tabing_slider-content .title {
		font-size: 22px !important;
		max-width: none;
	}

	.tabing_slider-content p {
		font-size: 14px !important;
		margin-bottom: 20px !important;
	}

	.tabing_slider-content .tabing_slider-btn,
	.tabing_slider-content .btn {
		font-size: 10px !important;
		padding: 8px 8px 8px 16px !important;
	}

	.tabing_slider-content .tabing_slider-btn::after {
		height: 27px;
		width: 27px;
	}

	.tabing_slider .tabing_slider-bg::after {
		display: none;
	}

	.tabing_slider .tabing_slider-nav {
		bottom: 18px;
		gap: 7px;
	}

	.tabing_slider .tabing_slider-tab {
		gap: 6px;
	}

	.tabing_slider-tab::before {
		aspect-ratio: 1.5;
	}

	.tabing_slider-tab-index {
		font-size: 8px;
		height: 17px;
		left: 5px;
		min-width: 18px;
		padding: 0 4px;
		top: 5px;
	}

	.tabing_slider-tab-label {
		font-size: 8.5px;
		letter-spacing: 0.08em;
		min-height: 2.7em;
	}
}


/* home marquee band: big editorial strip */
.marquee-container {
	background: var(--rd-black) !important;
	color: var(--rd-paper) !important;
	overflow: hidden;
	padding-block: clamp(14px, 1.8vw, 26px);
}

.marquee-container .marquee-content span,
.marquee-content span {
	color: rgba(255, 255, 255, 0.92) !important;
	font-family: var(--rd-font-display) !important;
	font-size: clamp(18px, 2.1vw, 30px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.02em;
	padding-inline: 0.6em !important;
}

.marquee-content span::after {
	color: var(--rd-cream);
	content: '✦';
	font-size: 0.6em;
	margin-left: 1.2em;
	opacity: 0.85;
	vertical-align: middle;
}

/* --------------------------------------------------- home content bands */
.why-us-section,
.what-we-offer,
.work-with-us,
.content-inner-all,
.resources,
.about-section {
	background: var(--rd-paper) !important;
}

.nsc-section,
.teamDescrTabs.bg-f7f7f7,
.sub-section.bg-f7f7f7 {
	background: var(--rd-grey-50) !important;
}

/* "why us" icon rows: soften chips */
.why-us-section img,
.what-we-offer img,
.sg-granite-finishes img {
	border-radius: var(--rd-radius-md);
}

.why-us-section .icon,
.why-us-section .icon-box,
.highlight-item {
	border-radius: var(--rd-radius-lg) !important;
}

.highlight-item {
	background: var(--rd-paper) !important;
	border: 1px solid var(--rd-line) !important;
	padding: clamp(18px, 2vw, 28px) !important;
	transition: transform 0.4s var(--rd-ease), box-shadow 0.4s var(--rd-ease);
}

.highlight-item:hover {
	box-shadow: var(--rd-shadow-md);
	transform: translateY(-4px);
}

/* hero-tabs band (FACADES / FLOORING ...) */
.hero-tabs {
	position: relative;
}

.hero-tabs .tab-heading,
.hero-tabs .tab-pane h3 {
	color: var(--rd-paper) !important;
	font-family: var(--rd-font-display) !important;
	font-size: clamp(26px, 3.6vw, 52px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.04em !important;
	text-transform: none !important;
}

.hero-tabs .nav-link,
.hero-tabs .tab-btn {
	background: rgba(255, 255, 255, 0.14) !important;
	border-radius: var(--rd-pill) !important;
	color: var(--rd-paper) !important;
	font-family: var(--rd-font-caps) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.1em !important;
	padding: 12px 22px !important;
	text-transform: uppercase;
	transition: background 0.3s var(--rd-ease), color 0.3s var(--rd-ease) !important;
}

.hero-tabs .nav-link.active,
.hero-tabs .tab-btn.active,
.hero-tabs .nav-link:hover {
	background: var(--rd-paper) !important;
	color: var(--rd-ink) !important;
}

/* scroll-carousel / category rails */
.scroll-carousel {
	padding-inline: var(--rd-gutter);
}

.scroll-carousel .carousel-item,
.scroll-carousel .scroll-item {
	border-radius: var(--rd-radius-lg);
	overflow: hidden;
}

/* community band keeps its photo but gets the radius language */
.community {
	border-radius: 0;
	overflow: hidden;
}

.community .overlay {
	background: linear-gradient(180deg, rgba(13, 13, 13, 0.25), rgba(13, 13, 13, 0.68)) !important;
}

.community h2,
.community h3,
.community .title {
	color: var(--rd-paper) !important;
}

/* granite finishes chips */
.sg-granite-finishes .finish-chip,
.sg-granite-finishes .sg-finish {
	border: 1px solid var(--rd-line) !important;
	border-radius: var(--rd-pill) !important;
	padding: 10px 18px !important;
}

/* ======================================================== testimonial == */
.testimonial {
	background: var(--rd-grey-50) !important;
}

.testimonial .testimonial-card,
.testimonial .card {
	background: var(--rd-paper) !important;
	border: 1px solid var(--rd-line) !important;
	border-radius: var(--rd-radius-lg) !important;
	padding: clamp(20px, 2.4vw, 32px) !important;
}

.testimonial h2,
.testimonial .title {
	font-size: clamp(26px, 3.4vw, 48px) !important;
}

/* ========================================================== resources == */
.resources .resource-item,
.resources .card {
	border-radius: var(--rd-radius-lg);
}

/* ============================================== product detail page == */
/*
   Editorial showroom layout for every product record. Markup, copy, and
   controls stay as authored. Rules are scoped to section.product-dp and use
   !important where the page's own inline sheet (loaded later) or the shared
   button/form layer would otherwise keep the old geometry.
*/

section.container.sub-heading.product-dp {
	margin-bottom: 0 !important;
	margin-inline: auto;
	max-width: min(1440px, 100%) !important;
	padding-bottom: clamp(28px, 4vw, 56px) !important;
	padding-inline: clamp(16px, 3vw, 40px) !important;
}

/* ----- identity bar: name + section links, stuck under the site header -- */
nav#stickyMenu.sticky-menu-product {
	background: #fff !important;
	border-bottom: 1px solid var(--rd-line);
	margin-inline: calc(50% - 50vw);
	padding-inline: max(var(--rd-gutter), calc((100vw - 1440px) / 2 + clamp(16px, 3vw, 40px))) !important;
	position: sticky !important;
	/* Matches the scrolled desktop header (68px). Mobile header is 64px. */
	top: 68px !important;
	transition: top 0.35s var(--rd-ease);
	z-index: 1020;
}

/* When the site menu slides away, the product bar takes the top of the page. */
body:has(.header-main.is-header-hidden) nav#stickyMenu.sticky-menu-product {
	top: 0 !important;
}

section.product-dp .sticky-menu-product .text-center {
	min-height: 0 !important;
	padding-block: 4px 0;
	text-align: left !important;
}

nav#stickyMenu .header,
nav#stickyMenu h1 {
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-display) !important;
	font-size: clamp(28px, 3.2vw, 46px) !important;
	font-weight: 600 !important;
	letter-spacing: -0.045em !important;
	line-height: 1.05 !important;
	margin: 16px 0 2px !important;
	text-align: left !important;
	text-transform: none !important;
}

section.product-dp .submenu-wrapper {
	display: block;
	justify-content: flex-start;
	padding: 0 0 0;
}

section.product-dp .sticky-menu-product .nav-submenu {
	display: flex !important;
	flex-wrap: wrap;
	gap: 0 4px !important;
	justify-content: flex-start !important;
	margin: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

section.product-dp .submenu-wrapper a,
section.product-dp .nav-submenu li a {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 2px solid transparent !important;
	border-radius: 0 !important;
	color: var(--rd-grey-600) !important;
	display: inline-block;
	font-family: var(--rd-font) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: -0.01em !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	padding: 12px 12px 14px !important;
	text-decoration: none !important;
	text-transform: none !important;
	transition: color 0.2s var(--rd-ease), border-color 0.2s var(--rd-ease);
	white-space: nowrap;
}

section.product-dp .submenu-wrapper a:hover,
section.product-dp .nav-submenu li a:hover,
section.product-dp .nav-submenu li.active a,
section.product-dp .submenu-wrapper a.active {
	background: transparent !important;
	border-bottom-color: var(--rd-ink) !important;
	color: var(--rd-ink) !important;
}

/* ----------------------------------------------- gallery + buy column -- */
section.product-dp .product-hero-row {
	align-items: flex-start !important;
	margin-top: clamp(22px, 2.8vw, 40px) !important;
	min-height: 0 !important;
	overflow-x: clip;
}

section.product-dp .product-hero-row > [class*='col-'] {
	min-width: 0;
}

section.product-dp .magic-zoom-wrapper,
section.product-dp .magic-zoom-wrapper > [class*='col-'] {
	width: 100%;
}

section.product-dp .image-gallery {
	align-items: stretch !important;
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 12px !important;
	min-height: 0 !important;
	text-align: left;
}

section.product-dp .product-hero-row .lft-slider {
	flex: 0 0 76px !important;
	margin: 0 !important;
	max-width: 76px !important;
	min-width: 76px !important;
	order: 0 !important;
	width: 76px !important;
}

section.product-dp .product-hero-row .thumbnail-slider {
	align-items: center !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px;
	height: 100%;
	margin-top: 0 !important;
}

section.product-dp .product-hero-row .thumbnail-slider .slider-button {
	align-items: center;
	background: var(--rd-paper) !important;
	border: 1px solid var(--rd-line) !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	color: var(--rd-ink) !important;
	display: inline-flex !important;
	flex: 0 0 auto;
	height: 32px !important;
	justify-content: center;
	padding: 0 !important;
	transform: rotate(90deg);
	width: 32px !important;
}

section.product-dp .product-hero-row .thumbnail-slider .slider-button svg {
	display: block;
	height: 16px;
	width: 16px;
}

section.product-dp .product-hero-row .thumbnails {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px;
	height: auto !important;
	max-height: min(68vh, 620px) !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	scrollbar-width: none;
	width: 100%;
}

section.product-dp .product-hero-row .thumbnails::-webkit-scrollbar {
	height: 0;
	width: 0;
}

section.product-dp .thumbnail {
	border: 1px solid var(--rd-line) !important;
	border-radius: 10px !important;
	box-sizing: border-box;
	cursor: pointer;
	flex: 0 0 64px !important;
	height: 64px !important;
	overflow: hidden;
	padding: 0 !important;
	transition: border-color 0.2s var(--rd-ease);
	width: 64px !important;
}

section.product-dp .thumbnail.active,
section.product-dp .thumbnail:hover {
	border-color: var(--rd-ink) !important;
}

section.product-dp .thumbnail img {
	display: block;
	height: 100% !important;
	object-fit: cover;
	width: 100% !important;
}

section.product-dp .main-image {
	align-items: center !important;
	aspect-ratio: 1 / 1 !important;
	background: var(--rd-grey-100) !important;
	border-radius: 20px !important;
	box-shadow: none !important;
	display: flex !important;
	flex: 1 1 auto;
	justify-content: center !important;
	max-height: none !important;
	min-height: 0 !important;
	overflow: hidden;
	padding: clamp(12px, 1.6vw, 22px) !important;
	position: relative;
	width: auto !important;
}

section.product-dp .main-image img,
section.product-dp #displayed-image {
	background: transparent !important;
	border-radius: 12px;
	display: block;
	height: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	width: 100% !important;
}

section.product-dp .fullscreen-icon {
	align-items: center;
	background: rgba(255, 255, 255, 0.94) !important;
	border: 1px solid var(--rd-line) !important;
	border-radius: 50% !important;
	box-shadow: var(--rd-shadow-sm) !important;
	color: var(--rd-ink) !important;
	display: inline-flex !important;
	height: 40px !important;
	justify-content: center;
	width: 40px !important;
}

/* ------------------------------------------------- description + price -- */
section.product-dp .padding-all {
	color: var(--rd-grey-700) !important;
	font-size: clamp(16px, 1.2vw, 18px) !important;
	letter-spacing: -0.015em;
	line-height: 1.6 !important;
	margin-bottom: 18px;
	min-height: 0 !important;
	text-align: left !important;
}

section.product-dp .price-container {
	background: var(--rd-grey-50);
	border: 1px solid var(--rd-line);
	border-radius: 20px;
	margin: 0 !important;
	padding: clamp(18px, 2vw, 28px) !important;
	text-align: left !important;
	width: 100%;
}

section.product-dp .price-div {
	align-items: flex-start !important;
	flex-direction: row !important;
	gap: 12px 16px !important;
	justify-content: space-between !important;
	margin-bottom: 18px !important;
}

section.product-dp .price-div .product-title,
section.product-dp h2.product-title {
	color: var(--rd-ink) !important;
	flex: 1 1 180px;
	font-family: var(--rd-font-display) !important;
	font-size: clamp(22px, 1.8vw, 28px) !important;
	font-weight: 600 !important;
	letter-spacing: -0.035em !important;
	line-height: 1.15 !important;
	margin: 0 !important;
	text-align: left !important;
	text-transform: none !important;
}

section.product-dp .price-filter {
	flex: 0 1 auto;
	flex-wrap: wrap;
	gap: 8px !important;
	justify-content: flex-end;
	margin-left: 0 !important;
}

section.product-dp .price-filter .divider {
	color: var(--rd-grey-300);
	font-weight: 300;
}

section.product-dp .currency-toggle-container,
section.product-dp .unit-btn-container {
	background: var(--rd-paper);
	border: 1px solid var(--rd-line);
	border-radius: var(--rd-pill);
	gap: 0 !important;
	padding: 3px;
}

section.product-dp .currency-btn,
section.product-dp .unit-btn {
	background: transparent !important;
	border: 0 !important;
	border-radius: var(--rd-pill) !important;
	box-shadow: none !important;
	color: var(--rd-grey-600) !important;
	font-family: var(--rd-font) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	min-width: 0;
	padding: 8px 12px !important;
	transform: none !important;
}

section.product-dp .currency-btn.active,
section.product-dp .unit-btn.active,
section.product-dp .currency-btn:hover,
section.product-dp .unit-btn:hover {
	background: var(--rd-black) !important;
	border-color: transparent !important;
	box-shadow: none !important;
	color: var(--rd-paper) !important;
	transform: none !important;
}

section.product-dp .selection.selection-grid {
	display: grid !important;
	gap: 14px 12px !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	justify-content: stretch !important;
	margin: 0 !important;
}

section.product-dp .price-container .option {
	align-items: stretch !important;
	display: flex !important;
	flex-direction: column;
	margin: 0 !important;
	min-width: 0;
}

section.product-dp .price-container .option > label,
section.product-dp .finish-label,
section.product-dp .grade-label-wrap {
	color: var(--rd-grey-600) !important;
	font-family: var(--rd-font) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.04em !important;
	margin: 0 0 6px !important;
	text-align: left !important;
	text-transform: uppercase !important;
}

section.product-dp .slab-guide-link,
section.product-dp .slab-guide-link a,
section.product-dp .price-container a {
	color: var(--rd-ink) !important;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none !important;
}

section.product-dp .price-container select {
	background-color: var(--rd-paper) !important;
	border: 1px solid var(--rd-line-strong) !important;
	border-radius: 12px !important;
	font-size: 14.5px !important;
	padding: 12px 40px 12px 14px !important;
	width: 100% !important;
}

section.product-dp .price-display,
section.product-dp .quote-request {
	align-items: baseline;
	border-top: 1px solid var(--rd-line);
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	margin-top: 18px;
	padding-top: 18px;
	text-align: left !important;
}

section.product-dp #price,
section.product-dp .quote-request #price,
section.product-dp .quote-request > span:first-child {
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-accent) !important;
	font-size: clamp(34px, 3.2vw, 48px) !important;
	font-weight: 700 !important;
	letter-spacing: -0.04em;
	line-height: 1;
}

section.product-dp .per-unit,
section.product-dp #per-unit-text {
	color: var(--rd-grey-500) !important;
	font-size: 14px !important;
}

section.product-dp .weight-display {
	color: var(--rd-grey-600);
	flex: 1 1 100%;
	font-size: 13.5px;
	gap: 6px;
}

section.product-dp .weight-display .weight-value,
section.product-dp #weightValue {
	color: var(--rd-ink) !important;
	font-weight: 600;
}

section.product-dp .weight-mass-toggle button,
section.product-dp .weight-mass-toggle .unit-toggle {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--rd-line-strong) !important;
	border-radius: 0 !important;
	color: var(--rd-grey-600) !important;
	font-size: 12.5px !important;
	padding: 2px 1px !important;
}

section.product-dp .weight-mass-toggle button.active {
	border-color: var(--rd-ink) !important;
	color: var(--rd-ink) !important;
}

section.product-dp .note,
section.product-dp .note-detail,
section.product-dp .dealer-note {
	color: var(--rd-grey-500) !important;
	flex: 1 1 100%;
	font-size: 12.5px !important;
	line-height: 1.5;
	margin: 4px 0 0 !important;
	text-align: left !important;
}

section.product-dp .quote-link,
section.product-dp a.quote-link.btn-four,
section.product-dp button.quote-link {
	display: flex !important;
	justify-content: center;
	margin-top: 8px !important;
	width: 100% !important;
}

section.product-dp .pseudo-btn {
	display: none;
}

section.product-dp .area-post {
	margin-top: 16px;
}

section.product-dp .post-share,
section.product-dp .share-list {
	align-items: center;
	display: flex;
	gap: 8px;
}

section.product-dp .share-label {
	color: var(--rd-grey-500);
	font-size: 12px;
	letter-spacing: 0.08em;
	margin-right: 4px;
	text-transform: uppercase;
}

section.product-dp .share-list a {
	align-items: center;
	background: var(--rd-paper) !important;
	border: 1px solid var(--rd-line) !important;
	border-radius: 50% !important;
	color: var(--rd-ink) !important;
	display: inline-flex !important;
	height: 36px;
	justify-content: center;
	text-decoration: none !important;
	width: 36px;
}

section.product-dp .share-list a:hover {
	background: var(--rd-black) !important;
	border-color: var(--rd-black) !important;
	color: var(--rd-paper) !important;
}

/* ------------------------------------------------- material highlights -- */
section.product-dp .material-highlights {
	border-top: 1px solid var(--rd-line);
	margin-top: clamp(28px, 3vw, 44px);
	padding: clamp(28px, 3vw, 44px) 0 8px !important;
}

section.product-dp .material-highlights h2.heading,
section.product-dp h2.heading {
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-display) !important;
	font-size: clamp(28px, 3vw, 44px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.04em !important;
	line-height: 1.08 !important;
	margin: 0 0 8px !important;
	text-transform: none !important;
}

section.product-dp h2.heading::before,
section.product-dp .heading::before {
	background: none !important;
	content: none !important;
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	width: 0 !important;
}

section.product-dp hr.hr,
section.product-dp .product-dp .hr {
	background: var(--rd-ink) !important;
	border: 0 !important;
	display: block;
	height: 1px !important;
	margin: 0 0 22px !important;
	opacity: 1;
	width: 40px;
}

section.product-dp .material-highlights-grid {
	display: grid !important;
	gap: 22px 16px !important;
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

section.product-dp .highlight-item {
	align-items: flex-start !important;
	text-align: left !important;
}

section.product-dp .highlight-item img {
	background: var(--rd-paper);
	border: 1px solid var(--rd-line) !important;
	border-radius: 14px !important;
	filter: none !important;
	height: 52px !important;
	margin-bottom: 12px !important;
	object-fit: contain;
	padding: 10px !important;
	width: 52px !important;
}

section.product-dp .highlight-item h3 {
	font-family: var(--rd-font-display) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: -0.02em !important;
	margin: 0 0 4px !important;
	min-height: 0 !important;
	text-align: left !important;
}

section.product-dp .highlight-item p {
	color: var(--rd-grey-600) !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	margin: 0 !important;
	max-width: none !important;
	min-height: 0 !important;
	text-align: left !important;
}

section.product-dp .material-disclaimer,
section.product-dp .material-disclaimer small {
	color: var(--rd-grey-500) !important;
	font-size: 12px !important;
}

section.product-dp .show-more-wrapper {
	margin-top: 16px;
	text-align: left !important;
}

section.product-dp #showMoreBtn1,
section.product-dp .show-more-wrapper button {
	background: transparent !important;
	border: 1px solid var(--rd-line-strong) !important;
	border-radius: var(--rd-pill) !important;
	color: var(--rd-ink) !important;
	font-family: var(--rd-font) !important;
	font-size: 13px !important;
	padding: 10px 18px !important;
}

/* ---------------------------------------------------- shared section bands */
section.product-dp .ps-tabs,
section.product-dp .real,
section.product-dp .sizes,
section.product-dp .thickness,
section.product-dp .finish,
section.product-dp .suitable,
section.product-dp .similar-style,
section.product-dp .faq-style,
section.product-dp .care-accordion,
section.product-dp .explore-more-categories {
	border-top: 1px solid var(--rd-line);
	margin-top: 12px;
	padding-bottom: 8px !important;
	padding-top: clamp(32px, 4vw, 56px) !important;
}

/* info tabs */
section.product-dp .ps-tabs .nav-tabs,
section.product-dp #myTab {
	border: 0 !important;
	border-bottom: 1px solid var(--rd-line) !important;
	display: flex !important;
	flex-wrap: wrap;
	gap: 0 8px;
	margin-bottom: 8px !important;
}

section.product-dp .ps-tabs .nav-item {
	float: none !important;
	margin: 0 !important;
}

section.product-dp .ps-tabs .nav-link {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 2px solid transparent !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 8px 4px 12px !important;
}

section.product-dp .ps-tabs .nav-link.active {
	background: transparent !important;
	border-bottom-color: var(--rd-ink) !important;
}

section.product-dp .tab-heading {
	color: var(--rd-grey-500) !important;
	font-family: var(--rd-font) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: -0.01em !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	text-transform: none !important;
}

section.product-dp .nav-link.active .tab-heading {
	color: var(--rd-ink) !important;
}

section.product-dp .tab-content {
	color: var(--rd-ink-2);
	font-size: 16px;
	letter-spacing: -0.011em;
	line-height: 1.65;
	padding-top: 18px;
}

section.product-dp .tab-content p {
	color: var(--rd-grey-700);
	margin-bottom: 0.9em;
}

section.product-dp #tab-11 .col-6 {
	border-bottom: 1px solid var(--rd-line);
	padding-bottom: 16px !important;
	padding-top: 16px !important;
}

section.product-dp .specs-heading {
	color: var(--rd-grey-500) !important;
	font-family: var(--rd-font) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.06em !important;
	margin: 0 0 4px !important;
	text-transform: uppercase !important;
}

section.product-dp .specs-label,
section.product-dp .ancTileSize,
section.product-dp .divItemDesc {
	color: var(--rd-ink) !important;
	font-size: 15.5px !important;
	letter-spacing: -0.01em;
	text-transform: none !important;
}

section.product-dp .divSpcsBorder,
section.product-dp .div-size-specs {
	background: transparent !important;
	border-color: var(--rd-line) !important;
	border-radius: 0 !important;
	padding: 12px 2px 4px !important;
}

section.product-dp .warning-box {
	background: var(--rd-cream-soft) !important;
	border: 0 !important;
	border-radius: 16px !important;
	margin-top: 20px !important;
	padding: 18px 20px !important;
	text-align: left !important;
}

section.product-dp .warning-box p {
	font-size: 14.5px !important;
	margin-bottom: 10px !important;
}

section.product-dp .warning-box a {
	color: var(--rd-ink) !important;
}

/* size / finish / use / similar rails */
section.product-dp .zero-slip-pt img,
section.product-dp .gallery-container img,
section.product-dp .similarstyles img {
	border-radius: 14px;
	max-width: 100%;
}

section.product-dp .gallery-container img {
	max-height: none;
}

section.product-dp .thickness-card {
	background: var(--rd-grey-50);
	border-radius: 16px;
	padding: 10px !important;
}

section.product-dp .owl-product-title,
section.product-dp .product-title-inner {
	border-color: var(--rd-line) !important;
	border-style: solid !important;
	border-width: 0 0 1px !important;
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-display) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	letter-spacing: -0.02em !important;
	padding-top: 10px;
	text-align: left !important;
	text-transform: none !important;
}

section.product-dp .similarstyles .slick-dots li.slick-active button,
section.product-dp .reallproj .slick-dots li.slick-active button {
	background: var(--rd-ink) !important;
}

/* care + product-info accordions */
section.product-dp .care-accordion__trigger {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	display: flex !important;
	justify-content: space-between;
	padding: 0 0 8px !important;
	width: 100%;
}

section.product-dp .care-accordion__title {
	margin: 0 !important;
	text-align: left;
}

section.product-dp .care-accordion__chevron {
	flex: 0 0 auto;
}

section.product-dp .care-accordion__card {
	padding-top: 8px;
}

section.product-dp .care-list {
	color: var(--rd-grey-700);
	line-height: 1.6;
}

/* FAQ */
section.product-dp .lma-faq .panel-heading {
	color: var(--rd-ink) !important;
	display: block;
	padding: 18px 0 !important;
	text-decoration: none !important;
}

section.product-dp .lma-faq h3,
section.product-dp .lma-faq a h3 {
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-display) !important;
	font-size: clamp(17px, 1.4vw, 20px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.02em !important;
	margin: 0 !important;
	text-transform: none !important;
}

section.product-dp .lma-faq hr {
	border: 0;
	border-top: 1px solid var(--rd-line);
	margin: 0 !important;
	opacity: 1;
}

section.product-dp .lma-faq .panel-collapse {
	color: var(--rd-grey-700);
	font-size: 15.5px;
	line-height: 1.65;
	padding-bottom: 8px;
}

/* explore more */
section.product-dp .explore-more-categories__title {
	font-family: var(--rd-font-display) !important;
	font-size: clamp(28px, 3vw, 44px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.04em;
}

section.product-dp .explore-more-categories__subtitle {
	color: var(--rd-grey-600) !important;
}

section.product-dp .explore-more-categories__list a,
section.product-dp .emc-item {
	background: var(--rd-grey-50) !important;
	border: 1px solid transparent !important;
	border-radius: 14px !important;
	color: var(--rd-ink) !important;
	padding: 16px 18px !important;
	text-decoration: none !important;
	transition: background 0.25s var(--rd-ease), border-color 0.25s var(--rd-ease);
}

section.product-dp .emc-item:hover {
	background: var(--rd-paper) !important;
	border-color: var(--rd-line-strong) !important;
}

/* lightbox */
section.product-dp .overlay-gallery {
	background: rgba(13, 13, 13, 0.92) !important;
}

/* ------------------------------------------------------- sticky price bar */
.sg-stickybar {
	background: var(--rd-black) !important;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	color: var(--rd-paper);
}

.sg-stickybar__inner {
	gap: 14px;
	padding: 12px clamp(16px, 3vw, 34px) !important;
}

.sg-stickybar__name {
	color: var(--rd-paper) !important;
	font-family: var(--rd-font-display) !important;
	font-size: 15px !important;
	font-weight: 600;
	letter-spacing: -0.02em;
}

.sg-stickybar__spec {
	color: rgba(255, 255, 255, 0.55) !important;
	font-size: 12.5px !important;
}

.sg-stickybar__price {
	color: var(--rd-cream) !important;
	font-family: var(--rd-font-accent) !important;
	font-size: 20px !important;
	font-weight: 700;
}

.sg-stickybar__cta {
	background: var(--rd-paper) !important;
	border: 0 !important;
	border-radius: var(--rd-pill) !important;
	color: var(--rd-black) !important;
	font-family: var(--rd-font-caps) !important;
	font-size: 13px !important;
	font-weight: 500;
	padding: 12px 22px !important;
}

/* ---------------------------------------------------------- feedback panel */
.pf-section-inner {
	background: var(--rd-grey-50) !important;
	border: 1px solid var(--rd-line) !important;
	border-radius: var(--rd-radius-lg) !important;
	padding: clamp(20px, 2.4vw, 32px) !important;
}

.pf-section-heading {
	font-family: var(--rd-font-display) !important;
	font-size: clamp(20px, 2vw, 28px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.03em;
}

.pf-trigger-btn,
.pf-btn {
	background: var(--rd-black) !important;
	border: 0 !important;
	border-radius: var(--rd-pill) !important;
	color: var(--rd-paper) !important;
	font-family: var(--rd-font-caps) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 14px 26px !important;
}

.pf-panel {
	border-radius: var(--rd-radius-xl) 0 0 var(--rd-radius-xl);
}

.pf-question {
	font-family: var(--rd-font-display) !important;
	font-size: clamp(19px, 1.8vw, 26px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.03em;
}

.pf-option {
	background: var(--rd-grey-100) !important;
	border: 1px solid transparent !important;
	border-radius: var(--rd-radius-md) !important;
	padding: 14px 18px !important;
	transition: background 0.25s var(--rd-ease), border-color 0.25s var(--rd-ease);
}

.pf-option:hover {
	background: var(--rd-paper) !important;
	border-color: var(--rd-line-strong) !important;
}

.pf-option.selected,
.pf-option.active {
	background: var(--rd-black) !important;
	border-color: var(--rd-black) !important;
	color: var(--rd-paper) !important;
}

.pf-progress-bar {
	background: var(--rd-ink) !important;
}

@media (max-width: 1199.98px) {
	nav#stickyMenu.sticky-menu-product {
		top: var(--rd-header-h, 64px) !important;
	}
}

@media (max-width: 991.98px) {
	section.product-dp .material-highlights-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	section.product-dp .price-div {
		flex-direction: column !important;
		justify-content: flex-start !important;
	}

	section.product-dp .price-filter {
		justify-content: flex-start;
	}
}

@media (max-width: 768px) {
	nav#stickyMenu.sticky-menu-product {
		padding-inline: 16px !important;
		top: var(--rd-header-h, 64px) !important;
	}

	nav#stickyMenu h1 {
		font-size: 26px !important;
		margin-top: 12px !important;
	}

	section.product-dp .product-hero-row {
		min-height: 0 !important;
	}

	section.product-dp .image-gallery {
		flex-wrap: wrap !important;
		min-height: 0 !important;
	}

	section.product-dp .product-hero-row .lft-slider {
		flex: 1 1 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		order: 2 !important;
		width: 100% !important;
	}

	section.product-dp .product-hero-row .thumbnail-slider {
		flex-direction: row !important;
		width: 100%;
	}

	section.product-dp .product-hero-row .thumbnail-slider .slider-button {
		transform: none !important;
	}

	section.product-dp .product-hero-row .thumbnails {
		flex-direction: row !important;
		height: auto !important;
		max-height: none !important;
		max-width: 100%;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		width: 100% !important;
	}

	section.product-dp .main-image,
	section.product-dp .product-hero-row .main-image {
		min-height: 0 !important;
		width: 100% !important;
	}

	section.product-dp .selection.selection-grid {
		grid-template-columns: 1fr;
	}

	section.product-dp .material-highlights-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	section.product-dp #tab-11 .col-6 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

/* ================================================== category listing == */
.product-page .image-container,
.image-container {
	border-radius: var(--rd-radius-lg);
	overflow: hidden;
}

/* home collection tiles: image + title card */
div.image-container.product-page {
	background: var(--rd-paper) !important;
	border: 1px solid var(--rd-line) !important;
	border-radius: var(--rd-radius-lg) !important;
	box-shadow: none !important;
	overflow: hidden;
	transition: transform 0.45s var(--rd-ease), box-shadow 0.45s var(--rd-ease),
		border-color 0.45s var(--rd-ease);
}

div.image-container.product-page:hover {
	border-color: var(--rd-line-strong) !important;
	box-shadow: var(--rd-shadow-md) !important;
	transform: translateY(-4px);
}

div.image-container.product-page a {
	color: var(--rd-ink);
	display: block;
	text-decoration: none !important;
}

div.image-container.product-page img {
	border-radius: 0 !important;
	display: block;
	transition: transform 0.9s var(--rd-ease);
	width: 100%;
}

div.image-container.product-page:hover img {
	transform: scale(1.04);
}

div.image-container.product-page h5.product-title,
.image-container .product-title {
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-display) !important;
	font-size: clamp(15px, 1.15vw, 18px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.02em !important;
	margin: 0 !important;
	padding: 16px 18px 18px !important;
	text-align: center;
	text-transform: none !important;
}

.sg-product-card-title,
.owl-product-title {
	font-family: var(--rd-font-display) !important;
	font-size: clamp(16px, 1.35vw, 20px) !important;
}

.synonym-wrapper,
.glossary-synonyms {
	gap: 6px !important;
}

.sg-product-card,
.owl-product-card,
.category-filter {
	border-radius: var(--rd-radius-lg) !important;
}

/* catalogue-style tiles */
.zara-block img {
	border-radius: var(--rd-radius-lg) 0 0 var(--rd-radius-lg);
}

/* ================================================== blog / articles == */
.news-item,
.articleBox {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.news-img,
.post-thumbnail {
	margin-bottom: 16px;
}

.news-title,
.post-title {
	margin-bottom: 8px;
}

.post-excerpt,
.post-detail,
.news-item p {
	color: var(--rd-grey-600) !important;
	font-size: 15px;
	letter-spacing: -0.01em;
	line-height: 1.6;
}

.inner-post-wrap,
.post {
	border-radius: var(--rd-radius-lg);
}

/* single article body */
.single-post .post-content,
.entry-content {
	color: var(--rd-ink-2);
	font-size: 17px;
	line-height: 1.75;
	letter-spacing: -0.01em;
}

.entry-content h2,
.entry-content h3 {
	margin-top: 1.4em;
}

.entry-content img,
.post-content img {
	border-radius: var(--rd-radius-lg);
}

.entry-content blockquote,
.post-content blockquote {
	background: var(--rd-grey-50);
	border-left: 3px solid var(--rd-ink);
	border-radius: 0 var(--rd-radius-md) var(--rd-radius-md) 0;
	color: var(--rd-ink-2);
	font-family: var(--rd-font-display);
	font-size: 19px;
	letter-spacing: -0.02em;
	margin: 1.6em 0;
	padding: 20px 26px;
}

/* ============================================== glossary / care pages == */
.glossary-item,
.glossary-quick {
	border-radius: var(--rd-radius-lg) !important;
}

.glossary-link,
.read-more-content a {
	color: var(--rd-ink) !important;
	text-decoration: underline;
	text-decoration-color: rgba(13, 13, 13, 0.25);
	text-underline-offset: 3px;
}

.care-item {
	background: var(--rd-paper) !important;
	border: 1px solid var(--rd-line) !important;
	border-radius: var(--rd-radius-lg) !important;
	padding: clamp(18px, 2vw, 28px) !important;
	transition: transform 0.4s var(--rd-ease), box-shadow 0.4s var(--rd-ease);
}

.care-item:hover {
	box-shadow: var(--rd-shadow-md);
	transform: translateY(-4px);
}

.care-item__heading {
	font-family: var(--rd-font-display) !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	letter-spacing: -0.025em;
}

.care-item__desc {
	color: var(--rd-grey-600) !important;
	font-size: 14.5px;
}

/* ================================================== search & quote pages == */
.search-results .result-item,
.search-result {
	border-bottom: 1px solid var(--rd-line) !important;
	padding-block: 26px !important;
}

.search-result a,
.result-item a {
	text-decoration: none !important;
}

.search-result h3,
.result-item h3 {
	font-size: clamp(19px, 1.8vw, 26px) !important;
	margin-bottom: 8px;
}

.search-result p,
.result-item p {
	color: var(--rd-grey-600) !important;
	font-size: 15px;
}

/* quotation / contact forms inside content */
.quotation-form,
.contact-form {
	background: var(--rd-paper);
	border-radius: var(--rd-radius-xl);
}

.quotation-form .form-control,
.contact-form .form-control {
	background: var(--rd-grey-100) !important;
}

/* sliders/rails inside content keep the same pill arrows */
.owl-carousel .owl-nav button,
.owl-nav button {
	background: rgba(255, 255, 255, 0.94) !important;
	border-radius: 50% !important;
	box-shadow: var(--rd-shadow-sm);
}

/* badges row on product cards */
.specs-row .badge,
.size-badge,
.grade-badge {
	background: var(--rd-grey-100) !important;
	color: var(--rd-grey-700) !important;
}

/* keep the sticky product bar above content but below modals */
.sg-stickybar {
	z-index: 1019 !important;
}

/* kill legacy full-width grey dividers when they crowd the new rhythm */
.divSpcsBorder + .divItemDesc,
.div-size-specs + .div-size-specs {
	margin-top: 10px;
}

/* =============================================== production stats ledger == */
/* "PRODUCTION STATS & CAPACITY" — a hairline ledger of capacity figures.
   The first figure is the feature cell (cream, two rows tall), the other six
   form the rest of the grid. 7 cells = 1 feature + 3 x 2 on desktop. */
.why-us-section {
	background: var(--rd-paper) !important;
	padding-block: var(--rd-section-y) !important;
}

.why-us-section > .container-fluid {
	margin-inline: auto;
	max-width: var(--rd-canvas);
	padding-inline: var(--rd-gutter);
}

.why-us-section .sub-heading h2,
.why-us-section h2.h2_text {
	font-family: var(--rd-font-display) !important;
	font-size: clamp(26px, 3.1vw, 44px) !important;
	font-weight: 600 !important;
	letter-spacing: -0.035em !important;
	line-height: 1.05 !important;
	margin-bottom: clamp(24px, 3vw, 42px) !important;
}

.why-us-section .grid-container {
	background: var(--rd-line) !important;
	border: 1px solid var(--rd-line) !important;
	border-radius: var(--rd-radius-lg) !important;
	display: grid !important;
	gap: 1px !important;
	grid-template-columns: 1.35fr repeat(3, 1fr) !important;
	margin-top: 0 !important;
	overflow: hidden;
}

.why-us-section .stat-block {
	background: var(--rd-paper) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: flex !important;
	flex-direction: column;
	gap: 12px;
	min-width: 0 !important;
	padding: clamp(22px, 2.2vw, 34px) !important;
	text-align: left !important;
	transition: background-color 0.3s var(--rd-ease) !important;
	width: auto !important;
}

.why-us-section .stat-block:hover {
	background: var(--rd-grey-50) !important;
	box-shadow: none !important;
	transform: none !important;
}

/* the lead figure — cream feature cell spanning two rows */
.why-us-section .stat-block:first-child {
	background: var(--rd-cream) !important;
	grid-row: span 2;
	padding: clamp(26px, 2.6vw, 40px) !important;
}

.why-us-section .stat-block:first-child:hover {
	background: var(--rd-cream) !important;
}

.why-us-section .stat-block .icon {
	align-items: center;
	background: rgba(13, 13, 13, 0.055);
	border-radius: 50%;
	display: inline-flex !important;
	flex: 0 0 auto;
	height: 46px;
	justify-content: center;
	margin-bottom: 2px;
	width: 46px;
}

.why-us-section .stat-block:first-child .icon {
	background: rgba(13, 13, 13, 0.09);
	height: 56px;
	margin-bottom: auto;
	width: 56px;
}

.why-us-section .stat-block .icon img {
	height: 24px !important;
	object-fit: contain;
	width: 24px !important;
}

.why-us-section .stat-block:first-child .icon img {
	height: 30px !important;
	width: 30px !important;
}

/* number + label (the label is the text node that follows the counter) */
.why-us-section .stat-number {
	color: var(--rd-grey-600) !important;
	display: flex !important;
	flex-direction: column;
	font-family: var(--rd-font-caps) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	gap: 8px;
	letter-spacing: 0.1em;
	line-height: 1.4 !important;
	text-align: left !important;
	text-transform: uppercase;
}

.why-us-section .stat-number .counter {
	color: var(--rd-ink);
	font-family: var(--rd-font-display) !important;
	font-size: clamp(30px, 2.5vw, 42px) !important;
	font-weight: 600 !important;
	letter-spacing: -0.05em;
	line-height: 0.9 !important;
}

.why-us-section .stat-block:first-child .stat-number {
	color: rgba(13, 13, 13, 0.62) !important;
	gap: 12px;
}

.why-us-section .stat-block:first-child .stat-number .counter {
	font-size: clamp(64px, 6.4vw, 96px) !important;
}

.why-us-section .stat-block p {
	color: var(--rd-grey-600) !important;
	font-size: 13.5px !important;
	line-height: 1.62 !important;
	margin: 0 !important;
	max-width: 34ch;
}

.why-us-section .stat-block:first-child p {
	color: rgba(13, 13, 13, 0.68) !important;
	font-size: 14.5px !important;
	max-width: 30ch;
}

.why-us-section .text-center.mt-5 {
	margin-top: clamp(24px, 3vw, 40px) !important;
}

/* responsive: 3 columns (last cell spans), then 2, then 1 */
@media (max-width: 1199.98px) {
	.why-us-section .grid-container {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.why-us-section .stat-block:first-child {
		grid-row: auto;
	}

	.why-us-section .stat-block:first-child .icon {
		margin-bottom: 2px;
	}

	.why-us-section .stat-block:first-child .stat-number .counter {
		font-size: clamp(38px, 5vw, 56px) !important;
	}

	.why-us-section .stat-block:last-child {
		grid-column: span 3;
	}
}

@media (max-width: 767.98px) {
	.why-us-section .grid-container {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.why-us-section .stat-block:last-child {
		grid-column: span 2;
	}

	.why-us-section .stat-block:first-child .stat-number .counter {
		font-size: clamp(40px, 10vw, 56px) !important;
	}
}

@media (max-width: 479.98px) {
	.why-us-section .grid-container {
		grid-template-columns: 1fr !important;
	}

	.why-us-section .stat-block:last-child {
		grid-column: auto;
	}
}

/* ============================================ product collection (home) == */
/* Gold standard: a left-aligned editorial masthead (title + lede) with the
   material pills and sub-tabs stacked on the right, then a borderless grid
   of floating stone swatches with left-aligned captions. The legacy grey
   gradient overlay and the grey heading bar are removed. */
.nsc-section.collection {
	background: var(--rd-paper) !important;
	padding-block: var(--rd-section-y) !important;
}

.nsc-section.collection::before {
	background: none !important;
	content: none !important;
}

/* legacy grey gradient painted behind some .h2_text headings */
.h2_text {
	background-image: none !important;
}

.nsc-section.collection > .container {
	align-items: end;
	column-gap: clamp(24px, 4vw, 64px);
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	row-gap: 18px;
}

/* slick sets a pixel track width; grid items must be allowed to shrink */
.nsc-section.collection > .container > * {
	max-width: 100% !important;
	min-width: 0 !important;
}

.nsc-section.collection .col-lg-12.sub-heading {
	grid-column: 1;
	grid-row: 1 / span 2;
	margin-bottom: 0 !important;
	margin-inline: 0 !important;
	text-align: left !important;
}

.nsc-section.collection .col-lg-12.sub-heading h2 {
	font-family: var(--rd-font-display) !important;
	font-size: clamp(34px, 4.2vw, 58px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.045em !important;
	line-height: 1.02 !important;
	margin-bottom: 14px !important;
	text-align: left !important;
}

.nsc-section.collection .col-lg-12.sub-heading p {
	color: var(--rd-grey-600) !important;
	font-size: 15px !important;
	line-height: 1.7 !important;
	margin: 0 !important;
	max-width: 660px;
	text-align: left !important;
}

.nsc-section.collection .collections-tabs-wrapper {
	border: 0 !important;
}

/* material pills — right aligned in the masthead */
.nsc-section.collection #collections-levelA-tabs {
	align-self: end;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	grid-column: 2;
	grid-row: 1;
	justify-content: flex-end;
	justify-self: end;
	margin: 0 !important;
	padding: 0 !important;
}

.nsc-section.collection #collections-levelA-tabs .collections-tab-btn {
	background: transparent !important;
	border: 1px solid var(--rd-line-strong) !important;
	border-radius: var(--rd-pill) !important;
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-caps) !important;
	font-size: 12.5px !important;
	font-weight: 500 !important;
	letter-spacing: 0.08em;
	padding: 9px 20px !important;
	text-transform: uppercase;
	transition: background-color 0.25s var(--rd-ease), border-color 0.25s var(--rd-ease),
		color 0.25s var(--rd-ease);
	white-space: nowrap;
}

.nsc-section.collection #collections-levelA-tabs .collections-tab-btn::after {
	display: none !important;
}

.nsc-section.collection #collections-levelA-tabs .collections-tab-btn:hover,
.nsc-section.collection #collections-levelA-tabs .collections-tab-btn.active {
	background: var(--rd-black) !important;
	border-color: var(--rd-black) !important;
	color: var(--rd-paper) !important;
}

/* sub-tabs — quiet small caps with a hairline underline */
.nsc-section.collection #collections-levelB-tabs {
	align-self: start;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 24px;
	grid-column: 2;
	grid-row: 2;
	justify-content: flex-end;
	justify-self: end;
	margin: 0 !important;
	padding: 0 !important;
}

.nsc-section.collection #collections-levelB-tabs .collections-tab-btn {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: var(--rd-grey-500) !important;
	font-family: var(--rd-font-caps) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.1em;
	padding: 4px 0 !important;
	position: relative;
	text-transform: uppercase;
	transition: color 0.25s var(--rd-ease);
	white-space: nowrap;
}

.nsc-section.collection #collections-levelB-tabs .collections-tab-btn::after {
	background: var(--rd-ink) !important;
	bottom: 0 !important;
	content: '' !important;
	height: 1.5px !important;
	left: 0 !important;
	top: auto !important;
	width: 100% !important;
}

.nsc-section.collection #collections-levelB-tabs .collections-tab-btn.active,
.nsc-section.collection #collections-levelB-tabs .collections-tab-btn:hover {
	color: var(--rd-ink) !important;
}

.nsc-section.collection #collections-levelB-tabs .collections-tab-btn:not(.active)::after {
	display: none !important;
}

/* the tab body sits below the masthead */
.nsc-section.collection > .container > .collections-tab-content {
	grid-column: 1 / -1;
	margin-inline: 0 !important;
	margin-top: clamp(20px, 2.4vw, 36px) !important;
	padding: 0 !important;
	width: 100% !important;
}

/* nested level-B panels are flush inside the material panel */
.nsc-section.collection .collections-tab-content {
	margin-inline: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.nsc-section.collection .collections-tab-content .collections-tab-content {
	margin-top: 0 !important;
}

.nsc-section.collection .collections-slider {
	margin: 0 -12px !important;
	width: auto !important;
}

.nsc-section.collection .collections-slider .slick-slide {
	margin: 0 !important;
}

/* borderless floating swatches */
.nsc-section.collection .collections-slider .text-center {
	display: block !important;
	padding: 10px 12px 26px !important;
	text-align: left !important;
}

.nsc-section.collection div.image-container.product-page {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: block !important;
	margin-bottom: 0 !important;
	overflow: visible !important;
	transform: none !important;
	transition: none !important;
}

.nsc-section.collection div.image-container.product-page:hover {
	border: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

.nsc-section.collection div.image-container.product-page a {
	color: var(--rd-ink) !important;
	display: block;
	text-decoration: none !important;
	width: 100%;
}

.nsc-section.collection div.image-container.product-page img {
	aspect-ratio: 1 / 1;
	border-radius: var(--rd-radius-sm) !important;
	box-shadow: 0 18px 40px -22px rgba(13, 13, 13, 0.38);
	display: block;
	height: auto !important;
	margin-bottom: 0 !important;
	max-width: none !important;
	object-fit: cover;
	transition: transform 0.6s var(--rd-ease), box-shadow 0.6s var(--rd-ease);
	width: 100% !important;
}

.nsc-section.collection div.image-container.product-page:hover img {
	box-shadow: 0 26px 54px -24px rgba(13, 13, 13, 0.42);
	transform: translateY(-6px);
}

.nsc-section.collection div.image-container.product-page h5.product-title {
	background: transparent !important;
	border: 0 !important;
	display: block !important;
	font-family: var(--rd-font) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: -0.01em !important;
	line-height: 1.35 !important;
	margin: 0 !important;
	min-height: 0 !important;
	padding: 14px 2px 0 !important;
	text-align: left !important;
	text-transform: none !important;
	width: auto !important;
}

/* carousel indicator — thin bars */
.nsc-section.collection .slick-dots {
	align-items: center;
	bottom: -6px !important;
	display: flex !important;
	gap: 8px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative !important;
}

.nsc-section.collection .slick-dots li,
.nsc-section.collection .slick-dots li button {
	height: 3px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 22px !important;
}

.nsc-section.collection .slick-dots li button {
	background: rgba(13, 13, 13, 0.16) !important;
	border: 0 !important;
	border-radius: var(--rd-pill);
	font-size: 0 !important;
	line-height: 0 !important;
	transition: background-color 0.25s var(--rd-ease);
}

.nsc-section.collection .slick-dots li button::before {
	content: none !important;
	display: none !important;
}

.nsc-section.collection .slick-dots li.slick-active button {
	background: var(--rd-ink) !important;
	width: 34px !important;
}

.nsc-section.collection .slick-dots li.slick-active {
	width: 34px !important;
}

/* small desktop / tablet / mobile: masthead collapses to a single column */
@media (max-width: 1439.98px) {
	.nsc-section.collection > .container {
		grid-template-columns: 1fr !important;
		row-gap: 16px;
	}

	.nsc-section.collection .col-lg-12.sub-heading {
		grid-column: 1;
		grid-row: auto;
	}

	.nsc-section.collection #collections-levelA-tabs {
		grid-column: 1;
		grid-row: auto;
		justify-content: flex-start;
		justify-self: start;
		margin-top: 8px !important;
	}

	.nsc-section.collection #collections-levelB-tabs {
		grid-column: 1;
		grid-row: auto;
		justify-content: flex-start;
		justify-self: start;
	}

	.nsc-section.collection > .container > .collections-tab-content {
		grid-column: 1;
	}
}

@media (max-width: 575.98px) {
	.nsc-section.collection .collections-slider .text-center {
		padding: 6px 8px 26px !important;
	}

	.nsc-section.collection #collections-levelA-tabs .collections-tab-btn {
		font-size: 11.5px !important;
		padding: 8px 16px !important;
	}
}

/* ---------------------------------------------------------------- blogsearch */
/* The /blogsearch/ query results render client-side; until they are ready the
   baked no-query list and its heading are hidden so stale results never flash.
   The class is set pre-paint in app.html and cleared by the page behaviour. */
html.blogsearch-pending main .sub-header h1,
html.blogsearch-pending main .container.mt-5 > .row {
	visibility: hidden;
}

html.blogsearch-pending main .container.mt-5::before {
	content: 'Searching blog posts…';
	display: block;
	padding: 56px 0 32px;
	color: var(--rd-grey-600);
	font-family: inherit;
	font-size: 0.95rem;
	letter-spacing: 0.02em;
	text-align: center;
}

/* ------------------------------------------------------------------ */
/* Design-library filters (fluting / skirting)                         */
/* ------------------------------------------------------------------ */

/* The mirrored scoped CSS sets a 42px gutter for the search icon, but the
   global form skin uses !important padding; restore the icon gutter. */
.sg-fluting .filter-row .search input,
.sg-skirting .filter-row .search input {
	padding-left: 42px !important;
	padding-right: 16px !important;
}

/* Let the pattern chips wrap on wide screens instead of clipping the last
   chip inside a hidden horizontal scroller. */
@media (min-width: 1200px) {
	.sg-fluting .chips,
	.sg-skirting .chips {
		flex-wrap: wrap;
		overflow-x: visible;
	}
}

/* The origin has a static site header, so its filter bar sticks at 0. The
   redesign header is sticky, so park the filter bar below it instead. */
.sg-fluting .filter-bar,
.sg-skirting .filter-bar {
	top: var(--rd-header-h, 64px);
}

@media (max-width: 767px) {
	.sg-fluting .filter-row .search,
	.sg-skirting .filter-row .search {
		width: 100%;
		max-width: none;
		flex-basis: 100%;
	}
}

/* ============================================ product detail lower bands == */
section.product-dp .real.row,
section.product-dp .sizes.row,
section.product-dp .thickness.row,
section.product-dp .finish.row,
section.product-dp .suitable.row,
section.product-dp .similar-style,
section.product-dp .faq-style {
	background: var(--rd-grey-50) !important;
	border: 0 !important;
	border-radius: 24px !important;
	margin: 28px 0 0 !important;
	padding: 6px !important;
}

section.product-dp .faq-style,
section.product-dp .similar-style,
section.product-dp .explore-more-categories {
	background: var(--rd-paper) !important;
	border: 1px solid var(--rd-line) !important;
}

section.product-dp #ss-real,
section.product-dp #ss-sizes,
section.product-dp #ss-thickness,
section.product-dp #ss-finish,
section.product-dp #ss-suitable,
section.product-dp #ss-similar,
section.product-dp #sg-recently-viewed .ss-tracked-first1,
section.product-dp #ss-faq {
	padding: 26px 18px 18px !important;
}

section.product-dp #ss-faq > .container,
section.product-dp .faq-style > .container {
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

section.product-dp #ss-real br {
	display: none;
}

section.product-dp .real .zero-slip-pt,
section.product-dp .sizes .zero-slip-pt,
section.product-dp .thickness .zero-slip-pt,
section.product-dp .finish .zero-slip-pt,
section.product-dp .suitable .zero-slip-pt,
section.product-dp .similar-style .zero-slip-pt {
	background: var(--rd-grey-100);
	display: block !important;
	height: 168px;
	overflow: hidden;
	width: 100%;
}

section.product-dp .real .zero-slip-pt {
	height: 220px;
}

section.product-dp .real .zero-slip-pt img,
section.product-dp .sizes .zero-slip-pt img,
section.product-dp .thickness .zero-slip-pt img,
section.product-dp .finish .zero-slip-pt img,
section.product-dp .suitable .zero-slip-pt img,
section.product-dp .similar-style .zero-slip-pt img,
section.product-dp .gallery-container img {
	border-radius: 0 !important;
	display: block;
	height: 100% !important;
	max-height: none !important;
	max-width: none !important;
	object-fit: cover;
	width: 100% !important;
}

section.product-dp .similarstyles .slick-slide,
section.product-dp .reallproj .slick-slide {
	padding: 0 8px;
}

section.product-dp .sizes .border-bottom,
section.product-dp .suitable .border-bottom,
section.product-dp .thickness-card,
section.product-dp .finish .similarstyles .slick-slide > div > div,
section.product-dp .similar-style .similarstyles .slick-slide > div > div,
section.product-dp .reallproj .size-spec {
	background: var(--rd-paper) !important;
	border: 1px solid var(--rd-line) !important;
	border-radius: 18px !important;
	overflow: hidden;
}

section.product-dp .sizes .div-size-specs,
section.product-dp .sizes .divSpcsBorder,
section.product-dp .suitable .div-size-specs {
	background: transparent !important;
	border: 0 !important;
	padding: 14px 16px 16px !important;
}

section.product-dp .sizes h3,
section.product-dp .suitable h3,
section.product-dp .finish .product-title-inner,
section.product-dp .thickness .product-title-inner,
section.product-dp .similar-style .product-title-inner {
	border: 0 !important;
	color: var(--rd-ink) !important;
	display: block !important;
	font-family: var(--rd-font-display) !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	height: auto !important;
	letter-spacing: -0.03em !important;
	line-height: 1.25 !important;
	margin: 0 !important;
	text-align: left !important;
	text-transform: none !important;
}

section.product-dp .finish .owl-product-title,
section.product-dp .thickness .owl-product-title,
section.product-dp .similar-style .owl-product-title {
	border: 0 !important;
	display: block !important;
	height: auto !important;
	margin: 0 !important;
	padding: 14px 16px 16px !important;
	text-align: left !important;
	width: auto !important;
}

section.product-dp .similarstyles .slick-prev,
section.product-dp .similarstyles .slick-next,
section.product-dp .reallproj .slick-prev,
section.product-dp .reallproj .slick-next {
	background: var(--rd-paper) !important;
	border: 1px solid var(--rd-line-strong) !important;
	border-radius: 100px !important;
	box-shadow: var(--rd-shadow-sm);
	color: var(--rd-ink) !important;
	height: 40px !important;
	width: 40px !important;
	z-index: 5;
}

section.product-dp .similarstyles .slick-prev {
	left: 4px !important;
}

section.product-dp .similarstyles .slick-next {
	right: 4px !important;
}

section.product-dp .similarstyles .slick-arrow .sg-arrow-icon {
	color: var(--rd-ink) !important;
	font-size: 22px !important;
	line-height: 1;
}

section.product-dp .similarstyles .slick-dots li button {
	background: var(--rd-grey-300) !important;
}

section.product-dp .similarstyles .slick-dots li.slick-active button,
section.product-dp .reallproj .slick-dots li.slick-active button {
	background: var(--rd-ink) !important;
}

section.product-dp .care-accordion {
	background: var(--rd-paper) !important;
	border: 1px solid var(--rd-line) !important;
	border-radius: 24px !important;
	margin: 28px 0 0 !important;
	overflow: hidden;
	padding: 0 !important;
}

section.product-dp .care-accordion__trigger {
	padding: 22px 22px !important;
}

section.product-dp .care-accordion__title {
	font-size: clamp(24px, 2.6vw, 36px) !important;
	letter-spacing: -0.04em !important;
	line-height: 1.15 !important;
}

section.product-dp .care-accordion__chevron {
	background: var(--rd-grey-50);
	border-radius: 100px;
	height: 36px !important;
	padding: 8px;
	width: 36px !important;
}

section.product-dp .care-accordion__content.is-open .care-accordion__card {
	background: transparent !important;
	border-top: 0 !important;
	padding: 4px 16px 22px !important;
}

section.product-dp .zara-block {
	background: var(--rd-grey-50);
	border-radius: 16px;
	height: calc(100% - 12px);
	margin-bottom: 12px !important;
	padding: 18px 18px 8px;
}

section.product-dp .zara-block h4 {
	color: var(--rd-grey-600) !important;
	font-family: var(--rd-font-caps) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.14em !important;
	margin: 0 0 10px !important;
	text-transform: uppercase !important;
}

section.product-dp .zara-block ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

section.product-dp .zara-block li {
	border-bottom: 1px solid var(--rd-line);
	color: var(--rd-ink-2);
	font-size: 15px;
	line-height: 1.45;
	padding: 8px 0;
}

section.product-dp .care-list {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr 1fr;
}

section.product-dp .care-item {
	background: var(--rd-grey-50);
	border-radius: 16px;
	padding: 16px 18px;
}

section.product-dp .care-item__heading {
	color: var(--rd-ink) !important;
	font-family: var(--rd-font-display) !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 6px !important;
}

section.product-dp .care-item__desc {
	color: var(--rd-grey-700) !important;
	font-size: 14.5px !important;
	line-height: 1.55 !important;
	margin: 0 !important;
}

section.product-dp .lma-faq .panel-heading {
	align-items: center;
	border-bottom: 1px solid var(--rd-line);
	display: flex !important;
	flex-direction: row-reverse;
	gap: 16px;
	justify-content: space-between;
	padding: 16px 2px !important;
}

section.product-dp .faq-arrow {
	align-items: center;
	border: 1px solid var(--rd-line-strong);
	border-radius: 100px;
	color: var(--rd-ink) !important;
	display: inline-flex !important;
	flex: 0 0 32px;
	font-size: 14px !important;
	height: 32px;
	justify-content: center;
	width: 32px;
}

section.product-dp .lma-faq .panel-collapse {
	padding: 4px 48px 12px 2px;
}

section.product-dp .explore-more-categories {
	border-radius: 24px !important;
	margin-top: 28px !important;
	padding: 28px 22px 22px !important;
}

section.product-dp .explore-more-categories__list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

section.product-dp .emc-dot {
	display: none !important;
}

section.product-dp .explore-more-categories__list a,
section.product-dp .emc-item {
	align-items: baseline;
	border-radius: 100px !important;
	display: inline-flex !important;
	gap: 6px;
	padding: 12px 16px !important;
}

section.product-dp .emc-item__count {
	color: var(--rd-grey-500);
	font-size: 12px;
}

@media (max-width: 700px) {
	section.product-dp .care-list {
		grid-template-columns: 1fr;
	}

	section.product-dp #ss-real,
	section.product-dp #ss-sizes,
	section.product-dp #ss-thickness,
	section.product-dp #ss-finish,
	section.product-dp #ss-suitable,
	section.product-dp #ss-similar,
	section.product-dp #sg-recently-viewed .ss-tracked-first1,
	section.product-dp #ss-faq {
		padding: 20px 10px 12px !important;
	}
}

/* ======================================================= about and team == */
.gg-page {
	background: var(--rd-paper);
	color: var(--rd-ink);
	padding: clamp(36px, 5vw, 72px) 0 clamp(64px, 8vw, 120px);
}

.gg-page__canvas {
	margin: 0 auto;
	max-width: var(--rd-canvas);
	padding: 0 var(--rd-gutter);
}

.gg-kicker {
	color: var(--rd-grey-600);
	font-family: var(--rd-font-caps);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.16em;
	margin: 0 0 14px;
	text-transform: uppercase;
}

.gg-page h1 {
	font-family: var(--rd-font-display);
	font-size: clamp(40px, 6vw, 76px);
	font-weight: 500;
	letter-spacing: -0.045em;
	line-height: 0.98;
	margin: 0;
}

.gg-lead {
	color: var(--rd-ink-2);
	font-size: clamp(17px, 1.5vw, 20px);
	line-height: 1.55;
	margin: 22px 0 0;
	max-width: 40rem;
}

.gg-split {
	display: grid;
	gap: clamp(28px, 4vw, 64px);
	grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
	margin-top: clamp(40px, 5vw, 72px);
}

.gg-prose h2,
.gg-panel h2 {
	font-family: var(--rd-font-display);
	font-size: clamp(26px, 3vw, 36px);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 1.1;
	margin: 0 0 14px;
}

.gg-prose p,
.gg-panel p,
.gg-panel li {
	color: var(--rd-grey-700);
	font-size: 16px;
	line-height: 1.6;
}

.gg-prose p + p {
	margin-top: 14px;
}

.gg-panel {
	background: var(--rd-cream-soft);
	border-radius: var(--rd-radius-xl);
	padding: clamp(22px, 3vw, 36px);
}

.gg-panel address {
	font-style: normal;
	line-height: 1.6;
	margin: 0 0 16px;
}

.gg-panel a {
	color: var(--rd-ink);
}

.gg-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.gg-actions a {
	background: var(--rd-ink);
	border-radius: var(--rd-pill);
	color: #fff !important;
	font-size: 14px;
	padding: 12px 18px;
	text-decoration: none;
}

.gg-actions a.gg-actions__ghost {
	background: transparent;
	color: var(--rd-ink) !important;
	outline: 1px solid var(--rd-line-strong);
}

.gg-stones {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	margin: clamp(36px, 5vw, 64px) 0 0;
	padding: 0;
}

.gg-stones a {
	background: var(--rd-grey-50);
	border-radius: var(--rd-radius-lg);
	color: var(--rd-ink);
	display: block;
	padding: 22px 18px;
	text-decoration: none;
}

.gg-stones strong {
	display: block;
	font-family: var(--rd-font-display);
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.03em;
}

.gg-stones span {
	color: var(--rd-grey-600);
	display: block;
	font-size: 14px;
	margin-top: 6px;
}

.gg-note {
	border-top: 1px solid var(--rd-line);
	color: var(--rd-grey-600);
	font-size: 14px;
	line-height: 1.55;
	margin-top: clamp(36px, 5vw, 64px);
	padding-top: 22px;
}

@media (max-width: 800px) {
	.gg-split,
	.gg-stones {
		grid-template-columns: 1fr;
	}
}