/* EE Footer — light Studio type and spacing on the navy ink band. */
.ee.ee--footer { background: var(--ee-ink); }
.ee .ee-ft { background: var(--ee-ink); color: #C9D6E4; padding: 72px 0 0; font-size: 15px; }
.ee .ee-ft__grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, .7fr) minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, 1.15fr); gap: 32px; padding-bottom: 56px; }
.ee .ee-ft__grid.no-app { grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1.2fr) minmax(0, 1.1fr); }
.ee .ee-ft__logo { display: inline-block; }
.ee .ee-ft__logo img { width: 190px; height: auto; }
.ee .ee-ft__tag { margin-top: 14px; color: #C9D6E4; }
.ee .ee-ft__social { display: flex; gap: 10px; margin-top: 22px; }
.ee .ee-ft__social a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .18); color: #fff; transition: background-color .2s, border-color .2s; }
.ee .ee-ft__social a:hover, .ee .ee-ft__social a:focus-visible { background: var(--ee-red-hi); border-color: var(--ee-red-hi); color: #fff; }
.ee .ee-ft__social .ee-i { width: 18px; height: 18px; }
/* The YouTube glyph's play triangle is white; on the white icon it needs the band colour. */
.ee .ee-ft__social .ee-i path[fill="#fff"] { fill: var(--ee-ink); }
.ee .ee-ft__social a:hover .ee-i path[fill="#fff"] { fill: var(--ee-red-hi); }
.ee .ee-ft__h { margin: 0 0 16px; color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.ee .ee-ft__links, .ee .ee-ft__centres, .ee .ee-ft__contact { display: grid; gap: 12px; }
.ee .ee-ft__col a, .ee .ee-ft__col a:visited { color: #C9D6E4; transition: color .2s; }
.ee .ee-ft__col a:hover, .ee .ee-ft__col a:focus-visible { color: #fff; }
.ee .ee-ft__links a:hover { text-decoration: underline; text-decoration-color: var(--ee-red-hi); text-underline-offset: 4px; text-decoration-thickness: 2px; }
.ee .ee-ft__centres b { display: block; color: #fff; font-weight: 600; }
.ee .ee-ft__centres a { font-size: 14px; line-height: 1.5; }
.ee .ee-ft__contact a, .ee .ee-ft__contact span { display: inline-flex; align-items: flex-start; gap: 10px; min-width: 0; }
.ee .ee-ft__contact a[href^="mailto:"] { font-size: 14.5px; overflow-wrap: anywhere; }
.ee .ee-ft__contact .ee-i { width: 18px; height: 18px; margin-top: 2px; color: var(--ee-red-hi); }
.ee .ee-ft__contact span { font-size: 14px; }
.ee .ee-ft__app { align-self: start; padding: 22px; border-radius: 20px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); }
/* QR text sits beside the code, and drops under it when the card is narrow. */
.ee .ee-ft__qr { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; }
.ee .ee-ft__qr p { flex: 1 1 12ch; min-width: 0; }
.ee .ee-ft__qr-img { flex: none; padding: 6px; border-radius: 12px; background: #fff; }
.ee .ee-ft__qr-img img { width: 84px; height: 84px; }
.ee .ee-ft__qr p { font-size: 13.5px; line-height: 1.45; }
.ee .ee-ft__stores { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
/* Store badges sit side by side when the card has room, one per line when it doesn't — never stretched wide. */
.ee .ee-ft__store, .ee .ee-ft__store:visited { flex: 1 1 140px; max-width: 230px; display: flex; align-items: center; gap: 10px; padding: 9px 14px; border-radius: 12px; background: #fff; color: var(--ee-ink); font-weight: 700; font-size: 14.5px; line-height: 1.15; transition: transform .2s var(--ee-ease); }
.ee .ee-ft__store:hover, .ee .ee-ft__store:focus-visible { color: var(--ee-ink); transform: translateY(-1px); }
.ee .ee-ft__store .ee-i { width: 20px; height: 20px; }
.ee .ee-ft__store small { display: block; font-size: 10.5px; font-weight: 500; color: var(--ee-muted); }
.ee .ee-ft__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; padding: 22px 0 26px; border-top: 1px solid rgba(255, 255, 255, .12); font-size: 13.5px; }
.ee .ee-ft__copy { margin-right: auto; }
.ee .ee-ft__mini { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.ee .ee-ft__mini a, .ee .ee-ft__credit, .ee .ee-ft__credit:visited { color: #C9D6E4; }
.ee .ee-ft__mini a:hover, .ee .ee-ft__credit:hover { color: #fff; }
.ee .ee-ft__credit b { color: #fff; font-weight: 600; }

@media (max-width: 1100px) {
	.ee .ee-ft__grid, .ee .ee-ft__grid.no-app { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ee .ee-ft__brand { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; padding-bottom: 28px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
	.ee .ee-ft__tag { margin-top: 0; }
	.ee .ee-ft__social { margin: 0 0 0 auto; }
}
@media (max-width: 700px) {
	.ee .ee-ft { padding-top: 56px; }
	.ee .ee-ft__grid, .ee .ee-ft__grid.no-app { grid-template-columns: minmax(0, 1fr); gap: 34px; padding-bottom: 40px; }
	.ee .ee-ft__copy { margin-right: 0; width: 100%; }
	.ee .ee-ft__brand { display: block; }
	.ee .ee-ft__tag { margin-top: 14px; }
	.ee .ee-ft__social { margin-top: 22px; }
	.ee .ee-ft__store, .ee .ee-ft__store:visited { flex-basis: 130px; max-width: none; padding: 9px 12px; }
}