.tk-mobile-layout{display:none}

@media (max-width:680px){
  #page-main .tk-homeboard{
    width:100%!important;
    overflow:hidden!important;
    background:#03152b!important;
    border-bottom:1px solid rgba(79,145,222,.28)!important;
  }

  #page-main .tk-homeboard-frame{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
    margin:0 auto!important;
    background:#03152b!important;
    line-height:0!important;
  }

  /* Desktopversionen påverkas inte. På mobil visas den nya layouten. */
  #page-main .tk-homeboard-frame > .tk-homeboard-image,
  #page-main .tk-homeboard-frame > .tk-homeboard-hotspots,
  #page-main .tk-homeboard-mobile-links{
    display:none!important;
  }

  #page-main .tk-mobile-layout{
    position:relative;
    display:block;
    width:100%;
    max-width:680px;
    margin:0 auto;
    background:#03152b;
    line-height:0;
  }

  #page-main .tk-mobile-layout-image{
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    aspect-ratio:864 / 1821;
    object-fit:contain;
  }

  #page-main .tk-mobile-layout-links{
    position:absolute;
    inset:0;
    z-index:20;
    pointer-events:none;
  }

  #page-main .tk-mobile-link{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    border:0;
    border-radius:10px;
    background:transparent;
    text-decoration:none;
    cursor:pointer;
    pointer-events:auto;
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(20,112,255,.24);
  }

  #page-main .tk-mobile-link:active{
    background:rgba(20,112,255,.14);
  }

  #page-main .tk-mobile-link:focus-visible{
    outline:3px solid #ffd54f;
    outline-offset:-3px;
    background:rgba(20,112,255,.12);
  }

  /* Stor blå knapp */
  #page-main .tk-mobile-class{
    left:4.4%;
    top:36.3%;
    width:87.1%;
    height:9.2%;
  }

  /* Första raden med anordningar */
  #page-main .tk-mobile-card-1{left:4.4%;top:50.1%;width:19.5%;height:13.8%}
  #page-main .tk-mobile-card-2{left:25.5%;top:50.1%;width:20.8%;height:13.8%}
  #page-main .tk-mobile-card-3{left:48.1%;top:50.1%;width:20.8%;height:13.8%}
  #page-main .tk-mobile-card-4{left:70.7%;top:50.1%;width:20.8%;height:13.8%}

  /* Andra raden med anordningar */
  #page-main .tk-mobile-card-5{left:4.4%;top:64.3%;width:19.5%;height:14.0%}
  #page-main .tk-mobile-card-6{left:25.5%;top:64.3%;width:20.8%;height:14.0%}
  #page-main .tk-mobile-card-7{left:48.1%;top:64.3%;width:20.8%;height:14.0%}
  #page-main .tk-mobile-card-8{left:70.7%;top:64.3%;width:20.8%;height:14.0%}

  /* Nedersta funktionsrader */
  #page-main .tk-mobile-control{left:4.4%;top:79.1%;width:87.1%;height:4.0%}
  #page-main .tk-mobile-docs{left:4.4%;top:83.1%;width:87.1%;height:4.0%}
  #page-main .tk-mobile-period{left:4.4%;top:87.1%;width:87.1%;height:4.0%}
  #page-main .tk-mobile-offers{left:4.4%;top:91.1%;width:87.1%;height:4.0%}
}