@media (max-width: 1100px) {
  .hero-content {
    grid-template-columns: 1fr;
    padding-top: 2.5rem;
    text-align: center;
  }

  .hero-copy {
    display: grid;
    justify-items: center;
  }

  .hero-features {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }

  .hero-visual {
    min-height: 520px;
  }

  .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .brand-grid,
  .brand-list,
  .offer-card-grid,
  .promotions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .nav-links {
    position: absolute;
    left: 1rem;
    top: calc(100% + 0.7rem);
    right: 1rem;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
    border-radius: 20px;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(17,17,17,0.06);
    box-shadow: var(--shadow-soft);
  }

  .nav-links.open {
    display: flex;
  }

  .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 20;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 12px;
    background: rgba(17,17,17,0.04);
    color: var(--dark);
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .nav-actions .btn:not(.menu-toggle) {
    display: none;
  }

  .grid-3,
  .grid-4,
  .info-grid,
  .finance-grid,
  .stats-grid,
  .timeline,
  .location-wrap,
  .contact-grid,
  .story-grid {
    grid-template-columns: 1fr 1fr;
  }

  .location-wrap,
  .contact-grid,
  .story-grid {
    grid-template-columns: 1fr;
  }

  .offer-content {
    flex-direction: column;
    align-items: flex-start;
  }

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

@media (max-width: 640px) {
  .offers-status-panel {
    gap: 0.9rem;
    padding: 1.2rem;
  }

  .offers-status-actions {
    width: 100%;
    padding-left: 0;
    flex-direction: column;
  }

  .offers-status-actions .btn,
  .offers-status-actions .link-btn,
  .hero-actions .button,
  .hero-actions .btn,
  .offer-actions .btn,
  .nav-actions .btn,
  .offer-body .link-btn.primary {
    width: 100%;
    min-height: 52px;
    justify-content: center;
  }

  .offer-card-grid {
    grid-template-columns: 1fr;
  }

  .offer-body .link-btn.primary,
  .offers-status-actions .btn {
    font-size: 0.82rem;
    gap: 0.35rem;
    padding-left: 0.9rem;
    padding-right: 0.9rem;
  }

  .navbar {
    width: calc(100% - 1.2rem);
  }

  .section {
    padding: 72px 0;
  }

  .section-head {
    display: grid;
    gap: 0.7rem;
    margin-bottom: 1.5rem;
  }

  .hero { min-height: auto; }

  .brands-hero-gallery {
    gap: 0.55rem;
  }

  .brands-hero-gallery img {
    height: 112px;
    border-radius: 14px;
  }

  .product-catalogue-hero {
    padding-bottom: 48px;
  }

  .offers-hero-image {
    height: 220px;
    border-radius: 16px;
  }

  .product-catalogue-showcase {
    gap: 0.55rem;
  }

  .product-catalogue-showcase img {
    height: 112px;
    border-radius: 14px;
  }

  .hero-features,
  .grid-3,
  .grid-4,
  .info-grid,
  .brand-grid,
  .brand-list,
  .offer-card-grid,
  .promotions-grid,
  .finance-grid,
  .stats-grid,
  .timeline,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .hero-actions,
  .offer-actions,
  .nav-actions {
    width: 100%;
  }

  .hero-actions .btn,
  .offer-actions .btn,
  .nav-actions .btn {
    width: 100%;
  }

  .showroom-card img {
    height: 520px;
  }

  .float-card {
    display: none;
  }

  .gallery-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .gallery-item {
    min-height: 220px;
    grid-column: auto;
  }

  .page-hero {
    padding-top: 120px;
  }

  .brands-hero .container,
  .product-catalogue-layout,
  .offers-hero-layout {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .product-catalogue-showcase {
    max-width: 700px;
  }

  .offers-hero-image {
    justify-self: center;
    max-width: 600px;
  }

  .brands-hero-gallery {
    justify-self: center;
  }

  .offers-status-panel {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .offers-status-copy {
    flex-basis: calc(100% - 80px);
  }

  .offers-status-actions {
    width: 100%;
    padding-left: calc(58px + 1.2rem);
  }

  .footer-grid,
  .footer-bottom {
    grid-template-columns: 1fr;
    display: grid;
  }

  .footer-bottom {
    padding-top: 1.2rem;
    text-align: center;
  }

  .brand-mark img {
    width: 150px;
  }
}
.site-header .brand-mark img{width:175px;height:auto;object-fit:contain}
.footer-brand .brand-mark img{width:180px;height:auto;object-fit:contain}
@media(max-width:640px){.site-header .brand-mark img{width:150px;height:auto}.footer-brand .brand-mark img{width:160px;height:auto}}
@media(max-width:640px){.contact-map-pair{grid-template-columns:1fr}.contact-location-map iframe{height:220px}}

/* Layout polish for intermediate screens and narrow phones. */
img, video, iframe { max-width: 100%; }
.container, .navbar { min-width: 0; }
.container { width: min(var(--container), calc(100% - 2.5rem)); }
.hero-content, .grid-3, .grid-4, .info-grid, .finance-grid, .story-grid,
.timeline, .stats-grid, .location-wrap, .contact-grid, .products-grid,
.brand-grid, .offer-card-grid, .promotions-grid, .footer-grid { min-width: 0; }
.contact-item > div, .contact-list, .product-details, .brand-body,
.offer-content, .footer-brand, .footer-contact, .footer-links { min-width: 0; }
.contact-item p, .footer-contact a, .footer-contact span, .footer-bottom,
.location-card, .info-line > div { overflow-wrap: anywhere; }
.page-hero h1, .section-title { text-wrap: balance; }
.product-card, .brand-showcase, .offer-card, .contact-card, .timeline-card,
.info-card, .finance-item, .stat-box { min-width: 0; }
.form-grid input, .form-grid select, .form-grid textarea { min-width: 0; }

@media (min-width: 641px) and (max-width: 900px) {
  .brand-grid, .offer-card-grid, .promotions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid-3, .info-grid, .finance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-visual { min-height: 420px; }
  .showroom-card img { height: clamp(360px, 55vw, 520px); }
  .location-card { padding: 1.5rem; }
  .contact-card { padding: 1.25rem; }
  .growth-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .growth-timeline::before { left: 1.25rem; right: 1.25rem; }
}

@media (max-width: 640px) {
  .container { width: calc(100% - 2rem); }
  .section { padding-block: clamp(3rem, 12vw, 4.5rem); }
  .section-head { flex-direction: column; align-items: flex-start; gap: 0.8rem; }
  .section-title { font-size: clamp(1.8rem, 8vw, 2.45rem); }
  .hero h1 { font-size: clamp(2.5rem, 11vw, 4rem); line-height: 1.02; }
  .hero-content { gap: 1.5rem; padding-block: 2rem; }
  .hero-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-grid, .offer-card-grid, .promotions-grid, .grid-3, .grid-4,
  .info-grid, .finance-grid, .stats-grid, .timeline, .products-grid,
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-grid { gap: 1rem; }
  .growth-timeline { grid-template-columns: minmax(0, 1fr); gap: 1rem; padding-top: 0.5rem; }
  .growth-timeline::before { left: 1.1rem; right: auto; top: 0; bottom: 0; width: 2px; height: auto; }
  .timeline-card { padding: 1.1rem 1rem 1.1rem 2.9rem; }
  .timeline-card::before { left: 0.7rem; top: 1.2rem; }
  .timeline-card, .info-card, .finance-item, .stat-box { padding: 1.15rem; }
  .contact-grid, .location-wrap, .story-grid { grid-template-columns: minmax(0, 1fr); }
  .contact-card { padding: 1.1rem; }
  .map-card, .map-card iframe, .map-panel { min-height: 300px; }
  .showroom-card img { height: min(112vw, 440px); }
  .gallery-item, .gallery-item:nth-child(n) { min-height: 210px; grid-column: auto; }
  .brand-hero img { height: clamp(145px, 48vw, 210px); }
  .brand-body { padding: 1rem; }
  .brand-pill { padding: .7rem; gap: .5rem; }
  .brand-pill img { width: 34px; height: 34px; flex: 0 0 34px; }
  .product-media { height: clamp(190px, 57vw, 300px); }
  .footer-grid { gap: 1.25rem; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-contact { grid-column: 1 / -1; }
  .footer-bottom { align-items: flex-start; flex-direction: column; font-size: .8rem; }
  .site-header .brand-mark img { width: clamp(128px, 39vw, 150px); }
  .footer-brand .brand-mark img { width: min(160px, 52vw); }
  .navbar { gap: .5rem; }
  .nav-actions { flex: 0 0 auto; }
  .menu-toggle { width: 42px; height: 42px; }
}

@media (max-width: 390px) {
  .container { width: calc(100% - 1.5rem); }
  .navbar { width: calc(100% - 1rem); }
  .site-header .brand-mark img { width: 126px; }
  .hero-actions { gap: .65rem; }
  .hero-actions .btn, .offer-actions .btn { padding-inline: .8rem; font-size: .9rem; }
  .brand-grid, .offer-card-grid, .promotions-grid, .grid-3, .grid-4,
  .info-grid, .finance-grid, .products-grid { grid-template-columns: minmax(0, 1fr); }
  .brand-pill { font-size: .9rem; }
  .offer-body .link-btn.primary,
  .offers-status-actions .btn {
    font-size: 0.74rem;
    gap: 0.25rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }
  .footer-grid { grid-template-columns: minmax(0, 1fr); }
  .footer-brand, .footer-contact { grid-column: auto; }
}