/* Approved Porsche styling is shared unchanged. These rules fit each brand’s source media. */
.brand-rollout-page .brand-photo{margin:0;min-width:0}
.brand-rollout-page .brand-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.brand-rollout-page .brand-photo figcaption{margin:12px 0 0;font-size:.95rem;line-height:1.5;color:inherit}
.brand-rollout-page .acura-curing-callout .brand-photo{align-self:start}
.brand-rollout-page #wraps>.wrap>.brand-photo{max-width:900px;margin:28px auto 40px}
.brand-rollout-page .porsche-gloss-preview{width:clamp(100px,11vw,150px)}
.brand-rollout-page .porsche-gloss-preview img{aspect-ratio:3/2;object-fit:cover}
.brand-rollout-page .porsche-coating-package>h3,.brand-rollout-page .porsche-coating-package>p.acura-product:first-of-type,.brand-rollout-page .porsche-coating-package>p.acura-price{padding-right:calc(clamp(100px,11vw,150px) + 20px)}
.brand-rollout-page #wpf .brand-lifecycle-icon{width:130px;height:110px;object-fit:contain;margin:0 0 18px;background:transparent}
.brand-rollout-page #wpf .acura-card{display:flex;flex-direction:column}
.brand-rollout-page #wpf .acura-card h3{min-height:2.5em}
.brand-rollout-page #coatings .acura-table td p{margin:10px 0 0}
.brand-rollout-page .acura-ppf-display figure img{aspect-ratio:3/2;object-fit:cover}
.brand-rollout-page .acura-model-body{min-width:0}
@media(max-width:650px){
 .brand-rollout-page .porsche-gloss-preview{width:88px}
 .brand-rollout-page .porsche-coating-package>h3,.brand-rollout-page .porsche-coating-package>p.acura-product:first-of-type,.brand-rollout-page .porsche-coating-package>p.acura-price{padding-right:106px}
 .brand-rollout-page #wpf .acura-card h3{min-height:0}
}
.brand-rollout-page .acura-model>img{height:190px;aspect-ratio:auto;object-fit:cover}
.brand-rollout-page .acura-model>img.brand-model-symbol{object-fit:contain;padding:44px;background:#e9e9ec}
@media(max-width:650px){.brand-rollout-page .acura-model>img{height:160px}}

/* Keep legacy text-only previews stacked; upgraded PPF stages use the standard responsive grid. */
.brand-no-project-gallery .acura-visual-preview:not([data-manufacturer-ppf-images]) .acura-ppf-display,.brand-no-project-gallery .acura-curing-callout{grid-template-columns:1fr}
.brand-no-project-gallery .porsche-coating-package>h3,.brand-no-project-gallery .porsche-coating-package>p.acura-product:first-of-type,.brand-no-project-gallery .porsche-coating-package>p.acura-price{padding-right:0}

.brand-rollout-page .brand-heading-tail{display:inline-block;max-width:100%;vertical-align:top;white-space:normal}