/* Porsche inherits the approved Acura design. Only scoped additions live here. */
.porsche-page .acura-heading,.porsche-page .acura-heading p:not(.eyebrow),.porsche-page .acura-hero h1{max-width:none;width:100%}
.porsche-page .acura-hero>.wrap>p:not(.eyebrow){max-width:1000px}
.porsche-page .acura-hero>img{object-position:50% 56%}
.porsche-page h1,.porsche-page h2,.porsche-page h3{text-wrap:pretty}
.porsche-page .porsche-closing{margin-top:48px;padding-top:32px;border-top:1px solid #7775}
.porsche-page .porsche-closing h3{font-size:2.25rem}
.porsche-page .porsche-closing p{max-width:1000px}
.porsche-page .porsche-trust-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.porsche-page #credentials{padding-block:40px}
.porsche-page #credentials h2{font-size:2rem;margin:0}
.porsche-page .porsche-credential{border-top:2px solid #c8102d;padding-top:20px;display:flex;gap:14px;align-items:center;min-width:0}
.porsche-page .porsche-credential img{width:54px!important;height:54px!important;position:static!important;object-fit:contain;flex:none}
.porsche-page .porsche-credential strong{font:700 1.15rem/1.2 var(--heading);text-transform:uppercase}
.porsche-page .acura-carousel{position:relative}
.porsche-page .acura-carousel-controls{position:absolute;inset:var(--porsche-arrow-top,150px) 12px auto;display:flex;justify-content:space-between;pointer-events:none;z-index:3}
.porsche-page .acura-carousel-controls button{pointer-events:auto;background:#000c;border:1px solid #fff8;border-radius:50%;width:44px;height:44px}
.porsche-page .acura-carousel-range{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.porsche-page .acura-model-grid{scrollbar-width:none}
.porsche-page .acura-model-grid::-webkit-scrollbar{display:none}
.porsche-page .acura-model-body h3{margin-top:0;min-height:var(--porsche-model-heading,0px)}
.porsche-page .porsche-model-description{min-height:var(--porsche-model-copy,0px)}
.porsche-page .acura-model-services{margin-top:auto}
.porsche-page .acura-model .btn{align-self:stretch;text-align:center}
.porsche-page .acura-model>img{background:#000}
.porsche-page .acura-grid>.acura-card{display:flex;flex-direction:column}
.porsche-page .acura-card>.btn{margin-top:auto;align-self:flex-start}
.porsche-page .white .acura-card p{color:#424249}
.porsche-page .porsche-electronics-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 0}
.porsche-page .porsche-electronics-tabs button{background:#202024;color:#fff;border:1px solid #666;padding:14px 20px;font:600 1rem var(--body);cursor:pointer}
.porsche-page .porsche-electronics-tabs button[aria-selected=true]{background:#c8102d;border-color:#c8102d}
.porsche-page .porsche-electronics-tabs button:focus-visible{outline:3px solid #f0bc4b;outline-offset:3px}
.porsche-page [role=tabpanel][hidden]{display:none}
.porsche-page .porsche-photo-break{height:440px;background-size:cover;background-position:center;background-attachment:fixed}
.porsche-page .porsche-trust-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}
.porsche-page .porsche-trust-cards .acura-card{grid-column:span 2;display:grid;grid-template-rows:100px 110px 1fr;gap:22px;border:1px solid #d7d7dd;border-top:3px solid #c8102d;padding:28px;background:white}
.porsche-page .porsche-trust-cards .acura-card:nth-last-child(2){grid-column:2/span 2}
.porsche-page .porsche-trust-cards h3{font-size:1.8rem;margin:0}
.porsche-page .porsche-trust-cards img{position:static!important;width:100px!important;height:100px!important;object-fit:contain}
.porsche-page .porsche-trust-cards p{color:#424249;margin:0}
.porsche-page .faq-list,.porsche-page .acura-faq{max-width:none}
.porsche-page .faq-list summary{font-size:1.35rem;line-height:1.4}
.porsche-page a:focus-visible{outline:3px solid #c8102d;outline-offset:4px}
@media(max-width:1100px){.porsche-page .porsche-trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.porsche-page .porsche-trust-cards{grid-template-columns:1fr 1fr}.porsche-page .porsche-trust-cards .acura-card,.porsche-page .porsche-trust-cards .acura-card:nth-last-child(2){grid-column:auto}.porsche-page .porsche-trust-cards .acura-card{grid-template-rows:100px 110px 1fr}}
@media(max-width:650px){.porsche-page .porsche-trust-strip{grid-template-columns:1fr 1fr;gap:18px}.porsche-page .porsche-credential{flex-direction:column;align-items:flex-start}.porsche-page .porsche-trust-cards{grid-template-columns:1fr}.porsche-page .porsche-trust-cards .acura-card{grid-template-rows:auto 110px auto}.porsche-page .porsche-photo-break{height:280px;background-attachment:scroll}.porsche-page .porsche-electronics-tabs button{flex:1 1 40%;padding:14px 10px}.porsche-page .porsche-closing h3{font-size:2rem}.porsche-page .acura-goals{grid-template-columns:1fr}.porsche-page .acura-model-body h3,.porsche-page .porsche-model-description{min-height:0}}
@media(prefers-reduced-motion:reduce){.porsche-page .porsche-photo-break{background-attachment:scroll}.porsche-page *{scroll-behavior:auto!important}}
/* Reviewed black/red service-plan artwork sits on light cards. */
.porsche-page #car-packages .acura-card{background:#fff;color:#111;padding:28px;display:grid;grid-template-rows:112px minmax(100px,auto) minmax(104px,auto) 1fr auto;gap:18px}
.porsche-page #car-packages .acura-card h3,.porsche-page #car-packages .acura-card p,.porsche-page #car-packages .acura-plan-icon{margin:0}
.porsche-page #car-packages .acura-card p{color:#424249}
.porsche-page #car-packages .acura-card>.btn{align-self:end;justify-self:start}
@media(max-width:650px){.porsche-page #car-packages .acura-card{grid-template-rows:96px auto auto auto auto}}

.porsche-page #car-packages .acura-plan-icon{background:transparent}
.porsche-page .acura-goals>a{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;column-gap:18px}
.porsche-page .porsche-goal-icon{grid-row:1/3;width:68px;height:68px;object-fit:contain;background:transparent}
.porsche-page .acura-goals>a strong,.porsche-page .acura-goals>a span{grid-column:2}
.porsche-page .porsche-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}
.porsche-page .porsche-detail-card{display:grid;grid-template-rows:100px auto 1fr auto;gap:18px;border-top:2px solid #c8102d;padding:24px;background:#fff;color:#17171b;min-width:0}
.porsche-page .porsche-detail-card h3{font-size:1.75rem;color:#17171b}
.porsche-page .porsche-detail-card h3,.porsche-page .porsche-detail-card p{margin:0}
.porsche-page .porsche-detail-card p{color:#424249}
.porsche-page .porsche-detail-icon{display:block;width:110px;height:100px;object-fit:contain;align-self:center;background:transparent}
.porsche-page .acura-security-illustration{max-width:820px;margin:32px auto}
.porsche-page .acura-security-illustration img{width:100%;height:auto}
.porsche-page .porsche-coating-package{position:relative}
.porsche-page .porsche-gloss-preview{position:absolute;right:0;top:24px;width:clamp(90px,9vw,132px);display:block;z-index:1}
.porsche-page .porsche-gloss-preview img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.porsche-page .porsche-coating-package>h3,.porsche-page .porsche-coating-package>p.acura-product:first-of-type,.porsche-page .porsche-coating-package>p.acura-price{padding-right:calc(clamp(90px,9vw,132px) + 24px)}
.porsche-page .porsche-coating-package>.btn{width:100%;justify-self:stretch;text-align:center}
.porsche-page #tint .acura-grid>.acura-card>.text-link{margin-top:auto;align-self:stretch}
@supports(grid-template-rows:subgrid){
 .porsche-page #tint .acura-grid>.acura-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;gap:22px}
 .porsche-page #tint .acura-card>h3,.porsche-page #tint .acura-card>p{margin:0}
 .porsche-page .porsche-detail-card{grid-row:span 5;grid-template-rows:subgrid;row-gap:18px}
 .porsche-page .porsche-detail-card>.porsche-detail-icon{grid-row:1}
 .porsche-page .porsche-detail-card>h3{grid-row:2}
 .porsche-page .porsche-detail-card>p:first-of-type{grid-row:3}
 .porsche-page .porsche-detail-card>.acura-price{grid-row:4}
 .porsche-page .porsche-detail-card>.porsche-compatibility-detail{grid-row:5}
}
@media(max-width:1000px){.porsche-page .porsche-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .porsche-page .porsche-detail-grid{grid-template-columns:1fr}
 .porsche-page .porsche-detail-card{grid-row:auto;grid-template-rows:none}
 .porsche-page .porsche-detail-card>*{grid-row:auto!important}
 .porsche-page .porsche-gloss-preview{width:88px;top:24px}
 .porsche-page .porsche-coating-package>h3,.porsche-page .porsche-coating-package>p.acura-product:first-of-type,.porsche-page .porsche-coating-package>p.acura-price{padding-right:108px}
}
@supports(grid-template-rows:subgrid){
 .porsche-page #coatings .acura-grid>.acura-card{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:18px}
 .porsche-page #coatings .acura-card>h3{grid-row:1;margin:0}
 .porsche-page #coatings .acura-card>p{margin:0}
 .porsche-page #coatings .acura-card>p.acura-product:first-of-type{grid-row:2}
 .porsche-page #coatings .acura-card>p.acura-price{grid-row:3}
 .porsche-page #coatings .acura-card>p:nth-of-type(3){grid-row:4}
 .porsche-page #coatings .acura-card>p:nth-of-type(4){grid-row:5}
 .porsche-page #coatings .acura-card>p.acura-product:not(:first-of-type){grid-row:6}
 .porsche-page #coatings .acura-card>.btn{grid-row:7;align-self:end}
 .porsche-page #car-packages .acura-card{grid-row:span 5;grid-template-rows:subgrid;row-gap:20px}
}

/* Owner review: film terms share aligned rows, followed by breathing room before prices. */
.porsche-page #tint .porsche-tint-pricing-heading{margin-top:56px}
.porsche-page #shop-location{padding:0}
@media(max-width:650px){
 .porsche-page #tint .porsche-tint-pricing-heading{margin-top:40px}
}

/* Shared tint terms are stated once after the three product options. */
.porsche-page .porsche-tint-terms{margin:40px 0 0;padding:36px;border-left:5px solid #c8102d;background:#e9e9ec;color:#17171b}
.porsche-page .porsche-tint-terms h3{margin:0 0 28px;color:#17171b}
.porsche-page .porsche-tint-terms-copy{display:grid;grid-template-columns:1.6fr 1fr;gap:36px}
.porsche-page .porsche-tint-terms-copy h4{margin:0 0 12px;font:700 1.6rem/1.25 var(--heading);text-transform:uppercase;color:#17171b}
.porsche-page .porsche-tint-terms-copy p{margin:0;color:#17171b}
.porsche-page .porsche-tint-replacement h4,.porsche-page .porsche-tint-replacement p strong{color:#c8102d}
.porsche-page .porsche-tint-warranty{border-left:1px solid #d7d7dd;padding-left:36px}
.porsche-page .porsche-tint-terms>.text-link{display:inline-block;margin-top:28px;color:#c8102d;border-color:#c8102d}
.porsche-page .porsche-tint-terms>.text-link:hover{color:#17171b;border-color:#17171b}
/* Each gallery owns its own lightbox images. Arrows sit over the photo area. */
.porsche-page .pg-gallery{position:relative;min-width:0;margin:32px 0;--pg-gap:12px;--pg-columns:4}
.porsche-page .pg-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pg-gap);min-width:0}
.porsche-page .pg-gallery figure{margin:0;min-width:0}
.porsche-page .pg-gallery a{display:block}
.porsche-page .pg-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.porsche-page .pg-gallery figcaption{font-size:1rem;line-height:1.5;margin:12px 0 0}
.porsche-page .pg-mobile figcaption{display:none}
.porsche-page .pg-always .pg-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.porsche-page .pg-always figure{flex:0 0 calc((100% - 36px)/4);scroll-snap-align:start}
.porsche-page .pg-always img{aspect-ratio:4/3}
.porsche-page .pg-track::-webkit-scrollbar{display:none}
.porsche-page .pg-track:focus-visible{outline:3px solid #c8102d;outline-offset:4px}
.porsche-page .pg-arrow{position:absolute;top:var(--pg-arrow-top,100px);transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid #fffb;background:#000c;color:#fff;font-size:24px;padding:0;cursor:pointer}
.porsche-page .pg-arrow[hidden]{display:none}
.porsche-page .pg-previous{left:8px}.porsche-page .pg-next{right:8px}
.porsche-page .pg-arrow:hover{background:#c8102d}
.porsche-page .pg-arrow:focus-visible{outline:3px solid #c8102d;outline-offset:3px}
.porsche-page #gallery>.wrap>.actions{margin-top:32px;justify-content:center}
@media(max-width:1000px){
 .porsche-page .pg-track{grid-template-columns:repeat(3,minmax(0,1fr))}
 .porsche-page .pg-always figure{flex-basis:calc((100% - 12px)/2)}
}
@media(max-width:650px){
 .porsche-page .porsche-tint-terms{padding:22px}
 .porsche-page .porsche-tint-terms-copy{grid-template-columns:1fr;gap:24px}
 .porsche-page .porsche-tint-warranty{border-left:0;border-top:1px solid #d7d7dd;padding:24px 0 0}
 .porsche-page .pg-gallery .pg-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 .porsche-page .pg-gallery figure{flex:0 0 100%;scroll-snap-align:start}
 .porsche-page .pg-mobile figcaption{display:block}
}

@media(min-width:651px){.porsche-page .porsche-gallery-title-end{white-space:nowrap}}