/* ================================================================
   SPACELAND STOREFRONT RESPONSIVE FIX V4 — 2026-09-03
   Scope: Home + Product only. Loaded last on purpose.
   Goals: compact header, balanced highlights, mobile-safe footer,
          product accordion/buy bar/related cards, no horizontal overflow.
   ================================================================ */

:root{
  --spv4-safe-bottom:env(safe-area-inset-bottom,0px);
  --spv4-line:#e5e7eb;
  --spv4-soft:#f8fafc;
  --spv4-text:#111827;
  --spv4-muted:#667085;
  --spv4-radius:18px;
}

html,
body.sp-ios-home,
body.sp-ios-product{
  max-width:100%;
  overflow-x:hidden!important;
}

body.sp-ios-home *,
body.sp-ios-product *{
  min-width:0;
}

/* ---------------- Header: balanced desktop + real mobile layout ---------------- */
body.sp-ios-home .sl-online-header,
body.sp-ios-product .sl-online-header{
  width:100%!important;
  padding:10px clamp(12px,2vw,28px)!important;
  border-bottom:1px solid rgba(229,231,235,.92)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 4px 18px rgba(15,23,42,.035)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

body.sp-ios-home .sl-online-header-inner,
body.sp-ios-product .sl-online-header-inner{
  width:min(1440px,100%)!important;
  max-width:1440px!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:68px minmax(320px,760px) 56px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:clamp(16px,3vw,42px)!important;
}

body.sp-ios-home .sl-header-logo-link,
body.sp-ios-product .sl-header-logo-link{
  grid-column:1!important;
  width:60px!important;
  height:60px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  overflow:hidden!important;
}

body.sp-ios-home .sl-header-logo,
body.sp-ios-product .sl-header-logo{
  width:60px!important;
  height:60px!important;
  object-fit:contain!important;
}

body.sp-ios-home .sl-header-search,
body.sp-ios-product .sl-header-search{
  grid-column:2!important;
  width:100%!important;
  max-width:760px!important;
  min-height:52px!important;
  margin:0 auto!important;
  border-radius:16px!important;
}

body.sp-ios-home .sl-header-search-input,
body.sp-ios-product .sl-header-search-input{
  min-height:52px!important;
  font-size:15px!important;
  padding-inline:18px 56px!important;
}

body.sp-ios-home .sl-header-search-submit,
body.sp-ios-product .sl-header-search-submit,
body.sp-ios-home .sl-header-scan,
body.sp-ios-product .sl-header-scan{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
}

body.sp-ios-home .sl-header-cart,
body.sp-ios-product .sl-header-cart{
  grid-column:3!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  justify-self:end!important;
  border-radius:15px!important;
}

/* ---------------- Highlights: no giant empty desktop space ---------------- */
body.sp-ios-home .sp-ios-block--highlights{
  width:min(1440px,100%)!important;
  margin-inline:auto!important;
  padding-inline:clamp(12px,2vw,24px)!important;
}

body.sp-ios-home .sp-ios-highlights{
  width:100%!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:clamp(14px,1.8vw,28px)!important;
  padding:10px 0 14px!important;
  overflow:visible!important;
}

body.sp-ios-home .sp-ios-highlight{
  flex:0 0 84px!important;
  width:84px!important;
  max-width:84px!important;
}

body.sp-ios-home .sp-ios-highlight-ring{
  width:68px!important;
  height:68px!important;
  margin-inline:auto!important;
}

body.sp-ios-home .sp-ios-highlight strong{
  display:-webkit-box!important;
  min-height:34px!important;
  margin-top:7px!important;
  overflow:hidden!important;
  color:#252a32!important;
  font-size:11.5px!important;
  font-weight:800!important;
  line-height:1.45!important;
  white-space:normal!important;
  text-align:center!important;
  text-overflow:clip!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

/* ---------------- Product desktop balance ---------------- */
body.sp-ios-product .container{
  width:min(1440px,calc(100% - 32px))!important;
  max-width:1440px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

body.sp-ios-product .product-main-card{
  grid-template-columns:minmax(0,1fr) minmax(420px,620px)!important;
  gap:clamp(20px,2.5vw,36px)!important;
}

body.sp-ios-product .gallery-wrap,
body.sp-ios-product .details-wrap,
body.sp-ios-product .accordion,
body.sp-ios-product .slider-section{
  min-width:0!important;
}

body.sp-ios-product .accordion{
  overflow:hidden!important;
  border-radius:18px!important;
  border-color:#e4e7ec!important;
  box-shadow:none!important;
}

body.sp-ios-product .acc-header{
  min-height:58px!important;
  padding:16px 18px!important;
  gap:14px!important;
  font-size:16px!important;
  line-height:1.4!important;
}

body.sp-ios-product .acc-body-content,
body.sp-ios-product .product-description-text{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

body.sp-ios-product .product-desc-v8__paragraph{
  max-width:100%!important;
}

body.sp-ios-product .product-buybar-slim{
  box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
  border-color:#e4e7ec!important;
}

/* Related/recommended: balanced cards instead of a huge empty panel */
body.sp-ios-product .slider-section{
  padding:18px!important;
  margin-top:18px!important;
  border-radius:20px!important;
  border-color:#e4e7ec!important;
  box-shadow:none!important;
}

body.sp-ios-product .slider-section h3{
  margin:0 0 14px!important;
  font-size:20px!important;
  line-height:1.4!important;
}

body.sp-ios-product .product-slider{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(180px,220px))!important;
  justify-content:start!important;
  align-items:stretch!important;
  gap:12px!important;
  overflow:visible!important;
  padding:0!important;
}

body.sp-ios-product .product-slider > .product-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}

/* ---------------- Footer safety layer ---------------- */
body.sp-ios-home footer,
body.sp-ios-product footer{
  max-width:100%!important;
  overflow:hidden!important;
}

body.sp-ios-home footer *,
body.sp-ios-product footer *{
  min-width:0!important;
  overflow-wrap:anywhere;
}

body.sp-ios-home .sp-store-footer,
body.sp-ios-product .sp-store-footer{
  width:100%!important;
  margin-top:32px!important;
}

body.sp-ios-home .sp-store-footer-shell,
body.sp-ios-product .sp-store-footer-shell{
  width:min(1440px,calc(100% - 28px))!important;
  max-width:1440px!important;
  margin-inline:auto!important;
}

body.sp-ios-home .sp-store-footer-links,
body.sp-ios-product .sp-store-footer-links{
  gap:8px 18px!important;
}

/* Generic protection for the richer footer currently rendered on the storefront. */
body.sp-ios-home footer [class*="footer"] img,
body.sp-ios-product footer [class*="footer"] img{
  max-width:100%!important;
  height:auto!important;
}

body.sp-ios-home footer [class*="legal"],
body.sp-ios-home footer [class*="operator"],
body.sp-ios-home footer [class*="contact"],
body.sp-ios-home footer [class*="service"],
body.sp-ios-home footer [class*="feature"],
body.sp-ios-product footer [class*="legal"],
body.sp-ios-product footer [class*="operator"],
body.sp-ios-product footer [class*="contact"],
body.sp-ios-product footer [class*="service"],
body.sp-ios-product footer [class*="feature"]{
  min-width:0!important;
  max-width:100%!important;
}

/* WhatsApp must never cover footer content or the mobile purchase controls. */
body.sp-ios-home .sp-floating-whatsapp,
body.sp-ios-product .sp-floating-whatsapp{
  z-index:160!important;
}

/* ---------------- Tablet ---------------- */
@media (min-width:768px) and (max-width:1023px){
  body.sp-ios-home .sl-online-header-inner,
  body.sp-ios-product .sl-online-header-inner{
    grid-template-columns:58px minmax(0,1fr) 50px!important;
    gap:14px!important;
  }

  body.sp-ios-home .sl-header-logo-link,
  body.sp-ios-product .sl-header-logo-link,
  body.sp-ios-home .sl-header-logo,
  body.sp-ios-product .sl-header-logo{
    width:52px!important;
    height:52px!important;
  }

  body.sp-ios-home .sp-ios-highlights{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }

  body.sp-ios-home .sp-ios-highlights::-webkit-scrollbar{display:none!important}

  body.sp-ios-home .sp-ios-highlight{
    flex:0 0 78px!important;
    width:78px!important;
  }

  body.sp-ios-product .container{
    width:calc(100% - 24px)!important;
  }

  body.sp-ios-product .product-main-card{
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.sp-ios-product .gallery-wrap{
    position:static!important;
  }

  body.sp-ios-product .product-slider{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* ---------------- Phone ---------------- */
@media (max-width:767px){
  body.sp-ios-home,
  body.sp-ios-product{
    padding-bottom:calc(76px + var(--spv4-safe-bottom))!important;
  }

  body.sp-ios-home .sl-online-header,
  body.sp-ios-product .sl-online-header{
    position:sticky!important;
    top:0!important;
    z-index:180!important;
    padding:8px 10px 10px!important;
  }

  body.sp-ios-home .sl-online-header-inner,
  body.sp-ios-product .sl-online-header-inner{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    grid-template-rows:44px 46px!important;
    column-gap:10px!important;
    row-gap:8px!important;
  }

  body.sp-ios-home .sl-header-logo-link,
  body.sp-ios-product .sl-header-logo-link{
    grid-column:1!important;
    grid-row:1!important;
    width:44px!important;
    height:44px!important;
    align-self:center!important;
  }

  body.sp-ios-home .sl-header-logo,
  body.sp-ios-product .sl-header-logo{
    width:44px!important;
    height:44px!important;
  }

  body.sp-ios-home .sl-header-cart,
  body.sp-ios-product .sl-header-cart{
    grid-column:3!important;
    grid-row:1!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:13px!important;
    align-self:center!important;
  }

  body.sp-ios-home .sl-header-search,
  body.sp-ios-product .sl-header-search{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-height:46px!important;
    height:46px!important;
    margin:0!important;
    border-radius:14px!important;
  }

  body.sp-ios-home .sl-header-search-input,
  body.sp-ios-product .sl-header-search-input{
    min-height:46px!important;
    height:46px!important;
    padding-inline:14px 50px!important;
    font-size:13px!important;
  }

  body.sp-ios-home .sl-header-search-submit,
  body.sp-ios-product .sl-header-search-submit,
  body.sp-ios-home .sl-header-scan,
  body.sp-ios-product .sl-header-scan{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }

  body.sp-ios-home .sl-header-search-submit span,
  body.sp-ios-product .sl-header-search-submit span{
    display:none!important;
  }

  /* Highlights become a proper horizontal carousel. */
  body.sp-ios-home .sp-ios-block--highlights{
    width:100%!important;
    margin:0!important;
    padding:2px 0 8px!important;
    overflow:visible!important;
  }

  body.sp-ios-home .sp-ios-highlights{
    width:100%!important;
    max-width:none!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:8px 12px 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.sp-ios-home .sp-ios-highlights::-webkit-scrollbar{display:none!important}

  body.sp-ios-home .sp-ios-highlight{
    flex:0 0 66px!important;
    width:66px!important;
    max-width:66px!important;
    scroll-snap-align:start!important;
  }

  body.sp-ios-home .sp-ios-highlight-ring{
    width:54px!important;
    height:54px!important;
    padding:2px!important;
    margin:0 auto 5px!important;
  }

  body.sp-ios-home .sp-ios-highlight-core{
    border-width:2px!important;
    font-size:20px!important;
  }

  body.sp-ios-home .sp-ios-highlight strong{
    min-height:30px!important;
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.4!important;
  }

  /* Product content */
  body.sp-ios-product .container{
    width:100%!important;
    max-width:none!important;
    padding:10px 9px calc(176px + var(--spv4-safe-bottom))!important;
  }

  body.sp-ios-product .product-main-card{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    margin-bottom:14px!important;
  }

  body.sp-ios-product .gallery-wrap{
    position:static!important;
    width:100%!important;
    padding:9px!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }

  body.sp-ios-product .main-img-box{
    width:100%!important;
    max-height:48vh!important;
    min-height:280px!important;
    aspect-ratio:1 / 1!important;
    border-radius:15px!important;
  }

  body.sp-ios-product .main-img-box img{
    padding:10px!important;
  }

  body.sp-ios-product .thumbs{
    gap:6px!important;
    padding-top:7px!important;
  }

  body.sp-ios-product .thumb{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    border-radius:10px!important;
  }

  body.sp-ios-product .details-wrap{
    width:100%!important;
    gap:9px!important;
  }

  body.sp-ios-product .title{
    padding:13px!important;
    border-radius:16px!important;
    font-size:clamp(19px,5.4vw,23px)!important;
    line-height:1.5!important;
    box-shadow:none!important;
  }

  body.sp-ios-product .price-section,
  body.sp-ios-product .delivery-mini,
  body.sp-ios-product .variants-list{
    padding:12px!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }

  body.sp-ios-product .trust-badges{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
  }

  body.sp-ios-product .trust-item{
    min-width:0!important;
    min-height:64px!important;
    padding:8px 4px!important;
    border-radius:14px!important;
  }

  body.sp-ios-product .accordion{
    border-radius:16px!important;
  }

  body.sp-ios-product .acc-header{
    min-height:52px!important;
    padding:13px 14px!important;
    font-size:14px!important;
  }

  body.sp-ios-product .acc-header svg{
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
  }

  body.sp-ios-product .acc-body-content{
    padding:0 14px 14px!important;
    font-size:13px!important;
    line-height:1.85!important;
  }

  body.sp-ios-product .product-description-text .product-desc-v8,
  body.sp-ios-product .product-description-text .product-desc-v8__paragraph{
    font-size:13px!important;
    line-height:1.9!important;
  }

  /* Purchase bar: two rows on phones so price/quantity/button never collide. */
  body.sp-ios-product .product-buybar-slim{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(66px + var(--spv4-safe-bottom))!important;
    transform:none!important;
    width:auto!important;
    min-height:98px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 108px!important;
    grid-template-areas:
      "price qty"
      "button button"!important;
    align-items:center!important;
    gap:6px!important;
    padding:6px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 10px 30px rgba(15,23,42,.12)!important;
    z-index:170!important;
  }

  body.sp-ios-product .product-buybar-slim .buybar-price{
    grid-area:price!important;
    width:100%!important;
    height:38px!important;
    padding:4px 10px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    border-radius:11px!important;
    background:#f8fafc!important;
  }

  body.sp-ios-product .product-buybar-slim .buybar-price span{
    font-size:9px!important;
    line-height:1.1!important;
  }

  body.sp-ios-product .product-buybar-slim .buybar-price strong{
    max-width:100%!important;
    overflow:hidden!important;
    font-size:13px!important;
    line-height:1.2!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.sp-ios-product .product-buybar-slim .buybar-qty{
    grid-area:qty!important;
    width:108px!important;
    min-width:108px!important;
    height:38px!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 30px!important;
    gap:3px!important;
    padding:3px!important;
    direction:ltr!important;
    border-radius:11px!important;
  }

  body.sp-ios-product .product-buybar-slim .qty-btn{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    border-radius:9px!important;
    font-size:17px!important;
  }

  body.sp-ios-product .product-buybar-slim .qty-input{
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    font-size:14px!important;
  }

  body.sp-ios-product .product-buybar-slim .buybar-primary{
    grid-area:button!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:12px!important;
    font-size:14px!important;
    background:#1d1d1f!important;
    box-shadow:none!important;
  }

  body.sp-ios-product .product-bottom-nav{
    left:8px!important;
    right:8px!important;
    bottom:calc(7px + var(--spv4-safe-bottom))!important;
    transform:none!important;
    width:auto!important;
    min-height:52px!important;
    padding:4px!important;
    border-radius:16px!important;
    z-index:175!important;
  }

  /* Related products: true two-column mobile grid. */
  body.sp-ios-product .slider-section{
    width:100%!important;
    padding:12px!important;
    margin:12px 0!important;
    border-radius:16px!important;
  }

  body.sp-ios-product .slider-section h3{
    margin-bottom:10px!important;
    font-size:16px!important;
  }

  body.sp-ios-product .product-slider{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
  }

  body.sp-ios-product .product-slider > .product-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    border-radius:14px!important;
  }

  body.sp-ios-product .product-slider .sl-product-card__media{
    aspect-ratio:1 / 1.18!important;
  }

  body.sp-ios-product .product-slider .sl-product-card--book .sl-product-card__media{
    aspect-ratio:4 / 5!important;
  }

  body.sp-ios-product .product-slider .sl-product-card__content{
    padding:8px!important;
  }

  body.sp-ios-product .product-slider .sl-product-card__title{
    min-height:34px!important;
    font-size:11px!important;
    line-height:1.5!important;
  }

  body.sp-ios-product .product-slider .sl-product-card__price{
    font-size:12px!important;
  }

  body.sp-ios-product .product-slider .sl-product-card__action{
    min-height:36px!important;
    border-radius:10px!important;
    font-size:11px!important;
  }

  /* Footer: stack rich desktop columns safely on phone. */
  body.sp-ios-home footer,
  body.sp-ios-product footer{
    width:100%!important;
    margin-top:20px!important;
    padding-inline:10px!important;
    padding-bottom:calc(84px + var(--spv4-safe-bottom))!important;
  }

  body.sp-ios-home .sp-store-footer-shell,
  body.sp-ios-product .sp-store-footer-shell{
    width:100%!important;
    max-width:none!important;
    padding:10px!important;
    border-radius:16px!important;
  }

  body.sp-ios-home .sp-store-footer-links,
  body.sp-ios-product .sp-store-footer-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  body.sp-ios-home .sp-store-footer-link,
  body.sp-ios-product .sp-store-footer-link{
    min-height:42px!important;
    padding:8px!important;
    font-size:11px!important;
    line-height:1.4!important;
  }

  /* These selectors cover the newer enterprise footer without relying on one exact class name. */
  body.sp-ios-home footer [class*="footer-shell"],
  body.sp-ios-home footer [class*="footer-inner"],
  body.sp-ios-home footer [class*="footer-main"],
  body.sp-ios-product footer [class*="footer-shell"],
  body.sp-ios-product footer [class*="footer-inner"],
  body.sp-ios-product footer [class*="footer-main"]{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    padding-inline:0!important;
  }

  body.sp-ios-home footer [class*="footer-grid"],
  body.sp-ios-home footer [class*="footer-columns"],
  body.sp-ios-home footer [class*="footer-body"],
  body.sp-ios-product footer [class*="footer-grid"],
  body.sp-ios-product footer [class*="footer-columns"],
  body.sp-ios-product footer [class*="footer-body"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.sp-ios-home footer [class*="feature-grid"],
  body.sp-ios-home footer [class*="service-grid"],
  body.sp-ios-product footer [class*="feature-grid"],
  body.sp-ios-product footer [class*="service-grid"]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body.sp-ios-home footer [class*="legal"],
  body.sp-ios-home footer [class*="operator"],
  body.sp-ios-home footer [class*="contact"],
  body.sp-ios-home footer [class*="customer"],
  body.sp-ios-product footer [class*="legal"],
  body.sp-ios-product footer [class*="operator"],
  body.sp-ios-product footer [class*="contact"],
  body.sp-ios-product footer [class*="customer"]{
    width:100%!important;
    max-width:none!important;
    text-align:start!important;
  }

  body.sp-ios-home footer [class*="legal"] *,
  body.sp-ios-home footer [class*="operator"] *,
  body.sp-ios-home footer [class*="contact"] *,
  body.sp-ios-product footer [class*="legal"] *,
  body.sp-ios-product footer [class*="operator"] *,
  body.sp-ios-product footer [class*="contact"] *{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* Floating WhatsApp becomes icon-only and stays above the nav, not over text. */
  body.sp-ios-home .sp-floating-whatsapp,
  body.sp-ios-product .sp-floating-whatsapp{
    right:12px!important;
    left:auto!important;
    bottom:calc(72px + var(--spv4-safe-bottom))!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    box-shadow:0 8px 24px rgba(16,185,129,.24)!important;
  }

  body.sp-ios-home .sp-floating-whatsapp-text,
  body.sp-ios-product .sp-floating-whatsapp-text{
    display:none!important;
  }

  body.sp-ios-home .sp-floating-whatsapp-icon,
  body.sp-ios-product .sp-floating-whatsapp-icon{
    margin:0!important;
  }
}

@media (max-width:380px){
  body.sp-ios-home .sl-online-header,
  body.sp-ios-product .sl-online-header{
    padding-inline:8px!important;
  }

  body.sp-ios-home .sp-ios-highlight{
    flex-basis:62px!important;
    width:62px!important;
    max-width:62px!important;
  }

  body.sp-ios-home .sp-ios-highlight-ring{
    width:50px!important;
    height:50px!important;
  }

  body.sp-ios-product .main-img-box{
    min-height:250px!important;
  }

  body.sp-ios-product .product-buybar-slim{
    left:6px!important;
    right:6px!important;
    grid-template-columns:minmax(0,1fr) 102px!important;
  }

  body.sp-ios-product .product-buybar-slim .buybar-qty{
    width:102px!important;
    min-width:102px!important;
    grid-template-columns:28px minmax(0,1fr) 28px!important;
  }

  body.sp-ios-product .product-buybar-slim .qty-btn{
    width:28px!important;
    min-width:28px!important;
  }

  body.sp-ios-home footer [class*="feature-grid"],
  body.sp-ios-home footer [class*="service-grid"],
  body.sp-ios-product footer [class*="feature-grid"],
  body.sp-ios-product footer [class*="service-grid"]{
    grid-template-columns:1fr!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.sp-ios-home *,
  body.sp-ios-product *{
    scroll-behavior:auto!important;
  }
}