/* ==========================================================================
   Page: FAQ   —   /en/faq/ page
   Only rules that are specific to this page live here; everything that repeats
   across the site (hero, container, accordion, footer …) comes from site.css.
   Elementor breakpoints of this kit: tablet <=1200px, mobile <=767px
   ========================================================================== */

/* the <main> wrapper: 60px of trailing padding, exactly like #main.site-main */
.pf-page{padding-bottom:60px}

/* the elementor "e-con" that holds the slider has 10px of bottom padding */
.pf-hero-gap{height:10px}

/* --------------------------------------------------------------------------
   Page head + accordion shell. The page used to be a 50/50 Elementor grid with
   fixed spacer widgets (40/11/176px) that pushed the two columns out of line
   and left the heading floating beside an empty gap. One centred column keeps
   every question on the same baseline at any width.
   -------------------------------------------------------------------------- */
.pf-shell{max-width:880px}

.pf-head{margin:0 0 28px;text-align:start}
.pf-head__title{
  margin:0;font-family:var(--pn-font-head);font-weight:700;
  font-size:clamp(30px,4.4vw,48px);line-height:1.2;color:var(--pn-primary);
}
.pf-head__sub{
  margin:10px 0 0;max-width:56ch;
  font-size:17px;line-height:1.65;color:rgba(6,50,74,.72);
}

.pf-acc{display:grid;gap:12px}

/* --------------------------------------------------------------------------
   Accordion: this instance carries no trailing 20px margin and uses the
   wider answer padding of the FAQ page.
   -------------------------------------------------------------------------- */
.pn-accordion{margin-bottom:0}
.pn-panel__body-inner > div{padding:0 70px 21px 58px} /* RTL mirror (was 0 58px 21px 70px) */
.pn-panel__body p{margin:0 0 16px}
.pn-panel__body p:last-child{margin-bottom:0}
.pn-panel__body ul{
  margin:0 6.4px 0 0;padding:0 14.4px 20px 0;list-style:disc outside; /* RTL mirror */
  font-family:var(--pn-font-body);font-size:16px;font-weight:400;line-height:29.6px;
  color:var(--pn-cream);
}
.pn-panel__body li{margin:0 0 8px}
.pn-panel__body li:last-child{margin-bottom:0}
.pn-panel__body strong{font-weight:700}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:767px){
  .pn-panel__body-inner > div{padding:0 15px 15px}
}

@media (max-width:900px){
  .pf-page{padding-bottom:var(--pn-mobile-section)}
  .pf-hero-gap{display:none}
  .pf-s-faq{padding:var(--pn-mobile-section) 0 var(--pn-mobile-section-tight)}
  .pf-head{margin-bottom:22px}
  .pf-head__title{font-size:var(--pn-mobile-h2)}
  .pf-head__sub{font-size:16px}
  .pf-acc{gap:10px}
  .pn-panel{margin-bottom:10px;border-radius:14px}
  .pn-panel__head{min-height:64px;padding:10px 12px;font-size:17px;line-height:1.45}
  .pn-panel__icon{width:36px;height:36px;margin-inline-end:12px}
}