/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
	.collections-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.2rem;
	}
	.products-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.2rem;
	}
	.collections-section .collections-sub {
		font-size: 1.1rem;
	}
	.latest-products .section-sub {
		font-size: 1.1rem;
	}
	.article-section .article-grid {
		gap: 2rem;
	}
	.article-section .article-item .article-title {
		font-size: 1.5rem;
	}
	.article-section .article-item .article-text {
		font-size: 0.95rem;
	}
	.article-section .article-section-sub {
		font-size: 1.1rem;
	}
	.mini-cart {
		width: 320px;
		max-width: 50vw;
	}
}

@media (max-width: 768px) {
	.nav-links-custom {
		display: none !important;
	}
	.hamburger-btn {
		display: block !important;
	}

	.fixed-header {
		padding: 0.8rem 1.2rem;
	}
	.fixed-header.scrolled {
		padding: 0.5rem 1.2rem;
	}
	.brand-numu {
		font-size: 1.4rem;
	}
	.header-icons {
		gap: 0.8rem;
		font-size: 1.1rem;
	}
	.cart-badge {
		min-width: 18px;
		height: 18px;
		top: -8px;
		right: -10px;
	}
	.cart-badge .count {
		font-size: 9px;
	}
	.cart-wrapper i {
		font-size: 1.2rem;
	}
	.slide-content {
		left: 5%;
		max-width: 90%;
	}
	.slide-content h1 {
		font-size: 2.2rem;
	}
	.slide-content p {
		font-size: 0.95rem;
	}

	.description-section {
		padding: 3rem 1.2rem;
	}
	.description-section .desc-title {
		font-size: 1.5rem;
	}
	.description-section .desc-body {
		font-size: 1rem;
		line-height: 1.8;
	}
	.description-section .desc-links {
		gap: 1rem 1.5rem;
	}

	.collections-section {
		padding: 2rem 1.2rem;
	}
	.collections-section .collections-title {
		font-size: 0.75rem;
	}
	.collections-section .collections-sub {
		font-size: 1rem;
		margin-bottom: 1.5rem;
	}
	.collections-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
	.collection-card .card-overlay .category-name {
		font-size: 1.1rem;
	}

	.latest-products {
		padding: 2rem 1.2rem;
	}
	.latest-products .section-title {
		font-size: 0.75rem;
	}
	.latest-products .section-sub {
		font-size: 1rem;
		margin-bottom: 1.5rem;
	}
	.products-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
	.product-card .price-row .current-price {
		font-size: 1.1rem;
	}
	.product-card .product-name {
		font-size: 0.95rem;
	}
	.product-card .product-image-wrap .image-overlay .overlay-icon {
		font-size: 2rem;
	}
	.product-card .product-actions .btn-detail,
	.product-card .product-actions .btn-add-cart {
		font-size: 0.65rem;
		padding: 0.3rem 0.6rem;
	}

	.article-section {
		padding: 2.5rem 1.2rem 2rem;
	}
	.article-section .article-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.article-section .article-item .article-title {
		font-size: 1.4rem;
	}
	.article-section .article-item .article-text {
		font-size: 0.9rem;
	}
	.article-section .article-section-sub {
		font-size: 1rem;
	}
	.article-section .article-bottom .btn-view-all {
		padding: 0.7rem 2rem;
		font-size: 0.85rem;
	}

	.mini-cart {
		width: 85vw;
		max-width: 85vw;
	}
	.cart-item .item-thumb {
		width: 40px;
		height: 40px;
	}
	.cart-item .item-info .item-name {
		font-size: 0.75rem;
	}

	.login-popup {
		padding: 2rem 1.5rem;
	}
	.login-popup .login-title {
		font-size: 1.5rem;
	}

	.footer-columns {
		grid-template-columns: 1fr 1fr;
		gap: 1.5rem;
	}
	.footer-newsletter .newsletter-form input {
		min-width: 150px;
	}
	.footer-social {
		flex-direction: column;
		align-items: flex-start;
	}
	.search-overlay .search-close {
		top: 1.2rem;
		right: 1.5rem;
		font-size: 1.8rem;
	}
	.search-overlay .search-input-wrap input {
		font-size: 1.3rem;
		padding: 0.6rem 0;
	}
}

@media (max-width: 480px) {
	.collections-grid {
		grid-template-columns: 1fr 1fr;
		gap: 0.8rem;
	}
	.collection-card .card-overlay .category-name {
		font-size: 1rem;
	}
	.collection-card .card-overlay {
		padding: 1rem 0.5rem;
	}
	.products-grid {
		grid-template-columns: 1fr 1fr;
		gap: 0.8rem;
	}
	.product-card .product-info {
		padding: 0.7rem 0.7rem 0.9rem;
	}
	.product-card .price-row .current-price {
		font-size: 0.95rem;
	}
	.product-card .product-name {
		font-size: 0.85rem;
	}
	.product-card .product-category {
		font-size: 0.7rem;
	}
	.product-card .discount-badge {
		font-size: 0.6rem;
		padding: 0.15rem 0.5rem;
		top: 8px;
		right: 8px;
	}
	.product-card .product-image-wrap .image-overlay .overlay-icon {
		font-size: 1.6rem;
	}
	.product-card .product-actions {
		flex-direction: column;
		gap: 0.4rem;
	}
	.product-card .product-actions .btn-detail,
	.product-card .product-actions .btn-add-cart {
		font-size: 0.6rem;
		padding: 0.3rem 0.5rem;
	}

	.article-section .article-item .article-title {
		font-size: 1.2rem;
	}
	.article-section .article-item .article-text {
		font-size: 0.85rem;
	}
	.article-section .article-section-sub {
		font-size: 0.9rem;
	}
	.article-section .article-bottom .btn-view-all {
		padding: 0.6rem 1.5rem;
		font-size: 0.8rem;
	}

	.login-popup {
		padding: 1.5rem 1.2rem;
	}
	.login-popup .login-title {
		font-size: 1.3rem;
	}
	.login-popup .login-options {
		flex-direction: column;
		gap: 0.5rem;
		align-items: flex-start;
	}

	.mini-cart {
		width: 92vw;
		max-width: 92vw;
	}
	.search-overlay .search-input-wrap input {
		font-size: 1.1rem;
	}
	.search-overlay .search-input-wrap .search-icon {
		font-size: 1.1rem;
		margin-right: 0.6rem;
	}
	.search-overlay .search-label {
		font-size: 0.6rem;
	}

	.footer-columns {
		grid-template-columns: 1fr;
	}
	.footer-newsletter .newsletter-form {
		flex-direction: column;
		align-items: stretch;
	}
	.footer-newsletter .newsletter-form input {
		min-width: auto;
	}
	.footer-newsletter .newsletter-form .btn-subscribe {
		width: 100%;
		text-align: center;
	}
	.footer-social .social-icons {
		gap: 0.8rem;
	}
	.footer-social .social-icons a {
		width: 34px;
		height: 34px;
		font-size: 1rem;
	}
}

@media (max-width: 820px) {
	.nav-links-custom {
		display: none !important;
	}
	.hamburger-btn {
		display: block !important;
	}
}