/*
 * Rosenberg Diamonds — shell compartilhado (header + nav + mega menu + footer).
 * Depende de theme.css para tokens e @font-face. Carregado em todo template
 * nativo que substitui o header/footer do Elementor (single product, archive).
 */

/*
 * Specificity strategy — Hello Elementor's reset.css targets generic elements
 * and attribute selectors (button, [type="button"], [type="submit"],
 * input[type=search], a:hover, etc.) with pink borders, paddings and colors.
 * On pages that keep the parent theme loaded (e.g. the home), reset.css ties
 * or beats the original .rd-* class selectors and loads AFTER shell.css —
 * winning the cascade and breaking the native header / search panel layout.
 *
 * Fix: descend the .rd-* rules from their container (.rd-header, .rd-search,
 * .rd-nav) so they sit at specificity (0,2,0+), beating Hello Elementor's
 * resets regardless of stylesheet order. New rules below should follow the
 * same scoped-prefix pattern.
 * =========================================================================
   Native Header
   ========================================================================= */

.rd-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: #fff;
	color: var(--rd-navy);
	font-family: var(--rd-font);
	animation: rd-slideDown 0.5s ease;
}

/* Home variant — transparent header overlay (hero shows through) */
.rosenberg-shell--home .rd-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: transparent;
	color: #fff;
}

/* Admin bar offset for fixed home header */
body.admin-bar.rosenberg-shell--home .rd-header {
	top: 32px;
}
@media screen and (max-width: 782px) {
	body.admin-bar.rosenberg-shell--home .rd-header {
		top: 46px;
	}
}

.rosenberg-shell--home .rd-header__brand,
.rosenberg-shell--home .rd-nav__link {
	color: #fff;
}

.rosenberg-shell--home .rd-header__cta {
	background: transparent;
	border-color: #fff;
	color: #fff;
}

.rosenberg-shell--home .rd-header__cta:hover,
.rosenberg-shell--home .rd-header__cta:focus-visible {
	background: var(--rd-gold);
	border-color: var(--rd-gold);
	color: #fff;
}

.rosenberg-shell--home .rd-header__toggle-bar {
	background: #fff;
}

/* Home variant — menubar hidden over the hero video; revealed when scrolled.
   Excludes .is-open so the mobile hamburger panel can still be opened. */
.rosenberg-shell--home .rd-header:not(.is-scrolled) .rd-nav:not(.is-open),
.rosenberg-shell--home .rd-header.is-over-immersive-video .rd-nav:not(.is-open) {
	display: none;
}

/* Home variant — when scrolled past hero, header reverts to the standard
   product look: white top bar (gold brand, navy CTA), navy menubar. */
.rosenberg-shell--home .rd-header.is-scrolled {
	background: #fff;
	color: var(--rd-navy);
}

.rosenberg-shell--home .rd-header.is-scrolled .rd-header__brand {
	color: var(--rd-gold-light);
}

.rosenberg-shell--home .rd-header.is-scrolled .rd-header__cta {
	background: #fff;
	border-color: var(--rd-navy);
	color: var(--rd-navy);
}

.rosenberg-shell--home .rd-header.is-scrolled .rd-header__cta:hover,
.rosenberg-shell--home .rd-header.is-scrolled .rd-header__cta:focus-visible {
	background: var(--rd-gold);
	border-color: var(--rd-gold);
	color: #fff;
}

.rosenberg-shell--home .rd-header.is-scrolled .rd-header__toggle-bar {
	background: var(--rd-navy);
}

.rosenberg-shell--home .rd-header.is-scrolled .rd-nav {
	background: var(--rd-navy);
}

.rosenberg-shell--home .rd-header.is-scrolled .rd-nav:hover {
	background: #fff;
}

/* Product single — menubar hidden until scrolled past 30% of the first fold
   OR while the top bar is hovered. Excludes .is-open (mobile panel). */
.rosenberg-shell--product .rd-header:not(.is-scrolled):not(.is-bar-hover) .rd-nav:not(.is-open) {
	display: none;
}

/* Over the immersive video — even when scrolled, header reverts to transparent
   look (same as over the hero). */
.rosenberg-shell--home .rd-header.is-scrolled.is-over-immersive-video {
	background: transparent;
	color: #fff;
}

.rosenberg-shell--home .rd-header.is-scrolled.is-over-immersive-video .rd-header__brand {
	color: #fff;
}

.rosenberg-shell--home .rd-header.is-scrolled.is-over-immersive-video .rd-header__cta {
	background: transparent;
	border-color: #fff;
	color: #fff;
}

.rosenberg-shell--home .rd-header.is-scrolled.is-over-immersive-video .rd-header__toggle-bar {
	background: #fff;
}

@keyframes rd-slideDown {
	from { transform: translateY(-100%); opacity: 0; }
	to   { transform: translateY(0);     opacity: 1; }
}

.rd-header__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
	padding: 10px;
	gap: 20px;
	height: 70px;
}

.rd-header__brand {
	font-family: var(--rd-font);
	font-size: 12px;
	font-weight: 700;
	line-height: 12px;
	color: var(--rd-gold-light);
	white-space: nowrap;
	flex: 0 0 auto;
}

.rd-header__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.rd-header__logo img {
	width: 70px;
	height: 70px;
	display: block;
}

.rd-header__right {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
}

.rd-header__cta {
	display: inline-block;
	padding: 12px 20px;
	border: 1px solid var(--rd-navy);
	color: var(--rd-navy);
	font-family: var(--rd-font);
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	letter-spacing: normal;
	text-decoration: none;
	border-radius: 10px;
	background: #fff;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
	white-space: nowrap;
}

.rd-header__cta:hover,
.rd-header__cta:focus-visible {
	background: var(--rd-gold);
	border-color: var(--rd-gold);
	color: #fff;
	outline: none;
}

/* Search trigger */
.rd-header .rd-header__search {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--rd-navy);
	cursor: pointer;
	border-radius: 0;
	box-shadow: none;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.2s;
}

.rd-header .rd-header__search:hover,
.rd-header .rd-header__search:focus,
.rd-header .rd-header__search:focus-visible {
	color: var(--rd-gold);
	outline: none;
	background: transparent;
	text-decoration: none;
}

.rd-header__search-icon {
	display: block;
}

/* Home variant — white over hero, navy when scrolled, white again over immersive video */
.rosenberg-shell--home .rd-header__search {
	color: #fff;
}

.rosenberg-shell--home .rd-header.is-scrolled .rd-header__search {
	color: var(--rd-navy);
}

.rosenberg-shell--home .rd-header.is-scrolled.is-over-immersive-video .rd-header__search {
	color: #fff;
}

/* Hamburger toggle */
.rd-header .rd-header__toggle {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	z-index: 1002;
	color: var(--rd-navy);
	border-radius: 0;
	box-shadow: none;
	-webkit-tap-highlight-color: transparent;
}

.rd-header .rd-header__toggle,
.rd-header .rd-header__toggle:hover,
.rd-header .rd-header__toggle:focus,
.rd-header .rd-header__toggle:active,
.rd-header .rd-header__toggle:focus-visible {
	background: transparent;
	color: var(--rd-navy);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	outline: none;
	text-decoration: none;
}

.rd-header__toggle-bar {
	display: block;
	width: 24px;
	height: 2px;
	background: var(--rd-navy);
	border-radius: 1px;
	transition: transform 0.3s, opacity 0.3s;
}

.rd-header__toggle[aria-expanded="true"] .rd-header__toggle-bar:nth-child(1) {
	transform: translateY(6px) rotate(45deg);
}
.rd-header__toggle[aria-expanded="true"] .rd-header__toggle-bar:nth-child(2) {
	opacity: 0;
}
.rd-header__toggle[aria-expanded="true"] .rd-header__toggle-bar:nth-child(3) {
	transform: translateY(-6px) rotate(-45deg);
}

/* =========================================================================
   Search panel — toggled by .rd-header__search
   ========================================================================= */

.rd-search {
	background: #fff;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	padding: 16px 20px;
	position: relative;
	z-index: 99;
}

.rd-search[hidden] {
	display: none;
}

.rd-search__form {
	display: flex;
	align-items: center;
	gap: 12px;
	max-width: 880px;
	margin: 0 auto;
}

.rd-search__field {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
}

.rd-search .rd-search__input {
	display: block;
	width: 100%;
	min-width: 0;
	height: 44px;
	padding: 0 12px;
	border: 0;
	border-bottom: 1px solid var(--rd-navy);
	background: transparent;
	color: var(--rd-navy);
	font-family: var(--rd-font);
	font-size: 16px;
	letter-spacing: 0.02em;
	outline: none;
	border-radius: 0;
	position: relative;
	z-index: 2;
}

.rd-search__ghost {
	position: absolute;
	inset: 0;
	padding: 0 12px;
	display: flex;
	align-items: center;
	font-family: var(--rd-font);
	font-size: 16px;
	letter-spacing: 0.02em;
	color: rgba(0, 0, 0, 0.32);
	pointer-events: none;
	z-index: 1;
	white-space: pre;
	overflow: hidden;
}

.rd-search__ghost-typed {
	visibility: hidden;
}

.rd-search .rd-search__input::placeholder {
	color: rgba(0, 0, 0, 0.4);
	font-style: italic;
}

.rd-search .rd-search__input:focus {
	border-bottom-color: var(--rd-gold);
}

.rd-search .rd-search__submit,
.rd-search .rd-search__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--rd-navy);
	cursor: pointer;
	border-radius: 0;
	transition: color 0.2s;
	flex: 0 0 auto;
}

.rd-search .rd-search__submit:hover,
.rd-search .rd-search__submit:focus,
.rd-search .rd-search__submit:focus-visible,
.rd-search .rd-search__close:hover,
.rd-search .rd-search__close:focus,
.rd-search .rd-search__close:focus-visible {
	color: var(--rd-gold);
	outline: none;
	background: transparent;
	text-decoration: none;
}

/* Results dropdown */
.rd-search__results {
	margin-top: 14px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	padding-top: 10px;
}

.rd-search__results[hidden] {
	display: none;
}

.rd-search__section-label {
	margin: 4px 6px 6px;
	font-family: var(--rd-font);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.55);
}

.rd-search__taxonomies {
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.rd-search__taxonomies[hidden] {
	display: none;
}

.rd-search__tax-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.rd-search__tax-item a {
	display: flex;
	align-items: baseline;
	gap: 8px;
	padding: 6px;
	text-decoration: none;
	color: var(--rd-navy);
	border-radius: 4px;
	font-family: var(--rd-font);
	font-size: 14px;
	transition: background 0.15s;
}

.rd-search__tax-item a:hover,
.rd-search__tax-item a:focus-visible {
	background: rgba(0, 0, 0, 0.04);
	outline: none;
}

.rd-search__tax-name {
	font-weight: 500;
}

.rd-search__tax-kind {
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.45);
}

.rd-search__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.rd-search__item a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 6px;
	text-decoration: none;
	color: var(--rd-navy);
	border-radius: 4px;
	transition: background 0.15s;
}

.rd-search__item a:hover,
.rd-search__item a:focus-visible {
	background: rgba(0, 0, 0, 0.04);
	outline: none;
}

.rd-search__thumb {
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 4px;
	background: #f3f3f3 center/cover no-repeat;
}

.rd-search__text {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}

.rd-search__title {
	font-family: var(--rd-font);
	font-size: 14px;
	line-height: 1.3;
	color: var(--rd-navy);
	transition: font-weight 0.15s;
}

.rd-search__item a:hover .rd-search__title,
.rd-search__item a:focus-visible .rd-search__title {
	font-weight: 500;
}

.rd-search__cat {
	font-family: var(--rd-font);
	font-size: 11px;
	line-height: 1.2;
	letter-spacing: 0.04em;
	color: rgba(0, 0, 0, 0.5);
}

.rd-search__all {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	margin-top: 8px;
	padding: 6px;
	text-align: left;
	font-family: var(--rd-font);
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	letter-spacing: normal;
	text-decoration: none;
	color: var(--rd-navy);
	background: transparent;
	border: 0;
	border-radius: 0;
	transition: color 0.15s;
}

.rd-search__all[hidden] {
	display: none;
}

.rd-search__all:hover,
.rd-search__all:focus-visible {
	color: var(--rd-gold);
	outline: none;
	background: transparent;
}

.rd-search__empty {
	margin: 8px 6px 0;
	color: rgba(0, 0, 0, 0.55);
	font-family: var(--rd-font);
	font-size: 13px;
	font-style: italic;
}

.rd-search__empty[hidden] {
	display: none;
}

/* Desktop: render taxonomies as inline pills */
@media (min-width: 1024px) {
	.rd-search__tax-list {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 6px;
	}

	.rd-search__tax-item a {
		padding: 4px 12px;
		border: 0;
		border-radius: 10px;
		background: rgba(0, 0, 0, 0.04);
		font-size: 12px;
		gap: 6px;
	}

	.rd-search__tax-item a:hover,
	.rd-search__tax-item a:focus-visible {
		background: var(--rd-navy);
		color: #fff;
	}

	.rd-search__tax-item a:hover .rd-search__tax-kind,
	.rd-search__tax-item a:focus-visible .rd-search__tax-kind {
		color: rgba(255, 255, 255, 0.7);
	}

	.rd-search__tax-name {
		font-weight: 500;
	}

	.rd-search__tax-kind {
		font-size: 10px;
	}
}

/* Backdrop: only visible on desktop floating mode */
.rd-search-backdrop {
	display: none;
}

/* Desktop: floating, centered, with border + backdrop */
@media (min-width: 1024px) {
	.rd-search {
		position: fixed;
		top: 14vh;
		left: 50%;
		transform: translateX(-50%);
		width: min(640px, 90vw);
		padding: 20px 24px;
		border: 1px solid var(--rd-navy);
		border-radius: 6px;
		box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
		z-index: 1300;
	}

	.rd-search-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		background: rgba(20, 30, 50, 0.45);
		z-index: 1200;
		animation: rd-search-fade 0.18s ease-out;
	}

	.rd-search-backdrop[hidden] {
		display: none;
	}

	@keyframes rd-search-fade {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
}

/* =========================================================================
   Navigation — Desktop (Elementor-matching behavior)
   Transparent bar → white on hover, text → gold, item hover → navy
   ========================================================================= */

.rd-nav {
	background: var(--rd-navy);
	padding: 20px;
	transition: background-color 0.2s ease;
	position: relative;
	z-index: 100;
	min-height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rd-nav:hover {
	background: #fff;
}

.rd-nav__list {
	display: flex;
	justify-content: center;
	align-items: stretch;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	max-width: 1400px;
}

.rd-nav__item {
	position: static;
}

.rd-nav .rd-nav__link {
	display: block;
	padding: 8px 16px;
	color: #fff;
	font-family: var(--rd-font-nav);
	font-size: 12px;
	font-weight: 300;
	letter-spacing: normal;
	text-transform: uppercase;
	text-decoration: none;
	background: transparent;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	white-space: nowrap;
	appearance: none;
	-webkit-appearance: none;
	transition: color 0.2s;
}

.rd-nav .rd-nav__link,
.rd-nav .rd-nav__link:hover,
.rd-nav .rd-nav__link:focus,
.rd-nav .rd-nav__link:focus-visible,
.rd-nav .rd-nav__link:active,
.rd-nav .rd-nav__item--mega > .rd-nav__link[aria-expanded="true"],
.rd-nav .rd-nav__item--mega > a.rd-nav__link--parent.is-expanded {
	background: transparent;
	box-shadow: none;
	border: 0;
}

/* When nav is hovered: all links turn gold */
.rd-nav:hover .rd-nav__link {
	color: var(--rd-gold-light);
}

/* Individual item hover on white bar: turn navy */
.rd-nav:hover .rd-nav__link:hover,
.rd-nav:hover .rd-nav__link:focus-visible {
	color: var(--rd-navy);
	outline: none;
}

/* When nav is NOT hovered (transparent): link hover = gold */
.rd-nav .rd-nav__link:hover,
.rd-nav .rd-nav__link:focus-visible {
	color: var(--rd-gold-light);
	outline: none;
	background: transparent;
}

.rd-nav__link:active,
button.rd-nav__link {
	background: transparent;
}

/* Desktop: small caret for items with dropdowns */
@media (min-width: 1024px) {
	.rd-nav__item--mega > .rd-nav__link,
	.rd-nav__item--mega > a.rd-nav__link--parent {
		position: relative;
	}

	/* Bridge hover gap so mega menu does not close while moving cursor downward. */
	.rd-nav__item--mega > .rd-nav__link::before,
	.rd-nav__item--mega > a.rd-nav__link--parent::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		height: 26px;
	}

	.rd-nav__item--mega > .rd-nav__link::after,
	.rd-nav__item--mega > a.rd-nav__link--parent::after {
		content: '';
		display: inline-block;
		width: 9px;
		height: 7px;
		background-color: currentColor;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		mask-size: contain;
		-webkit-mask-position: center;
		mask-position: center;
		transform: none;
		margin-left: 6px;
		vertical-align: middle;
		transition: transform 0.2s, color 0.2s;
	}
}

/* Also tint dropdown carets to gold on nav hover */
.rd-nav:hover .rd-nav__item--mega > .rd-nav__link::after,
.rd-nav:hover .rd-nav__item--mega > a.rd-nav__link--parent::after {
	color: var(--rd-gold-light);
}
.rd-nav:hover .rd-nav__item--mega > .rd-nav__link:hover::after {
	color: var(--rd-navy);
}

/* Mega menu panel (desktop) — full-width background, content centered to nav max-width */
.rd-mega {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	background: #fff;
	padding: 20px max(40px, calc((100% - 1400px) / 2));
	display: none;
	gap: 0;
	z-index: 1001;
	box-shadow: 0 30px 20px rgba(0, 0, 0, 0.13);
	justify-content: space-between;
}

.rd-nav__item:hover > .rd-mega,
.rd-nav__item:focus-within > .rd-mega {
	display: flex;
}

.rd-mega__col {
	width: 25%;
	flex-shrink: 0;
	padding: 0;
}

.rd-mega__col--promo {
	width: 60%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

/* 3-cols menus: keep all columns aligned, image column fixed as third */
.rd-mega--3col .rd-mega__col {
	width: 33.333%;
}

.rd-mega--3col .rd-mega__col--promo {
	width: 33.333%;
	justify-content: flex-start;
}

/* The House: 5 equal cols, no promo */
.rd-mega--5col .rd-mega__col {
	width: 20%;
}

.rd-mega__col--promo img {
	max-width: 140px;
	height: auto;
	margin-bottom: 12px;
}

/* Important Whites promo image: +25% */
.rd-mega__col--promo img.rd-mega__promo-img--important-whites,
.rd-mega__col--promo img.rd-mega__promo-img--fancy-colors,
.rd-mega__col--promo img.rd-mega__promo-img--engagement,
.rd-mega__col--promo img.rd-mega__promo-img--education {
	width: clamp(170px, 28%, 210px);
	max-width: none;
}

/* Preview: engagement + education promo images at +20% */
.rd-mega__col--promo img.rd-mega__promo-img--engagement,
.rd-mega__col--promo img.rd-mega__promo-img--education {
	width: clamp(204px, 33.6%, 252px);
}

.rd-mega__heading {
	font-family: var(--rd-font);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: normal;
	color: var(--rd-navy);
	margin: 0 0 12px;
	text-transform: uppercase;
}

.rd-mega__heading--spaced {
	margin-top: 20px;
}

/* Mobile-only break inside headings — hidden on desktop. */
.rd-mega__heading-break {
	display: none;
}

.rd-mega .rd-mega__heading a {
	color: inherit;
	text-decoration: none;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
}

.rd-mega__heading a:hover {
	color: var(--rd-gold);
}

.rd-mega ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rd-mega li {
	margin: 0 0 8px;
}

.rd-mega a {
	color: rgba(9, 23, 52, 0.65);
	font-family: var(--rd-font);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 20px;
	text-decoration: none;
	transition: color 0.15s;
}

.rd-mega a:hover,
.rd-mega a:focus-visible {
	color: var(--rd-gold);
}

/* The Iconics: editorial index (left) + live preview (right).
   Base .rd-mega is display:none and turns flex on hover. */
.rd-mega--iconics {
	gap: 0;
	align-items: stretch;
	justify-content: space-between;
	padding-top: 36px;
	padding-bottom: 36px;
}

/* Left — index of stones in two balanced columns, no separators */
.rd-mega-iconics__index {
	flex: 1 1 58%;
	min-width: 0;
	padding-right: 44px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.rd-mega-iconics__heading {
	font-family: var(--rd-font-nav);
	font-size: 11px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--rd-gold);
	margin: 0 0 16px;
}

.rd-mega-iconics__list {
	columns: 2;
	column-gap: 34px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.rd-mega-iconics__list .rd-mega-iconics__li {
	margin: 0;
	break-inside: avoid;
}

.rd-mega-iconics__li.is-hidden {
	display: none;
}

/* Each entry: thumbnail (left) + name over carat (right). Scoped under
   .rd-mega so it out-specifies Hello Elementor's late a{} reset and the
   base .rd-mega a {} rule. */
.rd-mega .rd-mega-iconics__item {
	display: grid;
	grid-template-columns: 42px 1fr;
	align-items: center;
	gap: 14px;
	padding: 9px 6px;
	color: var(--rd-navy);
	text-decoration: none;
}

.rd-mega-iconics__thumb-wrap {
	width: 42px;
	height: 42px;
	flex-shrink: 0;
	display: block;
}

.rd-mega-iconics__thumb {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-origin: center center;
	transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.rd-mega .rd-mega-iconics__item:hover .rd-mega-iconics__thumb,
.rd-mega .rd-mega-iconics__item.is-active .rd-mega-iconics__thumb {
	transform: scale(1.18);
}

.rd-mega-iconics__text {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
	align-items: flex-start;
}

.rd-mega .rd-mega-iconics__label {
	font-family: var(--rd-font);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: var(--rd-navy);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	transition: color 0.3s, font-weight 0.3s;
}

.rd-mega .rd-mega-iconics__carat {
	font-family: var(--rd-font-nav);
	font-size: 9.5px;
	font-weight: 400;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #a8a89f;
	white-space: nowrap;
	transition: color 0.3s;
}

/* Hover / active: tint the text only — no background change */
.rd-mega .rd-mega-iconics__item:hover .rd-mega-iconics__label,
.rd-mega .rd-mega-iconics__item.is-active .rd-mega-iconics__label {
	color: var(--rd-gold);
	font-weight: 500;
}

.rd-mega .rd-mega-iconics__item:hover .rd-mega-iconics__carat,
.rd-mega .rd-mega-iconics__item.is-active .rd-mega-iconics__carat {
	color: var(--rd-gold-light);
}

/* Show More / Show All / Show Less */
.rd-mega-iconics__more-wrap {
	display: flex;
	justify-content: center;
	margin-top: 22px;
}

.rd-mega .rd-mega-iconics__more {
	font-family: var(--rd-font-nav);
	font-size: 10.5px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--rd-navy);
	background: transparent;
	border: 1px solid rgba(198, 167, 79, 0.32);
	border-radius: 10px;
	padding: 11px 26px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: border-color 0.35s, color 0.35s;
}

.rd-mega .rd-mega-iconics__more:hover,
.rd-mega .rd-mega-iconics__more:focus,
.rd-mega .rd-mega-iconics__more:active {
	background: transparent;
	border-color: var(--rd-gold);
	color: var(--rd-gold);
}

.rd-mega-iconics__chev {
	display: inline-block;
	font-size: 9px;
	transition: transform 0.35s;
}

.rd-mega-iconics__more.is-open .rd-mega-iconics__chev {
	transform: rotate(180deg);
}

/* Right — live preview of the focused stone */
.rd-mega-iconics__preview {
	flex: 1 1 42%;
	border-left: 1px solid rgba(198, 167, 79, 0.3);
	padding-left: 44px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.rd-mega-iconics__preview-stage {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
}

.rd-mega-iconics__preview-img {
	width: 170px;
	height: 170px;
	object-fit: contain;
	filter: drop-shadow(0 20px 30px rgba(9, 23, 52, 0.22));
	transition: opacity 0.4s ease, transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* Stones shot on a white card blend into the panel instead of showing the box. */
.rd-mega-iconics__preview-img[data-blend="multiply"] {
	mix-blend-mode: multiply;
	filter: none;
}

.rd-mega-iconics__item[data-blend="multiply"] .rd-mega-iconics__thumb {
	mix-blend-mode: multiply;
}

.rd-mega-iconics__preview-meta {
	margin-top: 24px;
}

.rd-mega-iconics__preview-eyebrow {
	display: block;
	font-family: var(--rd-font-nav);
	font-size: 10px;
	letter-spacing: 0.34em;
	text-transform: uppercase;
	color: var(--rd-gold);
}

.rd-mega-iconics__preview-name {
	display: block;
	font-family: var(--rd-font);
	font-weight: 300;
	font-size: 23px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1.18;
	margin-top: 10px;
	color: var(--rd-navy);
}

.rd-mega-iconics__preview-carat {
	display: block;
	font-family: var(--rd-font);
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 0.04em;
	color: #8a8a82;
	margin-top: 8px;
}

.rd-mega .rd-mega-iconics__preview-cta {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-top: 18px;
	font-family: var(--rd-font-nav);
	font-size: 10.5px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--rd-gold);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	padding-bottom: 3px;
	transition: border-color 0.3s, gap 0.3s;
}

.rd-mega .rd-mega-iconics__preview-cta:hover {
	border-bottom-color: var(--rd-gold);
	gap: 14px;
}

.rd-mega__tagline {
	font-family: var(--rd-font);
	font-size: 16px;
	font-weight: 500;
	color: var(--rd-navy);
	margin: 0 0 4px;
	text-transform: uppercase;
	letter-spacing: 1.3px;
	text-align: center;
}

.rd-mega__tagline-sub {
	font-family: var(--rd-font);
	font-size: 14px;
	font-weight: 400;
	color: #595958;
	margin: 0;
	letter-spacing: 1.3px;
	text-align: center;
}

/* Mobile-only nav footer (CTA + contacts) — hidden on desktop */
.rd-nav__footer {
	display: none;
}

/* =========================================================================
   Navigation — Mobile (< 1024px)
   ========================================================================= */

@media (max-width: 1023px) {
	html.rd-nav-open,
	body.rd-nav-open {
		overflow: hidden;
		height: 100%;
	}

	.rd-header {
		position: sticky;
		top: 0;
		z-index: 1200;
		background: #fff;
	}

	/* Home variant on mobile: transparent over hero AND immersive video. */
	.rosenberg-shell--home .rd-header:not(.is-scrolled),
	.rosenberg-shell--home .rd-header.is-scrolled.is-over-immersive-video {
		background: transparent;
	}

	.rosenberg-shell--home .rd-header:not(.is-scrolled) .rd-header__bar,
	.rosenberg-shell--home .rd-header.is-scrolled.is-over-immersive-video .rd-header__bar {
		border-bottom-color: transparent;
	}

	.rosenberg-shell--home .rd-header:not(.is-scrolled) .rd-header__toggle-bar,
	.rosenberg-shell--home .rd-header.is-scrolled.is-over-immersive-video .rd-header__toggle-bar {
		background: #fff;
	}

	/* Mobile open menu: navy top bar (logo + hamburger) + light-gray panel
	   below with navy items. Override home variant's white nav links. */
	body.rd-nav-open .rd-nav__link,
	body.rd-nav-open .rd-nav:hover .rd-nav__link {
		color: var(--rd-navy);
	}

	/* Toggle bars white on the navy open-menu top bar — beats .is-scrolled
	   navy override on home variant via !important. */
	body.rd-nav-open .rd-header__toggle-bar {
		background: #fff !important;
	}

	/* Search icon: white over the navy mobile open-menu top bar */
	body.rd-nav-open .rd-header__search {
		color: #fff !important;
	}

	.rd-header__brand,
	.rd-header__cta {
		display: none;
	}

	.rd-header .rd-header__toggle {
		display: flex;
	}

	.rd-header__bar {
		width: 100%;
		margin: 0;
		padding: 10px 10px;
		height: 82px;
		gap: 10px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}

	body.rd-nav-open .rd-header__bar {
		border-bottom-color: transparent;
	}

	.rd-header__logo img {
		width: 50px;
		height: 50px;
	}

	.rd-header__logo {
		margin-left: 5px;
	}

	.rd-header__right {
		margin-left: auto;
	}

	.rd-header__toggle {
		width: 25px;
		height: 25px;
		gap: 4px;
	}

	.rd-header__toggle-bar {
		width: 18px;
	}

	/* Mobile menu shell */
	body.rd-nav-open {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		overflow: hidden;
		background: #f5f5f5;
	}

	body.rd-nav-open .rd-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
	}

	body.rd-nav-open .rd-header__bar {
		background: var(--rd-navy);
	}

	body.rd-nav-open .rd-header__toggle,
	body.rd-nav-open .rd-header__toggle:hover,
	body.rd-nav-open .rd-header__toggle:focus,
	body.rd-nav-open .rd-header__toggle:active,
	body.rd-nav-open .rd-header__toggle:focus-visible {
		background: transparent !important;
		color: var(--rd-gold-light) !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	/* Mobile panel below the top navy bar */
	.rd-nav {
		position: fixed;
		top: 82px;
		left: auto;
		right: 0;
		width: 90%;
		bottom: 0;
		height: calc(100dvh - 82px);
		min-height: calc(100dvh - 82px);
		background: #f5f5f5 !important;
		display: flex;
		flex-direction: column;
		border-left: 1px solid rgba(9, 23, 52, 0.22);
		border-left-color: color-mix(in srgb, var(--rd-navy) 35%, white 65%);
		align-items: stretch;
		justify-content: flex-start;
		padding: 0;
		/* The drawer itself only clips; the scrolling lives on .rd-nav__list.
		   Keeping -webkit-overflow-scrolling/touch-action here made this
		   overflow:hidden layer capture the pan gesture on iOS Safari, so the
		   inner list never scrolled after Show More / Fancy Colors expanded. */
		overflow: hidden;
		transition: opacity 0.2s ease, visibility 0.2s ease;
		z-index: 1190;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	body.admin-bar .rd-nav {
		top: 128px;
		height: calc(100vh - 128px);
		min-height: calc(100dvh - 128px);
	}

	.rd-nav.is-open {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.rd-nav__list {
		display: none;
		flex: 1 1 auto;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		width: 100%;
		max-width: none;
		margin: 0;
		background: #f5f5f5;
		padding: 12px 20px 24px;
		box-shadow: none;
	}

	.rd-nav.is-open .rd-nav__list {
		display: flex;
		/* min-height:0 lets this flex child shrink below its content height so
		   overflow-y actually engages (instead of growing past the drawer). */
		min-height: 0;
		max-height: none;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		touch-action: pan-y;
	}

	.rd-nav__item {
		position: relative;
		border-bottom: 0;
		margin: 0;
	}

	.rd-nav .rd-nav__link {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 14px 0 10px;
		font-family: var(--rd-font-nav);
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		letter-spacing: 0;
		text-transform: uppercase;
		width: 100%;
		color: var(--rd-navy);
		border-radius: 0;
		text-align: left;
	}

	/* Keep mobile menu colors stable */
	.rd-nav__link:hover,
	.rd-nav__link:focus-visible,
	.rd-nav:hover .rd-nav__link {
		color: var(--rd-navy);
	}

	/* Chevron for items with submenus */
	.rd-nav__item--mega > .rd-nav__link::after,
	.rd-nav__item--mega > a.rd-nav__link--parent::after {
		content: '';
		display: inline-block;
		width: 11px;
		height: 8px;
		background-color: currentColor;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		mask-size: contain;
		-webkit-mask-position: center;
		mask-position: center;
		transform: none;
		transition: transform 0.25s;
		flex-shrink: 0;
		margin-left: auto;
		color: var(--rd-gold-light);
	}

	.rd-nav__item--mega > .rd-nav__link[aria-expanded="true"]::after,
	.rd-nav__item--mega > a.rd-nav__link--parent.is-expanded::after {
		transform: rotate(180deg) !important;
	}

	.rd-nav__item--mega > .rd-nav__link[aria-expanded="true"],
	.rd-nav__item--mega > a.rd-nav__link--parent.is-expanded {
		color: var(--rd-gold-light) !important;
	}

	/* Mega dropdown becomes editorial accordion */
	.rd-mega {
		position: static;
		transform: none;
		box-shadow: none;
		padding: 12px 0 6px;
		flex-direction: column;
		gap: 16px;
		display: none;
		width: auto;
		background: transparent;
	}

	/* Fancy Colors: tighten the vertical separation between both groups
	   to reduce unnecessary scroll on short iPhone viewports. */
	.rd-mega--mobile-tight {
		gap: 12px;
	}

	.rd-mega__col--spacer {
		display: none;
	}

	.rd-mega__col,
	.rd-mega__col--promo,
	.rd-mega--5col .rd-mega__col,
	.rd-mega--3col .rd-mega__col,
	.rd-mega--3col .rd-mega__col--promo {
		width: 100%;
		min-width: 0;
		max-width: none;
		margin: 0;
	}

	.rd-mega__heading {
		font-family: var(--rd-font);
		font-size: 14px;
		font-weight: 500;
		line-height: 18px;
		letter-spacing: 0;
		text-transform: uppercase;
		color: var(--rd-navy);
		text-align: left;
		margin: 0 0 12px;
		white-space: nowrap;
	}

	.rd-mega__heading--mobile-hidden {
		display: none;
	}

	.rd-mega__heading-break {
		display: inline;
	}

	/* Headings that allow a controlled break (Fancy lines) need normal wrap */
	.rd-mega__heading:has(.rd-mega__heading-break) {
		white-space: normal;
	}

	.rd-mega a {
		font-family: var(--rd-font);
		color: var(--rd-navy);
		font-size: 13px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0;
		text-align: left;
		display: inline-block;
	}

	.rd-mega a:hover,
	.rd-mega a:focus-visible {
		color: var(--rd-navy);
	}

	/* Full-width tap targets: list links and iconic items span the whole row,
	   so taps anywhere on the line trigger the link (easier to hit). */
	.rd-mega li a {
		display: block;
		width: 100%;
	}

	.rd-mega .rd-mega-iconics__item {
		width: 100%;
	}

	.rd-mega li {
		margin: 0 0 16px;
		text-align: left;
	}

	.rd-mega__heading--spaced {
		margin-top: 26px;
	}

	.rd-mega__col--promo {
		display: none;
	}

	/* The Iconics: stack into one column; hide the desktop preview. */
	.rd-mega.rd-mega--iconics {
		flex-direction: column;
		gap: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	.rd-mega-iconics__preview {
		display: none;
	}

	.rd-mega-iconics__index {
		flex: none;
		width: 100%;
		padding: 0;
	}

	.rd-mega-iconics__heading {
		margin-bottom: 14px;
	}

	.rd-mega-iconics__list {
		columns: 1;
	}

	.rd-mega-iconics__list .rd-mega-iconics__li {
		margin: 0 0 4px;
	}

	/* Mobile: collapse the collection to the first 3 stones; "Show More"
	   (toggles .is-expanded on the menu via product-nav.js) reveals the rest.
	   Desktop ignores this — the rules live only inside the mobile media query. */
	.rd-mega-iconics__list .rd-mega-iconics__li:nth-child(n+4) {
		display: none;
	}

	.rd-mega--iconics.is-expanded .rd-mega-iconics__list .rd-mega-iconics__li {
		display: block;
	}

	/* Force the grid layout over the mobile `.rd-mega li a { display:block }`
	   rule (0,1,2) with a 0,2,0 selector. */
	.rd-mega .rd-mega-iconics__item {
		display: grid;
		grid-template-columns: 48px 1fr;
		gap: 12px;
		width: 100%;
		padding: 8px 0;
		/* Once Show More grows the list, iOS Safari composites the scroll
		   container into its own layer and isolates mix-blend-mode, so the
		   multiply thumbs lost their backdrop and flashed a white box. Giving
		   the row an opaque backdrop matching the menu (+ isolation) keeps the
		   multiply blending locally, inside the same layer. Colour matches the
		   menu bg, so it is visually invisible. */
		background: #f5f5f5;
		isolation: isolate;
	}

	.rd-mega-iconics__thumb-wrap {
		width: 48px;
		height: 48px;
	}

	.rd-mega .rd-mega-iconics__label {
		font-size: 15px;
		white-space: normal;
	}

	.rd-mega .rd-mega-iconics__carat {
		font-size: 10px;
	}

	/* No persistent "active" highlight on mobile — there is no preview to pair
	   it with, so the first stone shouldn't read as pre-selected. */
	.rd-mega .rd-mega-iconics__item.is-active .rd-mega-iconics__label {
		color: var(--rd-navy);
		font-weight: 400;
	}

	.rd-mega .rd-mega-iconics__item.is-active .rd-mega-iconics__carat {
		color: #a8a89f;
	}

	.rd-mega-iconics__more-wrap {
		justify-content: flex-end;
		margin-top: 16px;
	}

	/* Mobile: borderless, underlined link aligned to the end of the row. */
	.rd-mega .rd-mega-iconics__more {
		border: 0;
		border-radius: 0;
		padding: 2px 0;
		gap: 6px;
	}

	.rd-mega .rd-mega-iconics__more .rd-mega-iconics__more-label {
		text-decoration: underline;
		text-underline-offset: 4px;
	}

	.rd-mega.is-open {
		display: flex;
	}

	/* Override desktop hover */
	.rd-nav__item:hover > .rd-mega,
	.rd-nav__item:focus-within > .rd-mega {
		display: none;
	}

	.rd-nav__item:hover > .rd-mega.is-open,
	.rd-nav__item:focus-within > .rd-mega.is-open {
		display: flex;
	}

	/* Mobile nav footer — pinned to the bottom of the drawer, divided by a hairline */
	.rd-nav__footer {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 14px;
		flex: 0 0 auto;
		padding: 18px 20px calc(18px + env(safe-area-inset-bottom));
		background: #f5f5f5;
		border-top: 1px solid rgba(9, 23, 52, 0.06);
	}

	.rd-nav__footer-cta {
		display: inline-block;
		width: 100%;
		max-width: 320px;
		text-align: center;
		padding: 13px 20px;
		border: 1px solid var(--rd-navy);
		border-radius: 10px;
		background: #fff;
		color: var(--rd-navy);
		font-family: var(--rd-font);
		font-size: 13px;
		font-weight: 500;
		letter-spacing: normal;
		text-decoration: none;
		transition: background 0.2s, color 0.2s, border-color 0.2s;
	}

	.rd-nav__footer-cta:hover,
	.rd-nav__footer-cta:focus-visible {
		background: var(--rd-gold);
		border-color: var(--rd-gold);
		color: #fff;
		outline: none;
	}

}

/* =========================================================================
   Native Footer
   ========================================================================= */

.rd-footer {
	/* Stacks above any preceding `position: sticky` section on the home (the
	 * mobile "peel" images in template-parts/home/statement.php would otherwise
	 * paint over the footer when iOS Safari fails to release them cleanly). */
	position: relative;
	z-index: 2;
	background: var(--rd-navy);
	color: #fff;
	font-family: var(--rd-font);
}

.rd-footer__gold {
	background: var(--rd-gold-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.rd-footer__main {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px;
	max-width: 1280px;
	margin: 0 auto;
	padding: 60px 72px 40px;
}

.rd-footer__heading {
	font-family: var(--rd-font);
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 1.6px;
	margin: 0 0 20px;
	background: var(--rd-gold-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.rd-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rd-footer__links li {
	margin: 0 0 10px;
}

.rd-footer__links a {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.9px;
	text-decoration: none;
	color: #fff;
	transition: opacity 0.15s;
}

.rd-footer__links a:hover,
.rd-footer__links a:focus-visible {
	opacity: 0.75;
}

/* Center column */
.rd-footer__col--center {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.rd-footer__logo {
	height: 82.5px;
	width: auto;
	margin-bottom: 24px;
}

.rd-footer__links--inline {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 16px;
	margin-bottom: 20px;
}

.rd-footer__links--inline li {
	margin: 0;
}

.rd-footer__links--inline li:not(:last-child)::after {
	content: '|';
	margin-left: 16px;
	color: var(--rd-gold);
}

.rd-footer__social {
	display: flex;
	gap: 16px;
	align-items: center;
}

.rd-footer__social a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: opacity 0.2s;
}

.rd-footer__social svg [stroke] {
	stroke-width: 0.75;
}

.rd-footer__social a:hover,
.rd-footer__social a:focus-visible {
	opacity: 0.75;
}

.rd-footer__social svg {
	width: 18px;
	height: 18px;
}

.rd-footer__address {
	font-style: normal;
	margin: 0;
}

.rd-footer__address-name {
	font-size: 14px;
	letter-spacing: 0.9px;
	color: #fff;
}

/* Bottom bar */
.rd-footer__bar {
	max-width: 1280px;
	margin: 0 auto;
	padding: 20px 72px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	font-size: 12px;
	letter-spacing: 0.9px;
}

.rd-footer__bar-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 14px;
}

.rd-footer__bar-group {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.rd-footer__bar-item {
	background: var(--rd-gold-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

a.rd-footer__bar-item {
	text-decoration: none;
	transition: opacity 0.15s;
}

a.rd-footer__bar-item:hover,
a.rd-footer__bar-item:focus-visible {
	opacity: 0.75;
}

@media (max-width: 991px) {
	.rd-footer__main {
		padding: 48px 32px 32px;
	}

	.rd-footer__bar {
		padding: 20px 32px;
	}
}

@media (max-width: 767px) {
	.rd-footer__main {
		grid-template-columns: 1fr;
		text-align: center;
		gap: 32px;
		padding: 40px 20px 24px;
	}

	.rd-footer__col {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.rd-footer__bar {
		padding: 20px;
		font-size: 10px;
	}

	.rd-footer__bar-row {
		flex-direction: column;
		align-items: center;
		gap: 4px;
	}
}