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-h3);
    color: var(--zg-color-primary);
}

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-primary);
}

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;
}

.row-f .page-footer a,
.row-f .page-footer a span {
    color: var(--zg-color-text-primary);
    text-decoration: none;
    font-size: var(--zg-font-size-body-large);
}

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

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

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;
    border: 1px solid var(--zg-color-secondary);
    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 .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 var(--zg-color-secondary);
    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);
}

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 0;
}

body#module-psgdpr-gdpr .page-content .psgdprinfo17 {
    padding: 1rem;
    margin-top: 0;
    margin-bottom: 2rem;
    border: 1px solid var(--zg-color-secondary);
    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 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: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#address .address-form {
        width: 100%;
        min-width: 0;
        border: none;
        box-shadow: none;
    }

    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;
    }
}