/* =========================================================
   Customer account, wishlist, saved basket and privacy styling
   Generated from xcustom-route-split-baseline.css
   Preserve load order: core, phoenix where required, then route bundle.
   ========================================================= */

/* Wishlist prices are displayed in the Phoenix favourites cards below. */

body.account main#maincontent {
    box-sizing: border-box;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 36px 24px 72px !important;
}

/* Wishlist layout and actions are defined in the Phoenix section below. */


.block.account-nav .title.account-nav-title {
    border-bottom: 2px solid var(--xamax-color-orange);
    padding: 10px 0;
}
.account .sidebar .nav.items li {
    position: relative;
}



.shareandmulticart-sharecart-viewitems .page-title-wrapper {
    text-align: center;
}

.shareandmulticart-sharecart-viewitems .page-title-wrapper h1 {
    border-bottom: 2px solid var(--xamax-color-orange);
    display: inline-block;
    margin: 20px auto;
}

.shareandmulticart-sharecart-viewitems table#shopping-cart-table {
    width: 90%;
    margin: 0 auto;
}

.shareandmulticart-sharecart-viewitems table#shopping-cart-table tr {
    border-bottom: 1px solid  var(--xamax-color-border-light);
}

.shareandmulticart-sharecart-viewitems table#shopping-cart-table img {
    width: 100px;
    border: 1px solid  var(--xamax-color-border-light);
    border-radius: 8px;
    box-shadow: 0 3px 5px  var(--xamax-color-border-light);
}

.shareandmulticart-sharecart-viewitems .cart.main.actions.save_cart_action {
    margin: 0 100px 60px;
    text-align: center;
    background: none;
}

.shareandmulticart-sharecart-viewitems button.action.update span {
    background-color: var(--xamax-color-orange);
    padding: 20px 50px;
    width: 100% !important;
    min-height: 80px;
    border-radius: 50px !important;
    color: var(--xamax-color-blue);
    font-weight: 700;
    font-size: 1.4em;
    border: 2px solid var(--xamax-color-blue);
    box-shadow: 0 3px 5px  var(--xamax-color-border-light);
}

.shareandmulticart-sharecart-viewitems button.action.update span:hover {
    background-color: var(--xamax-color-orange);
    border: 2px solid var(--xamax-color-orange);
    color: #fff;
    box-shadow: none;
}


/* =========================================================
   Phoenix logged-in account shell
   ========================================================= */

.account.page-layout-2columns-left .columns {
    display: grid !important;
    grid-template-columns: 240px minmax(0, 1fr);
    grid-template-areas:
        "sidebar-main main"
        "sidebar-additional main";
    gap: 22px 28px;
    align-items: start;
    width: 100%;
}

.account.page-layout-2columns-left .column.main {
    grid-area: main;
    float: none !important;
    width: auto !important;
    min-width: 0;
    padding: 0;
}

.account.page-layout-2columns-left .sidebar-main {
    grid-area: sidebar-main;
    float: none !important;
    width: auto !important;
    min-width: 0;
    padding: 0;
}

.account.page-layout-2columns-left .sidebar-additional {
    grid-area: sidebar-additional;
    float: none !important;
    width: auto !important;
    min-width: 0;
    padding: 0;
}

/* Page heading */

.account .page-title-wrapper {
    margin: 0 0 24px;
    border: 0;
}

.account h1.page-title {
    display: block;
    margin: 0;
    padding: 0 0 14px;
    border: 0;
    border-bottom: 3px solid var(--xamax-color-orange, #ffa61b);
    color: var(--xamax-color-blue, #004991);
    font-size: clamp(2.8rem, 3vw, 4rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.02em;
    text-align: left;
}

/* Account navigation */

.account .block.account-nav {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 5px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 73, 145, 0.08);
}

.account .account-nav .title.account-nav-title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 17px 18px;
    border: 0;
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

.account .account-nav .title.account-nav-title strong {
    color: #ffffff;
    font-size: 1.65rem;
    font-weight: 800 !important;
    line-height: 1.2;
}

.account .account-nav-content {
    padding: 6px 0;
    background: #ffffff;
}

.account .account-nav .nav.items {
    margin: 0;
    padding: 0;
}

.account .account-nav .nav.item {
    margin: 0;
    padding: 0;
    border: 0 !important;
    font-size: 1.4rem;
}

.account .account-nav .nav.item + .nav.item {
    border-top: 1px solid rgba(0, 73, 145, 0.10) !important;
}

.account .account-nav .nav.item > a,
.account .account-nav .nav.item > strong {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 16px;
    color: var(--xamax-color-blue, #004991);
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
}

.account .account-nav .nav.item > a:hover,
.account .account-nav .nav.item > a:focus {
    background: var(--xamax-color-page-bg, #f4f9fd);
    color: #00366c;
}

.account .account-nav .nav.item.current {
    background: var(--xamax-color-page-bg, #f4f9fd);
}

.account .account-nav .nav.item.current > strong {
    padding-left: 12px;
    border-left: 4px solid var(--xamax-color-orange, #ffa61b);
    color: var(--xamax-color-blue, #004991);
    font-weight: 800;
}

.account-nav-content .nav.item.current::before {
    display: none !important;
}

/* Additional account sidebar */

.account .sidebar-additional .amtheme-sidebar-block {
    box-sizing: border-box;
    margin: 0 0 18px;
    padding: 18px;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(0, 73, 145, 0.06);
}

.account .sidebar-additional .amtheme-heading {
    margin: 0 0 13px;
}

.account .sidebar-additional .amtheme-title {
    display: block;
    margin: 0;
    padding: 0 0 9px;
    border: 0;
    border-bottom: 2px solid var(--xamax-color-orange, #ffa61b);
    color: var(--xamax-color-blue, #004991);
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.25;
}

.account .sidebar-additional .amtheme-empty {
    color: #607384;
    font-size: 1.3rem;
    line-height: 1.45;
}

@supports selector(:has(*)) {
    .account .amtheme-sidebar-compare:has(.amtheme-empty) {
        display: none;
    }
}

.account .sidebar-additional .amtheme-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.account .sidebar-additional .amtheme-item {
    margin: 0;
    padding: 10px 0;
    border: 0;
}

.account .sidebar-additional .amtheme-item + .amtheme-item {
    border-top: 1px solid rgba(0, 73, 145, 0.10);
}

.account .sidebar-additional .amtheme-name {
    color: var(--xamax-color-blue, #004991);
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.35;
}

.account .sidebar-additional .amtheme-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.account .sidebar-additional .amtheme-actions button,
.account .sidebar-additional .amtheme-actions .action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 36px;
    margin: 0;
    padding: 7px 14px;
    border: 1px solid var(--xamax-color-blue, #004991);
    border-radius: 50px;
    background: #ffffff;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none;
}

.account .sidebar-additional .amtheme-actions button:hover,
.account .sidebar-additional .amtheme-actions button:focus,
.account .sidebar-additional .amtheme-actions .action:hover,
.account .sidebar-additional .amtheme-actions .action:focus {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

/* =========================================================
   Phoenix account dashboard
   ========================================================= */

.customer-account-index .amtheme-dashboard-info {
    margin: 0 0 20px;
}

.customer-account-index
.amtheme-dashboard-info
> .amtheme-content {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
    gap: 18px;
}

.customer-account-index
.amtheme-dashboard-info
.amtheme-card-block,
.customer-account-index
.amtheme-addresses-block,
.customer-account-index
.amtheme-dashboard-orders {
    box-sizing: border-box;
    margin: 0;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 5px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 9px 26px rgba(0, 73, 145, 0.08);
}

.customer-account-index
.amtheme-dashboard-info
.amtheme-card-block {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 24px;
}

.customer-account-index
.amtheme-dashboard-info
.amtheme-card-block
> .amtheme-title {
    display: block;
    margin: 0 0 18px;
    padding: 0 0 10px;
    border: 0;
    border-bottom: 2px solid rgba(255, 166, 27, 0.75);
    color: var(--xamax-color-blue, #004991);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.25;
}

.customer-account-index
.amtheme-dashboard-info
.amtheme-card-block
> .amtheme-content {
    margin: 0;
    color: #33485a;
    font-size: 1.45rem;
    line-height: 1.55;
}

.customer-account-index
.amtheme-information
.amtheme-content {
    margin: 0;
    padding: 0;
    list-style: none;
}

.customer-account-index
.amtheme-information
.amtheme-item {
    margin: 0;
    padding: 0;
}

.customer-account-index .amtheme-customer-name,
.customer-account-index .amtheme-customer-email {
    display: block;
}

.customer-account-index .amtheme-customer-name {
    color: var(--xamax-color-blue, #004991);
    font-weight: 800;
}

.customer-account-index .amtheme-customer-email {
    margin-top: 4px;
    color: #4d6070;
}

/* Dashboard actions */

.customer-account-index .amtheme-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 20px;
}

.customer-account-index
.amtheme-dashboard-info
.amtheme-actions {
    margin-top: auto;
    padding-top: 20px;
}

.customer-account-index
.amtheme-actions
.action,
.customer-account-index
.amtheme-heading
> .action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 38px;
    margin: 0;
    padding: 8px 15px;
    border: 1px solid rgba(0, 73, 145, 0.34);
    border-radius: 50px;
    background: #ffffff !important;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.3rem;
    font-weight: 800 !important;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none;
}

.customer-account-index
.amtheme-actions
.action:hover,
.customer-account-index
.amtheme-actions
.action:focus,
.customer-account-index
.amtheme-heading
> .action:hover,
.customer-account-index
.amtheme-heading
> .action:focus {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991) !important;
    color: #ffffff !important;
}

/* Address book */

.customer-account-index
.amtheme-addresses-block {
    margin-bottom: 20px;
}

.customer-account-index
.amtheme-addresses-block
> .amtheme-heading,
.customer-account-index
.amtheme-dashboard-orders
> .amtheme-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    box-sizing: border-box;
    padding: 21px 24px;
    border-bottom: 1px solid rgba(0, 73, 145, 0.12);
}

.customer-account-index
.amtheme-addresses-block
> .amtheme-heading
> .amtheme-title,
.customer-account-index
.amtheme-dashboard-orders
> .amtheme-heading
> .amtheme-title {
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--xamax-color-blue, #004991);
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.25;
}

.customer-account-index
.amtheme-addresses-block
> .amtheme-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background: #ffffff;
}

.customer-account-index .amtheme-address-card {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-width: 0;
    padding: 24px;
}

.customer-account-index
.amtheme-address-card
+ .amtheme-address-card {
    border-left: 1px solid rgba(0, 73, 145, 0.12);
}

.customer-account-index
.amtheme-address-card
.amtheme-wrapper {
    flex: 1 1 auto;
}

.customer-account-index
.amtheme-address-card
.amtheme-title {
    display: block;
    margin: 0 0 13px;
    padding: 0;
    border: 0;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.3;
}

.customer-account-index
.amtheme-address-card
address {
    margin: 0;
    color: #33485a;
    font-size: 1.4rem;
    font-style: normal;
    line-height: 1.5;
}

.customer-account-index
.amtheme-address-card
address a {
    color: var(--xamax-color-blue, #004991);
    font-weight: 700;
}

/* Recent orders */

.customer-account-index
.amtheme-dashboard-orders
> .amtheme-content {
    padding: 0 20px 20px;
}

.customer-account-index
.orders-recent {
    width: 100%;
    overflow-x: auto;
    border: 1px solid rgba(0, 73, 145, 0.16);
    border-radius: 12px;
}

.customer-account-index #my-orders-table {
    width: 100%;
    min-width: 720px;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.customer-account-index
#my-orders-table
th {
    padding: 14px 13px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff !important;
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1.25;
    text-align: left;
    white-space: nowrap;
}

.customer-account-index
#my-orders-table
th:last-child {
    border-right: 0;
}

.customer-account-index
#my-orders-table
td {
    padding: 13px;
    border: 0;
    border-bottom: 1px solid rgba(0, 73, 145, 0.10);
    color: #263949;
    font-size: 1.3rem;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}

.customer-account-index
#my-orders-table
tbody tr:nth-child(even) {
    background: var(--xamax-color-page-bg, #f4f9fd);
}

.customer-account-index
#my-orders-table
tbody tr:hover {
    background: rgba(0, 73, 145, 0.07);
}

.customer-account-index
#my-orders-table
tbody tr:last-child
td {
    border-bottom: 0;
}

.customer-account-index
#my-orders-table
td.col.id a {
    color: var(--xamax-color-blue, #004991);
    font-weight: 800;
}

.customer-account-index
#my-orders-table
.col.total {
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}

.customer-account-index
#my-orders-table
.col.status,
.customer-account-index
#my-orders-table
.col.actions {
    text-align: center;
}

.customer-account-index .amtheme-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 50px;
    background: #eef3f7;
    color: #435665;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.customer-account-index .amtheme-status.-new {
    background: #fff2d9;
    color: #735000;
}

.customer-account-index .amtheme-status.-canceled {
    background: #eef0f2;
    color: #59636c;
}

.customer-account-index
#my-orders-table
.action.order {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 34px;
    margin: 0;
    padding: 6px 13px;
    border: 1px solid var(--xamax-color-blue, #004991) !important;
    border-radius: 50px;
    background: var(--xamax-color-orange, #ffa61b) !important;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.2rem;
    font-weight: 800 !important;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none;
}

.customer-account-index
#my-orders-table
.action.order:hover,
.customer-account-index
#my-orders-table
.action.order:focus {
    border-color: var(--xamax-color-blue, #004991) !important;
    background: var(--xamax-color-blue, #004991) !important;
    color: #ffffff !important;
}

/* Messages */

.account .message.info {
    border-radius: 10px;
    background: var(--xamax-color-page-bg, #f4f9fd);
}

/* Privacy pages retained from the previous account stylesheet */

div#privacy-policy-nav-content {
    border-right: 1px solid var(--xamax-color-border-light);
}

.amtheme-privacy-container li.amtheme-item {
    border-bottom: 2px solid var(--xamax-color-border-light);
}

.amtheme-privacy-container .amtheme-title {
    color: var(--xamax-color-blue);
    font-size: 1.4em;
    border-bottom: 2px solid var(--xamax-color-orange);
}

.amtheme-privacy-container h2 {
    display: inline-block;
    margin: 10px 0 20px;
    border-bottom: 2px solid var(--xamax-color-orange);
}

.amtheme-privacy-container table.data-table tr {
    border: 1px solid var(--xamax-color-border-light);
}

/* Tablet */

@media (max-width: 1024px) {
    .account.page-layout-2columns-left .columns {
        grid-template-columns: 215px minmax(0, 1fr);
        gap: 20px;
    }

    .customer-account-index
    .amtheme-dashboard-info
    > .amtheme-content {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Mobile account shell */

@media (max-width: 767px) {
    body.account main#maincontent {
        padding: 24px 16px 48px !important;
    }

    .account.page-layout-2columns-left .columns {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "sidebar-main"
            "main"
            "sidebar-additional";
        gap: 18px;
    }

    .account .account-nav .title.account-nav-title {
        cursor: pointer;
    }

    .customer-account-index
    .amtheme-addresses-block
    > .amtheme-heading,
    .customer-account-index
    .amtheme-dashboard-orders
    > .amtheme-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .customer-account-index
    .amtheme-addresses-block
    > .amtheme-content {
        grid-template-columns: minmax(0, 1fr);
    }

    .customer-account-index
    .amtheme-address-card
    + .amtheme-address-card {
        border-top: 1px solid rgba(0, 73, 145, 0.12);
        border-left: 0;
    }
}

/* =========================================================
   Phoenix account — favourites
   ========================================================= */

/* The page already contains the favourites list, so the
   repeated sidebar wishlist and recently ordered blocks add noise. */

.wishlist-index-index .sidebar-additional {
    display: none;
}

/* Form structure */

.wishlist-index-index #wishlist-view-form {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Move the useful bulk actions above the products */

.wishlist-index-index
#wishlist-view-form
> .actions-toolbar {
    order: -1;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 0 0 20px;
}

.wishlist-index-index
#wishlist-view-form
> .actions-toolbar
> .primary {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
    margin: 0;
}

/* Bulk actions */

.wishlist-index-index
#wishlist-view-form
> .actions-toolbar
.action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    margin: 0;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: none;
}

.wishlist-index-index
#wishlist-view-form
> .actions-toolbar
.action.share {
    border: 1px solid var(--xamax-color-blue, #004991);
    background: #ffffff;
    color: var(--xamax-color-blue, #004991);
}

.wishlist-index-index
#wishlist-view-form
> .actions-toolbar
.action.share:hover,
.wishlist-index-index
#wishlist-view-form
> .actions-toolbar
.action.share:focus {
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

.wishlist-index-index
#wishlist-view-form
> .actions-toolbar
.action.tocart {
    border: 2px solid var(--xamax-color-blue, #004991);
    background: var(--xamax-color-orange, #ffa61b);
    color: var(--xamax-color-blue, #004991);
}

.wishlist-index-index
#wishlist-view-form
> .actions-toolbar
.action.tocart:hover,
.wishlist-index-index
#wishlist-view-form
> .actions-toolbar
.action.tocart:focus {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

/* Product grid */

.wishlist-index-index
.products-grid.wishlist
.product-items {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    justify-items: stretch;
    gap: 24px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}


.wishlist-index-index
.products-grid.wishlist
.product-item {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: stretch;
    text-align: left;
}

.wishlist-index-index
.products-grid.wishlist
.product-item-info {
    position: relative;
    display: flex !important;
    flex-direction: column;
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    height: 100%;
    margin: 0 !important;
    padding: 24px !important;
    overflow: hidden;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 5px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 73, 145, 0.08);
}

/* Product image */

.wishlist-index-index
.products-grid.wishlist
.product-item-photo {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 21px;
    padding: 14px;
    border: 1px solid rgba(0, 73, 145, 0.08);
    border-radius: 12px;
    background: var(--xamax-color-page-bg, #f4f9fd);
}

.wishlist-index-index
.products-grid.wishlist
.product-image-container {
    display: block;
    width: 100% !important;
    max-width: none;
}

.wishlist-index-index
.products-grid.wishlist
.product-image-wrapper {
    display: block;
    padding-bottom: 100% !important;
    background: #ffffff;
}

.wishlist-index-index
.products-grid.wishlist
.product-image-photo {
    object-fit: contain;
}

/* Product title */

.wishlist-index-index
.products-grid.wishlist
.product-item-name {
    display: block;
    min-height: 2.8em;
    margin: 0 0 10px;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.4;
}

.wishlist-index-index
.products-grid.wishlist
.product-item-link {
    color: var(--xamax-color-blue, #004991);
    text-decoration: none;
}

.wishlist-index-index
.products-grid.wishlist
.product-item-link:hover,
.wishlist-index-index
.products-grid.wishlist
.product-item-link:focus {
    color: #00366c;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Price */

.wishlist-index-index
.products-grid.wishlist
.price-box {
    display: block !important;
    margin: 0 0 12px;
}

.wishlist-index-index
.products-grid.wishlist
.price-box
.price {
    color: var(--xamax-color-blue, #004991);
    font-size: 1.65rem;
    font-weight: 800;
}

.wishlist-index-index
.products-grid.wishlist
.old-price {
    margin-left: 7px;
}

.wishlist-index-index
.products-grid.wishlist
.old-price
.price {
    color: #73818d;
    font-size: 1.25rem;
    font-weight: 500;
    text-decoration: line-through;
}

/* Stock status */

.wishlist-index-index
.products-grid.wishlist
.stock {
    display: inline-flex;
    align-self: flex-start;
    margin: 0 0 12px;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.2;
}

.wishlist-index-index
.products-grid.wishlist
.stock.available {
    background: #e8f5df;
    color: #356600;
}

.wishlist-index-index
.products-grid.wishlist
.stock.unavailable {
    background: #f5e9e7;
    color: #80352d;
}

/* Make card controls permanently accessible rather than hover-only */

.wishlist-index-index
.products-grid.wishlist
.product-item-inner {
    position: static !important;
    display: flex !important;
    flex: 0 0 auto;
    flex-direction: column;
    box-sizing: border-box;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 18px 0 0;
    padding: 18px;
    overflow: visible !important;
    border: 1px solid rgba(0, 73, 145, 0.11);
    border-radius: 12px;
    background: var(--xamax-color-page-bg, #f4f9fd) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
}

/* More/details control */

.wishlist-index-index
.products-grid.wishlist
.amtheme-more-button {
    align-self: flex-start;
    min-height: 34px;
    margin: 0 0 12px;
    padding: 5px 12px;
    border: 1px solid rgba(0, 73, 145, 0.28);
    border-radius: 8px;
    background: #ffffff !important;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: none;
}

.wishlist-index-index
.products-grid.wishlist
.amtheme-more-button:hover,
.wishlist-index-index
.products-grid.wishlist
.amtheme-more-button:focus {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991) !important;
    color: #ffffff;
}

/* Saved product options */

.wishlist-index-index
.products-grid.wishlist
.product-details {
    margin: 0 0 13px;
    padding: 12px;
    border: 1px solid rgba(0, 73, 145, 0.11);
    border-radius: 10px;
    background: var(--xamax-color-page-bg, #f4f9fd);
}

.wishlist-index-index
.products-grid.wishlist
.product-details
> .title {
    display: block;
    margin: 0 0 8px;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.25rem;
    font-weight: 800;
}

.wishlist-index-index
.products-grid.wishlist
.product-details
.item {
    display: flex;
    gap: 5px;
    margin: 4px 0 0;
    color: #4d6070;
    font-size: 1.2rem;
    line-height: 1.4;
}

.wishlist-index-index
.products-grid.wishlist
.product-details
.item
.label {
    color: #33485a;
    font-weight: 800;
}

/* Optional saved note */

.wishlist-index-index
.products-grid.wishlist
.comment-box {
    margin: 0 0 10px;
}

.wishlist-index-index
.products-grid.wishlist
.comment-box
.label {
    display: block;
    margin: 0 0 6px;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.25rem;
    font-weight: 800;
}

.wishlist-index-index
.products-grid.wishlist
.product-item-comment {
    box-sizing: border-box;
    width: 100%;
    min-height: 68px;
    padding: 10px 11px;
    resize: vertical;
    border: 1px solid var(--xamax-color-border-light, #cfdde5);
    border-radius: 9px;
    background: #ffffff;
    color: #33485a;
    font-size: 1.3rem;
    box-shadow: none;
}

.wishlist-index-index
.products-grid.wishlist
.product-item-comment:focus {
    border-color: var(--xamax-color-orange, #ffa61b);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(255, 166, 27, 0.18);
}

.wishlist-index-index
.products-grid.wishlist
.product-item-comment:disabled {
    background: #f0f2f4;
    color: #77828b;
}

/* Update saved note */

.wishlist-index-index
.products-grid.wishlist
.amtheme-update-box {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 13px;
}

.wishlist-index-index
.products-grid.wishlist
.amtheme-update {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 6px 12px;
    border: 1px solid rgba(0, 73, 145, 0.28);
    border-radius: 8px;
    background: #ffffff;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.2rem;
    font-weight: 800;
    box-shadow: none;
}

.wishlist-index-index
.products-grid.wishlist
.amtheme-update:hover,
.wishlist-index-index
.products-grid.wishlist
.amtheme-update:focus {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

/* Quantity */

.wishlist-index-index
.products-grid.wishlist
.box-tocart {
    display: block !important;
    margin-top: 14px;
}

.wishlist-index-index
.products-grid.wishlist
.box-tocart
.fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.wishlist-index-index
.products-grid.wishlist
.field.qty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 13px;
}

.wishlist-index-index
.products-grid.wishlist
.field.qty
> .label {
    margin: 0;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.25rem;
    font-weight: 800;
}

.wishlist-index-index
.products-grid.wishlist
.amtheme-qty-box {
    display: flex;
    align-items: center;
}

.wishlist-index-index
.products-grid.wishlist
.amtheme-minus {
    order: 1;
}

.wishlist-index-index
.products-grid.wishlist
input.amtheme-qty {
    order: 2;
    box-sizing: border-box;
    width: 48px;
    height: 36px;
    margin: 0;
    padding: 0 4px;
    border: 1px solid rgba(0, 73, 145, 0.25);
    border-radius: 0;
    background: #ffffff;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.35rem;
    font-weight: 800;
    text-align: center;
    box-shadow: none;
}

.wishlist-index-index
.products-grid.wishlist
.amtheme-plus {
    order: 3;
}

.wishlist-index-index
.products-grid.wishlist
.amtheme-minus,
.wishlist-index-index
.products-grid.wishlist
.amtheme-plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 73, 145, 0.25);
    background: var(--xamax-color-page-bg, #f4f9fd);
    color: var(--xamax-color-blue, #004991);
    cursor: pointer;
}

.wishlist-index-index
.products-grid.wishlist
.amtheme-minus {
    border-radius: 8px 0 0 8px;
}

.wishlist-index-index
.products-grid.wishlist
.amtheme-plus {
    border-radius: 0 8px 8px 0;
}

.wishlist-index-index
.products-grid.wishlist
.amtheme-minus:hover,
.wishlist-index-index
.products-grid.wishlist
.amtheme-minus:focus,
.wishlist-index-index
.products-grid.wishlist
.amtheme-plus:hover,
.wishlist-index-index
.products-grid.wishlist
.amtheme-plus:focus {
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

.wishlist-index-index
.products-grid.wishlist
.amtheme-minus
.amtheme-icon,
.wishlist-index-index
.products-grid.wishlist
.amtheme-plus
.amtheme-icon {
    width: 13px;
    height: 13px;
}

/* Item actions */

.wishlist-index-index
.products-grid.wishlist
.box-tocart
.product-item-actions {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin: 0;
}

.wishlist-index-index
.products-grid.wishlist
.actions-primary {
    min-width: 0;
}

.wishlist-index-index
.products-grid.wishlist
.action.tocart.secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 9px 15px;
    border: 2px solid var(--xamax-color-blue, #004991);
    border-radius: 50px;
    background: var(--xamax-color-orange, #ffa61b);
    color: var(--xamax-color-blue, #004991);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: none;
}

.wishlist-index-index
.products-grid.wishlist
.action.tocart.secondary:hover,
.wishlist-index-index
.products-grid.wishlist
.action.tocart.secondary:focus {
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

/* Remove is intentionally understated */

.wishlist-index-index
.products-grid.wishlist
.action.delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    margin: 0;
    padding: 6px 10px;
    border: 0 !important;
    border-radius: 8px;
    background: transparent !important;
    color: #7a3f38;
    font-size: 1.2rem;
    font-weight: 700 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    box-shadow: none;
}

.wishlist-index-index
.products-grid.wishlist
.action.delete:hover,
.wishlist-index-index
.products-grid.wishlist
.action.delete:focus {
    background: #f5e9e7 !important;
    color: #692b24 !important;
}

/* Wishlist editing is intentionally hidden on this view. */

.wishlist-index-index
.products-grid.wishlist
.product-item-actions.-edit {
    display: none !important;
}

/* Wishlist toolbar */

.wishlist-index-index
.wishlist-toolbar {
    order: 1;
    box-sizing: border-box;
    width: 100%;
    margin: 20px 0 0;
    padding: 14px 17px;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(0, 73, 145, 0.06);
}

.wishlist-index-index
.wishlist-toolbar
.pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
}

.wishlist-index-index
.wishlist-toolbar
.toolbar-amount {
    margin: 0;
    color: #4d6070;
    font-size: 1.35rem;
}

.wishlist-index-index
.wishlist-toolbar
.toolbar-number {
    color: var(--xamax-color-blue, #004991);
    font-weight: 800;
}

.wishlist-index-index
.wishlist-toolbar
.field.limiter {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.wishlist-index-index
.wishlist-toolbar
.limiter
.label,
.wishlist-index-index
.wishlist-toolbar
.limiter-text {
    margin: 0;
    color: #607384;
    font-size: 1.3rem;
    white-space: nowrap;
}

.wishlist-index-index
.wishlist-toolbar
.amtheme-select-block {
    box-sizing: border-box;
    min-width: 72px;
    min-height: 38px;
    border: 1px solid rgba(0, 73, 145, 0.25);
    border-radius: 8px;
    background: #ffffff;
}

.wishlist-index-index
.wishlist-toolbar
.amtheme-placeholder {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 36px;
    padding: 7px 30px 7px 12px;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.3rem;
    font-weight: 800;
}

/* Share popup */

.wishlist-index-index
.amtheme-popup-block.-wishlist
.popup-inner {
    box-sizing: border-box;
    width: min(100%, 620px);
    max-width: 620px;
    overflow: hidden;
    border: 1px solid rgba(0, 73, 145, 0.16);
    border-top: 5px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(0, 36, 72, 0.25);
}

.wishlist-index-index
.amtheme-popup-block.-wishlist
.form-heading {
    padding: 24px 28px 18px;
    border-bottom: 1px solid rgba(0, 73, 145, 0.11);
    background: var(--xamax-color-page-bg, #f4f9fd);
}

.wishlist-index-index
.amtheme-popup-block.-wishlist
.form-title {
    margin: 0;
    color: var(--xamax-color-blue, #004991);
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.2;
}

.wishlist-index-index
.amtheme-popup-block.-wishlist
.block-content {
    padding: 24px 28px 28px;
}

.wishlist-index-index
.amtheme-popup-block.-wishlist
.fieldset {
    margin: 0;
}

.wishlist-index-index
.amtheme-popup-block.-wishlist
.legend {
    margin: 0 0 18px;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.6rem;
    font-weight: 800;
}

.wishlist-index-index
.amtheme-popup-block.-wishlist
.field {
    margin: 0 0 17px;
}

.wishlist-index-index
.amtheme-popup-block.-wishlist
.field
> .label {
    display: block;
    margin: 0 0 7px;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.35rem;
    font-weight: 700;
}

.wishlist-index-index
.amtheme-popup-block.-wishlist
input,
.wishlist-index-index
.amtheme-popup-block.-wishlist
textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 11px 13px;
    border: 1px solid var(--xamax-color-border-light, #cfdde5);
    border-radius: 10px;
    background: #ffffff;
    color: #33485a;
    font-size: 1.5rem;
    box-shadow: none;
}

.wishlist-index-index
.amtheme-popup-block.-wishlist
input:focus,
.wishlist-index-index
.amtheme-popup-block.-wishlist
textarea:focus {
    border-color: var(--xamax-color-orange, #ffa61b);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(255, 166, 27, 0.18);
}

.wishlist-index-index
.amtheme-popup-block.-wishlist
.action.submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 22px;
    border: 2px solid var(--xamax-color-blue, #004991);
    border-radius: 50px;
    background: var(--xamax-color-orange, #ffa61b);
    color: var(--xamax-color-blue, #004991);
    font-size: 1.4rem;
    font-weight: 800;
}

.wishlist-index-index
.amtheme-popup-block.-wishlist
.action.submit:hover,
.wishlist-index-index
.amtheme-popup-block.-wishlist
.action.submit:focus {
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

.wishlist-index-index
.amtheme-popup-block.-wishlist
.amtheme-button-close {
    border-radius: 8px;
}

/* Tablet */

@media (max-width: 1100px) {
    .wishlist-index-index
    .products-grid.wishlist
    .product-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */

@media (max-width: 767px) {
    .wishlist-index-index
    #wishlist-view-form
    > .actions-toolbar {
        justify-content: stretch;
    }

    .wishlist-index-index
    #wishlist-view-form
    > .actions-toolbar
    > .primary {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .wishlist-index-index
    #wishlist-view-form
    > .actions-toolbar
    .action {
        width: 100%;
    }

    .wishlist-index-index
    .products-grid.wishlist
    .product-items {
        grid-template-columns: minmax(0, 1fr);
    }

    .wishlist-index-index
    .products-grid.wishlist
    .product-item-info {
        padding: 17px;
    }

    .wishlist-index-index
    .products-grid.wishlist
    .product-item-photo {
        max-width: 320px;
        margin-right: auto;
        margin-left: auto;
    }

    .wishlist-index-index
    .wishlist-toolbar
    .pager {
        align-items: flex-start;
        flex-direction: column;
    }

    .wishlist-index-index
    .wishlist-toolbar
    .field.limiter {
        width: 100%;
        justify-content: space-between;
    }

    .wishlist-index-index
    .amtheme-popup-block.-wishlist
    .form-heading {
        padding: 21px 20px 16px;
    }

    .wishlist-index-index
    .amtheme-popup-block.-wishlist
    .block-content {
        padding: 21px 20px 24px;
    }
}

/* =========================================================
   Phoenix account — address book
   ========================================================= */

/* Recently ordered products are unrelated to address management. */

.customer-address-index .sidebar-additional {
    display: none;
}

/* Default billing and shipping addresses */

.customer-address-index
.amtheme-addresses-default {
    width: 100%;
    margin: 0 0 24px;
}

.customer-address-index
.amtheme-addresses-default
> .amtheme-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.customer-address-index
.amtheme-addresses-default
.amtheme-address-card {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-width: 0;
    min-height: 270px;
    padding: 25px;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 5px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 73, 145, 0.08);
}

.customer-address-index
.amtheme-addresses-default
.amtheme-wrapper {
    flex: 1 1 auto;
}

.customer-address-index
.amtheme-addresses-default
.amtheme-title {
    display: block;
    margin: 0 0 17px;
    padding: 0 0 11px;
    border-bottom: 1px solid rgba(0, 73, 145, 0.12);
    color: var(--xamax-color-blue, #004991);
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1.3;
}

.customer-address-index
.amtheme-addresses-default
address.amtheme-content {
    margin: 0;
    color: #33485a;
    font-size: 1.45rem;
    font-style: normal;
    line-height: 1.55;
}

.customer-address-index
.amtheme-addresses-default
address.amtheme-content a {
    color: var(--xamax-color-blue, #004991);
    font-weight: 700;
    text-decoration: none;
}

.customer-address-index
.amtheme-addresses-default
address.amtheme-content a:hover,
.customer-address-index
.amtheme-addresses-default
address.amtheme-content a:focus {
    color: #00366c;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Additional-address section */

.customer-address-index
.amtheme-addresses-block.-addresses-grid {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 5px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 9px 26px rgba(0, 73, 145, 0.08);
}

.customer-address-index
.amtheme-addresses-block.-addresses-grid
> .amtheme-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 21px 24px;
    border-bottom: 1px solid rgba(0, 73, 145, 0.12);
    background: #ffffff;
}

.customer-address-index
.amtheme-addresses-block.-addresses-grid
> .amtheme-heading
> .amtheme-title {
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--xamax-color-blue, #004991);
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.25;
}

/* Add-new-address action */

.customer-address-index
.amtheme-addresses-block.-addresses-grid
.action.add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 42px;
    margin: 0;
    padding: 9px 18px;
    border: 2px solid var(--xamax-color-blue, #004991) !important;
    border-radius: 50px;
    background: var(--xamax-color-orange, #ffa61b) !important;
    color: var(--xamax-color-blue, #004991) !important;
    font-size: 1.3rem;
    font-weight: 800 !important;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none;
}

.customer-address-index
.amtheme-addresses-block.-addresses-grid
.action.add:hover,
.customer-address-index
.amtheme-addresses-block.-addresses-grid
.action.add:focus {
    background: var(--xamax-color-blue, #004991) !important;
    color: #ffffff !important;
}

/* Saved-address grid */

.customer-address-index
#additional-addresses-table {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 24px;
    background: var(--xamax-color-page-bg, #f4f9fd);
}

.customer-address-index
#additional-addresses-table
.amtheme-card-wrap {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
}

.customer-address-index
#additional-addresses-table
.amtheme-address-card {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 240px;
    padding: 21px;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(0, 73, 145, 0.06);
}

/* Address summary rows */

.customer-address-index
#additional-addresses-table
.amtheme-row {
    display: grid;
    grid-template-columns: minmax(100px, 0.8fr) minmax(0, 1.2fr);
    gap: 12px;
    align-items: start;
    margin: 0;
    padding: 7px 0;
    border-bottom: 1px solid rgba(0, 73, 145, 0.08);
}

.customer-address-index
#additional-addresses-table
.amtheme-row:last-child {
    border-bottom: 0;
}

.customer-address-index
#additional-addresses-table
.amtheme-row
.amtheme-title {
    margin: 0;
    padding: 0;
    border: 0;
    color: #607384;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.35;
}

.customer-address-index
#additional-addresses-table
.amtheme-row
.amtheme-content {
    min-width: 0;
    color: #263949;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

/* Address actions */

.customer-address-index
.amtheme-address-card
> .amtheme-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    margin: auto 0 0;
    padding-top: 20px;
}

.customer-address-index
.amtheme-address-card
> .amtheme-actions
.action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 37px;
    margin: 0;
    padding: 7px 14px;
    font-size: 1.2rem;
    font-weight: 800 !important;
    line-height: 1.2;
    box-shadow: none;
}

/* Edit is the primary card action */

.customer-address-index
.amtheme-address-card
> .amtheme-actions
.action.edit {
    border: 1px solid var(--xamax-color-blue, #004991) !important;
    border-radius: 50px;
    background: #ffffff !important;
    color: var(--xamax-color-blue, #004991) !important;
    text-decoration: none;
}

.customer-address-index
.amtheme-address-card
> .amtheme-actions
.action.edit:hover,
.customer-address-index
.amtheme-address-card
> .amtheme-actions
.action.edit:focus {
    background: var(--xamax-color-blue, #004991) !important;
    color: #ffffff !important;
}

/* Delete remains deliberately understated */

.customer-address-index
.amtheme-address-card
> .amtheme-actions
.action.delete {
    border: 0 !important;
    border-radius: 8px;
    background: transparent !important;
    color: #7a3f38 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.customer-address-index
.amtheme-address-card
> .amtheme-actions
.action.delete:hover,
.customer-address-index
.amtheme-address-card
> .amtheme-actions
.action.delete:focus {
    background: #f5e9e7 !important;
    color: #692b24 !important;
}

/* The account navigation already provides the route back. */

.customer-address-index
.column.main
> .actions-toolbar {
    display: none;
}

/* Medium desktop and tablet */

@media (max-width: 1180px) {
    .customer-address-index
    #additional-addresses-table {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */

@media (max-width: 767px) {
    .customer-address-index
    .amtheme-addresses-default
    > .amtheme-content {
        grid-template-columns: minmax(0, 1fr);
    }

    .customer-address-index
    .amtheme-addresses-default
    .amtheme-address-card {
        min-height: 0;
        padding: 21px;
    }

    .customer-address-index
    .amtheme-addresses-block.-addresses-grid
    > .amtheme-heading {
        align-items: stretch;
        flex-direction: column;
        padding: 20px;
    }

    .customer-address-index
    .amtheme-addresses-block.-addresses-grid
    .action.add {
        width: 100%;
    }

    .customer-address-index
    #additional-addresses-table {
        grid-template-columns: minmax(0, 1fr);
        padding: 18px;
    }

    .customer-address-index
    #additional-addresses-table
    .amtheme-address-card {
        min-height: 0;
    }
}

@media (max-width: 440px) {
    .customer-address-index
    #additional-addresses-table
    .amtheme-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 2px;
    }
}

/* =========================================================
   Phoenix account — add/edit address form
   ========================================================= */

/* Address management does not need product recommendations. */

.customer-address-form .sidebar-additional {
    display: none;
}

/* Main form card */

.customer-address-form .form-address-edit {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 6px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 12px 34px rgba(0, 73, 145, 0.10);
}

/* Form sections */

.customer-address-form
.form-address-edit
> .fieldset {
    float: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 30px 36px 34px;
    border: 0;
}

.customer-address-form
.form-address-edit
> .fieldset
+ .fieldset {
    border-top: 1px solid rgba(0, 73, 145, 0.12);
}

.customer-address-form
.form-address-edit
> .fieldset
> .legend {
    display: block;
    float: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 24px;
    padding: 16px 0 12px;
    border: 0;
    border-bottom: 2px solid rgba(255, 166, 27, 0.75);
    color: var(--xamax-color-blue, #004991);
    font-size: 2.1rem;
    font-weight: 800;
    line-height: 1.2;
}

/* Two-column field groups */

.customer-address-form
.form-address-edit
.fields.-double {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 19px;
    width: 100%;
}

.customer-address-form
.form-address-edit
.field {
    box-sizing: border-box;
    min-width: 0;
    margin: 0 0 19px;
}

.customer-address-form
.form-address-edit
.fields.-double
> .field {
    margin: 0;
}

/* Street address remains full width */

.customer-address-form
.form-address-edit
.field.street {
    width: 100%;
    margin-bottom: 19px;
}

.customer-address-form
.form-address-edit
.field.street
.nested {
    display: grid;
    gap: 14px;
    margin-top: 14px;
}

.customer-address-form
.form-address-edit
.field.street
.nested
.field {
    width: 100%;
    margin: 0;
}

/* Labels */

.customer-address-form
.form-address-edit
.field
> .label {
    display: block;
    width: 100%;
    margin: 0 0 7px;
    padding: 0;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.35;
}

.customer-address-form
.form-address-edit
.field.required
> .label::after {
    color: #c62828;
}

/* Controls */

.customer-address-form
.form-address-edit
.control {
    box-sizing: border-box;
    width: 100%;
}

.customer-address-form
.form-address-edit
.input-text,
.customer-address-form
.form-address-edit
select {
    box-sizing: border-box;
    width: 100%;
    height: 52px;
    margin: 0;
    padding: 0 15px;
    border: 1px solid var(--xamax-color-border-light, #cfdde5);
    border-radius: 12px;
    background: #ffffff;
    color: var(--xamax-color-text, #20231f);
    font-size: 1.6rem;
    line-height: 1.2;
    box-shadow: none;
}

.customer-address-form
.form-address-edit
select {
    padding-right: 42px;
}

.customer-address-form
.form-address-edit
.input-text:hover,
.customer-address-form
.form-address-edit
select:hover {
    border-color: rgba(0, 73, 145, 0.42);
}

.customer-address-form
.form-address-edit
.input-text:focus,
.customer-address-form
.form-address-edit
select:focus {
    border-color: var(--xamax-color-orange, #ffa61b);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(255, 166, 27, 0.20);
}

.customer-address-form
.form-address-edit
.input-text:disabled,
.customer-address-form
.form-address-edit
select:disabled {
    border-color: #dde4e9;
    background: #f1f4f6;
    color: #77838d;
    opacity: 1;
}

.customer-address-form
.form-address-edit
.input-text.mage-error,
.customer-address-form
.form-address-edit
select.mage-error {
    border-color: #c62828;
}

.customer-address-form
.form-address-edit
div.mage-error[generated] {
    margin-top: 6px;
    color: #c62828;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
}

/* Fetchify postcode lookup */

.customer-address-form
.form-address-edit
.field.zip
.control {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.customer-address-form
.form-address-edit
.field.zip
.control
.input-text {
    flex: 1 1 220px;
    width: auto;
    min-width: 0;
}

.customer-address-form
.form-address-edit
.field.zip
.control
.message {
    flex: 0 0 100%;
}

.customer-address-form
.form-address-edit
button:not(.save),
.customer-address-form
.form-address-edit
input[type="button"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 46px;
    margin: 0;
    padding: 10px 20px;
    border: 1px solid var(--xamax-color-blue, #004991);
    border-radius: 50px;
    background: #ffffff;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: none;
}

.customer-address-form
.form-address-edit
button:not(.save):hover,
.customer-address-form
.form-address-edit
button:not(.save):focus,
.customer-address-form
.form-address-edit
input[type="button"]:hover,
.customer-address-form
.form-address-edit
input[type="button"]:focus {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

/* Default billing and shipping notices */

.customer-address-form
.form-address-edit
.fields.-am-block {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    margin: 26px 0 0;
}

.customer-address-form
.form-address-edit
.fields.-am-block
.message.info {
    box-sizing: border-box;
    min-height: 58px;
    margin: 0;
    border: 1px solid rgba(0, 73, 145, 0.12);
    border-left: 4px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 10px;
    background: var(--xamax-color-page-bg, #f4f9fd);
    color: #33485a;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.45;
}

/* Suppress JetTheme's decorative message icon. */

.customer-address-form
.form-address-edit
.fields.-am-block
.message.info::before {
    display: none;
}

/* Actions */

.customer-address-form
.form-address-edit
> .actions-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 28px 36px;
    border-top: 1px solid rgba(0, 73, 145, 0.12);
    background: var(--xamax-color-page-bg, #f4f9fd);
}

.customer-address-form
.form-address-edit
> .actions-toolbar::before,
.customer-address-form
.form-address-edit
> .actions-toolbar::after {
    display: none;
}

.customer-address-form
.form-address-edit
> .actions-toolbar
> .primary,
.customer-address-form
.form-address-edit
> .actions-toolbar
> .secondary {
    float: none;
    width: auto;
    margin: 0;
}

/* Save */

.customer-address-form
.form-address-edit
.action.save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 190px;
    min-height: 52px;
    margin: 0;
    padding: 12px 26px;
    border: 2px solid var(--xamax-color-blue, #004991);
    border-radius: 50px;
    background: var(--xamax-color-orange, #ffa61b);
    color: var(--xamax-color-blue, #004991);
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: 0 6px 14px rgba(255, 166, 27, 0.18);
}

.customer-address-form
.form-address-edit
.action.save:hover,
.customer-address-form
.form-address-edit
.action.save:focus {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
    box-shadow: none;
}

/* Back to address book */

.customer-address-form
.form-address-edit
.action.back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    margin: 0;
    padding: 9px 18px;
    border: 1px solid rgba(0, 73, 145, 0.30);
    border-radius: 50px;
    background: #ffffff;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.customer-address-form
.form-address-edit
.action.back:hover,
.customer-address-form
.form-address-edit
.action.back:focus {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

/* Tablet and mobile */

@media (max-width: 767px) {
    .customer-address-form
    .form-address-edit
    > .fieldset {
        padding: 25px 22px 28px;
    }

    .customer-address-form
    .form-address-edit
    .fields.-double,
    .customer-address-form
    .form-address-edit
    .fields.-am-block {
        grid-template-columns: minmax(0, 1fr);
    }

    .customer-address-form
    .form-address-edit
    > .actions-toolbar {
        align-items: stretch;
        flex-direction: column-reverse;
        padding: 24px 22px;
    }

    .customer-address-form
    .form-address-edit
    > .actions-toolbar
    > .primary,
    .customer-address-form
    .form-address-edit
    > .actions-toolbar
    > .secondary {
        width: 100%;
    }

    .customer-address-form
    .form-address-edit
    .action.save,
    .customer-address-form
    .form-address-edit
    .action.back {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .customer-address-form
    .form-address-edit {
        border-radius: 16px;
    }

    .customer-address-form
    .form-address-edit
    .field.zip
    .control {
        align-items: stretch;
        flex-direction: column;
    }

    .customer-address-form
    .form-address-edit
    .field.zip
    .control
    .input-text,
    .customer-address-form
    .form-address-edit
    .field.zip
    .control
    button,
    .customer-address-form
    .form-address-edit
    .field.zip
    .control
    input[type="button"] {
        width: 100%;
        flex-basis: auto;
    }
}

/* =========================================================
   Phoenix account — profile
   ========================================================= */

/* Product recommendations are unrelated to profile management. */

.customer-account-edit .sidebar-additional {
    display: none;
}

/* Main profile form */

.customer-account-edit
.form-edit-account {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 6px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 12px 34px rgba(0, 73, 145, 0.10);
}

/* Profile sections */

.customer-account-edit
.form-edit-account
> .fieldset {
    float: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 30px 36px;
    border: 0;
}

.customer-account-edit
.form-edit-account
> .fieldset.info {
    padding-bottom: 26px;
}

/* The legend repeats the page H1, so it is visually unnecessary. */

.customer-account-edit
.form-edit-account
> .fieldset.info
> .legend {
    display: none;
}

/* VAT section */

.customer-account-edit
.form-edit-account
> .fieldset:not(.info):not(.password) {
    padding-top: 26px;
    border-top: 1px solid rgba(0, 73, 145, 0.12);
    background: var(--xamax-color-page-bg, #f4f9fd);
}

/* Field layout */

.customer-account-edit
.form-edit-account
.fields.-double {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 19px;
    width: 100%;
}

.customer-account-edit
.form-edit-account
.field {
    box-sizing: border-box;
    min-width: 0;
    margin: 0;
}

/* A single field inside a two-column group should not be half-width. */

.customer-account-edit
.form-edit-account
> .fieldset:not(.info):not(.password)
.fields.-double {
    grid-template-columns: minmax(0, 1fr);
}

.customer-account-edit
.form-edit-account
> .fieldset:not(.info):not(.password)
.field.taxvat {
    max-width: 400px;
}

/* Labels */

.customer-account-edit
.form-edit-account
.field
> .label {
    display: block;
    width: 100%;
    margin: 0 0 7px;
    padding: 0;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.35;
}

.customer-account-edit
.form-edit-account
.field.required
> .label::after {
    color: #c62828;
}

/* Text fields */

.customer-account-edit
.form-edit-account
.control {
    box-sizing: border-box;
    width: 100%;
}

.customer-account-edit
.form-edit-account
.input-text {
    box-sizing: border-box;
    width: 100%;
    height: 52px;
    margin: 0;
    padding: 0 15px;
    border: 1px solid var(--xamax-color-border-light, #cfdde5);
    border-radius: 12px;
    background: #ffffff;
    color: var(--xamax-color-text, #20231f);
    font-size: 1.6rem;
    line-height: 1.2;
    box-shadow: none;
}

.customer-account-edit
.form-edit-account
.input-text:hover {
    border-color: rgba(0, 73, 145, 0.42);
}

.customer-account-edit
.form-edit-account
.input-text:focus {
    border-color: var(--xamax-color-orange, #ffa61b);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(255, 166, 27, 0.20);
}

.customer-account-edit
.form-edit-account
.input-text.mage-error {
    border-color: #c62828;
}

.customer-account-edit
.form-edit-account
div.mage-error[generated] {
    margin-top: 6px;
    color: #c62828;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
}

/* Remote shopping assistance */

.customer-account-edit
.form-edit-account
> .fields.-am-block {
    box-sizing: border-box;
    width: auto;
    margin: 0;
    padding: 0 36px 30px;
    background: var(--xamax-color-page-bg, #f4f9fd);
}

.customer-account-edit
.form-edit-account
.field.choice.-assistance {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 64px;
    margin: 0;
    padding: 17px 52px 17px 18px;
    border: 1px solid rgba(0, 73, 145, 0.13);
    border-left: 4px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 11px;
    background: #ffffff;
}

.customer-account-edit
.form-edit-account
.field.choice.-assistance
> .checkbox {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 0 11px 0 0;
    accent-color: var(--xamax-color-blue, #004991);
}

.customer-account-edit
.form-edit-account
.field.choice.-assistance
> .label {
    width: auto;
    margin: 0;
    color: #33485a;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}

/* Assistance tooltip */

.customer-account-edit
.form-edit-account
.field.choice.-assistance
.field-tooltip {
    position: absolute;
    top: 50%;
    right: 18px;
    margin: 0;
    transform: translateY(-50%);
}

.customer-account-edit
.form-edit-account
.field.choice.-assistance
.field-tooltip-action {
    color: var(--xamax-color-blue, #004991);
}

.customer-account-edit
.form-edit-account
.field.choice.-assistance
.field-tooltip-content {
    width: 300px;
    padding: 14px;
    border: 1px solid rgba(0, 73, 145, 0.18);
    border-radius: 10px;
    background: #ffffff;
    color: #33485a;
    font-size: 1.25rem;
    line-height: 1.45;
    box-shadow: 0 10px 28px rgba(0, 36, 72, 0.18);
}

/* Email and password panel.
   Magento continues to control whether this fieldset is visible. */

.customer-account-edit
.form-edit-account
> .fieldset.password {
    padding: 30px 36px 34px;
    border-top: 1px solid rgba(0, 73, 145, 0.12);
    background: #ffffff;
}

.customer-account-edit
.form-edit-account
> .fieldset.password
> .legend {
    display: block;
    float: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 24px;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 2px solid rgba(255, 166, 27, 0.75);
    color: var(--xamax-color-blue, #004991);
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.25;
}

/* Password strength */

.customer-account-edit
.form-edit-account
.password-strength-meter {
    box-sizing: border-box;
    margin-top: 8px;
    padding: 8px 11px;
    border-radius: 8px;
    background: var(--xamax-color-page-bg, #f4f9fd);
    color: #607384;
    font-size: 1.2rem;
    line-height: 1.35;
}

.customer-account-edit
.form-edit-account
.password-strength-meter-label {
    color: var(--xamax-color-blue, #004991);
    font-weight: 800;
}

/* Account action area */

.customer-account-edit
.form-edit-account
.amtheme-account-actions {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    border-top: 1px solid rgba(0, 73, 145, 0.12);
    background: var(--xamax-color-page-bg, #f4f9fd);
}

/* Change-email and change-password controls */

.customer-account-edit
.form-edit-account
.amtheme-account-actions
.amtheme-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    padding: 24px 36px 0;
}

.customer-account-edit
.form-edit-account
.field.choice.-as-link {
    position: relative;
    margin: 0;
}

.customer-account-edit
.form-edit-account
.field.choice.-as-link
> .checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.customer-account-edit
.form-edit-account
.field.choice.-as-link
> .label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    min-height: 42px;
    margin: 0;
    padding: 9px 17px;
    border: 1px solid var(--xamax-color-blue, #004991);
    border-radius: 50px;
    background: #ffffff;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
}

.customer-account-edit
.form-edit-account
.field.choice.-as-link
> .label:hover {
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

.customer-account-edit
.form-edit-account
.field.choice.-as-link
> .checkbox:focus-visible
+ .label {
    outline: 3px solid rgba(255, 166, 27, 0.35);
    outline-offset: 2px;
}

.customer-account-edit
.form-edit-account
.field.choice.-as-link
> .checkbox:checked
+ .label {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

/* Form footer */

.customer-account-edit
.form-edit-account
.amtheme-account-actions
> .actions-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 24px 36px 30px;
}

.customer-account-edit
.form-edit-account
.amtheme-account-actions
> .actions-toolbar::before,
.customer-account-edit
.form-edit-account
.amtheme-account-actions
> .actions-toolbar::after {
    display: none;
}

.customer-account-edit
.form-edit-account
.amtheme-account-actions
> .actions-toolbar
> .primary {
    float: none;
    width: auto;
    margin: 0;
}

/* Save */

.customer-account-edit
.form-edit-account
.action.save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 190px;
    min-height: 52px;
    margin: 0;
    padding: 12px 26px;
    border: 2px solid var(--xamax-color-blue, #004991);
    border-radius: 50px;
    background: var(--xamax-color-orange, #ffa61b);
    color: var(--xamax-color-blue, #004991);
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: 0 6px 14px rgba(255, 166, 27, 0.18);
}

.customer-account-edit
.form-edit-account
.action.save:hover,
.customer-account-edit
.form-edit-account
.action.save:focus {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
    box-shadow: none;
}

/* The generated back link points to the homepage rather than
   the account dashboard, so it should not be presented here. */

.customer-account-edit
.form-edit-account
.amtheme-account-actions
> .actions-toolbar
> .secondary {
    display: none;
}

/* Mobile */

@media (max-width: 767px) {
    .customer-account-edit
    .form-edit-account
    > .fieldset {
        padding: 25px 22px;
    }

    .customer-account-edit
    .form-edit-account
    .fields.-double {
        grid-template-columns: minmax(0, 1fr);
    }

    .customer-account-edit
    .form-edit-account
    > .fields.-am-block {
        padding: 0 22px 25px;
    }

    .customer-account-edit
    .form-edit-account
    > .fieldset.password {
        padding: 25px 22px 28px;
    }

    .customer-account-edit
    .form-edit-account
    .amtheme-account-actions
    .amtheme-fields {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        padding: 22px 22px 0;
    }

    .customer-account-edit
    .form-edit-account
    .field.choice.-as-link
    > .label {
        width: 100%;
    }

    .customer-account-edit
    .form-edit-account
    .amtheme-account-actions
    > .actions-toolbar {
        padding: 22px;
    }

    .customer-account-edit
    .form-edit-account
    .amtheme-account-actions
    > .actions-toolbar
    > .primary,
    .customer-account-edit
    .form-edit-account
    .action.save {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .customer-account-edit
    .form-edit-account {
        border-radius: 16px;
    }

    .customer-account-edit
    .form-edit-account
    .field.choice.-assistance {
        align-items: flex-start;
        padding-right: 44px;
    }

    .customer-account-edit
    .form-edit-account
    .field.choice.-assistance
    .field-tooltip {
        top: 18px;
        right: 14px;
        transform: none;
    }

    .customer-account-edit
    .form-edit-account
    .field.choice.-assistance
    .field-tooltip-content {
        width: min(280px, calc(100vw - 60px));
    }
}

.field.choice.-assistance label {
    padding-left: 20px ! Important;
}


/* =========================================================
   Phoenix account — order detail
   ========================================================= */
/* Product recommendations are unnecessary while reviewing an order. */

.sales-order-view .sidebar-additional {
    display: none;
}

/* Order summary */

.sales-order-view .page-title-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "title print"
        "info info";
    gap: 18px 24px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 24px;
    padding: 24px;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 5px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 9px 26px rgba(0, 73, 145, 0.08);
}

.sales-order-view .page-title-wrapper h1.page-title {
    grid-area: title;
    align-self: center;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: clamp(2.7rem, 3vw, 3.8rem);
    line-height: 1.1;
}

.sales-order-view
.page-title-wrapper
> .actions {
    grid-area: print;
    align-self: start;
    margin: 0;
}

/* Print order */

.sales-order-view
.page-title-wrapper
.action.print {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 42px;
    margin: 0;
    padding: 9px 17px;
    border: 1px solid rgba(0, 73, 145, 0.32);
    border-radius: 50px;
    background: #ffffff;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.sales-order-view
.page-title-wrapper
.action.print:hover,
.sales-order-view
.page-title-wrapper
.action.print:focus {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

/* Status, order date and reorder */

.sales-order-view
.page-title-wrapper
.amtheme-info {
    grid-area: info;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 24px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 18px 0 0;
    border-top: 1px solid rgba(0, 73, 145, 0.12);
}

.sales-order-view
.amtheme-order-status,
.sales-order-view
.amtheme-order-date {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
}

.sales-order-view
.amtheme-order-status
.amtheme-label,
.sales-order-view
.amtheme-order-date
.label {
    color: #607384;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.sales-order-view
.amtheme-order-date
.date {
    color: #263949;
    font-size: 1.35rem;
    font-weight: 700;
}

/* Order status pills */

.sales-order-view
.amtheme-order-status
.amtheme-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 30px;
    padding: 5px 11px;
    border-radius: 50px;
    background: #eef3f7;
    color: #435665;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.sales-order-view
.amtheme-order-status
.amtheme-status::before,
.sales-order-view
.amtheme-order-status
.amtheme-status::after {
    display: none;
}

.sales-order-view
.amtheme-order-status
.amtheme-status.-new {
    background: #fff2d9;
    color: #735000;
}

.sales-order-view
.amtheme-order-status
.amtheme-status.-processing {
    background: #e8f5df;
    color: #356600;
}

.sales-order-view
.amtheme-order-status
.amtheme-status.-complete {
    background: #e3f4eb;
    color: #17633a;
}

.sales-order-view
.amtheme-order-status
.amtheme-status.-canceled,
.sales-order-view
.amtheme-order-status
.amtheme-status.-closed {
    background: #eef0f2;
    color: #59636c;
}

.sales-order-view
.amtheme-order-status
.amtheme-status.-holded {
    background: #f4eaf8;
    color: #704080;
}

/* Reorder */

.sales-order-view
.order-actions-toolbar {
    margin: 0 0 0 auto;
}

.sales-order-view
.order-actions-toolbar
.actions {
    margin: 0;
}

.sales-order-view
.order-actions-toolbar
.action.reorder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    box-sizing: border-box;
    min-height: 42px;
    margin: 0;
    padding: 9px 18px;
    border: 2px solid var(--xamax-color-blue, #004991);
    border-radius: 50px;
    background: var(--xamax-color-orange, #ffa61b);
    color: var(--xamax-color-blue, #004991);
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: 0 5px 13px rgba(255, 166, 27, 0.18);
}

.sales-order-view
.order-actions-toolbar
.action.reorder:hover,
.sales-order-view
.order-actions-toolbar
.action.reorder:focus {
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
    box-shadow: none;
}

.sales-order-view
.order-actions-toolbar
.action.reorder
.amtheme-icon {
    width: 14px;
    height: 14px;
}

/* The single tab repeats the section heading. */

.sales-order-view .order-links {
    display: none;
}

/* Ordered-items card */

.sales-order-view
.order-details-items.ordered {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 24px;
    overflow: hidden;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 5px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 9px 26px rgba(0, 73, 145, 0.08);
}

.sales-order-view
.order-details-items
.order-title {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 21px 24px;
    border-bottom: 1px solid rgba(0, 73, 145, 0.12);
}

.sales-order-view
.order-details-items
.order-title
strong {
    color: var(--xamax-color-blue, #004991);
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.25;
}

/* Items table */

.sales-order-view
.table-wrapper.order-items {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0 20px 20px;
    overflow-x: auto;
}

.sales-order-view
#my-orders-table {
    width: 100%;
    min-width: 760px;
    margin: 0;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    overflow: hidden;
}

.sales-order-view
#my-orders-table
thead
th {
    padding: 14px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff !important;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.25;
    text-align: left;
    white-space: nowrap;
}

.sales-order-view
#my-orders-table
thead
th:last-child {
    border-right: 0;
}

.sales-order-view
#my-orders-table
tbody
td {
    padding: 18px 14px;
    border: 0;
    border-bottom: 1px solid rgba(0, 73, 145, 0.10);
    color: #263949;
    font-size: 1.35rem;
    line-height: 1.45;
    text-align: left;
    vertical-align: top;
}

.sales-order-view
#my-orders-table
tbody
tr:nth-child(even) {
    background: var(--xamax-color-page-bg, #f4f9fd);
}

.sales-order-view
#my-orders-table
tbody
tr:last-child
td {
    border-bottom: 0;
}

.sales-order-view
#my-orders-table
.product-item-name {
    display: block;
    margin: 0 0 11px;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.35;
}

/* Saved order options */

.sales-order-view
#my-orders-table
.item-options {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 5px 10px;
    margin: 0;
    color: #4d6070;
    font-size: 1.25rem;
    line-height: 1.4;
}

.sales-order-view
#my-orders-table
.item-options
dt,
.sales-order-view
#my-orders-table
.item-options
dd {
    float: none;
    clear: none;
    margin: 0;
    padding: 0;
}

.sales-order-view
#my-orders-table
.item-options
dt {
    color: #33485a;
    font-weight: 800;
}

.sales-order-view
#my-orders-table
.item-options
dt::after {
    content: ":";
}

.sales-order-view
#my-orders-table
.col.sku {
    color: #4d6070;
    white-space: nowrap;
}

.sales-order-view
#my-orders-table
.col.price,
.sales-order-view
#my-orders-table
.col.subtotal {
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}

.sales-order-view
#my-orders-table
.col.qty {
    text-align: center;
    white-space: nowrap;
}

.sales-order-view
#my-orders-table
.items-qty {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sales-order-view
#my-orders-table
.items-qty
.title {
    display: none;
}

.sales-order-view
#my-orders-table
.items-qty
.content {
    color: var(--xamax-color-blue, #004991);
    font-weight: 800;
}

/* Order totals */

.sales-order-view
#my-orders-table
tfoot
th,
.sales-order-view
#my-orders-table
tfoot
td {
    padding: 11px 14px;
    border: 0;
    border-top: 1px solid rgba(0, 73, 145, 0.09);
    background: #f7fafc;
    color: #33485a;
    font-size: 1.25rem;
    line-height: 1.35;
}

.sales-order-view
#my-orders-table
tfoot
.mark {
    font-weight: 700;
    text-align: right;
}

.sales-order-view
#my-orders-table
tfoot
.amount {
    min-width: 120px;
    color: #263949;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}

.sales-order-view
#my-orders-table
tfoot
.grand_total
> * {
    color: var(--xamax-color-blue, #004991);
    font-size: 1.3rem;
}

.sales-order-view
#my-orders-table
tfoot
.grand_total_incl
> * {
    border-top: 0;
    background: var(--xamax-color-blue, #004991);
    color: #ffffff !important;
    font-size: 1.4rem;
}

/* Back to order history */

.sales-order-view
.order-details-items
> .actions-toolbar {
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 18px 20px;
    border-top: 1px solid rgba(0, 73, 145, 0.12);
    background: var(--xamax-color-page-bg, #f4f9fd);
}

.sales-order-view
.order-details-items
> .actions-toolbar
.secondary {
    float: none;
    margin: 0;
}

.sales-order-view
.order-details-items
.action.back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 40px;
    margin: 0;
    padding: 8px 16px;
    border: 1px solid rgba(0, 73, 145, 0.30);
    border-radius: 50px;
    background: #ffffff;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.sales-order-view
.order-details-items
.action.back:hover,
.sales-order-view
.order-details-items
.action.back:focus {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

/* Order information */

.sales-order-view
.block-order-details-view {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 5px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 9px 26px rgba(0, 73, 145, 0.08);
}

.sales-order-view
.block-order-details-view
> .block-title {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 21px 24px;
    border-bottom: 1px solid rgba(0, 73, 145, 0.12);
    color: var(--xamax-color-blue, #004991);
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.25;
}

.sales-order-view
.block-order-details-view
> .block-content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    box-sizing: border-box;
    width: 100%;
    padding: 24px;
    background: var(--xamax-color-page-bg, #f4f9fd);
}

.sales-order-view
.block-order-details-view
.box {
    box-sizing: border-box;
    min-width: 0;
    margin: 0;
    padding: 20px;
    border: 1px solid rgba(0, 73, 145, 0.13);
    border-radius: 12px;
    background: #ffffff;
}

.sales-order-view
.block-order-details-view
.column.-methods {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.sales-order-view
.block-order-details-view
.box-title {
    display: block;
    margin: 0 0 13px;
    padding: 0 0 9px;
    border-bottom: 2px solid rgba(255, 166, 27, 0.70);
    color: var(--xamax-color-blue, #004991);
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.3;
}

.sales-order-view
.block-order-details-view
.box-content {
    margin: 0;
    color: #33485a;
    font-size: 1.35rem;
    font-style: normal;
    line-height: 1.5;
}

.sales-order-view
.block-order-details-view
.box-content
a {
    color: var(--xamax-color-blue, #004991);
    font-weight: 700;
    text-decoration: none;
}

.sales-order-view
.block-order-details-view
.box-content
a:hover,
.sales-order-view
.block-order-details-view
.box-content
a:focus {
    color: #00366c;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.sales-order-view
.block-order-details-view
.payment-method {
    margin: 0;
}

.sales-order-view
.block-order-details-view
.payment-method
.title {
    margin: 0 0 8px;
    color: var(--xamax-color-blue, #004991);
    font-weight: 800;
}

.sales-order-view
.block-order-details-view
.payment-method
.content {
    margin: 0;
    color: #4d6070;
}

/* Tablet */

@media (max-width: 1100px) {
    .sales-order-view
    .block-order-details-view
    > .block-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sales-order-view
    .block-order-details-view
    .column.-methods {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */

@media (max-width: 767px) {
    .sales-order-view .page-title-wrapper {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "title"
            "info"
            "print";
        padding: 20px;
    }

    .sales-order-view
    .page-title-wrapper
    > .actions,
    .sales-order-view
    .page-title-wrapper
    .action.print {
        width: 100%;
    }

    .sales-order-view
    .page-title-wrapper
    .amtheme-info {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .sales-order-view
    .order-actions-toolbar {
        width: 100%;
        margin: 0;
    }

    .sales-order-view
    .order-actions-toolbar
    .actions,
    .sales-order-view
    .order-actions-toolbar
    .action.reorder {
        width: 100%;
    }

    .sales-order-view
    .table-wrapper.order-items {
        padding: 0 16px 16px;
        overflow: visible;
    }

    .sales-order-view
    #my-orders-table {
        display: block;
        min-width: 0;
        border: 0;
        border-radius: 0;
        overflow: visible;
    }

    .sales-order-view
    #my-orders-table
    thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    .sales-order-view
    #my-orders-table
    tbody {
        display: grid;
        gap: 14px;
    }

    .sales-order-view
    #my-orders-table
    tbody
    tr {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "name name"
            "sku sku"
            "price qty"
            "subtotal subtotal";
        gap: 15px 18px;
        box-sizing: border-box;
        width: 100%;
        padding: 18px;
        border: 1px solid rgba(0, 73, 145, 0.14);
        border-top: 5px solid var(--xamax-color-orange, #ffa61b);
        border-radius: 13px;
        background: #ffffff;
        box-shadow: 0 6px 18px rgba(0, 73, 145, 0.06);
    }

    .sales-order-view
    #my-orders-table
    tbody
    tr:nth-child(even) {
        background: #ffffff;
    }

    .sales-order-view
    #my-orders-table
    tbody
    td {
        display: block !important;
        box-sizing: border-box;
        width: auto !important;
        min-width: 0;
        padding: 0;
        border: 0;
        text-align: left !important;
    }

    .sales-order-view
    #my-orders-table
    tbody
    td::before {
        display: block;
        margin: 0 0 5px;
        color: #607384;
        content: attr(data-th);
        font-size: 1.05rem;
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .sales-order-view
    #my-orders-table
    tbody
    .col.name {
        grid-area: name;
        padding-bottom: 14px;
        border-bottom: 1px solid rgba(0, 73, 145, 0.10);
    }

    .sales-order-view
    #my-orders-table
    tbody
    .col.sku {
        grid-area: sku;
    }

    .sales-order-view
    #my-orders-table
    tbody
    .col.price {
        grid-area: price;
    }

    .sales-order-view
    #my-orders-table
    tbody
    .col.qty {
        grid-area: qty;
    }

    .sales-order-view
    #my-orders-table
    tbody
    .col.subtotal {
        grid-area: subtotal;
        padding-top: 13px;
        border-top: 1px solid rgba(0, 73, 145, 0.10);
        font-size: 1.5rem;
    }

    .sales-order-view
    #my-orders-table
    .item-options {
        grid-template-columns: minmax(0, 1fr);
        gap: 2px;
    }

    .sales-order-view
    #my-orders-table
    .item-options
    dd {
        margin-bottom: 6px;
    }

    /* Mobile totals panel */

    .sales-order-view
    #my-orders-table
    tfoot {
        display: block;
        margin-top: 14px;
        overflow: hidden;
        border: 1px solid rgba(0, 73, 145, 0.14);
        border-radius: 12px;
        background: #ffffff;
    }

    .sales-order-view
    #my-orders-table
    tfoot
    tr {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        width: 100%;
    }

    .sales-order-view
    #my-orders-table
    tfoot
    th,
    .sales-order-view
    #my-orders-table
    tfoot
    td {
        display: block !important;
        box-sizing: border-box;
        width: auto !important;
        min-width: 0;
        padding: 11px 13px;
    }

    .sales-order-view
    #my-orders-table
    tfoot
    .mark {
        grid-column: 1;
        text-align: left;
    }

    .sales-order-view
    #my-orders-table
    tfoot
    .amount {
        grid-column: 2;
        min-width: 90px;
        text-align: right;
    }

    .sales-order-view
    .order-details-items
    > .actions-toolbar {
        padding: 16px;
    }

    .sales-order-view
    .order-details-items
    .action.back {
        width: 100%;
    }

    .sales-order-view
    .block-order-details-view
    > .block-content {
        grid-template-columns: minmax(0, 1fr);
        padding: 18px;
    }

    .sales-order-view
    .block-order-details-view
    .column.-methods {
        grid-column: auto;
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 480px) {
    .sales-order-view
    #my-orders-table
    tbody
    tr {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "name"
            "sku"
            "price"
            "qty"
            "subtotal";
    }
}

/* =========================================================
   Phoenix account — order history
   ========================================================= */
/* Recently Ordered duplicates the main purpose of this page */

.sales-order-history
.sidebar-additional
.amtheme-sidebar-reorder {
    display: none;
}

/* Order table card */

.sales-order-history .orders-history {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 5px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 9px 26px rgba(0, 73, 145, 0.08);
}

.sales-order-history #my-orders-table {
    width: 100%;
    min-width: 760px;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.sales-order-history #my-orders-table th {
    padding: 15px 14px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff !important;
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1.25;
    text-align: left;
    white-space: nowrap;
}

.sales-order-history #my-orders-table th:last-child {
    border-right: 0;
}

.sales-order-history #my-orders-table td {
    padding: 14px;
    border: 0;
    border-bottom: 1px solid rgba(0, 73, 145, 0.10);
    color: #263949;
    font-size: 1.35rem;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}

.sales-order-history #my-orders-table tbody tr:nth-child(even) {
    background: var(--xamax-color-page-bg, #f4f9fd);
}

.sales-order-history #my-orders-table tbody tr:hover {
    background: rgba(0, 73, 145, 0.07);
}

.sales-order-history #my-orders-table tbody tr:last-child td {
    border-bottom: 0;
}

/* Column treatment */

.sales-order-history #my-orders-table .col.id {
    white-space: nowrap;
}

.sales-order-history #my-orders-table .col.id a {
    color: var(--xamax-color-blue, #004991);
    font-weight: 800;
    text-decoration: none;
}

.sales-order-history #my-orders-table .col.id a:hover,
.sales-order-history #my-orders-table .col.id a:focus {
    color: #00366c;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.sales-order-history #my-orders-table .col.date,
.sales-order-history #my-orders-table .col.shipping {
    white-space: nowrap;
}

.sales-order-history #my-orders-table .col.total {
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}

.sales-order-history #my-orders-table .col.status {
    text-align: center;
}

.sales-order-history #my-orders-table .col.actions {
    text-align: right;
}

/* Order status */

.sales-order-history .amtheme-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 30px;
    padding: 5px 11px;
    border-radius: 50px;
    background: #eef3f7;
    color: #435665;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.sales-order-history .amtheme-status::before,
.sales-order-history .amtheme-status::after {
    display: none;
}

.sales-order-history .amtheme-status.-new {
    background: #fff2d9;
    color: #735000;
}

.sales-order-history .amtheme-status.-processing {
    background: #e8f5df;
    color: #356600;
}

.sales-order-history .amtheme-status.-complete {
    background: #e3f4eb;
    color: #17633a;
}

.sales-order-history .amtheme-status.-canceled,
.sales-order-history .amtheme-status.-closed {
    background: #eef0f2;
    color: #59636c;
}

.sales-order-history .amtheme-status.-holded {
    background: #f4eaf8;
    color: #704080;
}

/* Reorder action */

.sales-order-history #my-orders-table .action.order {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 36px;
    margin: 0;
    padding: 7px 15px;
    border: 1px solid var(--xamax-color-blue, #004991) !important;
    border-radius: 50px;
    background: var(--xamax-color-orange, #ffa61b) !important;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.25rem;
    font-weight: 800 !important;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none;
}

.sales-order-history #my-orders-table .action.order:hover,
.sales-order-history #my-orders-table .action.order:focus {
    border-color: var(--xamax-color-blue, #004991) !important;
    background: var(--xamax-color-blue, #004991) !important;
    color: #ffffff !important;
}

/* Pager */

.sales-order-history .order-products-toolbar {
    box-sizing: border-box;
    width: 100%;
    margin: 20px 0 0;
    padding: 15px 18px;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(0, 73, 145, 0.06);
}

.sales-order-history .order-products-toolbar .pager {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    width: 100%;
}

.sales-order-history .order-products-toolbar .toolbar-amount {
    margin: 0;
    color: #4d6070;
    font-size: 1.35rem;
    line-height: 1.4;
}

.sales-order-history
.order-products-toolbar
.toolbar-number {
    color: var(--xamax-color-blue, #004991);
    font-weight: 800;
}

.sales-order-history .order-products-toolbar .pages {
    justify-self: center;
    margin: 0;
}

.sales-order-history .order-products-toolbar .pages-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sales-order-history
.order-products-toolbar
.pages-items
.item {
    margin: 0;
}

.sales-order-history
.order-products-toolbar
.pages-items
.page,
.sales-order-history
.order-products-toolbar
.pages
.action.next,
.sales-order-history
.order-products-toolbar
.pages
.action.previous {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(0, 73, 145, 0.25);
    border-radius: 8px;
    background: #ffffff;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
}

.sales-order-history
.order-products-toolbar
.pages-items
.item.current
.page {
    border-color: var(--xamax-color-blue, #004991);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
}

.sales-order-history
.order-products-toolbar
.pages-items
a.page:hover,
.sales-order-history
.order-products-toolbar
.pages-items
a.page:focus,
.sales-order-history
.order-products-toolbar
.pages
.action.next:hover,
.sales-order-history
.order-products-toolbar
.pages
.action.next:focus,
.sales-order-history
.order-products-toolbar
.pages
.action.previous:hover,
.sales-order-history
.order-products-toolbar
.pages
.action.previous:focus {
    border-color: var(--xamax-color-orange, #ffa61b);
    background: var(--xamax-color-page-bg, #f4f9fd);
    color: #00366c;
}

.sales-order-history
.order-products-toolbar
.pages
.action.next,
.sales-order-history
.order-products-toolbar
.pages
.action.previous {
    position: relative;
    font-size: 0;
}

.sales-order-history
.order-products-toolbar
.pages
.action.next
span,
.sales-order-history
.order-products-toolbar
.pages
.action.previous
span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.sales-order-history
.order-products-toolbar
.pages
.action.next
.amtheme-icon,
.sales-order-history
.order-products-toolbar
.pages
.action.previous
.amtheme-icon {
    position: static;
    width: 16px;
    height: 16px;
}

/* Per-page limiter */

.sales-order-history .order-products-toolbar .field.limiter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin: 0;
}

.sales-order-history .order-products-toolbar .limiter .label,
.sales-order-history .order-products-toolbar .limiter-text {
    margin: 0;
    color: #607384;
    font-size: 1.3rem;
    white-space: nowrap;
}

.sales-order-history .order-products-toolbar .limiter .control {
    width: auto;
}

.sales-order-history
.order-products-toolbar
.limiter-options {
    min-width: 72px;
    height: 38px;
    border: 1px solid rgba(0, 73, 145, 0.25);
    border-radius: 8px;
    background: #ffffff;
    color: var(--xamax-color-blue, #004991);
    font-weight: 800;
}

.sales-order-history
.order-products-toolbar
.amtheme-select-block {
    box-sizing: border-box;
    min-width: 72px;
    min-height: 38px;
    border: 1px solid rgba(0, 73, 145, 0.25);
    border-radius: 8px;
    background: #ffffff;
}

.sales-order-history
.order-products-toolbar
.amtheme-placeholder {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 36px;
    padding: 7px 30px 7px 12px;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.3rem;
    font-weight: 800;
}

/* The Back link points to the homepage and adds little here */

.sales-order-history
.column.main
> .actions-toolbar {
    display: none;
}

/* Mobile order cards */

@media (max-width: 767px) {
    .sales-order-history .orders-history {
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .sales-order-history #my-orders-table {
        display: block;
        min-width: 0;
        background: transparent;
    }

    .sales-order-history #my-orders-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    .sales-order-history #my-orders-table tbody {
        display: grid;
        gap: 14px;
    }

    .sales-order-history #my-orders-table tbody tr {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "id id"
            "date status"
            "shipping shipping"
            "total actions";
        gap: 16px 18px;
        box-sizing: border-box;
        width: 100%;
        padding: 19px;
        border: 1px solid rgba(0, 73, 145, 0.14);
        border-top: 5px solid var(--xamax-color-orange, #ffa61b);
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 7px 20px rgba(0, 73, 145, 0.07);
    }

    .sales-order-history #my-orders-table tbody tr:nth-child(even),
    .sales-order-history #my-orders-table tbody tr:hover {
        background: #ffffff;
    }

    .sales-order-history #my-orders-table td {
        display: block !important;
        box-sizing: border-box;
        width: auto !important;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        font-size: 1.35rem;
        text-align: left !important;
    }

    .sales-order-history #my-orders-table td::before {
        display: block;
        margin: 0 0 5px;
        color: #607384;
        content: attr(data-th);
        font-size: 1.1rem;
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .sales-order-history #my-orders-table .col.id {
        grid-area: id;
        padding-bottom: 14px;
        border-bottom: 1px solid rgba(0, 73, 145, 0.10);
    }

    .sales-order-history #my-orders-table .col.id a {
        font-size: 1.75rem;
    }

    .sales-order-history #my-orders-table .col.date {
        grid-area: date;
    }

    .sales-order-history #my-orders-table .col.shipping {
        grid-area: shipping;
    }

    .sales-order-history #my-orders-table .col.total {
        grid-area: total;
        text-align: left !important;
    }

    .sales-order-history #my-orders-table .col.status {
        grid-area: status;
        text-align: left !important;
    }

    .sales-order-history #my-orders-table .col.actions {
        grid-area: actions;
        align-self: end;
        text-align: right !important;
    }

    .sales-order-history #my-orders-table .action.order {
        width: 100%;
    }

    .sales-order-history .order-products-toolbar {
        padding: 17px;
    }

    .sales-order-history .order-products-toolbar .pager {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .sales-order-history .order-products-toolbar .toolbar-amount,
    .sales-order-history .order-products-toolbar .pages,
    .sales-order-history .order-products-toolbar .field.limiter {
        justify-self: center;
    }
}

@media (max-width: 480px) {
    .sales-order-history #my-orders-table tbody tr {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "id"
            "date"
            "shipping"
            "total"
            "status"
            "actions";
    }

    .sales-order-history #my-orders-table .col.actions {
        text-align: left !important;
    }
}

/* =========================================================
   Phoenix Account Entry — customer login page
   ========================================================= */
.customer-account-login .page-main {
    max-width: 1280px;
    padding: 42px 24px 72px;
}

.customer-account-login .page-title-wrapper {
    margin: 0 auto 30px;
    text-align: center;
}

.customer-account-login h1.page-title {
    display: inline-block;
    margin: 0;
    color: var(--xamax-color-blue, #004991);
    font-size: clamp(2.4rem, 4vw, 4rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.025em;
}

.customer-account-login h1.page-title::after {
    display: block;
    width: 72px;
    height: 5px;
    margin: 15px auto 0;
    border-radius: 50px;
    background: var(--xamax-color-orange, #ffa61b);
    content: "";
}

.customer-account-login .page-main .login-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
}

.customer-account-login .page-main .login-container > .block {
    position: relative;
    width: 100%;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 5px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(0, 73, 145, 0.10);
}

.customer-account-login .xlp-account-login-card {
    background: var(--xamax-color-bg-elevated, #ffffff);
}

.customer-account-login .xlp-account-entry__panel--new {
    background: linear-gradient(145deg, #004991 0%, #00366c 100%);
    color: #ffffff;
}

.customer-account-login .xlp-account-login-card__heading,
.customer-account-login .xlp-account-entry__panel-header {
    margin: 0;
    padding: 30px 32px 0;
    border: 0;
}

.customer-account-login .xlp-account-login-card__content,
.customer-account-login .xlp-account-entry__panel-content {
    padding: 22px 32px 32px;
}

.customer-account-login .xlp-account-eyebrow,
.customer-account-login .xlp-account-entry__eyebrow {
    margin: 0 0 8px;
    color: var(--xamax-color-orange, #ffa61b);
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.customer-account-login .xlp-account-login-card__title,
.customer-account-login .xlp-account-entry__panel-title {
    display: block;
    margin: 0;
    font-size: clamp(2.3rem, 3vw, 3.2rem);
    font-weight: 800;
    line-height: 1.1;
}

.customer-account-login .xlp-account-login-card__title {
    color: var(--xamax-color-blue, #004991);
}

.customer-account-login .xlp-account-entry__panel-title {
    color: #ffffff;
}

.customer-account-login .xlp-account-login-card__intro,
.customer-account-login .xlp-account-entry__panel-intro {
    max-width: 58ch;
    margin: 12px 0 0;
    font-size: 1.6rem;
    line-height: 1.55;
}

.customer-account-login .xlp-account-login-card__intro {
    color: #4d6070;
}

.customer-account-login .xlp-account-entry__panel-intro {
    color: rgba(255, 255, 255, 0.86);
}

.customer-account-login .form-login .fieldset {
    margin: 0;
}

.customer-account-login .form-login .field:not(.choice) {
    margin: 0 0 18px;
}

.customer-account-login .form-login .label {
    display: block;
    margin: 0 0 7px;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.4rem;
    font-weight: 700;
}

.customer-account-login .form-login .input-text {
    width: 100%;
    height: 52px;
    padding: 0 15px;
    border: 1px solid var(--xamax-color-border-light, #cfdde5);
    border-radius: 12px;
    background: #ffffff;
    color: var(--xamax-color-text, #20231f);
    font-size: 1.6rem;
    box-shadow: none;
}

.customer-account-login .form-login .input-text:hover {
    border-color: rgba(0, 73, 145, 0.42);
}

.customer-account-login .form-login .input-text:focus {
    border-color: var(--xamax-color-orange, #ffa61b);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(255, 166, 27, 0.20);
}

.customer-account-login .form-login .input-text.mage-error {
    border-color: #d93b1f;
}

.customer-account-login .form-login div.mage-error[generated] {
    margin-top: 6px;
    font-size: 1.3rem;
    font-weight: 600;
}

.customer-account-login .xlp-account-login-card__show-password {
    margin: -4px 0 4px;
}

.customer-account-login .xlp-account-login-card__show-password .label {
    margin: 0;
    color: #4d6070;
    font-weight: 500;
}

.customer-account-login .xlp-account-login-card__actions,
.customer-account-login .xlp-account-entry__actions {
    display: grid;
    gap: 12px;
    margin: 24px 0 0;
}

.customer-account-login .xlp-account-login-card__actions::before,
.customer-account-login .xlp-account-login-card__actions::after,
.customer-account-login .xlp-account-entry__actions::before,
.customer-account-login .xlp-account-entry__actions::after {
    display: none;
}

.customer-account-login .xlp-account-login-card__actions > .primary,
.customer-account-login .xlp-account-login-card__actions > .secondary,
.customer-account-login .xlp-account-entry__actions > .primary {
    float: none;
    width: 100%;
    margin: 0;
}

.customer-account-login .xlp-account-login-card__actions .action.login,
.customer-account-login .xlp-account-entry__button--create {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 52px;
    padding: 12px 24px;
    border: 2px solid var(--xamax-color-blue, #004991);
    border-radius: 50px;
    background: var(--xamax-color-orange, #ffa61b);
    color: var(--xamax-color-blue, #004991);
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    box-shadow: 0 6px 14px rgba(255, 166, 27, 0.18);
}

.customer-account-login .xlp-account-entry__button--create {
    border-color: var(--xamax-color-orange, #ffa61b);
}

.customer-account-login .xlp-account-login-card__actions .action.login:hover,
.customer-account-login .xlp-account-login-card__actions .action.login:focus,
.customer-account-login .xlp-account-entry__button--create:hover,
.customer-account-login .xlp-account-entry__button--create:focus {
    border-color: var(--xamax-color-orange, #ffa61b);
    background: #ffffff;
    color: var(--xamax-color-blue, #004991);
    box-shadow: none;
}

.customer-account-login .xlp-account-login-card__actions .action.remind {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 4px 12px;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.customer-account-login .xlp-account-login-card__actions .action.remind:hover,
.customer-account-login .xlp-account-login-card__actions .action.remind:focus {
    color: #00366c;
    text-decoration-thickness: 2px;
}

.customer-account-login .xlp-account-login-card__proof,
.customer-account-login .xlp-account-entry__benefits {
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}

.customer-account-login .xlp-account-login-card__proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 73, 145, 0.12);
}

.customer-account-login .xlp-account-login-card__proof li,
.customer-account-login .xlp-account-entry__benefits li {
    position: relative;
    margin: 0;
    padding-left: 28px;
    line-height: 1.45;
}

.customer-account-login .xlp-account-login-card__proof li {
    color: #4d6070;
    font-size: 1.3rem;
}

.customer-account-login .xlp-account-entry__benefits {
    display: grid;
    gap: 14px;
}

.customer-account-login .xlp-account-entry__benefits li {
    color: #ffffff;
    font-size: 1.5rem;
}

.customer-account-login .xlp-account-login-card__proof li::before,
.customer-account-login .xlp-account-entry__benefits li::before {
    position: absolute;
    top: 0.05em;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--xamax-color-orange, #ffa61b);
    color: var(--xamax-color-blue, #004991);
    content: "✓";
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1;
}

.customer-account-login .xlp-account-entry__note {
    margin: 16px 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 1.25rem;
    line-height: 1.45;
    text-align: center;
}

@media (max-width: 900px) {
    .customer-account-login .page-main .login-container {
        grid-template-columns: minmax(0, 1fr);
        max-width: 680px;
    }

    .customer-account-login .xlp-account-login-card__proof {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .customer-account-login .page-main {
        padding: 28px 16px 48px;
    }

    .customer-account-login .page-title-wrapper {
        margin-bottom: 22px;
    }

    .customer-account-login .page-main .login-container {
        gap: 18px;
    }

    .customer-account-login .xlp-account-login-card__heading,
    .customer-account-login .xlp-account-entry__panel-header {
        padding: 24px 22px 0;
    }

    .customer-account-login .xlp-account-login-card__content,
    .customer-account-login .xlp-account-entry__panel-content {
        padding: 20px 22px 24px;
    }
}

/* =========================================================
   Phoenix Account Entry — registration page
   ========================================================= */

.customer-account-create .page-main {
    max-width: 1100px;
    padding: 42px 24px 72px;
}

.customer-account-create .page-title-wrapper {
    margin: 0 auto 30px;
    text-align: center;
}

.customer-account-create h1.page-title {
    display: inline-block;
    margin: 0;
    color: var(--xamax-color-blue, #004991);
    font-size: clamp(2.6rem, 4vw, 4rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

/* Remove Magento's default split-fieldset layout */

.customer-account-create .columns {
    display: block;
    width: 100%;
}

.customer-account-create .column.main {
    float: none;
    width: 100% !important;
    max-width: none;
    padding: 0;
}

.customer-account-create .form-create-account {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 73, 145, 0.14);
    border-top: 6px solid var(--xamax-color-orange, #ffa61b);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 12px 34px rgba(0, 73, 145, 0.11);
}

.customer-account-create .form-create-account > .fieldset {
    float: none;
    box-sizing: border-box;
    width: 100%;
    margin: 20px 0 0 0;
}

/* Intro */

.customer-account-create .xlp-account-create__intro {
    padding: 32px 36px 30px;
    border-bottom: 1px solid rgba(0, 73, 145, 0.12);
    background: var(--xamax-color-page-bg, #f4f9fd);
    text-align: center;
}

.customer-account-create .xlp-account-create__eyebrow {
    margin: 0 0 8px;
    color: var(--xamax-color-orange, #ffa61b);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.customer-account-create .xlp-account-create__lead {
    margin: 0;
    color: var(--xamax-color-blue, #004991);
    font-size: clamp(2.2rem, 3vw, 3rem);
    font-weight: 800;
    line-height: 1.15;
}

.customer-account-create .xlp-account-create__summary {
    max-width: 620px;
    margin: 12px auto 0;
    color: #4d6070;
    font-size: 1.55rem;
    line-height: 1.55;
}

/* Form sections */

.customer-account-create .xlp-account-create__section {
    position: relative;
    padding: 30px 36px 34px;
    border: 0;
}

.customer-account-create .xlp-account-create__section +
.xlp-account-create__section {
    border-top: 1px solid rgba(0, 73, 145, 0.12);
}

.customer-account-create .xlp-account-create__section > .legend {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 7px;
    padding: 0;
    border: 0;
}

.customer-account-create .xlp-account-create__section > .legend span {
    color: var(--xamax-color-blue, #004991);
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.2;
}

.customer-account-create .xlp-account-create__section-intro {
    margin: 0 0 24px;
    color: #607384;
    font-size: 1.4rem;
    line-height: 1.5;
}

/* Two-column desktop layouts */

.customer-account-create .xlp-account-create__section--details,
.customer-account-create .xlp-account-create__section--address,
.customer-account-create .xlp-account-create__section--security {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 18px;
}

.customer-account-create .xlp-account-create__section > .legend,
.customer-account-create .xlp-account-create__section-intro,
.customer-account-create .xlp-account-create__section > input[type="hidden"],
.customer-account-create .xlp-account-create__section > :not(.field):not(.legend):not(input) {
    grid-column: 1 / -1;
}

.customer-account-create
.xlp-account-create__section--details
> .field:not(.field-name-firstname):not(.field-name-lastname) {
    grid-column: 1 / -1;
}

.customer-account-create
.xlp-account-create__section--address
> .field.street,
.customer-account-create
.xlp-account-create__section--address
> .field.taxvat {
    grid-column: 1 / -1;
}

.customer-account-create
.xlp-account-create__section--security
> .field:first-of-type,
.customer-account-create
.xlp-account-create__section--security
> .field.choice {
    grid-column: 1 / -1;
}

/* Fields */

.customer-account-create .form-create-account .field {
    min-width: 0;
    margin: 0;
}

.customer-account-create .form-create-account .field > .label {
    display: block;
    margin: 0 0 7px;
    padding: 0;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.35;
}

.customer-account-create .form-create-account .field.required > .label::after {
    color: #c62828;
}

.customer-account-create .form-create-account .control {
    width: 100%;
}

.customer-account-create .form-create-account .input-text,
.customer-account-create .form-create-account select {
    box-sizing: border-box;
    width: 100%;
    height: 52px;
    margin: 0;
    padding: 0 15px;
    border: 1px solid var(--xamax-color-border-light, #cfdde5);
    border-radius: 12px;
    background: #ffffff;
    color: var(--xamax-color-text, #20231f);
    font-size: 1.6rem;
    box-shadow: none;
}

.customer-account-create .form-create-account select {
    padding-right: 40px;
}

.customer-account-create .form-create-account .input-text:hover,
.customer-account-create .form-create-account select:hover {
    border-color: rgba(0, 73, 145, 0.42);
}

.customer-account-create .form-create-account .input-text:focus,
.customer-account-create .form-create-account select:focus {
    border-color: var(--xamax-color-orange, #ffa61b);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(255, 166, 27, 0.20);
}

.customer-account-create .form-create-account .input-text.mage-error,
.customer-account-create .form-create-account select.mage-error {
    border-color: #c62828;
}

.customer-account-create .form-create-account div.mage-error[generated] {
    margin-top: 6px;
    color: #c62828;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
}

/* Nested street-address fields */

.customer-account-create .form-create-account .field.street .nested {
    display: grid;
    gap: 14px;
    margin-top: 14px;
}

.customer-account-create .form-create-account .field.street .nested .field {
    width: 100%;
}

/* Password meter */

.customer-account-create #password-strength-meter-container {
    margin-top: 10px;
}

.customer-account-create .password-strength-meter {
    min-height: 38px;
    padding: 9px 12px;
    border: 1px solid rgba(0, 73, 145, 0.12);
    border-radius: 9px;
    background: var(--xamax-color-page-bg, #f4f9fd);
    color: #4d6070;
    font-size: 1.25rem;
    line-height: 1.45;
}

.customer-account-create
.password-strength-meter
[data-role="password-strength-meter-label"] {
    color: var(--xamax-color-blue, #004991);
    font-weight: 800;
}

/* CAPTCHA and extension-provided fields */

.customer-account-create .xlp-account-create__additional {
    padding: 0 36px 30px;
    border: 0;
}

.customer-account-create .xlp-account-create__additional .field {
    margin-top: 18px;
}

/* Actions */

.customer-account-create .xlp-account-create__actions {
    display: grid;
    gap: 14px;
    box-sizing: border-box;
    width: auto;
    margin: 0;
    padding: 30px 36px;
    border-top: 1px solid rgba(0, 73, 145, 0.12);
    background: var(--xamax-color-page-bg, #f4f9fd);
    text-align: center;
}

.customer-account-create .xlp-account-create__actions::before,
.customer-account-create .xlp-account-create__actions::after {
    display: none;
}

.customer-account-create .xlp-account-create__actions > .primary,
.customer-account-create .xlp-account-create__actions > .secondary {
    float: none;
    width: 100%;
    margin: 0;
}

.customer-account-create .xlp-account-create__actions .action.submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 54px;
    margin: 0;
    padding: 13px 28px;
    border: 2px solid var(--xamax-color-blue, #004991);
    border-radius: 50px;
    background: var(--xamax-color-orange, #ffa61b);
    color: var(--xamax-color-blue, #004991);
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: 0 6px 15px rgba(255, 166, 27, 0.19);
}

.customer-account-create .xlp-account-create__actions .action.submit:hover,
.customer-account-create .xlp-account-create__actions .action.submit:focus {
    border-color: var(--xamax-color-orange, #ffa61b);
    background: var(--xamax-color-blue, #004991);
    color: #ffffff;
    box-shadow: none;
}

.customer-account-create .xlp-account-create__login-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #4d6070;
    font-size: 1.4rem;
    line-height: 1.4;
}

.customer-account-create
.xlp-account-create__login-link
.action.back {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--xamax-color-blue, #004991);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.customer-account-create
.xlp-account-create__login-link
.action.back:hover,
.customer-account-create
.xlp-account-create__login-link
.action.back:focus {
    color: #00366c;
    text-decoration-thickness: 2px;
}

/* Account benefits */

.customer-account-create .xlp-account-create__benefits {
    padding: 26px 36px 30px;
    border-top: 1px solid rgba(0, 73, 145, 0.12);
}

.customer-account-create .xlp-account-create__benefits > p {
    margin: 0 0 15px;
    color: var(--xamax-color-blue, #004991);
    font-size: 1.45rem;
    font-weight: 800;
    text-align: center;
}

.customer-account-create .xlp-account-create__benefits ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px 24px;
    max-width: 690px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.customer-account-create .xlp-account-create__benefits li {
    position: relative;
    margin: 0;
    padding-left: 22px;
    color: #4d6070;
    font-size: 1.35rem;
    line-height: 1.45;
}

.customer-account-create .xlp-account-create__benefits li::before {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--xamax-color-orange, #ffa61b);
    content: "✓";
    font-weight: 900;
}

/* Native Magento registration-fieldset fallbacks */

.customer-account-create
.form-create-account
> .fieldset.create.account {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 18px;
    float: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 30px 36px 34px;
    border: 0;
}

.customer-account-create
.form-create-account
> .fieldset.create.account
> .legend {
    display: block;
    grid-column: 1 / -1;
    float: none;
    width: 100%;
    margin: 0 0 7px;
    padding: 0;
    border: 0;
}

.customer-account-create
.form-create-account
> .fieldset.create.account
> .legend span {
    color: var(--xamax-color-blue, #004991);
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.2;
}

.customer-account-create
.form-create-account
> .fieldset.create.account
> .xlp-account-create__section-intro {
    grid-column: 1 / -1;
}

.customer-account-create
.form-create-account
> .fieldset.create.account
> .field {
    min-width: 0;
    margin: 0;
}

.customer-account-create
.form-create-account
> .fieldset.create.account
> .field:not(.password):not(.confirmation) {
    grid-column: 1 / -1;
}

.customer-account-create
.form-create-account
> .fieldset.additional_info {
    float: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0 36px 30px;
    border: 0;
}

.customer-account-create
.form-create-account
.fieldset[data-hasrequired]::after {
    display: none;
}

/* Normalise Magento and extension checkbox rows */

.customer-account-create
.form-create-account
.field.choice {
    display: flex !important;
    grid-column: 1 / -1;
    align-items: center;
    gap: 9px;
    box-sizing: border-box;
    width: 100%;
    min-height: 24px;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.customer-account-create
.form-create-account
.field.choice
input[type="checkbox"] {
    position: static !important;
    flex: 0 0 18px;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
}

.customer-account-create
.form-create-account
.field.choice
> .label {
    position: static !important;
    display: inline !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #4d6070;
    font-weight: 600;
    line-height: 1.4;
}

.customer-account-create
.form-create-account
.field.choice
> .label span {
    position: static;
}

.customer-account-create
.form-create-account
.field.choice
.tooltip.wrapper {
    position: relative;
    margin-left: 3px;
}

@media (max-width: 760px) {
    .customer-account-create
    .form-create-account
    > .fieldset.create.account {
        grid-template-columns: minmax(0, 1fr);
    }

    .customer-account-create
    .form-create-account
    > .fieldset.create.account
    > .field {
        grid-column: 1 / -1;
    }
}

/* Tablet */

@media (max-width: 760px) {
    .customer-account-create .page-main {
        padding: 30px 18px 54px;
    }

    .customer-account-create .xlp-account-create__section--details,
    .customer-account-create .xlp-account-create__section--address,
    .customer-account-create .xlp-account-create__section--security {
        grid-template-columns: minmax(0, 1fr);
    }

    .customer-account-create
    .xlp-account-create__section--details
    > .field,
    .customer-account-create
    .xlp-account-create__section--address
    > .field,
    .customer-account-create
    .xlp-account-create__section--security
    > .field {
        grid-column: 1 / -1;
    }

    .customer-account-create .xlp-account-create__benefits ul {
        grid-template-columns: minmax(0, 1fr);
        max-width: 440px;
    }
}

/* Mobile */

@media (max-width: 520px) {
    .customer-account-create .page-main {
        padding: 26px 12px 44px;
    }

    .customer-account-create .page-title-wrapper {
        margin-bottom: 22px;
    }

    .customer-account-create .form-create-account {
        border-radius: 16px;
    }

    .customer-account-create .xlp-account-create__intro {
        padding: 26px 21px 24px;
    }

    .customer-account-create .xlp-account-create__section {
        padding: 25px 21px 28px;
    }

    .customer-account-create .xlp-account-create__additional {
        padding: 0 21px 25px;
    }

    .customer-account-create .xlp-account-create__actions {
        padding: 25px 21px;
    }

    .customer-account-create .xlp-account-create__benefits {
        padding: 23px 21px 26px;
    }

    .customer-account-create .xlp-account-create__login-link {
        align-items: center;
        flex-direction: column;
        gap: 3px;
    }
}
