/* Responsive navigation and layout refinements */
.menu-toggle{display:none;border:1px solid #ff6a00;background:transparent;color:#ff6a00;padding:10px 13px;text-transform:uppercase;font-weight:900;font-size:.72rem;letter-spacing:.5px}
.benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px}

@media (min-width:901px) and (max-width:1180px){
  .site-header{height:70px;padding-inline:28px}
  .site-header .logo,.site-header .logo img{width:230px}
  .site-header nav{gap:16px;font-size:.73rem}
  .header-cta{padding:8px 10px;font-size:.68rem}
  .hero-copy{padding-left:4vw;padding-right:3vw}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  html,body{overflow-x:hidden}
  .site-header{height:66px;padding:0 18px;position:sticky;top:0}
  .site-header .logo,.site-header .logo img{width:min(195px,52vw)}
  .site-header .logo{margin-top:5px}
  .menu-toggle{display:block;margin-left:auto}
  .header-cta{display:none}
  .site-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:10px 18px 16px;background:#101012;border-top:1px solid #2d2d30;box-shadow:0 14px 28px #0008;gap:0}
  .site-header nav.open{display:grid}
  .site-header nav a{min-height:48px;padding:0 4px;border-bottom:1px solid #2d2d30;color:#fff;font-size:.84rem}
  .site-header nav a:last-child{border-bottom:0;color:#ff6a00}

  .hero{min-height:620px;grid-template-columns:1fr;position:relative}
  .hero-image,.hero-copy{grid-row:1;grid-column:1}
  .hero-image{min-height:620px;opacity:.72}
  .hero-copy{z-index:1;align-self:end;padding:155px 24px 48px;max-width:620px}
  .hero-copy h1{font-size:clamp(3rem,12vw,5.3rem)}
  .hero-copy>p:not(.eyebrow){max-width:520px}
  .benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 18px;gap:18px}
  .section{padding:64px 24px}
  .section-heading{align-items:flex-start;gap:18px;flex-direction:column}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .top-coat-compare{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quote{grid-template-columns:1fr;padding:64px 24px;gap:36px}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:600px){
  .announcement{font-size:.55rem;letter-spacing:.35px}
  .announcement span{display:none}
  .hero,.hero-image{min-height:570px}
  .hero-copy{padding:145px 18px 38px}
  .hero-copy h1{font-size:clamp(3rem,16vw,4.4rem)}
  .hero-colour-label{right:12px;bottom:12px}
  .benefits{padding:16px 18px;gap:12px}
  .benefits b{font-size:.68rem}.benefits span{font-size:.6rem}
  .section{padding:52px 18px}
  .category-grid{grid-template-columns:1fr!important}
  .category:last-child{grid-column:auto}
  .category{min-height:150px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .product-image{height:150px}
  .product-info{padding:11px}
  .product h3{font-size:.82rem}
  .finish-link{font-size:.6rem;padding:7px 6px}
  .accessory-grid,.top-coat-grid,.top-coat-compare{grid-template-columns:1fr!important}
  .accessory-grid article{min-height:auto}
  .quote{padding:52px 18px}
  .quote h2{font-size:clamp(2.5rem,13vw,3.4rem)}
  .trust{grid-template-columns:1fr!important;padding:24px 18px}
  footer{padding:32px 18px}
  footer .logo,footer .logo img{width:min(260px,80vw)}
}

@media (max-width:380px){
  .site-header{padding-inline:12px}
  .site-header .logo,.site-header .logo img{width:165px}
  .menu-toggle{padding:8px 10px;font-size:.66rem}
  .product-grid{grid-template-columns:1fr!important}
  .product-image{height:210px}
}