/* Hero Header Space */
    .faq-hero {
        padding-top: 78px;
        padding-bottom: 50px;
        position: relative;
        /* background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FAF6F2));
        background: -o-linear-gradient(top, #FFFFFF 0%, #FAF6F2 100%);
        background: linear-gradient(180deg, #FFFFFF 0%, #FAF6F2 100%); */
    }

    .faq-hero h1 {
        font-size: 3rem;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
    }

    @media (max-width: 768px) {
        .faq-hero h1 {
            font-size: 2.2rem;
        }
    }

    /* Interactive Filter Layout */
    .filter-section {
        /* background-color: #FAF6F2; */
        padding-bottom: 80px;
    }

    .search-container {
        max-width: 600px;
        margin: 0 auto 40px auto;
        position: relative;
    }

    .search-input {
        width: 100%;
        padding: 1.1rem 1.5rem 1.1rem 3.5rem;
        border-radius: 50px;
        border: 1px solid #E8DCD5;
        background-color: #FFFFFF;
        color: #4A3631;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 1rem;
        -webkit-box-shadow: 0 10px 30px rgba(74, 54, 49, 0.04);
        box-shadow: 0 10px 30px rgba(74, 54, 49, 0.04);
        -webkit-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        -o-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        outline: none;
    }

    .search-input:focus {
        border-color: #DF5D83;
        -webkit-box-shadow: 0 10px 30px rgba(223, 93, 131, 0.1);
        box-shadow: 0 10px 30px rgba(223, 93, 131, 0.1);
    }

    .search-icon {
        position: absolute;
        left: 1.5rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #4A3631;
        opacity: 0.5;
        font-size: 1.1rem;
    }

    /* Filter Capsules */
    .filter-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 50px;
    }

    .filter-btn {
        background-color: #FFFFFF;
        color: #4A3631;
        border: 1px solid #E8DCD5;
        padding: 0.6rem 1.5rem;
        border-radius: 30px;
        font-size: 0.9rem;
        font-weight: 500;
        cursor: pointer;
        -webkit-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        -o-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .filter-btn:hover {
        border-color: #DF5D83;
        color: #DF5D83;
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    .filter-btn.active {
        background-color: #DF5D83;
        color: #FFFFFF;
        border-color: #DF5D83;
        -webkit-box-shadow: 0 8px 20px rgba(223, 93, 131, 0.25);
        box-shadow: 0 8px 20px rgba(223, 93, 131, 0.25);
    }

    /* Premium Custom Accordion Setup */
    .faq-accordion-container {
        max-width: 900px;
        margin: 0 auto;
    }

    .faq-item-card {
        background: #FFFFFF;
        border: 1px solid rgba(74, 54, 49, 0.06);
        border-radius: 1.25rem;
        margin-bottom: 1.25rem;
        overflow: hidden;
        -webkit-box-shadow: 0 4px 20px rgba(74, 54, 49, 0.02);
        box-shadow: 0 4px 20px rgba(74, 54, 49, 0.02);
        -webkit-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        -o-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .faq-item-card:hover {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-box-shadow: 0 8px 30px rgba(74, 54, 49, 0.05);
        box-shadow: 0 8px 30px rgba(74, 54, 49, 0.05);
    }

    .faq-header-trigger {
        width: 100%;
        padding: 1.5rem 2rem;
        background: none;
        border: none;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 1.5rem;
        cursor: pointer;
        outline: none;
        -webkit-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        -o-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .faq-question-text {
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-weight: 600;
        font-size: 1.15rem;
        color: #4A3631;
        margin: 0;
        -webkit-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        -o-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .faq-header-trigger:hover .faq-question-text {
        color: #DF5D83;
    }

    .faq-icon-arrow {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-color: #FAF6F2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #4A3631;
        -webkit-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        -o-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .faq-header-trigger[aria-expanded="true"] .faq-icon-arrow {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        background-color: #DF5D83;
        color: #FFFFFF;
    }

    .faq-header-trigger[aria-expanded="true"] .faq-question-text {
        color: #DF5D83;
    }

    .faq-collapse-body {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        -o-transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .faq-answer-content {
        padding: 0 2rem 1.8rem 2rem;
        font-size: 1rem;
        color: #4A3631;
        opacity: 0.85;
    }

    .faq-answer-content p:last-child {
        margin-bottom: 0;
    }