/* =========================================================
   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;
}

/* Hero stays as in V2 */
.pfaq-pro-hero{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:26px 0 34px;
    background:#f7f7f6 !important;
    opacity:1 !important;
    filter:none !important;
}

.pfaq-pro-container{
    width:min(1460px,94vw);
    max-width:none;
}

.pfaq-pro-stage{
    position:relative;
    width:100%;
    aspect-ratio:16/8.7;
    min-height:570px;
    max-height:790px;
    overflow:hidden;
    border-radius:32px;
    background:#102d4b;
    box-shadow:0 22px 55px rgba(14,39,63,.18),0 4px 14px rgba(14,39,63,.08);
    isolation:isolate;
    perspective:1200px;
    transform-style:preserve-3d;
}

.pfaq-pro-image-layer{
    position:absolute;
    inset:-1.8%;
    transform:translate3d(0,0,0) scale(1.025);
    will-change:transform;
    animation:pfaqProBreath 9s ease-in-out infinite;
}

.pfaq-pro-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:1 !important;
    filter:none !important;
    pointer-events:none;
    user-select:none;
}

.pfaq-pro-stage::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(6,21,36,.03) 0%,rgba(6,21,36,.03) 45%,rgba(5,21,36,.26) 100%);
}

.pfaq-pro-title{
    position:absolute;
    z-index:4;
    left:50%;
    bottom:28px;
    width:min(650px,80%);
    transform:translateX(-50%);
    padding:18px 26px 19px;
    text-align:center;
    color:#fff;
    border:1px solid rgba(219,184,111,.55);
    border-radius:20px;
    background:rgba(12,37,61,.90);
    box-shadow:0 16px 36px rgba(0,0,0,.22);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}

.pfaq-pro-eyebrow{
    margin-bottom:4px;
    color:#d7b46d;
    font-family:Arial,sans-serif;
    font-size:9px;
    font-weight:700;
    letter-spacing:.24em;
}

.pfaq-pro-title h1{
    margin:0;
    color:#fff !important;
    font-size:32px !important;
    line-height:1.45;
    font-weight:700 !important;
}

.pfaq-pro-title p{
    margin:7px 0 0;
    color:#ecdab5 !important;
    font-size:16px !important;
    line-height:34px !important;
    font-weight:300 !important;
}

.pfaq-pro-line{
    display:block;
    width:64px;
    height:2px;
    margin:8px auto 0;
    border-radius:50px;
    background:#d2ab66;
}

@keyframes pfaqProBreath{
    0%,100%{transform:translate3d(0,0,0) scale(1.025)}
    50%{transform:translate3d(0,-4px,0) scale(1.045)}
}

@media (max-width:991px){
    .pfaq-pro-stage{
        min-height:500px;
        aspect-ratio:10/8.3;
        border-radius:25px;
    }
    .pfaq-pro-title{
        bottom:18px;
        width:84%;
    }
    .pfaq-pro-content-section{
        padding:46px 0 60px;
    }
    .pfaq-pro-section-title,
    .pfaq-pro-question,
    .pfaq-pro-question-text{
        font-size:22px !important;
    }
}

@media (max-width:575px){
    .pfaq-pro-hero{padding:14px 0 24px}
    .pfaq-pro-container{width:94vw}
    .pfaq-pro-stage{
        min-height:500px;
        aspect-ratio:9/11.5;
        border-radius:20px;
    }
    .pfaq-pro-image-layer{inset:-2% -20%}
    .pfaq-pro-title{
        width:88%;
        bottom:14px;
        padding:14px 15px 15px;
    }
    .pfaq-pro-title h1{font-size:26px !important}
    .pfaq-pro-title p{font-size:14px !important;line-height:28px !important}
    .pfaq-pro-content-container{width:92vw}
    .pfaq-pro-content-section{padding:36px 0 48px}
    .pfaq-pro-section-title,
    .pfaq-pro-question,
    .pfaq-pro-question-text{
        font-size:20px !important;
    }
    .pfaq-pro-content,
    .pfaq-pro-intro,
    .pfaq-pro-answer-body,
    .pfaq-pro-answer-body p,
    .pfaq-pro-answer-body span,
    .pfaq-pro-answer-body li{
        font-size:15px !important;
        line-height:31px !important;
    }
}

@media (prefers-reduced-motion:reduce){
    .pfaq-pro-image-layer{animation:none!important}
    .pfaq-pro-answer{transition:none!important}
}
