/* Responsive overrides (loaded after main.css) */
@media (max-width: 960px) {
  .hero .container, .booking-wrap { grid-template-columns: 1fr; }
  .logo-3d-stage { height: 260px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .price-card.featured { transform: none; }
}

@media (max-width: 760px) {
  section { padding: 56px 0; }
  .menu-toggle { display: block; }
  .main-nav { display: none; position: absolute; top: 72px; left: 0; right: 0; background: #fff; box-shadow: var(--smit-shadow); }
  .main-nav.is-open { display: block; }
  .main-nav ul { flex-direction: column; align-items: flex-start; padding: 16px 4%; gap: 12px; }
  .main-nav .sub-menu { position: static; box-shadow: none; display: flex; padding-left: 14px; }
  .domain-box { padding: 30px 22px; }
  .booking-form .row-2 { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .price-card.featured { order: -1; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

@media (max-width: 960px) {
	.float-chip { display: none; }
}

@media (max-width: 760px) {
	.top-bar-right { display: none; }
	.btn-cta-nav { display: none; }
	.main-nav { top: 100%; }
	.back-top { bottom: 84px; }
}

/* v1.2 responsive */
@media (max-width: 960px) {
	.single-wrap, .contact-grid { grid-template-columns: 1fr; }
	.single-side { position: static; }
}
@media (max-width: 760px) {
	body { padding-bottom: 64px; }
	.mobile-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; display: grid; grid-template-columns: repeat(3, 1fr);
		background: var(--smit-dark); box-shadow: 0 -6px 18px rgba(0,0,0,.2); }
	.mobile-bar a { color: #fff; text-align: center; padding: 14px 6px; font-weight: 600; font-size: .9rem; }
	.mobile-bar a:hover { color: var(--smit-accent); }
	.whatsapp-float, .quick-call, .back-top { display: none; }
	.steps-grid { grid-template-columns: 1fr; }
}