/* ==========================================================================
   Hiking Care Pro - responsive.css
   Breakpoints & mobile experience.
   ========================================================================== */

@media (max-width: 1024px) {
	.hkc-hero-inner{ grid-template-columns:1fr; }
	.hkc-hero-card-stack{ display:none; }
	.hkc-blog-layout, .hkc-single-layout{ grid-template-columns:1fr; }
	.hkc-single-sidebar, .hkc-blog-sidebar{ position:static; }
	.hkc-footer-grid{ grid-template-columns:1fr 1fr; }
	.hkc-newsletter-card{ grid-template-columns:1fr; }
	.hkc-newsletter-visual{ flex-direction:row; }
	.hkc-tv-readout{ grid-template-columns:1fr; }
	.hkc-tv-list div{ grid-template-columns:120px 1fr; }
}

@media (max-width: 768px) {
	.hkc-primary-nav{ display:none; }
	.hkc-primary-nav.is-open{
		display:block;
		position:absolute; top:100%; left:0; right:0;
		background:var(--hkc-surface);
		border-top:1px solid var(--hkc-border);
		padding:18px 24px;
	}
	.hkc-primary-nav.is-open .hkc-menu{
		flex-direction:column;
		align-items:flex-start;
	}
	.hkc-primary-nav.is-open .hkc-menu a{
		display:block; padding:.8em 1em; width:100%;
	}
	.hkc-mobile-toggle{ display:inline-flex; }
	.hkc-header-inner{ position:relative; gap:8px; }

	.hkc-hero-headline{ font-size:2rem; }
	.hkc-hero-quickstart-chips{ overflow-x:auto; flex-wrap:nowrap; padding-bottom:6px; -webkit-overflow-scrolling:touch; }
	.hkc-hero-quickstart-chips::-webkit-scrollbar{ display:none; }
	.hkc-hero-chip{ flex-shrink:0; }

	.hkc-section-title{ font-size:1.6rem; }
	.hkc-section-heading{ margin-bottom:36px; }

	.hkc-route-segment-form{ grid-template-columns:1fr 1fr; }
	.hkc-route-segment-form button{ grid-column:1 / -1; }

	.hkc-gear-db-controls{ grid-template-columns:1fr; }
	.hkc-fitness-form{ grid-template-columns:1fr 1fr; }
	.hkc-fitness-form button{ grid-column:1 / -1; }

	.hkc-tool-grid{ grid-template-columns:1fr; }
	.hkc-tool-result-grid{ grid-template-columns:1fr 1fr; }

	.hkc-safety-row{ grid-template-columns:36px 1fr; row-gap:8px; }
	.hkc-safety-row input[type="range"]{ grid-column:1 / -1; }
	.hkc-safety-value{ grid-column:2; justify-self:end; }

	.hkc-quiz-result-grid{ grid-template-columns:1fr; }
	.hkc-product-pros-cons{ grid-template-columns:1fr; }

	.hkc-floating-cta .hkc-floating-cta-text{ display:none; }
	.hkc-floating-cta{ padding:14px 16px; border-radius:50%; }

	.hkc-footer-grid{ grid-template-columns:1fr; }
	.hkc-footer-bottom{ flex-direction:column; align-items:flex-start; }

	.hkc-comparison-best{ background:none; }
	/* swipe hint */
	.hkc-comparison-wrap{ position:relative; }
	.hkc-comparison-wrap::after{
		content:"⇆ swipe";
		position:absolute; top:8px; right:12px;
		font-size:.7rem; letter-spacing:.1em; text-transform:uppercase;
		color:var(--hkc-text-muted);
		background:var(--hkc-surface-2);
		padding:4px 8px;
		border-radius:999px;
		pointer-events:none;
	}

	.hkc-404-guide-list{ columns:1; }
	.hkc-archetype-detail{ padding:22px; }
	.hkc-archetype-detail-grid{ grid-template-columns:1fr 1fr; }
}

@media (max-width: 480px) {
	.hkc-container{ padding:0 18px; }
	.hkc-hero-headline{ font-size:1.7rem; }
	.hkc-hero-ctas .hkc-btn{ width:100%; justify-content:center; }
	.hkc-section{ padding:48px 0; }
	.hkc-tool-result-grid{ grid-template-columns:1fr; }
	.hkc-archetype-detail-grid{ grid-template-columns:1fr; }
	.hkc-fitness-form{ grid-template-columns:1fr; }
	.hkc-fitness-form button{ grid-column:1; }
	.hkc-newsletter-form{ flex-direction:column; }
	.hkc-product-stats{ grid-template-columns:1fr; }
}

/* PRINT (for route checklist & calculator) */
@media print {
	.hkc-site-header,
	.hkc-site-footer,
	.hkc-floating-cta,
	.hkc-tool-actions,
	.hkc-tool-result-actions,
	.hkc-amazon-link,
	.hkc-hero-card-stack{ display:none !important; }
	body{ background:#fff; color:#000; }
	.hkc-tool, .hkc-glass-card{ background:#fff; box-shadow:none; }
}