.wishlist-main {
    width: 100% !important;

    .header-labels {
        h1 {
            color: #231F20;
            font-family: "Adieu";
            font-size: 32px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
        }

        .dxp-text-body {
            color: #000;
            font-family: Archivo;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: lowercase;
        }
    }
}

.wishlist-items {
    width: 100% !important;

    .dxp-block-flexible-layout {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .dxp-grid-item {
        flex: 0 0 33.333%;
        margin: 10px;
        max-width: 29.333%;
    }

    .dxp-block-flexible-container {
        background: none !important;
    }
}

.card-item.lwc-2gq590ei1u5 figure.lwc-2gq590ei1u5 {
    height: auto !important;
}

.wishlist-product {
    display: flex;
    align-items: center;
    justify-content: center;

    .card-item {
        display: flex;
        justify-content: center;
        align-items: center;
        border: none !important;
    }

    .product-info p {
        margin-bottom: 4px !important;
    }

    .slds-m-top_medium {
        margin-top: 0px !important;
    }

    .product-name {
        color: #231F20;
        font-family: Archivo !important;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 130%;
        /* 23.4px */
        text-transform: capitalize;
    }

    .product-info ul li {
        color: #5A5A5A;
        text-align: center;
        font-family: Archivo;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        /* 15.6px */
    }

    .primary-price {
        color: #231F20 !important;
        text-align: center;
        font-family: Archivo;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 130%;
    }

    .secondary-price {
        color: #5A5A5A !important;
        font-family: Archivo;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 130%;
        text-decoration-line: strikethrough;
    }

    .action {
        display: flex;
        gap:15px;
        align-items: center;
        justify-content: space-between;
        margin-top: 10px !important;
    }

    .action button:nth-child(1) {
        color: #AB7744 !important;
        font-family: Archivo;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        /* 20.8px */
        text-decoration-line: underline;
        text-transform: uppercase;
        background: none;
        padding: 0px !important;
        border: none;
    }

    .action button:nth-child(2) {
        color: #231F20 !important;
        font-family: Archivo;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        /* 20.8px */
        text-decoration-line: underline;
        text-transform: uppercase;
        margin-top: 0px !important;
        padding: 0px !important;
    }

    .card-item.lwc-2gq590ei1u5 figure.lwc-2gq590ei1u5 {
        display: flex !important;
        justify-content: center !important;
    }
}

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

    .card-item.lwc-2gq590ei1u5,
    .list-item.lwc-2gq590ei1u5 {
        padding: 0px !important;
    }

    .wishlist-main {
        .header-labels {
            h1 {
                color: #231F20;
                font-family: "Adieu";
                font-size: 24px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                text-transform: uppercase;
            }

            .dxp-text-body {
                font-size: 16px !important;
            }
        }
    }

    .wishlist-items {
        .dxp-grid-item {
            flex: 0 0 50%;
            margin: 10px;
            max-width: calc(50% - 20px) !important;
        }
    }

    .wishlist-product {
        .product-name {
            font-size: 14px !important;
        }

        .primary-price {
            font-size: 14px !important;
        }

        .action button:nth-child(1) {
            font-size: 12px !important;
        }

        .action button:nth-child(2) {
            font-size: 12px !important;
        }

        .product-info {
            min-width: auto;
        }

        .action {
            min-width: 0px !important;
        }
    }
}

@media (min-width: 768px) and (max-width: 1165px) {
    .wishlist-items {
        .dxp-grid-item {
            flex: 0 0 50%;
            margin: 10px;
            max-width: calc(50% - 20px) !important;
        }
    }

    .action button:nth-child(1) {
        font-size: 10px !important;
    }

    .action button:nth-child(2) {
        font-size: 10px !important;
    }
}

@media (min-width: 1024px) {
    .wishlist-items {
        .dxp-grid-item {
            flex: 0 0 50%;
            margin: 10px;
            max-width: calc(33% - 20px)!important;
        }
    }

    .action button:nth-child(1) {
        font-size: 14px;
    }

    .action button:nth-child(2) {
        font-size: 14px;
    }
}


.check-email {
    margin: 100px 0px 0px 0px;

    .comm-check-email__title {
        color: #AB7744 !important;
        text-align: center;
        font-family: Adieu;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        text-transform: uppercase;
        padding: 0px;
    }

    .comm-check-email__container {
        box-shadow: none;
        border: none;
        padding: 10px 0px;
    }

    .comm-check-email__container {
        p {
            color: #231F20 !important;
            text-align: center;
            font-family: Archivo;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%;
            letter-spacing: 0.154px;
        }

        button {
            color: #FFF;
            font-family: Archivo;
            font-size: 16px;
            font-style: normal;
            font-weight: 800;
            line-height: 150%;
            /* 24px */
            letter-spacing: 1.92px;
            text-transform: uppercase;
            display: flex;
            padding: 12px 20px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            align-self: stretch;
            background: #607245 !important;
            border-radius: 0px !important;
        }
    }
}

.login-container .columns-content {
    width: 100%;
    max-width: 100% !important;
}

.checkpassword-container {
    padding: 0 !important;
}

.checkpassword-container .columns-content {
    width: 100%;
    max-width: 100% !important;
}

.slds-grid {
    .navigation {
        background: #FFFEF3 !important;
    }

    .content {
        background: #FFFEF3 !important;
    }
}

.navigation-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;

    .navigation-list {
        .slds-nav-vertical__item {
            padding: 0px !important;
        }

        .slds-nav-vertical__item a {
            color: #231F20 !important;
            font-family: Archivo;
            font-size: 16px !important;
            font-style: normal;
            font-weight: 400 !important;
            line-height: 124%;
            letter-spacing: 0.16px;
            display: flex;
            padding: 20px 80px;
            flex-direction: column;
            align-items: flex-start;
            align-self: stretch;
            list-style: none;
            text-decoration: none;
        }

        .slds-nav-vertical__item:hover {
            background: #F8F5ED !important;
            border-right: 3px solid #D5BA8C;
        }
    }
}

.commerce-container {
    .footer {
        max-width: none !important;
        margin: 0px !important;
    }
}

.commerce-container footer {
    padding: 0px !important;
}

.commerce-footer {
    padding: 0px !important;

    .columns-content {
        max-width: none !important;
        margin: 0px !important;
    }
}

.wishlist-product {
    .card-item {
        display: block!important;
    }
}

@media screen and (max-width: 1200px) {
    .wishlist-product {
        .action {
            display: flex;
            gap: 5px!important;
            align-items: flex-end;
            justify-content: center;
            margin-top: 10px !important;
            flex-direction: column!important;
        }
    }
}


.wishlist-product {
    .card-item picture {
        width: 200px!important;
        height: 200px!important;
        object-fit: contain;
    }

}


@media screen and (min-width: 1200px) {

    .wishlist-product {
        .card-item picture {
            width: 300px!important;
            height: 300px!important;
            object-fit: contain;
        }

    }

}


@media screen and (min-width: 1201px) {

    .wishlist-product {
        .action button:nth-child(1) {
            min-width: 120px;
        }
    }

}