.ppf-section .price-heading{align-items:center;gap:24px}
.ppf-section .kicker{color:var(--yellow)}
.ppf-intro{margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.6}
.ppf-product{display:flex;flex-direction:column;gap:12px;flex:none}
.ppf-product img{width:112px;height:auto}
.ppf-product span{color:var(--muted);font-size:11px;letter-spacing:1px}
.ppf-section .coverage-grid{gap:20px}
.ppf-section .coverage-card{padding:28px 24px;background:#0d1014;border-color:#60666e;min-width:0}
.ppf-section .coverage-card.featured{background:#0d1014;border-color:#60666e}
.ppf-section .coverage-card{transition:border-color .2s ease,box-shadow .2s ease}
.ppf-section .coverage-card:hover,.ppf-section .coverage-card:focus-within{border-color:white;box-shadow:0 0 22px #ffffff24,0 0 0 1px #ffffff99}
.ppf-section .card-tag{transition:color .2s ease}
.ppf-section .coverage-card:hover .card-tag,.ppf-section .coverage-card:focus-within .card-tag{color:#ed2035}
@media(prefers-reduced-motion:reduce){.ppf-section .coverage-card{transition:none}}
.ppf-section .card-tag{font-size:10px;letter-spacing:1px;margin:0 0 16px;line-height:1.5}
.ppf-section .coverage-card h3{font-size:clamp(19px,2vw,27px);margin:0 0 14px;line-height:1.4;letter-spacing:-.6px}
.ppf-section .coverage-description{font-size:15px;line-height:1.65;margin:0;min-height:5em}
.pricing-coverage-diagram{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:10px 0 20px}
.coverage-price{border-top:1px solid #30363d;padding-top:22px;margin-top:auto}
.ppf-section .big-price{font-size:clamp(38px,4vw,54px);margin-bottom:24px}
.ppf-section .coverage-card .button{font-size:11px;letter-spacing:.3px;padding:16px 10px;gap:8px;min-height:52px;line-height:1.4;text-align:center;transition:background-color .2s,color .2s,border-color .2s}
.ppf-section .coverage-card .button:hover,.ppf-section .coverage-card .button:focus-visible{background:var(--yellow);border-color:var(--yellow);color:#080a0c;outline:2px solid white;outline-offset:4px}
.coverage-key{display:flex;align-items:baseline;gap:10px;font-size:12px;line-height:1.7;color:var(--muted);margin:22px 0 0;max-width:800px}
.coverage-key>span{width:10px;height:10px;background:var(--yellow);flex:none}
.coverage-hover-hint{display:block;margin-top:7px;font-size:13px}
.coverage-visual{position:relative;margin:10px 0 20px}
.coverage-visual .pricing-coverage-diagram{margin:0;transition:opacity .18s ease}
.coverage-details{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;pointer-events:none;transition:opacity .18s ease}
.coverage-details p{margin:0 0 10px;color:var(--yellow);font-size:11px;font-weight:700;letter-spacing:1px}
.coverage-details ul{margin:0;padding-left:18px;color:#eceef0;font-size:13px;line-height:1.65}
.coverage-details li+li{margin-top:6px}
.coverage-card:hover .coverage-details,.coverage-card:focus-within .coverage-details{opacity:1}
.coverage-card:hover .coverage-visual img,.coverage-card:focus-within .coverage-visual img{opacity:0}
@media(hover:none),(max-width:700px){.coverage-details{position:static;opacity:1;margin-top:12px}.coverage-card:hover .coverage-visual img,.coverage-card:focus-within .coverage-visual img{opacity:1}.coverage-hover-hint{display:none}}
.ppf-section .color-callout{margin-top:28px}
.pricing-page .windshield-section{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(28px,6vw,80px)}
.pricing-page .windshield-section{gap:32px}
.windshield-overview{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
.windshield-overview>.kicker{grid-column:1/-1}
.windshield-overview h2{grid-row:2/4}
.pricing-windshield-photo{margin:0;height:100%;min-height:360px;overflow:hidden}
.pricing-windshield-photo img{display:block;width:100%;height:100%;max-height:440px;object-fit:cover;object-position:center 28%}
.pricing-page .windshield-section .windshield-price{height:100%;display:flex;flex-direction:column}
.windshield-section .windshield-price .button{margin-top:auto}
.windshield-overview .section-copy{max-width:480px;margin:24px 0 0;font-size:16px;line-height:1.75}
.windshield-overview .pricing-note{max-width:450px;margin-bottom:0}
.pricing-page .windshield-price{border:1px solid #60666e;padding:30px;background:#0d1014}
.windshield-price h3{font:400 22px/1.5 'Michroma',sans-serif;letter-spacing:-.5px;margin:0 0 24px}
.pricing-page .windshield-price .card-tag{margin-bottom:16px;color:var(--yellow)}
.pricing-page .windshield-price .button{width:100%;font-size:11px;line-height:1.5;text-align:center;gap:12px}
.coating-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.coating-service-card{display:flex;flex-direction:column;min-width:0;padding:28px 24px;border:1px solid #60666e;background:#0d1014;transition:border-color .2s}
.coating-service-card:hover,.coating-service-card:focus-within{border-color:var(--yellow)}
.coating-card-photo{margin:-28px -24px 24px;aspect-ratio:3/2;overflow:hidden;flex-shrink:0}
.coating-card-photo img{display:block;width:100%;height:100%;object-fit:cover}
.coating-photo-finish img{object-position:center 54%}
.coating-photo-care img{object-position:center 43%}
.coating-photo-wheel img{object-position:center 76%;transform:scaleX(-1)}
.coating-service-card .card-tag{font-size:10px;line-height:1.5;min-height:30px;margin:0 0 16px;letter-spacing:1px}
.coating-service-card h3{font:400 clamp(17px,1.5vw,22px)/1.5 'Michroma',sans-serif;letter-spacing:-.5px;min-height:66px;margin:0 0 20px}
.coating-service-card .big-price{font-size:clamp(38px,4vw,54px);margin-bottom:22px}
.coating-service-card .coating-summary{color:#e1e3e6;font-size:15px;line-height:1.7;margin:0 0 18px;min-height:52px}
.coating-service-card ul{margin:0 0 24px;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.7}
.coating-service-card li+li{margin-top:9px}
.coating-service-card .coating-warranty{font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin:0 0 22px}
.coating-service-card .button{margin-top:auto;min-height:52px;line-height:1.5;font-size:10px;letter-spacing:.2px;padding:14px 10px;gap:8px;text-align:center;justify-content:center}
.coating-availability{margin:26px 0 0;color:var(--muted);font-size:14px;line-height:1.8}
.coating-availability a{color:var(--yellow)}
@media(max-width:900px){.coating-service-grid{grid-template-columns:1fr}.coating-service-card h3,.coating-service-card .card-tag,.coating-service-card .coating-summary{min-height:0}}
@media(min-width:701px) and (max-width:900px){.coating-card-photo{aspect-ratio:2/1}}
@media(max-width:700px){.coating-card-photo{margin-top:-26px}.coating-photo-care img{object-position:center 46%}}
@media(max-width:700px){.pricing-page .windshield-section{grid-template-columns:1fr}.windshield-overview{display:block}.pricing-windshield-photo{height:300px;min-height:0}.pricing-page .windshield-price{padding:26px 24px}.windshield-price h3{font-size:20px}.coating-service-card{padding:26px 24px}.coating-service-card h3{font-size:22px}.coating-service-card .button{font-size:12px}}
@media(max-width:900px) and (min-width:701px){.ppf-section .coverage-grid{gap:12px}.ppf-section .coverage-card{padding:22px 16px}.ppf-section .coverage-card .button{font-size:10px}.ppf-section .coverage-description{min-height:7em}}
@media(max-width:700px){.ppf-section .price-heading{align-items:flex-start;flex-direction:column;gap:22px}.ppf-product{flex-direction:row;align-items:center;gap:16px}.ppf-product img{width:90px}.ppf-product span{font-size:10px}.ppf-section .coverage-grid{grid-template-columns:1fr;gap:20px}.ppf-section .coverage-card{padding:26px 24px}.ppf-section .coverage-card h3{font-size:26px}.ppf-section .coverage-description{min-height:0}.pricing-coverage-diagram{max-width:400px;align-self:center;margin:14px 0 18px}.ppf-section .big-price{font-size:48px}.ppf-section .coverage-card .button{font-size:12px}}