/* This Found Finnish Editorial — canonical mobile navigation 1717.
   Uses the same image-led reference menu on every public page and the Showroom. */

@media(max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body.tff-menu-open{overflow:hidden!important;touch-action:none}

  .tff-production-site .tff-header{
    position:relative!important;
    z-index:100000!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    grid-template-rows:26px 64px!important;
    min-height:90px!important;
    padding:0 18px!important;
    border-bottom:1px solid var(--line)!important;
    background:var(--tff-bg)!important;
  }
  .tff-production-site .tff-announcement{
    grid-column:1/-1!important;
    grid-row:1!important;
    margin:0 -18px!important;
  }
  .tff-production-site .tff-nav,
  .tff-production-site .tff-header-tools{display:none!important}
  .tff-production-site .tff-brand{
    position:static!important;
    grid-column:1!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:center!important;
    width:154px!important;
    transform:none!important;
  }
  .tff-production-site .tff-header .tff-logo{
    width:154px!important;
    max-height:42px!important;
    object-position:left center!important;
  }
  .tff-production-site .tff-mobile-menu{
    position:relative!important;
    z-index:100005!important;
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    justify-self:end!important;
    align-self:center!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    border:1px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--tff-ink)!important;
    cursor:pointer!important;
  }
  .tff-production-site .tff-mobile-menu i{
    width:17px!important;
    height:1px!important;
    margin:5px auto!important;
    background:currentColor!important;
    transition:transform .18s ease,opacity .18s ease!important;
  }
  body.tff-menu-open .tff-production-site .tff-mobile-menu{background:var(--tff-yellow)!important}
  body.tff-menu-open .tff-production-site .tff-mobile-menu i:first-child{transform:translateY(3px) rotate(45deg)!important}
  body.tff-menu-open .tff-production-site .tff-mobile-menu i:last-child{transform:translateY(-3px) rotate(-45deg)!important}

  /* Replace the retired text-only mobile mega menu with the current reference menu. */
  .tff-production-site .tff-menu{
    position:fixed!important;
    inset:90px 0 0!important;
    z-index:99990!important;
    display:block!important;
    width:100%!important;
    height:calc(100dvh - 90px)!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:1px solid var(--line)!important;
    background:var(--tff-bg)!important;
    color:var(--tff-ink)!important;
    box-shadow:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    transform:translateY(-6px)!important;
  }
  .tff-production-site .tff-menu.is-open{transform:none!important}
  .tff-production-site .tff-menu:not(.is-open){pointer-events:none!important}
  .tff-production-site .tff-menu>header,
  .tff-production-site .tff-menu-grid{display:none!important}
  .tff-production-site .tff-reference-menu{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 18px 28px!important;
    background:var(--tff-bg)!important;
  }
  .tff-production-site .tff-reference-menu small{
    display:block!important;
    margin:0 0 13px!important;
    color:var(--tff-ink)!important;
    font-size:8px!important;
    font-weight:650!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
    opacity:.55!important;
  }
  .tff-production-site .tff-reference-menu__index{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding:22px 0 26px!important;
    border-bottom:1px solid var(--line)!important;
  }
  .tff-production-site .tff-reference-menu__index a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    color:var(--tff-ink)!important;
    font-size:18px!important;
    font-weight:300!important;
    line-height:1.15!important;
    letter-spacing:-.02em!important;
    text-decoration:none!important;
    opacity:1!important;
  }
  .tff-production-site .tff-reference-menu__index a::after{
    content:"↗"!important;
    font-size:10px!important;
    font-weight:500!important;
    letter-spacing:0!important;
  }
  .tff-production-site .tff-reference-menu__index a:hover,
  .tff-production-site .tff-reference-menu__index a:focus-visible{
    padding-left:10px!important;
    padding-right:10px!important;
    background:var(--tff-yellow)!important;
    opacity:1!important;
  }

  .tff-production-site .tff-reference-menu__brands{
    display:block!important;
    min-width:0!important;
    padding:27px 0 30px!important;
    border-bottom:1px solid var(--line)!important;
  }
  .tff-production-site .tff-reference-menu__brand-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 8px!important;
  }
  .tff-production-site .tff-reference-menu__brand{
    display:block!important;
    min-width:0!important;
    color:var(--tff-ink)!important;
    text-decoration:none!important;
  }
  .tff-production-site .tff-reference-menu__brand figure{
    width:100%!important;
    aspect-ratio:3/4!important;
    margin:0 0 8px!important;
    overflow:hidden!important;
    background:#ebe7df!important;
  }
  .tff-production-site .tff-reference-menu__brand img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .tff-production-site .tff-reference-menu__brand strong{
    display:block!important;
    font-size:11px!important;
    font-weight:500!important;
    line-height:1.2!important;
  }
  .tff-production-site .tff-reference-menu__brand span{
    display:block!important;
    margin-top:3px!important;
    font-size:8px!important;
    font-weight:300!important;
    line-height:1.35!important;
    opacity:.6!important;
  }

  .tff-production-site .tff-reference-menu__feature{
    display:block!important;
    padding:28px 0 10px!important;
    border:0!important;
    border-left:0!important;
  }
  .tff-production-site .tff-reference-menu__feature figure{
    width:100%!important;
    aspect-ratio:16/10!important;
    margin:0 0 14px!important;
    overflow:hidden!important;
    background:#ebe7df!important;
  }
  .tff-production-site .tff-reference-menu__feature img{width:100%!important;height:100%!important;object-fit:cover!important}
  .tff-production-site .tff-reference-menu__feature strong{display:block!important;font-size:19px!important;font-weight:300!important;line-height:1.1!important}
  .tff-production-site .tff-reference-menu__feature p{margin:7px 0 15px!important;font-size:10px!important;line-height:1.55!important;opacity:.62!important}
  .tff-production-site .tff-reference-menu__feature a{font-size:8px!important;font-weight:650!important;letter-spacing:.1em!important;text-transform:uppercase!important}

  /* Account and support actions are always visible at the bottom of the mobile menu. */
  .tff-production-site .tff-menu>footer{
    position:sticky!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    z-index:3!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border-top:1px solid var(--line)!important;
    background:var(--tff-bg)!important;
  }
  .tff-production-site .tff-menu>footer>a,
  .tff-production-site .tff-menu>footer>button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:56px!important;
    margin:0!important;
    padding:0 12px!important;
    border:0!important;
    border-right:1px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--tff-ink)!important;
    font:650 9px/1.25 "Helvetica Neue",Helvetica,Arial,sans-serif!important;
    letter-spacing:.09em!important;
    text-align:center!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
  }
  .tff-production-site .tff-menu>footer>.tff-pill{
    border:0!important;
    border-radius:0!important;
    background:var(--tff-ink)!important;
    color:var(--tff-bg)!important;
  }
  .tff-production-site .tff-menu>footer>.tff-mobile-help-link{
    grid-column:1/-1!important;
    border-top:1px solid var(--line)!important;
    border-right:0!important;
    background:var(--tff-yellow)!important;
    color:#181714!important;
    cursor:pointer!important;
  }
}

@media(max-width:480px){
  .tff-production-site .tff-reference-menu__brand-grid{gap:15px 7px!important}
  .tff-production-site .tff-reference-menu__index a{font-size:17px!important}
}