* { margin: 0; padding: 0; box-sizing: border-box; }
			
			:root {
				--gold: #D4A853;
				--gold-dark: #B8923E;
				--dark: #1a1a1a;
				--olive-green: #4A6741;
				--cream: #F9F6F1;
				--light-gray: #f5f5f5;
			}
			
			body {
				font-family: 'Lato', sans-serif;
				color: var(--dark);
				line-height: 1.6;
			}
			
			/* Navigation */
			nav {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 1rem 5%;
				background: white;
				position: fixed;
				width: 100%;
				top: 0;
				z-index: 1000;
				box-shadow: 0 2px 10px rgba(0,0,0,0.05);
			}
			
			.logo {
				display: flex;
				align-items: center;
				gap: 10px;
				font-family: 'Playfair Display', serif;
				font-size: 1.5rem;
				font-weight: 600;
				text-decoration: none;
				color: var(--dark);
			}
			
			.logo-img {
				width: 45px;
				height: 45px;
				object-fit: contain;
			}
			
			.nav-links {
				display: flex;
				gap: 2.5rem;
				list-style: none;
			}
			
			.nav-links a {
				text-decoration: none;
				color: var(--dark);
				font-weight: 500;
				font-size: 0.9rem;
				letter-spacing: 0.5px;
				transition: color 0.3s;
			}
			
			.nav-links a:hover { color: var(--gold); }
			
			.nav-right {
				display: flex;
				align-items: center;
				gap: 1.5rem;
			}
			
			.cart-icon {
				font-size: 1.2rem;
				cursor: pointer;
			}
			
			.btn-signin {
				background: var(--gold);
				color: white;
				padding: 0.6rem 1.5rem;
				border-radius: 25px;
				text-decoration: none;
				font-weight: 600;
				font-size: 0.85rem;
				transition: background 0.3s;
			}
			
			.btn-signin:hover { background: var(--gold-dark); }
			
			/* Hero Section */
			.hero {
				height: 100vh;
				background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../assets/arqazemin.4d6057d39b2724e38956.jpg') center/cover;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center;
				color: white;
				padding-top: 80px;
			}
			
			.hero-badge {
				background: rgba(255,255,255,0.15);
				backdrop-filter: blur(10px);
				padding: 0.8rem 2rem;
				border-radius: 30px;
				margin-bottom: 2rem;
				font-size: 0.85rem;
				letter-spacing: 2px;
				text-transform: uppercase;
			}
			
			.hero h1 {
				font-family: 'Playfair Display', serif;
				font-size: 4rem;
				font-weight: 400;
				margin-bottom: 1rem;
				letter-spacing: 8px;
			}
			
			.hero h1 span { color: var(--gold); }
			
			.hero p {
				font-size: 1.1rem;
				margin-bottom: 2rem;
				font-style: italic;
				opacity: 0.9;
			}
			
			.btn-primary {
				background: var(--gold);
				color: white;
				padding: 1rem 2.5rem;
				border-radius: 30px;
				text-decoration: none;
				font-weight: 600;
				font-size: 0.9rem;
				letter-spacing: 1px;
				transition: all 0.3s;
				border: 2px solid var(--gold);
			}
			
			.btn-primary:hover {
				background: transparent;
				color: white;
			}
			
			/* About Section */
			.about-intro {
				padding: 5rem 10%;
				text-align: center;
				max-width: 900px;
				margin: 0 auto;
			}
			
			.about-intro p {
				font-size: 1.1rem;
				color: #666;
				line-height: 1.8;
			}
			
			/* Products Section */
			.section-title {
				text-align: center;
				margin-bottom: 3rem;
			}
			
			.section-title h2 {
				font-family: 'Playfair Display', serif;
				font-size: 2.5rem;
				font-weight: 400;
				margin-bottom: 0.5rem;
			}
			
			.section-title span { color: var(--gold); }
			
			.section-title p {
				color: #888;
				font-size: 0.95rem;
			}
			
			.products {
				padding: 5rem 5%;
				background: var(--light-gray);
			}
			
			.products-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
				gap: 2rem;
				max-width: 1200px;
				margin: 0 auto;
			}
			
			.product-card {
				background: white;
				border-radius: 20px;
				padding: 2rem;
				text-align: center;
				box-shadow: 0 5px 30px rgba(0,0,0,0.05);
				transition: transform 0.3s, box-shadow 0.3s;
				position: relative;
				overflow: hidden;
			}
			
			.product-card:hover {
				transform: translateY(-10px);
				box-shadow: 0 15px 40px rgba(0,0,0,0.1);
			}
			
			.product-card.featured::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				height: 5px;
				background: var(--gold);
			}
			
			.product-name {
				font-family: 'Playfair Display', serif;
				font-size: 1.5rem;
				color: var(--gold);
				margin-bottom: 0.5rem;
				letter-spacing: 2px;
			}
			
			.product-size {
				color: #999;
				font-size: 0.85rem;
				margin-bottom: 2rem;
			}
			
			.product-image {
				height: 250px;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 1.5rem;
			}
			
			.product-image img {
				max-height: 100%;
				filter: drop-shadow(0 10px 20px rgba(0,0,0,0.2));
			}
			
			.product-features {
				display: flex;
				justify-content: center;
				gap: 1.5rem;
				margin-bottom: 1.5rem;
				font-size: 0.8rem;
				color: #666;
			}
			
			.product-price {
				font-size: 1.8rem;
				font-weight: 700;
				margin-bottom: 1.5rem;
			}
			
			.product-buttons {
				display: flex;
				gap: 1rem;
				justify-content: center;
			}
			
			.btn-cart {
				background: var(--gold);
				color: white;
				padding: 0.8rem 1.5rem;
				border-radius: 25px;
				border: none;
				font-weight: 600;
				font-size: 0.85rem;
				cursor: pointer;
				transition: background 0.3s;
			}
			
			.btn-cart:hover { background: var(--gold-dark); }
			
			.btn-discover {
				background: transparent;
				color: var(--dark);
				padding: 0.8rem 1.5rem;
				border-radius: 25px;
				border: 2px solid #ddd;
				font-weight: 600;
				font-size: 0.85rem;
				cursor: pointer;
				transition: all 0.3s;
			}
			
			.btn-discover:hover {
				border-color: var(--gold);
				color: var(--gold);
			}
			
			/* Why Choose Section */
			.why-choose {
				padding: 5rem 5%;
				background: var(--cream);
			}
			
			.features-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
				gap: 2rem;
				max-width: 1000px;
				margin: 0 auto;
			}
			
			.feature-item {
				text-align: center;
				padding: 2rem;
			}
			
			.feature-icon {
				font-size: 2.5rem;
				margin-bottom: 1rem;
			}
			
			.feature-item h4 {
				font-family: 'Playfair Display', serif;
				font-size: 1.2rem;
				margin-bottom: 0.5rem;
			}
			
			.feature-item p {
				color: #666;
				font-size: 0.9rem;
			}
			
			/* Process Section */
			.process {
				padding: 5rem 5%;
				background: white;
			}
			
			.process-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
				gap: 3rem;
				max-width: 1000px;
				margin: 0 auto;
			}
			
			.process-item {
				text-align: center;
			}
			
			.process-icon {
				width: 80px;
				height: 80px;
				background: var(--cream);
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 auto 1.5rem;
				font-size: 2rem;
			}
			
			.process-item h4 {
				font-family: 'Playfair Display', serif;
				font-size: 1.3rem;
				margin-bottom: 0.5rem;
			}
			
			.process-item p {
				color: #666;
				font-size: 0.9rem;
				line-height: 1.7;
			}
			
			/* Health Benefits */
			.benefits {
				padding: 5rem 5%;
				background: linear-gradient(135deg, var(--olive-green), #3a5534);
				color: white;
			}
			
			.benefits .section-title h2 { color: white; }
			.benefits .section-title span { color: var(--gold); }
			
			.benefits-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
				gap: 2rem;
				max-width: 1000px;
				margin: 0 auto;
			}
			
			.benefit-item {
				display: flex;
				gap: 1rem;
				align-items: flex-start;
			}
			
			.benefit-icon {
				background: var(--gold);
				color: white;
				width: 40px;
				height: 40px;
				border-radius: 10px;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-shrink: 0;
			}
			
			.benefit-item h4 {
				font-size: 1rem;
				margin-bottom: 0.3rem;
			}
			
			.benefit-item p {
				font-size: 0.85rem;
				opacity: 0.8;
			}
			
			/* Footer */
			footer {
				background: var(--dark);
				color: white;
				padding: 4rem 5% 2rem;
			}
			
			.footer-grid {
				display: grid;
				grid-template-columns: 2fr 1fr 1fr 1.5fr;
				gap: 3rem;
				max-width: 1200px;
				margin: 0 auto 3rem;
			}
			
			.footer-brand .logo { color: white; margin-bottom: 1rem; }
			.footer-brand p { color: #888; font-size: 0.9rem; line-height: 1.7; }
			
			.footer-links h4 {
				color: var(--gold);
				font-size: 0.9rem;
				letter-spacing: 1px;
				margin-bottom: 1.5rem;
			}
			
			.footer-links ul {
				list-style: none;
			}
			
			.footer-links li { margin-bottom: 0.8rem; }
			
			.footer-links a {
				color: #888;
				text-decoration: none;
				font-size: 0.9rem;
				transition: color 0.3s;
			}
			
			.footer-links a:hover { color: var(--gold); }
			
			.footer-contact p {
				color: #888;
				font-size: 0.9rem;
				margin-bottom: 0.8rem;
				display: flex;
				align-items: center;
				gap: 0.5rem;
			}
			
			.footer-bottom {
				border-top: 1px solid #333;
				padding-top: 2rem;
				display: flex;
				justify-content: space-between;
				align-items: center;
				max-width: 1200px;
				margin: 0 auto;
			}
			
			.social-icons {
				display: flex;
				gap: 1rem;
			}
			
			.social-icons a {
				color: #888;
				font-size: 1.2rem;
				transition: color 0.3s;
			}
			
			.social-icons a:hover { color: var(--gold); }
			
			.footer-bottom p {
				color: #666;
				font-size: 0.85rem;
			}
			
			/* Responsive */
			@media (max-width: 768px) {
				.nav-links { display: none; }
				.hero h1 { font-size: 2.5rem; letter-spacing: 4px; }
				.footer-grid { grid-template-columns: 1fr; }
			}
		

			* { margin: 0; padding: 0; box-sizing: border-box; }
			
			:root {
				--gold: #D4A853;
				--gold-dark: #B8923E;
				--dark: #1a1a1a;
				--olive-green: #4A6741;
				--cream: #F9F6F1;
				--light-gray: #f5f5f5;
			}
			
			body {
				font-family: 'Lato', sans-serif;
				color: var(--dark);
				line-height: 1.6;
			}
			
			/* Navigation */
			nav {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 1rem 5%;
				background: white;
				position: fixed;
				width: 100%;
				top: 0;
				z-index: 1000;
				box-shadow: 0 2px 10px rgba(0,0,0,0.05);
			}
			
			.logo {
				display: flex;
				align-items: center;
				gap: 10px;
				font-family: 'Playfair Display', serif;
				font-size: 1.5rem;
				font-weight: 600;
				text-decoration: none;
				color: var(--dark);
			}
			
			.logo-img {
				width: 45px;
				height: 45px;
				object-fit: contain;
			}
			
			.nav-links {
				display: flex;
				gap: 2.5rem;
				list-style: none;
			}
			
			.nav-links a {
				text-decoration: none;
				color: var(--dark);
				font-weight: 500;
				font-size: 0.9rem;
				letter-spacing: 0.5px;
				transition: color 0.3s;
			}
			
			.nav-links a:hover, .nav-links a.active { color: var(--gold); }
			
			.nav-right {
				display: flex;
				align-items: center;
				gap: 1.5rem;
			}
			
			.cart-icon {
				font-size: 1.2rem;
				cursor: pointer;
			}
			
			.btn-signin {
				background: var(--gold);
				color: white;
				padding: 0.6rem 1.5rem;
				border-radius: 25px;
				text-decoration: none;
				font-weight: 600;
				font-size: 0.85rem;
				transition: background 0.3s;
			}
			
			.btn-signin:hover { background: var(--gold-dark); }
			
			/* Page Header */
			.page-header {
				padding: 10rem 5% 5rem;
				background: linear-gradient(135deg, var(--cream), white);
				text-align: center;
			}
			
			.page-header h1 {
				font-family: 'Playfair Display', serif;
				font-size: 3rem;
				margin-bottom: 1rem;
			}
			
			.page-header h1 span { color: var(--gold); }
			
			.page-header p {
				font-size: 1.2rem;
				color: #666;
				font-style: italic;
			}
			
			/* About Content */
			.about-section {
				padding: 5rem 10%;
				max-width: 1200px;
				margin: 0 auto;
			}
			
			.about-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 4rem;
				align-items: center;
				margin-bottom: 5rem;
			}
			
			.about-grid.reverse {
				direction: rtl;
			}
			
			.about-grid.reverse > * {
				direction: ltr;
			}
			
			.about-content h2 {
				font-family: 'Playfair Display', serif;
				font-size: 2.2rem;
				margin-bottom: 1.5rem;
			}
			
			.about-content h2 span { color: var(--gold); }
			
			.about-content p {
				color: #666;
				line-height: 1.9;
				margin-bottom: 1rem;
			}
			
			.about-image img {
				width: 100%;
				border-radius: 20px;
				box-shadow: 0 20px 60px rgba(0,0,0,0.1);
			}
			
			/* Varieties Section */
			.varieties {
				padding: 5rem 5%;
				background: var(--light-gray);
			}
			
			.section-title {
				text-align: center;
				margin-bottom: 3rem;
			}
			
			.section-title h2 {
				font-family: 'Playfair Display', serif;
				font-size: 2.5rem;
				font-weight: 400;
				margin-bottom: 0.5rem;
			}
			
			.section-title span { color: var(--gold); }
			
			.varieties-grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 2rem;
				max-width: 1000px;
				margin: 0 auto;
			}
			
			.variety-card {
				background: white;
				padding: 2.5rem;
				border-radius: 20px;
				text-align: center;
				box-shadow: 0 5px 30px rgba(0,0,0,0.05);
			}
			
			.variety-card h3 {
				font-family: 'Playfair Display', serif;
				font-size: 1.5rem;
				color: var(--gold);
				margin-bottom: 1rem;
				letter-spacing: 2px;
			}
			
			.variety-card p {
				color: #666;
				font-size: 0.95rem;
				line-height: 1.7;
			}
			
			/* Health Benefits */
			.health-benefits {
				padding: 5rem 5%;
				background: linear-gradient(135deg, var(--olive-green), #3a5534);
				color: white;
			}
			
			.health-benefits .section-title h2 { color: white; }
			
			.benefits-grid {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 2rem;
				max-width: 1000px;
				margin: 0 auto;
			}
			
			.benefit-box {
				text-align: center;
				padding: 2rem;
			}
			
			.benefit-icon {
				width: 60px;
				height: 60px;
				background: var(--gold);
				border-radius: 15px;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 auto 1rem;
				font-size: 1.5rem;
			}
			
			.benefit-box h4 {
				font-size: 1rem;
				margin-bottom: 0.5rem;
			}
			
			.benefit-box p {
				font-size: 0.85rem;
				opacity: 0.8;
			}
			
			/* Commitment Section */
			.commitment {
				padding: 5rem 10%;
				text-align: center;
				max-width: 900px;
				margin: 0 auto;
			}
			
			.commitment h2 {
				font-family: 'Playfair Display', serif;
				font-size: 2.2rem;
				margin-bottom: 1.5rem;
			}
			
			.commitment h2 span { color: var(--gold); }
			
			.commitment p {
				color: #666;
				line-height: 1.9;
				font-size: 1.1rem;
			}
			
			/* Footer */
			footer {
				background: var(--dark);
				color: white;
				padding: 4rem 5% 2rem;
			}
			
			.footer-grid {
				display: grid;
				grid-template-columns: 2fr 1fr 1fr 1.5fr;
				gap: 3rem;
				max-width: 1200px;
				margin: 0 auto 3rem;
			}
			
			.footer-brand .logo { color: white; margin-bottom: 1rem; }
			.footer-brand p { color: #888; font-size: 0.9rem; line-height: 1.7; }
			
			.footer-links h4 {
				color: var(--gold);
				font-size: 0.9rem;
				letter-spacing: 1px;
				margin-bottom: 1.5rem;
			}
			
			.footer-links ul { list-style: none; }
			.footer-links li { margin-bottom: 0.8rem; }
			
			.footer-links a {
				color: #888;
				text-decoration: none;
				font-size: 0.9rem;
				transition: color 0.3s;
			}
			
			.footer-links a:hover { color: var(--gold); }
			
			.footer-contact p {
				color: #888;
				font-size: 0.9rem;
				margin-bottom: 0.8rem;
				display: flex;
				align-items: center;
				gap: 0.5rem;
			}
			
			.footer-bottom {
				border-top: 1px solid #333;
				padding-top: 2rem;
				display: flex;
				justify-content: space-between;
				align-items: center;
				max-width: 1200px;
				margin: 0 auto;
			}
			
			.social-icons { display: flex; gap: 1rem; }
			.social-icons a { color: #888; font-size: 1.2rem; transition: color 0.3s; }
			.social-icons a:hover { color: var(--gold); }
			.footer-bottom p { color: #666; font-size: 0.85rem; }
			
			@media (max-width: 768px) {
				.nav-links { display: none; }
				.about-grid { grid-template-columns: 1fr; }
				.about-grid.reverse { direction: ltr; }
				.varieties-grid { grid-template-columns: 1fr; }
				.benefits-grid { grid-template-columns: repeat(2, 1fr); }
				.footer-grid { grid-template-columns: 1fr; }
			}
		

			* { margin: 0; padding: 0; box-sizing: border-box; }
			
			:root {
				--gold: #D4A853;
				--gold-dark: #B8923E;
				--dark: #1a1a1a;
				--olive-green: #4A6741;
				--cream: #F9F6F1;
				--light-gray: #f5f5f5;
			}
			
			body {
				font-family: 'Lato', sans-serif;
				color: var(--dark);
				line-height: 1.6;
			}
			
			/* Navigation */
			nav {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 1rem 5%;
				background: white;
				position: fixed;
				width: 100%;
				top: 0;
				z-index: 1000;
				box-shadow: 0 2px 10px rgba(0,0,0,0.05);
			}
			
			.logo {
				display: flex;
				align-items: center;
				gap: 10px;
				font-family: 'Playfair Display', serif;
				font-size: 1.5rem;
				font-weight: 600;
				text-decoration: none;
				color: var(--dark);
			}
			
			.logo-img {
				width: 45px;
				height: 45px;
				object-fit: contain;
			}
			
			.nav-links {
				display: flex;
				gap: 2.5rem;
				list-style: none;
			}
			
			.nav-links a {
				text-decoration: none;
				color: var(--dark);
				font-weight: 500;
				font-size: 0.9rem;
				letter-spacing: 0.5px;
				transition: color 0.3s;
			}
			
			.nav-links a:hover, .nav-links a.active { color: var(--gold); }
			
			.nav-right {
				display: flex;
				align-items: center;
				gap: 1.5rem;
			}
			
			.cart-icon { font-size: 1.2rem; cursor: pointer; }
			
			.btn-signin {
				background: var(--gold);
				color: white;
				padding: 0.6rem 1.5rem;
				border-radius: 25px;
				text-decoration: none;
				font-weight: 600;
				font-size: 0.85rem;
				transition: background 0.3s;
			}
			
			.btn-signin:hover { background: var(--gold-dark); }

			/* Page Header */
			.page-header {
				padding: 10rem 5% 5rem;
				background: linear-gradient(135deg, var(--cream), white);
				text-align: center;
			}
			
			.page-header h1 {
				font-family: 'Playfair Display', serif;
				font-size: 3rem;
				margin-bottom: 1rem;
			}
			
			.page-header h1 span { color: var(--gold); }
			
			.page-header p {
				font-size: 1.2rem;
				color: #666;
			}

			/* Contact Section */
			.contact-section {
				padding: 5rem 5%;
				max-width: 1200px;
				margin: 0 auto;
			}
			
			.contact-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 4rem;
			}
			
			/* Contact Info */
			.contact-info h2 {
				font-family: 'Playfair Display', serif;
				font-size: 2rem;
				margin-bottom: 2rem;
			}
			
			.contact-info h2 span { color: var(--gold); }
			
			.info-item {
				display: flex;
				align-items: flex-start;
				gap: 1.5rem;
				margin-bottom: 2rem;
				padding: 1.5rem;
				background: var(--light-gray);
				border-radius: 15px;
			}
			
			.info-icon {
				width: 50px;
				height: 50px;
				background: var(--gold);
				border-radius: 12px;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 1.5rem;
				flex-shrink: 0;
			}
			
			.info-content h4 {
				font-size: 1.1rem;
				margin-bottom: 0.3rem;
			}
			
			.info-content p {
				color: #666;
				font-size: 0.95rem;
			}
			
			.social-section {
				margin-top: 2rem;
			}
			
			.social-section h4 {
				font-size: 1.1rem;
				margin-bottom: 1rem;
			}
			
			.social-links {
				display: flex;
				gap: 1rem;
			}
			
			.social-links a {
				width: 45px;
				height: 45px;
				background: var(--dark);
				border-radius: 12px;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 1.2rem;
				transition: background 0.3s;
			}
			
			.social-links a:hover { background: var(--gold); }

			/* Contact Form */
			.contact-form {
				background: white;
				padding: 2.5rem;
				border-radius: 20px;
				box-shadow: 0 10px 40px rgba(0,0,0,0.08);
			}
			
			.contact-form h2 {
				font-family: 'Playfair Display', serif;
				font-size: 1.8rem;
				margin-bottom: 2rem;
			}
			
			.contact-form h2 span { color: var(--gold); }
			
			.form-group {
				margin-bottom: 1.5rem;
			}
			
			.form-group label {
				display: block;
				font-weight: 600;
				margin-bottom: 0.5rem;
				font-size: 0.9rem;
			}
			
			.form-group input,
			.form-group textarea {
				width: 100%;
				padding: 1rem;
				border: 2px solid #eee;
				border-radius: 10px;
				font-family: inherit;
				font-size: 1rem;
				transition: border-color 0.3s;
			}
			
			.form-group input:focus,
			.form-group textarea:focus {
				outline: none;
				border-color: var(--gold);
			}
			
			.form-group textarea {
				resize: vertical;
				min-height: 150px;
			}
			
			.btn-submit {
				background: var(--gold);
				color: white;
				padding: 1rem 2.5rem;
				border: none;
				border-radius: 30px;
				font-size: 1rem;
				font-weight: 600;
				cursor: pointer;
				transition: background 0.3s;
				width: 100%;
			}
			
			.btn-submit:hover { background: var(--gold-dark); }

			/* Map Section */
			.map-section {
				padding: 0 5% 5rem;
				max-width: 1200px;
				margin: 0 auto;
			}
			
			.map-container {
				border-radius: 20px;
				overflow: hidden;
				box-shadow: 0 10px 40px rgba(0,0,0,0.1);
			}
			
			.map-container iframe {
				width: 100%;
				height: 400px;
				border: none;
			}

			/* Footer */
			footer {
				background: var(--dark);
				color: white;
				padding: 4rem 5% 2rem;
			}
			
			.footer-grid {
				display: grid;
				grid-template-columns: 2fr 1fr 1fr 1.5fr;
				gap: 3rem;
				max-width: 1200px;
				margin: 0 auto 3rem;
			}
			
			.footer-brand .logo { color: white; margin-bottom: 1rem; }
			.footer-brand p { color: #888; font-size: 0.9rem; line-height: 1.7; }
			
			.footer-links h4 {
				color: var(--gold);
				font-size: 0.9rem;
				letter-spacing: 1px;
				margin-bottom: 1.5rem;
			}
			
			.footer-links ul { list-style: none; }
			.footer-links li { margin-bottom: 0.8rem; }
			
			.footer-links a {
				color: #888;
				text-decoration: none;
				font-size: 0.9rem;
				transition: color 0.3s;
			}
			
			.footer-links a:hover { color: var(--gold); }
			
			.footer-contact p {
				color: #888;
				font-size: 0.9rem;
				margin-bottom: 0.8rem;
				display: flex;
				align-items: center;
				gap: 0.5rem;
			}
			
			.footer-bottom {
				border-top: 1px solid #333;
				padding-top: 2rem;
				display: flex;
				justify-content: space-between;
				align-items: center;
				max-width: 1200px;
				margin: 0 auto;
			}
			
			.footer-bottom .social-icons { display: flex; gap: 1rem; }
			.footer-bottom .social-icons a { color: #888; font-size: 1.2rem; transition: color 0.3s; text-decoration: none; }
			.footer-bottom .social-icons a:hover { color: var(--gold); }
			.footer-bottom p { color: #666; font-size: 0.85rem; }

			@media (max-width: 768px) {
				.nav-links { display: none; }
				.contact-grid { grid-template-columns: 1fr; }
				.footer-grid { grid-template-columns: 1fr; }
			}
		

			* { margin: 0; padding: 0; box-sizing: border-box; }
			:root { --gold: #D4A853; --gold-dark: #B8923E; --dark: #1a1a1a; --olive: #4A6741; --cream: #F9F6F1; }
			body { font-family: 'Lato', sans-serif; color: var(--dark); line-height: 1.6; }
			nav { display: flex; justify-content: space-between; align-items: center; padding: 1rem 5%; background: white; position: fixed; width: 100%; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
			.logo { display: flex; align-items: center; gap: 10px; font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 600; text-decoration: none; color: var(--dark); }
			.logo-img { width: 45px; height: 45px; object-fit: contain; }
			.nav-links { display: flex; gap: 2.5rem; list-style: none; }
			.nav-links a { text-decoration: none; color: var(--dark); font-weight: 500; font-size: 0.9rem; transition: color 0.3s; }
			.nav-links a:hover, .nav-links a.active { color: var(--gold); }
			.nav-right { display: flex; align-items: center; gap: 1.5rem; }
			.btn-signin { background: var(--gold); color: white; padding: 0.6rem 1.5rem; border-radius: 25px; text-decoration: none; font-weight: 600; }
			.page-header { padding: 10rem 5% 5rem; background: linear-gradient(135deg, var(--cream), white); text-align: center; }
			.page-header h1 { font-family: 'Playfair Display', serif; font-size: 3rem; margin-bottom: 1rem; }
			.page-header h1 span { color: var(--gold); }
			.products-section { padding: 5rem 5%; background: #f5f5f5; }
			.products-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; max-width: 1200px; margin: 0 auto; }
			.product-card { background: white; border-radius: 25px; padding: 2.5rem; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,0.05); transition: transform 0.3s; }
			.product-card:hover { transform: translateY(-10px); }
			.product-name { font-family: 'Playfair Display', serif; font-size: 2rem; color: var(--gold); letter-spacing: 3px; margin-bottom: 0.5rem; }
			.product-size { color: #999; font-size: 0.9rem; margin-bottom: 2rem; }
			.product-image { height: 280px; display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; }
			.product-image img { max-height: 100%; filter: drop-shadow(0 15px 30px rgba(0,0,0,0.15)); }
			.product-features { display: flex; justify-content: center; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
			.feature-tag { background: var(--cream); padding: 0.5rem 1rem; border-radius: 20px; font-size: 0.75rem; color: var(--olive); font-weight: 600; }
			.product-price { font-size: 2.2rem; font-weight: 700; margin-bottom: 1.5rem; }
			.product-buttons { display: flex; gap: 1rem; justify-content: center; }
			.btn-cart { background: var(--gold); color: white; padding: 1rem 2rem; border-radius: 30px; border: none; font-weight: 600; cursor: pointer; flex: 1; }
			.btn-discover { background: transparent; color: var(--dark); padding: 1rem 2rem; border-radius: 30px; border: 2px solid #ddd; font-weight: 600; cursor: pointer; flex: 1; }
			footer { background: var(--dark); color: white; padding: 4rem 5% 2rem; }
			.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 3rem; max-width: 1200px; margin: 0 auto 3rem; }
			.footer-brand .logo { color: white; margin-bottom: 1rem; }
			.footer-brand p { color: #888; font-size: 0.9rem; }
			.footer-links h4 { color: var(--gold); margin-bottom: 1.5rem; }
			.footer-links ul { list-style: none; }
			.footer-links li { margin-bottom: 0.8rem; }
			.footer-links a { color: #888; text-decoration: none; }
			.footer-bottom { border-top: 1px solid #333; padding-top: 2rem; display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; }
			.footer-bottom p { color: #666; }
			@media (max-width: 768px) { .nav-links { display: none; } .products-grid, .footer-grid { grid-template-columns: 1fr; } }
		

			* { margin: 0; padding: 0; box-sizing: border-box; }
			:root { --gold: #D4A853; --gold-dark: #B8923E; --dark: #1a1a1a; --olive: #4A6741; --cream: #F9F6F1; --blue: #2c3e50; }
			body { font-family: 'Lato', sans-serif; color: var(--dark); line-height: 1.7; }
			
			/* Navigation */
			nav { display: flex; justify-content: space-between; align-items: center; padding: 1rem 5%; background: white; position: fixed; width: 100%; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
			.logo { display: flex; align-items: center; gap: 10px; font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 600; text-decoration: none; color: var(--dark); }
			.logo-img { width: 45px; height: 45px; object-fit: contain; }
			.nav-links { display: flex; gap: 2.5rem; list-style: none; }
			.nav-links a { text-decoration: none; color: var(--dark); font-weight: 500; font-size: 0.9rem; transition: color 0.3s; }
			.nav-links a:hover, .nav-links a.active { color: var(--gold); }
			.nav-right { display: flex; align-items: center; gap: 1.5rem; }
			.btn-signin { background: var(--gold); color: white; padding: 0.6rem 1.5rem; border-radius: 25px; text-decoration: none; font-weight: 600; }
			
			/* Hero Section */
			.catalogue-hero {
				padding: 10rem 5% 6rem;
				background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../assets/photo-1636558253781-70496afe5818') center/cover;
				text-align: center;
				color: white;
			}
			.catalogue-hero h1 {
				font-family: 'Playfair Display', serif;
				font-size: 3.5rem;
				font-weight: 400;
				font-style: italic;
				margin-bottom: 1rem;
			}
			.catalogue-hero h1 span { color: var(--gold); font-style: italic; }
			.catalogue-hero p { font-size: 1.2rem; opacity: 0.9; }
			
			/* Intro Section */
			.intro-section {
				padding: 4rem 10%;
				text-align: center;
				max-width: 1000px;
				margin: 0 auto;
			}
			.intro-section p { color: #555; font-size: 1.1rem; line-height: 1.9; }
			
			/* Harvest Seasons */
			.harvest-section {
				padding: 4rem 5%;
				background: white;
			}
			.harvest-section h2 {
				font-family: 'Playfair Display', serif;
				font-size: 2.5rem;
				text-align: center;
				margin-bottom: 3rem;
			}
			.harvest-section h2 span { color: var(--gold); }
			.harvest-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 3rem;
				max-width: 1000px;
				margin: 0 auto;
			}
			.harvest-card {
				display: grid;
				grid-template-columns: 200px 1fr;
				gap: 1.5rem;
				align-items: start;
			}
			.harvest-image {
				width: 200px;
				height: 150px;
				border-radius: 15px;
				overflow: hidden;
			}
			.harvest-image img { width: 100%; height: 100%; object-fit: cover; }
			.harvest-content h3 {
				font-family: 'Playfair Display', serif;
				font-size: 1.5rem;
				margin-bottom: 0.5rem;
			}
			.harvest-content h3 .icon { margin-right: 0.5rem; }
			.harvest-content .early { color: var(--olive); }
			.harvest-content .late { color: var(--gold); }
			.harvest-content .period {
				font-size: 0.9rem;
				color: #888;
				margin-bottom: 1rem;
			}
			.harvest-content p { color: #555; font-size: 0.95rem; }
			
			/* Products Section */
			.products-section {
				padding: 5rem 5%;
				background: linear-gradient(135deg, #f8f9ff, #fff);
			}
			.products-section h2 {
				font-family: 'Playfair Display', serif;
				font-size: 2.5rem;
				text-align: center;
				margin-bottom: 4rem;
			}
			.products-section h2 span { color: var(--gold); }
			
			.product-detail-card {
				display: grid;
				grid-template-columns: 350px 1fr;
				gap: 3rem;
				max-width: 1000px;
				margin: 0 auto 4rem;
				align-items: center;
				padding: 2rem;
				background: white;
				border-radius: 20px;
				box-shadow: 0 5px 30px rgba(0,0,0,0.05);
				border-top: 4px solid var(--blue);
			}
			.product-detail-card:nth-child(even) {
				direction: rtl;
				border-top-color: var(--olive);
			}
			.product-detail-card:nth-child(even) > * { direction: ltr; }
			.product-detail-card:nth-child(3) { border-top-color: #c45c26; }
			
			.product-detail-image img {
				width: 100%;
				border-radius: 15px;
				box-shadow: 0 10px 30px rgba(0,0,0,0.1);
			}
			.product-detail-content h3 {
				font-family: 'Playfair Display', serif;
				font-size: 2.2rem;
				color: var(--dark);
				margin-bottom: 1rem;
			}
			.product-specs {
				display: flex;
				gap: 1rem;
				margin-bottom: 1.5rem;
				flex-wrap: wrap;
			}
			.spec-badge {
				padding: 0.5rem 1.2rem;
				border-radius: 25px;
				font-size: 0.85rem;
				font-weight: 600;
			}
			.spec-badge.size { background: #eee; color: #555; }
			.spec-badge.price { background: var(--gold); color: white; }
			.spec-details {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1rem;
				margin-bottom: 1.5rem;
			}
			.spec-item label { display: block; font-size: 0.8rem; color: #888; margin-bottom: 0.3rem; }
			.spec-item span { font-size: 1.1rem; font-weight: 600; color: var(--olive); }
			.product-detail-content > p { color: #555; margin-bottom: 1.5rem; }
			.perfect-for {
				background: var(--cream);
				padding: 1rem 1.5rem;
				border-radius: 10px;
			}
			.perfect-for h4 { font-size: 0.9rem; margin-bottom: 0.5rem; color: var(--dark); }
			.perfect-for p { font-size: 0.9rem; color: #666; margin: 0; }
			
			/* Process Section */
			.process-section {
				padding: 5rem 5%;
				background: var(--blue);
				color: white;
			}
			.process-section h2 {
				font-family: 'Playfair Display', serif;
				font-size: 2.5rem;
				text-align: center;
				margin-bottom: 3rem;
			}
			.process-section h2 span { color: var(--gold); }
			.process-grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 2rem;
				max-width: 900px;
				margin: 0 auto;
			}
			.process-step {
				text-align: center;
				padding: 2rem;
			}
			.process-icon {
				width: 80px;
				height: 80px;
				background: rgba(255,255,255,0.1);
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 auto 1.5rem;
				font-size: 2rem;
			}
			.process-step h4 { font-size: 1.1rem; margin-bottom: 0.5rem; }
			.process-step p { font-size: 0.9rem; opacity: 0.8; }
			
			/* Quality Standards */
			.quality-section {
				padding: 5rem 5%;
				background: white;
			}
			.quality-section h2 {
				font-family: 'Playfair Display', serif;
				font-size: 2.5rem;
				text-align: center;
				margin-bottom: 3rem;
			}
			.quality-section h2 span { color: var(--gold); }
			.quality-grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 2rem;
				max-width: 900px;
				margin: 0 auto;
			}
			.quality-card {
				text-align: center;
				padding: 2rem;
				background: var(--cream);
				border-radius: 15px;
			}
			.quality-icon { font-size: 2.5rem; margin-bottom: 1rem; }
			.quality-card h4 { font-size: 1.1rem; margin-bottom: 0.5rem; color: var(--dark); }
			.quality-card p { font-size: 0.9rem; color: #666; }
			
			/* Health Benefits */
			.health-section {
				padding: 5rem 5%;
				background: linear-gradient(135deg, var(--olive), #3a5534);
				color: white;
			}
			.health-section h2 {
				font-family: 'Playfair Display', serif;
				font-size: 2.5rem;
				text-align: center;
				margin-bottom: 3rem;
			}
			.health-section h2 span { color: var(--gold); }
			.health-grid {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 2rem;
				max-width: 1000px;
				margin: 0 auto;
			}
			.health-card {
				text-align: center;
				padding: 1.5rem;
			}
			.health-icon {
				width: 60px;
				height: 60px;
				background: var(--gold);
				border-radius: 15px;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 auto 1rem;
				font-size: 1.5rem;
			}
			.health-card h4 { font-size: 1rem; margin-bottom: 0.5rem; }
			.health-card p { font-size: 0.85rem; opacity: 0.85; }
			
			/* Tips Section */
			.tips-section {
				padding: 5rem 5%;
				background: #f5f5f5;
			}
			.tips-section h2 {
				font-family: 'Playfair Display', serif;
				font-size: 2.5rem;
				text-align: center;
				margin-bottom: 3rem;
			}
			.tips-section h2 span { color: var(--gold); }
			.tips-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 2rem;
				max-width: 800px;
				margin: 0 auto;
			}
			.tip-card {
				background: white;
				padding: 2rem;
				border-radius: 15px;
				box-shadow: 0 5px 20px rgba(0,0,0,0.05);
			}
			.tip-card h4 { color: var(--gold); font-size: 1.2rem; margin-bottom: 1rem; }
			.tip-card p { color: #555; font-size: 0.95rem; }
			
			/* Footer */
			footer { background: var(--dark); color: white; padding: 4rem 5% 2rem; }
			.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 3rem; max-width: 1200px; margin: 0 auto 3rem; }
			.footer-brand .logo { color: white; margin-bottom: 1rem; }
			.footer-brand p { color: #888; font-size: 0.9rem; }
			.footer-links h4 { color: var(--gold); margin-bottom: 1.5rem; }
			.footer-links ul { list-style: none; }
			.footer-links li { margin-bottom: 0.8rem; }
			.footer-links a { color: #888; text-decoration: none; }
			.footer-bottom { border-top: 1px solid #333; padding-top: 2rem; display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; }
			.footer-bottom p { color: #666; }
			
			@media (max-width: 768px) {
				.nav-links { display: none; }
				.harvest-grid, .harvest-card, .product-detail-card, .process-grid, .quality-grid, .health-grid, .tips-grid, .footer-grid { grid-template-columns: 1fr; }
				.product-detail-card:nth-child(even) { direction: ltr; }
			}
		



		/* =============================================
		   CART ICON BADGE
		   ============================================= */
		.cart-icon {
			position: relative;
			cursor: pointer;
			font-size: 1.4rem;
			line-height: 1;
			display: inline-block;
		}
		#cart-badge {
			position: absolute;
			top: -8px;
			right: -8px;
			background: #c0392b;
			color: white;
			font-size: 11px;
			font-weight: 700;
			width: 18px;
			height: 18px;
			border-radius: 50%;
			display: none;
			align-items: center;
			justify-content: center;
			pointer-events: none;
		}

		/* =============================================
		   TOAST NOTIFICATION
		   ============================================= */
		#mt-toast {
			position: fixed;
			bottom: 2rem;
			left: 50%;
			transform: translateX(-50%) translateY(20px);
			background: var(--olive-green);
			color: white;
			padding: 0.85rem 1.8rem;
			border-radius: 50px;
			font-size: 0.95rem;
			font-weight: 500;
			letter-spacing: 0.02em;
			box-shadow: 0 8px 30px rgba(0,0,0,0.2);
			opacity: 0;
			transition: opacity 0.3s ease, transform 0.3s ease;
			z-index: 9999;
			pointer-events: none;
			white-space: nowrap;
		}
		#mt-toast.show {
			opacity: 1;
			transform: translateX(-50%) translateY(0);
		}

		/* =============================================
		   PRODUCT POPUP / MODAL
		   ============================================= */
		#mt-popup-overlay {
			position: fixed;
			inset: 0;
			background: rgba(0,0,0,0.6);
			backdrop-filter: blur(4px);
			z-index: 5000;
			display: flex;
			align-items: center;
			justify-content: center;
			opacity: 0;
			pointer-events: none;
			transition: opacity 0.3s ease;
			padding: 1rem;
		}
		#mt-popup-overlay.active {
			opacity: 1;
			pointer-events: all;
		}
		.mt-popup {
			background: white;
			border-radius: 20px;
			width: min(560px, 96vw);
			max-height: 92vh;
			overflow-y: auto;
			box-shadow: 0 30px 100px rgba(0,0,0,0.3);
			position: relative;
			transform: scale(0.94) translateY(20px);
			transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1), opacity 0.3s ease;
			opacity: 0;
		}
		#mt-popup-overlay.active .mt-popup {
			transform: scale(1) translateY(0);
			opacity: 1;
		}
		.mt-popup-close {
			position: absolute;
			top: 1rem;
			right: 1rem;
			background: rgba(0,0,0,0.08);
			border: none;
			width: 32px;
			height: 32px;
			border-radius: 50%;
			font-size: 1rem;
			cursor: pointer;
			color: #555;
			z-index: 10;
			transition: background 0.2s, color 0.2s;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.mt-popup-close:hover { background: rgba(0,0,0,0.15); color: var(--dark); }

		/* ÜST BÖLÜM: görsel + spec kartları */
		.mt-popup-top {
			background: linear-gradient(135deg, #f5f3ef 0%, #ede8df 100%);
			border-radius: 20px 20px 0 0;
			padding: 2rem 1.8rem 1.5rem;
			display: flex;
			align-items: center;
			gap: 1.5rem;
		}
		.mt-popup-img-wrap {
			flex: 0 0 140px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.mt-popup-bottle {
			width: 120px;
			height: 200px;
			object-fit: contain;
			filter: drop-shadow(0 12px 30px rgba(0,0,0,0.18));
			transition: transform 0.3s ease;
		}
		.mt-popup-bottle:hover { transform: scale(1.04) translateY(-4px); }
		.mt-popup-specs-col {
			flex: 1;
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 0.6rem;
		}
		.mt-spec-card {
			background: white;
			border-radius: 12px;
			padding: 0.75rem 0.9rem;
			text-align: center;
			box-shadow: 0 2px 12px rgba(0,0,0,0.06);
			display: flex;
			flex-direction: column;
			gap: 0.2rem;
		}
		.mt-spec-card-icon { font-size: 1.1rem; }
		.mt-spec-card-label {
			font-size: 0.65rem;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.07em;
			color: var(--gold);
		}
		.mt-spec-card-val {
			font-size: 0.92rem;
			font-weight: 700;
			color: var(--dark);
		}
		.mt-spec-price .mt-spec-card-val {
			color: var(--olive-green);
			font-size: 1rem;
		}

		/* ORTA BÖLÜM: başlık + badge'ler */
		.mt-popup-mid {
			padding: 1.3rem 1.8rem 1rem;
			border-bottom: 1px solid #f0ede7;
		}
		.mt-popup-title-row { margin-bottom: 0.9rem; }
		.mt-popup-name {
			font-family: 'Playfair Display', serif;
			font-size: 1.7rem;
			color: var(--dark);
			letter-spacing: 0.04em;
			margin: 0 0 0.2rem;
		}
		.mt-popup-tagline {
			color: var(--gold);
			font-size: 0.8rem;
			font-weight: 600;
			letter-spacing: 0.08em;
			text-transform: uppercase;
		}
		.mt-popup-badges {
			display: flex;
			gap: 0.4rem;
			flex-wrap: wrap;
		}
		.mt-badge {
			padding: 0.3rem 0.75rem;
			border-radius: 50px;
			font-size: 0.72rem;
			font-weight: 600;
			letter-spacing: 0.03em;
		}
		.mt-badge-green  { background: #e8f5e2; color: #3a7a2e; }
		.mt-badge-gold   { background: #fdf3e0; color: #a07820; }
		.mt-badge-olive  { background: #e8ede5; color: var(--olive-green); }
		.mt-badge-dark   { background: #e8e8e8; color: #333; }

		/* ALT BÖLÜM: açıklama + pairings + butonlar */
		.mt-popup-bottom {
			padding: 1.2rem 1.8rem 1.8rem;
			display: flex;
			flex-direction: column;
			gap: 1rem;
		}
		.mt-popup-section-title {
			font-size: 0.75rem;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.08em;
			color: var(--gold);
			margin-bottom: 0.35rem;
		}
		.mt-popup-desc {
			color: #555;
			font-size: 0.9rem;
			line-height: 1.65;
			margin: 0;
		}
		.mt-popup-pairings-text {
			color: #555;
			font-size: 0.88rem;
			line-height: 1.6;
			margin: 0;
			padding: 0.7rem 1rem;
			background: #f8f5f0;
			border-radius: 10px;
			border-left: 3px solid var(--gold);
		}
		.mt-popup-btns {
			display: flex;
			gap: 0.75rem;
			margin-top: 0.3rem;
		}
		.mt-popup-cart-btn {
			flex: 1;
			background: white;
			color: var(--olive-green);
			border: 2px solid var(--olive-green);
			padding: 0.85rem 1rem;
			border-radius: 50px;
			font-size: 0.82rem;
			font-weight: 700;
			letter-spacing: 0.07em;
			cursor: pointer;
			transition: background 0.22s, color 0.22s, transform 0.15s;
		}
		.mt-popup-cart-btn:hover {
			background: var(--olive-green);
			color: white;
			transform: translateY(-2px);
		}
		.mt-popup-buy-btn {
			flex: 1;
			background: var(--gold);
			color: white;
			border: 2px solid var(--gold);
			padding: 0.85rem 1rem;
			border-radius: 50px;
			font-size: 0.82rem;
			font-weight: 700;
			letter-spacing: 0.07em;
			cursor: pointer;
			transition: background 0.22s, transform 0.15s;
		}
		.mt-popup-buy-btn:hover {
			background: var(--gold-dark);
			border-color: var(--gold-dark);
			transform: translateY(-2px);
		}

		/* Responsive popup */
		@media (max-width: 480px) {
			.mt-popup-top { flex-direction: column; align-items: center; }
			.mt-popup-img-wrap { flex: none; }
			.mt-popup-specs-col { width: 100%; grid-template-columns: 1fr 1fr; }
			.mt-popup-btns { flex-direction: column; }
		}

		/* =============================================
		   CART SIDE PANEL
		   ============================================= */
		#mt-cart-overlay {
			position: fixed;
			inset: 0;
			background: rgba(0,0,0,0.4);
			z-index: 6000;
			opacity: 0;
			pointer-events: none;
			transition: opacity 0.3s ease;
		}
		#mt-cart-overlay.open {
			opacity: 1;
			pointer-events: all;
		}
		#mt-cart-panel {
			position: fixed;
			top: 0;
			right: -440px;
			width: 420px;
			max-width: 100vw;
			height: 100vh;
			background: white;
			z-index: 6100;
			display: flex;
			flex-direction: column;
			box-shadow: -10px 0 50px rgba(0,0,0,0.15);
			transition: right 0.35s cubic-bezier(0.4,0,0.2,1);
		}
		#mt-cart-panel.open { right: 0; }
		.mt-cart-header {
			padding: 1.5rem 1.5rem 1rem;
			border-bottom: 1px solid #eee;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.mt-cart-header h3 {
			font-family: 'Playfair Display', serif;
			font-size: 1.3rem;
			color: var(--dark);
			margin: 0;
		}
		.mt-cart-header button {
			background: none;
			border: none;
			font-size: 1.6rem;
			cursor: pointer;
			color: #888;
			line-height: 1;
			transition: color 0.2s;
		}
		.mt-cart-header button:hover { color: var(--dark); }
		#mt-cart-items {
			flex: 1;
			overflow-y: auto;
			padding: 1rem 1.5rem;
		}
		.mt-cart-empty {
			text-align: center;
			color: #aaa;
			padding: 3rem 0;
			font-size: 1rem;
		}
		.mt-cart-item {
			display: flex;
			align-items: center;
			gap: 0.9rem;
			padding: 0.9rem 0;
			border-bottom: 1px solid #f0f0f0;
		}
		.mt-cart-item img {
			width: 54px;
			height: 64px;
			object-fit: contain;
			flex-shrink: 0;
		}
		.mt-cart-item-info {
			flex: 1;
			min-width: 0;
		}
		.mt-cart-item-name {
			font-weight: 600;
			font-size: 0.9rem;
			color: var(--dark);
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.mt-cart-item-price {
			font-size: 0.82rem;
			color: var(--gold);
			font-weight: 600;
			margin-top: 0.15rem;
		}
		.mt-cart-item-actions {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 0.3rem;
			flex-shrink: 0;
		}
		.mt-cart-qty-row {
			display: flex;
			align-items: center;
			gap: 0.3rem;
		}
		.mt-cart-item-actions button {
			width: 26px;
			height: 26px;
			border: 1px solid #ddd;
			background: white;
			border-radius: 50%;
			cursor: pointer;
			font-size: 1rem;
			line-height: 1;
			transition: background 0.2s;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0;
		}
		.mt-cart-item-actions button:hover { background: var(--cream); }
		.mt-cart-qty-row span {
			font-weight: 700;
			min-width: 22px;
			text-align: center;
			font-size: 0.95rem;
		}
		.mt-remove-btn {
			background: none !important;
			border: none !important;
			font-size: 1rem !important;
			cursor: pointer;
			color: #ccc !important;
			transition: color 0.2s;
			width: auto !important;
			height: auto !important;
			border-radius: 0 !important;
			padding: 0 !important;
		}
		.mt-remove-btn:hover { color: #e55 !important; background: none !important; }
		#mt-cart-footer {
			padding: 1.2rem 1.5rem;
			border-top: 1px solid #eee;
		}
		.mt-cart-total {
			display: flex;
			justify-content: space-between;
			font-size: 1.05rem;
			font-weight: 700;
			color: var(--dark);
			margin-bottom: 1rem;
		}
		.mt-cart-total strong { color: var(--gold); }
		.mt-cart-checkout {
			display: block;
			width: 100%;
			background: var(--olive-green);
			color: white;
			border: none;
			padding: 1rem;
			border-radius: 50px;
			font-size: 0.9rem;
			font-weight: 700;
			letter-spacing: 0.08em;
			cursor: pointer;
			transition: background 0.25s;
			text-align: center;
			text-decoration: none;
			box-sizing: border-box;
		}
		.mt-cart-checkout:hover { background: var(--gold); color: white; }
		.mt-cart-checkout-multi {
			margin-top: 0.45rem;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 0.5rem;
			font-size: 0.8rem;
			letter-spacing: 0.03em;
			padding: 0.75rem 1.1rem;
			flex-wrap: nowrap;
		}
		.mt-cart-checkout-multi:first-of-type {
			margin-top: 0.6rem;
		}
		.mt-checkout-price {
			background: rgba(255,255,255,0.25);
			border-radius: 20px;
			padding: 0.2rem 0.65rem;
			font-size: 0.8rem;
			font-weight: 700;
			white-space: nowrap;
			flex-shrink: 0;
		}
		.mt-cart-multi-note {
			font-size: 0.76rem;
			color: #999;
			margin: 0.6rem 0 0.2rem;
			text-align: center;
			line-height: 1.4;
		}


		/* =============================================
		   RESPONSIVE — POPUP & CART
		   ============================================= */
		@media (max-width: 640px) {
			.mt-popup-inner {
				grid-template-columns: 1fr;
			}
			.mt-popup-img { border-radius: 20px 20px 0 0; padding: 2rem; }
			.mt-popup-img img { max-height: 220px; }
			.mt-popup-info { padding: 1.5rem; }
			#mt-cart-panel { width: 100vw; right: -100vw; }
		}