/* Model detail: the same brand system, with a dedicated product stage. */
.model-page [hidden]{display:none!important}
.model-page .kreia-invite{display:none!important}
.model-page .desktop-nav [aria-current="location"]{color:var(--red);border-bottom:2px solid var(--red)}
.model-page .mobile-nav [aria-current="location"]{color:var(--red);font-weight:750}
.model-showcase{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(0,1.53fr) minmax(260px,.83fr);min-height:max(610px,calc(100svh - 254px));background:#101a20}
.model-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:27px clamp(24px,3.5vw,64px) 34px;background:#f1f1eb}
.model-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:11px;color:#626769;margin-bottom:32px;line-height:1.6}
.model-breadcrumb a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b2b6b2}
.model-breadcrumb a:hover{color:var(--red);text-decoration-color:var(--red)}
.model-heading .drive-kicker{color:var(--red);font-size:11px;letter-spacing:.19em;margin-bottom:8px}
.model-heading .drive-kicker>.model-heading__generation{display:inline;width:auto;height:auto;background:none;margin:0;font-size:9px;letter-spacing:.12em;font-weight:500;color:#737b7c}
.model-heading h1{font-size:clamp(96px,8.8vw,151px);line-height:.85;margin:0;letter-spacing:-.035em;color:#192126}
.model-heading h1:after{content:'';display:block;width:48px;height:4px;background:var(--red);margin-top:21px}
.model-headline{font-family:DriveDisplay,'Arial Narrow',sans-serif;font-size:clamp(39px,3.45vw,61px);line-height:1;margin:23px 0 0;letter-spacing:-.018em}
.model-headline em{font-style:normal;color:var(--red)}
.model-summary>p{font-size:14px;line-height:1.65;color:#61696b;max-width:380px;margin:20px 0 24px}
.model-actions{display:flex;flex-wrap:wrap;gap:12px}
.model-actions .drive-button{flex:1 1 170px;min-height:49px;padding:12px 17px;gap:15px;font-size:12px}
.model-actions .drive-button>span{font-size:19px}
.model-pdf{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1 1 152px;min-height:53px;padding:10px 15px;border:1px solid #a3abaa;font-size:12px;font-weight:650;transition:border-color .2s,background .2s}
.model-pdf>svg{width:21px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.model-pdf>span:nth-child(2){margin-right:auto}
.model-pdf small{display:block;font-size:9px;font-weight:400;letter-spacing:.02em;margin-top:3px;color:#727b7c}
.model-pdf>span:last-child{font-size:19px}
.model-pdf:hover{border-color:var(--red);background:#fff}
.model-advisor-note{display:block;font-size:10px;line-height:1.6;color:#747c7c;margin-top:13px}

.model-scene{position:relative;isolation:isolate;overflow:hidden;min-width:0;display:flex;align-items:center;justify-content:center;margin:0;background:radial-gradient(ellipse at 50% 43%,#34454c 0%,#1b282f 45%,#10191f 85%)}
.model-scene__architecture{position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(117deg,transparent 0 170px,#ffffff02 171px 203px,#03090d36 204px 212px,transparent 213px 310px)}
.model-scene:before{content:'';position:absolute;left:0;top:16%;width:2px;height:44%;background:linear-gradient(transparent,#eb2544,transparent);transform:skewY(-45deg);opacity:.75}
.model-scene:after{content:'';position:absolute;inset:68% -20% 0;background:linear-gradient(180deg,#0e171b00,#091216cc);z-index:-1}
.model-scene__top{position:absolute;top:30px;left:30px;right:27px;display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.18em;color:#b7c4c8}
.model-scene__top>span:first-child{position:relative;padding-left:14px;border-left:1px solid #849296}
.model-scene__top>span:first-child:after{content:'';position:absolute;left:14px;bottom:-10px;width:29px;height:2px;background:#e72b45}
.model-scene__top>span:last-child{font-size:8px;color:#73858b}
.model-scene__spotlight{position:absolute;inset:10% -15% 15%;z-index:-1;opacity:.4;background:radial-gradient(ellipse at 60% 45%,#b7d3e01c,transparent 60%);animation:model-light 12s ease-in-out infinite}
.model-scene__display{position:relative;width:100%;aspect-ratio:1.2;display:flex;align-items:center;justify-content:center}
.model-scene__platform{position:absolute;bottom:4%;left:-2%;width:104%;height:13%;min-height:60px;max-height:105px;border-radius:50%;background:radial-gradient(ellipse at center,#3b494f 0%,#27333b 48%,#101a22 65%,#a6b6bd 66%,#c3d2d8 67%,#3b494e 69%,#10191f 72%);box-shadow:0 13px 15px #0009,0 1px 0 #d6e1e52e;transform:rotate(-3deg)}
.model-scene__platform:before{content:'';position:absolute;inset:8% 3%;border:1px solid #becdd21f;border-radius:50%}
.model-scene__platform i{position:absolute;inset:0;border-radius:50%;border-bottom:2px solid #ec2b48;clip-path:polygon(0 60%,21% 60%,29% 100%,0 100%);opacity:.8}
.model-scene__arrival{position:relative;z-index:2;width:96%;margin-top:-20px;animation:model-truck-enter .45s cubic-bezier(.16,.68,.23,1) both}
.model-scene__truck{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;filter:drop-shadow(0 23px 13px #0008);transform:translate3d(var(--model-x,0px),var(--model-y,0px),0);transition:transform .35s cubic-bezier(.2,.6,.2,1)}
.model-scene figcaption{position:absolute;left:30px;right:27px;bottom:25px;border-top:1px solid #b3c3ca2b;padding-top:14px;color:#d3dde0}
.model-scene figcaption>span{display:flex;gap:9px;align-items:center;font-size:9px;font-weight:650;letter-spacing:.15em}
.model-scene figcaption i{width:5px;height:5px;background:#f04055}
.model-scene figcaption small{display:block;margin-top:7px;font-size:9px;line-height:1.5;color:#8c9ca2}

.model-specs{position:relative;min-width:0;padding:32px clamp(22px,2.1vw,38px) 22px 24px;background:linear-gradient(110deg,#162229,#0e171c);color:#f2f4f2;display:flex;flex-direction:column;justify-content:center}
.model-specs:before{content:'';position:absolute;top:52px;bottom:38px;left:0;width:1px;background:linear-gradient(#596a7280,#596a7226)}
.model-specs .drive-kicker{color:#85989e;font-size:8px;letter-spacing:.14em;margin-bottom:10px}
.model-page .model-specs h2{font-size:clamp(25px,1.9vw,34px);line-height:1.08;letter-spacing:.035em}
.model-specs__list{margin:18px 0 20px}
.model-specs__list>div{display:grid;grid-template-columns:23px minmax(0,1fr);column-gap:12px;row-gap:3px;padding:9px 0;border-bottom:1px solid #8ba0aa23}
.model-specs__list svg{grid-row:1/3;align-self:center;width:21px;height:24px;fill:none;stroke:#c3cfd2;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.model-specs__list dt{font-size:10px;color:#a5b6bc;line-height:1.3}
.model-specs__list dd{margin:0;font-size:15px;font-weight:600;line-height:1.4}
.model-specs__list dd>small{font-size:11px;font-weight:400;color:#afc0c7}
.model-specs__list dd>span{color:#e32f49;margin-inline:3px}
.model-application{display:flex;align-items:flex-start;gap:14px;border:1px solid #7f969c40;padding:14px;background:#0c151b2b}
.model-application>svg{width:28px;height:38px;flex-shrink:0;fill:none;stroke:#e7edeb;stroke-width:2.5;stroke-linecap:square}
.model-application>div>span{font-size:9px;letter-spacing:.12em;color:#aabac0}
.model-page .model-application h3{font-size:25px;line-height:1;margin:5px 0 9px;letter-spacing:.015em}
.model-application p{font-size:11px;color:#aebfc4;line-height:1.55;margin:0}
.model-specs__note{font-size:10px;line-height:1.65;color:#8ea0a7;margin:13px 0 0}

.model-explore{padding:23px max(30px,calc((100vw - 1440px)/2)) 20px;background:#fafaf7;border-top:1px solid #d8ddd7}
.model-explore__top{display:flex;align-items:center;gap:20px;margin-bottom:15px}
.model-page .model-explore h2{font-family:'Segoe UI',Arial,sans-serif;font-size:10px;font-weight:750;letter-spacing:.15em;line-height:1.5;white-space:nowrap}
.model-explore__top>span{flex:1;height:1px;background:#d9ddd7}
.model-explore__top>a{font-size:11px;white-space:nowrap;color:var(--red);min-height:25px;display:flex;align-items:center;gap:15px}
.model-explore__top>a:hover{text-decoration:underline;text-underline-offset:4px}
.model-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(154px,1fr);gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a9b4b0 #ecefe9;padding:3px 2px 6px}
.model-strip__item{position:relative;display:flex;align-items:center;gap:13px;padding:13px 12px;border:1px solid transparent;min-height:90px;min-width:0;scroll-snap-align:start;transition:background .2s,border-color .2s}
.model-strip__item:before{content:'';position:absolute;left:-6px;top:17%;bottom:17%;width:1px;background:#d9ddd7}
.model-strip__item>img{width:76px;height:58px;object-fit:contain;flex-shrink:0;transition:transform .35s ease}
.model-strip__item>span{display:block;min-width:0}
.model-strip__item b{display:block;font:700 25px/1 DriveDisplay,'Arial Narrow',sans-serif;letter-spacing:-.01em}
.model-strip__item small{display:block;font-size:8px;margin-top:6px;color:#6e7979;letter-spacing:.03em}
.model-strip__item.is-current{border-color:#d51a34;background:#f7eeee;color:var(--red)}
.model-strip__item.is-current:before,.model-strip__item:first-child:before{display:none}
.model-strip__item.is-current>i{position:absolute;top:9px;right:9px;width:4px;height:4px;background:var(--red)}
.model-strip__item:hover{background:#eeeee8;border-color:#bfc9c3}
.model-strip__item:hover>img{transform:translateY(-3px)}
.model-strip__item:focus-visible{outline-offset:-3px}
.model-page .drive-footer{padding-top:40px}

@keyframes model-truck-enter{from{opacity:0;transform:translate3d(28px,12px,0) scale(.97)}to{opacity:1;transform:none}}
@keyframes model-light{0%,100%{opacity:.25;transform:translateX(-6%)}50%{opacity:.7;transform:translateX(6%)}}
.model-scene.is-resting .model-scene__spotlight{animation-play-state:paused}
.model-page.motion-off .model-scene__truck{transform:none}
/* The T480 cutout is wider than the T680; frame the complete vehicle on its platform. */
.model-page--t480 .model-scene__display{aspect-ratio:1.3}
.model-page--t480 .model-scene__arrival{width:114%;left:-1.5%;flex-shrink:0;margin-top:12px}
/* Preserve the T880 dump body, exhaust and full wheelbase inside the shared scene. */
.model-page--t880 .model-scene__display{aspect-ratio:1.3}
.model-page--t880 .model-scene__arrival{width:108%;left:-1%;flex-shrink:0;margin-top:12px}
/* Frame the complete DAF bodies and chassis without stretching their photographs. */
.model-page--cf .model-scene__display,.model-page--xg .model-scene__display{aspect-ratio:1.7}
.model-page--xb .model-scene__display{aspect-ratio:1.3}
.model-page--cf .model-scene__arrival,.model-page--xb .model-scene__arrival{width:100%;flex-shrink:0;margin-top:0}
.model-page--xg .model-scene__arrival{width:108%;flex-shrink:0;margin-top:0}
@media(min-width:1700px){.model-copy{padding-left:max(55px,calc((100vw - 1530px)/2))}.model-specs{padding-right:max(40px,calc((100vw - 1530px)/2))}}
@media(max-width:1350px){.model-showcase{grid-template-columns:minmax(300px,1.05fr) minmax(0,1.4fr) minmax(250px,.86fr)}.model-copy{padding-inline:28px}.model-headline{font-size:44px}.model-heading h1{font-size:113px}.model-specs{padding-inline:22px}.model-page .model-specs h2{font-size:27px}.model-summary>p{font-size:13px}.model-scene__arrival{width:96%}.model-strip__item{gap:9px;padding-inline:10px}.model-strip__item>img{width:67px}.model-explore{padding-inline:25px}}
@media(max-width:1100px){.model-showcase{grid-template-columns:minmax(295px,.92fr) minmax(0,1.4fr);min-height:0}.model-copy{min-height:590px;padding-inline:30px}.model-scene__arrival{width:94%}.model-specs{grid-column:1/-1;display:grid;grid-template-columns:.75fr 1.7fr 1fr;align-items:center;gap:20px 28px;padding:28px 30px}.model-specs:before{top:0;left:30px;right:30px;bottom:auto;width:auto;height:1px}.model-page .model-specs h2{font-size:27px}.model-specs__list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:0}.model-specs__list>div{padding:10px 0}.model-specs__list>div:first-child{grid-column:1/-1}.model-specs__list dd{font-size:13px}.model-specs__list>div:first-child dd{font-size:14px}.model-application{padding:15px 12px;gap:12px}.model-specs__note{grid-column:2/-1;margin:0}.model-strip{grid-auto-columns:174px}.model-heading h1{font-size:118px}.model-scene__platform{bottom:10%}}
@media(max-width:700px){.model-showcase{display:grid;grid-template-columns:minmax(0,1fr);background:#f1f1eb}.model-copy{display:contents}.model-breadcrumb{grid-row:1;margin:20px 22px 22px;font-size:10px;gap:9px}.model-heading{grid-row:2;display:grid;grid-template-columns:115px 1fr;gap:9px 16px;margin:0 22px 22px;align-items:center}.model-heading .drive-kicker{grid-column:1/-1;margin:0;font-size:10px}.model-heading__generation{font-size:8px}.model-heading h1{font-size:85px;line-height:.9;grid-column:1}.model-heading h1:after{width:34px;height:3px;margin-top:12px}.model-headline{grid-column:2;font-size:clamp(32px,6.7vw,45px);margin:0;line-height:1}.model-scene{grid-row:3;min-height:370px}.model-scene__top{top:22px;left:23px;right:23px;font-size:8px}.model-scene__arrival{width:min(88%,490px);margin-top:-25px}.model-scene__truck{max-height:305px}.model-scene__platform{bottom:14%;left:7%;width:86%;height:11%}.model-scene figcaption{left:22px;right:22px;bottom:15px;padding-top:10px}.model-scene figcaption>span{font-size:8px;letter-spacing:.12em}.model-scene figcaption small{font-size:8px;margin-top:5px}.model-summary{grid-row:4;margin:0;padding:23px 22px 26px}.model-summary>p{font-size:13px;margin:0 0 19px;max-width:500px}.model-actions{gap:10px}.model-actions .drive-button{flex:1 1 150px;min-height:53px;padding:12px 14px;font-size:12px}.model-pdf{flex:1 1 145px;padding-inline:12px;gap:9px}.model-pdf>svg{width:18px}.model-advisor-note{margin-top:12px}.model-specs{grid-column:auto;grid-row:5;grid-template-columns:1fr 1fr;gap:20px;padding:28px 22px}.model-specs:before{display:none}.model-specs__heading{grid-column:1/-1}.model-page .model-specs h2{font-size:32px}.model-specs__heading .drive-kicker{font-size:9px}.model-specs__list{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 24px}.model-specs__list>div:first-child{grid-column:auto}.model-specs__list>div{padding:12px 0}.model-specs__list dt{font-size:10px}.model-specs__list dd{font-size:14px}.model-application{grid-column:1/-1;padding:18px;align-items:center}.model-application p{max-width:290px;font-size:12px}.model-specs__note{grid-column:1/-1;font-size:10px;margin-top:-3px}.model-explore{padding:25px 20px 20px}.model-explore__top{gap:12px;margin-bottom:13px;flex-wrap:wrap}.model-page .model-explore h2{font-size:9px;letter-spacing:.1em}.model-explore__top>span{display:none}.model-explore__top>a{font-size:10px;gap:9px;margin-left:auto;min-height:32px}.model-strip{grid-auto-columns:175px;gap:10px}.model-strip__item>img{width:74px}.model-strip__item{min-height:92px}.model-page .drive-footer{padding-top:30px}}
@media(max-width:1100px){.model-scene__platform{bottom:4%}}
@media(max-width:700px){.model-heading{grid-template-columns:135px minmax(0,1fr);column-gap:14px}.model-heading h1{font-size:76px}.model-headline{font-size:clamp(29px,6.5vw,42px)}.model-actions .drive-button{font-size:11px;gap:10px}.model-scene__platform{bottom:3%}}
@media(max-width:370px){.model-heading{grid-template-columns:125px minmax(0,1fr);gap:10px}.model-heading h1{font-size:72px}.model-headline{font-size:29px}.model-scene{min-height:330px}.model-scene__truck{max-height:270px}.model-actions .drive-button,.model-pdf{flex-basis:100%}.model-specs__list{gap:0 17px}.model-specs__list>div{grid-template-columns:19px 1fr;column-gap:8px}.model-specs__list svg{width:18px}}
@media(max-width:340px){.model-heading{grid-template-columns:115px minmax(0,1fr)}.model-heading h1{font-size:66px}.model-headline{font-size:27px}}
@media(max-width:700px){.model-scene__arrival{animation-duration:.3s}}
@media(prefers-reduced-motion:reduce){.model-page *,.model-page *:before,.model-page *:after{animation:none!important;transition:none!important}.model-scene__truck{transform:none!important}}