/* =========================================================
   PASARGAD FAQ — TYPOGRAPHY MATCH V2.1
   Exact typography match to the site's original content system.
   ========================================================= */

.pfaq-pro-content-section{
    position:relative;
    z-index:1;
    width:100%;
    margin:0;
    padding:58px 0 78px;
    background:#363435 !important;
    color:#ecdab5 !important;
    opacity:1 !important;
    filter:none !important;
}

.pfaq-pro-content-container{
    width:min(1320px,90vw);
    max-width:none;
}

.pfaq-pro-content{
    direction:rtl;
    text-align:justify;
    font-family:'pelak','sans-serif' !important;
    color:#ecdab5 !important;
    font-size:16px !important;
    font-weight:300 !important;
    line-height:34px !important;
}

.pfaq-pro-content [style]{
    color:inherit !important;
    background-color:transparent !important;
    opacity:1 !important;
    filter:none !important;
    text-shadow:none !important;
}

.pfaq-pro-intro{
    max-width:none;
    margin:0 0 34px;
    padding:0;
    border:0;
    text-align:justify;
    font-family:'pelak','sans-serif' !important;
    color:#ecdab5 !important;
    font-size:16px !important;
    font-weight:300 !important;
    line-height:34px !important;
}

.pfaq-pro-section-title{
    margin:42px 0 18px !important;
    padding:10px 0 !important;
    border:0 !important;
    background:transparent !important;
    font-family:'pelak','sans-serif' !important;
    color:#ecdab5 !important;
    font-size:25px !important;
    font-weight:600 !important;
    line-height:1.6 !important;
    text-align:right !important;
}

.pfaq-pro-accordion{
    display:grid;
    gap:0;
}

.pfaq-pro-item{
    overflow:hidden;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border-bottom:1px solid rgba(236,218,181,.13) !important;
}

.pfaq-pro-item:hover{
    transform:none !important;
    background:transparent !important;
    box-shadow:none !important;
}

.pfaq-pro-question{
    appearance:none;
    -webkit-appearance:none;
    width:100%;
    border:0;
    outline:0;
    margin:0;
    padding:18px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    cursor:pointer;
    direction:rtl;
    text-align:right;
    background:transparent !important;
    font-family:'pelak','sans-serif' !important;
    color:#ecdab5 !important;
    font-size:25px !important;
    font-weight:600 !important;
    line-height:1.6 !important;
}

.pfaq-pro-question-text{
    flex:1;
    color:#ecdab5 !important;
    font-size:25px !important;
    font-weight:600 !important;
}

.pfaq-pro-plus{
    position:relative;
    flex:0 0 28px;
    width:28px;
    height:28px;
    border-radius:50%;
    border:1px solid rgba(236,218,181,.38);
    background:transparent;
}

.pfaq-pro-plus::before,
.pfaq-pro-plus::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:11px;
    height:1px;
    border-radius:10px;
    background:#ecdab5;
    transform:translate(-50%,-50%);
}

.pfaq-pro-plus::after{
    transform:translate(-50%,-50%) rotate(90deg);
    transition:opacity .22s ease;
}

.pfaq-pro-item.is-open .pfaq-pro-plus::after{
    opacity:0;
}

.pfaq-pro-answer{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .34s cubic-bezier(.2,.65,.2,1);
}

.pfaq-pro-item.is-open .pfaq-pro-answer{
    grid-template-rows:1fr;
}

.pfaq-pro-answer-inner{
    min-height:0;
    overflow:hidden;
}

.pfaq-pro-answer-body{
    margin:0;
    padding:0 25px 22px 0 !important;
    border:0 !important;
    font-family:'pelak','sans-serif' !important;
    color:#ecdab5 !important;
    font-size:16px !important;
    font-weight:300 !important;
    line-height:34px !important;
    text-align:justify !important;
}

.pfaq-pro-answer-body,
.pfaq-pro-answer-body p,
.pfaq-pro-answer-body span,
.pfaq-pro-answer-body div,
.pfaq-pro-answer-body li,
.pfaq-pro-answer-body a{
    font-family:'pelak','sans-serif' !important;
    color:#ecdab5 !important;
    font-size:16px !important;
    font-weight:300 !important;
    line-height:34px !important;
    opacity:1 !important;
    text-shadow:none !important;
}

.pfaq-pro-answer-body a{
    text-decoration:none;
}

.pfaq-pro-content > p,
.pfaq-pro-content > div,
.pfaq-pro-content > ul,
.pfaq-pro-content > ol{
    color:#ecdab5 !important;
    font-size:16px !important;
    font-weight:300 !important;
    line-height:34px !important;
}

.pfaq-pro-content > h2,
.pfaq-pro-content > h3{
    color:#ecdab5 !important;
    font-size:25px !important;
    font-weight:600 !important;
    line-height:1.6 !important;
}

/* FAQ hero v5.2 — full-bleed photographic banner, isolated from other pages. */
.pfaq-pro-hero {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #363435 !important;
    overflow: hidden !important;
}
.pfaq-pro-hero .pfaq-pro-stage {
    position: relative !important;
    width: 100% !important;
    height: 420px !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    background: #363435 !important;
    isolation: isolate !important;
    perspective: none !important;
    transform: none !important;
}
.pfaq-pro-hero .pfaq-pro-image-layer {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url('https://images.unsplash.com/photo-1538061879026-7703d25d483c?auto=format&fit=crop&w=2000&q=85') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
}
.pfaq-pro-hero .pfaq-pro-stage::after { content: none !important; }
.pfaq-pro-hero .pfaq-pro-title {
    position: absolute !important;
    z-index: 5 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    text-align: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: none !important;
}
.pfaq-pro-hero .pfaq-pro-title h1 {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'pelak', sans-serif !important;
    font-weight: 600 !important;
    font-size: 32px !important;
    line-height: 1.6 !important;
    color: #fff !important;
    text-align: center !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.35) !important;
}
@media(max-width:767px) {
    .pfaq-pro-hero .pfaq-pro-stage { height: 320px !important; }
    .pfaq-pro-hero .pfaq-pro-title h1 { font-size: 32px !important; }
}
@media(prefers-reduced-motion:reduce) {
    .pfaq-pro-answer { transition: none !important; }
}

/* FAQ v5.4 — tighten the gap between introduction and first topic. */
.pfaq-pro-content-section .pfaq-pro-intro { margin-bottom: 12px !important; }
.pfaq-pro-content-section .pfaq-pro-section-title { margin-top: 12px !important; margin-bottom: 14px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.pfaq-pro-content-section .pfaq-pro-intro + .pfaq-pro-section-title { margin-top: 12px !important; }
.pfaq-pro-content-section .pfaq-pro-content > h2,
.pfaq-pro-content-section .pfaq-pro-content > h3 { margin-top: 16px !important; margin-bottom: 14px !important; }
.pfaq-pro-content-section .pfaq-pro-content > p:empty { display: none !important; }