/* ==========================================================
   Store.Toolsheep V41 — Structural Layout Fix
   Enforce actual modular structure, not just visual overrides.
   ========================================================== */

@media (min-width:1025px){
  /* Featured Products = exactly 6 equal cards, 2/12 columns each */
  body .stsh-v2-root .stsh-v27-featured .stsh-v27-panel ul.products,
  body .stsh-v2-root .stsh-v27-panel ul.products{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:16px!important;
    width:100%!important;
  }
  body .stsh-v2-root .stsh-v27-panel ul.products > li.product{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    float:none!important;
  }
  body .stsh-v2-root .stsh-v27-panel ul.products > li.product:nth-child(n+7){
    display:none!important;
  }
  body .stsh-v2-root .stsh-v27-panel ul.products > li.product img{
    height:156px!important;
    object-fit:contain!important;
  }

  /* Solution = true 12-column composition: 4 + centered 2 */
  body .stsh-v2-root .stsh-v26-solution-grid{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:16px!important;
    width:100%!important;
    overflow:visible!important;
  }
  body .stsh-v2-root .stsh-v26-solution-grid > .stsh-v26-solution-card{
    grid-column:span 3!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  body .stsh-v2-root .stsh-v26-solution-grid > .stsh-v26-solution-card:nth-child(1){grid-column:1 / span 3!important;}
  body .stsh-v2-root .stsh-v26-solution-grid > .stsh-v26-solution-card:nth-child(2){grid-column:4 / span 3!important;}
  body .stsh-v2-root .stsh-v26-solution-grid > .stsh-v26-solution-card:nth-child(3){grid-column:7 / span 3!important;}
  body .stsh-v2-root .stsh-v26-solution-grid > .stsh-v26-solution-card:nth-child(4){grid-column:10 / span 3!important;}
  body .stsh-v2-root .stsh-v26-solution-grid > .stsh-v26-solution-card:nth-child(5){grid-column:4 / span 3!important;}
  body .stsh-v2-root .stsh-v26-solution-grid > .stsh-v26-solution-card:nth-child(6){grid-column:7 / span 3!important;}
}

@media (min-width:768px) and (max-width:1024px){
  body .stsh-v2-root .stsh-v27-panel ul.products{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
  }
  body .stsh-v2-root .stsh-v26-solution-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    overflow:visible!important;
  }
  body .stsh-v2-root .stsh-v26-solution-grid > .stsh-v26-solution-card{
    grid-column:auto!important;
    width:auto!important;
    min-width:0!important;
  }
}

@media (max-width:767px){
  body .stsh-v2-root .stsh-v27-panel ul.products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  /* Keep the established mobile Solution swipe UX. */
}