/*
 * SSK Store V4.1.92 — Desktop Home Wide + Popular Categories Alignment
 * Additive layer only. Mobile breakpoints are intentionally untouched.
 */
@media (min-width: 1101px){
  html body.ssk-premium-v40{
    --ssk-v40-width:1540px;
  }

  html body.ssk-premium-v40 .ssk-container,
  html body.ssk-premium-v40 .ssk-header,
  html body.ssk-premium-v40 .ssk-main,
  html body.ssk-premium-v40 .ssk-footer,
  html body.ssk-premium-v40 .ssk-topbar{
    width:min(var(--ssk-v40-width),calc(100% - 28px)) !important;
    max-width:var(--ssk-v40-width) !important;
  }

  /* Give the hero enough horizontal room without changing its HTML. */
  html body.ssk-premium-v40 .ssk-slider,
  html body.ssk-premium-v40 .ssk-slider-track,
  html body.ssk-premium-v40 .ssk-slide{
    width:100% !important;
    box-sizing:border-box !important;
  }

  html body.ssk-premium-v40 .ssk-slide-bg{
    background-size:cover !important;
    background-position:center center !important;
  }

  /* Popular categories: arrows sit outside the visible card area. */
  html body.ssk-premium-v40 #ssk-categories .ssk-category-carousel{
    padding-left:52px !important;
    padding-right:52px !important;
    gap:0 !important;
    position:relative !important;
    overflow:visible !important;
  }

  html body.ssk-premium-v40 #ssk-categories .ssk-category-viewport{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    padding:4px 0 14px !important;
    box-sizing:border-box !important;
  }

  html body.ssk-premium-v40 #ssk-categories .ssk-category-grid{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:12px !important;
    width:max-content !important;
    min-width:max-content !important;
    margin:0 !important;
    padding:0 !important;
    transform:translate3d(0,0,0);
  }

  /* Ten comfortable cards on wide desktop; JS will refine the exact width. */
  html body.ssk-premium-v40 #ssk-categories .ssk-category-card{
    flex:0 0 136px !important;
    width:136px !important;
    min-width:136px !important;
    max-width:136px !important;
    margin:0 !important;
  }

  html body.ssk-premium-v40 #ssk-categories .ssk-category-image{
    width:136px !important;
    height:136px !important;
    min-height:136px !important;
    flex:0 0 136px !important;
    padding:6px !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
  }

  html body.ssk-premium-v40 #ssk-categories .ssk-category-image img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  html body.ssk-premium-v40 #ssk-categories .ssk-category-name{
    width:136px !important;
    min-height:34px !important;
    margin-top:8px !important;
    padding:0 2px !important;
    font-size:11px !important;
    line-height:1.12 !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  html body.ssk-premium-v40 #ssk-categories .ssk-category-arrow{
    position:absolute !important;
    top:50% !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    margin:0 !important;
    z-index:50 !important;
    transform:translateY(-50%) !important;
    box-sizing:border-box !important;
  }
  html body.ssk-premium-v40 #ssk-categories .ssk-category-prev{left:5px !important;}
  html body.ssk-premium-v40 #ssk-categories .ssk-category-next{right:5px !important;}

  /* Product area gets the same wider visual rhythm. */
  html body.ssk-premium-v40 #ssk-home-all-products > .ssk-container{
    width:100% !important;
    max-width:100% !important;
  }
  html body.ssk-premium-v40 #ssk-home-all-products .ssk-home-products-grid{
    width:100% !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}
