/* lastikjantavm.com referans tasarımına göre temel header/footer stilleri */

/* Mobil taşma güvenlik ağı: grid/flex bölümlerindeki input/select/img gibi
   elemanların intrinsic (doğal) genişliği konteynerini aşıp sayfayı yatay
   kaydırılabilir hale getirmesini engeller (bkz. 2026-08-28 mobil düzeltmesi
   — "Biz Sizi Arayalım" formu ve hero arama widget'ı bu yüzden sayfayı sağa
   kaydırıyordu). Kök nedeni (min-width:0 eksikliği) ilgili bileşenlerde ayrıca
   düzeltildi, bu kural sadece ek bir güvenlik önlemi.
*/
html {
	overflow-x: hidden;
	max-width: 100%;
}
body {
	font-family: 'Inter', Roboto, Helvetica, Arial, sans-serif;
	overflow-x: hidden;
	max-width: 100%;
}
img, svg, video, iframe {
	max-width: 100%;
	height: auto;
}
input, select, textarea, button {
	max-width: 100%;
	box-sizing: border-box;
}

.ljav-header__inner {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 0 20px;
}

.ljav-header__top {
	background: #ffffff;
	padding: 16px 0;
	border-bottom: 1px solid #eee;
}

.ljav-header__logo img {
	height: 45px;
	width: auto;
	display: block;
}

.ljav-header__search {
	flex: 1;
	max-width: 485px;
	display: flex;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 0 14px;
	height: 37px;
}

.ljav-header__search input {
	flex: 1;
	border: none;
	outline: none;
	font-size: 13px;
}

.ljav-header__search button {
	background: none;
	border: none;
	cursor: pointer;
	color: #666;
	display: flex;
}

.ljav-header__actions {
	display: flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
	margin-left: auto;
}

.ljav-header__action {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	color: #333d4c;
	text-decoration: none;
	font-size: 11px;
	transition: background .15s ease;
}

.ljav-header__action:hover {
	background: #f4f5f7;
	color: #141414;
}

.ljav-header__icon {
	position: relative;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ljav-header__icon svg {
	width: 20px;
	height: 20px;
}

.ljav-header__cart-badge {
	position: absolute;
	top: -7px;
	right: -9px;
	background: #E0CD00;
	color: #141414;
	font-size: 10px;
	font-weight: 700;
	min-width: 16px;
	height: 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 3px;
}

.ljav-header__nav {
	background: #000000;
}

.ljav-nav {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin: 0;
	padding: 0;
}

.ljav-nav li a {
	display: block;
	padding: 12px 16px;
	color: #ffffff;
	text-decoration: none;
	font-size: 14.4px;
	font-weight: 500;
}

.ljav-nav li a:hover,
.ljav-nav li.current-menu-item > a {
	background: #1a1a1a;
}

/* Footer: referanstaki gibi siyah, yuvarlak köşeli, kapsayıcı (edge-to-edge değil) kutu */
.ljav-footer {
	background: #000000;
	color: #cfcfcf;
	margin: 60px auto 0;
	max-width: 1280px;
	border-radius: 28px;
	padding: 50px 20px 20px;
}

.ljav-footer__inner {
	max-width: 1200px;
	margin: 0 auto;
}

.ljav-footer__logo {
	display: inline-block;
	margin-bottom: 36px;
}

.ljav-footer__logo img {
	height: 40px;
	width: auto;
}

.ljav-footer__cols {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
	margin-bottom: 40px;
}

.ljav-footer__col h4 {
	color: #ffffff;
	font-size: 15px;
	margin: 0 0 16px;
}

.ljav-footer__col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ljav-footer__col li {
	margin-bottom: 10px;
}

.ljav-footer__col a {
	color: #9a9a9a;
	text-decoration: none;
	font-size: 14px;
}

.ljav-footer__col a:hover {
	color: #ffffff;
}

.ljav-footer__blurb {
	border-top: 1px solid #232323;
	padding-top: 30px;
}

.ljav-footer__blurb h3 {
	color: #fff;
	font-size: 20px;
	margin: 0 0 12px;
}

.ljav-footer__blurb p {
	color: #9a9a9a;
	font-size: 14px;
	line-height: 1.7;
	max-width: 760px;
	margin: 0 0 20px;
}

.ljav-footer__ssl {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
}

.ljav-footer__ssl span {
	color: #9a9a9a;
	font-weight: 400;
}

.ljav-footer__legal {
	max-width: 1280px;
	margin: 0 auto;
}

.ljav-footer__legal-inner {
	display: flex;
	justify-content: center;
	gap: 28px;
	flex-wrap: wrap;
	padding: 22px 20px;
	font-size: 13px;
}

.ljav-footer__legal-inner a {
	color: #777;
	text-decoration: none;
}

.ljav-footer__legal-inner a:hover {
	color: #141414;
}

@media (max-width: 900px) {
	.ljav-footer__cols {
		grid-template-columns: repeat(2, 1fr);
	}
}

.btn, button.btn, a.elementor-button {
	background-color: #000000;
	border-color: #000000;
}

/* WooCommerce'in gerçek buton sınıfı — tüm bağlamlarda (kart, sepet, checkout) siyah/beyaz */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background-color: #000000 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 6px !important;
	box-shadow: none !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background-color: #262626 !important;
	color: #ffffff !important;
}

/* Kategori/mağaza sayfası: içerik + kenar çubuğu iki sütun, ortalanmış,
   max-width sınırlı sarmalayıcı içinde (bkz. functions.php woocommerce_before_main_content
   / woocommerce_sidebar hook'ları — #primary ve .ljav-shop-sidebar önceden hiçbir
   sarmalayıcı olmadan doğrudan <body>'nin çocuğuydu, geniş ekranlarda kenara
   kadar yayılıp ortalanmıyordu). */
.ljav-shop-layout {
	display: flex;
	align-items: flex-start;
	gap: 32px;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

#primary.content-area {
	flex: 1 1 0;
	min-width: 0;
	box-sizing: border-box;
}

.ljav-shop-sidebar {
	flex: 0 0 280px;
	width: 280px;
	box-sizing: border-box;
}

.ljav-clearfix {
	clear: both;
}

.ljav-shop-sidebar__box {
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 16px;
	margin-bottom: 16px;
}

.ljav-shop-sidebar__box h4 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin: 0 0 10px;
	color: #141414;
}

.ljav-shop-sidebar__box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ljav-shop-sidebar__box li {
	margin-bottom: 6px;
	font-size: 14px;
}

.ljav-shop-sidebar__box a {
	color: #444;
	text-decoration: none;
}

/* Katlanabilir filtre kutuları (Marka/Mevsim/Özellikler/Üretim Tarihi) */
.ljav-sidebar-collapsible summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 600;
	color: #141414;
	margin: 0 0 10px;
}
.ljav-sidebar-collapsible summary::-webkit-details-marker { display: none; }
.ljav-sidebar-collapsible .ljav-chev {
	width: 9px;
	height: 9px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	transform: rotate(45deg);
	transition: transform .15s ease;
	margin-left: 8px;
	flex-shrink: 0;
}
.ljav-sidebar-collapsible:not([open]) .ljav-chev {
	transform: rotate(-45deg);
}
.ljav-sidebar-collapsible__body {
	padding-top: 2px;
}
.ljav-sidebar-search {
	width: 100%;
	box-sizing: border-box;
	padding: 8px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 13px;
	margin-bottom: 10px;
}

/* Dropdown (select) tipi filtreler: Araç Tipi, Taban Genişliği, Yük/Hız Endeksi vb. */
.ljav-sidebar-dropdown h4 {
	display: flex;
	align-items: center;
	gap: 6px;
	text-transform: none;
	letter-spacing: normal;
}
.ljav-tooltip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #999;
	font-size: 13px;
	cursor: help;
}
/* Marka/Mevsim/Özellikler/Üretim Tarihi listeleri: WooCommerce'in link tabanlı
   layered-nav öğelerini checkbox gibi göster (tıklama davranışı native kalıyor) */
.woocommerce-widget-layered-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.woocommerce-widget-layered-nav-list__item {
	margin-bottom: 8px;
}
.woocommerce-widget-layered-nav-list__item {
	display: flex;
	align-items: center;
}
.woocommerce-widget-layered-nav-list__item a,
.woocommerce-widget-layered-nav-list__item > span:not(.count) {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 14px;
	color: #333;
	text-decoration: none;
}
.woocommerce-widget-layered-nav-list__item a::before,
.woocommerce-widget-layered-nav-list__item > span:not(.count)::before {
	content: '';
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fff;
	box-sizing: border-box;
}
.woocommerce-widget-layered-nav-list__item--chosen a::before {
	background: #141414 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M3 8l3.5 3.5L13 5'/%3E%3C/svg%3E") center/11px no-repeat;
	border-color: #141414;
}
.woocommerce-widget-layered-nav-list__item .count {
	margin-left: auto;
	color: #999;
	font-size: 12px;
}

.ljav-sidebar-dropdown select {
	width: 100%;
	box-sizing: border-box;
	padding: 9px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	background: #fafafa;
	color: #333;
}
.ljav-sidebar-dropdown .woocommerce-widget-layered-nav-dropdown__submit {
	display: none;
}

/* select2/selectWoo zenginleştirmesini referans sitedeki gibi düz/sade bir
   dropdown görünümüne büründür (WC_Widget_Layered_Nav dropdown'ları bunu
   otomatik kullanıyor, bağımlılık zinciri yüzünden devre dışı bırakılamıyor). */
.ljav-sidebar-dropdown .select2-container {
	width: 100% !important;
}
.ljav-sidebar-dropdown .select2-container--default .select2-selection--single {
	width: 100%;
	box-sizing: border-box;
	height: auto;
	padding: 9px 30px 9px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fafafa;
}
.ljav-sidebar-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: 1.4;
	font-size: 14px;
	color: #333;
}
.ljav-sidebar-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	top: 0;
	right: 8px;
}
.ljav-sidebar-dropdown .select2-dropdown {
	border-color: #ddd;
	font-size: 14px;
}

/* Sonsuz kaydırma: JS aktifse native pagination linklerini gizle (JS
   çalışmazsa .ljav-infinite-scroll-active class'ı hiç eklenmez, pagination
   normal şekilde görünür kalır — no-JS fallback). */
.ljav-infinite-scroll-active .woocommerce-pagination {
	display: none;
}
#ljav-infinite-scroll {
	height: 1px;
}
.ljav-infinite-scroll__status {
	text-align: center;
	padding: 24px 0;
	color: #888;
	font-size: 13px;
}

/* Mağaza sayfası üstü: görsel/tıklanabilir kategori kartları */
.ljav-cat-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 14px;
	margin-bottom: 22px;
}
.ljav-cat-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 6px;
	background: #f9f9f7;
	border: 1px solid #E5E9DD;
	border-radius: 10px;
	padding: 18px 10px;
	text-decoration: none;
	color: #141414;
	transition: border-color .15s ease, transform .15s ease;
}
.ljav-cat-tile:hover {
	border-color: #141414;
	transform: translateY(-2px);
}
.ljav-cat-tile--active {
	background: #141414;
	border-color: #141414;
	color: #fff;
}
.ljav-cat-tile--active .ljav-cat-tile__count {
	color: #bbb;
}
.ljav-cat-tile__icon {
	font-size: 26px;
}
.ljav-cat-tile__label {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
}
.ljav-cat-tile__count {
	font-size: 11px;
	color: #888;
}

/* Ebata göre bul CTA banner */
.ljav-fit-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f4f4f4;
	border-radius: 8px;
	padding: 16px 20px;
	margin-bottom: 20px;
	flex-wrap: wrap;
	gap: 12px;
}

.ljav-fit-banner__text {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
}
.ljav-fit-banner__icon {
	font-size: 15px;
}

.ljav-fit-banner__btn {
	background: transparent;
	color: #313131;
	border: 1px solid #313131;
	padding: 9px 20px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}

/* Ürün ızgarası: WooCommerce'in dar float/percentage düzeni yerine ferah bir grid */
ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 28px !important;
	width: 100%;
	min-width: 0;
}

/* KÖK NEDEN DÜZELTMESİ: WooCommerce'in eski clearfix ::before/::after'ı grid
   container içinde gerçek (görünmez) birer grid hücresi gibi davranıp tüm
   sıralamayı bir kaydırıyordu (3 ürün 3 sütuna değil, kaymış şekilde diziliyordu). */
ul.products::before,
ul.products::after {
	content: none !important;
	display: none !important;
}

ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
ul.products.columns-6 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

/* Ürün kartı: referans sitedeki .product-card ile birebir (8px köşe, açık gri kenarlık) */
ul.products li.product {
	position: relative;
	background: #fff;
	border: 1px solid #E5E9DD;
	border-radius: 8px;
	overflow: hidden;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	float: none !important;
	margin: 0 !important;
	padding: 1.1em 1.1em 1.6em !important;
	display: flex !important;
	flex-direction: column;
	box-sizing: border-box;
}

ul.products li.product a.woocommerce-LoopProduct-link {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
}

ul.products li.product img {
	border-radius: 4px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

ul.products li.product .price {
	margin-top: auto;
	padding-top: 6px;
}

ul.products li.product h2,
ul.products li.product .woocommerce-loop-product__title {
	font-size: 15px;
	line-height: 1.4;
	min-height: 2.8em;
}

ul.products li.product .button {
	border-radius: 6px !important;
	margin-top: 10px;
}

@media (max-width: 1024px) {
	ul.products,
	ul.products.columns-6 {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 700px) {
	ul.products,
	ul.products.columns-6,
	ul.products.columns-3 {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 16px !important;
	}
}

.ljav-card-season {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 18px;
	z-index: 2;
	background: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

/* Ürün kartı: görselin altında, başlıktan önce marka logosu satırı */
.ljav-card-brand-row {
	display: flex;
	align-items: center;
	min-height: 34px;
	margin: 10px 0 6px;
}

ul.products li.product .ljav-card-brand-row img {
	height: 51px !important;
	width: auto !important;
	max-width: 180px !important;
	aspect-ratio: auto !important;
	object-fit: contain !important;
	border-radius: 0 !important;
	display: block;
}

.ljav-card-brand-text {
	font-size: 13px;
	font-weight: 700;
	color: #444;
	text-transform: uppercase;
	letter-spacing: .02em;
}

.woocommerce div.product .summary p.price,
.woocommerce div.product .summary span.price {
	color: #141414;
}

.ljav-spec-list li strong img.ljav-spec-brand-logo {
	height: 55px !important;
	width: auto !important;
	max-width: none !important;
	vertical-align: middle;
}

/* Ürün kartı: stok kodu (kısa, marka logosunun altında) */
.ljav-product-sku {
	font-size: 12px;
	color: #999;
	margin-bottom: 4px;
}

/* Ürün kartı: başlıktan sonra stok satırı + fiyat öncesi ayraç */
.ljav-card-meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
	font-size: 13px;
}

.ljav-product-stock {
	color: #2e7d32;
	font-weight: 500;
}

.ljav-product-year {
	color: #888;
	font-size: 12px;
}

.ljav-card-divider {
	border: none;
	border-top: 1px solid #eee;
	margin: 10px 0 0;
}

/* Ürün kartı: hover'da hafif kalkma efekti (profesyonel his) */
ul.products li.product {
	transition: box-shadow .2s ease, transform .2s ease;
}

ul.products li.product:hover {
	box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
	transform: translateY(-2px);
}

/* Ürün detay: sekmeler markaya uygun (siyah aktif alt çizgi) */
.woocommerce-tabs ul.tabs {
	border-bottom: 1px solid #eee;
	margin: 0 0 24px;
	padding: 0;
}

.woocommerce-tabs ul.tabs li {
	border: none !important;
	background: none !important;
	margin: 0 28px 0 0 !important;
	padding: 0 !important;
}

.woocommerce-tabs ul.tabs li a {
	color: #999;
	font-weight: 600;
	font-size: 15px;
	padding: 0 0 14px !important;
	display: inline-block;
	border-bottom: 2px solid transparent;
}

.woocommerce-tabs ul.tabs li.active a {
	color: #141414;
	border-bottom-color: #141414;
}

.woocommerce-tabs .panel {
	max-width: 780px;
	line-height: 1.7;
	color: #444;
}

/* Sepet / Ödeme: WooCommerce varsayılan tablolarını marka diliyle uyumlulaştır */
.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table {
	border-radius: 8px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid #E5E9DD;
}

.woocommerce-cart table.shop_table th,
.woocommerce-checkout table.shop_table th {
	background: #f6f6f6;
	font-weight: 600;
}

.woocommerce-cart .cart-collaterals .cart_totals,
#order_review {
	background: #f6f6f6;
	border-radius: 8px;
	padding: 24px;
}

.woocommerce-cart .cart_totals .order-total .amount {
	color: #141414;
	font-weight: 700;
}

/* Header ile sayfa içeriği (breadcrumb dahil) arasında boşluk */
#primary.content-area {
	padding-top: 28px;
}

.woocommerce-breadcrumb {
	margin-bottom: 20px;
	display: block;
}

/* Ürün detay: görsel galerisi */
.woocommerce-product-gallery {
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	border-radius: 10px;
	overflow: hidden;
	background: #fafafa;
}

.woocommerce-product-gallery .flex-viewport {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.woocommerce-product-gallery__wrapper img {
	transition: transform .35s ease;
}

.woocommerce-product-gallery:hover .woocommerce-product-gallery__wrapper img {
	transform: scale(1.035);
}

.woocommerce-product-gallery__trigger {
	background: #fff;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	top: 14px !important;
	right: 14px !important;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
}

.flex-control-thumbs {
	display: flex !important;
	flex-wrap: wrap;
	gap: 10px;
	padding: 14px !important;
	margin: 0 !important;
	background: #fff;
}

.flex-control-thumbs li {
	list-style: none;
	width: 64px;
}

.flex-control-thumbs li img {
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 6px;
	border: 2px solid #eee;
	opacity: 1;
	cursor: pointer;
	transition: border-color .2s ease;
}

.flex-control-thumbs li img.flex-active {
	border-color: #141414;
}

.flex-control-thumbs li img:hover {
	border-color: #999;
}

/* Ürün detay: satın alma kutusu çerçeveli kart (referanstaki .card ile birebir) */
.woocommerce div.product div.summary.entry-summary {
	box-sizing: border-box;
	background: #fff;
	border-radius: 8px;
	padding: 20px 24px;
	box-shadow: 0 0 24px rgba(0, 0, 0, .1);
}

/* Ürün detay: özellik özet listesi */
.ljav-spec-list {
	list-style: none;
	margin: 16px 0;
	padding: 0;
	border-top: 1px solid #f0f0f0;
}

.ljav-spec-list li {
	display: flex;
	justify-content: space-between;
	padding: 9px 0;
	border-bottom: 1px solid #f0f0f0;
	font-size: 14px;
}

.ljav-spec-list li span {
	color: #888;
}

.ljav-spec-list li strong {
	color: #141414;
	font-weight: 600;
}

/* Ürün detay sayfası bilgi kutuları */
.ljav-product-infobox {
	margin: 20px 0;
	border: 1px solid #eee;
	border-radius: 8px;
	overflow: hidden;
}

.ljav-product-infobox__item {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 12px 16px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 14px;
}

.ljav-product-infobox__item:last-child {
	border-bottom: none;
}

.ljav-product-infobox__item strong {
	font-size: 13px;
	color: #141414;
}

.ljav-product-infobox__item span {
	color: #777;
	font-size: 13px;
}

@media (max-width: 900px) {
	.ljav-shop-layout {
		flex-direction: column;
		padding: 0 16px;
	}
	#primary.content-area,
	.ljav-shop-sidebar {
		flex: 1 1 auto;
		width: 100%;
	}
}

/* ===== Anasayfa hero: ebata göre arama widget'ı ===== */
.ljav-hero-widget {
	max-width: 620px;
}

.ljav-vtabs {
	display: flex;
}

.ljav-vtabs input {
	display: none;
}

.ljav-vtabs label {
	background: #2a2a2a;
	color: #eee;
	padding: 12px 22px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 8px 8px 0 0;
}

.ljav-vtabs input:checked + label {
	background: #E0CD00;
	color: #212121;
}

.ljav-searchcard {
	background: #fff;
	border-radius: 0 4px 4px 4px;
	padding: 22px;
	box-shadow: 0 0 24px rgba(0, 0, 0, .1);
}

.ljav-stabs {
	display: flex;
	margin-bottom: 18px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #eee;
}

.ljav-stabs input {
	display: none;
}

.ljav-stabs label {
	flex: 1;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	font-weight: 600;
	color: #333;
	cursor: pointer;
	background: #f4f4f4;
}

.ljav-stabs input:checked + label {
	background: #000;
	color: #fff;
}

.ljav-searchform {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	align-items: end;
}

.ljav-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.ljav-field label {
	font-size: 12px;
	color: #777;
}

.ljav-field select {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
}

.ljav-searchbtn {
	grid-column: span 4;
	background: #000;
	color: #fff;
	border: none;
	padding: 13px;
	border-radius: 6px;
	font-weight: 600;
	cursor: pointer;
	font-size: 14px;
}

.ljav-hint {
	display: block;
	margin-top: 12px;
	font-size: 12px;
	color: #777;
	text-decoration: none;
}

/* vtab (Araç Lastiği / Jant) ve stab (Ebata Göre / Araca Göre) sekmeleri arası
   geçiş JS ile yönetiliyor (radio'lar iç içe div'lerde olduğu için saf CSS
   kardeş seçicisi yetmiyor) — bkz. ljav_hero_search shortcode'undaki <script>. */
.ljav-searchcard--jant { display: none; }
.ljav-hero-widget--jant .ljav-searchcard--jant { display: block; }
.ljav-hero-widget--jant .ljav-searchcard--lastik { display: none; }

.ljav-searchform--arac { display: none; }
.ljav-searchcard--stab-arac .ljav-searchform--ebat { display: none; }
.ljav-searchcard--stab-arac .ljav-searchform--arac { display: block; }

.ljav-comingsoon {
	background: #f9f9f7;
	border: 1px dashed #ddd;
	border-radius: 6px;
	padding: 18px;
	text-align: center;
}
.ljav-comingsoon p {
	margin: 0 0 12px;
	font-size: 13px;
	color: #555;
	line-height: 1.5;
}
.ljav-comingsoon__btn {
	display: inline-block;
	width: auto;
	padding: 10px 20px;
}

/* Lastik ebatı okuma modalı */
.ljav-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
}
.ljav-modal--open {
	display: block;
}
.ljav-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .55);
}
.ljav-modal__box {
	position: relative;
	max-width: 440px;
	margin: 10vh auto 0;
	background: #fff;
	border-radius: 8px;
	padding: 28px;
	box-sizing: border-box;
}
.ljav-modal__box h3 {
	margin: 0 0 4px;
	font-size: 18px;
}
.ljav-modal__box h4 {
	margin: 0 0 12px;
	font-size: 14px;
	color: #777;
	font-weight: 500;
}
.ljav-modal__box p {
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 14px;
}
.ljav-modal__list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 2;
}
.ljav-modal__close {
	position: absolute;
	top: 14px;
	right: 16px;
	background: none;
	border: none;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	color: #999;
}

/* Yeniden kullanılabilir otomatik-kayan carousel (hero kart, öne çıkan ürün,
   yorumlar) — bkz. functions.php'deki ljav_carousel_init() JS. */
.ljav-carousel {
	position: relative;
	overflow: hidden;
}
.ljav-carousel__track {
	display: flex;
	transition: transform .5s ease;
}
.ljav-carousel__slide {
	flex: 0 0 100%;
	min-width: 0;
}
.ljav-carousel__dots {
	display: flex;
	justify-content: center;
	gap: 7px;
	margin-top: 14px;
}
.ljav-carousel__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: none;
	background: #d8d8d8;
	padding: 0;
	cursor: pointer;
}
.ljav-carousel__dot.is-active {
	background: #141414;
	width: 20px;
	border-radius: 4px;
}
/* Koyu arka plan üstünde (hero) noktaların görünür olması için */
.ljav-carousel--dark .ljav-carousel__dot {
	background: rgba(255, 255, 255, .35);
}
.ljav-carousel--dark .ljav-carousel__dot.is-active {
	background: #E0CD00;
}

/* Anasayfa hero: kayan ürün kartı */
.ljav-floatcard {
	background: #fff;
	border-radius: 0;
	max-width: 260px;
	overflow: hidden;
}

.ljav-floatcard__img img {
	width: 100%;
	display: block;
}

.ljav-floatcard__body {
	padding: 14px;
}

.ljav-floatcard__title a {
	font-size: 13px;
	font-weight: 600;
	color: #141414;
	text-decoration: none;
	display: block;
	margin-bottom: 8px;
	line-height: 1.3;
}

.ljav-floatcard__price {
	font-weight: 700;
	margin-bottom: 10px;
}

.ljav-floatcard__price del {
	color: #999;
	font-weight: 400;
	margin-right: 6px;
}

.ljav-floatcard__price ins {
	text-decoration: none;
	color: #141414;
}

.ljav-floatcard__btn {
	display: block;
	text-align: center;
	background: #000;
	color: #fff;
	padding: 10px;
	border-radius: 6px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
}

.ljav-section-heading {
	margin-bottom: 16px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.ljav-section-heading__seeall {
	font-size: 13px;
	font-weight: 600;
	color: #141414;
	text-decoration: none;
	white-space: nowrap;
	border-bottom: 1px solid #141414;
	padding-bottom: 1px;
}

.ljav-section-heading__eyebrow {
	display: block;
	color: #999;
	font-size: 13px;
	margin-bottom: 2px;
}

.ljav-section-heading h2 {
	margin: 0;
	font-size: 22px;
}

/* Anasayfa karusel bölümü: sol taraftaki mevsim tanıtım banner'ı */
.elementor-column {
	min-width: 0;
}

.ljav-season-promo {
	height: 100%;
	min-height: 320px;
	border-radius: 8px;
	padding: 28px 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
}

.ljav-season-promo--kis {
	background: linear-gradient(160deg, #0f3057, #1a5f8a);
}

.ljav-season-promo--4mevsim {
	background: linear-gradient(160deg, #1c1c1c, #3a3a3a);
}

.ljav-season-promo__icon {
	font-size: 34px;
	margin-bottom: 14px;
}

.ljav-season-promo h3 {
	margin: 0 0 10px;
	font-size: 20px;
	color: #fff;
}

.ljav-season-promo p {
	margin: 0 0 20px;
	font-size: 14px;
	color: #d8d8d8;
	line-height: 1.5;
}

.ljav-season-promo__btn {
	display: inline-block;
	align-self: flex-start;
	background: #fff;
	color: #141414;
	padding: 10px 20px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
}

/* Öne çıkan ürün banner'ı */
.ljav-featured-banner {
	display: flex;
	align-items: center;
	gap: 40px;
	background: #f6f6f6;
	border-radius: 8px;
	padding: 30px;
	flex-wrap: wrap;
}

.ljav-featured-banner__img {
	flex: 0 0 220px;
}

.ljav-featured-banner__img img {
	width: 100%;
	border-radius: 4px;
}

.ljav-featured-banner__eyebrow {
	display: inline-block;
	background: #E0CD00;
	color: #212121;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 4px;
	margin-bottom: 10px;
}

.ljav-featured-banner__body h3 {
	margin: 0 0 10px;
	font-size: 22px;
}

.ljav-featured-banner__price {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 16px;
}

.ljav-featured-banner__btn {
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 11px 22px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
}

/* Müşteri yorumları */
.ljav-testimonials {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.ljav-testimonial-card {
	border: 1px solid #E5E9DD;
	border-radius: 8px;
	padding: 20px;
}

.ljav-testimonial-card__stars {
	color: #E0CD00;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.ljav-testimonial-card__name {
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 4px;
}

.ljav-testimonial-card__product {
	font-size: 13px;
	color: #777;
}

@media (max-width: 900px) {
	.ljav-testimonials {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Biz Sizi Arayalım bölümü */
.ljav-callme {
	background: #000;
	color: #fff;
	border-radius: 12px;
	padding: 32px;
	max-width: 1280px;
	margin: 0 auto;
}

.ljav-callme h2 {
	margin: 0 0 6px;
	font-size: 22px;
	color: #fff;
}

.ljav-callme p {
	color: #bbb;
	margin: 0 0 18px;
	font-size: 14px;
}

.ljav-callme__notice {
	padding: 12px 16px;
	border-radius: 6px;
	font-size: 14px;
	margin-bottom: 16px;
}
.ljav-callme__notice--ok {
	background: #1a7a3c;
	color: #fff;
}
.ljav-callme__notice--err {
	background: #a83232;
	color: #fff;
}

.ljav-callme__form {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}

.ljav-callme__form input,
.ljav-callme__form select {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	padding: 11px;
	border-radius: 6px;
	border: none;
	font-size: 13px;
}

.ljav-callme__form button {
	background: #E0CD00;
	color: #000;
	border: none;
	border-radius: 6px;
	font-weight: 700;
	cursor: pointer;
	font-size: 13px;
}

.ljav-callme__branches {
	display: flex;
	gap: 12px;
	margin-top: 18px;
	flex-wrap: wrap;
}

.ljav-callme__branch {
	background: #25D366;
	color: #fff;
	padding: 10px 16px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}

.ljav-callme__branch small {
	font-weight: 400;
	opacity: .9;
}

@media (max-width: 900px) {
	.ljav-searchform {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.ljav-searchbtn {
		grid-column: span 2;
	}
	.ljav-callme__form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.ljav-callme__form {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Statik sayfalar: Hizmetler / İletişim / Bayi Girişi / Garajım */
.ljav-static-page {
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 20px 70px;
}

.ljav-static-page--narrow {
	max-width: 640px;
	text-align: center;
}

.ljav-static-page h1 {
	margin-bottom: 30px;
}

.ljav-static-page--narrow p {
	color: #666;
	margin-bottom: 24px;
	line-height: 1.6;
}

.ljav-service-grid,
.ljav-contact-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.ljav-service-card,
.ljav-contact-card {
	border: 1px solid #E5E9DD;
	border-radius: 8px;
	padding: 24px;
}

.ljav-service-card h3,
.ljav-contact-card h3 {
	margin: 0 0 10px;
	font-size: 17px;
}

.ljav-service-card p,
.ljav-contact-card p {
	color: #666;
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 12px;
}

.ljav-contact-grid {
	margin-bottom: 40px;
}

@media (max-width: 700px) {
	.ljav-service-grid,
	.ljav-contact-grid {
		grid-template-columns: 1fr;
	}
}

/* Biz Kimiz sayfası */
.ljav-about-hero {
	text-align: center;
	max-width: 760px;
	margin: 0 auto 40px;
}
.ljav-about-hero p {
	color: #555;
	line-height: 1.7;
	font-size: 15px;
}
.ljav-stats-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin: 0 0 50px;
}
.ljav-stat {
	text-align: center;
	background: #f6f6f6;
	border-radius: 8px;
	padding: 24px 12px;
}
.ljav-stat strong {
	display: block;
	font-size: 30px;
	color: #141414;
}
.ljav-stat span {
	color: #777;
	font-size: 13px;
}
.ljav-mgmt-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	max-width: 560px;
	margin: 0 auto 50px;
}
.ljav-mgmt-card {
	text-align: center;
	border: 1px solid #E5E9DD;
	border-radius: 8px;
	padding: 22px;
}
.ljav-mgmt-card strong {
	display: block;
	font-size: 16px;
	margin-bottom: 4px;
}
.ljav-mgmt-card span {
	color: #777;
	font-size: 13px;
}
.ljav-section-title {
	text-align: center;
	font-size: 22px;
	margin: 50px 0 24px;
}

/* Jant Lastik Hesaplama */
.ljav-calc {
	max-width: 720px;
	margin: 0 auto;
	background: #f9f9f7;
	border-radius: 8px;
	padding: 28px;
}
.ljav-calc__row {
	display: grid;
	grid-template-columns: minmax(0, 90px) minmax(0, 1fr) minmax(0, 90px);
	gap: 10px;
	align-items: end;
	margin-bottom: 16px;
}
.ljav-calc__row label {
	grid-column: 1 / -1;
	font-size: 13px;
	font-weight: 600;
	color: #333;
	margin-bottom: -6px;
}
.ljav-calc select {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	background: #fff;
}
.ljav-calc__actions {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}
.ljav-calc__actions button {
	flex: 1;
	padding: 12px;
	border-radius: 6px;
	border: none;
	font-weight: 600;
	cursor: pointer;
	font-size: 14px;
}
.ljav-calc__actions button[type="submit"] {
	background: #000;
	color: #fff;
}
.ljav-calc__actions button[type="reset"] {
	background: #e5e5e5;
	color: #333;
}
.ljav-calc__result {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #e0e0e0;
	display: none;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	text-align: center;
}
.ljav-calc__result.is-visible {
	display: grid;
}
.ljav-calc__result h4 {
	margin: 0 0 4px;
	font-size: 13px;
	color: #777;
	font-weight: 500;
}
.ljav-calc__result strong {
	font-size: 20px;
}
.ljav-calc__diff {
	grid-column: 1 / -1;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
	border-radius: 6px;
}
.ljav-calc__diff--ok { background: #e6f6ea; color: #1a7a3c; }
.ljav-calc__diff--warn { background: #fdeee0; color: #a85300; }

/* Banka Hesap Numaraları */
.ljav-bank-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	max-width: 800px;
	margin: 0 auto;
}
.ljav-bank-card {
	border: 1px solid #E5E9DD;
	border-radius: 8px;
	padding: 22px;
}
.ljav-bank-card h3 {
	margin: 0 0 14px;
}
.ljav-bank-card dl {
	margin: 0;
	font-size: 14px;
}
.ljav-bank-card dt {
	color: #888;
	font-size: 12px;
	margin-top: 10px;
}
.ljav-bank-card dd {
	margin: 0;
	font-weight: 600;
}
.ljav-bank-note {
	max-width: 800px;
	margin: 20px auto 0;
	background: #fdeee0;
	color: #a85300;
	padding: 14px 18px;
	border-radius: 6px;
	font-size: 14px;
}

/* Lastik Terimleri */
.ljav-glossary h2 {
	font-size: 19px;
	margin: 40px 0 6px;
}
.ljav-glossary h2:first-child {
	margin-top: 0;
}
.ljav-glossary > p.ljav-glossary__intro {
	color: #555;
	line-height: 1.7;
	margin-bottom: 10px;
}
.ljav-glossary dl {
	margin: 0;
}
.ljav-glossary dt {
	font-weight: 700;
	margin-top: 14px;
}
.ljav-glossary dd {
	margin: 2px 0 0;
	color: #555;
	line-height: 1.6;
	font-size: 14px;
}
.ljav-glossary table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
	font-size: 13px;
}
.ljav-glossary th, .ljav-glossary td {
	text-align: left;
	padding: 8px 10px;
	border-bottom: 1px solid #eee;
}

@media (max-width: 700px) {
	.ljav-stats-row, .ljav-mgmt-row, .ljav-bank-grid {
		grid-template-columns: 1fr;
	}
	.ljav-calc__row {
		grid-template-columns: 1fr;
	}
}

.ljav-whatsapp-float {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #25D366;
	color: #fff;
	padding: 12px 18px;
	border-radius: 30px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0 6px 16px rgba(0,0,0,.25);
	z-index: 999;
	display: flex;
	align-items: center;
	gap: 8px;
}

.ljav-whatsapp-float:hover {
	color: #fff;
	opacity: .92;
}

@media (max-width: 768px) {
	.ljav-header__inner {
		flex-wrap: wrap;
	}
	.ljav-footer__inner {
		grid-template-columns: 1fr;
	}
}