/* =========================================================
  🧩 WRAPPER
========================================================= */
.sec-faq { background:var(--section-bg); }

/* =========================================================
  🧩 LIST - answer + question
========================================================= */	
.expandable-list li .a { transition:max-height 0.4s ease; }
.expandable-list li article { background:var(--section-small-box-bg-light); border:1px solid var(--color-black-100); box-shadow:var(--shadow-box); transition:var(--trans-complete-effect); }
.expandable-list li article:hover { box-shadow:var(--shadow-box-hover); }
.expandable-list li .active { box-shadow:var(--shadow-box-hover); }

/* =========================================================
  🧩 LIST - answer + question - ikon
========================================================= */
.expandable-list li article button svg { transform 0.4s ease; transform-origin:center; }

@media (min-width: 1px) and (max-width: 640px) {
	/* question name */
	.expandable-list li article { background: var(--box-light-bg); color:var(--box-light-text-heading); }
/*	.expandable-list li .q h3 { font:var(--h7-font); letter-spacing:var(--h7-ls); } */
}

@media (min-width: 641px) and (max-width: 1023px) {
	/* question name */
	.expandable-list li article { background: var(--box-light-bg); color:var(--box-light-text-heading); }
/*	.expandable-list li .q h3 { font:var(--h7-font); letter-spacing:var(--h7-ls); } */
}

@media (min-width: 1024px) and (max-width: 1199px) {
	/* question name */
	.expandable-list li article { background: var(--box-light-bg); color:var(--box-light-text-heading); }
	.expandable-list li article:hover { transform: scale(var(--effects-hover-upscale-zoom-l)); }
/*	.expandable-list li .q h3 { font:var(--h7-font); letter-spacing:var(--h7-ls); } */
}

@media (min-width: 1200px) {
	/* question name */
	.expandable-list li article { background: var(--box-light-bg); color:var(--box-light-text-heading); }
	.expandable-list li article:hover { transform: scale(var(--effects-hover-upscale-zoom-l)); }
/*	.expandable-list li .q h3 { font:var(--h7-font); letter-spacing:var(--h7-ls); } */
}

.expandable-list { padding-bottom:50px !important; margin-bottom:-50px !important; }