#header{
    position:sticky;z-index:1000;left:0;top:0;width:100%;box-sizing:border-box;
    margin:0 0 20px 0;
    background:#fff;
	box-shadow:0 5px 5px -6px #aaa;
    transition:all 0.3s ease;
}
#header .hdsect20{
	background:#1e293b;
	color:#cbd5e1;
	border-bottom:1px solid #334155;
    height:50px;line-height:50px;overflow:hidden;
}
#header .hdsect20 .grid{display:grid;grid-template-columns:auto auto;gap:10px;align-items:center;}
#header .hdsect20 .grid .s{justify-self:start;}
#header .hdsect20 .grid .s.s1{justify-self:start;}
#header .hdsect20 .grid .s.s1 a,
#header .hdsect20 .grid .s.s2 a{
	color:#cbd5e1;
	text-decoration:none;
	font-size:0.8125rem;
	font-weight:500;
	transition:color 0.15s ease;
}
#header .hdsect20 .grid .s.s1 a:hover,
#header .hdsect20 .grid .s.s2 a:hover{
	color:#fff;
}
#header .hdsect20 .grid .s.s1 s.seperator,
#header .hdsect20 .grid .s.s2 s.seperator{
	margin:0 7px;
	color:#64748b;
	text-decoration:none;
}
#header .hdsect20 .grid .s.s2{justify-self:end;}
#header .hdsect40{
    padding:20px 0;
    position: relative;
    z-index: 2;
    transition:padding 0.3s ease;
}
#header .hdsect40 .grid{
    position:relative;z-index:2;
    display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;
    align-items:center;
}
#header .hdsect40 .grid .s{justify-self:start;}
#header .hdsect40 .grid .s.s1{justify-self:start;}
#header .hdsect40 .grid .s.s2{justify-self:center;}
#header .hdsect40 .grid .s.s3{justify-self:end;}
#header .hdsect40 .grid .s.s4{justify-self:end;}
#header .hdsect40 .grid .s.s5{justify-self:end;}
#header .hdsect40 .header-lang{position:relative;}
#header .hdsect40 .hdlogo1{}
#header .hdsect40 .hdlogo1 img{width:160px;height:48px;object-fit:contain;
    object-position:left center;
    transition:all 0.3s ease;
}
#header .hdsect40 .header-lang__trigger{
	display:inline-flex;
	align-items:center;
	gap:4px;
	padding:6px 10px;
	font-size:0.8125rem;
	font-weight:500;
	color:#334155;
	background:transparent;
	border:1px solid #e2e8f0;
	border-radius:8px;
	cursor:pointer;
	line-height:1.2;
}
#header .hdsect40 .header-lang__trigger:hover,
#header .hdsect40 .header-lang:hover .header-lang__trigger,
#header .hdsect40 .header-lang:focus-within .header-lang__trigger{
	border-color:#cbd5e1;
	background:#f8fafc;
}
#header .hdsect40 .header-lang__caret{
	font-size:1.25rem !important;
	transition:transform 0.2s ease;
}
#header .hdsect40 .header-lang:hover .header-lang__caret,
#header .hdsect40 .header-lang:focus-within .header-lang__caret{
	transform:rotate(180deg);
}
#header .hdsect40 .header-lang__dropdown{
	position:absolute;
	top:calc(100% + 4px);
	right:0;
	min-width:140px;
	margin:0;
	padding:6px 0;
	list-style:none;
	background:#fff;
	border:1px solid #e2e8f0;
	border-radius:8px;
	box-shadow:0 8px 20px rgba(15,23,42,0.1);
	opacity:0;
	visibility:hidden;
	transform:translateY(4px);
	transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.2s ease;
	z-index:220;
}
#header .hdsect40 .header-lang:hover .header-lang__dropdown,
#header .hdsect40 .header-lang:focus-within .header-lang__dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}
#header .hdsect40 .header-lang__item a{
	display:flex;
	align-items:center;
	gap:8px;
	padding:8px 14px;
	font-size:0.8125rem;
	color:#475569;
	text-decoration:none;
	white-space:nowrap;
}
#header .hdsect40 .header-lang__item a:hover{
	color:#0369a1;
	background:#f8fafc;
}
#header .hdsect40 .header-lang__item.is-active a{
	color:#0369a1;
	font-weight:600;
	background:#f0f9ff;
}
#header .hdsect40 .header-account{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:10px 12px;
}
#header .hdsect40 .header-account__user{
	display:inline-flex;
	align-items:center;
	gap:6px;
	max-width:160px;
	font-size:0.875rem;
	font-weight:600;
	color:#0f172a;
	text-decoration:none;
	transition:color 0.15s ease;
}
#header .hdsect40 .header-account__user:hover{
	color:#0369a1;
}
#header .hdsect40 .header-account__user .micon{
	font-size:1.25rem;
	color:#64748b;
}
#header .hdsect40 .header-account__user:hover .micon{
	color:#0369a1;
}
#header .hdsect40 .header-account__user-name{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#header .hdsect40 .header-account__link{
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:0.875rem;
	font-weight:500;
	color:#334155;
	text-decoration:none;
	transition:color 0.15s ease;
}
#header .hdsect40 .header-account__link:hover{
	color:#0369a1;
}
#header .hdsect40 .header-account__link--muted{
	color:#64748b;
}
#header .hdsect40 .header-account__link--muted:hover{
	color:#0369a1;
}
#header .hdsect40 .header-menu-toggle{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	color:#334155;
	text-decoration:none;
	border:1px solid #e2e8f0;
	border-radius:8px;
	transition:color 0.15s ease,border-color 0.15s ease,background 0.15s ease;
}
#header .hdsect40 .header-menu-toggle:hover{
	color:#0369a1;
	border-color:#cbd5e1;
	background:#f8fafc;
}
#header .hdsect40 .header-menu-toggle .micon{
	font-size:1.5rem;
}
#header .hdsect60{
	border-top:1px solid #e2e8f0;
    height:50px;line-height:50px;
    overflow:hidden;
    transition:height 0.3s ease;
}
#header .hdsect60 nav{
	display:flex;
	justify-content:center;
	padding:0;
}
#header .hdsect60 nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
/* Kok menu — yatay */
#header .hdsect60 nav > ul{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:center;
	gap:0;
}
#header .hdsect60 nav > ul > li{
	position:relative;
}
#header .hdsect60 nav > ul > li > a{
	min-height:50px;
	line-height:1.2;
}
#header .hdsect60 nav li > a{
	display:flex;
	align-items:center;
	padding:0 14px;
	font-size:0.9375rem;
	font-weight:500;
	color:#334155;
	text-decoration:none;
	white-space:nowrap;
	transition:color 0.15s ease,background 0.15s ease;
}
#header .hdsect60 nav li > a:hover{
	color:#0369a1;
	background:#f8fafc;
}
#header .hdsect60 nav .nav-item-icon{
	font-size:1.125rem;
	color:#64748b;
}
#header .hdsect60 nav li > a:hover .nav-item-icon{
	color:#0369a1;
}
/* Alt kategoriler — dropdown */
#header .hdsect60 nav li > ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	min-width:220px;
	padding:8px 0;
	background:#fff;
	border:1px solid #e2e8f0;
	border-radius:8px;
	box-shadow:0 10px 24px rgba(15,23,42,0.12);
	z-index:210;
}
#header .hdsect60 nav li:hover > ul,
#header .hdsect60 nav li.is-open > ul{
	display:block;
}
#header .hdsect60 nav li > ul li{
	position:relative;
}
#header .hdsect60 nav li > ul li > a{
	position:relative;
	padding:9px 16px;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.35;
	color:#475569;
	white-space:nowrap;
}
/* 3.+ seviye — saga acilir */
#header .hdsect60 nav li > ul li > ul{
	top:0;
	left:100%;
	margin-left:-1px;
}
#header .hdsect60 nav li.has-children > a{
	
}
#header .hdsect60 nav li.has-children > a::after{
    margin:0 0 0 4px;
	content:"expand_more";
	font-family:'materialicons_sharp';
	font-size:1.125rem;
	font-weight:400;
	line-height:1;
	color:#94a3b8;
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	transition:transform 0.2s ease,color 0.15s ease;
}
#header .hdsect60 nav > ul > li.has-children > a::after{
	position:static;
	transform:none;
	margin-left:2px;
}
#header .hdsect60 nav li.has-children.is-open > a::after,
#header .hdsect60 nav li.has-children:hover > a::after{
	color:#0369a1;
}
#header .hdsect60 nav > ul > li.has-children.is-open > a::after{
	transform:rotate(180deg);
}
#header .hdsect60 nav li > ul li.has-children.is-open > a::after{
	transform:translateY(-50%) rotate(180deg);
}
/* Mobil — dikey, tikla ac */
@media (max-width:992px){
	#header .hdsect60 nav > ul{
		flex-direction:column;
		align-items:stretch;
		padding:8px 12px 12px;
	}
	#header .hdsect60 nav > ul > li > a{
		white-space:normal;
	}
	#header .hdsect60 nav li > ul,
	#header .hdsect60 nav li > ul li > ul{
		position:static;
		display:none;
		min-width:0;
		margin:0;
		padding:4px 0 8px 12px;
		border:none;
		border-radius:0;
		box-shadow:none;
		background:#f8fafc;
	}
	#header .hdsect60 nav li:hover > ul{
		display:none;
	}
	#header .hdsect60 nav li.is-open > ul{
		display:block;
	}
	#header .hdsect60 nav li.has-children > a::after{
		right:14px;
	}
}

#header.slim{transform:translateY(-50px);}
#header.slim .hdsect40{padding:5px 0;}
#header.slim .hdsect40 .hdlogo1 img{width:160px;height:30px;}
#header.slim .hdsect60{height:0px;}
#header.slimplus .hdsect40{padding:5px 0;}
#header.slimplus .hdsect40 .hdlogo1 img{width:160px;height:30px;}

/* Mobil / tablet — logo + menü ikonu; üst bar, ana menü, dil ve hesap sidebar'da */
@media (max-width:992px){
	#header .hdsect20,
	#header .hdsect60{
		display:none;
	}
	#header.slim{
		transform:none;
	}
	#header.slim .hdsect60{
		height:0;
	}
	#header .hdsect40{
		padding:12px 0;
	}
	#header.slim .hdsect40,
	#header.slimplus .hdsect40{
		padding:8px 0;
	}
	#header .hdsect40 .grid{
		grid-template-columns:1fr auto;
		gap:12px;
	}
	#header .hdsect40 .grid .s.s2,
	#header .hdsect40 .grid .s.s3,
	#header .hdsect40 .grid .s.s4{
		display:none;
	}
	#header .hdsect40 .grid .s.s1{
		justify-self:start;
		min-width:0;
	}
	#header .hdsect40 .grid .s.s5{
		justify-self:end;
		grid-column:2;
		grid-row:1;
	}
	#header .hdsect40 .hdlogo1 img{
		width:140px;
		height:42px;
	}
	#header.slim .hdsect40 .hdlogo1 img,
	#header.slimplus .hdsect40 .hdlogo1 img{
		width:130px;
		height:32px;
	}
}
@media (max-width:480px){
	#header .hdsect40{
		padding:10px 0;
	}
	#header .hdsect40 .hdlogo1 img{
		width:120px;
		height:36px;
	}
	#header.slim .hdsect40 .hdlogo1 img,
	#header.slimplus .hdsect40 .hdlogo1 img{
		width:110px;
		height:28px;
	}
}