/* ═══════════════════════════════════════════════════════════
   CBASCO — Contact Page
═══════════════════════════════════════════════════════════ */

.cbcon-main { padding-top: 0; }
.cbcon-sec  { padding: 4rem 0; }

/* ───── HERO (re-uses news archive hero styles) ───── */
.cbcon-hero {
	position: relative;
	padding: 5rem 1.5rem 3.5rem;
	text-align: center;
	overflow: hidden;
	border-bottom: 1px solid var(--cb-border);
}

/* ───── MAIN CONTACT CARD ───── */
.cbcon-main-card {
	background: linear-gradient(135deg, var(--cb-bg-2), var(--cb-bg-3));
	border: 1px solid var(--cb-border);
	border-radius: var(--cb-r-lg);
	padding: 2.5rem 2rem;
	position: relative;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(0,0,0,.25);
}
.cbcon-main-card::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 20% 30%, rgba(106,174,204,.10), transparent 50%),
		radial-gradient(ellipse at 80% 70%, rgba(100,140,200,.08), transparent 50%);
	pointer-events: none;
}
.cbcon-main-card::after {
	content: '';
	position: absolute;
	top: 0; left: -100%;
	width: 60%; height: 100%;
	background: linear-gradient(100deg, transparent, rgba(200,225,248,.04), transparent);
	transform: skewX(-14deg);
	animation: cbcon-sheen 7s ease-in-out infinite;
	pointer-events: none;
}
@keyframes cbcon-sheen {
	0%, 100% { left: -100%; opacity: 0; }
	50%      { left: 160%;  opacity: 1; }
}
.cbcon-main-card-edge {
	position: absolute;
	top: 0; right: 0; left: 0; height: 1px;
	background: linear-gradient(90deg, transparent, rgba(106,174,204,.5), transparent);
}
.cbcon-main-card-title {
	display: flex;
	align-items: center;
	gap: .55rem;
	font-size: 1.15rem;
	font-weight: 800;
	color: var(--cb-highlight);
	margin: 0 0 1.5rem;
	position: relative;
	z-index: 1;
}
.cbcon-main-card-title span:first-child {
	width: 36px; height: 36px;
	border-radius: 9px;
	background: linear-gradient(135deg, var(--cb-bg-4), var(--cb-bg-5, #243650));
	border: 1px solid rgba(100,170,210,.3);
	display: inline-flex; align-items: center; justify-content: center;
	color: var(--cb-steel);
	font-size: 1.1rem;
}
.cbcon-main-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: .8rem;
	position: relative;
	z-index: 1;
}
.cbcon-main-card-row {
	display: flex;
	align-items: center;
	gap: .65rem;
	padding: .85rem 1rem;
	background: rgba(13,17,23,.4);
	border: 1px solid var(--cb-border);
	border-radius: var(--cb-r-md);
	color: var(--cb-text);
	text-decoration: none;
	transition: all var(--cb-tr-fast);
}
a.cbcon-main-card-row:hover {
	background: rgba(106,174,204,.08);
	border-color: var(--cb-steel);
	transform: translateY(-1px);
	color: var(--cb-text);
}
.cbcon-main-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	color: var(--cb-steel);
	flex-shrink: 0;
}
.cbcon-main-card-icon svg + svg {
	margin-inline-start: 2px;
}
.cbcon-main-card-label {
	font-size: .82rem;
	color: var(--cb-text-2);
	flex-shrink: 0;
}
.cbcon-main-card-value {
	font-family: 'JetBrains Mono', 'Vazirmatn', monospace;
	font-size: .9rem;
	font-weight: 700;
	color: var(--cb-highlight);
	direction: ltr;
	margin-inline-start: auto;
	white-space: nowrap;
}

/* ───── EXPERTS GRID ───── */
.cbcon-experts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 1.2rem;
	margin-top: 2rem;
}
.cbcon-expert {
	background: var(--cb-bg-2);
	border: 1px solid var(--cb-border);
	border-radius: var(--cb-r-md);
	padding: 1.5rem 1.5rem 1.3rem;
	display: flex;
	flex-direction: column;
	gap: .9rem;
	position: relative;
	transition: border-color var(--cb-tr-fast), transform var(--cb-tr-fast), box-shadow var(--cb-tr-fast);
}
.cbcon-expert::after {
	content: '';
	position: absolute;
	top: 0; right: 0; left: 0; height: 2px;
	background: linear-gradient(90deg, transparent, var(--cb-steel), transparent);
	transform: scaleX(0);
	transition: transform .4s ease;
}
.cbcon-expert:hover {
	transform: translateY(-3px);
	border-color: var(--cb-border-hover);
	box-shadow: 0 16px 40px rgba(0,0,0,.3), 0 0 22px rgba(100,170,210,.08);
}
.cbcon-expert:hover::after { transform: scaleX(1); }
.cbcon-expert-icon {
	width: 44px; height: 44px;
	background: linear-gradient(135deg, var(--cb-bg-4), var(--cb-bg-5, #243650));
	border: 1px solid rgba(100,170,210,.25);
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
}
.cbcon-expert-role {
	font-size: 1rem;
	font-weight: 700;
	color: var(--cb-highlight);
	margin: 0;
	line-height: 1.5;
}
.cbcon-expert-lines {
	display: flex;
	flex-direction: column;
	gap: .35rem;
}
.cbcon-expert-ext {
	display: block;
	font-size: .72rem;
	color: var(--cb-muted);
	margin-top: 2px;
	direction: rtl;
}

/* ───── GENERIC ICON-PREFIX LINE ───── */
.cbcon-line {
	display: flex;
	align-items: flex-start;
	gap: .55rem;
	padding: .55rem .75rem;
	background: rgba(13,17,23,.5);
	border: 1px solid var(--cb-border);
	border-radius: var(--cb-r-sm);
	color: var(--cb-text);
	font-size: .82rem;
	text-decoration: none;
	transition: all var(--cb-tr-fast);
	line-height: 1.7;
}
.cbcon-line svg {
	color: var(--cb-steel);
	flex-shrink: 0;
	margin-top: 2px;
}
a.cbcon-line:hover {
	background: rgba(106,174,204,.1);
	border-color: var(--cb-steel);
	color: var(--cb-text);
}
.cbcon-line--static {
	cursor: default;
	color: var(--cb-text-body);
}
.cbcon-line--mail { font-family: 'JetBrains Mono', monospace; direction: ltr; }
.cbcon-line--addr { line-height: 1.95; }
.cbcon-line--addr .cbcon-addr-text {
	text-align: justify;
	text-align-last: right;
	hyphens: auto;
}
.cbcon-line strong { color: var(--cb-steel-m); font-weight: 700; margin-left: 4px; }
.cbcon-line-body { flex: 1; min-width: 0; }

/* Phone numbers: force LTR display so "038 34263960 الی 70" reads left-to-right correctly */
.cbcon-num,
.cbcon-num-list {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 4px 6px;
	direction: ltr;
	unicode-bidi: isolate;
	align-items: center;
}
.cbcon-num {
	white-space: nowrap;
}
.cbcon-num a {
	color: inherit;
	text-decoration: none;
	transition: color var(--cb-tr-fast);
}
.cbcon-num a:hover { color: var(--cb-steel-l); }
.cbcon-num-sep {
	color: var(--cb-muted);
	font-weight: 600;
	font-size: .82em;
	direction: rtl;
	unicode-bidi: isolate;
}

/* Expert phone wrap — phone + داخلی together, both LTR-friendly */
.cbcon-expert-phone-wrap {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.cbcon-expert-phone-wrap .cbcon-num { direction: ltr; }

/* ───── SOCIAL STRIP ───── */
.cbcon-social-sec { padding: 2.5rem 0; }
.cbcon-social-strip {
	background: linear-gradient(135deg, var(--cb-bg-2), var(--cb-bg-3));
	border: 1px solid var(--cb-border);
	border-radius: var(--cb-r-lg);
	padding: 1.5rem;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.5rem;
	align-items: center;
}
.cbcon-social-label {
	font-weight: 700;
	color: var(--cb-highlight);
	display: flex;
	align-items: center;
	gap: .55rem;
	white-space: nowrap;
	font-size: .9rem;
}
.cbcon-social-pulse {
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--cb-steel);
	box-shadow: 0 0 12px rgba(106,174,204,.5);
	animation: cbcon-pulse 1.8s ease-in-out infinite;
}
@keyframes cbcon-pulse {
	0%, 100% { transform: scale(1); opacity: 1; }
	50%      { transform: scale(1.4); opacity: .5; }
}
.cbcon-social-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	justify-content: flex-end;
}
.cbcon-social-btn {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: rgba(13,17,23,.55);
	border: 1px solid var(--cb-border);
	border-radius: 100px;
	padding: .5rem 1rem;
	font-family: inherit;
	font-size: .82rem;
	font-weight: 600;
	color: var(--cb-text);
	cursor: pointer;
	transition: all var(--cb-tr-fast);
	text-decoration: none;
}
.cbcon-social-btn:hover {
	border-color: var(--cb-acc, var(--cb-steel));
	background: color-mix(in srgb, var(--cb-acc, var(--cb-steel)) 12%, var(--cb-bg-3));
	transform: translateY(-2px);
	color: var(--cb-text);
}
.cbcon-social-btn svg {
	color: var(--cb-acc, var(--cb-steel));
}
.cbcon-social-btn--steel svg,
.cbcon-social-btn--steel:hover { --cb-acc: var(--cb-steel); }
.cbcon-social-btn:hover svg { color: var(--cb-acc, var(--cb-steel-l)); }

/* ───── LOCATIONS GRID ───── */
.cbcon-locations-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
	gap: 1.5rem;
	margin-top: 2rem;
}
.cbcon-location {
	background: var(--cb-bg-2);
	border: 1px solid var(--cb-border);
	border-radius: var(--cb-r-lg);
	overflow: hidden;
	transition: border-color var(--cb-tr-fast), transform var(--cb-tr-fast), box-shadow var(--cb-tr-fast);
	display: grid;
	grid-template-columns: 200px 1fr;
}
.cbcon-location:hover {
	border-color: color-mix(in srgb, var(--cb-acc) 40%, var(--cb-border));
	transform: translateY(-3px);
	box-shadow: 0 18px 50px rgba(0,0,0,.32),
	            0 0 26px color-mix(in srgb, var(--cb-acc) 12%, transparent);
}

/* MAP TILE (the visual "map" preview that opens native navigation) */
.cbcon-location-map {
	position: relative;
	background:
		linear-gradient(135deg,
			color-mix(in srgb, var(--cb-acc) 20%, var(--cb-bg-4)),
			color-mix(in srgb, var(--cb-acc) 8%, var(--cb-bg-3))),
		linear-gradient(45deg, transparent 49%, rgba(106,174,204,.08) 50%, transparent 51%);
	border: none;
	cursor: pointer;
	padding: 0;
	overflow: hidden;
	min-height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: inherit;
}
.cbcon-map-mesh {
	position: absolute; inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
	background-size: 24px 24px;
	mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black, transparent);
	-webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black, transparent);
}
.cbcon-map-rings {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 0; height: 0;
}
.cbcon-map-rings span {
	position: absolute;
	top: 0; left: 0;
	transform: translate(-50%, -50%);
	width: 0; height: 0;
	border: 2px solid var(--cb-acc);
	border-radius: 50%;
	opacity: 0;
	animation: cbcon-rings 3s ease-out infinite;
}
.cbcon-map-rings span:nth-child(2) { animation-delay: 1s; }
.cbcon-map-rings span:nth-child(3) { animation-delay: 2s; }
@keyframes cbcon-rings {
	0%   { width: 0;     height: 0;     opacity: 1; }
	100% { width: 140px; height: 140px; opacity: 0; }
}
.cbcon-map-pin {
	position: relative;
	z-index: 3;
	font-size: 3rem;
	filter: drop-shadow(0 4px 8px rgba(0,0,0,.4));
	transition: transform var(--cb-tr-fast);
}
.cbcon-location-map:hover .cbcon-map-pin {
	transform: scale(1.15) translateY(-4px);
}
.cbcon-map-overlay {
	position: absolute;
	bottom: 0; left: 0; right: 0;
	background: linear-gradient(180deg, transparent, rgba(13,17,23,.92));
	padding: 1.5rem 1rem .9rem;
	display: flex;
	flex-direction: column;
	gap: .35rem;
	z-index: 2;
}
.cbcon-map-coords {
	font-family: 'JetBrains Mono', monospace;
	font-size: .68rem;
	color: var(--cb-text-2);
	direction: ltr;
	text-align: center;
	opacity: .8;
}
.cbcon-map-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .35rem;
	color: var(--cb-acc);
	font-size: .78rem;
	font-weight: 700;
	transition: gap var(--cb-tr-fast);
}
.cbcon-location-map:hover .cbcon-map-cta { gap: .6rem; }

/* LOCATION INFO */
.cbcon-location-info {
	padding: 1.3rem 1.4rem;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.cbcon-location-head {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	margin-bottom: .5rem;
}
.cbcon-location-kind {
	font-size: .68rem;
	font-weight: 700;
	color: var(--cb-acc);
	letter-spacing: .06em;
}
.cbcon-location-name {
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--cb-highlight);
	margin: 0;
	line-height: 1.4;
}

/* ───── FORM ───── */
.cbcon-form-sec {
	background: linear-gradient(180deg, transparent, rgba(13,17,23,.5));
	padding-bottom: 5rem;
}
.cbcon-form-grid {
	display: grid;
	grid-template-columns: 1fr 1.4fr;
	gap: 2.5rem;
	align-items: start;
}
.cbcon-form-side h2 { margin: .5rem 0 1rem; }
.cbcon-form-side p { color: var(--cb-text-body); line-height: 2; margin-bottom: 1.2rem; }
.cbcon-form-bullets {
	list-style: none;
	padding: 0;
	margin: 1.5rem 0 0;
}
.cbcon-form-bullets li {
	padding: .5rem 0;
	font-size: .88rem;
	color: var(--cb-text-2);
	border-bottom: 1px dashed rgba(106,174,204,.15);
}
.cbcon-form-bullets li:last-child { border-bottom: none; }

.cbcon-form {
	background: linear-gradient(135deg, var(--cb-bg-2), var(--cb-bg-3));
	border: 1px solid var(--cb-border);
	border-radius: var(--cb-r-lg);
	padding: 2rem;
	position: relative;
	overflow: hidden;
}
.cbcon-form::before {
	content: '';
	position: absolute;
	top: 0; right: 0; left: 0; height: 1px;
	background: linear-gradient(90deg, transparent, var(--cb-steel), transparent);
}
.cbcon-form-row {
	margin-bottom: 1.2rem;
}
.cbcon-form-row--split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin-bottom: 1.2rem;
}
.cbcon-form-row--split > div { margin-bottom: 0; }
.cbcon-form label {
	display: block;
	font-size: .82rem;
	font-weight: 700;
	color: var(--cb-text-2);
	margin-bottom: .4rem;
}
.cbcon-form label span { color: var(--cb-steel); }
.cbcon-form input,
.cbcon-form textarea {
	width: 100%;
	background: rgba(13,17,23,.6);
	border: 1px solid var(--cb-border);
	border-radius: var(--cb-r-sm);
	padding: .8rem 1rem;
	color: var(--cb-text);
	font-family: inherit;
	font-size: .92rem;
	transition: border-color var(--cb-tr-fast), background var(--cb-tr-fast);
}
.cbcon-form input:focus,
.cbcon-form textarea:focus {
	outline: none;
	border-color: var(--cb-steel);
	background: rgba(13,17,23,.8);
	box-shadow: 0 0 0 3px rgba(106,174,204,.12);
}
.cbcon-form input.has-error,
.cbcon-form textarea.has-error {
	border-color: #c85878;
	background: rgba(200,88,120,.06);
}
.cbcon-form textarea { resize: vertical; min-height: 120px; }
.cbcon-form-submit {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .85rem 1.8rem;
	background: linear-gradient(135deg, var(--cb-steel), var(--cb-steel-d));
	color: var(--cb-bg, #0d1117);
	border: none;
	border-radius: 100px;
	font-family: inherit;
	font-size: .95rem;
	font-weight: 700;
	cursor: pointer;
	transition: all var(--cb-tr-fast);
	box-shadow: 0 6px 22px rgba(106,174,204,.25);
}
.cbcon-form-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 32px rgba(106,174,204,.4);
}
.cbcon-form-submit:active {
	transform: translateY(0);
}
.cbcon-form-submit svg {
	transition: transform var(--cb-tr-fast);
}
.cbcon-form-submit:hover svg { transform: translateX(-3px); }

.cbcon-form-alert {
	padding: 1rem 1.3rem;
	border-radius: var(--cb-r-md);
	margin-bottom: 1.2rem;
	border: 1px solid;
	font-size: .9rem;
}
.cbcon-form-alert--success {
	background: rgba(56,178,154,.1);
	border-color: rgba(56,178,154,.35);
	color: #5ed4bc;
}
.cbcon-form-alert--error {
	background: rgba(200,88,120,.1);
	border-color: rgba(200,88,120,.35);
	color: #ff8aa8;
}
.cbcon-form-alert strong { display: block; margin-bottom: .25rem; }
.cbcon-form-alert p { margin: 0; color: var(--cb-text-2); font-size: .82rem; }

/* ═══════════════════════════════════════════════════════════
   MAP CHOOSER MODAL (Iran-first: Neshan / Balad first, then global)
═══════════════════════════════════════════════════════════ */
.cbcon-map-chooser {
	position: fixed;
	inset: 0;
	z-index: 99000;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	transition: opacity .25s ease, visibility 0s linear .25s;
}
.cbcon-map-chooser[aria-hidden="false"] {
	visibility: visible;
	opacity: 1;
	transition: opacity .25s ease, visibility 0s linear 0s;
}
.cbcon-map-chooser-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(4,7,12,.78);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.cbcon-map-chooser-panel {
	position: relative;
	background: linear-gradient(180deg, var(--cb-bg-2), var(--cb-bg-3));
	border: 1px solid var(--cb-border);
	border-radius: var(--cb-r-lg);
	box-shadow: 0 28px 80px rgba(0,0,0,.55);
	width: min(420px, calc(100vw - 2rem));
	max-height: 86vh;
	overflow-y: auto;
	transform: translateY(20px) scale(.96);
	transition: transform .3s cubic-bezier(.4,0,.2,1);
}
.cbcon-map-chooser.is-open .cbcon-map-chooser-panel {
	transform: translateY(0) scale(1);
}

.cbcon-map-chooser-head {
	padding: 1.2rem 1.4rem 1rem;
	border-bottom: 1px solid var(--cb-border);
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	align-items: flex-start;
}
.cbcon-map-chooser-head h3 {
	font-size: 1rem;
	font-weight: 800;
	margin: 0 0 .3rem;
	color: var(--cb-highlight);
}
.cbcon-map-chooser-loc {
	font-size: .82rem;
	color: var(--cb-text-2);
	margin: 0;
}
.cbcon-map-chooser-close {
	width: 32px; height: 32px;
	border: 1px solid var(--cb-border);
	border-radius: 50%;
	background: rgba(106,174,210,.08);
	color: var(--cb-text);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all var(--cb-tr-fast);
}
.cbcon-map-chooser-close:hover {
	background: rgba(200,88,120,.18);
	border-color: rgba(200,88,120,.5);
	color: #ff8aa8;
}
.cbcon-map-chooser-list {
	padding: .8rem;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.cbcon-map-chooser-item {
	display: flex;
	align-items: center;
	gap: .9rem;
	padding: .85rem 1.1rem;
	background: rgba(13,17,23,.5);
	border: 1px solid var(--cb-border);
	border-radius: var(--cb-r-md);
	color: var(--cb-text);
	cursor: pointer;
	font-family: inherit;
	transition: all var(--cb-tr-fast);
	width: 100%;
	text-align: right;
}
.cbcon-map-chooser-item:hover {
	background: color-mix(in srgb, var(--cb-acc) 14%, var(--cb-bg-3));
	border-color: var(--cb-acc);
	transform: translateX(-3px); /* RTL = visually leftward */
}
.cbcon-map-chooser-icon {
	width: 40px; height: 40px;
	border-radius: 10px;
	background: color-mix(in srgb, var(--cb-acc) 20%, var(--cb-bg-4));
	color: var(--cb-acc);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.cbcon-map-chooser-meta {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.cbcon-map-chooser-label {
	font-size: .95rem;
	font-weight: 700;
	color: var(--cb-highlight);
}
.cbcon-map-chooser-tag {
	font-size: .7rem;
	color: var(--cb-muted);
}
.cbcon-map-chooser-arrow {
	color: var(--cb-acc);
	flex-shrink: 0;
	transition: transform var(--cb-tr-fast);
}
.cbcon-map-chooser-item:hover .cbcon-map-chooser-arrow {
	transform: translateX(-4px);
}
.cbcon-map-chooser-foot {
	padding: .6rem 1.4rem 1rem;
	text-align: center;
}
.cbcon-map-chooser-foot small {
	color: var(--cb-text-2);
	font-size: .72rem;
}

body.cbcon-map-locked { overflow: hidden; }

@media (max-width: 480px) {
	.cbcon-map-chooser-panel { width: calc(100vw - 1.2rem); }
	.cbcon-map-chooser-item { padding: .75rem .9rem; }
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════ */
@media (max-width: 960px) {
	.cbcon-form-grid { grid-template-columns: 1fr; gap: 2rem; }
	.cbcon-locations-grid { grid-template-columns: 1fr; }
	.cbcon-location { grid-template-columns: 160px 1fr; }
	.cbcon-social-strip { grid-template-columns: 1fr; text-align: center; }
	.cbcon-social-buttons { justify-content: center; }
	.cbcon-social-label { justify-content: center; }
}
@media (max-width: 600px) {
	.cbcon-sec { padding: 2.5rem 0; }
	.cbcon-main-card { padding: 1.5rem 1.2rem; }
	.cbcon-main-card-grid { grid-template-columns: 1fr; }
	.cbcon-main-card-row { padding: .7rem .9rem; }
	.cbcon-location { grid-template-columns: 1fr; }
	.cbcon-location-map { min-height: 180px; }
	.cbcon-form { padding: 1.4rem; }
	.cbcon-form-row--split { grid-template-columns: 1fr; gap: 0; }
	.cbcon-form-row--split > div { margin-bottom: 1.2rem; }
	.cbcon-experts-grid { grid-template-columns: 1fr; }
	.cbcon-social-btn { font-size: .76rem; padding: .45rem .85rem; }
}

/* ───── SHARES AFFAIRS CARD — امور سهام (gold accent) ───── */
.cbcon-shares-card { margin-top: 1.2rem; }
.cbcon-shares-card .cbcon-main-card-edge {
	background: linear-gradient(90deg, transparent, rgba(200,168,76,.55), transparent);
}
.cbcon-shares-card .cbcon-main-card-title span:first-child {
	border-color: rgba(200,168,76,.35);
	color: var(--cb-gold, #c8a84c);
}
.cbcon-shares-desc {
	position: relative;
	z-index: 1;
	margin: -.6rem 0 1.4rem;
	font-size: .86rem;
	line-height: 2;
	color: var(--cb-text-body);
	max-width: 760px;
}
.cbcon-shares-card .cbcon-main-card-icon { color: var(--cb-gold, #c8a84c); }
.cbcon-shares-card a.cbcon-main-card-row:hover {
	background: rgba(200,168,76,.08);
	border-color: var(--cb-gold, #c8a84c);
}