/* Page8996 compositions, using the shared VW V2 typography, buttons and FAQ. */
#brake-pads-main .hero{padding:34px 0 44px}
#brake-pads-main .hero .wrap{grid-template-columns:1.14fr .86fr;gap:44px}
#brake-pads-main .bp-breadcrumb{font-size:13px;color:var(--steel);margin-bottom:22px}
#brake-pads-main .bp-breadcrumb a{color:var(--blue)}
#brake-pads-main .hero h1{margin-bottom:18px}
#brake-pads-main .hero h1 span{display:block}
#brake-pads-main .hero .answer{margin-bottom:18px}
#brake-pads-main .hero-media img{aspect-ratio:5/4;object-position:67% center}
#brake-pads-main figcaption{font-size:12px;line-height:1.5;color:var(--steel);margin-top:10px}
#brake-pads-main .bp-price-cue{font-size:14px;line-height:1.55;padding-left:16px;border-left:3px solid var(--blue);margin-bottom:24px}
#brake-pads-main .bp-price-cue strong{color:var(--navy)}
#brake-pads-main .hero-actions{gap:12px;margin-bottom:0}
#brake-pads-main .bp-urgent{font-size:13px;line-height:1.55;margin-top:22px;max-width:60ch}
#brake-pads-main .bp-urgent strong{color:var(--navy)}
#brake-pads-main .bp-section{padding:64px 0}
#brake-pads-main h2{margin-bottom:16px}
#brake-pads-main .bp-head{max-width:760px;margin-bottom:30px}
#brake-pads-main .bp-label{display:block;font-size:12px;font-weight:650;color:var(--steel);margin-bottom:10px}
#brake-pads-main .bp-price-layout{display:grid;grid-template-columns:1.3fr .9fr;gap:40px;align-items:start}
#brake-pads-main .bp-price-table{border-top:2px solid var(--navy)}
#brake-pads-main .bp-price-row{display:grid;grid-template-columns:1fr auto;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}
#brake-pads-main .bp-price-row h3{font-size:22px;line-height:1.3;margin-bottom:12px}
#brake-pads-main .bp-price-row p{font-size:14px;line-height:1.6;max-width:35ch}
#brake-pads-main .bp-price-row strong{font-size:25px;letter-spacing:-.02em;line-height:1.2;color:var(--blue);padding-top:27px;white-space:nowrap}
#brake-pads-main .bp-price-row small{display:block;font-size:12px;font-weight:500;color:var(--steel);letter-spacing:0;margin-top:8px}
#brake-pads-main .bp-quote{background:var(--tint);border-radius:var(--r-md);padding:28px}
#brake-pads-main .bp-quote h3{font-size:24px;line-height:1.25;margin-bottom:16px}
#brake-pads-main .bp-quote>p{font-size:14px;line-height:1.6}
#brake-pads-main .bp-quote .hero-actions{margin-top:22px}
#brake-pads-main .bp-small{font-size:12px!important;color:var(--steel);line-height:1.55!important;margin-top:20px}
#brake-pads-main .bp-inclusions{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}
#brake-pads-main .bp-inclusions p{font-size:13px;line-height:1.6}
#brake-pads-main .bp-inclusions strong{display:block;margin-bottom:6px;color:var(--navy)}
#brake-pads-main .bp-choice-head{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;margin-bottom:28px}
#brake-pads-main .bp-photo{margin:0;min-width:0}
#brake-pads-main .bp-photo img{width:100%;height:auto;display:block;object-fit:cover;border-radius:var(--r-md)}
#brake-pads-main .bp-comparison-photo{max-width:330px;justify-self:end}
#brake-pads-main .bp-comparison-photo img{object-fit:contain;aspect-ratio:3/2;background:#fff}
#brake-pads-main .bp-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
#brake-pads-main .bp-choices article{padding:26px;border-right:1px solid var(--line);min-width:0}
#brake-pads-main .bp-choices article:first-child{padding-left:0}
#brake-pads-main .bp-choices article:last-child{padding-right:0;border-right:0}
#brake-pads-main .bp-choices h3{font-size:22px;line-height:1.3;margin-bottom:14px}
#brake-pads-main .bp-choices p{font-size:14px;line-height:1.65}
#brake-pads-main .bp-note{font-size:13px;line-height:1.6;margin-top:24px;max-width:110ch}
#brake-pads-main .bp-fitment-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
#brake-pads-main .bp-pad-photo img{aspect-ratio:3/2;object-fit:cover;object-position:center}
#brake-pads-main .bp-pad-photo figcaption{max-width:42ch;margin-inline:auto;text-align:center}
#brake-pads-main .bp-rows{margin-top:24px}
#brake-pads-main .bp-rows>div{display:grid;grid-template-columns:124px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
#brake-pads-main .bp-rows dt{font-size:14px;font-weight:750;color:var(--navy)}
#brake-pads-main .bp-rows dd{margin:0;font-size:14px;line-height:1.6}
#brake-pads-main .bp-models{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid var(--line);padding-top:28px;margin-top:36px}
#brake-pads-main .bp-models h3{font-size:22px;line-height:1.3;margin-bottom:12px}
#brake-pads-main .bp-models p{font-size:14px;line-height:1.65}
#brake-pads-main .bp-rear-surface{background:var(--tint)}
#brake-pads-main .bp-rear-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}
#brake-pads-main .bp-rear-layout aside{padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
#brake-pads-main .bp-rear-layout aside h3{font-size:24px;line-height:1.25;margin-bottom:18px}
#brake-pads-main .bp-rear-layout aside p{font-size:14px;line-height:1.65;margin-bottom:18px}
#brake-pads-main .bp-fitting-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
#brake-pads-main .bp-fitting-layout>*{min-width:0}
#brake-pads-main .bp-fitting-photo img{aspect-ratio:4/3;object-position:55% center}
#brake-pads-main .bp-steps{display:grid;gap:22px;list-style:none;margin-top:28px}
#brake-pads-main .bp-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px}
#brake-pads-main .bp-steps li>span{font-size:13px;font-weight:750;line-height:36px;color:var(--blue);height:36px;border:1px solid var(--line);border-radius:50%;text-align:center}
#brake-pads-main .bp-steps h3{font-size:20px;line-height:1.3;margin:5px 0 10px}
#brake-pads-main .bp-steps p{font-size:14px;line-height:1.65}
#brake-pads-main .bp-aftercare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
#brake-pads-main .bp-aftercare article{padding-top:22px;border-top:2px solid var(--line-2)}
#brake-pads-main .bp-aftercare h3{font-size:22px;line-height:1.3;margin-bottom:14px}
#brake-pads-main .bp-aftercare p{font-size:14px;line-height:1.65}
#brake-pads-main .bp-closing{background:var(--tint);padding:44px 0}
#brake-pads-main .bp-closing .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
#brake-pads-main .bp-closing h2{font-size:28px;margin-bottom:12px}
#brake-pads-main .bp-closing p{font-size:15px;max-width:58ch}
#brake-pads-main .bp-closing .hero-actions{justify-content:flex-end}
@media(max-width:1024px){#brake-pads-main .hero .wrap{gap:28px}#brake-pads-main .bp-price-layout,#brake-pads-main .bp-fitment-layout,#brake-pads-main .bp-rear-layout,#brake-pads-main .bp-fitting-layout{gap:30px}#brake-pads-main .bp-price-row{grid-template-columns:1fr;gap:14px}#brake-pads-main .bp-price-row strong{padding-top:0}#brake-pads-main .bp-closing .wrap{grid-template-columns:1fr}#brake-pads-main .bp-closing .hero-actions{justify-content:flex-start}}
@media(max-width:800px){#brake-pads-main .hero .wrap,#brake-pads-main .bp-price-layout,#brake-pads-main .bp-fitment-layout,#brake-pads-main .bp-rear-layout,#brake-pads-main .bp-fitting-layout{grid-template-columns:1fr}#brake-pads-main .hero-media{max-width:600px;width:100%;margin:0 auto}#brake-pads-main .hero-media img{aspect-ratio:16/9}#brake-pads-main .bp-price-row{grid-template-columns:1fr auto}#brake-pads-main .bp-price-row strong{padding-top:27px}#brake-pads-main .bp-pad-photo{max-width:420px;justify-self:center}#brake-pads-main .bp-choices article{padding-inline:16px}#brake-pads-main .bp-fitting-photo{max-width:620px}}
@media(max-width:600px){#brake-pads-main .hero{padding:24px 0 36px}#brake-pads-main .hero h1{font-size:36px}#brake-pads-main .bp-section{padding:44px 0}#brake-pads-main .bp-price-row{grid-template-columns:1fr;gap:14px}#brake-pads-main .bp-price-row strong{padding-top:0}#brake-pads-main .bp-choice-head,#brake-pads-main .bp-choices,#brake-pads-main .bp-aftercare,#brake-pads-main .bp-models,#brake-pads-main .bp-inclusions{grid-template-columns:1fr;gap:24px}#brake-pads-main .bp-choices{gap:0}#brake-pads-main .bp-comparison-photo{justify-self:center}#brake-pads-main .bp-choices article,#brake-pads-main .bp-choices article:first-child,#brake-pads-main .bp-choices article:last-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}#brake-pads-main .bp-choices article:last-child{border-bottom:0}#brake-pads-main .bp-rows>div{grid-template-columns:100px minmax(0,1fr);gap:14px}#brake-pads-main .bp-quote,#brake-pads-main .bp-rear-layout aside{padding:24px}#brake-pads-main .hero-actions a{min-height:48px}}