/* --------------------------------------------------------------------------
   Typography — IRANYekan (licensed, self-hosted)
   -------------------------------------------------------------------------- */

@font-face {
	font-family: "IRANYekan";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/iranyekan/IRANYekanWebRegular.woff2") format("woff2");
}

@font-face {
	font-family: "IRANYekan";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/iranyekan/IRANYekanWebMedium.woff2") format("woff2");
}

@font-face {
	font-family: "IRANYekan";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/iranyekan/IRANYekanWebBold.woff2") format("woff2");
}

@font-face {
	font-family: "IRANYekan";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/iranyekan/IRANYekanWebExtraBold.woff2") format("woff2");
}

/* --------------------------------------------------------------------------
   Display typography — Big Noodle Titling
   Used only for English mega-menu display labels.
   The font binary must be supplied from the site owner's licensed copy.
   -------------------------------------------------------------------------- */

@font-face {
	font-family: "Big Noodle Titling";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/bignoodle/big_noodle_titling.ttf") format("truetype");
}

:root {
	--dg-font-ui: Tahoma, Arial, sans-serif;
	--dg-bg: #f6f8f4;
	--dg-surface: #ffffff;
	--dg-ink: #082419;
	--dg-text: #163e2d;
	--dg-muted: #63746b;
	--dg-border: rgba(8, 36, 25, 0.12);
	--dg-green-950: #061d16;
	--dg-green-900: #08281e;
	--dg-green-850: #0b3326;
	--dg-green-800: #103d2e;
	--dg-green-700: #1c563f;
	--dg-gold: #d8b04d;
	--dg-gold-soft: #e6c96f;
	--dg-ivory: #f2ecdc;
	--dg-cream: #ece4cf;
	--dg-radius: 24px;
	--dg-container: 1280px;
	--dg-header-height: 82px;
	--dg-header-height-scrolled: 58px;
	--dg-header-bg: rgba(6, 29, 22, 0.96);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

html.dg-menu-open,
html.dg-menu-open body {
	overflow: hidden;
}

body.dg-font-iranyekan {
	--dg-font-ui: "IRANYekan", Tahoma, Arial, sans-serif;
}

body {
	margin: 0;
	background: var(--dg-bg);
	color: var(--dg-text);
	font-family: var(--dg-font-ui);
	line-height: 1.85;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-synthesis: none;
}

button,
input,
textarea,
select {
	font: inherit;
}

button,
a {
	-webkit-tap-highlight-color: transparent;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

.dg-container {
	width: min(calc(100% - 32px), var(--dg-container));
	margin-inline: auto;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	position: fixed;
	top: 16px;
	right: 16px;
	z-index: 10000;
	width: auto;
	height: auto;
	padding: 10px 14px;
	margin: 0;
	clip: auto;
	background: #fff;
	color: #000;
	border-radius: 10px;
}

.dg-mega,
.dg-mobile-nav,
.dg-mega button,
.dg-mega a,
.dg-mobile-nav button,
.dg-mobile-nav a {
	font-family: "IRANYekan", Tahoma, Arial, sans-serif;
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */

.dg-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	pointer-events: none;
}

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

.dg-header__bar {
	pointer-events: auto;
	background: linear-gradient(180deg, rgba(4, 29, 21, 0.22), rgba(4, 29, 21, 0.08));
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	transition: background-color 220ms ease, backdrop-filter 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.dg-header.is-scrolled .dg-header__bar,
.dg-header.is-menu-open .dg-header__bar {
	background: var(--dg-header-bg);
	border-color: rgba(216, 176, 77, 0.2);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.14);
	backdrop-filter: blur(18px);
}

.dg-header__inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	grid-template-areas: 'start brand end';
	align-items: center;
	min-height: var(--dg-header-height);
	direction: ltr;
	transition: min-height 220ms ease;
}

.dg-header.is-scrolled .dg-header__inner,
.dg-header.is-menu-open .dg-header__inner {
	min-height: var(--dg-header-height-scrolled);
}

.dg-header__side {
	display: flex;
	align-items: center;
}

.dg-header__side--start {
	grid-area: start;
	justify-content: flex-start;
}

.dg-header__side--end {
	grid-area: end;
	justify-content: flex-end;
}

.dg-header__brand {
	grid-area: brand;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 190px;
	direction: ltr;
}

.dg-header__brand-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	max-width: min(30vw, 260px);
	height: 58px;
	line-height: 0;
}

.dg-header__brand-logo {
	display: block;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: width 220ms ease, max-width 220ms ease, max-height 220ms ease, opacity 180ms ease;
}

.dg-header__brand-logo--full {
	max-width: 248px;
	max-height: 58px;
}

.dg-header__brand-logo--symbol {
	display: none;
	max-width: 48px;
	max-height: 48px;
}

.dg-header.is-scrolled .dg-header__brand-link,
.dg-header.is-menu-open .dg-header__brand-link {
	height: 42px;
}

.dg-header.is-scrolled .dg-header__brand-logo--full,
.dg-header.is-menu-open .dg-header__brand-logo--full {
	max-width: 188px;
	max-height: 42px;
}


.dg-header__brand .custom-logo-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.dg-header__brand .custom-logo {
	width: auto;
	max-width: 198px;
	max-height: 58px;
	transition: max-height 220ms ease, max-width 220ms ease;
}

.dg-header.is-scrolled .dg-header__brand .custom-logo,
.dg-header.is-menu-open .dg-header__brand .custom-logo {
	max-width: 156px;
	max-height: 40px;
}

.dg-header__wordmark {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.32em;
	white-space: nowrap;
}

.dg-header__wordmark-mark {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 2px solid var(--dg-gold);
	border-radius: 50%;
	color: var(--dg-gold-soft);
	letter-spacing: 0;
}

.dg-menu-toggle {
	position: relative;
	display: grid;
	align-content: center;
	justify-items: end;
	gap: 5px;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
}

.dg-menu-toggle__line {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 99px;
	background: currentColor;
	transform-origin: center;
	transition: transform 200ms ease, opacity 160ms ease, width 200ms ease, color 200ms ease;
}

.dg-menu-toggle:hover,
.dg-menu-toggle:focus-visible,
.dg-header.is-menu-open .dg-menu-toggle {
	color: var(--dg-gold-soft);
}

.dg-menu-toggle:focus-visible {
	outline: 2px solid var(--dg-gold-soft);
	outline-offset: 4px;
	border-radius: 10px;
}

.dg-header.is-menu-open .dg-menu-toggle__line:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}

.dg-header.is-menu-open .dg-menu-toggle__line:nth-child(2) {
	opacity: 0;
	width: 0;
}

.dg-header.is-menu-open .dg-menu-toggle__line:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}

/* --------------------------------------------------------------------------
   Mega menu shell
   -------------------------------------------------------------------------- */

.dg-menu-layer[hidden] {
	display: none;
}

.dg-menu-layer {
	position: fixed;
	inset: var(--dg-header-height-scrolled) 0 0;
	z-index: 999;
	pointer-events: auto;
	opacity: 0;
	transition: opacity 220ms ease;
}

.admin-bar .dg-menu-layer {
	top: calc(var(--dg-header-height-scrolled) + 32px);
}

.dg-menu-layer.is-open {
	opacity: 1;
}

.dg-menu-layer__backdrop {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background:
		radial-gradient(circle at 12% 75%, rgba(216, 176, 77, 0.12), transparent 24%),
		radial-gradient(circle at 88% 20%, rgba(20, 89, 65, 0.23), transparent 30%),
		rgba(2, 20, 15, 0.72);
	backdrop-filter: blur(12px);
	cursor: default;
}

.dg-mega {
	position: relative;
	width: min(90vw, 1240px);
	height: auto;
	max-height: calc(100vh - var(--dg-header-height-scrolled) - 28px);
	max-height: calc(100dvh - var(--dg-header-height-scrolled) - 28px);
	margin: 14px auto 0;
	overflow: hidden;
	transform: translateY(-10px) scale(0.992);
	transition: transform 220ms ease;
	background: transparent;
}

.dg-menu-layer.is-open .dg-mega {
	transform: translateY(0) scale(1);
}

.dg-mega::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(rgba(216, 176, 77, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(216, 176, 77, 0.035) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

.dg-mega__shell {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) clamp(190px, 15vw, 214px);
	grid-template-areas: 'content rail';
	align-items: start;
	direction: ltr;
}

.dg-mega__rail,
.dg-mega__content {
	direction: rtl;
	background: transparent;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow-anchor: none;
}

.dg-mega__rail {
	grid-area: rail;
	position: relative;
	z-index: 2;
	align-self: start;
	background:
		linear-gradient(180deg, rgba(16, 61, 46, 0.96), rgba(7, 38, 29, 0.98));
	box-shadow: 0 22px 46px rgba(0, 0, 0, 0.22), -18px 0 36px rgba(0, 0, 0, 0.1) inset, inset 0 1px 0 rgba(255, 255, 255, 0.025);
	border-radius: 14px;
	overflow: hidden;
}

.dg-mega__rail-list {
	display: flex;
	flex-direction: column;
	height: auto;
}

.dg-mega__rail-item {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 34px;
	grid-template-areas: 'label icon';
	align-items: center;
	direction: ltr;
	gap: 12px;
	min-height: 54px;
	padding: 8px 16px;
	border: 0;
	border-bottom: 1px solid rgba(216, 176, 77, 0.28);
	background: transparent;
	color: #f5f0e4;
	text-align: right;
	cursor: pointer;
	transition: color 180ms ease, background-color 180ms ease, padding 180ms ease;
}


.dg-mega__rail-item:hover:not(.is-active),
.dg-mega__rail-item:focus-visible:not(.is-active) {
	background: rgba(255, 255, 255, 0.022);
	color: #fffaf0;
}

.dg-mega__rail-item.is-pending {
	cursor: default;
}

.dg-mega__rail-item::before {
	content: '';
	position: absolute;
	top: 12%;
	right: 0;
	bottom: 12%;
	width: 3px;
	border-radius: 999px;
	background: var(--dg-gold);
	box-shadow: 0 0 18px rgba(216, 176, 77, 0.78);
	opacity: 0;
	transform: scaleY(0.45);
	transition: opacity 180ms ease, transform 180ms ease;
}

.dg-mega__rail-item:last-child {
	border-bottom: 0;
}

.dg-mega__rail-item.is-active {
	color: var(--dg-gold-soft);
	background: linear-gradient(90deg, rgba(216, 176, 77, 0.025), rgba(216, 176, 77, 0.11) 64%, rgba(216, 176, 77, 0.17));
}

.dg-mega__rail-item.is-active {
	padding-right: 20px;
}

.dg-mega__rail-item.is-active::before {
	opacity: 1;
	transform: scaleY(1);
}

.dg-mega__rail-item:focus-visible {
	outline: 2px solid var(--dg-gold-soft);
	outline-offset: -4px;
}

.dg-mega__rail-label {
	grid-area: label;
	direction: rtl;
	text-align: right;
	font-size: 12.5px;
	font-weight: 800;
	line-height: 1.5;
}

.dg-mega__rail-icon {
	grid-area: icon;
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
}

.dg-mega__rail-icon svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.dg-mega__content {
	grid-area: content;
	position: relative;
	min-width: 0;
	max-height: calc(100vh - var(--dg-header-height-scrolled) - 28px);
	max-height: calc(100dvh - var(--dg-header-height-scrolled) - 28px);
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: rgba(216, 176, 77, 0.42) transparent;
}


.dg-mega__content::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.dg-mega-panel {
	padding: 16px;
	animation: dgPanelIn 220ms ease both;
	background: transparent;
}

.dg-mega-panel[hidden] {
	display: none;
}

@keyframes dgPanelIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* --------------------------------------------------------------------------
   Mega hero
   -------------------------------------------------------------------------- */

.dg-mega-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 43%);
	min-height: 168px;
	margin-bottom: 16px;
	overflow: hidden;
	border: 1px solid rgba(216, 176, 77, 0.42);
	border-radius: 12px;
	background:
		radial-gradient(circle at 84% 44%, rgba(88, 170, 93, 0.15), transparent 26%),
		radial-gradient(circle at 17% 112%, rgba(216, 176, 77, 0.14), transparent 40%),
		linear-gradient(118deg, #181b18 0%, #101713 58%, #09251b 100%);
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.025);
	direction: ltr;
}

.dg-mega-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(4, 10, 8, 0.18), transparent 34%, transparent 72%, rgba(5, 18, 13, 0.12)),
		linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 30%, rgba(0, 0, 0, 0.08));
}

.dg-mega-hero__copy {
	position: relative;
	z-index: 2;
	align-self: center;
	padding: 18px 24px;
	direction: rtl;
}

.dg-mega-hero__eyebrow {
	display: block;
	margin-bottom: 8px;
	color: rgba(230, 201, 111, 0.78);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.16em;
	direction: ltr;
	text-align: left;

	font-family: var(--dg-font-ui);}

.dg-mega-hero__title {
	display: block;
	color: #f4f1e9;
	font-family: "Big Noodle Titling", "Arial Narrow", sans-serif;
	font-size: clamp(58px, 6vw, 92px);
	font-weight: 400;
	line-height: 0.78;
	letter-spacing: 0.014em;
	text-align: left;
	text-shadow: 0 6px 24px rgba(0, 0, 0, 0.34), 0 0 1px rgba(255, 255, 255, 0.18);
}

.dg-mega-hero__rule {
	display: flex;
	align-items: center;
	width: min(330px, 78%);
	height: 14px;
	margin: 9px 0 8px auto;
	direction: ltr;
}

.dg-mega-hero__rule::before,
.dg-mega-hero__rule::after {
	content: '';
	height: 1px;
	flex: 1;
	background: linear-gradient(90deg, transparent, var(--dg-gold), transparent);
}

.dg-mega-hero__rule i {
	width: 6px;
	height: 6px;
	margin-inline: 9px;
	background: var(--dg-gold-soft);
	transform: rotate(45deg);
	box-shadow: 0 0 16px rgba(216, 176, 77, 0.5);
}

.dg-mega-hero__description {
	max-width: 620px;
	margin: 0;
	color: rgba(242, 236, 220, 0.82);
	font-size: 12.5px;
	line-height: 1.8;
	text-align: right;
}

.dg-mega-hero__visual {
	position: relative;
	min-height: 100%;
	direction: ltr;
}

.dg-mega-hero__visual::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 2;
	background:
		linear-gradient(90deg, #111714 0%, rgba(17, 23, 20, 0.86) 13%, rgba(17, 23, 20, 0.2) 50%, transparent 76%),
		radial-gradient(circle at 76% 48%, rgba(216, 176, 77, 0.09), transparent 38%);
	pointer-events: none;
}

.dg-mega-hero__visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
}

.dg-mega-hero__visual.is-placeholder {
	background:
		radial-gradient(circle at 88% 18%, rgba(225, 181, 55, 0.58) 0 7%, transparent 7.5%),
		radial-gradient(circle at 72% 34%, rgba(224, 66, 35, 0.65) 0 9%, transparent 9.5%),
		radial-gradient(circle at 90% 52%, rgba(72, 170, 84, 0.52) 0 10%, transparent 10.5%),
		radial-gradient(circle at 69% 68%, rgba(30, 130, 192, 0.56) 0 11%, transparent 11.5%),
		radial-gradient(circle at 91% 82%, rgba(181, 25, 106, 0.52) 0 12%, transparent 12.5%),
		linear-gradient(135deg, rgba(15, 55, 42, 0.8), #101713);
}

.dg-mega-hero__orb {
	position: absolute;
	z-index: 1;
	width: 96px;
	aspect-ratio: 1;
	border: 7px solid rgba(8, 12, 10, 0.82);
	border-radius: 50%;
	box-shadow: 0 18px 26px rgba(0, 0, 0, 0.38), inset 0 0 0 3px rgba(255,255,255,0.04);
}

.dg-mega-hero__orb--one {
	top: 14px;
	right: 24px;
	background: radial-gradient(circle at 40% 35%, #ffad27, #d95b0c 68%, #853300);
}

.dg-mega-hero__orb--two {
	top: 58px;
	right: 122px;
	background: radial-gradient(circle at 38% 34%, #33c8f2, #0c79af 68%, #064461);
}

.dg-mega-hero__orb--three {
	top: 96px;
	right: 18px;
	background: radial-gradient(circle at 40% 35%, #e7339b, #a51267 68%, #59053b);
}

.dg-mega-hero__orb--four {
	top: 2px;
	right: 132px;
	background: radial-gradient(circle at 40% 35%, #b4d830, #619410 68%, #36580c);
}


@keyframes dgHeroVisualIn {
	from {
		opacity: 0.72;
		transform: scale(0.985);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

.dg-mega-panel:not([hidden]) .dg-mega-hero__visual {
	animation: dgHeroVisualIn 360ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
	transform-origin: 82% 50%;
}

/* --------------------------------------------------------------------------
   Mega category cards
   -------------------------------------------------------------------------- */

.dg-mega-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 10px;
	direction: ltr;
}

.dg-mega-card {
	position: relative;
	flex: 0 0 calc((100% - 40px) / 5);
	width: calc((100% - 40px) / 5);
	min-width: 0;
	direction: rtl;
	overflow: hidden;
	border: 1px solid rgba(216, 176, 77, 0.48);
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(21, 73, 54, 0.98), rgba(7, 43, 32, 0.995));
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.025);
	transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}


.dg-mega-card::before {
	content: '';
	position: absolute;
	inset: 0 14px auto;
	z-index: 3;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(230, 201, 111, 0.32), transparent);
	opacity: 0.55;
	pointer-events: none;
	transition: opacity 180ms ease;
}

.dg-mega-card:hover {
	border-color: rgba(230, 201, 111, 0.66);
	box-shadow: 0 20px 42px rgba(0, 0, 0, 0.24), 0 0 24px rgba(216, 176, 77, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}


.dg-mega-card:hover::before {
	opacity: 1;
}

.dg-mega-card__media {
	position: relative;
	aspect-ratio: 16 / 7.2;
	overflow: hidden;
	background: #123f30;
}

.dg-mega-card__media::after {
	content: '';
	position: absolute;
	inset: auto 0 0;
	height: 46%;
	background: linear-gradient(to top, rgba(5, 35, 26, 0.84), transparent);
}

.dg-mega-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 320ms ease, filter 240ms ease;
}

.dg-mega-card:hover .dg-mega-card__media img {
	transform: scale(1.035);
	filter: brightness(1.055) saturate(1.06);
}

.dg-mega-card__media.is-placeholder {
	background:
		radial-gradient(circle at 24% 36%, rgba(216, 176, 77, 0.28), transparent 18%),
		radial-gradient(circle at 72% 46%, rgba(79, 153, 118, 0.33), transparent 24%),
		linear-gradient(135deg, #0d3528, #174f3b 52%, #09261d);
}

.dg-mega-card__media.is-placeholder span {
	position: absolute;
	inset: 20% 16%;
	border: 1px solid rgba(230, 201, 111, 0.22);
	border-radius: 999px;
	transform: rotate(-12deg);
}

.dg-mega-card__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	padding: 8px 10px 8px;
	text-align: center;
	border-bottom: 1px solid rgba(216, 176, 77, 0.3);
}

.dg-mega-card__en {
	display: block;
	min-height: 0;
	margin: 0;
	color: rgba(255, 255, 255, 0.88);
	font-family: var(--dg-font-ui);
	font-size: 9px;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: 0.015em;
}

.dg-mega-card__fa {
	display: block;
	margin: 0;
	color: #f5f0e4;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
}

.dg-mega-card__fa::after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	margin: 4px auto 0;
	border-radius: 99px;
	background: linear-gradient(90deg, rgba(216, 176, 77, 0.25), var(--dg-gold-soft), rgba(216, 176, 77, 0.25));
	box-shadow: 0 0 10px rgba(216, 176, 77, 0.26);
}

.dg-mega-card__links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dg-mega-card__links li + li {
	border-top: 1px solid rgba(230, 201, 111, 0.2);
}

.dg-mega-card__pending-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 32px;
	padding: 6px 10px;
	color: rgba(255, 255, 255, 0.88);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	transition: background-color 160ms ease, color 160ms ease, padding 160ms ease;
}

.dg-mega-card:hover .dg-mega-card__pending-link:hover {
	padding-right: 13px;
	background: rgba(216, 176, 77, 0.08);
	color: var(--dg-gold-soft);
}

.dg-mega-card__pending-link > span {
	color: var(--dg-gold-soft);
	font-size: 15px;
	line-height: 1;
}

/* --------------------------------------------------------------------------
   Existing base pages
   -------------------------------------------------------------------------- */

.site-main {
	padding-top: var(--dg-header-height);
}

.dg-hero {
	min-height: 480px;
	display: grid;
	align-items: center;
	background:
		linear-gradient(rgba(8, 36, 25, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(8, 36, 25, 0.035) 1px, transparent 1px),
		radial-gradient(circle at 20% 20%, rgba(255, 225, 97, 0.22), transparent 34%),
		linear-gradient(135deg, #f6f8f4, #edf2ed);
	background-size: 40px 40px, 40px 40px, auto, auto;
	border-bottom: 1px solid var(--dg-border);
}

.dg-hero__inner {
	padding-block: 84px;
}

.dg-eyebrow {
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.14em;
	color: var(--dg-muted);
}

.dg-hero h1,
.dg-article__header h1,
.archive-header h1,
.dg-error h1 {
	margin: 0;
	color: var(--dg-ink);
	line-height: 1.25;
}

.dg-hero h1 {
	max-width: 900px;
	font-size: clamp(42px, 7vw, 88px);
}

.dg-hero__lead {
	max-width: 720px;
	margin: 24px 0 0;
	font-size: clamp(18px, 2vw, 24px);
}

.dg-page-content,
.dg-singular,
.archive-header,
.dg-error {
	padding-block: 72px;
}

.dg-entry-content {
	max-width: 920px;
}

.dg-entry-content > *:first-child {
	margin-top: 0;
}

.dg-entry-content a {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.post-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	padding-bottom: 72px;
}

.post-card {
	overflow: hidden;
	background: var(--dg-surface);
	border: 1px solid var(--dg-border);
	border-radius: var(--dg-radius);
}

.post-card__media {
	display: block;
	aspect-ratio: 16 / 10;
	background: #e8eee9;
}

.post-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-card__body {
	padding: 22px;
}

.post-card__meta {
	margin: 0 0 6px;
	font-size: 12px;
	color: var(--dg-muted);
}

.post-card__title {
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 1.5;
	color: var(--dg-ink);
}



.dg-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 20px;
	margin-top: 18px;
	background: var(--dg-ink);
	color: #fff;
	border-radius: 14px;
	font-weight: 700;
}


/* Corporate compact tuning: desktop mega menu should feel like navigation,
   not a full-screen application. */
@media (min-width: 1181px) {
	.dg-mega__content {
		overscroll-behavior: contain;
	}

	.dg-mega-panel {
		display: flex;
		flex-direction: column;
	}

	.dg-mega-hero {
		flex: 0 0 auto;
	}

	.dg-mega-grid {
		align-items: start;
	}

	.dg-mega-card {
		box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
	}

	.dg-mega-card__en {
		letter-spacing: 0.01em;
	}

	.dg-mega-card__pending-link {
		white-space: nowrap;
	}
}



/* Short desktop displays: keep the menu visibly separated from the viewport
   edge while preserving readable card proportions. */
@media (min-width: 901px) and (max-height: 760px) {
	.dg-mega {
		margin-top: 10px;
		max-height: calc(100vh - var(--dg-header-height-scrolled) - 20px);
		max-height: calc(100dvh - var(--dg-header-height-scrolled) - 20px);
	}

	.dg-mega__content {
		max-height: calc(100vh - var(--dg-header-height-scrolled) - 20px);
		max-height: calc(100dvh - var(--dg-header-height-scrolled) - 20px);
	}

	.dg-mega-panel {
		padding: 12px;
	}

	.dg-mega-hero {
		min-height: 142px;
		margin-bottom: 10px;
	}

	.dg-mega-hero__copy {
		padding: 14px 20px;
	}

	.dg-mega-hero__eyebrow {
		margin-bottom: 5px;
	}

	.dg-mega-hero__title {
		font-size: clamp(54px, 5.6vw, 82px);
	}

	.dg-mega-hero__description {
		font-size: 11.5px;
		line-height: 1.7;
	}

	.dg-mega-card__media {
		aspect-ratio: 16 / 6.6;
	}

	.dg-mega-card__head {
		padding: 7px 9px 6px;
		gap: 1px;
	}

	.dg-mega-card__pending-link {
		min-height: 29px;
		padding-block: 4px;
		font-size: 11.5px;
	}

	.dg-mega__rail-item {
		min-height: 48px;
		padding-block: 6px;
	}
}

/* --------------------------------------------------------------------------
   Responsive navigation
   -------------------------------------------------------------------------- */

.dg-mobile-nav {
	display: none;
}

@media (min-width: 901px) and (max-width: 1180px) {
	.dg-mega {
		width: min(96vw, 1180px);
	}

	.dg-mega__shell {
		grid-template-columns: minmax(0, 1fr) 220px;
	}

	.dg-mega__rail-item {
		min-height: 74px;
		padding-inline: 18px;
	}

	.dg-mega-card {
		flex-basis: calc((100% - 20px) / 3);
		width: calc((100% - 20px) / 3);
	}
}

@media (max-width: 900px) {
	:root {
		--dg-header-height: 70px;
		--dg-header-height-scrolled: 60px;
	}

	.admin-bar .dg-header {
		top: 46px;
	}

	.admin-bar .dg-menu-layer {
		top: calc(var(--dg-header-height-scrolled) + 46px);
	}

	.dg-header__inner {
		width: min(calc(100% - 24px), var(--dg-container));
		min-height: var(--dg-header-height);
	}

	.dg-header__brand {
		min-width: 76px;
	}

	.dg-header__brand-link {
		width: 46px;
		max-width: 46px;
		height: 46px;
	}

	.dg-header__brand-logo--full {
		display: none;
	}

	.dg-header__brand-logo--symbol {
		display: block;
		max-width: 42px;
		max-height: 42px;
	}

	.dg-header.is-scrolled .dg-header__brand-link,
	.dg-header.is-menu-open .dg-header__brand-link {
		width: 38px;
		max-width: 38px;
		height: 38px;
	}

	.dg-header.is-scrolled .dg-header__brand-logo--symbol,
	.dg-header.is-menu-open .dg-header__brand-logo--symbol {
		max-width: 36px;
		max-height: 36px;
	}

	.dg-menu-toggle {
		width: 44px;
		height: 44px;
		justify-items: center;
		gap: 5px;
		border: 1px solid rgba(230, 201, 111, 0.26);
		border-radius: 14px;
		background: rgba(7, 39, 29, 0.48);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
		backdrop-filter: blur(10px);
	}

	.dg-menu-toggle__line {
		width: 20px;
	}

	.dg-header.is-menu-open .dg-menu-toggle {
		border-color: rgba(230, 201, 111, 0.58);
		background: rgba(216, 176, 77, 0.08);
		box-shadow: 0 0 24px rgba(216, 176, 77, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.05);
	}

	.dg-menu-layer {
		inset: var(--dg-header-height-scrolled) 0 0;
		overflow: hidden;
		background: #061d16;
	}

	.dg-menu-layer__backdrop {
		background:
			radial-gradient(circle at 10% 14%, rgba(216, 176, 77, 0.1), transparent 27%),
			radial-gradient(circle at 88% 78%, rgba(35, 108, 78, 0.18), transparent 34%),
			#061d16;
		backdrop-filter: none;
	}

	.dg-mega {
		width: 100%;
		height: 100%;
		max-height: none;
		margin: 0;
		overflow: hidden;
		transform: translateY(-8px);
		background: transparent;
	}

	.dg-menu-layer.is-open .dg-mega {
		transform: translateY(0);
	}

	.dg-mega::before {
		inset: 0;
		background:
			linear-gradient(rgba(230, 201, 111, 0.025) 1px, transparent 1px),
			linear-gradient(90deg, rgba(230, 201, 111, 0.025) 1px, transparent 1px);
		background-size: 34px 34px;
		mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.7) 48%, transparent 100%);
	}

	.dg-mega__shell {
		display: none;
	}

	.dg-mobile-nav {
		position: relative;
		z-index: 2;
		display: block;
		height: 100%;
		direction: rtl;
	}

	.dg-mobile-nav__scroll {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		padding: 14px 14px max(24px, env(safe-area-inset-bottom));
		scrollbar-width: none;
	}

	.dg-mobile-nav__scroll::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

	.dg-mobile-nav__intro {
		position: relative;
		overflow: hidden;
		margin-bottom: 12px;
		padding: 18px 18px 16px;
		border: 1px solid rgba(230, 201, 111, 0.2);
		border-radius: 20px;
		background:
			radial-gradient(circle at 0 0, rgba(216, 176, 77, 0.13), transparent 34%),
			linear-gradient(135deg, rgba(15, 61, 45, 0.96), rgba(7, 37, 28, 0.98));
		box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.035);
	}

	.dg-mobile-nav__intro::after {
		content: '';
		position: absolute;
		top: -34px;
		left: -26px;
		width: 116px;
		height: 116px;
		border: 1px solid rgba(230, 201, 111, 0.1);
		border-radius: 50%;
		pointer-events: none;
	}

	.dg-mobile-nav__intro-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 18px;
	}

	.dg-mobile-nav__eyebrow {
		display: block;
		margin-bottom: 5px;
		color: rgba(230, 201, 111, 0.78);
		font-size: 8.5px;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: 0.14em;
		direction: ltr;
		text-align: right;
	}

	.dg-mobile-nav__title {
		margin: 0;
		color: #fffaf0;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.45;
	}

	.dg-mobile-nav__intro p {
		max-width: 440px;
		margin: 9px 0 0;
		color: rgba(242, 236, 220, 0.68);
		font-size: 11.5px;
		line-height: 1.8;
	}

	.dg-mobile-nav__monogram {
		flex: 0 0 auto;
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		border: 1px solid rgba(230, 201, 111, 0.42);
		border-radius: 14px;
		background: rgba(216, 176, 77, 0.07);
		color: var(--dg-gold-soft);
		font-family: Georgia, "Times New Roman", serif;
		font-size: 24px;
		line-height: 1;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
	}

	.dg-mobile-nav__list {
		display: grid;
		gap: 8px;
	}

	.dg-mobile-nav__item,
	.dg-mobile-nav__direct {
		position: relative;
		overflow: hidden;
		border: 1px solid rgba(230, 201, 111, 0.14);
		border-radius: 17px;
		background: linear-gradient(135deg, rgba(14, 57, 43, 0.91), rgba(7, 39, 29, 0.95));
		box-shadow: 0 10px 28px rgba(0, 0, 0, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.025);
		transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
	}

	.dg-mobile-nav__item.is-open {
		border-color: rgba(230, 201, 111, 0.42);
		box-shadow: 0 16px 38px rgba(0, 0, 0, 0.2), 0 0 24px rgba(216, 176, 77, 0.035), inset 0 1px 0 rgba(255, 255, 255, 0.035);
	}

	.dg-mobile-nav__trigger,
	.dg-mobile-nav__direct {
		width: 100%;
		min-height: 68px;
		padding: 10px 12px;
		border: 0;
		color: #f7f2e6;
		text-align: right;
	}

	.dg-mobile-nav__trigger {
		display: grid;
		grid-template-columns: 42px minmax(0, 1fr) 28px;
		align-items: center;
		gap: 11px;
		background: transparent;
		cursor: pointer;
	}

	.dg-mobile-nav__direct {
		display: grid;
		grid-template-columns: 42px minmax(0, 1fr) 28px;
		align-items: center;
		gap: 11px;
	}

	.dg-mobile-nav__direct.is-pending {
		opacity: 0.82;
	}

	.dg-mobile-nav__trigger:focus-visible,
	.dg-mobile-nav__direct:focus-visible {
		outline: 2px solid var(--dg-gold-soft);
		outline-offset: -3px;
	}

	.dg-mobile-nav__icon {
		display: grid;
		place-items: center;
		width: 42px;
		height: 42px;
		border: 1px solid rgba(230, 201, 111, 0.19);
		border-radius: 13px;
		background:
			radial-gradient(circle at 30% 20%, rgba(230, 201, 111, 0.1), transparent 55%),
			rgba(255, 255, 255, 0.025);
		color: var(--dg-gold-soft);
		transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
	}

	.dg-mobile-nav__item.is-open .dg-mobile-nav__icon {
		border-color: rgba(230, 201, 111, 0.42);
		background-color: rgba(216, 176, 77, 0.07);
		color: #ffe89a;
	}

	.dg-mobile-nav__icon svg {
		width: 21px;
		height: 21px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.5;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.dg-mobile-nav__label {
		min-width: 0;
	}

	.dg-mobile-nav__label strong {
		display: block;
		color: #fffaf0;
		font-size: 13px;
		font-weight: 700;
		line-height: 1.55;
	}

	.dg-mobile-nav__label small {
		display: block;
		margin-top: 1px;
		color: rgba(242, 236, 220, 0.5);
		font-size: 9.5px;
		font-weight: 500;
		line-height: 1.45;
	}

	.dg-mobile-nav__chevron {
		display: grid;
		place-items: center;
		width: 28px;
		height: 28px;
		border: 1px solid rgba(230, 201, 111, 0.12);
		border-radius: 9px;
		color: rgba(230, 201, 111, 0.76);
		transition: transform 220ms ease, color 180ms ease, border-color 180ms ease;
	}

	.dg-mobile-nav__chevron svg {
		width: 15px;
		height: 15px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.7;
		stroke-linecap: round;
		stroke-linejoin: round;
		transform: rotate(180deg);
	}

	.dg-mobile-nav__item.is-open .dg-mobile-nav__chevron {
		transform: rotate(-90deg);
		border-color: rgba(230, 201, 111, 0.34);
		color: #ffe89a;
	}

	.dg-mobile-nav__submenu[hidden] {
		display: none;
	}

	.dg-mobile-nav__submenu {
		display: grid;
		grid-template-rows: 0fr;
		opacity: 0;
		transform: translateY(-5px);
		transition: grid-template-rows 260ms cubic-bezier(0.2, 0.75, 0.2, 1), opacity 180ms ease, transform 220ms ease;
	}

	.dg-mobile-nav__submenu.is-open {
		grid-template-rows: 1fr;
		opacity: 1;
		transform: translateY(0);
	}

	.dg-mobile-nav__submenu-inner {
		min-height: 0;
		overflow: hidden;
		border-top: 1px solid rgba(230, 201, 111, 0.13);
	}

	.dg-mobile-nav__section-head {
		padding: 14px 14px 10px;
	}

	.dg-mobile-nav__section-head > span {
		display: block;
		color: var(--dg-gold-soft);
		font-family: "Big Noodle Titling", Impact, sans-serif;
		font-size: 28px;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.025em;
	}

	.dg-mobile-nav__section-head p {
		margin: 7px 0 0;
		color: rgba(242, 236, 220, 0.62);
		font-size: 10.5px;
		line-height: 1.75;
	}

	.dg-mobile-nav__groups {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		padding: 0 10px 10px;
	}

	.dg-mobile-nav__group {
		min-width: 0;
		overflow: hidden;
		border: 1px solid rgba(230, 201, 111, 0.13);
		border-radius: 15px;
		background: rgba(3, 27, 20, 0.44);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.022);
		transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
	}

	.dg-mobile-nav__group.is-open {
		border-color: rgba(230, 201, 111, 0.4);
		background: rgba(4, 31, 23, 0.72);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.03);
	}

	.dg-mobile-nav__group-top {
		display: grid;
		grid-template-columns: 62px minmax(0, 1fr);
		align-items: center;
		gap: 9px;
		width: 100%;
		min-height: 68px;
		padding: 6px;
		border: 0;
		background: transparent;
		color: inherit;
		text-align: right;
		cursor: pointer;
		font: inherit;
	}

	.dg-mobile-nav__group-top.has-submenu {
		grid-template-columns: 62px minmax(0, 1fr) 40px;
	}

	.dg-mobile-nav__group-top.is-static {
		cursor: default;
	}

	.dg-mobile-nav__group-top:focus-visible {
		outline: 2px solid var(--dg-gold-soft);
		outline-offset: -3px;
		border-radius: 13px;
	}

	.dg-mobile-nav__group-media {
		position: relative;
		display: block;
		width: 62px;
		height: 54px;
		overflow: hidden;
		border: 1px solid rgba(230, 201, 111, 0.12);
		border-radius: 10px;
		background: #123f30;
		box-shadow: 0 7px 16px rgba(0, 0, 0, 0.14);
	}

	.dg-mobile-nav__group-media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.dg-mobile-nav__group-media::after {
		content: '';
		position: absolute;
		inset: auto 0 0;
		height: 38%;
		background: linear-gradient(to top, rgba(5, 35, 26, 0.42), transparent);
	}

	.dg-mobile-nav__group-media.is-placeholder {
		background:
			radial-gradient(circle at 30% 25%, rgba(216, 176, 77, 0.24), transparent 30%),
			linear-gradient(135deg, #0d3528, #174f3b 52%, #09261d);
	}

	.dg-mobile-nav__group-title {
		display: block;
		min-width: 0;
	}

	.dg-mobile-nav__group-title > span {
		display: block;
		overflow: hidden;
		color: rgba(255, 255, 255, 0.5);
		font-size: 7.5px;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: 0.015em;
		text-overflow: ellipsis;
		white-space: nowrap;
		direction: ltr;
		text-align: right;
	}

	.dg-mobile-nav__group-title strong {
		display: block;
		margin-top: 2px;
		color: #f7f2e6;
		font-size: 10.5px;
		font-weight: 700;
		line-height: 1.5;
	}

	.dg-mobile-nav__group-action {
		display: grid;
		place-items: center;
		width: 36px;
		height: 36px;
		justify-self: end;
		border: 1px solid rgba(230, 201, 111, 0.18);
		border-radius: 50%;
		background: rgba(216, 176, 77, 0.045);
		color: rgba(230, 201, 111, 0.84);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
		transition: border-color 180ms ease, color 180ms ease, background-color 180ms ease;
	}

	.dg-mobile-nav__group-action svg {
		width: 16px;
		height: 16px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.8;
		stroke-linecap: round;
		stroke-linejoin: round;
		transition: transform 220ms ease;
	}

	.dg-mobile-nav__group.is-open .dg-mobile-nav__group-action {
		border-color: rgba(230, 201, 111, 0.46);
		background: rgba(216, 176, 77, 0.09);
		color: #ffe89a;
	}

	.dg-mobile-nav__group.is-open .dg-mobile-nav__group-action svg {
		transform: rotate(180deg);
	}

	.dg-mobile-nav__group-menu[hidden] {
		display: none;
	}

	.dg-mobile-nav__group-menu {
		display: grid;
		grid-template-rows: 0fr;
		opacity: 0;
		transform: translateY(-4px);
		transition: grid-template-rows 240ms cubic-bezier(0.2, 0.75, 0.2, 1), opacity 180ms ease, transform 200ms ease;
	}

	.dg-mobile-nav__group-menu.is-open {
		grid-template-rows: 1fr;
		opacity: 1;
		transform: translateY(0);
	}

	.dg-mobile-nav__group-menu-inner {
		min-height: 0;
		overflow: hidden;
		border-top: 1px solid rgba(230, 201, 111, 0.12);
		background:
			linear-gradient(90deg, rgba(216, 176, 77, 0.035), transparent 34%),
			rgba(2, 23, 17, 0.34);
	}

	.dg-mobile-nav__group-menu-head {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 10px;
		padding: 9px 9px 6px;
	}

	.dg-mobile-nav__group-menu-head > span {
		color: rgba(230, 201, 111, 0.78);
		font-size: 8px;
		font-weight: 700;
		line-height: 1.4;
	}

	.dg-mobile-nav__group-menu-head small {
		overflow: hidden;
		color: rgba(247, 242, 230, 0.48);
		font-size: 7.5px;
		font-weight: 600;
		line-height: 1.4;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.dg-mobile-nav__group-menu-list {
		display: grid;
		gap: 5px;
		margin: 0;
		padding: 0 7px 8px;
		list-style: none;
	}

	.dg-mobile-nav__group-menu-list a,
	.dg-mobile-nav__group-menu-list .is-pending {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		min-height: 38px;
		padding: 7px 9px;
		border: 1px solid rgba(230, 201, 111, 0.12);
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.022);
		color: rgba(247, 242, 230, 0.86);
		font-size: 9px;
		font-weight: 700;
		line-height: 1.55;
		transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
	}

	.dg-mobile-nav__group-menu-list a:active {
		border-color: rgba(230, 201, 111, 0.44);
		background: rgba(216, 176, 77, 0.08);
		color: #fffaf0;
	}

	.dg-mobile-nav__group-menu-list a:focus-visible {
		outline: 2px solid var(--dg-gold-soft);
		outline-offset: 1px;
	}

	.dg-mobile-nav__group-menu-list svg {
		flex: 0 0 auto;
		width: 14px;
		height: 14px;
		fill: none;
		stroke: rgba(230, 201, 111, 0.76);
		stroke-width: 1.7;
		stroke-linecap: round;
		stroke-linejoin: round;
		transform: rotate(180deg);
	}

	.dg-mobile-nav__group-menu-list .is-pending {
		opacity: 0.48;
	}

	.dg-mobile-nav__footer {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		margin-top: 14px;
		padding: 14px 4px 2px;
		border-top: 1px solid rgba(230, 201, 111, 0.13);
		color: rgba(230, 201, 111, 0.55);
		direction: ltr;
	}

	.dg-mobile-nav__footer span {
		font-size: 9px;
		font-weight: 700;
		letter-spacing: 0.15em;
	}

	.dg-mobile-nav__footer small {
		font-size: 7px;
		font-weight: 700;
		letter-spacing: 0.11em;
	}
}

@media (max-width: 600px) {
	.dg-container {
		width: min(calc(100% - 20px), var(--dg-container));
	}

	.dg-mobile-nav__scroll {
		padding-inline: 10px;
	}

	.dg-mobile-nav__intro {
		padding: 16px;
		border-radius: 17px;
	}

	.dg-mobile-nav__title {
		font-size: 18px;
	}

	.dg-mobile-nav__groups {
		grid-template-columns: 1fr;
	}

	.dg-mobile-nav__group-top {
		grid-template-columns: 74px minmax(0, 1fr);
		min-height: 78px;
		padding: 7px;
	}

	.dg-mobile-nav__group-top.has-submenu {
		grid-template-columns: 74px minmax(0, 1fr) 42px;
	}

	.dg-mobile-nav__group-media {
		width: 74px;
		height: 62px;
	}

	.dg-mobile-nav__group-title > span {
		font-size: 8px;
		white-space: normal;
	}

	.dg-mobile-nav__group-title strong {
		font-size: 11.5px;
	}


	.dg-mobile-nav__group-menu-list a,
	.dg-mobile-nav__group-menu-list .is-pending {
		min-height: 42px;
		font-size: 10px;
	}

	.post-grid {
		grid-template-columns: 1fr;
	}
}


@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto;
		transition-duration: 0.01ms;
		animation-duration: 0.01ms;
		animation-iteration-count: 1;
	}
}

/* =========================================================
   START — RANG SAREH FOOTER
   WordPress-safe namespace: rsx-footer4
   Visual language matched to Sections 07 / 08 / 10 / 11
========================================================= */

.rsx-footer4,
.rsx-footer4 * {
    box-sizing: border-box;
}


/* =========================================================
   ROOT
========================================================= */

.rsx-footer4 {
    --rsx-footer4-green-1: #082419;
    --rsx-footer4-green-2: #123c2a;
    --rsx-footer4-green-3: #09271b;
    --rsx-footer4-yellow: #ffe161;
    --rsx-footer4-text: #f4f8f5;
    --rsx-footer4-muted: #91aa9b;
    --rsx-footer4-soft: #738b7e;

    position: relative;

    width: 100%;

    margin: 0;

    padding:
        74px 0 23px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 13% 18%,
            rgba(255,225,97,.075),
            transparent 23%
        ),
        radial-gradient(
            circle at 89% 77%,
            rgba(78,131,190,.065),
            transparent 26%
        ),
        linear-gradient(
            125deg,
            var(--rsx-footer4-green-1) 0%,
            var(--rsx-footer4-green-2) 50%,
            var(--rsx-footer4-green-3) 100%
        );

    color:
        var(--rsx-footer4-text);

    direction:
        rtl;

    isolation:
        isolate;

    font-family:
        "IRANYekan",
        Tahoma,
        Arial,
        sans-serif;
}


/* top luminous line */

.rsx-footer4::before {
    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width:
        min(
            1000px,
            80%
        );

    height: 1px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,225,97,.08),
            rgba(255,225,97,.38),
            rgba(255,225,97,.08),
            transparent
        );

    pointer-events:
        none;
}


/* =========================================================
   BACKGROUND GRID
========================================================= */

.rsx-footer4__grid-bg {
    position: absolute;

    inset: 0;

    z-index: 0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.024) 1px,
            transparent 1px
        );

    background-size:
        58px 58px;

    -webkit-mask-image:
        radial-gradient(
            ellipse at center,
            #000 8%,
            transparent 82%
        );

    mask-image:
        radial-gradient(
            ellipse at center,
            #000 8%,
            transparent 82%
        );

    pointer-events:
        none;
}


/* =========================================================
   ORBS
========================================================= */

.rsx-footer4__orb {
    position: absolute;

    z-index: 0;

    border-radius:
        50%;

    filter:
        blur(52px);

    opacity:
        .15;

    pointer-events:
        none;
}

.rsx-footer4__orb--yellow {
    top: -65px;
    right: 13%;

    width: 155px;
    height: 155px;

    background:
        #ffe161;
}

.rsx-footer4__orb--blue {
    left: 5%;
    bottom: -75px;

    width: 185px;
    height: 185px;

    background:
        #4e83be;
}

.rsx-footer4__orb--red {
    right: 44%;
    bottom: -100px;

    width: 145px;
    height: 145px;

    background:
        #dd6651;
}


/* =========================================================
   INNER
========================================================= */

.rsx-footer4__inner {
    position: relative;

    z-index: 4;

    width:
        min(
            1320px,
            calc(100% - 70px)
        );

    margin:
        0 auto;
}


/* =========================================================
   TOP
========================================================= */

.rsx-footer4__top {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        330px;

    align-items:
        end;

    gap:
        55px;

    padding-bottom:
        38px;

    border-bottom:
        1px solid
        rgba(255,255,255,.06);
}


/* =========================================================
   EYEBROW
========================================================= */

.rsx-footer4__eyebrow {
    display: flex;

    align-items: center;

    gap: 10px;

    width:
        max-content;

    max-width:
        100%;

    margin-bottom:
        13px;

    direction:
        ltr;
}

.rsx-footer4__eyebrow-line {
    width:
        29px;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,225,97,.55)
        );
}

.rsx-footer4__eyebrow-line:last-child {
    transform:
        scaleX(-1);
}

.rsx-footer4__eyebrow-icon {
    display: flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        28px;

    height:
        28px;

    border:
        1px solid
        rgba(255,225,97,.16);

    border-radius:
        9px;

    background:
        rgba(255,225,97,.055);

    color:
        #ffe161;
}

.rsx-footer4__eyebrow-icon svg {
    width:
        14px;

    height:
        14px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.6;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}

.rsx-footer4__eyebrow-text {
    color:
        #89a092;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .22em;
}


/* =========================================================
   TITLE / INTRO
========================================================= */

.rsx-footer4__title {
    max-width:
        650px;

    margin:
        0 0 11px;

    color:
        #f4f8f5;

    font-size:
        clamp(
            28px,
            2.7vw,
            41px
        );

    font-weight:
        800;

    line-height:
        1.55;

    letter-spacing:
        -.025em;
}

.rsx-footer4__title span {
    color:
        #ffe161;
}

.rsx-footer4__intro {
    max-width:
        650px;

    margin:
        0;

    color:
        #9db0a4;

    font-size:
        12px;

    line-height:
        2;
}


/* =========================================================
   PRIMARY ACTION
========================================================= */

.rsx-footer4__primary-action {
    display: grid;

    grid-template-columns:
        auto
        minmax(0,1fr)
        auto;

    align-items:
        center;

    gap:
        11px;

    min-height:
        76px;

    padding:
        11px 12px;

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius:
        18px;

    background:
        rgba(255,255,255,.038);

    color:
        inherit;

    text-decoration:
        none;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025);

    transition:
        transform .35s
        cubic-bezier(.2,.8,.2,1),
        border-color .35s ease,
        background-color .35s ease;
}

.rsx-footer4__primary-action-icon {
    display: flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        46px;

    height:
        46px;

    border:
        1px solid
        rgba(255,225,97,.14);

    border-radius:
        14px;

    background:
        rgba(255,225,97,.06);

    color:
        #ffe161;
}

.rsx-footer4__primary-action-icon svg {
    width:
        20px;

    height:
        20px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}

.rsx-footer4__primary-action-copy {
    min-width:
        0;
}

.rsx-footer4__primary-action-copy small {
    display:
        block;

    margin-bottom:
        3px;

    color:
        #758e80;

    direction:
        ltr;

    text-align:
        right;

    font-family:
        Arial,
        sans-serif;

    font-size:
        6px;

    font-weight:
        700;

    letter-spacing:
        .12em;
}

.rsx-footer4__primary-action-copy strong {
    display:
        block;

    color:
        #e8f0eb;

    font-size:
        11px;

    font-weight:
        650;

    line-height:
        1.5;
}

.rsx-footer4__primary-action-arrow {
    display: flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        30px;

    height:
        30px;

    border-radius:
        9px;

    background:
        rgba(255,255,255,.045);

    color:
        #91a99b;

    transition:
        transform .3s ease,
        background-color .3s ease,
        color .3s ease;
}

.rsx-footer4__primary-action-arrow svg {
    width:
        14px;

    height:
        14px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


/* =========================================================
   MAIN GRID
========================================================= */

.rsx-footer4__main {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:
        16px;

    padding:
        34px 0 8px;
}


/* =========================================================
   GROUP
========================================================= */

.rsx-footer4__group {
    min-width:
        0;

    padding:
        20px;

    border:
        1px solid
        rgba(255,255,255,.065);

    border-radius:
        21px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.047),
            rgba(255,255,255,.018)
        );

    -webkit-backdrop-filter:
        blur(14px);

    backdrop-filter:
        blur(14px);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.03);
}


/* =========================================================
   GROUP HEAD
========================================================= */

.rsx-footer4__group-head {
    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    margin-bottom:
        16px;
}

.rsx-footer4__group-head > span {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex:
        0 0 34px;

    width:
        34px;

    height:
        34px;

    border:
        1px solid
        rgba(255,255,255,.07);

    border-radius:
        10px;

    background:
        rgba(255,255,255,.03);

    color:
        #71877a;

    direction:
        ltr;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;
}

.rsx-footer4__group-head small {
    display:
        block;

    margin-bottom:
        2px;

    color:
        #657f70;

    direction:
        ltr;

    text-align:
        right;

    font-family:
        Arial,
        sans-serif;

    font-size:
        6px;

    font-weight:
        700;

    letter-spacing:
        .11em;
}

.rsx-footer4__group-head strong {
    display:
        block;

    color:
        #e8f0eb;

    font-size:
        12px;

    font-weight:
        700;

    line-height:
        1.5;
}


/* =========================================================
   LINKS
========================================================= */

.rsx-footer4__group > a:not(.rsx-footer4__contact-link) {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    min-height:
        40px;

    padding:
        7px 2px;

    border-bottom:
        1px solid
        rgba(255,255,255,.045);

    color:
        #8fa498;

    text-decoration:
        none;

    font-size:
        9.5px;

    transition:
        color .3s ease,
        padding-right .3s ease;
}

.rsx-footer4__group > a:not(.rsx-footer4__contact-link):last-child {
    border-bottom:
        0;
}

.rsx-footer4__group > a:not(.rsx-footer4__contact-link) i {
    color:
        #5d7668;

    font-style:
        normal;

    transition:
        color .3s ease,
        transform .3s ease;
}


/* =========================================================
   CONTACT GROUP
========================================================= */

.rsx-footer4__group--contact > p {
    margin:
        0 0 15px;

    color:
        #80998a;

    font-size:
        9.5px;

    line-height:
        1.85;
}

.rsx-footer4__trust {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;

    margin-bottom:
        17px;
}

.rsx-footer4__trust > span {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        5px;

    min-height:
        28px;

    padding:
        6px 8px;

    border:
        1px solid
        rgba(255,255,255,.055);

    border-radius:
        9px;

    background:
        rgba(255,255,255,.024);

    color:
        #80998a;

    font-size:
        7.5px;
}

.rsx-footer4__trust svg {
    width:
        11px;

    height:
        11px;

    fill:
        none;

    stroke:
        #ffe161;

    stroke-width:
        2.2;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}

.rsx-footer4__contact-link {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    min-height:
        44px;

    padding:
        0 14px;

    border:
        1px solid
        rgba(255,225,97,.14);

    border-radius:
        12px;

    background:
        rgba(255,225,97,.055);

    color:
        #fff4bf;

    text-decoration:
        none;

    font-size:
        9px;

    font-weight:
        700;

    transition:
        transform .3s ease,
        border-color .3s ease,
        background-color .3s ease;
}

.rsx-footer4__contact-link svg {
    width:
        14px;

    height:
        14px;

    fill:
        none;

    stroke:
        #ffe161;

    stroke-width:
        1.9;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


/* =========================================================
   BOTTOM SIGNATURE
========================================================= */

.rsx-footer4__bottom {
    display:
        flex;

    align-items:
        center;

    gap:
        15px;

    margin-top:
        31px;
}

.rsx-footer4__bottom-line {
    flex:
        1;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.08),
            transparent
        );
}

.rsx-footer4__signature {
    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    color:
        #738b7e;

    direction:
        ltr;

    white-space:
        nowrap;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        .14em;
}

.rsx-footer4__palette {
    display:
        flex;

    align-items:
        center;

    gap:
        3px;
}

.rsx-footer4__palette i {
    display:
        block;

    width:
        5px;

    height:
        14px;

    border-radius:
        999px;
}

.rsx-footer4__palette i:nth-child(1) {
    background:
        #ec6956;
}

.rsx-footer4__palette i:nth-child(2) {
    background:
        #ffe161;
}

.rsx-footer4__palette i:nth-child(3) {
    background:
        #58a37a;
}

.rsx-footer4__palette i:nth-child(4) {
    background:
        #5b89ba;
}


/* =========================================================
   COPYRIGHT
========================================================= */

.rsx-footer4__copyright {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        7px 12px;

    padding-top:
        13px;

    color:
        #5e7769;

    font-size:
        7.5px;
}


/* =========================================================
   HOVER
========================================================= */

@media (hover:hover) and (pointer:fine) {

    .rsx-footer4__primary-action:hover {
        transform:
            translateX(-4px);

        border-color:
            rgba(255,225,97,.15);

        background:
            rgba(255,255,255,.055);
    }

    .rsx-footer4__primary-action:hover
    .rsx-footer4__primary-action-arrow {
        transform:
            translateX(-2px);

        background:
            #ffe161;

        color:
            #173f2e;
    }

    .rsx-footer4__group > a:not(.rsx-footer4__contact-link):hover {
        padding-right:
            5px;

        color:
            #dce8e1;
    }

    .rsx-footer4__group > a:not(.rsx-footer4__contact-link):hover i {
        color:
            #ffe161;

        transform:
            translateX(-2px);
    }

    .rsx-footer4__contact-link:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(255,225,97,.24);

        background:
            rgba(255,225,97,.085);
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .rsx-footer4 {
        padding:
            66px 0 22px;
    }

    .rsx-footer4__inner {
        width:
            calc(100% - 44px);
    }

    .rsx-footer4__top {
        grid-template-columns:
            1fr;

        align-items:
            start;

        gap:
            24px;
    }

    .rsx-footer4__primary-action {
        width:
            min(
                420px,
                100%
            );
    }

    .rsx-footer4__main {
        grid-template-columns:
            1fr 1fr;
    }

    .rsx-footer4__group--contact {
        grid-column:
            1 / -1;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .rsx-footer4 {
        padding:
            54px 0 19px;
    }

    .rsx-footer4__inner {
        width:
            calc(100% - 20px);
    }

    .rsx-footer4__top {
        padding-bottom:
            29px;
    }

    .rsx-footer4__eyebrow {
        gap:
            8px;
    }

    .rsx-footer4__eyebrow-line {
        width:
            22px;
    }

    .rsx-footer4__title {
        font-size:
            clamp(
                27px,
                8.2vw,
                34px
            );
    }

    .rsx-footer4__intro {
        font-size:
            10.5px;

        line-height:
            1.9;
    }

    .rsx-footer4__primary-action {
        min-height:
            69px;
    }

    .rsx-footer4__main {
        grid-template-columns:
            1fr;

        gap:
            11px;

        padding-top:
            25px;
    }

    .rsx-footer4__group {
        padding:
            17px;

        border-radius:
            18px;
    }

    .rsx-footer4__group--contact {
        grid-column:
            auto;
    }

    .rsx-footer4__bottom {
        gap:
            8px;

        margin-top:
            25px;
    }

    .rsx-footer4__signature {
        gap:
            6px;

        font-size:
            5.8px;

        letter-spacing:
            .08em;
    }

    .rsx-footer4__palette {
        gap:
            2px;
    }

    .rsx-footer4__palette i {
        width:
            4px;

        height:
            12px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .rsx-footer4__inner {
        width:
            calc(100% - 16px);
    }

    .rsx-footer4__signature > span:last-child {
        display:
            none;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .rsx-footer4__primary-action,
    .rsx-footer4__primary-action-arrow,
    .rsx-footer4__group > a,
    .rsx-footer4__group > a i,
    .rsx-footer4__contact-link {
        transition:
            none;
    }

}




/* =========================================================
   CREDIT — AZKIWEB
========================================================= */

.rsx-footer4__copyright {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        14px;
}

.rsx-footer4__copyright-main,
.rsx-footer4__credit {
    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        6px;
}

.rsx-footer4__credit {
    color:
        #71897b;

    font-size:
        7.5px;
}

.rsx-footer4__credit-heart {
    display:
        inline-block;

    color:
        #ef5f58;

    font-family:
        Arial,
        sans-serif;

    font-size:
        13px;

    line-height:
        1;

    transform:
        translateY(1px);
}

.rsx-footer4__credit a {
    color:
        #ffe161;

    text-decoration:
        none;

    font-weight:
        700;

    transition:
        color .3s ease;
}

@media (hover:hover) and (pointer:fine) {

    .rsx-footer4__credit a:hover {
        color:
            #fff2aa;
    }

}

@media (max-width: 767px) {

    .rsx-footer4__copyright {
        flex-direction:
            column;

        justify-content:
            center;

        gap:
            8px;
    }

    .rsx-footer4__copyright-main,
    .rsx-footer4__credit {
        justify-content:
            center;
    }

}


/* =========================================================
   TRUSTED PARTNERS
========================================================= */

.rsx-footer4__partners {
    position: relative;

    margin:
        0 0 44px;

    padding:
        28px 28px 30px;

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius:
        28px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.05) 0%,
            rgba(255,255,255,.025) 100%
        );

    box-shadow:
        0 20px 55px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.05);

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);

    overflow: hidden;
}

.rsx-footer4__partners::before {
    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 12% 20%,
            rgba(255,225,97,.09),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 70%,
            rgba(78,131,190,.08),
            transparent 30%
        );

    pointer-events:
        none;
}

.rsx-footer4__partners-head {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        minmax(32px,1fr)
        auto
        minmax(32px,1fr);

    align-items: center;

    gap: 18px;

    margin-bottom: 24px;
}

.rsx-footer4__partners-line {
    display: block;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,225,97,.22),
            rgba(255,255,255,.06),
            transparent
        );
}

.rsx-footer4__partners-copy {
    text-align: center;
}

.rsx-footer4__partners-copy small {
    display: block;

    margin-bottom: 7px;

    color: var(--rsx-footer4-yellow);

    font-size: 12px;
    font-weight: 700;
    letter-spacing: .26em;
}

.rsx-footer4__partners-copy strong {
    display: block;

    color: var(--rsx-footer4-text);

    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
}

.rsx-footer4__partners-copy p {
    margin: 9px 0 0;

    color: var(--rsx-footer4-muted);

    font-size: 14px;
    line-height: 1.9;
}

.rsx-footer4__partners-grid {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0,1fr));

    gap: 16px;
}

.rsx-footer4__partner-card {
    position: relative;

    min-height: 124px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 18px 20px;

    border: 1px solid rgba(255,255,255,.58);
    border-radius: 22px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.97) 0%,
            rgba(245,240,226,.94) 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 16px 35px rgba(0,0,0,.14);

    transition:
        transform .32s ease,
        border-color .32s ease,
        background .32s ease,
        box-shadow .32s ease;
}

.rsx-footer4__partner-card::after {
    content: "";

    position: absolute;

    inset: 0;

    border-radius: inherit;

    background:
        linear-gradient(
            135deg,
            rgba(255,225,97,.12),
            transparent 35%,
            transparent 65%,
            rgba(78,131,190,.08)
        );

    opacity: 0;

    transition: opacity .32s ease;

    pointer-events: none;
}

.rsx-footer4__partner-card img {
    width: 100%;
    max-width: 168px;
    max-height: 74px;
    object-fit: contain;

    filter:
        saturate(.98)
        contrast(1.02)
        brightness(.98);

    opacity: .92;

    transition:
        transform .32s ease,
        opacity .32s ease,
        filter .32s ease;
}

@media (hover:hover) and (pointer:fine) {

    .rsx-footer4__partner-card:hover {
        transform: translateY(-4px);

        border-color: rgba(255,225,97,.55);

        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #f8f3e7 100%
            );

        box-shadow:
            0 22px 40px rgba(0,0,0,.18),
            inset 0 1px 0 rgba(255,255,255,1);
    }

    .rsx-footer4__partner-card:hover::after {
        opacity: 1;
    }

    .rsx-footer4__partner-card:hover img {
        opacity: 1;

        filter:
            saturate(1.05)
            contrast(1.04)
            brightness(1.02);

        transform: scale(1.03);
    }

}

@media (max-width: 1199px) {

    .rsx-footer4__partners-copy strong {
        font-size: 22px;
    }

    .rsx-footer4__partners-grid {
        grid-template-columns:
            repeat(3, minmax(0,1fr));
    }

}

@media (max-width: 767px) {

    .rsx-footer4__partners {
        margin-bottom: 34px;

        padding: 22px 18px 22px;

        border-radius: 22px;
    }

    .rsx-footer4__partners-head {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 18px;
    }

    .rsx-footer4__partners-line {
        display: none;
    }

    .rsx-footer4__partners-copy strong {
        font-size: 20px;
    }

    .rsx-footer4__partners-copy p {
        font-size: 13px;
    }

    .rsx-footer4__partners-grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap: 12px;
    }

    .rsx-footer4__partner-card {
        min-height: 102px;
        padding: 16px 14px;
        border-radius: 18px;
    }

    .rsx-footer4__partner-card img {
        max-width: 132px;
        max-height: 58px;
    }

}

@media (max-width: 520px) {

    .rsx-footer4__partners-grid {
        grid-template-columns: 1fr;
    }

    .rsx-footer4__partner-card {
        min-height: 92px;
    }

}



/* Native WordPress footer menu support. */
.rsx-footer4__menu {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rsx-footer4__menu > li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rsx-footer4__menu > a,
.rsx-footer4__menu > li > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 37px;
	padding: 7px 0;
	border-bottom: 1px solid rgba(255,255,255,.045);
	color: #9eb1a5;
	text-decoration: none;
	font-size: 10.5px;
	font-weight: 500;
	line-height: 1.7;
	transition: padding-right .3s ease, color .3s ease;
}

.rsx-footer4__menu > a i {
	color: #6f8879;
	font-style: normal;
	transition: color .3s ease, transform .3s ease;
}

.rsx-footer4__menu > li > a::after {
	content: "←";
	color: #6f8879;
	font-family: Arial, sans-serif;
	font-size: 12px;
	transition: color .3s ease, transform .3s ease;
}

@media (hover:hover) and (pointer:fine) {
	.rsx-footer4__menu > a:hover,
	.rsx-footer4__menu > li > a:hover {
		padding-right: 5px;
		color: #dce8e1;
	}

	.rsx-footer4__menu > a:hover i,
	.rsx-footer4__menu > li > a:hover::after {
		color: #ffe161;
		transform: translateX(-2px);
	}
}

/* =========================================================
   END — RANG SAREH FOOTER
========================================================= */