/* Guest fjorder checkout: security question and answer form one full-width
   row BELOW the two signup columns. No Bootstrap .row/.col floats here. */
body.fj-guest-order-page #order-fjorder.fj-guest-checkout .fj-signup-columns > .fj-checkout-security-questions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    column-gap: 26px;
    min-width: 0;
    width: 100%;
    margin: 10px 0 0; /* Existing parent row-gap 26px + 10px = 36px */
    padding: 0;
}
body.fj-guest-order-page #order-fjorder.fj-guest-checkout .fj-checkout-security-questions > .fj-security-question-field {
    min-width: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
}
body.fj-guest-order-page #order-fjorder.fj-guest-checkout .fj-checkout-security-questions .form-group {
    margin-bottom: 0;
}
body.fj-guest-order-page #order-fjorder.fj-guest-checkout #frmCheckout select#inputSecurityQId,
body.fj-guest-order-page #order-fjorder.fj-guest-checkout #frmCheckout input#inputSecurityQAns {
    display: block;
    width: 100%;
    min-height: 49px;
    border-color: #d1dbe1 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
}
body.fj-guest-order-page #order-fjorder.fj-guest-checkout #frmCheckout select#inputSecurityQId:focus,
body.fj-guest-order-page #order-fjorder.fj-guest-checkout #frmCheckout select#inputSecurityQId:focus-visible,
body.fj-guest-order-page #order-fjorder.fj-guest-checkout #frmCheckout input#inputSecurityQAns:focus,
body.fj-guest-order-page #order-fjorder.fj-guest-checkout #frmCheckout input#inputSecurityQAns:focus-visible {
    border-color: #82969f !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
}
@media (max-width: 767px) {
    body.fj-guest-order-page #order-fjorder.fj-guest-checkout .fj-signup-columns > .fj-checkout-security-questions {
        grid-column: 1;
        grid-template-columns: minmax(0, 1fr);
        row-gap: 18px;
        margin-top: 28px; /* 8px parent gap + 28px = 36px */
    }
}