* {
	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;
		gap: 10px;
		text-align: center;
	}

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

	.top-bar-left span,
	.top-bar-right span {
		margin-right: 0;
		display: block;
		color:white;
	}
}

.main-header {
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}

.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: 60px;
	width: auto;
}

@media (min-width: 576px) and (max-width: 991.98px) {
	.logo img {
		margin-top: 8px;
		height: 44px;
	}
}

@media (max-width: 575.98px) {
	.logo img {
		margin-top: 6px;
		height: 42px;
	}
}

@media (max-width: 376px) {
	.logo img {
		margin-top: 6px;
		height: 38px;
	}
}

@media (max-width: 360px) {
	.logo img {
		margin-top: 6px;
		height: 30px;
	}
}

.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 {
	display: flex;
	gap: 12px;
	align-items: center;
}

.deskop-buttons .weblibi-icon-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--color-btn-primary);
	color: #fff;
	font-size: 16px;
	transition: background 0.2s ease, transform 0.2s ease;
	border: none;
	cursor: pointer;
	text-decoration: none;
	position: relative;
}

.deskop-buttons .weblibi-icon-btn:hover {
	background: var(--color-primary-dark);
	transform: scale(1.05);
}

.weblibi-cart-wrapper {
	position: relative;
}

.weblibi-cart-count {
	position: absolute;
	top: -6px;
	right: -6px;
	background: #e63946;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 3px 6px;
	border-radius: 50%;
	min-width: 18px;
	text-align: center;
}

@media (max-width: 991px) {
	.weblibi-cart-wrapper { display: none; }
}

.weblibi-cart-dropdown {
	display: none;
	position: absolute;
	top: 45px;
	right: 0;
	width: 260px;
	background: #fff;
	color: var(--color-text);
	border: 1px solid var(--color-border);
	border-radius: 8px;
	box-shadow: 0 6px 16px rgba(0,0,0,0.12);
	padding: 12px;
	z-index: 999;
}

.weblibi-cart-dropdown h4 {
	margin: 0 0 10px;
	font-size: 14px;
	border-bottom: 1px solid var(--color-border);
	padding-bottom: 6px;
}

.weblibi-cart-dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 160px;
	overflow-y: auto;
}

.weblibi-cart-dropdown ul li {
	font-size: 13px;
	margin-bottom: 6px;
}

.weblibi-cart-total {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600;
	border-top: 1px solid var(--color-border);
	padding-top: 6px;
}

.weblibi-cart-btn {
	display: block;
	margin-top: 10px;
	padding: 8px 10px;
	text-align: center;
	background: var(--color-primary);
	color: #fff;
	border-radius: 6px;
	text-decoration: none;
	font-size: 13px;
	transition: background 0.2s ease;
}

.weblibi-cart-btn:hover {
	background: var(--color-primary-dark);
}

.weblibi-dropdown-open .weblibi-cart-dropdown {
	display: block;
}

/* 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;
	align-items: stretch;
}

/* Sidebar */
.sidebar {
	flex: 0 0 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;
	display: flex;
}

.weblibi-slider755 *{ box-sizing:border-box; }
.weblibi-slider755{
	width:100%;
	max-width:850px;
	height:100%;
	aspect-ratio: auto;
	position:relative;
	overflow:hidden;
	border-radius:16px;
	background:#000;
	box-shadow:0 10px 24px rgba(0,0,0,.08);
	font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial;
}
.weblibi-slider755__ctrl{ position:absolute; inset:auto; opacity:0; pointer-events:none; }
.weblibi-slider755__viewport{ width:100%; height:100%; overflow:hidden; }
.weblibi-slider755__track{
	display:flex; width:calc(100% * var(--wb-n)); height:100%;
	transition: transform .5s cubic-bezier(.22,.61,.36,1);
}
.weblibi-slider755__slide{
	width:calc(100% / var(--wb-n)); height:100%;
	position:relative; flex:none; overflow:hidden; background:#111;
}
.weblibi-slider755__img{
	width:100%; height:100%; object-fit:contain; object-position:center; display:block;
	background:#111;
}
.weblibi-slider755__slide::after{
	content:""; position:absolute; inset:0;
	background: linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.45) 78%, rgba(0,0,0,.65) 100%);
	pointer-events:none;
}
.weblibi-slider755__content{
	position:absolute; left:24px; right:24px; bottom:24px; z-index:2;
	color:#fff; display:flex; flex-direction:column; gap:8px; max-width:85%;
	text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.weblibi-slider755__title{ margin:0; font-size:clamp(1.1rem, 2.2vw, 1.6rem); line-height:1.2; font-weight:800; }
.weblibi-slider755__desc{ margin:0; font-size:clamp(.85rem, 1.6vw, .95rem); opacity:.95; }
.weblibi-slider755__btn{
	margin-top:6px; width:max-content;
	background:{{ $colorBtn }}; color:#fff; text-decoration:none;
	padding:10px 14px; border-radius:12px; font-weight:800; display:inline-flex; gap:8px; align-items:center;
	box-shadow:0 10px 20px rgba(0,0,0,.18);
	transition: transform .08s ease, background .18s ease;
}
.weblibi-slider755__btn:hover{ background:{{ $colorBtnHov }}; transform: translateY(-1px); }
.weblibi-slider755__dots{
	position:absolute; left:0; right:0; bottom:10px; z-index:3;
	display:flex; justify-content:center; gap:8px;
}
.weblibi-slider755__dot{
	width:9px; height:9px; border-radius:999px; background:rgba(255,255,255,.5);
	cursor:pointer; border:1px solid rgba(255,255,255,.7);
	transition: transform .12s ease, background .2s ease, opacity .2s ease;
}
.weblibi-slider755__dot:hover{ transform: scale(1.08); background:#fff; }
@media (max-width: 575.98px){
	.weblibi-slider755__content{ left:14px; right:14px; bottom:16px; max-width:92%; }
}

@media (max-width: 768px) {
	.content-wrapper {
		flex-direction: column;
	}
	.main-area {
		order: -1;
	}
	.sidebar {
		flex: unset;
		width: 100%;
	}
}

.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);
}


/* Sepet */
.weblibi-cart__head{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.weblibi-cart__title{font-size:26px;margin:0}
.weblibi-cart__badge{background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:20px;padding:4px 10px;font-size:12px}
.weblibi-cart__layout{display:grid;grid-template-columns:1.6fr .8fr;gap:20px}
@media(max-width:991px){.weblibi-cart__layout{grid-template-columns:1fr}}

.weblibi-cart__table-wrap{overflow:visible}
.weblibi-cart__table{width:100%;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--color-border)}
.weblibi-cart__table thead tr{background:var(--color-bg-alt)}
.weblibi-cart__table th,.weblibi-cart__table td{padding:14px 16px;border-bottom:1px solid var(--color-border)}
.weblibi-cart__th--price,.weblibi-cart__th--qty,.weblibi-cart__th--subtotal,.weblibi-cart__th--remove{text-align:right}
.weblibi-cart__cell--price,.weblibi-cart__cell--qty,.weblibi-cart__cell--subtotal,.weblibi-cart__cell--remove{text-align:right;white-space:nowrap}
.weblibi-cart__row:last-child td{border-bottom:none}

.weblibi-cart__product{display:flex;gap:12px;align-items:center}
.weblibi-cart__thumb{flex:0 0 64px;width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid var(--color-border);background:#fff}
.weblibi-cart__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.weblibi-cart__product-title{font-weight:600}
.weblibi-cart__meta{font-size:12px;color:var(--color-text-light)}

.weblibi-cart__price,.weblibi-cart__subtotal{font-weight:600}

.weblibi-remove{width:34px;height:34px;border-radius:8px;border:1px solid var(--color-border);background:#fff;color:var(--color-text);display:inline-flex;align-items:center;justify-content:center}
.weblibi-remove:hover{background:#ffe8e8;border-color:#ffb7b7;color:#b00000}

.weblibi-qty{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}
.weblibi-qty__btn{width:32px;height:32px;border:1px solid var(--color-border);background:#fff;border-radius:8px;line-height:1}
.weblibi-qty__btn:hover{background:var(--color-bg-alt)}
.weblibi-qty__input{width:64px;text-align:center;border:1px solid var(--color-border);border-radius:8px;height:32px}
.weblibi-qty__update{height:32px;border:0;border-radius:8px;background:var(--color-primary);color:#fff;padding:0 10px}
.weblibi-qty__update:hover{background:var(--color-primary-dark)}

.weblibi-cart__clear{margin-top:14px}
.weblibi-btn--ghost{border:1px solid var(--color-border);background:#fff;padding:10px 14px;border-radius:10px}
.weblibi-btn--ghost:hover{background:var(--color-bg-alt)}

.weblibi-cart__summary{position:sticky;top:90px;height:fit-content}
.weblibi-summary-card{border:1px solid var(--color-border);border-radius:16px;padding:16px;background:#fff}
.weblibi-summary-card__title{margin:0 0 10px;font-size:18px}
.weblibi-summary-list{margin:0}
.weblibi-summary-list__row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--color-border)}
.weblibi-summary-list__row:last-child{border-bottom:none}
.weblibi-summary-total{display:flex;justify-content:space-between;padding-top:10px;margin-top:6px;font-weight:700;font-size:16px}
.weblibi-btn--primary{display:inline-block;width:100%;text-align:center;background:var(--color-primary);color:#fff;border-radius:10px;padding:12px 14px;margin-top:12px;text-decoration:none}
.weblibi-btn--primary:hover{background:var(--color-primary-dark)}

.weblibi-empty{border:1px dashed var(--color-border);border-radius:16px;padding:40px;text-align:center;background:#fff}
.weblibi-empty__icon{font-size:38px;margin-bottom:8px;color:var(--color-text-light)}
.weblibi-empty__title{margin:0 0 6px}
.weblibi-empty__text{margin:0 0 14px;color:var(--color-text-light)}

@media (max-width: 767px){
	.weblibi-cart__table{border:none;border-radius:0}
	.weblibi-cart__table thead{display:none}
	.weblibi-cart__table tbody tr{
		display:block;
		background:#fff;
		border:1px solid var(--color-border);
		border-radius:12px;
		padding:10px;
		margin-bottom:12px;
	}
	.weblibi-cart__table tbody td{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:10px;
		border:0;
		padding:10px 6px;
		text-align:left !important;
		white-space:normal;
	}
	.weblibi-cart__cell--product{
		display:block;
		padding-bottom:4px !important;
	}
	.weblibi-cart__product{align-items:flex-start}
	.weblibi-cart__thumb{width:56px;height:56px;border-radius:8px}
	.weblibi-cart__product-title{font-size:14px}

	.weblibi-cart__table td[data-label]::before{
		content: attr(data-label);
		font-size:12px;
		color: var(--color-text-light);
		margin-right:auto;
		margin-left:0;
	}
	.weblibi-cart__cell--price span,
	.weblibi-cart__cell--subtotal span{
		margin-left:auto;
		font-weight:700;
	}

	.weblibi-qty{justify-content:flex-end; flex-wrap:wrap}
	.weblibi-qty__input{width:56px}
	.weblibi-qty__update{margin-left:auto}

	.weblibi-cart__cell--remove{justify-content:flex-end}
}

@media (max-width: 420px){
	.weblibi-qty{gap:4px}
	.weblibi-qty__btn{width:30px;height:30px}
	.weblibi-qty__input{width:52px;height:30px}
	.weblibi-qty__update{padding:0 8px;height:30px}
}


/* Kayıt Sayfası */

.weblibi-register-page{
	/* Arka plana renk YOK */
	padding: 32px 16px;
	color: var(--color-text);
}

.weblibi-register-page__wrap{
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}

.weblibi-register-page__card{
	background: #ffffff;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0,0,0,.06);
	padding: clamp(20px, 3vw, 28px);
}

.weblibi-register-page__title{
	font-weight: 800;
	letter-spacing: .2px;
	font-size: clamp(22px, 3vw, 28px);
	margin: 2px 0 6px;
	color: var(--color-secondary);
}

.weblibi-register-page__subtitle{
	color: var(--color-text-light);
	margin-bottom: 18px;
}

/* Alert */
.weblibi-register-page__alert{
	background: #fff6f6;
	border: 1px solid var(--color-btn-primary);
	color: var(--color-btn-primary);
	border-radius: 12px;
	padding: 10px 12px;
	margin-bottom: 14px;
}
.weblibi-register-page__alert ul{ margin:0; padding-left: 18px; }

/* Form */
.weblibi-register-page__form{ display: grid; gap: 14px; }
.weblibi-register-page__field{ display: grid; gap: 8px; }
.weblibi-register-page__label{
	font-size: 13px;
	color: var(--color-text-light);
}
.weblibi-register-page__input{
	background: #ffffff;
	color: var(--color-text);
	border: 1px solid var(--color-border);
	border-radius: 12px;
	padding: 12px 14px;
	outline: 0;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.weblibi-register-page__input:hover{ border-color: #cbd5e1; }
.weblibi-register-page__input:focus{
	border-color: var(--color-primary);
	box-shadow: 0 0 0 3px rgba(255,107,53,.25); /* primary'nin yumuşak hâli */
}
.weblibi-register-page__error{
	color: var(--color-btn-primary);
	font-size: 12px;
}

/* Button */
.weblibi-register-page__btn{
	border: 0;
	border-radius: 12px;
	padding: 12px 16px;
	font-weight: 700;
	letter-spacing: .2px;
	cursor: pointer;
	transition: transform .06s ease-in, filter .2s ease, box-shadow .2s ease;
}
.weblibi-register-page__btn--primary{
	background: linear-gradient(135deg, var(--color-btn-primary), var(--color-btn-primary) 60%);
	color: #fff;
	box-shadow: 0 10px 20px rgba(229,90,43,.20);
}
.weblibi-register-page__btn--primary:hover{ filter: brightness(1.05); }
.weblibi-register-page__btn--primary:active{ transform: translateY(1px); }

.weblibi-register-page__muted{
	color: var(--color-text-light);
	font-size: 12px;
}

.weblibi-register-page__spacer{ height: 8px; }