/* =================================================================
   OMEGA INTERIO — FAQ PAGE
   ================================================================= */
.faq__grid { display: grid; grid-template-columns: .8fr 1.6fr; gap: clamp(30px, 5vw, 80px); align-items: start; }
.faq__side { position: sticky; top: 110px; display: grid; gap: 20px; }
.faq__search { display: flex; align-items: center; gap: 12px; border: 1px solid var(--brown-40); border-radius: 60px; padding: 0 20px; transition: border-color .3s, box-shadow .3s; background: var(--bg); }
.faq__search:focus-within { border-color: var(--caramel); box-shadow: 0 0 0 4px var(--caramel-10); }
.faq__search svg { width: 20px; height: 20px; color: var(--brown); flex: 0 0 20px; }
.faq__search input { border: 0; outline: none; background: transparent; padding: 16px 0; width: 100%; color: var(--text); font-size: 1rem; }
.faq__card { background: var(--bg-alt); border: 1px solid var(--line); color: var(--text); border-radius: var(--radius); padding: 32px; display: grid; gap: 12px; }
.faq__card .subtitle { margin: 0; }

.faq__card .muted { margin: 0 0 8px; }
.faq__card .side-value { text-align: center; }
.faq__links { font-size: .9rem; color: var(--text-70); }
.faq__links a { color: var(--brown); border-bottom: 1px solid var(--line); }
.faq__links a:hover { color: var(--caramel); }
.qa { border-bottom: 1px solid var(--line); }
.qa:first-child { border-top: 1px solid var(--line); }
.qa__q { margin: 0; }
.qa__q button { display: grid; grid-template-columns: 1fr 34px; gap: 10px; align-items: center; width: 100%; text-align: left; padding: 24px 0; color: var(--brown); transition: color .3s; }
.qa__n { font-family: var(--font-display); color: var(--brown); font-size: .95rem; }
.qa__t { font-weight: 600; font-size: clamp(1rem, 1.3vw, 1.12rem); line-height: 1.45; }
.qa__icon { position: relative; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--brown-40); transition: background .4s, border-color .4s, transform .5s var(--ease); }
.qa__icon::before, .qa__icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.6px; background: currentColor; transform: translate(-50%, -50%); transition: transform .4s var(--ease); }
.qa__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.qa__q button:hover { color: var(--caramel); }
.qa__q button[aria-expanded="true"] .qa__icon { background: var(--brown); border-color: var(--brown); color: var(--bg); transform: rotate(180deg); }
.qa__q button[aria-expanded="true"] .qa__icon::after { transform: translate(-50%, -50%) rotate(0); }
.qa__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s var(--ease); }
.qa__a > div { overflow: hidden; }
.qa__a p { padding: 0 44px 26px 0; margin: 0; color: var(--text-70); }
.qa.is-open .qa__a { grid-template-rows: 1fr; }
.qa mark { background: var(--caramel-20); color: inherit; padding: 0 2px; border-radius: 2px; }
.faq__empty { padding: 30px 0; color: var(--text-70); }
.linkish { color: var(--brown); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1023px) { .faq__grid { grid-template-columns: 1fr; } .faq__side { position: static; } }
@media (max-width: 767px) { .qa__q button { grid-template-columns: 1fr 30px; } .qa__a p { padding: 0 6px 22px 0; } }