﻿
.page-product-overview .navbar {
    padding: 0;
}

.product-category-filter {
    padding: 0.5rem 0 0.7rem;
    background: #F9F4EC;
}

.product-category-filter-items {
    flex-direction: row;
    /*flex-wrap: wrap; */
}

@media (min-width: 1400px) {
    .product-category-filter-items {

    }
}

.product-category-filter-item {
    background: #F9F4EC;
    border: none;
}

.product-category-filter-item a, .product-category-filter-item a:active {
    border: 1px solid transparent;
    color: #303030;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    display: block;
    background: #F9F4EC;
}

.product-category-filter-item a:hover, .product-category-filter-item a.active {
    border: 1px solid #000;
    background: #FFF;
    color: #303030;
    box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.16);
}

.product-category-filter-item a {
    padding: 0 0.5rem 0.5rem;
}
@media (min-width: 1400px) {
    .product-category-filter-item a {
        padding: 0 1rem 1rem;
    }
}

.product-category-filter-img {
    margin: 0 auto;
}

.product-category-filter-label {
    display: block;
}

.product-category-filter-icon-wrap {
    min-height: 5rem;
    width: 100%;
    align-items: center;
    vertical-align: middle;
    justify-content: space-around;
}

.product-category-filter-all {
    margin-top: 2rem;
    padding-left: 1.5rem;
    display: inline-block;
}

.product-overview-description {
    margin: 2rem 0;
}

.product-overview-description p {
    max-width: 60rem;
}

.product-overview {

}

.product-overview-link {
    left: -0.5rem;
}

.product-card-detail {
    background: #606060;
    transition: all 0.3s ease-in-out;
    border: none;
    border-radius: 0;
    color: #fff;
    overflow: hidden;
    margin-bottom: 1.3rem;
}

.product-card {
    background: #606060;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: none;
    border-radius: 0;
    color: #fff;
    overflow: hidden;
    margin-bottom: 1.3rem;
}

.product-card-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 4;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

.product-card-img-div{
}

.product-card-badge-new {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22101%22%20height%3D%22101%22%20viewBox%3D%220%200%20101%20101%22%20fill%3D%22none%22%3E %3Cpath%20d%3D%22M59.4085%205.03284L59.5317%205.0947L59.6692%205.08469L69.6114%204.36099L76.1299%2011.9029L76.22%2012.0072L76.3509%2012.0506L85.8133%2015.1867L88.9494%2024.6491L88.9928%2024.78L89.0971%2024.8701L96.639%2031.3886L95.9153%2041.3308L95.9053%2041.4683L95.9672%2041.5915L100.44%2050.5L95.9672%2059.4085L95.9053%2059.5317L95.9153%2059.6692L96.639%2069.6114L89.0971%2076.1299L88.9928%2076.22L88.9494%2076.3509L85.8133%2085.8133L76.3509%2088.9494L76.22%2088.9928L76.1299%2089.0971L69.6114%2096.639L59.6692%2095.9153L59.5317%2095.9053L59.4085%2095.9672L50.5%20100.44L41.5915%2095.9672L41.4683%2095.9053L41.3308%2095.9153L31.3886%2096.639L24.8701%2089.0971L24.78%2088.9928L24.6491%2088.9494L15.1867%2085.8133L12.0506%2076.3509L12.0072%2076.22L11.9029%2076.1299L4.36099%2069.6114L5.08469%2059.6692L5.0947%2059.5317L5.03284%2059.4085L0.559497%2050.5L5.03284%2041.5915L5.0947%2041.4683L5.08469%2041.3308L4.36099%2031.3886L11.9029%2024.8701L12.0072%2024.78L12.0506%2024.6491L15.1867%2015.1867L24.6491%2012.0506L24.78%2012.0072L24.8701%2011.9029L31.3886%204.36099L41.3308%205.08469L41.4683%205.0947L41.5915%205.03284L50.5%200.559497L59.4085%205.03284Z%22%20fill%3D%22%23CD0F3C%22%20stroke%3D%22white%22%2F%3E %3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 90px;
    flex-direction: column;
    height: 90px;
    position: absolute;
    bottom: 0.4rem;
    left: 0.4rem;
    z-index: 4;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.36px;
    text-transform: uppercase;
    transform: rotate(-10deg);
}

.product-card-detail .product-card-img {
    min-height: 300px;
}

@media (min-width: 1400px) {
    .product-card-detail .product-card-img {
        min-height: 340px;
    }
}

.product-card:hover {
    background: #252525;
    -webkit-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.4);
}

.product-card-detail:hover {
    background: #252525;
    -webkit-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.4);
}

.product-overview-pagination {
    padding: 1rem 0 2rem;
}

.product-overview-filter-sort-label {
    font-weight: bold;
}

@media (min-width: 1400px) {
    .product-overview-pagination {
        padding: 4rem 0;
    }
}

.product-overview-filter-wrap {
    margin-top: 2rem;
}

@media (min-width: 1400px) {
    .product-overview-filter-wrap {
        margin-top: 3rem;
    }
}

.product-overview-filter-sort-select {
    border: none;
}

.product-overview-pagination a {
    font-weight: bold;
}

.card-body {
    padding: 2rem;
}

.card-title {
    font-size: 1.2rem; /*28px*/;
    font-style: normal;
    margin-top: 0;
    padding-bottom: 1.5rem;
    font-weight: 700;
    color: white !important;
}

.product-overview-filter-item {
    position: relative;
    margin-bottom: 0.5rem;
    margin-right: 0.8rem;
    z-index: 4;
}

.product-overview-filter-item.active {
    padding-right: 3rem;
}

.product-overview-filter-item.active:hover {
    background-color: #a10b2e !important;
    border-color: #a10b2e !important;
}

.product-overview-filter-item.active:after {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M18 6.39001L6 18.39' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6.39001L18 18.39' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px 25px;
    display: inline-block;
    width: 24px;
    position: absolute;
    z-index: 4;
    right: 0.4rem;
    top: 50%;
    transform: translate(0, -50%);
    clear: both;
    height: 25px;
}

.productsidebar-sticky{
    bottom: 0px;
    z-index: 100;
}

.product-sidebar {
    position: sticky;
    /* display: none; */
    max-width: 1000px;
    color: #fff;
    /* top: 100px; */
    width: 100%;
    z-index: 100;
    bottom: 10px;
    background: #252525;
    /* -webkit-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2); */
}

/* @media (min-width: 1400px) {
    .product-sidebar {
        display: block;
    }
} */

.product-sidebar a {
    color: #ffffff;
}

.product-sidebar .btn {
    border-color: #ffffff;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    font-size: 18px;
    padding: 1rem 1.2rem;
}

.product-sidebar .btn:hover, .product-sidebar .btn:active {
    background: #CD0F3C;
    border-color: #CD0F3C;
}

.product-sidebar-title {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
}

.product-sidebar-cart {
    padding: 2rem 3rem;
    background: #252525;
    margin-bottom: 1.5rem;
    -webkit-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2);
}

.product-sidebar-store-finder {
    padding: 2rem 3rem;
    background: #252525;
    -webkit-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2);
}

.product-sidebar-store-finder-search {
    position: relative;

}

.product-sidebar-store-finder-search-input {
    width: 100%;
    padding: 0.2rem 0.5rem;
}

.product-sidebar-store-finder-search-button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.0277 2.74614C12.3665 -0.915094 6.40754 -0.915094 2.74631 2.74614C-0.914133 6.40816 -0.914133 12.3663 2.74631 16.0283C6.00673 19.288 11.0847 19.6372 14.7435 17.0919C14.8205 17.4561 14.9967 17.8038 15.2801 18.0871L20.612 23.419C21.389 24.1945 22.6446 24.1945 23.4176 23.419C24.1938 22.6428 24.1938 21.3872 23.4176 20.6134L18.0857 15.2799C17.8039 14.9989 17.4555 14.8219 17.0912 14.7449C19.6381 11.0853 19.2889 6.00815 16.0277 2.74614ZM14.3443 14.3449C11.6109 17.0784 7.16232 17.0784 4.42969 14.3449C1.69786 11.6115 1.69786 7.16374 4.42969 4.43032C7.16232 1.69769 11.6109 1.69769 14.3443 4.43032C17.0777 7.16374 17.0777 11.6115 14.3443 14.3449Z' fill='%23303030'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-color: transparent;
    background-position: center;
    width: 40px;
    position: absolute;
    right: 0;
    border: none;
    border-left: none;
    top: 0;
    height: 100%;
}

.product-sidebar-store-finder-search-button:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.0277 2.74614C12.3665 -0.915094 6.40754 -0.915094 2.74631 2.74614C-0.914133 6.40816 -0.914133 12.3663 2.74631 16.0283C6.00673 19.288 11.0847 19.6372 14.7435 17.0919C14.8205 17.4561 14.9967 17.8038 15.2801 18.0871L20.612 23.419C21.389 24.1945 22.6446 24.1945 23.4176 23.419C24.1938 22.6428 24.1938 21.3872 23.4176 20.6134L18.0857 15.2799C17.8039 14.9989 17.4555 14.8219 17.0912 14.7449C19.6381 11.0853 19.2889 6.00815 16.0277 2.74614ZM14.3443 14.3449C11.6109 17.0784 7.16232 17.0784 4.42969 14.3449C1.69786 11.6115 1.69786 7.16374 4.42969 4.43032C7.16232 1.69769 11.6109 1.69769 14.3443 4.43032C17.0777 7.16374 17.0777 11.6115 14.3443 14.3449Z' fill='%23303030'/%3E%3C/svg%3E");
}

.product-overview-filter-action {
    position: relative;
    z-index: 4;
    padding-right: 4rem;
}

.product-overview-filter-action:after {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' viewBox='0 0 32 33' fill='none'%3E%3Cpath d='M29.3337 4.89017H2.66699L13.3337 17.5035V26.2235L18.667 28.8902V17.5035L29.3337 4.89017Z' stroke='white' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    display: inline-block;
    width: 32px;
    position: absolute;
    z-index: 4;
    right: 0.8rem;
    top: 50%;
    transform: translate(0, -50%);
    clear: both;
    height: 32px;
}

.product-detail {
    margin: 4rem 0 0;
    padding-bottom: 2rem;
}

@media (min-width: 1400px) {

    .product-detail {
        margin: 4rem 0 0;
    }
}

.product-detail-header {
    background: rgba(48, 48, 48, 0.10);
    padding: 1rem;
}

@media (min-width: 1400px) {
    .product-detail-header {
        padding: 2rem;
    }
}

.product-detail-header h1 {
    font-family: "Amatic SC";
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: normal;
}

@media (min-width: 1400px) {
    .product-detail-header h1 {
        font-size: 80px;
        margin-bottom: 3rem;
    }
}

.product-detail-header .btn-buy {
    border-color: #CD0F3C;
    background: #CD0F3C;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    padding: 0.6rem 1.2rem 0.8rem;
    border-radius: 0;
    position: relative;
    z-index: 4;
    transition: all 0.3s ease-in-out;
    width: 100%;
    text-align: center;
}

.product-detail-header .btn-buy:hover {
    background-color: #a10b2e;
    border-color: #a10b2e;
}

@media (min-width: 1400px) {
    .product-detail-header .btn-buy {
        padding: 0.8rem 1.2rem 1rem;
    }
}

.product-detail-header .btn-buy:after {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2227%22%20viewBox%3D%220%200%2028%2027%22%20fill%3D%22none%22%3E %3Cpath%20d%3D%22M1.03593%202.75643H4.00358L8.23263%2018.0517C8.3545%2018.5026%208.76888%2018.8134%209.232%2018.8134H22.2299C22.6443%2018.8134%2023.0099%2018.5697%2023.1805%2018.1918L27.9154%207.31454C28.0555%206.98548%2028.019%206.62595%2027.8301%206.32735C27.6412%206.02876%2027.3121%205.85814%2026.9647%205.85814L12.6018%207.07688C12.029%207.07688%2011.5659%207.5461%2011.5659%208.11282C11.5659%208.67953%2012.029%209.14875%2012.6018%209.14875L25.3804%207.93L21.5474%2016.7354H10.012L5.78295%201.44018C5.66107%200.989247%205.2467%200.678467%204.78358%200.678467H1.03593C0.463123%200.678467%200%201.14159%200%201.7144C0%202.28721%200.469217%202.75643%201.03593%202.75643Z%22%20fill%3D%22white%22%2F%3E %3Cpath%20d%3D%22M8.25038%2026.1015C9.54225%2026.1015%2010.5965%2025.0473%2010.5965%2023.7554C10.5965%2022.4636%209.54225%2021.4094%208.25038%2021.4094C6.95851%2021.4094%205.9043%2022.4636%205.9043%2023.7554C5.9043%2025.0473%206.95851%2026.1015%208.25038%2026.1015Z%22%20fill%3D%22white%22%2F%3E %3Cpath%20d%3D%22M22.9307%2026.1015C22.9856%2026.1015%2023.0526%2026.1015%2023.1013%2026.1015C23.7229%2026.0467%2024.2896%2025.7725%2024.7101%2025.291C25.1245%2024.8279%2025.3134%2024.2186%2025.2829%2023.5848C25.1976%2022.3051%2024.0763%2021.324%2022.7784%2021.4093C21.4804%2021.4947%2020.5176%2022.6342%2020.6029%2023.9139C20.6821%2025.1326%2021.6998%2026.1015%2022.9307%2026.1015Z%22%20fill%3D%22white%22%2F%3E %3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 24px 25px;
    display: inline-block;
    width: 24px;
    position: relative;
    z-index: 4;
    clear: both;
    top: 3px;
    margin-left: 0.5rem;
    height: 25px;
}

.product-detail-header-content-weight {
    font-family: "Open Sans";
    font-size: 20px;
    margin-bottom: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


@media (min-width: 1400px) {
    .product-detail-header-content-weight {
        font-size: 28px;
        margin-bottom: 3rem;
    }
}

.product-detail-header-content-text {
    margin-bottom: 2rem;
}

@media (min-width: 1400px) {
    .product-detail-header-content-text {
        margin-bottom: 4rem;
    }
}

.product-detail-header-img {
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
    min-height: 300px;
}

.product-detail-informations {
    margin-top: 4rem;
}

.product-detail-information-tabs .nav-link.active {
    background: #303030;
    color: #ffffff;
    border-radius: 0;
    padding: 6px 16px;
}

@media (min-width: 1400px) {
    .product-detail-information-tabs .nav-link.active {
        padding: 12px 32px;
    }
}

.product-detail-information-tabs .nav-link:after {
    width: 0px;
    height: 0px;
    content: "";
    display: inline-block;
    -webkit-transform: rotate(360deg);
    position: absolute;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: transparent transparent transparent transparent;
    transition: all 0.3s ease-in-out;
    top: 100%;
    left: 2rem;
    transform: translate(0, -1px);
    z-index: 4;
}


.product-detail-information-tabs .nav-link.active:after {
    border-color: #303030 transparent transparent transparent;
}

.product-detail-information-tabs .nav-link {
    background: #EAEAEA;
    color: #212121;
    border-radius: 0;
    margin-right: 1rem;
    transition: all 0.3s ease-in-out;
    padding: 6px 16px;
    position: relative;
    z-index: 4;
}

@media (min-width: 1400px) {
    .product-detail-information-tabs .nav-link {
        padding: 12px 32px;
    }
}

.product-detail-information-content {
    padding: 2rem 0;
}

@media (min-width: 1400px) {
    .product-detail-information-content {
        padding: 4rem 0;
    }
}

.product-detail-information-content .table > :not(caption) > * > * {
    padding: .8rem .8rem;
}

.product-detail-information-content table {
    border-color: #000000;
}

.table-detail-filter {
    margin-bottom: 3rem;
}

.product-crosselling-silder {
    position: relative;
    z-index: 4;
    padding-bottom: 2rem;
}
@media (min-width: 1400px) {
    .product-crosselling-silder {
        padding-bottom: 4rem;
    }
}

.product-crosselling-silder .splide__arrows {
    position: absolute;
    z-index: 4;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.product-crosselling-silder-entry-img {
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
    min-height: 270px;
}

.product-crosselling-silder-entry {
    max-width: 350px;
    width: 100%;
    background: #303030;
    margin-right: 2rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: none;
    border-radius: 0;
    color: #fff;
    overflow: hidden;
    margin: 0 auto;
}

.product-crosselling-silder-slide-entry-text {
    padding: 1rem;
}

.product-crosselling-silder-slide-entry-headline {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.product-crosselling-silder .splide__track {
    margin: 0 3rem;
}