/* Valentine - pages.css - Copyright (c) 2002-2022 Open2b Software Snc. */

/*

    'pages.css' contains CSS properties grouped by page.

    || 404
    || Blog-post
    || Blog-tag
    || Blog
    || Cart
    || Checkout pages
    || Checkout-cart
    || Closed
    || Contact-us
    || Department
    || Index
    || Login
    || Newsletter-subscription
    || Orders
    || Producer
    || Product
    || Promotion
    || Promotions
    || Return-confirmation
    || Return-request
    || Search
    || Share
    || Sign-up-done
    || Sign-up-user
    || Sign-up
    || User-data
    || View
    || Wish-list

*/

/* || 404 - '404.html' */

.not-found-page {
    text-align: center;
}

.not-found-page .box {
    margin: auto;
    padding: 40px;
    width: fit-content;
    margin: 0 auto;
}

.not-found-page .box > span img {
    max-width: 600px;
    display: block;
}

.not-found-page .box > span.design-image-align-center img {
    margin: auto;
}

.not-found-page .box > span.design-image-align-left img {
    margin-right: auto;
}

.not-found-page .box > span.design-image-align-right img {
    margin-left: auto;
}

.not-found-page .box .title {
    font-size: 75px;
    color: var(--color-primary);
    text-shadow: 1px 1px 3px black;
    margin-top: 0;
    margin-bottom: -15px;
}

.not-found-page .box h1 {
    margin-bottom: -10px;
    margin-top: 5px;
}

.not-found-page .box .back-to-home {
    display: block;
    margin: auto;
    margin-top: 25px;
}

@media (max-width: 480px) {

    .not-found-page .box {
        padding: 20px;
    }

}

/* || Blog-post - 'blog-post.html' */

.blog-post-page {
    text-align: center;
}

.blog-post-page .post {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 30px;
    row-gap: 30px;
    grid-template-areas:
        "image info"
        "content content";
}

.blog-post-page .post .image {
    margin-top: 20px;
    grid-area: image;
}

.blog-post-page .post .image img {
    border-radius: 5px;
}

.blog-post-page .post .info {
    grid-area: info;
    text-align: left;
    padding-top: 20px;
}

.blog-post-page .post .tags > span { 
    font-size: 13px;
    color: var(--color-primary);
}

.blog-post-page .post .tags > span::after { 
    content: ',';
}

.blog-post-page .post .tags > span:last-child::after {
    display: none;
}

.blog-post-page .post .info .author-and-date {
    display: flex;
    flex-flow: row wrap;
    column-gap: 10px;
    align-items: center;
}

.blog-post-page .post .info .author-and-date .author {
    font-size: 15px;
    padding-right: 10px;
    border-right: 2px solid var(--border);
    color: var(--color-primary);
}

.blog-post-page .post .info .author-and-date .post-date {
    font-size: 14px;
    opacity: .8;
}

.blog-post-page .post .info .author-and-date .date > i {
    position: relative;
    top: 3px;
    opacity: .7;
    font-size: 18px;
}

.blog-post-page .post .title {
    margin-top: 0;
    font-size: 27px;
    font-weight: 500;
}

.blog-post-page .post .summary * {
    font-family: inherit!important;
    font-size: 16px;
}

.blog-post-page .post .content {
    grid-area: content;
}

.blog-post-page .post .content * {
    font-family: inherit!important;
}

@media (max-width: 990px) {

    .blog-post-page .post {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "info"
            "content";
        row-gap: 10px;
    }

    .blog-post-page .post .info {
        padding-top: 0;
    }

}

/* || Blog tag - 'blog-tag.html' */

.blog-tag-page .blog-list {
    margin-top: 40px;
}

.blog-tag-page .back { 
    align-items: center; 
    display: flex; 
    gap: 5px; 
}

.blog-tag-page .previous-posts { 
    float: left; 
    font-size: 16px; 
}

.blog-tag-page .previous-posts a:before { 
    content: '< '; 
}

.blog-tag-page .next-posts { 
    float: right; 
    font-size: 16px; 
}

.blog-tag-page .next-posts a:after { 
    content: ' >'; 
}

.blog-tag-page .navigation { 
    margin-bottom: 80px; 
}

.blog-tag-page .image img { 
    margin: auto; 
}

.blog-tag-page .content { 
    margin-top: 20px; 
}

/* || Blog - 'blog.html' */

.blog-page .tags-list {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
    justify-content: center;
    margin-bottom: 40px;
}

.blog-page .tags-list .tag {
    border-radius: 10px;
    display: flex;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 300px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.blog-page .tags-list .tag > a:last-child { 
    background: rgb(0,0,0); 
    background: linear-gradient(0deg, rgb(20 20 20 / 100%) 0%, rgb(20 20 20 / 0%) 80%); 
    align-items: end; 
    bottom: 0; 
    color: #FFF; 
    display: flex; 
    font-size: 18px; 
    height: 100%; 
    justify-content: center; 
    left: 0; 
    padding: 8px; 
    position: absolute; 
    width: 100%; 
}

.blog-page .blog-pagination {
    display: flex;
    align-items: center;
    padding: 0 30px;
    justify-content: space-between;
    margin-bottom: 100px;
}

.blog-page .blog-pagination .newer-blog-posts > a::before {
    content: "<   ";
}

.blog-page .blog-pagination .older-blog-posts > a::after {
    content: "   >";
}

@media (max-width: 1200px ) {

    .blog-page {
        width: 100%;
        max-width: 100%;
        padding: 0 40px;
    }

}

/* || Cart - 'cart.html'  */

body.cart .title > h1 {
    text-align: left;
    font-size: 27px;
    letter-spacing: 1px;
    margin: auto;
    width: fit-content;
    padding: 10px 15px;
    border: 1px solid var(--border-strong);
    border-radius: 5px;
}

.cart-page .table .head {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    height: 60px;
    align-items: center;
    border-bottom: 1px solid var(--border);
    margin-bottom: 20px;
}

.cart-page .table .head > div {
    text-align: center;
    letter-spacing: .5px;
    font-size: 18px;
    color: var(--text-primary);
    border-right: 1px solid var(--border);
}

.cart-page .table .head .product {
    text-align: center;
    border-left: 1px solid var(--border);
}

.cart-page .table .body .row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    border-top: 1px solid var(--border);
}

.cart-page .table .body .row:first-child {
    border-top: 0;
}

.cart-page .table .body .row > div {
    text-align: center;
    position: relative;
}

.cart-page .table .body .row > .item-quantity {
    padding-bottom: 30px;
}

.cart-page .table .body .row .item-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-page .table .body .row .item-image img {
    max-height: 120px; 
    width: auto;
}

.cart-page .table .body .row .item-name {
    border-right: 1px solid var(--border);
    padding: 0 30px;
}

.cart-page .table .body .row .item-promotion {
    font-size: 13px;
}

.cart-page .table .body .row .item-price {
    font-size: 15px;
}

.cart-page .table .body .row .item-list-price {
    font-weight: 400;
    font-size: 13px;
    text-decoration: line-through;
    opacity: .8;
}

.cart-page .table .body .row .item-discount {
    font-size: 13px;
    font-weight: 400;
    color: var(--color-primary)
}

.cart-page .table .body .row .item-price::after {
    content: "×";
    position: absolute;
    right: 0;
    opacity: .7;
    font-size: 20px;
    font-weight: 100;
    top: 50%;
    transform: translate(50%, -50%);
}

.cart-page .table .body .row .item-quantity input[name="quantity"] {
    width: 70px;
    text-align: center;
}

.cart-page .table .body .row .item-quantity input[type="submit"] {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    font-size: 10px;
    font-weight: 100;
    padding: 5px 11px;
    transition: visibility .5s, opacity .7s;
}

.cart-page .table .body .row .item-quantity input[name^="remove"] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-strong);
    color: var(--text-primary);
    opacity: .8;
}

.cart-page .table .body .row .item-quantity input[name^="update"] {
    visibility: hidden;
    opacity: 0;
}

.cart-page .table .body .row .item-quantity.design-cart-quantity-changed input[name^="remove"] {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.cart-page .table .body .row .item-quantity.design-cart-quantity-changed input[name^="update"] {
    display: block;
    visibility: visible;
    opacity: 1;
}

.cart-page .table .body .row .item-quantity::after {
    content: "=";
    position: absolute;
    right: 0;
    opacity: .7;
    font-size: 20px;
    font-weight: 100;
    top: 50%;
    transform: translate(50%, -50%);
}

.cart-page .table .body .row .item-total {
    font-size: 15px;
    padding: 0 20px;
}

.cart-page .table .body .item-quantity-promotions {
    width: 80%;
    margin: auto;
    background-color: var(--bg-product-image);
    padding: 30px 50px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr .8fr .8fr;
    align-items: center;
    font-size: 13px;
    gap: 10px;
}

.cart-page .table .body .item-quantity-promotions .item-quantity-promotions-list-price > span {
    font-weight: 400;
    font-size: 13px;
    text-decoration: line-through;
    opacity: .8;
}

.cart-page .table .body .item-quantity-promotions .item-quantity-promotions-price {
    font-size: 15px;
}

.cart-page .table .body .item-quantity-promotions .item-quantity-promotions-discount {
    font-size: 13px;
    font-weight: 400;
    color: var(--color-primary);
}

.cart-page .table .body .item-quantity-promotions .item-quantity-promotions-price,
.cart-page .table .body .item-quantity-promotions .item-quantity-promotions-quantity,
.cart-page .table .body .item-quantity-promotions .item-quantity-promotions-total-price {
    text-align: right;
}

.cart-page .table .body .item-quantity-promotions .item-quantity-promotions-total-price {
    font-weight: 600;
}

.cart-page .table .body .requests-row {
    padding-bottom: 20px;
}

.cart-page .table .body .requests-row .requests {
    width: 70%;
    margin: auto;
    text-align: center;
}

.cart-page .table .body .requests-row .requests label {
    font-size: 14px;
    color: var(--color-primary);
}

.cart-page .actions {
    display: grid;
    grid-template-columns: 1.5fr 3fr;
    padding: 30px 0;
    align-items: start;
    column-gap: 20px;
    text-align: center;
    grid-template-areas: "actions final-box";
    margin-top: 30px;
}

.cart-page .actions .buttons {
    grid-area: actions;
    display: flex;
    flex-flow: column;
    row-gap: 10px;
}

.cart-page .actions .buttons .apply-coupon {
    display: flex;
    column-gap: 10px;
    position: relative;
}

.cart-page .actions .buttons .apply-coupon > p {
    letter-spacing: .5px;
    font-weight: 500;
}

.cart-page .actions .buttons .apply-coupon input[type="text"] {
    width: 100%;
    padding: 10px 15px;
    border-radius: 5px;
}

.cart-page .actions .buttons .apply-coupon input[type="submit"] {
    position: absolute;
    right: 0;
    width: max-content;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 100%;
    font-size: 11px;
    font-weight: 500;
    padding: 0 20px;
}

.cart-page .actions .promotions-recap {
    display: block;
    border: 1px solid var(--border-strong);
    border-radius: 5px;
    padding: 10px;
    text-align: left;
    margin-bottom: 0;
    font-size: 13px;
}

.cart-page .actions .promotions-recap .promotions-recap-title {
    font-size: 16px;
    font-weight: 600;
}

.cart-page .actions .promotions-recap .promotion-name {
    font-weight: 600;
}

.cart-page .actions .promotions-recap .promotion-product {
    font-size: 13px;
}

.cart-page .actions .buttons .secondary-actions {
    display: flex;
    gap: 10px;
}

.cart-page .actions .buttons .secondary-actions input {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    width: 100%;
    font-weight: 500;
    border: 1px solid var(--border-strong);
}

.cart-page .actions .final-box {
    grid-area: final-box;
    text-align: right;
    display: flex;
    flex-flow: column;
    row-gap: 10px;
    padding: 0 0 0 20px;
    font-size: 14px;
}

.cart-page .actions .final-box > div {
    display: grid;
    grid-template-columns: 3fr .5fr;
    column-gap: 20px;
    align-items: center;
}

.cart-page .actions .final-box .discount span {
    color: var(--color-primary);
}

.cart-page .actions .final-box .value {
    font-weight: 100;
    opacity: .7;
}

.cart-page .actions .final-box .total .title {
    font-size: 20px;
    font-weight: 600;
}

.cart-page .actions .final-box .checkout {
    margin-top: 10px;
    display: block!important;
}

.cart-page.no-items {
    text-align: center;
}

.cart-page.no-items .no-items-msg {
    margin-bottom: 30px;
}

@media (max-width: 768px) {

    .cart-page {
        width: 100%;
        max-width: none;
    }

    .cart-page .table {
        padding-bottom: 10px;
    }

    .cart-page .table .head {
        display: none;
    }

    .cart-page .table .body .row {
        grid-template-columns: .5fr 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "image name"
            "image quantity-total"
            "image actions";
        justify-content: center;
        row-gap: 10px;
        margin-bottom: 0;
        padding-bottom: 25px;
        padding-top: 25px;
        border-radius: 5px;
    }

    .cart-page .table .body .row:last-of-type {
        border-bottom: none;
    }

    .cart-page .table .body .row > div {
        text-align: left;
    }

    .cart-page .table .body .row .item-image {
        grid-area: image;
        justify-content: center;
    }

    .cart-page .table .body .row .item-name {
        grid-area: name;
        border-right: 0;
        font-size: 17px;
    }

    .cart-page .table .body .row .item-quantity {
        grid-area: quantity-total;
        justify-self: left;
    }

    .cart-page .table .body .row .item-quantity::after {
        display: none;
    }

    .cart-page .table .body .row .item-total {
        grid-area: quantity-total;
        justify-self: left;
        position: relative;
        left: 80px;
    }

    .cart-page .table .body .row .item-price {
        grid-area: price;
    }

    .cart-page .table .body .row .item-price::after {
        display: none;
    }

    .cart-page .table .body .row .item-actions {
        grid-area: actions;
        flex-flow: row;
        justify-content: right;
        column-gap: 15px;
        margin-top: 10px;
        padding-right: 20px;
    }

    .cart-page .table .body .row .item-actions input {
        background-color: var(--bg-secondary);
    }

    .cart-page .table .body .requests-row .requests {
        width: 100%;
    }

    .cart-page .actions {
        grid-template-columns: 1fr;
        row-gap: 20px;
        margin-top: 10px;
        grid-template-areas:
            "actions"
            "final-box";
        justify-content: center;
        column-gap: 20px;
        padding: 20px;
    }

    .cart-page .actions .buttons .secondary-actions {
        justify-content: center;
    }

    .cart-page .actions .final-box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "promotions promotions"
            "shipping payment"
            "taxes subtotal"
            "total total"
            "btn btn";
        padding-left: 0;
        padding-right: 0;
        border: 1px solid var(--border);
        border-radius: 5px;
        padding: 20px 10px;
        margin-top: 20px;
    }

    .cart-page .actions .final-box > div {
        display: block;
        text-align: center;
    }

    .cart-page .actions .final-box > div .title {
        display: flex;
        flex-flow: column;
    }

    .cart-page .actions .final-box select {
        max-width: 180px;
        margin: auto;
        text-align: center;
    }

    .cart-page .actions .final-box .promotions-recap {
        grid-area: promotions;
        text-align: center;
    }

    .cart-page .actions .final-box .shipping {
        grid-area: shipping;
    }

    .cart-page .actions .final-box .payment {
        grid-area: payment;
    }

    .cart-page .actions .final-box .taxes {
        grid-area: taxes;
    }

    .cart-page .actions .final-box .subtotal {
        grid-area: subtotal;
    }

    .cart-page .actions .final-box .total {
        grid-area: total;
    }

    .cart-page .actions .final-box .checkout {
        grid-area: btn;
        text-align: center;
    }

    .cart-page .table .body {
        padding: 0 10px;
    }

    .cart-page .table .body .row {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "name"
            "quantity"
            "total"
            "actions";
        padding-bottom: 35px;
        padding-top: 35px;
    }

    .cart-page .table .body .item-quantity-promotions {
        width: 100%;
        padding: 10px;
        grid-template-columns: 1fr .8fr .8fr 0;
    }

    .cart-page .table .body .row .item-price {
        display: none;
    }

    .cart-page .table .body .row .item-quantity {
        grid-area: quantity;
        width: 100%;
    }

    .cart-page .table .body .row .item-total {
        grid-area: total;
        text-align: center;
        width: 100%;
        left: 0;
    }

    .cart-page .table .body .row > div {
        text-align: center;
    }

    .cart-page .table .body .row .item-image {
        padding-left: 0;
    }

    .cart-page .table .body .row .item-image img {
        width: auto;
    }

    .cart-page .table .body .row .item-actions {
        column-gap: 10px;
    }

}

@media (max-width: 480px) {

    .cart-page .actions .final-box select {
        max-width: 150px;
    }

}

/* || Checkout pages - 'checkout-addresses.html', 'checkout-confirmation.html', 'checkout-methods.html', 'checkout-quote-confirmation.html', 'checkout-quote-request.html' */

/* All checkout pages */

body.checkout-addresses .mega-menu,
body.checkout-methods .mega-menu,
body.checkout-quote-request .mega-menu { /* Don't show the navigation inside the checkout pages */
    display: none;
}

@media (max-width: 768px) {

    body.checkout-addresses .mobile-header .actions.bottom,
    body.checkout-methods .mobile-header .actions.bottom,
    body.checkout-quote-request .mobile-header .actions.bottom {
        display: none;
    }

}

.checkout-page {
    padding-left: 30px;
    padding-right: 30px;
}

.checkout-page .steps {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60%;
    margin: auto;
}

.checkout-page .steps > div {
    width: 33.333%;
    position: relative;
}

.checkout-page .steps > div::before {
    position: absolute;
    background-color: var(--bg-primary);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    border: 1px solid var(--border-strong);
    font-size: 18px;
    font-weight: 700;
}

.checkout-page .steps > .selected::before {
    background-color: var(--color-primary);
    color: var(--text-onaccent);
    border-color: var(--color-primary);
}

.checkout-page .steps > div > span {
    font-size: 15px;
}

.checkout-page .steps .step-1 > span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, 25px);
}

.checkout-page .steps .step-1::before {
    content: "1";
    transform: translate(-50%, -50%);
    left: 0;
}

.checkout-page .steps .step-2 {
    display: flex;
    flex-flow: row nowrap;
}

.checkout-page .steps .step-2 > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 25px);
}

.checkout-page .steps .step-2::before {
    content: "2";
    transform: translate(-50%, -50%);
    left: 50%;
}

.checkout-page .steps .step-3 > span {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, 25px);
}

.checkout-page .steps .step-3::before {
    content: "3";
    transform: translate(50%, -50%);
    right: 0;
}

.checkout-page .steps .row {
    width: 100%;
    border-bottom: 1px solid var(--border-strong);
}

.checkout-page .steps .row.selected {
    border-color: var(--color-primary);
}

.checkout-page .main {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    grid-template-areas: 
        "title title"
        "form cart";
    margin-top: 100px;
    column-gap: 50px;
}

.checkout-page .main .image-title-content {
    grid-area: title;
}

.checkout-page .main .form {
    grid-area: form;
    padding-bottom: 40px;
    padding: 10px;
}

.checkout-page .main .form .buttons {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-top: 20px;
}

.checkout-page .main .form .buttons .continue-button input[type="submit"] {
    padding: 15px 80px;
    transition: unset;
}

.checkout-page .main .form .buttons .continue-button input[type="submit"].design-cc-button-paying {
    background-image: url(../images/loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    color: transparent!important;
}

.checkout-page .main .form .buttons .go-back-button input[type=submit] {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border-strong);
    opacity: 1;
}

.checkout-page .main .form label.ship-to-another-address {
    display: block;
    margin-top: 20px;
}

.checkout-page .main .form label.ship-to-another-address {
    display: flex!important;
    align-items: center;
    column-gap: 5px;
}

.checkout-page .main .form textarea[name="requests"] {
    height: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* checkout-addresses */

.checkout-page .main .form.addresses .input-wrapper.email {
    width: 80%;
    margin-right: auto;
    margin-bottom: 30px;
}

.checkout-page .main .form.addresses .input-wrapper.email label + span {
    position: static;
}

.checkout-page .main .form.addresses label[for=design-country],
.checkout-page .main .form.addresses label[for=design-stateprov],
.checkout-page .main .form.addresses label[for=design-shipcountry],
.checkout-page .main .form.addresses label[for=design-shipstateprov] {
    font-size: 13px;
    opacity: .8;
}

.checkout-page .main .form.addresses fieldset#shipping-address {
    margin-top: 15px;
    border: 1px solid var(--border);
    padding: 25px;
    padding-top: 0;
}

.checkout-page .main .form.addresses fieldset#shipping-address > legend {
    margin-bottom: 12px;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 500;
    padding: 0 10px;
}

.checkout-page .main .form.addresses label[for="design-invoicerecipient"] + div > div:last-child {
    font-size: 12px;
    text-align: center;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 0;
}

/* checkout methods */

.checkout-page .main .form.methods .name {
    padding-left: 10px;
}

.checkout-page .main .form.methods .description {
    text-decoration: none;
    font-size: 14px;
    color: var(--text-primary);
    opacity: .7;
    position: relative;
    left: 0;
    margin-bottom: 3px;
    padding-left: 10px;
}

.checkout-page .main .form.methods fieldset {
    border: none;
    padding-right: 0;
    padding-left: 0;
}

.checkout-page .main .form.methods fieldset > div {
    display: flex;
    width: 100%;
    padding: 10px 15px;
    border: 1px solid var(--border);
    align-items: center;
    border-top: 0;
}

.checkout-page .main .form.methods fieldset > div:first-of-type {
    border-top: 1px solid var(--border);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.checkout-page .main .form.methods fieldset > div:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.checkout-page .main .form.methods fieldset legend {
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 500;
    padding-top: 15px;
    margin-bottom: 8px;
}

.checkout-page .main .form.methods fieldset label {
    display: flex;
    align-items: center;
}

.checkout-page .main .form.methods fieldset label,
.checkout-page .main .form.methods fieldset input {
    cursor: pointer;
}

.checkout-page .main .form.methods fieldset label {
    flex-flow: column;
    width: 100%;
    align-items: normal;
    grid-area: label;
}

.checkout-page .main .form.methods fieldset label .payment-head {
    position: relative;
}

.checkout-page .main .form.methods fieldset label .payment-head .logos {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-page .main .form.methods fieldset label .payment-head .logos img {
    max-height: 25px;
    width: auto;
}

.checkout-page .main .form.methods fieldset input {
    grid-area: input;
    margin: auto;
    display: flex;
    justify-content: center;
    align-self: center;
    position: relative;
}

.checkout-page .main .form.methods fieldset > div {
    display: grid!important;
    grid-template-columns: 26px auto;
    grid-template-areas:
        "input label"
        "pay pay";
}

.checkout-page .main .form.methods fieldset > div > input {
    grid-area: input;
}

.checkout-page .main .form.methods fieldset > div > label {
    grid-area: label;
}

.checkout-page .main .form.methods .pay {
    grid-area: pay;
    width: 87%;
    margin: auto;
    margin-top: 10px;
    padding-top: 5px;
    text-align: center;
    display: none;
}

.checkout-page .main .form.methods .pay > div {
    margin-top: 10px;
}

.checkout-page .main .form.methods .pay .design-cc-errors {
    color: var(--color-primary);
    font-weight: 600;
}

.checkout-page .main .form.methods .pay .name {
    padding-left: 0!important;
}

.checkout-page .main .form.methods .pay .name input {
    padding: 10px 15px;
    width: 100%;
    border: 1px solid var(--border-strong);
    border-radius: 5px;
    cursor: text;
}

.checkout-page .main .form.methods .pay .number {
    width: 100%;
    border: 1px solid var(--border-strong);
    border-radius: 5px
}

.checkout-page .main .form.methods .pay .detail-row {
    display: flex;
    column-gap: 10px;
}

.checkout-page .main .form.methods .pay .detail-row > div {
    width: 100%;
    border: 1px solid var(--border-strong);
    border-radius: 5px
}

.checkout-page .main .form.methods input:checked ~ .pay {
    display: block;
}

.checkout-page .main .form.methods .pay .design-cc-number,
.checkout-page .main .form.methods .pay .design-cc-expiry,
.checkout-page .main .form.methods .pay .design-cc-cvc { 
    height: 41px;
    padding: 0 15px;
}

/* PayPal button */

.checkout-page .main .form.methods .buttons .continue-button {
    position: relative;
    width: 200px;
}

.checkout-page .main .form.methods .buttons .continue-button > * {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0!important;
    position: absolute;
    width: 100%;
    top: 0; 
    left: 0;
}

.checkout-page #design-paypal-button {
    background-color: #0070ba;
    clip-path: circle(0.0% at 0 100%);
    transition: visibility .2s, opacity .2s, clip-path .4s;
}

.checkout-page #design-paypal-button.design-custom-order-button {
    clip-path: circle(142.2% at 0 100%);
}

@media (max-width: 480px) {

    .checkout-page .main .form.methods .buttons .continue-button {
        height: 55px;
        margin: auto;
        width: 100%!important;
    }

}

/* checkout-confirmation */

.checkout-page .confirmation {
    margin: 50px 0;
    padding: 30px 20px;
}

body.checkout-quote-confirmation .checkout-page .confirmation {
    margin: 0;
}

.checkout-page .image-title-content .contents p {
    text-align: unset;
}

.checkout-page .confirmation p {
    text-align: center;
}

.checkout-page .confirmation .btn-primary {
    display: block;
    margin: auto;
    margin-top: 30px;
}

/* checkout-quote-request */

body.checkout-quote-request .checkout-page .main {
    margin-top: 10px;
}

body.checkout-quote-request .checkout-page .quote-request-title h1 {
    text-align: center;
    letter-spacing: .5px;
    font-weight: 400;
    margin-top: 0;
}

/* All checkout pages - responsive */

@media (max-width: 990px) {

    .checkout-page {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%
    }

    .checkout-page .main {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-template-areas:
            "title"
            "cart"
            "form";
    }

    .checkut-page .main .form {
        padding: 30px;
    }

}

@media (max-width: 480px) {

    .checkout-page .steps {
        width: 70%;
    }

    .checkout-page .main .form {
        padding: 10px;
    }

    .checkout-page .main .form .buttons {
        row-gap: 15px;
        margin-top: 30px;
        text-align: center;
        flex-flow: column;
    }

    .checkout-page .main .form .buttons .go-back-button {
        order: 1;
    }

    .checkout-page .main .form .buttons .continue-button input[type="submit"] {
        width: 100%;
    }

    .checkout-page .main .form .buttons .go-back-button input[type="submit"] {
        width: 100%;
    }

    .checkout-page .main .form .buttons .send-quote-request-button input[type="submit"] {
        width: 100%;
    }

}

/* || Checkout-cart - 'checkout-cart.html' */

.checkout-cart {
    padding-left: 30px;
}

.checkout-cart .body {
    max-height: 400px;
    overflow-y: auto;
    padding: 0 20px;
}

.checkout-cart .body .row {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: 
        "image name price total"
        "requests requests requests requests";
    border-top: 1px solid var(--border);
    margin-top: 10px;
    padding-top: 10px;
    font-size: 14px;
    column-gap: 10px;
}

.checkout-cart .body .row:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.checkout-cart .body .row .image {
    text-align: center;
    grid-area: image;
}

.checkout-cart .body .row .name {
    font-size: 14px;
    grid-area: name;
    text-align: left;
    padding: 0 10px 0 0;
}

.checkout-cart .body .row .name .promotion {
    font-size: 12px;
}

.checkout-cart .body .row .price {
    text-align: left;
    grid-area: price;
    white-space: nowrap;
}

.checkout-cart .body .row .price .quantity {
    display: none;
}

.checkout-cart .body .row .list-price {
    display: block;
}

.checkout-cart .body .list-price > span {
    font-size: 13px;
    text-decoration: line-through;
    opacity: .8;
}

.checkout-cart .body .discount {
    color: var(--color-primary)
}

.checkout-cart .body .discount {
    font-size: 13px;
}

.checkout-cart .body .row .total {
    grid-area: total;
    text-align: right;
}

.checkout-cart .body .quantity-promotions {
    background-color: var(--bg-product-image);
    padding: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr 50px;
    align-items: center;
    font-size: 13px;
    gap: 10px;
}

.checkout-cart .body .quantity-promotions-list-price {
    text-decoration: line-through;
}

.checkout-cart .body .quantity-promotions-details {
    font-size: 12px;
}

.checkout-cart .body .quantity-promotions-price,
.checkout-cart .body .quantity-promotions-quantity,
.checkout-cart .body .quantity-promotions-total-price {
    text-align: right;
}

.checkout-cart .body .quantity-promotions-list-price {
    font-size: 13px;
    text-decoration: line-through;
    opacity: .8;
}

.checkout-cart .body .quantity-promotions-sell-price {
    white-space: nowrap;
}

.checkout-cart .body .quantity-promotions-discount {
    font-size: 13px;
    font-weight: 400;
    color: var(--color-primary);
    white-space: nowrap;
}

.checkout-cart .body .row .requests-row {
    grid-area: requests;
    text-align: center;
    font-size: 12px;
}

.checkout-cart .body .row .requests-row label {
    color: var(--color-primary);
}

.checkout-cart .body .row .image img {
    width: auto;
    max-height: 90px;
}

.checkout-cart .final-box {
    background-color: unset;
    width: 100%;
    margin-left: auto;
    font-size: 15px;
    padding: 20px 22px 10px 20px;
}

.checkout-cart .final-box > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.checkout-cart .final-box .total {
    font-size: 19px;
    font-weight: 600;
}

@media (max-width: 990px) {

    .checkout-cart {
        padding-left: 0;
    }

    .checkout-cart .body {
        max-height: unset;
        overflow-y: unset;
        padding: 20px 30px;
    }

    .checkout-cart .body .row {
        border-bottom: none;
    }

    .checkout-cart .body .row .price {
        text-align: center;
    }

    .checkout-cart .body .row .name {
        padding: 12px;
    }

}

@media (max-width: 768px) {

    .checkout-cart .body .row .price .quantity {
        display: block;
    }

    .checkout-cart .body .row .price .list-price,
    .checkout-cart .body .row .price .sell-price,
    .checkout-cart .body .row .price .discount {
        display: none;
    }

}

@media (max-width: 480px) {

    .checkout-cart .body {
        padding: 20px 10px;
    }

    .checkout-cart .body .row .image img {
        width: auto;
        max-height: 80px;
    }

}

/* || Closed - 'closed.html' */

body.closed {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-secondary);
}

.closed-page {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: var(--bg-secondary);
}

.closed-page .box {
    margin-top: -150px;
}

/* || Contact-us - 'contact-us.html' */

.contact-us-page {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.contact-us-page .admin-content {
    padding: 0;
}

.contact-us-page .contact-form {
    display: flex;
    flex-flow: column;
    justify-content: center;
    row-gap: 20px;
    align-items: center;
    padding-top: 20px;
    width: 60%;
    margin: auto;
}

.contact-us-page .contact-form .form-row {
    width: 100%;
    column-gap: 10px;
    margin-bottom: 0;
}

.contact-us-page .contact-form .form-row > div {
    padding: 0;
}

.contact-us-page .contact-form .input-wrapper {
    width: 100%;
}

.contact-us-page .contact-form > div:last-child {
    text-align: right;
    width: 100%;
}

.contact-us-page .contact-form input[type="submit"] {
    padding: 15px 80px;
    margin-bottom: 40px;
}

@media (max-width: 1024px) {

    .contact-us-page .contact-form {
        width: 80%;
    }

}

@media (max-width: 768px) {

    .contact-us-page .contact-form {
        width: 100%;
    }

    .contact-us-page .contact-form > div:last-child {
        text-align: center;
    }

}

/* || Department - 'department.html' */

.department-page {
    display: grid;
    grid-template-columns: 2fr 6fr;
    width: 1200px;
    margin: auto;
    gap: 30px;
    padding: 0 20px;
}

.department-page .main .title {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}

.department-page .main .description {
    color: var(--text-primary);
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 24px;
}

.department-page .main > .image {
    height: auto;
}

.department-page .main .image > span {
    display: block;
    width: fit-content;
}

.department-page .main .image > span img {
    max-height: 400px;
    width: auto;
    max-width: 100%;
    padding: 20px 0;
}

.department-page .main .image > span.design-image-align-left {
    margin-right: auto;
}

.department-page .main .image > span.design-image-align-right {
    margin-left: auto;
}

.department-page .main .image > span.design-image-align-center {
    margin: auto;
}

.department-page .sub-departments {
    display: flex;
    gap: 20px;
    flex-flow: row wrap;
    margin-bottom: 20px;
    justify-content: center;
}

.department-page .sub-departments .sub-department {
    text-align: center;
    border: 1px solid var(--border);
    border-radius: 3px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    position: relative;
    transition: border .3s;
}

.department-page .sub-departments .sub-department:hover {
    border: 1px solid var(--color-primary)
}

.department-page .sub-departments .sub-department > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.department-page .sub-departments .sub-department .image {
    margin-top: 0;
    padding: 20px;
}

.department-page .sub-departments .sub-department .image img {
    max-width: 190px;
    height: auto;
}

.department-page .sub-departments .sub-department .name {
    padding: 20px 30px;
}

@media (max-width: 1200px) {

    .department-page {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        width: 100%;
        padding: 0 40px;
    }

    .department-page .main .title {
        text-align: center;
    }

}

@media (max-width: 786px) {

    .department-page .sub-departments .sub-department .image img {
        max-width: 100px;
    }

}

@media (max-width: 480px) {

    .department-page {
        padding: 0 20px;
    }

}

/* || Index - 'index.html' */

body.index .mega-menu {
    border-bottom: none!important;
}

body.index > .content > div:last-of-type {
    border-bottom: 0!important;
} 

.home-slider {
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-products {
    padding: 50px 0;
    border-bottom: 1px solid var(--border);
}

@media (max-width: 1200px) {

    .department-widget .tabs .tab.is-tab::after {
        display: none;
    }

}

/* || Login - 'login.html' */

.login-page .form {
    margin: auto;
    padding: 20px 40px;
    margin: auto;
    max-width: 400px;
}

.login-page .form .title {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.login-page .form .input-wrapper {
    margin: 0 auto 20px auto;
    width: 100%;
}

.login-page .form .remember-password {
    text-align: right;
    font-size: 14px;
    letter-spacing: .5px;
    color: var(--color-primary);
    margin-top: -10px;
    margin-bottom: 25px;
}

.login-page .form .btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login-page .form .btns .login-button {
    text-align: center;
}

.login-page .form .btns .sign-up a {
    border: none;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-strong);
    color: var(--black);
    padding: 15px 25px;
    border-radius: 5px;
    font-size: 14px;
}

@media (max-width: 480px) {

    .login-page .form {
        padding: 20px;
    }

}

/* || Newsletter-subscription - 'newsletter-subscription.html' */

.newsletter-subscription-page .save-button {
    text-align: right;
    margin-top: 25px;
}

.newsletter-subscription-page form label {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.newsletter-subscription-page form label div {
    font-size: 17px;
    line-height: 1.3;
}

.newsletter-subscription-page form label div span {
    font-size: 14px;
}

/* || Orders - 'orders.html' */

.orders-page .orders .order {
    margin-top: 50px;
}

.orders-page .orders .order .head {
    display: flex;
    justify-content: space-around;
    padding: 20px 10px;
    border: 1px solid var(--border);
    font-size: 15px;
    align-items: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.orders-page .orders .order .head > div {
    display: flex;
    flex-flow: column;
    position: relative;
}

.orders-page .orders .order .head .label {
    font-size: 13px;
    opacity: .8;
}

.orders-page .orders .order .head .value {
    font-size: 15px;
    letter-spacing: .5px;
}

.orders-page .orders .order .head .number > div:first-of-type {
    font-size: 19px;
    font-weight: 500;
    letter-spacing: .5px;
}

.orders-page .orders .order .head .number > .print {
    border: 1px solid var(--border-strong);
    width: fit-content;
    padding: 5px 20px;
    margin: auto;
    border-radius: 5px;
    color: var(--text-primary);
}

.orders-page .orders .order .head .address .customer-name {
    cursor: pointer;
    color: var(--color-primary);
}

.orders-page .orders .order .head .address .dropdown {
    position: absolute;
    background-color: var(--bg-primary);
    width: 300px;
    top: 100%;
    right: 0;
    border: 1px solid var(--border-strong);
    text-align: center;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    display: none;
    z-index: 10; /* stacking-context: .order */
}

.orders-page .orders .order .head .address .dropdown.design-isopen {
    visibility: visible;
    opacity: 1;
    display: block;
}

.orders-page .orders .order .head .address .dropdown .close {
    position: absolute;
    right: -10px;
    top: 10px;
    font-size: 18px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    background-color: var(--bg-primary);
    color: var(--color-primary);
    border-radius: 100%;
    cursor: pointer;
}

.orders-page .orders .order .head .address .dropdown .content {
    display: flex;
    justify-content: space-between;
}

.orders-page .orders .order .head .address .dropdown .content > div {
    width: 50%;
    padding: 0 7px;
}

.orders-page .orders .order .head .address .dropdown .content .value {
    font-size: 13px;
}

.orders-page .orders .order .items {
    display: flex;
    justify-content: left;
    padding: 5px 30px;
    flex-flow: column;
    border: 1px solid var(--border);
    border-top: none;
}

.orders-page .orders .order .items .item {
    width: 100%;
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
}

.orders-page .orders .order .items .item > div {
    display: flex;
    flex-flow: column;
    width: 20%;
    text-align: center;
    padding: 0 20px;
}

.orders-page .orders .order .items .item .return-info {
    font-size: 13px;
}

.orders-page .orders .order .items .item .label {
    font-size: 13px;
    opacity: .8;
}

.orders-page .orders .order .items .item .value {
    font-size: 15px;
    letter-spacing: .5px;
}

.orders-page .orders .order .items .item .image img {
    max-width: 100px;
}

.orders-page .orders .order .items .item .button {
    text-align: right;
    padding-right: 15px;
}

.orders-page .orders .order .items .item .button input[type=submit] {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-strong);
    color: var(--text-primary);
}

.orders-page .orders .order .shipments .head,
.orders-page .orders .order .returns .head {
    border-top: 0;
    background-color: var(--bg-primary);
    padding: 10px;
    border: 1px solid var(--border-strong);
    border-radius: 0;
}

.orders-page .orders .order .returns .head h3 {
    margin: 0;
}

.orders-page .orders .order .returns .head .print a {
    font-size: 15px;
}

.orders-page .orders .order .shipments .head .return-items a {
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border-strong);
    opacity: .7;
}

.orders-page .orders .order .shipments .items .image img,
.orders-page .orders .order .returns .items .image img {
    max-width: 70px;
}

.orders-page .orders .pagination {
    width: 100%;
    padding: 15px 0;
    height: 75px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    flex-flow: row wrap;
}

.orders-page .orders .pagination > b {
    background-color: var(--color-primary);
    color: var(--text-onaccent);
    border-radius: 29px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: -5px;
    margin-left: -5px;
}

@media (max-width: 990px) {

    .orders-page {
        max-width: 100%;
        padding: 0 20px;
    }

    .orders-page .item {
        flex-flow: row wrap;
    }

}

@media (max-width: 768px) {

    .orders-page .orders .order .head {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "number number"
            "status total"
            "date address";
        justify-content: center;
        align-items: center;
        border: 0;
        background-color: var(--bg-primary);
    }

    .orders-page .orders .order .shipments .head,
    .orders-page .orders .order .returns .head {
        padding: 10px 20px;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        column-gap: 20px;
    }

    .orders-page .orders .order .returns .head .status,
    .orders-page .orders .order .returns .head .date {
        border-right: 0;
    }

    .orders-page .orders .order .returns .head .number {
        margin-bottom: 0;
    }

    .orders-page .orders .order .head .number {
        grid-area: number;
        text-align: center;
        margin-bottom: 20px;
    }

    .orders-page .orders .order .head .number > div:first-of-type {
        font-size: 23px;
    }

    .orders-page .orders .order .head .status {
        grid-area: status;
        text-align: right;
        border-right: 1px solid var(--border-strong);
        padding-right: 10px;
    }

    .orders-page .orders .order .head .total {
        grid-area: total;
        text-align: left;
        border-left: 1px solid var(--border-strong);
        padding-left: 10px;
    }

    .orders-page .orders .order .head .date {
        grid-area: date;
        text-align: right;
        border-right: 1px solid var(--border-strong);
        padding-right: 10px;
    }

    .orders-page .orders .order .head .address {
        grid-area: address;
        text-align: left;
        border-left: 1px solid var(--border-strong);
        padding-left: 10px;
    }

    .orders-page .orders .order .items {
        flex-flow: row wrap;
        border-radius: 5px;
        border-top: 1px solid var(--border);
        padding: 20px 30px;
    }

    .orders-page .orders .order .items .item {
        justify-content: center;
        width: 50%;
    }

    .orders-page .orders .order .items .item > div {
        width: 100%;
    }

    .orders-page .orders .order .items .item .button {
        text-align: center;
        padding: 0;
    }

}

@media (max-width: 480px) {

    .orders-page .orders .order .items {
        row-gap: 30px;
    }

    .orders-page .orders .order .items .item {
        width: 100%;
    }

}

/* || Producer - 'producer.html' */

.producer-page {
    display: grid;
    grid-template-columns: 2fr 6fr;
    width: 1200px;
    margin: auto;
    gap: 30px;
    padding: 0 20px;
}

@media (max-width: 1200px) {

    .producer-page {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        width: 100%;
        padding: 0 40px;
    }

}

@media (max-width: 480px) {

    .producer-page {
        padding: 0 20px;
    }

}

/* || Product - 'product.html' */

.product-page {
    padding: 0 20px;
}

.product-page .product {
    display: flex;
    margin-bottom: 5px;
    column-gap: 25px;
}

.product-page .product .image {
    width: 50%;
    margin: auto;
}

.product-page .product .image #design-product-image {
    width: 70%;
    margin: auto;
}

.product-page .product .image #design-product-image a {
    height: auto!important;
    max-width: 100%;
    padding-top: 100%;
}

.product-page .product .image #design-product-image a img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
}

.product-page .product .image .thumbnails #design-product-thumbnails > ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    padding: 0;
    column-gap: 10px;
}

.product-page .product .image .thumbnails ul {
    display: flex;
}

.product-page .product .image .thumbnails ul li {
    list-style-type: none;
}

.product-page .product .info {
    width: 50%;
    padding: 0 0 30px 30px;
    position: relative;
    border-radius: 3px;
    height: max-content;
}

.product-page .product .info > div {
    margin-bottom: 15px;
}

.product-page .product .info .title {
    font-size: 27px;
    letter-spacing: 1px;
    font-weight: 500;
    position: relative;
    left: -2px;
    padding-right: 50px;
    margin-bottom: 20px;
    width: fit-content;
    padding: 15px;
    border: 1px solid var(--color-primary);
    border-radius: 5px;
    padding-bottom: 6px;
    padding-top: 6px;
    max-width: 80%;
}

.product-page .product .info .title::first-letter {
    text-transform: capitalize;
}

.product-page .product .info .prices {
    font-size: 18px;
}

.product-page .product .info .prices .price {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    column-gap: 10px;
}

.product-page .product .info .prices .list-price > span {
    text-decoration: line-through;
    opacity: .6;
    font-size: 18px;
    font-weight: 500;
}

.product-page .product .info .prices .sell-price > span {
    font-size: 22px;
    font-weight: 500;
}

.product-page .product .info .promotion-message {
    font-size: 15px;
    color: var(--color-primary);
}

.product-page .product .info .discount {
    font-size: 16px;
}

.product-page .product .info .discount span {
    color: var(--color-primary);
}

.product-page .product .info .short-description {
    font-weight: 100;
}

.product-page .product .info .producer,
.product-page .product .info .department {
    font-size: 18px;
}

.product-page .product .info .producer span,
.product-page .product .info .department span {
    font-weight: 400;
    font-size: 16px;
}

.product-page .product .info .variants {
    margin-bottom: 10px;
    display: flex;
    column-gap: 30px;
    flex-flow: row wrap;
}

.product-page .product .info .variants > div {
    margin-bottom: 10px;
}

.product-page .product .info .variants .variant-options {
    margin-top: 5px;
}

.product-page .product .info .variants label {
    letter-spacing: .5px;
    font-size: 18px;
    margin-bottom: -5px;
    display: inline-block;
}

.product-page .product .info .variants ul {
    list-style-type: none;
    display: flex;
    padding-left: 0;
    margin-top: 10px;
}

.product-page .product .info .variants ul li {
    margin-right: 10px;
    transition: transform .5s;
    cursor: pointer;
}

.product-page .product .info .variants ul li.design-selected {
    transform: scale(1.2);
}

.product-page .product .info .variants ul li.design-option-color div {
    width: 35px;
    height: 35px;
    margin-top: 0;
    border-radius: 100%;
    opacity: .5;
}

.product-page .product .info .variants ul li.design-option-color.design-selected div {
    opacity: 1;
}

.product-page .product .info .actions .minquote-message,
.product-page .product .info .actions .preorder-message {
    color: var(--color-primary);
    font-weight: 100;
    text-align: center;
}

.product-page .product .info .actions .not-for-sale,
.product-page .product .info .actions .not-available {
    color: var(--color-primary);
    width: auto;
    max-width: max-content;
    text-align: center;
    margin: auto;
    border: 1px solid var(--border-strong);
    padding: 15px;
}

.product-page .product .info .actions .minquote-message,
.product-page .product .info .actions .preorder-message,
.product-page .product .info .actions .not-available {
    margin-top: 10px;
}

.product-page .product .info .actions .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
    flex-flow: row wrap;
}

.product-page .product .info .actions .add {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.product-page .product .info .actions .add-to-wish-list-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.product-page .product .info .actions .quantity {
    font-weight: 500;
    letter-spacing: .5px;
    font-size: 14px;
    display: flex;
    flex-flow: row;
    align-items: center;
    column-gap: 4px;
}

.product-page .product .info .actions .quantity > span {
    font-size: 11px;
}

.product-page .product .info .actions .quantity input[type=number] {
    border: 1px solid var(--border-strong);
    padding: 15px 10px;
    max-width: 75px;
}

.product-page .product .info .actions .see-price-table {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    position: relative;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border-strong);
}

.product-page .product .info .actions .request-wrapper {
    margin-top: 5px;
    width: 100%;
    border-top: 1px solid var(--border);
}

.product-page .product .info .actions .request-wrapper .request-info {
    background-color: transparent;
    border: 0;
    text-decoration: underline;
    width: fit-content;
    padding: 10px 30px;
    margin: auto;
    display: block;
    font-size: 14px;
    cursor: pointer;
}

.product-page .product .info .social-sharing .design-social-sharing {
    display: flex;
    margin-top: 25px;
    justify-content: end;
}

.product-page .product .info .social-sharing .design-social-sharing a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    color: transparent;
    display: block;
    float: left;
    height: 44px;
    margin: 0 6px;
    overflow: hidden;
    width: 44px;
}

.product-page .product .info .social-sharing .design-social-sharing a:last-child {
    margin-right: 0;
}

.product-page .product .info .social-sharing .design-social-sharing .design-share-email {
    background-image: url("../images/email@2x.png");
}

.product-page .product .info .social-sharing .design-social-sharing .design-share-facebook {
    background-image: url("../images/facebook@2x.png");
}

.product-page .product .info .social-sharing .design-social-sharing .design-share-twitter {
    background-image: url("../images/x@2x.png");
}

.product-page .product .info .social-sharing .design-social-sharing .design-share-whatsapp {
    background-image: url("../images/whatsapp@2x.png");
    display: none;
}

.product-page .product .info .social-sharing .design-social-sharing .design-share-pinterest {
    background-image: url("../images/pinterest@2x.png");
}

.product-page .anchor#product-items {
    display: block;
    height: 1px;
    position: relative;
    top: -80px;
    width: 1px;
}

.product-page .detail,
.product-page .related {
    display: grid;
    grid-template-columns: 270px 1fr;
    grid-template-areas: "tabs contents";
    margin: auto;
    margin-bottom: 80px;
}

.product-page .tabs {
    grid-area: tabs;
    padding: 0 20px 0 0;
    margin-top: 15px;
}

.product-page .tabs .tab {
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
    transition: padding-left .5s, background-color .5s;
    background-color: var(--bg-primary);
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid var(--border-strong);
    position: relative;
    word-break: break-word;
}

.product-page .tabs .tab:hover {
    padding-left: 30px;
}

.product-page .tabs .tab.is-tab {
    background-color: var(--color-primary);
    color: var(--text-onaccent);
    border: 1px solid transparent;
}

.product-page .tabs .tab[data-tab="reviews"] {
    padding-right: 50px;
}

.product-page .tabs .tab .count {
    background-color: var(--color-primary);
    width: 30px;
    height: 30px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: var(--text-onaccent);
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid transparent;
    transition: border-color .5s;
}

.product-page .tabs .tab.is-tab .count {
    border-color: var(--bg-primary);
}

.product-page .tab-contents {
    grid-area: contents;
    padding: 20px 0;
    position: relative;
}

.product-page .tab-contents .tab-content {
    display: none;
}

.product-page .tab-contents .tab-content.is-content {
    display: block;
    border: 1px solid var(--border-strong);
    border-radius: 3px;
}

.product-page .tab-contents .tab-content .title {
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translate(-50%, -50%);
    background-color: var(--bg-primary);
    padding: 10px 30px;
    font-size: 22px;
    font-weight: 500;
    width: max-content;
}

.product-page .tab-contents .tab-content p {
    margin: 0;
}

.product-page .detail .tab-contents .tab-content {
    padding: 15px 30px;
}

.product-page .detail .files {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-flow: row wrap;
}

.product-page .detail .files .file a{
    color: var(--color-primary);
    text-decoration: underline;
    font-size: 18px;
}

.product-page .detail .files .file span {
    font-size: 13px;
    margin-left: 7px;
    opacity: .8;
}

.product-page .detail .reviews .review {
    padding: 10px 0;
}

.product-page .detail .reviews .review .head {
    display: flex;
    column-gap: 10px;
    align-items: center;
    flex-flow: row wrap;
}

.product-page .detail .reviews .review .head .summary {
    font-size: 20px;
}

.product-page .detail .reviews .review .info {
    display: flex;
    column-gap: 16px;
    font-size: 13px;
    opacity: .9;
}

.product-page .detail .reviews .review .content {
    padding: 10px;
    background-color: var(--bg-secondary);
    margin-top: 10px;
    border: 1px solid var(--border);
    border-radius: 5px;
    font-size: 13px;
}

.product-page .detail .attribute {
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 20px;
    flex-flow: row wrap;
}

.product-page .detail .attribute:last-child {
    margin-bottom: 0;
}

.product-page .detail .attribute .attribute-name {
    min-width: 150px;
}

.product-page .detail .attribute .attribute-values {
    display: flex;
    gap: 15px;
    flex-flow: row wrap;
}

.product-page .detail .attribute .attribute-values span {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.product-page .detail .attribute .attribute-values span.design-attribute-value-name {
    border: 1px solid var(--border);
    width: max-content;
    height: max-content;
    padding: 3px 25px;
    border-radius: 3px;
}

.product-page .related .tab-contents .tab-content .products .product-price {
    opacity: 1!important;
}

.product-page .related .tab-contents .tab-content .products .info .btn {
    display: none;
}

.product-page .related .tab-contents .tab-content .products .add-to-wish-list-btn {
    display: none;
}

.product-page .related .tab-contents .tab-content .products .product-card .image img {
    border: 0px solid!important;
}

.product-page .related.only {
    display: block;
}

.product-page .related.only .tab-contents .tab-content {
    display: block;
    padding: 0 50px;
    border: 1px solid var(--border-strong);
    border-radius: 5px;
}

.product-page .related .product-card .image img {
    max-width: 150px;
    display: block;
    margin: auto;
}

@media (max-width: 1200px) {

    .product-page .product .info .actions .add {
        column-gap: 20px;
    }

    .product-page .tabs {
        width: 100%;
        align-items: center;
    }

}

@media (max-width: 990px) {

    .product-page .product .image .thumbnails #design-product-thumbnails > ul > li {
        max-width: 60px;
    }

    .product-page .detail,
    .product-page .related {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "tabs"
            "contents";
        row-gap: 40px;
    }

    .product-page .tabs {
        padding: 0 20px;
        margin-top: 20px;
    }

}

@media (max-width: 768px) {

    .product-page .product {
        flex-flow: column;
    }

    .product-page .product .image {
        width: 100%;
        padding: 30px;
        border: 1px solid var(--border);
        margin-bottom: 30px;
        padding-bottom: 0;
        border-radius: 5px;
    }

    .product-page .product .info {
        width: 100%;
    }

    .product-page .product .info .actions .see-price-table {
        display: none;
    }

    .product-page .product .info .social-sharing .design-social-sharing {
        justify-content: center;
    }

    .product-page .tabs {
        flex-flow: column;
        row-gap: 10px;
        width: 100%;
    }

    .product-page .detail .attribute .attribute-name {
        min-width: unset;
    }

}

@media (max-width: 480px) {

    .product-page .product .info {
        padding: 0;
    }

    .product-page .product .info .title {
        left: 0;
    }

    .product-page .detail {
        margin-top: 50px;
    }

    .product-page .tab-contents {
        padding: 20px 0;
    }

    .product-page .tab-contents .tab-content .title {
        font-size: 18px;
        padding: 10px;
    }

}

/* || Promotion - 'promotion.html' */

.promotion-page .content.grid {
    padding-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.promotion-page .content .image {
    padding-right: 0;
}

.promotion-page .content .image img {
    border-radius: 5px;
}

.promotion-page .content .info {
    text-align: center;
}

.promotion-page .content.grid .info {
    text-align: left;
}

.promotion-page .content .info .name {
    font-size: 27px;
}

.promotion-page .content .info .timer {
    background-color: var(--color-primary);
}

.promotion-page .content .info .description {
    margin-top: 20px;
}

.promotion-page .content .info .datetime-end {
    display: none;
}

@media (max-width: 768px) {

    .promotion-page .content.grid {
        display: block;
        padding-top: 0;
    }

    .promotion-page .content.grid .info {
        text-align: center;
    }

    .promotion-page .content .image img {
        max-width: 400px;
        margin: auto;
        display: block;
        margin-bottom: 20px;
    }

}

/* || Promotions - 'promotions.html' */

.promotions-page .promotions {
    display: flex;
    flex-flow: column;
    row-gap: 50px;
    padding: 20px 0;
}

.promotions-page .promotions .promotion {
    display: grid;
    grid-template-columns: 1.5fr 2fr;
    grid-template-rows: auto;
    grid-template-areas: "image info";
    column-gap: 35px;
    align-items: center;
}

.promotions-page .promotions .promotion .image {
    grid-area: image;
    align-self: center;
    justify-self: right;
}

.promotions-page .promotions .promotion .image img {
    box-shadow: var(--shadow-light);
    transition: transform .5s;
}

.promotions-page .promotions .promotion:hover .image img {
    transform: scale(1.02);
}

.promotions-page .promotions .promotion .info {
    grid-area: info;
}

.promotions-page .promotions .promotion .info .name {
    font-size: 25px;
    font-weight: 500;
}

.promotions-page .promotions .promotion .info .dates {
    margin-bottom: 20px;
    font-size: 15px;
    letter-spacing: .5px;
    opacity: .8;
}

.promotions-page .promotions .promotion .info .description {
    font-size: 14px;
}

@media (max-width: 768px) {

    .promotions-page {
        padding: 0 20px;
    }

    .promotions-page .promotions {
        row-gap: 30px;
    }

    .promotions-page .promotions .promotion {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 10px;
        grid-template-rows: auto auto;
        grid-template-areas:
            "image"
            "info";
        padding-bottom: 20px;
        border-bottom: 1px solid var(--border);
    }

    .promotions-page .promotions .promotion:last-child {
        border-bottom: 0;
    }

    .promotions-page .promotions .promotion .image {
        justify-self: center;
    }

    .promotions-page .promotions .promotion .image img {
        max-width: 400px;
    }

    .promotions-page .promotions .promotion .info {
        text-align: center;
    }

    .promotions-page .promotions .promotion .info .dates {
        margin-bottom: 10px;
    }

}

/* || Return-confirmation - 'return-confirmation.html' */

.return-confirmation-page {
    text-align: center;
}

.return-confirmation-page .return-print {
    margin-top: 30px;
}

@media (max-width: 786px) {

    .return-confirmation-page {
        margin-top: 50px;
    }

}

/* || Return-request - 'return-request.html' */

.return-request-page .title {
    text-align: center;
}

.return-request-page .title h1 {
    font-weight: 400;
}

.return-request-page form {
    width: 70%;
    margin: auto;
}

.return-request-page .items .item {
    margin-bottom: 30px;
    padding: 20px 50px 10px 50px;
    column-gap: 50px;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    border: 1px solid var(--border);
    border-radius: 5px;
}

.return-request-page .items .item * {
    margin-bottom: 7px;
}

.return-request-page .items .item input[type=checkbox] {
    position: absolute;
    top: 19px;
    left: 15px;
}

.return-request-page .items .item .details {
    font-size: 14px;
    opacity: .8;
}

.return-request-page .items .item .details .name {
    font-size: 16px;
    margin-top: -4px;
    font-weight: 600;
    opacity: 1;
}

.return-request-page .items .item .fields {
    margin-left: auto;
    font-size: 14px;
}

.return-request-page .bottom-buttons {
    text-align: right;
    margin-bottom: 80px;
}

.return-request-page .bottom-buttons input[type=submit] {
    padding: 15px 50px;
}

@media (max-width: 786px) {

    .return-request-page form {
        width: 100%;
    }

}

@media (max-width: 480px) {

    .return-request-page .items .item {
        padding-right: 20px;
    }

    .return-request-page .bottom-buttons {
        text-align: center;
    }

}

/* || Search - 'search.html' */

body.search .admin-content {
    padding: 0;
}

body.search .admin-content .title {
    font-size: 30px;
    margin-bottom: 30px;
    margin-top: 0;
}

.search-page {
    display: grid;
    grid-template-columns: 2fr 6fr;
    width: 1200px;
    margin: auto;
    gap: 30px;
    padding: 0 20px;
}

.search-page .results .form {
    height: 115px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 40px;
    border: 1px solid var(--border);
    border-radius: 5px;
    flex-flow: column;
    row-gap: 10px;
}

.search-page .results .form .title {
    font-size: 18px;
    letter-spacing: .5px;
}

.search-page .results .form .action form {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.search-page .results .form .action input {
    padding: 10px 20px;
    width: 200px;
    border: 1px solid var(--border-strong)!important;
    border-radius: 5px;
}

.search-page .results .form .action select {
    position: relative;
    right: 4px;
    padding: 10px 20px;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-strong);
    height: 40px;
    border-radius: 5px;
    padding-right: 30px;
}

.search-page .results .form .action button {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-primary);
    border: 0;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    left: 5px;
    color: var(--text-onaccent);
    transform: none;
}

.search-page .results .form .action button i {
    font-size: 18px;
    cursor: pointer;
}

@media (max-width: 1200px) {

    .search-page {
        grid-template-columns: 1fr;
        width: 100%;
        padding: 0 40px;
    }

}

@media (max-width: 990px) {

    .search-page .results .form {
        flex-flow: column;
        height: max-content;
        padding: 20px 10px;
        background-color: var(--bg-primary);
    }

    .search-page .results .form .action form {
        align-items: center;
    }

    .search-page .results .form .action input {
        height: 40px;
    }

}

@media (max-width: 768px) {

    .search-page .results .form {
        position: relative;
        padding-bottom: 10px;
    }

    .search-page .results .form .title {
        position: absolute;
        top: -21px;
        background-color: var(--bg-primary);
        padding: 0 30px;
        font-size: 16px;
        letter-spacing: 0;
    }

    .search-page .results .form .action {
        width: 100%;
    }

    .search-page .results .form .action input {
        margin: 0;
        width: 100%;
    }

    .search-page .results .form .action select {
        width: 100%;
        right: 0;
    }

    .search-page .results .form .action form {
        display: flex;
        flex-flow: column;
        row-gap: 10px;
        justify-content: center;
        text-align: center;
    }

    .search-page .results .form .action button {
        width: 45px;
        height: 45px;
        margin: auto;
    }

}

/* || Share - 'share.html' */

.share.modal {
    padding: 10px 20px;
    text-align: center;
}

.share.modal .share-label {
    font-weight: 500;
    font-size: 16px;
}

.share.modal .share-label label {
    margin: 20px 0;
    display: block;
}

/* || Sign-up-done - 'sign-up-done.html' */

.sign-up-done-page {
    text-align: center;
}

.sign-up-done-page .title {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.sign-up-done-page .btn {
    margin-top: 20px;
}

@media (max-width: 786px) {

    .sign-up-done-page {
        margin-top: 50px;
    }

}

/* || Sign-up-user - 'sign-up-user.html' */

.sign-up-user-page form {
    width: 70%;
    margin: auto;
}

.sign-up-user-page form > .title {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.sign-up-user-page .subscriptions {
    margin-top: 20px;
    margin-bottom: 5px;
    color: var(--color-primary);
}

.sign-up-user-page .subscription  {
    display: flex;
    column-gap: 5px;
}

.sign-up-user-page .subscription > input {
    position: relative;
    top: 3px;
}

.sign-up-user-page .sign-up.main-button {
    margin-top: 20px;
    text-align: right;
}

.sign-up-user-page .sign-up.main-button input[type="submit"] {
    padding: 15px 80px;
}

@media (max-width: 786px) {

    .sign-up-user-page .sign-up.main-button {
        margin-bottom: 80px;
        text-align: center;
    }

}

@media (max-width: 480px) {

    .sign-up-user-page form {
        width: 100%;
    }

}

/* || Sign-up - 'sign-up.html' */

.sign-up-page {
    text-align: center;
}

.sign-up-page .title {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.sign-up-page .input-wrapper.email {
    margin: auto;
    width: 300px;
    max-width: 100%;
}

.sign-up-page .send-email-button {
    margin-top: 20px;
}

.sign-up-page .send-email-button input[type="submit"] {
    padding: 15px 50px;
}

@media (max-width: 768px) {

    .sign-up-page {
        margin-top: 50px;
    }

}

/* || User-data - 'user-data.html' */

.user-data-page form {
    width: 70%;
    margin: auto;
}

.user-data-page .form label[for="design-invoicerecipient"] + div > div:last-child {
    font-size: 12px;
    text-align: center;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 0;
}

.user-data-page .save-button {
    text-align: right;
    margin-bottom: 80px;
    margin-top: 30px;
}

@media (max-width: 480px) {

    .user-data-page form {
        width: 100%;
    }

}

/* || View - 'view.html' */

body.view {
    overflow: auto;
}

body.view > .content {
    margin-top: 0;
}

.view-page .buttons {
    text-align: center;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-flow: row wrap;
}

.view-page .buttons .print-button input[type=submit] {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-strong);
    color: var(--text-primary);
    padding: 15px 80px;
}

.view-page .document-frame {
    margin: auto;
    margin: 50px auto;
    width: 800px;
    height: 800px;
}

.view-page .pay { 
    background-color: #fff; 
    height: 0; 
    opacity: 0; 
    text-align: center; 
    will-change: opacity;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.view-page .pay.design-pay-isopen { 
    display: block; 
    margin-top: 30px;
    padding: 30px 40px; 
    height: auto; 
    opacity: 1; 
    transition: transform 500ms, opacity 200ms; 
}

.view-page .pay .card > div:first-child { 
    margin-top: 0; 
}

.view-page .pay .card > div { 
    margin-top: 10px; 
}

.view-page .pay .card .expire-cvc-row { 
    column-gap: 10px; 
    display: flex; 
}

.view-page .pay .card .expire-cvc-row > div { 
    width: 50%; 
}

.view-page .pay .card .cvc,
.view-page .pay .card .expiry,
.view-page .pay .card .number,
.view-page .pay .card .name { 
    background:#F9F9F9; 
    border-radius: 4px; 
    border: 2px solid #eee; 
    width: 100%; 
    padding: 0; 
}

.view-page .pay .card .cvc > div,
.view-page .pay .card .expiry > div,
.view-page .pay .card .number > div,
.view-page .pay .card .name input { 
    padding: 10px 15px; 
}

.view-page .pay .card .name input { 
    background-color: transparent; 
    border: 0; 
    height: 40px; 
    max-width: none; 
    width: 100%; 
}

.view-page .pay .card .name input::placeholder { 
    color: #333; 
    text-transform: uppercase; 
}

.view-page .pay .card .pay-button { 
    margin-top: 15px; 
}

.view-page .pay .card .design-cc-button-paying { 
    background: url("../images/loader.gif") no-repeat center center; 
    font-size: 0; 
}

.view-page .pay .card .errors { 
    color: #c00; 
    font-weight: 600; 
    text-align: center; 
    margin-bottom: 10px; 
}

.view-page .pay .card .design-cc-number,
.view-page .pay .card .design-cc-expiry,
.view-page .pay .card .design-cc-cvc { 
    height: 41px; 
}

.view-page [name="acceptQuote"] {
    transition: unset!important;
}

.view-page [name="acceptQuote"].design-accept-quote-button-loading { 
    background: url("../images/loader.gif") no-repeat center center; 
    font-size: 0; 
}

.view-page [name="acceptQuote"].design-accept-quote-button-loading:hover { 
    background-color: unset!important;
    cursor: default;
}

.view-page [name="acceptQuote"].design-accept-quote-button-hidden { 
    display: none; 
}

.view-page #design-paypal-button { 
    margin: auto; 
    width: 250px;  
}

.view-page .document-frame { 
    box-shadow: unset; 
}

/* || Wish-list - 'wish-list.html' */

.wishlist-page .no-product {
    margin-top: 40px;
}

.wishlist-page .products .product-card .image {
    border: 1px solid var(--border);
    border-radius: 5px;
}

@media (min-width: 769px) and (hover: hover) {
    
    .wishlist-page .products .product-card .image {
        border: 0px solid var(--border);
    }

}