/* Original Prammer vehicle stage on desktop; compact selection only on phones. */
.prammer-picks .pp-stage{position:relative;display:grid;grid-template-columns:1.5fr 1fr;background:#181d1b;color:#f7f5ee;isolation:isolate}
.prammer-picks .pp-picture{position:relative;overflow:hidden;padding:0;background:#282d29;min-width:0;min-height:390px;color:white;text-align:left}
.prammer-picks .pp-picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.prammer-picks .pp-picture:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}
.prammer-picks .pp-corner{position:absolute;top:24px;left:27px;background:#111916d9;padding:7px 10px;border-left:2px solid var(--red);font-size:11px;letter-spacing:.1em;text-transform:uppercase;z-index:1}
.prammer-picks .pp-picture-action{position:absolute;bottom:24px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;z-index:1;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.prammer-picks .pp-picture-action b{display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff8;font-size:23px;font-weight:400;transition:background .2s}
.prammer-picks .pp-picture:hover .pp-picture-action b{background:var(--red)}
.prammer-picks .pp-copy{display:flex;flex-direction:column;min-width:0;padding:28px 30px 20px}
.prammer-picks .pp-copy-content>.eyebrow{color:#ff665e;margin-bottom:12px;letter-spacing:.08em}
.prammer-picks .pp-copy-content h3{font-size:clamp(34px,3.5vw,50px);min-height:2.08em}
.prammer-picks .pp-specs{display:grid;grid-template-columns:.8fr .85fr 1.3fr;gap:12px;padding-block:17px;margin:22px 0;border-block:1px solid #ffffff23}
.prammer-picks .pp-specs dt{font-size:11px;color:#b9c2bc}
.prammer-picks .pp-specs dd{font-size:17px;font-weight:600;white-space:nowrap;margin:4px 0 0}
.prammer-picks .pp-price{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.prammer-picks .pp-price strong{font-size:30px;line-height:1.1;font-weight:600}
.prammer-picks .pp-price>span{font-size:11px;color:#b9c2bc}
.prammer-picks .pp-details{margin-top:auto;width:100%;min-height:49px;justify-content:space-between;font-size:14px}
.prammer-picks .pp-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.prammer-picks .pp-position{font-size:12px;letter-spacing:.15em;color:#c4cbc7;font-variant-numeric:tabular-nums}
.prammer-picks .pp-navigation>div{display:flex;gap:9px}
.prammer-picks .pp-navigation .icon-btn{width:46px;height:44px;border-color:#ffffff45;color:white}
.prammer-picks .pp-navigation .icon-btn:hover{background:#343d36}
.prammer-picks .pp-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff15;pointer-events:none}
.prammer-picks .pp-progress>span{display:block;width:100%;height:100%;background:var(--red);transform-origin:left;transform:scaleX(.333333);transition:transform .5s ease}
.prammer-picks .pp-selection-caption{display:flex;justify-content:space-between;gap:20px;margin:21px 0 12px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.prammer-picks .pp-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.prammer-picks .pp-thumb{position:relative;min-width:0;padding:0 0 12px;text-align:left;border-bottom:2px solid #cbcfc7}
.prammer-picks .pp-thumb-image{display:block;position:relative;overflow:hidden;height:108px;margin-bottom:10px;background:#dadbd5}
.prammer-picks .pp-thumb img{height:100%;width:100%;object-fit:cover;filter:saturate(.65);transition:filter .25s,transform .35s}
.prammer-picks .pp-thumb-image>span{position:absolute;top:8px;left:8px;padding:1px 6px;background:#17201adb;color:white;font-size:11px}
.prammer-picks .pp-thumb-brand{display:block;font-size:11px;color:var(--muted);letter-spacing:.1em}
.prammer-picks .pp-thumb strong{display:block;font:700 24px/1.1 BarlowCondensed,sans-serif;margin-top:4px}
.prammer-picks .pp-thumb[aria-pressed=true]{border-color:var(--red)}
.prammer-picks .pp-thumb[aria-pressed=true] .pp-thumb-brand{color:var(--red)}
.prammer-picks .pp-thumb[aria-pressed=true] .pp-thumb-image:after{content:'';position:absolute;inset:0;border:2px solid var(--red)}
.prammer-picks .pp-thumb:hover img,.prammer-picks .pp-thumb[aria-pressed=true] img{filter:saturate(1);transform:scale(1.025)}
.prammer-picks .pp-mobile{display:none}
.prammer-picks .pp-announcement{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}
@media(min-width:601px) and (max-width:900px){
  .prammer-picks .pp-stage{grid-template-columns:1.1fr 1fr}
  .prammer-picks .pp-copy{padding:24px 22px 18px}
  .prammer-picks .pp-copy-content h3{font-size:34px}
  .prammer-picks .pp-specs{grid-template-columns:1fr 1fr;gap:12px;margin-block:18px}
  .prammer-picks .pp-specs>div:last-child{grid-column:1/-1}
  .prammer-picks .pp-specs dd{font-size:16px}
  .prammer-picks .pp-picture-action{left:18px;right:18px;font-size:10px}
  .prammer-picks .pp-corner{left:18px;font-size:10px}
  .prammer-picks .pp-details{font-size:13px;padding-inline:12px;gap:10px}
  .prammer-picks .pp-heading-note{max-width:150px;font-size:12px}
}
@media(max-width:600px){
  .prammer-picks .pp-desktop,.prammer-picks .pp-heading-note{display:none}
  .prammer-picks .pp-mobile{display:flex;flex-direction:column;gap:10px;overflow-anchor:none;position:relative}
  .prammer-picks .pp-card{border:1px solid var(--line);background:white;min-width:0;position:relative;transform-origin:top center}
  .prammer-picks .pp-card.is-active{border-color:var(--ink);z-index:1}
  .prammer-picks .pp-toggle{display:grid;grid-template-columns:95px minmax(0,1fr);align-items:center;min-height:96px;width:100%;padding:0;text-align:left}
  .prammer-picks .pp-card-image{width:95px;height:96px;object-fit:cover;object-position:center 60%}
  .prammer-picks .pp-summary{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:5px;padding:12px}
  .prammer-picks .pp-summary strong{font:700 24px/1.04 BarlowCondensed,sans-serif;display:block;margin-bottom:6px}
  .prammer-picks .pp-summary .eyebrow{font-size:10px;letter-spacing:.06em;margin-bottom:4px}
  .prammer-picks .pp-mobile-price{display:block;font-size:15px;font-weight:600}
  .prammer-picks .pp-expand{align-self:center;color:var(--red);font-size:22px}
  .prammer-picks .is-active .pp-toggle{display:block}
  .prammer-picks .is-active .pp-card-image{width:100%;height:184px}
  .prammer-picks .is-active .pp-summary{padding:14px 14px 10px}
  .prammer-picks .is-active .pp-summary strong{font-size:28px}
  .prammer-picks .is-active .pp-mobile-price{font-size:19px}
  .prammer-picks .pp-card-detail{padding:0 14px 14px}
  .prammer-picks .pp-card-detail dl{display:grid;grid-template-columns:.8fr .85fr 1.3fr;gap:10px;border-top:1px solid var(--line);padding-top:10px;margin:0 0 12px}
  .prammer-picks .pp-card-detail dt{font-size:10px;color:var(--muted)}
  .prammer-picks .pp-card-detail dd{margin:2px 0 0;font-size:13px;white-space:nowrap}
  .prammer-picks .pp-card-detail>.btn{width:100%;font-size:13px;min-height:44px}
}
@media(max-width:350px){.prammer-picks .pp-toggle{grid-template-columns:85px minmax(0,1fr)}.prammer-picks .pp-card-image{width:85px}.prammer-picks .pp-summary strong{font-size:22px}.prammer-picks .is-active .pp-card-image{height:170px}.prammer-picks .pp-summary{padding:10px}}
@media(prefers-reduced-motion:reduce){.prammer-picks .pp-progress>span,.prammer-picks .pp-thumb img,.prammer-picks .pp-picture-action b{transition:none}.prammer-picks .pp-thumb:hover img,.prammer-picks .pp-thumb[aria-pressed=true] img{transform:none}}
