@media (max-width: 991px) {
  .navbar-collapse {
    margin-top: 14px;
    padding: 18px;
    border-radius: 8px;
    background: rgba(17, 17, 17, 0.96);
  }

  .section {
    padding: 78px 0;
  }

  .hero {
    min-height: 88vh;
  }

  .page-hero {
    min-height: 44vh;
  }

  .page-hero .container {
    padding-bottom: 54px;
  }

  .filters,
  .sticky-inquiry {
    position: static;
  }

  .application-grid {
    grid-template-columns: 1fr 1fr;
  }

  .application-page-grid {
    grid-template-columns: 1fr;
  }

  .detail-gallery-main {
    height: 430px;
  }

  .about-visual,
  .about-visual img {
    min-height: 400px;
  }
}

@media (max-width: 767px) {
  body {
    width: 100%;
  }

  .row,
  .row.g-3,
  .row.g-4,
  .row.g-5 {
    margin-left: 0;
    margin-right: 0;
  }

  h1 {
    font-size: clamp(2.35rem, 12vw, 3.4rem);
  }

  h2 {
    font-size: clamp(1.8rem, 9vw, 2.55rem);
  }

  .section {
    padding: 64px 0;
  }

  .page-hero {
    min-height: 410px;
  }

  .page-hero .container {
    padding-bottom: 44px;
  }

  .hero-content {
    padding: 132px 0 96px;
  }

  .hero {
    align-items: center;
    min-height: 720px;
    color: var(--ink);
  }

  .hero::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.34) 42%, rgba(255, 255, 255, 0.6));
  }

  .hero-slide img {
    filter: brightness(1.08) saturate(0.92);
    object-position: 58% center;
  }

  .hero-slide:first-child img {
    content: url("../images/views/5.webp");
    object-position: center;
  }

  .hero-content .col-lg-8 {
    max-width: 340px;
    border: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    padding: 0 10px;
    box-shadow: none;
  }

  .hero .eyebrow {
    color: var(--gold-dark);
  }

  .hero h1 {
    margin-top: 12px !important;
    margin-bottom: 18px !important;
  }

  .hero .lead-lux {
    color: rgba(17, 17, 17, 0.7);
    font-size: 1rem;
    max-width: 300px;
  }

  .hero-secondary-action,
  .hero-stat-panel {
    display: none;
  }

  .hero-dots {
    bottom: 28px;
  }

  .page-hero::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.86));
  }

  .btn-lux,
  .btn-outline-lux,
  .btn-dark-lux {
    width: 100%;
    justify-content: center;
    min-height: 52px;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .whatsapp-inquiry {
    right: 16px;
    bottom: 16px;
    width: 54px;
    min-height: 54px;
    justify-content: center;
    padding: 0;
  }

  .whatsapp-inquiry span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .cta-band {
    padding: 34px 22px;
  }

  .lux-card img {
    height: 230px;
  }

  .detail-gallery-main {
    height: 320px;
  }

  .thumb-row button {
    flex-basis: 46%;
  }

  .product-gallery-nav {
    width: 38px;
    height: 38px;
  }

  .product-gallery-nav-prev {
    left: 12px;
  }

  .product-gallery-nav-next {
    right: 12px;
  }

  .masonry {
    columns: 1;
  }

  .about-story-points {
    grid-template-columns: 1fr;
  }

  .about-visual,
  .about-visual img {
    min-height: 320px;
  }

  .application-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 240px;
  }

  .application-shot-large {
    grid-row: span 1;
  }

  .application-info-card {
    grid-template-columns: 1fr;
    gap: 18px;
    min-height: 0;
  }

  .application-info-card img {
    aspect-ratio: 16 / 10;
  }

  .installation-guide-grid {
    grid-template-columns: 1fr;
  }

  .footer {
    padding: 54px 0 28px;
  }

  .footer .row {
    row-gap: 26px;
  }

  .footer form {
    align-items: stretch;
  }
}
@media (max-width: 767px) {
    h1.single-productpage {
    font-size: 25px;
}
}