/* Mobil yeni tasarım : style.css, responsive.css ve temp.php içindeki stillerden sonra yüklenir.
   Tema kuralları çoğunlukla !important ve ".home-1 .onecikan ..." gibi 3 sınıflık seçiciler kullanıyor;
   bu yüzden buradaki kart kuralları "body.home-1 :is(...)" ile daha yüksek öncelik alır.
   Kart kuralları sadece anasayfa bölümlerini etkiler; kategori sayfasının (.urunkat) kendi tasarımı korunur. */
:root {
	--yg-kirmizi: #C62839;
	--yg-bordo: #7B1E2B;
	--yg-altin: #E3B448;
	--yg-krem: #FAF6F0;
	--yg-krem2: #F4EEE6;
	--yg-urun-zemin: #F7F2EB;
	--yg-yazi: #2A1D1A;
	--yg-gri: #6E625D;
	--yg-cizgi: #EFE6DA;
}

@media (max-width: 991px) {

	/* ---------- Üst bar : menü | logo | arama + sepet ---------- */
	.header-area {
		border: none;
		border-radius: 0 0 20px 20px;
		box-shadow: 0 4px 14px rgba(42, 29, 26, 0.06);
	}

	.header-area .header-ust {
		padding: 0;
		border-radius: 0 0 20px 20px;
	}

	.header-area .logo {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0;
		height: 62px;
		padding: 0 12px;
		margin: 0;
		float: none;
		border: none;
	}

	/* Sol ve sağ grup aynı genişlikte; logo tam ortada kalır */
	.header-area .logo .menuBtn,
	.header-area .logo .mobilIkonlar {
		flex: 0 0 86px;
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.header-area .logo .mobilIkonlar {
		justify-content: flex-end;
	}

	/* responsive.css menü butonunu absolute yapıyor; logo ortalanabilsin diye akışa geri alınır */
	.header-area .logo .menuBtn {
		position: static !important;
		padding: 0;
		border-radius: 0;
	}

	.header-area .logo .menuBtn:hover {
		transform: none;
	}

	/* Üç ikon da aynı yumuşak yuvarlak buton.
	   .searchBtn için temp.php (background:none, padding), responsive.css (absolute, right/top) ve
	   style.css (padding) kuralları var; hepsi burada ezilir. */
	.header-area .logo .menuBtn a,
	.header-area .logo .mobilIkonlar .searchBtn,
	.header-area .logo .mobilIkonlar .mobilSepetBtn {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		width: 40px !important;
		height: 40px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		border: none !important;
		border-radius: 50% !important;
		background: var(--yg-krem2) !important;
		color: var(--yg-yazi) !important;
		font-size: 0 !important;
		transform: none !important;
		transition: background 0.2s ease, color 0.2s ease;
		-webkit-tap-highlight-color: transparent;
	}

	.header-area .logo .menuBtn a:active,
	.header-area .logo .mobilIkonlar .searchBtn:active,
	.header-area .logo .mobilIkonlar .mobilSepetBtn:active {
		background: var(--yg-cizgi) !important;
	}

	.header-area .logo .menuBtn svg,
	.header-area .logo .mobilIkonlar svg {
		width: 22px;
		height: 22px;
		display: block;
	}

	/* Arama açıkken büyüteç çarpıya döner, buton kırmızı olur */
	.header-area .logo .mobilIkonlar .searchBtn .ikon-kapat {
		display: none;
	}

	.header-area .logo .mobilIkonlar .searchBtn[aria-expanded="true"] {
		background: var(--yg-kirmizi) !important;
		color: #FFFFFF !important;
	}

	.header-area .logo .mobilIkonlar .searchBtn[aria-expanded="true"] .ikon-ara {
		display: none;
	}

	.header-area .logo .mobilIkonlar .searchBtn[aria-expanded="true"] .ikon-kapat {
		display: block;
	}

	.header-area .logo .logoLink {
		flex: 1;
		min-width: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.header-area .logo .logoLink:hover {
		transform: none;
	}

	.header-area .logo .logoLink img {
		width: auto !important;
		max-width: 150px;
		height: auto;
		max-height: 44px;
		margin: 0;
	}

	.mobilSepetSayi {
		position: absolute;
		top: -3px;
		right: -3px;
		min-width: 18px;
		height: 18px;
		padding: 0 4px;
		border: 2px solid #FFFFFF;
		border-radius: 9px;
		background: var(--yg-kirmizi);
		color: #FFFFFF;
		font: 800 10px/14px Montserrat, Arial, sans-serif;
		text-align: center;
		box-sizing: border-box;
	}

	/* ---------- Arama paneli : arama butonuyla header'ın altından açılır ----------
	   temp.php'deki JS .searchBlock'a "active" sınıfını ekleyip kaldırıyor, inputa odaklanıyor
	   ve dışarı tıklanınca kapatıyor. */
	.header-area .searchBlock {
		display: block !important;
		position: static !important;
		width: 100% !important;
		max-height: 0;
		float: none;
		clear: both;
		margin: 0 !important;
		padding: 0 16px !important;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		background: transparent !important;
		box-shadow: none !important;
		z-index: auto !important;
		transition: max-height 0.25s ease, opacity 0.2s ease, padding 0.25s ease, visibility 0s linear 0.25s;
	}

	.header-area .searchBlock.active {
		max-height: 80px;
		padding: 2px 16px 14px !important;
		opacity: 1;
		visibility: visible;
		transition: max-height 0.25s ease, opacity 0.2s ease, padding 0.25s ease, visibility 0s;
	}

	.header-area .searchBlock .search-close-btn {
		display: none !important;
	}

	/* Form kutusu temadan sabit 36px yükseklik alıyor; 46px'lik input taşmasın */
	.header-area .categorys-product-search,
	.header-area .search-form-cat,
	.header-area .search-product {
		position: relative;
		height: auto !important;
		margin: 0 !important;
		padding: 0;
	}

	.header-area .search-form-cat .form-control.search-form {
		float: none !important;
		display: block;
		width: 100% !important;
		height: 46px !important;
		margin: 0 !important;
		padding: 0 52px 0 18px !important;
		border: none !important;
		border-radius: 23px !important;
		background: var(--yg-krem2);
		box-shadow: none !important;
		color: var(--yg-yazi);
		font: 500 14px Montserrat, Arial, sans-serif;
		z-index: auto;
	}

	.header-area .search-form-cat .form-control.search-form::placeholder {
		color: var(--yg-gri);
	}

	.header-area .search-form-cat .search-button {
		position: absolute !important;
		top: 4px !important;
		right: 4px !important;
		left: auto !important;
		width: 38px !important;
		height: 38px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		border-radius: 50% !important;
		background: var(--yg-kirmizi) !important;
		color: #FFFFFF !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		transform: none !important;
		z-index: 1;
	}

	.header-area .search-form-cat .search-button:hover {
		transform: none !important;
		background: var(--yg-bordo) !important;
	}

	.header-area .search-form-cat .search-button i {
		font-size: 15px;
		line-height: 1;
	}

	/* ---------- Alt menü ---------- */
	.menufix {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		align-items: stretch;
		height: auto;
		padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
		background: #FFFFFF;
		border-top: 1px solid var(--yg-cizgi);
		box-shadow: 0 -6px 18px rgba(42, 29, 26, 0.06);
	}

	.menufix a,
	.menufix a.home {
		position: relative;
		float: none;
		width: auto;
		min-width: 0;
		min-height: 52px;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		color: var(--yg-gri);
		font: 600 10px/1.2 Montserrat, Arial, sans-serif;
		letter-spacing: 0;
		text-decoration: none;
	}

	.menufix a span:last-child {
		max-width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	/* İkon yuvası : aktif sekmede hafif kırmızı zemin */
	.menufix a svg {
		box-sizing: content-box;
		width: 22px;
		height: 22px;
		padding: 3px 14px;
		border-radius: 14px;
	}

	.menufix a.aktif {
		color: var(--yg-kirmizi);
		font-weight: 700;
	}

	.menufix a.aktif svg {
		background: rgba(198, 40, 57, 0.1);
	}

	.menufix .cart_total {
		position: absolute;
		top: 0;
		left: 50%;
		right: auto;
		margin-left: 4px;
		width: auto;
		min-width: 18px;
		height: 18px;
		padding: 0 4px;
		border: 2px solid #FFFFFF;
		border-radius: 9px;
		background: var(--yg-kirmizi);
		color: #FFFFFF;
		font: 800 10px/14px Montserrat, Arial, sans-serif;
		text-align: center;
		box-sizing: border-box;
	}

	/* Alt menü olan sayfalarda içerik ve yüzen butonlar menünün üstünde kalsın */
	.mobil-gorunum {
		padding-bottom: 72px;
	}

	.mobil-gorunum .trwpwhatsappall {
		bottom: 64px;
	}

	.mobil-gorunum .cark-yuzen {
		bottom: 140px;
	}
}

@media (max-width: 767px) {

	/* ---------- Ürün kartları : 2 sütun ---------- */
	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) :is(.onecikan, .urunslider, .urunitem) {
		padding: 0 5px !important;
		margin-bottom: 12px;
		text-align: left;
	}

	.cat-carousel-area {
		display: flex;
		flex-wrap: wrap;
		padding: 0 !important;
	}

	/* Kartların 5px'lik iç boşluğu dengelenir; kart kenarı başlıklarla aynı hizada başlar */
	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) {
		margin-left: -5px;
		margin-right: -5px;
	}

	.cat-carousel-area .urunitem {
		flex: 0 0 50%;
		max-width: 50%;
		float: none;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .single-product {
		height: 100%;
		padding: 0 !important;
		border: 1px solid var(--yg-cizgi) !important;
		border-radius: 18px !important;
		background: #FFFFFF !important;
		box-shadow: 0 4px 14px rgba(42, 29, 26, 0.06) !important;
		transform: none !important;
		overflow: hidden !important;
		text-align: left;
	}

	/* Dokunmatik ekranda hover takılı kalmasın */
	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .single-product:hover {
		transform: none !important;
		border-color: var(--yg-cizgi) !important;
		box-shadow: 0 4px 14px rgba(42, 29, 26, 0.06) !important;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .single-product:hover .pro-name a {
		color: var(--yg-yazi) !important;
	}

	/* Görsel : her kartta aynı kare kutu, fotoğraf kutuyu doldurur */
	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .product-image {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 1 / 1;
		padding: 0 !important;
		border-radius: 0 !important;
		background: var(--yg-urun-zemin) !important;
		overflow: hidden !important;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .product-image > a,
	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .product-image .show-img {
		position: absolute !important;
		inset: 0;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		padding: 0 !important;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .product-image .hide-img {
		display: none !important;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .product-image img {
		position: absolute !important;
		inset: 0;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		object-fit: none;
	}

	/* İndirim / tükendi rozetleri görselin üstünde dursun */
	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .sale-on {
		top: 8px !important;
		left: 8px !important;
		padding: 3px 8px !important;
		border-radius: 8px !important;
		font-size: 11px !important;
		line-height: 1.3 !important;
		z-index: 6;
	}

	/* Ürün adı : en fazla 2 satır */
	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .prod-info {
		display: block !important;
		flex: 0 0 auto !important;
		padding: 0 12px !important;
		text-align: left;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) h2.pro-name {
		height: auto !important;
		min-height: 34px !important;
		margin: 10px 0 0 !important;
		padding: 0 !important;
		line-height: 1.3 !important;
		font-size: 13px !important;
		text-align: left;
		overflow: hidden;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) h2.pro-name a {
		display: -webkit-box !important;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		color: var(--yg-yazi) !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 1.3 !important;
		text-transform: none;
	}

	/* Fiyat solda; sağdaki yuvarlak sepet butonu için yer bırakılır */
	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .price-box {
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start !important;
		min-height: 64px;
		margin: auto 0 0 !important;
		padding: 8px 60px 12px 12px !important;
		border: none !important;
		text-align: left !important;
	}

	/* Slider ve kategori kartlarında fiyat kutusu .prod-info içinde, .prod-info zaten boşluk veriyor */
	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .prod-info .price-box {
		padding-left: 0 !important;
		padding-right: 48px !important;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .price-box .old-price {
		position: static !important;
		display: block !important;
		float: none !important;
		margin: 0 !important;
		color: #9A8F8A;
		font-size: 11px !important;
		line-height: 1.3;
		text-align: left !important;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .price-box .old-price span:empty {
		display: none;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .price-box .price {
		display: block !important;
		margin: 0 !important;
		color: var(--yg-kirmizi) !important;
		font-size: 16px !important;
		font-weight: 800 !important;
		line-height: 1.25;
		letter-spacing: 0 !important;
		white-space: nowrap;
	}

	/* Sepet butonu : sağ altta 44px yuvarlak, yazı gizli */
	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .quick-add-cart {
		position: absolute !important;
		top: auto !important;
		right: 10px !important;
		bottom: 10px !important;
		left: auto !important;
		width: 44px !important;
		height: 44px !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		border: none !important;
		border-radius: 50% !important;
		background: var(--yg-kirmizi) !important;
		color: #FFFFFF !important;
		font-size: 0 !important;
		letter-spacing: 0 !important;
		box-shadow: 0 4px 10px rgba(198, 40, 57, 0.3);
		opacity: 1 !important;
		transform: none !important;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .quick-add-cart:hover {
		background: var(--yg-bordo) !important;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .quick-add-cart span {
		display: none;
	}

	body.home-1 :is(.product-carousel, .tab-carosel-start, .cat-carousel-area) .quick-add-cart i {
		margin: 0 !important;
		font-size: 18px !important;
		line-height: 1;
	}
}


/* ================= Mobil anasayfa bölümleri =================
   Bölümleri temp.php sadece telefonda (isReallyMobile) basar; body'de "mobil-gorunum anasayfa" sınıfları olur. */
@media (max-width: 991px) {

	.mobil-gorunum.anasayfa {
		background: var(--yg-krem);
	}

	.mobil-gorunum.anasayfa :is(.slider-area-wrapper, .product-area, .tab-and-banner-wrapper, .tab-wrapper) {
		background: transparent;
	}

	/* Kategoriler artık en üstte; aşağıdaki büyük blok mobilde tekrar etmesin */
	.mobil-gorunum.anasayfa .popular-categories-section {
		display: none;
	}

	/* ---------- Kategori daireleri : yatay kaydırılır ---------- */
	.mobil-kategoriler {
		display: flex;
		gap: 14px;
		margin: 0 -15px;
		padding: 16px 16px 4px;
		overflow-x: auto;
		scroll-snap-type: x proximity;
		scroll-padding-inline: 16px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.mobil-kategoriler::-webkit-scrollbar {
		display: none;
	}

	.mobil-kategori {
		flex: 0 0 66px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 6px;
		color: var(--yg-yazi);
		text-decoration: none;
		scroll-snap-align: start;
	}

	.mobil-kategori:hover,
	.mobil-kategori:focus {
		color: var(--yg-kirmizi);
		text-decoration: none;
	}

	.mobil-kategori__gorsel {
		width: 62px;
		height: 62px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		background: var(--yg-krem2);
		box-shadow: 0 0 0 1px var(--yg-cizgi);
		overflow: hidden;
	}

	.mobil-kategori__gorsel img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.mobil-kategori__harf {
		color: var(--yg-kirmizi);
		font: 800 22px Montserrat, Arial, sans-serif;
	}

	.mobil-kategori__ad {
		width: 100%;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font: 600 11px/1.25 Montserrat, Arial, sans-serif;
		text-align: center;
	}

	/* ---------- Çark kartı ---------- */
	.mobil-cark-kart {
		display: flex;
		align-items: center;
		gap: 14px;
		margin: 8px 15px 20px;
		padding: 16px;
		border-radius: 22px;
		background: var(--yg-bordo);
		color: #FFFFFF;
	}

	.mobil-cark-kart[hidden] {
		display: none;
	}

	.mobil-cark-kart__cark {
		position: relative;
		flex: 0 0 64px;
		width: 64px;
		height: 64px;
		padding: 5px;
		border-radius: 50%;
		background: var(--yg-altin);
		box-sizing: border-box;
	}

	.mobil-cark-kart__cark span {
		display: block;
		width: 100%;
		height: 100%;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		background: conic-gradient(#C62839 0 60deg, #E8833A 0 120deg, #7B1E2B 0 180deg, #C62839 0 240deg, #E8833A 0 300deg, #5A1520 0 360deg);
		box-sizing: border-box;
	}

	.mobil-cark-kart__cark::after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		width: 14px;
		height: 14px;
		margin: -7px 0 0 -7px;
		border: 3px solid var(--yg-altin);
		border-radius: 50%;
		background: #FFFFFF;
		box-sizing: border-box;
	}

	.mobil-cark-kart__metin {
		flex: 1;
		min-width: 0;
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.mobil-cark-kart__metin strong {
		font: 800 16px/1.2 Montserrat, Arial, sans-serif;
	}

	.mobil-cark-kart__metin span {
		color: #F3DCDF;
		font: 500 12px/1.4 Montserrat, Arial, sans-serif;
	}

	.mobil-cark-kart button {
		flex: 0 0 auto;
		height: 44px;
		padding: 0 16px;
		border: none;
		border-radius: 22px;
		background: #FFFFFF;
		color: var(--yg-bordo);
		font: 800 13px Montserrat, Arial, sans-serif;
	}

	/* ---------- 1960 kartı ---------- */
	.mobil-hikaye {
		display: flex;
		flex-direction: column;
		gap: 8px;
		margin: 8px -15px 24px;
		padding: 22px 20px;
		text-align: left;
		border-radius: 22px;
		background: #FFFFFF;
	}

	/* Temadaki "margin: auto" kuralları yıl ve bağlantıyı ortalıyordu */
	.mobil-hikaye__yil,
	.mobil-hikaye a {
		align-self: flex-start;
		margin: 0 !important;
	}

	.mobil-hikaye__yil {
		color: var(--yg-kirmizi);
		font: 800 44px/1 Montserrat, Arial, sans-serif;
	}

	.mobil-hikaye h2 {
		margin: 0;
		color: var(--yg-yazi);
		font: 800 18px/1.3 Montserrat, Arial, sans-serif;
	}

	.mobil-hikaye p {
		margin: 0;
		color: var(--yg-gri);
		font: 500 13px/1.55 Montserrat, Arial, sans-serif;
	}

	.mobil-hikaye a {
		align-self: flex-start;
		color: var(--yg-kirmizi);
		font: 700 13px Montserrat, Arial, sans-serif;
	}
}

@media (max-width: 767px) {

	/* ---------- Banner : yuvarlak köşe, gerçek oran, nokta göstergesi ----------
	   temp.php mobilde kutuyu 280px, görseli 184px'e sabitliyordu; aradaki boşluk kalkar. */
	body.anasayfa .slider {
		margin: 16px 0 0 !important;
		overflow: visible !important;
	}

	body.anasayfa .mainSlider {
		height: auto !important;
		aspect-ratio: auto !important;
		overflow: visible !important;
	}

	body.anasayfa .mainSlider .slick-list {
		height: auto !important;
		border-radius: 20px;
		overflow: hidden !important;
	}

	/* Oran slaytın kendisinde : yatay banner 1670x940, mobil slayt dikey kart */
	body.anasayfa .mainSlider a {
		position: relative;
		display: block;
		aspect-ratio: 1670 / 940;
		overflow: hidden;
		border-radius: 20px;
	}

	body.anasayfa .mainSlider a.mobil-slayt {
		aspect-ratio: 9 / 10;
	}

	body.anasayfa .mainSlider img,
	body.anasayfa .mainSlider .slick-slide img {
		position: absolute;
		inset: 0;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
	}

	/* Mobil slayt yazıları : alttan koyulaşan zemin üstünde */
	body.anasayfa .mobil-slayt--metinli::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(180deg, rgba(42, 29, 26, 0) 35%, rgba(42, 29, 26, 0.88) 100%);
		pointer-events: none;
	}

	.mobil-slayt__metin {
		position: absolute;
		left: 20px;
		right: 20px;
		bottom: 22px;
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		color: #FFFFFF;
		text-align: left;
	}

	/* Temadaki "margin: auto" kuralları etiketi ve butonu ortalıyordu */
	.mobil-slayt__metin > span {
		align-self: flex-start;
		margin: 0 !important;
	}

	.mobil-slayt__etiket {
		padding: 5px 10px;
		border-radius: 999px;
		background: var(--yg-altin);
		color: var(--yg-yazi);
		font: 800 11px/1.2 Montserrat, Arial, sans-serif;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

	.mobil-slayt__baslik {
		font: 800 28px/1.15 Montserrat, Arial, sans-serif;
	}

	.mobil-slayt__aciklama {
		color: #F3E9DE;
		font: 500 14px/1.45 Montserrat, Arial, sans-serif;
	}

	.mobil-slayt__buton {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		height: 46px;
		padding: 0 22px;
		border-radius: 23px;
		background: var(--yg-kirmizi);
		color: #FFFFFF;
		font: 700 14px Montserrat, Arial, sans-serif;
	}

	.mobil-slayt__buton svg {
		width: 16px;
		height: 16px;
	}

	/* slick-theme.css noktaları absolute konumlu 20px kutular ve "•" karakteriyle çiziyor;
	   kendi noktalarımızla üst üste binip ikişer görünüyordu */
	body.anasayfa .mainSlider .slick-dots {
		position: static;
		width: auto;
		display: flex !important;
		justify-content: center;
		gap: 6px;
		margin: 10px 0 0;
		padding: 0;
		list-style: none;
	}

	body.anasayfa .mainSlider .slick-dots li {
		width: auto;
		height: auto;
		margin: 0;
		line-height: 0;
	}

	body.anasayfa .mainSlider .slick-dots li button::before {
		display: none;
	}

	body.anasayfa .mainSlider .slick-dots button {
		width: 6px;
		height: 6px;
		padding: 0;
		border: none;
		border-radius: 3px;
		background: #D9CCBD;
		font-size: 0;
		transition: width 0.2s ease;
	}

	body.anasayfa .mainSlider .slick-dots .slick-active button {
		width: 22px;
		background: var(--yg-kirmizi);
	}

	/* ---------- Bölüm başlıkları : sade, alt çizgisiz ---------- */
	body.anasayfa .area-heading {
		margin-bottom: 12px;
		padding-bottom: 0;
		border-bottom: none;
	}

	body.anasayfa .area-heading > h3,
	body.anasayfa .tab-button li a {
		padding: 0;
		color: var(--yg-yazi);
		font: 800 18px/1.2 Montserrat, Arial, sans-serif;
		letter-spacing: 0;
	}

	/* "Yeni Gelen Ürünler" başlığı fazladan bir sütun boşluğunun içinde kalıyordu */
	body.anasayfa .tab-wrapper .tab-button {
		margin-left: -15px;
	}

	body.anasayfa .area-heading > h3::after,
	body.anasayfa .tab-button li a::after {
		display: none;
	}
}