/**
 * Arkanys FAQ — Stylesheet complet
 * Chemin : wp-content/themes/kadence-child/css/arkanys-faq-accordion.css
 * v1.3.0 — fixes : top-padding (header transparent), icônes catégories, accordéon
 */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=DM+Mono:wght@300;400;500&display=swap');

#ark-faq-root {
	--ark-bg:         #111010;
	--ark-bg-card:    #1a1917;
	--ark-bg-alt:     #151413;
	--ark-cream:      #f0ece4;
	--ark-muted:      #a09890;
	--ark-dim:        #6a6260;
	--ark-border:     #2c2b29;
	--ark-gold:       #C5A059;
	--ark-gold-dark:  #8a6e3a;
	--ark-gold-light: #d4b578;
	--ark-gold-glow:  rgba(197,160,89,0.12);
	--ark-font-title: 'Cinzel', serif;
	--ark-font-serif: 'Cormorant Garamond', serif;
	--ark-font-mono:  'DM Mono', monospace;
	--ark-radius:     10px;
	--ark-transition: 0.32s cubic-bezier(0.4,0,0.2,1);
	/* Hauteur estimée du header transparent (top + main) — overridable */
	--ark-header-offset: 160px;
}

/* ══ RESET LOCAL — neutralise Kadence ══════════════════════ */
#ark-faq-root, #ark-faq-root * { box-sizing: border-box; }
#ark-faq-root { margin:0; padding:0; background: var(--ark-bg); color: var(--ark-cream); font-family: var(--ark-font-serif); font-size:17px; line-height:1.72; -webkit-font-smoothing:antialiased; overflow:hidden; width:100%; }
#ark-faq-root p, #ark-faq-root h1, #ark-faq-root h2, #ark-faq-root h3, #ark-faq-root ul, #ark-faq-root ol, #ark-faq-root li, #ark-faq-root span, #ark-faq-root div { margin:0; padding:0; }
#ark-faq-root a { color: var(--ark-gold); text-decoration:none; transition: color var(--ark-transition); }
#ark-faq-root a:hover { color: var(--ark-gold-light); }
#ark-faq-root ul { list-style:none; }
#ark-faq-root img { max-width:100%; height:auto; }

/* ════ HERO ════ */
#ark-faq-root .ark-faq-hero {
	position:relative;
	text-align:center !important;
	/* ── FIX TOP-PADDING : compense le header transparent ── */
	padding: calc(var(--ark-header-offset) + 40px) 24px 64px;
	background: linear-gradient(180deg, #0c0b0a 0%, #111010 100%);
	overflow:hidden;
	width:100%;
}
#ark-faq-root .ark-faq-hero::before {
	content:''; position:absolute; inset:0;
	background:
		radial-gradient(ellipse 60% 45% at 50% 0%, rgba(197,160,89,0.13) 0%, transparent 70%),
		repeating-linear-gradient(90deg, rgba(197,160,89,0.025) 0px, rgba(197,160,89,0.025) 1px, transparent 1px, transparent 80px),
		repeating-linear-gradient(0deg,  rgba(197,160,89,0.025) 0px, rgba(197,160,89,0.025) 1px, transparent 1px, transparent 80px);
	pointer-events:none;
}
#ark-faq-root .ark-faq-hero-eyebrow {
	display:inline-block;
	font-family: var(--ark-font-mono);
	font-size:10px; letter-spacing:4px;
	text-transform:uppercase; color: var(--ark-gold);
	border:1px solid rgba(197,160,89,0.35);
	padding:5px 18px; border-radius:40px;
	margin:0 0 24px; position:relative; z-index:1;
}
#ark-faq-root .ark-faq-hero h1 {
	font-family: var(--ark-font-title) !important;
	font-size: clamp(32px, 5.5vw, 60px) !important;
	font-weight:600 !important;
	color: var(--ark-cream) !important;
	letter-spacing:0.04em !important;
	line-height:1.15 !important;
	margin:0 auto 16px !important;
	text-align:center !important;
	width:100% !important;
	position:relative; z-index:1;
}
#ark-faq-root .ark-faq-hero h1 span { color: var(--ark-gold) !important; }
#ark-faq-root .ark-faq-hero-sub {
	font-size: clamp(13px, 1.6vw, 17px); color: var(--ark-muted);
	font-weight:300; max-width:960px;
	margin:0 auto 40px; font-style:italic;
	position:relative; z-index:1; white-space:nowrap;
}
#ark-faq-root .ark-gold-line {
	width:60px; height:2px;
	background: linear-gradient(90deg, transparent, var(--ark-gold), transparent);
	margin:0 auto 20px; position:relative; z-index:1;
}

/* Search */
#ark-faq-root .ark-search-wrap {
	position:relative; max-width:580px; margin:0 auto; z-index:1;
}
#ark-faq-root .ark-search-ico-svg {
	position:absolute; left:20px; top:50%;
	transform:translateY(-50%);
	width:18px; height:18px; pointer-events:none;
	stroke: var(--ark-gold); fill:none; stroke-width:2;
}
#ark-faq-root #ark-search-input {
	width:100%;
	background: rgba(26,25,23,0.95) !important;
	border:1px solid rgba(197,160,89,0.4) !important;
	border-radius:50px !important;
	padding:16px 24px 16px 52px !important;
	font-family: var(--ark-font-serif) !important;
	font-size:16px !important;
	color: var(--ark-cream) !important;
	outline:none !important;
	box-shadow:none !important;
	margin:0 !important;
	transition: border-color var(--ark-transition), box-shadow var(--ark-transition);
}
#ark-faq-root #ark-search-input::placeholder { color: var(--ark-dim); }
#ark-faq-root #ark-search-input:focus {
	border-color: var(--ark-gold) !important;
	box-shadow: 0 0 0 3px rgba(197,160,89,0.12), 0 8px 32px rgba(0,0,0,0.4) !important;
}
#ark-faq-root #ark-search-count {
	font-family: var(--ark-font-mono); font-size:11px;
	color: var(--ark-dim); letter-spacing:2px;
	text-align:center; margin-top:12px; min-height:18px;
}
#ark-faq-root #ark-no-results { display:none; text-align:center; padding:48px 24px; color: var(--ark-muted); font-style:italic; }
#ark-faq-root #ark-no-results .ark-nores-title { font-family: var(--ark-font-title); font-size:18px; color: var(--ark-muted); margin-bottom:8px; }
#ark-faq-root #ark-no-results .ark-nores-sub { font-size:14px; color: var(--ark-dim); }

/* ════ CATEGORY PILLS ════ */
#ark-faq-root .ark-cat-nav { padding:28px 20px 0; max-width:1100px; margin:0 auto; }
#ark-faq-root .ark-cat-nav-inner { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
#ark-faq-root .ark-cat-pill {
	display:inline-flex; align-items:center; gap:6px;
	padding:9px 18px; border-radius:40px;
	border:1px solid var(--ark-border);
	background:transparent; color: var(--ark-muted);
	font-family: var(--ark-font-mono);
	font-size:12px; letter-spacing:1.5px;
	text-transform:uppercase; cursor:pointer;
	transition: all var(--ark-transition); text-decoration:none;
}
#ark-faq-root .ark-cat-pill:hover, #ark-faq-root .ark-cat-pill.active {
	background: var(--ark-gold-glow);
	border-color: rgba(197,160,89,0.5);
	color: var(--ark-gold-light);
}

/* ════ FAQ MAIN ════ */
#ark-faq-root .ark-faq-main { max-width:1100px; margin:0 auto; padding:0 24px 80px; }
#ark-faq-root .ark-faq-section { margin-top:60px; scroll-margin-top: calc(var(--ark-header-offset) + 20px); }
#ark-faq-root .ark-section-header {
	display:flex; align-items:center; gap:14px;
	margin-bottom:24px; padding-bottom:16px;
	border-bottom:1px solid var(--ark-border);
	flex-wrap:wrap;
}

/* ── ICÔNES SECTION ─────────────────────────────────────── */
#ark-faq-root .ark-section-ico {
	width:40px; height:40px; flex-shrink:0;
	background: var(--ark-gold-glow);
	border:1px solid rgba(197,160,89,0.3);
	border-radius:8px;
	display:flex; align-items:center; justify-content:center;
	color: var(--ark-gold);
}
#ark-faq-root .ark-section-ico svg {
	width:20px; height:20px;
	stroke: currentColor; fill:none;
	stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;
	display:block;
}

#ark-faq-root .ark-section-title {
	font-family: var(--ark-font-title) !important;
	font-size: clamp(15px, 2.5vw, 20px) !important;
	font-weight:500 !important;
	color: var(--ark-cream) !important;
	letter-spacing:0.05em !important;
	margin:0 !important;
}
#ark-faq-root .ark-section-count {
	font-family: var(--ark-font-mono); font-size:10px;
	letter-spacing:2px; color: var(--ark-gold);
	background: var(--ark-gold-glow);
	border:1px solid rgba(197,160,89,0.2);
	padding:3px 10px; border-radius:40px;
	margin-left:auto; flex-shrink:0; white-space:nowrap;
}

/* ════ ACCORDION ════ */
#ark-faq-root .ark-accordion { display:flex; flex-direction:column; gap:4px; }

#ark-faq-root .ark-item {
	background: var(--ark-bg-card);
	border:1px solid var(--ark-border);
	border-radius: var(--ark-radius);
	overflow:hidden;
	transition: border-color var(--ark-transition);
}
#ark-faq-root .ark-item:hover { border-color: rgba(197,160,89,0.3); }
#ark-faq-root .ark-item.open {
	border-color: rgba(197,160,89,0.45);
	box-shadow: 0 4px 24px rgba(0,0,0,0.25);
}
#ark-faq-root .ark-item.hidden { display:none !important; }

/* Bouton question */
#ark-faq-root .ark-item-q {
	display:flex !important;
	align-items:center !important;
	gap:16px !important;
	width:100% !important;
	padding:20px 20px 20px 24px !important;
	background:none !important;
	border:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
	cursor:pointer !important;
	text-align:left !important;
	color: var(--ark-cream) !important;
	font-family: var(--ark-font-title) !important;
	font-size: clamp(13px, 1.8vw, 15px) !important;
	font-weight:400 !important;
	letter-spacing:0.04em !important;
	line-height:1.4 !important;
	transition: color var(--ark-transition) !important;
	outline:none !important;
	transform:none !important;
	margin:0 !important;
	user-select:none;
	-webkit-tap-highlight-color: transparent;
	/* Garantit que le clic atteint bien le div, même au-dessus d'éléments enfants */
	position: relative;
	z-index: 1;
}
#ark-faq-root .ark-item-q:hover { color: var(--ark-gold-light) !important; }
#ark-faq-root .ark-item.open .ark-item-q { color: var(--ark-gold-light) !important; }
#ark-faq-root .ark-item-q:focus-visible {
	outline:2px solid rgba(197,160,89,0.5) !important;
	outline-offset:-2px !important;
}

/* Tout enfant direct du clickable est en pointer-events:none pour que le clic
   remonte toujours à .ark-item-q (résout les bugs de clic sur le toggle/texte) */
#ark-faq-root .ark-item-q > * { pointer-events: none; }

#ark-faq-root .ark-q-text { flex:1; }

/* Toggle +/- */
#ark-faq-root .ark-item-toggle {
	width:32px !important; height:32px !important;
	flex-shrink:0 !important; margin-left:auto !important;
	background: rgba(197,160,89,0.08) !important;
	border:1px solid rgba(197,160,89,0.35) !important;
	border-radius:6px !important;
	display:flex !important; align-items:center !important; justify-content:center !important;
	transition: all var(--ark-transition) !important;
	box-shadow:none !important; padding:0 !important;
	color: var(--ark-gold) !important;
	font-family:'DM Mono', monospace !important;
	font-size:20px !important; font-weight:300 !important;
	line-height:1 !important;
}
#ark-faq-root .ark-item.open .ark-item-toggle {
	background: rgba(197,160,89,0.2) !important;
	border-color: var(--ark-gold) !important;
}
#ark-faq-root .ark-item-toggle::after {
	content:'+'; display:block; line-height:1;
}
#ark-faq-root .ark-item.open .ark-item-toggle::after { content:'\2212'; }

/* Corps de réponse — FERMÉ par défaut */
#ark-faq-root .ark-item-body {
	max-height:0 !important;
	overflow:hidden !important;
	transition: max-height 0.45s cubic-bezier(0.4,0,0.2,1);
}
/* Le JS pose un max-height inline quand on ouvre — pas de !important sur .open ici */

#ark-faq-root .ark-item-body-inner {
	padding:4px 24px 24px 24px;
	color: var(--ark-muted);
	font-family: var(--ark-font-serif);
	font-size: clamp(14px, 1.8vw, 16px);
	line-height:1.8; font-weight:300;
	border-top:1px solid rgba(197,160,89,0.12);
}
#ark-faq-root .ark-item-body-inner p { margin:0 0 10px; }
#ark-faq-root .ark-item-body-inner p:last-child { margin-bottom:0; }
#ark-faq-root .ark-item-body-inner strong { color: var(--ark-cream); font-weight:500; }
#ark-faq-root .ark-item-body-inner em { color: var(--ark-gold); font-style:normal; }
#ark-faq-root .ark-item-body-inner ul { list-style:none; margin:10px 0; padding:0; }
#ark-faq-root .ark-item-body-inner ul li {
	padding:3px 0 3px 18px; position:relative;
}
#ark-faq-root .ark-item-body-inner ul li::before {
	content:'\203A'; position:absolute; left:0;
	color: var(--ark-gold); font-size:14px; top:3px;
}
#ark-faq-root .ark-item-body-inner .ark-tag {
	display:inline-block;
	background: var(--ark-gold-glow);
	border:1px solid rgba(197,160,89,0.25);
	color: var(--ark-gold-light);
	font-family: var(--ark-font-mono); font-size:10px;
	letter-spacing:2px; text-transform:uppercase;
	padding:3px 10px; border-radius:40px; margin:2px 3px 2px 0;
}
#ark-faq-root .ark-item-body-inner .ark-tip {
	margin-top:12px; padding:12px 16px;
	background: rgba(197,160,89,0.05);
	border-left:2px solid var(--ark-gold);
	border-radius:0 6px 6px 0;
	font-style:italic; color: var(--ark-muted); font-size:14px;
}
#ark-faq-root .ark-item-body-inner a.ark-btn-inline {
	display:inline-flex; align-items:center; gap:7px;
	margin-top:14px; padding:9px 20px;
	background: var(--ark-gold-glow);
	border:1px solid rgba(197,160,89,0.4); border-radius:40px;
	color: var(--ark-gold-light); font-family: var(--ark-font-mono);
	font-size:10px; letter-spacing:2.5px; text-transform:uppercase;
	transition: all var(--ark-transition);
}
#ark-faq-root .ark-item-body-inner a.ark-btn-inline:hover {
	background: rgba(197,160,89,0.2); border-color: var(--ark-gold); color: var(--ark-gold);
}

/* ════ PROVENANCE GRID ════ */
#ark-faq-root .ark-provenance-grid {
	display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap:10px; margin:24px 0;
}
#ark-faq-root .ark-prov-card {
	background: var(--ark-bg-card); border:1px solid var(--ark-border);
	border-radius: var(--ark-radius); padding:18px 20px;
	display:flex; gap:14px; align-items:flex-start;
	transition: border-color var(--ark-transition), transform var(--ark-transition);
}
#ark-faq-root .ark-prov-card:hover { border-color: rgba(197,160,89,0.35); transform: translateY(-2px); }
#ark-faq-root .ark-prov-flag { font-size:26px; line-height:1; flex-shrink:0; margin-top:2px; }
#ark-faq-root .ark-prov-product {
	font-family: var(--ark-font-title); font-size:12px;
	letter-spacing:0.05em; color: var(--ark-gold-light); margin-bottom:4px;
}
#ark-faq-root .ark-prov-detail { font-size:13px; color: var(--ark-muted); font-weight:300; line-height:1.55; }
#ark-faq-root .ark-prov-detail strong { color: var(--ark-cream); font-weight:500; display:block; margin-bottom:2px; }

/* ════ CONTACT FORM ════ */
#ark-faq-root .ark-contact-section {
	background: var(--ark-bg-alt);
	border-top:1px solid var(--ark-border);
	padding:72px 24px;
}
#ark-faq-root .ark-contact-inner {
	max-width:1100px; margin:0 auto;
	display:grid; grid-template-columns: 1fr 1.2fr;
	gap:60px; align-items:start;
}
#ark-faq-root .ark-contact-eyebrow {
	font-family: var(--ark-font-mono); font-size:10px;
	letter-spacing:4px; text-transform:uppercase;
	color: var(--ark-gold); margin-bottom:14px;
}
#ark-faq-root .ark-contact-left h2 {
	font-family: var(--ark-font-title) !important;
	font-size: clamp(20px, 3vw, 34px) !important; font-weight:500 !important;
	color: var(--ark-cream) !important; letter-spacing:0.05em !important;
	line-height:1.25 !important; margin:0 0 18px !important;
}
#ark-faq-root .ark-contact-desc { color: var(--ark-muted); font-size:15px; font-weight:300; line-height:1.75; margin-bottom:32px; }
#ark-faq-root .ark-contact-infos { display:flex; flex-direction:column; gap:12px; }
#ark-faq-root .ark-contact-info-item { display:flex; align-items:flex-start; gap:12px; color: var(--ark-muted); font-size:14px; }
#ark-faq-root .ark-contact-info-item .ico2 {
	width:32px; height:32px; background: var(--ark-gold-glow);
	border:1px solid rgba(197,160,89,0.25); border-radius:7px;
	display:flex; align-items:center; justify-content:center; flex-shrink:0;
	color: var(--ark-gold);
}
#ark-faq-root .ark-contact-info-item .ico2 svg {
	width:16px; height:16px; stroke: currentColor; fill:none;
	stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;
}
#ark-faq-root .ark-contact-info-item div strong {
	display:block; color: var(--ark-cream); font-weight:500;
	margin-bottom:1px; font-family: var(--ark-font-title); font-size:11px; letter-spacing:0.05em;
}

#ark-faq-root .ark-form { display:flex; flex-direction:column; gap:13px; }
#ark-faq-root .ark-form-row { display:grid; grid-template-columns: 1fr 1fr; gap:13px; }
#ark-faq-root .ark-field { display:flex; flex-direction:column; gap:4px; }
#ark-faq-root .ark-field label {
	font-family: var(--ark-font-mono) !important; font-size:10px !important;
	letter-spacing:3px !important; text-transform:uppercase !important; color: var(--ark-dim) !important;
	margin:0 !important; padding:0 !important;
}
#ark-faq-root .ark-field label span.ark-opt { color: var(--ark-dim); }
#ark-faq-root .ark-field label .ark-req { color: var(--ark-gold); }
#ark-faq-root .ark-field input,
#ark-faq-root .ark-field textarea,
#ark-faq-root .ark-field select {
	background: rgba(26,25,23,0.8) !important;
	border:1px solid var(--ark-border) !important;
	border-radius:8px !important; padding:13px 16px !important;
	font-family: var(--ark-font-serif) !important; font-size:15px !important;
	color: var(--ark-cream) !important; outline:none !important;
	box-shadow:none !important; width:100% !important;
	transition: border-color var(--ark-transition), box-shadow var(--ark-transition);
	margin:0 !important;
}
#ark-faq-root .ark-field textarea { resize:vertical; min-height:120px; }
#ark-faq-root .ark-field select { cursor:pointer; appearance:none; }
#ark-faq-root .ark-field input::placeholder,
#ark-faq-root .ark-field textarea::placeholder { color: var(--ark-dim); }
#ark-faq-root .ark-field input:focus,
#ark-faq-root .ark-field textarea:focus,
#ark-faq-root .ark-field select:focus {
	border-color: rgba(197,160,89,0.5) !important;
	box-shadow: 0 0 0 3px rgba(197,160,89,0.08) !important;
}
#ark-faq-root .ark-field-select-wrap { position:relative; }
#ark-faq-root .ark-field-select-wrap::after {
	content:'\25BE'; position:absolute;
	right:14px; top:50%; transform:translateY(-50%);
	color: var(--ark-gold); font-size:14px; pointer-events:none;
}
#ark-faq-root .ark-form-rgpd {
	display:flex; align-items:flex-start; gap:10px;
	font-size:12px; color: var(--ark-dim); line-height:1.5;
}
#ark-faq-root .ark-form-rgpd input[type="checkbox"] {
	width:16px; height:16px; min-width:16px;
	margin-top:2px; accent-color: var(--ark-gold); cursor:pointer;
}
#ark-faq-root .ark-form-rgpd label { cursor:pointer; }
#ark-faq-root .ark-form-submit {
	display:inline-flex !important; align-items:center !important;
	justify-content:center !important; gap:10px !important;
	padding:16px 36px !important;
	background: linear-gradient(135deg, var(--ark-gold-light), var(--ark-gold) 55%, var(--ark-gold-dark)) !important;
	color:#111010 !important; font-family: var(--ark-font-mono) !important;
	font-size:13px !important; font-weight:700 !important; letter-spacing:2.5px !important;
	text-transform:uppercase !important; border:none !important;
	border-radius:8px !important;
	cursor:pointer !important; width:100% !important; box-shadow:none !important;
	transition: opacity var(--ark-transition), transform var(--ark-transition), box-shadow var(--ark-transition) !important;
	user-select:none;
}
#ark-faq-root .ark-form-submit:hover {
	opacity:0.9 !important; transform:translateY(-1px) !important;
	box-shadow: 0 8px 28px rgba(197,160,89,0.25) !important;
}
#ark-faq-root .ark-form-msg {
	display:none; text-align:center; padding:12px 18px; border-radius:8px;
	font-size:13px; font-family: var(--ark-font-mono); letter-spacing:1px;
}
#ark-faq-root .ark-form-msg.success { background: rgba(76,175,80,0.1); border:1px solid rgba(76,175,80,0.3); color:#81c784; }
#ark-faq-root .ark-form-msg.error   { background: rgba(244,67,54,0.1);  border:1px solid rgba(244,67,54,0.3);  color:#ef9a9a; }

/* ════ FOOTER STRIP ════ */
#ark-faq-root .ark-faq-footer-strip {
	background: var(--ark-bg-card); border-top:1px solid var(--ark-border);
	padding:22px; text-align:center;
	font-family: var(--ark-font-mono); font-size:10px;
	letter-spacing:2px; color: var(--ark-dim); text-transform:uppercase;
}
#ark-faq-root .ark-faq-footer-strip a { color: var(--ark-gold); }

/* ════ NEUTRALISATION KADENCE/THEME — ne touche que la zone FAQ ═══ */
.page-template-page-faq-arkanys .entry-content,
.page-template-page-faq-arkanys .content-container,
.page-template-page-faq-arkanys .entry-content-wrap {
	max-width:none !important;
	padding:0 !important;
	margin:0 !important;
}
.page-template-page-faq-arkanys .entry-header,
.page-template-page-faq-arkanys .page-title,
.page-template-page-faq-arkanys .entry-hero { display:none !important; }
.page-template-page-faq-arkanys #primary,
.page-template-page-faq-arkanys .site-main,
.page-template-page-faq-arkanys article.page { padding:0 !important; margin:0 !important; }
.page-template-page-faq-arkanys .content-area { padding:0 !important; margin:0 !important; }

/* ── FIX HEADER TRANSPARENT : ajout d'un padding-top sur le wrapper FAQ ──
   En complément du padding hero, on s'assure qu'aucun élément du
   header transparent ne masque le contenu de la page. */
.page-template-page-faq-arkanys #inner-wrap,
.page-template-page-faq-arkanys main#inner-wrap { margin-top: 0 !important; padding-top: 0 !important; }

/* ════ RESPONSIVE ════ */
@media (max-width: 1024px) {
	#ark-faq-root { --ark-header-offset: 110px; }
}
@media (max-width: 900px) {
	#ark-faq-root .ark-contact-inner { grid-template-columns:1fr; gap:40px; }
}
@media (max-width: 768px) {
	#ark-faq-root { --ark-header-offset: 80px; }
	#ark-faq-root .ark-faq-hero-sub { white-space:normal !important; font-size:14px !important; }
	#ark-faq-root .ark-faq-hero { padding: calc(var(--ark-header-offset) + 24px) 18px 48px; }
	#ark-faq-root .ark-faq-main { padding:0 14px 60px; }
	#ark-faq-root .ark-form-row { grid-template-columns:1fr; }
	#ark-faq-root .ark-section-header { gap:10px; }
	#ark-faq-root .ark-section-count { font-size:9px; }
	#ark-faq-root .ark-item-q { padding:16px 14px 16px 18px !important; }
	#ark-faq-root .ark-item-body-inner { padding:4px 16px 20px; }
	#ark-faq-root .ark-contact-section { padding:52px 16px; }
}
@media (max-width: 480px) {
	#ark-faq-root .ark-cat-pill { font-size:10px !important; padding:7px 12px !important; letter-spacing:1px !important; }
	#ark-faq-root .ark-faq-hero h1 { font-size: clamp(28px, 8vw, 38px) !important; }
	#ark-faq-root .ark-section-title { font-size:14px !important; }
	#ark-faq-root .ark-item-q { font-size:13px !important; }
}