.nav-categories{position:static}.nav-categories summary{cursor:pointer;list-style:none;white-space:nowrap;font-size:12px;font-weight:600;color:#173d2e}.nav-categories summary::-webkit-details-marker{display:none}.nav-categories summary span{display:inline-block;margin-left:3px;color:#008c49;transition:transform .2s}.nav-categories[open] summary span{transform:rotate(180deg)}.nav-categories summary:focus-visible,.nav-category-panel a:focus-visible{outline:3px solid #008c49;outline-offset:3px}.nav-category-panel{position:absolute;z-index:25;left:50%;transform:translateX(-50%);top:100%;width:min(1150px,calc(100vw - 48px));max-height:calc(100vh - 130px);overflow:auto;background:white;border:1px solid #dce9df;box-shadow:0 16px 35px #123d2d26;padding:24px}.nav-category-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px;color:#143d2e}.nav-category-heading>a{color:#008c49;text-decoration:none;font-size:12px}.nav-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.nav-category-group{min-width:0;border:1px solid #e2ede5;background:#f8fbf8;padding:12px}.nav-category-group-title{display:flex;align-items:center;gap:12px;color:#143d2e;margin-bottom:8px}.nav-category-group-title img{width:60px;height:50px;object-fit:contain;background:#edf5ef}.nav-category-group-title strong{font-size:13px}.desktop-nav .nav-category-panel .nav-category-group a,.mobile-nav .nav-category-panel .nav-category-group a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 4px;border-top:1px solid #e2ede5;border-bottom:0;color:#315645;text-decoration:none;white-space:normal;font-size:11px;font-weight:500;line-height:1.4}.nav-category-group a:hover{color:#008c49;background:#edf7f0}.nav-category-group a span{color:#008c49}.desktop-nav .nav-category-panel a:last-child{display:flex}
@media(max-width:700px){.mobile-nav{max-height:calc(100vh - 106px);overflow:auto}.mobile-nav .nav-categories summary{padding:12px 0;border-bottom:1px solid #eff2ea;font-size:13px}.mobile-nav .nav-category-panel{position:static;transform:none;width:auto;max-height:none;overflow:visible;box-shadow:none;border:0;padding:14px 0}.mobile-nav .nav-category-heading>a{display:block;padding:0;border:0;font-size:11px}.mobile-nav .nav-category-grid{grid-template-columns:1fr;gap:8px}.mobile-nav .nav-category-group-title img{width:50px;height:42px}.mobile-nav .nav-category-group a{min-height:36px}}
.nav-category-group a img{width:40px;height:34px;object-fit:contain;flex:0 0 40px;background:#edf5ef}.nav-category-group a .nav-category-label{color:inherit;flex:1}
.nav-category-control{display:flex;align-items:center;gap:3px;white-space:nowrap}.nav-category-control> a{color:inherit;text-decoration:none}.nav-categories summary{display:flex;align-items:center;justify-content:center;min-width:26px;min-height:34px;border-radius:3px}.nav-categories summary:hover{background:#edf7f0}.nav-categories summary span{margin:0;font-size:17px}.mobile-nav .nav-category-control{border-bottom:1px solid #eff2ea}.mobile-nav .nav-category-control> a{flex:1;border:0}.mobile-nav .nav-categories summary{border:0;padding:8px 12px;min-width:44px;min-height:44px}
@media(max-width:1600px){.desktop-nav{display:none}.mobile-toggle{display:flex}.mobile-nav{padding:0 20px 20px;display:flex;flex-direction:column;gap:0;background:white;border-top:1px solid #e8eee1;max-height:calc(100vh - 106px);overflow:auto}.mobile-nav a,.mobile-nav button{padding:12px 0;border-bottom:1px solid #eff2ea;text-align:left;font-size:13px}.mobile-nav button{color:#008c49}.mobile-nav .nav-category-panel{position:static;transform:none;width:auto;max-height:none;overflow:visible;box-shadow:none;border:0;padding:14px 0}.mobile-nav .nav-category-grid{grid-template-columns:1fr;gap:8px}.mobile-nav .nav-category-heading>a{display:block;padding:0;border:0;font-size:11px}.mobile-nav .nav-category-control{position:relative}.mobile-nav .nav-category-control:has(.nav-categories[open]){display:block}.mobile-nav .nav-category-control:has(.nav-categories[open])>a{display:inline-block}.mobile-nav .nav-category-control:has(.nav-categories[open])>.nav-categories{display:inline}.mobile-nav .nav-categories summary{display:inline-flex}.mobile-nav .nav-category-panel{display:block}}
/* Keep the category label and disclosure chevron centered on the same axis. */
.nav-category-control>a{display:inline-flex;align-items:center;line-height:1.2}.nav-categories summary{display:flex;align-items:center;justify-content:center;line-height:1}.nav-categories summary span{display:flex;align-items:center;justify-content:center;width:12px;height:12px;margin:0;font-size:0;transform:none!important}.nav-categories summary span::before{content:"";display:block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}.nav-categories[open] summary span::before{transform:rotate(225deg)}
@media(max-width:1600px){.mobile-nav .nav-category-control>a{display:inline-flex;align-items:center;min-height:44px}.mobile-nav .nav-category-control:has(.nav-categories[open])>a{display:inline-flex}.mobile-nav .nav-categories summary{vertical-align:middle}}
.nav-category-group-title img[src$="tanker-alpine-melina.webp"]{object-fit:cover;object-position:center 65%}

.nav-category-group-title:link,.nav-category-group-title:visited{color:inherit;text-decoration:none}.nav-category-group-title:hover{text-decoration:underline}.nav-category-group-title:focus-visible{outline:3px solid #087b50;outline-offset:2px}
.desktop-nav .nav-category-panel .nav-category-group a.nav-category-group-title,.mobile-nav .nav-category-panel .nav-category-group a.nav-category-group-title{justify-content:flex-start;border-top:0;padding:4px 0 10px;color:#143d2e;font-weight:700}.nav-category-group-title:focus-visible{outline:3px solid #087b50;outline-offset:2px}
