.faq {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    border-top: 1px solid #d8c8c3;
}

.faq-item details {
    padding: 20px 0;
    border-bottom: 1px solid #d8c8c3;
}

.faq-item summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;

    font-family: serif;
    font-size: 21px;
    color: #74271f;
}

/* Remove default triangle */
.faq-item summary::-webkit-details-marker {
    display: none;
}

/* Plus sign */
.faq-item summary::after {
    content: "+";
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #74271f;
}

/* Change + to − when open */
.faq-item details[open] summary::after {
    content: "−";
}

.faq-item p {
    margin: 15px 35px 5px 0;
    text-align: left;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #5c4a46;
}
.faq-item li {
    margin: 15px 35px 5px 21px;
    text-align: left;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #5c4a46;
}
/* ───────────── Phone Mockup ───────────── */

.phone-mockup-container2 {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    padding: 30px 20px;

    position: relative;
    box-sizing: border-box;
}


/* Phone body */

.phone-body2 {
    position: relative;
    width: 90%;
    max-width: 500px;
    min-width: 220px;
    aspect-ratio: 390 / 844;

    padding: 4px;

    background: linear-gradient(
        135deg,
        #151515 0%,
        #292929 50%,
        #151515 100%
    );

    border-radius: 32px;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.25),
        0 20px 45px rgba(0, 0, 0, 0.15);

    box-sizing: border-box;

    /* Keeps the phone above its own contents,
       but doesn't interfere with the rest of your layout */
    z-index: 1;
}


/* Phone screen */

.phone-screen2 {
    overflow: hidden;
    position: relative;
    background: #fff;
    width: 100%;
    height: 100%;

    overflow: hidden;

    background: #000;

    border-radius: 28px;
}


/* Actual invitation */

.phone-iframe2 {
    position: absolute;
     width: 100%;
    height: 100%;

    border: none;
    display: block;
    background: #fff;
}


/* Phone speaker / Dynamic Island */

.phone-body2::before {
    content: "";

    position: absolute;

    top: 9px;
    left: 50%;

    transform: translateX(-50%);

    width: 52px;
    height: 11px;

    background: #000;

    border-radius: 20px;

    z-index: 3;
}


/* Glass reflection */

.phone-glare2 {
    position: absolute;

    inset: 0;

    border-radius: 28px;

    background:
        linear-gradient(
            125deg,
            rgba(255, 255, 255, 0.16) 0%,
            rgba(255, 255, 255, 0.05) 20%,
            transparent 45%
        );

    pointer-events: none;

    z-index: 2;
}