/* Section 09 only. Official logo colours and proportions are never filtered. */
.petro-home [data-home-section="09"]{--pb09-gold:#c6a16c;position:relative;direction:rtl;padding:30px 0 22px;color:#f1f3f4;border:0;background-color:#14212a;background-image:linear-gradient(180deg,rgba(7,18,26,.34),rgba(7,18,26,.14) 55%,rgba(7,18,26,.68)),url("../../images/home/09-brands/refinery-network.webp");background-size:cover;background-position:center;scroll-margin-top:140px}
.petro-home [data-home-section="09"]::before{content:"";position:absolute;top:0;left:50%;width:min(1380px,calc(100% - 64px));height:1px;translate:-50% 0;background:linear-gradient(90deg,transparent,rgba(221,177,127,.22) 18%,rgba(221,177,127,.62) 50%,rgba(221,177,127,.22) 82%,transparent);pointer-events:none}
.petro-home [data-home-section="09"],.petro-home [data-home-section="09"] *{box-sizing:border-box}
.petro-home [data-home-section="09"] .pb09-wrap{width:min(1380px,calc(100% - 64px));margin-inline:auto}
.petro-home [data-home-section="09"] .pb09-heading{position:relative;text-align:center;margin-bottom:24px;background:radial-gradient(ellipse at center,rgba(7,18,26,.48),transparent 72%);text-shadow:0 1px 3px rgba(0,0,0,.45)}
.petro-home [data-home-section="09"] .pb09-kicker{margin:0 0 7px;color:#d5ac74;font-size:15px;font-weight:600;line-height:1.8}
.petro-home [data-home-section="09"] h2{margin:0 0 10px;font-size:clamp(28px,2.4vw,36px);line-height:1.6;font-weight:700;color:#f8fafb}
.petro-home [data-home-section="09"] .pb09-intro{margin:0;color:#c6d0d7;font-size:15px;line-height:1.9}
.petro-home [data-home-section="09"] .pb09-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.petro-home [data-home-section="09"] .pb09-row{min-width:0;width:100%;display:flex;direction:ltr;align-items:center;gap:7px;padding:9px 10px;border:1px solid rgba(198,161,108,.30);border-radius:55px;background:linear-gradient(180deg,rgba(55,59,59,.56),rgba(12,25,34,.78) 38%,rgba(16,29,37,.80) 70%,rgba(57,54,48,.50));box-shadow:inset 0 1px 6px rgba(220,179,120,.08),0 4px 12px rgba(0,0,0,.18)}
.petro-home [data-home-section="09"] .pb09-window{min-width:0;flex:1;overflow-x:auto;scrollbar-width:none;direction:ltr;scroll-behavior:auto}
.petro-home [data-home-section="09"] .pb09-window::-webkit-scrollbar{display:none}
.petro-home [data-home-section="09"] .pb09-track{display:flex;width:200%;direction:ltr}
.petro-home [data-home-section="09"] .pb09-group{display:flex;flex:0 0 50%;min-width:0;direction:ltr}
.petro-home [data-home-section="09"] .pb09-item{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 6px;border-right:1px solid rgba(177,194,204,.12);text-decoration:none;color:#d9e0e5;outline-offset:-2px}
.petro-home [data-home-section="09"] .pb09-logo{width:100%;max-width:96px;height:32px;display:flex;align-items:center;justify-content:center;padding:5px 7px;background:#f3f5f5;border:1px solid rgba(223,229,231,.35);border-radius:5px}
.petro-home [data-home-section="09"] .pb09-logo-dark{background:rgba(16,28,37,.70);border-color:rgba(177,194,204,.12)}
.petro-home [data-home-section="09"] .pb09-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.petro-home [data-home-section="09"] [data-brand="emerson"] .pb09-logo{padding:1px 7px}
.petro-home [data-home-section="09"] .pb09-name{font:500 9.5px/1.4 Arial,sans-serif;text-align:center;min-height:18px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.petro-home [data-home-section="09"] .pb09-placeholder{width:100%;max-width:96px;height:32px;display:grid;place-content:center;border:1px solid rgba(135,147,154,.13);border-radius:5px;background:rgba(16,28,37,.22);color:#84939b;text-align:center;font:7.5px/1.45 Tahoma,sans-serif}
.petro-home [data-home-section="09"] .pb09-step{flex:0 0 26px;width:26px;height:26px;padding:0;border:1px solid rgba(198,161,108,.65);border-radius:50%;color:var(--pb09-gold);background:#14232a;font:23px/1 Arial,sans-serif;cursor:pointer}
.petro-home [data-home-section="09"] .pb09-step:hover{background:#30404a}
.petro-home [data-home-section="09"] .pb09-bottom{text-align:center;margin-top:18px}
.petro-home [data-home-section="09"] .pb09-all{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:8px 22px;border:1px solid #e1b77e;border-radius:10px;background:linear-gradient(180deg,#e0b77b,#b67e42);color:#20272b;text-decoration:none;font-family:inherit;font-size:15px;font-weight:600;line-height:1.8}
.petro-home [data-home-section="09"] .pb09-all:hover{background:#e0b77b}
.petro-home [data-home-section="09"] .pb09-promise{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0 0;color:#d0d8dd;font-size:14px;font-weight:500;line-height:1.9;background:radial-gradient(ellipse at center,rgba(7,18,26,.48),transparent 70%)}
.petro-home [data-home-section="09"] .pb09-promise::before,.petro-home [data-home-section="09"] .pb09-promise::after{content:"";width:64px;height:1px;flex:0 1 64px;background:linear-gradient(90deg,rgba(198,161,108,.72),transparent)}
.petro-home [data-home-section="09"] .pb09-promise::after{background:linear-gradient(90deg,transparent,rgba(198,161,108,.72))}
.petro-home [data-home-section="09"] .pb09-promise-copy{direction:ltr;display:flex;align-items:center;justify-content:center;gap:12px}
.petro-home [data-home-section="09"] .pb09-promise-copy > span{direction:rtl}
.petro-home [data-home-section="09"] .pb09-promise svg{display:block;flex:0 0 26px;width:26px;height:26px;fill:none;stroke:var(--pb09-gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.petro-home [data-home-section="09"] .pb09-toggle{display:inline-flex;align-items:center;margin:0;padding:1px 7px;border:1px solid #c6a16c30;border-radius:4px;background:transparent;color:#aebbc3;font-family:inherit;font-size:10px;line-height:1.7;cursor:pointer}
.petro-home [data-home-section="09"] [hidden]{display:none}
.petro-home [data-home-section="09"] .pb09-secondary{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:10px}
.petro-home [data-home-section="09"] .pb09-note{margin:0;color:#afbdc6;font-size:11px;line-height:1.8}
.petro-home [data-home-section="09"] :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--pb09-gold);outline-offset:2px}
.petro-home [data-home-section="09"] .is-ready .pb09-track{animation:pb09-scroll 50s linear infinite}
.petro-home [data-home-section="09"] .is-ready[data-direction="ltr"] .pb09-track{animation-direction:reverse;animation-duration:56s}
.petro-home [data-home-section="09"] .pb09-row:is(:hover,:focus-within) .pb09-track,.petro-home [data-home-section="09"].is-paused .pb09-track{animation-play-state:paused}
@keyframes pb09-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1100px){
.petro-home [data-home-section="09"] .pb09-track{width:calc(var(--pb09-item-count, 10) * 200px)}
.petro-home [data-home-section="09"] .pb09-name{white-space:normal}
}
@media(max-width:600px){
.petro-home [data-home-section="09"] .pb09-wrap{width:calc(100% - 28px)}
.petro-home [data-home-section="09"] h2{font-size:25px}
.petro-home [data-home-section="09"] .pb09-intro{font-size:13px}
.petro-home [data-home-section="09"] .pb09-promise{gap:8px;font-size:12px}
.petro-home [data-home-section="09"] .pb09-promise-copy{gap:8px}
.petro-home [data-home-section="09"] .pb09-promise::before,.petro-home [data-home-section="09"] .pb09-promise::after{flex-basis:22px;width:22px}
.petro-home [data-home-section="09"] .pb09-row{gap:4px;padding:10px 6px}
.petro-home [data-home-section="09"] .pb09-step{flex-basis:25px;width:25px;height:25px;font-size:23px}
}
@media(prefers-reduced-motion:reduce){
.petro-home [data-home-section="09"] .is-ready .pb09-track{animation:none;transform:none;width:100%}
.petro-home [data-home-section="09"] .pb09-group{flex:0 0 100%;flex-wrap:wrap;row-gap:12px}
.petro-home [data-home-section="09"] .pb09-item{flex:0 0 20%}
.petro-home [data-home-section="09"] .pb09-group[aria-hidden="true"]{display:none}
.petro-home [data-home-section="09"] :is(.pb09-step,.pb09-toggle){display:none}
}