/* One readable product block. The full photograph retains both screens. */
body.focus .road{min-height:760px;height:100svh;background:#080f17}
body.focus .road-title{position:relative;top:auto;left:auto;right:auto;width:43%;max-width:640px;margin:55px 0 0 45px;z-index:4}
body.focus .product-location{font-size:18px;margin-bottom:15px}
body.focus .road h1{font-size:clamp(44px,4.1vw,72px);line-height:1.09;margin:0;letter-spacing:-1.8px}
body.focus .road .sub{font-size:17px;margin-top:20px}
body.focus .road-order{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:22px;width:auto;margin:30px 0 0;padding:0;background:none;border:0;color:white}
body.focus .road-order .price{display:block;margin:0}
.price-line{display:flex;align-items:baseline;gap:12px}
body.focus .price strong{font:500 56px/1 Exo,Arial,sans-serif;letter-spacing:-2px}
body.focus .price .per-vehicle{font:400 18px/1.4 Exo,Arial,sans-serif}
body.focus .price .lifetime{display:block;font:400 15px/1.5 Exo,Arial,sans-serif;color:#c7d4dc;margin-top:8px}
body.focus .actions{display:flex;gap:12px;width:100%;max-width:395px}
body.focus .actions>*{flex:1;min-width:0;padding:17px 22px;font:600 17px/1.4 Exo,Arial,sans-serif}
body.focus .road .backdrop{top:200px;left:auto;right:0;bottom:auto;width:min(65%,calc((100svh - 190px)*1.333));height:auto;transform:none;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 88%,transparent)}
body.focus .road:after{background:linear-gradient(90deg,#080f17 0%,#080f1700 52%),linear-gradient(180deg,#080f1733,transparent 50%,#080f1755)}
body.focus .vehicle-status{top:145px;right:45px;gap:10px;font-size:16px}
@media(min-width:701px) and (max-width:1050px){body.focus .road-title{width:48%;margin-left:32px;margin-top:35px}body.focus .road h1{font-size:42px}body.focus .road .backdrop{top:325px;width:64%}body.focus .vehicle-status{right:32px;top:125px}body.focus .actions>*{padding:16px;gap:22px}body.focus .road .sub{font-size:15px}}
@media(max-width:700px){body.focus .road{height:auto;min-height:100svh;padding-bottom:25px}body.focus .road-title{width:auto;max-width:none;margin:32px 22px 0}body.focus .product-location{font-size:15px;margin-bottom:12px}body.focus .road h1{font-size:clamp(34px,10vw,44px);line-height:1.1;letter-spacing:-1px}body.focus .road .sub{font-size:14px;margin-top:17px}body.focus .road-order{margin-top:24px;gap:18px}body.focus .price strong{font-size:45px}body.focus .price .per-vehicle{font-size:17px}body.focus .price .lifetime{font-size:14px;margin-top:5px}body.focus .actions>*{padding:15px 17px;font-size:16px;min-height:56px}body.focus .road .backdrop{position:relative;inset:auto;width:100%;height:auto;margin:0;transform:none;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent)}body.focus .vehicle-status{position:relative;inset:auto;margin:23px 22px 0;display:flex;flex-direction:row;justify-content:space-between;gap:20px;text-align:left;font-size:14px}body.focus .vehicle-status>*{display:block}body.focus .vehicle-status small{display:block;font-size:12px;margin-top:3px}body.focus .road{display:flex;flex-direction:column}body.focus .road header{order:0}body.focus .road-title{order:1}body.focus .road .backdrop{order:2;margin-top:22px}body.focus .vehicle-status{order:3}body.focus .road:after{background:linear-gradient(180deg,transparent 45%,#080f1722 80%,#080f1766);z-index:1}}
@media(min-width:701px){body.focus .road .backdrop{mask-image:linear-gradient(to right,transparent,#000 9%,#000),linear-gradient(to bottom,transparent,#000 15%,#000 88%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000),linear-gradient(to bottom,transparent,#000 15%,#000 88%,transparent);-webkit-mask-composite:source-in}}
/* Larger background photograph, positioned to keep both displays in view. */
@media(min-width:701px){body.focus .road .backdrop{top:115px;right:0;width:min(100%,calc((100svh - 135px)*1.92));height:auto;mask-image:linear-gradient(to right,transparent,#000 10%,#000),linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000),linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent)}body.focus .road:after{background:linear-gradient(90deg,#080f17db 0%,#080f1780 24%,transparent 55%),linear-gradient(180deg,#080f1733,transparent 55%,#080f1777)}}
@media(min-width:701px) and (max-width:1050px){body.focus .road .backdrop{top:255px;width:100%}}
@media(max-width:700px){body.focus .road .backdrop{width:110%;max-width:none;margin-left:-5%;margin-top:-8px}body.focus .road-title{z-index:4}}
@media(min-width:1051px){body.focus .road-title{margin-top:25px}body.focus .road .backdrop{top:205px;width:min(100%,calc((100svh - 170px)*1.8))}}
/* Match full browser proportions, including a 1905 × 911 content viewport. */
@media(min-width:1051px){body.focus .road-title{margin-top:18px;width:43%}body.focus .road h1{font-size:clamp(44px,4.1vw,60px)}body.focus .road-order{margin-top:24px;gap:18px}body.focus .road .backdrop{width:92%;right:0;top:calc(100svh - 46vw - 48px)}body.focus .road:after{background:linear-gradient(90deg,#080f17df 0%,#080f1780 23%,transparent 49%),linear-gradient(180deg,#080f1755,transparent 45%,#080f1744)}}
@media(min-width:1051px) and (max-width:1600px){body.focus .road .backdrop{width:80%;top:calc(100svh - 40vw - 48px)}}
@media(min-width:701px) and (max-height:760px){body.focus .road{min-height:100svh}}
/* Vehicle availability belongs beside the product, not at the far edge. */
body.focus .vehicle-status{position:absolute;top:600px;left:45px;right:auto;bottom:auto;display:flex;flex-direction:row;gap:36px;text-align:left;font-size:20px;line-height:1.4}
body.focus .vehicle-status>*{display:block;text-align:left}
body.focus .vehicle-status small{display:block;margin-top:5px;font-size:15px;color:#c7d4dc}
@media(min-width:701px) and (max-height:760px){body.focus .vehicle-status{top:565px;font-size:18px}}
@media(max-width:700px){body.focus .vehicle-status{position:relative;inset:auto;order:2;margin:26px 22px 0;justify-content:flex-start;gap:40px;font-size:19px}body.focus .vehicle-status small{font-size:14px;margin-top:5px}body.focus .road .backdrop{order:3;margin-top:8px}}
body.focus .road-title .vehicle-status{position:relative;inset:auto;margin:26px 0 0;justify-content:flex-start}