/* ============================================
   Airnova Theme - Responsive Stiller
   ============================================ */

/* Tablet - 1200px */
@media (max-width: 1200px) {
	.products-grid-5 {
		grid-template-columns: repeat(4, 1fr);
	}

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

	.hero-title {
		font-size: 36px;
	}

	.hero-grid {
		gap: 40px;
	}
}

/* Tablet - 1024px */
@media (max-width: 1024px) {
	:root {
		--section-spacing: 60px;
	}

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

	.gallery-grid {
		grid-template-rows: repeat(2, 220px);
	}

	.faq-grid {
		grid-template-columns: 1fr;
	}

	.faq-full-width {
		grid-column: span 1;
	}

	.primary-menu > li > a {
		padding: 0 12px;
		font-size: 13px;
	}

	/* Specs */
	.specs-columns {
		grid-template-columns: 1fr;
	}
}

/* Tablet - 880px */
@media (max-width: 880px) {
	/* Header — menü mobilde de gözüksün */
	.header-grid {
		height: 65px;
	}

	.primary-menu > li > a {
		padding: 0 10px;
		font-size: 13px;
	}

	/* Products */
	.products-grid-5,
	.products-grid-4 {
		grid-template-columns: repeat(3, 1fr);
	}

	/* Banner Grid */
	.banner-grid {
		grid-template-columns: 1fr;
	}

	.banner-card-link {
		height: 480px;
	}

	.banner-card-title {
		font-size: 26px;
	}

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

	/* Gallery */
	.gallery-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
	}

	.gallery-item-1 {
		grid-row: span 1;
	}

	/* Policy Bar */
	.policy-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Blog Posts */
	.posts-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Promo */
	.promo-grid-2 {
		grid-template-columns: 1fr;
	}

	/* Hero */
	.hero-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.hero-split {
		min-height: auto;
	}

	.hero-section {
		padding: 40px 0 0;
	}

	.hero-image {
		height: 380px;
	}

	.hero-image img,
	.hero-image-placeholder {
		max-width: 500px;
		margin: 0 auto;
	}
}

/* Mobil - 767px */
@media (max-width: 767px) {
	:root {
		--section-spacing: 40px;
	}

	/* Products */
	.products-grid-5,
	.products-grid-4 {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	/* Category Tabs */
	.category-tabs {
		overflow-x: auto;
		justify-content: flex-start;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.category-tabs::-webkit-scrollbar {
		display: none;
	}

	.category-tab {
		white-space: nowrap;
		font-size: 12px;
		padding: 6px 16px;
	}

	/* Hero */
	.hero-title {
		font-size: var(--font-size-xl);
	}

	.hero-content {
		text-align: center;
		margin: 0 auto;
	}

	.hero-cta .btn {
		font-size: var(--font-size-body);
		padding: 10px 24px;
	}

	.hero-image {
		height: 300px;
	}

	.hero-image img,
	.hero-image-placeholder {
		max-width: 320px;
		margin: 0 auto;
	}

	/* Footer */
	.footer-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.footer-main {
		padding: 40px 0 20px;
	}

	/* Section Headers */
	.section-title {
		font-size: var(--font-size-lg);
	}

	.section-header-between {
		flex-direction: column;
		gap: 15px;
		text-align: center;
	}

	/* Blog Posts */
	.posts-grid {
		grid-template-columns: 1fr;
	}

	/* Single Post */
	.entry-title {
		font-size: var(--font-size-xl);
	}

	.entry-footer {
		flex-direction: column;
		gap: 15px;
		text-align: center;
	}

	/* Page Banner */
	.page-banner-title {
		font-size: var(--font-size-xl);
	}

	/* Features */
	.features-grid,
	.features-grid-full {
		grid-template-columns: 1fr;
	}

	.feature-card {
		padding: 20px;
	}

	/* Specs */
	.specs-table th,
	.specs-table td {
		padding: 12px 16px;
		font-size: 13px;
	}

	/* Instagram */
	.instagram-title {
		font-size: var(--font-size-xl);
	}

	.instagram-item {
		width: 200px;
		height: 250px;
	}

	/* FAQ */
	.faq-grid {
		gap: 25px;
	}

	/* Gallery */
	.gallery-grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	/* Policy */
	.policy-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	/* Newsletter Popup */
	.newsletter-popup-inner {
		flex-direction: column;
	}

	.newsletter-popup-image {
		width: 100%;
		height: 200px;
	}

	/* 404 */
	.error-code {
		font-size: 80px;
	}

	/* Content Area */
	.content-area {
		flex-direction: column;
	}

	.sidebar {
		width: 100%;
	}

	/* Header Actions */
	.header-actions {
		gap: 10px;
	}

	.header-search,
	.header-account {
		display: none;
	}

	/* Mini Cart */
	.mini-cart-dropdown {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		max-width: 350px;
		height: 100vh;
		border-radius: 0;
		transition: right 0.4s ease;
	}

	.header-cart:hover .mini-cart-dropdown {
		opacity: 1;
		visibility: visible;
		right: 0;
	}
}

/* Mobil Kucuk - 480px */
@media (max-width: 480px) {
	.container {
		padding: 0 12px;
	}

	.hero-title {
		font-size: var(--font-size-lg);
	}

	.btn-lg {
		padding: 10px 20px;
		font-size: var(--font-size-body);
	}

	.product-card-actions {
		gap: 5px;
	}

	.product-action-btn {
		width: 36px;
		height: 36px;
		font-size: 14px;
	}
}