/* White shop category banners (Shizzle 2026-09-06).
   Desktop 2560×1440 + mobile 1080×1920. Never stretch one file for both.
   Used on service tiles / Tesla Tint LA home shop hero — pages that
   do not load shop-landing.css. */
.shop-white-banner{
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  line-height: 0;
}
.shop-white-banner picture,
.shop-white-banner img{
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
}
/* Complementary 2:1 phones use natural height — no 9:16 letterbox. */
.shop-white-banner--tiles{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 16px 16px 0;
  background: #FFFFFF;
}
@media (min-width: 761px){
  .shop-white-banner--tiles{
    grid-template-columns: 1fr 1fr;
    padding: 24px 0 0;
  }
}
.shop-white-banner--tiles .shop-white-banner{
  border: 1px solid rgba(20, 20, 20, 0.10);
  border-radius: 8px;
  overflow: hidden;
}
.shop-white-banner--tiles a.shop-white-banner{
  text-decoration: none;
}