/* ─── RESPONSIVE ─── */
@media (max-width: 1024px) {
  .hero-content { grid-template-columns: 1fr; gap: 40px; }
  .hero { padding: 100px 0 60px; min-height: auto; }
  .hero h1 { font-size: 40px; }
  .hero-visual { display: none; }
  .catalog-layout { grid-template-columns: 220px 1fr; gap: 24px; }
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  /* Hide desktop menu, show hamburger */
  .navbar-menu { display: none; }
  .navbar-toggle { display: flex; }
  /* Hide topbar address on small screens */
  .topbar-addr { display: none; }
  /* Topbar: hide social on very narrow */
  .topbar-social { display: none; }
  /* Mega menu disabled on mobile - use drawer instead */
  .mega-menu { display: none !important; }
  .hero h1 { font-size: 32px; }
  .hero-stats { flex-wrap: wrap; gap: 20px; }
  .catalog-layout { grid-template-columns: 1fr; }
  .catalog-sidebar { position: static; }
  .product-detail-layout { grid-template-columns: 1fr; }
  .contact-layout { grid-template-columns: 1fr; }
  .about-grid { grid-template-columns: 1fr; }
  .blog-detail-layout { grid-template-columns: 1fr; }
  .blog-sidebar { display: none; }
  .why-grid { grid-template-columns: 1fr 1fr; }
  .cta-box { flex-direction: column; text-align: center; }
  .section-header h2 { font-size: 28px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom-content { flex-direction: column; gap: 8px; text-align: center; }
  .form-row { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .hero h1 { font-size: 26px; }
  .hero-actions { flex-direction: column; }
  .why-grid { grid-template-columns: 1fr; }
  .blog-grid { grid-template-columns: 1fr; }
  .products-grid { grid-template-columns: 1fr; }
  .hero-badge-float { display: none; }
}

/* ─── HERO SLIDER RESPONSIVE ─── */
@media (max-width: 768px) {
  .hero-slider { height: 80vh; min-height: 480px; }
  .hs-content { padding: 0 16px 100px; }
  .hs-title { font-size: 28px; }
  .hs-price { font-size: 24px; }
  .hs-nav { width: 40px; height: 40px; font-size: 14px; }
  .hs-prev { left: 10px; } .hs-next { right: 10px; }
  .hs-thumbs { display: none; }
  .hs-dots { bottom: 16px; }
  .hs-actions { flex-direction: column; }
  .hs-btn-primary, .hs-btn-wa { justify-content: center; }
}
@media (max-width: 480px) {
  .hero-slider { height: 75vh; }
  .hs-title { font-size: 22px; }
  .hs-specs { display: none; }
}

/* ─── MODEL GRID RESPONSIVE ─── */
@media (max-width: 1024px) {
  .model-grid { grid-template-columns: repeat(3, 1fr); }
  .models-title { font-size: 28px; }
}
@media (max-width: 768px) {
  .model-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .models-header { flex-direction: column; align-items: flex-start; gap: 16px; }
  .catalog-tabs { gap: 6px; }
  .catalog-tab span { display: none; }
  .catalog-tab em { display: none; }
}
@media (max-width: 480px) {
  .model-grid { grid-template-columns: 1fr; }
  .model-grid-catalog { grid-template-columns: 1fr; }
}

/* ─── DETAIL PAGE RESPONSIVE ─── */
@media (max-width: 768px) {
  .detail-breadcrumb { padding: 76px 0 16px; }
  .detail-main-img { aspect-ratio: 4/3; max-height: 300px; }
  .detail-info-block { padding: 24px 16px; }
  .detail-price-row { flex-direction: column; gap: 24px; }
  .detail-contact-group { flex-direction: column; }
  .detail-specs-grid { grid-template-columns: 1fr 1fr; }
  .detail-price-value { font-size: 28px; }
}
@media (max-width: 480px) {
  .detail-specs-grid { grid-template-columns: 1fr; }
  .detail-title { font-size: 22px; }
}

/* ─── NEW COMPONENTS RESPONSIVE ─── */
@media (max-width: 1024px) {
  .why-grid { grid-template-columns: repeat(2,1fr); }
  .services-grid { grid-template-columns: repeat(2,1fr); }
  .about-stats-grid { grid-template-columns: repeat(2,1fr); }
  .about-story-grid { gap: 40px; }
  .contact-main-layout { grid-template-columns: 280px 1fr; gap: 28px; }
  .faq-layout { grid-template-columns: 200px 1fr; gap: 28px; }
  .stats-strip-inner { flex-wrap: wrap; }
  .stat-item { min-width: 100px; }
}
@media (max-width: 768px) {
  .why-grid { grid-template-columns: 1fr 1fr; }
  .services-grid { grid-template-columns: 1fr; }
  .about-story-grid { grid-template-columns: 1fr; }
  .about-img-badge { bottom: 8px; right: 8px; }
  .about-stats-grid { grid-template-columns: 1fr 1fr; }
  .contact-main-layout { grid-template-columns: 1fr; }
  .faq-layout { grid-template-columns: 1fr; }
  .faq-cats { flex-direction: row; flex-wrap: wrap; position: static; }
  .faq-cat { flex: 1; min-width: 120px; justify-content: center; text-align: center; }
  .kat-cards { grid-template-columns: repeat(2,1fr); }
  .contact-cards { grid-template-columns: 1fr 1fr; }
  .page-banner h1 { font-size: 28px; }
  .models-title { font-size: 26px; }
  .error-code { font-size: 80px; }
  .contact-form-wrap { padding: 24px 16px; }
}
@media (max-width: 768px) {
  /* Testimonials */
  .testimonials-grid { grid-template-columns: 1fr; }
  /* Quick contact */
  .quick-contact-inner { flex-direction: column; text-align: center; }
  .quick-contact-actions { justify-content: center; }
  .qc-btn { min-width: 0; flex: 1; min-width: 130px; }
  /* Float WA */
  .float-wa { bottom: 18px; right: 16px; }
  .float-wa-icon { width: 50px; height: 50px; font-size: 22px; }
  /* Stats */
  .stats-strip-inner { display: grid; grid-template-columns: repeat(3,1fr); }
  .stat-icon-wrap { width: 36px; height: 36px; font-size: 14px; }
  .stat-number { font-size: 22px; }
}

@media (max-width: 480px) {
  .why-grid { grid-template-columns: 1fr; }
  .about-stats-grid { grid-template-columns: 1fr 1fr; }
  .kat-cards { grid-template-columns: 1fr; }
  .contact-cards { grid-template-columns: 1fr; }
  .contact-social-links { grid-template-columns: 1fr; }
  .error-actions { flex-direction: column; align-items: center; }
  .stats-strip-inner { display: grid; grid-template-columns: repeat(2,1fr); }
  .quick-contact-actions { flex-direction: column; }
  .qc-btn { width: 100%; }
  .testimonials-rating-strip { flex-direction: column; text-align: center; }
  .rating-divider { width: 60px; height: 1px; }
}

/* ─── Footer Redesign Responsive ─── */
@media (max-width: 1200px) {
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: 28px; }
  .footer-col-brand { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .footer-col-brand .footer-desc { grid-column: 1 / -1; }
  .footer-col-brand .footer-social { grid-column: 1; }
  .footer-col-brand .footer-auth-badge { grid-column: 2; align-self: start; justify-self: start; }
}
@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-col-brand { grid-column: 1 / -1; display: block; }
  .footer-certs-inner { gap: 24px; }
  .footer-cert-divider { display: none; }
  /* Process 2-col */
  .process-grid { grid-template-columns: 1fr 1fr; }
  .process-connector { display: none; }
  /* Spotlight */
  .spotlight-inner { grid-template-columns: 1fr; gap: 40px; }
  .spotlight-visual { order: -1; }
  .spotlight-title { font-size: 32px; }
  /* Brand strip */
  .bas-inner { flex-direction: column; align-items: flex-start; gap: 16px; }
  .bas-divider { display: none; }
  .bas-features { gap: 12px; }
}
@media (max-width: 600px) {
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom-inner { flex-direction: column; text-align: center; gap: 10px; }
  .fnl-inner { flex-direction: column; }
  .fnl-form { max-width: 100%; width: 100%; }
  .footer-certs-inner { flex-direction: column; align-items: flex-start; }
  /* Process 1-col */
  .process-grid { grid-template-columns: 1fr; }
  .process-card { height: 260px; }
  /* Spotlight */
  .spotlight-specs-row { gap: 10px; }
  .spotlight-actions { flex-direction: column; align-items: flex-start; }
  .spotlight-title { font-size: 26px; }
}

/* ─── Topbar collapse on small screens ─── */
@media (max-width: 480px) {
  .topbar { height: 32px; }
  .topbar-inner { height: 32px; }
  .topbar-hours { display: none; }
  .navbar { top: 32px; }
  .navbar.topbar-hidden { top: 0; }
}

/* ─── Product Detail Responsive ─── */
@media (max-width: 900px) {
  .detail-layout { grid-template-columns: 1fr; gap: 28px; }
  .detail-title  { font-size: 26px; }
  .dpc-price     { font-size: 26px; }
  .detail-warranty-grid { grid-template-columns: 1fr; }
  .lightbox-prev { left: 8px; }
  .lightbox-next { right: 8px; }
  .lightbox-img-wrap { padding: 60px 60px 20px; }
}
@media (max-width: 600px) {
  .detail-tabs .detail-tab { padding: 12px 14px; font-size: 13px; }
  .detail-specs-grid { grid-template-columns: 1fr; }
  .dpc-price-row { flex-direction: column; gap: 8px; }
  .dpc-tags { align-items: flex-start; }
  .detail-trust-row { gap: 10px; }
  .detail-trust-item { font-size: 11px; }
  .lightbox-img-wrap { padding: 50px 12px 16px; }
}