/* Murastakah — Subscription fields layout */

#orderForm .murastakah-subscription-fields {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
    direction: rtl;
}

#orderForm .murastakah-subscription-fields > .field {
    min-width: 0;
    width: 100%;
}

#orderForm .murastakah-subscription-fields select,
#orderForm .murastakah-subscription-fields input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

#orderForm .murastakah-subscription-fields small {
    display: block;
    line-height: 1.7;
}

/* Tablet and mobile */

@media (max-width: 900px) {
    #orderForm .murastakah-subscription-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

/* Small phones */

@media (max-width: 380px) {
    #orderForm .murastakah-subscription-fields {
        gap: 10px;
    }
}

/* MURASTAKAH_GROUP_NOTE_SPACING */
#orderForm .murastakah-subscription-fields
label.field:has(#peopleCount) small {
    margin: 2px 0 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}