/* 118.8 - compacte mobiele categorie-/productgroep-landings */
.vh-group-landing-mobile-intro,
.vh-group-landing-mobile-title{display:none}

@media(max-width:760px){
  /* Alleen landings die eerst subcategorieen/productgroepen tonen worden compact. */
  .vh-page-intro--group-landing{
    padding:12px 0 14px!important;
  }
  .vh-page-intro--group-landing .vh-breadcrumb{
    margin-bottom:8px!important;
    gap:6px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
  .vh-page-intro--group-landing .vh-group-landing-desktop-only{
    display:none!important;
  }
  .vh-page-intro--group-landing h1{
    margin:0!important;
    font-size:clamp(27px,8.2vw,34px)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
  }
  .vh-page-intro--group-landing .vh-group-landing-mobile-intro{
    display:block!important;
    margin:7px 0 0!important;
    max-width:none!important;
    color:#61768b!important;
    font-size:14px!important;
    line-height:1.4!important;
  }

  .vh-catalog-section--group-landing{
    padding:12px 0 30px!important;
  }
  .vh-catalog-section--group-landing .vh-catalog-layout{
    display:block!important;
  }
  .vh-catalog-section--group-landing .vh-filter-panel{
    display:none!important;
  }
  .vh-catalog-section--group-landing .vh-catalog-results{
    min-width:0!important;
    width:100%!important;
  }
  .vh-catalog-section--group-landing .vh-category-results-head{
    margin:0 0 10px!important;
    padding:0!important;
    border-bottom:0!important;
  }
  .vh-catalog-section--group-landing .vh-category-results-head .vh-group-landing-desktop-only{
    display:none!important;
  }
  .vh-catalog-section--group-landing .vh-group-landing-mobile-title{
    display:block!important;
    margin:0!important;
    color:#0b2d45!important;
    font-size:22px!important;
    line-height:1.15!important;
    letter-spacing:-.02em!important;
  }

  /* Een volledige, rustige tegel per rij; geen half zichtbare volgende kaart. */
  .vh-catalog-section--group-landing .vh-category-tiles--results{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
  }
  .vh-catalog-section--group-landing .vh-category-tile{
    display:grid!important;
    grid-template-columns:minmax(124px,40%) minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:128px!important;
    height:auto!important;
    flex:none!important;
    border-radius:12px!important;
    overflow:hidden!important;
    box-shadow:0 4px 14px rgba(6,45,88,.045)!important;
  }
  .vh-catalog-section--group-landing .vh-category-tile__image{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:128px!important;
    flex:none!important;
    overflow:hidden!important;
  }
  .vh-catalog-section--group-landing .vh-category-tile__image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:128px!important;
    max-height:154px!important;
    object-fit:cover!important;
  }
  .vh-catalog-section--group-landing .vh-category-tile__content{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    padding:14px 14px!important;
  }
  .vh-catalog-section--group-landing .vh-category-tile__content strong{
    font-size:17px!important;
    line-height:1.18!important;
    overflow-wrap:anywhere!important;
  }
  /* Productaantallen zijn secundair en kosten op mobiel onnodige ruimte. */
  .vh-catalog-section--group-landing .vh-category-tile__content small{
    display:none!important;
  }
  .vh-catalog-section--group-landing .vh-category-tile__content b{
    margin-top:12px!important;
    padding-top:0!important;
    color:#008acb!important;
    font-size:12px!important;
    line-height:1.25!important;
  }

  /* Op categorie-landings is geen sticky koopbalk: maak Houthulp klein en niet blokkerend. */
  .vh-page--category .houthulp-launcher,
  .vh-page--group .houthulp-launcher{
    right:max(12px,env(safe-area-inset-right))!important;
    bottom:calc(16px + max(0px,env(safe-area-inset-bottom)))!important;
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
    padding:0!important;
    border-radius:50%!important;
  }
  .vh-page--category .houthulp-launcher span,
  .vh-page--group .houthulp-launcher span{
    display:none!important;
  }
}

@media(max-width:390px){
  .vh-page-intro--group-landing h1{font-size:27px!important}
  .vh-catalog-section--group-landing .vh-category-tile{
    grid-template-columns:minmax(112px,39%) minmax(0,1fr)!important;
    min-height:118px!important;
  }
  .vh-catalog-section--group-landing .vh-category-tile__image,
  .vh-catalog-section--group-landing .vh-category-tile__image img{
    min-height:118px!important;
  }
  .vh-catalog-section--group-landing .vh-category-tile__content{
    padding:12px!important;
  }
  .vh-catalog-section--group-landing .vh-category-tile__content strong{
    font-size:16px!important;
  }
}

@media(max-width:340px){
  .vh-catalog-section--group-landing .vh-category-tile{
    grid-template-columns:104px minmax(0,1fr)!important;
  }
  .vh-catalog-section--group-landing .vh-category-tile__content{
    padding:10px!important;
  }
  .vh-catalog-section--group-landing .vh-category-tile__content strong{
    font-size:15px!important;
  }
}