/* =====================================================================
   Đồng Thành Công Pro - responsive.css (đa thiết bị)
   Breakpoints: 1200 / 1024 / 768 / 600 / 480 / 380
   ===================================================================== */

/* ---- Desktop nhỏ ---- */
@media (max-width: 1200px) {
	.dtc-container { padding-left: 20px; padding-right: 20px; }
}

/* ---- Tablet ngang ---- */
@media (max-width: 1024px) {
	.dtc-features-grid { grid-template-columns: repeat(2, 1fr); }
	.dtc-cat-grid { grid-template-columns: repeat(2, 1fr); }
	.dtc-card-grid { grid-template-columns: repeat(2, 1fr); }
	.dtc-product-grid { grid-template-columns: repeat(3, 1fr); }
	.dtc-cat-section .dtc-product-grid { grid-template-columns: repeat(3, 1fr); }
	.dtc-main-layout { grid-template-columns: 1fr; }
	.dtc-footer-top { grid-template-columns: repeat(2, 1fr); }
	.dtc-footer-widgets { grid-template-columns: repeat(2, 1fr); }
	.dtc-product-top { grid-template-columns: 1fr 1fr; }
}

/* ---- Tablet dọc / mobile lớn ---- */
@media (max-width: 782px) {
	.dtc-topbar-text { display: none; }
	.dtc-topbar-inner { justify-content: center; }

	.dtc-header-inner { flex-wrap: wrap; gap: 12px; }
	.dtc-branding { flex: 1; }
	.dtc-header-search { order: 3; flex-basis: 100%; max-width: 100%; }
	.dtc-header-actions { margin-left: auto; gap: 14px; }
	.dtc-hotline small { display: none; }
	.dtc-hotline strong { font-size: 15px; }
	.dtc-hotline i { font-size: 22px; }
	.dtc-menu-toggle { display: flex; }

	/* Mobile nav */
	.dtc-nav .dtc-menu { display: none; flex-direction: column; }
	.dtc-nav.is-open .dtc-menu { display: flex; }
	.dtc-menu > li { width: 100%; display: flex; flex-wrap: wrap; align-items: stretch; border-bottom: 1px solid rgba(255,255,255,.15); }
	.dtc-menu > li > a { flex: 1 1 auto; border-bottom: 0; text-transform: none; }
	.dtc-sub-menu {
		position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none;
		display: none; border-top: 0; background: rgba(0,0,0,.14); min-width: 0;
		flex-basis: 100%; width: 100%;
	}
	.dtc-sub-menu li a { color: #eafdea; border-bottom: 1px solid rgba(255,255,255,.1); }
	.dtc-menu li.is-expanded > .dtc-sub-menu { display: block; }

	/* Nút mũi tên: bấm được trên mobile, tách khỏi link cha */
	.dtc-submenu-toggle { pointer-events: auto; color: #fff; padding: 0 20px; font-size: 16px; }
	.dtc-sub-menu .dtc-submenu-toggle { color: #eafdea; }

	.dtc-section { padding: 36px 0; }
	.dtc-section-title { font-size: 23px; }

	/* Section danh mục: tiêu đề + "xem tất cả" xuống dòng gọn */
	.dtc-cat-section-head { flex-wrap: wrap; gap: 6px; }

	/* Lưới */
	.dtc-features-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
	.dtc-cat-grid { grid-template-columns: repeat(2, 1fr); }
	.dtc-card-grid { grid-template-columns: 1fr; }
	.dtc-product-grid,
	.dtc-cat-section .dtc-product-grid { grid-template-columns: repeat(2, 1fr); }

	/* Trang sản phẩm: gallery xuống trên, tóm tắt dưới */
	.dtc-product-top { grid-template-columns: 1fr; gap: 22px; }
	.dtc-product-title { font-size: 24px; }
	.dtc-price-now { font-size: 26px; }

	.dtc-footer-top { grid-template-columns: 1fr; gap: 26px; padding: 32px 16px; }
	.dtc-footer-widgets { grid-template-columns: 1fr; }

	.dtc-slide-title { font-size: 24px; }
}

/* ---- Mobile ---- */
@media (max-width: 600px) {
	.dtc-cat-grid { grid-template-columns: 1fr; }
	.dtc-gallery-thumb { width: 60px; height: 60px; }
}

/* ---- Mobile nhỏ ---- */
@media (max-width: 480px) {
	.dtc-features-grid { grid-template-columns: 1fr; }
	.dtc-hotline { gap: 6px; }
	.dtc-hotline strong { font-size: 14px; }
	.dtc-404-code { font-size: 80px; }
	.dtc-section-title { font-size: 21px; }
	.dtc-btn { padding: 11px 22px; }
	.dtc-logo-img, .dtc-branding img { max-height: 46px; }
}

/* ---- Cực nhỏ ---- */
@media (max-width: 380px) {
	.dtc-product-grid,
	.dtc-cat-section .dtc-product-grid { grid-template-columns: 1fr; }
	.dtc-container { padding-left: 14px; padding-right: 14px; }
}