/* OTPS 3.6.1 — front-end 1400px and responsive hardening. */
:root { --otps-front-canvas-max: 1400px; }
:is(.mpol-wrap,.mpol-header-auth,.mpol-popup-overlay,.mpol-account-auth,.mpol-account-dashboard),
:is(.mpol-wrap,.mpol-header-auth,.mpol-popup-overlay,.mpol-account-auth,.mpol-account-dashboard) * {
    box-sizing: border-box !important;
}
:is(.mpol-wrap,.mpol-header-auth,.mpol-popup-overlay,.mpol-account-auth,.mpol-account-dashboard) svg {
    display: block !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.mpol-account-dashboard {
    width: min(var(--otps-front-canvas-max), calc(100% - 40px)) !important;
    max-width: var(--otps-front-canvas-max) !important;
    margin-inline: auto !important;
}
.mpol-account-layout,
.mpol-account-main,
.mpol-account-sidebar,
.mpol-account-profile-section,
.mpol-account-hero,
.mpol-account-cards,
.mpol-profile-fields {
    min-width: 0 !important;
}
.mpol-account-card-copy,
.mpol-account-identity > div {
    min-width: 0 !important;
}
.mpol-account-card-copy :is(strong,small),
.mpol-account-identity :is(h2,p,small) {
    overflow-wrap: anywhere !important;
}
.mpol-account-card-icon,
.mpol-account-section-heading > span,
.mpol-account-sidebar-title > span {
    flex: 0 0 auto !important;
}
.mpol-account-card-icon svg,
.mpol-account-section-heading svg,
.mpol-account-sidebar-title svg {
    width: 22px !important;
    height: 22px !important;
    stroke: currentColor !important;
}
.mpol-account-profile-form :is(input,select,textarea),
.mpol-wrap :is(input,select,textarea),
.mpol-account-auth :is(input,select,textarea) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
.mpol-popup-box {
    width: min(520px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 24px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
}
.mpol-woocommerce-account-themed .woocommerce {
    width: min(var(--otps-front-canvas-max), calc(100% - 40px)) !important;
    max-width: var(--otps-front-canvas-max) !important;
    margin-inline: auto !important;
}
.mpol-woocommerce-account-themed .woocommerce-MyAccount-content,
.mpol-woocommerce-account-themed .woocommerce-MyAccount-navigation {
    min-width: 0 !important;
}
.mpol-woocommerce-account-themed .woocommerce-MyAccount-content :is(table,.shop_table) {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 980px) {
    .mpol-account-layout {
        grid-template-columns: 1fr !important;
    }
    .mpol-account-sidebar {
        position: static !important;
        top: auto !important;
    }
    .mpol-account-sidebar .mpol-account-cards,
    .mpol-account-cards {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
    .mpol-woocommerce-account-themed .woocommerce {
        display: flex !important;
        flex-direction: column !important;
    }
    .mpol-woocommerce-account-themed .woocommerce-MyAccount-navigation,
    .mpol-woocommerce-account-themed .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
    }
    .mpol-woocommerce-account-themed .woocommerce-MyAccount-navigation ul {
        display: grid !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: 7px !important;
    }
}

@media (max-width: 680px) {
    .mpol-account-dashboard,
    .mpol-woocommerce-account-themed .woocommerce {
        width: calc(100% - 20px) !important;
        margin: 10px auto !important;
    }
    .mpol-account-dashboard {
        padding: 10px !important;
        border-radius: 22px !important;
    }
    .mpol-account-sidebar,
    .mpol-account-hero,
    .mpol-account-profile-section {
        padding: 14px !important;
        border-radius: 18px !important;
    }
    .mpol-account-sidebar .mpol-account-cards,
    .mpol-account-cards,
    .mpol-profile-fields {
        grid-template-columns: 1fr !important;
    }
    .mpol-account-card {
        min-height: 64px !important;
        grid-template-columns: 42px minmax(0,1fr) 18px !important;
    }
    .mpol-account-hero {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .mpol-account-identity {
        align-items: flex-start !important;
    }
    .mpol-account-completion {
        display: none !important;
    }
    .mpol-profile-wide {
        grid-column: auto !important;
    }
    .mpol-profile-save,
    .mpol-account-profile-form button[type="submit"] {
        width: 100% !important;
    }
    .mpol-woocommerce-account-themed .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
    .mpol-woocommerce-account-themed .woocommerce-MyAccount-content {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 420px) {
    .mpol-woocommerce-account-themed .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr !important;
    }
    .mpol-account-avatar img {
        width: 60px !important;
        height: 60px !important;
    }
    .mpol-account-hero h2 {
        font-size: 19px !important;
    }
}