/* ==========================================================
   HEMRITU ADDRESS
   MOBILE CSS
========================================================== */


/* ==========================================================
   MOBILE MODAL
========================================================== */

@media screen and (max-width: 767px) {


    /* ------------------------------------------------------
       MODAL OVERLAY
    ------------------------------------------------------ */

    .hemritu-address-modal {

        padding: 10px;

        box-sizing: border-box;

    }


    /* ------------------------------------------------------
       MODAL DIALOG
    ------------------------------------------------------ */

    .hemritu-address-modal-dialog {

        width: 100%;

        max-width: 100%;

        max-height: calc(100vh - 20px);

        margin: 0 auto;

        border-radius: 12px;

        box-sizing: border-box;

        overflow: hidden;

    }


    /* ------------------------------------------------------
       MODAL HEADER
    ------------------------------------------------------ */

    .hemritu-address-modal-header {

        padding: 16px 16px 12px;

        display: flex;

        align-items: flex-start;

        justify-content: space-between;

        gap: 12px;

        box-sizing: border-box;

    }


    .hemritu-address-modal-label {

        font-size: 9px;

        line-height: 1.2;

        letter-spacing: 0.08em;

    }


    .hemritu-address-modal-header h3 {

        margin: 4px 0 0;

        font-size: 20px;

        line-height: 1.25;

    }


    /* ------------------------------------------------------
       CLOSE BUTTON
    ------------------------------------------------------ */

    .hemritu-address-modal-close {

        width: 34px;

        height: 34px;

        min-width: 34px;

        padding: 0;

        border-radius: 50%;

        display: flex;

        align-items: center;

        justify-content: center;

        box-sizing: border-box;

    }


    /* ------------------------------------------------------
       FORM
    ------------------------------------------------------ */

    .hemritu-address-form {

        padding: 0 16px 16px;

        box-sizing: border-box;

    }


    /* ------------------------------------------------------
       FORM GRID
       Mobile = ONE COLUMN
    ------------------------------------------------------ */

    .hemritu-address-form-grid {

        display: grid;

        grid-template-columns: 1fr;

        gap: 12px;

        width: 100%;

        box-sizing: border-box;

    }


    /* ------------------------------------------------------
       FIELD
    ------------------------------------------------------ */

    .hemritu-address-field {

        width: 100%;

        min-width: 0;

        box-sizing: border-box;

    }


    /* ------------------------------------------------------
       FULL WIDTH FIELD
    ------------------------------------------------------ */

    .hemritu-address-field-full {

        grid-column: 1 / -1;

    }


    /* ------------------------------------------------------
       LABEL
    ------------------------------------------------------ */

    .hemritu-address-field label {

        display: block;

        margin: 0 0 5px;

        font-size: 11px;

        line-height: 1.3;

    }


    /* ------------------------------------------------------
       INPUT / SELECT
    ------------------------------------------------------ */

    .hemritu-address-field input,
    .hemritu-address-field select,
    .hemritu-address-field textarea {

        width: 100%;

        min-height: 42px;

        height: 42px;

        padding: 0 12px;

        margin: 0;

        border-radius: 6px;

        box-sizing: border-box;

        font-size: 13px;

    }


    /* ------------------------------------------------------
       TEXTAREA
    ------------------------------------------------------ */

    .hemritu-address-field textarea {

        height: auto;

        min-height: 80px;

        padding-top: 10px;

        padding-bottom: 10px;

        resize: vertical;

    }


    /* ------------------------------------------------------
       PRIMARY CHECKBOX
    ------------------------------------------------------ */

    .hemritu-address-primary-option {

        display: flex;

        align-items: center;

        gap: 7px;

        margin: 0;

        font-size: 10px;

        line-height: 1.4;

    }


    .hemritu-address-primary-option input {

        width: 13px;

        height: 13px;

        min-height: 13px;

        margin: 0;

        padding: 0;

    }


    /* ------------------------------------------------------
       MESSAGE
    ------------------------------------------------------ */

    .hemritu-address-form-message {

        margin-top: 10px;

        font-size: 12px;

        line-height: 1.5;

    }


    /* ======================================================
       FOOTER
    ====================================================== */

    .hemritu-address-modal-footer {

        display: flex;

        align-items: center;

        justify-content: flex-start;

        gap: 10px;

        width: 100%;

        margin-top: 18px;

        padding-top: 16px;

        padding-bottom: 4px;

        box-sizing: border-box;

    }


    /* ------------------------------------------------------
       CANCEL
    ------------------------------------------------------ */

    .hemritu-address-modal-cancel {

        flex: 0 0 auto;

        min-width: 82px;

        width: auto;

        height: 40px;

        padding: 0 18px;

        margin: 0;

        border-radius: 20px;

        font-size: 11px;

        font-weight: 700;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        box-sizing: border-box;

    }


    /* ------------------------------------------------------
       SAVE / UPDATE
    ------------------------------------------------------ */

    .hemritu-address-save-button {

        flex: 0 0 auto;

        min-width: 96px;

        width: auto;

        height: 40px;

        padding: 0 18px;

        margin: 0;

        border-radius: 6px;

        font-size: 10px;

        font-weight: 700;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        box-sizing: border-box;

    }

}


/* ==========================================================
   SMALL MOBILE
   320px – 380px
========================================================== */

@media screen and (max-width: 380px) {


    .hemritu-address-modal {

        padding: 6px;

    }


    .hemritu-address-modal-dialog {

        border-radius: 10px;

        max-height: calc(100vh - 12px);

    }


    .hemritu-address-modal-header {

        padding: 14px 14px 10px;

    }


    .hemritu-address-form {

        padding: 0 14px 14px;

    }


    .hemritu-address-header h3,
    .hemritu-address-modal-header h3 {

        font-size: 18px;

    }


    .hemritu-address-form-grid {

        gap: 10px;

    }


    .hemritu-address-field input,
    .hemritu-address-field select,
    .hemritu-address-field textarea {

        font-size: 12px;

    }


    .hemritu-address-modal-footer {

        margin-top: 16px;

        padding-top: 14px;

        gap: 8px;

    }


    .hemritu-address-modal-cancel {

        min-width: 78px;

        height: 38px;

        padding: 0 16px;

        font-size: 10px;

    }


    .hemritu-address-save-button {

        min-width: 92px;

        height: 38px;

        padding: 0 16px;

        font-size: 9px;

    }

}

/* ==========================================================
   HEMRITU ADDRESS BOOK
   PREMIUM MOBILE ADDRESS CARD
========================================================== */

@media screen and (max-width: 767px) {


    /* ======================================================
       MAIN ADDRESS BOOK CONTAINER
    ====================================================== */

    .hemritu-address {

        width: 100%;

        max-width: 100%;

        margin: 0;

        padding: 24px 16px 40px;

        box-sizing: border-box;

    }


    /* ======================================================
       HEADER
    ====================================================== */

    .hemritu-address-header {

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 20px;

        margin-bottom: 28px;

        padding-bottom: 22px;

        border-bottom: 1px solid #eeeeee;

        box-sizing: border-box;

    }


    .hemritu-address-header-left {

        width: 100%;

        min-width: 0;

    }


    .hemritu-address-label {

        display: block;

        margin-bottom: 10px;

        font-size: 10px;

        font-weight: 700;

        letter-spacing: 0.16em;

        line-height: 1.3;

    }


    .hemritu-address-title {

        margin: 0;

        font-size: 32px;

        line-height: 1.05;

        letter-spacing: -0.035em;

    }


    .hemritu-address-subtitle {

        max-width: 280px;

        margin: 12px 0 0;

        font-size: 14px;

        line-height: 1.65;

        color: #687080;

    }


    /* ======================================================
       ADD NEW ADDRESS BUTTON
    ====================================================== */

    .hemritu-address-header .hemritu-address-add {

        position: static;

        width: 100%;

        max-width: none;

        min-height: 48px;

        margin: 0;

        padding: 0 18px;

        border: 0;

        border-radius: 12px;

        display: flex;

        align-items: center;

        justify-content: center;

        box-sizing: border-box;

        font-size: 12px;

        font-weight: 700;

        letter-spacing: 0.04em;

        white-space: nowrap;

    }


    /* ======================================================
       ADDRESS LIST
    ====================================================== */

    .hemritu-address-list {

        width: 100%;

        display: flex;

        flex-direction: column;

        gap: 18px;

        box-sizing: border-box;

    }


    /* ======================================================
       ADDRESS CARD
    ====================================================== */

    .hemritu-address-card {

        position: relative;

        width: 100%;

        max-width: none;

        margin: 0;

        padding: 20px;

        border: 1px solid #e9e9e9;

        border-radius: 18px;

        background: #ffffff;

        box-shadow:
            0 8px 24px rgba(
                15,
                23,
                42,
                0.06
            );

        box-sizing: border-box;

        overflow: hidden;

    }


    /* ======================================================
       PRIMARY CARD
    ====================================================== */

    .hemritu-address-card.hemritu-address-primary {

        border-color: #bfe8cf;

        box-shadow:
            0 10px 28px rgba(
                22,
                136,
                71,
                0.09
            );

    }


    /* Premium primary top indicator */

    .hemritu-address-card.hemritu-address-primary::before {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        height: 3px;

        background: #168847;

    }


    /* ======================================================
       CARD HEADER
    ====================================================== */

    .hemritu-address-card-header {

        width: 100%;

        margin: 0;

        padding: 0 0 16px;

        border-bottom: 1px solid #f0f0f0;

        box-sizing: border-box;

    }


    .hemritu-address-label-badge {

        display: inline-flex;

        align-items: center;

        min-height: 27px;

        max-width: 100%;

        padding: 0 10px;

        border-radius: 999px;

        background: #f4f5f7;

        color: #3d4652;

        font-size: 10px;

        font-weight: 700;

        line-height: 1;

        letter-spacing: 0.02em;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        box-sizing: border-box;

    }


    /* ======================================================
       NAME
    ====================================================== */

    .hemritu-address-name {

        margin: 10px 0 0;

        color: #18202a;

        font-size: 22px;

        line-height: 1.2;

        font-weight: 700;

        letter-spacing: -0.02em;

        word-break: break-word;

    }


    /* ======================================================
       PRIMARY BADGE
    ====================================================== */

    .hemritu-address-badge {

        display: inline-flex;

        align-items: center;

        margin-top: 9px;

        padding: 6px 9px;

        border-radius: 999px;

        background: #eaf8ef;

        color: #168847;

        font-size: 9px;

        font-weight: 800;

        line-height: 1;

        letter-spacing: 0.05em;

        text-transform: uppercase;

    }


    /* ======================================================
       ADDRESS DETAILS
    ====================================================== */

    .hemritu-address-details {

        width: 100%;

        margin: 0;

        padding: 16px 0 4px;

        box-sizing: border-box;

    }


    .hemritu-address-details p {

        margin: 0 0 10px;

        color: #3f4a59;

        font-size: 13px;

        line-height: 1.6;

        word-break: break-word;

    }


    .hemritu-address-details p:last-child {

        margin-bottom: 0;

    }


    /* First address line */

    .hemritu-address-details p:first-child {

        color: #26313d;

        font-weight: 500;

    }


    /* ======================================================
       ACTION BUTTONS
    ====================================================== */

    .hemritu-address-actions {

        width: 100%;

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 9px;

        margin-top: 18px;

        padding-top: 16px;

        border-top: 1px solid #f0f0f0;

        box-sizing: border-box;

    }


    /* All action buttons */

    .hemritu-address-actions button {

        min-width: 0;

        min-height: 42px;

        margin: 0;

        padding: 0 12px;

        border-radius: 10px;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        box-sizing: border-box;

        font-size: 10px;

        font-weight: 800;

        letter-spacing: 0.03em;

        line-height: 1;

        white-space: nowrap;

        cursor: pointer;

    }


    /* ======================================================
       MAKE PRIMARY
    ====================================================== */

    .hemritu-address-primary-btn {

        grid-column: 1 / -1;

        min-height: 44px !important;

        border: 1px solid #168847;

        background: #168847;

        color: #ffffff;

        border-radius: 11px !important;

    }


    .hemritu-address-primary-btn:active {

        transform: scale(0.98);

    }


    /* ======================================================
       EDIT
    ====================================================== */

    .hemritu-address-edit {

        border: 1px solid #dce5f5;

        background: #f4f7fc;

        color: #2459c3;

    }


    /* ======================================================
       DELETE
    ====================================================== */

    .hemritu-address-delete {

        border: 1px solid #f1dddd;

        background: #fff6f6;

        color: #d93434;

    }


    /* ======================================================
       WHEN ADDRESS IS ALREADY PRIMARY
       Two buttons only → equal width
    ====================================================== */

    .hemritu-address-card.hemritu-address-primary
    .hemritu-address-actions {

        grid-template-columns: 1fr 1fr;

    }


    .hemritu-address-card.hemritu-address-primary
    .hemritu-address-edit,
    .hemritu-address-card.hemritu-address-primary
    .hemritu-address-delete {

        grid-column: auto;

    }


    /* ======================================================
       BOTTOM ADD ADDRESS
    ====================================================== */

    .hemritu-address-footer {

        width: 100%;

        margin-top: 6px;

        padding-top: 4px;

        box-sizing: border-box;

    }


    .hemritu-address-footer .hemritu-address-add {

        width: 100%;

        min-height: 46px;

        border-radius: 11px;

        box-sizing: border-box;

    }

}


/* ==========================================================
   SMALL MOBILE
   320px – 380px
========================================================== */

@media screen and (max-width: 380px) {


    .hemritu-address {

        padding-left: 12px;

        padding-right: 12px;

        padding-top: 20px;

    }


    .hemritu-address-title {

        font-size: 29px;

    }


    .hemritu-address-subtitle {

        font-size: 13px;

    }


    .hemritu-address-card {

        padding: 17px;

        border-radius: 16px;

    }


    .hemritu-address-name {

        font-size: 20px;

    }


    .hemritu-address-details p {

        font-size: 12.5px;

    }


    .hemritu-address-actions {

        gap: 8px;

        margin-top: 16px;

        padding-top: 14px;

    }


    .hemritu-address-actions button {

        min-height: 40px;

        padding-left: 8px;

        padding-right: 8px;

        font-size: 9px;

    }


    .hemritu-address-primary-btn {

        min-height: 42px !important;

    }

}


/* ==========================================================
   HEMRITU ADDRESS MODAL
   PREMIUM MOBILE OVERRIDE
   DO NOT AFFECT ADDRESS BOOK / ADDRESS CARDS
========================================================== */

@media screen and (max-width: 767px) {


    /* ======================================================
       MODAL BACKDROP
    ====================================================== */

    .hemritu-address-modal {

        position: fixed !important;

        inset: 0 !important;

        z-index: 999999 !important;

        display: flex;

        align-items: center;

        justify-content: center;

        width: 100% !important;

        height: 100dvh !important;

        padding:
            12px !important;

        margin: 0 !important;

        background:
            rgba(
                15,
                23,
                42,
                0.58
            ) !important;

        backdrop-filter:
            blur(5px);

        -webkit-backdrop-filter:
            blur(5px);

        box-sizing: border-box;

        overflow: hidden;
    }


    /* ======================================================
       CLOSED STATE
    ====================================================== */

    .hemritu-address-modal:not(.is-open) {

        display: none !important;
    }


    /* ======================================================
       MODAL DIALOG
    ====================================================== */

    .hemritu-address-modal-dialog {

        position: relative;

        display: flex;

        flex-direction: column;

        width: 100% !important;

        max-width: 540px !important;

        height: auto;

        max-height:
            calc(100dvh - 24px) !important;

        margin: 0 !important;

        padding: 0 !important;

        background:
            #ffffff !important;

        border:
            1px solid
            rgba(
                15,
                23,
                42,
                0.08
            ) !important;

        border-radius:
            18px !important;

        box-shadow:
            0 20px 60px
            rgba(
                15,
                23,
                42,
                0.22
            ) !important;

        overflow: hidden !important;

        box-sizing: border-box;

        animation:
            hemrituAddressModalIn
            0.22s
            ease-out
            both;
    }


    @keyframes hemrituAddressModalIn {

        from {

            opacity: 0;

            transform:
                translateY(14px)
                scale(0.985);
        }

        to {

            opacity: 1;

            transform:
                translateY(0)
                scale(1);
        }

    }


    /* ======================================================
       HEADER
    ====================================================== */

    .hemritu-address-modal-header {

        position: relative;

        flex: 0 0 auto;

        width: 100%;

        min-height:
            68px;

        padding:
            17px
            52px
            13px
            20px !important;

        margin: 0 !important;

        background:
            #ffffff;

        border-bottom:
            1px solid
            #edf0f2;

        box-sizing: border-box;
    }


    /* ======================================================
       HEADER TITLE
    ====================================================== */

    .hemritu-address-modal-header h3,
    #hemritu-address-modal-title {

        margin: 0 !important;

        color:
            #111827 !important;

        font-family:
            Georgia,
            "Times New Roman",
            serif !important;

        font-size:
            20px !important;

        font-weight:
            600 !important;

        line-height:
            1.2 !important;

        letter-spacing:
            -0.025em;
    }


    /* ======================================================
       OPTIONAL DELIVERY LABEL
    ====================================================== */

    .hemritu-address-modal-header::before {

        content:
            "DELIVERY DETAILS";

        display: block;

        margin:
            0 0 5px;

        color:
            #15834b;

        font-family:
            inherit;

        font-size:
            7px;

        font-weight:
            800;

        line-height:
            1;

        letter-spacing:
            0.18em;
    }


    /* ======================================================
       CLOSE BUTTON
    ====================================================== */

    .hemritu-address-modal-close {

        position: absolute !important;

        top:
            14px !important;

        right:
            14px !important;

        display: flex !important;

        align-items: center;

        justify-content: center;

        width:
            34px !important;

        height:
            34px !important;

        min-width:
            34px !important;

        padding: 0 !important;

        margin: 0 !important;

        border: 0 !important;

        border-radius:
            50% !important;

        background:
            #f5f7f8 !important;

        color:
            #18212b !important;

        font-size:
            17px !important;

        font-weight:
            400 !important;

        line-height:
            1 !important;

        cursor: pointer;

        box-shadow:
            none !important;

        transition:
            background
            .18s ease,
            transform
            .18s ease;
    }


    .hemritu-address-modal-close:hover {

        background:
            #e9edf0 !important;

        transform:
            rotate(5deg);
    }


    .hemritu-address-modal-close:active {

        transform:
            scale(.94);
    }


    /* ======================================================
       FORM CONTAINER
    ====================================================== */

    .hemritu-address-form {

        flex: 1 1 auto;

        width: 100% !important;

        max-height:
            calc(100dvh - 92px) !important;

        padding:
            17px
            20px
            18px !important;

        margin: 0 !important;

        overflow-y: auto !important;

        overflow-x: hidden !important;

        box-sizing: border-box;

        -webkit-overflow-scrolling:
            touch;

        scrollbar-width:
            thin;

        scrollbar-color:
            #cbd5df
            transparent;
    }


    /* ======================================================
       SCROLLBAR
    ====================================================== */

    .hemritu-address-form::-webkit-scrollbar {

        width:
            4px;
    }


    .hemritu-address-form::-webkit-scrollbar-track {

        background:
            transparent;
    }


    .hemritu-address-form::-webkit-scrollbar-thumb {

        background:
            #cbd5df;

        border-radius:
            10px;
    }


    /* ======================================================
       FORM GRID
    ====================================================== */

    .hemritu-address-form-grid {

        display: grid;

        grid-template-columns:
            1fr 1fr;

        column-gap:
            12px;

        row-gap:
            13px;

        width: 100%;

        margin: 0 !important;

        padding: 0 !important;

        box-sizing: border-box;
    }


    /* ======================================================
       FIELD
    ====================================================== */

    .hemritu-address-field {

        width: 100%;

        min-width: 0;

        margin: 0 !important;

        padding: 0 !important;

        box-sizing: border-box;
    }


    /* ======================================================
       LABEL
    ====================================================== */

    .hemritu-address-field label {

        display: block;

        margin:
            0 0 5px !important;

        color:
            #3d4755;

        font-size:
            8.5px !important;

        font-weight:
            700;

        line-height:
            1.3;

        letter-spacing:
            .01em;
    }


    /* ======================================================
       REQUIRED STAR
    ====================================================== */

    .hemritu-required-star {

        color:
            #d94141;
    }


    /* ======================================================
       INPUT / SELECT / TEXTAREA
    ====================================================== */

    .hemritu-address-field input,
    .hemritu-address-field select,
    .hemritu-address-field textarea {

        width: 100% !important;

        min-width: 0;

        height:
            44px !important;

        min-height:
            44px !important;

        padding:
            0 12px !important;

        margin: 0 !important;

        border:
            1px solid
            #d6dce4 !important;

        border-radius:
            7px !important;

        background:
            #ffffff !important;

        color:
            #18212f !important;

        font-family:
            inherit;

        font-size:
            11.5px !important;

        line-height:
            1.4;

        outline: none !important;

        box-shadow:
            0 1px 2px
            rgba(
                15,
                23,
                42,
                .025
            ) !important;

        box-sizing: border-box;

        transition:
            border-color
            .18s ease,
            box-shadow
            .18s ease;
    }


    /* ======================================================
       PLACEHOLDER
    ====================================================== */

    .hemritu-address-field input::placeholder,
    .hemritu-address-field textarea::placeholder {

        color:
            #a3acb8;

        opacity: 1;
    }


    /* ======================================================
       FOCUS
    ====================================================== */

    .hemritu-address-field input:focus,
    .hemritu-address-field select:focus,
    .hemritu-address-field textarea:focus {

        border-color:
            #15834b !important;

        box-shadow:
            0 0 0 3px
            rgba(
                21,
                131,
                75,
                .09
            ) !important;
    }


    /* ======================================================
       TEXTAREA
    ====================================================== */

    .hemritu-address-field textarea {

        height:
            78px !important;

        min-height:
            78px !important;

        padding:
            10px 12px !important;

        resize:
            vertical;
    }


    /* ======================================================
       PRIMARY CHECKBOX
    ====================================================== */

    .hemritu-address-primary-option {

        display: flex !important;

        align-items: center;

        gap:
            6px;

        width:
            fit-content;

        min-height:
            30px;

        margin:
            0 !important;

        padding:
            0 !important;

        color:
            #687384;

        font-size:
            9px !important;

        line-height:
            1.3;
    }


    .hemritu-address-primary-option input {

        width:
            14px !important;

        height:
            14px !important;

        min-width:
            14px !important;

        min-height:
            14px !important;

        margin:
            0 !important;

        padding: 0 !important;

        accent-color:
            #15834b;

        cursor:
            pointer;
    }


    /* ======================================================
       MESSAGE
    ====================================================== */

    .hemritu-address-form-message {

        width: 100%;

        margin:
            10px 0 0 !important;

        padding:
            9px 11px;

        border-radius:
            7px;

        font-size:
            10px;

        line-height:
            1.45;

        box-sizing:
            border-box;
    }


    .hemritu-address-form-message.is-error {

        color:
            #a83232;

        background:
            #fff4f4;

        border:
            1px solid
            #f1cccc;
    }


    .hemritu-address-form-message.is-success {

        color:
            #12683c;

        background:
            #effaf4;

        border:
            1px solid
            #c7ead5;
    }


    /* ======================================================
       FOOTER
    ====================================================== */

    .hemritu-address-modal-footer {

        display: flex !important;

        align-items: center;

        justify-content: flex-start;

        gap:
            9px;

        width: 100%;

        margin:
            17px 0 0 !important;

        padding:
            14px 0 2px !important;

        background:
            #ffffff;

        border-top:
            1px solid
            #edf0f2;

        box-sizing:
            border-box;
    }


    /* ======================================================
       CANCEL
    ====================================================== */

    .hemritu-address-modal-cancel {

        flex:
            0 0 auto;

        width:
            82px !important;

        min-width:
            82px !important;

        height:
            40px !important;

        padding:
            0 14px !important;

        margin: 0 !important;

        border:
            1px solid
            #171b20 !important;

        border-radius:
            20px !important;

        background:
            #171b20 !important;

        color:
            #ffffff !important;

        font-size:
            9px !important;

        font-weight:
            800 !important;

        line-height:
            1;

        display: inline-flex !important;

        align-items: center;

        justify-content: center;

        box-sizing:
            border-box;

        cursor:
            pointer;
    }


    /* ======================================================
       SAVE / UPDATE
    ====================================================== */

    .hemritu-address-save-button {

        flex:
            1 1 auto;

        width:
            auto !important;

        min-width:
            0 !important;

        height:
            40px !important;

        padding:
            0 16px !important;

        margin: 0 !important;

        border:
            1px solid
            #15834b !important;

        border-radius:
            7px !important;

        background:
            #15834b !important;

        color:
            #ffffff !important;

        font-size:
            9px !important;

        font-weight:
            800 !important;

        line-height:
            1;

        letter-spacing:
            .04em;

        display:
            inline-flex !important;

        align-items:
            center;

        justify-content:
            center;

        box-sizing:
            border-box;

        cursor:
            pointer;

        box-shadow:
            0 4px 12px
            rgba(
                21,
                131,
                75,
                .15
            );

        transition:
            background
            .18s ease,
            transform
            .18s ease,
            box-shadow
            .18s ease;
    }


    .hemritu-address-save-button:hover {

        background:
            #116d3e !important;

        border-color:
            #116d3e !important;
    }


    .hemritu-address-save-button:active {

        transform:
            translateY(1px);
    }


    .hemritu-address-save-button:disabled {

        opacity:
            .62;

        cursor:
            not-allowed;

        box-shadow:
            none;
    }

}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media screen and (max-width: 380px) {


    .hemritu-address-modal {

        padding:
            8px !important;
    }


    .hemritu-address-modal-dialog {

        max-height:
            calc(100dvh - 16px) !important;

        border-radius:
            16px !important;
    }


    .hemritu-address-modal-header {

        min-height:
            64px;

        padding:
            15px
            46px
            11px
            17px !important;
    }


    .hemritu-address-modal-header h3,
    #hemritu-address-modal-title {

        font-size:
            19px !important;
    }


    .hemritu-address-modal-close {

        top:
            13px !important;

        right:
            13px !important;

        width:
            32px !important;

        height:
            32px !important;

        min-width:
            32px !important;
    }


    .hemritu-address-form {

        max-height:
            calc(100dvh - 80px) !important;

        padding:
            15px
            17px
            16px !important;
    }


    .hemritu-address-form-grid {

        column-gap:
            9px;

        row-gap:
            11px;
    }


    .hemritu-address-field label {

        font-size:
            8px !important;
    }


    .hemritu-address-field input,
    .hemritu-address-field select {

        height:
            42px !important;

        min-height:
            42px !important;

        padding:
            0 10px !important;

        font-size:
            11px !important;
    }


    .hemritu-address-field textarea {

        min-height:
            72px !important;
    }


    .hemritu-address-modal-footer {

        gap:
            8px;

        margin-top:
            14px !important;

        padding-top:
            12px !important;
    }


    .hemritu-address-modal-cancel {

        width:
            76px !important;

        min-width:
            76px !important;

        height:
            38px !important;

        font-size:
            8.5px !important;
    }


    .hemritu-address-save-button {

        height:
            38px !important;

        font-size:
            8.5px !important;
    }

}