@charset "utf-8";

.hnf-mobile-menu__container { display: flex; justify-content: space-between; flex-direction: column; position: fixed; inset: 0px; width: 100%; height: 100%; z-index: 400; background-color: rgb(var(--colour-elevation-2, 255, 255, 255)); overflow: hidden auto; transform: translateX(0px); transition: transform 200ms, visibility; }

@media (min-width: 56.25em) {
  .hnf-mobile-menu__container { transition-property: transform, visibility, width; width: 30rem; inset-inline-start: auto; }
}

.hnf-mobile-menu__container--hidden { transform: translateX(100%); visibility: hidden; }

[dir="rtl"] .hnf-mobile-menu__container--hidden { transform: translateX(-100%); }

.hnf-overlay { display: block; position: fixed; z-index: 300; inset: 0px; background-color: rgb(var(--colour-static-black, 17, 17, 17)); transition: 200ms; opacity: 0; pointer-events: none; }

.hnf-overlay--visible { opacity: 0.25; pointer-events: all; }

.hnf-mobile-menu-header { display: flex; position: sticky; top: 0px; z-index: 200; background-color: rgb(var(--colour-elevation-2, 255, 255, 255)); justify-content: space-between; padding-block: 1.25rem; padding-inline: 1.5rem 0.75rem; }

.hnf-mobile-menu-header .hnf-mobile-menu__header-logo { height: 40px; }

.hnf-mobile-menu-header .hnf-mobile-menu__header-logo .hnf-link { display: inline-block; height: 100%; }

.hnf-mobile-menu-header .hnf-mobile-menu__close:focus-visible { outline-offset: 0px; }

.hnf-mobile-menu-header .hnf-mobile-menu__close .hnf-btn__inner { min-height: 40px; padding-inline: 0.5rem; }

.hnf-mobile-menu__entrypoints { position: sticky; bottom: 0px; z-index: 100; background-color: rgb(var(--colour-elevation-2, 255, 255, 255)); padding-inline: 1rem; padding-block: 0.75rem 1.5rem; box-shadow: 0 .25rem 1rem 0 rgba(var(--colour-elevation-3, 17, 17, 17), 0.1); order: 3; }

.hnf-mobile-menu__entrypoints .hnf-overflow-carousel__content { justify-content: space-between; gap: 1.5rem; padding-inline: 0.5rem; padding-block: 0px; }

.hnf-mobile-menu__entrypoints .hnf-mobile-menu__entrypoint { font-size: 0.625rem; text-align: center; font-weight: 700; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); fill: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.hnf-mobile-menu__entrypoints .hnf-mobile-menu__entrypoint--active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); fill: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; }

.hnf-mobile-menu__panel { flex-grow: 1; }

.hnf-mobile-menu__products-top-categories .hnf-overflow-carousel__content { padding-inline: 1.5rem; padding-block: 0px 1.5rem; gap: 1.5rem; }

.hnf-mobile-menu__products-top-categories .hnf-mobile-menu__products-top-category { position: relative; background: none; border: 0px; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); display: inline-flex; align-items: center; flex-shrink: 0; font-size: 0.875rem; font-weight: 700; line-height: 1.4; margin: 0px; padding: 1rem 0.25rem; text-align: initial; outline: none; }

.hnf-mobile-menu__products-top-categories .hnf-mobile-menu__products-top-category:hover { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.hnf-mobile-menu__products-top-categories .hnf-mobile-menu__products-top-category--selected { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); cursor: default; }

.hnf-mobile-menu__products-top-categories .hnf-mobile-menu__products-top-category--selected::before { content: ""; position: absolute; left: 0px; bottom: 0px; display: block; width: 100%; border-radius: 1.5px; border-bottom: .1875rem solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); z-index: 100; }

.hnf-mobile-menu__products-top-categories .hnf-mobile-menu__products-top-category--selected:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-mobile-menu__products-categories { padding-inline: 1.5rem; }

.hnf-mobile-menu__products-categories .hnf-mobile-menu--products-category .hnf-list-view-item__action { padding-inline: 2px 0px; }

.hnf-mobile-menu__products--loading { height: 100%; display: flex; justify-content: center; align-items: center; }

.hnf-mobile-menu__productnav { transform: translateX(20%); opacity: 0; visibility: hidden; }

@media (prefers-reduced-motion: no-preference) {
  .hnf-mobile-menu__productnav { transition: transform 100ms cubic-bezier(0, 0, 0.1, 1), opacity 100ms cubic-bezier(0, 0, 0.1, 1); }
}

.hnf-mobile-menu__productnav--back { transform: translateX(-20%); }

.hnf-mobile-menu__productnav--open { transform: translateX(0px); opacity: 1; visibility: visible; }

.hnf-mobile-menu__rooms { display: flex; flex-wrap: wrap; padding-inline: 1.5rem; padding-block: 1.5rem 2.5rem; list-style-type: none; gap: 2.5rem 1.5rem; }

.hnf-mobile-menu__rooms .hnf-mobile-menu__room { width: calc(50% - 0.75rem); }

@media (min-width: 37.5em) {
  .hnf-mobile-menu__rooms .hnf-mobile-menu__room { width: calc(33% - 1rem); }
}

@media (min-width: 56.25em) {
  .hnf-mobile-menu__rooms .hnf-mobile-menu__room { width: calc(50% - 0.75rem); }
}

.hnf-mobile-menu__rooms .hnf-mobile-menu__room .hnf-link { display: flex; flex-direction: column; text-decoration: none; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.hnf-mobile-menu__rooms .hnf-mobile-menu__room:nth-child(3n+1) img { border-radius: 64px 64px 0px 0px; }

.hnf-mobile-menu__rooms .hnf-mobile-menu__room:nth-child(3n+2) img { border-radius: 0px; }

.hnf-mobile-menu__rooms .hnf-mobile-menu__room:nth-child(3n+3) img { border-radius: 64px; }

.hnf-mobile-menu__rooms .hnf-mobile-menu__room .hnf-aspect-ratio-box { margin-block-end: 0.5rem; }

.hnf-mobile-menu__rooms .hnf-mobile-menu__room .hnf-mobile-menu__room-title { display: flex; justify-content: space-between; align-items: center; width: 100%; font-weight: 700; }

[dir="rtl"] .hnf-mobile-menu__room-title svg { transform: rotate(180deg); }

.hnf-mobile-menu__promotions { padding-block: 2.5rem 1.5rem; }

.hnf-mobile-menu__promotions .hnf-overflow-carousel__content { padding-inline: 1.5rem; gap: 1.5rem; }

.hnf-mobile-menu__promotions .hnf-overflow-carousel__content > * { flex-shrink: inherit; }

.hnf-mobile-menu__promotions div[role="listitem"] .hnf-mobile-menu__promotion { width: 80%; min-width: 300px; }

.hnf-mobile-menu__promotions div[role="listitem"]:only-child .hnf-mobile-menu__promotion { width: 100%; }

.hnf-mobile-menu__groups { padding-inline: 1.5rem; }

.hnf-mobile-menu__groups .hnf-accordion__item:first-child .hnf-accordion__heading { border-top: none; }

.hnf-mobile-menu__hotlinks { padding-inline: 1.5rem; margin-bottom: 0.5rem; list-style: none; }

.hnf-mobile-menu__hotlinks .hnf-link { display: flex; align-items: center; gap: 0.5rem; padding-block: 0.5rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.125rem; line-height: 1.444; font-weight: 700; }

@media (min-width: 37.5em) {
  .hnf-mobile-menu__hotlinks .hnf-link { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.hnf-mobile-menu__top-link .hnf-svg-icon { margin-inline-start: -0.25rem; }

[dir="rtl"] .hnf-mobile-menu__top-link .hnf-svg-icon { transform: rotate(180deg); }

.hnf-mobile-menu__footer { padding-inline: 1.5rem; padding-block-end: 1.5rem; }

.hnf-mobile-menu__footer .hnf-voc-cta { margin-top: 1.5rem; }

.hnf-mobile-menu__footer .hnf-voc-cta .hnf-btn { margin-block-start: 1rem; }

.hnf-mobile-menu__footer .hnf-vp { display: flex; background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); margin-inline: -1.5rem; padding: 1rem 1.5rem; }

.hnf-link .hnf-mobile-menu__footer .hnf-vp__wrapper { display: flex; gap: 0.5rem; }

.hnf-mobile-menu__footer .hnf-vp--app .hnf-link { align-items: center; display: flex; gap: 0.5rem; }

.hnf-mobile-menu__footer .hnf-vp img { width: 100%; max-width: 2rem; }

.hnf-mobile-menu__footer .hnf-vp .hnf-svg-icon { flex-shrink: 0; }

.hnf-mobile-menu__explore-category-link { padding-inline: 1.5rem; }

.hnf-mobile-menu__explore-category-link div { padding-block: 1rem 1.5rem; border-bottom: 1px rgb(var(--colour-neutral-3, 223, 223, 223)) solid; }

.hnf-mobile-menu__explore-category-link .hnf-link { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }