@media (max-width: 1199px) {
  .nav-shell { border-radius: 12px; }
  .premium-navbar, .premium-navbar.is-scrolled { background: rgba(255,253,248,.96); padding: 10px; }
  .brand-mark, .nav-link { color: var(--ink); }
  .navbar-collapse { padding: 20px 0; }
  .mega-menu { min-width: auto; grid-template-columns: 1fr; box-shadow: none; padding: 12px; }
  .has-mega:hover .mega-menu { display: block; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .story-layout { grid-template-columns: 1fr; gap: 46px; }
  .cert-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .packaging-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
  .section-pad { padding: 84px 0; }
  .grid-2 { grid-template-columns: 1fr; gap: 44px; }
  .hero-swiper, .hero-slide { min-height: 760px; }
  .hero-metrics { position: relative; width: 100%; }
  .section-head { align-items: start; flex-direction: column; }
  .blog-grid, .value-grid, .feature-list, .footer-grid { grid-template-columns: 1fr; }
  .product-detail-grid { grid-template-columns: 1fr; }
  .inquiry-aside { position: static; }
  .inquiry-ribbon .container { align-items: flex-start; flex-direction: column; }
  .showcase-panel img { height: 460px; }
  .footer-cta, .footer-bottom { align-items: start; flex-direction: column; gap: 20px; }
}

@media (max-width: 640px) {
  h1 { font-size: 3.2rem; }
  h2 { font-size: 2.45rem; }
  .container { padding-left: 20px; padding-right: 20px; }
  .hero-content { top: 50%; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-metrics { grid-template-columns: 1fr; }
  .hero-metrics div { padding: 18px 22px; }
  .product-grid, .cert-grid, .packaging-grid, .form-grid { grid-template-columns: 1fr; }
  .product-grid-featured .product-card:nth-child(even) { transform: none; }
  .story-media { min-height: 430px; }
  .experience-badge { bottom: 18px; left: 18px; padding: 16px; }
  .experience-badge strong { font-size: 2.2rem; }
  .story-stats, .mini-option-grid, .detail-gallery { grid-template-columns: 1fr; }
  .highlight-stack img { height: 420px; }
  .product-image { height: 240px; }
  .floating-note { bottom: 18px; left: 18px; width: calc(100% - 36px); }
  .image-stack { min-height: 440px; }
  .world-map { grid-template-columns: 1fr 1fr; }
  .page-hero { padding: 140px 0 80px; }
  .spec-card dl { grid-template-columns: 1fr; }
  .footer-cta { padding-left: 20px; padding-right: 20px; }
}