/* Mobile overrides without breaking desktop */

/* Base responsive typography helpers */
.text-responsive-3xl {
	font-size: clamp(28px, 4vw, 40px);
	line-height: 1.15;
}
.text-responsive-2xl {
	font-size: clamp(22px, 3vw, 32px);
	line-height: 1.2;
}
.text-responsive-xl {
	font-size: clamp(16px, 2.6vw, 22px);
	line-height: 1.4;
}

/* WhatsApp butonları için özel stiller */
.card-luxury a[href*="wa.me"] {
	position: absolute !important;
	top: 12px !important;
	left: 12px !important;
	background-color: #25D366 !important;
	color: white !important;
	padding: 12px !important;
	border-radius: 50% !important;
	box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4) !important;
	z-index: 50 !important;
	border: 3px solid white !important;
	transition: all 0.3s ease !important;
}

.card-luxury a[href*="wa.me"]:hover {
	background-color: #128C7E !important;
	transform: scale(1.1) !important;
	box-shadow: 0 15px 35px rgba(37, 211, 102, 0.6) !important;
}

.card-luxury a[href*="wa.me"] svg {
	width: 24px !important;
	height: 24px !important;
	display: block !important;
}

@media (max-width: 640px) {
	/* Container paddings */
	.container { padding-left: 1rem; padding-right: 1rem; }

	/* Header height and padding adjustments */
	header .h-16 { height: 56px !important; }
	main.pt-24 { padding-top: 5rem !important; }

	/* Hero slider adjustments - PC'deki gibi görünmesi için */
	#heroSlider { 
		position: relative !important;
		height: 100vh !important;
		overflow: hidden !important;
		display: flex !important;
		flex-direction: column !important;
	}
	
	/* Arka plan resmi için */
	#heroSlider .absolute.inset-x-0.bottom-0.top-24 {
		position: absolute !important;
		top: 5rem !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		z-index: 0 !important;
		width: 100% !important;
		height: calc(100vh - 5rem) !important;
	}
	
	#heroSlider #heroImage {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		z-index: 0 !important;
	}
	
	/* Gradient overlay */
	#heroSlider .absolute.inset-x-0.bottom-0.top-24 .absolute.inset-x-0.bottom-0.top-0 {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		z-index: 1 !important;
	}
	
	/* Slider content - metin ve buton */
	#heroSlider .slider-content {
		position: relative !important;
		z-index: 30 !important;
		min-height: calc(100vh - 5rem) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		flex: 1 !important;
	}
	
	#heroSlider .slider-text {
		text-align: left !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		max-width: none !important;
		width: 100% !important;
	}
	
	#heroTitle { font-size: clamp(24px, 7vw, 30px) !important; }
	#heroSubtitle { font-size: clamp(14px, 4.6vw, 18px) !important; }
	#heroCta { padding: 0.6rem 1rem !important; font-size: 0.95rem !important; }
	#sliderPrev, #sliderNext { width: 40px !important; height: 40px !important; }
	#sliderPrev { left: 8px !important; }
	#sliderNext { right: 8px !important; }
	#sliderCounter { top: 12px !important; right: 12px !important; padding: 4px 8px !important; font-size: 12px !important; }

	/* Ürün kartları için mobil düzenlemeler */
	.card-luxury img {
		height: 280px !important;
		object-fit: contain !important;
		background-color: #f9fafb !important;
	}
	
	.card-luxury .p-6 {
		padding: 1rem !important;
	}
	
	.card-luxury h3 {
		font-size: 1.125rem !important;
	}
	
	.card-luxury p {
		font-size: 0.875rem !important;
		line-height: 1.4 !important;
	}

	/* WhatsApp butonları mobil için */
	.card-luxury a[href*="wa.me"] {
		top: 8px !important;
		left: 8px !important;
		padding: 10px !important;
		border-width: 2px !important;
	}

	.card-luxury a[href*="wa.me"] svg {
		width: 20px !important;
		height: 20px !important;
	}

	/* Cards and grids spacing */
	.category-grid, .grid { gap: 1rem !important; }
	.card-luxury .h-80 { height: 220px !important; }

	/* Section paddings */
	section.py-20 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
	section.py-16 { padding-top: 2rem !important; padding-bottom: 2rem !important; }

	/* Buttons */
	.btn-luxury, .btn, .btn-outline, .btn-outline-luxury { padding: 0.6rem 0.9rem !important; font-size: 0.95rem !important; }
} 

/* Tablet için ek düzenlemeler */
@media (min-width: 641px) and (max-width: 1023px) {
	#heroSlider .slider-text {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
	
	#heroTitle { font-size: clamp(28px, 5vw, 36px) !important; }
	#heroSubtitle { font-size: clamp(18px, 3vw, 20px) !important; }
	
	/* Tablet ürün kartları */
	.card-luxury img {
		height: 320px !important;
	}
}

/* Küçük mobil cihazlar için ek düzenlemeler */
@media (max-width: 480px) {
	#heroSlider .slider-text {
		padding-left: 0.75rem !important;
		padding-right: 0.75rem !important;
	}
	
	#heroTitle { font-size: clamp(20px, 6vw, 26px) !important; }
	#heroSubtitle { font-size: clamp(13px, 4vw, 16px) !important; }
	#heroCta { padding: 0.5rem 0.75rem !important; font-size: 0.9rem !important; }
	
	/* Küçük mobil ürün kartları */
	.card-luxury img {
		height: 240px !important;
	}
	
	.card-luxury .p-6 {
		padding: 0.75rem !important;
	}
}