* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: Arial, sans-serif;
	line-height: 1.6;
	color: #333; var(--color-bg)
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

/* Header Styles */
.header {
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.top-bar {
	background: #2c3e50;
	color: white;
	font-size: 12px;
	padding: 5px 0;
}

.top-bar .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-bar-left span,
.top-bar-right span {
	margin-right: 20px;
}

@media (max-width: 768px) {
	.top-bar .container {
		display: grid;
		grid-template-columns: 1fr 1fr; /* 2 eşit sütun */
		gap: 10px;
		text-align: center; /* içerikler ortalansın */
	}

	.top-bar-left,
	.top-bar-right {
		margin: 0; /* mobilde marginleri sıfırla */
	}

	.top-bar-left span,
	.top-bar-right span {
		margin-right: 0;
		display: block; /* her span alt alta */
	}
}

.main-header {
	padding: 15px 0;
	border-bottom: 1px solid #ddd; /* ince gri çizgi */
}

.header-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 768px) {
	.header-content {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		gap: 10px;
	}
}

.logo img {
	margin-top:10px;
	height: 40px;
}

.search-section {
	display: flex;
	flex: 1;
	max-width: 600px;
	margin: 0 30px;

}

.search-input {
	display: flex;
	flex: 1;

}

.search-input input {
	flex: 1;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-right: none;
	font-size: 14px;
	border-radius:5px;
}

.header-btn {
	background: var(--color-btn-primary);
	color: white;
	border: none;
	padding: 12px 20px;

	cursor: pointer;
	font-size: 14px;
	border-radius:25px;
}

.header-btn:hover {
	background: #e55a2b;
}

.search-btn {
	background: var(--color-btn-primary);
	color: white;
	border: none;
	padding: 12px 20px;
	font-weight: bold;
	cursor: pointer;
	font-size: 14px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.search-btn:hover {
	background: #e55a2b;
}

.header-actions {
	display: flex;
	align-items: center;
}

.deskop-buttons {
	font-weight: bold;
	color: #333;
}

/* Mobilde */
@media (max-width: 768px) {
	.search-section,
	.header-actions {
		display: none; /* arama ve butonları gizle */
	}

	.mobile-icons {
		display: flex;
		gap: 15px;
		flex-direction: row-reverse;
	}

	.icon-btn {
		background: none;
		border: none;
		font-size: 20px;
		cursor: pointer;
		color: #333;
	}

	.main-nav {
		display:none;	
	}
}

/* Masaüstünde mobil ikonları gizle */
@media (min-width: 769px) {
	.mobile-icons {
		display: none;
	}
}


.main-nav {
	background: #34495e;
}

.nav-menu {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
}

.nav-menu li {
	margin: 0;
}

.nav-menu a {
	display: block;
	padding: 15px 20px;
	color: white;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	transition: background 0.3s;
}

.nav-menu a:hover {
	background: #2c3e50;
}

/* Main Content */
.main-content {
	background: #f8f9fa;
	padding: 20px 0;
}

.content-wrapper {
	display: flex;
	gap: 20px;
}

/* Sidebar */
.sidebar {
	width: 300px;
	flex-shrink: 0;
}

.search-widget {
	max-width: 600px;
	padding: 24px;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(0,0,0,.05);
	text-align: center;
}
.search-widget h3 {
	margin: 0 0 6px;
	font-size: 20px;
	color: #0f172a;
}
.search-widget p {
	margin: 0 0 20px;
	font-size: 14px;
	color: #64748b;
}
.brand-select {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-bottom: 18px;
}
.select-item select {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	font-size: 14px;
	color: #334155;
	appearance: none;
	background-color: #f8fafc;
	margin-top:10px;
}
.select-item select:disabled {
	background-color: #f1f5f9;
	color: #94a3b8;
}
.search-parts-btn {
	width: 100%;
	padding: 12px 16px;
	border: none;
	border-radius: 8px;
	background: var(--color-btn-primary);
	color: #ffffff;
	font-weight: 600;
	font-size: 17px;
	cursor: pointer;
	transition: background .2s;
}
.search-parts-btn:hover {
	background: #0284c7;
}

/* Main Area */
.main-area {
	flex: 1;
}

.hero-banner {
	background: linear-gradient(135deg, #ff6b35, #f39c12);
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: white;
}

.banner-content h2 {
	font-size: 32px;
	margin-bottom: 10px;
}

.banner-content p {
	font-size: 16px;
}

.banner-image img {
	max-height: 150px;
}

/* Auto Parts Section */
.auto-parts-section {
	background: white;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 30px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.auto-parts-section h2 {
	margin-bottom: 12px;
	color: #333;
	font-size: 24px;
}

.auto-parts-section p {
	color: #666;
	margin-bottom: 15px;
	line-height: 1.6;
}

.parts-grid {
	display: grid;
	/* Ekrana göre otomatik kolon sayısı */
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 20px;
	margin-bottom: 13px;
}

.part-category {
	text-align: center;
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 5px;
	transition: transform 0.3s, box-shadow 0.3s;
	cursor: pointer;
	text-decoration:none;
}

.part-category:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.part-category img {
	width: 100%;
	max-width: 150px;        /* geniş ekranda 150px'i geçmesin */
	aspect-ratio: 1 / 1;     /* kare oranı koru */
	object-fit: cover;       /* taşma yerine kırp */
	border-radius: 5px;
	margin: 0 auto 5px;      /* ortala */
	display: block;
}

.part-category span {
	display: block;
	font-weight: 500;
	color: #333;
}

/* Çok dar ekranlarda kolon sayısını kıs */
@media (max-width: 480px) {
	.parts-grid {
		grid-template-columns: repeat(2, 1fr); /* 2 kolona düş */
		gap: 12px;
	}
}


.view-all-parts {
	background: #ff6b35;
	color: white;
	border: none;
	padding: 15px 30px;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	display: block;
	margin: 0 auto;
}

.view-all-parts:hover {
	background: #e55a2b;
}

/* Popular Brands */
.popular-brands {
	background: white;
	padding: 30px;
	border-radius: 5px;
	margin-bottom: 30px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.popular-brands h2 {
	margin-bottom: 30px;
	color: #333;
	font-size: 24px;
	text-align: center;
}

.brands-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* otomatik kolon */
	gap: 20px;
	margin-bottom: 30px;
}

.brand-item {
	text-align: center;
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 5px;
	transition: transform 0.3s, box-shadow 0.3s;
	cursor: pointer;
	text-decoration:none;
}

.brand-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.brand-item img {
	width: 100%;
	max-width: 120px;      /* büyük ekranlarda fazla büyümesin */
	aspect-ratio: 1 / 1;   /* kare boyutu koru */
	object-fit: cover;     /* kırp, taşırma yok */
	border-radius: 5px;
	margin: 0 auto 10px;   /* ortala */
	display: block;
}

.brand-item span {
	display: block;
	font-weight: 500;
	color: #333;
	font-size: 12px;
}

/* Çok dar ekranlarda boşlukları azalt */
@media (max-width: 480px) {
	.brands-grid {
		grid-template-columns: repeat(2, 1fr); /* 2 kolon */
		gap: 12px;
	}
}


/* Premium Brands */
.premium-brands {
	background: white;
	padding: 30px;
	border-radius: 5px;
	margin-bottom: 30px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.section-header h2 {
	color: #333;
	font-size: 24px;
}

.view-all-link {
	color: #ff6b35;
	text-decoration: none;
	font-weight: 500;
}

.premium-brands-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
	margin-bottom: 30px;
}

.premium-brand {
	text-align: center;
	padding: 15px;
	border: 1px solid #eee;
	border-radius: 5px;
	transition: transform 0.3s;
	cursor: pointer;
}

.premium-brand:hover {
	transform: translateY(-3px);
}

.premium-brand img {
	height: 30px;
	margin-bottom: 8px;
}

.premium-brand span {
	display: block;
	font-size: 11px;
	color: #666;
}

.view-premium-brands {
	background: #ff6b35;
	color: white;
	border: none;
	padding: 12px 25px;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	display: block;
	margin: 0 auto;
}

/* Blog Section */
.blog-section {
	background: white;
	padding: 30px;
	border-radius: 5px;
	margin-bottom: 30px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.blog-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.blog-post {
	border: 1px solid #eee;
	border-radius: 5px;
	overflow: hidden;
	transition: transform 0.3s, box-shadow 0.3s;
	cursor: pointer;
}

.blog-post:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.blog-post img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}

.blog-post h3 {
	padding: 15px 15px 10px;
	font-size: 14px;
	line-height: 1.4;
	color: #333;
}

.blog-post p {
	padding: 0 15px 15px;
	font-size: 12px;
	color: #666;
	line-height: 1.4;
}

/* Footer */
.footer {
	background: #2c3e50;
	color: white;
	padding: 40px 0 20px;
}

.footer-links {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	margin-bottom: 30px;
}

.footer-column h2 {
	margin-bottom: 15px;
	color: #ffffff;
	font-size: 16px;
}

.footer-column h4 {
	margin-bottom: 15px;
	color: #ecf0f1;
	font-size: 16px;
}

.footer-column ul {
	list-style: none;
}

.footer-column li {
	margin-bottom: 8px;
}

.footer-column a {
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	transition: color 0.3s;
}

.footer-column a:hover {
	color: #ecf0f1;
}

.contact-info p {
	margin-bottom: 10px;
	font-size: 14px;
	color: #ffffff;
}

.contact-info strong {
	color: #ffffff;
	font-size: 18px;
}

.contact-btn {
	background: #ff6b35;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 15px;
}

.contact-btn:hover {
	background: #e55a2b;
}

.footer-bottom {
	text-align: center;
	padding-top: 20px;
	border-top: 1px solid #34495e;
	color: #ffffff;
	font-size: 14px;
}

/* Responsive Design */
@media (max-width: 768px) {
	.content-wrapper {
		flex-direction: column;
	}

	.sidebar {
		width: 100%;
	}

	.parts-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.brands-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.premium-brands-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.footer-links {
		grid-template-columns: repeat(2, 1fr);
	}

	.hero-banner {
		flex-direction: column;
		text-align: center;
	}

	.banner-image {
		margin-top: 20px;
	}

	.search-section {
		flex-direction: column;
		margin: 20px 0;
	}

	.category-select {
		border-right: 1px solid #ddd;
		border-bottom: none;
	}

	.nav-menu {
		flex-wrap: wrap;
	}

	.nav-menu a {
		padding: 10px 15px;
		font-size: 12px;
	}
}

@media (max-width: 480px) {
	.parts-grid,
	.brands-grid,
	.premium-brands-grid,
	.blog-grid {
		grid-template-columns: 1fr 1fr;
	}

	.footer-links {
		display: grid;               /* emin olmak için ekle */
		grid-template-columns: 1fr 1fr; /* 2 eşit kolon */
		gap: 20px;                   /* kolonlar arası boşluk */
	}

	.brand-logos {
		flex-wrap: wrap;
		gap: 15px;
	}

	.top-bar .container {
		flex-direction: column;
		text-align: center;
	}

	.top-bar-left,
	.top-bar-right {
		margin: 5px 0;
	}

	.header-content {
		flex-direction: column;
		gap: 15px;
	}
}

.auto-parts-section h2 {
	font-size: 24px;
	margin: 0 0 8px;
	color: #222;
}
.auto-parts-section p {
	margin: 0 0 20px;
	color: #666;
	line-height: 1.6;
}

.models-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
}

.model-item {
	display: flex;
	align-items: center;
	background: #fff;
	border: 1px solid #eaeaea;
	border-radius: 8px;
	padding: 8px 12px;
	transition: background .2s ease, box-shadow .2s ease;
	text-decoration: none;
}
.model-item:hover {
	background: #fafafa;
	box-shadow: 0 4px 12px rgba(0,0,0,.06);
}
.model-item img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 6px;
	margin-right: 12px;
	background: #f6f6f6;
}
.model-item span {
	font-size: 15px;
	font-weight: 600;
	color: #222;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.model-item:hover span {
	color: #ff6b35;
}

/* Tablet */
@media (max-width: 991px) {
	.models-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
/* Mobile */
@media (max-width: 575px) {
	.models-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.breadcrumb {
	display:flex; flex-wrap:wrap; gap:8px; font-size:13px; color:#666; margin-bottom:16px;
}
.breadcrumb a { color:#666; text-decoration:none; }
.breadcrumb a:hover { text-decoration:underline; }
.breadcrumb .sep { opacity:.5; }

.model-hero {
	display:grid; grid-template-columns: 140px 1fr auto; gap:16px;
	align-items:center; padding:16px; border:1px solid #eee; border-radius:12px; background:#fff;
}
.model-hero img {
	width:140px; height:140px; object-fit:cover; border-radius:10px; background:#f6f6f6;
}
.model-hero h1 { font-size:24px; margin:0 0 6px; color:#222; }
.model-hero .brand { color:#888; font-size:14px; margin-bottom:10px; }
.model-hero .desc { color:#555; line-height:1.6; font-size:14px; }
.model-hero .cta {
	display:flex; gap:10px; align-self:start;
}
.btn {
	display:inline-flex; align-items:center; justify-content:center;
	padding:10px 14px; border-radius:8px; border:1px solid #eee; background:#fff; color:#222;
	font-weight:600; cursor:pointer; text-decoration:none;
}
.btn.primary { background:#ff6b35; color:#fff; border-color:#ff6b35; }
.btn.primary:hover { filter:brightness(.96); }
.btn:disabled { opacity:.7; cursor:not-allowed; }

.meta-row {
	display:grid; grid-template-columns: repeat(4, 1fr); gap:10px; margin-top:12px;
}
.meta-chip {
	border:1px dashed #e6e6e6; border-radius:8px; padding:10px 12px; font-size:13px; color:#444; background:#fff;
}

.section-title {
	display:flex; align-items:center; justify-content:space-between;
	margin:24px 0 12px;
}
.section-title h3 { margin:0; font-size:18px; color:#222; }
.filters { display:flex; gap:8px; flex-wrap:wrap; }
.filter-chip {
	border:1px solid #eee; border-radius:999px; padding:6px 10px; font-size:12px; background:#fff; color:#333;
}

.products-grid {
	display:grid; grid-template-columns: repeat(5, 1fr); gap:16px;
}
.card {
	border:1px solid #eee; border-radius:10px; background:#fff; padding:12px; display:flex; flex-direction:column;
	transition: box-shadow .2s ease, transform .2s ease;
}
.card:hover { box-shadow:0 8px 24px rgba(0,0,0,.06); transform: translateY(-2px); }
.card-img {
	width:100%; aspect-ratio:1/1; border-radius:8px; background:#f3f4f6; margin-bottom:10px; position:relative; overflow:hidden;
}
.card-title { height:16px; border-radius:6px; background:#f3f4f6; margin-bottom:8px; }
.card-sub { height:12px; width:70%; border-radius:6px; background:#f3f4f6; margin-bottom:10px; }
.price-row { display:flex; align-items:center; justify-content:space-between; }
.price { height:16px; width:40%; border-radius:6px; background:#f3f4f6; }
.btn-sm {
	margin-top:10px; height:36px; border-radius:8px; border:1px solid #eee; background:#fff; color:#333; font-weight:600;
}
.btn-sm:disabled { background:#fafafa; color:#aaa; }

.shimmer::after {
	content:""; position:absolute; inset:0; transform: translateX(-100%);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 100%);
	animation: shimmer 1.3s infinite;
}
@keyframes shimmer { 100% { transform: translateX(100%); } }

.pagination {
	display:flex; gap:8px; justify-content:center; margin-top:18px;
}
.page {
	min-width:36px; height:36px; border:1px solid #eee; border-radius:8px; background:#fff; display:flex; align-items:center; justify-content:center; color:#333; text-decoration:none;
}
.page.disabled { color:#aaa; }

@media (max-width: 991px) {
	.model-hero { grid-template-columns: 120px 1fr; }
	.model-hero .cta { grid-column: 1 / -1; }
	.meta-row { grid-template-columns: repeat(2, 1fr); }
	.products-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 575px) {
	.model-hero { grid-template-columns: 1fr; text-align:center; }
	.model-hero img { margin: 0 auto; }
	.model-hero .cta { justify-content:center; }
	.meta-row { grid-template-columns: 1fr; }
	.products-grid { grid-template-columns: repeat(2, 1fr); }
}

.cat-hero {margin: 16px 0 20px; padding:16px; border:1px solid #eee; border-radius:10px; background:#fff}
.cat-hero h1{margin:0 0 6px; font-size:22px; color:#222}
.cat-hero p{margin:0; color:#666}

.products-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:16px}
.product-card{
	border:1px solid #eee; border-radius:10px; background:#fff; padding:12px; 
	text-align:center; transition:box-shadow .2s, transform .2s;
}
.product-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.06); transform:translateY(-2px)}
.product-card img{width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:8px; background:#f6f6f6; margin-bottom:10px}
.product-title{font-size:14px; font-weight:600; color:#222; line-height:1.4; margin-bottom:10px}
.product-link{display:block; text-decoration:none; color:inherit}

/* Buton grubu */
.action-buttons {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:8px;
	margin-top:8px;
}
.btn-incele {
	display:inline-block;
	padding:6px 14px;
	background:var(--color-btn-primary);
	color:#fff;
	font-size:13px;
	border-radius:6px;
	text-decoration:none;
	font-weight:500;
	transition:background .2s;
}
.btn-incele:hover {background:#e65b2d;}

.btn-icon {
	width:36px; height:36px;
	display:flex; align-items:center; justify-content:center;
	border-radius:6px;
	font-size:16px;
	color:#fff; text-decoration:none;
	transition:background .2s;
}
.btn-phone { background:#007bff; }   /* mavi */
.btn-phone:hover { background:#0069d9; }
.btn-whatsapp { background:#25d366; }
.btn-whatsapp:hover { background:#1ebe5d; }

@media (max-width: 991px){ .products-grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width: 575px){ .products-grid{grid-template-columns:repeat(2,1fr)} }

.pagination {
	display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:18px;
	list-style:none;
}
.page-item .page-link {
	display:flex; align-items:center; justify-content:center;
	min-width:36px; height:36px; padding:0 12px;
	border:1px solid #e5e7eb; border-radius:8px;
	background:#fff; color:#333; text-decoration:none; font-size:14px;
	transition:background .2s, border-color .2s, color .2s;
}
.page-item .page-link:hover { background:#f7f7f7; }
.page-item.active .page-link {
	background:#ff6b35; border-color:#ff6b35; color:#fff;
}
.page-item.disabled .page-link {
	opacity:.5; pointer-events:none;
}
/* İletişim Sayfası */
.weblibi-contact-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.weblibi-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
@media (max-width:992px){.weblibi-grid{grid-template-columns:1fr}}
.weblibi-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06);max-width:100%;overflow:hidden}
.weblibi-card .weblibi-hd{padding:18px 20px;border-bottom:1px solid #eef2f7;font-weight:600}
.weblibi-card .weblibi-bd{padding:20px}
.weblibi-info-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.weblibi-info-item{display:flex;align-items:flex-start;gap:12px}
.weblibi-info-item i{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#f1f5f9}
.weblibi-kv{display:flex;flex-direction:column}
.weblibi-kv .weblibi-k{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.06em}
.weblibi-kv .weblibi-v{font-weight:600;color:#0f172a;word-wrap:break-word}
.weblibi-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.weblibi-btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:12px 16px;text-decoration:none;font-weight:600;width:100%;border:1px solid transparent;transition:.2s;justify-content:center}
.weblibi-btn-primary{background:var(--color-btn-primary);color:#fff}
.weblibi-btn-outline{background:#fff;color:#0ea5e9;border-color:#0ea5e9}
.weblibi-btn i{font-size:16px}
.weblibi-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.weblibi-row{grid-template-columns:1fr}}
.weblibi-control{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.weblibi-control label{font-size:13px;color:#334155}
.weblibi-control input,.weblibi-control select,.weblibi-control textarea{
	border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;font:inherit;background:#fff;outline:none;transition:.2s
}
.weblibi-control textarea{min-height:140px;resize:vertical}
.weblibi-control input:focus,.weblibi-control textarea:focus,.weblibi-control select:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px rgba(14,165,233,.12)}
.weblibi-inline{display:flex;align-items:center;gap:8px}
.weblibi-form-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-top:8px}
.weblibi-btn-lg{padding:14px 18px;border-radius:14px}
.weblibi-help{font-size:12px;color:#64748b}
.weblibi-alert{padding:12px 14px;border-radius:10px;margin-bottom:14px;border:1px solid}
.weblibi-alert-success{background:#ecfeff;border-color:#a5f3fc;color:#155e75}
.weblibi-alert-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.weblibi-errors{margin:0 0 12px 0;padding-left:18px}
.weblibi-map{border:0;width:100%;height:380px;border-radius:16px}
.weblibi-small{font-size:12px;color:#64748b}
/* Hakkımızda Sayfası */
.about-auto-cols{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.about-wrap{width:100%;margin:0 auto;padding:0 16px}
.about-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.06)}
.about-card .about-hd{padding:18px 20px;border-bottom:1px solid #eef2f7;font-weight:700}
.about-card .about-bd{padding:20px}
.about-lead{font-size:18px;color:#334155}
.about-muted{color:#64748b}
.about-hero-img{width:100%;height:340px;object-fit:cover;border-radius:16px;border:1px solid #e5e7eb}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:768px){.about-stats{grid-template-columns:repeat(2,1fr)}}
.about-stat{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;text-align:center}
.about-stat .about-n{font-size:28px;font-weight:800;color:#0f172a}
.about-stat .about-k{font-size:12px;text-transform:uppercase;color:#64748b;letter-spacing:.06em}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:992px){.about-values{grid-template-columns:1fr}}
.about-value{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:18px}
.about-value h4{margin:0 0 8px}
.about-faq .about-q{width:100%;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;font-weight:600}
.about-faq .about-a{display:none;border:1px solid #e5e7eb;border-top:0;margin-top:-10px;border-radius:0 0 14px 14px;background:#fcfdff;padding:14px;color:#334155}
.search-page{max-width:1200px;margin:0 auto;padding:16px}
.search-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;color:#0f172a;font-size:12px}
.empty{background:#fff;border:1px dashed #e5e7eb;border-radius:12px;padding:18px;color:#475569}
/* Mobil Menü */
.mdrawer{
	position: fixed;
	inset: 0;
	z-index: 9999;
	pointer-events: none;
}
.mdrawer.open{
	pointer-events: auto;
}
.mdrawer__backdrop{
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.38);
	opacity: 0;
	transition: opacity .32s ease;
}
.mdrawer.open .mdrawer__backdrop{
	opacity: 1;
}

.mdrawer__panel{
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	width: min(86%, 340px);
	background: #fff;
	transform: translate3d(-100%,0,0);
	transition: transform .34s cubic-bezier(.22,.61,.36,1);
	will-change: transform;
}
.mdrawer.open .mdrawer__panel{
	transform: translate3d(0,0,0);
}

.mdrawer__content{
	height: 100%;
	overflow: auto;
	padding: 14px 16px 20px;
}
.mdrawer__logo{
	padding: 18px 0 12px;
	border-bottom: 1px solid #e5e7eb;
	margin-bottom: 10px;
}
.mdrawer__logo img{ max-height: 46px; object-fit: contain; }

.mdrawer__nav ul{ list-style: none; margin:0; padding:0; }
.mdrawer__nav li{ border-bottom:1px solid #eee; }
.mdrawer__nav a{
	display:block; padding:12px 2px; text-decoration:none; color:#333; font-weight:600;
}

.mdrawer__group{ margin-top: 14px; }
.mdrawer__group-title{
	font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:#777; margin-bottom: 6px;
}
.mdrawer__list{ list-style:none; margin:0; padding:0; }
.mdrawer__list li + li{ border-top:1px dashed #eee; }
.mdrawer__list a{ display:block; padding:10px 2px; text-decoration:none; color:#333; }

.mdrawer__close{
	position:absolute; top:8px; right:10px;
	width:40px; height:40px; border:0; background:transparent; font-size:28px; cursor:pointer; color:#333;
}

@media (prefers-reduced-motion: reduce){
	.mdrawer__backdrop, .mdrawer__panel{ transition: none !important; }
}
/* Mobil Arama */
.msearch {
	background: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
	overflow: hidden;
	max-height: 0;
	transition: max-height .35s cubic-bezier(.22,.61,.36,1);
}
.msearch.open {
	max-height: 70px;
}

.msearch__inner { padding: 10px 16px; }

.msearch__form { width: 100%; }

.msearch__field {
	position: relative;
	display: flex;
	width: 100%;
}

.msearch__field input {
	flex: 1;
	padding: 10px 44px 10px 14px;
	border: 1px solid #ddd;
	border-radius: 30px;
	font-size: 15px;
}

.msearch__field button {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: none;
	background: var(--color-btn-primary, #ff6b35);
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
}
.msearch__field button:hover {
	background: var(--color-primary-dark, #e55a2b);
}