﻿.sub_menu {
    border-top: 0.10938rem solid #FFC107;
    border-bottom-right-radius: 0.4375rem;
    border-bottom-left-radius: 0.4375rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
    z-index: 1010 !important;
    left: auto;
    right: 0;
}

.hs-menu-initialized {
    z-index: auto !important;
}

/*@media (min-width: 768px) {
    .product-item:nth-child(even)::after {
        content: " ";
    }
}*/

/*.products-group > li:last-child > .product-item ::after {
    content: none !important;
}*/

.product-item:last-child::after {
    content: none !important;
}

.scrollbar {
    float: left;
    max-height: 300px;
    background: #fff;
    overflow: auto;
    padding-top: 4px;
    width: 100%
}

::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background: #677381;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.2);
}

.btn-add-cart {
    background-color: #8bc34a !important;
}

.qty-ctl button.increase {
    -moz-border-radius: 0 1.4rem 1.4rem 0;
    -webkit-border-radius: 0 1.4rem 1.4rem 0;
    border-radius: 0 1.4rem 1.4rem 0;
}

.qty-ctl button.decrease {
    -moz-border-radius: 1.4rem 0 0 1.4rem;
    -webkit-border-radius: 1.4rem 0 0 1.4rem;
    border-radius: 1.4rem 0 0 1.4rem
}

.qty_cart input.qty {
    border: 1px solid #eaeaea;
}

.btn-primary-dark {
    color: #000;
    background-color: #FFC107;
    border-color: #FFC107;
}

#basketBadge {
    padding: 2px 4px;
}


.switch {
    font-size: 1rem;
    position: relative;
}

    .switch input {
        position: absolute;
        height: 1px;
        width: 1px;
        background: none;
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        overflow: hidden;
        padding: 0;
    }

        .switch input + label {
            position: relative;
            min-width: calc(calc(2.375rem * .8) * 2);
            border-radius: calc(2.375rem * .8);
            height: calc(2.375rem * .8);
            line-height: calc(2.375rem * .8);
            display: inline-block;
            cursor: pointer;
            outline: none;
            user-select: none;
            vertical-align: middle;
            text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
        }

            .switch input + label::before,
            .switch input + label::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: calc(calc(2.375rem * .8) * 2);
                bottom: 0;
                display: block;
            }

            .switch input + label::before {
                right: 0;
                background-color: #dee2e6;
                border-radius: calc(2.375rem * .8);
                transition: 0.2s all;
            }

            .switch input + label::after {
                top: 2px;
                left: 2px;
                width: calc(calc(2.375rem * .8) - calc(2px * 2));
                height: calc(calc(2.375rem * .8) - calc(2px * 2));
                border-radius: 50%;
                background-color: white;
                transition: 0.2s all;
            }

        .switch input:checked + label::before {
            background-color: #08d;
        }

        .switch input:checked + label::after {
            margin-left: calc(2.375rem * .8);
        }

        .switch input:focus + label::before {
            outline: none;
            box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
        }

        .switch input:disabled + label {
            color: #868e96;
            cursor: not-allowed;
        }

            .switch input:disabled + label::before {
                background-color: #e9ecef;
            }

    .switch.switch-sm {
        font-size: 0.875rem;
    }

        .switch.switch-sm input + label {
            min-width: calc(calc(1.9375rem * .8) * 2);
            height: calc(1.9375rem * .8);
            line-height: calc(1.9375rem * .8);
            text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
        }

            .switch.switch-sm input + label::before {
                width: calc(calc(1.9375rem * .8) * 2);
            }

            .switch.switch-sm input + label::after {
                width: calc(calc(1.9375rem * .8) - calc(2px * 2));
                height: calc(calc(1.9375rem * .8) - calc(2px * 2));
            }

        .switch.switch-sm input:checked + label::after {
            margin-left: calc(1.9375rem * .8);
        }

    .switch.switch-lg {
        font-size: 1.25rem;
    }

        .switch.switch-lg input + label {
            min-width: calc(calc(3rem * .8) * 2);
            height: calc(3rem * .8);
            line-height: calc(3rem * .8);
            text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
        }

            .switch.switch-lg input + label::before {
                width: calc(calc(3rem * .8) * 2);
            }

            .switch.switch-lg input + label::after {
                width: calc(calc(3rem * .8) - calc(2px * 2));
                height: calc(calc(3rem * .8) - calc(2px * 2));
            }

        .switch.switch-lg input:checked + label::after {
            margin-left: calc(3rem * .8);
        }

    .switch + .switch {
        margin-left: 1rem;
    }

#modal1 {
    border-top: 0.10938rem solid #FFC107;
    border-bottom-right-radius: 0.4375rem;
    border-bottom-left-radius: 0.4375rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
    min-height: 440px;
}

.searchContainer .resultContainer .resultItem {
    display: table;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px dotted #ccc;
}

.searchContainer .resultContainer .resultItem .result_image_item {
    display: table-cell;
    width: 30%;
    padding: 4px 4px;
    vertical-align: middle;
    float: left;
}

.searchContainer .resultContainer .resultItem img {
    width: 100% !important;
    height: auto;
    border-radius: 5px;
}

.searchContainer .resultContainer .resultItem .result_content_item {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 10px;
    cursor: pointer;
    width: 70%;
    float: left;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    line-height: 1.8em;
}

.searchContainer .resultContainer .resultItem .result_content_item a {
    font-size: 16px !important;
    font-weight: 400 !important;
    display: block;
}

.searchContainer .resultContainer .resultItem:hover {
    background: rgba(0,0,0,.05);
}

.searchContainer .resultContainer.divyazar,
.searchContainer .resultContainer .divSearchableField {
    border-right: 1px dotted #ccc;
}

.searchContainer .resultContainer .bookContainer,
.searchContainer .resultContainer .productContainer {
    max-height: 400px;
    overflow-y: auto;
}

.searchContainer .resultContainer .btn {
    border-radius: 0px !important;
}

@media screen and (max-width:480px) {
    .searchContainer .resultContainer.half {
        width: 100%;
        float: none;
    }

    .searchContainer .resultContainer .resultItem .result_image_item {
        display: table-cell;
        width: 60px;
        padding: 10px 10px;
        vertical-align: middle;
        background: #fff !important;
    }

    .searchContainer .resultContainer .resultItem .result_content_item {
        display: table-cell;
        vertical-align: middle;
        padding: 10px 15px;
        font-size: 12px !important;
        font-weight: 400 !important;
        font-style: italic;
        line-height: 1.8em;
    }

    .searchContainer .resultContainer .resultItem .result_content_item a {
        font-size: 14px !important;
        font-weight: 400 !important;
        display: block;
    }
}

.productListImage {
    height: 200px !important
}

/*#main slider */

#mainSlider .owl-dot {
    background-color: #677381;
    height: 18px;
    width: 18px;
    margin-left: 3px;
    float: left;
    border-radius: 100%;
}

    #mainSlider .owl-dot:first-child {
        margin-left: 0px;
    }

#mainSlider .owl-dots {
    justify-content: center;
    position: relative;
    bottom: 30px;
    display: flex;
}

#mainSlider .owl-controls {
    margin-bottom: -12px;
}

.owl-dot.active {
    background-color: #f2923b !important;
}

.slider-owl-prev {
    left: 0 !important;
}

.slider-owl-next, .slider-owl-prev {
    right: 22px;
    position: absolute;
    top: 42%;
    height: 50px;
    width: 50px;
    zoom: 1;
    cursor: pointer;
    font-size: 50px !important;
    display: inline-block;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    backface-visibility: hidden;
    box-sizing: border-box;
    color: #e1e1e1;
    text-align: center;
    z-index: 100;
}

    .slider-owl-next::before {
        content: "\f138";
        font-family: "FontAwesome";
        color: #677381;
    }

    .slider-owl-prev::before {
        content: "\f137";
        font-family: "FontAwesome";
        margin-left: 26px;
        color: #677381;
    }



.pagination-letter a.current {
    font-weight: 700;
    color: #262626;
    background-color: #FFC107;
    border-color: #FFC107;
}

.pagination-letter a:hover:not(.current) {
    background-color: #FFC107;
    font-weight: 700;
    color: #000;
}

.pagination-letter .pager {
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    border-radius: 20px;
    border: 1px solid #e6e6e6;
    padding: 5px 7px;
    color: #7d7d7d;
}

.invoice .shopping_cart_table td {
    font-size: 12px !important;
}

.categories {
    color: #b2b2b2;
    font-size: 23px;
}

    .categories::before {
        top: 12px;
    }

    .categories::before {
        content: '\eb1a';
        font-family: 'fontello';
        position: relative;
        color: #000;
    }



.btnMenu::after {
    content: none !important;
}

.btnMenu {
    position: relative;
    padding: 5px 10px 9px 65px;
    text-align: left;
    border-radius: 0px !important;
    border: 0px !important;
}

.img-fluid {
    max-width: 100% !important;
    padding-bottom: 1rem;
}

.nevaa-product-image .img-fluid {
    object-fit: contain;
    height: 250px !important;
}

.productBasketButton .fa {
    margin-top: 4px;
}

.js-select1 .filter-option-inner-inner {
    margin-top: -2px !important;
}

.js-select2 .filter-option-inner-inner {
    margin-top: 2px !important;
}



/* --------------------------------------------
			5.10 Lightbox
	-------------------------------------------- */

.lightbox_list {
    margin-bottom: 5px;
}

    .lightbox_list > li {
        float: left;
        margin: 0 10px 10px 0;
    }

a[class*="fancybox_item"] {
    display: block;
    position: relative;
    overflow: hidden;
}

    a[class*="fancybox_item"] > .helper_icon {
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        width: 37px;
        height: 37px;
        opacity: 0;
        margin: -18px 0 0 -18px;
        background: url("../images/lightbox_view_icon.png") no-repeat;
        -webkit-transition: opacity .7s ease;
        transition: opacity .7s ease;
    }

.helper_icon::after,
.helper_icon::before,
.helper_icon > [class*="helper_"] {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, .5);
    height: 2000%;
}

.helper_icon::after,
.helper_icon::before {
    content: "";
    width: 100%;
    left: 0;
}

.helper_icon > .helper_left,
.helper_icon > .helper_right {
    width: 2000%;
    top: -1000%;
}

.helper_icon > .helper_left {
    right: 100%;
}

.helper_icon > .helper_right {
    left: 100%;
}

.helper_icon::before {
    bottom: 100%;
}

.helper_icon::after {
    top: 100%;
}

a[class*="fancybox_item"]:hover > .helper_icon {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: unset !important;
}

.user-menu li {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #e7eaf3;
}


    .user-menu li a:hover, .user-menu li a:focus {
        z-index: 1;
        color: #000000;
        text-decoration: none;
        background-color: transparent;
        font-weight: 700;
    }

    .user-menu li a:active {
        color: #000000;
        background-color: transparent;
    }

    .user-menu li a {
        padding: 0.5rem 1rem 0.5rem 1rem;
    }

    .user-menu li:first-child {
        border-top-left-radius: 0.3125rem;
        border-top-right-radius: 0.3125rem;
    }

    .user-menu li:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0.3125rem;
        border-bottom-left-radius: 0.3125rem;
    }

    .user-menu li a::before {
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 0.5rem !important;
        margin-top: 0.25rem !important;
    }

.button_orange {
    color: #677381;
    background-color: #FFC107;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #FFC107;
    padding: 0.67rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 1.4rem;
    transition: all 0.2s ease-in-out;
}

    .button_orange[href]:focus {
        box-shadow: 0 4px 11px rgba(51, 62, 72, 0.25);
    }

    .button_orange:hover {
        background-color: #677381;
        border-color: #677381;
        color: #fff;
    }

#paymentForm input, #billingInfo input {
    -webkit-appearance: auto !important;
    outline: unset !important;
    /*background: unset !important;*/
}

#paymentForm #cvc {
    height: unset !important;
}

.form_el label {
    margin-bottom: 0;
    margin-left: 0.5rem;
}


.middle_btn {
    color: #000;
    background-color: #FFC107;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #FFC107;
    padding: 0.67rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 1.4rem;
    transition: all 0.2s ease-in-out;
}

    .middle_btn[href]:focus {
        box-shadow: 0 4px 11px rgba(51, 62, 72, 0.25);
    }

    .middle_btn:hover {
        background-color: #677381;
        border-color: #677381;
        color: #fff;
    }

    .middle_btn i {
        margin-top: 4px;
    }


.right_side {
    float: right;
    text-align: right;
}

.left_side {
    float: left;
    text-align: left;
}

.bottom_box {
    margin: 10px 0 10px 0;
}

.bold {
    font-weight: 600;
}

.grandtotal {
    font-weight: 700;
}

.product_title {
    color: #5cb85c;
}

.sc_product_info a {
    color: #1294c1;
}

.shoppingCartButton {
    background-color: #d11c09;
    color: #fff;
    border-color: #d11c09;
}

    .shoppingCartButton:hover {
        border-color: #677381;
    }


.table_layout {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table_row {
    display: table-row;
}

.table_cell {
    display: table-cell;
    position: relative;
    z-index: 102;
    padding: 19px;
}

    .table_cell::after,
    .main_product::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #fff;
        /*border: 1px solid #eaeaea;*/
        z-index: -1;
    }

.table_row:first-child > .table_cell:first-child::after {
    border-radius: 3px 0 0 0;
}

.table_layout:last-child .table_row:only-child > .table_cell:first-child::after {
    border-radius: 3px 0 0 3px;
}

.table_layout:last-child .table_row:last-child > .table_cell:last-child::after {
    border-radius: 0 0 3px 0;
}

.table_layout:last-child .table_row:only-child > .table_cell:last-child::after {
    border-radius: 0 3px 3px 0;
}

.table_layout:not(:last-child) > .table_row:first-child > .table_cell:last-child::after,
.table_row:first-child:not(:only-child) > .table_cell:last-child::after {
    border-radius: 0 3px 0 0;
}

.table_layout:last-child .table_row:last-child:not(:only-child) > .table_cell:first-child::after {
    border-radius: 0 0 0 3px;
}

.table_row:not(:last-child) > .table_cell::after {
    border-bottom-width: 0px;
}

.table_cell:not(:first-child)::after {
    border-left-width: 0px;
}

.table_cell li {
    margin: 0px;
}

.on_the_sides .left_side, .on_the_sides .right_side {
    margin-top: 12px;
}

.big_btn {
    font-size: 20px;
    padding: 11px 20px;
    display: block;
    width: 100%;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.67rem 1rem;
    font-size: 1.5rem;
    line-height: 1.5;
    border-radius: 1.4rem;
    transition: all 0.2s ease-in-out;
}


.shopping_cart_table {
    width: 100%;
    margin-bottom: 0;
    color: #677381;
}

    .shopping_cart_table th,
    .shopping_cart_table td {
        padding: 0.5rem;
        vertical-align: top;
        border-top: 1px solid #ecedf2;
    }

    .shopping_cart_table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #ecedf2;
    }

    .shopping_cart_table tbody + tbody {
        border-top: 2px solid #ecedf2;
    }


.cart-table .shopping_cart_table th,
.cart-table .shopping_cart_table td {
    border-width: 0;
    vertical-align: middle;
}

.cart-table .shopping_cart_table thead th {
    border-bottom-width: 1px;
    color: #747474;
}

.cart-table table th {
    font-weight: 400;
}

.cart-table .shopping_cart_table {
    margin-bottom: 0;
}

    .cart-table .shopping_cart_table td {
        font-size: 1.06225rem;
    }

@media (max-width: 767.98px) {

    .on_the_sides .left_side, .on_the_sides .right_side {
        margin-top: 12px;
    }
}



@media (min-width: 991.99px) {

    .shopping-cart-free-cargo {
        float: right;
        margin-top: -100px;
        margin-right: 300px;
    }

    #mainSlider .item {
        height: 410px;
    }

    .nevaa-product-detail-image img {
        object-fit: contain;
        max-width: 350px !important;
        max-height:500px;
    }
}

@media (max-width: 991.98px) {

    .qty_cart {
        width: calc(50% - 10px);
        display: inline-block;
        margin-bottom: 6px;
    }

    .cart-table .shopping_cart_table tbody tr:not(:first-child):not(:last-child) td:first-child,
    .wishlist-table .shopping_cart_table tbody tr:not(:first-child):not(:last-child) td:first-child {
        border-top: 1px solid #dddddd;
        margin-top: 15px;
    }


    .cart-table .shopping_cart_table thead {
        display: none;
    }

    .cart-table .shopping_cart_table tr {
        display: block;
    }

        .cart-table .shopping_cart_table tr td {
            text-align: right;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .cart-table .shopping_cart_table tr td::before {
                content: attr(data-title) " ";
                font-weight: 700;
            }

    .cart-table .shopping_cart_table tbody tr td:first-child {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .cart-table .shopping_cart_table tbody tr td:first-child::before {
            display: none;
        }

    .cart-table .shopping_cart_table tbody tr:not(:first-child):not(:last-child) td:first-child {
        border-top: 1px solid #dddddd;
        margin-top: 15px;
    }
}


/*.panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
    */

.panel-heading .row {
    margin-left: -15px !important;
    margin-right: -15px;
}

.paymentLayout {
    margin-left: 0px;
    margin-right: 0px;
}

    .paymentLayout .shipmentSection, .paymentLayout .paymentSection {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .paymentLayout .shipmentSection {
        margin-left: -15px;
    }

        .paymentLayout .shipmentSection li {
            margin-bottom: 15px;
        }

    .paymentLayout .paymentSection {
        margin-right: -15px;
    }

    .paymentLayout .row {
        margin-left: 0px;
    }

.paymentSection label:not([id^="lblIsTermsOfUse"]) {
    margin-top: 0.8rem;
}

#bankLogoContainer, #cardTypeContainer {
    margin-top: 40px;
}

.orderTotal {
    width: 100%;
    border: 1px solid #fff;
    font-size: 16px;
}

    .orderTotal tr:nth-child(2n) td {
        background: #f8f8f8;
        color: #000;
    }

    .orderTotal tr td {
        background: #343a40;
        color: #fff;
    }

.total {
    font-weight: 600;
}

.searchContainer .resultContainer .resultItem:hover {
    background: rgba(0,0,0,.05);
}

.searchContainer .resultContainer .divSearchableField {
    border-right: 1px dotted #ccc;
}

.searchContainer .resultContainer .productContainer {
    max-height: 390px;
    overflow-y: auto;
}

.searchContainer .resultContainer .btn {
    border-radius: 0px !important;
}


@media screen and (max-width:480px) {
    .searchContainer .resultContainer.half {
        width: 100%;
        float: none;
    }

    .searchContainer .resultContainer .resultItem .result_image_item {
        display: table-cell;
        width: 60px;
        padding: 10px 10px;
        vertical-align: middle;
        background: #fff !important;
    }

    .searchContainer .resultContainer .resultItem .result_content_item {
        display: table-cell;
        vertical-align: middle;
        padding: 10px 15px;
    }

    .searchContainer .resultContainer .resultItem .result_content_item {
        font-size: 12px !important;
        font-weight: 400 !important;
        font-style: italic;
        line-height: 1.8em;
    }

        .searchContainer .resultContainer .resultItem .result_content_item a {
            font-size: 14px !important;
            font-weight: 400 !important;
            display: block;
        }
}

.ui-pnotify {
    top: 70px;
}


#contactDetail .row {
    padding-top: 10px;
    padding-bottom: 10px;
}


.address_box {
    border-color: #ddd;
}

.contactLabel {
    display: contents;
    min-height: 100px;
}


.shopppingCartFooter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.u-header__sub-menu {
    padding-top: 1rem !important;
    width: 700px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.u-header__mega-menu-wrapper {
    padding: 0 !important;
}

.u-header__sub-menu-nav-group {
    min-width: 200px;
}

#loaderModal .row {
    flex-direction: column !important;
    align-content: center !important;
}


@media (max-width: 767px) {

    .hs-mobile-state .hs-sub-menu,
    .hs-mobile-state .hs-mega-menu {
        position: absolute !important;
        width: 100%;
    }

    .hs-has-sub-menu {
        position: static !important;
    }
}

.u-sidebar {
    background-color: #fff !important;
}

#headerSidebarList .subHeaderMenu ul {
    position: relative !important;
    box-shadow: unset !important;
    padding: 0 !important;
    background-color: #fff;
}


#headerSidebarList .subCategoryMenu ul {
    position: relative !important;
    box-shadow: unset !important;
    padding: 0 !important;
    display: block !important;
    background-color: #282828;
}

#headerSidebarList .nav .nav-item:not(:first-child) {
    margin-left: 0 !important;
}

.filters1 .divs {
    padding-left: 5px;
    padding-right: 5px;
}

.border-width-4 {
    border: 4px solid #fff;
}

footer *, #sidebarHeader1 * {
    color: #000 !important;
}

footer a:hover, #sidebarHeader1 a:hover {
    color: #677381 !important;
}

.searchContainer a {
    color: #000 !important;
}

#sidebarNav1 .dropdown-item {
    white-space: unset !important;
}

.pagination-shop .page-link.current {
    color: #000000 !important;
}

.nevaaBrand {
    background-color: #180a04;
}

#sideBarFilterContent {
    color: #fff !important;
}

    #sideBarFilterContent .scrollbar {
        background-color: #282828 !important;
    }

    #sideBarFilterContent .sidebar-navbar a {
        color: #fff !important;
    }

.logo {
    filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.7 ))
}

/* Slider Bottom Image Link Styles */
.slider-bottom-images {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
    overflow-x: auto;
    padding-bottom: 15px;
}

.slider-bottom-images li {
    padding: 0 10px;
    margin-bottom: 20px;
    flex: 0 1 auto;
    transition: all 0.3s ease;
}

.slider-bottom-images li img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    transition: transform 0.3s ease;
    max-width: 100%;
}

/* Responsive styles */
@media (max-width: 991.98px) {
    .slider-bottom-images,
    .marquee .slider-bottom-images {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .slider-bottom-images li,
    .marquee .slider-bottom-images li {
        flex: 0 0 48%;
        max-width: 48%;
        margin-bottom: 15px;
    }
}

@media (max-width: 575.98px) {
    .slider-bottom-images li,
    .marquee .slider-bottom-images li {
        flex: 0 0 48%;
        max-width: 48%;
    }

    .slider-owl-next, .slider-owl-prev, .owl-dots {
        display: none !important
    }
}

/* Özel scrollbar stilleri */
.slider-bottom-images::-webkit-scrollbar {
    height: 6px;
}

.slider-bottom-images::-webkit-scrollbar-thumb {
    background: #FFC107;
    border-radius: 10px;
}

.slider-bottom-images::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.product-item-discount-ribbon {
    position: absolute;
    top: 10px;
    left: 10px;
    background: red;
    color: white;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.product-item-discount-ribbon2 {
    position: absolute;
    left: 8px;
    top: 15px;
    background: red;
    color: white;
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    z-index: 10;
    transition: all 0.3s ease;
    text-transform: uppercase;
}


.product-item-discount-ribbon3 {
    position: absolute;
    color: white;
    font-size: 16px;
    font-weight: bold;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 10;
    left: 10px;
    top: 10px;
    padding:5px 10px;
    background-color: red;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

.product-item-vat {
    font-size: 0.8rem;
    font-weight: 700;
    line-height:2rem;
}

.product-item-grossprice {
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: line-through;
}

.nevaa-product-image {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
    margin-bottom: 10px;
}

.detail-product-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .detail-product-detail .list-item {
        border-bottom: 1px solid #ebebeb;
    }

    .nevaa-product-detail-image {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height:400px;
    }

/* İndirim Oranı Ribbon */
.discount-rate-ribbon {
    position: absolute;
    right: -5px;
    top: 85px;
    z-index: 99;
}

.discount-rate-ribbon span {
    position: relative;
    display: block;
    text-align: center;
    background: #28a745;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    padding: 8px 12px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

.discount-rate-ribbon span:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 5px solid #145b25;
    border-right: 0 solid transparent;
    border-top: 0 solid transparent;
    border-bottom: 10px solid transparent;
}

@media (max-width: 767.98px) {
    .discount-rate-ribbon {
        right: 0;
        top: 10px;
    }
    
    .discount-rate-ribbon span {
        font-size: 12px;
        padding: 6px 10px;
    }
}

#sliderSyncingThumb img{
    height: 50px !important;
    object-fit:contain;
    width:100%;
}

.u-slick__arrow-classic {
    z-index: 1;
    line-height: 0;
    display: inline-block;
    color: #fff;
    background-color: #FFC107;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.875rem;
    cursor: pointer;
    transition: 0.3s;
}

    .u-slick__arrow-classic:hover {
        color: #fff;
        background-color: #677381;
    }

.u-slick__arrow-classic-inner:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Marquee stilini düzenliyoruz - yatay görünüm için */
.marquee {
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

.marquee .list-unstyled {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow-x: auto;
    margin: 0;
    padding: 0;
    gap: 15px;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.marquee .list-unstyled li {
    flex: 0 0 auto;
    padding: 0 5px;
    transition: all 0.3s ease;
    width: auto;
    max-width: 250px;
}

.marquee .list-unstyled li img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    transition: transform 0.3s ease;
    object-fit: cover;
}

.marquee .list-unstyled li:hover img {
    transform: scale(1.05);
}

.marquee img {
    padding-right: 10px;
}

/* Marquee scrollbar stilleri */
.marquee .list-unstyled::-webkit-scrollbar {
    height: 6px;
}

.marquee .list-unstyled::-webkit-scrollbar-thumb {
    background: #FFC107;
    border-radius: 10px;
}

.marquee .list-unstyled::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Marquee responsive stil ayarları */
@media (max-width: 991.98px) {
    .marquee .list-unstyled li {
        max-width: 200px;
    }
}

@media (max-width: 767.98px) {
    .marquee .list-unstyled li {
        max-width: 180px;
    }
}

@media (max-width: 575.98px) {
    .marquee .list-unstyled li {
        max-width: 150px;
    }
    
    .marquee .list-unstyled {
        gap: 10px;
    }
}

/* Login butonu için CSS iyileştirmesi */
.btn-header-login,.btn-header-myaccount,.btn-header-shoppingcart {
    display: block;
    color: #000;
    text-decoration: none;
}

.account-container {
    position: relative;
    color: #000;
}

.btn-header-login:hover,
.btn-header-login:hover .account-container,
.btn-header-login:hover i,
.btn-header-login:hover span,
.btn-header-myaccount:hover,
.btn-header-myaccount:hover .account-container,
.btn-header-myaccount:hover i,
.btn-header-myaccount:hover span,
.btn-header-shoppingcart:hover,
.btn-header-shoppingcart:hover .account-container,
.btn-header-shoppingcart:hover i,
.btn-header-shoppingcart:hover span {
    color: #677381 !important;
    text-decoration: none;
}

/* Hamburger menü hover stili */
.u-hamburger {
    transition: all 0.3s ease;
}

.u-hamburger__inner, 
.u-hamburger__inner::before, 
.u-hamburger__inner::after {
    background-color: #000;
    transition: all 0.3s ease;
}

.u-hamburger:hover .u-hamburger__inner, 
.u-hamburger:hover .u-hamburger__inner::before, 
.u-hamburger:hover .u-hamburger__inner::after {
    background-color: #677381 !important;
}

#HomeSubMenu {
    width: unset;
}

.shopping_cart_table .product_qty_col {
    min-width: 180px;
}