/* GARD Core — components used by product pages, category pages and the contact bar. */
:root {
	--gg-navy: #252F60;
	--gg-neon: #22E690;
	--gg-teal: #23AA6F;
	--gg-ink: #1b2140;
	--gg-line: #e3e6ef;
	--gg-soft: #f5f7fb;
}

.gg-btn {
	display: inline-block;
	padding: 12px 22px;
	border-radius: 8px;
	background: var(--gg-neon);
	color: var(--gg-navy) !important;
	font-weight: 700;
	text-decoration: none !important;
	line-height: 1.4;
}
.gg-btn:hover,
.gg-btn:focus-visible { background: #1fd383; }
.gg-btn--ghost {
	background: transparent;
	color: var(--gg-navy) !important;
	border: 2px solid var(--gg-navy);
}
.gg-btn--ghost:hover { background: var(--gg-soft); }

.gg-cta { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 24px 0; }
.gg-cta-note { flex-basis: 100%; margin: 0; font-size: .9em; color: #4a5172; }
.gg-render-note { font-size: .85em; color: #4a5172; margin: 0 0 8px; }
.gg-spec-source { font-size: .85em; color: #4a5172; }

.gg-specs, .gg-docs { width: 100%; border-collapse: collapse; margin: 12px 0; }
.gg-specs th, .gg-specs td, .gg-docs th, .gg-docs td {
	border-bottom: 1px solid var(--gg-line);
	padding: 10px 12px;
	text-align: right;
	vertical-align: top;
}
.gg-specs th { width: 38%; color: var(--gg-ink); font-weight: 600; background: var(--gg-soft); }
.gg-docs thead th { background: var(--gg-navy); color: #fff; font-weight: 600; }
.gg-docs { display: block; overflow-x: auto; }

.gg-options { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; }
.gg-options li { border: 1px solid var(--gg-teal); border-radius: 999px; padding: 4px 12px; }

.gg-contact { list-style: none; padding: 0; }
.gg-contact li { margin: 6px 0; }

/* Mobile contact bar */
.gg-bar { display: none; }
@media (max-width: 768px) {
	.gg-bar {
		position: fixed; inset: auto 0 0 0; z-index: 999;
		display: flex; background: var(--gg-navy);
		box-shadow: 0 -2px 8px rgba(0, 0, 0, .15);
		padding-bottom: env(safe-area-inset-bottom);
	}
	.gg-bar a {
		flex: 1; text-align: center; padding: 14px 4px;
		color: #fff !important; text-decoration: none !important; font-weight: 600;
	}
	.gg-bar a + a { border-right: 1px solid rgba(255, 255, 255, .15); }
	.gg-bar .gg-bar-primary { background: var(--gg-neon); color: var(--gg-navy) !important; }
	body { padding-bottom: 56px; }
}

/* "استعلام قیمت" item in the main menu (menu class gg-menu-cta) */
.gg-menu-cta > a {
	background: var(--gg-neon);
	color: var(--gg-navy) !important;
	border-radius: 8px;
	padding-inline: 16px !important;
	font-weight: 700;
}
.gg-menu-cta > a:hover { background: #1fd383; }