/* COR-34: scoped styles; existing site navigation, campaign and lower sections stay intact. */
.fleet-home-page .cor34-hero,.cor34-network,.cor34-discover{font-family:"Gilroy",Arial,sans-serif;color:#121217;box-sizing:border-box}
.fleet-home-page .cor34-hero{position:relative;display:block;max-width:1552px;min-height:638px;height:auto;margin:24px auto 0;padding:0;background:#f7f4f2 url('assets/hero-desktop.png') center bottom/cover no-repeat;border-radius:16px;overflow:hidden}
.cor34-hero .cor34-hero-inner{display:grid;grid-template-columns:minmax(0,540px) minmax(0,505px);grid-template-rows:auto 1fr;column-gap:clamp(32px,8vw,155px);row-gap:40px;max-width:1200px;margin:0 auto;padding:130px 0 150px;position:relative;min-height:638px;box-sizing:border-box}
.cor34-hero #cor34-title{grid-column:1;grid-row:1;font-size:56px;line-height:1.14;font-weight:700;color:#000;margin:0;letter-spacing:normal}
.cor34-hero .cor34-benefits{grid-column:1;grid-row:2;display:flex;align-items:flex-start;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.cor34-hero .cor34-benefits li{display:flex;align-items:center;gap:8px;background:#ede5df;border-radius:8px;padding:8px;margin:0;font-size:14px;line-height:20px;font-weight:600}
.cor34-benefits img{display:block;width:20px;height:20px;flex:none}
.cor34-hero .cor34-fleet{grid-column:2;grid-row:1/span 2;align-self:start;background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:24px;box-shadow:0 16px 32px #12162010;box-sizing:border-box}
.cor34-hero #cor34-question{margin:0 0 32px;font-size:20px;line-height:28px;text-align:center;font-weight:600;color:#121217}
.cor34-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cor34-hero .cor34-sizes button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:104px;padding:20px 8px;margin:0;border:0;border-radius:8px;background:linear-gradient(90deg,#f54c36 26%,#ff6702 95%);color:#fff;font:600 16px/24px Gilroy,Arial,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal}
.cor34-sizes img{width:20px;height:20px;object-fit:contain;display:block}
.cor34-hero button:focus-visible,.cor34-discover a:focus-visible,.cor34-discover button:focus-visible,.cor34-rail:focus-visible{outline:3px solid #2538c5;outline-offset:4px}
.cor34-network{padding:72px 24px;max-width:1552px;margin:0 auto;text-align:center}
.cor34-network h2{font:700 36px/44px Gilroy,Arial,sans-serif;margin:0 0 12px;color:#121217}
.cor34-network p{font:400 18px/28px Gilroy,Arial,sans-serif;color:#66605c;margin:0}
.cor34-brands{max-width:1200px;display:flex;align-items:center;justify-content:center;gap:12px;margin:48px auto 0;padding:0;list-style:none}
.cor34-brand{display:flex;align-items:center;justify-content:center;min-width:0;flex:1;height:89px;margin:0;padding:16px;background:#fff;border:1px solid #f6f6f6;border-radius:8px;box-shadow:0 3px 6px #dfd4cd4a;box-sizing:border-box}
.cor34-brand img{max-width:100%;max-height:55px;object-fit:contain;display:block;width:auto;height:auto}
.cor34-brand-shell{flex:2.5;height:106px;padding:24px}
.cor34-brand-shell img{max-height:57px}
.cor34-brand-united,.cor34-brand-bp{height:70px}
.cor34-brand-liberty,.cor34-brand-caltex{height:76px}
.cor34-brand-liberty img{width:49px;height:20px;object-fit:cover;object-position:left}
.cor34-discover{overflow:hidden;padding:72px 0;max-width:1552px;margin:auto}
.cor34-discover h2{font:700 40px/48px Gilroy,Arial,sans-serif;text-align:center;margin:0 16px 48px;color:#000}
.cor34-discover h2 span{color:#ff542c}
.cor34-controls{display:flex;justify-content:center;gap:8px;margin-top:36px}
.cor34-controls[hidden]{display:none}
.cor34-controls button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;padding:8px;margin:0;background:linear-gradient(90deg,#f54c36,#ff6702);cursor:pointer}
.cor34-controls button:disabled{background:#f5f5f8;opacity:.5;cursor:default}
.cor34-controls img{display:block;width:16px;height:16px}
@media(max-width:1439px){.fleet-home-page .cor34-hero{margin-left:24px;margin-right:24px}.cor34-hero .cor34-hero-inner{padding-left:clamp(24px,6vw,96px);padding-right:clamp(24px,6vw,96px);column-gap:40px}.cor34-hero #cor34-title{font-size:clamp(38px,4vw,56px)}}
@media(max-width:1000px) and (min-width:769px){.cor34-hero .cor34-hero-inner{grid-template-columns:1fr 1fr;padding:80px 32px 180px;column-gap:24px}.cor34-hero .cor34-fleet{padding:20px}.cor34-sizes{grid-template-columns:repeat(2,1fr)}.cor34-hero .cor34-sizes button{min-height:64px;flex-direction:row}.cor34-brand{padding:8px}.cor34-brand-shell{padding:12px}}
@media(max-width:768px){.fleet-home-page .cor34-hero{min-height:688px;margin:16px 16px 0;border-radius:8px;background-image:url('assets/hero-mobile.png');background-size:100% auto}.cor34-hero .cor34-hero-inner{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 24px 220px;min-height:688px}.cor34-hero #cor34-title{order:0;font-size:28px;line-height:36px;text-align:center;width:100%;max-width:480px}.cor34-hero .cor34-fleet{order:1;width:100%;max-width:460px;padding:16px;align-self:center}.cor34-hero #cor34-question{font-size:16px;line-height:24px;margin-bottom:12px}.cor34-sizes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cor34-hero .cor34-sizes button{flex-direction:row;gap:8px;padding:12px 6px;min-height:48px}.cor34-hero .cor34-benefits{order:2;align-items:center}.cor34-hero .cor34-benefits li{font-size:14px;padding:8px}.cor34-network{padding:64px 24px 32px}.cor34-network h2{font-size:28px;line-height:36px}.cor34-network p{font-size:16px;line-height:24px}.cor34-brands{display:grid;grid-template-columns:repeat(2,128px);gap:8px;max-width:264px;margin-top:24px}.cor34-brand{width:128px;height:56px;padding:12px;grid-column:auto}.cor34-brand img{max-height:34px;max-width:70px}.cor34-brand-shell{grid-column:1/span 2;grid-row:1;width:264px;height:76px}.cor34-brand-shell img{max-width:140px;max-height:38px}.cor34-brand-ampol{grid-row:2;grid-column:1}.cor34-brand-mobil{grid-row:2;grid-column:2}.cor34-brand-eg{grid-row:3;grid-column:1}.cor34-brand-liberty{grid-row:3;grid-column:2}.cor34-brand-caltex{grid-row:4;grid-column:1}.cor34-brand-7eleven{grid-row:4;grid-column:2}.cor34-brand-united{grid-row:5;grid-column:1}.cor34-brand-bp{grid-row:5;grid-column:2}.cor34-discover{padding:32px 0}.cor34-discover h2{font-size:28px;line-height:36px;max-width:360px;margin:0 auto 24px;padding:0 16px}.cor34-discover h2 span{display:block}.cor34-rail{padding-left:16px;padding-right:16px;gap:4px}.cor34-offer{flex-basis:calc(100vw - 34px);border-radius:8px}.cor34-controls{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.cor34-rail{scroll-behavior:auto}}

/* Align with the existing header/promo container, including large desktop screens. */
@media(min-width:769px){
 .fleet-home-page .cor34-hero,.fleet-home-page .cor34-network,.fleet-home-page .cor34-discover{width:calc(100% - 48px);max-width:1552px;margin-left:auto;margin-right:auto}
 .cor34-network{padding-left:0;padding-right:0}.cor34-brands{max-width:none}
 .cor34-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;overflow:visible;padding:0}
 .cor34-controls{display:none!important}
}
.cor34-offer{position:relative;display:block;min-width:0;min-height:370px;border:1px solid #f1efec;border-radius:16px;overflow:hidden;text-decoration:none;box-sizing:border-box;background-color:#fff;scroll-snap-align:start}
.cor34-offer-fuel{padding:32px;color:#fff;background:#f54c36 url('assets/offer-fuel-background.png') right top/cover no-repeat}
.cor34-offer-logo{font-size:20px;line-height:29px;font-weight:700;color:#fff}
.cor34-offer-copy{margin-top:48px;max-width:49%}
.cor34-offer .cor34-offer-copy h3{font:700 26px/1.25 Gilroy,Arial,sans-serif;color:#fff;margin:0 0 12px}
.cor34-offer-copy p{font:400 16px/1.5 Gilroy,Arial,sans-serif;color:#fff;margin:0}
.cor34-offer .cor34-offer-terms{font:400 13px/1.5 Gilroy,Arial,sans-serif;margin:0}
.cor34-offer-fuel .cor34-offer-terms{position:absolute;left:32px;bottom:24px;color:#fff}
.cor34-offer-rewards{background:#fff url('assets/offer-rewards-background.png') right top/cover no-repeat}
.cor34-rewards-content{position:relative;display:flex;flex-direction:column;min-height:370px;padding:32px;width:78%;max-width:434px;box-sizing:border-box}
.cor34-offer-logos{display:flex;align-items:center;gap:24px}
.cor34-offer img{display:block;object-fit:contain;max-width:100%}
.cor34-offer .cor34-offer-fc{height:16px;width:auto}
.cor34-offer .cor34-offer-va{height:46px;width:auto}
.cor34-offer .cor34-rewards-content h3{font:700 28px/1.2 Gilroy,Arial,sans-serif;color:#121217;margin:36px 0 12px}
.cor34-rewards-copy{font:400 18px/1.5 Gilroy,Arial,sans-serif;margin:0 0 24px;color:#121217}
.cor34-rewards-copy strong{font-weight:700}.cor34-rewards-copy sup{font-size:.6em;vertical-align:super}
.cor34-offer-apply{display:flex;align-items:center;justify-content:space-between;gap:12px;width:200px;max-width:100%;padding:14px 20px;border-radius:8px;background:linear-gradient(90deg,#f54c36,#ff6702);color:#fff!important;font:600 16px/24px Gilroy,Arial,sans-serif;text-decoration:none!important}
.cor34-rewards-content .cor34-offer-terms{margin-top:auto;padding-top:24px;color:#121217}
@media(min-width:769px) and (max-width:1199px){
 .cor34-offer-fuel{padding:24px;background-position:center top}.cor34-offer-copy{margin-top:32px;max-width:56%}
 .cor34-offer .cor34-offer-copy h3{font-size:22px}.cor34-offer-copy p{font-size:14px}
 .cor34-rewards-content{padding:24px;width:84%}.cor34-offer-logos{gap:16px}.cor34-offer .cor34-offer-va{height:32px}.cor34-offer .cor34-offer-fc{height:14px}
 .cor34-offer .cor34-rewards-content h3{font-size:24px;margin-top:28px}.cor34-rewards-copy{font-size:16px}
}
/* Keep each mobile slide inside persistent page gutters, including after snapping. */
@media(max-width:768px){
 .fleet-home-page .cor34-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0;margin:0 16px;scroll-padding:0}
 .cor34-rail::-webkit-scrollbar{display:none}
 .cor34-rail .cor34-offer{flex:0 0 100%;min-height:0;height:auto;aspect-ratio:785/402;border-radius:8px;container-type:inline-size}
 .cor34-offer-fuel{padding:4%;background-position:right top;background-size:cover}
 .cor34-offer-logo{font-size:clamp(10px,3.4cqw,20px);line-height:1.2}
 .cor34-offer-copy{position:absolute;left:4cqw;top:30%;margin:0;max-width:49%}
 .cor34-offer .cor34-offer-copy h3{font-size:clamp(14px,4.4cqw,26px);line-height:1.2;margin:0 0 2cqw}
 .cor34-offer-copy p{font-size:clamp(10px,2.9cqw,16px);line-height:1.4}
 .cor34-offer-fuel .cor34-offer-terms{left:4cqw;bottom:4cqw;font-size:clamp(9px,2.5cqw,12px);line-height:1.2}
 .cor34-offer-rewards{background-position:right top;background-size:cover}
 .cor34-offer-rewards:before{display:none}
 .cor34-rewards-content{position:absolute;inset:0;min-height:0;width:75%;max-width:none;padding:4cqw}
 .cor34-offer-logos{gap:3cqw}
 .cor34-offer .cor34-offer-fc{height:clamp(10px,3.2cqw,16px);width:auto}
 .cor34-offer .cor34-offer-va{height:clamp(20px,6cqw,36px);width:auto}
 .cor34-offer .cor34-rewards-content h3{font-size:clamp(14px,4cqw,26px);line-height:1.2;margin:4cqw 0 1.5cqw}
 .cor34-rewards-copy{font-size:clamp(10px,2.9cqw,16px);line-height:1.4;margin:0 0 2cqw}
 .cor34-offer-apply{width:65%;font-size:clamp(11px,3cqw,16px);line-height:1.3;padding:2cqw 3cqw;border-radius:5px}
 .cor34-rewards-content .cor34-offer-terms{margin-top:auto;padding-top:1cqw;font-size:clamp(9px,2.5cqw,12px);line-height:1.2}
 .fleet-home-page .cor34-controls{display:flex;gap:8px;margin-top:20px}
}
/* Exported arrows are orange; use explicit contrasting colours for each state. */
.fleet-home-page .cor34-controls button{width:32px;height:32px;min-height:32px;padding:8px;border:0;border-radius:50%;background:linear-gradient(90deg,#f54c36,#ff6702);opacity:1}
.fleet-home-page .cor34-controls button img{width:16px;height:16px;filter:brightness(0) invert(1);opacity:1}
.fleet-home-page .cor34-controls button:disabled{background:#ececef;opacity:1;cursor:default}
.fleet-home-page .cor34-controls button:disabled img{filter:grayscale(1);opacity:.45}

.fleet-home-page .cor34-controls button[data-cor34-direction="-1"] img{transform:rotate(180deg)}

/* UAT: reserve artwork space in proportion to mobile width, below all benefits. */
@media(max-width:768px){
 .fleet-home-page .cor34-hero{margin-top:16px}
 .fleet-home-page .cor34-hero .cor34-hero-inner{padding-bottom:calc((100vw - 32px) * .68 + 24px)}
}