@layer sections{
  [ui-section=faqs]{
    gap:var(--spacing-32);
    padding:var(--top-spacing) 8% var(--bottom-spacing) !important;
  }
  [ui-section=faqs][data-orientation=vertical]{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  [ui-section=faqs][data-orientation=vertical] .items-area{
    width:50%;
  }
  [ui-section=faqs][data-orientation=horizontal]{
    display:grid;
    grid-template-columns:40% auto;
    align-items:flex-start;
  }
  [ui-section=faqs] .content-area{
    display:grid;
    justify-items:center;
    text-align:center;
    grid-gap:var(--spacing-16);
    gap:var(--spacing-16);
  }
  [ui-section=faqs] .content-area .cta{
    width:-moz-fit-content;
    width:fit-content;
    margin-block-start:var(--spacing-8);
  }
  [ui-section=faqs] .content-area .cta[ui-slot=button]{
    min-width:180px;
  }
  @media (max-width: 1028px){
    [ui-section=faqs][data-orientation]{
      gap:var(--spacing-48);
      display:flex;
      flex-direction:column-reverse;
      align-items:center;
      text-align:center;
    }
    [ui-section=faqs][data-orientation] .items-area{
      width:100%;
    }
  }
}

/* ===== RIVIOKET premium FAQ ===== */
[ui-section=faqs]{
  position:relative;
}
[ui-section=faqs] .items-area [ui-slot=accordion]{
  display:flex;
  flex-direction:column;
  gap:14px;
}
[ui-section=faqs] .items-area [ui-block=faq]{
  border:1px solid rgba(201,164,92,.28) !important;
  border-radius:4px;
  background:linear-gradient(180deg,#FFFDF8,#FAF4E9);
  padding-inline:22px;
  transition:border-color .3s ease, box-shadow .3s ease;
}
[ui-section=faqs] .items-area [ui-block=faq]:hover{
  border-color:rgba(201,164,92,.55) !important;
  box-shadow:0 6px 22px rgba(120,90,40,.08);
}
[ui-section=faqs] .items-area [ui-block=faq] [ui-slot=accordion-trigger]{
  font-family:var(--font-heading-family);
  font-size:18px;
  font-weight:500;
  color:#241B10;
  padding-block:20px;
  padding-inline-end:34px;
}
[ui-section=faqs] .items-area [ui-block=faq] [ui-slot=accordion-trigger]::before,
[ui-section=faqs] .items-area [ui-block=faq] [ui-slot=accordion-trigger]::after{
  background-color:#A8803C;
}
[ui-section=faqs] .items-area [ui-block=faq] [ui-slot=accordion-content]{
  color:#6E6150;
  font-size:15.5px;
  line-height:1.7;
}
[ui-section=faqs] .items-area [ui-block=faq]:has(input:checked){
  border-color:rgba(201,164,92,.6) !important;
}
[ui-section=faqs] .content-area .cta[ui-slot=button]{
  background:#1B130A !important;
  color:#F6F1E8 !important;
}
@media (max-width: 769px){
  [ui-section=faqs] .items-area [ui-block=faq] [ui-slot=accordion-trigger]{
    font-size:16px;
    padding-block:17px;
  }
  [ui-section=faqs] .items-area [ui-block=faq]{
    padding-inline:16px;
  }
}
