/*!
 * Đại Dương Glass — Components (CONTRACTS 4.3). Phụ thuộc tokens.css.
 * Mục lục: 1 Layout · 2 Nút · 3 Card/Chip/Eyebrow/Lead · 4 CTA box · 5 Breadcrumb · 6 Form · 7 Alert/Table
 *          8 Tiện ích · 9 Header CTA (UI-U-16) · 10 Contact Dock (UI-U-02) · 11 Footer (UI-U-19/18)
 *          12 Trang chủ: hero, trust strip, logo grid (UI-U-07/24, PERF-03/12) · 13 Cầu nối Flatsome · 14 COMPAT snippet cũ
 * Breakpoint theo Flatsome: small < 550px, medium < 850px.
 */

/* ========================= 1. LAYOUT ========================= */
.ddg-container {
	width: 100%;
	max-width: var(--ddg-container);
	margin-inline: auto;
	padding-inline: var(--ddg-space-4);
	box-sizing: border-box;
}
.ddg-section {
	padding-block: var(--ddg-space-12);
}
.ddg-section--mist {
	background: var(--ddg-surface-2);
}
.ddg-stack > * {
	margin-block: 0;
}
.ddg-stack > * + * {
	margin-block-start: var(--ddg-stack-gap, var(--ddg-space-4));
}
.ddg-grid {
	display: grid;
	gap: var(--ddg-grid-gap, var(--ddg-space-4));
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ddg-grid-min, 260px)), 1fr));
}
@media (min-width: 850px) {
	.ddg-container {
		padding-inline: var(--ddg-space-6);
	}
	.ddg-section {
		padding-block: var(--ddg-space-16);
	}
	.ddg-grid {
		gap: var(--ddg-grid-gap, var(--ddg-space-6));
	}
}

/* ========================= 2. NÚT =========================
   Màu điều khiển bằng biến để biến thể/ngữ cảnh chỉ đổi biến (và để lớp COMPAT dùng lại). */
.ddg-btn {
	--ddg-btn-bg: var(--ddg-brand-600);
	--ddg-btn-bg-hover: var(--ddg-brand-700);
	--ddg-btn-fg: #fff;
	--ddg-btn-bd: transparent;
	--ddg-btn-bd-hover: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ddg-space-2);
	box-sizing: border-box;
	min-height: 44px;
	max-width: 100%;
	margin: 0;
	padding: 10px 20px;
	border: 1px solid var(--ddg-btn-bd);
	border-radius: var(--ddg-radius-md);
	background: var(--ddg-btn-bg);
	color: var(--ddg-btn-fg);
	font-family: var(--ddg-font-sans);
	font-size: var(--ddg-fs-16);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	text-shadow: none;
	white-space: normal;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background-color var(--ddg-dur-1) var(--ddg-ease), border-color var(--ddg-dur-1) var(--ddg-ease), color var(--ddg-dur-1) var(--ddg-ease), box-shadow var(--ddg-dur-1) var(--ddg-ease);
}
.ddg-btn:hover,
.ddg-btn:focus-visible {
	background: var(--ddg-btn-bg-hover);
	border-color: var(--ddg-btn-bd-hover);
	color: var(--ddg-btn-fg);
	text-decoration: none;
}
.ddg-btn:active {
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.12);
}
/* Nút ở khung site (header, menu, dải footer) không bị CSS dán trong nội dung trang ghi đè
   (vd page 343 có <style> .ddg-btn--primary{background:#fff}) */
:is(#header, #main-menu, #footer) .ddg-btn {
	background: var(--ddg-btn-bg);
	border-color: var(--ddg-btn-bd);
	color: var(--ddg-btn-fg);
}
:is(#header, #main-menu, #footer) .ddg-btn:is(:hover, :focus-visible) {
	background: var(--ddg-btn-bg-hover);
	border-color: var(--ddg-btn-bd-hover);
	color: var(--ddg-btn-fg);
}
.ddg-btn .ddg-icon {
	--ddg-icon-size: 20px;
}
.ddg-btn--primary {
	--ddg-btn-bg: var(--ddg-brand-600);
	--ddg-btn-bg-hover: var(--ddg-brand-700);
	--ddg-btn-fg: #fff;
}
.ddg-btn--secondary {
	--ddg-btn-bg: var(--ddg-surface);
	--ddg-btn-bg-hover: var(--ddg-brand-100);
	--ddg-btn-fg: var(--ddg-brand-700);
	--ddg-btn-bd: var(--ddg-brand-700);
	--ddg-btn-bd-hover: var(--ddg-brand-700);
}
.ddg-btn--ghost {
	--ddg-btn-bg: transparent;
	--ddg-btn-bg-hover: var(--ddg-surface-2);
	--ddg-btn-fg: var(--ddg-brand-600);
	--ddg-btn-bd: var(--ddg-line);
	--ddg-btn-bd-hover: var(--ddg-brand-600);
}
.ddg-btn--call {
	--ddg-btn-bg: var(--ddg-call);
	--ddg-btn-bg-hover: var(--ddg-call-700);
	--ddg-btn-fg: #fff;
}
.ddg-btn--zalo {
	--ddg-btn-bg: var(--ddg-zalo);
	--ddg-btn-bg-hover: var(--ddg-zalo-700);
	--ddg-btn-fg: #fff;
}
.ddg-btn--sm {
	min-height: 40px;
	padding: 8px 14px;
	font-size: var(--ddg-fs-14);
	border-radius: var(--ddg-radius-sm);
}
.ddg-btn--lg {
	min-height: 52px;
	padding: 14px 26px;
	font-size: var(--ddg-fs-18);
}
.ddg-btn--block {
	display: flex;
	width: 100%;
}
.ddg-btn[disabled],
.ddg-btn[aria-disabled="true"] {
	opacity: 0.55;
	pointer-events: none;
}
@media (pointer: coarse) {
	.ddg-btn--sm {
		min-height: 44px;
	}
}
/* Trên nền tối: nút chính dùng champagne (9.9:1), nút phụ viền trắng — tránh brand-600/brand-900 chỉ 2.9:1 */
.ddg-on-dark .ddg-btn--primary {
	--ddg-btn-bg: var(--ddg-champagne-300);
	--ddg-btn-bg-hover: #e6d7b8;
	--ddg-btn-fg: var(--ddg-brand-900);
}
.ddg-on-dark .ddg-btn--secondary,
.ddg-on-dark .ddg-btn--ghost {
	--ddg-btn-bg: transparent;
	--ddg-btn-bg-hover: rgba(255, 255, 255, 0.1);
	--ddg-btn-fg: #fff;
	--ddg-btn-bd: rgba(255, 255, 255, 0.55);
	--ddg-btn-bd-hover: #fff;
}
/* TRACKING GOOGLE ADS (GTM-W3ZSHZG) — KHÔNG XOÁ.
 * Trigger Zalo/Messenger là "All Elements click" + Click URL (gtm.elementUrl = href của CHÍNH phần tử được bấm).
 * Bấm trúng icon/chữ con bên trong <a> thì Click URL rỗng → mất chuyển đổi. Vì vậy mọi phần tử con của
 * CTA và của mọi link tel:/Zalo/Messenger (kể cả link trong nội dung bài, widget, footer) không nhận click. UI-U-M02 */
[data-ddg-cta] *,
a[href^="tel:"] *,
a[href*="zalo.me/"] *,
a[href*="m.me/"] * {
	pointer-events: none;
}

/* ========================= 3. CARD · CHIP · EYEBROW · LEAD ========================= */
.ddg-card {
	position: relative;
	box-sizing: border-box;
	padding: var(--ddg-space-6);
	background: var(--ddg-surface);
	border: 1px solid var(--ddg-line);
	border-radius: var(--ddg-radius-lg);
	box-shadow: var(--ddg-shadow-1);
	color: var(--ddg-ink-700);
	transition: box-shadow var(--ddg-dur-2) var(--ddg-ease), border-color var(--ddg-dur-2) var(--ddg-ease);
}
a.ddg-card {
	display: block;
	text-decoration: none;
}
a.ddg-card:hover,
.ddg-card--link:hover {
	border-color: #c9d0dc;
	box-shadow: var(--ddg-shadow-2);
}
.ddg-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 32px;
	padding: 4px 12px;
	border: 1px solid var(--ddg-line);
	border-radius: var(--ddg-radius-pill);
	background: var(--ddg-surface);
	color: var(--ddg-ink-700);
	font-size: var(--ddg-fs-14);
	font-weight: 600;
	line-height: 1.3;
}
.ddg-chip .ddg-icon {
	--ddg-icon-size: 16px;
	color: var(--ddg-brand-600);
}
.ddg-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: var(--ddg-space-2);
	margin: 0 0 var(--ddg-space-3);
	color: var(--ddg-champagne-600);
	font-family: var(--ddg-font-sans);
	font-size: var(--ddg-fs-12);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.ddg-eyebrow::before {
	content: "";
	width: 24px;
	height: 1px;
	background: currentColor;
}
.ddg-on-dark .ddg-eyebrow {
	color: var(--ddg-champagne-300);
}
.ddg-lead {
	color: var(--ddg-ink-700);
	font-size: var(--ddg-fs-18);
	line-height: 1.65;
}

/* ========================= 4. CTA BOX ========================= */
.ddg-cta-box {
	display: grid;
	gap: var(--ddg-space-3);
	box-sizing: border-box;
	margin-block: var(--ddg-space-8);
	padding: var(--ddg-space-6);
	background: var(--ddg-surface-glass);
	border: 1px solid var(--ddg-line);
	border-radius: var(--ddg-radius-lg);
	color: var(--ddg-ink-700);
}
.ddg-cta-box__title {
	margin: 0;
	color: var(--ddg-ink-900);
	font-family: var(--ddg-font-display);
	font-size: var(--ddg-fs-24);
	line-height: var(--ddg-lh-heading);
}
.ddg-cta-box__text {
	margin: 0;
}
.ddg-cta-box__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ddg-space-3);
	margin-top: var(--ddg-space-2);
}
.ddg-cta-box--dark {
	background: var(--ddg-brand-900);
	border-color: var(--ddg-brand-900);
	color: var(--ddg-on-dark);
}
.ddg-cta-box--dark .ddg-cta-box__title {
	color: #fff;
}
@media (min-width: 850px) {
	.ddg-cta-box {
		padding: var(--ddg-space-8);
	}
}
@media (max-width: 549px) {
	.ddg-cta-box__actions .ddg-btn {
		flex: 1 1 100%;
	}
}

/* ========================= 5. BREADCRUMB ========================= */
.ddg-breadcrumb {
	margin: 0 0 var(--ddg-space-4);
	color: var(--ddg-ink-500);
	font-size: var(--ddg-fs-14);
	line-height: 1.5;
}
.ddg-breadcrumb :is(ol, ul, p) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 var(--ddg-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}
.ddg-breadcrumb :is(ol, ul) > li {
	display: inline-flex;
	align-items: center;
	gap: var(--ddg-space-2);
	margin: 0;
}
.ddg-breadcrumb li + li::before,
.ddg-breadcrumb .separator {
	content: "/";
	color: var(--ddg-line-strong);
}
.ddg-breadcrumb a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	color: var(--ddg-ink-700);
	text-decoration: none;
}
.ddg-breadcrumb a:hover {
	color: var(--ddg-brand-600);
	text-decoration: underline;
}
.ddg-breadcrumb [aria-current],
.ddg-breadcrumb .last {
	color: var(--ddg-ink-500);
}
@media (max-width: 849px) {
	.ddg-breadcrumb a {
		min-height: 44px; /* UI-U-18 */
	}
}

/* ========================= 6. FORM =========================
   Selector (0,1,1) để ngang Flatsome `input[type=email]`; tokens/components in sau flatsome.css. */
.ddg-field {
	display: grid;
	gap: 6px;
	margin: 0 0 var(--ddg-space-4);
}
.ddg-label {
	display: block;
	margin: 0;
	color: var(--ddg-ink-900);
	font-size: var(--ddg-fs-14);
	font-weight: 600;
	line-height: 1.4;
}
.ddg-label .ddg-req {
	color: var(--ddg-danger);
}
:is(input, select, textarea):is(.ddg-input, .ddg-select, .ddg-textarea) {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 48px;
	margin: 0;
	padding: 12px 14px;
	border: 1px solid var(--ddg-line-strong);
	border-radius: var(--ddg-radius-md);
	background-color: var(--ddg-surface);
	box-shadow: none;
	color: var(--ddg-ink-900);
	font-family: var(--ddg-font-sans);
	font-size: 16px; /* ≥16px: iOS không tự phóng to khi focus — UI-U-04 */
	line-height: 1.4;
	transition: border-color var(--ddg-dur-1) var(--ddg-ease), box-shadow var(--ddg-dur-1) var(--ddg-ease);
}
:is(input, select, textarea):is(.ddg-input, .ddg-select, .ddg-textarea)::placeholder {
	color: var(--ddg-ink-500);
	opacity: 1;
}
:is(input, select, textarea):is(.ddg-input, .ddg-select, .ddg-textarea):hover {
	border-color: var(--ddg-ink-500);
	box-shadow: none;
}
:is(input, select, textarea):is(.ddg-input, .ddg-select, .ddg-textarea):focus {
	border-color: var(--ddg-brand-600);
	box-shadow: 0 0 0 3px rgba(54, 102, 163, 0.22);
	background-color: var(--ddg-surface);
	color: var(--ddg-ink-900);
}
:is(input, select, textarea):is(.ddg-input, .ddg-select, .ddg-textarea)[aria-invalid="true"] {
	border-color: var(--ddg-danger);
	box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.16);
}
textarea.ddg-textarea {
	min-height: 120px;
	resize: vertical;
}
select.ddg-select {
	padding-right: 44px;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235f5b70' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 20px;
}
.ddg-help {
	margin: 0;
	color: var(--ddg-ink-500);
	font-size: var(--ddg-fs-14);
	line-height: 1.5;
}
.ddg-field.is-invalid .ddg-help,
.ddg-help--error {
	color: var(--ddg-danger);
}

/* ========================= 7. ALERT · TABLE ========================= */
.ddg-alert {
	display: flex;
	gap: var(--ddg-space-3);
	align-items: flex-start;
	box-sizing: border-box;
	margin: 0 0 var(--ddg-space-4);
	padding: var(--ddg-space-3) var(--ddg-space-4);
	border: 1px solid var(--ddg-line);
	border-left-width: 4px;
	border-radius: var(--ddg-radius-md);
	background: var(--ddg-brand-100);
	color: var(--ddg-ink-900);
	line-height: 1.55;
}
.ddg-alert .ddg-icon {
	--ddg-icon-size: 20px;
	margin-top: 2px;
}
.ddg-alert--success {
	border-color: #abefc6;
	border-left-color: var(--ddg-success);
	background: var(--ddg-success-bg);
}
.ddg-alert--success .ddg-icon {
	color: var(--ddg-success);
}
.ddg-alert--error {
	border-color: #fecdca;
	border-left-color: var(--ddg-danger);
	background: var(--ddg-danger-bg);
}
.ddg-alert--error .ddg-icon {
	color: var(--ddg-danger);
}
.ddg-table-wrap {
	width: 100%;
	margin: var(--ddg-space-6) 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--ddg-line);
	border-radius: var(--ddg-radius-md);
}
.ddg-table-wrap:focus-visible {
	outline-offset: 0;
}
.ddg-table-wrap table {
	width: 100%;
	min-width: 560px;
	margin: 0;
	border-collapse: collapse;
	font-size: var(--ddg-fs-14);
}
.ddg-table-wrap :is(th, td) {
	padding: 10px 14px;
	border-bottom: 1px solid var(--ddg-line);
	color: var(--ddg-ink-900);
	text-align: left;
	vertical-align: top;
}
.ddg-table-wrap th {
	background: var(--ddg-surface-2);
	font-weight: 600;
}
.ddg-table-wrap tr:last-child > * {
	border-bottom: 0;
}

/* ========================= 8. TIỆN ÍCH ========================= */
.ddg-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.ddg-icon {
	display: inline-block;
	flex: none;
	width: var(--ddg-icon-size, 24px);
	height: var(--ddg-icon-size, 24px);
	vertical-align: middle;
	overflow: visible;
}

/* ========================= 9. HEADER CTA (UI-U-16) =========================
   Phần tử được chèn qua Header Builder của Flatsome (theme_mod filter trong inc/design.php):
   'ddg-cta' (desktop), 'ddg-call' (mobile), 'ddg-cta' (menu mobile — bản -sidebar). */
.header-main {
	border-bottom: 1px solid var(--ddg-line);
}
.header-main .top-divider {
	display: none;
}
.header-nav-main.nav > li > a {
	letter-spacing: 0.04em;
}
#header .mobile-nav > li > a:not(.ddg-hdr-call) {
	color: var(--ddg-ink-900); /* thắng màu nâu #5d2700 của snippet cũ cho `.nav > li > a` */
}
.nav > li.ddg-hdr-cta {
	margin: 0 0 0 var(--ddg-space-2); /* thắng Flatsome .nav>li{margin:0 7px} */
}
.ddg-hdr-cta__inner {
	display: flex;
	align-items: center;
	gap: var(--ddg-space-4);
}
.ddg-hdr-phone {
	display: inline-flex;
	align-items: center;
	gap: var(--ddg-space-2);
	min-height: 44px;
	color: var(--ddg-ink-900);
	text-decoration: none;
	white-space: nowrap;
}
.ddg-hdr-phone .ddg-icon {
	--ddg-icon-size: 20px;
	color: var(--ddg-call);
}
.ddg-hdr-phone__text {
	display: grid;
	line-height: 1.15;
	text-align: left;
}
.ddg-hdr-phone__label {
	color: var(--ddg-ink-500);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.ddg-hdr-phone__num {
	color: var(--ddg-ink-900);
	font-size: var(--ddg-fs-16);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
.ddg-hdr-phone:hover .ddg-hdr-phone__num {
	color: var(--ddg-brand-600);
}
.ddg-hdr-quote {
	white-space: nowrap;
}
/* Menu desktop không xuống dòng khi thêm CTA (nav-size-xlarge + nav-spacing-xlarge của Customizer) */
@media (min-width: 850px) and (max-width: 1279px) {
	.header-nav-main.nav > li {
		margin-inline: 8px;
	}
	.header-nav-main.nav > li > a {
		font-size: 0.95em;
		letter-spacing: 0.02em;
	}
	.header-main .header-inner {
		padding-inline: 12px;
	}
}
@media (max-width: 1199px) {
	.ddg-hdr-phone__text {
		display: none;
	}
	.ddg-hdr-phone {
		justify-content: center;
		width: 44px;
	}
}
@media (min-width: 850px) and (max-width: 1099px) {
	.header-nav-main.nav > li {
		margin-inline: 6px;
	}
	.header-nav-main.nav > li > a {
		font-size: 0.85em;
	}
	#header #logo {
		width: 150px; /* Flatsome in #logo{width:200px} trong CSS inline */
	}
}
@media (max-width: 999px) {
	.ddg-hdr-quote {
		display: none;
	}
}
/* Mobile: nút gọi 44×44 bên phải header */
.nav > li.ddg-hdr-call-item {
	margin: 0;
}
.nav > li > a.ddg-hdr-call {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border-radius: var(--ddg-radius-pill);
	background: var(--ddg-call);
	color: #fff;
}
.nav > li > a.ddg-hdr-call .ddg-icon {
	--ddg-icon-size: 22px;
}
.nav > li > a.ddg-hdr-call:hover {
	background: var(--ddg-call-700);
	color: #fff;
}
/* Menu mobile (off-canvas) */
#main-menu .ddg-menu-cta {
	padding: var(--ddg-space-4) 20px var(--ddg-space-2);
	border: 0;
}
.ddg-menu-cta__inner {
	display: grid;
	gap: var(--ddg-space-2);
}
.mobile-sidebar .nav-sidebar.nav-vertical > li > a {
	min-height: 48px;
	display: flex;
	align-items: center;
	color: var(--ddg-ink-900);
}
.mobile-sidebar .searchform input[type="search"] {
	font-size: 16px;
}

/* ========================= 10. CONTACT DOCK (UI-U-02 VERIFY corrected, UI-U-M02) =========================
   position:fixed ngay từ HTML server (không chèn bằng JS → không CLS). z-index 900 < mfp 1043 / lightbox. */
.ddg-dock {
	position: fixed;
	z-index: 900;
	box-sizing: border-box;
	font-family: var(--ddg-font-sans);
}
.ddg-dock__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ddg-dock__list > .ddg-dock__item {
	margin: 0;
	list-style: none;
}
.ddg-dock__link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	transition: background-color var(--ddg-dur-1) var(--ddg-ease), color var(--ddg-dur-1) var(--ddg-ease), box-shadow var(--ddg-dur-1) var(--ddg-ease);
}
.ddg-dock__label {
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
}

/* Mobile: thanh đáy 3 nút bằng nhau Gọi | Zalo | Báo giá */
@media (max-width: 849px) {
	body.ddg-has-dock {
		--ddg-dock-h: calc(56px + env(safe-area-inset-bottom, 0px));
		padding-bottom: var(--ddg-dock-h);
	}
	.ddg-dock {
		right: 0;
		bottom: 0;
		left: 0;
		padding-bottom: env(safe-area-inset-bottom, 0px);
		background: var(--ddg-surface);
		border-top: 1px solid var(--ddg-line);
		box-shadow: 0 -6px 20px rgba(26, 23, 38, 0.08);
	}
	.ddg-dock__list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.ddg-dock__item--messenger {
		display: none;
	}
	.ddg-dock__item + .ddg-dock__item .ddg-dock__link {
		border-left: 1px solid var(--ddg-line);
	}
	.ddg-dock__link {
		flex-direction: column;
		gap: 2px;
		height: 56px;
		padding: 6px 4px;
		color: var(--ddg-ink-900);
		font-size: 13px;
	}
	.ddg-dock__link .ddg-icon {
		--ddg-icon-size: 22px;
	}
	.ddg-dock__item--call .ddg-icon {
		color: var(--ddg-call);
	}
	.ddg-dock__item--zalo .ddg-icon {
		color: var(--ddg-zalo);
	}
	.ddg-dock__link:active {
		background: var(--ddg-surface-2);
	}
	.ddg-dock__item--quote .ddg-dock__link {
		border-left-color: var(--ddg-brand-600) !important;
		background: var(--ddg-brand-600);
		color: #fff;
	}
	.ddg-dock__item--quote .ddg-dock__link:active {
		background: var(--ddg-brand-700);
	}
	html .ddg-dock .ddg-dock__link:focus-visible {
		outline-offset: -5px;
	}
	.ddg-dock__item--quote .ddg-dock__link {
		--ddg-focus: #fff;
	}
	/* Nút về đầu trang Flatsome (nếu bật trên mobile) đứng trên dock */
	.ddg-has-dock #top-link {
		bottom: calc(var(--ddg-dock-h) + 12px);
	}
}

/* Desktop: cụm dọc nhỏ góc phải dưới; nhãn hiện khi hover/focus */
@media (min-width: 850px) {
	.ddg-dock {
		right: 20px;
		bottom: 24px;
	}
	.ddg-dock__list {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 10px;
	}
	.ddg-dock__link {
		width: 48px;
		height: 48px;
		border-radius: var(--ddg-radius-pill);
		background: var(--ddg-brand-600);
		color: #fff;
		box-shadow: var(--ddg-shadow-2);
	}
	.ddg-dock__link .ddg-icon {
		--ddg-icon-size: 22px;
	}
	.ddg-dock__item--call .ddg-dock__link {
		background: var(--ddg-call);
	}
	.ddg-dock__item--call .ddg-dock__link:hover {
		background: var(--ddg-call-700);
	}
	.ddg-dock__item--zalo .ddg-dock__link {
		background: var(--ddg-zalo);
	}
	.ddg-dock__item--zalo .ddg-dock__link:hover {
		background: var(--ddg-zalo-700);
	}
	.ddg-dock__item--messenger .ddg-dock__link {
		background: var(--ddg-messenger);
	}
	.ddg-dock__item--messenger .ddg-dock__link:hover {
		background: var(--ddg-zalo-700);
	}
	.ddg-dock__item--quote .ddg-dock__link:hover {
		background: var(--ddg-brand-700);
	}
	/* Nhãn dạng tooltip bên trái nút (vẫn nằm trong tên truy cập qua aria-label) */
	.ddg-dock__label {
		position: absolute;
		top: 50%;
		right: calc(100% + 10px);
		padding: 6px 10px;
		border-radius: var(--ddg-radius-sm);
		background: var(--ddg-brand-900);
		color: #fff;
		font-size: var(--ddg-fs-14);
		opacity: 0;
		transform: translate(4px, -50%);
		transition: opacity var(--ddg-dur-1) var(--ddg-ease), transform var(--ddg-dur-1) var(--ddg-ease);
		pointer-events: none;
	}
	.ddg-dock__link:hover .ddg-dock__label,
	.ddg-dock__link:focus-visible .ddg-dock__label {
		opacity: 1;
		transform: translate(0, -50%);
	}
	.ddg-dock .ddg-dock__link {
		--ddg-focus: var(--ddg-brand-900);
	}
	html .ddg-dock .ddg-dock__link:focus-visible {
		outline-offset: 3px;
	}
	/* Nút "Báo giá" dạng viên thuốc có chữ — CTA chính */
	.ddg-dock__item--quote .ddg-dock__link {
		width: auto;
		gap: var(--ddg-space-2);
		padding: 0 18px 0 14px;
	}
	.ddg-dock__item--quote .ddg-dock__label {
		position: static;
		padding: 0;
		background: none;
		font-size: var(--ddg-fs-16);
		opacity: 1;
		transform: none;
	}
	.ddg-has-dock #top-link {
		right: 24px;
		bottom: 262px;
	}
}
@media (min-width: 850px) and (max-width: 1199px) {
	.ddg-dock {
		right: 12px;
		bottom: 16px;
	}
	.ddg-dock__list {
		gap: 8px;
	}
	.ddg-dock__item:not(.ddg-dock__item--quote) .ddg-dock__link {
		width: 44px;
		height: 44px;
	}
	.ddg-dock__item--quote .ddg-dock__link {
		height: 44px;
	}
	.ddg-has-dock #top-link {
		right: 12px;
		bottom: 228px;
	}
}
@media print {
	.ddg-dock {
		display: none !important;
	}
}
/* Ẩn cụm nút nổi cũ (snippet WPCode) tới khi migration A21 gỡ — CONTRACTS 4.3 */
.ddg-has-dock .fmd__contact,
.ddg-has-dock .call-now {
	display: none !important;
}

/* ========================= 11. FOOTER (UI-U-19, UI-U-18) ========================= */
.ddg-footer-cta {
	position: relative;
	padding-block: var(--ddg-space-12);
	background: var(--ddg-brand-900);
	color: var(--ddg-on-dark);
	overflow: hidden;
}
.ddg-footer-cta::before {
	/* vệt sáng mảnh như cạnh kính — trang trí, không ảnh */
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(216, 197, 158, 0.7), transparent);
}
#footer .ddg-footer-cta__grid {
	display: grid;
	gap: var(--ddg-space-8);
	max-width: var(--ddg-container); /* không bị .ddg-container của CSS dán trong nội dung trang ghi đè */
}
.ddg-footer-cta__title {
	margin: 0 0 var(--ddg-space-3);
	color: #fff;
	font-size: var(--ddg-fs-30);
	text-wrap: balance;
}
.ddg-footer-cta__text {
	margin: 0 0 var(--ddg-space-6);
	color: var(--ddg-on-dark);
}
.ddg-footer-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ddg-space-3);
}
.ddg-footer-cta__nap {
	align-self: center;
	padding: var(--ddg-space-6);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: var(--ddg-radius-lg);
	background: rgba(255, 255, 255, 0.04);
	font-size: var(--ddg-fs-16);
}
/* Widget footer (nội dung dán tay trong DB: email/URL/số liền) không được đẩy tràn ngang ở 850–1279px. */
#footer .widget,
#footer .textwidget {
	min-width: 0;
	overflow-wrap: anywhere;
}
#footer .textwidget :is(img, iframe, table, video) {
	max-width: 100%;
	height: auto;
}

/* Khối NAP (<address>) — trình duyệt mặc định in nghiêng. */
address.ddg-nap,
address.ddg-nap * {
	font-style: normal;
}
.ddg-footer-cta__nap :is(p, address, li) {
	margin: 0 0 var(--ddg-space-2);
	color: var(--ddg-on-dark);
	font-style: normal;
}
.ddg-footer-cta__nap a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #fff;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}
@media (min-width: 850px) {
	.ddg-footer-cta {
		padding-block: var(--ddg-space-16);
	}
	#footer .ddg-footer-cta__grid {
		grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
		align-items: center;
		gap: var(--ddg-space-12);
	}
}
@media (max-width: 549px) {
	.ddg-footer-cta__actions .ddg-btn {
		flex: 1 1 100%;
	}
}
/* Footer widget của Flatsome: đọc được trên nền brand-900 (chữ 11.3:1, phụ 7.9:1) */
.footer-wrapper .footer-2,
.footer-wrapper .footer-1.dark {
	background-color: var(--ddg-brand-900);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.footer-wrapper .footer-2,
.footer-wrapper .footer-2 :is(p, li, span, div, td, strong, b) {
	color: var(--ddg-on-dark);
}
.footer-wrapper .footer-2 .widget-title {
	color: var(--ddg-champagne-300);
	font-family: var(--ddg-font-sans);
	letter-spacing: 0.1em;
}
.footer-wrapper .footer-2 .is-divider {
	background-color: rgba(216, 197, 158, 0.5);
}
.footer-wrapper .footer-2 a {
	color: #fff;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}
.footer-wrapper .footer-2 a:hover {
	color: var(--ddg-champagne-300);
}
.footer-wrapper .absolute-footer {
	background-color: var(--ddg-brand-950);
	color: var(--ddg-on-dark-muted);
}
.footer-wrapper .absolute-footer .copyright-footer,
.footer-wrapper .absolute-footer .copyright-footer strong {
	color: var(--ddg-on-dark);
}
.footer-wrapper .absolute-footer .footer-nav > li > a,
.footer-wrapper .absolute-footer .links > li > a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-inline: var(--ddg-space-2);
	color: var(--ddg-on-dark);
	font-family: var(--ddg-font-sans);
}
.footer-wrapper .absolute-footer .footer-nav > li > a:hover {
	color: #fff;
	text-decoration: underline;
}

/* ========================= 12. TRANG CHỦ ========================= */
/* 12.1 Hero tĩnh [ddg_home_hero] — H1, 2 CTA, chip, 1 ảnh công trình thật (LCP) */
.ddg-home-hero {
	position: relative;
	padding-block: var(--ddg-space-8) var(--ddg-space-12);
	background:
		radial-gradient(120% 80% at 100% 0%, rgba(54, 102, 163, 0.1) 0%, rgba(54, 102, 163, 0) 60%),
		linear-gradient(180deg, var(--ddg-surface-glass) 0%, var(--ddg-surface) 100%);
	color: var(--ddg-ink-700);
}
.ddg-home-hero__grid {
	display: grid;
	gap: var(--ddg-space-8);
	align-items: center;
}
.ddg-home-hero__title {
	margin: 0 0 var(--ddg-space-4);
	color: var(--ddg-ink-900);
	font-size: var(--ddg-fs-48);
	line-height: 1.2;
	text-wrap: balance;
}
.ddg-home-hero__lead {
	margin: 0 0 var(--ddg-space-6);
}
.ddg-home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ddg-space-3);
	margin: 0 0 var(--ddg-space-6);
}
.ddg-home-hero__chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ddg-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}
.ddg-home-hero__chips > .ddg-chip {
	margin: 0; /* thắng Flatsome `.col-inner ul li{margin-left:1.3em}` */
}
.ddg-home-hero__media {
	position: relative;
	margin: 0;
	aspect-ratio: 4 / 5;
	max-width: 100%;
	overflow: hidden;
	border-radius: var(--ddg-radius-lg);
	background: var(--ddg-surface-glass);
	box-shadow: var(--ddg-shadow-2);
}
.ddg-home-hero__media::after {
	/* viền kính mảnh bên trong khung ảnh */
	content: "";
	position: absolute;
	inset: 0;
	border: 1px solid rgba(255, 255, 255, 0.45);
	border-radius: inherit;
	pointer-events: none;
}
.ddg-home-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ddg-home-hero__caption {
	position: absolute;
	right: var(--ddg-space-3);
	bottom: var(--ddg-space-3);
	left: var(--ddg-space-3);
	padding: var(--ddg-space-2) var(--ddg-space-3);
	border-radius: var(--ddg-radius-md);
	background: rgba(31, 26, 51, 0.82);
	color: #fff;
	font-size: var(--ddg-fs-14);
	line-height: 1.45;
}
.ddg-home-hero__caption strong {
	display: block;
	color: var(--ddg-champagne-300);
	font-size: var(--ddg-fs-12);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
@media (max-width: 549px) {
	.ddg-home-hero__actions .ddg-btn {
		flex: 1 1 100%;
	}
}
@media (min-width: 850px) {
	.ddg-home-hero {
		padding-block: var(--ddg-space-12) var(--ddg-space-16);
	}
	.ddg-home-hero__grid {
		grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
		gap: var(--ddg-space-12);
	}
	.ddg-home-hero__media {
		max-height: 640px;
		justify-self: end;
		width: 100%;
	}
}

/* 12.1b Dải giới thiệu [ddg_home_hero layout="intro"] — ngay dưới slider banner: H1 + mô tả | CTA + chip, không ảnh */
.ddg-home-hero--intro {
	padding-block: var(--ddg-space-6) var(--ddg-space-8);
	border-bottom: 1px solid var(--ddg-line);
}
.ddg-home-hero--intro .ddg-home-hero__grid {
	gap: var(--ddg-space-6);
}
.ddg-home-hero--intro .ddg-home-hero__title {
	font-size: var(--ddg-fs-30);
	line-height: 1.25;
	text-wrap: pretty;
}
.ddg-home-hero--intro .ddg-home-hero__lead {
	margin-bottom: 0;
}
.ddg-home-hero--intro .ddg-home-hero__actions {
	margin-bottom: var(--ddg-space-4);
}
@media (min-width: 850px) {
	.ddg-home-hero--intro {
		padding-block: var(--ddg-space-8);
	}
	.ddg-home-hero--intro .ddg-home-hero__grid {
		grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
		gap: var(--ddg-space-12);
	}
	.ddg-home-hero--intro .ddg-home-hero__title {
		font-size: var(--ddg-fs-40);
	}
}

/* 12.2 Dải tin cậy [ddg_trust_strip] */
.ddg-trust {
	padding-block: var(--ddg-space-6);
	border-block: 1px solid var(--ddg-line);
	background: var(--ddg-surface);
}
.ddg-trust__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--ddg-space-4);
	margin: 0 auto;
	list-style: none;
}
.ddg-trust__list > .ddg-trust__item {
	display: flex;
	align-items: flex-start;
	gap: var(--ddg-space-3);
	margin: 0;
}
.ddg-trust__icon {
	display: inline-grid;
	place-items: center;
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: var(--ddg-radius-md);
	background: var(--ddg-brand-100);
	color: var(--ddg-brand-700);
}
.ddg-trust__title {
	margin: 0;
	color: var(--ddg-ink-900);
	font-size: var(--ddg-fs-16);
	font-weight: 600;
	line-height: 1.4;
}
.ddg-trust__text {
	margin: 2px 0 0;
	color: var(--ddg-ink-500);
	font-size: var(--ddg-fs-14);
	line-height: 1.5;
}
@media (min-width: 550px) {
	.ddg-trust__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (min-width: 1024px) {
	.ddg-trust__list {
		grid-template-columns: repeat(var(--ddg-trust-cols, 4), minmax(0, 1fr));
		gap: var(--ddg-space-6);
	}
}

/* 12.3 Lưới logo [ddg_logo_grid] — CSS thuần, không JS (thay Logo Carousel + Swiper) */
.ddg-logos {
	padding-block: var(--ddg-space-6); /* thường nằm trong section UX Builder đã có padding */
}
.ddg-logos__title {
	margin: 0 0 var(--ddg-space-6);
	font-size: var(--ddg-fs-30);
	text-align: center;
}
/* Flex + justify center: hàng cuối lẻ vẫn cân giữa */
.ddg-logos__grid {
	--_cols: 3;
	--_gap: var(--ddg-space-3);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--_gap);
	margin: 0;
	padding: 0;
	list-style: none;
}
.ddg-logos__grid > .ddg-logos__item {
	display: grid;
	place-items: center;
	flex: 0 0 calc((100% - (var(--_cols) - 1) * var(--_gap)) / var(--_cols));
	box-sizing: border-box;
	margin: 0;
	padding: var(--ddg-space-2) var(--ddg-space-3);
	aspect-ratio: 2 / 1;
	background: var(--ddg-surface);
	border: 1px solid var(--ddg-line);
	border-radius: var(--ddg-radius-md);
}
.ddg-logos__item img {
	width: 100%;
	max-width: 178px; /* logo gốc 178×60 */
	height: auto;
	object-fit: contain;
	filter: grayscale(1);
	opacity: 0.8;
	transition: filter var(--ddg-dur-2) var(--ddg-ease), opacity var(--ddg-dur-2) var(--ddg-ease);
}
.ddg-logos__item:hover img {
	filter: none;
	opacity: 1;
}
@media (hover: none) {
	.ddg-logos__item img {
		filter: grayscale(0.35);
		opacity: 0.95;
	}
}
@media (min-width: 550px) {
	.ddg-logos__grid {
		--_cols: 4;
	}
}
@media (min-width: 850px) {
	.ddg-logos__grid {
		--_cols: var(--ddg-logo-cols, 6);
		--_gap: var(--ddg-space-4);
	}
}

/* ========================= 13. CẦU NỐI FLATSOME ========================= */
.button.primary:not(.is-outline),
.button.primary:not(.is-outline):hover {
	color: #fff;
}
.button {
	border-radius: var(--ddg-radius-sm);
}
.is-divider {
	background-color: var(--ddg-line);
}

/* ========================= 14. COMPAT snippet WPCode cũ (XOÁ khi migration A21 đã gỡ khối <style>) =========================
   Snippet ép `a, h1–h6, .nav>li>a {font-family:'Playfair Display' !important}` và `a:hover{color:#c20000 !important}`.
   Chỉ vá cho component mới + điều hướng + link nội dung; không lan rộng. */
body a,
body .nav > li > a {
	font-family: inherit !important; /* link theo font của ngữ cảnh (thân bài Inter, tiêu đề Playfair) — UI-U-11 */
}
body .ddg-btn {
	font-family: var(--ddg-font-sans) !important;
}
body .ddg-btn:hover,
body .ddg-btn:focus-visible {
	color: var(--ddg-btn-fg) !important;
}
body .ddg-dock a:hover,
body .ddg-hdr-call:hover {
	color: #fff !important;
}
@media (max-width: 849px) {
	body .ddg-dock__item:not(.ddg-dock__item--quote) a:hover {
		color: var(--ddg-ink-900) !important;
	}
}
body .ddg-hdr-phone:hover {
	color: var(--ddg-ink-900) !important;
}
body :is(.entry-content, .page-content, .ddg-prose) a:not(.button):not(.ddg-btn):hover {
	color: var(--ddg-brand-700) !important;
}
body .footer-wrapper a:not(.ddg-btn):hover {
	color: var(--ddg-champagne-300) !important;
}

/* ========================= 15. KHÁM PHÁ THÊM (inc/explore.php) =========================
   Trước footer, mọi trang. Desktop ≥1024px: 4 cột; 600–1023px: 2 cột; mobile: accordion (nhóm đầu mở, link vẫn trong HTML).
   Cỡ chữ: tiêu đề khối 22–28px, tiêu đề cột 16px, link 15px (2 dòng). */
.ddg-explore {
	padding-block: var(--ddg-space-12);
	border-top: 1px solid var(--ddg-line);
	background:
		radial-gradient(90% 60% at 0% 0%, rgba(54, 102, 163, 0.07) 0%, rgba(54, 102, 163, 0) 60%),
		linear-gradient(180deg, var(--ddg-surface-glass) 0%, var(--ddg-surface) 100%);
	font-family: var(--ddg-font-sans);
}
.ddg-explore__head {
	margin-bottom: var(--ddg-space-8);
}
.ddg-explore__eyebrow {
	margin: 0 0 6px;
	color: var(--ddg-champagne-600);
	font-size: var(--ddg-fs-12);
	font-weight: 600;
	letter-spacing: 0.12em;
	line-height: 1.4;
	text-transform: uppercase;
}
.ddg-explore__title {
	margin: 0 0 8px;
	font-size: clamp(1.375rem, 1.1rem + 0.9vw, 1.75rem);
	line-height: 1.25;
}
.ddg-explore__lead {
	margin: 0;
	color: var(--ddg-ink-700);
	font-size: var(--ddg-fs-16);
	line-height: 1.6;
}
.ddg-explore__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--ddg-space-3);
}
.ddg-explore__group {
	min-width: 0;
	padding: 0 var(--ddg-space-4);
	border: 1px solid var(--ddg-line);
	border-radius: var(--ddg-radius-lg);
	background: var(--ddg-surface);
}
.ddg-explore__group-title {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 56px;
	color: var(--ddg-ink-900);
	font-size: var(--ddg-fs-16);
	font-weight: 700;
	line-height: 1.35;
	list-style: none;
	cursor: pointer;
}
.ddg-explore__group-title::-webkit-details-marker {
	display: none;
}
.ddg-explore__group-title::after {
	content: "";
	width: 8px;
	height: 8px;
	margin-left: auto;
	border-right: 2px solid var(--ddg-ink-500);
	border-bottom: 2px solid var(--ddg-ink-500);
	transform: rotate(45deg) translateY(-2px);
	transition: transform var(--ddg-dur-1) var(--ddg-ease);
}
.ddg-explore__group[open] > .ddg-explore__group-title::after {
	transform: rotate(-135deg) translateY(-2px);
}
.ddg-explore__icon {
	display: inline-flex;
	flex: 0 0 36px;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: var(--ddg-radius-md);
	background: var(--ddg-brand-100);
	color: var(--ddg-brand-700);
}
.ddg-explore__icon .ddg-icon {
	--ddg-icon-size: 20px;
}
.ddg-explore__list {
	display: grid;
	margin: 0 0 var(--ddg-space-2);
	padding: 0;
	list-style: none;
}
.ddg-explore__list > li {
	margin: 0;
	list-style: none;
}
.ddg-explore__list > li + li {
	border-top: 1px dashed var(--ddg-line);
}
.ddg-explore__list a {
	position: relative;
	display: block;
	padding: 10px 0 10px 18px;
	color: var(--ddg-ink-700);
	font-size: 15px;
	line-height: 1.45;
	text-decoration: none;
}
/* Cắt 2 dòng trên span (không có padding) để dòng thứ 3 không lộ vào vùng padding của link */
.ddg-explore__text {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.ddg-explore__list a::before {
	content: "";
	position: absolute;
	top: 18px;
	left: 2px;
	width: 6px;
	height: 6px;
	border-top: 2px solid var(--ddg-brand-600);
	border-right: 2px solid var(--ddg-brand-600);
	transform: rotate(45deg);
}
body .ddg-explore__list a:hover,
body .ddg-explore__list a:focus-visible {
	color: var(--ddg-brand-600) !important; /* thắng snippet cũ a:hover{color:#c20000 !important} */
	text-decoration: underline;
	text-underline-offset: 3px;
}
.ddg-explore__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	margin-bottom: var(--ddg-space-2);
	color: var(--ddg-brand-600);
	font-size: var(--ddg-fs-14);
	font-weight: 600;
	text-decoration: none;
}
body .ddg-explore__more:hover {
	color: var(--ddg-brand-900) !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}
@media (min-width: 600px) {
	.ddg-explore__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--ddg-space-4);
		align-items: start;
	}
}
@media (min-width: 850px) {
	.ddg-explore__group {
		padding: var(--ddg-space-4) var(--ddg-space-4) var(--ddg-space-2);
	}
	/* Desktop luôn mở: tiêu đề cột không phải nút thu gọn */
	.ddg-explore__group-title {
		min-height: 0;
		margin-bottom: var(--ddg-space-2);
		cursor: default;
		pointer-events: none;
	}
	.ddg-explore__group-title::after {
		display: none;
	}
}
@media (min-width: 1024px) {
	.ddg-explore__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		align-items: stretch;
	}
}
@media (prefers-reduced-motion: reduce) {
	.ddg-explore__group-title::after {
		transition: none;
	}
}