/*  LAYOUT
====================================*/
img {
    max-width: 100%;
    height: auto;
}
a {
    transition: all .4s;
    text-decoration: none;
}
svg {
    fill: currentColor;
}
.icon {
    display: inline-block;
    fill: currentColor;
    vertical-align: -0.15em;
}
.circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-align:center;
}
.object-cover {
    width:100%;
    height:100%;
    object-fit: cover;
}
.parsley-errors-list {
    list-style: none;
    padding: 0;
    color: var(--bs-red);
    margin-bottom: 0;
    width: 100%;
}
.main-search .parsley-errors-list {
    position: absolute;
    left: 1rem;
    top:96%;
}
.parsley-errors-list li {
    margin: 0.5rem 0;
    font-size: 11px;
}
.back-top {
    right: 1.5rem;
    bottom: 5%;
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
}
.basket-lnk {
    display: flex; justify-content: center;
    position: relative;
    align-items: center;
}
.basket-lnk span { border-radius: 50%; position: absolute; font-size: 11px; color:#fff; background-color: #a46911; width: 16px; height: 16px; top:3px; right: -10px}
.block {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.block-top {
    padding-top: 2.5rem;
}
.block-bottom {
    padding-bottom: 2.5rem;
}
.font-xl{font-size: 18px !important;}
.font-lg{font-size: 16px !important;}
.font-md{font-size: 14px !important;}
.font-sm{font-size: 13px !important;}
.font-xs{font-size: 12px !important;}
.font-xxs{font-size: 11px !important;}
.line-height-normal{line-height: normal;}
.letter-space1{letter-spacing: 1px;}
.letter-space2{letter-spacing: 2px;}
.letter-spacemd{letter-spacing: .875rem;}
.tooltip .tooltip-inner {background-color: var(--bs-primary); font-size: 12px;}
.tooltip .tooltip-arrow:before { border-top-color:var(--bs-primary); }
*:focus{outline: none !important; box-shadow: none !important;}
.scale-image {position: relative; overflow: hidden}
.scale-image img{object-fit: cover; transition: transform 0.4s;}
.scale-image:hover img {transform: scale(1.1);}
.w-sm{width: .875rem !important; height: .875rem !important}
.w-md {width: 1rem !important; height: 1rem !important}
.w-lg {width: 1.5rem !important; height: 1.5rem !important}
.w-xl{width: 2rem !important; height: 2rem !important}
.color-facebook {color: #4065ad}
.color-google {color: #e43e2b}
.modal-user .nav-tabs {border: 0}
.modal-user .tab-pane { padding: 1.5rem 0 0}
.modal-user .form-control {border:3px solid #eeecea; border-radius: 1rem}
.modal-user label {margin-bottom: .25rem}
.modal-user .form-check-input {border:2px solid #bc955b}
.modal-user .btn {border:3px solid #eeecea; border-radius: 1rem}
#modalUsers .btn-close {    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #fff;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 1;
    border: 0;
    z-index: 999;
}
/*  HEADER
====================================*/
.header {
    position: relative;
    top: 0;
    z-index:99;
    left: 0;
    width: 100%;
    background-color: #fff;
}
.logo-img {
    width:280px;
    height:46px;
}
.promo-img {
    max-width:680px;
}
.buy-sell .nav-search a {width: 20px}
.buy-sell li > a {width: 20px; text-align: center; color: var(--bs-dark); font-size: 1.2rem; line-height: inherit;}
.buy-sell li > a .fa-solid{line-height: inherit;}
.buy-sell li > a:hover {color: var(--bs-secondary);}
.buy-sell .nav-search-wrap {    
    position: absolute;
    bottom: 20px;
    right: 5%;
    width: 90%;
    z-index: 999;
    background-color: #fff;
}
.buy-sell .nav-search-body {
    box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    border-radius: 4px;
    margin: 0 0.75rem;
}
.shopping-card {
    position: absolute;
    right:0;
    width: auto;
    box-shadow: 0 0 12px rgb(0 0 0 / 15%);
    border-radius: 4px;
    padding: 1rem;
    background-color: #fff;
    margin-top: 1rem;
    width: 300px;
    text-align: center;
}
.shopping-card-box{
    display: flex;
    align-items: center;
}
.shopping-card_image {width:60px; height: 60px; padding: 3px; position: relative; border: 1px solid #eee; justify-content: center; align-items: center;
    display: flex;}
    .shopping-card_image img {
    }
    .nav-search a .fa-solid:nth-child(1) {
        display:none;
    }
    .nav-search a .fa-solid:nth-child(2) {
        display:block;
    }
    .nav-search a.collapsed .fa-solid:nth-child(1) {
        display:block;
    }
    .nav-search a.collapsed .fa-solid:nth-child(2) {
        display:none;
    }
    .navbar-collapse {position: relative;}
    .navbar-nav .dropdown{position: inherit;}
    .navbar-nav .dropdown-toggle{position: relative;}
    .navbar-nav .active.dropdown-toggle::after { display: none}
    .navbar-nav .active.dropdown-toggle::before {
        display: block;
        background-color: var(--bs-primary);
        content: "";
        width: 80%;
        height: 2px;
        position: absolute;
        left: 10%;
        bottom: 0;
    }
    .menu--open.dropdown--open{overflow-y:scroll}
    .dropdown-menu {border-radius: 0; border: 0; min-width: 100%}
    .mega-menu_ul {font-size: .875rem;}
    .dropdown-menu h4{margin:1rem 0 .75rem 0; font-size: .875rem}
    .mega-menu_ul li {margin: .5rem 0}
    .mega-menu_ul li a { display: flex; align-items: center; font-size: .875rem; color: var(--bs-dark); text-transform: capitalize}
    .mega-menu_ul li a > img {margin-right: .25rem; width: 14px}
    .mega-menu_ul li:hover a {color: var(--bs-primary)}
    .menu--open  .navbar-collapse {
        padding-top:110px !important;
        position: fixed;
        display: block !important;
        align-items: flex-start;
        right: 0;
        top: 0;
        padding: 7% 2.5%;
        width: 30%;
        max-width: 100%;
        min-height: 100vh;
        transform: translateX(-200%);
        background-color: var(--bs-white);
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.16);
        transition: transform 0.5s;
        overflow: hidden;
        overflow-y: auto;
        z-index: 999;
    }
    .menu--open .navbar-collapse {
        transform: translateX(0%);
        z-index: 6999;
    }
    .menu--open .navbar-nav{display: block;}
    .menu--open .nav-favorites-login {margin-top: 30%; justify-content: center;}
    .menu--open .navbar-nav .nav-link { color: var(--bs-dark); text-align: left;  }
    .menu--open .navbar-expand-xl .navbar-nav .dropdown-menu {position: relative}
    .menu--open .dropdown-menu {background-color: var(--bg-dark); border: 0;}
    .menu--open .dropdown-menu .dropdown-item {margin-left: .75rem; color: var(--bs-dark); border-radius: 0;}
    .menu--open .dropdown-menu .dropdown-item:hover{color:var(--bs-cyan); background-color: transparent;}
    .menu--open .nav-search-wrap {top: auto; margin-top: 15px; z-index: 99;}
    .nav-favorites-login .nav-link {
        color: #23262d;
        font-weight: 500;
        font-size: 13px;
        height: 57px;
        display: flex;
        align-items: center;
    }
    .nav-favorites-login .nav-link:hover{
        color: var(--bs-cyan);
    }
    .navbar-nav .nav-link {
        color: #23262d;
        padding: 1rem 1.25rem;
        border: 0;
    }
    .navbar-nav .nav-link:hover {
        color: var(--bs-primary);
    }
    .navbar-nav .nav-link.active {
        color: var(--bs-secondary);
    }
    .navbar-toggler {
        position: relative;
        height: 3.2rem;
        width: 3.2rem;
        padding: 0;
        border: 0;
        border-radius: 10px;
        margin-left: .5rem;
        background-color: var(--bs-primary);
    }
    .navbar-toggler:hover {background-color: var(--bs-primary);}
    .navbar-toggler i {
        display: block;
        position: absolute;
        top: 18px;
        right: 32.5%;
        width: 18px;
        height: 2px;
        transition: all 0.4s;
        border-radius: 1rem;
        background-color: var(--bs-white);
    }
    .navbar-toggler i:nth-child(2) {
        top: 24px;
        width: 8px;
        right: 43.5%;
        transition: all 0s;
    }
    .navbar-toggler i:nth-child(3) {
        top: 30px;
    }
    .menu--open,
    .menu--open body {
        overflow: hidden;
    }
    .menu--open .navbar-toggler,
    .btn-toggler.active {
        z-index: 19999;
    }
    .menu--open .navbar-toggler i:first-child,
    .navbar-toggler.active i:first-child {
        top: 25px;
        -webkit-transform: rotate(135deg) !important;
        transform: rotate(135deg) !important;
    }
    .menu--open .navbar-toggler i:nth-child(2),
    .navbar-toggler.active i:nth-child(2) {
        opacity: 0;
        left: 60px;
    }
    .menu--open .navbar-toggler i:nth-child(3),
    .navbar-toggler.active i:nth-child(3) {
        top: 25px;
        -wekit-transform: rotate(-135deg) !important;
        transform: rotate(-135deg) !important;
    }
    .menu--open .bg-navbar {
        visibility: visible;
        z-index: 5999;
        opacity: 0.8;
        top: 130px;
    }
    .bg-navbar,
    .bg-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: -1;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s;
    }
    .header--fixed .header .navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        z-index: 1999;
        background-color: var(--bs-white);
        box-shadow: 0 5px 1rem rgba(0,0,0,0.15);
    }
    .grecaptcha-badge {
        opacity:0;
        z-index:-1;
        visibility: hidden;
    }
    .figure {
        position: relative;
        display: block;
        overflow: hidden;
    }
    .figure:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 56.25%;
        background: linear-gradient(to right, var(--bs-gray-200) 10%, var(--bs-gray-300) 18%, var(--bs-gray-200) 33%);
        background-size: 800px 104px;
    }
    .figure img {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        object-fit: cover;
        object-position: center;
        opacity: 0;
        will-change: opacity;
        transition: all 0.4s ease;
    }
    .figure img.loaded {
        opacity: 1;
    }
    .figure-100:before {
        padding-bottom: 100%;
    }
    .figure-overlay {
        position: relative;
    }
    .figure-overlay-body {
        position: absolute;
        left:0;
        top:0;
        bottom:0;
        right:0;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        background-color: rgba(var(--bs-dark-rgb),0.78);
        transition: all 0.4s;
        z-index: -1;
        visibility: hidden;
    }
    .figure:hover img {
        transform:scale(1.1);
    }
    .figure-overlay:hover .figure-overlay-body {
        opacity: 1;
        z-index: 9;
        visibility: visible;
    }
    .title-bottom-line {
        position: relative;
        padding-bottom: 0.875rem;
    }
    .title-bottom-line:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 12rem;
        height: 2px;
        background-color: var(--bs-black);
    }
    .title-bottom-line.text-center:after {
        left: 50%;
        margin-left:-6.4rem;
    }
    .main-slider {position: relative;}
    .main-slider .custom-dots {position: absolute; bottom: 10px; text-align:center; width:100%; left:0 }
    .main-slider  .slick-dots {margin-left: 0; transform: translateX(0); position:absolute; bottom: 0}
    .main-slider  .slick-dots li{display: flex; align-items: center;}
    .main-slider  .slick-dots li.slick-active button {
        background-image:url(../img/slider-active.png);
        border:0;
        background-color: transparent;
        border-radius: 0px;
        width: 27px;
        height: 25px;
    }
    .main-slider .custom-direction {
        position: absolute;
        bottom: 0;
        right:0;
        background-color: var(--bs-primary);
    }
    .main-slider .custom-direction .slick-next,
    .main-slider .custom-direction .slick-prev{
        width: 40px;
        border-radius: 0;
        position: relative;
        height: auto;
        background-color: var(--bs-primary); 
        color: #fff;
        font-size: 18px;
        transition: all linear .3s;
        padding: 1rem 0;
    }
    .main-slider .custom-direction .slick-prev:after{
        content: "";
        font-size: 30px;
        width: 1px;
        height: 25px;
        background-color: #fff;
        position: absolute;
        left: -3px;
        top: 12px;
    }
    .main-slider .custom-direction .slick-next:hover,
    .main-slider .custom-direction .slick-prev:hover{
     background-color: var(--bs-light); 
     color: var(--bs-primary);
 }
/* Block Offer */
.block-offer { background-color:#ebebeb; position: relative;}
.block-offer .offer-img{position: absolute;left: 0;top: 0;width: 70%; transform: translateY(40%);} 
.offer-price {font-size: 2rem; font-weight: 700}
.offer-price > span {font-size: 1rem; font-weight: normal;}
.count-timer{
    position: relative;
    display: flex;
}
.count-timer > div{
    margin-right: .75rem;
    background-image: url(../img/bg-timer-count.png);
    padding: 10px 10px 0;
    height: 71px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: "Cursed Timer ULiL";
    font-size: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.count-timer > div > span{
    position: absolute;
    bottom: -30px;
    font-size: 1rem;
    font-family: "Museo Sans";
}
/*Block Product*/
.block-product .product-groups {
    background-image: url(../img/bg-product-group.jpg);
    background-repeat: no-repeat;
    background-size: cover;   
}
.products {padding: 1rem; background-color: var(--bs-white); margin-bottom: 1.5rem; display: flex; justify-content: center; align-items: center; flex-direction: column}
.productMedia {margin-bottom: 1rem; position: relative; overflow: hidden;  height: 220px; display: flex; justify-content: center; align-items: center}
.productTitle a{ text-align:center; font-weight:500; color:var(--bs-black); }
.products:hover .productTitle a {color: var(--bs-secondary);}
/*Block New Product*/
.new-product {
    background-image: url(../img/bg-new-product.png);
    background-position: left top;
    background-repeat: no-repeat;
}
.newProducts-bg {
    box-shadow: 0 0 16px rgb(0 0 0 / 15%);
    background-color: var(--bs-white);
}
.newProductBody{
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #ebebeb;
    padding:1.5rem ;
}
.newProductMedia {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.newProductTitle {font-weight: 500; text-transform: uppercase;}
.block-slider {position: relative;}
.newProduct-btn .btnFind {font-size: 18px;border-radius: 1.75rem; padding: 7px 50px; position: relative; z-index: 1;}
.btnBasket {font-size: 14px;padding: 2px 20px; background-color:#d0ba99; border-color:#d0ba99; border-radius:0; margin: 0 -20px; line-height: 1.25}
.btnBasket span{display: block;width: 72px;}
.btnLike {height: 44px; width: 44px; padding:0; display: flex; align-items:center; justify-content: center}
.btnBasket:hover {position: relative; z-index: 2;border-radius: 1.75rem; transform:translateX(-15px);}
.btnBasket:hover span {width: auto; padding: 10px 0px;}
.newProduct-btn {justify-content: space-between;
    width: 195px;
    background-color: var(--bs-primary);
    border-radius: 1.75rem;
}
.block-slider .slick-dots{position: absolute;
    margin: 0 0 0 -3%;
    transform: translateX(0);
    bottom: 5px;
}
.block-slider .slick-dots li button {background-color: #a9a7a7; width: 12px; height: 12px; border: 0}
.block-slider .slick-dots li.slick-active button {background-color: var(--bs-primary); }
.block-slider .custom-direction {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #c1bcbc;
}
.block-slider .slick-next,
.block-slider .slick-prev{
    width: 30px;
    border-radius: 0;
    position: relative;
    height: auto;
    background-color: #c1bcbc; 
    color: #fff;
    font-size: 18px;
    transition: all linear .3s;
    padding: .65rem 0 .5rem;
}
.block-slider .slick-next:hover,
.block-slider .slick-prev:hover{
 background-color: var(--bs-primary); 
}
/*Block Click Product*/
.block-click .card {border-radius: 0 0 1.25rem 1.25rem}
.card-title {font-size: 20px; font-weight: 300}
.card-title a{color:#000}
.card-title a:hover{color:var(--bs-primary)}
.card-desc {font-size: .875rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.block-click .block-slider .slick-next,
.block-click  .block-slider .slick-prev{background-color: transparent; color: #000000; font-size: 3rem; opacity: .3}
.block-click .block-slider .slick-next {right:-1rem}
.block-click .block-slider .slick-prev {left:-1rem}
.block-click .block-slider .slick-next:hover,
.block-click  .block-slider .slick-prev:hover {opacity: 1}
/*Block Home Blog*/
.blog-image_big {height: 100%}
.blog-image_big img{position: absolute; width: 100%; height: 100%}
.blog-desc { display: -webkit-box; -webkit-line-clamp: 13; -webkit-box-orient: vertical; overflow: hidden;}
.blog-desc_small { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.blog-title {font-weight: 500; font-size: 1.25rem}
.blog-title a{color: #000;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.blog-title:hover a{color: var(--bs-primary)}
.block-security .s-icon {    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-size: 1.4rem;
}
.contact-box {background-color: #ebebeb; border-radius: 1rem; margin-bottom: 1rem; display: flex; flex-direction: column}
.contact-box li {margin-bottom: .375rem;}
/*FOOTER*/
.footer .h6{font-weight: 900;}
.footer-menu a {color: #000; font-size: .875rem; text-transform: uppercase}
.footer-menu li{margin: 3px 0; line-height: 1.25}
.footer-menu li:hover a {color: var(--bs-primary)}
.footer-social {display: flex; justify-content: end}
.footer-social li {margin: .25rem}
.footer-social li a{width: 1.75rem; height: 1.75rem; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center}
.footer-social li a.social-facebook {background-color:#334c8c; }
.footer-social li a.social-twitter {background-color:#00a6de; }
.footer-social li a.social-instagram {  background: #9100da;
    background: -moz-linear-gradient(45deg, #fed419 0%, #fe8d43 25%, #dc179c 50%, #cc2366 75%, #9100da 100%);
    background: -webkit-linear-gradient(45deg, #fed419 0%,#fe8d43 25%,#dc179c 50%,#cc2366 75%,#9100da 100%);
    background: linear-gradient(45deg, #fed419 0%,#e6683c 25%,#fe8d43 50%,#dc179c 75%,#9100da 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9100da', endColorstr='#bc1888',GradientType=1 );
}
.footer-social li a.social-youtube {background-color:#f20000; }
.footer-social li:hover a{opacity: .6;}
.hero {background-color: #ebebeb; padding: .5rem 0; text-align: center}
.hero nav{display: flex; justify-content: center; font-size: .875rem}
.hero nav li a {color: #000;}
.hero nav li:hover a {color: var(--bs-primary);}
.hero-details {position: absolute}
.hero-image {
    position: relative;
    overflow: hidden;
}
.page-hero__wrapper {
    position: relative;
    align-items: center;
}
.categori-filter .dropdown-toggle {border: 0}
.categori-filter .dropdown-toggle::after {display: none}
.categori-filter .form-check-input{border-color: #6e6b6b}
.categori-box {box-shadow: 0 0 13px rgba(0,0,0,.15); margin-bottom: 1.5rem;min-height: 400px;}
.categoriColor span {width:15px; height: 15px; }
.basket-box {margin-bottom: 1rem; border: 3px solid #eeecea; padding: 1.25rem; border-radius: 1rem}
.basket-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    width: 100%;
    position: relative;
}
.basket-col {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    font-weight: 500;
    padding: 0.5rem;
}
.basket-box .item-image { max-width: 25%;}
.basket-box .item-name {  max-width: 30%;}
.basket-box .item-quantity {max-width: 20%;text-align: center;}
.basket-box .item-total { max-width: 20%;text-align: center;}
.basket-box .item-action { max-width: 5%;text-align: center;}
.basket-box .item-action .btn-close{font-size: 16px; color: #000; cursor: pointer; position: relative; border-radius: 30px; border: 0; width: 2rem;  background-color: #eeecea;height: 2rem;display: block;}
.basket-head .item-image { font-size: 18px; font-weight: bold;}
.basket-item .item-image a {display: inline-block;}
.basket-item .item-image img {max-width: 180px;width: 100%;}
.basket-item__title { display: block; margin-bottom: 0;}
.basket-item__title a:hover,
.basket-item__title a:focus {color: var(--bs-primary)}
.basket-item .item-quantity .qty-wrapper {-ms-flex-direction: column;flex-direction: column;}
.basket-item__total {font-size: 1.8rem;font-weight: 600;}
/* Quantity Buttons */
.qty-wrapper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.qty-btns {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 5px 10px;
    border: 3px solid #eeecea;
    border-radius: 30px;
}
.qty-btn {
    color: #000;
    cursor: pointer;
    padding: 0 0px;
    position: relative;
    border-radius: 30px;
    border: 0;
    width:2rem;
    height: 2rem;
    background-color: #eeecea;
}
.qty-btn:hover,
.qty-btn:focus {
    color: #959595;
    background-color: #C6C6C6;
}
.qty-input {
    width: 2rem;
    text-align: center;
    border: 0;
    padding: 3px 5px;
    outline: none;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    background-color: #fff;
}
.categori-box .categoriMedia a{
    position: relative;
    overflow:hidden;
    height: 260px;
    width: 100%;
    display: flex;
}
.categori-box .categoriMedia a>img{
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
    left: 0;
    transition: all linear .3s;
}
.categori-box .categoriMedia a:hover>img.first-image{
 opacity:0;
}
.categori-box .categoriMedia a>img.second-image{
    opacity:0;
}
.categori-box .categoriMedia a:hover>img.second-image{
    opacity:1;
}
.swal2-styled.swal2-confirm {background-color: var(--bs-primary) !important;}
.basket-sidebar {background-color: #eeecea; border-radius: 1rem; padding: 1.25rem 1rem;}
.payment .nav-tabs a {border:3px solid #eeecea; font-size: 18px; color: #000}
.payment .nav-tabs a.active,
.payment .nav-tabs a:hover {background-color: #eeecea}
.payment-list {border:3px solid #eeecea; border-radius: 1rem; margin-bottom: 1rem }
.basket-box_summary {border: 2px solid #fff; margin-bottom:.5rem; padding-top:.75rem; padding-bottom: .75rem;  }
.main-shadow_top{
    box-shadow: inset 0 7px 9px 0px rgba(0,0,0,0.03);
}
/*  KATEGORİ DETAILS
====================================*/
.categori-slider {position: relative}
.categori-slider .slick-initialized .slick-list {
    height: auto !important;
}
.categori-slider .item-slick.slick-slide.slick-current.slick-active {
    outline: none!important
}
.categori-slider  .slider-for {
    margin-bottom: 15px;
}
.categori-slider  .slider-for img {
    width: 100%;
    min-height: 100%;
}
.categori-slider  .slider-nav {
    margin: auto;
}
.categori-slider .slider-nav .item-slick {
    max-width: 200px;
    margin-right: 15px;
    outline: none!important;
    cursor: pointer;
    max-height: 100px;
    height: 100px;
    opacity: 1 !important;
}
.categori-slider .slider-nav .item-slick img {
    max-width: 100%;
    background-size: cover;
    background-position: center;
}
.categori-slider .slick-dots{position: absolute; bottom: 0}
.categori-slider .custom-direction {bottom: 115px}
.categori-detail_desc {-webkit-line-clamp:9;
    -webkit-box-orient: vertical;
    overflow: hidden;}
    .mini-slider .slick-dots{position: absolute; bottom: -40px; margin: 0; transform: translateX(0);}
    .team-price {border-bottom: 3px solid var(--bs-primary); display: inline-flex; padding: 0 1rem .5rem 1rem; }
    .team-product .qty-btns input {background-color: #bbb9b8; border-radius: .3rem; margin:0 .25rem; padding: 3px 8px; width: 2.5rem }
    .mini-slider .slick-dots li button {background-color: #a9a7a7; border-color: #a9a7a7}
    .mini-slider .slick-dots li:hover button,
    .mini-slider .slick-dots li.slick-active button {background-color: var(--bs-primary); border-color:var(--bs-primary);}
    .mini-slider .slick-slide {justify-content: center}
    .team-product_sidebar {background-color: #fff; width: 400px; padding: 1.25rem 1.5rem; box-shadow: -20px 6px 16px rgba(0,0,0,0.2); position: absolute; overflow: hidden; height: 100%; top:0; }
    .main-detay.basket-nav--fixed .team-product_sidebar{position: fixed}
    .main-detay.basket-nav--fixed .team-product_sidebar{position: fixed}
    .main-detay.basket-nav--bottom .team-product_sidebar{display: flex; flex-direction: column; justify-content: end}
    .main-detay.basket-nav--top .team-product_sidebar{top:168px}
    .team-product_sidebar.mobile{display: none;}
    .team-section {border: 3px solid var(--bs-border-color); padding: 1rem; border-radius: 1rem; display: inline-flex;flex-direction: column}
    .team-section li {margin: .25rem 0}
    .team-section li span {display: block; font-weight: 700}
    .team-price_payment ul li{margin: 0 .25rem}
    .team-price_payment ul li img{position: relative; top: -3px}
    .team-price_payment ul li:nth-child(n+2){border-left: 2px solid #000; padding-left: .5rem}
    .team-btn {background-color: #f6f4f4; border-radius: 1.375rem}
/*  MEDIA QUERY
====================================*/
@media (max-width:1539px) {
    .blog-desc {-webkit-line-clamp: 11; }
    .blog-desc_small {-webkit-line-clamp: 4; }
}
@media (max-width:1399px) and (min-width: 1320px) {
    .logo-img {
        width: 230px;
        height: 38px;
    }
}
@media (max-width: 1319px) {
    html,
    body {
        overflow-x: hidden;
    }
    .blog-desc {-webkit-line-clamp: 11; }
    .blog-desc_small {-webkit-line-clamp: 4; }
    .team-product_sidebar {width: 360px;}
}
@media (max-width: 1199px) {
    .team-product_sidebar {width: 300px;}
    .block-offer .offer-img {position: relative; transform: translateY(0%)}
    .buy-sell .nav-search-wrap {bottom: auto}
    .shopping-card {right: auto; margin-top: .5rem}
    .navbar-collapse {
        position: absolute;
    }
    .navbar-nav .active.dropdown-toggle::before {
        left: 0;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .product-detail-h3{font-size: 18px;}
    .team-product_sidebar {width: auto; position: relative; margin-bottom: 2rem}
    .team-product_sidebar.mobile{display: block;}
    .basket-box {padding: .75rem}
    .basket-box .item-name {max-width: 35%}
    .basket-box .item-quantity {max-width: 20%;}
    .basket-box .item-total {max-width: 20%}
    .basket-box .item-action {position: absolute; right: .8rem; top: -1rem;}
    .shopping-card {right: 0}
    .navbar-collapse {
        padding-left: 6%;
        padding-right: 6%;
    }
    .navbar-nav {
        margin-right: 8%;
    }
    .menu--open .navbar-collapse {
        width: 50%;
        padding: 10%;
    }
    .menu--open .navbar-brand {position: relative; z-index: 9999}
    .navbar-nav .nav-link {padding:.75rem 1rem }
    .block-offer .offer-img {width: 100%}
    .hero-details {position: relative}
    .categori-slider .slider-nav .item-slick{
        max-height:100px;
        height: 80px;
        max-width: 160px;
    }
    .categori-slider .custom-direction {
        bottom: 95px;
    }
}
@media (max-width: 767px) {
    .main-slider .custom-direction {
        background-color: transparent;
    }
    .main-slider .custom-direction .slick-next, .main-slider .custom-direction .slick-prev
    {
        width: 30px;
        font-size: 14px;
        padding: .5rem 0;
    }
    .custom-direction .slick-next{right: -5px}
    .main-slider .custom-direction .slick-prev:after {
        height: 30px;
        left: 0px;
        top: 0;
    }
    .main-slider .slick-dots{margin: .5rem 0}
    .main-slider .slick-dots li.slick-active button {
        width: 18px;
        height: 16px;
        background-size: cover;
    }

    .navbar-toggler{
        display: flex;
        justify-content: center;
    }
    .navbar-toggler i{
        right: auto;
    }
    .navbar-toggler i:nth-child(2){
        right: auto;
    }
    .basket-box .item-action { right: 18px; top: -19px; }
    .basket-box .item-action .btn-close {opacity: 1}
    .basket-box .item-image,
    .basket-box .item-name {max-width: 100%;text-align: center}
    .basket-box .item-quantity,
    .basket-box .item-total {max-width: 50%}
    .basket-box .item-image img{max-width:100%}
    .letter-spacemd {letter-spacing: .375rem}
    .logo-img {height: auto; width: 240px}
    .mini-slider .slick-dots {bottom: -30px}
    .categori-slider .slider-nav .item-slick{
        max-height:100px;
        height: 80px;
        max-width: 160px;
    }
    .menu--open .navbar-collapse {
        width: 100%;
        padding: 20% 10% 5%;
    }
    .navbar-collapse {
        padding-left: 1rem;
        padding-right: 1rem;
        flex-direction: column;
        text-align:center;
        position: absolute;
    }
    .navbar-nav {
        margin-right: 0;
        margin-bottom: 0;
        width:100%;
    }
    .nav-favorites-login {
        margin-top:1rem;
        width:100%;
    }
    .footer-links {
        font-size:12px;
    }
    .by-created {
        top:60%;
    }
    /*.hero {
        padding-top: 97px;
    }*/
    .block-security br{display: none}
    .block-click .block-slider .slick-prev {
        left: 0;
    }
    .block-click .block-slider .slick-next {
        right: 0;
    }
    .blog-image_big {height: 270px; margin-bottom: .875rem}
    .shopping-card {right: 3%}
    .footer-social {justify-content: start}
}
@media (max-width:414px) {
    .newProduct-btn {width: 250px}
    .newProduct-btn .btnFind{
        padding-left:30px;
        padding-right:40px;
    }
    .main-slider .custom-dots {bottom: 0}
}
@media (max-width:374px) {
    .logo-img {width: 170px; height: auto;}
    .navbar-toggler {width:50px; height:50px;}
    .navbar-toggler i {
        right: 6px;
    }
    .navbar-toggler i:nth-child(2) {right: 11px}
}
@media (min-width: 768px) {
    .block {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .block-top {
        padding-top: 3.5rem;
    }
    .block-bottom {
        padding-bottom: 3.5rem;
    }
}
@media (min-width: 768px) and (max-width: 1319px) {
}
@media (min-width: 1320px) {
    .block {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .block-top {
        padding-top: 5rem;
    }
    .block-bottom {
        padding-bottom: 5rem;
    }
    .nav-favorites-login {
        display:flex;
        align-items: center;
    }
}
@media (min-width: 1600px) {
    .team-product_sidebar {width: 500px;}
}
@media (min-width: 1900px) {
    .block {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .block-top {
        padding-top: 6rem;
    }
    .block-bottom {
        padding-bottom: 6rem;
    } 
}
@media(min-height:800px) {
    .navbar {
        padding-top:.75rem;
        padding-bottom:.75rem;
    }
    .header--fixed .navbar {
        padding-top:1rem;
        padding-bottom:1rem;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media (min-width: 2100px) {}
@media (min-width: 2500px) {
}
::selection {
    color: var(--bs-white);
    background-color: var(--bs-primary);
}
::-moz-selection {
    color: var(--bs-white);
    background-color: var(--bs-primary);
}
::-webkit-scrollbar-track {
    background-color: #f4f4f4;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: var(--bs-primary);
    border-radius: 0;
}
.price-line{
    display: none;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
}
.priceBox{
    position: relative;
    width: auto;
    margin: auto;
}
.priceBox span{
    font-size: 18px;
}
.priceBox.active .price-line{
    display: block;
}
.priceBox.active{
    font-size: 20px;
    opacity: .7;
}
.priceBox.active span{
    font-size: 18px;
}