@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html ,body {
    font-family: "Barlow", sans-serif!important;
    font-weight: 500!important;
    font-style: normal!important;
    color: #282828;
}
.bd-product__tag {
    position: absolute;
    display: flex;
    text-align: right;
    align-items: center;
    justify-content: end;
    width: 100%;
}
.prd-item-discount {
    background: #ea1f1f;
    color: #fff;
    border-radius: 12px;
    padding: 2px 10px;
    font-size: 13px;
    font-weight: 600;
}
span.stock-badge {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    height: max-content;
    background: #f5f0f09c;
    padding: 5px 15px;
    border-radius: 20px;
    color: #000;
    width: max-content;
    margin: auto;
}
.optionfilter {
    text-align: center;
}
.shop_single_natabmenu .product_popup {
    font-size: 24px;
    position: absolute;
    right: 20px!important;
    top: 20px!important;
    color: #000000;
}
.header_top {
    background: #7c3500;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding: 11px 0;
}
.logo img {
    max-width: 150px;
}
.logo a {
    position: absolute;
    top: 0;
    margin-top: -43px;
    z-index: 9999;
}
.mainslider .home-content {
    position: absolute;
    top: 0;
    height: 100%;
}
.mainslider  .slide {
    border-radius: 12px;
}
.btn-light {
    color: #000;
    background-color: #e7e7e7!important;
    border-color: #e7e7e7!important;
}
.thumb_info.visible {
    opacity: 1!important;
    left: 15px!important;
    top: 6px!important;
    transform: none!important;
}

.main-title h2,.main-title h3{
    font-weight: 600!important;
    color: #484848;
}
.hm_log_fav_cart_widget .wrapper ul {
    display: flex;
    justify-content: end;
}

.shop_item .thumb_info ul li.active {
    background: #ff8c90!important;
}
.shop_item .thumb_info ul li.active a{
    color: #fff;
}
header.header-nav.menu_style_home_one.menu_home5_style {
    background-color: #bddca6!important;
}
.PrdStyle2 .btn.btn-success {
    color: #000!important;
    background-color: #bddca6!important;
    border-color: #bddca6!important;
}
section.footer_one.home1.bdrt1 {
    background: #f0f2f3;
}
.item.prd-item.p-h-15 {
    padding: 0 7.5px!important;
}
.ListTopCate{
    background: #f0f2f3;
}
.log_reg_form {
    margin: 50px 0;
}
.PrdStyle2 .prd_img{
    height: 400px; border-radius:12px; width: 100%; object-fit: cover;
}
.PrdStyle3 .prd_img{
    height: 500px; border-radius:12px; width: 100% !important; object-fit: cover;

}
#mobilemenu {
    display: none;
}
.search-suggestions .box-suggestions ul li .thumb img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.search_form_wrapper .box-search.pre_line {
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    border: 1px solid;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.swiper-slide {
    overflow: visible !important;
    z-index: 1;
}

.swiper-slide:hover {
    z-index: 999;
}
.ProductContentOverlay.floating {
    pointer-events: auto;
}
.ProductContentOverlay:hover {
    z-index: 1000;
}
@media(max-width: 1300px){
    .header_middle.home2_style {
        display: none;
    }
    .header.stylehome1.home2_style {
        background: #152945 !important;
    }
    #menu.stylehome1 .menu_opened{
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .header_middle {
        padding: 0;
    }
    .header_middle_advnc_search.home2_style {
        padding: 10px;
    }

    div#category_list img {
        height: 240px!important;
    }
    .PrdStyle2 .prd_img {
        height: 250px !important;
    }
    .ProductFooter ul.cart_btns {
        flex-direction: column;
    }
    .header.stylehome1 .mobile_menu_search_widget {
        bottom: 15px;
        margin: auto;
        position: absolute;
        width: 90%!important;
        left: 0!important;
        right: 0!important;
        border-radius: 30px;
    }
    .advscrh_frm_btn .search-btn {
        border-top-right-radius: 30px!important;
        border-bottom-right-radius: 30px!important;
        position: relative;
        right: -2px;
    }
    .top-search form.form-search .box-search input {
        width: 100% !important;
        border-radius: 30px!important;
    }
    .header.stylehome1 {
        background-color: #728e5e!important;
        display: block;
        height: 180px!important;
        position: relative;
        z-index: 1;
    }

    .foter-bottom {
        /*padding-bottom: 100px !important;*/
    }
    .scrollToHome.show,.coll-box{
        bottom: 5%!important;
    }


    .shop_item .details .title, .shop_item .details .title a{
        font-size: 15px!important;
        font-weight: 600!important;
        line-height: 18px!important;
    }
    .shop_item .details .si_footer .price, .shop_item.list_style .si_footer .price {
        font-size: 23px!important;
        line-height: 23px!important;
    }
    .main-title h2 {
        font-size: 18px!important;
    }
    .navi_pagi_top_right.owl-theme.owl-carousel .owl-controls {
        top: -50px!important;
        width: 100% !important;
    }
    .shop-single-content .main-title h2 {
        margin-bottom: 45px!important;

    }
    .mobilenone{
        display:none!important;
    }
}


.ProductFooter ul.cart_btns {
    align-items: center;
    justify-content: center;
}
.ProductFooter .cart_btn.home_page_sidebar {
    padding: 0 10px;
}
.ProductFooter .cart_btn.home_page_sidebar a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
    border-radius: 90%;
    font-size: 10px;
}
.ProductFooter .cart_btn.home_page_sidebar a.quantity-arrow-minus2 {
    left: 8px;
}
.ProductFooter .ui_kit_button .btn{
    width: fit-content!important;
}

.ProductFooter a {
    background-color: transparent;
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
    color: #041E42;
    font-size: 10px;
    height: 25px;
    line-height: 20px;
    outline: none;
    position: absolute;
    text-align: center;
    width: 25px;
}

.ProductFooter .quantity-block{
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    border: 1px solid #EAEAEA;
    border-radius: 60px;
}

.ProductFooter input {
    border: none;
    border-radius: 4px 0 0 4px;
    font-size: 13px;
    height: 45px;
    max-width: 104px;
    outline: none;
    padding: 0;
    text-align: center;
    width: 100%;
}
.ProductFooter .minus {
    left: 10px;
}
.ProductFooter .plus {
    border-radius: 50%;
    background-color: #F3F5F6;
    font-size: 10px;
    right: 10px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ProductFooter  .quantity-block.home_page_sidebar {
    border: 1px solid #4f4b4bd6;
    border-radius: 60px;
    -webkit-transition: all .4s
    ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s
    ease;
    overflow: hidden;
}


#quoteModal .modal-header.bg-thm {
    background: linear-gradient(135deg, var(--theme-color, #ff5a5f) 0%, var(--theme-color-dark, #e04347) 100%);
}

#quoteModal .modal-title {
    font-weight: 600;
    color: #fff !important;
}

#quoteModal .quote-product-info {
    border-left: 4px solid var(--theme-color, #ff5a5f);
}

#quoteModal .quote-product-info img {
    max-height: 80px;
    object-fit: cover;
}

#quoteModal .form-label {
    font-weight: 500;
    color: #333;
    margin-bottom: 0.5rem;
}

#quoteModal .input-group-text {
    background-color: #f8f9fa;
    border-right: none;
    color: var(--theme-color, #ff5a5f);
}

#quoteModal .input-group .form-control,
#quoteModal .input-group .form-select {
    border-left: none;
}

#quoteModal .input-group .form-control:focus,
#quoteModal .input-group .form-select:focus {
    border-color: #ced4da;
    box-shadow: none;
}

#quoteModal .input-group:focus-within {
    box-shadow: 0 0 0 0.2rem rgba(255, 90, 95, 0.15);
    border-radius: 0.375rem;
}

#quoteModal .input-group:focus-within .input-group-text {
    border-color: var(--theme-color, #ff5a5f);
}

#quoteModal .input-group:focus-within .form-control,
#quoteModal .input-group:focus-within .form-select {
    border-color: var(--theme-color, #ff5a5f);
}

#quoteModal .btn-thm {
    background: var(--theme-color, #ff5a5f);
    border-color: var(--theme-color, #ff5a5f);
    color: #fff;
    padding: 10px 30px;
    font-weight: 500;
    transition: all 0.3s ease;
}

#quoteModal .btn-thm:hover {
    background: var(--theme-color-dark, #e04347);
    border-color: var(--theme-color-dark, #e04347);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 90, 95, 0.3);
}

#quoteModal .btn-outline-thm {
    border: 2px solid var(--theme-color, #ff5a5f);
    color: var(--theme-color, #ff5a5f);
    background: transparent;
}

#quoteModal .btn-outline-thm:hover {
    background: var(--theme-color, #ff5a5f);
    color: #fff;
}

#quoteModal .form-check-input:checked {
    background-color: var(--theme-color, #ff5a5f);
    border-color: var(--theme-color, #ff5a5f);
}

#quoteModal textarea.form-control {
    resize: none;
}

/* Teklif Al Butonu Stilleri */
.btn-thm2 {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    border: none;
    color: #fff;
    padding: 12px 25px;
    font-weight: 500;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.btn-thm2:hover {
    background: linear-gradient(135deg, #20c997 0%, #28a745 100%);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
}

/* Loading State */
#quoteSubmitBtn.loading {
    pointer-events: none;
    opacity: 0.7;
}

#quoteSubmitBtn.loading .fa-paper-plane {
    display: none;
}

#quoteSubmitBtn.loading::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 0.8s linear infinite;
    margin-right: 8px;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 576px) {
    #quoteModal .modal-body {
        padding: 1rem;
    }

    #quoteModal .quote-product-info {
        padding: 0.75rem !important;
    }

    #quoteModal .quote-product-info h6 {
        font-size: 0.9rem;
    }
}
div#category_list img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}
div#category_list .cate_footer {
    background: #112137;
    color: #fff;
    padding: 8px 10px;
    font-weight: 500;
    font-size: 16px;
}

div#category_list a {
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
}

ul#respMenu .megamenu_style:hover .sub-menu{
    display: block!important;
    visibility: visible!important;
    opacity: 1!important;
}

ul#respMenu .megamenu_style:hover  .sub-menu:before{
    display: none;
}
section.home-one.mainslider img {
    width: 100%;
}

/* ========================================
   MOBİL ARAMA KUTUSU - #mobileSearchBox
   ======================================== */

#mobileSearchBox {
    width: 100%;
    padding: 10px 5px;
    box-sizing: border-box;
}

#mobileSearchBox .box-search {
    position: relative;
    width: 100%;
}

#mobileSearchBox .form_control {
    width: 100%;
    height: 46px;
    padding: 0 45px 0 15px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #ededed;
    outline: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 30px !important;
}

#mobileSearchBox .form_control:focus {
    border-color: #007bff;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

#mobileSearchBox .form_control::placeholder {
    color: #999;
    font-size: 14px;
}

/* Arama ikonu */
#mobileSearchBox .box-search::after {
    content: "🔍";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    pointer-events: none;
    opacity: 0.5;
}

/* Öneriler Kutusu */
#mobileSearchBox .search-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    margin-top: 5px;
}

#mobileSearchBox .box-suggestions {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    -webkit-overflow-scrolling: touch;
}
div#page {
    position: relative;
    z-index: 999999;
}
#mobileSearchBox .box-suggestions:empty {
    display: none;
}

/* Öneri öğeleri */
#mobileSearchBox .box-suggestions .suggestion-item {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: background 0.2s;
}

#mobileSearchBox .box-suggestions .suggestion-item:last-child {
    border-bottom: none;
}

#mobileSearchBox .box-suggestions .suggestion-item:active {
    background-color: #f0f0f0;
}

/* Tablet ve Masaüstü */
@media (min-width: 768px) {
    #mobileSearchBox {
        max-width: 400px;
        padding: 10px 0;
    }

    #mobileSearchBox .form_control {
        height: 50px;
        font-size: 15px;
    }

    #mobileSearchBox .box-suggestions .suggestion-item:hover {
        background-color: #f5f5f5;
    }
}

/* Küçük mobil ekranlar */
@media (max-width: 360px) {
    #mobileSearchBox {
        padding: 8px 10px;
    }

    #mobileSearchBox .form_control {
        height: 42px;
        font-size: 16px;
        padding: 0 40px 0 12px;
    }

    #mobileSearchBox .form_control::placeholder {
        font-size: 13px;
    }
}
#headerTop{
    padding: 15px 15px 0;
}
.header_middle.home2_style {
    background-color: #282828!important;
    border-radius: 12px;
}
div#websearch {
    display: flex;
}
div#websearch .top-search.home2_style {
    width: 90%;
}
div#websearch .advscrh_frm_btn .search-btn {
    background-color: #feed02;
    border-radius: 0 4px 4px 0;
    height: 52px;
    line-height: 45px;
    text-align: center;
    width: 50px;
    color: #000!important;
    font-size: 20px;
}
div#websearch input {
    background: #ffffff0f;
    color: #fff!important;
}
div#websearch input::placeholder {
    color: #fff; /* Example color: orange-red */
    opacity: 1; /* Firefox applies a default lower opacity, so this ensures consistency */
}
.header_top_iconbox .icon span.badge {
    background-color: #feed02!important;

}
.flex-center{
    display: flex;
    align-items: center;
}
.ace-responsive-menu > li > a{
    color: #fff!important;
    font-size: 21px!important;
}
/*.header_middle_advnc_search.home2_style .advscrh_frm_btn{*/
/*    border-radius:0!important;*/
/*}*/
.banner_one .thumb img{
    width: 100%;
}
.banner_one.home1_style{
    border-radius: 15px!important;
}
.scrollToHome{
    background-color: #feed02!important;
    color: #202020!important;
}

#Module19 .banner_one img {
    height: auto !important;

}
div#Module19 .banner_one.home1_style {
    border-radius: 0 !important;
}
div#Module19 .thumb {
    position: relative;
}
#Module19 .banner_one {
    margin-top: -10rem;
    background: transparent !important;
    z-index: -1;
}
.PrdStyle2 .prd_img {
    height: 480px;
    width: 100% !important;
    border-radius: 12px;
    object-fit: cover;
}
div#Module19 .banner_one {
    padding-right: 50px;
}
.PrdStyle3 .details {
    text-align: left!important;
}
.PrdStyle3 .btn-dark {
    background-color: #282828;
    border-color: #282828;
    color: #ffffff;
}
.PrdStyle3 .details h5 {
    font-weight: 200 !important;
}
 
div#Module21 {
    background: url(../image/bg1.png) no-repeat top / contain;
    padding: 30px 80px;

}

div#Module19 {
    margin-bottom: 50px;
}
div#Module19 h1 {
    font-size: 40px;
    font-weight: 700!important;
    color: #251a1a;
}

div#Module19 h4 {
    font-size: 25px;
    font-weight: 100 !important;
    color: #5d5858;
}

div#Module20 {
    padding: 0 80px;
}
div#Module23 {
    padding: 80px!important;
    position: relative;
}
div#Module23:before {
    content: '';
    background: #000;
    height: 50%;
    width: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
}

.layout-section {
    width: 100%;
    margin-bottom: 50px;
}

.layout-banner {
    position: relative;
    overflow: hidden;
    display: block;
}
.layout-banner .banner-img {
    display: block;
    width: 100%;
    transition: transform .4s ease;
}

.layout-banner .banner-caption {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 20px 24px;
    background: linear-gradient(transparent, rgba(0,0,0,.6));
    color: #fff;
}
.layout-banner .banner-title {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 6px;
    line-height: 1.2;
}
.layout-banner .banner-subtitle {
    color: rgba(255,255,255,.85);
    font-size: .85rem;
    margin-bottom: 10px;
}
.layout-banner .banner-btn {
    display: inline-block;
}

.layout-text-banner {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.layout-text-banner .text-banner-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.2;
}
.layout-text-banner .text-banner-subtitle {
    font-size: 1rem;
    margin-bottom: 20px;
}

.layout-slider {
    position: relative;
    overflow: hidden;
}
.layout-slider .slide-img {
    display: block;
    width: 100%;
}
.layout-slider .slide-caption {
    background: linear-gradient(transparent, rgba(0,0,0,.55));
}
.layout-slider .slide-title {
    font-size: 1.5rem;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(0,0,0,.4);
    margin-bottom: 8px;
}
.layout-slider .slide-subtitle {
    font-size: 1rem;
    text-shadow: 0 1px 2px rgba(0,0,0,.3);
    margin-bottom: 14px;
}
.layout-slider .swiper-button-prev,
.layout-slider .swiper-button-next {
    color: #fff;
}
.layout-slider .swiper-pagination-bullet-active {
    background: #fff;
}

.layout-showcase {
    width: 100%;
}
.layout-showcase .showcase-header {
    margin-bottom: 20px;
}
.layout-showcase .showcase-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 4px;
}
.layout-showcase .showcase-subtitle {
    font-size: .9rem;
    color: #888;
    margin-bottom: 0;
}

.layout-showcase .showcase-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 20px;
    padding-bottom: 0;
}
.layout-showcase .showcase-tab-btn {
    padding: 8px 20px;
    border: none;
    background: none;
    font-size: 14px;
    font-weight: 600;
    color: #666;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all .15s;
    border-radius: 0;
}
.layout-showcase .showcase-tab-btn:hover {
    color: #333;
}
.layout-showcase .showcase-tab-btn.active {
    color: var(--theme-color, #e8572a);
    border-bottom-color: var(--theme-color, #e8572a);
}
.layout-showcase .showcase-tab-pane {
    display: none;
}
.layout-showcase .showcase-tab-pane.active {
    display: block;
}

.layout-showcase .showcase-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.layout-showcase .showcase-grid > [class*="col-"] {
    padding: 0 8px 16px;
}

.layout-showcase .shop_item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,.07);
    height: 100%;
    transition: box-shadow .2s, transform .2s;
    position: relative;
}
.layout-showcase .shop_item:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,.12);
    transform: translateY(-2px);
}
.layout-showcase .shop_item .thumb {
    position: relative;
    overflow: hidden;
}
.layout-showcase .shop_item .thumb_info {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    opacity: 0;
    transition: opacity .2s;
}
.layout-showcase .shop_item:hover .thumb_info {
    opacity: 1;
}
.layout-showcase .shop_item .thumb_info ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.layout-showcase .shop_item .thumb_info li a {
    width: 34px; height: 34px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    color: #333;
    font-size: 14px;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.layout-showcase .shop_item .thumb_info li a:hover {
    background: var(--theme-color, #e8572a);
    color: #fff;
}
.layout-showcase .shop_item .shop_item_cart_btn {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    transform: translateY(100%);
    transition: transform .2s;
}
.layout-showcase .shop_item:hover .shop_item_cart_btn {
    transform: translateY(0);
}
.layout-showcase .shop_item .details {
    padding: 12px;
}
.layout-showcase .shop_item .details .title {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}
.layout-showcase .shop_item .details .title a {
    color: #222;
    text-decoration: none;
}
.layout-showcase .shop_item .details .title a:hover {
    color: var(--theme-color, #e8572a);
}
.layout-showcase .shop_item .details .sub_title {
    font-size: 11px;
    color: #999;
    margin-bottom: 6px;
}
.layout-showcase .shop_item .details .price {
    font-size: 15px;
    font-weight: 700;
    color: var(--theme-color, #e8572a);
}
.layout-showcase .shop_item .details .price del {
    font-size: 12px;
    color: #aaa;
    font-weight: 400;
    margin-right: 4px;
}
.layout-showcase .stock-badge {
    position: absolute;
    top: 10px; left: 10px;
    background: #dc3545;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    z-index: 2;
}
.layout-showcase .bd-product__tag {
    position: absolute;
    top: 10px; right: 10px;
    z-index: 2;
}
.layout-showcase .prd-item-discount {
    background: var(--theme-color, #e8572a);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .layout-banner .banner-title   { font-size: 1.1rem; }
    .layout-text-banner .text-banner-title { font-size: 1.2rem; }
    .layout-slider .slide-title    { font-size: 1rem; }
    .layout-showcase .showcase-title { font-size: 1.1rem; }
    .layout-showcase .shop_item .shop_item_cart_btn {
        transform: translateY(0); /* mobilde her zaman göster */
    }
}


div#Layout4 {
    margin-top: 20px;
}
.lb-banner  {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}


div#Layout2 {
    padding: 70px 30px 30px;
    position: relative;
}
div#Layout2:before {
    content: '';
    background: #282828;
    width: 100%;
    height: 59%;
    position: absolute;
    padding: 30px;
    z-index: -1;
    left: 0;
    top: 0;
}

div#Layout2 .lb-text-banner {
    padding: 40px;
    color: #fff;
}
div#Layout2 .lb-text-banner h2 {
    color: #fff;
    font-size: 50px;
}
div#Layout2 .lb-text-banner p {
    color: #fff;
    font-size: 20px;
}
div#Layout4 img {
    width: 100%;
}
div#Layout7 {
    background: url(../image/bg1.png) no-repeat top / contain;
    padding: 65px 65px 0 65px;
}
.ProductContentOverlay {
    margin-bottom: 30px!important;
    padding: 0!important;
}
.ProductContentOverlay .shop_item {
    padding: 10px!important;
    border-radius: 15px;

}
div#Layout6 {
    position: relative;
    text-align: center;
}
div#Layout6 img.image_background {
    position: absolute;
    top: -30%;
    z-index: -1;
    left: 0;
}
div#Layout6 .feature-banner {
    position: relative;
}
div#Layout6 .content {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    display: flex;
    flex-direction: column;
    align-items: end;
    right: 0;

}
div#Layout6 .content span:first-child {
    top: 0;
    position: relative;
    font-size: 16px;
    width: 150px;
    left: 0;
    text-align: left;

}

div#Layout6 .content span i {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1.7px solid #848484;
    display: block;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    left: -42px;
}

div#Layout6 .content span.text_2 {
    bottom: -10em;
    position: relative;
    font-size: 16px;
    width: 160px;
    left: -7em;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
}

div#Slidelbs-7 h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
}
div#Slidelbs-7 p {
    color: #fff;
    font-size: 30px;
}

div#Slidelbs-7 a {
    background: #413734;
    padding: 15px 40px;
    margin-top: 0px;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
}
div#Slidelbs-7 a i {
    margin-right: 15px;
}
div#Layout5 h3 {
    font-size: 35px !important;
}
div#Layout5 p {
    font-size: 20px !important;
}
div#Layout7 h3 {
    font-size: 35px !important;
}
div#Layout3 {
    padding: 0 50px 0 50px;
}
@media (max-width: 1200px) {
    div#Layout7 h3 {
        font-size: 20px !important;
    }
     .lb-banner {
        margin-bottom: 20px;
    }
    div#Layout6 img.image_front{
        max-height: 490px;
    }
    div#Layout6 div#Layout6 .content span:first-child {
        top: 20px;
    }
    div#Layout6 .content span.text_2 {
        bottom: -6em;
        position: relative;
        font-size: 16px;
        width: 160px;
        left: -1em;
        display: flex;
        flex-direction: row;
        align-items: center;
        text-align: left;
    }
    div#Layout7 img {
        max-height: 180px;
    }
    div#Layout7 {
        position: relative;
    }

    div#Layout7 {
        background: url(../image/bg1.png) no-repeat center / contain;
        padding: 50px 10px 0 10px;
    }
    div#Layout7:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 40%;
        background: #282828;
        left: 0;
        top: 0;
    }
    div#Layout2:before {
        height: 89%;
    }
    .ModuleLeftContent img {
        max-height: 170px !important;
    }
    .PrdStyle3 .prd_img {
        height: 240px;
        border-radius: 12px;
        width: 100% !important;
        object-fit: cover;
    }
    div#Layout2 .lb-banner:first-child img {
        max-height: 400px;
    }
    div#Layout2 {
        padding: 70px 10px 10px;
        position: relative;
    }
    .shop_item.PrdStyle3 .text-end {
        text-align: left !important;
        margin-top: 10px;
    }
    div#Layout5 .col-md-3 img {
        height: 220px !important;
    }
    div#Layout5 h3 {
        font-size: 15px !important;
    }
    div#Layout5 p {
        font-size: 12px !important;
    }
    div#Layout6 .PrdStyle3 .prd_img {
        height: 400px;
    }
    .social_icon_list li a {
        font-size: 34px;
    }
    .footer_qlink_widget {
        position: relative;
        padding-left: 20px;
    }
    .footer_contact_widget {
        position: relative;
        padding-left: 20px;
        margin-bottom: 20px;
    }
    #headerTop {
        padding: 0!important;
    }
    .header.stylehome1.home2_style {
        background: #202020 !important;
    }
    .footer_qlink_widget {
        padding-left: 20px!important;
    }

    div#Layout3 {
        padding: 0;
    }
    div#Slidelbs-7 .SlideContent {
        top: 40%;
        left: 70%;
    }
    div#Slidelbs-7 h2 {
        color: #fff;
        font-size: 20px;
        font-weight: 700;
    }
    div#Slidelbs-7 p {
        color: #fff;
        font-size: 15px;
    }
    div#Slidelbs-7 a {
        background: #413734;
        padding: 10px 20px;
        margin-top: 0px;
        display: inline-block;
        border-radius: 30px;
        color: #fff;
        font-size: 11px;
    }
}

/* Overlay */
#siteOverlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    visibility: hidden;
    transition: 0.25s;
    z-index: 9998;
    pointer-events: none; /* EN KRİTİK */
}

/* aktif */
#siteOverlay.active {
    opacity: 1;
    visibility: visible;
}

/* ürün */
.ProductContentOverlay {
    position: relative;
    z-index: 1;
}

/* aktif ürün */
.ProductContentOverlay.active {
    z-index: 9999; /* overlay'den büyük olacak */
}

.ProductContentOverlay.active .shop_item {
    height: 100%;
    padding: 10px;
}

#cursorLight {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;

    --x: 50%;
    --y: 50%;

    background: radial-gradient(
            circle 80px at var(--x) var(--y),
            rgba(254, 237, 2, 0.35) 20%,
            rgba(254, 237, 2, 0.2) 30%,
            rgba(254, 237, 2, 0.1) 40%,
            rgba(254, 237, 2, 0.05) 60%,
            transparent 75%
    );

    filter: blur(8px); /* softness */
}
.social_icon_list li a{
    color: #fff!important;
    font-size: 34px!important;
}

div#Slidelbs-7  .SlideContent{
    position:absolute;
    top:40%;
    left:60%;
    transform:translate(-50%,-50%);
    text-align:left;
    width:80%;
    max-width:700px;
}

.shop_item .details .si_footer .price, .shop_item.list_style .si_footer .price {
    font-size: 23px!important;
}
.ace-responsive-menu li ul.sub-menu li a{
    padding: 5px 10px!important;
}
.ace-responsive-menu .sub-menu{
    z-index: 999!important;
}

.otpions_list a {
    display: inline-block;
    background: #e9eef1;
    padding: 4px 7px;
    border-radius: 4px;
    margin-bottom: 5px;
}
.otpions_list a.active {
    background: #282828;
    color: #fff;
}

.otpions_list .optionfilter.disabled{
    position: relative;
    opacity: .45;
    text-decoration: none;
    filter: grayscale(1);
}

.otpions_list .optionfilter.disabled::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 8%;
    width: 84%;
    height: 2px;
    background: #dc3545;
    transform: rotate(-8deg);
    border-radius: 10px;
}

.otpions_list .optionfilter{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 8px;
    transition: .2s ease;
}