/**
 * DGCHEME — Shared Internal Pages
 *
 * Loaded only on standard WordPress pages that are not the Homepage.
 *
 * Architecture:
 * - core.css        => global theme foundation
 * - home.css        => Homepage only
 * - inner-pages.css => shared internal-page visual system
 *
 * Add common internal-page components here as pages are migrated.
 * Do not copy Homepage-only section CSS into this file.
 *
 * @package DGCHEME
 */

/* =========================================================
   INNER PAGES — SHARED FOUNDATION
========================================================= */

/*
 * Intentionally minimal at v1.6.35.
 * The first internal page migration will establish the shared component
 * system here (hero, breadcrumb, sections, CTA, FAQ, content layouts, etc.).
 */

/* =========================================================
   INNER PAGES — SHARED HERO SLIDER (rshero27)
   Source: approved Homepage slider
   Visual/behavior parity preserved.
========================================================= */

/* ==========================================================================
   DGCHEME Homepage
   Shared Internal Pages — Hero Slider
   Namespace: rshero27
   ========================================================================== */

/*
 * DGCHEME HOMEPAGE SEMANTIC HEADING SCALE
 * H1: 20px | H2: 18px | H3: 16px | H4: 14px | H5: 12px | H6: 10px
 * Current migrated sections are scoped below; do not enlarge semantic headings
 * unless the project owner explicitly requests a different size.
 */

.dg-home-main,
body.dgcheme-page-full-width .dgpm-page-shell,
body.dgcheme-page-full-width .dgpm-page-article,
body.dgcheme-page-full-width .dgpm-entry-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.rshero27,
.rshero27 * {
	box-sizing: border-box;
}

.rshero27 {
	--rshero27-gold: #d6a93b;
	--rshero27-green: #173f2e;
	--rshero27-deep: #071c14;
	--rshero27-ease: cubic-bezier(.22, 1, .36, 1);
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: var(--rshero27-deep);
	font-family: inherit;
}

.rshero27__viewport {
	position: relative;
	width: 100%;
	height: 100vh;
	height: 100svh;
	min-height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	isolation: isolate;
	background: var(--rshero27-deep);
	touch-action: pan-y;
}

.rshero27__slide {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: scale(1.018);
	transition:
		opacity 760ms ease,
		visibility 760ms ease,
		transform 1100ms var(--rshero27-ease);
}

.rshero27__slide.is-active {
	z-index: 2;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: scale(1);
}

.rshero27__media {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.rshero27__image {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	object-fit: cover;
	object-position: center center;
	user-select: none;
	pointer-events: none;
	transform: scale(1);
	filter: saturate(.94) contrast(1.02) brightness(.96);
	transition:
		transform 8s cubic-bezier(.2,.55,.28,1),
		filter 1000ms ease;
}

.rshero27__slide.is-active .rshero27__image {
	transform: scale(1.065);
	filter: saturate(1) contrast(1.02) brightness(1);
}

.rshero27__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(
			90deg,
			rgba(5,24,17,.94) 0%,
			rgba(7,31,22,.83) 26%,
			rgba(7,31,22,.42) 56%,
			rgba(7,31,22,.07) 100%
		),
		linear-gradient(
			0deg,
			rgba(3,14,10,.58) 0%,
			rgba(3,14,10,.04) 45%
		);
}

.rshero27__shade::after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .13;
	background-image:
		linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
	background-size: 58px 58px;
	-webkit-mask-image: linear-gradient(to right, #000 0%, transparent 76%);
	mask-image: linear-gradient(to right, #000 0%, transparent 76%);
}

.rshero27__content {
	position: absolute;
	z-index: 5;
	top: 50%;
	left: clamp(120px, 9vw, 155px);
	width: min(650px, calc(100% - 300px));
	color: #fff;
	direction: ltr;
	text-align: left;
	transform: translateY(-50%);
}

.rshero27__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	min-height: 34px;
	margin: 0 0 18px;
	padding: 8px 13px;
	border: 1px solid rgba(214,169,59,.25);
	border-radius: 999px;
	color: #f0c95c;
	background: rgba(7,31,22,.46);
	backdrop-filter: blur(11px);
	-webkit-backdrop-filter: blur(11px);
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 2px;
	opacity: 0;
	transform: translateY(22px);
	transition:
		opacity 580ms ease,
		transform 720ms var(--rshero27-ease);
}

.rshero27__eyebrow::before {
	content: "";
	width: 28px;
	height: 1px;
	background: var(--rshero27-gold);
}

.rshero27__title {
	max-width: 680px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: clamp(42px, 4.7vw, 76px);
	line-height: 1.03;
	font-weight: 700;
	letter-spacing: normal;
	opacity: 0;
	transform: translateY(30px);
	transition:
		opacity 650ms ease,
		transform 820ms var(--rshero27-ease);
}

.rshero27__description {
	max-width: 590px;
	margin: 24px 0 0;
	padding: 0;
	color: rgba(255,255,255,.80);
	font-size: clamp(15px, 1.25vw, 18px);
	line-height: 1.82;
	font-weight: 400;
	opacity: 0;
	transform: translateY(30px);
	transition:
		opacity 650ms ease,
		transform 820ms var(--rshero27-ease);
}

.rshero27__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	min-height: 52px;
	margin: 32px 0 0;
	padding: 13px 23px;
	border: 1px solid rgba(255,255,255,.27);
	border-radius: 999px;
	color: #fff;
	background: rgba(255,255,255,.07);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	font-size: 14px;
	line-height: 1;
	font-weight: 650;
	text-decoration: none;
	opacity: 0;
	transform: translateY(30px);
	transition:
		color 300ms ease,
		border-color 300ms ease,
		background-color 300ms ease,
		box-shadow 300ms ease,
		opacity 650ms ease,
		transform 820ms var(--rshero27-ease);
}

.rshero27__cta svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 300ms var(--rshero27-ease);
}

a.rshero27__cta:hover {
	color: #172018;
	border-color: var(--rshero27-gold);
	background: var(--rshero27-gold);
	box-shadow: 0 14px 34px rgba(0,0,0,.22);
	transform: translateY(-3px);
}

a.rshero27__cta:hover svg {
	transform: translateX(4px);
}

.rshero27__cta--pending {
	cursor: default;
}

.rshero27__slide.is-active .rshero27__eyebrow {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 160ms;
}

.rshero27__slide.is-active .rshero27__title {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 260ms;
}

.rshero27__slide.is-active .rshero27__description {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 370ms;
}

.rshero27__slide.is-active .rshero27__cta {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 480ms;
}

.rshero27__arrow {
	position: absolute;
	z-index: 30;
	top: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 90px;
	height: 48px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid rgba(214,169,59,.32);
	border-radius: 999px;
	color: rgba(255,255,255,.94);
	background: rgba(7,31,22,.58);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	box-shadow: 0 12px 30px rgba(0,0,0,.18);
	cursor: pointer;
	transform: translateY(-50%);
	transition:
		color 260ms ease,
		border-color 260ms ease,
		background-color 260ms ease,
		transform 260ms var(--rshero27-ease);
}

.rshero27__arrow--prev {
	left: 22px;
}

.rshero27__arrow--next {
	right: 22px;
}

.rshero27__arrow span {
	font-size: 7px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: .7px;
}

.rshero27__arrow svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none;
}

.rshero27__arrow:hover {
	color: #172018;
	border-color: var(--rshero27-gold);
	background: var(--rshero27-gold);
	transform: translateY(-50%) scale(1.055);
}

.rshero27__arrow:focus-visible,
.rshero27__dot:focus-visible,
.rshero27__cta:focus-visible {
	outline: 2px solid #ffe161;
	outline-offset: 4px;
}

.rshero27__bottom {
	position: absolute;
	z-index: 32;
	right: clamp(22px, 4vw, 64px);
	bottom: 22px;
	left: clamp(22px, 4vw, 64px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	pointer-events: none;
}

.rshero27__dots {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 7px;
	min-height: 36px;
	margin: 0;
	padding: 8px 11px;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 999px;
	background: rgba(7,31,22,.54);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	pointer-events: auto;
}

.rshero27__dot {
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	opacity: .62;
	background: rgba(255,255,255,.76);
	cursor: pointer;
	transition:
		width 300ms var(--rshero27-ease),
		opacity 240ms ease,
		background-color 240ms ease;
}

.rshero27__dot.is-active {
	width: 28px;
	opacity: 1;
	background: var(--rshero27-gold);
}

.rshero27__counter {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 9px;
	min-height: 36px;
	margin: 0;
	padding: 8px 12px;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 999px;
	color: #fff;
	background: rgba(7,31,22,.54);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	direction: ltr;
	font-variant-numeric: tabular-nums;
	pointer-events: auto;
}

.rshero27__current {
	color: var(--rshero27-gold);
	font-size: 17px;
	line-height: 1;
	font-weight: 750;
}

.rshero27__counter-line {
	width: 24px;
	height: 1px;
	background: rgba(255,255,255,.36);
}

.rshero27__total {
	color: rgba(255,255,255,.66);
	font-size: 11px;
	line-height: 1;
	font-weight: 650;
}

@media (max-width: 1024px) {
	.rshero27__viewport {
		height: 620px;
	}

	.rshero27__content {
		left: 88px;
		width: min(590px, calc(100% - 176px));
	}

	.rshero27__title {
		font-size: clamp(39px, 6vw, 60px);
	}
}

@media (max-width: 767px) {
	.rshero27__viewport {
		height: auto;
		min-height: 0;
		aspect-ratio: 9 / 16;
	}

	.rshero27__shade {
		background:
			linear-gradient(
				180deg,
				rgba(4,19,13,.27) 0%,
				rgba(4,19,13,.04) 24%,
				rgba(4,19,13,.10) 52%,
				rgba(4,19,13,.84) 100%
			);
	}

	.rshero27__shade::after {
		display: none;
	}

	.rshero27__content {
		top: auto;
		right: 23px;
		bottom: 88px;
		left: 23px;
		width: auto;
		transform: none;
	}

	.rshero27__eyebrow {
		min-height: 30px;
		margin-bottom: 11px;
		padding: 7px 10px;
		font-size: 9px;
		letter-spacing: 1.3px;
	}

	.rshero27__title {
		font-size: clamp(30px, 9.2vw, 43px);
		line-height: 1.07;
	}

	.rshero27__description {
		display: -webkit-box;
		margin-top: 13px;
		overflow: hidden;
		font-size: 13px;
		line-height: 1.62;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.rshero27__cta {
		min-height: 45px;
		margin-top: 17px;
		padding: 11px 17px;
		font-size: 12px;
	}

	.rshero27__arrow {
		min-width: 48px;
		height: 42px;
		padding: 0 8px;
		gap: 3px;
	}

	.rshero27__arrow--prev {
		left: 10px;
	}

	.rshero27__arrow--next {
		right: 10px;
	}

	.rshero27__arrow span {
		font-size: 6px;
	}

	.rshero27__arrow svg {
		width: 16px;
		height: 16px;
	}

	.rshero27__bottom {
		right: 15px;
		bottom: 15px;
		left: 15px;
	}

	.rshero27__dots,
	.rshero27__counter {
		min-height: 33px;
	}

	.rshero27__dots {
		gap: 6px;
		padding: 7px 9px;
	}

	.rshero27__counter {
		padding: 7px 10px;
	}

	.rshero27__dot {
		width: 7px;
		height: 7px;
	}

	.rshero27__dot.is-active {
		width: 23px;
	}

	.rshero27__current {
		font-size: 15px;
	}

	.rshero27__counter-line {
		width: 18px;
	}
}

@media (max-width: 420px) {
	.rshero27__content {
		right: 19px;
		bottom: 82px;
		left: 19px;
	}

	.rshero27__title {
		font-size: 30px;
	}

	.rshero27__description {
		-webkit-line-clamp: 2;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rshero27__slide,
	.rshero27__eyebrow,
	.rshero27__title,
	.rshero27__description,
	.rshero27__cta {
		transition-duration: 1ms;
	}

	.rshero27__image {
		transition: none;
	}
}

/* END — INNER PAGES SHARED HERO SLIDER */

/* =========================================================
   INNER PAGES — INTRO CONTENT
   v1.6.38
   Shared first content section directly below Hero.
========================================================= */

.dgip-intro {
    position: relative;
    width: 100%;
    padding: 42px 20px 46px;
    background:
        radial-gradient(circle at 88% 18%, rgba(183, 150, 47, .08), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #fbfcfb 100%);
    overflow: hidden;
}

.dgip-intro__inner {
    position: relative;
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgip-intro__content {
    position: relative;
    padding: 28px 30px 30px;
    border: 1px solid rgba(11, 62, 49, .10);
    border-radius: 18px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 34px rgba(7, 41, 32, .06);
}

.dgip-intro__content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 30px;
    width: 64px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0f4d3d 0%, #c3a13a 100%);
}

.dgip-intro__title {
    margin: 0 0 14px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.9;
    color: #0b3e31;
}

.dgip-intro__heading {
    margin: 0 0 16px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 750;
    line-height: 1.9;
    color: #163f35;
}

.dgip-intro__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.15;
    text-align: justify;
    text-justify: inter-word;
    color: #455951;
}

.dgip-intro__text a {
    color: #0f5a46;
    text-decoration-color: rgba(183, 150, 47, .55);
    text-underline-offset: 4px;
}

.dgip-intro__text a:hover,
.dgip-intro__text a:focus-visible {
    color: #9b7e25;
}

@media (max-width: 767px) {
    .dgip-intro {
        padding: 28px 14px 32px;
    }

    .dgip-intro__content {
        padding: 24px 18px 24px;
        border-radius: 15px;
    }

    .dgip-intro__content::before {
        right: 18px;
        width: 52px;
    }

    .dgip-intro__title {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .dgip-intro__heading {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .dgip-intro__text {
        font-size: 13px;
        line-height: 2.05;
    }
}

/* END — INNER PAGES INTRO CONTENT */

/* =========================================================
   INNER PAGES — GREEN PROCESS SECTION
   v1.6.39
========================================================= */

.dgip-process {
    position: relative;
    width: 100%;
    padding: 58px 20px 62px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 12% 18%, rgba(221, 190, 75, .13), transparent 24%),
        radial-gradient(circle at 88% 82%, rgba(45, 133, 104, .18), transparent 28%),
        linear-gradient(135deg, #06271f 0%, #0a3a2d 52%, #0d4435 100%);
}

.dgip-process::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: .32;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 92%);
}

.dgip-process::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    left: -80px;
    bottom: -120px;
    z-index: -1;
    border-radius: 50%;
    border: 1px solid rgba(220, 187, 74, .20);
    box-shadow:
        0 0 0 36px rgba(220, 187, 74, .025),
        0 0 0 72px rgba(220, 187, 74, .018);
}

.dgip-process__inner {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgip-process__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: end;
    margin-bottom: 28px;
}

.dgip-process__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    color: #d8bd59;
}

.dgip-process__eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #d8bd59);
}

.dgip-process__title {
    max-width: 760px;
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.95;
    color: #ffffff;
}

.dgip-process__meta {
    display: flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, .62);
}

.dgip-process__meta::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d8bd59;
    box-shadow: 0 0 0 5px rgba(216, 189, 89, .10);
}

.dgip-process__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.dgip-process-card {
    position: relative;
    min-height: 220px;
    padding: 24px 22px 22px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 16px 34px rgba(0,0,0,.14);
    backdrop-filter: blur(7px);
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.dgip-process-card::after {
    content: "";
    position: absolute;
    inset: auto 22px 0;
    height: 2px;
    border-radius: 999px 999px 0 0;
    transform: scaleX(.34);
    transform-origin: right center;
    background: linear-gradient(90deg, #d8bd59, rgba(216,189,89,0));
    transition: transform .25s ease;
}

.dgip-process-card:hover {
    transform: translateY(-4px);
    border-color: rgba(216, 189, 89, .26);
    background:
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
}

.dgip-process-card:hover::after {
    transform: scaleX(1);
}

.dgip-process-card__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    border: 1px solid rgba(216, 189, 89, .32);
    border-radius: 12px;
    background: rgba(216, 189, 89, .10);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    font-weight: 700;
    color: #e5ca64;
}

.dgip-process-card__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 13px;
    font-weight: 400;
    line-height: 2.05;
    text-align: justify;
    color: rgba(255,255,255,.82);
}

.dgip-process-card__text strong {
    font-weight: 800;
    color: #ffffff;
}

@media (max-width: 980px) {
    .dgip-process__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dgip-process__head {
        grid-template-columns: 1fr;
        align-items: start;
    }
}

@media (max-width: 640px) {
    .dgip-process {
        padding: 42px 14px 44px;
    }

    .dgip-process__grid {
        grid-template-columns: 1fr;
    }

    .dgip-process-card {
        min-height: 0;
        padding: 20px 18px 20px;
    }

    .dgip-process__title {
        font-size: 18px;
    }
}

/* END — INNER PAGES GREEN PROCESS SECTION */

/* =========================================================
   INNER PAGES — LIGHT EXPLAINER SECTION
   v1.6.41
========================================================= */

.dgip-explainer {
    position: relative;
    width: 100%;
    padding: 58px 20px 62px;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 12%, rgba(198, 166, 54, .10), transparent 24%),
        linear-gradient(180deg, #f7faf8 0%, #ffffff 100%);
}

.dgip-explainer::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(15, 77, 61, .16), transparent);
}

.dgip-explainer__inner {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgip-explainer__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
    gap: 34px;
    align-items: center;
}

.dgip-explainer__content {
    position: relative;
    padding: 30px 32px 32px;
    border: 1px solid rgba(12, 66, 52, .10);
    border-radius: 20px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 44px rgba(8, 46, 36, .07);
}

.dgip-explainer__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    color: #a88928;
}

.dgip-explainer__eyebrow::before {
    content: "";
    width: 32px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b89b37);
}

.dgip-explainer__title {
    margin: 0 0 16px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.9;
    color: #ffffff;
}

.dgip-explainer__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.15;
    text-align: justify;
    color: #455b53;
}

.dgip-explainer__text strong {
    color: #153f34;
    font-weight: 800;
}

.dgip-explainer__media {
    position: relative;
}

.dgip-explainer__media-frame {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(12, 66, 52, .12);
    background:
        linear-gradient(145deg, #eef5f1 0%, #fdfdfb 100%);
    box-shadow: 0 18px 44px rgba(8, 46, 36, .08);
}

.dgip-explainer__media-frame::before {
    content: "";
    position: absolute;
    inset: 14px;
    z-index: 2;
    pointer-events: none;
    border-radius: 15px;
    border: 1px solid rgba(183, 150, 47, .24);
}

.dgip-explainer__media-frame::after {
    content: "IMAGE";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    z-index: 1;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    letter-spacing: .18em;
    color: rgba(13, 73, 57, .34);
}

.dgip-explainer__image {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dgip-explainer__media-note {
    position: absolute;
    right: 22px;
    bottom: 22px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 999px;
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 22px rgba(8, 46, 36, .10);
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #0d4939;
}

.dgip-explainer__media-note::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c4a438;
}

@media (max-width: 860px) {
    .dgip-explainer__layout {
        grid-template-columns: 1fr;
    }

    .dgip-explainer__media {
        max-width: 560px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .dgip-explainer {
        padding: 42px 14px 46px;
    }

    .dgip-explainer__content {
        padding: 24px 18px 26px;
        border-radius: 16px;
    }

    .dgip-explainer__title {
        font-size: 18px;
    }

    .dgip-explainer__text {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgip-explainer__media-frame {
        border-radius: 18px;
    }
}

/* END — INNER PAGES LIGHT EXPLAINER SECTION */

/* =========================================================
   INNER PAGES — GLITTER SOURCES
   v1.6.42
========================================================= */

.dgip-sources {
    position: relative;
    width: 100%;
    padding: 58px 20px 62px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 82% 14%, rgba(205, 173, 62, .12), transparent 26%),
        radial-gradient(circle at 14% 86%, rgba(59, 143, 112, .18), transparent 28%),
        linear-gradient(135deg, #06271f 0%, #0a382d 48%, #0d4738 100%);
}

.dgip-sources::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .24;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 34px 34px;
}

.dgip-sources__inner {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgip-sources__head {
    max-width: 780px;
    margin-bottom: 28px;
}

.dgip-sources__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    color: #d7ba52;
}

.dgip-sources__eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #d7ba52);
}

.dgip-sources__title {
    margin: 0 0 14px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.95;
    color: #ffffff;
}

.dgip-sources__lead {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.15;
    text-align: justify;
    color: rgba(255,255,255,.78);
}

.dgip-sources__lead a {
    color: #e3c75f;
    text-decoration-color: rgba(227,199,95,.46);
    text-underline-offset: 4px;
}

.dgip-sources__lead a:hover,
.dgip-sources__lead a:focus-visible {
    color: #ffffff;
}

.dgip-sources__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.dgip-source-card {
    position: relative;
    min-height: 168px;
    padding: 22px 20px 20px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 14px 30px rgba(0,0,0,.13);
    backdrop-filter: blur(7px);
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.dgip-source-card:hover {
    transform: translateY(-4px);
    border-color: rgba(215,186,82,.26);
    background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
}

.dgip-source-card__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 16px;
    border-radius: 10px;
    background: rgba(215,186,82,.10);
    border: 1px solid rgba(215,186,82,.26);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    font-weight: 700;
    color: #e1c75f;
}

.dgip-source-card__title {
    margin: 0 0 8px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.8;
    color: #ffffff;
}

.dgip-source-card__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    color: rgba(255,255,255,.70);
}

@media (max-width: 980px) {
    .dgip-sources__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .dgip-sources {
        padding: 42px 14px 46px;
    }

    .dgip-sources__grid {
        grid-template-columns: 1fr;
    }

    .dgip-sources__title {
        font-size: 18px;
    }

    .dgip-sources__lead {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgip-source-card {
        min-height: 0;
        padding: 20px 18px;
    }

    .dgip-source-card__title {
        font-size: 16px;
    }
}

/* END — INNER PAGES GLITTER SOURCES */

/* =========================================================
   INNER PAGES — WHOLESALE GLITTER OVERVIEW
   v1.6.43
========================================================= */

.dgip-wholesale {
    position: relative;
    width: 100%;
    padding: 58px 20px 62px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(194, 163, 56, .09), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
}

.dgip-wholesale__inner {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgip-wholesale__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: 30px;
    align-items: stretch;
}

.dgip-wholesale__content {
    position: relative;
    padding: 30px 32px 32px;
    border: 1px solid rgba(12, 66, 52, .10);
    border-radius: 20px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 18px 44px rgba(8, 46, 36, .07);
}

.dgip-wholesale__content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 32px;
    width: 68px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #0e4c3b, #c1a13a);
}

.dgip-wholesale__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    color: #a58728;
}

.dgip-wholesale__eyebrow::before {
    content: "";
    width: 32px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b89a36);
}

.dgip-wholesale__title {
    margin: 0 0 16px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.9;
    color: #0d4939;
}

.dgip-wholesale__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.15;
    text-align: justify;
    color: #455b53;
}

.dgip-wholesale__text a {
    color: #0f5a46;
    text-decoration-color: rgba(184,154,54,.48);
    text-underline-offset: 4px;
}

.dgip-wholesale__text a:hover,
.dgip-wholesale__text a:focus-visible {
    color: #9b7d24;
}

.dgip-wholesale__points {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.dgip-wholesale-point {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 18px 18px 18px 20px;
    border: 1px solid rgba(12,66,52,.09);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(246,250,248,.98), rgba(255,255,255,.98));
    box-shadow: 0 10px 26px rgba(8,46,36,.05);
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.dgip-wholesale-point:hover {
    transform: translateY(-3px);
    border-color: rgba(184,154,54,.24);
    box-shadow: 0 14px 30px rgba(8,46,36,.075);
}

.dgip-wholesale-point__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    border: 1px solid rgba(184,154,54,.22);
    background: rgba(184,154,54,.08);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    font-weight: 700;
    color: #9e8128;
}

.dgip-wholesale-point__title {
    margin: 0 0 5px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.8;
    color: #153f34;
}

.dgip-wholesale-point__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.95;
    color: rgba(255,255,255,.70);
}

@media (max-width: 860px) {
    .dgip-wholesale__layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .dgip-wholesale {
        padding: 42px 14px 46px;
    }

    .dgip-wholesale__content {
        padding: 24px 18px 26px;
        border-radius: 16px;
    }

    .dgip-wholesale__title {
        font-size: 18px;
    }

    .dgip-wholesale__text {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgip-wholesale-point__title {
        font-size: 16px;
    }
}

/* END — INNER PAGES WHOLESALE GLITTER OVERVIEW */

/* =========================================================
   INNER PAGES — WHOLESALE SUCCESS FACTORS
   v1.6.44
========================================================= */

.dgip-success {
    position: relative;
    width: 100%;
    padding: 60px 20px 64px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 86% 10%, rgba(214, 181, 66, .13), transparent 26%),
        radial-gradient(circle at 10% 88%, rgba(48, 132, 101, .18), transparent 28%),
        linear-gradient(135deg, #06271f 0%, #0a382d 50%, #0d4738 100%);
}

.dgip-success::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 36px 36px;
}

.dgip-success__inner {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgip-success__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: end;
    margin-bottom: 30px;
}

.dgip-success__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    color: #d8bd59;
}

.dgip-success__eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #d8bd59);
}

.dgip-success__title {
    margin: 0 0 12px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.95;
    color: #ffffff;
}

.dgip-success__lead {
    max-width: 760px;
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.1;
    text-align: justify;
    color: rgba(255,255,255,.76);
}

.dgip-success__lead a {
    color: #e2c55d;
    text-decoration-color: rgba(226,197,93,.42);
    text-underline-offset: 4px;
}

.dgip-success__lead a:hover,
.dgip-success__lead a:focus-visible {
    color: #ffffff;
}

.dgip-success__badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 13px;
    border: 1px solid rgba(216,189,89,.22);
    border-radius: 999px;
    background: rgba(216,189,89,.08);
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    color: #e2c65f;
}

.dgip-success__badge::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d8bd59;
    box-shadow: 0 0 0 5px rgba(216,189,89,.08);
}

.dgip-success__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.dgip-success-card {
    position: relative;
    grid-column: span 2;
    min-height: 210px;
    padding: 22px 20px 20px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 16px 34px rgba(0,0,0,.14);
    backdrop-filter: blur(7px);
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.dgip-success-card:nth-child(4),
.dgip-success-card:nth-child(5) {
    grid-column: span 3;
}

.dgip-success-card::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 54px;
    height: 2px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, #d8bd59, rgba(216,189,89,0));
    transition: width .25s ease;
}

.dgip-success-card:hover {
    transform: translateY(-4px);
    border-color: rgba(216,189,89,.27);
    background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
}

.dgip-success-card:hover::after {
    width: calc(100% - 40px);
}

.dgip-success-card__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 16px;
    border-radius: 11px;
    border: 1px solid rgba(216,189,89,.28);
    background: rgba(216,189,89,.09);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    font-weight: 700;
    color: #e2c65f;
}

.dgip-success-card__title {
    margin: 0 0 8px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.8;
    color: #ffffff;
}

.dgip-success-card__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    color: rgba(255,255,255,.70);
}

@media (max-width: 980px) {
    .dgip-success__head {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .dgip-success__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dgip-success-card,
    .dgip-success-card:nth-child(4),
    .dgip-success-card:nth-child(5) {
        grid-column: auto;
    }

    .dgip-success-card:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .dgip-success {
        padding: 42px 14px 46px;
    }

    .dgip-success__grid {
        grid-template-columns: 1fr;
    }

    .dgip-success-card,
    .dgip-success-card:last-child {
        grid-column: auto;
        min-height: 0;
        padding: 20px 18px;
    }

    .dgip-success__title {
        font-size: 18px;
    }

    .dgip-success__lead {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgip-success-card__title {
        font-size: 16px;
    }
}

/* END — INNER PAGES WHOLESALE SUCCESS FACTORS */

/* =========================================================
   INNER PAGES — GLITTER INDUSTRY TRENDS
   v1.6.45
========================================================= */

.dgip-trends {
    position: relative;
    width: 100%;
    padding: 60px 20px 64px;
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 14%, rgba(191, 160, 55, .10), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f6faf8 100%);
}

.dgip-trends::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 0%, rgba(14, 76, 59, .035) 50%, transparent 100%);
}

.dgip-trends__inner {
    position: relative;
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgip-trends__head {
    max-width: 790px;
    margin-bottom: 28px;
}

.dgip-trends__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    color: #a88928;
}

.dgip-trends__eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b89b37);
}

.dgip-trends__title {
    margin: 0 0 14px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.95;
    color: #0d4939;
}

.dgip-trends__lead {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.15;
    text-align: justify;
    color: #455b53;
}

.dgip-trends__lead a {
    color: #0f5a46;
    text-decoration-color: rgba(184,154,54,.48);
    text-underline-offset: 4px;
}

.dgip-trends__lead a:hover,
.dgip-trends__lead a:focus-visible {
    color: #987b24;
}

.dgip-trends__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.dgip-trend-card {
    position: relative;
    min-height: 230px;
    padding: 24px 22px 22px;
    overflow: hidden;
    border: 1px solid rgba(12, 66, 52, .10);
    border-radius: 18px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 14px 34px rgba(8,46,36,.065);
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.dgip-trend-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, rgba(184,154,54,0), #b89a36, rgba(14,76,59,.65));
    opacity: .78;
}

.dgip-trend-card:hover {
    transform: translateY(-4px);
    border-color: rgba(184,154,54,.24);
    box-shadow: 0 18px 38px rgba(8,46,36,.085);
}

.dgip-trend-card__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    border-radius: 12px;
    border: 1px solid rgba(184,154,54,.22);
    background: rgba(184,154,54,.08);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    font-weight: 700;
    color: #9d8128;
}

.dgip-trend-card__title {
    margin: 0 0 9px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.8;
    color: #153f34;
}

.dgip-trend-card__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    color: #66786f;
}

@media (max-width: 900px) {
    .dgip-trends__grid {
        grid-template-columns: 1fr;
    }

    .dgip-trend-card {
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .dgip-trends {
        padding: 42px 14px 46px;
    }

    .dgip-trends__title {
        font-size: 18px;
    }

    .dgip-trends__lead {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgip-trend-card {
        padding: 20px 18px;
    }

    .dgip-trend-card__title {
        font-size: 16px;
    }
}

/* END — INNER PAGES GLITTER INDUSTRY TRENDS */

/* =========================================================
   INNER PAGES — CHALLENGES & OPPORTUNITIES
   v1.6.46
========================================================= */

.dgip-challenges {
    position: relative;
    width: 100%;
    padding: 60px 20px 64px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 82% 12%, rgba(216, 189, 89, .13), transparent 26%),
        radial-gradient(circle at 10% 88%, rgba(49, 132, 101, .17), transparent 28%),
        linear-gradient(135deg, #06271f 0%, #0a392d 50%, #0d4738 100%);
}

.dgip-challenges::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 36px 36px;
}

.dgip-challenges__inner {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgip-challenges__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: end;
    margin-bottom: 30px;
}

.dgip-challenges__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    color: #d8bd59;
}

.dgip-challenges__eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #d8bd59);
}

.dgip-challenges__title {
    margin: 0 0 12px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.95;
    color: #ffffff;
}

.dgip-challenges__lead {
    max-width: 780px;
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.1;
    text-align: justify;
    color: rgba(255,255,255,.76);
}

.dgip-challenges__lead a {
    color: #e3c75f;
    text-decoration-color: rgba(227,199,95,.46);
    text-underline-offset: 4px;
}

.dgip-challenges__lead a:hover,
.dgip-challenges__lead a:focus-visible {
    color: #ffffff;
}

.dgip-challenges__badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 13px;
    border: 1px solid rgba(216,189,89,.22);
    border-radius: 999px;
    background: rgba(216,189,89,.08);
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    color: #e2c65f;
}

.dgip-challenges__badge::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d8bd59;
    box-shadow: 0 0 0 5px rgba(216,189,89,.08);
}

.dgip-challenges__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.dgip-challenge-card {
    position: relative;
    min-height: 235px;
    padding: 24px 22px 22px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 16px 34px rgba(0,0,0,.14);
    backdrop-filter: blur(7px);
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.dgip-challenge-card::after {
    content: "";
    position: absolute;
    right: 22px;
    bottom: 0;
    width: 58px;
    height: 2px;
    background: linear-gradient(90deg, #d8bd59, rgba(216,189,89,0));
    transition: width .25s ease;
}

.dgip-challenge-card:hover {
    transform: translateY(-4px);
    border-color: rgba(216,189,89,.27);
    background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
}

.dgip-challenge-card:hover::after {
    width: calc(100% - 44px);
}

.dgip-challenge-card__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    border-radius: 12px;
    border: 1px solid rgba(216,189,89,.28);
    background: rgba(216,189,89,.09);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    font-weight: 700;
    color: #e2c65f;
}

.dgip-challenge-card__title {
    margin: 0 0 9px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.8;
    color: #ffffff;
}

.dgip-challenge-card__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    color: rgba(255,255,255,.70);
}

@media (max-width: 900px) {
    .dgip-challenges__head {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .dgip-challenges__grid {
        grid-template-columns: 1fr;
    }

    .dgip-challenge-card {
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .dgip-challenges {
        padding: 42px 14px 46px;
    }

    .dgip-challenges__title {
        font-size: 18px;
    }

    .dgip-challenges__lead {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgip-challenge-card {
        padding: 20px 18px;
    }

    .dgip-challenge-card__title {
        font-size: 16px;
    }
}

/* END — INNER PAGES CHALLENGES & OPPORTUNITIES */

/* =========================================================
   INNER PAGES — FUTURE OF WHOLESALE GLITTER
   v1.6.47
========================================================= */

.dgip-future {
    position: relative;
    width: 100%;
    padding: 60px 20px 64px;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 14%, rgba(191, 160, 55, .09), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f6faf8 100%);
}

.dgip-future__inner {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgip-future__panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 30px;
    align-items: stretch;
    padding: 30px;
    border: 1px solid rgba(12,66,52,.10);
    border-radius: 22px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 18px 46px rgba(8,46,36,.07);
}

.dgip-future__panel::before {
    content: "";
    position: absolute;
    top: 0;
    right: 34px;
    width: 72px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #0e4c3b, #c1a13a);
}

.dgip-future__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    color: #a88928;
}

.dgip-future__eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b89b37);
}

.dgip-future__title {
    margin: 0 0 16px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.95;
    color: #0d4939;
}

.dgip-future__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.15;
    text-align: justify;
    color: #455b53;
}

.dgip-future__text a {
    color: #0f5a46;
    text-decoration-color: rgba(184,154,54,.48);
    text-underline-offset: 4px;
}

.dgip-future__text a:hover,
.dgip-future__text a:focus-visible {
    color: #987b24;
}

.dgip-future__signals {
    display: grid;
    gap: 12px;
}

.dgip-future-signal {
    position: relative;
    padding: 18px 18px 18px 20px;
    border: 1px solid rgba(12,66,52,.09);
    border-radius: 16px;
    background: linear-gradient(145deg, #f7faf8, #ffffff);
    box-shadow: 0 10px 24px rgba(8,46,36,.05);
}

.dgip-future-signal__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #9b7e26;
}

.dgip-future-signal__label::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c2a33a;
}

.dgip-future-signal__title {
    margin: 0 0 5px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.8;
    color: #153f34;
}

.dgip-future-signal__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.95;
    color: #66776f;
}

@media (max-width: 860px) {
    .dgip-future__panel {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .dgip-future {
        padding: 42px 14px 46px;
    }

    .dgip-future__panel {
        padding: 24px 18px;
        border-radius: 17px;
    }

    .dgip-future__title {
        font-size: 18px;
    }

    .dgip-future__text {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgip-future-signal__title {
        font-size: 16px;
    }
}

/* END — INNER PAGES FUTURE OF WHOLESALE GLITTER */

/* =========================================================
   INNER PAGES — FINAL WHOLESALE CTA
   v1.6.48
========================================================= */

.dgip-final-cta {
    position: relative;
    width: 100%;
    padding: 62px 20px 68px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 84% 18%, rgba(218, 190, 86, .15), transparent 26%),
        radial-gradient(circle at 12% 84%, rgba(54, 142, 108, .18), transparent 28%),
        linear-gradient(135deg, #06271f 0%, #09372b 48%, #0d4939 100%);
}

.dgip-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 36px 36px;
}

.dgip-final-cta__inner {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgip-final-cta__panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 32px;
    align-items: center;
    padding: 34px 36px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 18px 40px rgba(0,0,0,.16);
    backdrop-filter: blur(8px);
}

.dgip-final-cta__panel::after {
    content: "";
    position: absolute;
    top: -80px;
    left: -50px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    border: 1px solid rgba(216,189,89,.18);
    box-shadow:
        0 0 0 34px rgba(216,189,89,.025),
        0 0 0 68px rgba(216,189,89,.015);
    pointer-events: none;
}

.dgip-final-cta__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    color: #d9be5a;
}

.dgip-final-cta__eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #d9be5a);
}

.dgip-final-cta__title {
    margin: 0 0 14px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.95;
    color: #ffffff;
}

.dgip-final-cta__text {
    max-width: 790px;
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.15;
    text-align: justify;
    color: rgba(255,255,255,.78);
}

.dgip-final-cta__text a {
    color: #e4c961;
    text-decoration-color: rgba(228,201,97,.44);
    text-underline-offset: 4px;
}

.dgip-final-cta__text a:hover,
.dgip-final-cta__text a:focus-visible {
    color: #ffffff;
}

.dgip-final-cta__actions {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 10px;
    min-width: 210px;
}

.dgip-final-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 11px 18px;
    border-radius: 13px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none;
    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease,
        color .22s ease;
}

.dgip-final-cta__button--primary {
    border: 1px solid #d7ba52;
    background: #d7ba52;
    color: #123b30;
    box-shadow: 0 10px 24px rgba(0,0,0,.14);
}

.dgip-final-cta__button--primary:hover,
.dgip-final-cta__button--primary:focus-visible {
    transform: translateY(-2px);
    background: #e2c862;
    border-color: #e2c862;
    color: #0d3429;
}

.dgip-final-cta__button--secondary {
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.055);
    color: #ffffff;
}

.dgip-final-cta__button--secondary:hover,
.dgip-final-cta__button--secondary:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(216,189,89,.32);
    background: rgba(255,255,255,.085);
    color: #e8cf6f;
}

.dgip-final-cta__button-arrow {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
}

@media (max-width: 860px) {
    .dgip-final-cta__panel {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .dgip-final-cta__actions {
        min-width: 0;
        width: 100%;
        max-width: 360px;
    }
}

@media (max-width: 640px) {
    .dgip-final-cta {
        padding: 44px 14px 48px;
    }

    .dgip-final-cta__panel {
        padding: 25px 18px;
        border-radius: 17px;
    }

    .dgip-final-cta__title {
        font-size: 18px;
    }

    .dgip-final-cta__text {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgip-final-cta__actions {
        max-width: none;
    }
}

/* END — INNER PAGES FINAL WHOLESALE CTA */

/* =========================================================
   ABOUT PAGE — GEOMETRIC HERO
   v1.6.49
========================================================= */

.dgabout-hero {
    position: relative;
    width: 100%;
    min-height: 610px;
    padding: 72px 20px 68px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 82% 18%, rgba(213, 184, 78, .13), transparent 24%),
        radial-gradient(circle at 12% 82%, rgba(49, 133, 101, .20), transparent 28%),
        linear-gradient(135deg, #041f19 0%, #073027 44%, #0b4738 100%);
}

.dgabout-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    opacity: .24;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 38px 38px;
}

.dgabout-hero::after {
    content: "";
    position: absolute;
    top: -180px;
    left: -150px;
    z-index: -2;
    width: 520px;
    height: 520px;
    transform: rotate(18deg);
    border: 1px solid rgba(218, 190, 86, .16);
    background: linear-gradient(145deg, rgba(255,255,255,.025), transparent);
    clip-path: polygon(18% 0, 100% 0, 82% 100%, 0 100%);
}

.dgabout-hero__inner {
    position: relative;
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgabout-hero__layout {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr);
    gap: 52px;
    align-items: center;
}

.dgabout-hero__content {
    position: relative;
    z-index: 5;
    padding: 14px 0;
}

.dgabout-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    color: #dbc15f;
}

.dgabout-hero__eyebrow::before {
    content: "";
    width: 42px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #dbc15f);
}

.dgabout-hero__title {
    margin: 0 0 16px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 20px;
    font-weight: 850;
    line-height: 1.9;
    color: #ffffff;
}

.dgabout-hero__lead {
    max-width: 590px;
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.15;
    text-align: justify;
    color: rgba(255,255,255,.79);
}

.dgabout-hero__lead strong {
    font-weight: 800;
    color: #ffffff;
}

.dgabout-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.dgabout-hero__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 12px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none;
    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease,
        color .22s ease;
}

.dgabout-hero__action--primary {
    border: 1px solid #d6b94f;
    background: #d6b94f;
    color: #11382d;
    box-shadow: 0 10px 24px rgba(0,0,0,.16);
}

.dgabout-hero__action--primary:hover,
.dgabout-hero__action--primary:focus-visible {
    transform: translateY(-2px);
    background: #e1c660;
    border-color: #e1c660;
    color: #0b3026;
}

.dgabout-hero__action--ghost {
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.055);
    color: #ffffff;
}

.dgabout-hero__action--ghost:hover,
.dgabout-hero__action--ghost:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(216,189,89,.32);
    background: rgba(255,255,255,.085);
    color: #e8cf6f;
}

.dgabout-hero__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-top: 28px;
}

.dgabout-hero__metric {
    position: relative;
    min-height: 86px;
    padding: 14px 14px 13px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.09);
    background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}

.dgabout-hero__metric::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 34px;
    height: 2px;
    background: #d6b94f;
}

.dgabout-hero__metric strong {
    display: block;
    margin-bottom: 3px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.7;
    color: #ffffff;
}

.dgabout-hero__metric span {
    display: block;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.85;
    color: rgba(255,255,255,.60);
}

.dgabout-hero__visual {
    position: relative;
    min-height: 470px;
}

.dgabout-hero__visual::before {
    content: "";
    position: absolute;
    top: 22px;
    right: 28px;
    width: calc(100% - 54px);
    height: calc(100% - 48px);
    z-index: 0;
    border: 1px solid rgba(216,189,89,.26);
    clip-path: polygon(15% 0, 100% 0, 100% 76%, 84% 100%, 0 100%, 0 22%);
}

.dgabout-hero__media {
    position: absolute;
    inset: 0 36px 28px 0;
    z-index: 2;
    overflow: hidden;
    background:
        radial-gradient(circle at 64% 34%, rgba(216,189,89,.10), transparent 23%),
        linear-gradient(145deg, #0c4b3a 0%, #092e25 100%);
    box-shadow: 0 24px 56px rgba(0,0,0,.28);
    clip-path: polygon(18% 0, 100% 0, 100% 72%, 83% 100%, 0 100%, 0 24%);
}

.dgabout-hero__media::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    background:
        linear-gradient(130deg, rgba(4,31,25,.68) 0%, rgba(4,31,25,.10) 48%, rgba(4,31,25,.48) 100%);
}

.dgabout-hero__media::after {
    content: none;

}

.dgabout-hero__image {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 442px;
    object-fit: cover;
}

.dgabout-hero__shape {
    position: absolute;
    z-index: 4;
    pointer-events: none;
}

.dgabout-hero__shape--gold {
    top: 0;
    right: 2px;
    width: 118px;
    height: 118px;
    border-top: 3px solid #d6b94f;
    border-right: 3px solid #d6b94f;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 88% 100%, 88% 12%, 0 12%);
}

.dgabout-hero__shape--white {
    left: 0;
    bottom: 0;
    width: 160px;
    height: 76px;
    opacity: .9;
    background: rgba(255,255,255,.93);
    clip-path: polygon(32% 0, 100% 0, 78% 100%, 0 100%);
}

.dgabout-hero__shape--green {
    left: 110px;
    bottom: 18px;
    width: 160px;
    height: 42px;
    background: #0f5b46;
    clip-path: polygon(18% 0, 100% 0, 82% 100%, 0 100%);
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}

.dgabout-hero__year {
    position: absolute;
    left: 18px;
    top: 50%;
    z-index: 6;
    display: grid;
    place-items: center;
    width: 146px;
    height: 146px;
    transform: translateY(-50%);
    border: 1px solid rgba(216,189,89,.34);
    background: rgba(5,35,28,.88);
    backdrop-filter: blur(8px);
    clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%);
    box-shadow: 0 16px 34px rgba(0,0,0,.20);
}

.dgabout-hero__year strong {
    display: block;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    color: #ffffff;
}

.dgabout-hero__year span {
    display: block;
    margin-top: 6px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    color: #d8bd59;
}

@media (max-width: 980px) {
    .dgabout-hero {
        min-height: 0;
    }

    .dgabout-hero__layout {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .dgabout-hero__visual {
        min-height: 440px;
        max-width: 760px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .dgabout-hero {
        padding: 46px 14px 50px;
    }

    .dgabout-hero__title {
        font-size: 20px;
    }

    .dgabout-hero__lead {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgabout-hero__metrics {
        grid-template-columns: 1fr;
    }

    .dgabout-hero__metric {
        min-height: 0;
    }

    .dgabout-hero__visual {
        min-height: 350px;
    }

    .dgabout-hero__media {
        inset: 0 16px 20px 0;
    }

    .dgabout-hero__image {
        min-height: 330px;
    }

    .dgabout-hero__year {
        left: 4px;
        width: 78px;
        height: 78px;
    }

    .dgabout-hero__year strong {
        font-size: 18px;
    }

    .dgabout-hero__shape--white {
        width: 112px;
        height: 58px;
    }

    .dgabout-hero__shape--green {
        left: 78px;
        width: 114px;
        bottom: 12px;
    }
}

/* END — ABOUT PAGE GEOMETRIC HERO */

/* =========================================================
   ABOUT PAGE — INTERNATIONAL PARTNERSHIP
   v1.6.50
========================================================= */

.dgabout-global {
    position: relative;
    width: 100%;
    padding: 64px 20px 68px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 14%, rgba(190, 159, 54, .10), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, #f6faf8 100%);
}

.dgabout-global::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -70px;
    width: 310px;
    height: 310px;
    transform: rotate(14deg);
    border: 1px solid rgba(14, 76, 59, .08);
    clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
}

.dgabout-global__inner {
    position: relative;
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgabout-global__layout {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(380px, 1.08fr);
    gap: 48px;
    align-items: center;
}

.dgabout-global__content {
    position: relative;
    z-index: 3;
    padding: 28px 0 28px 20px;
}

.dgabout-global__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    color: #a88928;
}

.dgabout-global__eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b89b37);
}

.dgabout-global__title {
    margin: 0 0 16px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.95;
    color: #0d4939;
}

.dgabout-global__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.15;
    text-align: justify;
    color: #455b53;
}

.dgabout-global__text a {
    color: #0f5a46;
    text-decoration-color: rgba(184,154,54,.48);
    text-underline-offset: 4px;
}

.dgabout-global__text a:hover,
.dgabout-global__text a:focus-visible {
    color: #987b24;
}

.dgabout-global__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 24px;
}

.dgabout-global__fact {
    position: relative;
    min-height: 94px;
    padding: 15px 14px 14px;
    overflow: hidden;
    border: 1px solid rgba(12, 66, 52, .10);
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(8, 46, 36, .05);
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}

.dgabout-global__fact::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 34px;
    height: 2px;
    background: #b89a36;
}

.dgabout-global__fact strong {
    display: block;
    margin-bottom: 4px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.7;
    color: #143f34;
}

.dgabout-global__fact span {
    display: block;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.8;
    color: #6d7c76;
}

.dgabout-global__visual {
    position: relative;
    min-height: 430px;
}

.dgabout-global__visual-frame {
    position: absolute;
    inset: 18px 0 18px 28px;
    z-index: 2;
    overflow: hidden;
    border: 1px solid rgba(12,66,52,.10);
    background: #eaf2ee;
    box-shadow: 0 20px 46px rgba(8,46,36,.12);
    clip-path: polygon(0 0, 82% 0, 100% 18%, 100% 100%, 18% 100%, 0 82%);
}

.dgabout-global__visual-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    background:
        linear-gradient(145deg, rgba(6,39,31,.08) 0%, transparent 48%, rgba(6,39,31,.18) 100%);
}

.dgabout-global__visual-frame::after {
    content: "GLOBAL PARTNERSHIP / 1372";
    position: absolute;
    right: 22px;
    bottom: 18px;
    z-index: 5;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.62);
    background: rgba(255,255,255,.86);
    backdrop-filter: blur(7px);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
    color: #8f7422;
}

.dgabout-global__image {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 394px;
    object-fit: cover;
}

.dgabout-global__geo {
    position: absolute;
    z-index: 5;
    pointer-events: none;
}

.dgabout-global__geo--green {
    top: 0;
    left: 0;
    width: 150px;
    height: 76px;
    background: #0c563f;
    clip-path: polygon(24% 0, 100% 0, 76% 100%, 0 100%);
}

.dgabout-global__geo--white {
    top: 26px;
    left: 100px;
    width: 122px;
    height: 54px;
    border: 1px solid rgba(14, 76, 59, .13);
    background: rgba(255,255,255,.96);
    clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%);
    box-shadow: 0 8px 20px rgba(8,46,36,.06);
}

.dgabout-global__geo--gold {
    right: 6px;
    bottom: 0;
    width: 126px;
    height: 64px;
    border-bottom: 3px solid #c2a33a;
    border-right: 3px solid #c2a33a;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%, 12% 84%, 0 84%);
}

.dgabout-global__year {
    position: absolute;
    left: 24px;
    bottom: 34px;
    z-index: 6;
    display: grid;
    place-items: center;
    width: 104px;
    height: 104px;
    border: 1px solid rgba(184,154,54,.30);
    background: rgba(255,255,255,.91);
    backdrop-filter: blur(8px);
    clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%);
    box-shadow: 0 14px 34px rgba(8,46,36,.12);
}

.dgabout-global__year strong {
    display: block;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    color: #0d4939;
}

.dgabout-global__year span {
    display: block;
    margin-top: 6px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    color: #a48628;
}

@media (max-width: 900px) {
    .dgabout-global__layout {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .dgabout-global__visual {
        min-height: 420px;
        max-width: 760px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .dgabout-global {
        padding: 44px 14px 48px;
    }

    .dgabout-global__content {
        padding: 10px 0;
    }

    .dgabout-global__title {
        font-size: 18px;
    }

    .dgabout-global__text {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgabout-global__facts {
        grid-template-columns: 1fr;
    }

    .dgabout-global__fact {
        min-height: 0;
    }

    .dgabout-global__visual {
        min-height: 330px;
    }

    .dgabout-global__visual-frame {
        inset: 12px 0 16px 12px;
    }

    .dgabout-global__image {
        min-height: 302px;
    }

    .dgabout-global__year {
        left: 8px;
        bottom: 24px;
        width: 82px;
        height: 82px;
    }

    .dgabout-global__year strong {
        font-size: 18px;
    }

    .dgabout-global__geo--green {
        width: 108px;
        height: 58px;
    }

    .dgabout-global__geo--white {
        left: 72px;
        width: 92px;
        height: 44px;
    }
}

/* END — ABOUT PAGE INTERNATIONAL PARTNERSHIP */

/* =========================================================
   ABOUT HERO — LABEL STACKING FIX
   v1.6.51
   Keep ABOUT / RANG SAREH above the white geometric plate.
========================================================= */

.dgabout-hero__visual::after {
    content: "ABOUT / RANG SAREH";
    position: absolute;
    left: 18px;
    bottom: 29px;
    z-index: 8;
    width: 122px;
    pointer-events: none;
    white-space: nowrap;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .13em;
    text-align: center;
    color: #9a7a20;
    text-shadow: 0 1px 0 rgba(255,255,255,.65);
}

@media (max-width: 640px) {
    .dgabout-hero__visual::after {
        left: 12px;
        bottom: 25px;
        width: 86px;
        font-size: 7px;
        letter-spacing: .09em;
    }
}

/* END — ABOUT HERO LABEL STACKING FIX */

/* =========================================================
   ABOUT PAGE — PARTNER BRAND FLOW
   v1.6.53
   Minimal premium cards. Loop logic remains unchanged.
========================================================= */

.dgabout-partners,
.dgabout-partners * {
    box-sizing: border-box;
}

.dgabout-partners {
    position: relative;
    width: 100%;
    padding: 58px 0 62px;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 14%, rgba(216, 189, 89, .12), transparent 24%),
        radial-gradient(circle at 12% 86%, rgba(48, 132, 101, .18), transparent 28%),
        linear-gradient(135deg, #05251d 0%, #08352a 50%, #0b4938 100%);
}

.dgabout-partners__inner {
    width: min(100%, 1240px);
    margin: 0 auto;
}

.dgabout-partners__head {
    width: min(720px, calc(100% - 40px));
    margin: 0 auto 26px;
    text-align: center;
}

.dgabout-partners__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 9px;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    color: #a98829;
}

.dgabout-partners__eyebrow::before,
.dgabout-partners__eyebrow::after {
    content: "";
    width: 24px;
    height: 1px;
    background: rgba(169,136,41,.52);
}

.dgabout-partners__title {
    margin: 0 0 10px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.9;
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(0,0,0,.18);
}

.dgabout-partners__desc {
    max-width: 650px;
    margin: 0 auto;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 13px;
    font-weight: 400;
    line-height: 2;
    color: rgba(255,255,255,.84);
    text-shadow: 0 1px 8px rgba(0,0,0,.10);
}

.dgabout-partners__frame {
    position: relative;
    overflow: hidden;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.dgabout-partners__frame-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 54px;
    padding: 10px 22px;
    border: 0;
    background: transparent;
}

.dgabout-partners__frame-label {
    display: flex;
    align-items: center;
    gap: 9px;
}

.dgabout-partners__frame-dot {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #b99a34;
}

.dgabout-partners__frame-label small {
    display: block;
    margin-bottom: 1px;
    font-family: Arial, sans-serif;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .13em;
    color: rgba(255,255,255,.44);
}

.dgabout-partners__frame-label strong {
    display: block;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 750;
    color: #ffffff;
}

.dgabout-partners__frame-note {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 9px;
    font-weight: 500;
    color: rgba(255,255,255,.50);
}

.dgabout-partners__frame-note::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #b99a34;
}

.dgabout-partners__mask {
    display: none;
}

.dgabout-partners__mask--left {
    display: none;
}

.dgabout-partners__mask--right {
    display: none;
}

.dgabout-partners__viewport {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 18px 0 20px;
    direction: ltr;

    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0,0,0,.06) 2%,
        rgba(0,0,0,.22) 4.5%,
        rgba(0,0,0,.52) 7%,
        rgba(0,0,0,.82) 10%,
        #000 14%,
        #000 86%,
        rgba(0,0,0,.82) 90%,
        rgba(0,0,0,.52) 93%,
        rgba(0,0,0,.22) 95.5%,
        rgba(0,0,0,.06) 98%,
        transparent 100%
    );
    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0,0,0,.06) 2%,
        rgba(0,0,0,.22) 4.5%,
        rgba(0,0,0,.52) 7%,
        rgba(0,0,0,.82) 10%,
        #000 14%,
        #000 86%,
        rgba(0,0,0,.82) 90%,
        rgba(0,0,0,.52) 93%,
        rgba(0,0,0,.22) 95.5%,
        rgba(0,0,0,.06) 98%,
        transparent 100%
    );
}

.dgabout-partners__track {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    width: max-content;
    min-width: max-content;
    margin: 0;
    padding: 0;
    gap: 0;
    direction: ltr;
    transform: translate3d(0,0,0);
    transform-origin: left center;
    will-change: transform;
    backface-visibility: hidden;
    animation: none;
}

.dgabout-partners__track[data-animated="true"] {
    animation:
        dgaboutPartnerLoop
        var(--dgabout-partners-duration, 42s)
        linear
        infinite;
}

@keyframes dgaboutPartnerLoop {
    from {
        transform: translate3d(0,0,0);
    }
    to {
        transform: translate3d(-50%,0,0);
    }
}

.dgabout-partners__group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
    align-items: stretch;
    gap: 12px;
    width: max-content;
    min-width: max-content;
    margin: 0;
    padding: 0 6px;
    direction: ltr;
}

.dgabout-partner-card {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0,1fr);
    align-items: center;
    flex: 0 0 auto;
    width: 270px;
    min-height: 92px;
    padding: 13px 14px;
    overflow: hidden;
    border: 1px solid rgba(13,73,57,.09);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(8,46,36,.055);
    direction: ltr;
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.dgabout-partner-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 18px;
    width: 34px;
    height: 2px;
    border-radius: 0 0 999px 999px;
    background: #b99a34;
    opacity: .74;
}

.dgabout-partner-card::after {
    content: none;
}

.dgabout-partner-card__mark {
    position: relative;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    overflow: hidden;
    border: 1px solid rgba(13,73,57,.10);
    border-radius: 12px;
    background:
        linear-gradient(145deg, #0d4939 0%, #0a382d 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
}

.dgabout-partner-card__mark::before,
.dgabout-partner-card__mark::after {
    content: none;
}

.dgabout-partner-card__monogram {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    color: #dec45d;
}

.dgabout-partner-card__copy {
    min-width: 0;
    padding: 0 2px 0 8px;
    text-align: right;
    direction: rtl;
}

.dgabout-partner-card__meta {
    display: block;
    margin-bottom: 3px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .10em;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #a98a2d;
    direction: ltr;
}

.dgabout-partner-card__meta::before {
    content: none;
}

.dgabout-partner-card__name {
    display: block;
    margin: 0 0 3px;
    overflow: hidden;
    font-family: Arial, var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 13px;
    font-weight: 850;
    line-height: 1.45;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #173f35;
}

.dgabout-partner-card__field {
    display: block;
    margin: 0;
    overflow: hidden;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.75;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #71817a;
}

.dgabout-partner-card__index {
    display: none;
}

@media (hover:hover) and (pointer:fine) {
    .dgabout-partner-card:hover {
        transform: translateY(-3px);
        border-color: rgba(185,154,52,.22);
        box-shadow: 0 14px 30px rgba(8,46,36,.08);
    }

    .dgabout-partners__viewport:hover
    .dgabout-partners__track[data-animated="true"] {
        animation-play-state: paused;
    }
}

@media (max-width: 640px) {
    .dgabout-partners {
        padding: 44px 0 48px;
    }

    .dgabout-partners__head {
        width: min(100% - 28px, 720px);
        margin-bottom: 22px;
    }

    .dgabout-partners__title {
        font-size: 18px;
    }

    .dgabout-partners__desc {
        font-size: 12px;
    }

    .dgabout-partners__frame-head {
        padding: 9px 14px;
    }

    .dgabout-partners__frame-note {
        display: none;
    }

    .dgabout-partners__viewport {
        -webkit-mask-image: linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.28) 5%,
            #000 11%,
            #000 89%,
            rgba(0,0,0,.28) 95%,
            transparent 100%
        );
        mask-image: linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.28) 5%,
            #000 11%,
            #000 89%,
            rgba(0,0,0,.28) 95%,
            transparent 100%
        );
    }

    .dgabout-partner-card {
        width: 244px;
        min-height: 84px;
        grid-template-columns: 50px minmax(0,1fr);
        padding: 11px 12px;
        border-radius: 12px;
    }

    .dgabout-partner-card__mark {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .dgabout-partner-card__name {
        font-size: 12px;
    }

    .dgabout-partner-card__field {
        font-size: 9.5px;
    }
}

/* END — ABOUT PAGE PARTNER BRAND FLOW */

/* =========================================================
   ABOUT PAGE — GROWTH MILESTONES
   v1.6.58
========================================================= */

.dgabout-growth {
    position: relative;
    width: 100%;
    padding: 64px 20px 68px;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 14%, rgba(191, 160, 55, .09), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
}

.dgabout-growth__inner {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.dgabout-growth__head {
    max-width: 760px;
    margin-bottom: 32px;
}

.dgabout-growth__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .15em;
    color: #a88928;
}

.dgabout-growth__eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b89b37);
}

.dgabout-growth__title {
    margin: 0 0 14px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.95;
    color: #0d4939;
}

.dgabout-growth__lead {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.15;
    text-align: justify;
    color: #4d6159;
}

.dgabout-growth__timeline {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.dgabout-growth__timeline::before {
    content: "";
    position: absolute;
    top: 28px;
    right: 50%;
    bottom: 28px;
    width: 1px;
    background: linear-gradient(
        180deg,
        rgba(13,73,57,0),
        rgba(13,73,57,.16) 18%,
        rgba(184,154,54,.34) 50%,
        rgba(13,73,57,.16) 82%,
        rgba(13,73,57,0)
    );
}

.dgabout-growth-card {
    position: relative;
    min-height: 210px;
    padding: 26px 24px 24px;
    border: 1px solid rgba(13,73,57,.09);
    border-radius: 18px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 14px 34px rgba(8,46,36,.06);
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.dgabout-growth-card:hover {
    transform: translateY(-4px);
    border-color: rgba(184,154,54,.23);
    box-shadow: 0 18px 38px rgba(8,46,36,.08);
}

.dgabout-growth-card__year {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 68px;
    height: 36px;
    margin-bottom: 18px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(184,154,54,.22);
    background: rgba(184,154,54,.07);
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 13px;
    font-weight: 850;
    color: #9c7e25;
}

.dgabout-growth-card__title {
    margin: 0 0 9px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.8;
    color: #153f34;
}

.dgabout-growth-card__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    text-align: justify;
    color: #687a72;
}

.dgabout-growth-card__marker {
    position: absolute;
    top: 30px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #b89a36;
    box-shadow: 0 0 0 5px rgba(184,154,54,.08);
}

.dgabout-growth-card:first-child .dgabout-growth-card__marker {
    left: -17px;
}

.dgabout-growth-card:last-child .dgabout-growth-card__marker {
    right: -17px;
}

.dgabout-growth__note {
    margin-top: 20px;
    padding: 14px 16px;
    border-right: 3px solid #b89a36;
    border-radius: 10px;
    background: rgba(13,73,57,.035);
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
    color: #53675f;
}

@media (max-width: 760px) {
    .dgabout-growth__timeline {
        grid-template-columns: 1fr;
    }

    .dgabout-growth__timeline::before {
        display: none;
    }

    .dgabout-growth-card__marker {
        display: none;
    }
}

@media (max-width: 640px) {
    .dgabout-growth {
        padding: 44px 14px 48px;
    }

    .dgabout-growth__title {
        font-size: 18px;
    }

    .dgabout-growth__lead {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgabout-growth-card {
        min-height: 0;
        padding: 22px 18px 20px;
        border-radius: 15px;
    }

    .dgabout-growth-card__title {
        font-size: 16px;
    }
}

/* END — ABOUT PAGE GROWTH MILESTONES */

/* =========================================================
   ABOUT PAGE — METALLIC PIGMENT ERA
   v1.6.60
========================================================= */

.dgabout-metallic {
    position: relative;
    width: 100%;
    padding: 64px 20px 68px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 86% 14%, rgba(216,189,89,.12), transparent 24%),
        radial-gradient(circle at 12% 86%, rgba(49,133,101,.17), transparent 28%),
        linear-gradient(135deg, #05251d 0%, #08352a 50%, #0b4938 100%);
}

.dgabout-metallic::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 38px 38px;
}

.dgabout-metallic__inner {
    position: relative;
    width: min(100%, 1180px);
    margin: 0 auto;
    padding-left: 286px;
}

.dgabout-metallic__logoDock {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.dgabout-metallic__logoDock-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-inline-start: 2px;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    color: rgba(217,190,90,.94);
}

.dgabout-metallic__logoDock-label::after {
    content: "";
    width: 26px;
    height: 1px;
    background: linear-gradient(90deg, #d9be5a, transparent);
}

.dgabout-metallic__logoDock-box {
    position: relative;
    width: 236px;
    height: 128px;
    padding: 14px 18px;
    border: 1px solid rgba(255,255,255,.26);
    border-radius: 22px;
    background: #ffffff;
    box-shadow:
        0 18px 34px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.85);
    backdrop-filter: blur(8px);
}

.dgabout-metallic__logoDock-box::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 1px dashed rgba(11,73,56,.22);
    border-radius: 17px;
    pointer-events: none;
}

.dgabout-metallic__logoDock-box::after {
    content: "SCHLENK";
    position: absolute;
    right: 18px;
    bottom: 14px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .13em;
    color: rgba(13,73,57,.62);
}

.dgabout-metallic__logoDock-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    position: relative;
    z-index: 1;
    transform: scale(1.18);
    transform-origin: center;
    filter: none;
}

.dgabout-metallic__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: end;
    margin-bottom: 30px;
}

.dgabout-metallic__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .15em;
    color: #d9be5a;
}

.dgabout-metallic__eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #d9be5a);
}

.dgabout-metallic__title {
    margin: 0 0 14px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.95;
    color: #ffffff;
}

.dgabout-metallic__lead {
    max-width: 790px;
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.15;
    text-align: justify;
    color: rgba(255,255,255,.78);
}

.dgabout-metallic__lead strong {
    font-weight: 850;
    color: #ffffff;
}

.dgabout-metallic__badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 13px;
    border: 1px solid rgba(216,189,89,.22);
    border-radius: 999px;
    background: rgba(216,189,89,.08);
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    color: #e2c65f;
}

.dgabout-metallic__badge::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d8bd59;
    box-shadow: 0 0 0 5px rgba(216,189,89,.08);
}

.dgabout-metallic__applications {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.dgabout-metallic-card {
    position: relative;
    min-height: 310px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    box-shadow: 0 16px 36px rgba(0,0,0,.14);
    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.dgabout-metallic-card:hover {
    transform: translateY(-4px);
    border-color: rgba(216,189,89,.26);
    box-shadow: 0 20px 42px rgba(0,0,0,.19);
}

.dgabout-metallic-card__media {
    position: relative;
    height: 188px;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

.dgabout-metallic-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(5,37,29,.02) 0%,
        rgba(5,37,29,.16) 62%,
        rgba(5,37,29,.56) 100%
    );
}

.dgabout-metallic-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dgabout-metallic-card__index {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 28px;
    padding: 0 9px;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 999px;
    background: rgba(5,37,29,.68);
    backdrop-filter: blur(6px);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 9px;
    font-weight: 700;
    color: #e1c65e;
}

.dgabout-metallic-card__body {
    padding: 18px 18px 19px;
}

.dgabout-metallic-card__title {
    margin: 0 0 7px;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.8;
    color: #ffffff;
}

.dgabout-metallic-card__text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.95;
    color: rgba(255,255,255,.68);
}

.dgabout-metallic__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.dgabout-metallic__foot-text {
    margin: 0;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.9;
    color: rgba(255,255,255,.54);
}

.dgabout-metallic__link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
    font-size: 11px;
    font-weight: 750;
    text-decoration: none;
    color: #dec45d;
}

.dgabout-metallic__link:hover,
.dgabout-metallic__link:focus-visible {
    color: #ffffff;
}

@media (max-width: 1000px) {
    .dgabout-metallic__inner {
        padding-left: 0;
    }

    .dgabout-metallic__logoDock {
        position: static;
        margin-bottom: 24px;
    }
}

@media (max-width: 900px) {
    .dgabout-metallic__top {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .dgabout-metallic__applications {
        grid-template-columns: 1fr;
    }

    .dgabout-metallic-card {
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .dgabout-metallic {
        padding: 44px 14px 48px;
    }

    .dgabout-metallic__title {
        font-size: 18px;
    }

    .dgabout-metallic__lead {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgabout-metallic__logoDock-box {
        width: 178px;
        height: 98px;
        padding: 12px 14px;
        border-radius: 18px;
    }

    .dgabout-metallic-card__media {
        height: 174px;
    }

    .dgabout-metallic-card__title {
        font-size: 16px;
    }

    .dgabout-metallic__foot {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* END — ABOUT PAGE METALLIC PIGMENT ERA */

/* =========================================================
   ABOUT PAGE — SPECIALIZED PRODUCT REDESIGN
   v1.6.68
   Isolated namespace: dgspecialized
   Improved hero readability + premium cards
========================================================= */

.dgspecialized {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 76px 20px 84px;
    background:
        radial-gradient(circle at 90% 8%, rgba(190, 158, 55, .10), transparent 24%),
        radial-gradient(circle at 8% 88%, rgba(13, 73, 57, .07), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
}

.dgspecialized__inner {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.dgspecialized__head {
    width: min(820px, 100%);
    margin: 0 0 36px auto;
    text-align: right;
}

.dgspecialized__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .14em;
    color: #aa892c;
}

.dgspecialized__eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, #c7ab4d, #90711f);
}

.dgspecialized__title {
    margin: 0 0 14px;
    color: #0d4939;
    font-size: 20px;
    font-weight: 850;
    line-height: 1.95;
}

.dgspecialized__lead {
    margin: 0;
    color: #56665f;
    font-size: 14px;
    line-height: 2.15;
    text-align: justify;
}

/* =========================
   Hero
   ========================= */

.dgspecialized__hero {
    position: relative;
    min-height: 420px;
    margin-bottom: 40px;
    overflow: hidden;
    border: 1px solid rgba(13, 73, 57, .10);
    border-radius: 28px;
    background: #0d2f27;
    box-shadow: 0 22px 60px rgba(12, 53, 42, .14);
    isolation: isolate;
}

.dgspecialized__hero-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.01);
}

.dgspecialized__hero-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(6, 31, 25, .50) 0%,
            rgba(6, 31, 25, .36) 30%,
            rgba(6, 31, 25, .60) 64%,
            rgba(6, 31, 25, .84) 100%
        );
}

.dgspecialized__hero-content {
    position: relative;
    z-index: 2;
    min-height: 420px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: space-between;
    gap: 24px;
    padding: 34px;
}

.dgspecialized__hero-copy {
    width: min(540px, 100%);
    margin-right: auto;
    margin-left: 0;
    padding: 24px 26px 22px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 22px;
    background: rgba(6, 30, 24, .54);
    box-shadow: 0 14px 34px rgba(5, 24, 20, .22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.dgspecialized__hero-kicker {
    display: block;
    margin-bottom: 10px;
    color: #e2c763;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .15em;
}

.dgspecialized__hero-title {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 850;
    line-height: 1.65;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .20);
}

.dgspecialized__hero-text {
    margin: 0;
    color: rgba(255, 255, 255, .92);
    font-size: 14px;
    line-height: 2.05;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}

.dgspecialized__hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.dgspecialized__meta {
    min-width: 150px;
    padding: 12px 15px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 15px;
    background: rgba(8, 39, 31, .44);
    box-shadow: 0 8px 18px rgba(6, 24, 19, .14);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

.dgspecialized__meta strong {
    display: block;
    margin-bottom: 3px;
    color: #f0d777;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
}

.dgspecialized__meta span {
    display: block;
    color: rgba(255, 255, 255, .82);
    font-size: 10px;
    line-height: 1.7;
}

/* =========================
   Cards
   ========================= */

.dgspecialized__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 26px;
    width: min(1100px, 100%);
    margin: 0 auto;
}

.dgspecialized-card {
    grid-column: span 2;
    position: relative;
    min-width: 0;
    padding: 0 0 18px;
    overflow: hidden;
    border: 1px solid rgba(13, 73, 57, .10);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(248,250,249,1) 100%);
    box-shadow:
        0 14px 34px rgba(13, 56, 45, .08),
        0 2px 5px rgba(13, 56, 45, .03);
    transition:
        transform .30s ease,
        box-shadow .30s ease,
        border-color .30s ease;
}

.dgspecialized-card::after {
    content: "";
    position: absolute;
    inset: auto -40px -50px auto;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(212, 184, 93, .16) 0%, rgba(212, 184, 93, 0) 70%);
    pointer-events: none;
}

.dgspecialized-card:nth-child(4) {
    grid-column: 2 / span 2;
}

.dgspecialized-card:nth-child(5) {
    grid-column: 4 / span 2;
}

.dgspecialized-card:hover {
    transform: translateY(-8px);
    border-color: rgba(184, 153, 55, .34);
    box-shadow:
        0 26px 50px rgba(13, 56, 45, .14),
        0 4px 10px rgba(13, 56, 45, .05);
}

.dgspecialized-card__media {
    position: relative;
    height: 255px;
    overflow: hidden;
    background: #edf2ef;
    border-radius: 24px 24px 0 0;
}

.dgspecialized-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .55s cubic-bezier(.2, .8, .2, 1);
}

.dgspecialized-card:hover .dgspecialized-card__image {
    transform: scale(1.06);
}

.dgspecialized-card__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(4, 28, 22, .05) 0%,
            rgba(4, 28, 22, .04) 56%,
            rgba(4, 28, 22, .40) 100%
        );
}

.dgspecialized-card__number {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 999px;
    background: rgba(6, 40, 31, .68);
    color: #f0d777;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.dgspecialized-card__label {
    position: absolute;
    right: 16px;
    bottom: 50px;
    z-index: 2;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .90);
    color: #0d4939;
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .10em;
    box-shadow: 0 8px 18px rgba(8, 30, 24, .10);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.dgspecialized-card__content {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 205px;
    flex-direction: column;
    margin: -32px 18px 0;
    padding: 22px 20px 18px;
    border: 1px solid rgba(13, 73, 57, .08);
    border-radius: 22px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 14px 32px rgba(13, 56, 45, .08);
    text-align: right;
}

.dgspecialized-card__content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    width: 46px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #d5b850, #9e7c1f);
}

.dgspecialized-card__title {
    margin: 0 0 9px;
    color: #123d32;
    font-size: 18px;
    font-weight: 850;
    line-height: 1.8;
}

.dgspecialized-card__text {
    margin: 0;
    color: #61716b;
    font-size: 12px;
    line-height: 2;
    text-align: justify;
}

.dgspecialized-card__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-top: auto;
    padding: 10px 14px;
    border-radius: 999px;
    background: #f5efe1;
    color: #977522;
    font-size: 11px;
    font-weight: 800;
    box-shadow: inset 0 0 0 1px rgba(160, 124, 42, .08);
    transition: gap .25s ease, background .25s ease, color .25s ease;
}

.dgspecialized-card:hover .dgspecialized-card__more {
    gap: 12px;
    background: #efe4bf;
    color: #7f6116;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 1100px) {
    .dgspecialized__hero-content {
        padding: 28px;
    }

    .dgspecialized__hero-title {
        font-size: 24px;
    }
}

@media (max-width: 960px) {
    .dgspecialized__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: min(760px, 100%);
    }

    .dgspecialized-card,
    .dgspecialized-card:nth-child(4),
    .dgspecialized-card:nth-child(5) {
        grid-column: auto;
    }
}

@media (max-width: 700px) {
    .dgspecialized__hero-content {
        min-height: 440px;
    }

    .dgspecialized__hero-copy {
        width: 100%;
        padding: 20px 18px;
    }

    .dgspecialized__hero-title {
        font-size: 21px;
        line-height: 1.8;
    }

    .dgspecialized__hero-text {
        font-size: 13px;
        line-height: 2;
    }
}

@media (max-width: 640px) {
    .dgspecialized {
        padding: 50px 14px 56px;
    }

    .dgspecialized__title {
        font-size: 19px;
    }

    .dgspecialized__lead {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgspecialized__hero {
        min-height: 470px;
        border-radius: 20px;
    }

    .dgspecialized__hero-content {
        min-height: 470px;
        padding: 22px 16px 18px;
    }

    .dgspecialized__hero-meta {
        gap: 8px;
    }

    .dgspecialized__meta {
        min-width: 0;
        flex: 1 1 calc(50% - 8px);
    }

    .dgspecialized__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .dgspecialized-card,
    .dgspecialized-card:nth-child(4),
    .dgspecialized-card:nth-child(5) {
        grid-column: auto;
    }

    .dgspecialized-card__media {
        height: 270px;
    }

    .dgspecialized-card__content {
        min-height: auto;
        margin: -26px 16px 0;
        padding: 20px 18px 18px;
    }

    .dgspecialized-card__title {
        font-size: 17px;
    }
}

/* END — ABOUT PAGE SPECIALIZED PRODUCT REDESIGN */

/* =========================================================
   CONTACT PAGE — NATIVE WORDPRESS
   v1.16.18
   Namespace: dgcontact26
========================================================= */

.dgcontact26,
.dgcontact26 * {
    box-sizing: border-box;
}

main#primary:has(.dgcontact26),
.dg-article:has(.dgcontact26),
.dg-article:has(.dgcontact26) > .dg-entry-content {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.dg-article:has(.dgcontact26) > .dg-article__header {
    display: none;
}

.dgcontact26 {
    --dgc-green: #0a4434;
    --dgc-green-deep: #05271e;
    --dgc-green-soft: #eaf2ed;
    --dgc-gold: #d8bd59;
    --dgc-gold-deep: #aa8629;
    --dgc-ink: #173a2c;
    --dgc-muted: #687970;
    --dgc-line: rgba(22, 67, 49, .11);
    width: 100%;
    overflow: hidden;
    background: #f4f7f4;
    color: var(--dgc-ink);
    font-family: var(--dg-font-ui, "IRANYekan", Tahoma, sans-serif);
}

.dgcontact26 a {
    text-decoration: none;
}

.dgcontact26 svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dgcontact26-hero {
    position: relative;
    isolation: isolate;
    min-height: 650px;
    padding: 74px 24px 78px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 12% 16%, rgba(216,189,89,.14), transparent 24%),
        radial-gradient(circle at 88% 84%, rgba(74,148,113,.18), transparent 26%),
        linear-gradient(135deg, #041c16 0%, #073328 52%, #0b4d3b 100%);
}

.dgcontact26-hero__grid {
    position: absolute;
    inset: 0;
    z-index: -3;
    opacity: .23;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 96%);
    pointer-events: none;
}

.dgcontact26-hero__glow {
    position: absolute;
    z-index: -2;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    filter: blur(95px);
    pointer-events: none;
}

.dgcontact26-hero__glow--one {
    top: -160px;
    right: 4%;
    background: rgba(216,189,89,.13);
}

.dgcontact26-hero__glow--two {
    bottom: -180px;
    left: 7%;
    background: rgba(63,151,113,.16);
}

.dgcontact26-hero__inner {
    width: min(100%, 1240px);
    margin: 0 auto;
}

.dgcontact26-hero__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    gap: 64px;
    align-items: center;
}

.dgcontact26-hero__content {
    min-width: 0;
}

.dgcontact26-hero__eyebrow,
.dgcontact26-section-head__eyebrow,
.dgcontact26-branch__index,
.dgcontact26-hero__visual-kicker {
    font-family: Arial, sans-serif;
    direction: ltr;
    letter-spacing: .15em;
}

.dgcontact26-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
    color: var(--dgc-gold);
    font-size: 9px;
    font-weight: 800;
}

.dgcontact26-hero__eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--dgc-gold);
    box-shadow: 0 0 0 5px rgba(216,189,89,.10);
}

.dgcontact26-hero__title {
    max-width: 730px;
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.9;
}

.dgcontact26-hero__lead {
    max-width: 690px;
    margin: 17px 0 0;
    color: rgba(255,255,255,.72);
    font-size: 13px;
    line-height: 2.15;
    text-align: justify;
}

.dgcontact26-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.dgcontact26-hero__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 47px;
    padding: 0 18px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 13px;
    font-size: 11px;
    font-weight: 800;
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}

.dgcontact26-hero__action--primary {
    color: #06291f;
    border-color: var(--dgc-gold);
    background: linear-gradient(135deg, #ead678, #d4b64b);
    box-shadow: 0 13px 30px rgba(0,0,0,.18);
}

.dgcontact26-hero__action--ghost {
    color: #fff;
    background: rgba(255,255,255,.055);
}

@media (hover:hover) and (pointer:fine) {
    .dgcontact26-hero__action:hover {
        transform: translateY(-2px);
    }

    .dgcontact26-hero__action--ghost:hover {
        border-color: rgba(216,189,89,.45);
        background: rgba(255,255,255,.09);
    }
}

.dgcontact26-hero__action:focus-visible,
.dgcontact26-branch a:focus-visible {
    outline: 2px solid var(--dgc-gold);
    outline-offset: 3px;
}

.dgcontact26-hero__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 9px;
    margin-top: 34px;
}

.dgcontact26-hero__fact {
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 14px;
    background: rgba(255,255,255,.035);
}

.dgcontact26-hero__fact strong,
.dgcontact26-hero__fact span {
    display: block;
}

.dgcontact26-hero__fact strong {
    overflow: hidden;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dgcontact26-hero__fact span {
    margin-top: 4px;
    color: rgba(255,255,255,.52);
    font-size: 9px;
    line-height: 1.7;
}

.dgcontact26-hero__visual {
    position: relative;
    min-width: 0;
    padding: 15px;
}

.dgcontact26-hero__visual::before,
.dgcontact26-hero__visual::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.dgcontact26-hero__visual::before {
    inset: 0 34px 28px 0;
    border: 1px solid rgba(216,189,89,.22);
    clip-path: polygon(8% 0,100% 0,100% 90%,92% 100%,0 100%,0 10%);
}

.dgcontact26-hero__visual::after {
    width: 92px;
    height: 92px;
    left: 0;
    bottom: 0;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.025);
    clip-path: polygon(24% 0,100% 0,100% 76%,76% 100%,0 100%,0 24%);
}

.dgcontact26-hero__visual-frame {
    position: relative;
    z-index: 2;
    min-height: 410px;
    padding: 66px 39px 36px;
    border: 1px solid rgba(255,255,255,.10);
    background:
        radial-gradient(circle at 85% 18%, rgba(216,189,89,.12), transparent 23%),
        linear-gradient(150deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
    box-shadow: 0 34px 70px rgba(0,0,0,.22);
    backdrop-filter: blur(8px);
    clip-path: polygon(8% 0,100% 0,100% 90%,92% 100%,0 100%,0 10%);
}

.dgcontact26-hero__pin {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 24px;
    color: var(--dgc-gold);
    border: 1px solid rgba(216,189,89,.25);
    background: rgba(216,189,89,.06);
    border-radius: 18px;
}

.dgcontact26-hero__pin svg {
    width: 30px;
    height: 30px;
}

.dgcontact26-hero__visual-kicker {
    display: block;
    color: rgba(216,189,89,.82);
    font-size: 8px;
    font-weight: 800;
}

.dgcontact26-hero__visual-title {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}

.dgcontact26-hero__visual-frame > p {
    max-width: 390px;
    margin: 10px 0 0;
    color: rgba(255,255,255,.61);
    font-size: 11px;
    line-height: 2;
}

.dgcontact26-hero__visual-branches {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
    margin-top: 30px;
}

.dgcontact26-hero__visual-branches > div {
    padding: 13px 14px;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(4,28,22,.32);
}

.dgcontact26-hero__visual-branches span,
.dgcontact26-hero__visual-branches strong {
    display: block;
}

.dgcontact26-hero__visual-branches span {
    color: var(--dgc-gold);
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 800;
}

.dgcontact26-hero__visual-branches strong {
    margin-top: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.dgcontact26-hero__visual-line {
    position: absolute;
    right: 38px;
    bottom: 28px;
    width: 86px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--dgc-gold));
}

.dgcontact26-branches {
    position: relative;
    padding: 76px 24px 84px;
    background:
        radial-gradient(circle at 7% 18%, rgba(216,189,89,.09), transparent 20%),
        linear-gradient(180deg, #f4f7f4 0%, #eef3ef 100%);
}

.dgcontact26-branches__inner {
    width: min(100%, 1240px);
    margin: 0 auto;
}

.dgcontact26-section-head {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 28px;
    align-items: end;
    margin-bottom: 28px;
}

.dgcontact26-section-head__eyebrow {
    margin-bottom: 8px;
    color: var(--dgc-gold-deep);
    font-size: 8px;
    font-weight: 800;
}

.dgcontact26-section-head h2 {
    margin: 0;
    color: var(--dgc-ink);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.75;
}

.dgcontact26-section-head p {
    max-width: 680px;
    margin: 8px 0 0;
    color: var(--dgc-muted);
    font-size: 11.5px;
    line-height: 2;
}

.dgcontact26-section-head__count {
    min-width: 104px;
    padding: 12px 15px;
    border: 1px solid var(--dgc-line);
    background: rgba(255,255,255,.58);
    text-align: center;
}

.dgcontact26-section-head__count strong,
.dgcontact26-section-head__count span {
    display: block;
    font-family: Arial, sans-serif;
}

.dgcontact26-section-head__count strong {
    color: var(--dgc-green);
    font-size: 18px;
}

.dgcontact26-section-head__count span {
    margin-top: 3px;
    color: #9b8a53;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .16em;
}

.dgcontact26-branches__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px;
}

.dgcontact26-branch {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--dgc-line);
    border-radius: 24px;
    background: rgba(255,255,255,.90);
    box-shadow: 0 18px 46px rgba(36,67,52,.08);
}

.dgcontact26-branch::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 112px;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--dgc-gold));
}

.dgcontact26-branch__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 26px 27px 20px;
}

.dgcontact26-branch__index {
    display: block;
    margin-bottom: 7px;
    color: #aa8b32;
    font-size: 7.5px;
    font-weight: 800;
}

.dgcontact26-branch h3 {
    margin: 0;
    color: var(--dgc-ink);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.65;
}

.dgcontact26-branch__store {
    display: block;
    margin-top: 4px;
    color: #8a9890;
    font-size: 10px;
}

.dgcontact26-branch__marker {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    color: var(--dgc-green);
    border: 1px solid rgba(10,68,52,.12);
    border-radius: 14px;
    background: var(--dgc-green-soft);
}

.dgcontact26-branch__marker svg {
    width: 21px;
    height: 21px;
}

.dgcontact26-branch__address {
    margin: 0 27px;
    padding: 17px 18px;
    border: 1px solid rgba(10,68,52,.08);
    border-radius: 16px;
    background: #f5f8f5;
}

.dgcontact26-branch__address > span {
    display: block;
    margin-bottom: 5px;
    color: var(--dgc-gold-deep);
    font-size: 9px;
    font-weight: 800;
}

.dgcontact26-branch__address p {
    margin: 0;
    color: #50645a;
    font-size: 11px;
    line-height: 2.05;
    text-align: justify;
}

.dgcontact26-branch__details {
    display: grid;
    gap: 0;
    margin: 20px 27px 0;
    border-top: 1px solid rgba(10,68,52,.08);
}

.dgcontact26-branch__detail {
    display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    gap: 12px;
    align-items: start;
    padding: 15px 0;
    border-bottom: 1px solid rgba(10,68,52,.08);
}

.dgcontact26-branch__detail-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #2b7254;
    border-radius: 10px;
    background: #edf5f0;
}

.dgcontact26-branch__detail-icon svg {
    width: 17px;
    height: 17px;
}

.dgcontact26-branch__detail small,
.dgcontact26-branch__detail strong,
.dgcontact26-branch__detail span,
.dgcontact26-branch__detail a {
    display: block;
}

.dgcontact26-branch__detail small {
    margin-bottom: 3px;
    color: #8a9991;
    font-size: 9px;
}

.dgcontact26-branch__detail strong,
.dgcontact26-branch__detail a {
    color: #264d3a;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.8;
}

.dgcontact26-branch__detail span {
    margin-top: 2px;
    color: #6d7f75;
    font-size: 10px;
    line-height: 1.8;
}

.dgcontact26-branch__phones {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 14px;
}

.dgcontact26-branch__phones a {
    direction: ltr;
}

.dgcontact26-branch__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 27px 22px;
}

.dgcontact26-branch__actions > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    color: #fff;
    border-radius: 11px;
    background: var(--dgc-green);
    font-size: 10px;
    font-weight: 800;
}

.dgcontact26-branch__route-note {
    color: #99a49e;
    font-size: 8.5px;
    line-height: 1.7;
    text-align: left;
}

.rsx-contact__message[data-state="error"] {
    color: #b33939;
}

.rsx-contact__message[data-state="success"] {
    color: #318052;
}

.rsx-contact__submit:disabled {
    opacity: .62;
    cursor: wait;
}

@media (max-width: 980px) {
    .dgcontact26-hero {
        min-height: 0;
        padding-top: 60px;
    }

    .dgcontact26-hero__layout {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .dgcontact26-hero__visual {
        width: min(100%, 720px);
        margin: 0 auto;
    }

    .dgcontact26-branches__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .dgcontact26-hero {
        padding: 46px 14px 54px;
    }

    .dgcontact26-hero__title {
        font-size: 20px;
        line-height: 1.85;
    }

    .dgcontact26-hero__lead {
        font-size: 12px;
        line-height: 2.05;
    }

    .dgcontact26-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .dgcontact26-hero__action {
        width: 100%;
    }

    .dgcontact26-hero__facts {
        grid-template-columns: 1fr;
    }

    .dgcontact26-hero__visual {
        padding: 8px;
    }

    .dgcontact26-hero__visual-frame {
        min-height: 350px;
        padding: 48px 22px 30px;
    }

    .dgcontact26-hero__visual::before {
        inset: 0 18px 18px 0;
    }

    .dgcontact26-hero__visual::after {
        width: 70px;
        height: 70px;
    }

    .dgcontact26-branches {
        padding: 52px 14px 60px;
    }

    .dgcontact26-section-head {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 16px;
    }

    .dgcontact26-section-head__count {
        width: 92px;
    }

    .dgcontact26-branch {
        border-radius: 20px;
    }

    .dgcontact26-branch__top {
        padding: 22px 18px 17px;
    }

    .dgcontact26-branch__address,
    .dgcontact26-branch__details {
        margin-right: 18px;
        margin-left: 18px;
    }

    .dgcontact26-branch__actions {
        display: grid;
        grid-template-columns: 1fr;
        padding: 17px 18px 20px;
    }

    .dgcontact26-branch__actions > a {
        justify-content: center;
    }

    .dgcontact26-branch__route-note {
        text-align: center;
    }
}

@media (max-width: 400px) {
    .dgcontact26-hero__visual-branches {
        grid-template-columns: 1fr;
    }

    .dgcontact26-branch__detail {
        grid-template-columns: 32px minmax(0,1fr);
        gap: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dgcontact26-hero__action {
        transition: none;
    }
}

/* END — CONTACT PAGE NATIVE WORDPRESS v1.16.18 */


/* =========================================================
   START — SECTION 11
   RANG SAREH — PREMIUM CONTACT SECTION
   WordPress-safe namespace: rsx-contact / rsx-contact-field
========================================================= */

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


/* =========================================================
   SECTION
========================================================= */

.rsx-contact {
    position: relative;

    width: 100vw;

    margin-left:
        calc(50% - 50vw);

    margin-right:
        calc(50% - 50vw);

    padding:
        96px 0 105px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(255,225,97,.12),
            transparent 22%
        ),
        radial-gradient(
            circle at 91% 82%,
            rgba(43,101,72,.09),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #f6f8f4 0%,
            #edf2ed 100%
        );

    isolation: isolate;
}


/* =========================================================
   BACKGROUND TEXTURE
========================================================= */

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

    position: absolute;

    inset: 0;

    z-index: 0;

    background-image:
        radial-gradient(
            rgba(30,73,51,.05) .65px,
            transparent .65px
        );

    background-size:
        8px 8px;

    opacity: .30;

    pointer-events: none;
}


/* =========================================================
   GLOWS
========================================================= */

.rsx-contact__glow {
    position: absolute;

    z-index: 0;

    border-radius: 50%;

    filter: blur(105px);

    pointer-events: none;
}


.rsx-contact__glow--one {
    top: -190px;
    left: 15%;

    width: 420px;
    height: 420px;

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


.rsx-contact__glow--two {
    right: -130px;
    bottom: -180px;

    width: 470px;
    height: 470px;

    background:
        rgba(39,98,69,.09);
}


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

.rsx-contact__inner {
    position: relative;

    z-index: 4;

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

    margin: 0 auto;
}


/* =========================================================
   SHELL
========================================================= */

.rsx-contact__shell {
    display: grid;

    grid-template-columns:
        .92fr 1.08fr;

    min-height: 650px;

    overflow: hidden;

    border:
        1px solid
        rgba(23,63,46,.10);

    border-radius: 36px;

    background: #fff;

    box-shadow:
        0 28px 70px
        rgba(33,53,41,.14);

    opacity: 0;

    transform:
        translateY(34px);
}


/* =========================================================
   INFO PANEL
========================================================= */

.rsx-contact__info {
    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-width: 0;

    overflow: hidden;

    padding:
        51px 46px 29px;

    background:
        radial-gradient(
            circle at 20% 18%,
            rgba(255,225,97,.08),
            transparent 25%
        ),
        linear-gradient(
            140deg,
            #082419 0%,
            #113a29 55%,
            #09271b 100%
        );

    isolation: isolate;
}


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

.rsx-contact__info-grid {
    position: absolute;

    inset: 0;

    z-index: 0;

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

    background-size:
        52px 52px;

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

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

    pointer-events: none;
}


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

.rsx-contact__orb {
    position: absolute;

    z-index: 0;

    border-radius: 50%;

    filter: blur(45px);

    opacity: .16;

    pointer-events: none;
}


.rsx-contact__orb--yellow {
    top: -60px;
    right: 12%;

    width: 150px;
    height: 150px;

    background: #ffe161;
}


.rsx-contact__orb--blue {
    left: -40px;
    bottom: 10%;

    width: 180px;
    height: 180px;

    background: #4e83be;
}


.rsx-contact__orb--red {
    right: 10%;
    bottom: -80px;

    width: 160px;
    height: 160px;

    background: #dd6651;
}


/* =========================================================
   INFO CONTENT
========================================================= */

.rsx-contact__info-content {
    position: relative;

    z-index: 4;

    direction: rtl;

    text-align: right;
}


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

.rsx-contact__eyebrow {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 15px;

    direction: ltr;

    color: #90a79a;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .20em;
}


.rsx-contact__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,.05);

    color: #ffe161;
}


.rsx-contact__eyebrow-icon svg {
    width: 14px;
    height: 14px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


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

.rsx-contact__title {
    max-width: 500px;

    margin:
        0 0 17px;

    color: #f5f8f6;

    font-size:
        18px;

    font-weight: 800;

    line-height: 1.52;

    letter-spacing: -.025em;
}


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


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

.rsx-contact__intro {
    max-width: 510px;

    margin:
        0 0 30px;

    color: #a5b6ac;

    font-size: 13px;

    line-height: 2;
}


/* =========================================================
   METHODS
========================================================= */

.rsx-contact__methods {
    display: grid;

    gap: 9px;
}


.rsx-contact-method {
    display: grid;

    grid-template-columns:
        auto 1fr auto;

    align-items: center;

    gap: 11px;

    min-height: 69px;

    padding:
        11px 12px;

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

    border-radius: 17px;

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

    color: inherit;

    text-decoration: none;

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


.rsx-contact-method__icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 43px;
    height: 43px;

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

    border-radius: 13px;

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

    color: #ffe161;
}


.rsx-contact-method__icon svg {
    width: 20px;
    height: 20px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.rsx-contact-method__text {
    min-width: 0;
}


.rsx-contact-method__text small {
    display: block;

    margin-bottom: 3px;

    color: #758e80;

    font-size: 8.5px;
}


.rsx-contact-method__text strong {
    display: block;

    color: #e8f0eb;

    font-size: 11px;

    font-weight: 650;

    line-height: 1.5;
}


.rsx-contact-method__arrow {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 29px;
    height: 29px;

    border-radius: 9px;

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

    color: #91a99b;

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


.rsx-contact-method__arrow svg {
    width: 14px;
    height: 14px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


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

    .rsx-contact-method:hover {
        transform: translateX(-5px);

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

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


    .rsx-contact-method:hover
    .rsx-contact-method__arrow {
        transform: translateX(-2px);

        background: #ffe161;

        color: #173f2e;
    }

}


/* =========================================================
   TRUST
========================================================= */

.rsx-contact__trust {
    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 26px;
}


.rsx-contact__trust-item {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding:
        7px 9px;

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

    border-radius: 10px;

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

    color: #80998a;
}


.rsx-contact__trust-item > span {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 17px;
    height: 17px;

    color: #ffe161;
}


.rsx-contact__trust-item svg {
    width: 11px;
    height: 11px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2.2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.rsx-contact__trust-item small {
    font-size: 8px;

    line-height: 1;
}


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

.rsx-contact__signature {
    position: relative;

    z-index: 4;

    display: flex;

    align-items: center;

    gap: 8px;

    margin-top: 35px;

    padding-top: 19px;

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

    color: #657f70;

    direction: ltr;

    font-family:
        Arial,
        sans-serif;

    font-size: 6.5px;

    font-weight: 700;

    letter-spacing: .14em;
}


.rsx-contact__palette {
    display: flex;

    gap: 2px;
}


.rsx-contact__palette i {
    display: block;

    width: 5px;
    height: 13px;

    border-radius: 999px;
}


.rsx-contact__palette i:nth-child(1) {
    background: #ef6d59;
}


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


.rsx-contact__palette i:nth-child(3) {
    background: #5aa27a;
}


.rsx-contact__palette i:nth-child(4) {
    background: #5689b7;
}


/* =========================================================
   FORM PANEL
========================================================= */

.rsx-contact__form-panel {
    --rsx-contact-x: 50%;
    --rsx-contact-y: 50%;

    position: relative;

    min-width: 0;

    padding:
        50px 48px 45px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f5f7f4
        );

    direction: rtl;

    isolation: isolate;
}


.rsx-contact__form-panel::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 0;

    opacity: 0;

    background:
        radial-gradient(
            350px circle
            at
            var(--rsx-contact-x)
            var(--rsx-contact-y),

            rgba(255,225,97,.12),

            transparent 70%
        );

    pointer-events: none;

    transition:
        opacity .35s ease;
}


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

    .rsx-contact__form-panel:hover::before {
        opacity: 1;
    }

}


/* =========================================================
   FORM HEAD
========================================================= */

.rsx-contact__form-head {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        auto 1fr;

    align-items: start;

    gap: 15px;

    margin-bottom: 31px;
}


.rsx-contact__form-index {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 43px;
    height: 43px;

    border:
        1px solid
        rgba(33,75,54,.10);

    border-radius: 14px;

    background:
        #f2f4ee;

    color: #909b94;

    font-family:
        Arial,
        sans-serif;

    font-size: 9px;

    font-weight: 700;
}


.rsx-contact__form-kicker {
    display: block;

    margin-bottom: 5px;

    color: #9c9278;

    direction: ltr;

    text-align: right;

    font-family:
        Arial,
        sans-serif;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: .13em;
}


.rsx-contact__form-head h3 {
    margin:
        0 0 7px;

    color: #183f2e;

    font-size:
        16px;

    font-weight: 800;

    line-height: 1.5;
}


.rsx-contact__form-head p {
    max-width: 520px;

    margin: 0;

    color: #737f78;

    font-size: 11.5px;

    line-height: 1.85;
}


/* =========================================================
   FORM
========================================================= */

.rsx-contact__form {
    position: relative;

    z-index: 2;

    margin: 0;
}


/* =========================================================
   TWO-COLUMN FIELDS
========================================================= */

.rsx-contact__fields {
    display: grid;

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

    gap: 13px;

    margin-bottom: 14px;
}


/* =========================================================
   FIELD
========================================================= */

.rsx-contact-field {
    display: block;

    margin: 0;
}


.rsx-contact-field__label {
    display: block;

    margin:
        0 4px 7px;

    color: #4d6256;

    font-size: 9.5px;

    font-weight: 650;
}


.rsx-contact-field__control {
    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    min-height: 55px;

    overflow: hidden;

    border:
        1px solid
        rgba(29,71,50,.10);

    border-radius: 15px;

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

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


.rsx-contact-field__control:focus-within {
    border-color:
        rgba(45,104,74,.40);

    background: #ffffff;

    box-shadow:
        0 0 0 4px
        rgba(45,104,74,.06);
}


.rsx-contact-field__control > svg {
    flex: 0 0 19px;

    width: 19px;
    height: 19px;

    margin:
        0 14px 0 8px;

    fill: none;

    stroke: #789085;

    stroke-width: 1.55;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   INPUT / SELECT
========================================================= */

.rsx-contact-field input,
.rsx-contact-field select,
.rsx-contact-field textarea {
    display: block;

    flex: 1 1 auto;

    width: 100%;

    min-width: 0;

    margin: 0;

    border: 0;

    outline: 0;

    box-shadow: none;

    background: transparent;

    color: #2b4c39;

    font-family: inherit;

    font-size: 11px;
}


.rsx-contact-field input,
.rsx-contact-field select {
    height: 53px;

    padding:
        0 4px 0 13px;
}


.rsx-contact-field input::placeholder,
.rsx-contact-field textarea::placeholder {
    color: #a0aaa4;

    opacity: 1;
}


.rsx-contact-field select {
    appearance: none;

    -webkit-appearance: none;

    cursor: pointer;
}


/* =========================================================
   MESSAGE
========================================================= */

.rsx-contact-field--message {
    margin-top: 2px;
}


.rsx-contact-field--message
.rsx-contact-field__control {
    align-items: flex-start;

    min-height: 138px;
}


.rsx-contact-field--message
.rsx-contact-field__control > svg {
    margin-top: 16px;
}


.rsx-contact-field textarea {
    min-height: 136px;

    padding:
        15px 4px 15px 13px;

    resize: vertical;

    line-height: 1.8;
}


/* =========================================================
   SUBMIT ROW
========================================================= */

.rsx-contact__submit-row {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    margin-top: 19px;
}


/* =========================================================
   BUTTON
========================================================= */

.rsx-contact__submit {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    min-width: 175px;

    height: 55px;

    margin: 0;

    padding:
        0 18px;

    border: 0;

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            #1c4a34,
            #2f6b4b
        );

    color: #fff7cb;

    cursor: pointer;

    box-shadow:
        0 15px 26px
        rgba(30,74,52,.19);

    font-family: inherit;

    font-size: 11px;

    font-weight: 750;

    transition:
        transform .3s
        cubic-bezier(.2,.8,.2,1),
        box-shadow .3s ease;
}


.rsx-contact__submit-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 28px;
    height: 28px;

    border-radius: 9px;

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

    color: #ffe161;
}


.rsx-contact__submit-icon svg {
    width: 14px;
    height: 14px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


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

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

        box-shadow:
            0 20px 34px
            rgba(30,74,52,.25);
    }

}


/* =========================================================
   SECURE
========================================================= */

.rsx-contact__secure {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #89948e;
}


.rsx-contact__secure > span {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 25px;
    height: 25px;

    border-radius: 8px;

    background:
        rgba(38,81,59,.05);

    color: #6e8879;
}


.rsx-contact__secure svg {
    width: 13px;
    height: 13px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.5;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.rsx-contact__secure small {
    font-size: 8px;
}


/* =========================================================
   FORM MESSAGE
========================================================= */

.rsx-contact__message {
    min-height: 20px;

    margin-top: 9px;

    color: #6e7d74;

    font-size: 9.5px;

    line-height: 1.6;
}


.rsx-contact__message.is-error {
    color: #bf5443;
}


.rsx-contact__message.is-success {
    color: #318052;
}


/* =========================================================
   REVEAL
========================================================= */

.rsx-contact--visible
.rsx-contact__shell {
    opacity: 1;

    transform:
        translateY(0);

    transition:
        opacity .85s ease,
        transform .9s
        cubic-bezier(.18,.76,.2,1);
}


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

@media (max-width: 1199px) {

    .rsx-contact {
        padding:
            78px 0 86px;
    }


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


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

        min-height: 0;
    }


    .rsx-contact__info {
        padding:
            44px 38px 27px;
    }


    .rsx-contact__form-panel {
        padding:
            42px 38px 39px;
    }


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


    .rsx-contact-method {
        grid-template-columns:
            auto 1fr;

        min-height: 78px;
    }


    .rsx-contact-method__arrow {
        display: none;
    }

}


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

@media (max-width: 767px) {

    .rsx-contact {
        padding:
            60px 0 68px;
    }


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


    .rsx-contact__shell {
        border-radius: 25px;
    }


    .rsx-contact__info {
        padding:
            35px 19px 23px;
    }


    .rsx-contact__title {
        font-size:
            18px;
    }


    .rsx-contact__intro {
        margin-bottom: 23px;

        font-size: 11.5px;

        line-height: 1.9;
    }


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

        gap: 8px;
    }


    .rsx-contact-method {
        min-height: 65px;
    }


    .rsx-contact-method__arrow {
        display: flex;
    }


    .rsx-contact__trust {
        margin-top: 20px;
    }


    .rsx-contact__signature {
        flex-wrap: wrap;

        margin-top: 25px;
    }


    /* FORM */

    .rsx-contact__form-panel {
        padding:
            31px 17px 28px;
    }


    .rsx-contact__form-head {
        gap: 11px;

        margin-bottom: 25px;
    }


    .rsx-contact__form-index {
        width: 38px;
        height: 38px;

        border-radius: 12px;
    }


    .rsx-contact__form-head h3 {
        font-size: 16px;
    }


    .rsx-contact__form-head p {
        font-size: 10.5px;
    }


    /*
       Mobile:
       inputs single column
    */

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

        gap: 11px;

        margin-bottom: 11px;
    }


    .rsx-contact-field__control {
        min-height: 53px;

        border-radius: 14px;
    }


    .rsx-contact-field input,
    .rsx-contact-field select {
        height: 51px;
    }


    .rsx-contact-field--message
    .rsx-contact-field__control {
        min-height: 125px;
    }


    .rsx-contact-field textarea {
        min-height: 123px;
    }


    .rsx-contact__submit-row {
        display: block;

        margin-top: 16px;
    }


    .rsx-contact__submit {
        width: 100%;

        min-width: 0;

        height: 54px;
    }


    .rsx-contact__secure {
        justify-content: center;

        width: 100%;

        margin-top: 12px;
    }


    .rsx-contact__message {
        text-align: center;
    }

}


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

@media (max-width: 400px) {

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


    .rsx-contact__info {
        padding:
            31px 15px 21px;
    }


    .rsx-contact__form-panel {
        padding:
            27px 13px 25px;
    }


    .rsx-contact-method__text strong {
        font-size: 10.5px;
    }

}


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

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

    .rsx-contact__shell {
        opacity: 1;

        transform: none;

        transition: none;
    }


    .rsx-contact-method,
    .rsx-contact__submit {
        transition: none;
    }

}

/* =========================================================
   END — SECTION 11
========================================================= */

/* =========================================================
   RSX CONTACT — PROFESSIONAL SUBJECT DROPDOWN
   v1.6.29
========================================================= */

.rsx-contact-field__control--select {
    overflow: visible;
    z-index: 30;
}

.rsx-contact-field--select-open {
    position: relative;
    z-index: 80;
}

.rsx-contact-native-select {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.rsx-contact-select {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    height: 53px;
    margin-left: 8px;
}

.rsx-contact-select__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    width: 100%;
    height: 53px;
    padding: 0 4px 0 10px;

    border: 0;
    outline: 0;
    background: transparent;
    color: #2b4c39;

    font-family: inherit;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;

    text-align: right;
    cursor: pointer;
}

.rsx-contact-select__label {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rsx-contact-select__trigger.is-placeholder
.rsx-contact-select__label {
    color: #829189;
}

.rsx-contact-select__chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 28px;
    width: 28px;
    height: 28px;

    border: 1px solid rgba(39,91,65,.10);
    border-radius: 9px;

    color: #557466;
    background: rgba(45,104,74,.045);

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

.rsx-contact-select__chevron svg {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rsx-contact-select.is-open
.rsx-contact-select__chevron {
    transform: rotate(180deg);
    color: #244f3a;
    border-color: rgba(198,164,55,.28);
    background: rgba(255,225,97,.16);
}

.rsx-contact-select__menu {
    position: absolute;
    top: calc(100% + 8px);
    right: -46px;
    left: -8px;
    z-index: 100;

    padding: 7px;

    border: 1px solid rgba(27,73,51,.11);
    border-radius: 15px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.99),
            rgba(248,250,247,.99)
        );

    box-shadow:
        0 18px 42px rgba(26,54,39,.16),
        0 4px 12px rgba(26,54,39,.07),
        inset 0 1px 0 rgba(255,255,255,.95);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(-6px) scale(.985);
    transform-origin: top center;

    transition:
        opacity .18s ease,
        transform .22s cubic-bezier(.2,.8,.2,1),
        visibility .18s ease;
}

.rsx-contact-select.is-open
.rsx-contact-select__menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.rsx-contact-select__option {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    width: 100%;
    min-height: 39px;
    margin: 0;
    padding: 8px 11px 8px 9px;

    border: 0;
    border-radius: 10px;

    background: transparent;
    color: #385847;

    font-family: inherit;
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.65;

    text-align: right;
    cursor: pointer;

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

.rsx-contact-select__option::before {
    content: "";
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;

    background: rgba(54,106,78,.18);

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

.rsx-contact-select__option[aria-selected="true"] {
    color: #214b36;
    font-weight: 700;

    background:
        linear-gradient(
            90deg,
            rgba(255,225,97,.13),
            rgba(48,111,76,.07)
        );
}

.rsx-contact-select__option[aria-selected="true"]::before {
    background: #d7b33a;
    box-shadow: 0 0 0 4px rgba(215,179,58,.12);
}

.rsx-contact-select__option:focus-visible {
    outline: 0;
    color: #214b36;
    background: rgba(45,104,74,.08);
}

@media (hover:hover) and (pointer:fine) {
    .rsx-contact-select__trigger:hover
    .rsx-contact-select__chevron {
        color: #244f3a;
        border-color: rgba(45,104,74,.18);
        background: rgba(45,104,74,.075);
    }

    .rsx-contact-select__option:hover {
        color: #214b36;
        background: rgba(45,104,74,.07);
        transform: translateX(-2px);
    }

    .rsx-contact-select__option:hover::before {
        background: #d7b33a;
    }
}

@media (max-width: 767px) {
    .rsx-contact-select {
        height: 51px;
    }

    .rsx-contact-select__trigger {
        height: 51px;
        font-size: 10.5px;
    }

    .rsx-contact-select__menu {
        right: -44px;
        left: -6px;
        padding: 6px;
        border-radius: 14px;
    }

    .rsx-contact-select__option {
        min-height: 38px;
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rsx-contact-select__chevron,
    .rsx-contact-select__menu,
    .rsx-contact-select__option {
        transition: none;
    }
}

/* END — RSX CONTACT PROFESSIONAL SUBJECT DROPDOWN */

/* =========================================================
   CONTACT PAGE — MAPS + ROUTING UPGRADE
   v1.16.27
   Keeps the native contact content intact and upgrades only
   branch routing / map presentation.
========================================================= */

.dgcontact26-branch__route-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    color: #765d16;
    border: 1px solid rgba(170,134,41,.24);
    border-radius: 11px;
    background: linear-gradient(135deg, rgba(246,236,195,.82), rgba(255,255,255,.96));
    box-shadow: 0 8px 20px rgba(84,66,17,.06);
    font-size: 9.5px;
    font-weight: 850;
    line-height: 1.6;
    text-align: center;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.dgcontact26-branch__route-cta > span {
    display: inline-block;
    margin: 0;
    color: inherit;
    font-size: 13px;
    line-height: 1;
    transition: transform .2s ease;
}

@media (hover:hover) and (pointer:fine) {
    .dgcontact26-branch__route-cta:hover {
        transform: translateY(-2px);
        border-color: rgba(170,134,41,.48);
        box-shadow: 0 12px 26px rgba(84,66,17,.10);
    }

    .dgcontact26-branch__route-cta:hover > span {
        transform: translate(-2px,-2px);
    }
}

.dgcontact26-maps {
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 10%, rgba(216,189,89,.16), transparent 25%),
        radial-gradient(circle at 92% 86%, rgba(71,143,109,.20), transparent 28%),
        linear-gradient(145deg, #031d16 0%, #063126 54%, #0a4938 100%);
}

.dgcontact26-maps::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .25;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.92), rgba(0,0,0,.32));
    pointer-events: none;
}

.dgcontact26-maps .dgcontact26-section-head__eyebrow {
    color: #d8bd59;
}

.dgcontact26-maps .dgcontact26-section-head h2 {
    color: #ffffff;
}

.dgcontact26-maps .dgcontact26-section-head p {
    color: rgba(255,255,255,.62);
}

.dgcontact26-maps .dgcontact26-section-head__count {
    border-color: rgba(216,189,89,.19);
    background: rgba(255,255,255,.045);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.dgcontact26-maps .dgcontact26-section-head__count strong {
    color: #e6cd70;
}

.dgcontact26-maps .dgcontact26-section-head__count span {
    color: rgba(255,255,255,.48);
}

.dgcontact26-maps .dgcontact26-branches__grid {
    gap: 22px;
}

.dgcontact26-maps .dgcontact26-branch {
    border-color: rgba(255,255,255,.10);
    background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
    box-shadow: 0 28px 66px rgba(0,0,0,.24);
    backdrop-filter: blur(10px);
}

.dgcontact26-maps .dgcontact26-branch::before {
    width: 180px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #d8bd59 68%, #f1dc85);
}

.dgcontact26-maps .dgcontact26-branch__top {
    align-items: center;
    padding: 22px 24px 18px;
}

.dgcontact26-maps .dgcontact26-branch__index {
    color: #d8bd59;
}

.dgcontact26-maps .dgcontact26-branch h3 {
    color: #ffffff;
    font-size: 15px;
}

.dgcontact26-maps .dgcontact26-branch__store {
    color: rgba(255,255,255,.48);
}

.dgcontact26-maps .dgcontact26-branch__marker {
    color: #e4ca68;
    border-color: rgba(216,189,89,.20);
    background: rgba(216,189,89,.075);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.dgcontact26-maps .dgcontact26-branch__map-frame {
    display: block;
    width: calc(100% - 32px);
    height: 330px;
    margin: 0 16px;
    overflow: hidden;
    border: 0;
    border-radius: 20px;
    background: #e9eeeb;
    box-shadow:
        0 16px 34px rgba(0,0,0,.22),
        0 0 0 1px rgba(255,255,255,.08);
}

.dgcontact26-maps .dgcontact26-branch__actions,
.dgcontact26-map-route {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    margin: 16px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.dgcontact26-maps .dgcontact26-branch__actions > a,
.dgcontact26-map-route__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 46px;
    padding: 0 17px;
    color: #082b21;
    border: 1px solid rgba(239,216,126,.82);
    border-radius: 13px;
    background: linear-gradient(135deg, #f0dc85, #d7b94d);
    box-shadow: 0 12px 28px rgba(0,0,0,.18);
    font-size: 10px;
    font-weight: 900;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.dgcontact26-maps .dgcontact26-branch__route-note,
.dgcontact26-map-route__coords {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 13px;
    color: rgba(255,255,255,.68);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    background: rgba(2,22,17,.32);
    font-family: Arial, sans-serif;
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.2;
    white-space: nowrap;
}

.dgcontact26-map-route__info {
    min-width: 0;
}

.dgcontact26-map-route__label {
    display: block;
    margin-bottom: 4px;
    color: #d8bd59;
    font-family: Arial, sans-serif;
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: .12em;
}

.dgcontact26-map-route__info strong {
    display: block;
    color: #ffffff;
    font-size: 11px;
    font-weight: 850;
}

.dgcontact26-map-route__info p {
    margin: 4px 0 0;
    color: rgba(255,255,255,.52);
    font-size: 9px;
    line-height: 1.8;
}

.dgcontact26-map-route__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (hover:hover) and (pointer:fine) {
    .dgcontact26-maps .dgcontact26-branch__actions > a:hover,
    .dgcontact26-map-route__button:hover {
        transform: translateY(-2px);
        filter: brightness(1.03);
        box-shadow: 0 16px 34px rgba(0,0,0,.24);
    }
}

@media (max-width: 700px) {
    .dgcontact26-maps .dgcontact26-branch__map-frame {
        width: calc(100% - 24px);
        height: 280px;
        margin-right: 12px;
        margin-left: 12px;
        border-radius: 16px;
    }

    .dgcontact26-maps .dgcontact26-branch__actions,
    .dgcontact26-map-route {
        grid-template-columns: 1fr;
        margin: 12px;
        padding: 12px;
        border-radius: 15px;
    }

    .dgcontact26-maps .dgcontact26-branch__actions > a,
    .dgcontact26-map-route__button,
    .dgcontact26-maps .dgcontact26-branch__route-note,
    .dgcontact26-map-route__coords {
        width: 100%;
    }

    .dgcontact26-map-route__actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dgcontact26-branch__route-cta,
    .dgcontact26-maps .dgcontact26-branch__actions > a,
    .dgcontact26-map-route__button {
        transition: none;
    }
}

/* END — CONTACT PAGE MAPS + ROUTING UPGRADE v1.16.27 */

/* =========================================================
   ABOUT PAGE — CLOSING / EXPERIENCE + TRUST
   v1.0.0
   Scope: .dgabout-closing only
========================================================= */
.dgabout-closing,
.dgabout-closing * {
    box-sizing: border-box;
}

.dgabout-closing {
    --dgabout-close-bg: #051711;
    --dgabout-close-bg-deep: #03100c;
    --dgabout-close-card: rgba(11, 43, 32, .78);
    --dgabout-close-card-soft: rgba(255, 255, 255, .035);
    --dgabout-close-line: rgba(255, 255, 255, .10);
    --dgabout-close-text: #f5f7f5;
    --dgabout-close-soft: rgba(236, 244, 239, .72);
    --dgabout-close-muted: rgba(226, 238, 231, .50);
    --dgabout-close-gold: #dfc45a;
    --dgabout-close-gold-strong: #f4da72;
    --dgabout-close-green: #236e51;

    position: relative;
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: clamp(72px, 7vw, 112px) 24px;
    overflow: hidden;
    isolation: isolate;
    color: var(--dgabout-close-text);
    background:
        radial-gradient(circle at 12% 18%, rgba(223, 196, 90, .10), transparent 28%),
        radial-gradient(circle at 88% 78%, rgba(35, 110, 81, .20), transparent 34%),
        linear-gradient(145deg, var(--dgabout-close-bg-deep) 0%, var(--dgabout-close-bg) 52%, #062119 100%);
    border-top: 1px solid rgba(223, 196, 90, .16);
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.dgabout-closing::before,
.dgabout-closing::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1;
}

.dgabout-closing::before {
    inset: 0;
    opacity: .32;
    background-image:
        linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(to bottom, transparent 0%, #000 22%, #000 78%, transparent 100%);
}

.dgabout-closing::after {
    width: 520px;
    height: 520px;
    left: -220px;
    bottom: -290px;
    border: 1px solid rgba(223, 196, 90, .14);
    border-radius: 50%;
    box-shadow:
        0 0 0 64px rgba(223, 196, 90, .025),
        0 0 0 128px rgba(223, 196, 90, .018);
}

.dgabout-closing__inner {
    width: min(1240px, 100%);
    margin: 0 auto;
}

.dgabout-closing__top {
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(340px, .84fr);
    gap: 24px;
    align-items: stretch;
}

.dgabout-closing__story {
    position: relative;
    min-width: 0;
    padding: clamp(28px, 3.4vw, 46px);
    overflow: hidden;
    border: 1px solid rgba(223, 196, 90, .16);
    border-radius: 30px;
    background:
        linear-gradient(140deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(4, 24, 18, .68);
    box-shadow: 0 26px 70px rgba(0, 0, 0, .25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.dgabout-closing__story::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    inset-inline-start: -70px;
    top: -78px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(244, 218, 114, .18), transparent 68%);
    pointer-events: none;
}

.dgabout-closing__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--dgabout-close-gold-strong);
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .16em;
    direction: ltr;
}

.dgabout-closing__eyebrow::before {
    content: "";
    width: 28px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--dgabout-close-gold));
}

.dgabout-closing__title {
    max-width: 720px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(24px, 2.15vw, 34px);
    font-weight: 900;
    line-height: 1.65;
    letter-spacing: -.025em;
}

.dgabout-closing__title::after {
    content: "";
    display: block;
    width: 74px;
    height: 2px;
    margin-top: 18px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--dgabout-close-gold-strong), rgba(223, 196, 90, .08));
}

.dgabout-closing__text {
    max-width: 780px;
    margin: 0 0 14px;
    color: var(--dgabout-close-soft);
    font-size: 14px;
    font-weight: 450;
    line-height: 2.15;
    text-align: justify;
    text-align-last: right;
}

.dgabout-closing__text:last-child {
    margin-bottom: 0;
}

.dgabout-closing__values {
    position: relative;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    gap: 14px;
    min-width: 0;
}

.dgabout-closing-value {
    position: relative;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    min-width: 0;
    padding: 20px 22px;
    overflow: hidden;
    border: 1px solid var(--dgabout-close-line);
    border-radius: 22px;
    background:
        linear-gradient(115deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
        rgba(6, 32, 24, .66);
    box-shadow: 0 18px 44px rgba(0,0,0,.16);
    transition: transform .24s ease, border-color .24s ease, background-color .24s ease;
}

.dgabout-closing-value::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    inset-inline-end: -42px;
    top: -40px;
    border: 1px solid rgba(223,196,90,.10);
    border-radius: 50%;
}

.dgabout-closing-value__index {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(223, 196, 90, .28);
    border-radius: 18px;
    color: var(--dgabout-close-gold-strong);
    background: rgba(223, 196, 90, .07);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    box-shadow: inset 0 0 24px rgba(223, 196, 90, .035);
}

.dgabout-closing-value__title {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.65;
}

.dgabout-closing-value__text {
    margin: 0;
    color: var(--dgabout-close-muted);
    font-size: 12.5px;
    line-height: 1.95;
    text-align: justify;
    text-align-last: right;
}

.dgabout-closing__cta {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 26px;
    align-items: center;
    margin-top: 24px;
    padding: 26px 30px;
    overflow: hidden;
    border: 1px solid rgba(223, 196, 90, .20);
    border-radius: 26px;
    background:
        radial-gradient(circle at 18% 50%, rgba(223,196,90,.09), transparent 30%),
        linear-gradient(105deg, rgba(15, 67, 49, .86), rgba(6, 34, 25, .92));
    box-shadow: 0 24px 64px rgba(0,0,0,.20);
}

.dgabout-closing__cta::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(to bottom, transparent, var(--dgabout-close-gold-strong), transparent);
    opacity: .85;
}

.dgabout-closing__cta-title {
    margin: 0 0 6px;
    color: #ffffff;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.7;
}

.dgabout-closing__cta-text {
    max-width: 760px;
    margin: 0;
    color: rgba(238, 246, 241, .66);
    font-size: 13px;
    line-height: 1.95;
}

.dgabout-closing__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    border: 1px solid rgba(244, 218, 114, .32);
    border-radius: 15px;
    color: #0b241b;
    background: linear-gradient(135deg, #f5dc75, #d4b84d);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .24), inset 0 1px rgba(255,255,255,.35);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none !important;
    white-space: nowrap;
    transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

.dgabout-closing__button span {
    font-size: 18px;
    line-height: 1;
    transition: transform .22s ease;
}

.dgabout-closing__button:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
}

@media (hover:hover) and (pointer:fine) {
    .dgabout-closing-value:hover {
        transform: translateY(-3px);
        border-color: rgba(223, 196, 90, .24);
        background-color: rgba(10, 50, 37, .78);
    }

    .dgabout-closing__button:hover {
        transform: translateY(-2px);
        filter: brightness(1.04);
        box-shadow: 0 16px 38px rgba(0, 0, 0, .30), 0 0 0 1px rgba(244,218,114,.08);
    }

    .dgabout-closing__button:hover span {
        transform: translateX(-3px);
    }
}

@media (max-width: 980px) {
    .dgabout-closing__top {
        grid-template-columns: 1fr;
    }

    .dgabout-closing__values {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: none;
    }

    .dgabout-closing-value {
        grid-template-columns: 1fr;
        align-content: start;
    }
}

@media (max-width: 760px) {
    .dgabout-closing {
        padding: 58px 14px;
    }

    .dgabout-closing__story {
        padding: 24px 20px;
        border-radius: 22px;
    }

    .dgabout-closing__title {
        margin-bottom: 18px;
        font-size: 22px;
        line-height: 1.75;
    }

    .dgabout-closing__text {
        font-size: 13px;
        line-height: 2.05;
    }

    .dgabout-closing__values {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .dgabout-closing-value {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 13px;
        padding: 16px;
        border-radius: 18px;
    }

    .dgabout-closing-value__index {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 11px;
    }

    .dgabout-closing-value__title {
        font-size: 14px;
    }

    .dgabout-closing-value__text {
        font-size: 12px;
    }

    .dgabout-closing__cta {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 22px 20px;
        border-radius: 20px;
    }

    .dgabout-closing__cta-title {
        font-size: 17px;
    }

    .dgabout-closing__cta-text {
        font-size: 12.5px;
    }

    .dgabout-closing__button {
        width: 100%;
        min-height: 46px;
    }
}

@media (max-width: 420px) {
    .dgabout-closing {
        padding-right: 12px;
        padding-left: 12px;
    }

    .dgabout-closing__story {
        padding: 21px 17px;
    }

    .dgabout-closing__eyebrow {
        font-size: 8.5px;
        letter-spacing: .12em;
    }

    .dgabout-closing__title {
        font-size: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dgabout-closing-value,
    .dgabout-closing__button,
    .dgabout-closing__button span {
        transition: none;
    }
}

/* END — ABOUT PAGE CLOSING / EXPERIENCE + TRUST v1.0.0 */