/* ==========================================================
   Store.Toolsheep V42 — Grid + Pricing Polish
   Final structural layer loaded after V41.
   ========================================================== */

/* Pricing: keep cards compact and scannable. */
.stsh-v2-root .price .stsh-price-from,
.stsh-v2-root .price .stsh-price-inquiry,
.stsh-v23-flash .price .stsh-price-from,
.stsh-v23-flash .price .stsh-price-inquiry,
.stsh-v27-featured .price .stsh-price-from,
.stsh-v27-featured .price .stsh-price-inquiry{
  color:#E53935!important;
  font-weight:700!important;
  line-height:1.25!important;
}
.stsh-v2-root .price .stsh-price-from small,
.stsh-v23-flash .price .stsh-price-from small,
.stsh-v27-featured .price .stsh-price-from small{
  color:#7A8993!important;
  font-size:.78em!important;
  font-weight:600!important;
  margin-right:2px!important;
}

@media (min-width:1025px){
  /* Flash Sale: six equal cards, matching Featured Products. */
  body .stsh-v2-root .stsh-v23-products ul.products{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:16px!important;
    width:100%!important;
  }
  body .stsh-v2-root .stsh-v23-products ul.products > li.product{
    flex:0 0 calc((100% - 80px) / 6)!important;
    width:calc((100% - 80px) / 6)!important;
    min-width:0!important;
    max-width:calc((100% - 80px) / 6)!important;
    margin:0!important;
    float:none!important;
  }
  body .stsh-v2-root .stsh-v23-products ul.products > li.product img{
    height:154px!important;
    object-fit:contain!important;
  }

  /* Solution discovery: vertical six-card shelf, one row. */
  body .stsh-v2-root .stsh-v26-solution-grid{
    display:grid!important;
    grid-template-columns:repeat(6,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:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:196px!important;
    margin:0!important;
    padding:20px 16px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:0!important;
    border-radius:14px!important;
  }
  body .stsh-v2-root .stsh-v26-solution-icon{
    width:52px!important;
    height:52px!important;
    flex:0 0 52px!important;
    border-radius:14px!important;
    font-size:19px!important;
    margin-bottom:16px!important;
  }
  body .stsh-v2-root .stsh-v26-solution-copy{
    width:100%!important;
    min-width:0!important;
  }
  body .stsh-v2-root .stsh-v26-solution-copy small{
    font-size:8px!important;
    margin-bottom:6px!important;
  }
  body .stsh-v2-root .stsh-v26-solution-copy strong{
    min-height:40px!important;
    margin-bottom:8px!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  body .stsh-v2-root .stsh-v26-solution-copy p{
    font-size:9.5px!important;
    line-height:1.5!important;
  }
  body .stsh-v2-root .stsh-v26-solution-arrow{
    margin-top:auto!important;
    align-self:flex-end!important;
    font-size:12px!important;
    padding-top:14px!important;
  }

  /* Bottom section: true 6 + 6, same container and same height. */
  body .stsh-v2-root .stsh-v26-bottom-grid,
  body .stsh-v2-root .stsh-v28-bottom-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:stretch!important;
  }
  body .stsh-v2-root .stsh-v26-b2b-box,
  body .stsh-v2-root .stsh-v26-assist-box,
  body .stsh-v2-root .stsh-v28-b2b-box,
  body .stsh-v2-root .stsh-v28-assist-box{
    width:100%!important;
    min-width:0!important;
    min-height:204px!important;
    height:100%!important;
    margin:0!important;
    padding:24px!important;
    box-sizing:border-box!important;
  }
  body .stsh-v2-root .stsh-v26-b2b-box,
  body .stsh-v2-root .stsh-v28-b2b-box{
    justify-content:center!important;
  }
  body .stsh-v2-root .stsh-v26-assist-box,
  body .stsh-v2-root .stsh-v28-assist-box{
    grid-template-columns:52px minmax(0,1fr) 260px!important;
    align-items:center!important;
    gap:16px!important;
  }
}

@media (min-width:768px) and (max-width:1024px){
  /* Flash = three cards on tablet. */
  body .stsh-v2-root .stsh-v23-products ul.products{
    gap:16px!important;
  }

  /* Solution = 3 x 2 on tablet, still vertical. */
  body .stsh-v2-root .stsh-v26-solution-grid{
    display:grid!important;
    grid-template-columns:repeat(3,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;
    min-height:174px!important;
    padding:18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  body .stsh-v2-root .stsh-v26-solution-icon{
    width:48px!important;height:48px!important;margin-bottom:14px!important;
  }
  body .stsh-v2-root .stsh-v26-solution-arrow{margin-top:auto!important;align-self:flex-end!important;}

  body .stsh-v2-root .stsh-v26-bottom-grid,
  body .stsh-v2-root .stsh-v28-bottom-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
}

@media (max-width:767px){
  /* Keep Flash mobile swipe behavior. */

  /* Solution becomes vertical swipe cards on mobile. */
  body .stsh-v2-root .stsh-v26-solution-grid{
    display:flex!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:2px!important;
  }
  body .stsh-v2-root .stsh-v26-solution-grid::-webkit-scrollbar{display:none!important;}
  body .stsh-v2-root .stsh-v26-solution-grid > .stsh-v26-solution-card{
    flex:0 0 78%!important;
    min-width:78%!important;
    max-width:78%!important;
    min-height:176px!important;
    padding:18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    scroll-snap-align:start!important;
  }
  body .stsh-v2-root .stsh-v26-solution-icon{
    width:48px!important;height:48px!important;margin-bottom:14px!important;
  }
  body .stsh-v2-root .stsh-v26-solution-copy strong{
    font-size:13px!important;
    min-height:auto!important;
  }
  body .stsh-v2-root .stsh-v26-solution-copy p{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body .stsh-v2-root .stsh-v26-solution-arrow{margin-top:auto!important;align-self:flex-end!important;}

  body .stsh-v2-root .stsh-v26-bottom-grid,
  body .stsh-v2-root .stsh-v28-bottom-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
  }
}