/* ==========================================================
   Store.Toolsheep Homepage V35 — Mobile-first responsive polish
   Loaded LAST after Homepage/Featured/Flash assets.
   ========================================================== */

/* Tablet rhythm */
@media (min-width:768px) and (max-width:1024px){
  .stsh-v2-root{padding:8px 0 20px!important}
  .stsh-v2-shell{max-width:calc(100vw - 28px)!important}
  .stsh-v2-module{padding:14px!important;margin-top:12px!important}
  .stsh-v5-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  .stsh-v24-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .stsh-v26-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stsh-v27-panel ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media (max-width:767px){
  :root{--stsh-mobile-pad:12px;--stsh-mobile-gap:14px}

  html,body{max-width:100%!important;overflow-x:clip!important}
  .stsh-v2-root{
    width:100%!important;max-width:100%!important;
    background:#fff!important;
    padding:4px 0 18px!important;
    overflow-x:clip!important;
  }
  .stsh-v2-root > .e-con-inner{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}
  .stsh-v2-shell{width:100%!important;max-width:100%!important;padding-left:var(--stsh-mobile-pad)!important;padding-right:var(--stsh-mobile-pad)!important;margin-left:auto!important;margin-right:auto!important}

  /* Flatten desktop cards at section level for a marketplace mobile rhythm. */
  .stsh-v2-module{
    border:0!important;border-radius:0!important;box-shadow:none!important;
    background:#fff!important;
    padding:10px var(--stsh-mobile-pad) 12px!important;
    margin-top:var(--stsh-mobile-gap)!important;
  }
  .stsh-v2-title-row{margin-bottom:10px!important;gap:10px!important}
  .stsh-v2-title-row h2,.stsh-v2-recommend-head h2{font-size:17px!important;line-height:1.25!important}
  .stsh-v2-more{font-size:10.5px!important;min-height:32px!important;padding:0 2px!important}

  /* HERO — one strong banner only. Assisted purchase appears again near the bottom. */
  .stsh-v2-hero{display:block!important;padding:0 var(--stsh-mobile-pad)!important;margin:0!important}
  .stsh-v2-hero > .e-con-inner{display:block!important;width:100%!important;max-width:100%!important;padding:0!important}
  .stsh-v2-hero-main{width:100%!important;max-width:100%!important;height:auto!important}
  .stsh-v2-hero-side{display:none!important}
  .stsh-v2-hero-carousel,
  .stsh-v2-hero-carousel .swiper,
  .stsh-v2-hero-carousel .swiper-wrapper,
  .stsh-v2-hero-carousel .swiper-slide,
  .stsh-v2-hero-carousel .elementor-image-carousel-wrapper{height:auto!important;min-height:0!important}
  .stsh-v2-hero-carousel{border-radius:10px!important;overflow:hidden!important}
  .stsh-v2-hero-carousel img{
    width:100%!important;height:auto!important;min-height:0!important;
    aspect-ratio:1.92/1!important;object-fit:cover!important;object-position:center!important;
    border-radius:10px!important;
  }
  .stsh-v2-hero-carousel .elementor-swiper-button{width:32px!important;height:32px!important}
  .stsh-v2-hero-carousel .swiper-pagination{bottom:6px!important}

  /* CATEGORIES — 4 x 2, larger touch areas, no horizontal hunting. */
  .stsh-v2-category-module{padding-top:8px!important;margin-top:12px!important}
  .stsh-v5-category-grid{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px 5px!important;overflow:visible!important;padding:0!important;
  }
  .stsh-v5-cat{
    min-width:0!important;min-height:88px!important;
    padding:7px 2px 5px!important;gap:6px!important;
    border:0!important;border-radius:10px!important;background:transparent!important;
    scroll-snap-align:none!important;
  }
  .stsh-v5-cat-icon{width:54px!important;height:54px!important;font-size:21px!important;border-radius:15px!important}
  .stsh-v5-cat strong{font-size:10px!important;line-height:1.25!important;min-height:25px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

  /* FLASH SALE — true mobile swipe rail. One full card + a visible peek of the next. */
  .stsh-v18-flash-host{margin-top:12px!important;padding-top:8px!important;padding-bottom:8px!important;overflow:visible!important}
  .stsh-v23-flash{margin-top:0!important;overflow:visible!important}
  .stsh-v23-head{display:flex!important;align-items:center!important;flex-direction:row!important;justify-content:space-between!important;gap:8px!important;margin-bottom:10px!important}
  .stsh-v23-titleline{gap:4px!important;flex-wrap:nowrap!important;min-width:0!important}
  .stsh-v23-titleline h2{font-size:20px!important;white-space:nowrap!important}
  .stsh-v23-bolt{font-size:19px!important;flex:0 0 auto!important}
  .stsh-v23-timer{margin-left:2px!important;gap:2px!important;padding:3px 5px!important;min-height:34px!important;border-radius:9px!important}
  .stsh-v23-time{width:31px!important;height:28px!important;border-radius:7px!important}
  .stsh-v23-time b{font-size:12px!important}.stsh-v23-time small{font-size:6.5px!important}.stsh-v23-sep{font-size:10px!important}
  .stsh-v23-all{font-size:10px!important;flex:0 0 auto!important}
  .stsh-v23-products{overflow:visible!important}
  .stsh-v23-viewport{overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:2px 20% 8px 0!important;margin-right:calc(var(--stsh-mobile-pad) * -1)!important;overscroll-behavior-inline:contain!important}
  .stsh-v23-products ul.products{gap:10px!important;padding-right:var(--stsh-mobile-pad)!important}
  .stsh-v23-products ul.products li.product{scroll-snap-align:start!important;border:0!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(20,33,43,.06)!important;padding-bottom:10px!important;background:#fff!important}
  .stsh-v23-products ul.products li.product img{height:170px!important;object-fit:contain!important;margin-bottom:6px!important}
  .stsh-v23-products .woocommerce-loop-product__title{height:39px!important;font-size:11.5px!important;line-height:1.4!important;margin:0 10px 5px!important}
  .stsh-v23-products .price{font-size:13px!important;margin:0 10px 7px!important;min-height:19px!important}
  .stsh-v23-products a.button{min-height:38px!important;margin:0 10px!important;font-size:10.5px!important;border-radius:8px!important}
  .stsh-v23-arrow{display:none!important} /* swipe is the primary mobile behavior */

  /* BRANDS — compact horizontal brand rail instead of a long vertical wall. */
  .stsh-v24-brand-grid{
    display:flex!important;grid-template-columns:none!important;
    gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;
    padding:2px 22% 8px 0!important;margin-right:calc(var(--stsh-mobile-pad) * -1)!important;
    scrollbar-width:none!important;
  }
  .stsh-v24-brand-grid::-webkit-scrollbar{display:none!important}
  .stsh-v24-brand-card{
    flex:0 0 74%!important;min-width:74%!important;min-height:84px!important;
    padding:10px 12px!important;border-radius:11px!important;gap:10px!important;
    scroll-snap-align:start!important;box-shadow:none!important;
  }
  .stsh-v24-brand-media{width:66px!important;height:54px!important;flex:0 0 66px!important}
  .stsh-v24-brand-copy strong{font-size:13.5px!important}.stsh-v24-brand-copy small{font-size:9.5px!important}

  /* FEATURED PRODUCTS — compact 2-column grid and cap to 6 items on mobile. */
  .stsh-v3-featured-module{padding-top:9px!important;padding-bottom:8px!important}
  .stsh-v27-head{display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important;gap:8px!important;margin-bottom:10px!important}
  .stsh-v27-title small{font-size:8px!important}.stsh-v27-title h2{font-size:17px!important}
  .stsh-v27-tabs{grid-column:1/3!important;grid-row:2!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:3px!important}
  .stsh-v27-tabs button{min-width:0!important;width:100%!important;min-height:38px!important;padding:0 5px!important;font-size:11px!important}
  .stsh-v27-more{grid-column:2!important;grid-row:1!important;font-size:10px!important;align-self:end!important}
  .stsh-v27-panel ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .stsh-v27-panel ul.products li.product:nth-child(n+7){display:none!important}
  .stsh-v27-panel .woocommerce-loop-product__title{font-size:10.5px!important;line-height:1.42!important;height:34px!important;margin-bottom:5px!important}
  .stsh-v27-panel ul.products li.product img{height:128px!important;padding:5px!important}
  .stsh-v27-panel .price{font-size:12px!important;margin-bottom:6px!important}
  .stsh-v27-panel a.button{min-height:36px!important;font-size:10px!important;border-radius:7px!important}

  /* CAMPAIGN — compact image, not a huge vertical interruption. */
  .stsh-v3-campaign-module{padding:0 var(--stsh-mobile-pad)!important;margin-top:12px!important}
  .stsh-v3-campaign{width:100%!important;height:auto!important;aspect-ratio:2.05/1!important;border-radius:10px!important}
  .stsh-v3-campaign img{width:100%!important;height:100%!important;object-fit:cover!important}
  .stsh-v3-campaign-action{right:8px!important;bottom:7px!important;min-height:30px!important;padding:0 10px!important;font-size:9px!important;border-radius:7px!important}

  /* SHOP BY SOLUTION — mobile swipe shelf, much shorter page. */
  .stsh-v2-solution-module{padding-bottom:6px!important}
  .stsh-v26-solution-grid{
    display:flex!important;grid-template-columns:none!important;
    gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;
    padding:2px 18% 8px 0!important;margin-right:calc(var(--stsh-mobile-pad) * -1)!important;
    scrollbar-width:none!important;
  }
  .stsh-v26-solution-grid::-webkit-scrollbar{display:none!important}
  .stsh-v26-solution-card{
    flex:0 0 82%!important;min-width:82%!important;min-height:82px!important;
    padding:12px!important;border-radius:11px!important;grid-template-columns:40px minmax(0,1fr) 14px!important;gap:10px!important;
    scroll-snap-align:start!important;box-shadow:none!important;
  }
  .stsh-v26-solution-icon{width:40px!important;height:40px!important;border-radius:10px!important;font-size:15px!important}
  .stsh-v26-solution-copy small{font-size:7.5px!important;margin-bottom:3px!important}
  .stsh-v26-solution-copy strong{font-size:12px!important;margin-bottom:2px!important}
  .stsh-v26-solution-copy p{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* BUSINESS + ASSISTED PURCHASE — clear priorities and larger tap targets. */
  .stsh-v2-bottom-module{padding:10px var(--stsh-mobile-pad) 4px!important;margin-top:12px!important}
  .stsh-v26-bottom-grid{display:flex!important;flex-direction:column!important;gap:10px!important}
  .stsh-v26-b2b-box,.stsh-v26-assist-box{min-height:0!important;padding:13px!important;border-radius:12px!important}
  .stsh-v26-box-head>span{width:36px!important;height:36px!important;flex-basis:36px!important}
  .stsh-v26-box-head strong{font-size:14px!important}.stsh-v26-box-head p{font-size:9.5px!important;margin-top:3px!important}
  .stsh-v26-b2b-benefits{gap:5px!important;margin:10px 0 8px!important}
  .stsh-v26-b2b-benefits span{padding:6px 7px!important;font-size:8.5px!important}
  .stsh-v28-b2b-assurance{margin-top:7px!important;padding-top:8px!important;font-size:9px!important}
  .stsh-v26-assist-box{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:start!important;gap:10px!important}
  .stsh-v26-assist-icon{width:42px!important;height:42px!important;font-size:16px!important}
  .stsh-v26-assist-copy h2{font-size:15px!important;margin-bottom:4px!important}.stsh-v26-assist-copy p{font-size:9.5px!important;line-height:1.4!important}
  .stsh-v26-contact-grid{grid-column:1/3!important;width:100%!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:2px!important}
  .stsh-v26-contact{min-height:48px!important;padding:7px 8px!important;border-radius:9px!important;gap:7px!important}
  .stsh-v26-contact>i{font-size:16px!important}.stsh-v26-contact strong{font-size:9px!important}.stsh-v26-contact small{font-size:7px!important}

  /* Minimum touch target for interactive homepage controls. */
  .stsh-v2-root a.stsh-v2-more,
  .stsh-v2-root .stsh-v27-tabs button,
  .stsh-v2-root .stsh-v26-contact,
  .stsh-v2-root .stsh-v10-line-btn,
  .stsh-v2-root .stsh-v2-products a.button{touch-action:manipulation}
}

/* Extra-small phones */
@media (max-width:390px){
  :root{--stsh-mobile-pad:10px}
  .stsh-v5-category-grid{gap:7px 3px!important}
  .stsh-v5-cat-icon{width:50px!important;height:50px!important;font-size:19px!important}
  .stsh-v5-cat strong{font-size:9.3px!important}
  .stsh-v23-titleline h2{font-size:18px!important}
  .stsh-v23-timer{padding:2px 4px!important}.stsh-v23-time{width:28px!important;height:27px!important}.stsh-v23-time b{font-size:11px!important}
  .stsh-v24-brand-card{flex-basis:80%!important;min-width:80%!important}
  .stsh-v26-solution-card{flex-basis:88%!important;min-width:88%!important}
  .stsh-v27-panel ul.products li.product img{height:115px!important}
  .stsh-v26-contact-grid{grid-template-columns:1fr 1fr!important}
}