/* Shared Chipkie marketing navigation for every product and region. */
.shell-header,
.shell-footer {
    --shell-deep: #004053;
    --shell-mint: #6dc4bc;
    background: var(--shell-deep);
    color: #fff;
    font-family: var(--display, 'Chipkie Nexa', Arial, sans-serif);
}
.shell-header *,
.shell-footer * { box-sizing: border-box; }
.shell-container { width: min(100% - 64px, 1280px); margin-inline: auto; }
.shell-header a,
.shell-footer a { color: inherit; text-decoration: none; }
.shell-header a:focus-visible,
.shell-header summary:focus-visible,
.shell-footer a:focus-visible,
.shell-footer summary:focus-visible { outline: 3px solid var(--shell-mint); outline-offset: 5px; }
.shell-header-inner { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.shell-brand-group { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.shell-brand { display: block; width: 170px; flex-shrink: 0; }
.shell-brand img { display: block; width: 100%; height: auto; }
.shell-primary { display: flex; gap: 26px; align-items: center; }
.shell-primary a,
.shell-footer-nav a { font-size: 13px; font-weight: 700; line-height: 1.4; text-transform: uppercase; letter-spacing: .025em; }
.shell-primary a { padding-block: 14px; white-space: nowrap; }
.shell-primary a:hover,
.shell-footer-nav a:hover,
.shell-footer-legal a:hover { color: var(--shell-mint); text-decoration: underline; text-underline-offset: 5px; }
.shell-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.shell-header .shell-button,
.shell-footer .shell-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid transparent; border-radius: 999px; padding: 11px 20px; font-size: 12px; font-weight: 700; line-height: 1.25; text-transform: uppercase; letter-spacing: .035em; white-space: nowrap; }
.shell-button svg { width: 18px; height: 18px; flex-shrink: 0; }
.shell-header .shell-button-create,
.shell-footer .shell-button-create { background: var(--shell-mint); color: var(--shell-deep); }
.shell-button-create:hover { filter: brightness(1.1); }
.shell-header .shell-button-account,
.shell-footer .shell-button-account { border-color: #fff; background: transparent; color: #fff; }
.shell-button-account:hover { background: rgb(255 255 255 / 10%); }
.shell-region { position: relative; flex-shrink: 0; font-size: 12px; }
.shell-region summary { display: flex; align-items: center; gap: 7px; min-height: 44px; cursor: pointer; list-style: none; padding: 8px 0; font-weight: 700; }
.shell-region summary::-webkit-details-marker,
.shell-mobile-menu summary::-webkit-details-marker { display: none; }
.shell-chevron { width: 14px; height: 14px; }
.shell-region[open] .shell-chevron { transform: rotate(180deg); }
.shell-region-options { position: absolute; top: calc(100% + 8px); left: 0; z-index: 30; width: 266px; padding: 7px; background: #fff; color: var(--shell-deep); border-radius: 10px; box-shadow: 0 10px 24px rgb(0 22 29 / 18%); }
.shell-region-options a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px; border-radius: 5px; color: var(--shell-deep); line-height: 1.3; }
.shell-region-options a:hover,
.shell-region-options a[aria-current] { background: #e7f5f3; }
.shell-region-currency { margin-left: auto; font-size: 11px; }
.shell-flag { display: inline-block; width: 23px; height: 16px; background-size: cover; background-position: center; border-radius: 2px; flex-shrink: 0; }
.shell-flag-au { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23012169' d='M0 0h60v40H0z'/%3E%3Cpath d='m0 0 30 20M30 0 0 20' stroke='white' stroke-width='4'/%3E%3Cpath d='m0 0 30 20M30 0 0 20' stroke='%23c8102e' stroke-width='1.6'/%3E%3Cpath d='M15 0v20M0 10h30' stroke='white' stroke-width='5'/%3E%3Cpath d='M15 0v20M0 10h30' stroke='%23c8102e' stroke-width='3'/%3E%3Cg fill='white'%3E%3Ccircle cx='15' cy='30' r='2.4'/%3E%3Ccircle cx='45' cy='10' r='1.5'/%3E%3Ccircle cx='52' cy='20' r='1.5'/%3E%3Ccircle cx='45' cy='30' r='1.5'/%3E%3Ccircle cx='38' cy='20' r='1.3'/%3E%3Ccircle cx='45' cy='20' r='1.1'/%3E%3C/g%3E%3C/svg%3E"); }
.shell-flag-gb { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23012169' d='M0 0h60v40H0z'/%3E%3Cpath d='m0 0 60 40M60 0 0 40' stroke='white' stroke-width='8'/%3E%3Cpath d='m0 0 60 40M60 0 0 40' stroke='%23c8102e' stroke-width='3'/%3E%3Cpath d='M30 0v40M0 20h60' stroke='white' stroke-width='10'/%3E%3Cpath d='M30 0v40M0 20h60' stroke='%23c8102e' stroke-width='6'/%3E%3C/svg%3E"); }
.shell-flag-us { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='white' d='M0 0h60v40H0z'/%3E%3Cpath d='M0 1.5h60M0 7.7h60M0 13.8h60M0 20h60M0 26.2h60M0 32.3h60M0 38.5h60' stroke='%23b22234' stroke-width='3.1'/%3E%3Cpath fill='%233c3b6e' d='M0 0h26v21.5H0z'/%3E%3Cpath d='M3 4h20M3 9.5h20M3 15h20' stroke='white' stroke-width='2' stroke-dasharray='2 4'/%3E%3C/svg%3E"); }
.shell-mobile-menu { display: none; }
.shell-footer { padding: 58px 0 28px; }
.shell-footer-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 44px; }
.shell-footer-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; max-width: 870px; }
.shell-footer-nav a { min-height: 44px; display: inline-flex; align-items: center; }
.shell-footer-top > .shell-actions { justify-content: flex-end; flex-shrink: 0; }
.shell-footer-brand-row { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 44px 0 30px; }
.shell-footer-brand { width: 195px; }
.shell-region-footer .shell-region-options { top: auto; bottom: calc(100% + 8px); }
.shell-social { display: flex; flex-wrap: wrap; gap: 8px; }
.shell-social a { display: grid; place-items: center; width: 44px; height: 44px; color: var(--shell-mint); }
.shell-social a:hover { color: #fff; }
.shell-social svg { width: 22px; height: 22px; }
.shell-footer-legal { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; border-top: 1px solid rgb(109 196 188 / 28%); padding-top: 24px; font-size: 13px; }
.shell-footer-legal p { margin: 0; }
.shell-footer-legal nav { display: flex; flex-wrap: wrap; gap: 12px 26px; }
.shell-footer-legal a { display: inline-flex; align-items: center; min-height: 44px; }
.shell-footer-disclaimer { margin: 5px 0 0; color: #c8e3e4; font-size: 12px; line-height: 1.5; }
@media (max-width: 1200px) {
    .shell-container { width: calc(100% - 48px); }
    .shell-header-inner { gap: 18px; }
    .shell-brand { width: 150px; }
    .shell-brand-group { gap: 12px; }
    .shell-primary { gap: 18px; }
    .shell-header .shell-button { padding-inline: 14px; }
    .shell-footer-top { flex-direction: column; gap: 24px; }
    .shell-footer-top > .shell-actions { justify-content: flex-start; }
}
@media (max-width: 1050px) {
    .shell-header-inner { min-height: 96px; flex-wrap: wrap; }
    .shell-primary,
    .shell-header-actions { display: none; }
    .shell-mobile-menu { display: block; margin-left: auto; }
    .shell-mobile-menu > summary { list-style: none; display: flex; align-items: center; justify-content: flex-end; gap: 7px; min-height: 44px; padding: 8px 0; cursor: pointer; font-size: 13px; font-weight: 700; text-transform: uppercase; }
    .shell-mobile-menu > summary svg { width: 19px; height: 19px; }
    .shell-mobile-menu[open] { width: 100%; margin: -12px 0 0; }
    .shell-mobile-panel { padding: 12px 0 26px; }
    .shell-mobile-panel nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; padding-bottom: 20px; }
    .shell-mobile-panel nav a { min-height: 44px; display: flex; align-items: center; font-size: 15px; text-transform: uppercase; }
    .shell-mobile-panel nav a:hover { color: var(--shell-mint); }
}
@media (max-width: 600px) {
    .shell-container { width: calc(100% - 40px); }
    .shell-header-inner { min-height: 86px; gap: 10px; }
    .shell-brand { width: 125px; }
    .shell-brand-group { gap: 12px; }
    .shell-region-options { left: auto; right: -72px; width: min(266px, calc(100vw - 40px)); }
    .shell-region summary { gap: 5px; font-size: 11px; }
    .shell-flag { width: 21px; height: 14px; }
    .shell-mobile-menu > summary { font-size: 12px; gap: 5px; }
    .shell-mobile-menu > summary svg { width: 17px; }
    .shell-mobile-panel nav { grid-template-columns: 1fr; gap: 0; }
    .shell-footer { padding-top: 38px; }
    .shell-footer-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 22px; width: 100%; }
    .shell-footer-nav a { font-size: 12px; padding-block: 8px; }
    .shell-footer-brand-row { align-items: flex-start; flex-direction: column; gap: 24px; padding-block: 34px 24px; }
    .shell-footer-brand { width: 170px; }
    .shell-region-footer .shell-region-options { right: 0; }
    .shell-footer-legal { flex-direction: column; gap: 5px; padding-top: 22px; }
    .shell-footer-legal nav { gap: 8px 24px; }
    .shell-footer-disclaimer { margin-top: 12px; }
}