/* ==========================================================================
   Electro Daraz — Responsive Rules
   Breakpoints: 1200 (laptop) / 992 (tablet landscape) / 768 (tablet) / 480 (mobile)
   ========================================================================== */

html, body { overflow-x: hidden; max-width: 100%; }
img, video, iframe { max-width: 100%; height: auto; }

/* ---------- Laptop ≤1200px ---------- */
@media (max-width: 1200px) {
	.ed-product-grid, ul.products { grid-template-columns: repeat(3, 1fr); }
	.ed-category-icons { grid-template-columns: repeat(5, 1fr); }
	.ed-footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.3fr; }
	.ed-footer-grid .ed-footer-col:nth-child(4) { display: none; } /* My Account column folds into menu on smaller screens if needed */
}

/* ---------- Tablet landscape ≤992px ---------- */
@media (max-width: 992px) {
	.ed-header-top { display: none; }
	.ed-primary-nav { display: none; }
	.ed-header-nav-offer { display: none; }
	.ed-mobile-toggle { display: flex; order: -1; }
	.ed-logo { margin-right: auto; }
	.ed-search-wrap { order: 3; flex-basis: 100%; margin-top: 10px; }
	.ed-header-main-inner { flex-wrap: wrap; }
	.ed-icon-label { display: none; }

	.ed-product-grid, ul.products { grid-template-columns: repeat(3, 1fr); gap: 14px; }
	.ed-category-icons { grid-template-columns: repeat(4, 1fr); }
	.ed-hero-slider { height: 320px; }
	.ed-hero-slide-content h2 { font-size: 30px; }

	.ed-footer-grid { grid-template-columns: 1fr 1fr; gap: 26px 20px; }
	.ed-footer-top { padding: 34px 0 20px; }
	.ed-reviews-grid { grid-template-columns: repeat(2, 1fr); }
	.ed-promo-banners-grid { grid-template-columns: 1fr; }

	.woocommerce div.product .images,
	.woocommerce div.product .summary { width: 100%; float: none; }
	.woocommerce div.product { display: flex; flex-direction: column; }
}

/* ---------- Tablet ≤768px ---------- */
@media (max-width: 768px) {
	.ed-section { padding: 32px 0; }
	.ed-section-title { font-size: 21px; }

	.ed-product-grid, ul.products { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	ul.products li.product img { height: 150px; }
	.ed-category-icons { grid-template-columns: repeat(3, 1fr); }

	.ed-hero-slider { height: 260px; }
	.ed-hero-slide-content { max-width: 90%; padding: 0 10px; }
	.ed-hero-slide-content h2 { font-size: 22px; }
	.ed-hero-slide-content p { font-size: 14px; margin-bottom: 14px; }
	.ed-hero-nav { width: 32px; height: 32px; }

	.ed-footer-grid { grid-template-columns: 1fr; gap: 18px; text-align: left; }
	.ed-footer-top { padding: 26px 0 14px; }
	.ed-footer-col ul li, .ed-footer-menu li { margin-bottom: 6px; }
	.footer-widget-title, .ed-footer-col h4 { margin: 0 0 10px; font-size: 15px; }
	.ed-footer-bottom { padding: 14px 0; }
	.ed-footer-bottom-inner { flex-direction: column; gap: 10px; text-align: center; }
	.ed-reviews-grid { grid-template-columns: 1fr; }

	.woocommerce table.shop_table thead { display: none; }
	.woocommerce table.shop_table tr { display: flex; flex-wrap: wrap; border-top: 1px solid var(--ed-border); padding: 10px 0; }
	.woocommerce table.shop_table td { border: none; padding: 6px 8px; flex: 1 1 100%; }

	.ed-checkout-progress { gap: 20px; }
	.ed-checkout-trust { flex-wrap: wrap; gap: 12px; }

	.ed-sticky-atc-inner { flex-direction: column; align-items: stretch; gap: 10px; }

	.ed-posts-grid { grid-template-columns: 1fr; }
}

/* ---------- Mobile ≤480px ---------- */
@media (max-width: 480px) {
	.ed-container { padding: 0 14px; }

	.ed-announcement-bar .ed-container { font-size: 12px; }

	.ed-logo-text { font-size: 19px; }
	.ed-logo img { max-height: 36px; }

	.ed-header-icons { gap: 12px; }
	.ed-header-icons .ed-icon-link svg { width: 20px; height: 20px; }

	.ed-product-grid, ul.products { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	ul.products li.product { padding: 10px; }
	ul.products li.product img { height: 120px; }
	ul.products li.product .woocommerce-loop-product__title { font-size: 12.5px; }
	ul.products li.product .price { font-size: 13px; }

	.ed-category-icons { grid-template-columns: repeat(3, 1fr); gap: 10px; }
	.ed-category-icon-card { padding: 12px 6px; }
	.ed-category-icon-img { width: 40px; height: 40px; font-size: 20px; }
	.ed-category-icon-label { font-size: 11px; }

	.ed-hero-slider { height: 200px; }
	.ed-hero-slide-content h2 { font-size: 18px; }
	.ed-hero-slide-content p { display: none; }
	.ed-btn { padding: 9px 18px; font-size: 13px; }

	.ed-brands-slider { gap: 10px; }
	.ed-brand-logo { flex-basis: 120px; height: 60px; }

	.ed-newsletter-form { flex-direction: column; gap: 10px; }
	.ed-newsletter-form input, .ed-newsletter-form button { border-radius: 8px; width: 100%; }

	.ed-quick-view-inner { grid-template-columns: 1fr; }

	.woocommerce div.product .product_title { font-size: 20px; }
	.woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 19px; }
	.woocommerce div.product form.cart { flex-direction: column; align-items: stretch; }
	.woocommerce div.product form.cart .button { width: 100%; }

	.ed-whatsapp-btn, .ed-back-to-top { width: 44px; height: 44px; bottom: 16px; }
	.ed-whatsapp-btn { left: 16px; }
	.ed-back-to-top { right: 16px; }

	.ed-mobile-menu { width: 85%; left: -100%; }
}