@media only screen and (max-width: 767px) {
    #shamna-header-address-root {
        position: relative;
        max-width: 58%;
        direction: rtl;
    }

    .shamna-address-control {
        position: relative;
        max-width: 100%;
    }

    .shamna-address-trigger,
    .shamna-address-add {
        border: 0;
        background: rgba(255, 255, 255, 0.16);
        color: #fff;
        border-radius: 999px;
        min-height: 28px;
        padding: 5px 9px;
        font-size: 11px;
        line-height: 1.2;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        max-width: 100%;
        cursor: pointer;
        box-shadow: none;
        white-space: nowrap;
    }

    .shamna-address-current {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 130px;
        display: inline-block;
    }

    .shamna-address-caret {
        font-size: 10px;
        opacity: 0.9;
    }

    .shamna-address-menu {
        position: absolute;
        top: calc(100% + 8px);
        inset-inline-start: 0;
        width: 220px;
        max-width: 80vw;
        background: #fff;
        color: #222;
        border-radius: 12px;
        box-shadow: 0 8px 28px rgba(0,0,0,0.18);
        padding: 6px;
        z-index: 10050;
        direction: rtl;
    }

    .shamna-address-menu[hidden] {
        display: none !important;
    }

    .shamna-address-menu-item {
        width: 100%;
        border: 0;
        background: transparent;
        color: #222;
        text-align: right;
        padding: 9px 10px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 1.3;
        cursor: pointer;
    }

    .shamna-address-menu-item:hover,
    .shamna-address-menu-item.is-selected {
        background: #f2f4f5;
    }

    .shamna-address-menu-add,
    .shamna-address-nearest {
        color: #022335;
        font-weight: 700;
    }

    #shamna-header-notification-root {
        position: relative;
    }
}


@media only screen and (max-width: 767px) {
    #shamna-header-notification-root.shamna-in-actions .shamna-badge {
        display: none;
    }

    #shamna-header-notification-root.shamna-in-actions.shamna-has-notifications .shamna-badge {
        display: inline-block;
    }
}