/* Final FAQ layout */
body.terms-page-body .faq-content {
    width: 900px !important;
    max-width: 900px !important;
    max-width: calc(100% - 48px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* FAQ call to action: white label, with no gold hover state. */
body.terms-page-body .faq-cta a {
    background: #171717 !important;
    border: 1px solid #171717 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.terms-page-body .faq-cta a:hover,
body.terms-page-body .faq-cta a:focus-visible,
body.terms-page-body .faq-cta a:active {
    background: transparent !important;
    border-color: #171717 !important;
    color: #171717 !important;
    -webkit-text-fill-color: #171717 !important;
}

/* Keep every footer social control circular on narrow screens. */
@media (max-width: 480px) {
    .luxury-footer-socials a,
    .luxury-footer-socials .luxury-social-pending {
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 50% !important;
    }
}

/* FIX FAQ MOBILE OVERFLOW */
@media (max-width:768px){

    .faq-page,
    .faq-group,
    .faq-item,
    .faq-item summary{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    .faq-item summary{
        display:flex !important;
        align-items:center !important;
        padding-right:45px !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
    }

    .faq-item summary::after{
        right:15px !important;
        flex-shrink:0 !important;
    }
}
@media (max-width:768px){

body.terms-page-body .faq-item summary{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding-right:50px !important;
    overflow:hidden !important;
}

body.terms-page-body .faq-item summary{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
}

body.terms-page-body .faq-item summary::before{
    flex:0 0 auto !important;
}

body.terms-page-body .faq-item summary::after{
    flex:0 0 auto !important;
    margin-left:auto !important;
}

}
@media (max-width:768px){
body.terms-page-body .faq-item summary{
    font-size:15px !important;
    line-height:1.35 !important;
}
}
@media (max-width:768px){

#main-content .faq-content > details.faq-item > p {
    width: auto !important;
    max-width: 100% !important;
    margin: 12px 0 20px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}

}
@media (max-width:768px){

body.terms-page-body .faq-content {
    width:100% !important;
    max-width:100% !important;
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box !important;
}

body.terms-page-body .faq-content > details {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

}
@media (max-width:768px){

body.terms-page-body .faq-cta {
    width: calc(100% - 48px) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

}
@media (max-width:768px){

body.terms-page-body .faq-content .faq-cta {
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    text-align: center !important;
    box-sizing: border-box !important;
}

body.terms-page-body .faq-content .faq-cta h2,
body.terms-page-body .faq-content .faq-cta p,
body.terms-page-body .faq-content .faq-cta a {
    margin-left: auto !important;
    margin-right: auto !important;
}

}