#my-account .container {
    margin: 0;
    padding: 0;
}

body#my-account .page-header,
body#identity .page-header,
body#addresses .page-header,
body#address .page-header,
body#history .page-header,
body#order-detail .page-header,
body#order-slip .page-header,
body#module-psgdpr-gdpr .page-header {
    padding: 20px;
}

body#my-account .page-header h1,
body#identity .page-header h1,
body#addresses .page-header h1,
body#address .page-header h1,
body#history .page-header h1,
body#order-detail .page-header h1,
body#order-slip .page-header h1,
body#module-psgdpr-gdpr .page-header h1 {
    margin: 0;
    font-size: var(--zg-font-size-h2);
    color: var(--zg-color-text-primary);
}

body#address .page-header h1 {
    text-align: center;
}

body#my-account .row-container .links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    row-gap: 5rem;
    justify-items: center;
    padding: 20px;
}

body#my-account .row-container .links .item-link,
body#my-account .row-container .links .psgdpr-link {
    text-decoration: none;
}

body#my-account .row-container .links .item-link .link-item,
body#my-account .row-container .links .psgdpr-link .link-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--zg-font-size-body-large);
    color: var(--zg-color-secondary);
}

body#my-account .row-container .links .item-link .link-item:hover,
body#my-account .row-container .links .psgdpr-link .link-item:hover {
    color: var(--zg-color-hover-secondary);
}

body#my-account .row-container .links .item-link .link-item .material-icons,
body#my-account .row-container .links .psgdpr-link .link-item .material-icons {
    font-size: 5rem;
}

.row-f .page-footer {
    padding: 2rem;
    margin-top: 30px;
    display: flex;
    gap: 10px;
    display: flex;
    justify-content: center;
}

.row-f .page-footer a {
    padding: 10px;
    background-color: var(--zg-color-secondary);
    border-radius: 7px;
    color: var(--zg-color-white);
    font-weight: var(--zg-font-weight-semibold);
}

.row-f .page-footer a,
.row-f .page-footer a span {
    text-decoration: none;
    font-size: var(--zg-font-size-body-large);
    display: flex;
    align-items: flex-end;
}

.row-f .page-footer a:hover,
.row-f .page-footer a span:hover {
    background-color: var(--zg-color-hover-secondary);
}

body#identity .page-content,
body#history .page-content,
body#order-slip .page-content,
body#module-psgdpr-gdpr .page-content {
    padding: 2rem;
}

body#identity .page-content {
    width: 60%;
    margin: auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
}

body#identity .password-requirements p{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: var(--zg-font-size-body-small);
    line-height: 1;
}

body#order-detail .page-content {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

body#addresses .addresses-container,
body#order-detail .addresses {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    padding: 2rem;
}

body#addresses .addresses-container .address-item,
body#order-detail .addresses .container-addresses {
    font-size: var(--zg-font-size-body);
    color: var(--zg-color-text-primary);
    line-height: 2rem;
    min-width: 200px;
    padding: 2rem;
    border: 1px solid var(--zg-color-secondary);
    border-radius: 4px;
}

body#addresses .addresses-container .address-item h4,
body#order-detail .addresses .container-addresses h4 {
    font-size: var(--zg-font-size-body-large);
    color: var(--zg-color-text-primary);
}


body#addresses .addresses-container .address-item .address-body address {
    margin: 0;
}

body#addresses .addresses-container .address-item .address-footer {
    font-size: var(--zg-font-size-body-small);
    padding: 1.2rem 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

body#addresses .addresses-container .address-item .address-footer a {
    color: var(--zg-color-primary);
    text-decoration: none;
}

body#addresses .addresses-container .address-item .address-footer a:hover {
    color: var(--zg-color-hover-primary);
}

body#addresses .addresses-footer {
    padding: 2rem;
    font-size: var(--zg-font-size-body-small);
}

body#addresses .addresses-footer a {
    color: var(--zg-color-text-primary);
    text-decoration: none;
}

body#addresses .addresses-footer a:hover {
    color: var(--zg-color-hover-primary);
}

body#address .address-form {
    padding: 2rem;
    width: 60%;
    margin: auto;
    min-width: 600px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

body#history .page-content h6 {
    font-size: var(--zg-font-size-body);
    color: var(--zg-color-text-primary);
    margin: 0;
    padding: 1rem 0;
}

body#history .page-content table,
body#order-detail table {
    font-size: var(--zg-font-size-body-small);
    color: var(--zg-color-text-primary);
}

body#history .table.hidden-sm-down {
    display: table !important;
}

body#history .page-content table,
body#history .page-content .orders,
body#order-detail table {
    font-size: var(--zg-font-size-body-small);
    color: var(--zg-color-text-primary);
    width: 100%;
    margin: 0;
}

body#history .page-content table th,
body#history .page-content table td,
body#order-detail table th,
body#order-detail table td {
    border: 1px solid #e3e3e3;
    background-color: var(--zg-color-white);
}

body#history .page-content table td.order-actions {
    display: flex;
    justify-content: space-around;
}

body#history .page-content table td a,
body#order-detail table td a {
    color: var(--zg-color-primary);
    text-decoration: none;
}

body#history .page-content table td a:hover,
body#order-detail table td a:hover {
    color: var(--zg-color-hover-primary);
}

.table-labeled .label {
    padding: .25rem .375rem;
    margin: .125rem;
    font-size: inherit;
    font-weight: var(--zg-font-weight-regular);
    color: var(--zg-color-white);
    white-space: nowrap;
    border-radius: 3px;
}

body#history .orders {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

body#history .orders .order {
    margin: 0;
    padding: 4px;
    border: 1px solid var(--zg-color-secondary);
    border-radius: 4px;
}

body#history .orders .order a h3 {
    font-size: var(--zg-font-size-body);
    color: var(--zg-color-text-primary);
    margin: 0;
}

body#history .orders .order a {
    color: var(--zg-color-primary);
    text-decoration: none;
}

body#history .orders .order .row div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

body#history .orders .order .row div.status,
body#order-detail .div.state {
    padding: 5px 0;
}

body#history .orders .order .row div.status span,
body#order-detail div.state span {
    padding: 5px;
    color: var(--zg-color-white);
    text-align: center;
    font-size: var(--zg-font-size-body-small);
    border-radius: 4px;
}

body#order-detail #order-infos {
    font-size: var(--zg-font-size-body);
    line-height: 20px;
}

body#order-detail #order-infos .row-container {
    display: flex;
    justify-content: space-between;
}

body#order-detail #order-infos .row-container .reorder a {
    color: var(--zg-color-primary);
    text-decoration: none;
}

body#order-detail #order-infos .row-container .reorder a:hover {
    color: var(--zg-color-hover-primary);
    text-decoration: none;
}


body#order-detail #order-history {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
    font-size: var(--zg-font-size-body);
    color: var(--zg-color-text-primary);
}

body#order-detail #order-history h3 {
    font-size: var(--zg-font-size-body);
    margin: 0;
}

body#order-detail .order-message-form header {
    line-height: 20px;
    padding: 1.3rem 0;
}

body#order-detail .order-message-form header h3,
body#order-detail .order-message-form header p {
    font-size: var(--zg-font-size-body-small);
    color: var(--zg-color-text-primary);
    margin: 0;
}

body#order-detail .history-line {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

body#order-slip h6 {
    font-size: var(--zg-font-size-body-small);
    color: var(--zg-color-text-primary);
    margin: 0;
    padding-bottom: 1rem;
}

body#module-psgdpr-gdpr .page-content .psgdprinfo17 {
    padding: 1rem;
    margin-top: 0;
    margin-bottom: 2rem;
    border: 1px solid #e3e3e3;
    background-color: var(--zg-color-white);
    color: var(--zg-color-text-primary);
}

body#module-psgdpr-gdpr .page-content .psgdprinfo17 h2 {
    font-size: var(--zg-font-size-body-large);
}

body#module-psgdpr-gdpr .page-content .psgdprinfo17 p {
    font-size: var(--zg-font-size-body);
    line-height: 20px;
}

body#module-psgdpr-gdpr .page-content .psgdprinfo17 .psgdprgetdatabtn17 {
    background-color: var(--zg-color-primary);
    text-decoration: none;
    border-radius: 4px;
}

body#module-psgdpr-gdpr .page-content .psgdprinfo17 a {
    float: none;
}

body#module-psgdpr-gdpr .page-content .psgdprinfo17 p a {
    color: var(--zg-color-primary);
    text-decoration: none;
}

body#module-psgdpr-gdpr .page-content .psgdprinfo17 p a:hover {
    color: var(--zg-color-hover-primary);
    text-decoration: none;
}

body#module-psgdpr-gdpr .page-content .psgdprinfo17 .psgdprgetdatabtn17:hover {
    background-color: var(--zg-color-hover-primary);
}

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

    body#identity .page-content {
        width: 90%;
    }

    body#address .address-form {
        width: 90%;
        min-width: 0;
    }

    body#history .page-content table td.order-actions {
        flex-direction: column;
        gap: 10px;
    }
}

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

    body#my-account .row-container .links,
    body#addresses .addresses-container,
    body#order-detail .addresses {
        grid-template-columns: repeat(1, 1fr);
    }

    body#order-detail .addresses {
        padding: 0;
    }

    body#history .table.hidden-sm-down {
        display: none !important;
    }

    body#history .orders .order {
        border: 1px solid #e3e3e3;
    }

    body#history .orders .order .row {
        flex-wrap: nowrap;
        margin: 0;
    }

    body#history .orders .order .row .order-left-info {
        width: 80%;
    }

    body#history .orders .order .row .order-actions {
        width: 20%;
        align-items: flex-end;
    }

    body#order-detail #order-infos .row-container {
        flex-direction: column;
        padding-bottom: 1rem;
        gap: 0.5rem;
    }

    body#order-detail #order-infos .row-container {
        flex-direction: column;
        padding-bottom: 1rem;
        gap: 0.5rem;
    }

    body#order-detail .order-items,
    body#order-detail .order-totals,
    body#order-detail .shipping-line {
        font-size: var(--zg-font-size-body-small);
    }

    body#order-detail .shipping-line li strong {
        padding-right: 4rem;
    }

    body#module-psgdpr-gdpr .page-content .psgdprinfo17 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}