@media (max-width:1200px){
  .vscl-page-shell .vscl-cards.grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .vscl-page-shell .vscl-inventory-wrap{
    grid-template-columns:1fr;
  }

  .vscl-page-shell .vscl-filter-sidebar{
    position:static;
  }

  .vscl-search-inline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .vscl-single-specs-list{
    grid-template-columns:1fr;
  }

  .vscl-page-shell .vscl-stack-card{
    grid-template-columns:1fr;
  }

  .vscl-page-shell .vscl-stack-media{
    min-height:300px;
    border-radius:16px 16px 0 0;
  }

  .vscl-page-shell .vscl-stack-price-row{
    flex-direction:row;
    align-items:flex-start;
  }

  .vscl-page-shell .vscl-stack-badges{
    justify-content:flex-end;
  }
}

@media (max-width:800px){
  .vscl-search-inline,
  .vscl-page-shell .vscl-cards.grid,
  .vscl-browse-grid,
  .vscl-page-shell .vscl-check-list,
  .vscl-page-shell .vscl-dual,
  .vscl-single-thumbs,
  .vscl-feature-list,
  .vscl-modal-date-grid{
    grid-template-columns:1fr;
  }

  .vscl-page-shell .vscl-check-grid.media{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .vscl-page-shell .vscl-stack-actions{
    grid-template-columns:1fr;
  }

  .vscl-search-top,
  .vscl-browse-block,
  .vscl-filter-sidebar,
  .vscl-home-card,
  .vscl-stack-card,
  .vscl-modal-box,
  .vscl-single-copy-block,
  .vscl-single-specs-list{
    border-radius:14px;
  }

  .vscl-single-hero-image{
    height:320px;
  }

  .vscl-single-main-full h1{
    font-size:30px;
  }

  .vscl-inline-spec{
    grid-template-columns:30px 110px 1fr;
  }

  .vscl-inline-spec strong,
  .vscl-inline-spec span{
    font-size:15px;
  }

  .vscl-page-shell .vscl-toolbar{
    flex-direction:column;
    align-items:stretch;
  }

  .vscl-page-shell .vscl-toolbar-right{
    justify-content:space-between;
  }

  .vscl-page-shell .vscl-toolbar h2{
    font-size:30px;
  }

  .vscl-page-shell .vscl-toolbar h2 span{
    font-size:18px;
  }

  .vscl-page-shell .vscl-filter-intro h2{
    font-size:26px;
  }

  .vscl-page-shell .vscl-stack-title-wrap{
    gap:12px;
  }

  .vscl-page-shell .vscl-card-more{
    width:32px;
    height:32px;
  }

  .vscl-page-shell .vscl-stack-specs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .vscl-page-shell .vscl-filter-block,
  .vscl-page-shell .vscl-filter-intro,
  .vscl-page-shell .vscl-filter-actions{
    padding-left:16px;
    padding-right:16px;
  }
}

@media (max-width:560px){
  .vscl-page-shell{
    padding:0 12px 26px;
  }

  .vscl-page-shell .vscl-check-grid.media{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }

  .vscl-page-shell .vscl-brand-check span{
    min-height:86px;
    padding:8px 6px;
  }

  .vscl-page-shell .vscl-brand-check img{
    width:48px;
    height:32px;
  }

  .vscl-page-shell .vscl-type-grid .vscl-brand-check img{
    width:60px;
    height:40px;
  }

  .vscl-page-shell .vscl-stack-specs{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:1200px){
  .vscl-page-shell .vscl-stack-card{
    grid-template-columns:1fr;
  }

  .vscl-page-shell .vscl-stack-media{
    height:280px;
    min-height:280px;
  }
}

@media (max-width:900px){
  .vscl-browse-grid,
  .vscl-page-shell .vscl-pill-row{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:800px){
  .vscl-page-shell .vscl-stack-actions{
    grid-template-columns:1fr;
  }
}

@media (max-width:560px){
  .vscl-browse-grid,
  .vscl-page-shell .vscl-pill-row{
    grid-template-columns:1fr;
  }

  .vscl-page-shell .vscl-stack-media{
    height:240px;
    min-height:240px;
  }
}

@media (max-width:1200px){
  .vscl-page-shell .vscl-inventory-wrap{
    grid-template-columns:1fr;
  }
}

@media (max-width:800px){
  .vscl-page-shell .vscl-pill-row,
  .vscl-page-shell .vscl-pill-row--compact,
  .vscl-page-shell .vscl-check-grid.media,
  .vscl-page-shell .vscl-check-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .vscl-page-shell .vscl-stack-specs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:560px){
  .vscl-page-shell .vscl-stack-media{
    height:250px;
    min-height:250px;
  }

  .vscl-page-shell .vscl-gallery-count{
    bottom:24px;
  }
}

@media (max-width:800px){
  /* v9 refinements responsive */
  .vscl-page-shell .vscl-stack-specs{
    display:flex;
    flex-wrap:wrap;
  }
}