body{margin:0;background:#E9E8E5}
a{color:#0B2545}a:hover{color:#CE1126}
.a-hero{background:linear-gradient(90deg,rgba(11,37,69,0.80) 0%,rgba(11,37,69,0.45) 42%,rgba(11,37,69,0) 68%),url(/assets/hero-tanker-v2.jpg) 72% center/cover no-repeat,#0B2545}
.a-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}
.a-nav a{position:relative;color:#0B2545;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:1px;padding:12px 16px;transition:color .2s ease}
.a-nav a::after{content:"";position:absolute;left:16px;right:16px;bottom:6px;height:2px;background:#CE1126;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.a-nav a:hover{color:#CE1126}
.a-nav a:hover::after{transform:scaleX(1)}
.a-btn{transition:background-color .2s ease,transform .2s ease}
.a-btn:hover{background:#A50E1F !important;color:#fff !important;transform:translateY(-1px)}
.a-ghost{transition:background-color .2s ease}
.a-ghost:hover{background:rgba(255,255,255,0.22) !important;color:#fff !important}
.a-link:hover{text-decoration:underline !important}
.a-card-btn{transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.a-card-btn:hover{background:#CE1126;border-color:#CE1126 !important;color:#fff !important}
.a-stats,.a-products,.a-steps{display:grid;gap:16px}
.a-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.a-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.a-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.a-step{padding:0 24px;border-right:1px solid #C3C9D2}
.a-step:first-child{padding-left:0}
.a-step:last-child{border-right:0}
@media (max-width:900px){.a-step{padding:0 0 32px !important;border-right:0 !important}}
@media (max-width:900px){.a-head{grid-template-columns:minmax(0,1fr) auto}.a-stats,.a-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.a-products{grid-template-columns:repeat(2,minmax(0,1fr))}.a-h1{font-size:44px !important}.a-nav{display:none !important}}
@media (max-width:900px){.a-cta{grid-template-columns:minmax(0,1fr) !important}.f3-cols{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
.f3-col a{color:#3D4B5F;text-decoration:none;transition:color .2s ease}
.f3-col a:hover{color:#CE1126}
.f3-top{transition:background-color .2s ease,transform .2s ease}
.f3-top:hover{background:#CE1126 !important;transform:translateY(-2px)}
@media (max-width:520px){.a-products,.a-steps{grid-template-columns:minmax(0,1fr)}}

html{scroll-behavior:smooth}
img{max-width:100%}
.m-menu{display:none;position:relative;justify-self:end}
.m-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:#0B2545}
.m-menu summary::-webkit-details-marker{display:none}
.m-menu nav{position:absolute;right:0;top:56px;z-index:20;background:#F6F5F3;border-radius:12px;box-shadow:0 12px 32px rgba(11,37,69,.18);padding:8px;display:flex;flex-direction:column;min-width:220px}
.m-menu nav a{color:#0B2545;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:1px;padding:14px 16px;border-radius:8px}
.m-menu nav a:hover{background:#E9E8E5;color:#CE1126}
.m-menu nav a.m-rfq{background:#CE1126;color:#fff;margin-top:6px;text-align:center}
@media (max-width:900px){.m-menu{display:block}.hdr-btn{display:none !important}.hdr-logo img{height:52px !important}.a-hero{min-height:560px !important}.a-hero>div{padding:0 8px !important}}
@media (max-width:600px){h2{font-size:34px !important;letter-spacing:-0.5px !important}section>div[style*="padding: 48px"]{padding:24px !important}section[style*="padding: 80px 40px"]{padding:48px 24px !important}.a-stats p[style*="font-size: 56px"],.a-stats p[style*="font-size: 48px"]{font-size:36px !important}.f3-top{right:16px !important;bottom:16px !important}.f3-cols{grid-template-columns:minmax(0,1fr) !important}footer>div:first-child{padding:36px 20px 80px !important}}

/* Hero buttons: equal width, no arrow */
.hero-btns a{display:inline-flex;align-items:center;justify-content:center;min-width:200px;box-sizing:border-box;text-align:center}
@media (max-width:600px) and (orientation:portrait){.hero-btns{flex-direction:column}.hero-btns a{width:100%}}
/* Tablet landscape: 4:3 image */
@media (orientation:landscape) and (max-width:1366px) and (min-height:600px){
.a-hero{background:linear-gradient(90deg,rgba(11,37,69,0.82) 0%,rgba(11,37,69,0.5) 42%,rgba(11,37,69,0) 68%),url(/assets/hero-tanker-tablet-v2.jpg) right center/cover no-repeat,#0B2545 !important}
.a-h1{font-size:60px !important}.a-hero>div:not(.hero-spacer){max-width:620px !important}
}
/* Phones and tablets in portrait: full tanker on top, fading into navy behind the text */
@media (orientation:portrait) and (max-width:1024px){
.a-hero{background:linear-gradient(180deg,rgba(11,37,69,0) 0%,rgba(11,37,69,0) 62%,rgba(11,37,69,0.9) 86%,#0B2545 95%) top center/100% calc((100vw - 24px) * 1.25 + 4px) no-repeat,url(/assets/hero-tanker-portrait-v2.jpg) top center/100% auto no-repeat,#0B2545 !important;min-height:0 !important;padding-top:calc((100vw - 24px) * 0.95) !important;padding-bottom:32px !important}
.a-hero .hero-spacer{display:none}
}

/* Phones in landscape: compact hero that fits the screen */
@media (orientation:landscape) and (max-height:500px) and (max-width:950px){
.a-hero{min-height:0 !important;padding:24px 28px !important;background:#0B2545 !important}
.a-hero::before{content:"";position:absolute;top:0;right:0;bottom:0;width:56%;background:url(/assets/hero-tanker-square.jpg) 50% 55%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 18%,#000 40%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 18%,#000 40%)}
.a-hero .hero-spacer{display:none}
.a-hero>div:not(.hero-spacer){position:relative;z-index:1;max-width:46% !important;padding:0 !important}
.a-h1{font-size:30px !important;letter-spacing:-0.5px !important}
.a-hero p{font-size:13px !important;margin-top:12px !important}
.a-hero p:first-child{font-size:10px !important;margin:0 0 10px !important}
.hero-btns{margin-top:18px !important}
.hero-btns a{min-width:170px;padding:12px 16px !important;font-size:14px !important}
}

/* Mobile menu: dimmed backdrop that fades downwards, open/close icon */
.m-menu .ic-close{display:none}
.m-menu[open] .ic-open{display:none}
.m-menu[open] .ic-close{display:block}
.m-menu[open] summary::after{content:"";position:fixed;inset:0;z-index:15;background:linear-gradient(180deg,rgba(11,37,69,0.65) 0%,rgba(11,37,69,0.4) 50%,rgba(11,37,69,0.15) 100%);animation:mfade .25s ease}
.m-menu summary{position:relative;z-index:21}
.m-menu nav{z-index:30}
.m-menu[open] nav{animation:mdrop .2s ease}
@keyframes mfade{from{opacity:0}to{opacity:1}}
@keyframes mdrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Tablet portrait: logo centred in the header */
@media (orientation:portrait) and (min-width:601px) and (max-width:900px){
.a-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important}
.a-head .hdr-logo{grid-column:2;grid-row:1;justify-self:center !important}
.a-head .m-menu{grid-column:3;grid-row:1}
}
/* Tablets and phones in landscape (touch screens): centred final call to action */
@media (pointer:coarse) and (min-width:601px), (orientation:landscape) and (max-height:500px) and (max-width:950px){
.a-cta{grid-template-columns:minmax(0,1fr) !important;justify-items:center;text-align:center}
.a-cta>*{justify-self:center !important;align-self:auto !important}
.a-cta h2{order:1}.a-cta p:not(:last-child){order:2}.a-cta .a-btn{order:3;margin-top:8px}.a-cta p:last-child{order:4}
}

/* How it Works (expanded) */
.hiw .eyebrow{margin:0 0 16px;font-size:12px;letter-spacing:2px;font-weight:600;color:#CE1126}
.hiw .h2{margin:0;font-family:Archivo,sans-serif;font-weight:600;font-size:56px;line-height:1.05;letter-spacing:-1.5px;text-wrap:balance}
.hiw .intro{margin:0;font-size:17px;line-height:1.65;color:#3D4B5F;max-width:62ch}
.hiw .photo{display:block;width:100%;height:440px;object-fit:cover;border-radius:20px}
.hiw .o4-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.hiw .track{margin-top:72px;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.hiw .track::before{content:"";position:absolute;left:24px;right:24px;top:23px;height:2px;background:#C3C9D2}
.hiw .step{position:relative}
.hiw .step h3{margin:16px 0 8px;font-size:18px;font-weight:600;color:#0B2545}
.hiw .step p,.hiw .sub p{margin:0;font-size:15px;line-height:1.6;color:#3D4B5F}
.hiw .dot{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#CE1126;color:#fff;font-family:Archivo,sans-serif;font-weight:600;font-size:17px;box-shadow:0 0 0 8px #E9E8E5}
.hiw .o4-grid{margin-top:72px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hiw .sub{background:#F6F5F3;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px}
.hiw .sub h3{margin:0;font-family:Archivo,sans-serif;font-size:22px;font-weight:600;color:#0B2545;text-wrap:balance}
.hiw .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.hiw .chips span{font-size:12px;font-weight:600;letter-spacing:.5px;color:#0B2545;background:#E4E7EC;padding:6px 10px;border-radius:6px}
.hiw .note{margin:32px 0 0;font-size:13px;color:#4E5B6E;text-align:center}
@media (max-width:1100px){.hiw .o4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hiw .track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.hiw .track::before{display:none}}
@media (max-width:900px){.hiw .o4-top{grid-template-columns:minmax(0,1fr);gap:32px}.hiw .photo{height:300px}}
@media (max-width:600px){.hiw .o4-grid,.hiw .track{grid-template-columns:minmax(0,1fr)}.hiw .photo{height:220px}.hiw .sub{padding:24px}}

/* How it Works 4C: full-width photo, heading and intro below (tops aligned), steps in a panel */
.hiw .hiw-photo-full{height:520px}
.hiw .hiw-head{margin-top:72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.hiw .hiw-head .eyebrow{margin-top:0}
.hiw .track-box{margin-top:72px;background:#F6F5F3;border-radius:16px;padding:40px 40px 36px}
.hiw .track-box .track{margin-top:0}
.hiw .track-box .dot{box-shadow:0 0 0 8px #F6F5F3}
@media (max-width:900px){.hiw .hiw-head{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:40px}.hiw .hiw-photo-full{height:300px}.hiw .track-box{padding:28px 24px;margin-top:48px}}
@media (max-width:600px){.hiw .hiw-photo-full{height:220px}}

/* Footer: logo and description left, contact first */
.pf{margin-top:12px;background:#F6F5F3;border-top:2px solid #CE1126;border-radius:8px;overflow:hidden}
.pf-body{position:relative;padding:56px 64px 64px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:40px;align-items:start}
.pf-brand{display:flex;flex-direction:column;gap:20px}
.pf-brand img{display:block;height:54px;width:auto;max-width:100%}
.pf-brand p{margin:0;font-size:15px;line-height:1.65;color:#3D4B5F;max-width:36ch}
.pf-col{display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:1.5}
.pf-h{margin:0 0 4px;font-size:13px;letter-spacing:1.8px;font-weight:600;color:#0B2545}
.pf-col a{color:#3D4B5F;text-decoration:none;transition:color .2s ease}
.pf-col a:hover,.pf-col a:focus-visible{color:#CE1126}
.pf-contact a{display:flex;align-items:center;gap:10px;color:#0B2545;font-weight:500;font-size:15px}
.pf-contact svg{flex:none;color:#CE1126}
.pf-pair{display:flex;gap:20px}
.pf-top{position:absolute;right:32px;bottom:24px;width:48px;height:48px;border-radius:8px;background:#0B2545;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}
.pf-top:hover,.pf-top:focus-visible{background:#CE1126;transform:translateY(-2px)}
.pf-strip{background:#0B2545;color:#C9D2DE;padding:18px 24px;text-align:center;font-size:13px}
@media (max-width:1200px){.pf-body{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 32px}.pf-brand{grid-column:1 / -1;flex-direction:row;align-items:center;gap:40px}.pf-brand p{max-width:60ch}}
@media (max-width:900px){.pf-body{grid-template-columns:repeat(2,minmax(0,1fr));padding:48px 40px 88px}.pf-brand{flex-direction:column;align-items:flex-start;gap:20px}}
@media (max-width:600px){.pf-body{grid-template-columns:minmax(0,1fr);padding:36px 20px 96px !important}.pf-top{right:20px;bottom:28px}}

.a-nav a.is-current{color:#CE1126}.a-nav a.is-current::after{transform:scaleX(1)}

/* Footer dotted map of Iraq: always shown at its exact drawn size (prevents moire) */
.pf-brand img.pf-iraq{display:block;width:196px;height:189px;max-width:none;flex:none;margin-top:4px}
@media (max-width:1200px){.pf-brand{align-items:flex-start}.pf-brand .pf-iraq{margin:0 0 0 auto}}
@media (max-width:900px){.pf-brand .pf-iraq{margin:4px 0 0}}

/* Phones (portrait and landscape): smaller, lighter map, centred */
.pf-brand img.pf-iraq-sm{display:none;width:137px;height:132px}
@media (max-width:600px),(orientation:landscape) and (max-height:500px) and (max-width:950px){
.pf-brand img.pf-iraq-lg{display:none}
.pf-brand img.pf-iraq-sm{display:block;align-self:center;margin:8px auto 0}
.pf-brand{flex-direction:column;align-items:flex-start}
}

/* Phones: map as a faint background behind the description */
@media (max-width:600px),(orientation:landscape) and (max-height:500px) and (max-width:950px){
.pf-brand{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"logo" "desc";row-gap:20px}
.pf-brand>a{grid-area:logo}
.pf-brand>p{grid-area:desc;position:relative;z-index:1;text-shadow:0 0 3px #F6F5F3,0 0 6px #F6F5F3}
.pf-brand img.pf-iraq-sm{grid-area:desc;align-self:center;justify-self:center;margin:0;opacity:.5;z-index:0}
}

/* Footer map, all screen sizes: red dotted Iraq behind the description, adding no height */
.pf-brand{display:grid;grid-template-columns:minmax(0,60ch);grid-template-areas:"logo" "desc";row-gap:20px;align-items:start}
.pf-brand>p{max-width:none}
.pf-brand>a{grid-area:logo}
.pf-brand>p{grid-area:desc;position:relative;z-index:1;text-shadow:0 0 3px #F6F5F3,0 0 6px #F6F5F3}
.pf-brand img.pf-iraq-sm{display:block;grid-area:desc;align-self:center;justify-self:center;width:137px;height:132px;max-width:none;margin:-16px 0;opacity:.5;z-index:0;pointer-events:none}
@media (max-width:1200px) and (min-width:601px){.pf-brand{grid-template-columns:auto minmax(0,60ch);grid-template-areas:"logo desc";column-gap:40px;align-items:center}}
@media (max-width:600px),(orientation:landscape) and (max-height:500px) and (max-width:950px){.pf-brand{grid-template-columns:minmax(0,60ch);grid-template-areas:"logo" "desc"}}

/* Crude oil and diesel note under the product cards */
.crude-note{max-width:780px;margin:40px auto 0;text-align:center;font-size:15px;line-height:1.65;color:#3D4B5F}
.crude-note a{color:#CE1126;font-weight:600;text-decoration:none;white-space:nowrap}
.crude-note a:hover,.crude-note a:focus-visible{text-decoration:underline}

/* footer column headings are links */
.pf-col a.pf-h{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:#0B2545;font-weight:600;font-size:13px;letter-spacing:1.8px;text-decoration:none}
.pf-col a.pf-h span{font-size:14px;letter-spacing:0;color:#CE1126;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}
.pf-col a.pf-h:hover,.pf-col a.pf-h:focus-visible{color:#CE1126}
.pf-col a.pf-h:hover span,.pf-col a.pf-h:focus-visible span{opacity:1;transform:none}

/* 100px between the closing CTA and the footer */
.cta-end + .pf{margin-top:100px}

/* Closing call to action: quick request with the Baghdad desk */
.ce{background:#0B2545;color:#fff;border-radius:20px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}
.ce h2{margin:0;font-family:Archivo,sans-serif;font-weight:600;letter-spacing:-1.5px;line-height:1.05;color:#fff}
.ce .eb{margin:0 0 14px;font-size:12px;letter-spacing:2px;font-weight:600}
.ce-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 24px;border:0;border-radius:8px;background:#CE1126;color:#fff;font:600 15px Inter,system-ui,sans-serif;cursor:pointer;transition:background-color .2s,transform .2s;box-sizing:border-box}
.ce-btn:hover,.ce-btn:focus-visible{background:#A50E1F;transform:translateY(-1px)}
.ce-links svg{flex:none}
.ce{background:#0B2545;color:#fff;padding:64px 72px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.ce .eb{color:#F2A0AA}.ce h2{font-size:56px}
.ce-l>p:not(.eb){margin:18px 0 0;font-size:18px;line-height:1.6;color:#C9D2DE}
.ce-desk{margin-top:28px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.ce-clock{grid-row:span 2;display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.08)}
.ce-desk b{font-size:15px;font-weight:600}.ce-desk span{font-size:14px;color:#AEB9C9}
.ce-desk em{font-style:normal;color:#fff;font-weight:600}
.ce-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:15px}
.ce-links a{color:#fff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px}
.ce-links a:hover{border-color:#fff}
.ce-form{background:#F6F5F3;border-radius:16px;padding:32px;color:#0B2545}
.ce-form h3{margin:0;font-family:Archivo,sans-serif;font-weight:600;font-size:22px}
.ce-form>p{margin:6px 0 22px;font-size:14px;color:#4E5B6E}
.ce-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.ce-f{display:flex;flex-direction:column;gap:6px}.ce-f.w{grid-column:1/-1}
.ce-f label{font-size:13px;font-weight:600;color:#0B2545}
.ce-f input,.ce-f select{font:500 15px Inter,sans-serif;color:#0B2545;background:#fff;border:1.5px solid #C3C9D2;border-radius:8px;padding:12px 14px;height:48px;box-sizing:border-box;width:100%;transition:border-color .2s,box-shadow .2s}
.ce-f input:focus,.ce-f select:focus{outline:0;border-color:#0B2545;box-shadow:0 0 0 3px rgba(11,37,69,.12)}
.ce-q{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px}
.ce-sub{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.ce-sub .ce-btn{min-width:220px}
.ce-sub small{font-size:13px;color:#4E5B6E;line-height:1.5}
@media (max-width:1100px){.ce{grid-template-columns:minmax(0,1fr);gap:36px;padding:48px 40px}}
@media (max-width:600px){.ce{padding:40px 20px}.ce h2{font-size:38px;letter-spacing:-1px}.ce-l>p:not(.eb){font-size:16px}.ce-form{padding:22px 18px}.ce-g{grid-template-columns:minmax(0,1fr)}.ce-sub .ce-btn{flex:1 1 100%;min-width:0}}
@media (orientation:landscape) and (max-height:500px) and (max-width:950px){.ce{grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:24px;padding:28px}.ce h2{font-size:32px;letter-spacing:-.8px}.ce-l>p:not(.eb){font-size:14px;margin-top:10px}.ce-desk{margin-top:16px;padding-top:14px}.ce-clock{width:40px;height:40px}.ce-desk b{font-size:13px}.ce-desk span{font-size:12px}.ce-links{margin-top:12px;font-size:13px}.ce-form{padding:18px}.ce-form h3{font-size:17px}.ce-form>p{margin:2px 0 12px;font-size:12px}.ce-g{gap:10px}.ce-f label{font-size:12px}.ce-f input,.ce-f select{height:40px;padding:8px 10px;font-size:14px}.ce-sub{margin-top:14px}.ce-sub .ce-btn{min-width:0;padding:11px 16px;font-size:14px}.ce-sub small{display:none}}

/* Header dropdowns (desktop) */
.a-nav .nav-dd{position:relative}
.a-nav .nav-dd>a{display:inline-flex;align-items:center;gap:6px}
.a-nav .dd-ch{transition:transform .2s ease}
.a-nav .nav-dd:hover .dd-ch,.a-nav .nav-dd:focus-within .dd-ch{transform:rotate(180deg)}
.a-nav .dd-menu{position:absolute;top:100%;left:50%;z-index:40;padding-top:10px;min-width:250px;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.a-nav .nav-dd:hover .dd-menu,.a-nav .nav-dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.a-nav .dd-in{background:#FFFFFF;border-radius:12px;box-shadow:0 16px 40px rgba(11,37,69,.16);border:1px solid #E3E6EB;padding:8px;display:flex;flex-direction:column}
.a-nav .dd-in a{display:block;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;letter-spacing:0;color:#0B2545;white-space:nowrap}
.a-nav .dd-in a::after{display:none}
.a-nav .dd-in a:hover,.a-nav .dd-in a:focus-visible{background:#F2F1EE;color:#CE1126}
.a-nav .dd-in a[aria-current="page"]{color:#CE1126;font-weight:600}
/* Mobile menu: close button inside the panel, expandable sections */
.m-menu .ic-close{display:none!important}
.m-menu[open] .ic-open{display:block!important}
.m-menu nav{min-width:270px;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto}
.m-menu .m-top{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px 16px;margin-bottom:4px;border-bottom:1px solid #DCDDDF}
.m-menu .m-top span{font-size:12px;letter-spacing:2px;font-weight:600;color:#4E5B6E}
.m-menu .m-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:8px;background:#0B2545;cursor:pointer}
.m-menu .m-close:hover{background:#CE1126}
.m-menu .m-sub summary{width:auto;height:auto;background:none;position:static;z-index:auto;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#0B2545;font-size:14px;font-weight:600;letter-spacing:1px;padding:14px 16px;border-radius:8px}
.m-menu .m-sub summary::-webkit-details-marker{display:none}
.m-menu .m-sub summary:hover{background:#E9E8E5;color:#CE1126}
.m-menu .m-sub .dd-ch{transition:transform .2s ease}
.m-menu .m-sub[open] .dd-ch{transform:rotate(180deg)}
.m-menu .m-sub-in{display:flex;flex-direction:column;margin:0 0 6px 16px;padding-left:10px;border-left:2px solid #E3E6EB}
.m-menu .m-sub-in a{font-size:14px;font-weight:500;letter-spacing:0;padding:10px 12px}
.m-menu .m-sub-in a[aria-current="page"]{color:#CE1126;font-weight:600}
.m-menu[open] .m-sub summary::after{content:none;display:none}

.crude-note.crude-note-2{margin-top:12px}