/**
 * DROIX Blog — base: tokens, reset, typography, shared atoms.
 * Token source: design/_ds/…/colors_and_type.css (handoff).
 */

:root {
	--dxb-green: #B0CB1F;
	--dxb-green-dark: #74A401;
	--dxb-green-deep: #4E6F01;
	--dxb-green-tint: #F3F8DC;
	--dxb-purple: #BB3DA1;
	--dxb-yellow: #FFDA44;
	--dxb-red: #D80027;
	--dxb-blue: #017DC5;
	--dxb-dark: #11182C;
	--dxb-fg-1: #0B0B0B;
	--dxb-fg-2: #242421;
	--dxb-fg-3: #484848;
	--dxb-fg-4: #666666;
	--dxb-fg-5: #999999;
	--dxb-bg-2: #F8F8F8;
	--dxb-bg-3: #F6F8FA;
	--dxb-stroke: #F0F0F0;
	--dxb-stroke-3: #D9D9D9;
	--dxb-r-lg: 16px;
	--dxb-r-xl: 20px;
	--dxb-r-2xl: 30px;
	--dxb-r-3xl: 40px;
	--dxb-font-head: "Ubuntu", "Inter", system-ui, -apple-system, sans-serif;
	--dxb-font-body: "Inter", "Ubuntu", system-ui, -apple-system, sans-serif;
	--dxb-shadow-sm: 0 2px 6px rgba(38, 38, 38, 0.04);
	--dxb-shadow-md: 0 8px 24px rgba(17, 24, 39, 0.08);
	--dxb-shadow-lg: 0 20px 40px rgba(17, 24, 39, 0.1);
	--dxb-shadow-cta: 0 8px 20px rgba(176, 203, 31, 0.35);
	--dxb-shell: 1400px;
	--dxb-gutter: 40px;
}

* { box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--dxb-font-body);
	font-size: 14px;
	line-height: 1.5;
	color: var(--dxb-fg-1);
	background: #fff;
	overflow-x: clip;
}
img { max-width: 100%; height: auto; }
a { color: var(--dxb-green-dark); text-decoration: none; }
a:hover { color: var(--dxb-green-deep); }
h1, h2, h3, h4, h5 { font-family: var(--dxb-font-head); color: var(--dxb-fg-2); }
summary::-webkit-details-marker { display: none; }
.screen-reader-text {
	position: absolute;
	width: 1px; height: 1px;
	clip-path: inset(50%);
	overflow: hidden;
}
.dxb-hp { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; opacity: 0; }

.dxb-page { min-height: 100vh; display: flex; flex-direction: column; }
.dxb-main { flex: 1; }
.dxb-shell {
	max-width: var(--dxb-shell);
	margin: 0 auto;
	padding-left: var(--dxb-gutter);
	padding-right: var(--dxb-gutter);
	width: 100%;
}

/* ── icons (inline masks — no icon font) ── */
.dxb-i {
	display: inline-block;
	width: 14px; height: 14px;
	background-color: currentColor;
	-webkit-mask: var(--i) center / contain no-repeat;
	mask: var(--i) center / contain no-repeat;
	flex: 0 0 auto;
	vertical-align: -2px;
}
.dxb-i--search   { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>'); }
.dxb-i--bookmark { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>'); }
.dxb-i--comment  { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>'); }
.dxb-i--star     { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M12 2l2.9 6.26 6.86.6-5.2 4.54 1.55 6.72L12 16.55 5.89 20.12l1.55-6.72-5.2-4.54 6.86-.6z"/></svg>'); }
.dxb-i--chev     { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>'); }
.dxb-i--arrow    { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M5 12h14"/><path d="M12 5l7 7-7 7"/></svg>'); }
.dxb-i--arrow-l  { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M19 12H5"/><path d="M12 19l-7-7 7-7"/></svg>'); }
.dxb-i--out      { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M7 17L17 7"/><path d="M7 7h10v10"/></svg>'); }
.dxb-i--list     { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M8 6h13"/><path d="M8 12h13"/><path d="M8 18h13"/><path d="M3 6h.01"/><path d="M3 12h.01"/><path d="M3 18h.01"/></svg>'); }
.dxb-i--check    { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>'); }
.dxb-i--minus    { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.5"><path d="M5 12h14"/></svg>'); }
.dxb-i--mail     { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M22 7l-10 6L2 7"/></svg>'); }
.dxb-i--help     { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>'); }
.dxb-i--bell     { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>'); }
.dxb-i--thumb    { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"/></svg>'); }
.dxb-i--rss      { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M4 11a9 9 0 0 1 9 9"/><path d="M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1"/></svg>'); }
.dxb-i--users    { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>'); }
.dxb-i--facebook { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>'); }
.dxb-i--x        { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M18.9 2H22l-6.8 7.8L23.3 22h-6.3l-4.9-6.4L6.5 22H3.3l7.3-8.3L1 2h6.4l4.4 5.9L18.9 2zm-1.1 18h1.7L7.1 3.9H5.3L17.8 20z"/></svg>'); }
.dxb-i--instagram{ --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5"/><circle cx="12" cy="12" r="4"/><path d="M17.5 6.5h.01"/></svg>'); }
.dxb-i--youtube  { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.95-2C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 0 0-1.95 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.59-.46a2.78 2.78 0 0 0 1.95-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33zM9.75 15.02V8.48l5.75 3.27-5.75 3.27z"/></svg>'); }
.dxb-i--linkedin { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4V9h4v1.5A5.98 5.98 0 0 1 16 8zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2"/></svg>'); }
.dxb-i--reddit   { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><circle cx="12" cy="14" r="7"/><circle cx="18.5" cy="6.5" r="1.5"/><path d="M12 7l1-4 4 1" fill="none" stroke="black" stroke-width="1.6"/></svg>'); }
.dxb-i--discord  { --i: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M20 4.5A16.4 16.4 0 0 0 15.9 3l-.5 1a15 15 0 0 0-6.8 0L8.1 3A16.4 16.4 0 0 0 4 4.5C1.6 8.1.9 11.6 1.2 15.1A16.6 16.6 0 0 0 6.3 18l1-1.7a10.6 10.6 0 0 1-1.7-.8l.4-.3a11.8 11.8 0 0 0 12 0l.4.3c-.5.3-1.1.6-1.7.8l1 1.7a16.6 16.6 0 0 0 5.1-2.9c.4-4-.7-7.4-2.8-10.6zM8.7 13.6c-1 0-1.8-.9-1.8-2s.8-2 1.8-2 1.8.9 1.8 2-.8 2-1.8 2zm6.6 0c-1 0-1.8-.9-1.8-2s.8-2 1.8-2 1.8.9 1.8 2-.8 2-1.8 2z"/></svg>'); }

/* ── pills (category colours) ── */
.dxb-pill {
	display: inline-flex;
	align-items: center;
	padding: 5px 12px;
	border-radius: 9999px;
	font-family: var(--dxb-font-head);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	white-space: nowrap;
}
.dxb-pill--news       { background: var(--dxb-green); color: #1B2400; }
.dxb-pill--reviews    { background: var(--dxb-purple); color: #fff; }
.dxb-pill--announce   { background: var(--dxb-yellow); color: #3B3200; }
.dxb-pill--guides     { background: var(--dxb-blue); color: #fff; }
.dxb-pill--editorials { background: var(--dxb-dark); color: #fff; }
.dxb-pill--xs { padding: 3px 9px; font-size: 10px; }
a.dxb-pill:hover { color: inherit; opacity: 0.9; }
a.dxb-pill--reviews:hover, a.dxb-pill--guides:hover, a.dxb-pill--editorials:hover { color: #fff; }

/* ── buttons ── */
.dxb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 48px;
	padding: 0 22px;
	border: 0;
	border-radius: var(--dxb-r-lg);
	font-family: var(--dxb-font-head);
	font-weight: 500;
	font-size: 15.5px;
	cursor: pointer;
	transition: background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.dxb-btn--primary { background: var(--dxb-green); color: #fff; }
.dxb-btn--primary:hover { background: var(--dxb-green-dark); color: #fff; box-shadow: var(--dxb-shadow-cta); }
.dxb-btn--ghost { background: #fff; border: 1px solid var(--dxb-stroke-3); color: var(--dxb-fg-2); }
.dxb-btn--ghost:hover { background: var(--dxb-green-tint); border-color: var(--dxb-green); color: var(--dxb-fg-2); }
.dxb-btn--outline-light { background: transparent; border: 1px solid rgba(255,255,255,0.28); color: #fff; height: 44px; padding: 0 20px; font-size: 14.5px; }
.dxb-btn--outline-light:hover { background: rgba(255,255,255,0.08); color: #fff; }

/* ── score ring ── */
.dxb-ring {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 40px; height: 40px;
	flex: 0 0 auto;
}
.dxb-ring__val {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 31px; height: 31px;
	background: #fff;
	font-family: var(--dxb-font-head);
	font-weight: 700;
	font-size: 12.5px;
	color: var(--dxb-fg-2);
}
.dxb-ring--sm { width: 30px; height: 30px; }
.dxb-ring--sm .dxb-ring__val { width: 22px; height: 22px; font-size: 10px; }
.dxb-ring--lg { width: 64px; height: 64px; }
.dxb-ring--lg .dxb-ring__val { width: 50px; height: 50px; font-size: 19px; }

/* ── comment chip / eyebrow / crumbs / section head ── */
.dxb-comments-chip {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 10px;
	border-radius: 9999px;
	background: var(--dxb-green-tint);
	color: var(--dxb-green-deep);
	font-weight: 600;
	font-size: 12px;
	margin-left: auto;
}
.dxb-comments-chip--bare { background: none; padding: 0; margin-left: 0; color: var(--dxb-fg-5); font-weight: 500; }
.dxb-comments-chip .dxb-i { width: 12px; height: 12px; }

.dxb-eyebrow {
	font-family: var(--dxb-font-head);
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--dxb-fg-3);
}
.dxb-eyebrow--green { color: var(--dxb-green-dark); }

.dxb-crumbs { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--dxb-fg-5); flex-wrap: wrap; }
.dxb-crumbs a { color: var(--dxb-green-dark); }
.dxb-crumbs span:last-child { color: var(--dxb-fg-3); }
/* Rank Math breadcrumb markup */
.dxb-crumbs .separator, .dxb-crumbs__sep { color: var(--dxb-fg-5); }

.dxb-section-head { display: flex; align-items: baseline; gap: 14px; margin-bottom: 22px; flex-wrap: wrap; }
.dxb-section-head__title { margin: 0; font-weight: 700; font-size: 28px; }
.dxb-section-head__meta { font-size: 13px; font-weight: 500; color: var(--dxb-fg-5); }
.dxb-section-head__more {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--dxb-font-head);
	font-weight: 500;
	font-size: 14.5px;
}
.dxb-section-head__more .dxb-i { width: 15px; height: 15px; }

/* ── grids ── */
.dxb-grid { display: grid; gap: 20px; }
.dxb-grid--2 { grid-template-columns: repeat(2, 1fr); }
.dxb-grid--3 { grid-template-columns: repeat(3, 1fr); }
.dxb-grid--4 { grid-template-columns: repeat(4, 1fr); }

/* ── post card ── */
.dxb-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #fff;
	border: 1px solid var(--dxb-stroke);
	border-radius: var(--dxb-r-xl);
	overflow: hidden;
	box-shadow: var(--dxb-shadow-sm);
	transition: transform .18s ease, box-shadow .18s ease;
	margin: 0;
}
.dxb-card:hover { transform: translateY(-3px); box-shadow: var(--dxb-shadow-md); }
.dxb-card__media { position: relative; display: block; aspect-ratio: 16/9; background: var(--dxb-bg-3); overflow: hidden; flex: 0 0 auto; }
.dxb-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dxb-card__media .dxb-card__fallback { object-fit: contain; padding: 16%; background: var(--dxb-green-tint); }
.dxb-card__media .dxb-pill { position: absolute; top: 12px; left: 12px; }
.dxb-card__body { display: flex; flex-direction: column; gap: 9px; padding: 18px 20px 16px; flex: 1; }
.dxb-card__scorebar { display: flex; align-items: center; gap: 10px; }
.dxb-card__verdict { display: flex; flex-direction: column; line-height: 1.25; }
.dxb-card__verdict b { font-family: var(--dxb-font-head); font-weight: 700; font-size: 13px; color: var(--dxb-green-deep); }
.dxb-card__verdict span { font-size: 11.5px; color: var(--dxb-fg-5); }
.dxb-card__date { margin-left: auto; font-weight: 500; font-size: 12px; color: var(--dxb-fg-5); white-space: nowrap; }
.dxb-card__meta { display: flex; align-items: center; gap: 8px; font-weight: 500; font-size: 12px; color: var(--dxb-fg-5); flex-wrap: wrap; }
.dxb-card__sublabel { color: var(--dxb-green-dark); font-weight: 600; }
.dxb-card__verdict-word { font-family: var(--dxb-font-head); font-weight: 700; font-size: 12px; color: var(--dxb-green-deep); }
.dxb-card__title { margin: 0; font-weight: 700; font-size: 16.5px; line-height: 1.35; }
.dxb-card__title a { color: var(--dxb-fg-2); }
.dxb-card__title a:hover { color: var(--dxb-green-deep); }
.dxb-card__excerpt {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--dxb-fg-4);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.dxb-card__foot { display: flex; align-items: center; gap: 9px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--dxb-stroke); }
.dxb-card__avatar { border-radius: 50%; }
.dxb-card__author { font-weight: 500; font-size: 12.5px; color: var(--dxb-fg-3); }
.dxb-card--flat { background: none; border: 0; border-radius: 0; overflow: visible; box-shadow: none; gap: 12px; }
.dxb-card--flat:hover { transform: none; box-shadow: none; opacity: 0.92; }
.dxb-card--flat .dxb-card__media { border-radius: var(--dxb-r-lg); }
.dxb-card--flat .dxb-card__body { padding: 0; }
.dxb-card--flat .dxb-card__title { font-size: 17.5px; line-height: 1.32; }

/* ── newsletter band ── */
.dxb-newsband-wrap { padding-top: 44px; padding-bottom: 64px; }
.dxb-newsband {
	background: var(--dxb-green-tint);
	border-radius: var(--dxb-r-2xl);
	padding: 28px 32px;
	display: flex;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
}
.dxb-newsband__icon {
	width: 52px; height: 52px;
	border-radius: var(--dxb-r-lg);
	background: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: var(--dxb-green-dark);
}
.dxb-newsband__icon .dxb-i { width: 22px; height: 22px; }
.dxb-newsband__copy { flex: 1; min-width: 240px; }
.dxb-newsband__copy b { display: block; font-family: var(--dxb-font-head); font-weight: 700; font-size: 17px; color: var(--dxb-fg-2); }
.dxb-newsband__copy span { font-size: 13.5px; color: var(--dxb-fg-3); }
.dxb-newsband__form { display: flex; gap: 8px; min-width: 340px; }
.dxb-newsband__form input[type="email"] {
	flex: 1;
	height: 46px;
	padding: 0 16px;
	background: #fff;
	border: 1px solid var(--dxb-stroke-3);
	border-radius: var(--dxb-r-lg);
	font-family: var(--dxb-font-body);
	font-size: 13.5px;
	color: var(--dxb-fg-1);
	outline: none;
}
.dxb-newsband__form button {
	height: 46px;
	padding: 0 20px;
	border: 0;
	border-radius: var(--dxb-r-lg);
	background: var(--dxb-green);
	color: #fff;
	font-family: var(--dxb-font-head);
	font-weight: 500;
	font-size: 14.5px;
	white-space: nowrap;
	cursor: pointer;
}
.dxb-newsband__form button:hover { background: var(--dxb-green-dark); box-shadow: var(--dxb-shadow-cta); }
.dxb-newsband__done { display: inline-flex; align-items: center; gap: 8px; font-family: var(--dxb-font-head); font-weight: 500; font-size: 14.5px; color: var(--dxb-green-deep); }

/* ── empty / 404 ── */
.dxb-empty { padding: 60px 0; text-align: center; }
.dxb-empty__title { margin: 0; font-family: var(--dxb-font-head); font-weight: 500; font-size: 18px; color: var(--dxb-fg-3); }
.dxb-empty p { color: var(--dxb-fg-5); font-size: 14px; }
.dxb-empty__code { font-family: var(--dxb-font-head); font-weight: 700; font-size: 96px; color: var(--dxb-green); line-height: 1; display: block; }
.dxb-empty__search { max-width: 420px; margin: 18px auto; }
.dxb-empty .dxb-btn { margin-top: 8px; }

/* ── search form ── */
.dxb-searchform {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1px solid var(--dxb-stroke-3);
	border-radius: var(--dxb-r-lg);
	padding: 0 8px 0 14px;
	height: 48px;
}
.dxb-searchform .dxb-i { color: var(--dxb-fg-5); }
.dxb-searchform input[type="search"] { flex: 1; border: 0; outline: none; font-family: var(--dxb-font-body); font-size: 14px; background: none; min-width: 0; }
.dxb-searchform button {
	height: 36px;
	padding: 0 16px;
	border: 0;
	border-radius: 12px;
	background: var(--dxb-green);
	color: #fff;
	font-family: var(--dxb-font-head);
	font-weight: 500;
	font-size: 13.5px;
	cursor: pointer;
}
.dxb-searchform button:hover { background: var(--dxb-green-dark); }

/* ── responsive shell ── */
@media (max-width: 1024px) {
	:root { --dxb-gutter: 24px; }
	.dxb-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.dxb-grid--3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	:root { --dxb-gutter: 16px; }
	.dxb-grid--2, .dxb-grid--3, .dxb-grid--4 { grid-template-columns: 1fr; }
	.dxb-section-head__title { font-size: 22px; }
	.dxb-newsband__form { min-width: 0; width: 100%; }
}