:root{
	--renk1: #18007e;
	--renk2: #4ec81c;
	--renk2-koyu: #008c4b;
	--primary-color1: var(--renk2);
	--primary-color2: var(--renk2);
	--primary-color1-opc: 24, 0, 126;
	--primary-color2-opc: 138, 188, 70;
}


body:has(.header-topbar-wrap){padding-top: 120px; }
.topbar-area .contact-area ul {gap: 30px; }
.topbar-area .contact-area ul li a{color: rgba(0, 0, 0, 0.7) }
.topbar-area .contact-area ul li a:hover{color:var(--renk1)}
.topbar-area .contact-area ul li::before {background-color: rgba(0, 0, 0, 0.2);left: -15px; }
.right-sidebar-menu .right-sidebar-close-btn:hover {color: #fff;}

header.style-1 .nav-right .right-sidebar-button { background-color: var(--renk2); }
header.style-1 .nav-right .right-sidebar-button svg { fill: var(--renk2-koyu); }
header.style-1 {
    padding: 10px 90px;
}

@media (max-width:960px){
    header.style-1 { padding: 10px 10px; display: flex; justify-items: space-between; } 
    header.style-1  .nav-right{ display: flex; justify-items: space-between; width: 100%; } 
       header.style-1  .nav-right .company-logo{  width: 100%; } 
    body:has(.header-topbar-wrap) {padding-top: 60px;}
    
}
/*Megamenü düzenlemeleri*/
header.style-1 .main-menu {
    display: inline-block;
    width: 100%;
    margin-right: 1em;
}
header.style-1 .main-menu > ul > li .mega-menu .mega-menu-wrap{background: white; }
header.style-1 .main-menu   ul.mega-menu .container-fluid{
	display: flex;
	flex-wrap: wrap;
    gap: 2em;
    padding: 0 5em;
}

header.style-1 .main-menu > ul > li .mega-menu{top: 54px;}
/*Endüstryel boya öne çıksın*/
.menu-list > li:nth-child(1) > a{
    background: linear-gradient(10deg, var(--renk2-koyu) 0%, var(--renk2) 80%);
        color:white!important;
    font-size: 1em!important
}


header.style-1 .main-menu   ul.mega-menu  li ul.sub-menu{
    display: block;
    position: static;
    opacity: 1;
    background: transparent;
    padding: 0;
}

header.style-1 .main-menu   ul.mega-menu .container-fluid > li {
    list-style: none;
    color: var(--renk1);
    position: relative;
}

header.style-1 .main-menu   ul.mega-menu .container-fluid > li > a{
	font-weight: 800;
    color: inherit;
    font-size: 1.2em
}

header.style-1 .main-menu   ul.mega-menu .container-fluid > li > a small {
    font-size: .7em!important;
    color: gray;
    opacity: .5;
    position: absolute;
    top: -2em;
    display: block;
}

header.style-1 .main-menu   ul.mega-menu .container-fluid > li > a svg{
    fill: var(--renk2);
    width: .8em;
    height: .8em;
    margin-left: .5em;
}

header.style-1 .main-menu   ul.mega-menu  li:has(.sub-menu) > ul a{
	padding: 0 1em;
    text-transform: capitalize;
    letter-spacing: 0;
    opacity: .5;
}

header.style-1 .main-menu   ul.mega-menu  li:has(.sub-menu) > ul span{
    border: unset!important;
    padding: .5em 0
}



/*Mega menü markalar*/


.nav-markalar {
    background: #7b7b7b24;
    padding: 2em;
    border-radius: 10px;
    margin-top: -2em;
    backdrop-filter: blur(9px);
}

.nav-markalar .title{
	list-style: none;
    color: var(--renk2)!important;
    position: relative;
    font-weight: 800;
    color: inherit;
    font-size: 1.2em;
}

.nav-markalar .title svg{
	width:1em;height: 1em;
    fill: white;
    margin-left: .5em
}

.nav-markalar .marka-list{
	display: flex;flex-wrap: wrap;gap:10px;
    margin-top: 2em;
    padding-left: 0
}


.nav-markalar .marka-list .marka{
	flex: 1 1 calc(50% - 1em);
    padding: 1em;
    border: 1px solid rgba(255,255,255,0.19);
    border-radius: 8px;
    transition: all .5s ease;
    /* background: rgba(0,0,0,0.31); */
    background: white;
	justify-content: center;
    align-items: center;
    
}

.nav-markalar .marka-list > :nth-child(n+3) {
    flex: 1 1 calc(22% - 1em);
   
}

.nav-markalar .marka-list .marka:hover{
	border-color:white;
    
}

.nav-markalar .marka-list .marka .marka-ad{
	display: none;
	flex: 1 1 calc(50% - 1em);
	color: black;
    margin-top: 1em;
    margin-bottom: -1em;
	text-transform: uppercase;
    font-size: .7em;
    letter-spacing:2px
	
}

.nav-markalar .marka-list .marka img{
	height: 42px;
	object-fit: contain;
	margin: auto;
    display: block;
}
header.style-1 .main-menu > ul > li .mega-menu .mega-menu-wrap{
    background: linear-gradient(90deg, white 70%, rgba(255,255,255,0.5) 85%), var(--kategoriresim);
    background-size: auto 100%!important;
    background-repeat: no-repeat!important;
    background-position: top right!important;
    background-blend-mode: lighten!important;
}


@media (min-width:1200px) and (max-width:1600px){
	header.style-1 .main-menu > ul > li > a{font-size: 11px;}
	.menu-list > li:nth-child(1) > a {font-size: .8em!important;}
}

@media (max-width:960px){
header.style-1 .main-menu > ul > li > a { padding: 15px 20px; font-size: .9em!important; }
header.style-1 .main-menu > ul > li .bi { right: 8px; } 
header.style-1 .main-menu ul.mega-menu .container-fluid {gap: 1em;padding: 1em;}
header.style-1 .main-menu ul.mega-menu .container-fluid > li > a {font-size: 1em;}
header.style-1 .main-menu ul.mega-menu .container-fluid > li > a + i {  display: none!important}
header.style-1 .main-menu   ul.mega-menu .container-fluid > li > a small { color: var(--renk2)!important; opacity: 1; position: static; } 
header.style-1 .main-menu > ul > li .mega-menu .mega-menu-wrap {background: linear-gradient(90deg, rgba(255,255,255,0.83) 100%, rgba(255,255,255,0.5) 85%), var(--kategoriresim);}
.nav-markalar {margin-top: 1em;}
   
}


/*Ana sayfa hakkımızda*/
.home2-banner-section .banner-content-wrapper .banner-content h1 {
    color: var(--title-color);
    font-family: var(--font-manrope);
    font-weight: 800;
    font-size: 52px;
    line-height: 1.2;
    margin-bottom: 45px;
    max-width: 715px;
    width: 100%;
}

.home2-banner-section .banner-content-wrapper .banner-content {
    border-top: 1px solid rgba(var(--black-color-opc), 0.07);
    padding: 75px 10% 65px 60px;
}

@media (max-width:960px){
    .home2-banner-section .banner-content-wrapper {padding-top: 0; margin-top: -4em}
    .home2-banner-section .banner-content-wrapper .banner-content{padding:  2em 3em}
    .home2-banner-section .banner-content-wrapper .banner-content h1{font-size: 1.7rem;display: flex;flex-direction: column;line-height: 1.5;}
   .home2-banner-section .banner-content-wrapper .banner-content .content b,
    .home2-banner-section .banner-content-wrapper .banner-content .content p{
    line-height: 1.75;margin-bottom: 2em;display: block;
}
}

/*Ana sayfa Ürün Kategorileri / faaliyet alanları*/
.project-card .project-content-wrap .project-content h3 {
    font-size: 1.25em;
    font-weight: 900;
    letter-spacing: -1px;
    position: absolute;
    top: 0em;left: 0em;width: 100%;
    padding: 1em;
    background: rgba(0,0,0,0.3);
    backdrop-filter:blur(8px);
color: var(--white-color);
font-family: var(--font-manrope);
line-height: 1.2;
transition: 0.5s;
}
.home1-project-section .section-title > span::after {background-color: #fff;}

.project-card .project-content-wrap .project-content ul a + li > a:first-child {display: none}
.project-card .project-content-wrap .project-content ul li {
    color: var(--white-color);
    font-family: var(--font-dmsans);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 5px 14px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.15);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    transition: 0.5s;
}

@media (max-width:960px){
    .home6-project-section .project-slider-area .project-card4 .project-img {-webkit-clip-path: unset;clip-path: unset;}
    .home6-project-section .project-slider-area .project-card4 .project-img img{margin-top: 2em;margin-left: -1em}
    .home6-project-section .project-slider-area .project-card4 .project-content-wrap {padding: 15px 30px;}
}

/*Ürün Sırala*/
.service-card {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}


/*Ürün Detay*/

.shop-details-top-section .shop-details-img .nav-pills {
    position: absolute;
    top: 0;
    left: -20%;
    flex-direction: column
}
.shop-details-img{
    position: relative
}

img[src*="check-green"]{
    margin-right: .75em;
    
}

.shop-details-description-section .shop-details-description-nav .nav-tabs {
    border-bottom: 1px solid var(--black-color);
    padding-left: 0;
    gap: 0;
    background: white;
    height: 5em;
    margin-top: 5em
}

.shop-details-description-section .shop-details-description-nav .nav-tabs .nav-link{
    padding: 0 3em;
    transition: all .5s ease;
    border-radius: 0;
    font-weight: 600;
}

.shop-details-description-section .shop-details-description-nav .nav-tabs .nav-link:hover{
   background: var(--renk1);
    background: #f3f3f3;
}

.urundetay .tab-pane.detayliaciklama img{
    float: left;
    max-width: 400px;
    margin-right: 2em;
}

.urundetay .tab-pane.detayliaciklama h3{
 font-size: 1.2rem;
    margin-top: 2em
}





/*Tablo stillendirme*/
table {
    border: 1px solid gray;
    background: white;
    width: 100%;
    
    color: gray;
    margin-block-end: 2rem;
    overflow: hidden;
        border-radius: 10px;
}


table th {
    padding: 10px 20px;
    border-bottom: 3px solid var(--renk2);
    background: var(--renk1);
    font-weight: 800;
    text-align: left;
    color: var(--renk2);

}

table td {
    padding: 10px;
    border-bottom: 1px solid rgb(221,221,221);
    vertical-align: middle;
    font-weight: 500;
}



/*CTA*/
.home6-subscribe-section .subscribe-wrapper {background-color: var(--primary-color1);}

@media (max-width:960px){
	.home6-subscribe-section .subscribe-wrapper {padding-bottom: 3em;margin-bottom: 5em}
    .home6-subscribe-section .subscribe-wrapper .subscribe-content h4 {font-size: 2em!important;padding: .5em}
    .subscribe-wrapper .primary-btn3{padding: 1em;}
}
.home6-subscribe-section .subscribe-wrapper .subscribe-content h4 {
    color: var(--white-color);
    font-family: var(--font-manrope);
    font-weight: 600;
    font-size: 2.5em;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -2px
}


.home6-subscribe-section .subscribe-wrapper .subscribe-content h4 span {
    display: block;
    color: var(--renk2)
}


/*Footer*/
.footer-section2 {
	/* background-image: url(../img/home5/home5-footer-bg.png), linear-gradient(180deg, var(--renk2) 0%, var(--renk1) 125%); */
	background-image: url(../img/home5/home5-footer-bg.png), linear-gradient(180deg, black 40%, var(--renk1) 150%);

	}
.footer-section .footer-wrapper .footer-menu-and-address-wrap .contact-area li .single-contact .content h6 span {color: rgba(255, 255, 255, 0.7);font-family: var(--font-manrope);font-size: 17px;font-weight: 500;line-height: 1.5;transition: 0.5s; }

.footer-section2 {grid-template-columns: 1fr;}
.footer-section2 .contact-area li .single-contact .content span {font-size: 15px;}
    .footer-section2 .footer-bottom-area .social-list li {
        padding: 14px;
    }
	
	
/*------------- DİĞER -----------------*/
.inner-contact-section .arrow-vector {display: none}
.haber .service-card p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-align: justify;}
.haber .service-card {height:600px}
.haber .service-card .primary-btn3 {position:absolute;bottom:5%;left:7%;}
.haber .service-card h4 a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
.blog-sidebar-area .single-widget {padding: 35px 0!important;border: unset!important;background-color: unset!important;}
.blog-card .blog-content h5 a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
:root, [data-bs-theme=light] {
--primary-color1: #00247d;
}

.certificate-logo-text {height: 150px;width: 100%;display: flex;align-items: center;justify-content: center; }
.certificate-logo-text span {position: relative;display: inline-block;font-weight: 700;font-size: 22px;letter-spacing: 2px;text-transform: uppercase;color: #444;padding: 12px 0; }

.certificate-logo-text span::before,
.certificate-logo-text span::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 1px;
background-image: radial-gradient(circle, #d4a017 1.5px, transparent 1.5px);
background-size: 12px 1px;
background-repeat: repeat-x;
}
.certificate-logo-text span::before {top: 0; }
.certificate-logo-text span::after {bottom: 0; }
.home1-banner-section .banner-wrapper {aspect-ratio: calc(17/8);}

@media(min-width:991px){
.breadcrumb-section .container{max-height: 350px;}
.breadcrumb-section .breadcrumb-content{padding-top: 70px!important;padding-bottom: 100px!important}
.breadcrumb-section .breadcrumb-content-wrap .breadcrumb-content h1 {font-size: 40px;}
.breadcrumb-section.two .breadcrumb-content-wrap .circular-text {bottom: 50px;}
}

/* ============ SAMES TARZI DOKÜMAN LİSTESİ ============ */
.sames-docs {
    max-width: 900px;
    margin: 0;
    font-family: inherit;
}
.sames-docs__group + .sames-docs__group { margin-top: 40px; }
.sames-docs__group-title {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    padding: 18px 20px;
    border-bottom: 1px solid #e5e7eb;
    letter-spacing: .2px;
}
.sames-docs__list { list-style: none; margin: 0; padding: 0; }
.sames-docs__item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 20px;
    border-bottom: 1px solid #e5e7eb;
    transition: background-color .18s ease;
}
.sames-docs__item:hover { background-color: #f7fafc; }
.sames-docs__icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.sames-docs__icon svg { width: 44px; height: 44px; display: block; }
.sames-docs__filename {
    flex: 1 1 auto;
    font-size: 15px;
    color: #1a1a1a;
    font-weight: 400;
    line-height: 1.4;
    word-break: break-word;
    text-decoration: none;
}
.sames-docs__download {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform .18s ease, opacity .18s ease;
}
.sames-docs__download svg { width: 30px; height: 30px; display: block; }
.sames-docs__download:hover { transform: translateY(-1px); opacity: .85; }
.sames-docs__item--locked { opacity: .55; }
.sames-docs__item--locked .sames-docs__filename { color: #9ca3af; }
.sames-docs__lock { flex: 0 0 24px; color: #9ca3af; }
@media (max-width: 576px) {
    .sames-docs__item { padding: 12px; gap: 10px; }
    .sames-docs__icon, .sames-docs__icon svg { width: 36px; height: 36px; flex-basis: 36px; }
    .sames-docs__filename { font-size: 13.5px; }
    .sames-docs__group-title { padding: 14px 12px; font-size: 14px; }
}

.haber .service-card {
    /* height: 500px; */
	    max-height: max-content;
}
.haber .service-card img{
    margin-bottom: 1em
}

.haber .service-card p {
    display: none
}

/* Thumb kolonu - dış konteynerden bağımsız, kendi başına dikey liste */
.shop-details-top-section #v-pills-tab{
	display:flex !important;
	flex-direction:column !important;
	flex-wrap:nowrap !important;
	gap:10px !important;
	width:100px !important;
	max-height:500px !important;
	overflow-y:auto !important;
	overflow-x:hidden !important;
	padding:2px 8px 2px 2px !important;
	margin:0 !important;
}

/* Görünür scrollbar */
.shop-details-top-section #v-pills-tab::-webkit-scrollbar{
	width:6px !important;
}
.shop-details-top-section #v-pills-tab::-webkit-scrollbar-track{
	background:#f1f1f1 !important;
	border-radius:3px !important;
}
.shop-details-top-section #v-pills-tab::-webkit-scrollbar-thumb{
	background:var(--renk1,#00508b) !important;
	border-radius:3px !important;
}
.shop-details-top-section #v-pills-tab{
	scrollbar-width:thin !important;
	scrollbar-color:var(--renk1,#00508b) #f1f1f1 !important;
}

/* Thumb butonları 80x80 sabit */
.shop-details-top-section #v-pills-tab > .nav-link{
	padding:0 !important;
	width:80px !important;
	height:80px !important;
	min-width:80px !important;
	min-height:80px !important;
	max-height:80px !important;
	border:2px solid transparent !important;
	border-radius:10px !important;
	overflow:hidden !important;
	background:transparent !important;
	flex-shrink:0 !important;
	flex-grow:0 !important;
	margin:0 !important;
}
.shop-details-top-section #v-pills-tab > .nav-link.active{
	border-color:var(--renk1,#00508b) !important;
}
.shop-details-top-section #v-pills-tab > .nav-link img{
	width:100% !important;
	height:100% !important;
	max-height:none !important;
	max-width:none !important;
	object-fit:cover !important;
	border-radius:8px !important;
	aspect-ratio:1 !important;
	display:block !important;
	margin:0 !important;
}

/* Mobil: yatay şerit */
@media (max-width:767px){
	.shop-details-top-section #v-pills-tab{
		flex-direction:row !important;
		width:100% !important;
		max-height:none !important;
		overflow-x:auto !important;
		overflow-y:hidden !important;
		padding:2px 2px 8px 2px !important;
	}
	.shop-details-top-section #v-pills-tab::-webkit-scrollbar{
		width:auto !important;
		height:6px !important;
	}
	
	.home6-project-section .slider-btn-grp{order: -1;}
	.home6-project-section .btn-area{justify-content: center }
	iframe{max-width: 100%}
	.shop-details-top-section #v-pills-tab {flex-direction: row !important; left: 0; top: unset!important;}
	.urundetay .col-lg-7{margin-top: 120px}
	.marka-duco.home5-banner-section .banner-wrapper { padding-top: 20px }
	.marka-duco.home5-banner-section .banner-wrapper img{position: absolute;top: -20px;right: 10px;max-width: 100px}
	.shop-details-description-tab .ztable td {font-size: 11px !important; padding: 6px 3px !important;}
	.urundetay .col-lg-3{padding: 1em 1.5em}
	.shop-details-description-tab .tab-pane {max-width: 100%; overflow-x: auto; }
	.marka-sames.home5-banner-section .banner-wrapper { padding-top: 20px }
	.marka-sames.home5-banner-section .banner-wrapper img{position: absolute;top: -20px;right: 10px;max-width: 100px}
	.shop-details-description-section .shop-details-description-nav .nav-tabs { display: block; margin-bottom: 100px; border: none }
	.shop-details-description-section .shop-details-description-nav .nav-tabs button{ margin-bottom: 15px;  }
	.urundetay .tab-pane.detayliaciklama img {max-width: 100%;}
	.breadcrumb-section.two .breadcrumb-content-wrap .breadcrumb-content {padding: 80px 0 80px; }
	
}

.home1-banner-section .banner-wrapper {
    aspect-ratio:unset;
    height: 85vh;
}