/*
 * Premium FAQ v4.0 — source-of-truth content: app/faq.php
 * Fully isolated styles. No external fonts, icons, javascript or dependencies.
 */
.premium-faq {
  --pq-ink: #2c1e16;
  --pq-muted: #736456;
  --pq-espresso: #261912;
  --pq-gold: #d4a362;
  --pq-border: rgba(118,79,48,.16);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(56px, 6.5vw, 100px) 0 clamp(56px, 6.2vw, 94px);
  color: var(--pq-ink);
  background:
    radial-gradient(ellipse 44% 40% at -7% 8%, rgba(220,174,103,.15), transparent 78%),
    radial-gradient(ellipse 45% 43% at 104% 73%, rgba(188,127,74,.12), transparent 76%),
    linear-gradient(180deg, #f7f0e7 0%, #fffaf4 56%, #f9f2e9 100%);
  border-block: 1px solid rgba(127,82,44,.11);
  font-family: "Noto Sans Thai", Tahoma, system-ui, sans-serif;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
.premium-faq *, .premium-faq *::before, .premium-faq *::after {box-sizing:border-box;}
.premium-faq::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.42;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(90deg,rgba(119,80,46,.035) 1px,transparent 1px),linear-gradient(rgba(119,80,46,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg,#000,transparent 80%);
}
.premium-faq :is(h2,h3,p) {margin:0;}
.premium-faq :is(a,a:visited) {color:inherit; text-decoration:none;}
.premium-faq a:focus-visible,.premium-faq summary:focus-visible {outline:3px solid #b88a50;outline-offset:4px;}
.premium-faq svg {width:20px;height:20px;flex:0 0 auto;display:block;}
.premium-faq .pq-container {width:min(1250px,calc(100% - 64px));margin:0 auto;position:relative;}

/* Editorial hero: restrained espresso color and gold linework. */
.premium-faq .pq-heading {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);align-items:stretch;gap:26px;margin-bottom:24px;}
.premium-faq .pq-heading-main {padding:16px 0 18px;min-width:0;}
.premium-faq .pq-kicker {display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#916d43;font-size:11px;font-weight:900;letter-spacing:.17em;line-height:1.5;}
.premium-faq .pq-kicker-dash {height:2px;width:30px;display:block;background:linear-gradient(90deg,#ad7535,#e8bd7d);border-radius:2px;}
.premium-faq .pq-kicker-dot {width:4px;height:4px;border-radius:50%;background:#c39a62;display:block;}
.premium-faq .pq-heading h2 {font-size:clamp(33px,4.1vw,56px);line-height:1.24;letter-spacing:-.055em;font-weight:900;color:#302117;margin:18px 0 16px;max-width:760px;text-wrap:balance;}
.premium-faq .pq-heading h2 span {display:block;color:#9b6735;}
.premium-faq .pq-heading-desc {max-width:735px;font-size:15.5px;font-weight:500;line-height:1.95;color:#6d5949;}
.premium-faq .pq-benefits {display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;}
.premium-faq .pq-benefits span {display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(144,95,53,.19);background:rgba(255,255,255,.7);padding:7px 12px;border-radius:8px;color:#6c4d35;font-size:12px;font-weight:780;box-shadow:0 6px 15px rgba(73,44,26,.035);}
.premium-faq .pq-benefits svg {width:14px;height:14px;color:#aa7b46;stroke-width:2.4;}
.premium-faq .pq-highlight {position:relative;overflow:hidden;border:1px solid rgba(233,187,125,.28);border-radius:20px;padding:24px 26px;display:flex;flex-direction:column;justify-content:space-between;min-height:257px;box-shadow:0 18px 46px rgba(44,29,18,.16);background:radial-gradient(circle at 110% -25%,rgba(202,147,79,.24),transparent 65%),linear-gradient(132deg,#4a2f21,#2b1d17 73%);color:#f5e4ce;}
.premium-faq .pq-highlight::after {content:"";position:absolute;right:-61px;top:52px;width:220px;height:220px;border:1px solid rgba(225,179,116,.15);border-radius:50%;box-shadow:0 0 0 35px rgba(225,179,116,.035),0 0 0 72px rgba(225,179,116,.035);pointer-events:none;}
.premium-faq .pq-highlight-top,.premium-faq .pq-highlight-bottom {position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.premium-faq .pq-highlight-top span {font-size:10px;letter-spacing:.19em;font-weight:850;color:#dfb57c;}
.premium-faq .pq-highlight-top svg {width:19px;height:19px;color:#d6a462;}
.premium-faq .pq-highlight-count {display:flex;align-items:center;gap:15px;position:relative;z-index:1;font-family:inherit;font-size:clamp(72px,6.6vw,104px);font-weight:850;letter-spacing:-.09em;line-height:1.1;color:#f5d7a2;}
.premium-faq .pq-highlight-count span {font-size:17px;letter-spacing:0;font-weight:800;line-height:1.6;color:#fff5e6;}
.premium-faq .pq-highlight-bottom {justify-content:flex-start;color:#d8c2aa;font-size:11.5px;font-weight:550;line-height:1.7;}
.premium-faq .pq-highlight-rule {width:2px;align-self:stretch;min-height:33px;background:#d0a36e;flex:0 0 2px;}

/* Eight structured accordion cards. First answer visible without any JS. */
.premium-faq .pq-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
.premium-faq .pq-card {position:relative;min-width:0;overflow:hidden;margin:0;padding:0;border:1px solid rgba(110,76,50,.15);border-radius:17px;background:#fffefb;box-shadow:0 9px 26px rgba(48,29,15,.055);transition:box-shadow .23s ease,border-color .23s ease,transform .23s ease;}
.premium-faq .pq-card:hover {box-shadow:0 15px 36px rgba(52,31,18,.105);border-color:rgba(171,120,67,.4);transform:translateY(-1px);}
.premium-faq .pq-card[open] {border-color:rgba(178,123,62,.5);box-shadow:0 17px 42px rgba(58,34,17,.12);background:#fffdf8;}
.premium-faq .pq-card[open]::before {content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#956232,#e0b67d,#956232);}
.premium-faq .pq-card > summary {display:grid;grid-template-columns:41px minmax(0,1fr) 29px;align-items:center;gap:14px;min-height:105px;padding:20px 23px;list-style:none;cursor:pointer;font-size:16.5px;font-weight:850;line-height:1.65;letter-spacing:-.012em;color:#35241a;user-select:none;}
.premium-faq .pq-card > summary::-webkit-details-marker {display:none;}
.premium-faq .pq-card > summary::marker {content:"";}
.premium-faq .pq-index {align-self:start;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f5ece0;color:#977147;border:1px solid #ead8bd;border-radius:11px;font-size:12px;line-height:1;font-weight:900;letter-spacing:.02em;}
.premium-faq .pq-card[open] .pq-index {background:#443024;border-color:#443024;color:#f6d6a2;}
.premium-faq .pq-question {align-self:center;overflow-wrap:anywhere;}
.premium-faq .pq-toggle {display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f6f0e7;border:1px solid rgba(146,105,67,.2);color:#765134;position:relative;}
.premium-faq .pq-toggle i {position:absolute;display:block;width:10px;height:1.7px;border-radius:3px;background:currentColor;transition:transform .23s ease;}
.premium-faq .pq-toggle i+ i {transform:rotate(90deg);}
.premium-faq .pq-card[open] .pq-toggle {background:#463124;color:#f1d5ac;border-color:#463124;}
.premium-faq .pq-card[open] .pq-toggle i + i {transform:rotate(0deg);}
.premium-faq .pq-answer {padding:0 25px 23px 78px;animation:pq-enter .2s ease-out;}
.premium-faq .pq-answer p {padding:16px 0 0;border-top:1px solid rgba(127,92,59,.13);font-size:14.5px;line-height:1.95;letter-spacing:0;color:#665546;font-weight:480;}
@keyframes pq-enter {from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}

/* Bottom conversion strip, separate from the footer conversion CTA. */
.premium-faq .pq-support {position:relative;overflow:hidden;display:grid;grid-template-columns:51px minmax(0,1fr) auto;gap:20px;align-items:center;min-height:146px;margin-top:20px;padding:25px 30px;border:1px solid rgba(236,197,141,.21);border-radius:18px;background:radial-gradient(circle at 4% 130%,rgba(207,155,86,.20),transparent 30%),linear-gradient(115deg,#3a261b,#2a1c16 74%);box-shadow:0 20px 42px rgba(51,30,16,.15);color:#f7e8d0;}
.premium-faq .pq-support::after {content:"";position:absolute;right:-45px;bottom:-160px;width:340px;height:340px;border:1px solid rgba(215,166,93,.12);border-radius:50%;box-shadow:0 0 0 40px rgba(215,166,93,.035);pointer-events:none;}
.premium-faq .pq-support-icon {position:relative;z-index:1;display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(231,190,125,.27);border-radius:14px;background:rgba(224,173,103,.12);color:#ebbd7d;}
.premium-faq .pq-support-icon svg {width:25px;height:25px;}
.premium-faq .pq-support-copy {position:relative;z-index:1;min-width:0;}
.premium-faq .pq-support-copy > span {display:block;margin-bottom:3px;font-size:9.5px;letter-spacing:.17em;font-weight:850;color:#e3b982;}
.premium-faq .pq-support-copy strong {display:block;font-size:20px;font-weight:850;line-height:1.45;color:#fff6e8;}
.premium-faq .pq-support-copy p {max-width:570px;font-size:13px;font-weight:550;line-height:1.85;color:#d2bda5;margin-top:4px;}
.premium-faq .pq-support-actions {position:relative;z-index:1;display:flex;gap:9px;align-items:center;}
.premium-faq .pq-action {display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:47px;padding:10px 15px;border-radius:9px;font-weight:850;font-size:13px;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease;}
.premium-faq .pq-action svg {width:17px;height:17px;}
.premium-faq .pq-action:hover {transform:translateY(-2px);}
.premium-faq .pq-action-line,.premium-faq .pq-action-line:visited {background:#06a53f;color:#fff!important;box-shadow:0 8px 21px rgba(0,98,45,.20);}
.premium-faq .pq-action-call,.premium-faq .pq-action-call:visited {background:#f1d7aa;color:#342219!important;box-shadow:0 8px 21px rgba(0,0,0,.11);}
.premium-faq .pq-note {display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;margin-top:18px;font-size:12px;font-weight:650;color:#89735c;}
.premium-faq .pq-note svg {width:16px;height:16px;color:#a98150;}
@media (max-width:1080px) {
  .premium-faq .pq-container {width:min(100% - 42px,1250px);}
  .premium-faq .pq-support {grid-template-columns:48px 1fr;}
  .premium-faq .pq-support-actions {grid-column:2;flex-wrap:wrap;}
  .premium-faq .pq-card > summary {padding:18px;gap:11px;}
  .premium-faq .pq-answer {padding:0 19px 20px 69px;}
}
@media (max-width:780px) {
  .premium-faq {padding:54px 0 64px;}
  .premium-faq .pq-heading {grid-template-columns:1fr;gap:13px;}
  .premium-faq .pq-heading-main {padding:0;}
  .premium-faq .pq-heading h2 {font-size:clamp(34px,6.5vw,48px);}
  .premium-faq .pq-heading-desc {font-size:14.5px;}
  .premium-faq .pq-highlight {min-height:165px;padding:19px 23px;}
  .premium-faq .pq-highlight-count {font-size:66px;}
  .premium-faq .pq-highlight-count span {font-size:14px;}
  .premium-faq .pq-grid {grid-template-columns:1fr;gap:10px;}
  .premium-faq .pq-card > summary {min-height:80px;}
}
@media (max-width:480px) {
  .premium-faq {padding:45px 0 53px;}
  .premium-faq .pq-container {width:calc(100% - 30px);}
  .premium-faq .pq-kicker {gap:8px;font-size:9.5px;letter-spacing:.14em;}
  .premium-faq .pq-kicker-dash {width:23px;}
  .premium-faq .pq-heading h2 {font-size:clamp(31px,9vw,40px);margin:14px 0;}
  .premium-faq .pq-heading-desc {font-size:14px;line-height:1.9;}
  .premium-faq .pq-benefits {gap:7px;margin-top:16px;}
  .premium-faq .pq-benefits span {padding:5px 9px;font-size:11px;}
  .premium-faq .pq-highlight {min-height:142px;border-radius:16px;padding:17px 18px;}
  .premium-faq .pq-highlight-count {font-size:58px;}
  .premium-faq .pq-highlight-bottom {font-size:10px;}
  .premium-faq .pq-heading {margin-bottom:16px;}
  .premium-faq .pq-card {border-radius:13px;}
  .premium-faq .pq-card > summary {grid-template-columns:33px minmax(0,1fr) 24px;gap:10px;padding:15px 13px;min-height:74px;font-size:14.2px;line-height:1.63;}
  .premium-faq .pq-index {width:33px;height:33px;border-radius:9px;font-size:11px;}
  .premium-faq .pq-toggle {width:24px;height:24px;}
  .premium-faq .pq-answer {padding:0 14px 17px 56px;}
  .premium-faq .pq-answer p {font-size:13.2px;line-height:1.9;padding-top:12px;}
  .premium-faq .pq-support {grid-template-columns:1fr;gap:9px;padding:22px 17px;border-radius:15px;min-height:unset;}
  .premium-faq .pq-support-icon {width:43px;height:43px;border-radius:11px;}
  .premium-faq .pq-support-copy strong {font-size:18px;}
  .premium-faq .pq-support-copy p {font-size:12.5px;}
  .premium-faq .pq-support-actions {grid-column:1;display:grid;grid-template-columns:1fr;gap:8px;margin-top:9px;}
  .premium-faq .pq-action {width:100%;min-height:45px;justify-content:center;}
  .premium-faq .pq-note {align-items:flex-start;text-align:left;font-size:11px;line-height:1.65;}
}
@media (prefers-reduced-motion:reduce) {
  .premium-faq .pq-card,.premium-faq .pq-toggle i,.premium-faq .pq-action {transition:none;}
  .premium-faq .pq-answer {animation:none;}
}

/* Existing sticky contact buttons must not cover accordion content on small screens. */
body.pq-faq-visible .float-contact {opacity:0;pointer-events:none;transform:translateY(16px);}