/* -------------------------------------------------------------------------------------------------------------------- */
/* MAIN MENU ITEMS */
/* -------------------------------------------------------------------------------------------------------------------- */

header .navigation nav ul li a {
    line-height: 1.2rem;
    font-size: 1.2rem;
    letter-spacing: 0.05rem;
}

body.home header:not(.sticky) .navigation nav>ul>li>a:hover {
    color: #fff;
    background-color: #000;
}

header .navigation nav ul li a:hover {
    color: #fff !important;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
}

.navigation .container nav ul li.sub .megaMenu .heading a {
    all: unset; /* Inline stilin etkilerini kaldırır */
    font-size: 1.8rem !important;
    color: #ffffff !important;
    margin-bottom: 1rem !important;
}

header .navigation nav ul li .megaMenu ul li a {
    padding: .5rem .25rem;
    font-size: 1.2rem;
}

header .header .links .search {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    margin-right: 1.5rem;
}

header .header .links .search:hover {
    background-color: #000000;
    -webkit-box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
    box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
}

header .header .links .basket {
    width: 3rem;
    height: 2rem;
    margin-right: 1.5rem;
}

header .header .links .basket:before {
    font-size: 1.5rem;
    line-height: 25px;
    color: #000000;
}

header .header .links .basket:hover:before, header .header .links .basket.active:before {
    color: #000000;
}

header .header .links .basket:hover>i, header .header .links .basket.active>i {
    color: #fff;
    background-color: #000;
    -webkit-box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
    box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
}

header .header .links .basket>i {
    top: -.25rem;
    right: -.25rem;
    width: 1.5rem;
    height: 1.5rem;
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
    background-color: #000000;
}

.basket.icon-basket.basketsetactive:hover .checkout-count {
    color: #fff;
}

header .header .links .basket .items {
    background-color: #000000;
    padding: .5rem;
}

header .header .links .basket .items .item {
    background-color: #000000;
    border-radius: 0;
    -webkit-box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
    box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
    padding: .5rem;
    margin-bottom: .5rem;
}

header .header .links .basket .items .bar {
    background-color: #000000;
    border-radius: 0;
    border: 1px solid #fff;
    -webkit-box-shadow: 1px 2px 2px rgba(255, 0, 0, 0.2);
    box-shadow: 1px 2px 2px rgb(255 255 255 / 20%);
    padding: .5rem;
}

header .header .links .basket .items .bar a {
    font-weight: 400;
    font-size: 1rem;
    color: #000000;
    background-color: #ffffff;
    border-radius: 0;
    padding: .25rem;
    margin-left: .25rem;
}

header .header .links .favorites:hover, header .header .links .favorites.active {
    color: #000000;
}

header .header .links .favorites {
    width: 2rem;
    height: 2rem;
    margin-right: 1.5rem;
    font-size: 1.2rem;
}

header .header .links .favorites:hover i, header .header .links .favorites.active i {
    background-color: #000000;
    -webkit-box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
    box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
}

.accountContent .list .item .favorite:before {
    color: rgb(0 0 0 / 66%);
    margin-right: .5rem;
}

.accountContent .list .item span {
    font-size: 1rem !important;
    font-weight: 300 !important;
}

.accountContent .list .item span a.icon-search {
    font-size: 1rem;
    font-weight: 300;
    color: #000;
}

.accountContent .list .item span a.icon-search:before {
    margin-left: .25rem;
    font-size: 1rem;
}

.accountContent .list .item span a.icon-search:after {
    display: none;
}

.accountContent .list .item span a.red.icon-trash {
    color: #000000;
    font-size: 1rem;
    font-weight: 300;
}

.accountContent .list .item span a.red.icon-trash:before {
    margin-left: .25rem;
    font-size: 1rem;
}

.accountContent .list .item .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: center;
    margin: 0;
    flex-direction: column;
    align-content: center;
}

header .header .links .social {
    width: 3rem;
    height: 2rem;
    margin-right: .5rem;
}

header .header .links .social .items a {
    height: 2rem;
    font-size: 1.5rem;
    color: #000000;
    margin-bottom: .5rem;
}

header .header .links .social .items:before {
    top: .25rem;
    left: -.25rem;
    font-size: .5rem;
    line-height: 1.5rem;
    color: rgb(0 0 0 / 66%);
}

header .header .links .social:hover .items {
    background-color: #000000;
    -webkit-box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
    box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
}

header .header .links .social .items a:hover {
    background-color: #ffffff;
}

header .header .links .social .items a:hover::before {
    color: #000;
}

header .header .links .account {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
}

header .header .links .account:hover {
    background-color: #000000;
    -webkit-box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
    box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
}

@media (max-width: 1023px) {
    header .header .links .basket {
        margin: 0 0 0 1rem;
    }

    header .header .links .search {
        margin: 0;
    }

    header .header .links .social {
        margin: 0;
    }
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* MOBILE OFFCANVAS MENU */
/* -------------------------------------------------------------------------------------------------------------------- */

.sideMenu {
    padding-top: 4rem;
    border-top: 4px solid #000000;
}

.sideMenu nav ul li a {
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: 1.2rem 1.2rem;
}

.sideMenu .ex ul li a {
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: 2.2rem 1.5rem;
    letter-spacing: 0.05rem;
}

.sideMenu .ex ul li a:before {
    font-size: 1.2rem;
    margin-right: 1rem;
    color: #000000;
}

.sideMenu nav ul li a.sub.active {
    font-weight: 400;
    color: #000000;
}

.sideMenu nav ul li ul {
    border-left: 3px solid #000;
}

.sideMenu nav ul li a.sub.active:after {
    color: #000000;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* STICKY MENU DISABLED */
/* -------------------------------------------------------------------------------------------------------------------- */

header.sticky {
    position: absolute;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* HOMEPAGE FOOTER TITLE & DESCRIPTION */
/* -------------------------------------------------------------------------------------------------------------------- */

.homepage-description-title {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0.05rem;
}

.homepage-description {
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: 0.05rem;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* FOOTER */
/* -------------------------------------------------------------------------------------------------------------------- */

footer .footer .columns .column ul li a:hover {
    color: #ffffff;
}

footer .footer .columns .column .social a:hover {
    color: #ffffff;
}

footer .footer .features .feature:before {
    font-size: 2.5rem;
}

footer .footer .features .feature *.bold {
    font-size: 1.2rem;
}

footer .footer .features .feature * {
    font-size: 1rem;
}

footer .footer .columns .column .head {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    padding: 0.5rem 0;
    text-transform: uppercase;
}

footer .footer .columns .column ul li a {
    font-size: 1.2rem;
    padding: 0.5rem 0;
}

footer .footer .columns .column .social a {
    font-size: 2rem;
    padding: 0.5rem;
}

footer .footer .columns .column .social {
    padding-bottom: 2rem;
}

footer .footer {
    padding-bottom: 2rem;
    padding-top: 2rem;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* CATEGORY PAGE */
/* -------------------------------------------------------------------------------------------------------------------- */

.categoryFilter {
    background-color: white;
}

    .categoryFilter:before {
        background-color: white;
    }

.productContent .favorite {
    width: 3rem;
    height: 3rem;
    background-color: #000;
    border: 1px solid #ffffff80;
}

.icon-favorite:before {
    font-size: 1.5rem;
}

.categoryFilter .head {
    line-height: 3rem;
    letter-spacing: 0.05rem;
    font-size: 1.5rem;
    padding: 1rem 1rem;
}

    .categoryFilter .head:before {
        font-size: 2rem;
        margin-bottom: 0.5rem;
        margin-right: 0.5rem;
    }

.categoryFilter section .heading {
    line-height: 2.5rem;
    letter-spacing: 0.05rem;
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 1rem;
}

.categoryFilter section.list ul li a {
    letter-spacing: 0.05rem;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #000;
    padding: 0.5rem 0;
    font-weight: 400;
}

.categoryFilter section.check .content label {
    width: 30%;
    height: 2rem;
    margin: 0.1rem;
}

    .categoryFilter section.check .content label i {
        font-weight: 400;
        line-height: 1rem;
        letter-spacing: 0.05rem;
        font-size: 1rem;
        color: #000;
        text-transform: uppercase;
    }

.categoryFilter .sectionContent > * {
    padding: 2rem 0.5rem;
}

.categoryFilter section.range .rangeSlider .noUi-base .noUi-origin .noUi-handle.noUi-handle-upper .noUi-tooltip {
    line-height: 2rem;
    letter-spacing: 0.05rem;
    font-size: 1.2rem;
    color: #000;
    white-space: nowrap;
    padding: 0 0.5rem;
}

.categoryFilter section.range .rangeSlider .noUi-base .noUi-origin .noUi-handle.noUi-handle-lower .noUi-tooltip {
    line-height: 2rem;
    letter-spacing: 0.05rem;
    font-size: 1.2rem;
    color: #000;
    white-space: nowrap;
    padding: 0 0.5rem;
}

.categoryFilter section.submit a {
    letter-spacing: 0.05rem;
    font-size: 1.5rem;
    background-color: #000;
    border-radius: 3px;
    padding: 1rem 1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.productList .heading .title {
    line-height: 2rem;
    font-size: 1.8rem;
}

.staticContent *:not(.title) {
    font-weight: 300 !important;
    line-height: 1.8rem !important;
    letter-spacing: 0.05rem !important;
    font-size: 1.2rem !important;
    color: rgb(0 0 0 / 66%) !important;
}

.productList .heading * {
    font-weight: 300;
    font-size: 1rem;
    color: rgb(0 0 0 / 50%)9;
}

.title {
    border: none;
    padding: 0;
}

.productContent .wrapper .quickView {
    font-size: 2rem;
    color: #ffffff;
    width: 4rem;
    height: 4rem;
    border-radius: 0;
    border: 1px solid rgb(255 255 255 / 30%);
    background-color: #000;
}

.tblsizes {
    border: none;
    padding: 0;
    margin-right: .2rem;
    font-size: .75rem;
    margin-bottom: 0;
    color: rgb(0 0 0 / 66%);
}

.productContent .wrapper > span {
    color: rgb(0 0 0 / 66%);
    font-size: .75rem !important;
    margin-top: 5px;
    text-transform: uppercase;
}

.productContent .content::before {
    content: none; /* Pseudo-elementi tamamen kaldırır */
}

.productContent .content {
    padding: .5rem 0 2rem 0;
}

.productContent .content .bold {
    font-size: 1rem;
}

.productContent .content * {
    line-height: 2;
    line-height: 1.8;
    font-size: 1rem;
    letter-spacing: 1px;
}

.productContent .content>* {
    margin-bottom: 0;
}

.pagination ul li {
    padding: .25rem;
}

.pagination ul li a {
    width: 2.4rem;
    height: 3rem;
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin: 0;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* PRODUCT DETAILS PAGE */
/* -------------------------------------------------------------------------------------------------------------------- */

.productDetailContent .info {
    border: none;
    padding: 0;
}

.title {
    font-weight: 400;
    line-height: 1.5;
    font-size: 1.8rem;
    letter-spacing: 0.5px;
}

.productDetailContent .info .model * {
    font-size: .875rem;
    font-weight: 300;
    color: rgb(0 0 0 / 66%);
}

.productDetailContent .prices {
    border: none;
    padding: 0;
}

.productDetailContent .prices .discount {
    background-color: #000000;
    padding: .6rem .9rem;
    -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
    box-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
}

.productDetailContent .prices .discount, .productDetailContent .prices .discount * {
    font-weight: 300;
    font-size: .875rem;
    color: #ffffff;
}

.productDetailContent .prices .through {
    font-size: 1.5rem;
}

.productDetailContent .prices * {
    font-size: 1.8rem;
}

.productDetailContent .sizes .head, .productDetailContent .colors .head {
    font-weight: 400;
    font-size: 1rem;
    color: rgb(0 0 0 / 66%);
}

.productDetailContent .sizes>*, .productDetailContent .colors>* {
    margin-bottom: .25rem;
}

.selectedColor {
    border: #000000 2px solid;
    margin-top: 0;
    margin-right: .5rem;
}

.noselectedColor {
    border: none;
    float: left;
    margin-top: 0;
    margin-right: .5rem;
}

.productDetailContent .sizes .content label, .productDetailContent .colors .content label {
    width: 3rem;
    height: 3rem;
    margin: .25rem;
}

.productDetailContent .sizes .content label i, .productDetailContent .colors .content label i {
    padding: 0;
}

.productDetailContent .sizes .content label i, .productDetailContent .colors .content label i {
    font-family: "Khand";
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 1.25px;
    font-style: normal;
    font-size: 1.2rem;
    color: rgb(0 0 0 / 66%);
}

.productDetailContent .piece .head {
    font-family: "Khand";
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 1.25px;
    font-size: 1.2rem;
    color: rgb(0 0 0 / 66%);
}

.productDetailContent .piece label a {
    font-size: .875rem;
    color: rgb(0 0 0 / 66%);
    width: 3rem;
    height: 3rem;
}

.productDetailContent .piece label>* {
    margin-right: .5rem;
}

.productDetailContent .piece label input {
    font-size: 1.2rem;
    width: 3rem;
    height: 3rem;
}

.productDetailContent .piece label a:hover {
    color: #000000;
    border: 1px solid #000000;
    -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
}

.productDetailContent .sizes .content label input:checked, .productDetailContent .colors .content label input:checked {
    border-color: #000000;
    -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    background-color: #000;
}

.productDetailContent .sizes .content label input:checked ~ i, .productDetailContent .colors .content label input:checked ~ i {
    color: #fff;
    z-index: 999;
}

.productDetailContent .basket {
    font-weight: 400;
    font-size: 1.2rem;
    background-color: #000000;
    border-radius: 0;
    padding: 1.2rem .6rem;
    -webkit-box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
    box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
}

.productDetailContent .basket:before {
    font-weight: bold;
    font-size: 1.2rem;
    margin-right: .6rem;
}

.productDetailContent .social .head {
    font-family: "Khand";
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 1.25px;
    font-size: 1rem;
    color: rgb(0 0 0 / 66%);
}

.productDetailContent .social>* {
    margin-bottom: .5rem;
}

.productDetailContent .social .links a {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    color: rgb(0 0 0 / 66%);
    margin-right: .5rem;
}

.productDetailContent .social .links a:hover {
    color: #000000;
    border-color: #000000;
    -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
}

.productGallery .productThumbs .owlSlider .owl-stage .owl-item.ok .slide {
    border: 2px solid #000000;
}

.productGallery .productImages .navContainer {
    height: 3rem;
}

.productGallery .productImages .navContainer a {
    width: 4rem;
    height: 2rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    margin-right: .5rem;
}

.productGallery .productImages .navContainer a:before {
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.66);
}

.productGallery .productImages .navContainer a:hover {
    border: 1px solid black;
}

.productGallery .productImages .navContainer a:hover:before {
    color: #000;
}

.productTabs .tabs .items .tab:nth-of-type(1):before {
    background-color: #fff;
}

.productTabs .tabs .items .tab:nth-last-of-type(1):after {
    background-color: #fff;
}

.productTabs {
    background-color: #000;
    margin: 1rem 0;
}

.productTabs .tabs .items .tab.active {
    font-weight: 400;
    color: #fff;
    background-color: #000;
    border: none;
}

.productTabs .tabs .items .tab {
    font-size: 1.2rem;
    font-weight: 400;
    color: #000;
    padding: 1rem;
    border: none;
    background-color: #fff;
}

.productTabs .tabs .items .tab.active i {
    color: rgb(255 255 255 / 66%);
}

.productTabs .tabs .items .tab i {
    font-size: .875rem;
    color: rgb(0 0 0 / 66%);
    margin-top: .5rem;
}

.productTabs .tabs .contents .tabContent.active {
    padding: 3rem 0;
}

.productTabs .tabs .contents .tabContent .content, .productTabs .tabs .contents .tabContent .content * {
    font-size: 1rem;
    color: rgb(255 255 255 / 80%);
}

.productTabs .tabs .contents .tabContent .content>* {
    margin-bottom: 1rem;
}

@media screen and (max-width: 1023px) {
    .productTabs .tabs .items {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .productTabs .tabs .items {
        align-items: flex-start;
    }

    .productTabs .tabs .items .tab {
        align-items: flex-start;
        text-align: left;
    }
}

.customSection {
    margin-top: 1rem;
}

@media screen and (max-width: 600px) {
    .homeSlider {
        margin-bottom: 0;
    }
}


.contentHeading .head.bordered {
    border: none;
    border-radius: 0;
    padding: .5rem 2rem;
}

.contentHeading .head {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 400;
    background-color: #000;
}

.productContent .content .prices>* {
    margin-right: .875rem;
}

.multipleSlider .navContainer .nav a {
    width: 4rem;
    height: 2rem;
    background-color: #000;
    border: none;
    border-radius: 0;
}

.multipleSlider .navContainer .nav a:before {
    font-weight: bold;
    font-size: 1.5rem;
    color: rgb(255 255 255);
}

.multipleSlider .navContainer .nav a:hover {
    background-color: #fff;
    border: 1px solid black;
}

.multipleSlider .navContainer .nav a:hover:before {
    color: black;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* QUICK VIEW */
/* -------------------------------------------------------------------------------------------------------------------- */

.productDetail .goDetail {
    font-weight: 400;
    font-size: 1.2rem;
    color: #ffffff;
    background-color: rgb(0 0 0 / 66%);
    border-radius: 0;
    padding: 1rem;
    margin-top: 2rem;
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
}

.productDetail .goDetail:before {
    font-size: 1.2rem;
    margin-right: .5rem;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* POPUPS */
/* -------------------------------------------------------------------------------------------------------------------- */

.sweet-alert .sa-icon.sa-success {
    border-color: #A5DC86 !important;
}

.sweet-alert .sa-icon {
    margin: 1rem auto !important;
}

.sweet-alert h2 {
    color: #000000 !important;
    font-size: 2rem !important;
    font-weight: 400 !important;
    margin: 2rem 0 1rem 0 !important;
    line-height: 1.5 !important;
}

.sweet-alert p {
    color: #000000 !important;
    font-size: 1.2rem !important;
}

.sweet-alert button {
    color: #fff !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    padding: 1rem 1.5rem !important !important;
    margin: 2rem .5rem .5rem .5rem !important;
}

.sweet-alert button.cancel {
    background-color: #000 !important;
}

.sweet-alert button.cancel:hover {
    background-color: #000 !important;
}

.sa-button-container .sa-confirm-button-container .confirm {
    background-color: rgb(255 255 255) !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    box-shadow: none !important;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* SEARCH MODAL */
/* -------------------------------------------------------------------------------------------------------------------- */

.searchBar label .submit {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    color: #000000;
}

.searchBar label input {
    font-weight: 400;
    font-size: 1.5rem;
    height: 3rem;
    padding-left: .5rem;
    padding-right: .5rem;
}

.searchBar label input::placeholder {
    font-size: 1.5rem;
}

.searchBar .items .item .info .bold {
    font-weight: 400;
    font-size: 1.2rem;
}

.searchBar .items .item {
    padding: .25rem;
    margin: .25rem;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* CART PAGE */
/* -------------------------------------------------------------------------------------------------------------------- */

.basketPage .emptyBasket * {
    font-size: 1.5rem;
    color: #000000;
}

.basketPage .emptyBasket .link {
    font-weight: 400;
    font-size: 1.2rem;
    background-color: #000000;
    border-radius: 0;
    -webkit-box-shadow: 1px 2px 2px rgb(0 0 0 / 12%);
    box-shadow: 1px 2px 2px rgb(0 0 0 / 12%);
    padding: 1rem 2rem;
}

.basketPage .basketList .heading {
    background-color: #000000;
}

.basketPage .basketList .heading * {
    font-weight: 400;
    font-size: 1.2rem;
    color: #ffffff;
}

.basketPage .basketList>* {
    margin-bottom: 1rem;
}

.basketPage .basketList .item {
    background-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgb(0 0 0 / 66%)
}

.basketPage .basketList .item .name {
    font-size: 1.2rem;
    color: #000000;
    font-weight: 400;
}

.basketPage .basketList .item>*>* {
    margin-bottom: .5rem;
}

.basketPage .basketList .item .model {
    font-weight: 300;
    font-size: 1rem;
    color: rgb(0 0 0 / 66%);
}

.basketPage .basketList .item .desc {
    font-weight: 300;
    font-size: 1rem;
    color: rgb(0 0 0 / 66%);
    border: 0;
    padding-top: .5rem;
    margin-top: .5rem;
}

.basketPage .basketList .item .feature {
    font-size: 1.2rem;
    font-weight: 400;
    padding: .25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.basketPage .basketList .item .through {
    font-size: 1rem;
    color: rgb(0 0 0 / 66%);
}

.basketPage .basketList .item * {
    font-weight: 400;
    font-size: 1.2rem;
    color: #000000;
}

.basketPage .basketList .item .piece {
    padding: .25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.basketPage .basketList .item .piece a {
    font-size: .875rem;
    color: rgb(0 0 0 / 66%);
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    border: 1px solid rgb(0 0 0 / 66%);
    border-radius: 0;
}

.basketPage .basketList .item .piece input {
    font-size: 1.2rem;
    width: 3rem;
    height: 2rem;
    border: none;
}

.basketPage .basketList .item .piece a:hover {
    color: #ffffff;
    border: none;
    background-color: #000;
}

.basketPage .basketList .item .trash a:before, .basketPage .basketList .item .icon a:before {
    font-size: 1.8rem;
    padding: 1rem;
}

.basketPage .basketList .item .trash a:hover:before, .basketPage .basketList .item .icon a:hover:before {
    color: #ffffff;
    background-color: #000;
}

.basketPage .title {
    margin-bottom: 1rem;
}

.title.small {
    font-size: 1.5rem;
}

.basketPage .summary .column {
    padding: 1.5rem;
    background-color: #000;
}

.basketPage .summary .useCode .head {
    font-weight: 300;
    font-size: 1.2rem;
    color: #ffffff;
    border: none;
    padding-bottom: .5rem;
}

input#txtCampaignCode::placeholder {
    color: rgb(0 0 0 / 66%);
    font-size: 1.2rem;
    font-weight: 300;
}

.basketPage .summary .useCode .content label input {
    font-weight: 400;
    font-size: 1.2rem;
    color: #000000;
}

.basketPage .summary .useCode .content label input.submit {
    font-size: 1.2rem;
    background-color: #000000;
    border: 1px solid #fff;
    padding: 0 2rem;
    -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
    box-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
}

.basketPage .summary .list .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem;
}

.basketPage .summary .list * {
    font-weight: 300;
    font-size: 1.2rem;
    color: #fff;
}

.basketPage .summary .list .total * {
    font-size: 1.2rem;
    color: #ffffff;
}

.basketPage .complete, .paymentPage .complete {
    font-weight: 400;
    font-size: 1.5rem;
    color: #ffffff;
    background-color: #000000;
    border-radius: 0;
    padding: 1rem .5rem;
    -webkit-box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
    box-shadow: 1px 2px 2px rgb(0 0 0 / 20%);
}

.basketPage .complete:before, .paymentPage .complete:before {
    font-size: 1.5rem;
    margin-right: 1rem;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* STATIC PAGES - ABOUT ETC */
/* -------------------------------------------------------------------------------------------------------------------- */

.customNavigation {
    background-color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.customNavigation ul li a {
    font-weight: 400;
    line-height: 2;
    font-size: 1.2rem;
    color: rgb(255 255 255 / 66%);
    padding: 1rem;
    margin: 1rem 0 1rem 0;
}

.customNavigation:before {
    background-color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* LOGIN */
/* -------------------------------------------------------------------------------------------------------------------- */

.loginContent .tabs .items .tab.active {
    font-weight: 400;
    color: #000000;
    border-bottom: 2px solid #000;
    font-size: 1.2rem;
}

.loginContent .content label, .loginContent .content label * {
    font-weight: 400;
    font-size: 1.2rem;
    color: rgb(0 0 0 / 66%);
}

.loginContent .content label input, .loginContent .content label textarea {
    width: 100%;
    height: 4rem;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 1rem;
    margin-top: .2rem;
}

.loginContent .content label * {
    font-size: 1.2rem;
}

.loginContent .content .button {
    font-weight: 400;
    font-size: 1.2rem;
    color: #ffffff;
    background-color: #000000;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 1rem;
}

.loginContent .content * {
    font-weight: 400;
    font-size: 1rem;
    color: rgb(0 0 0 / 66%);
}

.loginContent .content .checkboxes label i {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: .5rem;
}

.loginContent .content .checkboxes label, .loginContent .content .checkboxes label * {
    font-size: 1rem;
}

.content .checkboxes label input:checked ~ i:before {
    color: #000000;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* ACCOUNT DETAILS */
/* -------------------------------------------------------------------------------------------------------------------- */

.customNavigation ul li a.exit {
    color: rgb(255 255 255 / 66%);
}

.accountContent .dashboard a:hover, .accountContent .dashboard a:hover * {
    color: #ffffff;
    background-color: #000;
}

.accountContent *:not(.title) {
    font-weight: 400;
    font-size: 1.5rem;
    color: #000000;
}

.accountContent .dashboard a:before {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}


.accountContent .form label {
    margin: 1.5rem 0;
}

.accountContent .form label input:not(.submit), .accountContent .form label textarea {
    height: 3rem;
    background-color: #ffffff;
    border: 1px solid rgb(0 0 0 / 66%);
    padding: 0 .875rem;
    margin-top: .875rem;
}

.accountContent .form label * {
    font-size: 1.2rem;
}

.accountContent .submit {
    color: #ffffff;
    background-color: #000000;
    padding: 1.2rem 2rem;
    -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
    box-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
}

.accountContent .list .heading {
    background-color: #000000;
    padding: .25rem;
}

.accountContent .heading span {
    color: #fff;
    font-size: 1.2rem;
    
}

.accountContent #content_cphContent_txtAdress {
    height: 7.5rem;
    padding: 1rem;
}

.accountContent #content_cphContent_txtAdress::placeholder {
    color: rgb(0 0 0 / 66%);
    font-size: 1.2rem;
    font-weight: 400;
}

label.error {
    font-weight: 300 !important;
    font-size: 1rem !important;
    color: #f00 !important;
    margin-top: .5rem !important;
}

.accountContent .list .item {
    background-color: #ffffff;
    padding: .5rem;
    border: 1px solid rgb(0 0 0 / 66%);
}

.accountContent #content_cphContent_txtMessage {
    height: 10rem;
    padding: 1rem;
}

.accountContent #content_cphContent_txtMessage::placeholder {
    color: rgb(0 0 0 / 66%);
    font-size: 1.2rem;
    font-weight: 400;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* PAYMENT PAGE */
/* -------------------------------------------------------------------------------------------------------------------- */

.contact .content * {
    font-size: 1rem;
    color: #000000;
}

.contact .social a {
    font-size: 1.5rem;
    color: #000000;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 1.5rem 1.5rem 0 0;
}

.contact .social a:hover {
    color: #000000;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact .social {
    margin: 0;
}

.contact .content *[class^="icon-"]:before {
    font-size: 1.5rem;
    color: #000000;
    margin: 0 .5rem .25rem 0;
}

.contact .container>* {
    margin: 3rem 0;
}

.contact .content label {
    margin-bottom: .5rem;
    font-size: 1.2rem;
}

.contact .content .submit {
    font-size: 1.2rem;
    background-color: #000000;
    border-radius: 2px;
    -webkit-box-shadow: 1px 2px 2px rgb(0 0 0 / 10%);
    box-shadow: 1px 2px 2px rgb(0 0 0 / 10%);
    padding: 1rem 3rem;
}

.notifBar {
    background-color: rgb(255 255 255 / 10%);
    padding: 1.2rem .875rem .875rem 3rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgb(0 0 0 / 30%);
}

.notifBar:before {
    left: .5rem;
    font-size: 2rem;
    color: rgb(0 0 0 / 60%);
}

.notifBar span {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.60);
    padding: .25rem;
}

.paymentPage .accordion .accHead.active {
    background-color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.paymentPage .accordion .accHead, .paymentPage .accordion .accHead * {
    font-weight: 400;
    font-size: 1.2rem;
    color: #fff;
}
.paymentPage .accordion .accHead {
    padding: 1rem .5rem;
}

.paymentPage .accordion .accHead i {
    width: 2.4rem;
    background-color: none;
    margin: 0 1rem 0 0;
    border-right: 1px solid rgb(255 255 255 / 66%);
}

.paymentPage .content label {
    margin-bottom: 1rem;
    font-size: 1rem;
}

.paymentPage .content * {
    font-weight: 400;
    color: #000000;
}

.paymentPage .content .checkboxes label input:checked ~ i:before {
    color: #000000;
}

.paymentPage .cargo label {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .5rem;
    border: 1px solid rgb(0 0 0 / 66%);
}

.paymentPage .cargo label:last-child {
    border-bottom: 1px solid rgb(0 0 0 / 66%);
}

.paymentPage .cargo label .radio input:checked ~ i {
    border-color: #000000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.paymentPage .cargo label .radio i {
    width: 1.2rem;
    height: 1.2rem;
    min-width: 1.2rem;
    min-height: 1.2rem;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 1rem;
}
.paymentPage .cargo label * {
    font-weight: 400;
    font-size: 1rem;
    color: #000000;
}

.paymentPage .cargo label .radio input:checked ~ i:before {
    width: .5rem;
    height: .5rem;
    background-color: #000000;
}

.paymentPage .accordion .accContent>* {
    margin-bottom: 1.2rem;
}

.paymentPage .payment>label {
    background-color: #ffffff;
    border: 1px solid rgb(0 0 0 / 66%);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .5rem;
    margin: 1rem;
}

.paymentPage .accordion .accContent {
    padding: 0;
}

.paymentPage .payment>label:nth-last-of-type(1) {
    border-bottom: 1px solid rgb(0 0 0 / 66%);
}

.paymentPage .contract label input:checked ~ i:before {
    color: #000000;
}

.paymentPage .payment>label * {
    font-weight: 400;
    font-size: 1.2rem;
    color: #000000;
}

.paymentPage .payment>label .radio i {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-color: #ffffff;
    border: 1px solid rgb(0 0 0 / 66%);
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 1rem;
}

.paymentPage .payment>label .radio .icon {
    width: 2rem;
    font-size: 2rem;
    line-height: 2rem;
}

.paymentPage .payment>label .radio input:checked ~ i {
    border-color: #000000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.paymentPage .payment>label .radio input:checked ~ i:before {
    width: .5rem;
    height: .5rem;
    background-color: #000000;
}

.paymentPage .payment .paymentOptions label .radio input:checked ~ i {
    border-color: #000000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.paymentPage .payment .paymentOptions label .radio input:checked ~ i:before {
    width: .5rem;
    height: .5rem;
    background-color: #000000;
}

.paymentPage .payment .paymentOptions label .radio i {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    margin-right: .5rem;
}

.paymentPage .contract label, .paymentPage .contract label * {
    font-size: .875rem;
    color: #000000;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* WHATSAPP ICON */
/* -------------------------------------------------------------------------------------------------------------------- */

.customwhatsapp {
    width: 3rem;
    height: 3rem;
    bottom: 12rem;
    right: .5rem;
    border-radius: 50px;
    font-size: 3rem;
    box-shadow: none;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* ORDERS PAGE */
/* -------------------------------------------------------------------------------------------------------------------- */

.accountContent .list .item .buttons .red {
    color: #000000;
}

.accountContent .orderDetail .headBar {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .25rem;
    border: 1px solid #000;
}

.accountContent .orderDetail .headBar span:nth-of-type(1) {
    color: #000000;
    margin-bottom: .5rem;
}

.accountContent .orderDetail .basket .heading {
    line-height: 1.5;
    background-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .5rem;
    border: 1px solid #000;
    border-bottom: none;
}

.accountContent .orderDetail .basket>* {
    margin-bottom: 0;
}

.accountContent .orderDetail .basket .items {
    background-color: #fff;
    padding: 1rem .5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #000;
}

.accountContent .orderDetail .basket .items .item {
    margin-bottom: .5rem;
}

.accountContent .orderDetail .basket .items .total * {
    font-size: 1.5rem;
}

.accountContent .orderDetail .payment .heading, .accountContent .orderDetail .payment .heading * {
    font-weight: 400;
    font-size: 1rem;
}

.accountContent .orderDetail .payment .heading {
    max-width: 10rem;
    background-color: #000000;
    padding: .5rem;
}

.accountContent .orderDetail>* {
    margin-bottom: 2rem;
}

.accountContent .orderDetail .payment {
    background-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
}

.accountContent {
    margin: 1rem 0;
}