/* 2026-08-15: endast startsidans CTA och de fem utrustningskorten. */
#page-main .tk-ref-start{
  width:min(100%,430px)!important;
  height:72px!important;
  margin-top:30px!important;
  padding:0 28px!important;
  border-radius:10px!important;
  box-shadow:0 10px 24px rgba(7,86,217,.18)!important;
}
#page-main .tk-ref-start span{
  display:block!important;
  padding-left:8px!important;
}
#page-main .tk-ref-start-note{
  width:min(100%,430px)!important;
  margin-top:8px!important;
  text-align:center!important;
}

/* Samma storlek på samtliga fem kort. De två nedersta centreras under de tre översta. */
#page-main .tk-ref-equipment-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
}
#page-main .tk-ref-card-top,
#page-main .tk-ref-card-wide{
  grid-column:span 2!important;
  aspect-ratio:262/254!important;
}
#page-main .tk-ref-equipment-grid > .tk-ref-card-wide:first-of-type{
  grid-column:2 / span 2!important;
}
#page-main .tk-ref-equipment-grid > .tk-ref-card-wide:last-of-type{
  grid-column:4 / span 2!important;
}

@media (max-width:1050px) and (min-width:701px){
  #page-main .tk-ref-equipment-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}

@media (max-width:700px){
  #page-main .tk-ref-start{
    width:100%!important;
    height:66px!important;
    margin-top:24px!important;
    padding:0 24px!important;
  }
  #page-main .tk-ref-start-note{
    width:100%!important;
    margin-top:7px!important;
    font-size:14px!important;
  }

  /* Mobil: alla fem kort får exakt samma format i den befintliga svep-raden. */
  #page-main .tk-ref-equipment-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:10px!important;
    padding-bottom:8px!important;
    scroll-snap-type:x mandatory!important;
  }
  #page-main .tk-ref-card-top,
  #page-main .tk-ref-card-wide{
    flex:0 0 82%!important;
    width:82%!important;
    height:auto!important;
    aspect-ratio:262/254!important;
    scroll-snap-align:start!important;
  }
  #page-main .tk-ref-card img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}