/* Customer Cabinet v2 — presentation only.
 * Keeps WooCommerce endpoints, booking/payment state and account handlers untouched.
 */

.ag-account-page.logged-in .azergid-page {
    background:
        radial-gradient(circle at 88% 3%, rgba(0, 119, 182, .045), transparent 28rem),
        #f3f8fc;
}

.ag-account-page.logged-in .azergid-page > .azergid-container {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.ag-account-page.logged-in .azergid-page__article,
.ag-account-page.logged-in .azergid-page__content {
    min-width: 0;
}

/* Shared signed-in shell. Higher specificity intentionally wins over the older
 * corrective block embedded in WooCommerce navigation.php. */
.ag-account-page.logged-in .woocommerce:has(.ag-account-nav) {
    width: min(1240px, calc(100% - 40px)) !important;
    margin: 30px auto 64px !important;
    grid-template-columns: 232px minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
}

.ag-account-page.logged-in .woocommerce:has(.ag-account-nav) .woocommerce-MyAccount-content {
    min-width: 0 !important;
    padding: 0 !important;
}

.ag-account-page.logged-in .woocommerce:has(.ag-account-nav) .ag-account-nav {
    top: 94px !important;
    padding: 16px 12px 12px !important;
    border: 1px solid #dfe8ef !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 10px 30px rgba(16, 35, 59, .07) !important;
    backdrop-filter: blur(10px);
}

.ag-account-page.logged-in .ag-account-nav__header {
    min-height: 42px;
    padding: 0 8px 14px !important;
}

.ag-account-page.logged-in .ag-account-nav__title {
    font-size: 18px !important;
    font-weight: 750 !important;
    letter-spacing: -.02em !important;
}

.ag-account-page.logged-in .ag-account-nav__list {
    gap: 5px !important;
}

.ag-account-page.logged-in .ag-account-nav .ag-account-nav__item > a {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 9px !important;
    min-height: 48px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

.ag-account-page.logged-in .ag-account-nav__icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
    background: #f4f7fa !important;
    color: #50657a !important;
}

.ag-account-page.logged-in .ag-account-nav__icon svg {
    width: 17px !important;
    height: 17px !important;
}

.ag-account-page.logged-in .ag-account-nav .ag-account-nav__item > a:hover,
.ag-account-page.logged-in .ag-account-nav .ag-account-nav__item > a:focus-visible {
    border-color: #d8e3eb !important;
    background: #f7fafc !important;
    transform: translateX(2px) !important;
}

.ag-account-page.logged-in .ag-account-nav .ag-account-nav__item.is-active > a {
    border-color: #ead4ad !important;
    background: #fff8ec !important;
    box-shadow: inset 3px 0 0 #d88924 !important;
    transform: none !important;
}

.ag-account-page.logged-in .ag-account-nav__item.is-active .ag-account-nav__icon {
    background: #fff0d7 !important;
    color: #b96d0c !important;
}

.ag-account-page.logged-in .ag-account-nav__item--customer-logout {
    margin-top: 8px !important;
    padding-top: 10px !important;
    border-top-color: #e4ebf0 !important;
}

/* Compact editorial heading shared by dashboard, bookings and settings. */
.ag-account-page.logged-in .ag-account-dashboard__hero,
.ag-account-page.logged-in .ag-account-bookings__header,
.ag-account-page.logged-in .ag-account-details__header {
    margin: 0 !important;
    padding: 2px 0 18px !important;
    border-bottom: 1px solid #dde6ed !important;
}

.ag-account-page.logged-in .ag-account-dashboard__hero h1,
.ag-account-page.logged-in .ag-account-bookings__header h1,
.ag-account-page.logged-in .ag-account-details__title {
    margin: 3px 0 0 !important;
    color: #10233b !important;
    font-size: clamp(30px, 3.5vw, 40px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
}

.ag-account-page.logged-in .ag-account-dashboard__hero p:last-child,
.ag-account-page.logged-in .ag-account-bookings__header > p:last-child,
.ag-account-page.logged-in .ag-account-details__intro {
    max-width: 680px !important;
    margin: 7px 0 0 !important;
    color: #66788a !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.ag-account-page.logged-in .ag-eyebrow,
.ag-account-page.logged-in .ag-account-details__eyebrow,
.ag-account-page.logged-in .ag-booking-detail-v2__eyebrow {
    margin-bottom: 5px !important;
    color: #a96312 !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    letter-spacing: .13em !important;
}

/* Dashboard. */
.ag-account-page.logged-in .ag-account-dashboard {
    gap: 20px !important;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-links {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 2px !important;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-card {
    position: relative;
    min-height: 164px;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    padding: 17px !important;
    overflow: hidden;
    border: 1px solid #dfe7ed !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(16, 35, 59, .045) !important;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-card::after {
    content: "";
    position: absolute;
    width: 92px;
    height: 92px;
    right: -34px;
    top: -34px;
    border-radius: 50%;
    background: rgba(216, 137, 36, .055);
    pointer-events: none;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-card:hover,
.ag-account-page.logged-in .ag-account-dashboard__quick-card:focus-visible {
    border-color: #cfdae3 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(16, 35, 59, .09) !important;
}

.ag-account-dashboard__quick-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    border-radius: 11px;
    background: #edf6fb;
    color: #176b9d;
}

.ag-account-dashboard__quick-icon--gold {
    background: #fff1dc;
    color: #b96d0c;
}

.ag-account-dashboard__quick-icon svg {
    width: 19px;
    height: 19px;
    display: block;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-card strong {
    color: #10233b !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-card > span:not(.ag-account-dashboard__quick-icon):not(.ag-account-dashboard__quick-action) {
    margin-top: 6px !important;
    color: #6b7d8e !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-action {
    margin-top: auto !important;
    padding-top: 14px;
    color: #176b9d !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.ag-account-page.logged-in .ag-account-dashboard__recent {
    margin-top: 6px !important;
}

.ag-account-page.logged-in .ag-account-dashboard__section-heading {
    margin-bottom: 12px !important;
}

.ag-account-page.logged-in .ag-account-dashboard__section-heading h2 {
    margin: 0 !important;
    color: #10233b !important;
    font-family: var(--font-body, Manrope, sans-serif) !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
}

.ag-account-page.logged-in .ag-account-dashboard__section-heading > a {
    color: #176b9d !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.ag-account-page.logged-in .ag-account-dashboard__empty {
    min-height: 150px;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    grid-template-areas: "icon title action" "icon copy action";
    align-items: center;
    gap: 4px 16px;
    padding: 20px !important;
    border: 1px solid #dfe7ed !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(16, 35, 59, .04) !important;
}

.ag-account-dashboard__empty-icon {
    grid-area: icon;
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #edf6fb;
    color: #176b9d;
}

.ag-account-dashboard__empty-icon svg {
    width: 24px;
    height: 24px;
}

.ag-account-page.logged-in .ag-account-dashboard__empty h3 {
    grid-area: title;
    margin: 0 !important;
    font-family: var(--font-body, Manrope, sans-serif) !important;
    font-size: 15px !important;
}

.ag-account-page.logged-in .ag-account-dashboard__empty p {
    grid-area: copy;
    margin: 0 !important;
    color: #708194 !important;
    font-size: 12px !important;
}

.ag-account-page.logged-in .ag-account-dashboard__empty .ag-button {
    grid-area: action;
    min-height: 42px;
    border-radius: 10px;
    background: #10233b !important;
    color: #fff !important;
}

/* Shared booking card language. */
.ag-account-page.logged-in .ag-booking-card,
.ag-account-page.logged-in .ag-booking-card--list {
    border: 1px solid #dfe7ed !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 6px 20px rgba(16, 35, 59, .05) !important;
}

.ag-account-page.logged-in .ag-account-bookings {
    gap: 18px !important;
}

.ag-account-page.logged-in .ag-account-bookings .ag-booking-list {
    gap: 12px !important;
}

.ag-account-page.logged-in .ag-account-bookings .ag-booking-card--list {
    grid-template-columns: 154px minmax(0, 1fr) 202px !important;
    min-height: 172px !important;
    padding: 13px !important;
}

.ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__media {
    border-radius: 12px !important;
    background: #eef3f6 !important;
}

.ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__service {
    color: #a96312 !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
}

.ag-account-page.logged-in .ag-booking-card--list h3 {
    color: #10233b !important;
    font-size: 18px !important;
}

.ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__period,
.ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__reference {
    color: #607387 !important;
}

.ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__side {
    border-inline-start-color: #e2e9ee !important;
}

.ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__side .ag-button {
    border-color: #d9e2e9 !important;
    background: #f7f9fb !important;
    color: #17364f !important;
    font-weight: 650 !important;
}

/* Statuses: keep booking and online-payment domains distinct, but quiet. */
.ag-account-page.logged-in .ag-badge {
    min-height: 24px !important;
    padding: 3px 8px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    box-shadow: none !important;
}

.ag-account-page.logged-in .ag-badge[data-status="cancelled"],
.ag-account-page.logged-in .ag-badge[data-status="failed"] {
    border-color: #f1c7c7 !important;
    background: #fff4f4 !important;
    color: #b42318 !important;
}

.ag-account-page.logged-in .ag-badge[data-status="confirmed"],
.ag-account-page.logged-in .ag-badge[data-status="paid"] {
    border-color: #c9e3d2 !important;
    background: #f2faf5 !important;
    color: #2d6a45 !important;
}

.ag-account-page.logged-in .ag-badge[data-status="pending"] {
    border-color: #ecd7b7 !important;
    background: #fff8ec !important;
    color: #9b5c10 !important;
}

.ag-account-page.logged-in .ag-badge[data-status="refunded"] {
    border-color: #c9deee !important;
    background: #f1f8fd !important;
    color: #176b9d !important;
}

.ag-account-page.logged-in .ag-badge[data-status="completed"] {
    border-color: #d8e0e7 !important;
    background: #f6f8fa !important;
    color: #53677a !important;
}

/* Booking detail — retain all data and actions, reduce the visual fragmentation. */
.ag-account-page.logged-in .ag-booking-detail-v2 {
    gap: 12px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__back {
    color: #176b9d !important;
    font-size: 12px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__header {
    gap: 12px 22px !important;
    padding: 0 0 16px !important;
    border-bottom-color: #dde6ed !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__title {
    font-size: clamp(32px, 4vw, 44px) !important;
    letter-spacing: -.025em !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__vehicle-name {
    margin-top: 5px !important;
    font-size: 14px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2 > section,
.ag-account-page.logged-in .ag-booking-detail-v2__grid > section {
    border-color: #dfe7ed !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 6px 20px rgba(16, 35, 59, .05) !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__hero {
    padding: 15px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__media {
    border-radius: 12px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__specs li {
    border-color: #dfe7ed !important;
    background: #f8fafb !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__grid {
    gap: 12px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__grid > section {
    padding: 17px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__section-title,
.ag-account-page.logged-in .ag-booking-detail-v2__actions-title {
    color: #10233b !important;
    font-size: 15px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__actions {
    padding: 12px 14px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__actions .ag-button {
    min-height: 40px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
}

/* Account details — match the quieter partner form controls. */
.ag-account-page.logged-in .ag-account-details {
    gap: 18px !important;
}

.ag-account-page.logged-in .ag-account-details__form {
    overflow: hidden;
    border-color: #dfe7ed !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 6px 20px rgba(16, 35, 59, .045) !important;
}

.ag-account-page.logged-in .ag-account-details__card {
    padding: 20px !important;
}

.ag-account-page.logged-in .ag-account-details__section-copy h2 {
    color: #10233b !important;
    font-size: 16px !important;
}

.ag-account-page.logged-in .ag-account-details__section-copy p,
.ag-account-page.logged-in .ag-account-details__password-help,
.ag-account-page.logged-in .ag-account-details__help {
    color: #718296 !important;
    font-size: 11px !important;
}

.ag-account-page.logged-in .ag-account-details .form-row label {
    color: #263b50 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.ag-account-page.logged-in .ag-account-details input.input-text {
    min-height: 46px !important;
    border-color: #d9e2e9 !important;
    border-radius: 9px !important;
    background: #fbfcfd !important;
    font-size: 13px !important;
}

.ag-account-page.logged-in .ag-account-details input.input-text:hover {
    border-color: #c5d2dc !important;
    background: #f8fafb !important;
}

.ag-account-page.logged-in .ag-account-details input.input-text:focus,
.ag-account-page.logged-in .ag-account-details input.input-text:focus-visible {
    border-color: #1682bd !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(22, 130, 189, .18), 0 0 0 3px rgba(22, 130, 189, .08) !important;
}

.ag-account-page.logged-in .ag-account-details__actions {
    padding: 12px 16px !important;
    background: #fbfcfd !important;
}

.ag-account-page.logged-in .ag-account-details__submit {
    min-width: 190px !important;
    min-height: 44px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
}

/* One support component across dashboard and booking detail. */
.ag-account-page.logged-in .azergid-customer-support,
.ag-account-page.logged-in .ag-booking-detail-v2__support .azergid-customer-support {
    margin-top: 14px !important;
    padding: 15px 16px !important;
    border: 1px solid #dfe7ed !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 5px 16px rgba(16, 35, 59, .04) !important;
}

.ag-account-page.logged-in .azergid-customer-support__title {
    color: #10233b !important;
    font-size: 14px !important;
}

.ag-account-page.logged-in .azergid-customer-support__text {
    color: #718296 !important;
    font-size: 11px !important;
}

.ag-account-page.logged-in .azergid-customer-support__contacts a {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #d9e2e9;
    border-radius: 9px;
    background: #f8fafb;
    padding: 7px 10px;
    color: #31516b;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.ag-account-page.logged-in .azergid-customer-support__contacts a:hover,
.ag-account-page.logged-in .azergid-customer-support__contacts a:focus-visible {
    border-color: #bdccd7;
    background: #f2f6f9;
}

@media (max-width: 1040px) {
    .ag-account-page.logged-in .woocommerce:has(.ag-account-nav) {
        width: min(100% - 28px, 960px) !important;
        grid-template-columns: 220px minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-links {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-card:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .ag-account-page.logged-in .azergid-page {
        padding-top: 14px !important;
    }

    .ag-account-page.logged-in .woocommerce:has(.ag-account-nav) {
        width: min(100% - 24px, 760px) !important;
        margin: 0 auto 48px !important;
        display: block !important;
    }

    .ag-account-page.logged-in .woocommerce:has(.ag-account-nav) .ag-account-nav {
        position: relative !important;
        top: auto !important;
        margin-bottom: 14px !important;
        padding: 10px 12px !important;
        border-radius: 14px !important;
    }

    .ag-account-page.logged-in .ag-account-nav__header {
        min-height: 42px !important;
        padding: 0 !important;
    }

    .ag-account-page.logged-in .ag-account-nav__title {
        font-size: 16px !important;
    }

    .ag-account-page.logged-in .ag-account-nav__mobile {
        max-width: 70% !important;
    }

    .ag-account-page.logged-in .ag-account-nav__mobile summary {
        min-height: 40px !important;
        border-color: #dfe7ed !important;
        border-radius: 9px !important;
        background: #f8fafb !important;
    }

    .ag-account-page.logged-in .ag-account-nav__list--mobile {
        border-color: #dfe7ed !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-shadow: 0 16px 36px rgba(16, 35, 59, .12) !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-links {
        grid-template-columns: 1fr !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-card:last-child {
        grid-column: auto;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-card {
        min-height: 142px;
    }

    .ag-account-page.logged-in .ag-account-bookings .ag-booking-card--list {
        grid-template-columns: 112px minmax(0, 1fr) !important;
        gap: 13px !important;
        min-height: 0 !important;
    }
}

@media (max-width: 640px) {
    .ag-account-page.logged-in .woocommerce:has(.ag-account-nav) {
        width: min(100% - 20px, 560px) !important;
    }

    .ag-account-page.logged-in .ag-account-nav__mobile {
        max-width: 66% !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__hero,
    .ag-account-page.logged-in .ag-account-bookings__header,
    .ag-account-page.logged-in .ag-account-details__header {
        padding-bottom: 14px !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__hero h1,
    .ag-account-page.logged-in .ag-account-bookings__header h1,
    .ag-account-page.logged-in .ag-account-details__title {
        font-size: 27px !important;
        line-height: 1.12 !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__hero p:last-child,
    .ag-account-page.logged-in .ag-account-bookings__header > p:last-child,
    .ag-account-page.logged-in .ag-account-details__intro {
        font-size: 12px !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-card {
        min-height: 0;
        padding: 15px !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-icon {
        width: 36px;
        height: 36px;
        margin-bottom: 11px;
    }

    .ag-account-page.logged-in .ag-account-dashboard__empty {
        min-height: 0;
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-areas: "icon title" "icon copy" "action action";
        gap: 3px 12px;
        padding: 16px !important;
    }

    .ag-account-dashboard__empty-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .ag-account-page.logged-in .ag-account-dashboard__empty .ag-button {
        width: 100%;
        margin-top: 10px;
    }

    .ag-account-page.logged-in .ag-account-bookings .ag-booking-card--list {
        grid-template-columns: 96px minmax(0, 1fr) !important;
        padding: 12px !important;
    }

    .ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__media,
    .ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__media img,
    .ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__media-fallback {
        min-height: 96px !important;
        height: 96px !important;
    }

    .ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__side {
        grid-template-columns: 1fr !important;
    }

    .ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__side .ag-button {
        width: 100%;
    }

    .ag-account-page.logged-in .ag-booking-detail-v2__title {
        font-size: 31px !important;
    }

    .ag-account-page.logged-in .ag-booking-detail-v2__hero,
    .ag-account-page.logged-in .ag-booking-detail-v2__grid > section,
    .ag-account-page.logged-in .ag-account-details__card {
        padding: 14px !important;
    }

    .ag-account-page.logged-in .ag-booking-detail-v2__actions {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .ag-account-page.logged-in .ag-booking-detail-v2__actions-title {
        margin-right: 0 !important;
    }

    .ag-account-page.logged-in .ag-booking-detail-v2__actions .ag-button {
        width: 100% !important;
    }

    .ag-account-page.logged-in .ag-account-details__fields,
    .ag-account-page.logged-in .ag-account-details__fields--password {
        grid-template-columns: 1fr !important;
    }

    .ag-account-page.logged-in .ag-account-details__actions {
        padding: 10px 14px !important;
    }

    .ag-account-page.logged-in .ag-account-details__submit {
        width: 100% !important;
        min-width: 0 !important;
    }

    .ag-account-page.logged-in .azergid-customer-support,
    .ag-account-page.logged-in .ag-booking-detail-v2__support .azergid-customer-support {
        grid-template-columns: 1fr !important;
        grid-template-areas: "title" "text" "contacts" !important;
        gap: 5px !important;
    }

    .ag-account-page.logged-in .azergid-customer-support__contacts {
        width: 100%;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        margin-top: 8px !important;
    }

    .ag-account-page.logged-in .azergid-customer-support__contacts a {
        width: 100%;
        justify-content: center;
    }
}