
body, h1, h2, h3, h4, h5, h6,
.banner_discount_text h3{ font-family: 'Museo', sans-serif;}
.banner_discount_text h3{ font-size: 20px; margin-bottom: 15px;}
    


.header_logo img{ height: 100px; object-fit: contain; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .2); padding: 7px;}
/* .header_logo a{ background-image: url('/assets/img/gray_brick.jpg'); background-position: center; background-size: contain; background-repeat: repeat;} */
.header_logo a{ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1); background-color: #fff; border: 2px solid #756045; border-top: none; padding: 30px;}
.header_top{ background-color: #756045;}
.header_top_sidebar > ul > li::before{ background-color: #cfd4df;}
.header_top_sidebar > ul > li > a:hover{ color: #fff;}

.main_menu{ padding-right: 0;}
.header_section{ border-bottom: 2px solid #756045;}

/* .main_menu nav > ul > li > a::before{ width: 140px; height: 90px; filter: sepia(1) saturate(200%) hue-rotate(320deg) brightness(0.6); background-position: center; background-size: contain; background-repeat: no-repeat;} */
.main_menu nav > ul > li > a::before{ width: 140px; height: 90px; filter: sepia(1) saturate(100%) hue-rotate(320deg) brightness(0.6); background-position: center; background-size: contain; background-repeat: no-repeat;}

.header_account > ul > li span.item_count{ background-color: #756045;}


.banner-slider{ position: relative;}
.banner-slider .item img{ width: 100%; height: auto; display: block;}

/* --- Oklar --- */
.owl-nav > *{ --size: 40px; font-size: 15px; position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.15); border: none; color: rgba(255, 255, 255, .75); width: var(--size); height: var(--size); border-radius: 50%; cursor: pointer; transition: 0.3s, transform 0.3s; z-index: 10; display: flex; align-items: center; justify-content: center;}
.owl-nav > *:hover{ background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 1); transform: translateY(-50%);}
.owl-nav .owl-prev{ left: 20px !important;}
.owl-nav .owl-next{ right: 20px !important;}

/* --- Noktalar (pagination) --- */
.owl-dots{ gap: 7px; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex;}
.owl-dot{ display: flex;}
.owl-dot span{ width: 5px; height: 5px; background: rgba(255, 255, 255, 0.5); display: inline-block; border-radius: 99px; transition: all .2s ease;}
.owl-dot.active span{ width: 12px; background: #756045; transform: scale(1.2);}






.btn.btn-link{ background-color: #756045;}
.btn.btn-link::before{ background-color: #554127;}

.product_tab_button ul li a{ color: inherit;}

.product_tab_button ul li a.active,
.product_tab_button ul li a:hover,
.product_content h4 a:hover,
.blog_content h3 a,
.blog_content h3 a:hover,
.blog_arrow_btn a,
.ion-coffee{ color: #756045;}

.blog_arrow_btn a:hover,
.newsletter_subscribe form button,
.single_services::before{ background-color: #756045;}

#scrollUp{ background-color: #756045;}

.footer_widgets{ background-color: #554127;}

.main_footer,
.footer_list_width{ border-color: rgba(255, 255, 255, .15);}

.footer_contact_info_icon span{ color: #fff;}


.blog_thumb,
.single_blog{ border-radius: 0;}
.blog_thumb img{ transform: scale(1.05);}


.banner_discount_text h3{ color: inherit;}
.banner_discount_text h3 span{ color: #756045;}


.testimonial_section .container{ position: relative;}
.bd-abs{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; height: 380px; z-index: 10;}


.shipping_icon{ filter: brightness(0) invert(1); width: 70px; min-width: 70px; padding-right: 5px;}
.shipping_icon img{ width: 100% !important;}
.shipping_area{ text-align: start;}
.single_shipping{ width: 100%; justify-content: start !important;}


.bd-w{ overflow: hidden;}
.bd-w > div{ width: calc(100% + 30px);}

.services_section_inner{ display: grid; gap: 30px; grid-template-columns: repeat(4, 1fr);}
.services_section_inner .single_services:nth-child(4n){ border-right: none !important; padding-right: 0; margin-right: 0;}
.services_section_inner .single_services:nth-child(4n){ padding-right: 30px;}
.services_section_inner .single_services:nth-child(4n)::before{ display: none;}
.single_services{ width: 100%; justify-content: flex-start; gap: 20px;}
.services_thumb{ /*aspect-ratio: 1;*/  }
.services_thumb img { border:solid 1px #756045; border-radius:10px; }

.main_menu nav > ul > li > a{ color: #454543; padding: 5px 0;}
.main_menu nav > ul > li > a:hover{ color: #756045;}
.main_menu nav > ul > li > a.active{ color: #756045;}
.main_menu nav > ul > li > a::before{ display: none;}
.main_menu nav > ul > li > a span{ position: relative;}
.main_menu nav > ul > li > a span::before{ content: ''; display: inline-block; position: absolute; left: 0; width: 100%; height: 0; border-top: 2px solid #756045; bottom: -5px; display: none;}
.main_menu nav > ul > li > a.active span::before{ display: block;}


.banner_discount_text.chc h2{ position: relative; width: fit-content; margin-inline: auto;}
.banner_discount_text.chc h2 img{ position: absolute; right: -30px; top: 50%; transform: translateY(-80%) translateX(100%); height: 100px;}

.banner_discount_text.chc.v2 h2{ margin: 0;}



.breadcrumbs_text{ padding: 40px 0;}
.breadcrumbs_text ul li{ color: #756045;}

.pagination ul li.current span,
.pagination ul li a:hover{ border-color: #756045; background-color: #756045;}

.sorting__by{ border-color: #756045;}
.sorting__by .nice-select{ color: #756045;}
.sorting__by .nice-select::after{ border-color: #756045;}
.page__amount p span{ color: #756045; font-weight: 600;}


.about_video_thumb{ border-radius: 20px; overflow: hidden;}

.about_thumb{ aspect-ratio: 1.1; display: flex; border-radius: 20px; overflow: hidden;}
.about_thumb img{ width: 100%; height: 100%; object-fit: cover;}


.feature_number{}
.feature_number h2{ font-size: 60px; transform: translateY(-27%); color: #756045; max-width: 80px;}
.feature_content h3{}

.widget__list h3,
.widget_filter_list h4{ font-family: inherit;}


.header_section.v2 .header_logo{ margin: 0;}
.header_section.v2 .header_logo a{ box-shadow: none; border: none; background-color: transparent; padding: 20px 0;}

@media screen and (max-width: 867px) {
    .bd-abs{ transform: translateX(-50%); top: unset; bottom: -20px; height: 300px; left: 50%; right: unset; opacity: .1;}
    .testimonial_section{ position: relative; overflow: hidden;}
    .testimonial_section .container{ position: static;}
    .testimonial_section .container > div{ position: relative; z-index: 20;}
}

@media screen and (max-width: 767px) {
    .services_section_inner{ grid-template-columns: repeat(2, 1fr);}
    .services_section_inner .single_services:nth-child(4n){ border-right: 2px solid rgba(0, 0, 0, .1) !important; padding-right: 15px;}
    .services_section_inner .single_services:nth-child(2n){ border-right: none !important; padding-right: 30px;}

    .banner_discount_text.chc h2{ width: 100%;}
    .banner_discount_text.chc h2 img{ right: 0; transform: translateY(-80%); z-index: -1; opacity: .25;}

    .services_content p{ font-size: 14px; line-height: 1.65;}
}

@media screen and (max-width: 575px) {
    .bd-w > div{ width: calc(100% + 15px);}

    .services_section_inner{ gap: 15px;}
    .services_section_inner .single_services{ padding-right: 15px !important;}
}

.header_account { display: none;}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_account { display: block;}
}
@media only screen and (max-width: 767px) {
    .header_account { display: block;}
    .header_top_inner{ overflow-x: auto;}
    .header_top_sidebar > ul{ flex-direction: row !important; white-space: nowrap;}
}

@media screen and (max-width: 990px) {
    .header_logo a{ padding: 10px;}
    .header_logo img{ height: 60px !important; width: fit-content !important;}
}



