
/*
 * SSK Store — Mobile Final Layout
 * Loaded AFTER app.css so legacy mobile overrides cannot move
 * the homepage vertically. Desktop is intentionally untouched.
 */
@media screen and (max-width: 767px) {

  html {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }

  body.ssk-premium-v40.ssk-mobile {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 0 70px !important;
    overflow-x:hidden !important;
    position:relative !important;
    top:auto !important;
    transform:none !important;
  }

  /*
   * One deterministic header stack:
   * topbar 28px + header 58px = 86px.
   * No hidden desktop element is allowed to create a second row.
   */
  body.ssk-premium-v40.ssk-mobile .ssk-topbar {
    display:block !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    width:100% !important;
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-topbar-inner {
    display:flex !important;
    width:100% !important;
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    margin:0 !important;
    padding:0 10px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-topbar-inner span {
    display:block !important;
    flex:0 1 auto !important;
    font-size:8px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-topbar-inner span:nth-child(4) {
    display:none !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-header {
    display:block !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    width:100% !important;
    max-width:none !important;
    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-header-main {
    display:grid !important;
    grid-template-columns:40px minmax(0,1fr) 48px !important;
    grid-template-rows:58px !important;
    width:100% !important;
    max-width:none !important;
    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;
    margin:0 !important;
    padding:0 8px !important;
    align-items:center !important;
    gap:6px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  /* Desktop search MUST occupy no layout space. */
  body.ssk-premium-v40.ssk-mobile .ssk-search {
    display:none !important;
    position:absolute !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
    visibility:hidden !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-menu-toggle {
    display:flex !important;
    grid-column:1 !important;
    grid-row:1 !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-brand {
    display:flex !important;
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    height:58px !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-brand a,
  body.ssk-premium-v40.ssk-mobile .ssk-admin-logo-link {
    display:flex !important;
    width:100% !important;
    height:58px !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-brand img,
  body.ssk-premium-v40.ssk-mobile .ssk-admin-logo {
    display:block !important;
    width:auto !important;
    max-width:145px !important;
    height:auto !important;
    max-height:48px !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-head-actions {
    display:flex !important;
    grid-column:3 !important;
    grid-row:1 !important;
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    height:58px !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;
    overflow:hidden !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-head-wa {
    display:none !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-head-cart {
    display:inline-flex !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:0 !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-head-cart:before {
    content:"🛒" !important;
    font-size:18px !important;
    line-height:1 !important;
  }

  /* Navigation and mobile drawer never consume normal document flow. */
  body.ssk-premium-v40.ssk-mobile .ssk-nav-row {
    display:none !important;
    position:absolute !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-mobile-drawer,
  body.ssk-premium-v40.ssk-mobile .ssk-drawer-overlay {
    position:fixed !important;
  }

  /*
   * MAIN IS THE CRITICAL FIX:
   * no negative/positive offsets, no transform, no sticky compensation.
   */
  body.ssk-premium-v40.ssk-mobile .ssk-main {
    display:block !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  /*
   * Slider begins immediately after the 86px header stack.
   * No inherited desktop margin or fixed 500px height.
   */
  body.ssk-premium-v40.ssk-mobile .ssk-slider {
    display:block !important;
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    height:205px !important;
    min-height:205px !important;
    max-height:205px !important;
    margin:0 !important;
    padding:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-slider-track,
  body.ssk-premium-v40.ssk-mobile .ssk-slide {
    width:100% !important;
    height:205px !important;
    min-height:205px !important;
    max-height:205px !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-slide-inner {
    width:100% !important;
    max-width:none !important;
    height:205px !important;
    min-height:205px !important;
    margin:0 !important;
    padding:0 42px 0 20px !important;
    align-items:center !important;
    box-sizing:border-box !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-slide-copy {
    width:100% !important;
    max-width:82% !important;
    padding:0 !important;
    margin:0 !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-slide-copy h1 {
    font-size:23px !important;
    line-height:1.12 !important;
    letter-spacing:-.7px !important;
    margin:0 0 7px !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-slide-copy p {
    font-size:10px !important;
    line-height:1.35 !important;
    margin:0 !important;
    max-width:100% !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-hero-actions {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
    margin:9px 0 0 !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-primary-btn,
  body.ssk-premium-v40.ssk-mobile .ssk-outline-btn {
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    padding:0 9px !important;
    font-size:9px !important;
    border-radius:6px !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-slider-arrow {
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    top:50% !important;
    margin:0 !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-slider-prev { left:8px !important; }
  body.ssk-premium-v40.ssk-mobile .ssk-slider-next { right:8px !important; }

  body.ssk-premium-v40.ssk-mobile .ssk-slider-dots {
    bottom:7px !important;
  }

  /* Categories: no inherited top margin. */
  body.ssk-premium-v40.ssk-mobile #ssk-categories {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:20px 12px 24px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-categories > .ssk-container {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-categories .ssk-category-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-categories .ssk-category-card {
    width:100% !important;
    min-width:0 !important;
    min-height:185px !important;
    margin:0 !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-categories .ssk-category-image {
    width:100% !important;
    height:135px !important;
    min-height:135px !important;
  }

  /* Products: two-column stable grid, no horizontal scroll. */
  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:24px 12px 34px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products > .ssk-container {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products .ssk-home-products-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products .ssk-home-product-card {
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products .ssk-home-product-image {
    width:100% !important;
    height:175px !important;
    min-height:175px !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products .ssk-home-product-image img {
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    padding:7px !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products .ssk-home-product-body {
    padding:8px !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products .ssk-home-product-title {
    min-height:34px !important;
    font-size:11px !important;
    line-height:1.25 !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products .ssk-home-product-price {
    margin:6px 0 7px !important;
    font-size:13px !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products .ssk-home-product-actions {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:5px !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products .ssk-home-product-cart,
  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products .ssk-home-product-whatsapp {
    min-height:32px !important;
    height:32px !important;
    font-size:9px !important;
  }

  /*
   * Eliminate the desktop 1000px reference sheet on mobile.
   * This is intentionally last so the mobile layout cannot inherit
   * the desktop center-column dimensions.
   */
  body.ssk-premium-v40.ssk-mobile .ssk-header,
  body.ssk-premium-v40.ssk-mobile .ssk-main,
  body.ssk-premium-v40.ssk-mobile .ssk-footer,
  body.ssk-premium-v40.ssk-mobile .ssk-topbar {
    width:100% !important;
    max-width:none !important;
  }

  /* Keep the uploaded background behind the page without affecting flow. */
  body.ssk-premium-v40.ssk-mobile > .ssk-site-background {
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100vh !important;
    margin:0 !important;
    pointer-events:none !important;
    z-index:0 !important;
    background-position:center center !important;
    background-size:cover !important;
    background-attachment:scroll !important;
  }

  body.ssk-premium-v40.ssk-mobile .ssk-topbar,
  body.ssk-premium-v40.ssk-mobile .ssk-header,
  body.ssk-premium-v40.ssk-mobile .ssk-main,
  body.ssk-premium-v40.ssk-mobile .ssk-footer {
    z-index:2 !important;
  }
}

@media screen and (max-width:390px) {
  body.ssk-premium-v40.ssk-mobile .ssk-slider,
  body.ssk-premium-v40.ssk-mobile .ssk-slider-track,
  body.ssk-premium-v40.ssk-mobile .ssk-slide,
  body.ssk-premium-v40.ssk-mobile .ssk-slide-inner {
    height:195px !important;
    min-height:195px !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-categories .ssk-category-image {
    height:125px !important;
    min-height:125px !important;
  }

  body.ssk-premium-v40.ssk-mobile #ssk-home-all-products .ssk-home-product-image {
    height:160px !important;
    min-height:160px !important;
  }
}

/* ============================================================
   SSK STORE V4.1.40 — MOBILE HEADER / MENU / CART FINAL FIX
   This block intentionally comes last and overrides legacy mobile
   rules without changing desktop/tablet layouts.
   ============================================================ */
@media screen and (max-width: 767px){
  html{overflow-x:hidden!important;}
  body.ssk-premium-v40{
    overflow-x:hidden!important;
    padding-bottom:72px!important;
  }

  /* ---------- COMPACT MOBILE HEADER ---------- */
  body.ssk-premium-v40 .ssk-topbar{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:0 8px!important;
  }
  body.ssk-premium-v40 .ssk-topbar-inner{
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    justify-content:space-between!important;
    gap:4px!important;
  }
  body.ssk-premium-v40 .ssk-topbar-inner span{
    font-size:8px!important;
    line-height:1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.ssk-premium-v40 .ssk-topbar-inner span:nth-child(3){display:block!important;}
  body.ssk-premium-v40 .ssk-topbar-inner span:nth-child(4){display:none!important;}

  body.ssk-premium-v40 .ssk-header{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    padding:0!important;
    overflow:visible!important;
    position:relative!important;
    z-index:1005!important;
  }
  body.ssk-premium-v40 .ssk-header-main{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 50px!important;
    grid-template-rows:60px!important;
    gap:5px!important;
    padding:0 8px!important;
    align-items:center!important;
  }
  body.ssk-premium-v40 .ssk-menu-toggle{
    display:flex!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    grid-column:1!important;
    grid-row:1!important;
    border:1px solid rgba(255,32,145,.65)!important;
    background:rgba(196,20,114,.18)!important;
    color:#ff4aa8!important;
    border-radius:12px!important;
    font-size:0!important;
    box-shadow:0 0 16px rgba(255,20,145,.16)!important;
    cursor:pointer!important;
  }
  body.ssk-premium-v40 .ssk-menu-toggle:before{
    content:'☰'!important;
    font-size:22px!important;
    line-height:1!important;
  }
  body.ssk-premium-v40 .ssk-brand{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    height:60px!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  body.ssk-premium-v40 .ssk-brand a,
  body.ssk-premium-v40 .ssk-admin-logo-link{
    display:flex!important;
    width:100%!important;
    height:60px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.ssk-premium-v40 .ssk-brand img,
  body.ssk-premium-v40 .ssk-admin-logo{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:142px!important;
    max-height:44px!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }
  body.ssk-premium-v40 .ssk-head-actions{
    grid-column:3!important;
    grid-row:1!important;
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:60px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
  }
  body.ssk-premium-v40 .ssk-head-wa{display:none!important;}
  body.ssk-premium-v40 .ssk-head-cart{
    position:relative!important;
    display:flex!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,32,145,.72)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#d31478,#9c0b61)!important;
    color:#fff!important;
    font-size:0!important;
    text-decoration:none!important;
    box-shadow:0 0 16px rgba(255,20,145,.16)!important;
  }
  body.ssk-premium-v40 .ssk-head-cart:before{
    content:'🛒'!important;
    font-size:19px!important;
    line-height:1!important;
  }
  body.ssk-premium-v40 .ssk-head-cart .ssk-cart-count{
    position:absolute!important;
    top:-5px!important;
    right:-5px!important;
    min-width:19px!important;
    height:19px!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#c41472!important;
    font-size:10px!important;
    line-height:19px!important;
    font-weight:900!important;
    border:2px solid #c41472!important;
    box-sizing:border-box!important;
  }
  body.ssk-premium-v40 .ssk-search{
    display:none!important;
  }
  body.ssk-premium-v40 .ssk-nav-row{display:none!important;}

  /* ---------- MOBILE DRAWER ---------- */
  body.ssk-premium-v40 .ssk-mobile-drawer{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(310px,86vw)!important;
    max-width:310px!important;
    height:100dvh!important;
    padding:18px 16px calc(24px + env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    background:linear-gradient(180deg,#111019 0%,#08080d 100%)!important;
    border-right:1px solid rgba(255,32,145,.38)!important;
    box-shadow:20px 0 55px rgba(0,0,0,.55),0 0 30px rgba(255,20,145,.08)!important;
    transform:translate3d(-105%,0,0)!important;
    visibility:hidden!important;
    opacity:0!important;
    transition:transform .25s ease,opacity .2s ease,visibility .25s ease!important;
    z-index:11000!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
  }
  body.ssk-premium-v40 .ssk-drawer-head{
    min-height:48px!important;
    padding:0 0 12px!important;
    margin:0 0 6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }
  body.ssk-premium-v40 .ssk-drawer-head strong{
    color:#ff42a5!important;
    font-size:18px!important;
    font-weight:900!important;
    letter-spacing:.5px!important;
  }
  body.ssk-premium-v40 .ssk-drawer-close{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,32,145,.55)!important;
    border-radius:10px!important;
    background:rgba(196,20,114,.14)!important;
    color:#fff!important;
    font-size:27px!important;
    line-height:1!important;
  }
  body.ssk-premium-v40 .ssk-mobile-drawer a{
    display:flex!important;
    align-items:center!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 8px!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:800!important;
    border-radius:8px!important;
  }
  body.ssk-premium-v40 .ssk-mobile-drawer a:active,
  body.ssk-premium-v40 .ssk-mobile-drawer a:hover{
    background:rgba(255,20,145,.10)!important;
    color:#ff4aa8!important;
  }
  body.ssk-premium-v40 .ssk-drawer-overlay{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    background:rgba(0,0,0,.68)!important;
    backdrop-filter:blur(2px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:10990!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }
  body.ssk-premium-v40.ssk-drawer-open{overflow:hidden!important;}
  body.ssk-premium-v40.ssk-drawer-open .ssk-mobile-drawer{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.ssk-premium-v40.ssk-drawer-open .ssk-drawer-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* ---------- MOBILE CONTENT FLOW ---------- */
  body.ssk-premium-v40 .ssk-main{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    overflow:visible!important;
  }

  /* ---------- MOBILE CART PAGE ---------- */
  body.ssk-premium-v40.woocommerce-cart .ssk-main,
  body.ssk-premium-v40.woocommerce-cart .ssk-page,
  body.ssk-premium-v40.woocommerce-cart .ssk-shop,
  body.ssk-premium-v40.woocommerce-cart .woocommerce{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  body.ssk-premium-v40.woocommerce-cart .ssk-page,
  body.ssk-premium-v40.woocommerce-cart .ssk-shop{
    padding:20px 12px 90px!important;
  }
  body.ssk-premium-v40.woocommerce-cart .woocommerce-cart-form{
    width:100%!important;
    overflow:visible!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table,
  body.ssk-premium-v40.woocommerce-cart .woocommerce-cart-form__contents{
    width:100%!important;
    display:block!important;
    border:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table thead{
    display:none!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table tbody,
  body.ssk-premium-v40.woocommerce-cart table.shop_table tr,
  body.ssk-premium-v40.woocommerce-cart table.shop_table td{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table tr.cart_item{
    position:relative!important;
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr) 34px!important;
    grid-template-rows:auto auto!important;
    gap:8px 10px!important;
    padding:12px!important;
    margin:0 0 10px!important;
    border:1px solid rgba(255,32,145,.34)!important;
    border-radius:14px!important;
    background:rgba(13,13,20,.88)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.20)!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table td.product-thumbnail{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:78px!important;
    padding:0!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table td.product-thumbnail img{
    width:78px!important;
    height:78px!important;
    max-width:78px!important;
    object-fit:contain!important;
    border-radius:10px!important;
    background:#fff!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table td.product-name{
    grid-column:2!important;
    grid-row:1!important;
    padding:0!important;
    text-align:left!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table td.product-name a{
    color:#fff!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:800!important;
    text-decoration:none!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table td.product-price{
    grid-column:2!important;
    grid-row:2!important;
    padding:0!important;
    text-align:left!important;
    color:#ff4aa8!important;
    font-size:13px!important;
    font-weight:900!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table td.product-quantity{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
    width:auto!important;
    padding:0 42px 0 0!important;
    text-align:right!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table td.product-quantity .quantity{
    display:inline-flex!important;
    align-items:center!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table td.product-quantity input.qty{
    width:54px!important;
    min-width:54px!important;
    height:34px!important;
    padding:0 5px!important;
    border:1px solid rgba(255,32,145,.35)!important;
    border-radius:8px!important;
    background:#15151d!important;
    color:#fff!important;
    text-align:center!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table td.product-subtotal{
    display:none!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table td.product-remove{
    grid-column:3!important;
    grid-row:1!important;
    padding:0!important;
    text-align:right!important;
  }
  body.ssk-premium-v40.woocommerce-cart table.shop_table td.product-remove a.remove{
    display:flex!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:9px!important;
    background:rgba(220,40,90,.12)!important;
    color:#ff5b7a!important;
    font-size:22px!important;
    line-height:1!important;
  }
  body.ssk-premium-v40.woocommerce-cart .actions{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:0!important;
    margin:10px 0 18px!important;
    border:0!important;
  }
  body.ssk-premium-v40.woocommerce-cart .actions .button,
  body.ssk-premium-v40.woocommerce-cart .actions button{
    width:100%!important;
    min-height:44px!important;
    border-radius:10px!important;
    font-weight:900!important;
  }
  body.ssk-premium-v40.woocommerce-cart .cart-collaterals,
  body.ssk-premium-v40.woocommerce-cart .cart_totals{
    width:100%!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
  }
  body.ssk-premium-v40.woocommerce-cart .cart_totals{
    padding:16px!important;
    border:1px solid rgba(255,32,145,.30)!important;
    border-radius:14px!important;
    background:rgba(10,10,15,.90)!important;
    box-sizing:border-box!important;
  }
  body.ssk-premium-v40.woocommerce-cart .cart_totals h2{
    margin:0 0 10px!important;
    font-size:18px!important;
    color:#fff!important;
  }
  body.ssk-premium-v40.woocommerce-cart .cart_totals table.shop_table{
    display:table!important;
    width:100%!important;
    margin:0 0 12px!important;
  }
  body.ssk-premium-v40.woocommerce-cart .cart_totals table.shop_table tr{
    display:table-row!important;
  }
  body.ssk-premium-v40.woocommerce-cart .cart_totals table.shop_table th,
  body.ssk-premium-v40.woocommerce-cart .cart_totals table.shop_table td{
    display:table-cell!important;
    width:auto!important;
    padding:7px 0!important;
    color:#fff!important;
  }
  body.ssk-premium-v40.woocommerce-cart .wc-proceed-to-checkout{
    padding:0!important;
  }
  body.ssk-premium-v40.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  body.ssk-premium-v40.woocommerce-cart .ssk-cart-wa-primary{
    width:100%!important;
    min-height:50px!important;
    margin:0!important;
    border-radius:11px!important;
    font-size:13px!important;
    font-weight:900!important;
    box-sizing:border-box!important;
  }

  /* ---------- MOBILE BOTTOM BAR ---------- */
  body.ssk-premium-v40 .ssk-mobile-bar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    min-height:62px!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    box-sizing:border-box!important;
    background:rgba(7,7,11,.96)!important;
    border-top:1px solid rgba(255,32,145,.28)!important;
    backdrop-filter:blur(14px)!important;
    z-index:10000!important;
  }
  body.ssk-premium-v40 .ssk-mobile-bar a{
    min-height:46px!important;
    height:46px!important;
    border-radius:11px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
    text-decoration:none!important;
  }
  body.ssk-premium-v40 .ssk-mobile-bar a:first-child{background:#65d96b!important;}
  body.ssk-premium-v40 .ssk-mobile-bar a:last-child{background:linear-gradient(135deg,#e21b83,#a90b61)!important;}
  body.ssk-premium-v40 .ssk-mobile-bar .ssk-cart-count{
    min-width:19px!important;
    height:19px!important;
    padding:0 4px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#c41472!important;
    font-size:10px!important;
    line-height:19px!important;
  }
}

@media screen and (max-width:390px){
  body.ssk-premium-v40 .ssk-brand img,
  body.ssk-premium-v40 .ssk-admin-logo{max-width:126px!important;max-height:40px!important;}
  body.ssk-premium-v40 .ssk-header-main{grid-template-columns:44px minmax(0,1fr) 48px!important;padding:0 6px!important;}
  body.ssk-premium-v40 .ssk-menu-toggle{width:40px!important;min-width:40px!important;}
  body.ssk-premium-v40 .ssk-head-actions{width:48px!important;min-width:48px!important;}
  body.ssk-premium-v40 .ssk-head-cart{width:44px!important;min-width:44px!important;}
}

/* V4.1.70 — Mobile category archive product cards */
@media(max-width:760px){
  body.ssk-premium-v40.woocommerce.archive .ssk-woo-wrap,
  body.ssk-premium-v40.woocommerce.tax-product_cat .ssk-woo-wrap{
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
  }
  body.ssk-premium-v40.woocommerce.archive .ssk-woo-wrap ul.products,
  body.ssk-premium-v40.woocommerce.tax-product_cat .ssk-woo-wrap ul.products{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }
  body.ssk-premium-v40.woocommerce.archive .ssk-woo-wrap ul.products li.product,
  body.ssk-premium-v40.woocommerce.tax-product_cat .ssk-woo-wrap ul.products li.product{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    clear:none !important;
    box-sizing:border-box !important;
  }
  body.ssk-premium-v40.woocommerce.archive .ssk-woo-card,
  body.ssk-premium-v40.woocommerce.tax-product_cat .ssk-woo-card{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 0 9px !important;
    border-radius:13px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  body.ssk-premium-v40.woocommerce.archive .ssk-woo-card .woocommerce-loop-product__link,
  body.ssk-premium-v40.woocommerce.tax-product_cat .ssk-woo-card .woocommerce-loop-product__link{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }
  body.ssk-premium-v40.woocommerce.archive .ssk-woo-card img.attachment-woocommerce_thumbnail,
  body.ssk-premium-v40.woocommerce.tax-product_cat .ssk-woo-card img.attachment-woocommerce_thumbnail,
  body.ssk-premium-v40.woocommerce.archive .ssk-woo-card img.wp-post-image,
  body.ssk-premium-v40.woocommerce.tax-product_cat .ssk-woo-card img.wp-post-image{
    display:block !important;
    width:100% !important;
    height:180px !important;
    min-height:180px !important;
    max-height:180px !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#fff !important;
    padding:7px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
  body.ssk-premium-v40.woocommerce.archive .ssk-woo-card .woocommerce-loop-product__title,
  body.ssk-premium-v40.woocommerce.tax-product_cat .ssk-woo-card .woocommerce-loop-product__title{
    display:block !important;
    min-height:40px !important;
    margin:0 !important;
    padding:9px 9px 0 !important;
    color:#fff !important;
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }
  body.ssk-premium-v40.woocommerce.archive .ssk-woo-card .price,
  body.ssk-premium-v40.woocommerce.tax-product_cat .ssk-woo-card .price{
    display:block !important;
    margin:7px 8px 0 !important;
    padding:0 !important;
    text-align:center !important;
    font-size:14px !important;
    line-height:1.25 !important;
    white-space:normal !important;
  }
  body.ssk-premium-v40.woocommerce.archive .ssk-woo-wa,
  body.ssk-premium-v40.woocommerce.tax-product_cat .ssk-woo-wa{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:calc(100% - 16px) !important;
    min-height:34px !important;
    height:34px !important;
    margin:8px 8px 0 !important;
    padding:0 6px !important;
    font-size:10px !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
  }
  body.ssk-premium-v40.woocommerce.archive .ssk-woo-card .button,
  body.ssk-premium-v40.woocommerce.tax-product_cat .ssk-woo-card .button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:calc(100% - 16px) !important;
    min-height:34px !important;
    height:34px !important;
    margin:8px 8px 0 !important;
    padding:0 6px !important;
    font-size:10px !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
  }
}
