/**
 * GG Skin Quiz — presentation skin.
 *
 * Ports the structure and visual language of the source quiz
 * (D:\Quiz\Quiz.html — section #ggq-quiz-new) onto the WPC Shop Quiz
 * markup, so the embedded quiz reads as the same section: dark ink band,
 * intro column, glass card with corner ticks, circular step indicator,
 * chat log with avatar bubbles, pill answers and the source product
 * shelf.
 *
 * Everything is scoped to .gg-skin (.wpcsq-quiz-wrapper.gg-skin), which
 * gg-ext.js adds only to the quiz it owns. The host plugin stylesheet and
 * any other quiz instance are untouched.
 *
 * The design tokens below are the source's CSS CONFIG block, verbatim.
 */

/* ═══════════════════════ CONFIG ═══════════════════════ */
.gg-skin {
	--ggq-max: 1400px;          /* boxed content width */
	--ggq-pad-y: 2rem;          /* section padding, mobile */
	--ggq-pad-y-lg: 2.75rem;    /* section padding, desktop */
	--ggq-chat-min: 16rem;      /* chat box height */
	--ggq-chat-max: min(52vh, 25rem);
	--ggq-x: 1;                 /* direction helper: 1 = LTR · -1 = RTL */
	--ggq-ink:       24 22% 10%;
	--ggq-porcelain: 36 33% 94%;
	--ggq-ember:     22 58% 46%;
	--ggq-emberglow: 24 76% 62%;
	--ggq-sage:      84 12% 46%;
	--ggq-font:    "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;
	--ggq-display: "Fraunces", ui-serif, Georgia, serif;
}
/* ═════════════════════ END CONFIG ═════════════════════ */

/* ---------- local reset (zero specificity inside :where; the .gg-skin.ggq-quiz
   head carries the specificity the source gets from its #ggq-quiz-new id, so
   theme rules such as the global `button { min-height: 42px }` cannot leak in) -- */
.gg-skin.ggq-quiz,
.gg-skin.ggq-quiz :where(*, *::before, *::after) { box-sizing: border-box; }
.gg-skin.ggq-quiz :where(h2, h3, h4, p, div, span, a, button, svg, img, input, label, ul, ol, li, strong, b, em, i, br) {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	word-spacing: normal;
	text-transform: none;
	text-shadow: none;
	text-indent: 0;
	list-style: none;
	box-shadow: none;
	float: none;
	max-width: none;
	min-width: 0;
	min-height: 0;
	position: static;
	transform: none;
	visibility: visible;
}
.gg-skin.ggq-quiz :where(a) { text-decoration: none !important; }
.gg-skin.ggq-quiz :where(a)::after,
.gg-skin.ggq-quiz :where(a)::before { content: none; }
.gg-skin.ggq-quiz :where(svg) {
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
	vertical-align: middle;
	overflow: visible;
}
.gg-skin.ggq-quiz :where(button, input) {
	appearance: none;
	-webkit-appearance: none;
	font: inherit;
	border-radius: 0;
}
.gg-skin.ggq-quiz :where(button) { cursor: pointer; }
.gg-skin.ggq-quiz :where(img) { display: block; max-width: 100%; height: auto; }

/* ---------- shell ------------------------------------------------------- */
.gg-skin[dir="rtl"] { --ggq-x: -1; direction: rtl; }
.gg-skin[dir="ltr"] { --ggq-x: 1;  direction: ltr; }
.gg-skin.ggq-quiz {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	text-align: start;
	width: 100%;
	max-width: none;              /* host plugin caps the wrapper at 720px */
	margin: 0;
	padding: var(--ggq-pad-y) 0 !important;
	background-color: hsl(var(--ggq-ink)) !important;
	color: hsl(var(--ggq-porcelain)) !important;
	font-family: var(--ggq-font) !important;
	font-size: 15px !important;
	font-weight: 400;
	line-height: 1.55 !important;
	letter-spacing: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
	.gg-skin.ggq-quiz { padding: var(--ggq-pad-y-lg) 0 !important; }
}
/* Decoration layer — exactly the size of the section, clipping its own
   children so nothing adds scrollable overflow. */
.gg-skin .ggq-deco {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}
.gg-skin .ggq-bloom {
	position: absolute;
	border-radius: 9999px;
	left: 50%;
	top: 0;
	width: 520px;
	height: 520px;
	transform: translate(-50%, -50%);
	background: hsl(var(--ggq-ember) / .18);
	filter: blur(130px);
}
.gg-skin .ggq-dashed {
	position: absolute;
	inset-inline-end: -5rem;
	bottom: 2rem;
	width: 14rem;
	height: 14rem;
	border: 1px dashed hsl(var(--ggq-porcelain) / .09);
	border-radius: 9999px;
	animation: ggq-drift 22s ease-in-out infinite;
}
.gg-skin .ggq-wrap {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 1.25rem;
	width: 100%;
	max-width: var(--ggq-max);
	margin-inline: auto;
	padding: 0 1.125rem;
}
@media (min-width: 768px) {
	.gg-skin .ggq-wrap { padding: 0 2rem; gap: 2rem; }
}
@media (min-width: 1024px) {
	.gg-skin .ggq-wrap {
		grid-template-columns: .85fr 1.15fr;
		gap: 10rem;
		align-items: center;
	}
}

/* ---------- intro column ------------------------------------------------ */
.gg-skin .ggq-intro { display: flex; flex-direction: column; }
.gg-skin .ggq-eyebrow { display: flex; align-items: center; gap: .75rem; }
.gg-skin .ggq-eyebrow i {
	display: block;
	height: 1px;
	width: 2.25rem;
	background: hsl(var(--ggq-emberglow));
}
.gg-skin .ggq-eyebrow span {
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .28em !important;
	line-height: 1.4 !important;
	color: hsl(var(--ggq-emberglow)) !important;
}
.gg-skin .ggq-h2 {
	margin-top: .875rem !important;
	font-family: var(--ggq-display) !important;
	font-optical-sizing: auto;
	font-size: 1.875rem !important;
	font-weight: 300 !important;
	line-height: 1.05 !important;
	letter-spacing: -.02em !important;
	text-wrap: balance;
	color: hsl(var(--ggq-porcelain)) !important;
}
@media (min-width: 640px) {
	.gg-skin .ggq-h2 { font-size: 2.5rem !important; }
}
.gg-skin .ggq-h2 b {
	font-style: italic;
	font-weight: 300 !important;
	color: hsl(var(--ggq-emberglow)) !important;
}
.gg-skin .ggq-sub {
	margin-top: .875rem !important;
	max-width: 26rem;
	font-size: .875rem !important;
	line-height: 1.7 !important;
	color: hsl(var(--ggq-porcelain) / .58) !important;
}
.gg-skin .ggq-sub b {
	font-weight: 700 !important;
	color: hsl(var(--ggq-porcelain)) !important;
}

/* ---------- GG character guide ------------------------------------------ */
.gg-skin .ggq-guide {
	position: relative;
	width: 180px;
	height: 165px;
	margin: .9rem auto -2.1rem;
	overflow: visible;
	z-index: 2;
	opacity: 0;
	transform: translateX(calc(var(--ggq-x) * 28px)) scale(.94);
	animation: ggq-guide-in .95s cubic-bezier(.22, 1, .36, 1) .25s forwards;
}
.gg-skin .ggq-guide::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -25px;
	width: 170px;
	height: 150px;
	transform: translateX(-50%);
	border-radius: 50%;
	background: radial-gradient(ellipse at center,
		hsl(var(--ggq-emberglow) / .24) 0%,
		hsl(var(--ggq-ember) / .10) 42%,
		transparent 72%);
	filter: blur(14px);
}
.gg-skin .ggq-guide-img {
	position: relative;
	display: block;
	width: 168px !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 auto;
	transform-origin: 50% 75%;
	filter: drop-shadow(0 16px 22px hsl(0 0% 0% / .32));
	animation: ggq-guide-float 4.8s ease-in-out 1.25s infinite;
}
.gg-skin .ggq-guide-spark {
	position: absolute;
	inset-inline-end: 18px;
	top: 20px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: hsl(var(--ggq-emberglow));
	box-shadow: 0 0 0 5px hsl(var(--ggq-emberglow) / .08),
		0 0 18px hsl(var(--ggq-emberglow) / .65);
	animation: ggq-guide-spark 2.2s ease-in-out infinite;
}
@media (max-width: 520px) {
	.gg-skin .ggq-guide { width: 150px; height: 140px; margin: .75rem auto -1.5rem; }
	.gg-skin .ggq-guide-img { width: 142px !important; }
}
@media (min-width: 1024px) {
	.gg-skin .ggq-intro {
		position: relative;
		min-height: 360px;
		justify-content: flex-start;
	}
	.gg-skin .ggq-guide {
		position: absolute;
		inset-inline-end: -128px;
		bottom: 48px;
		width: 245px;
		height: 245px;
		margin: 0;
	}
	.gg-skin .ggq-guide-img { width: 230px !important; }
}
@media (prefers-reduced-motion: reduce) {
	.gg-skin .ggq-guide { opacity: 1 !important; transform: none !important; animation: none !important; }
	.gg-skin .ggq-guide-img,
	.gg-skin .ggq-guide-spark { animation: none !important; }
}

/* ---------- the card ---------------------------------------------------- */
.gg-skin .ggq-card {
	position: relative;
	overflow: hidden;
	border-radius: 24px;
	background: linear-gradient(180deg,
		hsl(var(--ggq-porcelain) / .075) 0%,
		hsl(var(--ggq-porcelain) / .035) 34%,
		hsl(var(--ggq-porcelain) / .045) 100%);
	-webkit-backdrop-filter: blur(10px) saturate(1.1);
	backdrop-filter: blur(10px) saturate(1.1);
	padding: .9375rem;
	box-shadow:
		0 1px 0 0 hsl(var(--ggq-porcelain) / .09) inset,
		0 40px 80px -50px hsl(0 0% 0% / .9),
		0 0 60px -30px hsl(var(--ggq-ember) / .35);
}
@media (min-width: 640px) {
	.gg-skin .ggq-card { padding: 1.25rem; }
}
/* gradient hairline drawn by a mask */
.gg-skin .ggq-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
	border-radius: inherit;
	padding: 1px;
	pointer-events: none;
	background: linear-gradient(150deg,
		hsl(var(--ggq-emberglow) / .55) 0%,
		hsl(var(--ggq-porcelain) / .14) 26%,
		hsl(var(--ggq-porcelain) / .05) 55%,
		hsl(var(--ggq-ember) / .38) 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}
/* soft ember glow pooling at the top of the card */
.gg-skin .ggq-card::after {
	content: "";
	position: absolute;
	z-index: 0;
	pointer-events: none;
	left: 50%;
	top: 0;
	width: 24rem;
	height: 12rem;
	transform: translate(-50%, -55%);
	background: radial-gradient(ellipse at center,
		hsl(var(--ggq-emberglow) / .16), transparent 68%);
}
/* children of the card sit above the glow */
.gg-skin .ggq-card > .ggq-steps,
.gg-skin .ggq-card > .ggq-steps-lbl,
.gg-skin .ggq-card > .ggq-meta,
.gg-skin .ggq-card > .ggq-chat-wrap,
.gg-skin .ggq-card > .ggq-answers,
.gg-skin .ggq-card > .wpcsq-quiz-container,
.gg-skin .ggq-card > .wpcsq-results-container,
.gg-skin .ggq-card > .wpcsq-welcome-screen { position: relative; z-index: 1; }

/* corner ticks */
.gg-skin .ggq-tick {
	position: absolute;
	z-index: 4;
	width: .875rem;
	height: .875rem;
	border: 0 solid hsl(var(--ggq-emberglow) / .5);
	pointer-events: none;
}
.gg-skin .ggq-tick--tl { top: .6875rem;    inset-inline-start: .6875rem; border-top-width: 1px;    border-inline-start-width: 1px; border-start-start-radius: 5px; }
.gg-skin .ggq-tick--tr { top: .6875rem;    inset-inline-end: .6875rem;   border-top-width: 1px;    border-inline-end-width: 1px;   border-start-end-radius: 5px; }
.gg-skin .ggq-tick--bl { bottom: .6875rem; inset-inline-start: .6875rem; border-bottom-width: 1px; border-inline-start-width: 1px; border-end-start-radius: 5px; }
.gg-skin .ggq-tick--br { bottom: .6875rem; inset-inline-end: .6875rem;   border-bottom-width: 1px; border-inline-end-width: 1px;   border-end-end-radius: 5px; }

/* ---------- circular step indicator ------------------------------------- */
.gg-skin .ggq-steps {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .25rem;
}
.gg-skin .ggq-stepdot {
	position: relative;
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 9999px;
	border: 1.5px solid hsl(var(--ggq-porcelain) / .18);
	background: hsl(var(--ggq-porcelain) / .04);
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	color: hsl(var(--ggq-porcelain) / .40) !important;
	transition: border-color .4s, background-color .4s, color .4s, box-shadow .4s, transform .4s;
}
@media (min-width: 420px) {
	.gg-skin .ggq-stepdot { width: 1.875rem; height: 1.875rem; font-size: 11px !important; }
}
.gg-skin .ggq-stepline {
	flex: 1 1 auto;
	height: 1.5px;
	min-width: .5rem;
	background: hsl(var(--ggq-porcelain) / .12);
	position: relative;
	overflow: hidden;
	border-radius: 2px;
}
.gg-skin .ggq-stepline::after {
	content: "";
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	inset-inline-end: 100%;
	background: linear-gradient(to right, hsl(var(--ggq-ember)), hsl(var(--ggq-emberglow)));
	transition: inset-inline-end .5s cubic-bezier(.22, 1, .36, 1);
}
.gg-skin[dir="rtl"] .ggq-stepline::after {
	background: linear-gradient(to left, hsl(var(--ggq-ember)), hsl(var(--ggq-emberglow)));
}
.gg-skin .ggq-stepline.is-done::after { inset-inline-end: 0; }
.gg-skin .ggq-stepdot.is-done {
	border-color: transparent;
	background: hsl(var(--ggq-sage) / .55);
	color: hsl(var(--ggq-porcelain)) !important;
}
.gg-skin .ggq-stepdot.is-now {
	border-color: transparent;
	background: linear-gradient(145deg, hsl(var(--ggq-ember)), hsl(var(--ggq-emberglow)));
	color: hsl(var(--ggq-ink)) !important;
	box-shadow: 0 0 0 4px hsl(var(--ggq-emberglow) / .16), 0 8px 18px -8px hsl(var(--ggq-ember));
	transform: scale(1.14);
}
.gg-skin .ggq-stepdot.is-now::after {
	content: "";
	position: absolute;
	inset: -.3rem;
	border-radius: 9999px;
	border: 1px solid hsl(var(--ggq-emberglow) / .5);
	animation: ggq-halo 2.6s ease-out infinite;
}
.gg-skin .ggq-steps-lbl {
	margin-top: .5rem;
	text-align: center;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .16em !important;
	line-height: 1.5 !important;
	color: hsl(var(--ggq-emberglow) / .85) !important;
	min-height: 1.1rem;
}

/* ---------- meta row ---------------------------------------------------- */
.gg-skin .ggq-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-top: .625rem;
	margin-bottom: .875rem;
	padding-top: .625rem;
	border-top: 1px solid hsl(var(--ggq-porcelain) / .08);
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .14em !important;
	line-height: 1.5 !important;
	color: hsl(var(--ggq-porcelain) / .42) !important;
}
.gg-skin .ggq-meta-tools {
	display: flex;
	gap: .875rem;
	align-items: center;
}
.gg-skin .ggq-meta button {
	display: inline-flex;
	align-items: center;
	gap: .3125rem;
	color: hsl(var(--ggq-porcelain) / .42) !important;
	transition: color .25s;
}
.gg-skin .ggq-meta button:hover { color: hsl(var(--ggq-emberglow)) !important; }
.gg-skin .ggq-meta button svg { width: .8125rem; height: .8125rem; }
.gg-skin .ggq-meta button[hidden] { display: none !important; }
.gg-skin .ggq-count { white-space: nowrap; }

/* language switch — always reads "ع | EN", whatever the page direction */
.gg-skin .ggq-lang {
	direction: ltr;
	display: inline-flex;
	align-items: center;
	padding: .1875rem;
	gap: .0625rem;
	border: 1px solid hsl(var(--ggq-porcelain) / .14);
	border-radius: 9999px;
	background: hsl(var(--ggq-porcelain) / .04);
}
.gg-skin .ggq-lang button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	padding: .1875rem .4375rem;
	border-radius: 9999px;
	font-size: 9px !important;
	font-weight: 800 !important;
	letter-spacing: .1em !important;
	line-height: 1.4 !important;
	text-transform: uppercase !important;
	color: hsl(var(--ggq-porcelain) / .45) !important;
	transition: background-color .25s, color .25s;
}
.gg-skin .ggq-lang button:hover { color: hsl(var(--ggq-porcelain) / .8) !important; }
.gg-skin .ggq-lang button[aria-pressed="true"] {
	background: hsl(var(--ggq-ember) / .85);
	color: hsl(var(--ggq-ink)) !important;
}
.gg-skin .ggq-lang button:focus-visible { outline: 2px solid hsl(var(--ggq-emberglow)); outline-offset: 2px; }

/* arrows + the "answers" list icon mirror in Arabic (ticks must not) */
.gg-skin .ggq-meta button svg { transform: scaleX(var(--ggq-x)); }

/* ---------- chat -------------------------------------------------------- */
.gg-skin .ggq-chat-wrap { position: relative; }
.gg-skin .ggq-chat-wrap::before,
.gg-skin .ggq-chat-wrap::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 2rem;
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s;
	z-index: 2;
}
.gg-skin .ggq-chat-wrap::before {
	top: 0;
	background: linear-gradient(to bottom, hsl(var(--ggq-ink)), hsl(var(--ggq-ink) / 0));
}
.gg-skin .ggq-chat-wrap::after {
	bottom: 0;
	background: linear-gradient(to top, hsl(var(--ggq-ink)), hsl(var(--ggq-ink) / 0));
}
.gg-skin .ggq-chat-wrap.has-above::before { opacity: .9; }
.gg-skin .ggq-chat-wrap.has-below::after { opacity: .9; }
.gg-skin .ggq-chat {
	display: flex;
	flex-direction: column;
	gap: .75rem;
	min-height: var(--ggq-chat-min);
	max-height: var(--ggq-chat-max);
	overflow-y: auto;
	overscroll-behavior: contain;
	padding-inline-end: .375rem;
	padding-bottom: .875rem;
	scrollbar-width: thin;
	scrollbar-color: hsl(var(--ggq-porcelain) / .25) transparent;
}
.gg-skin .ggq-chat::-webkit-scrollbar { width: 5px; }
.gg-skin .ggq-chat::-webkit-scrollbar-thumb {
	background: hsl(var(--ggq-porcelain) / .22);
	border-radius: 9999px;
}
.gg-skin .ggq-chat.is-done {
	max-height: none;
	min-height: 0;
	overflow: visible;
	padding-inline-end: 0;
	padding-bottom: 0;
}
.gg-skin .ggq-chat.is-done .ggq-row:not(.ggq-final) { display: none; }
.gg-skin .ggq-chat.is-done.ggq-showall .ggq-row { display: flex; }
/* bubbles */
.gg-skin .ggq-row {
	display: flex;
	gap: .5rem;
	align-items: flex-start;
	/* CRITICAL: .ggq-chat is a column flexbox with a max-height, so without
	   this its rows get shrunk to fit and every bubble spills over the next
	   one. Do not remove. */
	flex: 0 0 auto;
	animation: ggq-in .4s cubic-bezier(.22, 1, .36, 1) both;
}
.gg-skin .ggq-row.ggq-me { flex-direction: row-reverse; }
.gg-skin .ggq-row.ggq-final { align-items: flex-start; }
.gg-skin .ggq-av {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 9999px;
	background: linear-gradient(145deg, hsl(var(--ggq-ember)), hsl(var(--ggq-emberglow)));
	color: hsl(var(--ggq-ink)) !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	letter-spacing: .03em !important;
	box-shadow: 0 6px 16px -8px hsl(var(--ggq-ember) / .8);
}
.gg-skin .ggq-me .ggq-av {
	background: hsl(var(--ggq-porcelain) / .12);
	color: hsl(var(--ggq-porcelain) / .75) !important;
	box-shadow: none;
}
.gg-skin .ggq-bubble {
	max-width: min(32rem, 88%);
	border-radius: 14px;
	border-end-start-radius: 5px;
	white-space: pre-line;
	overflow-wrap: anywhere;
	border: 1px solid hsl(var(--ggq-porcelain) / .10);
	background: hsl(var(--ggq-porcelain) / .06);
	padding: .5625rem .8125rem;
	font-size: .8125rem !important;
	line-height: 1.6 !important;
	color: hsl(var(--ggq-porcelain) / .92) !important;
}
.gg-skin .ggq-me .ggq-bubble {
	border-radius: 14px;
	border-end-end-radius: 5px;
	border-color: hsl(var(--ggq-emberglow) / .35);
	background: hsl(var(--ggq-emberglow) / .12);
	color: hsl(var(--ggq-porcelain)) !important;
	font-weight: 600 !important;
}
/* typing dots */
.gg-skin .ggq-typing { display: flex; gap: .2rem; align-items: center; padding: .3125rem .1875rem; }
.gg-skin .ggq-typing i {
	width: .35rem;
	height: .35rem;
	border-radius: 9999px;
	display: block;
	background: hsl(var(--ggq-porcelain) / .5);
	animation: ggq-blink 1.2s ease-in-out infinite;
}
.gg-skin .ggq-typing i:nth-child(2) { animation-delay: .18s; }
.gg-skin .ggq-typing i:nth-child(3) { animation-delay: .36s; }

/* ---------- answers ----------------------------------------------------- */
.gg-skin .ggq-answers,
.gg-skin .wpcsq-step[data-visible="true"] .wpcsq-answers {
	margin-top: .875rem;
	padding-top: .75rem;
	border-top: 1px solid hsl(var(--ggq-porcelain) / .10);
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	animation: ggq-in .45s cubic-bezier(.22, 1, .36, 1) both;
}
.gg-skin .ggq-answers:empty,
.gg-skin .wpcsq-answers:empty { display: none !important; }
.gg-skin .ggq-opt,
.gg-skin .wpcsq-step[data-visible="true"] .wpcsq-answer {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	gap: .4375rem;
	border: 1px solid hsl(var(--ggq-porcelain) / .16);
	background: linear-gradient(180deg,
		hsl(var(--ggq-porcelain) / .07), hsl(var(--ggq-porcelain) / .025));
	border-radius: 1.25rem;
	padding: .5rem .9375rem;
	max-width: 100%;
	text-align: start;
	white-space: pre-line;
	font-size: .78125rem !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	color: hsl(var(--ggq-porcelain) / .85) !important;
	box-shadow: 0 1px 0 0 hsl(var(--ggq-porcelain) / .07) inset;
	transition: border-color .25s, background-color .25s, color .25s, transform .25s, box-shadow .25s;
}
/* a sheen that sweeps across on hover */
.gg-skin .ggq-opt::after,
.gg-skin .wpcsq-step[data-visible="true"] .wpcsq-answer::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(105deg,
		transparent 30%, hsl(var(--ggq-porcelain) / .16) 48%, transparent 66%);
	transform: translateX(calc(var(--ggq-x) * -120%));
	transition: transform .6s cubic-bezier(.22, 1, .36, 1);
}
.gg-skin .ggq-opt:hover::after,
.gg-skin .wpcsq-step[data-visible="true"] .wpcsq-answer:hover::after {
	transform: translateX(calc(var(--ggq-x) * 120%));
}
.gg-skin .ggq-opt:hover,
.gg-skin .wpcsq-step[data-visible="true"] .wpcsq-answer:hover {
	border-color: hsl(var(--ggq-emberglow) / .7);
	background: linear-gradient(180deg,
		hsl(var(--ggq-emberglow) / .18), hsl(var(--ggq-ember) / .08));
	color: hsl(var(--ggq-porcelain)) !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 22px -14px hsl(var(--ggq-ember)),
		0 1px 0 0 hsl(var(--ggq-porcelain) / .12) inset;
}
.gg-skin .ggq-opt:focus-visible { outline: 2px solid hsl(var(--ggq-emberglow)); outline-offset: 2px; }
/* the host's selection state, restyled */
.gg-skin .wpcsq-step[data-visible="true"] .wpcsq-answer.selected {
	border-color: hsl(var(--ggq-emberglow) / .85);
	background: linear-gradient(180deg, hsl(var(--ggq-emberglow) / .2), hsl(var(--ggq-ember) / .1));
	box-shadow: 0 0 0 3px hsl(var(--ggq-emberglow) / .14);
}
/* the host's radio + check circle are the source's pill, nothing else */
.gg-skin .wpcsq-step[data-visible="true"] .wpcsq-answer input,
.gg-skin .wpcsq-step[data-visible="true"] .wpcsq-answer-check { display: none !important; }
.gg-skin .wpcsq-step[data-visible="true"] .wpcsq-answer-label {
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
	line-height: inherit !important;
}
.gg-skin .ggq-opt.ggq-go {
	border-color: transparent;
	background: linear-gradient(145deg, hsl(var(--ggq-ember)), hsl(var(--ggq-emberglow)));
	color: hsl(var(--ggq-ink)) !important;
	font-weight: 800 !important;
	padding: .5625rem 1.25rem;
	box-shadow: 0 10px 24px -14px hsl(var(--ggq-ember));
}
.gg-skin .ggq-opt.ggq-go:hover { transform: translateY(-2px); filter: brightness(1.06); }

/* ---------- host chrome the source does not have ------------------------ */
/* welcome screen → mirrored into the first chat bubble + start pill */
.gg-skin .wpcsq-welcome-screen { display: none !important; }
/* progress bar → the source uses the circular step indicator */
.gg-skin .wpcsq-progress { display: none !important; }
/* Next / Submit → the source auto-advances when an answer is picked */
.gg-skin .wpcsq-btn-next,
.gg-skin .wpcsq-btn-submit { display: none !important; }
/* Prev lives in the meta row (jQuery .show()/.hide() keeps working there) */
.gg-skin .wpcsq-nav { display: none !important; }
.gg-skin .ggq-meta .wpcsq-btn-prev {
	display: inline-flex;
	padding: 0;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
	border-radius: 0;
	margin: 0;
}
.gg-skin .ggq-meta .wpcsq-btn-prev svg { width: .8125rem; height: .8125rem; }

/* loading overlay → source-ink card */
.gg-skin .wpcsq-loading {
	position: absolute;
	inset: 0;
	z-index: 6;
	background: hsl(var(--ggq-ink) / .88);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border-radius: 24px;
	border: 1px solid hsl(var(--ggq-porcelain) / .12);
	flex-direction: column;
	justify-content: center;
}
.gg-skin .wpcsq-loading .wpcsq-spinner {
	width: 40px !important;
	height: 40px !important;
	border: 3px solid hsl(var(--ggq-porcelain) / .18) !important;
	border-top-color: hsl(var(--ggq-emberglow)) !important;
	border-radius: 50% !important;
	box-sizing: border-box;
}
.gg-skin .wpcsq-loading p {
	margin-top: 16px;
	color: hsl(var(--ggq-porcelain) / .7) !important;
	font-size: .8125rem !important;
	font-weight: 500 !important;
}

/* ---------- stop screen (source .ggq-stop) ------------------------------ */
.gg-skin .ggq-stop {
	margin-top: .25rem;
	flex: 1 1 auto;
	min-width: 0;
	border: 1px solid hsl(var(--ggq-ember) / .45);
	background: hsl(var(--ggq-ember) / .10);
	border-radius: 18px;
	padding: 1rem;
	animation: ggq-in .45s cubic-bezier(.22, 1, .36, 1) both;
}
.gg-skin .ggq-stop-h {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: .375rem;
	font-family: var(--ggq-display) !important;
	font-size: 1.0625rem !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	color: hsl(var(--ggq-porcelain)) !important;
}
.gg-skin .ggq-stop p {
	font-size: .8125rem !important;
	line-height: 1.7 !important;
	color: hsl(var(--ggq-porcelain) / .8) !important;
	margin: 0 0 .5rem;
}
.gg-skin .ggq-stop p:last-child { margin-bottom: 0; }
.gg-skin .ggq-stop .gg-stop-retry {
	margin-top: .375rem;
	display: inline-flex;
	align-items: center;
	gap: .375rem;
	border: 1px solid hsl(var(--ggq-porcelain) / .25) !important;
	border-radius: 9999px;
	padding: .625rem 1.125rem;
	background: none !important;
	color: hsl(var(--ggq-porcelain) / .8) !important;
	box-shadow: none !important;
	font-size: .6875rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .14em !important;
	transition: border-color .25s, color .25s, background-color .25s;
}
.gg-skin .ggq-stop .gg-stop-retry:hover {
	border-color: hsl(var(--ggq-porcelain) / .6);
	background: hsl(var(--ggq-porcelain) / .06);
	color: hsl(var(--ggq-porcelain)) !important;
}
/* the host's in-step stop card is replaced by the chat row */
.gg-skin .gg-stop-card { display: none !important; }

/* ---------- result ------------------------------------------------------ */
.gg-skin .ggq-row.ggq-final .wpcsq-results-container {
	flex: 1 1 auto;
	min-width: 0;
}
.gg-skin .wpcsq-results {
	margin-top: .25rem;
	border: 1px solid hsl(var(--ggq-emberglow) / .28);
	background: hsl(var(--ggq-porcelain) / .05);
	border-radius: 18px;
	padding: .875rem;
	animation: ggq-in .5s cubic-bezier(.22, 1, .36, 1) both;
}
@media (min-width: 640px) {
	.gg-skin .wpcsq-results { padding: 1.0625rem; }
}
.gg-skin .wpcsq-results-header { text-align: start; margin-bottom: .5rem; }
/* the source result screen carries no emoji header and no second
   headline — line 2 of the source copy is already the FINISH bubble. */
.gg-skin .wpcsq-results-icon,
.gg-skin .wpcsq-results-desc { display: none !important; }
.gg-skin .wpcsq-results-heading {
	font-size: 10px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: .18em !important;
	line-height: 1.6 !important;
	color: hsl(var(--ggq-emberglow)) !important;
	margin: 0 !important;
}
/* the source result screen has no retake / continue-shopping / coupon row.
   Delete the rule below to bring the host's action row back. */
.gg-skin .wpcsq-results-actions,
.gg-skin .wpcsq-coupon-reward,
.gg-skin .wpcsq-results-sort { display: none !important; }

/* the source product shelf */
.gg-skin .wpcsq-results-products {
	margin-top: .75rem;
	display: grid;
	gap: .625rem;
	align-items: stretch;
	grid-template-columns: 1fr;
}
@media (min-width: 700px) {
	/* two verified products (Smart + Basic) → bigger match first */
	.gg-skin .wpcsq-results-products.is-2 { grid-template-columns: 1.3fr 1fr; align-items: center; }
	.gg-skin .wpcsq-results-products.is-3 { grid-template-columns: 1fr 1.3fr 1fr; align-items: center; }
	.gg-skin .wpcsq-results-products.is-3 > :nth-child(1) { order: 2; }
	.gg-skin .wpcsq-results-products.is-3 > :nth-child(2) { order: 1; }
	.gg-skin .wpcsq-results-products.is-3 > :nth-child(3) { order: 3; }
}
.gg-skin .wpcsq-results-products.is-1 { max-width: 21rem; margin-inline: auto; }

.gg-skin .wpcsq-product-card {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	border: 1px solid hsl(var(--ggq-porcelain) / .13);
	border-radius: 16px;
	padding: .5625rem;
	background: linear-gradient(180deg,
		hsl(var(--ggq-porcelain) / .06), hsl(var(--ggq-porcelain) / .02));
	transition: border-color .3s, transform .3s, box-shadow .3s;
}
.gg-skin .wpcsq-product-card:hover {
	border-color: hsl(var(--ggq-emberglow) / .55);
	transform: translateY(-3px);
	box-shadow: 0 18px 34px -22px hsl(0 0% 0% / .9);
	background: linear-gradient(180deg,
		hsl(var(--ggq-porcelain) / .06), hsl(var(--ggq-porcelain) / .02));
}
.gg-skin .wpcsq-product-card:hover .wpcsq-product-image img { transform: none; }
/* the matched product — bigger, warmer, unmistakably the hero.
   In is-3 the Smart slot is the centred card (order:2); in is-2/is-1 it is
   the first one, exactly as the source's is-3 / is-2 rules reflow them. */
.gg-skin .wpcsq-results-products.is-2 > .wpcsq-product-card:first-child,
.gg-skin .wpcsq-results-products.is-3 > .wpcsq-product-card:nth-child(1),
.gg-skin .wpcsq-results-products.is-1 > .wpcsq-product-card:first-child {
	border-color: hsl(var(--ggq-emberglow) / .45);
	background: linear-gradient(180deg, hsl(var(--ggq-ember) / .20), hsl(var(--ggq-porcelain) / .04));
	padding: .75rem;
	box-shadow: 0 1px 0 0 hsl(var(--ggq-porcelain) / .10) inset,
		0 24px 46px -28px hsl(var(--ggq-ember));
}
.gg-skin .wpcsq-results-products.is-2 > .wpcsq-product-card:first-child::before,
.gg-skin .wpcsq-results-products.is-3 > .wpcsq-product-card:nth-child(1)::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 2;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(160deg, hsl(var(--ggq-emberglow) / .8), hsl(var(--ggq-ember) / .15) 60%, transparent);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}
.gg-skin .wpcsq-product-card > * { position: relative; z-index: 1; }
.gg-skin .wpcsq-product-image { position: relative; }
.gg-skin .wpcsq-product-image a { display: block; }
.gg-skin .wpcsq-product-image img {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	border-radius: 11px;
	object-fit: cover;
	background: hsl(var(--ggq-porcelain) / .07);
	border: 0 !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
}
/* the source result card never shows a sale flag — the price already does */
.gg-skin .wpcsq-badge { display: none !important; }
.gg-skin .wpcsq-product-info { display: flex; flex-direction: column; gap: .25rem; }
.gg-skin .gg-card-flag {
	align-self: flex-start;
	border-radius: 9999px;
	padding: .125rem .5rem;
	margin: 0;
	font-size: 9px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: .13em !important;
	line-height: 1.6 !important;
	background: hsl(var(--ggq-porcelain) / .10);
	color: hsl(var(--ggq-porcelain) / .6) !important;
	border: 1px solid transparent;
	white-space: nowrap;
}
.gg-skin .wpcsq-product-card:first-child .gg-card-flag {
	background: linear-gradient(145deg, hsl(var(--ggq-ember)), hsl(var(--ggq-emberglow)));
	color: hsl(var(--ggq-ink)) !important;
}
.gg-skin .wpcsq-product-title { margin: 0; }
.gg-skin .wpcsq-product-title a {
	font-size: .75rem !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	color: hsl(var(--ggq-porcelain) / .9) !important;
	text-decoration: none !important;
}
.gg-skin .wpcsq-results-products.is-2 > .wpcsq-product-card:first-child .wpcsq-product-title a,
.gg-skin .wpcsq-results-products.is-3 > .wpcsq-product-card:nth-child(1) .wpcsq-product-title a,
.gg-skin .wpcsq-results-products.is-1 > .wpcsq-product-card:first-child .wpcsq-product-title a {
	font-family: var(--ggq-display) !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	letter-spacing: -.01em !important;
	color: hsl(var(--ggq-porcelain)) !important;
}
.gg-skin .wpcsq-product-price {
	margin-top: auto;
	padding-top: .25rem;
	font-size: .8125rem !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
	color: hsl(var(--ggq-porcelain) / .72) !important;
}
.gg-skin .wpcsq-product-price .price { color: inherit !important; }
.gg-skin .wpcsq-results-products.is-2 > .wpcsq-product-card:first-child .wpcsq-product-price,
.gg-skin .wpcsq-results-products.is-3 > .wpcsq-product-card:nth-child(1) .wpcsq-product-price,
.gg-skin .wpcsq-results-products.is-1 > .wpcsq-product-card:first-child .wpcsq-product-price {
	font-size: 1.0625rem !important;
	color: hsl(var(--ggq-emberglow)) !important;
}
.gg-skin .wpcsq-product-price del { opacity: .5; text-decoration: line-through; }
/* the source result card has no star rating */
.gg-skin .wpcsq-product-rating { display: none !important; }
.gg-skin .wpcsq-product-actions { display: none !important; }
/* source "View product" pill — same href the card already carries */
.gg-skin .gg-pc-go {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .375rem;
	margin-top: .375rem;
	border-radius: 9999px;
	padding: .4375rem .75rem;
	border: 1px solid hsl(var(--ggq-porcelain) / .22);
	font-size: 10px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: .12em !important;
	line-height: 1.5 !important;
	color: hsl(var(--ggq-porcelain) / .8) !important;
	text-decoration: none !important;
	transition: border-color .25s, background-color .25s, color .25s;
}
.gg-skin .gg-pc-go svg { width: .8125rem; height: .8125rem; stroke-width: 2.6; flex: 0 0 auto; transform: scaleX(var(--ggq-x)); }
.gg-skin .wpcsq-product-card:hover .gg-pc-go {
	border-color: hsl(var(--ggq-emberglow) / .7);
	color: hsl(var(--ggq-porcelain)) !important;
}
.gg-skin .wpcsq-results-products.is-2 > .wpcsq-product-card:first-child .gg-pc-go,
.gg-skin .wpcsq-results-products.is-3 > .wpcsq-product-card:nth-child(1) .gg-pc-go,
.gg-skin .wpcsq-results-products.is-1 > .wpcsq-product-card:first-child .gg-pc-go {
	border-color: transparent;
	padding: .625rem .875rem;
	width: 100%;
	font-size: 11px !important;
	background: linear-gradient(145deg, hsl(var(--ggq-ember)), hsl(var(--ggq-emberglow)));
	color: hsl(var(--ggq-ink)) !important;
	box-shadow: 0 10px 24px -14px hsl(var(--ggq-ember));
}
/* no-results / unresolved note */
.gg-skin .ggq-note,
.gg-skin .wpcsq-no-results {
	margin-top: .75rem;
	border-radius: 12px;
	padding: .5rem .75rem;
	background: hsl(var(--ggq-sage) / .12);
	border: 1px solid hsl(var(--ggq-sage) / .3);
	font-size: .75rem !important;
	line-height: 1.6 !important;
	color: hsl(var(--ggq-porcelain) / .8) !important;
}
.gg-skin .wpcsq-no-results { text-align: center; }
.gg-skin .wpcsq-no-results h3,
.gg-skin .wpcsq-no-results p { margin: 0 0 .5rem; color: inherit !important; font-size: inherit !important; }
.gg-skin .wpcsq-btn-2,
.gg-skin .wpcsq-no-results .wpcsq-btn {
	display: inline-flex;
	align-items: center;
	gap: .375rem;
	border: 1px solid hsl(var(--ggq-porcelain) / .25);
	border-radius: 9999px;
	padding: .75rem 1.125rem;
	background: none !important;
	font-size: .6875rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .14em !important;
	line-height: 1.4 !important;
	color: hsl(var(--ggq-porcelain) / .8) !important;
	box-shadow: none !important;
	transition: border-color .25s, color .25s, background-color .25s;
}
.gg-skin .wpcsq-no-results .wpcsq-btn:hover {
	border-color: hsl(var(--ggq-porcelain) / .6);
	background: hsl(var(--ggq-porcelain) / .06);
	color: hsl(var(--ggq-porcelain)) !important;
}

/* ---------- animations --------------------------------------------------- */
@keyframes ggq-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes ggq-blink { 0%, 60%, 100% { opacity: .25; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-3px); } }
@keyframes ggq-halo { 0% { transform: scale(.85); opacity: .85; } 70%, 100% { transform: scale(1.5); opacity: 0; } }
@keyframes ggq-drift {
	0%, 100% { transform: translate(0, 0) rotate(0); }
	33% { transform: translate(18px, -22px) rotate(2deg); }
	66% { transform: translate(-14px, 12px) rotate(-2deg); }
}
@keyframes ggq-guide-in {
	0% { opacity: 0; transform: translateX(calc(var(--ggq-x) * 28px)) scale(.94); filter: blur(5px); }
	100% { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }
}
@keyframes ggq-guide-float {
	0%, 100% { transform: translateX(0) rotate(0deg); }
	50% { transform: translateX(calc(var(--ggq-x) * -7px)) rotate(.6deg); }
}
@keyframes ggq-guide-spark {
	0%, 100% { opacity: .35; transform: scale(.7); }
	50% { opacity: 1; transform: scale(1.2); }
}
@media (prefers-reduced-motion: reduce) {
	.gg-skin .ggq-dashed,
	.gg-skin .ggq-typing i,
	.gg-skin .ggq-stepdot.is-now::after { animation: none !important; }
	.gg-skin .ggq-row,
	.gg-skin .ggq-answers,
	.gg-skin .wpcsq-step .wpcsq-answers,
	.gg-skin .wpcsq-results,
	.gg-skin .ggq-stop { animation: none !important; }
	.gg-skin .ggq-stepdot,
	.gg-skin .ggq-stepline::after { transition: none !important; }
}

/* ---- Arabic-capable font stacks, swapped in by [lang] on the wrapper ---- */
.gg-skin[lang="ar"] {
	--ggq-font:    "Noto Sans Arabic", "Manrope", ui-sans-serif, system-ui, sans-serif;
	--ggq-display: "Noto Kufi Arabic", "Fraunces", ui-serif, Georgia, serif;
}

/* ---- ARABIC ------------------------------------------------------------- */
/* Arabic letters join: ANY letter-spacing breaks the words apart. */
.gg-skin[lang="ar"] * { letter-spacing: 0 !important; }
.gg-skin[lang="ar"] { font-size: 16px !important; line-height: 1.8 !important; }
.gg-skin[lang="ar"] .ggq-h2 {
	font-size: 1.65rem !important;
	line-height: 1.55 !important;
	font-weight: 500 !important;
}
@media (min-width: 640px) {
	.gg-skin[lang="ar"] .ggq-h2 { font-size: 2.15rem !important; }
}
.gg-skin[lang="ar"] .ggq-h2 b { font-style: normal; font-weight: 600 !important; }
.gg-skin[lang="ar"] .ggq-sub { font-size: .95rem !important; line-height: 1.95 !important; }
.gg-skin[lang="ar"] .ggq-bubble { font-size: .9rem !important; line-height: 1.9 !important; }
.gg-skin[lang="ar"] .ggq-opt,
.gg-skin[lang="ar"] .wpcsq-step[data-visible="true"] .wpcsq-answer { font-size: .85rem !important; line-height: 1.75 !important; }
.gg-skin[lang="ar"] .ggq-stop-h { line-height: 1.6 !important; font-weight: 500 !important; }
.gg-skin[lang="ar"] .ggq-stop p,
.gg-skin[lang="ar"] .ggq-note { line-height: 1.9 !important; }
.gg-skin[lang="ar"] .wpcsq-product-title a { font-size: .8125rem !important; line-height: 1.7 !important; }
.gg-skin[lang="ar"] .wpcsq-results-products.is-2 > .wpcsq-product-card:first-child .wpcsq-product-title a,
.gg-skin[lang="ar"] .wpcsq-results-products.is-3 > .wpcsq-product-card:nth-child(1) .wpcsq-product-title a,
.gg-skin[lang="ar"] .wpcsq-results-products.is-1 > .wpcsq-product-card:first-child .wpcsq-product-title a {
	font-size: 1rem !important;
	line-height: 1.6 !important;
	font-weight: 500 !important;
}
/* the 9-10px uppercase labels are unreadable in Arabic script */
.gg-skin[lang="ar"] .ggq-eyebrow span,
.gg-skin[lang="ar"] .ggq-steps-lbl,
.gg-skin[lang="ar"] .ggq-meta,
.gg-skin[lang="ar"] .ggq-wpcsq-results-heading,
.gg-skin[lang="ar"] .wpcsq-results-heading,
.gg-skin[lang="ar"] .gg-pc-go,
.gg-skin[lang="ar"] .gg-skin-hide-ar { font-size: 11.5px !important; font-weight: 700 !important; }
.gg-skin[lang="ar"] .ggq-av { font-size: 11px !important; }
.gg-skin[lang="ar"] .ggq-lang button { font-size: 11px !important; }
.gg-skin[lang="ar"] .ggq-stepdot { font-size: 11px !important; }
.gg-skin[lang="ar"] .ggq-stop .gg-stop-retry { font-size: .8125rem !important; }

/* ---- ENGLISH ----------------------------------------------------------- */
.gg-skin[lang="en"] .ggq-h2 { line-height: 1.1 !important; }
.gg-skin[lang="en"] .ggq-opt,
.gg-skin[lang="en"] .wpcsq-step[data-visible="true"] .wpcsq-answer { line-height: 1.45 !important; }
.gg-skin[lang="en"] .ggq-bubble { overflow-wrap: break-word; }

/* ---- SPACING ----------------------------------------------------------- */
.gg-skin .ggq-answers:empty { display: none; }
.gg-skin .ggq-steps-lbl { min-height: 1.1rem; }
.gg-skin .ggq-chat.is-done { min-height: 0; }
.gg-skin .wpcsq-step-question { display: none !important; }
.gg-skin .wpcsq-quiz-container { min-width: 0; }
.gg-skin .wpcsq-step { animation: none !important; will-change: auto; }