/**
 * Pre-created Header & Product Slider – Responsive Styles
 */

/* Tablet */
@media (max-width: 1024px) {
	.chps-header-container {
		padding: 0 16px;
	}

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

	.chps-mini-cart-dropdown {
		width: 320px;
	}
}

/* Mobile / Tablet landscape */
@media (max-width: 768px) {
	.chps-hamburger {
		display: flex;
	}

	.chps-nav {
		display: none;
	}

	.chps-header-container {
		gap: 12px;
	}

	.chps-logo {
		flex: 1;
		display: flex;
		justify-content: center;
	}

	.chps-logo-img {
		max-width: 120px;
	}

	.chps-header-icons {
		gap: 0;
	}

	.chps-icon-btn {
		width: 40px;
		height: 40px;
	}

	/* Mini cart bottom sheet – fixed to viewport, not header */
	.chps-mini-cart-dropdown {
		position: fixed !important;
		top: auto !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		max-height: 75vh !important;
		border-radius: 20px 20px 0 0 !important;
		transform: translateY(100%) !important;
		opacity: 0;
		visibility: hidden;
		z-index: 100000 !important;
		box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.18);
		display: flex !important;
		flex-direction: column;
		overflow: hidden;
		margin: 0 !important;
	}

	.chps-mini-cart-dropdown.open {
		transform: translateY(0) !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.chps-mini-cart-inner {
		display: flex !important;
		flex-direction: column !important;
		max-height: 75vh !important;
		padding: 16px 16px 0 !important;
		overflow: hidden !important;
		flex: 1;
		min-height: 0;
	}

	/* Scrollable product list only */
	.chps-mini-cart-inner > .chps-mini-cart-list,
	.chps-mini-cart-inner > ul,
	.chps-mini-cart-items {
		flex: 1 1 auto;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		min-height: 0;
		max-height: none;
	}

	/* Footer always visible at bottom of sheet */
	.chps-mini-cart-footer {
		flex-shrink: 0 !important;
		position: sticky;
		bottom: 0;
		background: #fff;
		padding: 12px 0 calc(16px + env(safe-area-inset-bottom, 0px)) !important;
		margin-top: auto !important;
		border-top: 1px solid #eee;
		z-index: 2;
	}

	.chps-cart-backdrop {
		display: none;
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.4);
		z-index: 99999;
	}
	.chps-cart-backdrop.is-on {
		display: block;
	}

	.chps-search-panel-inner {
		padding: 16px;
	}

	.chps-search-input {
		height: 48px;
		font-size: 15px;
	}

	.chps-search-item-link {
		gap: 12px;
		padding: 10px 4px;
	}

	.chps-search-item-img {
		width: 48px;
		height: 48px;
	}

	.chps-search-item-excerpt {
		display: none;
	}

	.chps-product-info {
		padding: 12px 14px 16px;
	}

	.chps-product-title {
		font-size: 14px;
	}

	.chps-btn {
		padding: 10px 20px;
		font-size: 12px;
	}

	.chps-swiper {
		padding-bottom: 32px;
	}
}

/* Small phones */
@media (max-width: 480px) {
	.chps-header-inner {
		height: 60px;
	}

	.chps-logo-img {
		max-width: 100px;
	}

	.chps-logo-text {
		font-size: 18px;
	}

	.chps-icon-btn {
		width: 36px;
		height: 36px;
	}

	.chps-icon-btn svg {
		width: 18px;
		height: 18px;
	}

	.chps-icon-count {
		min-width: 16px;
		height: 16px;
		font-size: 9px;
		top: 2px;
		right: 2px;
	}

	.chps-product-actions {
		opacity: 1;
		transform: none;
	}

	.chps-action-btn {
		width: 32px;
		height: 32px;
	}

	.chps-search-item-price {
		font-size: 13px;
	}

	.chps-mini-cart-actions {
		flex-direction: column;
	}
}

/* Prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
	.chps-product-card,
	.chps-btn,
	.chps-search-panel,
	.chps-mini-cart-dropdown,
	.chps-drawer-content,
	.chps-product-img {
		transition: none !important;
		animation: none !important;
	}
}

/* Slider nav mobile */
@media (max-width: 768px) {
	.chps-slider-nav {
		margin-bottom: 12px;
	}
	.chps-nav-btn {
		width: 32px;
		height: 32px;
	}
	.chps-nav-btn svg {
		width: 14px;
		height: 14px;
	}
	.chps-product-title {
		font-size: 13px;
		min-height: 2.6em;
	}
}