@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Quicksand:wght@400;500;600;700&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');

@import url(third-party/bootstrap.min.css);
@import url(third-party/uicons-regular-straight.css);
@import url(plugins/jquery-ui.css);
@import url(plugins/magnific-popup.css);
@import url(plugins/select2.min.css);
@import url(plugins/slick.css);
@import url(plugins/perfect-scrollbar.css);
@import url(default.css);

/* CSS Variables - Font Definitions */
:root {
    --Font-Names-Primary-Font: "Inter", sans-serif;
}

body.no-scroll {
    overflow: hidden !important; /* Body scroll'u tamamen devre dışı bırakır */
}

button#orderEnd {
    border-radius: 200px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-heading,
.display-1,
.display-2,
.heading-sm-1 {
    font-family: "Inter", sans-serif;
}

b {
    font-family: "Inter", sans-serif;
}

.btn {
    font-family: "Inter", sans-serif;
}

.swal-title {
    font-family: "Inter", sans-serif;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: "Inter", sans-serif;
}

.contact-from-area .contact-form-style button {
    font-family: "Inter", sans-serif;
}




.Home-Index .en-sevilenler-heart {
    margin-left: 7px;
}
.pr-slider-title.reveal {
    margin: auto;
    justify-content: center;
    margin-top: 16px;
    color: #374151;
    text-align: center;
    font-family: Inter;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.25px;
}
/* Tam ekran section için padding kaldır */
.hero-section .home-slide-cover-banner {
    padding: 0 !important;
}

.hero-section .hero-slider img {
    border-radius: 0;
}

.hero-section .dot-style-1.dot-style-1-position-1 ul {
    bottom: 20px;
}
#instaGaleriModal{
    top:9%;
}
img.cica-sec {
    max-width: 404px;
}

img.hydra-sec {
    max-width: 542px;
}

section.section-9 {
    background: #fcfcfc;
}

.getXyIcon {
    max-width: 112px;
}

.Home-Index section{
    padding-top:20px;
    padding-bottom:20px;
}
.Home-Index .section-1 {
    padding-top: 0px;
    padding-bottom: 0px;
}
h2.product-box-name-h {
    color: var(--Background-Dark, var(--Grayscale-Background-Dark, #374151));
    font-size: var(--Sizes-Heading-H6, 14px);
    line-height: 18px;
    margin-bottom: 0px;
}

    h2.product-box-name-h .company-name-bold {
        display: block;
        margin-bottom: -13px;
        color: #374151;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }


span.hot.hot-1, span.hot.hot-2, span.hot.hot-3, span.hot.hot-4, span.hot.hot-5, span.hot.hot-6 {
    padding: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    background-color: #FF6A08;
    color: white;
    margin-right: -15px;
    margin-left: -15px;
    position: relative;
    left: 0;
    right: 0;
    top: -8px;
}

/* GetXPayY Kampanya Badge */
.favorite-heart-container {
    position: relative;
}

.campaign-badge {
    position: absolute;
    top: 0px;
    right: 1px;
    width: 50px;
    height: 50px;
    background: #FF6A08;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 0px #c97106;
    z-index: 5;
    overflow: hidden;
}

    .campaign-badge.campaign-badge-pd {
        top: 20px;
        right: 65px;
    }

/* Campaign Badge Bubble Animation */
.campaign-badge::before {
    content: '';
    pointer-events: none;
    opacity: .5;
    background:
        radial-gradient(circle at 20% 30%, transparent 0, transparent 1px, #ffffff 2px, #ffffff 2.5px, transparent 2.5px),
        radial-gradient(circle at 75% 45%, transparent 0, transparent 1px, #ffffff 2px, #ffffff 2.5px, transparent 2.5px),
        radial-gradient(circle at 45% 60%, transparent 0, transparent 1.5px, #ffffff 2.5px, #ffffff 3px, transparent 3px),
        radial-gradient(circle at 65% 25%, transparent 0, transparent 1px, #ffffff 2px, #ffffff 2.5px, transparent 2.5px),
        radial-gradient(circle at 30% 75%, transparent 0, transparent 1px, #ffffff 2px, #ffffff 2.5px, transparent 2.5px);
    width: 100%;
    height: 300%;
    top: 0;
    left: 0;
    position: absolute;
    animation: campaign-bubbles 5s linear infinite both;
}

@keyframes campaign-bubbles {
    from {
        transform: translate(0, 0);
    }
    to {
        transform: translate(0, -66.666%);
    }
}

.campaign-badge-text {
    color: #FFFFFF;
    font-family: "Inter", sans-serif;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    position: relative;
    z-index: 1;
}

/* TBF Sepete Ekle Butonu - SVG İkon */
.product-action .add .addText {
    font-size: 0 !important;
    position: relative;
    /* iOS Safari Fix */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .product-action .add .addText::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: 0px;
        background-image: url(../imgs/theme/tbf/addtocart.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        will-change: auto;
    }

/* TBF - Sepet İkonu Sağ Üst Köşesine + İşareti */
    .product-action .add .addText::after {
        content: '+';
        position: absolute;
        top: 7px;
        right: -33px;
        color: #ff6a08;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        transition: all 0.3s ease;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: auto;
        left: inherit;
    }

.product-action .add:hover .addText::before {
    background-image: url("../imgs/theme/tbf/addtocart.png");
}

/* + İşareti Animasyonu - Sepete Eklenirken */
.product-action .add.adding .addText::after {
    animation: plusBounce 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    /* iOS Safari Fix: will-change animasyon sırasında aktif */
    will-change: transform;
}

@keyframes plusBounce {
    0% {
        transform: scale(1) rotate(0deg) translateZ(0);
    }
    25% {
        transform: scale(1.4) rotate(90deg) translateZ(0);
    }
    50% {
        transform: scale(1.2) rotate(180deg) translateZ(0);
    }
    75% {
        transform: scale(1.3) rotate(270deg) translateZ(0);
    }
    100% {
        transform: scale(1) rotate(360deg) translateZ(0);
    }
}

/* iOS Safari için WebKit prefix */
@-webkit-keyframes plusBounce {
    0% {
        -webkit-transform: scale(1) rotate(0deg) translateZ(0);
    }
    25% {
        -webkit-transform: scale(1.4) rotate(90deg) translateZ(0);
    }
    50% {
        -webkit-transform: scale(1.2) rotate(180deg) translateZ(0);
    }
    75% {
        -webkit-transform: scale(1.3) rotate(270deg) translateZ(0);
    }
    100% {
        -webkit-transform: scale(1) rotate(360deg) translateZ(0);
    }
}

.pr-slider-title {
    color: #53565a;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0px;
    margin-top: 10px;
}

.product-price {
    position: relative;
}

main.main.product-detail-main {
    background: #ffe6d7;
}

#moneyPoint-use-div, #coupon-use-div {
    display: flex;
}

.getXyText {
    margin-left: -10px;
    font-size: 13px;
    color: #000000;
    background: #ddfff7;
    padding: 8px;
    border-radius: 5px;
    margin-right: -11px;
    top: 0px;
}



.getXyIconpd {
    position: absolute;
    right: 0;
}

.product-content-wrap {
    position: relative;
}

.banner-https\:\/\/www\.sinoz\.com\.tr\/the-bath-factory-24-c {
    width: 100%;
    font-family: "Inter", sans-serif;
}

select#cc-expire-month, select#cc-expire-year, input#cc-cvv {
    padding: 9px;
}

.cart-product-item gift-item .shopping-cart-img img {
    max-width: 70px;
}

.en-sevilenler-heart {
    content: url(/themes/sinoz/imgs/theme/icons/kalp.png) !important;
    max-width: 35px;
    margin-left: -3px;
    margin-right: 10px;
    border-radius: 5px !important;
}

.sslimg {
    max-width: 250px;
}

/*Cookie*/
div#cookieseal-banner {
    max-width: 28% !important;
}

#cookieseal-banner .cookieseal-banner-body {
    padding: 1em;
    flex-direction: column;
    justify-content: space-between;
    gap: 2em;
}

/*Cookie*/
.productBox-1,
.productBox-2 {
    background: #f4f6fa;
    position: relative;
    text-align: center
}

.card,
.card-login .social-login {
    display: -webkit-box;
    display: -ms-flexbox
}

button.btn-close.close-3d {
    position: absolute;
    right: 28%;
    top: 13%;
    background: black;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    opacity: inherit;
    color: white;
}

table,
table td,
table th,
table thead > tr > th {
    vertical-align: middle
}

.productBox-1 {
    border: 1px solid #f4f6fa;
    border-radius: 10px;
    padding: 40px 30px 28px;
    margin-bottom: 20px;
    min-height: 215px;
    -webkit-transition: .2s;
    transition: .2s
}

.product-detail-name {
    padding-bottom: 5px;
    color: var(--Background-Dark, var(--Grayscale-Background-Dark, #11161D));
    font-family: "Inter", sans-serif;
    font-size: var(--Sizes-Heading-H1, 28px);
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
}

.product-detail-description p {
    color: #787878;
    font-size: 15px;
}

.product-detail-subTitle {
    color: #000000;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
    margin-top: 10px;
}

.ratingAndSubtitle {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.ratingBox {
    min-width: 100px;
}

.commentCount {
    position: relative;
    bottom: 0.1px;
    color: rgb(70 65 65);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.product-spot span,
.product-spot span * .product-spot ul li span {
    font-size: 15px !important;
    color: #000
}

.product-detail-description p {
    color: #787878;
    font-size: 15px;
}

.product-spot a,
.product-spot a span {
    color: green !important
}

.product-spot li::before {
    content: "-"
}

img.default-img.lazy {
    max-width: 91%;
    margin: auto;
}

.note-box {
    display: none;
}

span.note-box-open {
    color: #009688;
    cursor: pointer;
}

.breadcrumb span::before,
.breadcrumb ul li::before {
    content: "\f111";
    font-size: 9px;
    font-family: uicons-regular-straight !important
}

.ortRate {
    font-family: "Inter", sans-serif;
    color: #13c213;
    font-size: 19px;
    font-weight: 700;
    position: absolute;
    left: 66px;
    bottom: -7px;
}

.totall-product * {
    font-size: 13px;
}

.progress-container {
    background: #eee;
    border: 1px solid #ecebec;
    height: 6px;
    width: 100%;
    margin: 13px 0;
    position: relative;
}

.progress-bar {
    height: 100%;
    background: linear-gradient(to right, #ffa307, #f49136);
    width: 0%;
    transition: width 0.5s ease-in-out;
    padding-right: 46px;
    padding-left: 9px;
    margin-left: 0px;
    border-radius: 8px 0px 0px 0px;
}

p.cargobar {
    font-size: 12px;
    color: black;
}

.price-child {
    display: flex;
    flex-direction: column;
}

p.cargobar span {
    color: red;
}

.nopaycar {
    color: #121010 !important
}

.mt-10.mb-10.pd-category-name {
    font-size: 12px;
}

span.progressSpan {
    position: absolute;
    left: 0%;
    top: -225%;
    background: white;
    padding: 0px 5px;
    font-weight: bold;
    color: #077e51;
    font-size: 11px;
}

.noThumb {
    max-height: 250px;
    overflow-x: overlay;
}

.gallery-close {
    position: absolute;
    right: 0;
    z-index: 9;
    font-size: 20px;
    color: white;
    fill: white;
}

.short-desc.product-spot {
    color: #666464;
    font-size: 13px;
}

label.form-check-label.d-flex.align-items-center.orderKvkkLabel {
    line-height: 1;
}

.productBox-1:hover,
.productBox-2:hover {
    background: #fff;
    border: 1px solid #bce3c9;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    -webkit-transition: .2s;
    transition: .2s
}

.productBox-1 figure {
    text-align: center;
    margin-bottom: 20px
}

    .productBox-1 figure img,
    .productBox-2 figure img {
        border-radius: 10px;
        display: inline-block;
        max-width: 80px
    }

.cart-dropdown-wrap ul li:last-child,
.footer-list li:last-child,
.product-more-infor li:last-child,
.product-cart-wrap .product-content-wrap h2 a,
.product-cart-wrap .product-stock .product-stock-status .stock-status-same-style span.label,
.product-list-small h6 a,
.productBox-1 h6 a,
.productBox-2 h6 a,
.tags-list li.active a {
    margin: 0
}

.bottom-center-footer ul {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.bottom-center-footer {
    margin-bottom: 0px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

    .bottom-center-footer ul li {
        font-size: 12px;
        color: #ffffff;
        list-style: disc !important;
    }


.glassIcon {
    max-width: 29px;
    -ms-transform: rotate(-20deg);
    transform: rotate(35deg);
    position: relative;
    top: 8px;
    right: 2px;
}

.productBox-2 {
    border: 1px solid #f4f6fa;
    border-radius: 10px;
    padding: 20px 0 18px;
    margin-bottom: 0;
    min-height: 180px;
    -webkit-transition: .2s;
    transition: .2s
}

.button-add-to-cart {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 40px;
    border-radius: 20px !important;
    width: auto !important;
    background: #53565a;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .button-add-to-cart:focus {
        background: #76a769;
        color: #fff !important;
        outline: 2px solid #4c8a3f;
        box-shadow: 0 0 0 3px rgba(118, 167, 105, 0.3);
    }

    .button-add-to-cart:active {
        transform: scale(0.98);
        background: #5c9350;
        border-color: #4c8a3f;
    }

.product-extra-link2 .button.button-add-to-cart i {
    margin-right: 10px;
    color: #fff !important;
    opacity: 1 !important;
}

.descriptionpd {
    margin: 20px 0px;
}

.singlepdh3 {
    font-size: 25px;
}

a.button.button-add-to-cart.single-add-to-cart {
    background: none;
    border: 1px solid black;
    color: black !important;
    margin-top: 50px;
    max-width: 52% !important;
}

.productBox-2 figure {
    text-align: center;
    margin-bottom: 10px
}

.pdsingleDetail {
    padding-top: 90px;
}

.featured-card h4,
.featured-card img,
.featured-card p,
.single-header {
    margin-bottom: 30px
}


.categoryIcon-title {
    font-size: 15px !important
}

.productSlider-columns .productBoxMain .product-cart-wrap {
    padding: 0 !important;
    margin: 0
}

.card {
    position: relative;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ececec;
    border-radius: .25rem
}

.deal,
.heading-tab {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.card .card-header {
    padding: 1rem;
    margin-bottom: 0;
    background-color: #f7f8f9;
    border-bottom: 1px solid #ececec
}

.featured-card {
    padding: 15px 30px;
    border-radius: 15px;
    border: 1px solid #ececec;
    background: #fff;
    min-height: 360px
}

    .featured-card img {
        width: 100px
    }

    .featured-card p {
        font-size: 17px
    }

    .banner-img.style-6 .banner-text h6,
    .featured-card a,
    span.fi-rs-apps {
        font-size: 16px
    }

    .featured-card:hover,
    .shop-product-fillter .sort-by-product-area .sort-by-product-wrap:hover {
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, .05)
    }

.address-box,
.payment-type-table {
    -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%)
}

.od-img {
    max-width: 50px;
    border-radius: 5px;
    margin-right: 5px;
    border: 1px solid #9f7b9f
}

.account .card .card-header {
    border: 0;
    background: 0 0
}

.account .card table td,
.account .card table th,
.shopping-summery table td,
.shopping-summery table th,
.shopping-summery table thead,
.table-wishlist,
table.no-border td,
table.no-border th,
table.no-border thead {
    border: 0
}

.account .card .table > thead {
    font-family: "Inter", sans-serif;
    font-size: 17px
}

.address-box {
    border: 1px solid #ececec;
    border-radius: 15px;
    box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    cursor: pointer;
    flex: 1;
    max-width: 225px
}

    .address-box .card-footer,
    .address-box .card-header,
    button.btn.btn-small.txtSearch.txtSearchMob {
        background: 0 0 !important
    }

.des-search-container {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    background: #FFE6D7;
    margin: 0;
    z-index: 999;
    opacity: .98
}

.close-search {
    max-width: 45px;
    position: absolute;
    right: 7%;
    top: 4%;
}

.des-search-icon, .close-search {
    cursor: pointer;
}

.card-login {
    padding: 50px;
    border-radius: 15px;
    border: 1px solid #ececec;
    margin-left: 30px
}

.registered-address-head,
.registered-invoice-address-head {
    border: 1px solid #ecebec;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    cursor: pointer
}

.order-summary-item .product-thumbnail {
    max-width: 80px;
    margin-right: 7px;
    margin-top: 10px;
}


.card-login .social-login {
    font-size: 20px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 15px 25px;
    border-radius: 10px;
    margin-bottom: 20px;
    -webkit-transition: .3s;
    transition: .3s
}

    .card-login .social-login img {
        min-width: 28px;
        max-width: 28px;
        margin-right: 15px
    }

    .card-login .social-login.facebook-login {
        background-color: #1877f2;
        color: #fff
    }

    .card-login .social-login.google-login {
        background-color: #fff;
        color: #4c4646;
        border: 1px solid #f2f3f4
    }

    .card-login .social-login.apple-login {
        background-color: #000;
        color: #fff;
        margin-bottom: 0
    }

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    color: #53565a;
    background-color: #fde1bd
}

.card-login .social-login:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05)
}

figure.zoom {
    background-position: 50% 50%;
    overflow: hidden;
    cursor: zoom-in
}

    .slider-nav-thumbnails button,
    figure.zoom .figureImg:hover {
        opacity: 0
    }

    figure.zoom img {
        transition: opacity .5s;
        display: block;
        width: 100%
    }

.nav-tabs {
    border: 0;
    margin-bottom: 4px
}

    .nav-tabs .nav-link {
        background-color: #eee;
        font-size: 15px;
        margin: 0 10px;
        color: #444;
        border-radius: 4px;
        padding: 15px 24px;
        -webkit-transition: .2s;
        transition: .2s;
        border: 0;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        line-height: 1
    }

.dashboard-menu ul li a,
.tab-header .view-more {
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

.nav-tabs .nav-link:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transition: .2s;
    transition: .2s
}

.nav-tabs .nav-link:first-child {
    margin-left: 0 !important;
    padding-left: 0 !important
}

.nav-tabs.links .nav-link {
    padding: 0 10px;
    background: 0 0;
    font-size: 16px;
    color: #222222
}

.nav-tabs.no-border,
.widget_categories li.cat-item:last-child {
    border: none
}

.categories-dropdown-wrap ul.end li,
.footer-link-widget:not(:last-child),
.header-action.header-action-hm3 .header-action-icon.header-action-mrg-none2,
.header-action.header-action-hm3 .header-action-icon:last-child,
.mobile-social-icon a:last-child,
.nav-tabs.right .nav-item:last-child .nav-link,
.widget-category-2 ul.end li {
    margin-right: 0
}

.nav.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}



/*Footer Flag*/
.globalFlag {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .globalFlag img {
        max-width: 24px;
        margin-right: 6px;
    }

    .globalFlag a {
        color: #467e80;
        margin-left: 5px;
    }

.flagH4 {
    font-size: 16px;
    margin: 14px 0px;
    color: #981212;
}
.bannerImgUrl video.desktop-only {
    max-width: 100% !important;
}
.globalFlagBox {
    margin-top: 20px;
}
/*Footer Flag*/

/* nav */

/*.tum-urunler-a {
    color: #53565a !important;
    font-weight: 600 !important;
}*/
.active-item span {
    color: #53565a !important;
}

.header-a:hover > span {
    color: #000000 !important;
}

/* btn-13 */
.header-nav-ul {
    position: relative;
}


.account-customer-name {
    text-transform: capitalize;
    color: #026654;
    font-weight: 400;
}

.dashboard-menu ul {
    padding: 0;
    margin: 0
}

    .dashboard-menu ul li {
        position: relative;
        border-radius: 5px;
        border: 1px solid #ececec
    }

        .dashboard-menu ul li a {
            font-size: 16px;
            color: #4c4646;
            padding: 15px 30px;
            border-radius: 5px;
            padding: 10px 30px;
            display: flex;
            align-items: flex-start;
        }

            .dashboard-menu ul li a i {
                color: #000000;
                font-size: 19px;
                opacity: 1;
            }

            .dashboard-menu ul li a.active {
                color: #fff;
                background-color: #80a575;
            }

                .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a.outline:hover,
                .dashboard-menu ul li a.active i,
                .header-style.header-style-5 .main-menu > nav > ul > li > a,
                .main-menu.main-menu-light-white > nav > ul > li > a,
                .sort-by-dropdown ul li a.active:hover::before {
                    color: #fff
                }

        .contact-infor li:not(:last-child),
        .dashboard-menu ul li:not(:last-child),
        .payment_option .custome-radio {
            margin-bottom: 10px
        }

.detail-info .product-price-cover,
.single-header .single-header-meta,
.tab-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .bar,
    .deal,
    .tab-header .view-more {
        display: -webkit-box;
        display: -ms-flexbox
    }

    .tab-header .view-more {
        font-size: 13px;
        display: flex;
        border-bottom: 2px solid #cce7d0;
        margin-bottom: 20px
    }

        .tab-header .view-more i {
            margin-left: 5px;
            margin-top: 5px;
            -webkit-transition: .5s;
            transition: .5s
        }

        .tab-header .view-more:hover i {
            -webkit-transform: translateX(5px);
            transform: translateX(5px);
            -webkit-transition: .5s;
            transition: .5s
        }


.contact-head {
    border-bottom: 1px solid;
    padding-bottom: 15px;
}

.img-grey-hover {
    opacity: .5;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hotline i,
.preloader {
    opacity: .7
}

.img-grey-hover:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.brand-logo img {
    width: auto;
    display: inline-block;
    padding: 10px 0
}

.heading-tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.preloader {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    -webkit-transition: .6s;
    transition: .6s;
    margin: 0 auto
}

    .preloader img.jump {
        max-height: 100px
    }

.bar,
.loader {
    width: 100px;
    height: 20px
}

.bar {
    position: absolute;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .bar::after,
    .bar::before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        background: #53565a;
        opacity: 0;
        border-radius: 10px;
        -webkit-animation: 3s ease-in-out infinite slideleft;
        animation: 3s ease-in-out infinite slideleft
    }

.bar1::before {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms
}

.bar1::after {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.bar2::before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.bar2::after {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.bar3::before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.bar3::after {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.page-header .page-title {
    font-weight: 900;
    font-size: 4rem
}

.page-header.breadcrumb-wrap {
    padding: 10px 10px 0px 15px;
}

.whatsappHeaderLink {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.breadcrumb {
    display: inline-block;
    padding: 0;
    text-transform: capitalize;
    color: #877b7b;
    font-size: 11px;
    font-weight: 500;
    background: 0 0;
    margin: 0;
    border-radius: 0;
}

    .breadcrumb span {
        position: relative;
        text-align: center;
        padding: 0 10px
    }

        .breadcrumb span::before {
            display: inline-block
        }

    .breadcrumb,
    .breadcrumb ul {
        display: flex;
        align-items: center
    }

        .breadcrumb ul li::before {
            display: inline-block;
            margin: 0 2px
        }

table {
    width: 100%;
    margin-bottom: 1.5rem;
    border-collapse: collapse
}

    table td,
    table th {
        padding: 10px 20px;
        border: 1px solid #ececec
    }

    table thead > tr > th {
        border-bottom: 0
    }

    .main-menu > nav > ul > li ul.mega-menu li ul li:last-child,
    .main-menu > nav > ul > li ul.mega-menu li:last-child,
    .main-menu > nav > ul > li ul.sub-menu li:last-child,
    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:last-child,
    table p {
        margin-bottom: 0
    }

    table.clean td,
    table.clean th {
        border: 0;
        border-top: 1px solid #ececec
    }

    table .product-thumbnail img {
        max-width: 80px
    }

.divider {
    position: relative;
    overflow: hidden;
    height: 4px;
    z-index: 9
}

    .divider.center_icon {
        text-align: center;
        height: auto
    }

    .divider::after,
    .divider::before {
        content: '';
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        height: 0;
        border-top: 1px solid #ececec;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .divider::before {
        margin-top: -1px
    }

    .divider::after {
        margin-top: 1px
    }

    .divider i {
        background-color: #fff;
        color: #aaa;
        position: relative;
        z-index: 1;
        font-size: 20px;
        padding: 0 20px;
        line-height: 1
    }

.divider-2 {
    width: 100%;
    height: 1px;
    background-color: #9d9d9d;
}

.bg-square {
    position: absolute;
    left: auto;
    top: 150px;
    right: 0;
    bottom: auto;
    width: 100%;
    height: 100%;
    max-width: 45%;
    min-width: 300px;
    background-color: #f3fbf5;
    z-index: -1;
    max-height: 1200px
}

.bg-green {
    background-color: #cee8e0
}

.custom-modal .modal-dialog {
    max-width: 888px !important;
    border-radius: 0;
    overflow: hidden;
    border: 0;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important
}
.modal-content {

    background-color: #ffe6d7 !important;

}
    .custom-modal .modal-dialog .modal-content {
        border-radius: 25px;
        padding: 25px;
        border: 1px solid #ff6a08;
    }

    .custom-modal .modal-dialog .btn-close {
        position: absolute;
        right: 30px;
        top: 30px;
        z-index: 2
    }

.short-list-btn {
    position: absolute;
    right: 30px;
    top: 18px;
    z-index: 2;
    background: 0 0;
    border: 1px solid #919191;
    border-radius: 5px
}

.email-input-container {
    position: relative;
    display: inline-block;
}

.tooltip {
    background-color: #8eb780;
    color: white;
    position: absolute;
    right: -215px;
    top: -60px;
    margin-top: 5px;
    border: 1px solid #cccccc;
    border-radius: 37px 5px 61px 0px;
    font-size: 14px;
    opacity: 1;
    padding: 20px;
    left: 176px;
}

.stock-modal-product-img {
    max-width: 70px
}

/* Product Stock Modal - ProductBox içinde olsa bile tam ekran açılır */
.product-stock-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99999 !important;
    overflow-y: auto !important;
}

.product-stock-modal .modal-dialog {
    position: relative !important;
    margin: 0 auto !important;
}

.custom-modal.show,
.modal-open,
.order-customer-addres-box,
.ui-menu .ui-menu-item-wrapper {
    padding: 0 !important
}

.banner-left-icon {
    position: relative;
    background: #f4f6fa;
    padding: 20px;
    border-radius: 10px;
    min-height: 115px
}

    .banner-left-icon:hover .banner-icon {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .banner-left-icon .banner-icon {
        max-width: 60px;
        margin-right: 20px;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .banner-left-icon .banner-text h3 {
        color: #242424;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px
    }

    .banner-left-icon .banner-text p {
        margin-bottom: 0;
        color: #adadad
    }

    .banner-left-icon.style-2 {
        position: relative;
        border: 1px solid #ececec;
        padding: 20px
    }

.banner-img,
.banner-img img,
.product-list-small figure img {
    border-radius: 10px;
}

    .banner-img.style-2,
    .banner-img.style-3 {
        border-radius: 15px;
        overflow: hidden;
        width: 100%
    }

.banner-img {
    position: relative;
    clear: both;
    overflow: hidden
}

    .banner-img:hover img {
        opacity: .9
    }

    .banner-img.banner-1 .banner-text {
        top: 30%
    }

    .banner-img.banner-1.home-3 {
        margin-bottom: 24px;
        border-radius: 10px;
        overflow: hidden;
        max-height: 348px
    }

    .banner-img.banner-2 .banner-text {
        right: 10px
    }

    .banner-img .banner-text {
        position: absolute;
        top: 50%;
        z-index: 2;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 50px
    }

        .banner-img .banner-text span,
        .detail-gallery .product-image-slider button.slick-arrow i {
            color: #909090;
            padding: 5px;
            border: 1px solid #bdbdbd;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 5px;
            margin: 10px;
        }

.tumUrunler-slider .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -5px;
}

    .tumUrunler-slider .slick-dots li {
        margin: 3px;
    }

        .tumUrunler-slider .slick-dots li button {
            border-radius: 50% !important;
            padding: 5px;
            width: 5px;
            height: 5px;
            position: relative;
            overflow: hidden;
            border: none;
            font-size: 1px;
        }

    .tumUrunler-slider .slick-dots .slick-active button {
        color: #91c39c;
        background: #91c39c;
    }

.footer-bottom-img {
    max-width: 75px;
}



.orderLeftBox-addres {
    padding: 2px;
    background: #f2f2f2;
    border-radius: 16px;
    padding-left: 60px;
}

.order-form-row {
    gap: 30px;
}

.order-right-box {
    padding: 0px 15px;
    background: #f2f2f2;
    border-radius: 16px;
}

.banner-img .banner-text h4 {
    font-weight: 500;
    margin-bottom: 15px;
    min-height: 100px
}


.banner-img .banner-text:hover h4 {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.banner-img .banner-text a i {
    margin-left: 5px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-size: 10px
}

.banner-img .banner-text a:hover i,
.deal .btn:hover i {
    margin-left: 10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.deal .btn i,
.footer-list li {
    -webkit-transition-duration: .3s
}

.footer-logo {
    max-width: 181px;
    margin-left: 0px;
    margin-bottom: 30px;
}

.footerBox {
    background: #FF6A08;
    overflow: hidden;
}

.banner-img.style-2 {
    height: 520px;
    background: url(../themes/cosmetic/imgs/banner/banner-4.jpg) center bottom/cover no-repeat
}

    .banner-img.style-2 .banner-text,
    .banner-img.style-3 .banner-text {
        top: 50px;
        -webkit-transform: none;
        transform: none
    }

.banner-img.style-3 {
    height: 538px;
    background: url(../themes/cosmetic/imgs/banner/banner-11.png) center bottom/cover no-repeat
}

.banner-img.style-4 .banner-text h4 {
    font-size: 28px
}

.banner-img.style-5 .banner-text {
    right: 0;
    padding: 0 30px
}

.banner-img.style-6 .banner-text {
    right: 0;
    padding: 0 20px 0 0
}

.banner-big .btn {
    background: #53565a !important;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
    padding: 10px 22px;
    border: 0
}

    .banner-big .btn:hover {
        background: #FF6A08 !important
    }


.deal {
    width: 100%;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background-color: #fff;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    min-height: 420px
}

    .deal > div,
    .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap a img,
    .product-cart-wrap .product-img-action-wrap .product-img a img {
        width: 100%
    }

    .deal h2 {
        color: #fd6e6e;
        font-weight: 600;
        font-size: 26px;
        line-height: 1.1;
        margin-bottom: 5px
    }

    .deal h5 {
        color: #242424;
        font-weight: 400;
        letter-spacing: 0;
        margin-bottom: 20px;
        max-width: 240px
    }

    .deal .deal-content {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .deal .product-title {
        max-width: 57%;
        margin-bottom: 20px;
        font-size: 45px;
        line-height: 1.23
    }

    .deal .btn {
        background: #53565a;
        border: 0;
        color: #fff;
        border-radius: 4px;
        font-size: 14px;
        padding: 10px 24px
    }

.page-404,
.sticky-bar.stick.sticky-white-bg {
    background-color: #fff
}

.deal .btn i {
    margin-left: 5px;
    transition-duration: .3s;
    font-size: 12px
}

.deal .deal-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}



.banner-bg {
    background-position: center;
    background-size: cover;
    padding: 50px
}

.banner-features {
    text-align: center;
    padding: 25px 15px;
    border-radius: 4px;
    border: 1px solid #ececec;
    -webkit-box-shadow: 20px 20px 54px rgba(0, 0, 0, .03);
    box-shadow: 20px 20px 54px rgba(0, 0, 0, .03)
}

    .banner-features:hover {
        -webkit-box-shadow: 20px 20px 54px rgba(0, 0, 0, .05);
        box-shadow: 20px 20px 54px rgba(0, 0, 0, .05)
    }

    .banner-features img {
        display: inline-block;
        margin-bottom: 15px
    }

    .banner-features h4 {
        font-size: 13px;
        font-weight: 500;
        display: inline-block;
        padding: 9px 8px 6px;
        line-height: 1;
        border-radius: 4px;
        color: #53565a
    }

.basketTotalItemCountBox {
    margin-bottom: 10px;
    margin-left: -10px;
    margin-right: -12px;
    border-radius: 5px;
    font-size: 12px;
}

    .basketTotalItemCountBox span {
    }

.single-content > ol {
    list-style-type: decimal;
    margin-bottom: 30px;
    padding-left: 1em
}

    .single-content > ol li:not(:last-child) {
        margin-bottom: 16px
    }

    .single-content > ol ol {
        list-style-type: lower-alpha;
        margin: 20px 0 30px;
        padding-left: 25px
    }

        .single-content > ol ol ol {
            list-style-type: lower-roman
        }

.page-404 img {
    max-width: 480px;
}

    .page-404 img.logo {
        max-width: 150px
    }

.page-404 .search-form {
    max-width: 400px;
    margin: 0 auto
}

#ui-id-1 {
    z-index: 999;
}

.product-cart-wrap {
    position: relative;
    border-radius: 0px;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    border: none;
    padding: 0px 0px;
    overflow: hidden;
    border: none;
    border-radius: 20px;
    border-radius: 20px;
    background: #FFEDE3;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}


    .product-cart-wrap .product-img-action-wrap {
        position: relative;
        background-color: #ead0b9;
        border-radius: 0px !important;
    }

        .product-cart-wrap .product-img-action-wrap .product-img {
            position: relative;
            border-radius: 0px;
            display: flex;
            align-items: center;
        }

            .product-cart-wrap .product-img-action-wrap .product-img a {
                overflow: hidden;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .product-cart-wrap .product-img-action-wrap .product-img a img.hover-img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 2;
                    opacity: 0;
                    visibility: hidden;
                    transition: opacity .25s, visibility .25s, transform 1.5s cubic-bezier(0, 0, .2, 1), -webkit-transform 1.5s cubic-bezier(0, 0, .2, 1)
                }

    .apply-coupon,
    .product-cart-wrap .product-badges,
    .product-cart-wrap .product-content-wrap .rating-result {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .product-cart-wrap .product-badges.product-badges-position {
            position: absolute;
            left: 13px;
            top: 13px;
            z-index: 9;
            display: flex;
            width: 92%;
            flex-basis: 0;
            flex-grow: 1;
            color: black;
            justify-content: space-between;
        }

.couponBox {
    display: block;
    padding: 0px;
    max-width: 99%;
    margin: 20px 0px 10px 0px;
}

.coupon-toggle {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 10px;
}

.coupon-btn {
    background: #ff6a08 !important;
    color: white !important;
    border-radius: 16px;
    padding: 5px;
}

.product-badges span {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

    .product-badges span:last-child {
        border-right: none !important;
        margin-right: 0
    }

    .product-badges span.hot {
        min-width: 40px;
        padding: 2px;
        display: inline-block;
        align-items: center;
        max-width: 60px !important;
        flex-wrap: wrap;
        min-height: 40px;
        border-radius: 200px;
        background: #ff6a08;
        overflow: hidden;
        color: #ffffff;
        text-overflow: ellipsis;
        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 34px;
        text-transform: uppercase;
        top: -8px;
        position: relative;
        left: -10px;
    }



    .product-badges span.hot-1 {
        color: white !important;
        font-size: 11px !important;
        background: #fd6e03;
        min-height: 40px !important;
        line-height: 15px;
    }

    .product-badges span.hot-2 {
        background-color: #6262c6
    }

    .product-badges span.hot-3 {
        background-color: #f74b81
    }

    .product-badges span.hot-4 {
        background-color: #069ad2
    }

    .product-badges span.hot-5 {
        background-color: #3b4bc2
    }

    .product-badges span.hot-6 {
        background-color: #bc1247
    }

    .apply-coupon button:hover,
    .header-action .header-action-icon-2 > a span.pro-count.blue,
    .header-action .header-action-icon > a span.pro-count.blue,
    .product-badges span.new,
    .progress-bar {
        background-color: #e95b18;
    }



    .product-badges span.sale {
        background-color: #67bcee
    }

    .product-badges span.best {
        background-color: #f59758
    }

.product-cart-wrap .product-content-wrap {
    padding: 7px 10px 10px 10px;
    display: flex;
    flex-direction: column;
    min-height: 160px;
    background: #FFEDE3;
    justify-content: space-evenly;
}

    .product-cart-wrap .product-content-wrap .product-category a {
        color: #53565a;
        font-size: 12px
    }

.addText,
.find-product-box .product-cart-wrap .product-content-wrap h2 {
    font-size: 14px;
}



.product-cart-wrap .product-content-wrap .product-price .old-price {
    font-family: "Inter", sans-serif;
    font-size: var(--Sizes-Heading-H4, 16px);
    font-style: normal;
    line-height: 120%;
    text-transform: uppercase;
    color: #517F4E;
    font-weight: 100;
}

.product-cart-wrap .product-content-wrap .product-price span {
    margin: 0 5px 0 0px;
    font-family: "Inter", sans-serif;
    font-size: var(--Sizes-Heading-H4, 15px);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    color: #374151;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

    .product-cart-wrap .product-content-wrap .product-price span.old-price {
        font-size: 14px;
        color: #7c7979;
        margin: 0 5px 0 0px;
        text-decoration: line-through;
        font-weight: 400;
    }

.product-cart-wrap .product-content-wrap .rating-result > span {
    display: block;
    overflow: hidden;
    margin-left: 5px
}

.product-cart-wrap .product-content-wrap .rating-result::before {
    font-family: uicons-regular-straight !important;
    font-size: 11px;
    letter-spacing: 2px;
    content: '\f225' '\f225' '\f225' '\f225' '\f225';
    color: #f90
}

.product-cart-wrap .product-content-wrap .add-to-cart {
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    background-color: #f5f5f5;
    text-align: center;
    display: block;
    color: #222222;
    font-size: 16px;
    position: absolute;
    bottom: 25px;
    right: 20px;
    font-weight: 300
}

    .header-bottom .header-action-right a span.pro-count,
    .product-cart-wrap .product-content-wrap .add-to-cart:hover,
    .product-extra-link2 a:hover,
    .sort-by-dropdown ul li a:hover {
        background-color: #FF6A08;
        color: #ffffff !important;
    }

.button-add-to-cart:hover img {
    fill: #013B30 !important;
}

.product-cart-wrap .product-content-wrap .add-to-cart img {
    width: 20px;
    display: inline-block;
    margin-top: 11px
}

.product-cart-wrap .product-card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0;
    flex-direction: column
}

    .loadMore:hover,
    .product-cart-wrap .product-card-bottom .add-cart {
        cursor: pointer
    }


.stock-btn .addText {
    background-color: #ff6a08;
    color: #ffffff;
    width: 80px;
    font-size: 13px;
    border-radius: 16px;
    bottom: 122%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 2px 4px;
    overflow: hidden;
    box-shadow: none;
}

.pdThumbBox {
    max-height: 425px;
    overflow-y: scroll;
}

.pd-stock-btn {
    background: #565453 !important;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

.stock-icon-text {
    position: absolute;
    top: -12px;
    left: 30px;
    background: #fff;
    padding: 2px 5px
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 8px 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 8px 0
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 8px 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 8px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 8px 0
    }
}

.swal-button, .btn-primary {
    background-color: #FF6A08 !important;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    border-radius: 0px !important;
}

.swal-button--cancel {
    background: #53565a !important;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

.swal-footer {
    text-align: center
}

.swal-button, .swal-button * {
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    transform: none !important;
    zoom: 1 !important;
    font-family: "Inter", sans-serif;
    font-size: 15px !important;
    image-rendering: -webkit-optimize-contrast !important;
    background-color: #FF6A08 !important;
}
    .swal-button--cancel, .swal-button:not([disabled]):hover {
        background-color: dimgrey !important;
    }


.product-cart-wrap .product-stock .status-bar {
    background-color: #ededed;
    margin: 0 0 10px;
    border-radius: 5px
}

    .product-cart-wrap .product-stock .status-bar .sold-bar {
        background-image: linear-gradient(235deg,#53565a 0, #77ccfd 100%);
        border-radius: 4px;
        height: 8px
    }

        .product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-33 {
            width: 33.333333333333%
        }

        .product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-10 {
            width: 10%
        }

        .product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-40 {
            width: 40%
        }

        .product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-6 {
            width: 6.6666666666667%
        }

        .product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-42 {
            width: 42.857142857143%
        }

.product-cart-wrap .product-stock .product-stock-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .product-cart-wrap .product-stock .product-stock-status .sold {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: 20px
    }

    .product-cart-wrap .product-stock .product-stock-status .available {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .product-cart-wrap .product-stock .product-stock-status .stock-status-same-style span {
        font-size: 15px
    }

        .product-cart-wrap .product-stock .product-stock-status .stock-status-same-style span.value {
            font-weight: 500;
            color: #333
        }

.product-cart-wrap .progress {
    height: 5px
}

.product-cart-wrap:hover .product-img-action-wrap .product-img a img.hover-img,
.sort-by-dropdown.show {
    opacity: 1;
    visibility: visible
}

.product-cart-wrap.small {
    border: 0;
    text-align: center
}

    .product-cart-wrap.small .rating-result {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .product-cart-wrap.small .product-content-wrap {
        padding: 5px 15px 0
    }

    .product-cart-wrap.small .product-price {
        padding-top: 0
    }

    .categories-dropdown-wrap.style-2 ul li:hover,
    .product-cart-wrap.small:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .product-cart-wrap.small h2 {
        border-bottom: 0;
        padding: 0;
        margin-bottom: 0
    }

.small .product-badges span {
    font-size: 10px
}

.product-cart-wrap.style-2 {
    border: 0;
    padding-bottom: 25px
}

    .product-cart-wrap.style-2:hover {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .product-cart-wrap.style-2 .product-img-action-wrap {
        padding: 0;
        position: relative;
        z-index: 1;
        max-height: unset
    }

        .product-cart-wrap.style-2 .product-img-action-wrap img,
        .table.table-compare {
            border-radius: 15px
        }

    .product-cart-wrap.style-2 .product-content-wrap {
        position: relative;
        margin-top: -90px;
        z-index: 3;
        padding: 0;
        max-width: 86%;
        margin-left: auto;
        margin-right: auto;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

        .product-cart-wrap.style-2 .product-content-wrap .deals-content {
            margin: 0 auto;
            background-color: #fff;
            border-radius: 10px;
            -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
            box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
            padding: 25px 30px
        }



    .product-cart-wrap.style-2:hover .product-content-wrap {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

.product-price {
    font-family: "Inter", sans-serif;
}

.product-list-small article:not(:last-child) {
    margin-bottom: 20px
}

.product-list-small .product-price {
    color: #53565a;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px
}

    .product-list-small .product-price span.old-price {
        font-size: 14px;
        color: #adadad;
        margin: 0 0 0 7px;
        text-decoration: line-through
    }

.range .list-group-item {
    position: relative;
    display: block;
    padding: 0 5px 0 0;
    background: 0 0;
    border: 0;
    max-height: 415px;
    overflow-y: scroll
}

ul.shoppingCartProduct {
    overflow: auto;
    max-height: 72%;
}

.range .short-list-item {
    max-height: 140px
}

.range .long-list-item {
    max-height: 478px !important
}

.range .checkbox {
    font-size: .8em
}

.range .price-filter {
    display: block;
    margin-top: 20px
}

.range #slider-range {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 4px;
    border-radius: 0;
    background: #53565a;
    color: #53565a
}

    .range #slider-range .ui-slider-range {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #222;
        border-radius: 0;
        border: none
    }

.range .ui-slider-handle.ui-state-default.ui-corner-all {
    width: 14px;
    height: 14px;
    line-height: 10px;
    background: #53565a;
    border: none;
    border-radius: 100%;
    top: -5px
}

.list-group-item > p {
    font-size: 13px;
    line-height: 1.5;
    color: black;
}

.shoppingCartDiscountBox #products h3.font-heading.mt-10 {
    font-size: 19px;
    margin-bottom: 20px;
    color: #000000;
}

.shoppingCartDiscountBox #products .product-cart-wrap {
    background: white;
}




.categories-dropdown-wrap ul li.has-children,
.detail-gallery,
.main-menu.hover-boder > nav > ul > li > a,
.popular-categories,
.product-sidebar .single-post,
.shop-product-fillter .sort-by-product-area .sort-by-cover,
.widget-category-2 ul li.has-children {
    position: relative
}

.footer-certifica-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .footer-certifica-box .gorsel1 {
        max-width: 125px !important;
        margin-right: 0px;
    }

    .footer-certifica-box .gorsel2 {
        max-width: 122px !important;
    }

    .footer-certifica-box .gorsel3 {
        max-width: 75px !important;
    }

.range .check-box-list,
.range .label-input,
.shop-product-fillter-header .product-rate-cover + .product-rate-cover,
.single-header .single-header-meta .social-icons ul {
    margin-top: 15px
}

    .range .label-input span {
        margin-right: 5px;
        color: #282828
    }

    .range .label-input input {
        border: none;
        margin: 0;
        height: unset;
        font-weight: 600;
        font-size: 14px;
        background: 0 0;
        padding-left: 0
    }

    .range .check-box-list li {
        margin-bottom: 5px
    }

        .range .check-box-list li label {
            margin: 0;
            font-size: 14px;
            font-weight: 400;
            color: #333;
            cursor: pointer
        }

            .range .check-box-list li label input {
                display: inline-block;
                margin-right: 6px;
                position: relative;
                top: 1px
            }

    .range .check-box-list .count {
        margin-left: 5px;
        color: #666
    }

.btn.btn-small {
    line-height: 1;
    padding: 10px 15px;
    min-width: unset;
    display: table;
    border-radius: 3px
}

.product-sidebar .single-post:not(:last-child) {
    margin-bottom: 10px;
    border-bottom: 1px dotted rgba(0, 0, 0, .15);
    padding-bottom: 10px
}

.product-sidebar .single-post .content {
    padding-left: 95px
}

.product-sidebar .single-post i,
.shop-product-fillter-header .categor-list li {
    font-size: 12px
}

.product-sidebar .image {
    height: 80px;
    width: 80px;
    float: left;
    margin-right: 10px;
    overflow: hidden
}

.ratingAndSubtitle {
    margin: 6px 0px;
}

.shop-product-fillter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 30px
}

    .shop-product-fillter.style-2 {
        padding-bottom: 20px;
        border-bottom: 1px solid #ececec
    }

    .shop-product-fillter .sort-by-product-area {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .shop-product-fillter .sort-by-product-area .sort-by-product-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: #fff;
            border: 1px solid #ececec;
            color: #777;
            padding: 9px 16px;
            border-radius: 10px;
            -webkit-transition: .3s;
            transition: .3s;
            cursor: pointer
        }

            .shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by {
                margin-right: 3px
            }

                .shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by i {
                    margin-right: 10px;
                    font-size: 14px;
                    color: #4c4646;
                    position: relative;
                    top: 2px
                }

                .shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by span,
                .sort-by-dropdown ul li a {
                    font-size: 13px;
                    font-weight: 500
                }

            .shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span {
                font-size: 13px;
                font-weight: 500;
                color: #4c4646
            }

                .shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span i {
                    font-size: 15px;
                    color: #4c4646;
                    margin-left: 10px;
                    position: relative;
                    top: 2px
                }

.totall-product {
    flex: 1
}

.doneScHead {
    font-size: 24px;
    margin-top: 50px;
    color: white;
}

.doneBox {
    min-height: 100vh;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding-top: 5%;
    position: relative;

}

.doneP {
    color: #6dae5b;
}

strong {
    color: black;
}

.sort-by-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    right: 0;
    padding: 16px 0 21px;
    background: #fff;
    border: 0;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    min-width: 100%;
    -webkit-box-shadow: 0 -3px 23px rgba(0, 0, 0, .06);
    box-shadow: 0 -3px 23px rgba(0, 0, 0, .06);
    color: #4c4646;
    font-weight: 500
}

.product-rate,
.product-rating {
    height: 12px;
    background-repeat: repeat-x;
    background-image: url("../imgs/theme/tbf/rating-stars.png");
}

.category-list-dropdown-list {
    max-height: 476px;
    overflow-x: overlay
}

.active .activeAdressIcon,
.cart-dropdown-wrap ul li .shopping-cart-img a,
.logo a,
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap a,
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a,
.sort-by-dropdown ul li {
    display: block
}

    .sort-by-dropdown ul li a {
        padding: 5px 30px;
        display: block;
        position: relative;
        color: #4c4646
    }

        .sort-by-dropdown ul li a.active::before {
            content: "\f143";
            position: absolute;
            top: 5px;
            left: 10px;
            font-size: 12px;
            color: #53565a;
            font-family: uicons-regular-straight !important;
            font-weight: 900
        }

.sub-title {
    font-family: "Inter", sans-serif;
    color: #53565a;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 15px;
    clear: both;
}

.detail-gallery .zoom-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    font-size: 22px;
    opacity: .6
}

.pd-icon-box {
    position: absolute;
    top: 26px;
    left: 11px;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

    .pd-icon-box .hot {
        background: #fd6e03;
        color: #fff;
        text-align: center;
        border-radius: 0px 5px 5px 0px;
        padding: 4px 6px;
        margin-bottom: 10px;
        font-size: 14px;
        opacity: .9;
        margin-top: 7px;
    }

    .pd-icon-box .hot-2 {
        background: #0fbc97
    }

    .pd-icon-box .hot-3 {
        background: #ff5f97
    }

    .pd-icon-box .hot-4 {
        background: #6550c8
    }

    .pd-icon-box .hot-5 {
        background: #a78600
    }

    .pd-icon-box .hot-6 {
        background: #005d23
    }



.detail-info .product-price-cover .product-price,
.stock-status {
    line-height: 1
}

.stock-status {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700
}

    .stock-status.in-stock {
        background: #def9ec;
        color: #53565a
    }

    .stock-status.out-stock {
        color: #f74b81;
        background: #fde0e9
    }

.detail-info .product-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px 0px 5px 0px;
    width: 100%;
}

.product-price .product-detail-rating {
    font-size: 18px !important;
    text-decoration: none;
    margin-top: 0px;
    margin-left: 10px;
}

.detail-info .product-price .current-price {
    text-decoration: none;
    color: #d24300;
    font-family: var(--Font-Names-Primary-Font, "Inter", sans-serif);
    font-size: var(--Sizes-Body-Body-1, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.detail-info .product-price .old-price {
    text-decoration: line-through;
    display: block;
    color: #53565a;
    font-family: var(--Font-Names-Primary-Font, "Inter", sans-serif);
    font-size: var(--Sizes-Body-Body-3, 15px);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.quickView-Current-Price {
    font-size: 18px !important;
    text-decoration: none;
    margin-top: 0px;
}

.price-left-box {
    margin-right: 10px;
}

.detail-info .product-price .save-price {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    color: #8f020b;
    border: 1px solid black;
    padding: 7px;
    border-radius: 3px;
}

.detail-info .product-meta {
    border-top: 1px solid #ececec;
    padding-top: 15px
}

.button.button-add-to-cart {
    padding: 8px 40px;
    flex: 1 !important;
    margin: 0
}

.mini-cart-icon {
    margin-top: 2px;
}



.couponRemove,
.mail-to-friend i {
    margin-right: 5px
}

.product-extra-link2 a i {
    font-size: 18px;
    opacity: .6
}

.product-rate {
    background-position: 0 -12px;
    width: 60px;
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}

.product-extra-link2 .button.button-add-to-cart {
    font-family: "Inter", sans-serif;
}

    .product-extra-link2 .button.button-add-to-cart i {
        margin-right: 10px;
        color: #fff !important;
        opacity: 1 !important
    }



.tab-style3 .nav-tabs .nav-item a.active,
.tab-style3 .nav-tabs .nav-item a:hover {
    color: #d23200;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05)
}

.tab-style3 .nav-tabs li.nav-item a {
    display: block;
    padding: 13px 24px !important;
    text-align: center;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    text-transform: none;
    font-size: 17px;
    border-radius: 5px;
    border: 1px solid #ececec;
    background: #fff;
    color: #4c4646;
}

.tab-content.shop_info_tab {
    margin-top: 15px;
}

.tab-pane .comments-area {
    padding-top: 0;
    border: 0
}

.user.justify-content-between.d-flex.align-content-center {
    width: 100%;
}

.customer-comment-name {
    font-size: 14px;
    margin-right: 20px;
}

.product-color-red {
    background: #ff596d
}

.product-color-yellow {
    background: #ffdb33
}

.product-color-white,
.progress span {
    background: #fff
}

.product-color-orange {
    background: #ffbb51
}

.product-color-cyan {
    background: #80e6ff
}

.product-color-green {
    background: #38cf46
}

.product-color-purple {
    background: #ff8ff8
}

.loadMore {
    color: #53565a !important;
    font-weight: 500;
    display: block
}



.detail-gallery .product-image-slider img {
    opacity: 1;
    border-radius: 0px;
}

.detail-gallery .product-image-slider.slider-nav-thumbnails {
    background: 0 0;
    border-radius: 0
}



.detail-gallery .product-image-slider button.slick-arrow {
    background: 0 0;
    border: 0;
    padding: 0;
    font-size: 14px;
    position: absolute;
    left: 0;
    z-index: 99;
    top: 41%;
}

.detail-gallery .product-image-slider button.slick-next {
    left: inherit;
    right: 0;
}

.pd-img-figure {
    border-radius: 16px !important;
    margin-bottom: 15px;
}



.rightPDbox {
    position: relative;
}



.pdInfoBox {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

    .pdInfoBox img {
        max-width: 70px;
        border-radius: 50%;
        padding: 2px;
        margin-right: 0px;
    }

.barcodeBox {
    position: absolute;
    left: 10px;
    bottom: 0;
}





/* ==============================
   Atayol Footer Hover Animation
   ============================== */
.atayol {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    isolation: isolate;
    overflow: hidden;
    perspective: 800px;
    display: grid;
    place-items: center;
    margin: 0 auto !important;
    margin-top: 20px;
    will-change: transform;
    transform: translateZ(0);
    transform-origin: 50% 50%;
    contain: content;
    left: 0 !important;
    right: 0 !important;
    -webkit-transform: translateZ(0);
    -webkit-transform-origin: 50% 50%;
}

    .atayol::after {
        content: none;
        display: none;
    }

    .atayol a {
        display: contents;
    }

    .atayol .atayol-icon,
    .atayol .atayol-icon-favicon {
        position: absolute;
        inset: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: transform 0.9s cubic-bezier(0.55, 0, 0.45, 1), opacity 0.9s ease;
        backface-visibility: hidden;
        transform-style: preserve-3d;
        background: white;
        border-radius: 50%;
        padding: 0;
        transform: translateZ(0);
    }

    .atayol .atayol-icon {
        opacity: 1;
        z-index: 1;
        transform: rotateY(0deg);
    }

    .atayol .atayol-icon-favicon {
        opacity: 0;
        z-index: 2;
        transform: rotateY(-90deg);
    }

    /* sparkle effect removed */
    .atayol:hover .atayol-icon {
        transform: rotateY(90deg);
        opacity: 0;
    }

    .atayol:hover .atayol-icon-favicon {
        transform: rotateY(0deg);
        opacity: 1;
    }

    .atayol:hover::after {
        animation: none;
    }

.mail-to-friend {
    color: #adadad;
    font-size: 12px
}

.shop-filter-toogle,
.shopping-summery table thead th {
    font-size: 17px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

.attr-color,
.attr-size,
.header-action,
.header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}

a.spc-qty-down.qty-disabled {
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: -1px;
    padding-right: 4px;
    padding-left: 5px;
    background: #ffe6d7;
    border-left: 1px solid #ff6a08;
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
    border-right: 1px solid #ff6a08;
    color: #000000;
}

.spc-detail-qty {
    margin: 0;
    background: #ffe6d7;
    border: 1px solid #000000 !important;
    font-size: 16px;
    font-weight: 500;
    color: #05090e;
    border-radius: 16px;
    padding: 4px 7px 4px 7px;
    max-width: 70px;
}

.spc-qty-down {
    bottom: 2px;
    left: 5px;
    right: inherit;
}

.detail-qty > .spc-qty-down, .detail-qty > .spc-qty-up {
    font-size: 16px;
    position: absolute;
    color: #2d2d2d;
}

.detail-qty > .spc-qty-up {
    top: 6px;
    right: 5px;
}

.spc-qty-val {
    display: flex;
    align-items: center;
    padding: 0;
    max-height: 22px;
    border: none;
    text-align: center;
    justify-content: center;
    width: 100%;
    background: #ffe6d7;
}


.product-detail-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-detail .section-title.style-1 {
    color: #53565a;
    font-family: var(--Font-Names-Primary-Font, "Inter", sans-serif);
    font-size: var(--Sizes-Heading-H4, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    margin-left: 5px;
}

.product-more-infor {
    padding: 0 0 0 14px
}

    .product-more-infor li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 10px;
        position: relative
    }

        .product-more-infor li ::before {
            position: absolute;
            left: -14px;
            top: 9px;
            content: "";
            height: 6px;
            width: 6px;
            border-radius: 100%;
            background-color: #9b9b9b
        }

        .product-more-infor li span {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 165px;
            flex: 0 0 165px;
            display: inline-block
        }

.progress + .progress {
    margin-top: 1rem
}

.progressRating {
    overflow: inherit !important;
}

.progress span {
    line-height: 15px;
    padding-right: 7px;
    width: 20px;
}

.starRatingImg {
    max-width: 25px;
    position: relative;
    left: 0px;
    bottom: 8px;
}

.shop-filter-toogle {
    margin-bottom: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 30px;
    border: 1px solid #ececec;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    padding: 10px 20px
}

    .shop-filter-toogle i {
        margin-left: 5px;
        color: #b6b6b6
    }

        .shop-filter-toogle i.angle-down,
        .shop-filter-toogle.active i.angle-up {
            opacity: 0;
            visibility: hidden;
            display: none
        }

    .shop-filter-toogle .fi-rs-filter {
        font-size: 14px;
        color: #b6b6b6
    }

    .shop-filter-toogle.active i.angle-down {
        opacity: 1;
        visibility: visible;
        display: inline-block
    }

.shop-product-fillter-header .card {
    border: 1px solid #ececec;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 30px 40px;
    -webkit-box-shadow: 20px 20px 54px rgba(0, 0, 0, .03);
    box-shadow: 20px 20px 54px rgba(0, 0, 0, .03)
}

.shop-product-fillter-header .categor-list li + li {
    border-top: 1px solid #f7f8f9;
    padding-top: 5px;
    margin-top: 5px
}

.shop-product-fillter-header .categor-list li a {
    font-size: 14px;
    color: #4c4646;
    margin-right: 10px
}

.shop-product-fillter-header .color-filter {
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.shopping-summery table > :not(caption) > * > * {
    padding: 15px 0
}

.shopping-summery table thead th {
    background-color: #ececec;
    padding: 18px 0;
    color: #222222
}

    .shopping-summery table thead th.start {
        border-radius: 20px 0 0 20px
    }

    .shopping-summery table thead th.end {
        border-radius: 0 20px 20px 0
    }

.shopping-summery table tbody tr img {
    max-width: 120px;
    border: 1px solid #ececec;
    border-radius: 15px
}

.basketItemBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-radius: 16px !important;
    background: #FFEDE3;
    position: relative;
    box-shadow: 0px 0px 3px -1px #fe6a08;
}

    .basketItemBox img {
        max-width: 70px;
    }

.couponRemove {
    display: flex;
    align-items: center;
    max-width: 66px;
    justify-content: center;
    background: #e73b07 !important;
    color: #ffffff !important;
}

.shipping_calculator .custom_select .select2-container {
    max-width: unset
}

.shipping_calculator .custom_select .select2-container--default .select2-selection--single {
    border-radius: 10px;
    height: 45px;
    line-height: 45px
}

    .shipping_calculator .custom_select .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 45px;
    }

    .shipping_calculator .custom_select .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 50%;
        right: 14px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.shipping_calculator .w-100 .select2-container {
    max-width: unset;
    min-width: 445.5px
}

img.mr-15.as {
    max-width: 30px;
    position: absolute;
    right: -9px;
    top: -8px;
}

.order-wizard-card-information {
    border-radius: 15px;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    padding: 20px 30px 25px 15px;
}
.border.order-wizard-card-information.mb-20.order-summary-item-box h4 {
    font-size: 15px;
}
button#step1-next, button.btn.btn-heading.btn-block.hover-up, button.btn.btn-fill-out.btn-block.hover-up.font-weight-bold {
    border-radius: 200px;
    background: var(--Content-Greenscale-light-green, #53565a);
    box-shadow: 0 1px 0 0 rgba(32, 61, 30, 0.66);
    display: flex;
    height: 48px;
    padding: 10px 28px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

div#credit-card-container {
    background: none;
    border: none !important;
    box-shadow: none;
    padding: 0px 0px 0px 0px;
}

.cart-totals {
    box-shadow: inherit !important;
    border: 1px solid #fb6808 !important;
    border-radius: 16px;
    background: #FFEDE3;
}

.image.product-thumbnail.col-3.col-md-1 {
    padding: 12px;
}

td.cart_total_label {
    min-width: 130px;
}

.card-info-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    color: #c8ffe8;
    position: relative;
}

.order_review {
    border: 1px solid #ececec;
    padding: 30px;
    border-radius: 10px
}

#order-form,
.payment-type-form {
    padding: 5px;
    background: none;
    border-radius: 10px;
    margin-top: 0px;
}

.payment-type-form {
    padding: 0px;
    margin-top: 22px;
}

#bubble {
    z-index: 1000;
    position: fixed;
    bottom: 10px !important;
    right: 10px !important;
    border-radius: 25% !important;
    cursor: pointer;
    transition: transform 0.3s ease;
    transform-origin: center center;
    box-shadow: 0px 0px 60px 0px #a7c89d !important;
}

.moneyPointInput {
    max-width: 80px;
    max-height: 40px;
    margin-left: 10px
}

.categories-dropdown-wrap.style-2 ul li img,
.searchIcon {
    max-height: 20px
}

.payment-type-list {
    display: flex;
    flex-direction: column-reverse
}

.toggle_info {
    padding: 12px 20px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #ececec;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05)
}

.coupon_form .panel-body,
.login_form .panel-body {
    border: 1px solid #ececec;
    padding: 30px;
    margin-top: 30px;
    border-radius: 10px
}

.payment_option .custome-radio .form-check-label {
    color: #292b2c;
    font-weight: 600
}

.ibanNos {
    margin: 0;
    background: #fff;
    border: none;
    padding: 0
}

.custome-radio .form-check-label::before {
    content: "";
    border: 1px solid #908f8f;
    height: 16px;
    width: 16px;
    display: inline-block;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 8px
}

.header-wrap .header-nav,
.single-header .entry-meta.meta-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    align-content: center
}

.custome-radio input[type=radio] + .form-check-label::after {
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    top: 7px;
    left: 3px;
    opacity: 0;
}

.custome-radio input[type=radio]:checked + .form-check-label::after {
    opacity: 1;
    background-color: #53565a
}

.related-products .product-img-action-wrap {
    padding: 0;
    margin-bottom: 15px
}

.product-card-bottom-hover {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 13px;
    background: #0000006b;
    color: white;
    z-index: 50;
}

    .product-card-bottom-hover h4 a {
        color: white !important;
    }


.product-img-action-wrap:hover > .product-card-bottom-hover {
    display: block !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 13px;
    background: #0000006b;
    color: white;
}


.col-lg-4-5 .countdown-section .countdown-amount {
    max-width: 38px
}

.zoomWindow {
    border-radius: 15px;
    overflow: hidden
}

.apply-coupon input {
    height: 51px;
    border-radius: 10px 0 0 10px;
    background-image: url("../themes/cosmetic/imgs/theme/icons/coupon.png");
    background-position: 20px center;
    background-repeat: no-repeat;
    padding-left: 50px
}

.apply-coupon button {
    min-width: 150px;
    height: 51px;
    border-radius: 0 10px 10px 0;
    background-color: #222222
}

.order_table table .product-thumbnail img {
    max-width: 69px;
    border-radius: 15px;
    border: 1px solid #ececec;
    padding: 5px
}

.order_table table .w-160 {
    max-width: 160px
}

.table.table-compare > :not(caption) > * > * {
    padding: 30px 0
}

.mw-200,
footer .hotline {
    min-width: 200px
}

.payment-type-table {
    position: relative;
    border: 1px solid #ffa56b;
    border-radius: 15px;
    box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    padding: 30px 40px;
    margin: 10px 0;
}

#div-3d .modal-content iframe {
    min-height: 630px;
    min-width: 69%;
    text-shadow: none;
    border: none;
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center
}

.div-3d-dialog {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

#commentsModal .modal-dialog .modal-content {
    height: 519px;
    overflow-y: hidden;
}

img.close-kvkk {
    position: absolute;
    max-width: 57px;
    right: 15%;
    cursor: pointer;
    background: #ffe6d7;
    padding: 10px;
    top: 10%;
}

#kvkkModal {
    overflow-x: hidden;
    overflow-y: clip;
}

    #kvkkModal .modal-body {
        max-height: 590px;
        overflow-y: scroll;
    }

    #kvkkModal .modal-dialog {
        max-width: 845px;
    }

#privacyModal .close {
    background: #f9f9f9;
    border: none;
    border: 1px solid black;
    padding: 3px 11px;
    font-size: 19px;
    border-radius: 3px;
}

.registerModalPrivacy .col-xl-10.col-lg-12.m-auto {
    margin: 0px !important;
    padding: 0px !important;
}

.registerModalPrivacy .page-header.breadcrumb-wrap {
    display: none !important;
}

.registerModalPrivacy .page-content.pt-50 {
    padding-top: 0px !important;
}

.tag-header {
    background: #ffffff;
    padding: 0px 30px 0px 30px;
    border-bottom: 1px solid #ffffff;
}

.tags-list {
    display: flex;
    justify-content: center;
    align-items: center
}

    .tags-list li {
        display: inline-block;
        margin: 0 15px 0 0
    }

.invalid-header-card {
    color: white !important;
}

#find-top-filter,
.activeAdressIcon,
.find-pagination,
.header-action-right,
.new-find-filter,
.registered-address-detail {
    display: none
}



.tags-list li a {
    background-color: #fff;
    display: inline-block;
    border-radius: 30px;
    -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    padding: 11px 15px;
    border: 1px solid #ececec;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700
}

    .tags-list li a i {
        color: #b6b6b6;
        font-size: 10px
    }

.pagination {
    justify-content: flex-start !important;
    max-width: 100%;
    overflow-x: scroll;
    padding-bottom: 12px
}

    .categories-dropdown-wrap::-webkit-scrollbar-track,
    .find-checkbox-box::-webkit-scrollbar-track,
    .od-account::-webkit-scrollbar-track,
    .pagination::-webkit-scrollbar-track,
    .range .list-group-item::-webkit-scrollbar-track,
    .subCategory::-webkit-scrollbar-track, .comment-list::-webkit-scrollbar-track, .pdThumbBox::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgb(0 0 0 / 13%);
        background-color: #ffe6d7;
    }

    .categories-dropdown-wrap::-webkit-scrollbar,
    .find-checkbox-box::-webkit-scrollbar,
    .od-account::-webkit-scrollbar,
    .pagination::-webkit-scrollbar,
    .product-spot::-webkit-scrollbar,
    .range .list-group-item::-webkit-scrollbar,
    .subCategory::-webkit-scrollbar, .comment-list::-webkit-scrollbar, .pdThumbBox::-webkit-scrollbar {
        background-color: #ff6a08;
        height: 4px;
        width: 6px;
    }

    .od-account::-webkit-scrollbar-thumb,
    .pagination::-webkit-scrollbar-thumb,
    .comment-list::-webkit-scrollbar-thumb, .pdThumbBox::-webkit-scrollbar-thumb {
        background-color: #ff6a08;
        border: 2px solid #ff6a08;
        border-radius: 5px;
    }

.comment-list {
    overflow-y: scroll;
}

    .comment-list .comment-slide {
        background: #ffede3 !important;
        border: 1px solid #ffd8bf;
    }

.new-find-filter,
.new-find-filter a {
    text-align: right;
    margin-inline-start: auto
}

.find-tags-list {
    flex-wrap: wrap
}

.order-summary-item {
    border-bottom: 1px solid #ecebec;
}

    .order-summary-item:last-child {
        border: none;
    }

.summary-item-name {
    flex: auto;
}

#total-amount {
    color: #199d12;
}

.categories-dropdown-wrap::-webkit-scrollbar-thumb,
.find-checkbox-box::-webkit-scrollbar-thumb,
.product-spot::-webkit-scrollbar-thumb,
.range .list-group-item::-webkit-scrollbar-thumb,
.subCategory::-webkit-scrollbar-thumb {
    background-color: #53565a;
    border: 2px solid #555
}

.page-link-active {
    background: #9cbc93 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.single-content {
    text-rendering: optimizeLegibility;
    color: #222222;
    font-size: 21px;
    line-height: 34px
}

    .single-content h1 {
        font-size: 56px;
        line-height: 72px;
        margin-bottom: 32px
    }

    .single-content h2 {
        font-size: 48px;
        line-height: 64px;
        margin-bottom: 30px
    }

    .single-content h3 {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 28px
    }

    .single-content .single-excerpt,
    .single-content h4 {
        font-size: 24px;
        line-height: 32px
    }

    .single-content h4 {
        margin-bottom: 26px
    }

    .single-content h5 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 24px
    }

    .single-content h6 {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: .5px;
        text-transform: uppercase;
        margin-bottom: 22px
    }

    .single-content ul {
        list-style: circle;
        padding-left: 1rem;
        font-size: 1rem
    }

        .single-content ul li {
            position: relative;
            margin-bottom: 7px
        }

    .single-content ol li {
        font-size: 1rem
    }

    .single-content p {
        margin-bottom: 1.2em;
        font-weight: 400;
        color: #222222;
        font-size: 17px
    }

    .single-content blockquote {
        background-color: #f4f6fa;
        padding: 40px 60px;
        border-radius: 15px;
        margin: 30px auto;
        font-size: 24px;
        max-width: 80%
    }

        .single-content blockquote p {
            font-size: 24px;
            line-height: 32px;
            color: #4c4646;
            margin-bottom: 0
        }

.single-header .entry-meta.meta-1 {
    display: flex;
    -ms-flex-line-pack: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-wrap .header-nav {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-wrap.header-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-wrap .header-right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.searchIcon {
    max-width: 50px;
    margin-top: 16px;
    cursor: pointer;
    margin-right: 15px;
}



.logo.logo-width-1 a img {
    width: 115px;
    min-width: 95px;
}

.sticky .logo.logo-width-1 a img {
    width: 80px;
    min-width: 80px;
}
.header-wrap.header-space-between.position-relative.des-header-wrap.mob-none {
    padding-left: 23px;
    padding-right: 17px;
}
.header-action .header-action-icon-2 span.lable {
    font-size: 13px;
    margin: 5px 0px 0 0px;
    color: #fe6a08;
}


.header-action .header-action-icon-2 > a {
    font-size: 30px;
    color: #333;
    line-height: 1;
    display: inline-block;
    position: relative
}

#default-customer-address-address,
#default-customer-invoice-address-address {
    display: block;
    font-size: 9px;
    text-transform: lowercase;
    margin-top: 5px
}

img.svgInject {
    max-width: 26px !important;
    min-width: inherit !important;
}

.account-addres-title img,
.header-action .header-action-icon-2 > a img,
.registered-address-head img,
.registered-invoice-address-head img {
    width: 100%;
    max-width: 25px
}

.account-adres-head {
    border-bottom: 1px dotted#53565a;
    padding-bottom: 7px
}

#customer-address,
#customer-invoice-address {
    padding: 15px 10px
}

#customer-invoice-address {
    margin-top: 15px;
    border-top: 1px solid #eaeaea
}

.header-action .header-action-icon-2 > a span {
    font-size: 14px;
    color: #ffffff;
}

    .header-action .header-action-icon-2 > a span.pro-count {
        position: absolute;
        right: 2.5px;
        top: 7px;
        color: #000000 !important;
        height: 20px;
        width: 20px;
        border-radius: 100%;
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        line-height: 20px;
        background-color: #FFE428 !important;
        font-family: math;
    }

.cart-dropdown-wrap ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px
}

.account-addres-title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.activeCustomerAdressIcon,
.activeCustomerInvoiceAdressIcon {
    max-width: 19px !important
}

.header-height,
.sidebar-widget .widget-header {
    border-bottom: 1px solid #ececec
}

.header-height-3 {
    min-height: 132px
}

.header-height-4 {
    min-height: 120px
}

.customerName {
    font-size: 13px;
    color: #53565a;
    font-weight: 700
}

.customerAdress {
    min-height: 50px;
    font-size: 13px;
    text-transform: lowercase
}

.search-popup-wrap.search-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.mobile-header-wrapper-style.sidebar-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav {
    height: 100%
}

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .main-categori-wrap a i {
    margin-right: 15px
}

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .main-categori-wrap .categori-dropdown-active-small {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.header-action .header-action-icon {
    margin-right: 28px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .header-action .header-action-icon.header-action-mrg-none {
        margin-right: 13px
    }

    .header-action .header-action-icon > a {
        font-size: 24px;
        color: #333;
        line-height: 1;
        display: inline-block;
        position: relative
    }

.header-action .user-wrap:hover .account-dropdown /*,
    .header-action .header-action-icon:hover .cart-dropdown-wrap*/ {
    opacity: 1;
    visibility: visible;
    top: calc(100% + 10px)
}

.cart-modal-wrap.active {
    right: 0;
    opacity: 1;
    visibility: visible;
}

/* Sepet özetinin modal stili */
.basketDropdown {
    position: fixed;
    right: -20%;
    top: 0;
    width: 22%;
    height: 100vh;
    background-color: #fff;
    box-shadow: -5px 0 15px rgba(0, 0, 0, .05);
    padding: 20px 15px 0px 15px;
    opacity: 0;
    visibility: hidden;
    transition: right 0.5s ease, opacity 0.5s ease, visibility 0.5s;
    z-index: 1002;
}

.shopping-cart-footer {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 75%;
    bottom: 10px;
    z-index: 9;
    background: #FFE6D7;
}

.mini-cart-check-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
}




.cart-modal-wrap.active {
    overflow-y: auto;
    max-height: 100vh;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
}

.cart-overlay-close {
    position: absolute;
    right: 15px;
    color: white;
    top: 15px;
    max-width: 32px;
}

.cart-modal-wrap {
    max-height: 80vh; /* Modal yüksekliğini sınırlandırır */
    overflow-y: auto; /* Modal için scroll */
    scrollbar-width: thin; /* İnce scrollbar */
    scrollbar-color: #aaa #fff; /* Scrollbar renkleri */
}

    .cart-modal-wrap::-webkit-scrollbar {
        width: 8px; /* Scrollbar genişliği */
    }

    .cart-modal-wrap::-webkit-scrollbar-thumb {
        background-color: #aaa; /* Scrollbar rengi */
        border-radius: 10px; /* Scrollbar köşe yuvarlatma */
    }

    .cart-modal-wrap::-webkit-scrollbar-track {
        background: #fff; /* Scrollbar arka planı */
    }

.fly-to-cart-container {
    position: relative;
}

.fly-to-cart {
    position: absolute;
    z-index: 9999;
    transition: all 0.5s ease;
}

    .fly-to-cart img {
        max-width: 100%;
    }


.shoppingCartProduct li:first-child {
    border: 1px solid #ebd1b8;
    position: relative;
}

.shopping-cart-delete {
    position: absolute;
    right: 12px;
    top: 0;
}

.sepetim {
    font-size: 17px;
    text-align: center;
    margin-bottom: 15px;
}

.cart-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 78%;
    height: 102vh;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s;
    z-index: 1001;
}

    .cart-overlay.active {
        opacity: 1;
        visibility: visible;
    }


.header-action .header-action-icon-2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .header-action .header-action-icon-2 > a svg {
        width: 1em;
        height: 1em
    }

    .header-action .header-action-icon-2:hover > a {
        color: #53565a;
        fill: #53565a
    }

.header-middle-ptb-1 {
    padding: 100px 80px 0;
}

.account-dropdown {
    position: absolute;
    right: 0;
    top: calc(100% + 20px);
    z-index: 99;
    width: 320px;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    padding: 30px 20px 27px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .25s cubic-bezier(.645, .045, .355, 1);
    transition: .25s cubic-bezier(.645, .045, .355, 1);
    border-radius: 10px;
    border: 1px solid #ececec
}

.cart-dropdown-wrap.cart-dropdown-hm2 {
    right: 0;
    background: #FFE6D7;
}

.cart-dropdown-wrap.account-dropdown {
    width: 200px
}



.cart-dropdown-wrap ul li .shopping-cart-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    margin-right: 15px;
}

    .cart-dropdown-wrap ul li .shopping-cart-img a img {
        max-width: 100%;
        border-radius: 10px;
        width: 80px !important;
        height: 80px !important;
    }

.cart-dropdown-wrap ul li .shopping-cart-title {
    margin: 6px 0 0
}

    .cart-dropdown-wrap ul li .shopping-cart-title h4 {
        font-size: 13px;
        font-weight: 500;
        line-height: 1;
        margin: 0 0 9px;
    }

    .cart-dropdown-wrap ul li .shopping-cart-title h3, .cart-dropdown-wrap ul li .shopping-cart-title h3 span {
        font-size: 13px;
        font-weight: 500;
        line-height: 1;
        margin: 0;
        color: #000000;
    }

        .cart-dropdown-wrap ul li .shopping-cart-title h3 span {
            color: #696969;
            font-weight: 400;
            font-size: 12px
        }

.cart-dropdown-wrap ul li .shopping-cart-delete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 6px 0 0
}

    .cart-dropdown-wrap ul li .shopping-cart-delete a {
        font-size: 18px;
        color: #696969
    }

        .cart-dropdown-wrap ul li .shopping-cart-delete a:hover,
        .search-style .searchForm select:focus {
            color: #333
        }

.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total {
    margin: 2px 0;
    padding: 0px 0 0;
}

    .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total h4 {
        color: #9b9b9b;
        font-weight: 500;
        font-size: 16px;
        margin: 0
    }

        .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total h4 span {
            font-size: 17px;
            float: right;
            color: #000000;
        }

.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center
}

    .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a {
        display: inline-block;
        font-size: 13px;
        color: #fff;
        border-radius: 4px;
        line-height: 1;
        padding: 10px 5px;
        background: #d75e32;
        background: linear-gradient(90deg, rgb(255 119 70) 0, #53565a 50%, #53565a 100%);
        font-family: "Inter", sans-serif;
        border: 2px solid #fd783e;
        width: 48%;
        text-align: center;
    }

        .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a.outline {
            background: #53565a !important;
            border: 2px solid #53565a;
            color: #fff;
            width: 48%;
            text-align: center;
        }



.fast-login-basket {
    background-color: #f5fffc;
    padding: 5px 10px;
    margin-bottom: 10px;
    margin-left: -12px;
    margin-right: -12px;
    border-radius: 5px;
    font-size: 12px;
}



.sticky-bar.stick.sticky-blue-bg {
    background-color: #3286e0
}


.header-height-1 {
    min-height: 133px
}

.search-style {
    width: 100%;
    margin-bottom: 10px
}

    .search-style .searchForm {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

        .search-style .searchForm select {
            color: #222222;
            font-size: 16px;
            font-weight: 500;
            min-height: 50px;
            border: 1px solid #ececec;
            border-right: none;
            width: 140px;
            padding: 3px 35px 3px 20px;
            border-radius: 4px 0 0 4px;
            background-color: #fff;
            -webkit-transition: .3s;
            transition: .3s;
            -moz-appearance: none;
            -webkit-appearance: none;
            position: relative
        }

        .burger-icon,
        .search-style .searchForm input {
            -webkit-transition: .25s cubic-bezier(.645, .045, .355, 1)
        }

        .search-style .searchForm select::after {
            position: absolute
        }

        .search-style .searchForm input {
            width: 100%;
            max-width: 683px;
            line-height: 50px;
            font-size: 14px;
            height: 45px;
            color: #222222;
            background-color: #f2f3f4;
            border-radius: 5px;
            padding: 3px 50px 3px 20px;
            transition: .25s cubic-bezier(.645, .045, .355, 1);
            border: 0
        }

.header-bottom-shadow {
    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 20px rgba(0, 0, 0, .05)
}

.search-style .searchForm input::-moz-input-placeholder {
    color: #222222;
    opacity: 1
}

.search-style .searchForm input::-webkit-input-placeholder {
    color: #222222;
    opacity: 1
}

.search-style .searchForm input:focus {
    border: 1px solid #bce3c9
}

.search-style .searchForm button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    border: none;
    font-size: 16px;
    height: 100%;
    padding: 0 14px;
    background-color: transparent;
    color: #333
}

.close-style-wrap {
    position: absolute;
    right: 55px;
    top: 40px
}

    .close-style-wrap.close-style-position-inherit {
        position: inherit
    }

    .close-style-wrap .close-style {
        position: relative;
        padding: 0;
        border: none;
        width: 26px;
        height: 26px;
        background-color: #FF6A08;
        border-radius: 30px;
        border: 1px solid #969696;
        color: white;
    }

        .close-style-wrap .close-style > i {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 10px;
            height: 1px;
            margin: 0 !important;
            -webkit-transform-origin: center;
            transform-origin: center;
            display: block;
            overflow: hidden
        }

            .close-style-wrap .close-style > i.icon-top {
                -webkit-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg)
            }

                .close-style-wrap .close-style > i.icon-bottom::before,
                .close-style-wrap .close-style > i.icon-top::before {
                    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .2s;
                    -webkit-transform: scaleX(1) translateZ(0);
                    transform: scaleX(1) translateZ(0);
                    -webkit-transform-origin: right;
                    transform-origin: right
                }

                .close-style-wrap .close-style > i.icon-bottom::after,
                .close-style-wrap .close-style > i.icon-top::after {
                    transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
                    -webkit-transform: scaleX(0) translateZ(0);
                    transform: scaleX(0) translateZ(0);
                    -webkit-transform-origin: left;
                    transform-origin: left
                }

            .close-style-wrap .close-style > i.icon-bottom {
                -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg)
            }

        .close-style-wrap .close-style:hover {
            -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg)
        }

        .close-style-wrap .close-style > i::after,
        .close-style-wrap .close-style > i::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            background-color: #fff;
        }

.burger-icon {
    position: relative;
    cursor: pointer;
    transition: .25s cubic-bezier(.645, .045, .355, 1);
    display: flex;
    align-items: center;
}

    .burger-icon img {
        scale: 1.2;
    }


.body-overlay {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0
}


.body-overlay,
.main-wrapper {
    -webkit-transition: .25s cubic-bezier(.645, .045, .355, 1)
}

.burger-icon > span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px
}

    .burger-icon > span.burger-icon-top {
        top: 2px
    }

    .burger-icon > span.burger-icon-bottom {
        bottom: 2px;
        height: 2px
    }

    .burger-icon > span.burger-icon-mid {
        top: 9px
    }

    .burger-icon > span::after,
    .burger-icon > span::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #333
    }

.burger-icon.burger-icon-white > span::after,
.burger-icon.burger-icon-white > span::before {
    background-color: #222222
}

.body-overlay {
    background: rgba(0, 0, 0, .7);
    height: 100%;
    top: 0;
    transition: .25s cubic-bezier(.645, .045, .355, 1);
    width: 100%;
    cursor: crosshair;
    z-index: 9999
}

.main-wrapper {
    transition: .25s cubic-bezier(.645, .045, .355, 1)
}

.mobile-header-wrapper-style {
    top: 0;
    width: 360px;
    min-height: 100vh;
    bottom: 0;
    -webkit-transition: .25s cubic-bezier(.645, .045, .355, 1);
    transition: .25s cubic-bezier(.645, .045, .355, 1);
    -webkit-transform: translate(-200px, 0);
    transform: translate(-200px, 0);
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .09);
    z-index: 99999
}

    .mobile-header-wrapper-style .mobile-header-wrapper-inner {
        padding: 0 0 0px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden
    }

        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 20px 30px;
            background-color: #fff;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img {
                width: 100px
            }

        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area {
            padding: 30px
        }


            .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .categories-dropdown-wrap ul li a {
                padding: 5px 15px
            }

            .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap {
                padding: 20px;
                border-radius: 5px;
                border: 1px solid #ececec;
                margin: 17px 0 30px
            }

                .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info {
                    position: relative;
                    margin-bottom: 13px
                }

                    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a {
                        font-size: 14px;
                        display: block;
                        font-weight: 500;
                        color: #222222
                    }

                        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a i {
                            font-size: 14px;
                            color: #FF6A08;
                            margin-right: 8px
                        }

                    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown {
                        margin-top: 5px;
                        display: none;
                        background-color: transparent;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        padding: 10px 0 0;
                        width: 100%;
                        z-index: 11
                    }

                        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li {
                            padding-bottom: 10px
                        }

                            .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a {
                                font-size: 16px;
                                color: rgba(255, 255, 255, .7);
                                font-weight: 400
                            }

            .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-border {
                border-bottom: 1px solid rgba(255, 255, 255, .15)
            }

            .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .site-copyright {
                font-size: 13px;
                color: #b6b6b6
            }

.mobile-social-icon a {
    max-width: 45px;
}
.mobile-social-icon a:last-child {
    max-width: 50px;
}
   

    .mobile-social-icon a:hover {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        margin-top: -2px
    }

.mobile-search {
    padding: 0;
    display: flex;
    justify-content: space-evenly;
    border: 1px solid #cfcfcf;
    border-radius: 6px
}



.hotline p {
    color: #53565a;
    font-size: 26px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    display: block;
    line-height: 1
}

    .hotline p span {
        font-weight: 500;
        font-size: 12px;
        font-family: "Inter", sans-serif;
        color: #4c4646;
        display: block;
        letter-spacing: .9px
    }

.headerFlagIcon {
    position: relative;
    top: 1px;
}

.header-style {
    position: relative;
    overflow-x: clip
}

.headerBanner {
    padding: 4px 0;
    text-align: center;
    background-color: #ffc5d1;
    font-size: 14px;
    font-weight: 300;
    color: #000000;
}

.header-style.header-height {
    border-bottom: 0
}

.header-style .select2-container {
    max-width: unset;
    min-width: 212px
}

.header-style .select2-container--default .select2-selection--single {
    border: 0;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    width: 225px;
    max-width: unset;
    border-radius: 5px 0 0 5px
}

    .header-style .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 0
    }

        .header-style .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border: 0
        }

            .header-style .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
                font-family: uicons-regular-straight !important;
                font-style: normal;
                font-weight: 400 !important;
                font-variant: normal;
                text-transform: none;
                line-height: 1 !important;
                content: "\f10f";
                position: absolute;
                top: -4px
            }

    .header-style .select2-container--default .select2-selection--single .select2-selection__rendered {
        height: 50px;
        line-height: 50px;
        position: relative
    }

        .header-style .select2-container--default .select2-selection--single .select2-selection__rendered:after {
            content: '';
            height: 20px;
            width: 1px;
            background-color: #cacaca;
            position: absolute;
            right: 0;
            top: 15px
        }

.header-style .search-location .select2-container--default .select2-selection--single {
    border: 1px solid #ececec;
    height: 40px;
    line-height: 40px;
    padding-left: 13px;
    width: 174px;
    max-width: unset;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05)
}

    .header-style .search-location .select2-container--default .select2-selection--single:hover {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        -webkit-transition: .2s;
        transition: .2s
    }

    .header-style .search-location .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: -8px;
        top: 7px
    }

    .header-style .search-location .select2-container--default .select2-selection--single .select2-selection__rendered {
        height: 40px;
        line-height: 35px;
        position: relative;
        color: #53565a;
        font-weight: 500
    }

        .header-style .search-location .select2-container--default .select2-selection--single .select2-selection__rendered:after {
            content: none
        }

        .header-style .search-location .select2-container--default .select2-selection--single .select2-selection__rendered:before {
            font-family: uicons-regular-straight !important;
            content: "\f1c6";
            color: #b6b6b6;
            margin-right: 7px;
            display: inline-block
        }

.header-style .search-location .select2-container {
    min-width: 158px;
    max-width: 158px;
    margin-right: 30px
}

.header-style .search-style .searchForm {
    border: 2px solid #FF6A08;
    border-radius: 4px;
    max-width: 800px;
    background-color: #fff;
    margin: auto;
}

    .header-style .search-style .searchForm input {
        max-width: 600px;
        border-width: 0;
        border-radius: 0 5px 5px 0;
        margin-left: 20px;
        background-color: #fff;
        border: none;
        margin-top: 4px;
        border: none !important;
    }


.header-style .header-bottom-bg-color {
    margin-bottom: 0px;
    background: #ffe6d7;
    box-shadow: 0px 1px 15px 0px #0000001f;
}

.header-style .main-categori-wrap > a {
    color: #fff;
    line-height: 70px;
    background: #53565a;
    padding: 0 30px
}

    .header-style .main-categori-wrap > a i.up {
        right: 30px
    }

    .header-style .main-categori-wrap > a.categories-button-active {
        line-height: 44px;
        border-radius: 5px;
        padding: 0 20px;
        font-family: "Inter", sans-serif;
        font-size: 16px
    }

        .header-style .main-categori-wrap > a.categories-button-active i {
            color: #fff;
            margin-left: 12px;
            font-size: 10px;
            margin-bottom: 5px
        }

    .header-style .main-categori-wrap > a:hover {
        background-color: #FF6A08
    }

.header-style .main-menu.main-menu-light-white > nav > ul > li > a {
    color: #494949
}

.header-style .main-categori-wrap > a span,
.header-style .stick .main-menu.main-menu-light-white > nav > ul > li > a,
.header-style.header-style-5 .hotline p,
.header-style.header-style-5 .hotline p span {
    color: #fff !important
}

.header-style .categories-dropdown-active-large {
    top: 100%;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05)
}

.main-menu > nav > ul > li ul.sub-menu,
.main-menu > nav > ul > li ul.sub-menu li ul.level-menu {
    -webkit-transition: .25s;
    opacity: 0;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    background-color: #fff;
    margin-top: 20px;
    visibility: hidden
}

.header-style .hotline p {
    color: #53565a !important
}

.header-style.header-style-5 .header-bottom-bg-color {
    background-color: #53565a !important
}

    .header-style.header-style-5 .header-bottom-bg-color .main-categori-wrap > a {
        background: #FF6A08
    }

.main-menu.main-menu-mrg-1 {
    margin: 0 0 0 27px
}

.main-menu > nav > ul > li.hot-deals {
    padding-right: 15px !important;
}

    .main-menu > nav > ul > li.hot-deals img {
        position: relative;
        margin-bottom: -4px;
        margin-right: 8px;
        max-width: 50px !important;
        width: 22px;
    }

.main-menu > nav > ul > li.position-static {
    position: static
}

.main-menu > nav > ul > li > a {
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    font-family: "Inter", sans-serif;
    padding-top: 14px;
    padding-bottom: 9px;
    letter-spacing: 0.4px;
}

    .main-menu > nav > ul > li > a i {
        font-size: 8px;
        position: relative;
        margin-left: 4px
    }

.main-menu > nav > ul > li ul.sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 250px;
    padding: 25px 15px;
    transition: .25s;
    border-radius: 10px;
    z-index: 999;
    border: 1px solid #ececec;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05)
}

    .main-menu > nav > ul > li ul.sub-menu li {
        line-height: 1;
        display: block;
        margin-bottom: 21px;
        position: relative
    }

        .main-menu > nav > ul > li ul.sub-menu li ul.level-menu {
            position: absolute;
            left: 100%;
            top: -110px;
            width: 240px;
            padding: 33px 0 35px;
            transition: .25s;
            border-radius: 10px;
            border: 1px solid #ececec;
            box-shadow: 5px 5px 15px rgba(0, 0, 0, .05)
        }

            .main-menu > nav > ul > li ul.sub-menu li ul.level-menu.level-menu-modify {
                top: -25px
            }

        .main-menu > nav > ul > li ul.sub-menu li a i {
            font-size: 9px;
            float: right;
            position: relative;
            top: 4px
        }

        .main-menu > nav > ul > li ul.sub-menu li:hover > a {
            color: #000
        }

        .main-menu > nav > ul > li ul.sub-menu li:hover ul.level-menu {
            opacity: 1;
            visibility: visible;
            margin-top: 0
        }

.main-menu > nav > ul > li ul.mega-menu {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    width: 300px;
    padding: 0px 25px 25px 25px;
    -webkit-transition: .25s;
    transition: .25s;
    display: none;
    visibility: hidden;
    margin-top: 20px;
    border-radius: 0 0 10px 10px;
    z-index: 999;
    border: 1px solid #ececec;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05)
}

    .main-menu > nav > ul > li ul.mega-menu li {
        line-height: 1;
        display: block;
        position: relative;
        float: left;
        padding-right: 10px
    }

        .main-menu > nav > ul > li ul.mega-menu li.sub-mega-menu-width-66 {
            width: 66%
        }

        .main-menu > nav > ul > li ul.mega-menu li.sub-mega-menu-width-34 {
            width: 34%
        }

.dropdown .sub-mega-menu {
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll;
}

.main-menu > nav > ul > li ul.mega-menu li a.menu-title {
    font-size: 19px;
    font-weight: 500;
    display: block
}

.main-menu > nav > ul > li ul.mega-menu li ul {
    margin-top: 28px
}

    .main-menu > nav > ul > li ul.mega-menu li ul li {
        line-height: 1;
        display: block;
        margin-bottom: 14px;
        float: none
    }

        .main-menu > nav > ul > li ul.mega-menu li ul li a {
            font-size: 15px;
            color: #4c4646;
            display: block;
            line-height: 1.4
        }

.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap {
    overflow: hidden;
    position: relative
}

    .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content {
        position: absolute;
        top: 32px;
        left: 30px
    }

        .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content h3 {
            font-size: 24px;
            font-weight: 500;
            line-height: 1.5;
            margin: 5px 0 11px
        }

        .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-price span.old-price {
            font-size: 19px;
            font-weight: 400;
            color: #696969;
            text-decoration: line-through;
            margin-left: 5px
        }

        .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-btn a {
            display: inline-block;
            font-size: 16px;
            font-weight: 500;
            color: #fff;
            border-radius: 26px;
            padding: 12px 22px 14px;
            background-color: #53565a
        }

    .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-discount h3 span {
        display: block;
        line-height: 1;
        font-weight: 500;
        font-size: 20px;
        margin: 0 0 3px
    }

    .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap:hover .menu-banner-btn a {
        background-color: #fd6e6e
    }

.main-menu > nav > ul > li:hover ul.sub-menu {
    display: block;
    visibility: visible;
    margin-top: 12px
}

.main-menu > nav > ul > li:hover ul.mega-menu {
    display: block;
    visibility: visible;
    margin-top: 0
}

.main-menu.hover-boder > nav > ul > li > a::after {
    content: none;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 34px;
    height: 1px;
    width: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1);
    transition: width .6s cubic-bezier(.25, .8, .25, 1);
    background: #53565a
}

.main-menu.hover-boder > nav > ul > li:hover > a::after {
    width: 100%;
    left: 0;
    right: auto
}

.main-menu.hover-boder.hover-boder-white > nav > ul > li > a::after {
    bottom: 18px;
    background: #fff
}

.main-menu.hover-boder.hover-boder-modify > nav > ul > li > a::after {
    bottom: 28px
}

.main-menu.main-menu-padding-1 > nav > ul > li {
    padding: 0px 11px;
}

    .main-menu.main-menu-padding-1 > nav > ul > li:first-child {
        padding-left: 0 !important
    }

.main-menu.main-menu-lh-1 > nav > ul > li,
.main-menu.main-menu-lh-2 > nav > ul > li {
    line-height: 70px;
    position: relative !important;
}

.main-menu.main-menu-lh-3 > nav > ul > li {
    line-height: 80px
}

.main-menu.main-menu-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.main-menu > nav > ul > li {
    display: inline-block;
    position: relative
}

    .main-menu > nav > ul > li ul.sub-menu li a {
        font-size: 14px;
        color: #4c4646;
        display: block;
        padding: 0 15px
    }

    .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content h4 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 500;
        margin: 0
    }

    .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-price {
        margin: 0 0 28px
    }

        .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-price span.new-price {
            font-size: 24px;
            font-weight: 500;
            color: #fd6e6e
        }

    .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-discount {
        width: 80px;
        height: 80px;
        line-height: 80px;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #ffd55a;
        position: absolute;
        top: 13%;
        right: 7%
    }

.categories-dropdown-wrap ul li,
.main-categori-wrap > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center
}

.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-discount h3 {
    color: #333;
    margin: 0;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    line-height: 1
}

.main-categori-wrap {
    position: relative;
    background: #ffe6d7;
    padding-bottom: 150px;
}

    .main-categori-wrap > a {
        display: flex !important;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18px;
        font-weight: 700
    }

        .main-categori-wrap > a span {
            margin-right: 7px;
            color: #4c4646
        }

        .main-categori-wrap > a > i {
            margin-left: 5px;
            margin-top: 7px;
            color: #999
        }

            .main-categori-wrap > a > i.up {
                position: absolute;
                top: 40%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 0;
                display: none;
                visibility: hidden
            }

        .main-categori-wrap > a.open > i {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .main-categori-wrap .categori-dropdown-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 500px
    }

.categories-dropdown-active-large {
    list-style-type: none;
    position: absolute;
    top: 177%;
    left: 0;
    z-index: 99;
    margin: 26px 0 0;
    padding: 30px;
    background: #fff;
    border: 1px solid #bce3c9;
    border-radius: 10px;
    font-size: 16px;
    min-width: 270px;
    -webkit-transition: .25s cubic-bezier(.645, .045, .355, 1);
    transition: .25s cubic-bezier(.645, .045, .355, 1);
    display: none;
    visibility: hidden
}

    .categories-dropdown-active-large.open {
        display: block;
        visibility: visible;
        overflow-y: scroll;
        max-height: 600px;
        z-index: 999
    }

.categori-dropdown-active-small {
    z-index: 9;
    margin: 0;
    padding: 14px 0 23px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, .07);
    box-shadow: 20px 20px 40px rgba(0, 0, 0, .07);
    font-size: 16px;
    font-weight: 400;
    display: none;
    width: 100%
}

.categories-dropdown-wrap ul li {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 47px;
    border-radius: 5px;
    border: 1px solid #f2f3f4;
    padding: 1px 5px;
    margin: 0 10px 15px 0;
    height: 50px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    max-width: 48%
}

    .categories-dropdown-wrap ul li:hover {
        border: 1px solid #bce3c9;
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

    .categories-dropdown-wrap ul li a,
    .widget-category-2 ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        line-height: 1.5;
        color: #222222;
        font-size: 14px
    }

        .categories-dropdown-wrap ul li a:hover,
        .widget-category-2 ul li a:hover {
            color: #53565a;
            background-color: transparent
        }

        .categories-dropdown-wrap ul li a img {
            max-width: 40px;
            margin-right: 15px;
            background: #ececec;
            padding: 5px;
            border-radius: 20%
        }

    .categories-dropdown-wrap ul li:hover .dropdown-menu,
    .widget-category-2 ul li:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        pointer-events: auto
    }

    .categories-dropdown-wrap ul li.has-children > a::after,
    .widget-category-2 ul li.has-children > a::after {
        content: "\f111";
        font-family: uicons-regular-straight !important;
        position: absolute;
        right: 30px;
        top: 50%;
        margin-top: -10px
    }

    .categories-dropdown-wrap ul li.has-children .dropdown-menu,
    .widget-category-2 ul li.has-children .dropdown-menu {
        left: 100%;
        top: 0;
        margin: 0;
        border: 1px solid #ececec;
        min-width: 800px;
        width: 100%;
        right: 0;
        border-radius: 0;
        padding: 20px
    }

        .categories-dropdown-wrap ul li.has-children .dropdown-menu .submenu-title,
        .widget-category-2 ul li.has-children .dropdown-menu .submenu-title {
            font-size: 19px;
            font-weight: 500;
            display: block;
            color: #53565a;
            padding: 5px 34px
        }

        .categories-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2,
        .widget-category-2 ul li.has-children .dropdown-menu .header-banner2 {
            display: block;
            position: relative;
            margin-bottom: 15px
        }

            .categories-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2 .banne_info,
            .widget-category-2 ul li.has-children .dropdown-menu .header-banner2 .banne_info {
                position: absolute;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                padding: 15px
            }

                .categories-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2 .banne_info a,
                .widget-category-2 ul li.has-children .dropdown-menu .header-banner2 .banne_info a {
                    text-transform: capitalize;
                    position: relative;
                    padding: 0;
                    color: #272a2c !important
                }

                    .categories-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2 .banne_info a::before,
                    .widget-category-2 ul li.has-children .dropdown-menu .header-banner2 .banne_info a::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        height: 1px;
                        width: 50%;
                        background-color: #272a2c;
                        -webkit-transition: .5s ease-in-out;
                        transition: .5s ease-in-out
                    }

.categories-dropdown-wrap .more_categories span.icon {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    border: 2px solid;
    border-radius: 30px;
    margin-right: 5px
}

    .categories-dropdown-wrap .more_categories span.icon::before {
        content: "";
        width: 12px;
        height: 2px;
        background-color: #53565a;
        position: absolute;
        right: 4px;
        top: 9px
    }

    .categories-dropdown-wrap .more_categories span.icon::after {
        content: "";
        width: 2px;
        height: 12px;
        background-color: #53565a;
        position: absolute;
        right: 9px;
        top: 4px
    }

.categories-dropdown-wrap.style-2 {
    border: 1px solid #bce3c9;
    border-radius: 10px;
    padding: 30px
}

    .categories-dropdown-wrap.style-2 ul li {
        border-radius: 0;
        border: 0;
        height: 24px;
        padding: 0;
        line-height: 24px;
        margin-bottom: 16px
    }

        .categories-dropdown-wrap.style-2 ul li a {
            font-weight: 500
        }

    .categories-dropdown-wrap.style-2 .more_categories {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }

        .categories-dropdown-wrap.style-2 .more_categories .icon {
            -webkit-transform: scale(.7);
            transform: scale(.7)
        }

.single-contentx h1,
.single-contentx h2,
.single-contentx h3,
.single-contentx p {
    font-size: 17px !important;
    line-height: 28px !important
}

.single-contentx h1 {
    font-size: 39px !important;
    margin-bottom: 19px
}

.single-contentx h2 {
    font-size: 23px !important;
    margin-bottom: -10px
}

.single-contentx p {
    font-size: 21px !important;
    line-height: 34px !important;
    margin-bottom: 20px !important;
    color: #222222 !important
}

.geoImage {
    max-width: 525px;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left
}

.mapGeo a {
    color: #000083;
    margin-right: 5px
}

    .mapGeo a:hover {
        text-decoration: underline
    }

.pagination-area .page-item {
    margin: 0 5px
}

    .pagination-area .page-item:first-child {
        margin-left: 0
    }

    .pagination-area .page-item.active .page-link,
    .pagination-area .page-item:hover .page-link {
        color: #fff;
        background: #53565a
    }

    .pagination-area .page-item:last-child .page-link {
        border-top-right-radius: 40px;
        border-bottom-right-radius: 40px;
        line-height: 43px
    }

    .pagination-area .page-item:first-child .page-link {
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        line-height: 43px
    }

.pagination-area .page-link {
    border: 0;
    padding: 0 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 40px;
    color: #4c4646;
    line-height: 40px;
    text-align: center;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    background-color: #f2f3f4
}

    .pagination-area .page-link.dot {
        background-color: transparent;
        color: #4c4646;
        letter-spacing: 2px
    }

.widget-category ul > li {
    padding: 6px 0;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

    .widget-category ul > li:hover {
        padding-left: 5px;
        -webkit-transition-duration: .2s;
        transition-duration: .2s
    }

    .widget-category ul > li a {
        color: #242424
    }

.category-content-box {
    border: 1px solid #f8d3bc;
    padding: 15px;
    border-radius: 15px;
    margin: 10px -8px;
    background: #ffe6d7;
}

    .category-content-box h3 {
        font-size: 20px;
        margin-bottom: 15px
    }

.price_range {
    background: url(../imgs/banner/fillter-widget-bg.png) right bottom/150px no-repeat
}

.accordion {
    background-color: #fff
}

.primary-sidebar .sidebar-widget {
    position: relative;
    padding: 15px;
    border: 1px solid #ececec;
    border-radius: 15px;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05)
}

.subCategory {
    max-height: 107px;
    overflow-x: hidden
}

.widget-category-2 ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 48px;
    border-radius: 5px;
    border-bottom: 1px solid #f7f7f7;
    padding: 11px 6px;
    margin: 0 0 5px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

    .widget-category-2 ul li:last-child {
        margin-bottom: 0 !important
    }

    .widget-category-2 ul li:hover {
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

    .widget-category-2 ul li a img {
        max-width: 30px;
        margin-right: 15px
    }

.widget-category-2 .count {
    display: inline-block;
    background-color: #bce3c9;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 20px;
    margin-left: 5px;
    font-size: 12px;
    color: #222222
}

.sidebar-widget .widget-header h5 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 14px
}

.sidebar-widget .banner-img {
    float: none
}

.widget_archive li,
.widget_categories li.cat-item,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li {
    text-align: right;
    border-bottom: 1px dotted rgba(0, 0, 0, .15);
    display: table;
    width: 100%;
    font-size: 14px;
    padding: 7px 0
}

    .widget_archive li a,
    .widget_categories li.cat-item a,
    .widget_pages li a {
        text-align: left;
        float: left;
        padding: 0
    }

.widget-tags li {
    margin: 0 20px 20px 0
}

.widget_instagram .insta-feed {
    padding-top: 5px;
    margin: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vendor-logo img {
    max-width: 100px
}

footer .mobile-social-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: -7px;
}

    footer .mobile-social-icon h6 {
        display: inline-block;
        margin-right: 15px
    }

footer .hotline img {
    min-width: 10px;
    margin-right: 12px;
    max-width: 30px;
    opacity: .5
}



.widget-about {
    min-width: 300px;
    font-size: 15px
}

.news-bulten {
    min-width: 310px
}

.contact-infor,
.footer-link-widget p {
    font-size: 14px;
    color: #222222;
}

    .contact-infor li img {
        margin-right: 8px;
        max-width: 16px
    }

.footer-list {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 170px
}

    .footer-list li {
        display: block;
        margin: 4px 0 6px;
        transition-duration: .3s;
    }

        .footer-list li:hover {
            -webkit-transition-duration: .3s;
            transition-duration: .3s
        }

        .footer-list li a {
            font-size: 14px;
            color: #222222;
            display: block;
        }

.footer-bottom {
    border-top: 1px solid #ededed
}





.footer-mid .widget-title {
    margin: 15px 0 11px;
}

.accordion {
    color: #000;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    margin-top: 2px;
    border: none;
    text-align: left;
    outline: 0;
    font-size: 15px;
    transition: .4s;
    font-weight: 450
}

    .accordion:after {
        content: "\002B";
        color: #777;
        font-weight: 500;
        float: right;
        margin-left: 5px
    }

.activeAcc:after {
    content: "\2212"
}

.panel {
    padding: 0 18px;
    background: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}

.category-accordion {
    border: 1px solid #efefef;
    border-radius: 5px !important;
    padding: 13px
}

    .category-accordion.accordion:after {
        font-size: 25px;
        position: relative;
        top: -6px
    }

    .activeAcc,
    .category-accordion:hover {
        background-color: #f3f3f3
    }

.activeP {
    padding: 18px
}

#ui-id-1 {
    top: 160px !important;
    border: 1px solid #9ab995 !important;
    border-radius: 5px !important;
    left: 12.5% !important;
    right: 0 !important;
    max-width: 35%;
    margin: auto;
    position: fixed;
}

.ui-menu-item {
    border-bottom: 1px solid #ecebec !important;
    padding: 7px 0 !important;
    height: fit-content;
    display: flex
}

    .ui-menu-item-wrapper:hover,
    .ui-menu-item:hover,
    .ui-menu-item:hover .ui-menu-item-wrapper {
        background-color: #faebd7 !important;
        outline: 0 !important;
        color: #000 !important;
        border: none !important;
        cursor: pointer
    }

        .ui-menu-item-wrapper:hover,
        .ui-menu-item:hover .ui-menu-item-wrapper {
            margin: 1px !important;
            cursor: pointer
        }

.ui-image {
    max-width: 55px;
    border-radius: 5px;
    margin-right: 10px;
    margin-left: 10px
}

.ui-item-li {
    display: flex;
    align-items: center;
    cursor: pointer
}

@media only screen and (max-width:768px) {
    .product-thumbnail {
        max-width: 70px;
    }

    button.btn-close.close-3d {
        position: absolute;
        right: 21px;
        top: 50px;
        background: white;
        padding: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: inherit;
        color: black;
    }

    .order-wizard-card-information {
        padding: 20px;
        background-color: white;
    }

    .image.product-thumbnail.col-3.col-md-1 {
        padding: 0px 0px 0px 0px;
    }

    .slider-nav-thumbnails button,
    figure.zoom img:hover {
        opacity: 1 !important;
    }

    .banner-big .btn,
    .header-style-3 .sticky-bar.stick.sticky-blue-bg,
    .header-style-4 .sticky-bar.stick.sticky-blue-bg {
        background-color: #53565a
    }

    .product-subtab {
        overflow-x: scroll;
    }

    .nav-tabs {
        border: none;
        border-radius: 0;
        padding: 0;
    }

    .mini-cart-icon {
        margin-top: 0px;
    }

    .totall-product h2 {
        font-size: 28px
    }



    #order-form {
        padding: 15px
    }

    .payment-type-form {
        margin: 0 !important
    }

    .cart-totals {
        margin-top: 10px;
        margin-bottom: 10px !important;
        margin-left: 0 !important
    }



    .logo.logo-width-1 a img {
        width: 120px;
        min-width: 120px;
        margin-top: 15px
    }

    .header-bottom {
        padding: 20px 0
    }

    .header-action .header-action-icon,
    .header-action .header-action-icon.header-action-mrg-none,
    .header-action .header-action-icon.header-action-mrg-none2 {
        margin-right: 15px
    }

        .header-action .header-action-icon > a {
            font-size: 20px
        }



        .header-action .header-action-icon-2:last-child {
            padding: 0 0 0 6px
        }


    .cart-overlay-close {
        position: absolute;
        left: 23px;
        color: white;
        top: 32px;
        right: inherit;
        max-width: 30px;
    }


    .cart-dropdown-wrap ul li .shopping-cart-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        margin-right: 10px
    }

    .basketDropdown {
        width: 83%;
    }

    .shopping-cart-button a {
        display: flex;
        justify-content: center;
    }

    .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a {
        padding: 12px 22px 13px
    }

    .categories-dropdown-wrap ul li a {
        padding: 5px 12px
    }

    .search-popup-wrap .search-popup-content .searchForm input {
        width: 270px;
        font-size: 25px;
        padding: 21px 20px 12px 0
    }

    .mobile-header-wrapper-style {
        width: 85%;
    }

        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
            padding: 15px 30px 13px;
            border-bottom: 1px solid #ececec
        }

            .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img {
                width: 140px;
                height: 83px;
            }

    .header-height,
    .header-height-1 {
        min-height: 65px
    }

    .home-slider.pt-50 {
        padding-top: 0 !important
    }

    .banner-big h4,
    .home-slide-cover .hero-slider.style-4 .hero-slider-content-2 h4 {
        font-size: 12px
    }

    .banner-big h2 {
        font-size: 16px
    }

    .banner-big .btn {
        color: #fff;
        border-radius: 3px;
        font-size: 13px;
        padding: 10px 22px;
        border: 0
    }

    .detail-info .product-extra-link2 .button.button-add-to-cart i,
    .footer-mid .widget-about strong,
    .home-slider .slider-arrow,
    .product-list .product-cart-wrap p.mt-15,
    .shopping-summery .form-check-label {
        display: none
    }

    .home-slider .hero-slider {
        height: 350px
    }

        .home-slider .hero-slider.style-2 {
            height: 400px
        }

            .home-slider .hero-slider.style-2 .hero-slider-content-2 {
                padding-left: 0;
                padding-top: 100px
            }

            .home-slider .hero-slider.style-2 .single-slider-img img {
                max-width: 400px
            }

            .home-slider .hero-slider.style-2 .slider-1-height-2 {
                height: 400px;
                position: relative
            }

    .banner-img {
        float: left
    }

        .banner-img.f-none {
            float: none
        }

    .hero-slider.style-3 .slider-1-height-3 {
        height: 390px
    }

    .hero-slider.style-3 .hero-slider-content-2 {
        padding-left: 20px
    }

    .home-slide-cover .hero-slider.style-4 .hero-slider-content-2 {
        padding-left: 0
    }

        .detail-info h2,
        .home-slide-cover .hero-slider.style-4 .hero-slider-content-2 h1 {
            font-size: 30px
        }

        .home-slide-cover .hero-slider.style-4 .hero-slider-content-2 h2,
        .shopping-summery h6 {
            font-size: 14px
        }

    .header-style-3 .header-bottom-bg-color {
        border-bottom: 2px solid#53565a
    }

    .header-style-3 .main-nav,
    .header-style-4 .main-nav {
        border: none !important
    }

    .font-xxl {
        font-size: 38px
    }

    .single-page.pl-30,
    .single-page.pr-30 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .download-app {
        margin-bottom: 0 !important
    }

    .footerBox .logo {
        text-align: left
    }

    .footer-mid .footer-logo {
        max-width: 133px;
        margin-bottom: 10px;
    }

    footer .mobile-social-icon {
        margin-left: 0px;
        align-self: center;
        justify-content: center !important;
    }

    .footer-certifica-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contact-infor .d-flex {
        justify-content: center;
    }

    .footer-mid-col {
        text-align: center;
    }


    .footer-mid .news-bulten,
    .footer-mid .widget-about {
        min-width: 205px
    }

    .product-list .product-cart-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

        .product-list .product-cart-wrap .product-img-action-wrap {
            max-width: 45%
        }

        .product-list .product-cart-wrap h2 {
            font-size: 24px
        }

        .product-list .product-cart-wrap .product-rate-cover {
            margin-bottom: 20px
        }

    .detail-info {
        padding: 0 !important
    }

        .detail-info .detail-extralink .detail-qty {
            padding: 5px 15px;
            max-width: 75px
        }





    .shopping-summery table tbody tr img {
        max-width: 80px;
        margin-right: 15px
    }

    .shopping-summery td.pl-30 {
        padding-left: 0 !important
    }

    .shopping-summery button.btn {
        width: 120px;
        margin-left: 15px
    }

    .custom-modal .modal-dialog {
        max-width: 720px !important
    }

    .mobil-fixed-btn {
        position: fixed;
        bottom: 0;
        z-index: 1;
        background: #ffede3;
        padding: 10px;
        border-top: 1px solid #ffe6d7;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .des-header-wrap {
        height: 50px;
    }

    .mob-logo {
        max-width: 180px;
        position: relative;
        top: 5px;
    }



    .product-cart-wrap .product-content-wrap .product-price span.old-price {
        font-size: 13px;
    }

    .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a {
        display: flex;
        font-size: 13px;
        color: #000;
        border-radius: 4px;
        align-items: center;
        border: 1px solid #000000;
        padding: 10px 4px !important;
        background: #fdfdfd !important;
        width: 100%;
    }

    .mob-price-left-btn .old-price {
        text-decoration: line-through;
        font-family: "Inter", sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        text-decoration-line: line-through;
    }


    .quickView-Current-Price {
        font-size: 17px !important;
        text-decoration: none;
        margin-top: 0px;
        color: #d24300;
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }




    a.bannerImgUrl:active, a.bannerImgUrl:hover {
        cursor: pointer;
    }

    .addText, .find-product-box .product-cart-wrap .product-content-wrap h2 {
        font-size: 22px;
    }


    .tab-style3 {
        padding: 0px 15px 0px 15px;
    }

    #Description {
        padding-bottom: 20px;
    }

    .commentCustomerBox {
        padding: 15px !important;
        margin-top: 0px;
        margin-bottom: 100px;
    }

    .barcodeBox {
        display: none;
    }



    .scUp {
        -webkit-animation: mover 1s infinite alternate;
        animation: mover 1s infinite alternate;
    }

    .scUp {
        -webkit-animation: mover 1s infinite alternate;
        animation: mover 1s infinite alternate;
    }

    .banner-img a {
        display: block;
        height: 100%;
        max-height: 100%;
    }

    ul#select2-city-id-results {
        max-height: 426px;
        overflow-y: auto;
    }

    ul#select2-district-id-results {
        max-height: 426px;
        overflow-y: auto;
    }

    ul#select2-neighborhood-id-results {
        max-height: 426px;
        overflow-y: auto;
    }

    @-webkit-keyframes mover {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-10px);
        }
    }

    @keyframes mover {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-10px);
        }
    }

    .scDown img {
        -webkit-animation: mover 1s infinite alternate;
        animation: mover 1s infinite alternate;
    }

    .scDown img {
        -webkit-animation: mover 1s infinite alternate;
        animation: mover 1s infinite alternate;
    }

    .scDown img {
        position: absolute;
        right: 21px;
        max-width: 40px;
        margin: auto;
        top: 78%;
    }

    @-webkit-keyframes mover {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(10px);
        }
    }

    @keyframes mover {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(10px);
        }
    }


    .infoOverlay {
        display: none;
        top: 0;
        position: fixed;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #00000080;
        visibility: hidden;
        opacity: 0;
        height: 40%;
        z-index: 999;
    }

    .comments-area p {
        font-size: 13px !important;
        max-height: 100px;
        min-height: 100px;
        overflow: auto;
    }

    .single-comment {
        position: relative;
    }

    .comments-area .thumb {
        position: absolute !important;
        left: 14px;
        top: 2px;
        background: none;
        border-radius: inherit;
    }

    .customer-comment-name {
        font-size: 12px;
        left: 14px;
        text-align: center;
        width: inherit !important;
        height: inherit !important;
        background: none !important;
        display: flex;
        align-items: center;
        border: none !important;
    }

    img.default-img.lazy {
        margin: auto;
    }

    .shoppingCartDiscountBox {
        margin-top: 15px;
        padding: 5px;
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .mobile-promotion {
        display: block;
        background: #53565a;
        color: #fff;
        position: relative;
        text-align: center
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .header-action .header-action-icon,
    .header-action .header-action-icon.header-action-mrg-none,
    .header-action .header-action-icon.header-action-mrg-none2 {
        margin-right: 20px
    }



    .header-action .header-action-icon-2 {
        padding: 0 10px
    }

        .header-action .header-action-icon-2:last-child {
            padding: 0 0 0 10px
        }

    .cart-dropdown-wrap {
        width: 310px
    }

    .search-popup-wrap .search-popup-content .searchForm input {
        width: 480px;
        font-size: 25px;
        padding: 21px 20px 12px 0
    }

    .comment-form .name {
        padding-right: 0;
        margin-bottom: 1rem
    }

    .header-style-5 .search-style {
        display: none
    }

    .partial-three-tool {
        padding: 0;
        display: flex;
        justify-content: space-around;
        background-color: #ffca5e
    }
}

@media only screen and (min-width:767px) and (max-width:820px) {
    .scUp {
        display: none !important;
    }

    .product-detail-name-d-flex {
        flex-direction: column;
    }

    .accordion-detail .mt-30 {
        margin-top: 0px !important;
    }
}

/*Desktop*/
@media(min-width:960px) {
    .shopping-cart-footer {
        display: flex;
        flex-direction: column;
        position: fixed;
        width: 20%;
        bottom: 10px;
    }

    .video-dot {
        display: none !important;
    }

    #imageModal .modal-content {
        max-width: 70%;
        margin: auto;
    }

    #shopping-cart-gift-item .basketItemBox {
        justify-content: flex-start;
    }

    .detail-info.pr-30.pl-30.tablet-detail-info {
        position: sticky;
        top: 13%;
        padding-right: 0px !important;
    }

    h2.section-title.style-1 {
        margin-left: 10px;
    }

    #kvkkModal .modal-body {
        max-height: 750px;
        overflow-y: scroll;
    }

    .detail-info .product-price {
        margin: 0px 0px 15px 0px;
        width: 100%;
    }


    .product-detail.accordion-detail {
        padding-bottom: 75px;
    }

    .commentCustomerBox {
        margin-top: 20px;
    }

    .commentAdd-text.color-filter.d-flex.align-items-center.loginNone {
        padding-left: 10px;
    }

    img.default-img.lazy {
        max-width: 100%;
        margin: auto;
    }


    .footer-value-card {
        background: #ffffff;
    }

    span.getDiscountOnSecond.getDiscountOnSecondPD {
        right: inherit !important;
        left: 67px;
        padding: 0px 7px !important;
        z-index: 2;
        top: 19px;
    }

    span.save-price.font-md.color3 {
        position: absolute;
        z-index: 4;
        padding: 2px;
        display: flex;
        align-items: center;
        max-width: 47px !important;
        flex-wrap: wrap;
        min-height: 24px;
        border-radius: 200px;
        color: #ffffff;
        overflow: hidden;
        background: #D24300;
        text-overflow: ellipsis;
        font-family: "Inter", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-transform: uppercase;
        top: 20px;
        left: 15px;
        padding: 3px 7px;
    }

    .button-add-to-cart {
        max-width: 47%;
        padding: 10px !important;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .buy-together-title {
        margin-bottom: 20px;
        margin-top: 25px;
    }

    .buy-together-product {
        min-width: 143px;
        max-width: 150px;
        min-height: auto !important;
    }

    .buy-together-box {
        display: flex;
        align-items: center;
        gap: 35px;
    }

    .buy-together-add-btn {
        background: #ffffff;
        gap: 6px;
        border: 1px solid #53565a;
    }

        .buy-together-add-btn:hover {
            color: #013B30;
            border: 1px solid #FF6A08;
        }

    .row.urun-degerlendirmeleri {
        flex-direction: column-reverse;
    }

    .product-feature-card {
        flex: 1;
        max-width: 100% !important;
    }

    .single-comment.justify-content-between.d-flex.mb-10 {
        background: #ffe6d7;
        padding: 20px;
        margin: 10px 0px;
    }

    .single-comment.justify-content-between.d-flex {
        border: none;
        margin: 10px 0px;
        padding: 5px 0px;
        min-height: 120px;
    }

    .product-features-header {
        margin: 25px 0px;
    }

    .comments-area .comment-list {
        padding-bottom: 3px !important;
        padding-right: 10px !important;
    }

    .comment-list {
        max-height: 426px;
        overflow-y: scroll;
    }

    a.btn.mb-20.w-100.basket-fixed-btn {
        border-radius: 200px;
        background: var(--Content-Greenscale-light-green, #ff6a08);
        display: flex;
        height: 48px;
        padding: 10px 28px;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .couponBox {
        max-width: 43%;
        margin: 20px 0px 0px -15px;
    }

    .coupon-btn {
        border-radius: 23px;
        padding: 5px 15px;
    }

    .col-md-12.justify-content-center.shoppingCartDiscountBox {
        margin-left: -10px;
    }

    .shoppingCartDiscountBox #products h3.font-heading.mt-10 {
        font-size: 18px;
        margin-bottom: 5px;
        color: #53565a;
        margin-top: 20px !important;
    }

    .order-summary-item-box {
        width: 100%;
        margin-left: 0px;
        padding-bottom: 6px;
    }
}

@media only screen and (min-width:650px) and (max-width:997px) {
    .header-height,
    .header-height-1,
    .header-height-3,
    .header-height-4 {
        min-height: 50px
    }

    .header-action .header-action-icon,
    .header-action .header-action-icon.header-action-mrg-none,
    .header-action .header-action-icon.header-action-mrg-none2 {
        margin-right: 33px
    }

    input#txtSearchs {
        border: none
    }

    .header-action .header-action-icon-2 > a {
        color: #fff;
        fill: #fff
    }

    .search-popup-wrap .search-popup-content .searchForm input {
        width: 650px;
        font-size: 35px
    }

    .header-height {
        border-bottom: 2px solid#53565a
    }

    .header-style-5 .header-bottom {
        padding: 5px 0;
        border-bottom: 1px solid #f7f8f9
    }

    .comment-form .email {
        padding-left: 0
    }

    .loop-grid.pr-30 {
        padding-right: 0 !important
    }

    .header-bottom {
        padding: 26px 5px !important
    }

    .product-badges span {
        font-size: 11px !important
    }

    .tag-header {
        padding: 15px 35px
    }

    .range .list-group-item {
        max-height: fit-content !important
    }

    .category-list-dropdown {
        width: 270px !important
    }

    .weCallHead i {
        position: relative;
        top: 2px
    }

    .weCallHead {
        background: #ffca5e;
        padding: 2px 5px;
        display: block;
        color: #000;
        border-right: 1px solid;
        flex: 1
    }

        .weCallHead:last-child {
            border: none !important
        }

    .mobile-promotion {
        display: block;
        background: #53565a;
        color: #fff;
        position: relative;
        text-align: center
    }

    .head-info-bar {
        padding: 1px
    }

    .partial-three-tool {
        padding: 0;
        display: flex;
        justify-content: space-around;
        background-color: #ffca5e
    }

    .weCallHead a {
        color: #113e10 !important;
        font-weight: 600
    }
}

@media only screen and (min-width:997px) and (max-width:1199px) {
    .totall-product h2 {
        font-size: 28px
    }

    .loop-grid.loop-list article .post-thumb {
        min-height: 220px;
        min-width: 300px
    }

    .loop-grid.loop-list article h3.post-title {
        font-size: 22px;
        margin-bottom: 30px !important
    }

    .header-style-5 .search-style,
    .loop-grid.loop-list article .post-exerpt {
        display: none
    }

    .loop-grid.loop-list article .entry-content-2.pl-50 {
        padding-left: 30px !important
    }

    .logo.logo-hm3 a img {
        width: 120px
    }

    .main-menu.main-menu-mrg-1 {
        margin: 0 0 0 15px
    }

    .main-menu > nav > ul > li ul.sub-menu li ul.level-menu.level-menu-modify {
        width: 165px
    }

    .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content {
        left: 20px;
        top: 22px
    }

        .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content h3 {
            font-size: 20px;
            line-height: 1.3;
            margin: 5px 0 7px
        }

        .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-price {
            margin: 0 0 10px
        }

        .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-btn a {
            padding: 10px 16px 13px
        }

    .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-discount {
        width: 70px;
        height: 70px;
        line-height: 70px
    }

    .main-menu.main-menu-padding-1 > nav > ul > li {
        padding: 0 8px
    }

    .main-menu.main-menu-padding-1.hm3-menu-padding > nav > ul > li {
        padding: 0 6px
    }

    .header-action.header-action-hm3 .header-action-icon {
        margin-right: 15px
    }

        .header-action.header-action-hm3 .header-action-icon.header-action-mrg-none2,
        .header-action.header-action-hm3 .header-action-icon:last-child {
            margin-right: 0
        }

    .search-style .searchForm input {
        width: 340px
    }

    .hotline {
        display: none !important
    }

    .header-style .main-categori-wrap > a.categories-button-active {
        padding: 0 6px;
        font-size: 13px
    }

    .search-popup-wrap .search-popup-content .searchForm input {
        width: 820px
    }

    .header-height-1 {
        min-height: 157px
    }

    .header-height-3 {
        min-height: 133px
    }

    .header-height-4 {
        min-height: 144px
    }

    .product-cart-wrap {
        background: white;
    }
}

@media only screen and (min-width:833px) and (max-width:1099px) {
    .scUp {
        display: none;
    }

    .tablet-urun-adi {
        flex-direction: column;
        text-align: left;
    }

    .detail-info.pr-30.pl-30.tablet-detail-info {
        top: 6%;
    }

    .product-detail-name-d-flex {
        align-items: start !important;
    }

    span.save-price.font-md.color3 {
        font-size: 19px;
        border: 1px solid #ecebec;
        padding: 5px 10px;
        border-radius: 5px;
        background-color: #abcda2;
        color: white;
    }

    span.price-left-box.d-flex.align-items-start.flex-column {
        margin-left: 10px;
    }

    span.quickView-Current-Price.current-price {
        font-size: 20px !important;
        color: #c50000;
    }

    a.button.button-add-to-cart {
        max-width: 90% !important;
        margin-left: 6px !important;
    }

    .tablet-last-footer-item {
        width: 100% !important;
    }

        .tablet-last-footer-item * {
            text-align: left !important;
        }

    .product-cart-wrap {
        background: white;
    }
}

@media (min-width:1160px) {
    .col-md-1-5 {
        width: 20%
    }

    .col-md-2-5 {
        width: 40%
    }

    .col-md-3-5 {
        width: 60%
    }

    .col-md-4-5 {
        width: 80%
    }

    .col-md-5-5 {
        width: 100%
    }

    .footer-mid-col {
        padding-left: 47px;
    }

    .des-none {
        display: none !important
    }

    .category-list-dropdown .sort-by-product-wrap {
        border: 1px solid #e3e3e3 !important;
        box-shadow: 5px 5px 15px rgb(0 0 0 / 5%)
    }

    .product-list-select {
        flex: 100%;
        display: block !important
    }

        .product-list-select .category-list-dropdown {
            margin-right: 0 !important
        }

    .mobile-promotion {
        display: none
    }

    .desc {
        min-width: 100%;
    }

    .select2-container {
        width: 185px !important;
    }
}
/*Mobile*/
@media(max-width:1159px) {


    .logo.logo-width-1 {
        margin-right: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }


    .urun-degerlendirmeleri {
        flex-direction: column-reverse !important;
    }

    .desc {
        width: 100%;
    }

    .comment-form {
        margin-bottom: 20px;
        padding: 13px 22px;
        margin-top: 20px;
        background: #ffede3;
        border-radius: 16px;
        border: 1px solid #ffdac3;
    }
    /* .tbfBanner{
        content:url()
    }*/


    .comment-list {
        max-height: inherit;
        overflow-y: inherit;
        padding: 0px;
        margin-left: -2px;
    }

    .product-detail-name {
        font-size: 21px !important;
        color: black;
        margin-bottom: 0px;
        padding-bottom: 0px;
        border: none;
    }

    #productPartial .sub-title {
        display: none
    }

    a.button.button-add-to-cart {
        border: none !important;
        margin: auto;
        margin-top: 5px;
        margin-bottom: 9px;
        height: 40px !important;
        line-height: 26px !important;
        border-radius: 200px !important;
        background: #FF6A08;
        text-transform: uppercase;
        display: flex;
        gap: 5px;
        align-items: normal;
    }

    .product-detail-name-d-flex {
        /*    border-bottom: 1px solid white;*/
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0px;
        padding-bottom: 8px;
    }

    .header-action-left, .header-action-right {
        flex: 1;
    }

    .header-action-right {
        justify-content: flex-end;
    }



    .header-bottom {
        padding: 8px 5px
    }

    .mob-none {
        display: none !important
    }

    .filter-overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        text-align: center;
        background: #fff;
        margin: 0;
        z-index: 999;
        display: none;
        opacity: .98
    }

    .customSearch .primary-sidebar .sidebar-widget {
        border-radius: 0 !important
    }

    .mob-header-wrap {
        display: flex;
        align-items: center;
    }




    body {
        background: #f7f7f7 !important;
        font-family: "Inter", sans-serif;
    }

    .getXyIcon {
        max-width: 89px;
    }

    .getXyIconpd {
        position: absolute;
        right: 15px;
        bottom: 130px;
    }

    /*Category Slider*/
    .category-slider, .brand-slider {
        display: flex;
        justify-content: center;
        padding: 0px 0px 0px 0px;
        margin-bottom: 0px;
    }


    .footer-link-widget.news-bulten.col.wow {
        text-align: center;
    }

    .category-item {
        position: relative;
        border-radius: 50%;
        margin: 0px;
    }

        .category-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
        }


    .surdurulebilirlik {
        content: url(../imgs/banner/surdurulebilirlik-mob.jpg)
    }

    /*Category Slider*/

    img.cica-sec {
        max-width: 404px;
        width: 100%;
    }

    img.hydra-sec {
        max-width: 542px;
        width: 100%;
    }


    .pdsingleDetail {
        padding: 15px 15px 0px 15px;
    }

        .pdsingleDetail span.old-price {
            font-size: 16px;
        }

    a.button.button-add-to-cart.single-add-to-cart {
        background: none;
        border: 1px solid black !important;
        color: black !important;
        margin-top: 50px;
        max-width: 100% !important;
        padding: 0px !important;
        margin: 15px 0px !important;
        border-radius: 0px !important;
        height: 50px !important;
        line-height: 50px !important;
        font-size: 18px !important;
    }

    div#cookieseal-banner {
        max-width: 100% !important;
    }

    #cookieseal-banner .cookieseal-banner-body {
        padding: 1em;
        flex-direction: column;
        justify-content: space-between;
        gap: 1em;
    }


    .basketTotalItemCountBox {
        margin-bottom: 9px;
        margin-left: 4px;
        margin-right: 0px;
        border-radius: 5px;
        font-size: 12px;
    }

    main.main.product-detail-main {
        background: #f2f2f2;
    }

    .detail-gallery {
        border: none;
        background: #ffe6d7;
    }

    .pd-category-name {
        display: none;
    }

    .product-image-slider ul.slick-dots {
        position: absolute;
        left: 0;
        bottom: 1%;
        left: 0;
        display: flex;
        gap: 10px;
        right: 0;
        justify-content: center;
        top: inherit !important;
    }









    #sliderVideo {
        margin-top: -5px;
    }

    .detail-gallery .product-image-slider {
        border: none !important;
        min-height: 445px;
    }

    .product-detail.accordion-detail {
        background: #f2f2f2;
    }


    .product-image-slider ul.slick-dots li button {
        background: #a3a3a3;
        border: none;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        color: #000000;
        padding: 4px;
    }



    .product-image-slider .slick-active button {
        background: #ff6a08 !important;
    }

    .video-play-button:hover {
        background: rgba(0, 0, 0, 0.7); /* Hover durumunda koyulaştır */
        transform: translate(-50%, -50%) scale(1.1); /* Hafif büyütme efekti */
    }

    .slick-vertical .slick-slide {
        border: none;
    }

    .getXyText {
        margin-left: 0px !important;
        padding: 8px;
        border-radius: 5px;
        margin-right: 0px !important;
        position: inherit;
    }

    .mob-pr-slider-title {
        font-size: 16px;
    }
}

@media(min-width:1160px) {
    .partial-three-tool {
        display: none !important
    }

    .container-header {
        max-width: 1550px;
    }
}

@media only screen and (min-width:1600px) {
    .header-action-right .search-location {
        display: block
    }
}

@media only screen and (min-width:1200px) {
    .container {
        max-width: 1385px;
    }

    .container-header {
        max-width: 1410px;
    }

    .col-lg-1-5 {
        width: 20%
    }

    .col-lg-2-5 {
        width: 40%
    }

    .col-lg-3-5 {
        width: 60%
    }

    .col-lg-4-5 {
        width: 80%
    }

    .col-lg-5-5 {
        width: 100%
    }

    .header-action-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .main-menu.main-menu-padding-1 > nav > ul > li {
        padding: 0 14px
    }
}

@media(max-width:770px) and (min-width:440px) {
    img.default-img.lazy {
        max-width: 65% !important;
        margin: auto;
    }
}

@media only screen and (max-width:1400px) {
    .product-cart-wrap.style-2 .product-content-wrap {
        max-width: 94%
    }

    .display-2 {
        font-size: 64px
    }

    .banner-img.style-2 {
        height: 483px
    }

    .slider-nav-thumbnails button.slick-arrow.slick-prev {
        left: 10px
    }

    .slider-nav-thumbnails button.slick-arrow.slick-next {
        right: 10px
    }

    .zoomContainer {
        display: none
    }

    .detail-info h2 {
        font-size: 30px
    }
}

@media only screen and (max-width:1024px) {

    .mob-logo {
        width: 90px;
        top: 3px;
    }
    .Home-Index .section-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .product-rate-cover.productComponentRate {
        position: static;
    }

    .header-style .main-categori-wrap {
        margin-right: 20px
    }

    .header-mob-search-icon {
        font-size: 24px;
        margin-right: 11px;
        position: relative;
        top: -.5px
    }

    .basketItemBox img {
        max-width: 74px;
        border-radius: 16px;
        position: relative;
        top: 17px;
    }




    .basketItemBox .action {
        position: absolute;
        top: 8px;
        right: 12px;
        max-width: 15px;
    }

    .banner-big h1 {
        font-size: 22px
    }

    .banner-big .btn {
        border-radius: 3px;
        font-size: 12px;
        padding: 6px 12px;
        border: 0
    }

    .banner-img .banner-text h4 {
        margin-top: 0 !important;
        min-height: 50px;
        font-size: 18px
    }

    .header-wrap .header-right {
        overflow: hidden
    }

    .footer-link-cover,
    .section-title.style-2,
    .vendor-wrap.style-2 {
        display: block
    }

        .footer-link-cover .footer-link-widget {
            margin-right: 30px;
            float: left;
            margin-bottom: 30px
        }

            .footer-link-cover .footer-link-widget:not(:last-child) {
                margin-right: 30px
            }

    .et,
    .header-action .header-action-icon-2 span.lable,
    .hotline,
    li.hot-deals {
        display: none !important
    }

    .main-menu.main-menu-padding-1 > nav > ul > li {
        padding: 0 10px
    }

    .hero-slider .single-hero-slider .display-2 {
        font-size: 46px;
        margin-bottom: 25px !important
    }

    .hero-slider .single-hero-slider .slider-content p {
        font-size: 22px;
        margin-bottom: 40px !important
    }

    .header-middle-ptb-1 {
        padding: 100px 4px 0;
    }

    .close-search {
        max-width: 32px;
        position: absolute;
        right: 4%;
        top: 3%;
    }

    .header-style .select2-container {
        display: none !important;
    }

    .header-action .header-action-icon-2:last-child {
        padding: 0 0 0 8px
    }

    .nav-tabs.links .nav-link {
        padding: 0 7px;
        font-size: 14px
    }


    .product-list-small h6 {
        font-size: 14px
    }

    .product-list-small .product-rate-cover {
        display: none
    }

    .section-title.style-2 h3 {
        margin-bottom: 25px;
        font-size: 28px
    }

    .modal-open .modal {
        padding-right: 0 !important
    }

    .mt-md-30 {
        margin-top: 30px !important
    }

    .banner-img.style-4 .banner-text h4 {
        font-size: 20px
    }

    .header-style.header-style-5 .header-bottom-bg-color {
        background-color: #fff !important
    }

    .cart-totals {
        padding: 30px 10px
    }

    .order-wizard-card-information, .payment-type-table {
        padding: 15px 15px;
    }

    #order-form, .payment-type-form {
        background: #ffe6d7;
        padding: 0px;
        padding-bottom: 0px;
        margin-bottom: 10px !important;
        padding-top: 14px;
    }

    .tooltip {
        right: 0;
        top: -140px;
        margin-top: 5px;
        border: 1px solid #cccccc;
        border-radius: 11px 50px 0px 50px;
        font-size: 14px;
        opacity: 1;
        padding: 20px;
        left: -112px;
        width: 250px;
    }

    .single-content .single-excerpt, .single-content h4 {
        font-size: 18px;
        line-height: 10px;
    }

    .single-content p {
        margin-bottom: 1em;
        font-weight: 400;
        color: #222222;
        font-size: 14px;
    }
}

@media only screen and (max-width:650px) {
    #Description,
    .category-breadbox,
    .group-breadbox {
        overflow-x: scroll
    }

    img.close-kvkk {
        position: absolute;
        max-width: 57px;
        right: 2%;
        cursor: pointer;
        background: white;
        padding: 10px;
        top: 22%;
    }

    .border.order-wizard-card-information.mb-50 {
        background: white;
    }

    .primary-sidebar .sidebar-widget,
    .tag-header {
        padding: 15px;
        margin-bottom: 15px !important
    }

    #find-top-filter {
        flex-direction: column
    }

    .txtSearch {
        max-width: 72px;
        max-height: 22px;
        margin-top: 0;
        border-radius: 0 5px 5px 0 !important;
        background-color: #fff !important;
        color: #000 !important;
        border: 1px solid #ffffff !important;
        border-left: none !important;
        position: relative;
        top: 13px;
        right: 5px;
    }

    input#txtSearchs {
        border: none
    }

    .new-find-filter {
        position: absolute;
        right: 21px
    }

    .productBoxMain {
        padding-right: 5px !important;
        padding-left: 5px !important;
        margin-bottom: 5px !important;
        margin-top: 5px !important;
    }

    .footer-certifica-box .gorsel1 {
        max-width: 120px !important;
        margin-right: 0px;
    }

    .footer-certifica-box .gorsel2 {
        max-width: 125px !important;
    }

    .footer-certifica-box .gorsel3 {
        max-width: 85px !important;
    }

    .category-banner-item {
        background: #feefea;
        margin: 5px;
        border-radius: 5px;
        width: 100%;
        display: block;
        text-align: center;
        padding: 4px
    }

        .category-banner-item:nth-child(odd) {
            background: #ecffec
        }



    .section-2 .slick-dots, .section-4 .slick-dots, .section-6 .slick-dots {
        display: none !important;
    }

    .product-badges span.hot-1 {
        font-size: 11px !important;
        min-height: 37px !important;
    }





    .popular-categories {
        margin-bottom: 8px !important;
        margin-top: 15px !important
    }

    .mob-mt-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a {
        padding: 7px 16px 13px
    }

    .breadcrumb ul {
        flex-wrap: wrap
    }

    .category-breadbox .breadcrumb,
    .group-breadbox .breadcrumb {
        width: 600px;
        padding: 7px 14px;
    }

    .header-action .header-action-icon-2 > a span.pro-count {
        right: 3px;
    }

    .productSlider-columns-cover .productSlider-columns .product-cart-wrap {
        margin-right: 3px;
        margin-left: 3px
    }



    .page-header.breadcrumb-wrap {
        padding: 4px 5px;
        max-width: 100%;
        background-color: #ffe6d7 !important;
        overflow: auto;
    }

    .primary-sidebar .sidebar-widget, .tag-header {
        padding: 10px;
        margin-bottom: 10px !important;
        background-color: inherit !important;
    }

    .page-header.breadcrumb-wrap::-webkit-scrollbar {
        display: none; /* Chrome, Safari and Opera */
    }

    .pd-breadcrummb {
        width: 1000px
    }

    .weCallHead i {
        position: relative;
        top: 2px
    }

    .weCallHead {
        background: #ffca5e;
        padding: 2px 5px;
        display: block;
        color: #000;
        border-right: 1px solid;
        flex: 1
    }

        .weCallHead:last-child {
            border: none !important
        }

    .mobile-promotion {
        display: block;
        background: #53565a;
        color: #fff;
        position: relative;
        text-align: center
    }

    .head-info-bar {
        padding: 1px
    }

    .partial-three-tool {
        padding: 0;
        display: flex;
        justify-content: space-around;
        background-color: #ffca5e
    }

    .weCallHead a {
        color: #113e10 !important;
        font-weight: 600
    }



    .basket-fixed-btn,
    .w-50 {
        width: 96% !important;
        background: #f7f7f7;
    }

    #Description {
        max-width: 100%;
        width: 100%
    }

    .loop-big h2.post-title {
        font-size: 22px
    }

    .entry-meta.meta-1,
    .nav.right {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .banner-img.banner-big .banner-text,
    .d-sm-none,
    .first-post .btn.btn-sm,
    .first-post .meta-1 .font-sm,
    .header-style-5 .search-style,
    .hero-slider.style-2 .single-slider-img,
    .hero-slider.style-3 .hero-slider-content-2 a.btn,
    .section-title .show-all,
    .single-content .banner-text,
    .single-header-meta .single-share,
    .slider-arrow.slider-arrow-2.flex-right {
        display: none
    }

    .single-content blockquote {
        padding: 20px 30px;
        border-radius: 15px;
        margin: 20px auto;
        font-size: 16px;
        max-width: 100%
    }

        .single-content blockquote p {
            font-size: 16px;
            line-height: 22px
        }

    .hero-slider .single-hero-slider .display-2 {
        font-size: 32px
    }

    .hero-slider .single-hero-slider .slider-content p {
        font-size: 16px;
        margin-bottom: 40px !important
    }

    .hero-slider .single-hero-slider .slider-content .searchForm {
        max-width: 310px
    }

        .hero-slider .single-hero-slider .slider-content .searchForm button.submit,
        .hero-slider .single-hero-slider .slider-content .searchForm button[type=submit] {
            padding: 12px 20px
        }

    .security-code {
        padding: 0 20px
    }

    .post-list .post-thumb {
        max-width: unset;
        margin-right: 0 !important
    }

    .entry-meta.meta-2 a.btn {
        display: inline-block;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .entry-meta.meta-2 .font-xs {
        max-width: 150px;
        line-height: 1.3
    }

    .basketItemBox,
    .geoImage,
    .product-list .product-cart-wrap .product-img-action-wrap {
        max-width: 100%
    }

    .banner-bg h2 {
        font-size: 20px
    }

    .font-xxl,
    .section-title h3 {
        font-size: 28px
    }

    .entry-bottom,
    .loop-grid.loop-list article,
    .product-list .product-cart-wrap,
    .section-title .title,
    .single-header .single-header-meta {
        display: block
    }

    .carausel-6-columns,
    .productSlider-columns {
        overflow: hidden
    }

    .hero-slider {
        height: unset
    }

    .hero-slider-content-2 {
        text-align: center;
        padding-top: 20px
    }

        .hero-slider .single-hero-slider.rectangle .slider-content,
        .hero-slider-content-2 p {
            width: 100%
        }

    .header-height {
        min-height: 40px
    }

    .banner-left-icon,
    .nav-tabs.links .nav-link {
        margin-bottom: 10px
    }

    .header-action .header-action-icon-2:last-child {
        padding: 0
    }

    .popular-categories .slider-btn.slider-prev {
        right: 50px !important;
        left: unset !important
    }

    .entry-bottom,
    .mb-sm-0,
    .slick-track .product-cart-wrap {
        margin-bottom: 0 !important
    }

    .mb-sm-4 {
        margin-bottom: 1rem
    }

    .mb-sm-5 {
        margin-bottom: 2rem
    }

    .heading-tab {
        display: block !important
    }

    .section-title,
    .table td {
        display: block
    }

    .heading-tab h3.section-title {
        margin-bottom: 15px !important
    }

    .related-products .product-cart-wrap,
    .widget-about,
    ul.footer-list {
        margin-bottom: 30px
    }

    .section-padding-60 {
        padding: 30px 0
    }

    .pt-40,
    .pt-60 {
        padding-top: 30px !important
    }

    .pb-60 {
        padding-bottom: 30px !important
    }

    .mb-60,
    .mb-xs-30,
    .product-cart-wrap:not(:last-child) {
        margin-bottom: 5px !important;
    }

    .hero-slider.style-3 .slider-1-height-3 {
        height: 220px
    }

    .hero-slider.style-3 .hero-slider-content-2 {
        position: relative;
        text-align: left;
        padding-left: 15px;
        padding-top: 0
    }

        .header-style-5 .header-action .header-action-icon-2 > a,
        .hero-slider.style-3 .hero-slider-content-2 h1 {
            font-size: 18px
        }

        .hero-slider.style-3 .hero-slider-content-2 h2 {
            font-size: 16px
        }

        .hero-slider.style-3 .hero-slider-content-2 h4 {
            font-size: 14px
        }

        .hero-slider.style-3 .hero-slider-content-2 p {
            font-size: 11px
        }

    .header-style-5 .sticky-bar.stick.sticky-white-bg {
        background-color: #fff;
        padding: 15px 0
    }

    .shop-product-fillter {
        display: block;
        margin-bottom: 5px
    }

        .banner-features,
        .mb-sm-15,
        .section-title,
        .shop-product-fillter .totall-product {
            margin-bottom: 15px
        }

    .table td {
        width: 100%;
        text-align: center
    }

    .orders-account-table td {
        display: revert
    }

    .table td::before {
        content: attr(data-title) " ";
        float: left;
        text-transform: capitalize;
        margin-right: 15px;
        font-weight: 700
    }

    .loop-grid.loop-list article,
    .modal-open .modal {
        padding-right: 0 !important
    }

    .loop-grid .entry-content {
        padding: 20px 20px 0
    }

    .img-hover-slide {
        min-height: 232px
    }

    .comments-area .thumb {
        min-width: 40px
    }

    .hero-slider .single-slider-img-1 {
        height: 300px
    }

    .featured .col-lg-2,
    footer .col-lg-2.col-md-3 {
        width: 50%
    }

    .nav-tabs .nav-link {
        font-size: 13px;
        padding: 10px 12px
    }

    .deal {
        background-position: left bottom
    }

    .banner-bg {
        padding: 30px
    }

    .product-list-small figure {
        margin-bottom: 20px !important
    }

    .product-detail .single-share,
    .section-title h3 {
        margin-bottom: 20px
    }

    .product-list-small .title-small {
        font-size: 16px;
        font-weight: 600
    }

    .range .list-group-item {
        max-height: initial;
        overflow-y: scroll
    }

    .range .short-list-item {
        max-height: 78px !important
    }

    .range .long-list-item {
        max-height: 378px !important
    }

    .custom-modal .modal-dialog .modal-content {
        max-width: 95%;
        margin: auto;
        padding: 10px
    }

    footer .download-app a img {
        width: 150px
    }

    .home-slider .hero-slider.style-2 .hero-slider-content-2 {
        padding-left: 0;
        padding-top: 50px
    }

        .home-slider .hero-slider.style-2 .hero-slider-content-2 h3 {
            line-height: 1.4
        }

    .hero-slider.style-3.dot-style-1.dot-style-1-position-1 ul {
        bottom: 0
    }

    .comments-area {
        padding: 0px 0px 0px 0px;
        margin-top: 0;
    }

    section.pt-150.pb-150 {
        padding: 50px 0 !important
    }

    .product-detail .tab-style3 .nav-tabs li.nav-item a {
        padding: .5rem;
        text-transform: none
    }

    .product-list-small figure.col-md-4 {
        max-width: 30%;
        float: left;
        margin: 0 !important
    }

    .product-list-small .col-md-8 {
        float: left;
        max-width: 70%
    }

    .news-bulten {
        min-width: 287px !important
    }

    .footer-link-widget:not(:last-child),
    .main-categori-wrap {
        margin-right: 0
    }

    .main-categori-wrap {
        padding-bottom: 50px;
    }

    .cart_total_amount h6,
    .swal-footer .swal-button-container button,
    footer p.font-md {
        font-size: 13px !important;
    }

    .product-info {
        border: 0;
        padding: 0px 15px;
        background: #ffe6d7;
    }

        .product-info .tab-style3 .nav-tabs li.nav-item a {
            font-size: 13px;
            border-radius: 0;
            box-shadow: none;
            border: 1px solid;
            border-radius: 2px;
        }

        .product-info .tab-style3 .nav-tabs li.nav-item:nth-child(odd) {
            border-right: 1px solid #ececec;
        }

    .comments-area h4 {
        margin-bottom: 9px !important;
        margin-left: 2px;
        margin-top: 0px !important;
        display: flex;
        align-items: center;
        gap: 8px;
        color: #53565a;
        font-family: "Inter", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        text-transform: uppercase;
    }

    .tab-content.shop_info_tab {
        margin-top: 10px
    }

    .pdInfoBox .container {
        margin-bottom: 10px !important;
    }

    .shopping-summery table tbody tr img {
        max-width: 75px;
        margin-right: 0
    }

    .apply-coupon .font-lg,
    .apply-coupon input,
    .toggle_info .font-lg,
    .toggle_info input {
        font-size: 14px !important
    }

    .cart-totals.ml-30 {
        margin-left: 0 !important;
        text-align: center;
        padding: 15px !important;
        background: #ffede3;
        border: 1px solid #ffcfaf !important;
    }

    .order_table table .w-160 {
        margin: 0 auto
    }


    .save-price {
        border-radius: 15px;
        padding: 0px 6px;
        display: flex;
        align-items: center;
        top: 9.5px;
        left: 4px;
        z-index: 9;
        background: #D24300;
        color: #ffffff;
        position: absolute;
    }

    span.slider-btn.slider-prev.slick-arrow, span.slider-btn.slider-next.slick-arrow {
        top: 41%;
    }

    .slick-slide .productBoxMain {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .product-detail-name {
        font-size: 17px !important;
        margin-left: 0px;
        color: var(--Background-Dark, var(--Grayscale-Background-Dark, #11161D));
        font-family: var(--Font-Names-Primary-Font, "Inter", sans-serif);
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        max-width: 80%;
    }

    .shop-row {
        flex-direction: column-reverse !important
    }

    .basketItemBox {
        border: 1px solid #ffe6d7;
        position: relative;
        margin: 0 0 10px;
        padding: 9px;
        background: #ffede3;
        gap: 0px;
        border-radius: 16px !important;
    }

        .basketItemBox .product-thumbnail a {
            display: block;
        }

        .basketItemBox .product-name {
            margin: 0px;
            padding: 0;
            margin-bottom: 0px !important;
        }

    .basket-fixed-btn {
        position: fixed;
        bottom: 6px;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto;
        margin-bottom: 0 !important;
        padding: 15px;
        border: 4px solid #ffede3;
        border-radius: 200px;
    }

    .shopMain {
        margin-top: 10px !important
    }

    .basketSummaryTbody tr {
        display: flex
    }

    .basketSummary {
        padding: 10px
    }

    .cart_total_label,
    .coupon-code_label {
        text-align: left !important
    }

    .dashboard-content {
        padding-left: 0 !important
    }

    .whatsappButton {
        width: 40px;
        height: 40px
    }

    .tab-content.account.dashboard-content.pl-50 {
        margin-top: 20px;
    }

    .my-float {
        max-width: 27px;
        margin-top: 7px
    }

    .searchForm#bultenForm {
        max-width: 98% !important;
        margin: auto !important
    }

    .customer-comment-name {
        font-size: 12px;
        left: 14px;
        text-align: center;
        width: 55px;
        height: 55px;
        background: #fafafa;
        display: flex;
        align-items: center;
    }

    .single-comment.justify-content-between.d-flex.mb-30 {
        background: white;
    }

    td.cart_total_label {
        max-width: fit-content
    }

    #div-3d .modal-body {
        padding: 0 !important
    }

    #div-3d .modal-content iframe {
        min-height: 654px;
        min-width: 100%;
        padding: 1px
    }

    .order_table table .product-thumbnail img {
        max-width: 75px !important
    }

    .done-head-text {
        font-size: 23px
    }



    .product-des.product-name h6 {
        font-size: 13px !important
    }

    .price h4 {
        color: var(--Background-Accent, var(--Grayscale-Background-Accent, #FF6A08));
        font-family: var(--Font-Names-Primary-Font, "Inter", sans-serif);
        font-size: var(--Sizes-Body-Body-3, 17px);
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .swal-button {
        padding: 10px 3px
    }

    .product-cart-wrap .product-content-wrap {
        padding: 10px 10px 10px 10px;
        justify-content: space-around;
    }

    span.hot.hot-2 {
        display: flex;
        align-items: center;
        font: status-bar;
        flex-wrap: wrap;
        font-size: 10px !important
    }

    .productBox-2 {
        border-radius: 10px;
        padding: 9px 0;
        margin-bottom: 0;
        min-height: 100px
    }

    .shop-product-fillter .sort-by-product-area .sort-by-product-wrap {
        padding: 7px 11px
    }

    .shop-product-fillter .sort-by-product-area {
        justify-content: center;
        width: 100%
    }

    #ui-id-1 {
        top: 160px !important;
        position: fixed;
        z-index: 99999;
        width: 100% !important;
        height: 353px;
        overflow: auto;
        left: 0px !important;
        right: 0px !important;
        margin: auto;
        max-width: 94%;
    }

    .category-list-dropdown {
        width: 100%;
        margin-right: 2px !important;
        margin-bottom: 10px
    }

    .advanced-sorting {
        flex: 1
    }

    .mob-tag-header {
        background: 0 0;
        padding: 0
    }

    .mob-page-header {
        margin: 5px !important
    }



    .shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by i {
        margin-right: 5px
    }

    .shop-product-fillter .sort-by-product-area .sort-by-cover {
        flex-basis: 0;
        flex-grow: 1
    }

    .customSearch .sidebar-widget {
        border-radius: 0 !important
    }

    .categoryIcon-title {
        min-height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 15px !important
    }

    .product-cart-wrap .product-content-wrap .product-category a {
        font-size: 10px;
        line-height: 1
    }



    .searchInputMob {
        height: 40px;
        padding-left: 10px;
        border-radius: 5px 0 0 5px;
        border-right: none
    }

    .ui-image {
        max-width: 40px
    }

    .productBox-2 figure img {
        border-radius: 10px;
        display: inline-block;
        max-width: 65px
    }

    /*    .showcase-banner:nth-child(1) .banner-img a img {
        content: url(../imgs/banner/temizleMob.jpg);
    }

    .showcase-banner:nth-child(2) .banner-img a img {
        content: url(../imgs/banner/Body-scrub-mobil.jpg);
    }

    .showcase-banner:nth-child(3) .banner-img a img {
        content: url(../imgs/banner/ONAR-mobil.jpg);
    }

    .showcase-banner:nth-child(4) .banner-img a img {
        content: url(../imgs/banner/gunstenKoruMov.jpg);
    }*/
    body {
        background: #f2f2f2 !important;
    }

    .product-cart-wrap {
        border-radius: 16px;
        background: #FFF;
    }

    .tag-header {
        background: #fdfdfd;
        padding: 0px 0px 0px 0px !important;
        border-bottom: 1px solid #ececec;
        margin-bottom: 0px !important;
    }

    /* Yeni Dinamik Breadcrumb Yapısı */
    .breadcrumb {
        padding: 4px 2px !important;
    }

    .stock-icon-text {
        position: absolute;
        top: -20px;
        left: 11px;
        background: #fff;
        padding: 2px 5px;
        font-size: 12px;
    }

    .custom-modal .modal-dialog .btn-close {
        position: absolute;
        right: 15px;
        top: 10px;
        z-index: 2;
        font-size: large;
    }

    .footerLang {
        text-align: left;
    }
}

@media(max-width:412px) {
    .product-cart-wrap .product-content-wrap h2 {
        margin-top: 0px;
        padding-top: 0px;
        overflow: hidden;
        color: var(--Background-Dark, var(--Grayscale-Background-Dark, #11161D));
        text-overflow: ellipsis;
        font-family: var(--Font-Names-Primary-Font, "Inter", sans-serif);
        font-size: var(--Sizes-Heading-H6, 13px);
        font-style: normal;
        font-weight: 200;
        line-height: 120%;
    }

    button#modal-trysms-form-button {
        font-size: 10px;
    }

    #smsModal h4.modal-title {
        margin: 10px auto;
    }

    .shoppingCartDiscountBox #products .product-cart-wrap .product-img-action-wrap .product-img {
        min-height: 250px;
        max-height: 250px;
    }

    .shoppingCartDiscountBox .productSlider-columns-cover .productSlider-columns .product-cart-wrap {
        margin-right: 0px;
        margin-left: 0px;
    }
}

@media(max-width:390px) {
    .chekout-table-price-text {
        font-size: 16px !important
    }

    .detail-info .detail-extralink .detail-qty {
        padding: 3px 5px 3px 4px;
        max-width: 75px
    }
}

@media only screen and (min-width:645px) and (max-width:990px) {
    .txtSearchMob {
        border: none !important;
        color: black !important;
    }
}

@media only screen and (min-width:480px) and (max-width:667px) {
    .header-height {
        min-height: 40px
    }

    .banner-features,
    .col-lg-4 .banner-img {
        margin-bottom: 30px
    }

    .modal-open .modal {
        padding-right: 0 !important
    }
}

@media only screen and (max-width:375px) {
    .entry-meta .hit-count,
    .entry-meta.meta-2 .font-xs {
        display: none
    }

    .deal {
        padding: 30px
    }

    .custom-modal .modal-dialog .modal-content {
        padding: 0
    }

    .deal .product-title {
        max-width: unset;
        font-size: 25px
    }

    .modal-open .modal {
        padding-right: 0 !important
    }

    .shop-product-fillter .sort-by-product-area .sort-by-product-wrap {
        padding: 9px 5px
    }

    .weCallHead {
        padding: 2px
    }

    .mobile-header-wrapper-style {
        width: 340px
    }

    .shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by i {
        margin-right: 2px
    }

    .product-cart-wrap .product-content-wrap h2 {
        font-size: 12px;
    }

    .product-image-slider ul.slick-dots {
        top: 20%;
    }

    .getDiscountOnSecond {
        font-size: 9px !important;
        margin-bottom: 9px;
        position: relative;
        top: -7px;
    }
}

@media(max-width:360px) {
    .product-cart-wrap .product-content-wrap h2 {
        font-size: 11px;
    }
}

@media only screen and (min-width:375px) and (max-width:667px) {
    .deal .product-title {
        max-width: 100%;
        font-size: 35px
    }
}

.row > a {
    display: inline-block !important;
    width: auto
}


/*Android Cihazlar*/






/*Iphone Cihazlar*/


/* iPhone 8 Plus */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    .detail-gallery .product-image-slider img {
        top: -20px;
        position: relative;
        background: #f0f0f0;
        padding: 26px;
    }
}




@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation: portrait) {

    .detail-gallery .product-image-slider img {
        top: -5px !important;
        position: relative;
        background: #f0f0f0;
        padding: 0px;
    }
}


@media screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .detail-gallery .product-image-slider img {
        top: -5px !important;
        position: relative;
        background: #f0f0f0;
    }

    .product-detail-fixed-button {
        bottom: 1px;
    }
}



@media screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
    .detail-gallery .product-image-slider img {
        top: -8px !important;
        position: relative;
        background: #f0f0f0;
        padding: 0px;
    }

    .product-detail-fixed-button {
        bottom: 1px;
    }
}


@media(device-width: 541px) and (device-height:805px) {

    .detail-gallery .product-image-slider img {
        top: -8px !important;
        position: relative;
        background: #f0f0f0;
        padding: 5px;
    }

    .product-detail-fixed-button {
        bottom: 1px;
    }
}




a:active, a:hover {
    cursor: pointer !important;
}

.p0 {
    padding: 0 !important;
}


a.add.action-btn.action-btn.pd-stock-btn.width-100 {
    height: 40px;
    width: 56% !important;
    border-radius: 20px;
}



.getXyIcon {
    display: none !important;
}

/*Tum Urunler des Slider*/
@media(min-width:950px) {
    .sitem1 img {
        content: url(../imgs/banner/td1.jpg?v2)
    }

    /*   .sitem2 img {
        content: url(../imgs/banner/td2.jpg?v6)
    }*/

    /*   .sitem3 img {
        content: url(../imgs/banner/td1.jpg?v6);
    }*/
}


@media(max-width:949px) {



    .sitem1 img {
        content: url(../imgs/banner/tm1.jpg?v2)
    }

    /*   .sitem2 img {
        content: url(../imgs/banner/tm2.jpg?v6)
    }*/

    /*.sitem3 img {
        content: url(../imgs/banner/tm1.jpg?v6);
    }*/
}



/*Tum Urunler Mobil Slider*/

.pdInfoBox, .tumUrunler-slider .slick-dots:nth-child(2) {
    display: none !important;
}

.cs-popup-content-bottom p {
    display: none !important;
}

/*Countdown*/

.productBox-Countdown {
    position: absolute;
    top: 0px;
    background: #00000000;
    left: 0;
    right: 0;
    text-align: center;
}

.countdown-title {
    display: block;
    font-size: 11px;
    background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255 / 49%) 35%, rgb(255 255 255) 100%);
    color: #000000;
    margin-bottom: 3px;
    font-weight: 900;
    text-shadow: 0 0 0 #dc6161;
}

.deals-countdown-wrap {
    display: flex;
    justify-content: center;
    gap: 4px;
    background: #FF6A08;
    width: 100%;
    margin: auto;
    border-radius: 20px;
    align-items: center;
    font-size: 17px;
    font-weight: 600;
    color: #53565a;
    font-family: sans-serif;
    padding: 2px 1px 1px 6px;
}

.deals-countdown {
    display: flex;
    padding-bottom: 2px;
    gap: 3px;
    align-items: center;
    padding-top: 1px;
    padding-right: 5px;
}


.hot-extra {
    background: rgb(255,65,0);
    background: linear-gradient(0deg, rgba(255,65,0,1) 27%, rgba(255,151,0,1) 100%);
    position: relative;
    left: -4px;
    top: -2px;
    border-radius: 50% !important;
    height: 40px !important;
    border: none !important;
    color: #ffffff !important;
    width: 17px !important;
    max-width: 40px;
}

.countdown-circle {
    position: relative;
    width: 23px;
    height: 23px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    line-height: 1;
    background: #ffffff;
    color: #ff5921;
    border-radius: 50%;
    padding-top: 1px;
}

.countdown-amount {
    display: block;
    color: #53565a !important;
    font-family: "Inter", sans-serif;
    font-size: 12px;
}

.countdown-period {
    display: block;
    font-size: 9px !important;
    color: #53565a !important;
    margin-bottom: -1px;
}

.deals-countdown-wrap > span {
    font-size: 12px;
    height: auto;
    color: white;
}

img.flasIcon {
    max-width: 60px;
}

span.hot-extra.pd-hot-extra {
    width: 50px !important;
    max-width: 50px;
    height: 50px !important;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    left: -3px;
    top: -3px;
}

    span.hot-extra.pd-hot-extra.pd-discount-badge {
        background: #9cba91;
    }

.pd-flash-icon {
    left: -10px !important;
    top: -30px !important;
    max-width: 50px !important;
}

.pd-productBox-Countdown {
    top: 19px;
    max-width: 36%;
    bottom: inherit;
    display: block;
    right: 70px;
    left: inherit;
    margin: auto;
    padding: 0px;
    z-index: 99;
}

span.countdown-title.pd-countdown-title {
    margin-bottom: 6px;
    background: none !important;
    color: black;
    text-shadow: none !important;
}

.pd-deals-countdown .countdown-circle {
    width: 31px;
    height: 29px;
    font-size: 16px;
    color: #000000 !important;
}


@media(max-width:869px) {
    .hot-extra {
        left: -9px;
        top: -3px;
    }

    .mobile-header-content-area .site-copyright {
        padding-bottom: 90px;
    }

    footer {
        overflow: hidden;
    }

    span.hot-extra.pd-hot-extra.pd-discount-badge {
        display: none !important;
    }

    .countdown-title {
        font-size: 10px;
        text-align: center;
        padding-left: 0%;
    }

    .deals-countdown {
        display: flex;
        padding: 0px;
        gap: 2px;
    }

    .countdown-circle {
        position: relative;
        width: 23px;
        height: 21px;
        font-size: 10px;
    }

    .deals-countdown-wrap {
        justify-content: center;
        margin-bottom: 10px;
        width: 97%;
        font-size: 12px;
        position: relative;
        top: -10px;
    }

        .deals-countdown-wrap.pd-deals-countdown-wrap {
            top: 2px;
        }

    .countdown-amount {
        font-size: 13px;
    }

    .deals-countdown-wrap.pd-deals-countdown-wrap {
        padding-left: 0px;
        width: 130px !important;
        gap: 0px;
        margin: initial;
        justify-content: flex-end;
        top: 3px;
        right: -7px;
        left: inherit;
        position: absolute;
        line-height: 13px;
    }

    .countdown-period {
        font-size: 7px;
    }

    img.flasIcon {
        position: relative;
        left: -6px;
        top: -4px;
        max-width: 45px;
        max-height: 41px;
    }

    .pd-flash-icon {
        left: -13px !important;
    }

    .pd-deals-countdown .countdown-circle {
        width: 28px;
        height: 26px;
        font-size: 10px;
    }

    .pd-deals-countdown-wrap .deals-countdown {
        padding: 2px !important;
    }

    span.countdown-title.pd-countdown-title {
        margin-bottom: 0px;
        text-align: center;
        padding: 0px;
        font-size: 13px
    }

    .pd-productBox-Countdown {
        left: 0 !important;
        right: 0 !important;
        top: 5px !important;
        margin: auto !important;
        font-weight: bold;
        bottom: inherit !important;
    }

    .productBox-Countdown {
        position: absolute;
        bottom: 3px;
        background: none;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 99;
    }

    .bottom-center-footer ul {
        display: flex;
        justify-content: center;
        gap: 7px;
        flex-direction: column;
        align-items: center;
    }

    .pd-productBox-Countdown {
        max-width: 94%;
    }
}

/*Countdown*/



.brand-scroll-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
}

.brand-container {
    display: flex;
    justify-content: center;
}

.brand-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.brandImg {
    flex: 0 0 auto;
    border-radius: 50%;
    overflow: hidden;
    width: 115px;
    height: 115px;
    scroll-snap-align: start;
    padding: 7px;
    border: 1px solid #adcda3;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff; /* Arka plan rengi */
}

    .brandImg img {
        width: 90%;
        height: 90%;
        object-fit: contain;
    }

@media (max-width: 768px) {
    .body-overlay {
        left: inherit;
        right: 0;
        width: 16%;
    }

    .brand-wrapper {
        gap: 10px;
    }

    .brandImg {
        width: 90px;
        height: 90px;
        padding: 5px;
    }

    .mobile-menu .menu-item-has-children > .mega-menu {
        display: none; /* Hide all mega menus by default */
    }

    .mobile-menu .menu-item-has-children.active > .mega-menu {
        display: block; /* Show the mega menu of active items */
    }

    .mobile-menu .menu-item-has-children > .mega-menu > li > ul {
        display: none; /* Hide nested submenus by default */
    }

    .mobile-menu .menu-item-has-children.active > .mega-menu > li > ul {
        display: block; /* Show nested submenus when the parent is active */
    }

    ul.mega-menu.child-mob-ul {
        padding-left: 25px !important;
    }

    ul.childx-mob-ul {
        padding: 0px !important;
    }

    .mob-left-ssl {
        text-align: left !important;
    }

    .sslimg {
        max-width: 205px;
        margin-left: -3px;
        margin-top: 3px;
    }
}

@media (max-width: 480px) {
    .brand-wrapper {
        gap: 5px;
    }

    .brandImg {
        width: 85px;
        height: 85px;
    }
}

@media (max-width: 399px) {
    .brand-wrapper {
        gap: 5px;
    }

    .brandImg {
        width: 65px;
        height: 65px;
    }
}


.pagination, .brand-scroll-container {
    display: none !important;
}





/* Modern Top Header */
.modern-top-header {
    width: 100%;
    height: 28px;
    background: #FF6A08;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.header-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.message-slider {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-in-out;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    z-index: 1;
}

    .slide-item.active {
        opacity: 1;
        transform: translateY(0);
        z-index: 2;
    }

.slide-text {
    white-space: nowrap;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.slide-item img {
    width: 18px;
    height: 18px;
    filter: brightness(0) saturate(100%) invert(20%) sepia(45%) saturate(1500%) hue-rotate(80deg);
    opacity: 0.8;
}

/* Animation for sliding */
@keyframes slideTransition {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    25% {
        opacity: 0;
        transform: translateY(-20px);
    }

    50% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Auto slide functionality */
.slide-wrapper {
    animation: autoSlide 3s infinite;
}

@keyframes autoSlide {
    0%, 20% {
        /* First slide */
    }

    25%, 45% {
        /* Second slide */
    }

    50%, 70% {
        /* Third slide */
    }

    75%, 95% {
        /* Fourth slide */
    }

    100% {
        /* Back to first */
    }
}

/* Individual slide animations */
.slide-item:nth-child(1) {
    animation: slide1 20s infinite;
}

.slide-item:nth-child(2) {
    animation: slide2 20s infinite;
}

.slide-item:nth-child(3) {
    animation: slide3 20s infinite;
}

.slide-item:nth-child(4) {
    animation: slide4 20s infinite;
}

@keyframes slide1 {
    0%, 15% {
        opacity: 1;
        transform: translateY(0);
    }

    20%, 100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

@keyframes slide2 {
    0%, 15% {
        opacity: 0;
        transform: translateY(20px);
    }

    20%, 40% {
        opacity: 1;
        transform: translateY(0);
    }

    45%, 100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

@keyframes slide3 {
    0%, 40% {
        opacity: 0;
        transform: translateY(20px);
    }

    45%, 65% {
        opacity: 1;
        transform: translateY(0);
    }

    70%, 100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

@keyframes slide4 {
    0%, 65% {
        opacity: 0;
        transform: translateY(20px);
    }

    70%, 90% {
        opacity: 1;
        transform: translateY(0);
    }

    95%, 100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .modern-top-header {
        height: 45px;
    }

    ul.shoppingCartProduct {
        overflow: auto;
        max-height: 66%;
    }

    .pd-img-figure {
        border-radius: 0 !important;
        margin-bottom: 0px;
        border: none;
    }

    .mini-cart-icon img {
        scale: 1;
        margin-top: 1px;
    }

    .slide-item {
        font-size: 13px;
        padding: 0 20px;
    }

    .slide-text {
        font-size: 13px;
    }

    .slide-item img {
        width: 16px;
        height: 16px;
    }

    .mob-bg-color {
        background-color: #ffe6d7;
        padding-left: 0px;
        padding-right: 0px;
    }

    .short-desc.product-spot > span {
        color: #414142;
        font-family: "Inter", sans-serif;
        font-size: var(--Sizes-Body-Body-5, 13px) !important;
        font-style: normal;
        font-weight: 500;
        line-height: 120% !important;
    }

    .short-desc.product-spot {
        color: #666464;
        font-size: 13px;
        padding: 5px 7px;
        margin-bottom: 20px;
    }

    .price-left-box {
        margin-right: 0px;
        align-items: flex-end !important;
    }

    .price-child {
        display: flex;
        flex-direction: column;
    }

    .popular-products.slick-initialized.slick-slider {
        margin-left: -15px;
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .modern-top-header {
        height: 34px;
        background: #ff6a08;
    }

    .slide-item {
        font-size: 12px;
        padding: 0 15px;
    }

    .slide-text {
        padding-top: 1px;
        text-shadow: none;
        color: #ffffff;
        text-align: center;
        font-family: "Inter", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
    }

    .slide-item img {
        width: 14px;
        height: 14px;
    }
}

/* Pause animation on hover */
.modern-top-header:hover .slide-item {
    animation-play-state: paused;
}

/* Smooth fade effect */
.modern-top-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(232, 245, 227, 0.1) 0%, transparent 10%, transparent 90%, rgba(232, 245, 227, 0.1) 100%);
    pointer-events: none;
    z-index: 3;
}

/*Video Story*/


.story-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    cursor: pointer;
    z-index: 10;
}

    .story-play-button img {
        background: none !important;
        max-width: 70px;
    }

.video-dot {
    background: #ffffff !important;
    width: 20px !important;
    height: 20px !important;
    left: -2px;
    position: relative !important;
    display: flex;
    align-items: center;
    top: 5px;
    padding: 0px !important;
}

.detail-gallery .product-image-slider .video-dot img {
    width: 37px !important;
    background: none !important;
    position: absolute !important;
    top: 0px !important;
}

.product-image-slider .slick-active button.video-dot {
    background: #abcda2 !important;
    padding: 0px;
}


/*Video Story*/


/* Popup Styles */
.countdown-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease-out;
}

.countdown-popup-content {
    background: #fff;
    padding: 2rem;
    border-radius: 16px;
    position: relative;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    animation: slideIn 0.3s ease-out;
}

.countdown-popup-close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #000000;
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    transition: all 0.2s;
}

    .countdown-popup-close:hover {
        background: #f3f4f6;
        color: #333;
    }

.countdown-popup .countdown-title {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 2px;
}

.countdown-titlex {
    text-align: center;
    font-size: 22px;
    color: #060000;
}


.countdown-popup .countdown-period {
    font-size: 9px !important;
}

.countdown-popup .pd-deals-countdown .countdown-circle {
    width: 42px;
    height: 41px;
    font-size: 22px;
    color: #000000 !important;
}

.countdown-timer-area {
    margin: 1.5rem 0;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.discount-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    justify-content: center;
    color: #ea3100;
    font-weight: 500;
}

.discount-icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.countdown-popup .productBox-Countdown.pd-productBox-Countdown {
    position: inherit !important;
    left: 0 !important;
}

.countdown-popup .hot-extra {
    background: none !important;
    color: #17701a !important;
    font-size: 38px !important;
    margin: 0px auto -8px auto !important;
    font-weight: bolder !important;
}



.popup-hot {
    text-align: center;
    display: block;
    color: orangered;
    font-weight: 600;
    font-size: 19px;
}



/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideIn {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}


@media(min-width:869px) {
    .popup-hot {
        text-align: center;
        display: block;
        color: orangered;
        font-weight: 600;
        font-size: 19px;
        margin-top: 6px;
        margin-bottom: 5px;
    }

    .countdown-popup .countdown-title {
        margin-bottom: 5px;
    }
}

/* Responsive */
@media (max-width: 840px) {
    .countdown-popup-content {
        padding: 13px;
        width: 70%;
        top: -15%;
        padding-bottom: 75px;
    }

    .countdown-popup .countdown-title {
        font-size: 13px;
    }

    .countdown-titlex {
        font-size: 15px;
    }

    .countdown-popup .pd-deals-countdown .countdown-circle {
        width: 45px;
        height: 43px;
        font-size: 17px;
        color: #000000 !important;
    }

    .countdown-popup .deals-countdown {
        margin-top: 0px;
    }

    .countdown-popup .deals-countdown-wrap.pd-deals-countdown-wrap {
        left: 0;
        right: 0;
        margin: auto;
        justify-content: center;
        top: -3px;
        gap: 1px;
    }
}


#shopping-cart-item-660 {
    display: none !important;
}

.countdown-circle.hour-bar {
    display: none !important
}


/*Modal Yorumlar*/
/* Temel yapı */
.product-comment-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -webkit-tap-highlight-color: transparent;
}

    .product-comment-overlay.active {
        opacity: 1;
    }

.product-comment-sheet {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    max-height: 70vh;
    display: none;
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    /* Transform özellikleri */
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    /* Hardware acceleration için */
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .product-comment-sheet.active {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

/* Başlık alanı */
.product-comment-header {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .product-comment-header span {
        font-weight: 500;
        font-size: 17px;
    }

.comment-close-btn {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    color: #333;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    touch-action: manipulation;
}

    .comment-close-btn:hover {
        background-color: #f5f5f5;
    }

/* İçerik alanı */
.product-comment-content {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc(70vh - 50px);
    padding: 15px;
    overscroll-behavior: contain;
}

    /* Yorum öğeleri için stiller */
    .product-comment-content .single-comment {
        background-color: #fff;
        border: 1px solid #eee !important;
        border-radius: 8px;
        padding: 15px !important;
    }

    .product-comment-content .user {
        width: 100%;
    }

    .product-comment-content .customer-comment-name {
        font-weight: 500;
        margin-right: 10px;
    }

    /* Sayfalama için stiller */
    .product-comment-content .pagination {
        display: flex;
        justify-content: center;
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .product-comment-content .page-link {
        padding: 8px 12px;
        margin: 0 5px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        cursor: pointer;
        touch-action: manipulation;
    }

        .product-comment-content .page-link.active {
            background-color: #007bff;
            color: white;
            border-color: #007bff;
        }

/* Large screen cihazlarda mobile görünümü gizle */
@media (min-width: 769px) {
    .product-comment-overlay,
    .product-comment-sheet {
        display: none !important;
    }
}

/* iOS spesifik düzeltmeler */
@supports (-webkit-touch-callout: none) {
    .product-comment-sheet {
        overscroll-behavior: none;
    }

    body.comment-sheet-active {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        left: 0;
    }
    /* iOS touch delay fix */
    .comment-close-btn,
    .product-comment-content .page-link,
    [onclick] {
        touch-action: manipulation;
    }
}

/* Yorum sayfalarında boşlukları dengele */
.product-comment-content .product-rate {
    height: 20px;
}

.product-comment-content .text-muted {
    color: #6c757d;
    margin-left: 5px;
    font-size: 0.85em;
}

/* Yüklenme spinner stili */
.product-comment-content .spinner-border {
    width: 3rem;
    height: 3rem;
    border-width: 0.3em;
    color: #007bff;
}

/* Yorum alt metinleri */
.product-comment-content .comment-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 0.85em;
    color: #6c757d;
}

/* Yorumlar için yükleniyor animasyonu */
@keyframes pulse {
    0% {
        opacity: 0.6;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.6;
    }
}

.product-comment-content .loading-comments {
    animation: pulse 1.5s infinite;
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}


#modalCommentsContent .single-comment.justify-content-between.d-flex {
    margin: 5px;
    padding: 13px 28px;
    min-height: 115px;
    border: 1px solid #ff6a08 !important;
    border-radius: 16px;
}
#modalCommentsContent .modal-header{
    border:none !important;
    padding-bottom:0px !important;
    margin-bottom:0px !important;
}
.single-comment.justify-content-between.d-flex {
    margin: 5px;
    padding: 5px 0px;
    min-height: 115px;
    border: 1px solid #494646 !important;
}

.modal-body .single-comment.justify-content-between.d-flex {
    border-bottom: 1px solid #ecebec;
}

#commentsBottomSheet {
    display: none;
}
/*Yorumlar*/

/*Register*/
.register-verify-modal {
    padding: 2px;
}

.register-button-box {
    margin-top: 20px;
}

button#modal-trysms-form-button {
    background: #767976 !important;
}

.ml-4 {
    margin-left: 4px;
}

@media(max-width:869px) {
    .form-group.mb-30.col-xs-12.col-md-6.justify-content-center.register-button-box {
        position: fixed;
        bottom: 0;
        margin: 0px !important;
        background: white;
        padding: 18px;
    }

    .register-verify-modal {
        padding: 2px;
    }

    button#modal-trysms-form-button {
        font-size: 14px;
        background-color: #4d8d3c !important;
        padding: 8px;
    }

    button#modal-sms-form-button {
        padding: 8px 42px;
    }
}

/*Register*/

/*.tumUrunler, .tumUrunler.container.mt-5.p0 {
    display: none !important;
}

.tumUrunler {
    display: none !important;
}*/


.modal-backdrop {
    z-index: 1040 !important;
}

.modal {
    z-index: 1050 !important;
}


/* Video butonu stilleri */
.desktop-video-button {
    position: absolute;
    top: 13px;
    right: 14px;
    background-color: rgb(255 255 255);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}



/* Video modal stilleri */
.desktop-video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 61%);
    z-index: 999;
    align-items: center;
    justify-content: normal;
}



.desktop-video-modal-close {
    position: absolute;
    top: 50%;
    left: 30%;
    color: white;
    font-size: 92px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

    .desktop-video-modal-close:hover {
        transform: scale(1.2);
    }

.desktop-video-modal video {
    display: block;
    margin: unset;
    height: 100vh;
}

/* Masaüstü resim container'ının pozisyonu düzenleme */
.pd-img-figure {
    position: relative;
}

    /* Video Ufak İkon Stili */
    .pd-img-figure.has-video::after {
        content: '';
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 24px;
        height: 24px;
        background-image: url('/themes/sinoz/imgs/theme/icons/play.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

/*Faq*/


.page-content {
    padding-top: 30px;
}

.middle-container {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    padding: 30px;
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: 50px;
    margin-bottom: 50px !important;
}

.faq-head {
    text-align: center;
    margin-bottom: 40px;
}

    .faq-head h4 {
        font-size: 28px;
        color: #2c3e50;
        margin-bottom: 15px;
        font-weight: 600;
    }

    .faq-head p {
        color: #7f8c8d;
        font-size: 16px;
        max-width: 700px;
        margin: 0 auto;
    }

/* Akordiyon Stili */
.sinoz-faq .accordion {
    background-color: #f8fafc;
    color: #2c3e50;
    font-weight: 500;
    padding: 18px 25px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    transition: background-color 0.3s, transform 0.2s, box-shadow 0.2s;
    border-left: 4px solid #FF6A08;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .sinoz-faq .accordion:hover {
        background-color: #f1f5ff;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

    .sinoz-faq .accordion:after {
        content: '\002B';
        color: #ff6a08;
        font-weight: bold;
        font-size: 22px;
        transition: transform 0.3s;
    }

    .sinoz-faq .accordion.active:after {
        content: '\2212';
        transform: rotate(180deg);
    }

.sinoz-faq .panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
    background-color: white;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.sinoz-faq .panel-content {
    padding: 20px 25px;
    color: #505a67;
    line-height: 1.7;
}

.sinoz-faq .color-black {
    font-weight: 600;
    color: #85c1b1;
    margin-right: 8px;
}

/* Aktif panel için stil */
.sinoz-faq .panel.active {
    max-height: 500px;
    padding: 0;
    margin-bottom: 20px;
}

/* Responsive */
@media (max-width: 768px) {
    .middle-container {
        padding: 20px 10px !important;
    }

    .faq-head h4 {
        font-size: 24px;
    }

    .sinoz-faq .accordion {
        padding: 13px 20px;
        font-size: 15px;
    }

    .sinoz-breadcrumb-item a {
        font-size: 13px;
    }

    .bottom-center-footer ul li {
        font-size: 14px;
        list-style: none !important;
    }

    h4.widget-title {
        font-size: 17px;
        color: black;
        font-weight: 300;
    }

        h4.widget-title.des-none {
            text-align: center;
            margin-bottom: 15px;
        }

    .faq-head p {
        color: #4e5555;
        font-size: 14px;
        max-width: 702px;
        margin: 0 auto;
    }
}
/*Faq*/

/*contact*/
/* Contact form select box stili */
#contact-subject-input {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #8e8e8e;
    border-radius: 10px;
    font-size: 14px;
    padding: 12px 20px;
    margin-bottom: 15px;
    height: 44px;
    line-height: 19px;
}

    #contact-subject-input:focus {
        border-color: #9cc59c;
        outline: none;
    }

    #contact-subject-input option {
        font-size: 14px;
        padding: 10px;
    }

select#contact-subject-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    padding-right: 40px;
}
/*contact*/


/*2. Urune %x İndirim*/

.twoDiscountBox {
    background: #fd6908;
    padding: 0px 7px;
    width: 138px;
    color: #ffffff;
    bottom: 20px;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #ffe6d7;
    line-height: 17px;
}

.BuyTogetherCartText .twoDiscountBottom {
    color: #409b34;
    border: 1px solid #adcca2;
    padding: 3px 6px;
    border-radius: 10px 10px 10px 10px;
}

p.price {
    line-height: 17px;
}

span.twoDiscountTop {
    background: #ffede3;
    display: flex;
    border-radius: 0px;
    width: 110px;
    justify-content: space-between;
    color: #000000;
    line-height: 16px;
    margin: 0;
    padding: 0;
    padding-top: 2px;
    margin-top: 0px;
    gap: 3px;
}

.strongWhite {
    color: white !important;
}

.strongBlack {
    color: #e2450a !important;
}

.kazanc {
    flex: auto;
}

span.twoDiscountTop, span.twoDiscountBottom {
    font-size: 11px;
}

.twoDiscountBox strong {
    color: #000000;
    font-weight: 500;
}

.discountArrowDown {
    position: absolute;
    right: -28px;
    max-width: 30px !important;
    top: -27px;
}

.campaign-info-box {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0px 20px;
    max-width: max-content;
    position: absolute;
    left: -3px;
    top: -8px;
}

@media(max-width:869px) {
    .twoDiscountBox {
        position: absolute;
        top: -10px;
        bottom: inherit;
        padding: 1px 10px;
        width: 154px;
        left: 16px;
        border-radius: 10px 10px 10px 10px;
        border-radius: 16px;
    }

    .campaign-info-box {
        padding: 0;
        display: block;
        align-items: center;
        gap: 10px;
        margin: 0px 0px;
        max-width: max-content;
        position: static;
    }

    .discountArrowDown {
        position: absolute;
        right: 29%;
        max-width: 30px !important;
        bottom: 32px;
        left: inherit;
    }

    .BuyTogetherCartText .twoDiscountBottom {
        border-left: inherit;
        border-radius: 0px 10px 10px 0px;
        position: relative;
        left: -4px;
        bottom: -12px;
        border: none;
        display: block;
        line-height: 17px;
        top: inherit;
    }
}

/*2. Urune %x İndirim*/

/* Modern Mini Sepet (cart-dropdown-wrap) için özel stiller */
.mini-cart-card, .mini-cart-item, .modern-mini-cart {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ececec;
}

.mini-cart-card-img, .mini-cart-img-wrap {
    flex-shrink: 0;
    width: 50px;
    height: 85px;
    border-radius: 0 !important;
    overflow: hidden;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}

    .mini-cart-card-img img, .mini-cart-img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 0 !important;
        background: #f7f7f7;
        border: none !important;
        max-width: 100%;
    }

.mini-cart-card-info, .mini-cart-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mini-cart-card-title, .mini-cart-product-name {
    font-size: 15px;
    font-weight: 400;
    color: #222;
    margin-bottom: 2px;
    line-height: 1.2;
}

.mini-cart-card-badges, .mini-cart-campaign-badge, .badge-campaign, .badge-discount, .mini-cart-campaign-bottom {
    display: none !important;
}

.mini-cart-card-bottom, .mini-cart-card-bottom-box, .mini-cart-qty-price, .mini-cart-qty-price-box {
    background: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 0 !important;
    font-size: 14px;
    font-weight: 400;
}

.mini-cart-card-qty, .mini-cart-qty {
    color: #555;
    font-size: 13px;
    font-weight: 400;
    display: inline;
    gap: 0;
}

.mini-cart-card-price, .mini-cart-price {
    color: #FF6A08;
    font-size: 15px;
    font-weight: 700;
    display: inline;
}

li.mini-cart-card {
    border-bottom: 1px solid #ecebec !important;
}

.slick-slide span.hot.hot-1.owl-label {
    border-radius: 5px;
    padding: 0px 5px;
    min-height: 34px !important;
}

@media (max-width: 600px) {
    .mini-cart-card, .mini-cart-item, .modern-mini-cart {
        gap: 6px;
        padding: 8px 0;
        border-radius: 0 !important;
        margin-bottom: 0 !important;
    }

    .mini-cart-card-img, .mini-cart-img-wrap {
        width: 40px;
        height: 65px;
    }

    .mini-cart-card-title, .mini-cart-product-name {
        font-size: 12px;
    }

    .mini-cart-card-qty, .mini-cart-qty, .mini-cart-card-price, .mini-cart-price {
        font-size: 11px;
    }
}
/* Modern Mini Sepet (cart-dropdown-wrap) için özel stiller */

/*2. Ürüne %x indirim*/

.getDiscountOnSecond {
    display: inline-block;
    background: #ff6a08;
    color: #ffffff;
    font-size: 11px;
    padding: 0px 6px;
    border-radius: 0px;
    letter-spacing: 0.5px;
    transition: transform 0.1s;
    text-transform: uppercase;
    position: relative;
 top: -10px;
    border: none;
    text-align: center;
    margin-left: -10px;
    margin-right: -10px;
}

span.getDiscountOnSecond.getDiscountOnSecondPD {
    position: absolute;
    right: 0;
    padding: 5px;
}

.slick-slider .getDiscountOnSecond {
    padding: 0px 7px !important;
    position: relative;
    top: -10px;
}

@media(max-width:869px) {
    span.getDiscountOnSecond.getDiscountOnSecondPD {
        position: absolute;
        right: inherit;
        z-index: 9;
        left: 58px;
        margin: auto;
        max-width: 45%;
        top: 9px;
        text-align: center;
        padding: 0px 10px;
    }

    .fast-login-basket {
        margin-right: 0px;
        margin-left: 0px;
    }

    .btn-price-alert img {
        max-width: 37px !important;
        margin-top: 6px;
    }
}

@media(max-width:362px) {
    .getDiscountOnSecond {
        font-size: 10px;
        padding: 1px 5px;
    }

    .product-cart-wrap .product-content-wrap .product-price span {
        font-size: 11px !important;
        margin-right: 2px;
        padding: 1px !important;
    }

    .slick-slider .getDiscountOnSecond {
        padding: 0px 7px !important;
        font-size: 9px;
    }
}
/*2. Ürüne %x indirim*/

/*Fiyat Düşünce Haber Ver*/
a.btn-price-alert.ml-10.price-alert-visible {
    border: none;
}

div#categoryBannerSlider {
    padding: 0;
    margin-top: 5px;
}

.btn-price-alert:hover {
    background: none !important;
}
/*Fiyat Düşünce Haber Ver*/
::-moz-selection {
    background: #53565a;
    color: #fff;
}

::selection {
    background: #53565a;
    color: #fff;
}

::-moz-selection {
    background: #53565a;
    color: #fff;
}

.bg-brand {
    background-color: #53565a !important;
}

.border-brand {
    border-color: #53565a !important;
}

.section-title a.show-all:hover {
    color: #53565a;
}

.section-title span {
    color: #ffffff;
}

.btn-default {
    color: #fff;
    background-color: #53565a;
    border-radius: 50px;
    padding: 13px 28px;
    font-family: "Inter", sans-serif;
}

.btn-shadow-brand:hover {
    border: 1px solid#53565a;
}

.btn-brand {
    background-color: #53565a;
    border-color: #53565a;
}

.btn.btn-brush, .button.btn-brush {
    background-color: transparent;
    color: #53565a;
    border: 0;
    padding: 14px 80px 14px 65px;
    background-repeat: no-repeat;
    font-family: "Inter", sans-serif;
}

.contact-from-area .contact-form-style button:hover {
    background-color: #53565a !important;
}

.custome-checkbox input[type="checkbox"]:checked + .form-check-label::before {
    background-color: #53565a;
    border-color: #53565a;
}

.button-contactForm {
    background: #53565a;
    color: #fff;
    border-color: #edb797;
    padding: 12px 25px;
}

.slider-arrow .slider-btn:hover {
    background-color: #53565a;
    color: #fff;
    border-color: #53565a;
}


/*Blog*/
.blog-content-row h1 {
    font-size: 24px;
    color: black;
}

.blog-content-row p {
    font-size: 15px !important;
    line-height: 26px !important;
}

.blog-content-row h2 {
    font-size: 19px !important;
    color: black;
    margin-bottom: 10px;
}

.blog-content-row h3 {
    font-size: 16px !important;
    color: black;
}

.blog-content-row a {
    color: #1130b2;
}

    .blog-content-row a:hover {
        text-decoration: underline;
    }
/*Blog*/


/* Birlikte Al */
.buy-together-box {
    background: #FFEDE3;
    padding: 5px 20px 10px 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    max-width: 100%;
    box-shadow: 0 2px 8px rgb(57 56 56 / 19%);
}

.buy-together-title {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #53565a;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
}

img.buy-together-product-image {
    border-radius: 8.196px;
    border: 1px solid rgb(255 106 8);
    background: var(--Grayscale-Background-White, #FFF);
}

.buy-together-product-old-price {
    text-decoration: line-through;
    line-height: 10px;
}

.buy-together-row {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}



.buy-together-product {
    flex: 1;
    min-width: 160px;
    text-align: center;
    position: relative;
    min-height: 230px;
}

.main-product {
    background: rgba(255, 96, 0, 0.05);
    border-radius: 12px;
    padding: 15px 10px 10px;
    border: 2px solid rgba(255, 96, 0, 0.2);
}

    .main-product .product-old-price {
        color: #999;
        text-decoration: line-through;
        font-size: 13px;
        margin-bottom: 2px;
    }

    .main-product .product-price {
        color: #ff6000;
        font-size: 16px;
        font-weight: 700;
    }

.product-image {
    width: 90px;
    height: 90px;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid #eee;
    background: white;
    padding: 5px;
    transition: transform 0.2s ease;
}

    .product-image:hover {
        transform: scale(1.05);
    }

.product-name {
    font-size: 14px;
    font-weight: 400;
    margin: 8px 0 4px 0;
    color: #333;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.buy-together-product .product-price {
    color: #ff6000;
    font-size: 16px;
    font-weight: 700;
    margin-top: 4px;
}

.buy-together-plus {
    opacity: 0.8;
    color: var(--Content-Grayscale-High, var(--Grayscale-Content-High, #11161D));
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.buy-together-profit-badge {
    position: relative;
    left: 0%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 2;
    border-radius: 200px;
    background: #ff6a08;
    overflow: hidden;
    color: #ffffff;
    text-overflow: ellipsis;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
    top: 12px;
    padding: 4px 6px;
    font-size: 11px;
    border: 1px solid #ff6a08;
}

.buy-together-total {
    flex: 1;
    min-width: 160px;
    text-align: center;
}

.buy-together-total-label {
    font-size: 15px;
    color: #666;
    margin-bottom: 8px;
    font-weight: 500;
}

.buy-together-total-price {
    color: #d24300;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    text-align: left;
    padding-left: 5px;
}

.color-black-light {
    color: dimgrey;
    margin-right: 5px;
}

.buy-together-add-btn {
    color: #ffffff;
    border: 1px solid #d65a09;
    margin-top: 10px;
    transition: all 0.3s ease;
    min-width: 100%;
    border-radius: 200px;
    background: #ff6a08;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    height: 40px;
    font-weight: 400;
    padding-top: 4px;
}

    .buy-together-add-btn:hover {
        background: #FF6A08;
        transform: translateY(-2px);
        color: #ffffff;
    }

    .buy-together-add-btn:active {
        transform: translateY(0);
    }

    .buy-together-add-btn:disabled {
        opacity: 0.7;
        cursor: not-allowed;
        transform: none;
    }

.buys-color-green {
    color: #d24300;
    font-size: 16px;
}

/* Sepetine Özel İndirimler */
.basket-cross-sell-box {
    position: relative;
}

.basket-cross-sell-item-main-box {
    overflow: hidden;
    width: 100%;
    margin: -11px;
    padding-right: 0;
}

    /* Variable width ile her slide'ın container'ın %80'ini kaplaması */
    .basket-cross-sell-item-main-box .slick-slide {
        width: 80vw !important; /* Viewport width'in %80'i */
        max-width: 400px !important; /* Maksimum genişlik sınırı */
        min-width: 300px !important; /* Minimum genişlik sınırı */
        margin-right: 15px !important;
    }

    .basket-cross-sell-item-main-box .slick-track {
        display: flex !important;
        align-items: stretch;
    }

    /* Slide içindeki item'ların tam genişlikte olması için */
    .basket-cross-sell-item-main-box .slick-slide .basket-cross-sell-item {
        width: 100% !important;
        height: 100%;
        display: flex !important;
        flex-direction: column;
        box-sizing: border-box;
    }

/* Mobil responsive ayarlar */
@media (max-width: 768px) {
    .basket-cross-sell-item-main-box .slick-slide {
        width: 75vw !important; /* Mobilde %75 */
        max-width: 300px !important;
        min-width: 250px !important;
    }
    .campaign-badge {
        top: -6px;
        right: 10px;
        width: 37px;
        height: 37px;
    }


    .product-detail .campaign-badge {
        top: 17px !important;
        right: 21px !important;
        width: 48px;
        height: 46px;
    }

    .popular-products .campaign-badge {
        top: -6px;
        right: 10px;
        width: 44px;
        height: 44px;
    }
    video.mobile-only {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .basket-cross-sell-item-main-box .slick-slide {
        width: 70vw !important;
        max-width: 253px !important;
        min-width: 220px !important;
        padding-left: 0px;
    }
}

.basket-cross-sell-box h3 {
    color: #53565a;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 1px;
    margin: 8px -10px;
}

    .basket-cross-sell-box h3::before {
        font-size: 18px;
    }

.basket-cross-sell-box .description {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.basket-cross-sell-item {
    display: flex !important;
    gap: 18px;
    border-radius: 16px;
    padding: 11px;
    margin-bottom: 25px;
    background: #FFEDE3;
    border: 2px solid #FF6A08;
    margin-top: 11px;
    flex: 0.5;
    align-items: center;
}



    .basket-cross-sell-item .product-content {
        display: flex;
        align-items: center;
        gap: 0px;
        flex: 1;
    }

    .basket-cross-sell-item img {
        width: 75px;
        height: 75px;
        object-fit: contain;
        border-radius: 16px;
        background: #ffede3;
        padding: 0px;
        margin-right: 12px;
        margin-left: 5px;
    }

    .basket-cross-sell-item .product-infox {
        flex: 1;
        min-width: 120px;
    }

    .basket-cross-sell-item .product-title {
        font-size: 13px; /* Biraz küçült */
        font-weight: 500;
        color: #53565a;
        margin-bottom: 8px;
        line-height: 1.4; /* Satır yüksekliği artır */
        display: -webkit-box;
        -webkit-line-clamp: 3; /* 3 satır göster */
        -webkit-box-orient: vertical;
        overflow: hidden; /* Taşan metni gizle */
        text-overflow: ellipsis; /* ... ekle */
        word-break: break-word; /* Uzun kelimeleri kes */
        max-width: 100%; /* Container genişliği */
        min-height: 50px; /* Minimum yükseklik */
    }

    .basket-cross-sell-item .price-info {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .basket-cross-sell-item .old-price {
        color: #4e4949;
        text-decoration: line-through;
        font-size: 14px;
    }

    .basket-cross-sell-item .new-price {
        color: #d24300;
        font-size: 16px;
        font-weight: 700;
    }

    .basket-cross-sell-item .savings-badge {
        background: #FF6A08;
        color: #ffffff;
        padding: 0px 9px;
        border-radius: 16px;
        font-size: 12px;
        font-weight: 500;
        white-space: nowrap;
        border: 1px solid #88beaf;
    }

.basket-buyt-price-box {
    display: flex;
    flex-direction: column;
    line-height: 16px;
}

.basket-buy-together-add {
    background: #fd6908;
    color: #ffffff;
    border-radius: 16px;
    padding: 4px 9px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 108px;
    border: 1px solid #db5d0a;
    text-transform: uppercase;
    line-height: 20px;
    display: flex;
    align-items: center;
}



    .basket-buy-together-add:active {
        transform: translateY(0);
    }

    .basket-buy-together-add:disabled {
        opacity: 0.7;
        cursor: not-allowed;
        transform: none;
    }

    /* Loading States */
    .buy-together-add-btn.loading,
    .basket-buy-together-add.loading {
        position: relative;
        pointer-events: none;
    }

        .buy-together-add-btn.loading::after,
        .basket-buy-together-add.loading::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 16px;
            height: 16px;
            margin: -8px 0 0 -8px;
            border: 2px solid transparent;
            border-top: 2px solid #fff;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

    /* Success States */
    .buy-together-add-btn.success,
    .basket-buy-together-add.success {
        background: linear-gradient(45deg, #28a745, #20c997);
        transform: scale(1.05);
    }

    /* Error States */
    .buy-together-add-btn.error,
    .basket-buy-together-add.error {
        background: linear-gradient(45deg, #dc3545, #c82333);
        animation: shake 0.5s ease-in-out;
    }

/* Animations */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Messages */
.error-message,
.success-message {
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
    display: none;
    animation: slideIn 0.3s ease-out;
}

.error-message {
    background: linear-gradient(45deg, #dc3545, #c82333);
    color: #fff;
}

.success-message {
    background: linear-gradient(45deg, #28a745, #20c997);
    color: #fff;
}

/* Mobile Responsive */
@media (max-width: 869px) {
    .buy-together-box {
        padding: 0px 15px 0px 15px;
        margin-top: 22px;
    }



    .buy-together-product {
        min-width: 60px;
        min-height: 180px;
    }

    .buy-together-row {
        gap: 15px;
    }

    .buy-together-total {
        margin-top: 0px;
        padding-bottom: 20px;
    }

    .buy-together-add-btn {
        padding: 6px 16px;
        font-size: 15px;
    }

    .fast-login-basket .close-notification {
        right: 0px;
    }

    .basket-cross-sell-box h3 {
        margin-bottom: -7px;
        margin-left: 3px;
        margin-top: 0px;
        font-size: 13px;
    }

    .basket-cross-sell-box .description {
        display: none;
    }

    .basket-cross-sell-item img {
        width: 60px;
        height: 60px;
        padding: 0px;
    }

    .basket-cross-sell-item .product-title {
        font-size: 13px;
        font-weight: 400;
        width: 104%;
        margin-bottom: 20px;
    }

    .basket-cross-sell-item .new-price {
        font-size: 15px;
    }

    .basket-cross-sell-item .savings-badge {
        padding: 0px 4px;
        font-size: 11px;
    }

    .basket-buy-together-add {
        padding: 5px 8px;
        min-width: 85px;
    }
}

@media (max-width: 768px) {
    .basket-cross-sell-box {
        margin: 0px 0px 10px;
    }

    .basket-cross-sell-item-main-box {
        margin: 2px;
    }

    .basket-cross-sell-item {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-top: 11px;
        margin-bottom: 5px;
        flex: 0.8;
        position: relative;
    }

        .basket-cross-sell-item .product-content {
            width: 100%;
        }

        .basket-cross-sell-item .product-infox {
            width: 100%;
        }

    .basket-buy-together-add {
        width: 100%;
        max-width: 92px;
        position: absolute;
        right: 13px;
        bottom: 16px;
        font-size: 11px;
        line-height: 14px;
        padding-top: 6px;
    }

    .savings-badge {
        position: absolute;
        right: 12px;
        top: -13px;
    }
}
/*Brlikte Al*/


/* Modern Customer Reviews - Exactly Like Second Image */
.modern-reviews-container {
    background: #ffe6d7;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 24%);
    max-width: 100%;
    margin-bottom: 11px;
}

.reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 0px 13px;
}

.reviews-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

.all-reviews-link {
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

    .all-reviews-link::after {
        content: "\2192";
        font-size: 12px;
    }

    .all-reviews-link:hover {
        color: #333;
        text-decoration: none;
    }

/* Rating Summary - Like Second Image Layout */
.rating-summary {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

.rating-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 120px;
}

.main-rating {
    font-size: 48px;
    font-weight: 700;
    color: #333;
    line-height: 1;
    margin-bottom: 4px;
}

.star-display {
    display: flex;
    gap: 2px;
    margin-bottom: 6px;
}

.star {
    width: 14px;
    height: 14px;
    color: #FF6A08;
    font-size: 14px;
    line-height: 1;
    position: relative;
}

    .star.empty {
        color: #e0e0e0;
    }

    .star.partial {
        color: #e0e0e0;
    }

        .star.partial::before {
            content: "★";
            position: absolute;
            left: 0;
            top: 0;
            color: #FF6A08;
            width: var(--fill-percentage);
            overflow: hidden;
            white-space: nowrap;
        }

.review-count {
    font-size: 12px;
    color: #888;
    margin: 0;
}

/* Rating Breakdown - Right Side */
.rating-breakdown {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rating-row {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 20px;
}

.rating-number {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    min-width: 12px;
    text-align: center;
}

.progress-container {
    flex: 1;
    height: 10px;
    background-color: #f0f0f0;
    border-radius: 20px;
    overflow: hidden;
}

.progress-bar-thin {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
    background: #FF6A08;
}

.percentage {
    font-size: 12px;
    color: #666;
    min-width: 30px;
    text-align: right;
}

/* Login Message */
.modern-login-message {
    margin-top: 16px;
    padding: 12px;
    background: #FFEDE3;
    border: 1px solid #53565a;
    border-radius: 8px;
    font-size: 12px;
    color: #53565a;
    text-align: center;
}

.modern-login-link {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
}

    .modern-login-link:hover {
        color: #856404;
        text-decoration: underline;
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .modern-reviews-container {
        padding: 16px;
        margin-bottom: 25px;
    }

    .rating-summary {
        gap: 16px;
    }

    .main-rating {
        font-size: 40px;
    }

    .rating-left {
        min-width: 100px;
    }

    .rating-breakdown {
        gap: 6px;
    }

    .rating-row {
        gap: 10px;
    }
    span.hot.hot-1, span.hot.hot-2, span.hot.hot-3, span.hot.hot-4, span.hot.hot-5, span.hot.hot-6 {
        padding: 0px;
        text-align: center;
        display: flex;
        justify-content: center;
        color: white;
        margin-right: -15px;
        margin-left: -15px;
        position: absolute;
        left: 0;
        right: 0;
        top: -20px;
        font-size: 12px;
        line-height: 1.7;
    }
}

/* Prevent conflicts with existing styles */
.modern-reviews-container * {
    box-sizing: border-box;
}

.modern-reviews-container .progress-container {
    position: relative;
    background: #ffede3 !important;
    border: 1px solid #ffd2b4;
}

.modern-reviews-container .progress-bar-thin {
    position: relative;
    background: #FF6A08 !important;
    border: none !important;
}

/* Comments Slider Styles */
.comments-slider-container {
    position: relative;
    overflow: hidden;
    margin: 20px 0;
    max-width: 560px; /* Tam slide görünürlüğü için daha da artırıldı */
}

.comments-slider {
    display: flex;
    transition: transform 0.3s ease-in-out;
    gap: 20px;
}

.comment-slide {
    min-width: 300px;
    flex: 0 0 auto;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}


.star.partial {
    color: #e0e0e0;
}

    .star.partial::before {
        content: "★";
        position: absolute;
        left: 0;
        top: 0;
        color: #FF6A08;
        width: var(--fill-percentage);
        overflow: hidden;
        white-space: nowrap;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .comment-slide {
        min-width: 280px;
        padding: 15px;
    }

    .comments-slider {
        gap: 15px;
    }
}

@media (max-width: 480px) {
    .comment-slide {
        min-width: 272px;
        padding: 10px;
        max-width: 286px;
    }

    .comments-slider {
        gap: 10px;
    }
}

/* Product Features Section */


.product-features-grid {
    display: flex;
    justify-content: flex-start;
    gap: 23px;
    flex-wrap: nowrap;
    max-width: 800px;
    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
    user-select: none;
}

    .product-features-grid::-webkit-scrollbar {
        display: none;
    }

    .product-features-grid:active {
        cursor: grabbing;
    }

.product-feature-card {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    min-width: 150px;
    max-width: 150px;
    flex-shrink: 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .product-feature-card:hover {
        transform: translateY(-2px);
    }

.feature-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .feature-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 8px;
    }

.feature-text {
    font-size: 14px;
    font-weight: 600;
    color: #53565a;
    line-height: 1.3;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .product-features-grid {
        gap: 10px;
        padding: 0 1px;
    }

    .product-feature-card {
        min-width: 117px;
        max-width: 117px;
        padding: 15px 10px;
        height: fit-content;
    }

    .feature-icon {
        width: 30px;
        height: 30px;
        margin-bottom: 15px;
    }

    .feature-text {
        color: var(--Green-Dark-900, #193118);
        text-align: center;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        min-height: 34px;
    }

    .feature-icon img {
        max-width: 28px !important;
    }

    .tag-header {
        background: #f7f7f7;
        padding: 15px 0px 0px 0px;
        border-bottom: 1px solid #f5f5f5;
    }

    .comment-form .col-sm-6 .form-group {
        margin-bottom: 7px;
    }
}

/* Product Description Accordion */
.product-description-accordion {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    margin: 0px 0px;
}

.accordion-item {
    border-bottom: 1px solid #5c5c5c;
}

    .accordion-item:last-child {
        border-bottom: none;
    }

.accordion-header {
    background: #ffe6d7;
    padding: 20px 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
}



    .accordion-header h4 {
        margin: 0;
        color: #3e3e3e;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
        text-transform: uppercase;
    }

.accordion-icon {
    width: 40px;
    height: 30px;
    transition: transform 0.3s ease;
    color: #ff6a08;
    min-width: 40px;
}

.accordion-header.active .accordion-icon {
    transform: rotate(180deg);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: #ffe6d7;
}

    .accordion-content.active {
        max-height: 1000px;
    }

.accordion-body {
    padding: 5px 7px;
    color: #3a3838;
    line-height: 1.6;
}

    .accordion-body p {
        margin-bottom: 15px;
        letter-spacing: 0.2px;
        line-height: 21px !important;
    }

        .accordion-body p:last-child {
            margin-bottom: 0;
        }

    .accordion-body b {
        color: #2c5530;
        font-weight: 600;
    }

/* Desktop Normal Product Description */
.product-description-normal {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

    .product-description-normal h2 {
        color: #2c5530;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 20px;
        line-height: 1.4;
    }

    .product-description-normal h4 {
        color: #2c5530;
        font-size: 18px;
        font-weight: 600;
        margin: 25px 0 15px 0;
        padding-bottom: 8px;
        border-bottom: 2px solid #e5e5e5;
    }

    .product-description-normal p {
        color: #666;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .product-description-normal b {
        color: #2c5530;
        font-weight: 600;
    }

h3.section-title.style-1.mb-20 {
    color: #53565a;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
}

/*Urun İçerik*/

/*Footer Our Values*/
.footer-values-section {
    border-radius: 0px;
    background: #ffe6d7;
    padding-bottom: 50px;
    padding-top: 50px;
    border-top: 1px solid #ff6a08;
}

.footer-section-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 0px;
    margin-top: 20px;
}

.footer-star-icon {
    width: 24px;
    height: 24px;
    background: linear-gradient(135deg, #6bcb77 0%, #4d9559 100%);
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.footer-section-title {
    font-size: 24px;
    font-weight: 700;
    color: #2c3e50;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.footer-values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 0;
    padding: 5px;
}

.footer-value-card {
    padding: 24px;
    text-align: center;
    transition: all 0.3s ease;
    border-radius: 16px;
    background: #ffe6d7;
}



.footer-value-icon img {
    max-width: 140px;
}

.footer-value-title {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 8px;
}

.footer-value-description {
    font-size: 14px;
    color: #6c757d;
    line-height: 1.5;
    max-width: 70%;
    text-align: center;
    margin: auto;
}

@media (max-width: 768px) {
    .footer-values-section {
        padding: 24px;
        margin: 20px;
    }

    .footer-values-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .footer-section-title {
        font-size: 20px;
    }

    .footer-value-card {
        padding: 20px;
    }

    .footer-value-title {
        font-size: 16px;
    }

    .footer-value-description {
        font-size: 14px;
        line-height: 1.5;
        color: #394150;
        max-width: 65%;
        text-align: center;
        margin: auto;
    }

    .product-action .add .addText::before {
        width: 25px;
        height: 25px;
        margin-top: -13px;
    }
    
    /* Mobilde + işaretini küçült */
    .product-action .add .addText::after {
        width: 14px;
        height: 14px;
        font-size: 12px;
        top: 9px;
        right: -30px;
    }
}

@media (max-width: 480px) {
    .footer-values-section {
        padding: 10px;
        margin: 0px;
    }

    .footer-section-header {
        margin-bottom: 20px;
        margin-top: 10px;
        margin-left: 0px;
        padding-left: 3px;
    }

    .footer-value-icon::before {
        width: 25px;
        height: 25px;
    }

    .footer-values-grid {
        gap: 10px;
        padding: 0;
    }

    .footer-value-card {
        padding: 15px;
    }

    .footer-value-title {
        font-size: 15px;
    }

    .footer-value-description {
        font-size: 12px;
    }
}

.payment-security-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    flex-wrap: wrap;
}

.payment-icon {
    height: 32px;
    width: auto;
    max-width: 70px;
    object-fit: contain;
    border-radius: 6px;
    background: #fff;
    padding: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

    .payment-icon:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    }

/* Mobile responsive */
@media (max-width: 768px) {
    .mob-left-ssl {
        text-align: left !important;
        margin-top: 20px;
    }

    .payment-security-icons {
        justify-content: flex-start;
        gap: 10px;
    }

    .payment-icon {
        height: 35px;
        max-width: 70px;
        padding: 6px;
    }
}

@media (max-width: 480px) {
    .payment-security-icons {
        gap: 8px;
    }

    .payment-icon {
        height: 48px;
        max-width: 65px;
        padding: 4px;
    }
}

/* Footer bottom line */
.footer-bottom {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}


/*Footer Our Values*/

@media(max-width:400px) {
    .product-action .add {
        padding: 0px 0px;
    }

    .addText {
        font-size: 12px !important;
    }
}


@media (max-width: 768px) {
    .Home-Index .popular-products.slick-initialized.slick-slider {
        margin-left: -7px;
    }

    .hero-slider img {
        border-radius: 15px;
    }

    .section-0 .hero-slider img {
        border-radius: 0;
    }
}

.popular-products span.slider-btn.slider-prev.slick-arrow, .popular-products span.slider-btn.slider-next.slick-arrow {
    position: absolute;
    right: 6px;
    top: -27px;
    background: #ff6a08;
    display: flex;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    color: #ffffff;
}

.Home-Index .popular-products span.slider-btn.slider-prev.slick-arrow, .Home-Index .popular-products span.slider-btn.slider-next.slick-arrow {
    top: -44px;
}

.popular-products span.slider-btn.slider-prev.slick-arrow {
    margin-right: 45px;
}

.single-hero-slider span.slider-btn.slider-prev.slick-arrow, .single-hero-slider span.slider-btn.slider-next.slick-arrow {
    position: absolute;
    right: 6px;
    bottom: 50%;
    background: #ffffff;
    display: flex;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    left: inherit;
}

.single-hero-slider span.slider-btn.slider-prev.slick-arrow {
    left: 6px;
    right: inherit;
}

/* Desktop Styles - Büyük kartlar */
.category-slider-bottom-card {
    border-radius: 19px;
    padding: 40px 35px; /* Desktop'ta daha geniş padding */
    text-align: center;
    color: white;
    height: 215px;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.3s ease;
    flex: 1;
    min-width: 0;
    margin: 0 5px; /* Desktop'ta ek margin */
}

.popular-products.slick-initialized.slick-slider {
    margin-left: -3px;
}

.category-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.category-slider-bottom-card.clickable {
    cursor: pointer;
    transition: transform 0.2s;
}


/* Category Icons Container */
.category-icons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: stretch;
}


.category-slider-bottom-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.category-slider-bottom-icon {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .category-slider-bottom-icon i {
        color: white;
        font-size: 3rem;
    }

.category-slider-bottom-icon-img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    background-color: transparent; /* Şeffaf arka plan */
    mix-blend-mode: normal; /* Normal karışım modu */
}

.category-slider-bottom-title {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 1.2;
    min-height: 58px;
}

.category-slider-bottom-subtitle {
    font-size: 16px;
    font-weight: 400;
    opacity: 0.9;
    line-height: 1.2;
}

    .category-slider-bottom-subtitle a {
        color: white;
        text-decoration: none;
        opacity: 0.9;
    }

    .category-slider-bottom-subtitle span {
        color: #ffffff;
        opacity: 1;
        font-size: 17px;
    }

/* Tablet Styles - Orta boyut kartlar */
@media (max-width: 991px) and (min-width: 769px) {
    .category-slider-bottom-card {
        height: 180px;
        border-radius: 18px;
    }


    .category-slider-bottom-icon {
        margin-bottom: 18px;
    }

        .category-slider-bottom-icon i {
            font-size: 2.5rem;
        }

    .category-slider-bottom-icon-img {
        width: 45px;
        height: 45px;
    }

    .category-slider-bottom-title {
        font-size: 20px;
        margin-bottom: 7px;
    }

    .category-slider-bottom-subtitle {
        font-size: 14px;
    }
}

/* Tablet Styles - Orta boyut kartlar */
@media (max-width: 991px) and (min-width: 769px) {
    .category-slider-bottom-card {
        height: 180px;
        padding: 30px 20px;
        border-radius: 18px;
    }

    .category-slider-bottom-icon {
        margin-bottom: 18px;
    }

        .category-slider-bottom-icon i {
            font-size: 2.5rem;
        }

    .category-slider-bottom-icon-img {
        width: 45px;
        height: 45px;
    }

    .category-slider-bottom-title {
        font-size: 20px;
        margin-bottom: 7px;
    }

    .category-slider-bottom-subtitle {
        font-size: 14px;
    }
}

/* Mobile Styles - Küçük kartlar */
@media (max-width: 768px) {
    .section-0 .dot-style-1.dot-style-1-position-1 ul {
        position: absolute;
        bottom: 20px;
        text-align: center;
        margin: auto;
        justify-content: center;
        background: none;
        padding: 0px 10px 0px 10px;
    }

    .section-1 .home-container {
        max-width: 96%;
        padding: 5px;
    }

    /* TBF - CategoryIcon Slider Override */
    .category-icon-main-box {
        overflow: hidden;
        width: 100%;
    }

    .category-icon-main-slick {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    .category-slider-bottom-card {
        height: 100%;
        border-radius: 15px;
        padding: 5px 25px;
    }

    .category-slider-bottom-icon {
        margin-bottom: 2px;
    }

        .category-slider-bottom-icon i {
            font-size: 2.2rem;
        }

    .category-slider-bottom-icon-img {
        width: 40px;
        height: 40px;
        margin-top: 10px;
    }

    .category-slider-bottom-title {
        font-size: 14px;
        margin-bottom: 1px;
        font-weight: 600;
        min-height: 51px;
        margin-top: 3px;
        padding: 3px;
        display: flex;
        align-items: center;
        padding: 3px 0px;
    }

    .category-slider-bottom-subtitle {
        line-height: 0.5;
        margin-bottom: 7px;
    }


        .category-slider-bottom-subtitle span {
            color: #ffffff;
            opacity: 1;
            font-size: 12px;
        }

    .order-form-row {
        gap: 0px;
    }
    .single-comment.justify-content-between.d-flex {
    
        border:none !important;
    }
}

@media (max-width: 390px) {

    .category-slider-bottom-subtitle span {
        font-size: 10px;
    }
}

@media (max-width: 350px) {

    .category-slider-bottom-card {
        padding: 5px 18px;
    }
}


/* DM Sans Font - Local Files */
@font-face {
    font-family: 'DM Sans', sans-serif;
    src: url('../fonts/DM/DMSans-Medium.ttf') format('woff2'), url('../fonts/DM/DMSans-Medium.ttf') format('woff'), url('../fonts/DM/DMSans-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans', sans-serif;
    src: url('../fonts/DM/DMSans-Bold.ttf') format('woff2'), url('../fonts/DM/DMSans-Bold.ttf') format('woff'), url('../fonts/DM/DMSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Fast Login Basket Close Button Styles */
.fast-login-basket {
    position: relative;
}

    .fast-login-basket .close-notification {
        position: absolute;
        top: 5px;
        right: 10px;
        background: none;
        color: #53565a;
        border: none;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        font-size: 25px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.3s;
        z-index: 10;
        display: none;
    }


#cookieseal-banner button {
    font-family: "Inter", sans-serif;
    border-radius: 200px !important;
}


p#cookieseal-banner-text {
    font-family: "Inter", sans-serif;
}


.cart-product-item.gift-item .shopping-cart-img img {
    max-width: 75px;
}



/* Category Section Component Styles */
.category-section-component {
    padding: 50px 0;
}

.category-section-header {
    margin-bottom: 65px;
    text-align: center;
}

.category-section-title {
    font-size: 18px;
    font-weight: 400;
    color: #374151;
    margin-bottom: 10px;
    line-height: 1.4;
    letter-spacing: 2px;
}

.category-section-subtitle {
    font-size: 29px;
    color: #374151;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 19px;
    font-weight: 600;
}

.category-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px;
    margin: 0 auto;
    max-width: 1250px;
    position: relative; /* Slider için gerekli */
}

.category-card-wrapper {
    display: flex;
}

/* CategorySection - Desktop Grid (Varsayılan) */
.category-section-component {
    padding: 20px 0;
}

/* Mobilde CategorySection için overflow */
@media (max-width: 768px) {
    .category-section-component {
        overflow: hidden; /* Slider için gerekli */
        position: relative;
    }
    
    .category-cards-grid {
        overflow: visible; /* JavaScript slider için */
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
        max-width: 100% !important; /* Mobilde tam genişlik */
        width: 100% !important; /* Container genişliğini sıfırla */
        margin: 0 !important;
    }
}

.category-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: none;
    width: 100%;
    min-height: auto;
    position: relative;
    overflow: visible;
}

    .category-card:hover {
        transform: translateY(-5px);
    }

.category-card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    position: relative;
    width: 100%;
}

.category-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 0;
    padding: 0;
    transition: all 0.3s ease;
    margin-bottom: 10px;
    /* Bulanıklığı önlemek için */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.category-card:hover .category-card-image {
    transform: scale(1.05);
}

.category-card-image img {
    width: 75%;
    height: 100%;
    object-fit: contain;
    filter: none;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    image-rendering: -webkit-optimize-contrast;
}

.category-card-image:hover{
    cursor:pointer;
}

.category-card-title {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    font-family: inherit;
    letter-spacing: 0px;
    display: none;
}

.category-card-image video {
    max-width: 220px;
    /* Bulanıklığı önlemek için */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
}
/* iOS Scroll Fix - Body & Yatay Scroll Engelle */
html {
    overflow-x: hidden; /* Yatay scroll'u engelle */
}

body {
    overflow-x: hidden; /* Yatay scroll'u engelle */
    overscroll-behavior-y: none; /* iOS'ta sayfa başa dönmeyi engelle */
}

/* iOS Mobil Menü Fix */
body.mobile-menu-active {
    position: fixed !important;
    width: 100% !important;
    overflow: hidden !important;
}

.mobile-header-active {
    -webkit-overflow-scrolling: touch;
}

.mobile-header-content-area {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

/* Modal/Overlay - Cross-Platform Fixes */
.modal,
.swal2-container,
.body-overlay {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.modal-content,
.swal2-popup {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Form Elements - Cross-Browser Fixes */
input,
textarea,
select,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* iOS Safari - Input Zoom Fix */
@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    textarea,
    select {
        font-size: 16px !important; /* iOS zoom engellemek için 16px minimum */
        -webkit-text-size-adjust: 100%;
    }
}

/* Input Focus - Cross-Browser */
input:focus,
textarea:focus,
select:focus {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

/* Checkbox/Radio - Cross-Browser */
input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Select Dropdown - Cross-Browser */
select {
    background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 35px;
}

select::-ms-expand {
    display: none; /* IE11 için */
}

/* =================================
   HEADER & FOOTER CROSS-PLATFORM
   ================================= */

/* Header Sticky - Smooth Animation */
.sticky-bar {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.sticky-bar.stick {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Search Overlay - Cross-Platform */
.des-search-container {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.des-search-container.active {
    opacity: 1;
    visibility: visible;
}

/* Cart Dropdown - Mobile Fix */
@media (max-width: 768px) {
    .cart-dropdown-wrap {
        max-height: 80vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .cart-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }
    
    .cart-overlay.active {
        opacity: 1;
        visibility: visible;
    }
}

/* Mobile Menu - Touch Enhancements */
.mobile-menu li.open > .dropdown {
    display: block;
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Newsletter Form - Enhanced */
.tbf-newsletter-form {
    position: relative;
}

.tbf-newsletter-form.focused .tbf-newsletter-input {
    border-color: var(--primary-color, #FF6A08);
}

/* Footer - Mobile Optimization */
@media (max-width: 768px) {
    .footer-mid {
        padding-bottom: 60px; /* iOS bottom bar için */
    }
    
    .footer-values-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .footer-value-card {
        padding: 15px;
    }
}

/* iOS Safe Area - Header */
@supports (padding-top: env(safe-area-inset-top)) {
    .header-area {
        padding-top: env(safe-area-inset-top);
    }
}

/* iOS Safe Area - Footer */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    footer.main {
        padding-bottom: calc(env(safe-area-inset-bottom) + 20px);
    }
}

/* Prevent Text Selection on Mobile Menu */
.mobile-menu * {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/* =================================
   iOS SAFARI - MOBILE MENU FIX
   En üstteyken menü bozuk açılma sorunu
   ================================= */

/* iOS Safari için dinamik viewport height */
@supports (-webkit-touch-callout: none) {
    /* Sadece iOS Safari */
    .mobile-header-wrapper-inner {
        min-height: -webkit-fill-available !important;
    }
    
    .mobile-header-content-area {
        min-height: -webkit-fill-available !important;
        max-height: -webkit-fill-available !important;
    }
    
    /* Body fixed olduğunda menü düzgün görünsün */
    body.mobile-menu-active .mobile-header-wrapper-inner,
    body.mobile-menu-active .mobile-header-content-area {
        height: 100vh !important;
        max-height: 100vh !important;
    }
}

/* iOS'ta scroll position 0 iken menü açılması için fix */
.mobile-header-wrapper-style {
    /* GPU Acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mobile-header-wrapper-inner {
    /* İçerik her zaman görünür olmalı */
    position: relative;
    z-index: 1;
}

/* Menü açıkken body fixed - iOS için */
body.mobile-menu-active {
    position: fixed !important;
    width: 100% !important;
    overflow: hidden !important;
    -webkit-overflow-scrolling: auto !important;
}

/* Header Logo - Prevent Flicker */
.mobile-header-logo img,
.logo img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Search Input - Cross-Browser */
.searchInput,
.mobile-search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
}

/* Cart Badge - Always Visible */
.pro-count {
    min-width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
}

/* Burger Icon - Touch Area */
.burger-icon {
    padding: 10px;
    margin: -10px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

/* =================================
   iOS SAFARI - PRODUCT CART FIX
   Shadow titreme ve position sorunları
   ================================= */

/* Tüm ürün kartları için iOS Safari rendering fix */
.product-cart-wrap,
.productBox-1,
.productBox-2,
.product-img-action-wrap {
    /* GPU Acceleration zorla */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Smooth rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ürün kartı içindeki absolute positioned elementler */
.product-action,
.product-badges,
.product-img-action-wrap {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: auto;
}

/* Hover/Active states için özel iOS fix */
.product-cart-wrap:hover,
.productBox-2:hover {
    /* iOS'ta hover'da shadow kaybolmasını engelle */
    -webkit-transform: translateZ(0) translateY(-3px);
    transform: translateZ(0) translateY(-3px);
}

/* Sepete ekle butonu parent container */
.product-action .add {
    /* iOS Safari'de position absolute child'lar için container fix */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    isolation: isolate;
}

/* iOS Video Optimizasyonu */
video.ios-video-optimized {
    will-change: auto; /* iOS için performans */
}

/* Tüm videolar için cross-platform optimizasyon */
video {
    object-fit: cover;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
}

/* Banner Component - GPU Acceleration */
.banner-component-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.banner-component-wrapper video,
.banner-component-wrapper img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Category Card - GPU Acceleration & Anti-Aliasing */
.category-card {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

/* Blog Card - GPU Acceleration */
.blog-card-item,
.blog-card-link {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* TikTok Video - GPU Acceleration */
.tiktok-video-wrapper,
.tiktok-video-player {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Story Box - GPU Acceleration */
.story-circle,
.story-image-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Slider Track - GPU Acceleration */
.custom-slider-track,
.category-cards-grid {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .category-section-component {
        padding: 0px 0;
        margin: 0px 0;
        overflow: hidden !important; /* Slider taşmasın */
        width: 100% !important; /* Tam genişlik (scrollbar dahil) */
        max-width: 100% !important;
    }
    
    /* iOS scroll fix */
    body {
        overscroll-behavior-y: none;
        -webkit-overflow-scrolling: touch;
    }
    
    /* Touch action optimizasyonu - Slider'lar için */
    .custom-slider-track,
    .category-cards-grid,
    .tiktok-slider,
    .blog-cards-slider {
        touch-action: pan-y pinch-zoom;
        -ms-touch-action: pan-y pinch-zoom;
    }
    
    /* Mobil için smooth scrolling */
    html {
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }
}

    .category-section-title {
        font-size: 24px;
        letter-spacing: 1px;
    }

    .category-section-subtitle {
        font-size: 20px;
        margin-top: 0px;
        font-weight: 500;
    }

    .category-section-header {
        margin-bottom: 20px;
    }
    
    /* MOBİLDE GRID'İ KAPATIN - JavaScript slider olacak */
    .category-cards-grid {
        display: flex !important;
        grid-template-columns: unset !important;
    }

    /* TBF - CategorySection Mobil Stilleri (JS ile kontrol ediliyor) */
    .category-card {
        padding: 0px;
        background: none;
    }

    .category-card-wrapper {
        user-select: none; /* Metin seçimini engelle */
        -webkit-user-drag: none;
    }

    .category-card-image {
        width: 100px;
        height: 100px;
        margin-bottom: 5px;
    }

    .category-card-title {
        font-size: 14px;
        display: block;
        margin-top: 5px;
    }

    .product-badges span {

        font-size: 9px;
    
    }

    .category-card-image {
        width: 100%;
        height: 100%;
        margin: 0;
    }
}

@media (max-width: 480px) {
    .category-section-title {
        font-size: 17px;
        font-weight: 400;
    }



    .category-card-title {
        font-size: 13px;
        display: block;
    }
}

/* ===========================================
   TBF Category Stories - Instagram Style
   Sadece mobilde görünür
   =========================================== */

/* Desktop - Gizle */
.tbf-category-stories {
    display: none;
}

/* Mobile - Göster */
@media (max-width: 768px) {
    .tbf-category-stories {
        display: block;
        padding: 15px 0;
        margin-bottom: 0px;
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .category-card-image video {
        max-width: 165px;
        /* Bulanıklığı önlemek için */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
    }
    .stories-container {
        display: flex;
        gap: 16px;
        padding: 0 15px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .stories-container::-webkit-scrollbar {
        display: none;
    }

    .story-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        text-decoration: none;
        flex-shrink: 0;
        min-width: 75px;
        max-width: 75px;
    }

    .story-circle {
        position: relative;
        width: 68px;
        height: 68px;
        flex-shrink: 0;
    }

    /* Gradient border effect like Instagram */
    .story-gradient {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #ffe6d7;
        padding: 0.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.2s ease;
    }

    .story-item:active .story-gradient {
        transform: scale(0.95);
    }

    .story-image-wrapper {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #ffe6d7;
        padding: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .story-image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

    .story-label {
        font-family: "Inter", sans-serif;
        font-size: 11px;
        font-weight: 500;
        color: #333333;
        text-align: center;
        max-width: 75px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1.2;
        padding: 0 2px;
    }

    /* Hover/tap effects */
    .story-item:hover .story-label,
    .story-item:active .story-label {
        color: #FF6A08;
    }
}


.footer-values-grid .footer-value-title {
    color: #394150 !important;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


@media (max-width: 480px) {
    .tbf-category-stories {
        padding: 12px 0;
    }

    .stories-container {
        gap: 14px;
        padding: 0 12px;
    }

    .story-item {
        min-width: 70px;
        max-width: 70px;
    }

    .story-circle {
        width: 64px;
        height: 64px;
    }

    .story-label {
        font-size: 10px;
        max-width: 70px;
    }
}

.footerBox .text-heading, .footerBox h1, .footerBox h2, .footerBox h3, .footerBox h4, .footerBox h5, .footerBox a{
    color: #ffffff !important;
}

.footer-value-title{
    color:black !important;
}
.footer-list li a {
    font-size: 14px;
    color: #ffffff;
    display: block;
}

.contact-infor, .footer-link-widget p {
    font-size: 14px;
    color: #ffffff;
}

.tracking-header {
    background: #ffe6d7 !important;
}

.tracking-des{
    color:black;
}

/* ========================================
   TBF Newsletter Footer Styles
   ======================================== */
.tbf-newsletter-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1px;
    margin-top: 15px;
}

.tbf-newsletter-subtitle {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 13px;
    margin-bottom: 18px;
    font-weight: 400;
}


.tbf-newsletter-form {
    position: relative;
    width: 100%;
    max-width: 349px;
    margin-bottom: 9px;
}

.tbf-newsletter-input {
    width: 100%;
    background: rgb(255 230 215);
    border: 1.5px solid rgb(255 255 255);
    border-radius: 0px;
    padding: 3px 117px 3px 14px;
    font-size: 14px;
    color: #ff6a08;
    outline: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(10px);
    height: 43px;
}

.tbf-newsletter-input::placeholder {
    color: #000000;
    opacity: 1;
}

.tbf-newsletter-input:focus {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
    color:white;
}

.tbf-newsletter-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(135deg, #FF6833 0%, #ff8555 100%);
    color: #ffffff;
    border: none !important;
    border-radius: 0px !important;
    padding: 5px 16px !important;
    font-size: 12px !important;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border: none !important;
}

.tbf-newsletter-btn:hover {
    background: linear-gradient(135deg, #e55a2b 0%, #ff6833 100%);
    box-shadow: 0 6px 18px rgba(255, 104, 51, 0.35);
    transform: translateY(-50%) translateY(-1px);
}

.tbf-newsletter-btn:active {
    transform: translateY(-50%);
    box-shadow: 0 2px 8px rgba(255, 104, 51, 0.3);
}

/* Mobil Responsive */
@media (max-width: 768px) {
    .tbf-newsletter-title {
        font-size: 20px;
    }

    .tbf-newsletter-subtitle {
        font-size: 13px;
    }

    .tbf-newsletter-input {
        padding: 12px 100px 12px 16px;
        font-size: 13px;
    }

    .tbf-newsletter-btn {
        padding: 9px 18px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .tbf-newsletter-title {
        font-size: 18px;
    }

    .tbf-newsletter-subtitle {
        font-size: 12px;
        margin-bottom: 15px;
    }


    .tbf-newsletter-btn:hover {
        transform: translateY(-1px);
    }

    .tbf-newsletter-btn:active {
        transform: translateY(0);
    }
}

/* ========================================
   TBF Newsletter KVKK Checkbox - Minimal
   ======================================== */

.tbf-kvkk-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    line-height: 1.5;
    transition: color 0.2s ease;
}

.tbf-kvkk-label:hover {
    color: rgba(255, 255, 255, 0.95);
}

.tbf-kvkk-checkbox {
    min-width: 18px;
    min-height: 18px;
    cursor: pointer;
    accent-color: #FF6833;
    border-radius: 4px;
}

.tbf-kvkk-text {
    flex: 1;
    display: flex;
    gap: 5px;
}

.tbf-kvkk-text a {
    color: rgba(255, 255, 255, 0.95);
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.3);
    text-underline-offset: 2px;
    transition: all 0.2s ease;
}

.tbf-kvkk-text a:hover {
    color: #ffffff;
    text-decoration-color: #FF6833;
}

@media (max-width: 768px) {
    .tbf-newsletter-kvkk {
        margin-top: 10px;
    }

    .tbf-kvkk-label {
        font-size: 11px;
    }

    .tbf-kvkk-checkbox {
        min-width: 16px;
        min-height: 16px;
    }
    .category-section-title {
        font-size: 18px;
        letter-spacing: 1px;
    }
    .category-card-image img {
        width: 99%;
    }
    .category-section-header {
        margin-bottom: 5px;
    }
}

@media (max-width: 480px) {
  
    .tbf-kvkk-label {
        font-size: 10.5px;
    }
}

/* ========================================
   TBF Mobile Menu Search - Modern & Clean
   ======================================== */
.mobile-menu-search-wrapper {
    padding: 12px 0px;
    position: relative;
}

.mobile-menu-search-box {
    position: relative;
    width: 100%;
}

.mobile-search-input {
    width: 100%;
    padding: 12px 50px 12px 16px;
    border-radius: 30px !important;
    color: #333;
    outline: none;
    transition: all 0.3s ease;
    height: 45px;
    border: 0.5px solid #374151;
    background: #FDE4D5;
}

.mobile-search-input::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.mobile-search-input:focus {
    border-color: #FF6A08;
    box-shadow: 0 0 0 3px rgba(255, 106, 8, 0.1);
}

.mobile-search-btn {
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    background: #fde4d5;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.mobile-search-btn:hover {
    background: #e55f07;
}

.mobile-search-btn:active {
    transform: translateY(-50%) scale(0.95);
}

    .mobile-search-btn img {
        width: 20px;
        height: 20px;
    }

/* Mobile Search Autocomplete Dropdown */
.mobile-search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fde4d5;
    border-top: none;
    border-radius: 0 0 10px 10px;
    max-height: 410px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
    margin-top: -8px;
}

.mobile-search-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    cursor: pointer;
    transition: background 0.2s ease;
}

.mobile-search-item:last-child {
    border-bottom: none;
}

.mobile-search-item:hover {
    background: rgba(255, 106, 8, 0.05);
}

.mobile-search-item:active {
    background: rgba(255, 106, 8, 0.1);
}

.mobile-search-item img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    flex-shrink: 0;
}

.mobile-search-item-text {
    flex: 1;
    font-size: 13px;
    color: #333;
    line-height: 1.4;
}

/* Scrollbar styling for mobile dropdown */
.mobile-search-dropdown::-webkit-scrollbar {
    width: 6px;
}

.mobile-search-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.mobile-search-dropdown::-webkit-scrollbar-thumb {
    background: #FF6A08;
    border-radius: 3px;
}

.mobile-search-dropdown::-webkit-scrollbar-thumb:hover {
    background: #e55f07;
}

/* ========================================
   TBF - Hide Sinoz Mobile Close Overlay
   ======================================== */
/* TBF'de body-overlay kullanıldığı için Sinoz'un close overlay'ine ihtiyaç yok */
.mobile-menu-close-overlay {
    display: none !important;
}

/* ========================================
   TBF - Bubble Animation for Product Buttons
   ======================================== */
/* Ürün detay ve birlikte al butonlarına baloncuk animasyonu */
.product-extra-link2 .button.button-add-to-cart,
.buy-together-add-btn {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

/* Bubbles Animation - Ürün Detay Butonu */
.product-extra-link2 .button.button-add-to-cart::before {
    content: '';
    pointer-events: none;
    opacity: 0.6;
    background:
        radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #ffffff 3px, #ffffff 4px, transparent 4px),
        radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, #ffffff 3px, #ffffff 4px, transparent 4px),
        radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #ffffff 5px, #ffffff 6px, transparent 6px);
    width: 100%;
    height: 300%;
    top: 0;
    left: 0;
    position: absolute;
    animation: productButtonBubbles 5s linear infinite both;
    z-index: -1;
}

/* Bubbles Animation - Birlikte Al Butonu (Gri Baloncuklar) */
.buy-together-add-btn::before {
    content: '';
    pointer-events: none;
    opacity: 0.4;
    background:
        radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #53565a 3px, #53565a 4px, transparent 4px),
        radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, #53565a 3px, #53565a 4px, transparent 4px),
        radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #53565a 5px, #53565a 6px, transparent 6px);
    width: 100%;
    height: 300%;
    top: 0;
    left: 0;
    position: absolute;
    animation: productButtonBubbles 5s linear infinite both;
    z-index: -1;
}

@keyframes productButtonBubbles {
    from {
        transform: translate(0, 0);
    }
    to {
        transform: translate(0, -66.666%);
    }
}

/* Hover durumunda baloncukları daha belirgin yap */
.product-extra-link2 .button.button-add-to-cart:hover::before {
    opacity: 0.8;
    animation-duration: 3s;
}

.buy-together-add-btn:hover::before {
    opacity: 0.6;
    animation-duration: 3s;
    background:
        radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #ffffff 3px, #ffffff 4px, transparent 4px),
        radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, #ffffff 3px, #ffffff 4px, transparent 4px),
        radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #ffffff 5px, #ffffff 6px, transparent 6px);
}

/* ========================================
   VIDEO POSTER OPTIMIZATION - iOS/Safari
   ======================================== */

/* Tüm posterli videolar için temel stil */
video.has-poster {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
}

/* Smooth transition when poster is removed */
video.has-poster {
    transition: opacity 0.3s ease-in-out;
}

/* TikTok videoları için: Play yapılana kadar poster KALSıN */
video.tiktok-video-player.has-poster {
    object-fit: cover;
    cursor: default;
}

/* iOS fallback - dokunma ile başlat */
video.has-poster[style*="cursor: pointer"] {
    cursor: pointer !important;
}