/* FIX174 — Spaceland Home: mockup-match layer
   Home only. No cart/price/stock/order logic changes. */

body.sp-ios-home{
  --sp174-ink:#111827;
  --sp174-muted:#6b7280;
  --sp174-orange:#f36b2d;
  --sp174-orange-dark:#ea580c;
  --sp174-orange-soft:#fff3ea;
  --sp174-purple:#6b5ce7;
  --sp174-surface:#ffffff;
  --sp174-canvas:#fafafa;
  --sp174-line:#e8e8ec;
  --sp174-shadow:0 8px 26px rgba(15,23,42,.065);
  --sp174-shadow-hover:0 18px 46px rgba(15,23,42,.12);
  background:var(--sp174-canvas)!important;
  color:var(--sp174-ink)!important;
}

/* ---------- HEADER ---------- */
body.sp-ios-home .sl-online-header{
  position:sticky!important;
  top:0!important;
  z-index:160!important;
  border-bottom:1px solid rgba(15,23,42,.07)!important;
  background:rgba(255,255,255,.94)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.35)!important;
  backdrop-filter:blur(22px) saturate(1.35)!important;
}
body.sp-ios-home .sl-online-header-inner{
  width:min(calc(100% - 40px),1320px)!important;
  max-width:1320px!important;
  min-height:78px!important;
  margin-inline:auto!important;
  padding:9px 0!important;
}
body.sp-ios-home .sl-header-logo-link,
body.sp-ios-home .sl-header-logo{
  width:64px!important;
  height:64px!important;
}
body.sp-ios-home .sl-header-search{
  height:52px!important;
  border:1px solid #e2e4e9!important;
  border-radius:16px!important;
  background:#fbfbfc!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)!important;
}
body.sp-ios-home .sl-header-search:focus-within{
  border-color:rgba(243,107,45,.34)!important;
  box-shadow:0 0 0 4px rgba(243,107,45,.08)!important;
}
body.sp-ios-home .sl-header-search-input{
  color:#374151!important;
  font-size:14px!important;
  font-weight:700!important;
}
body.sp-ios-home .sl-header-scan,
body.sp-ios-home .sl-header-cart{
  background:#111827!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 5px 16px rgba(15,23,42,.15)!important;
}

/* ---------- MAIN ---------- */
body.sp-ios-home .shell{
  width:min(calc(100% - 40px),1320px)!important;
  max-width:1320px!important;
  margin-inline:auto!important;
  padding:16px 0 72px!important;
}
body.sp-ios-home .home-mobile-search-card{display:none!important}

body.sp-ios-home .sp-ios-discovery{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:start!important;
}
body.sp-ios-home .sp-ios-block{
  min-width:0!important;
  margin:0!important;
}

/* ---------- HIGHLIGHTS: exactly under header ---------- */
body.sp-ios-home .sp-ios-block--highlights{
  grid-column:1 / -1!important;
  padding:4px 0 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.sp-ios-home .sp-ios-block--highlights .sp-ios-block-head{
  display:none!important;
}
body.sp-ios-home .sp-ios-highlights{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
  padding:0 14px!important;
}
body.sp-ios-home .sp-ios-highlight{
  display:grid!important;
  min-width:0!important;
  justify-items:center!important;
  text-decoration:none!important;
}
body.sp-ios-home .sp-ios-highlight-ring{
  width:58px!important;
  height:58px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#f8f8fa!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.035)!important;
}
body.sp-ios-home .sp-ios-highlight-core{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#f8f8fa!important;
  font-size:23px!important;
}
body.sp-ios-home .sp-ios-highlight:nth-child(4n+1) .sp-ios-highlight-core{background:#eaf9f5!important}
body.sp-ios-home .sp-ios-highlight:nth-child(4n+2) .sp-ios-highlight-core{background:#f3efff!important}
body.sp-ios-home .sp-ios-highlight:nth-child(4n+3) .sp-ios-highlight-core{background:#fff4ec!important}
body.sp-ios-home .sp-ios-highlight:nth-child(4n+4) .sp-ios-highlight-core{background:#f3f7ff!important}
body.sp-ios-home .sp-ios-highlight strong{
  display:-webkit-box!important;
  max-width:110px!important;
  min-height:29px!important;
  margin-top:7px!important;
  overflow:hidden!important;
  color:#202124!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.4!important;
  text-align:center!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

/* ---------- HERO inserted by JS ---------- */
body.sp-ios-home .sp174-hero{
  position:relative;
  grid-column:1 / -1!important;
  min-height:228px;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);
  align-items:center;
  gap:28px;
  padding:28px 48px;
  border:1px solid #f2ddc9;
  border-radius:24px;
  background:
    radial-gradient(circle at 86% 18%,rgba(255,255,255,.74),transparent 28%),
    linear-gradient(100deg,#fff0df 0%,#ffe7cc 58%,#f9dfbd 100%);
  box-shadow:0 10px 30px rgba(159,91,35,.075);
}
body.sp-ios-home .sp174-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background-image:
    linear-gradient(45deg,transparent 47%,rgba(255,255,255,.85) 48%,rgba(255,255,255,.85) 50%,transparent 51%);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,transparent 40%,#000 100%);
}
body.sp-ios-home .sp174-hero-copy{
  position:relative;
  z-index:2;
  max-width:520px;
}
body.sp-ios-home .sp174-hero-copy small{
  display:inline-flex;
  margin-bottom:8px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.66);
  color:#9a5a22;
  font-size:11px;
  font-weight:850;
}
body.sp-ios-home .sp174-hero-copy h1{
  margin:0;
  color:#111827;
  font-size:clamp(27px,2.6vw,40px);
  font-weight:950;
  line-height:1.22;
  letter-spacing:-.7px;
}
body.sp-ios-home .sp174-hero-copy h1 em{
  display:block;
  color:var(--sp174-orange);
  font-style:normal;
}
body.sp-ios-home .sp174-hero-copy p{
  margin:10px 0 18px;
  color:#5f574e;
  font-size:14px;
  font-weight:650;
}
body.sp-ios-home .sp174-hero-cta{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:11px;
  background:#111827;
  color:#fff!important;
  font-size:12px;
  font-weight:900;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(17,24,39,.17);
}
body.sp-ios-home .sp174-hero-books{
  position:relative;
  z-index:2;
  height:180px;
}
body.sp-ios-home .sp174-book{
  position:absolute;
  bottom:8px;
  width:112px;
  height:154px;
  overflow:hidden;
  border:6px solid rgba(255,255,255,.88);
  border-radius:8px;
  background:#fff;
  box-shadow:0 13px 24px rgba(87,50,24,.22);
  transform-origin:bottom center;
}
body.sp-ios-home .sp174-book img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#fff;
}
body.sp-ios-home .sp174-book:nth-child(1){right:20px;transform:rotate(5deg)}
body.sp-ios-home .sp174-book:nth-child(2){right:108px;bottom:4px;transform:rotate(-3deg) scale(.96)}
body.sp-ios-home .sp174-book:nth-child(3){right:194px;bottom:0;transform:rotate(3deg) scale(.90)}
body.sp-ios-home .sp174-book:nth-child(4){right:274px;bottom:2px;transform:rotate(-5deg) scale(.82)}
body.sp-ios-home .sp174-hero-dots{
  position:absolute;
  bottom:12px;
  left:50%;
  z-index:3;
  display:flex;
  gap:6px;
  transform:translateX(-50%);
}
body.sp-ios-home .sp174-hero-dots i{
  width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.92)
}
body.sp-ios-home .sp174-hero-dots i:first-child{
  width:7px;height:7px;background:var(--sp174-orange)
}

/* ---------- SECTION HEADS ---------- */
body.sp-ios-home .sp-ios-block-head{
  align-items:center!important;
  margin-bottom:12px!important;
}
body.sp-ios-home .sp-ios-block-head h2{
  margin:0!important;
  color:#111827!important;
  font-size:22px!important;
  font-weight:950!important;
  letter-spacing:-.35px!important;
}
body.sp-ios-home .sp-ios-block-head p{
  margin:2px 0 0!important;
  color:#85858b!important;
  font-size:11px!important;
  font-weight:650!important;
}
body.sp-ios-home .sp-ios-block-head > a{
  display:inline-flex!important;
  min-height:32px!important;
  align-items:center!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#f5f3ff!important;
  color:var(--sp174-purple)!important;
  font-size:11px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

/* ---------- FEATURED CAROUSEL ---------- */
body.sp-ios-home .sp-ios-block--featured{
  grid-column:1 / -1!important;
}
body.sp-ios-home .sp174-carousel-shell{
  position:relative;
}
body.sp-ios-home .sp-ios-block--featured .sp-ios-rail{
  display:flex!important;
  gap:14px!important;
  overflow-x:auto!important;
  padding:2px 2px 8px!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
}
body.sp-ios-home .sp-ios-block--featured .sp-ios-rail::-webkit-scrollbar{display:none!important}
body.sp-ios-home .sp-ios-featured-card{
  position:relative;
  flex:0 0 calc((100% - 70px)/6)!important;
  width:auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
  border:1px solid var(--sp174-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(15,23,42,.045)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
body.sp-ios-home .sp-ios-featured-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--sp174-shadow-hover)!important;
}
body.sp-ios-home .sp-ios-featured-media{
  display:grid!important;
  width:100%!important;
  aspect-ratio:4/4.75!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.sp-ios-home .sp-ios-featured-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:10px!important;
  box-sizing:border-box!important;
}
body.sp-ios-home .sp-ios-featured-copy{
  display:flex!important;
  flex:1!important;
  min-width:0!important;
  flex-direction:column!important;
  padding:9px 11px 12px!important;
}
body.sp-ios-home .sp-ios-featured-copy strong{
  display:-webkit-box!important;
  min-height:37px!important;
  overflow:hidden!important;
  color:#202124!important;
  font-size:11.5px!important;
  font-weight:850!important;
  line-height:1.48!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
body.sp-ios-home .sp-ios-featured-price{
  margin-top:auto!important;
  padding-top:7px!important;
  color:#111827!important;
  font-size:12.5px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
body.sp-ios-home .sp174-carousel-btn{
  position:absolute;
  top:50%;
  z-index:4;
  width:34px;height:34px;
  display:grid;
  place-items:center;
  border:1px solid #e5e7eb;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#667085;
  box-shadow:0 5px 14px rgba(15,23,42,.10);
  cursor:pointer;
  transform:translateY(-50%);
}
body.sp-ios-home .sp174-carousel-btn.prev{right:-16px}
body.sp-ios-home .sp174-carousel-btn.next{left:-16px}
body.sp-ios-home .sp174-carousel-btn:disabled{opacity:.28;cursor:default}

/* ---------- SOCIAL / COMMERCE BENTO ---------- */
body.sp-ios-home .sp-ios-block--reels{
  grid-column:1 / span 6!important;
}
body.sp-ios-home .sp-ios-block--offers{
  grid-column:7 / span 3!important;
}
body.sp-ios-home .sp-ios-block--posts{
  grid-column:10 / span 3!important;
}
body.sp-ios-home .sp-ios-block--audio{
  grid-column:10 / span 3!important;
}
body.sp-ios-home .sp-ios-block--reels,
body.sp-ios-home .sp-ios-block--offers,
body.sp-ios-home .sp-ios-block--posts,
body.sp-ios-home .sp-ios-block--audio{
  padding:15px!important;
  border:1px solid var(--sp174-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 5px 20px rgba(15,23,42,.04)!important;
}
body.sp-ios-home .sp-ios-block--reels .sp-ios-rail{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
}
body.sp-ios-home .sp-ios-reel-card{
  min-width:0!important;
  width:100%!important;
  aspect-ratio:9/13!important;
  border-radius:14px!important;
}
body.sp-ios-home .sp-ios-reel-copy strong{font-size:10.5px!important}
body.sp-ios-home .sp-ios-block--offers .sp-ios-rail,
body.sp-ios-home .sp-ios-block--posts .sp-ios-rail,
body.sp-ios-home .sp-ios-block--audio .sp-ios-rail{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  overflow:visible!important;
}
body.sp-ios-home .sp-ios-offer-card{
  min-width:0!important;
  width:100%!important;
  min-height:205px!important;
  border-radius:16px!important;
}
body.sp-ios-home .sp-ios-post{
  min-width:0!important;
  width:100%!important;
  min-height:94px!important;
  border-radius:14px!important;
}
body.sp-ios-home .sp-ios-audio-card{
  min-width:0!important;
  width:100%!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#7b61ff 0%,#6246ea 100%)!important;
  color:#fff!important;
}
body.sp-ios-home .sp-ios-audio-copy strong,
body.sp-ios-home .sp-ios-audio-copy span{color:#fff!important}
body.sp-ios-home .sp-ios-audio-card audio{
  width:100%!important;
  height:28px!important;
}

/* Hide old duplicated categories/banner blocks from home. Categories still have their own route. */
body.sp-ios-home #categories.sp174-hide-legacy,
body.sp-ios-home .sp174-hide-legacy{display:none!important}

/* ---------- SERVICE STRIP ---------- */
body.sp-ios-home .sp174-services{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:22px;
  border:1px solid var(--sp174-line);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
body.sp-ios-home .sp174-service{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-width:0;
  padding:12px 16px;
  border-inline-start:1px solid var(--sp174-line);
}
body.sp-ios-home .sp174-service:first-child{border-inline-start:0}
body.sp-ios-home .sp174-service-icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:12px;
  background:#fff4eb;
  color:var(--sp174-orange);
  font-size:18px;
}
body.sp-ios-home .sp174-service strong{
  display:block;color:#374151;font-size:11px;font-weight:900
}
body.sp-ios-home .sp174-service span{
  display:block;margin-top:2px;color:#9ca3af;font-size:9.5px;font-weight:650
}

/* ---------- LATEST PRODUCTS ---------- */
body.sp-ios-home #products{
  margin-top:30px!important;
}
body.sp-ios-home #products .section-head h3{
  color:#111827!important;
  font-size:23px!important;
  font-weight:950!important;
}
body.sp-ios-home .products{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
}
body.sp-ios-home .product-card{
  border:1px solid var(--sp174-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 4px 17px rgba(15,23,42,.04)!important;
}
body.sp-ios-home .product-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:var(--sp174-shadow-hover)!important;
}
body.sp-ios-home .add-cart-btn{
  border-radius:11px!important;
  background:#111827!important;
  color:#fff!important;
}

/* ---------- 5 TAB BOTTOM NAV (mobile only) ---------- */
body.sp-ios-home .bottom-nav .sp174-nav-created{display:none}

/* ---------- TABLET ---------- */
@media (min-width:700px) and (max-width:1099px){
  body.sp-ios-home .sl-online-header-inner,
  body.sp-ios-home .shell{
    width:calc(100% - 28px)!important;
    max-width:none!important;
  }
  body.sp-ios-home .sp-ios-discovery{gap:16px!important}
  body.sp-ios-home .sp-ios-highlights{
    display:flex!important;
    gap:12px!important;
    overflow-x:auto!important;
    padding:2px 4px 6px!important;
  }
  body.sp-ios-home .sp-ios-highlight{flex:0 0 76px!important}
  body.sp-ios-home .sp174-hero{
    min-height:210px;
    grid-template-columns:minmax(0,1fr) 330px;
    padding:24px 28px;
  }
  body.sp-ios-home .sp174-hero-books{height:160px}
  body.sp-ios-home .sp174-book{width:88px;height:130px}
  body.sp-ios-home .sp174-book:nth-child(1){right:10px}
  body.sp-ios-home .sp174-book:nth-child(2){right:78px}
  body.sp-ios-home .sp174-book:nth-child(3){right:144px}
  body.sp-ios-home .sp174-book:nth-child(4){right:204px}
  body.sp-ios-home .sp-ios-featured-card{
    flex-basis:calc((100% - 42px)/4)!important;
  }
  body.sp-ios-home .sp-ios-block--reels{grid-column:1 / span 8!important}
  body.sp-ios-home .sp-ios-block--offers{grid-column:9 / span 4!important}
  body.sp-ios-home .sp-ios-block--posts,
  body.sp-ios-home .sp-ios-block--audio{grid-column:1 / -1!important}
  body.sp-ios-home .sp-ios-block--posts .sp-ios-rail,
  body.sp-ios-home .sp-ios-block--audio .sp-ios-rail{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.sp-ios-home .products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* ---------- PHONE / SMALL TABLET ---------- */
@media (max-width:699px){
  body.sp-ios-home{
    background:#fff!important;
    padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
  }
  body.sp-ios-home .sl-online-header-inner{
    width:100%!important;
    min-height:64px!important;
    padding:7px 11px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:8px!important;
  }
  body.sp-ios-home .sl-header-logo-link,
  body.sp-ios-home .sl-header-logo{width:42px!important;height:42px!important}
  body.sp-ios-home .sl-header-search{
    height:44px!important;
    border-radius:13px!important;
    background:#f6f6f8!important;
  }
  body.sp-ios-home .sl-header-search-input{
    font-size:11px!important;
    padding-inline:11px 43px!important;
  }
  body.sp-ios-home .sl-header-scan{
    width:36px!important;height:36px!important;border-radius:11px!important;
  }
  body.sp-ios-home .sl-header-cart{display:none!important}
  body.sp-ios-home .shell{
    width:100%!important;
    max-width:none!important;
    padding:10px 10px 22px!important;
  }
  body.sp-ios-home .sp-ios-discovery{
    display:flex!important;
    flex-direction:column!important;
    gap:20px!important;
  }
  body.sp-ios-home .sp-ios-block{width:100%!important}
  body.sp-ios-home .sp-ios-highlights{
    display:flex!important;
    gap:9px!important;
    margin-inline:-10px!important;
    padding-inline:10px 16px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity!important;
  }
  body.sp-ios-home .sp-ios-highlight{flex:0 0 64px!important}
  body.sp-ios-home .sp-ios-highlight-ring{width:50px!important;height:50px!important}
  body.sp-ios-home .sp-ios-highlight-core{font-size:19px!important}
  body.sp-ios-home .sp-ios-highlight strong{
    max-width:64px!important;
    min-height:27px!important;
    margin-top:5px!important;
    font-size:8.7px!important;
  }

  body.sp-ios-home .sp174-hero{
    width:100%;
    min-height:178px;
    grid-template-columns:minmax(0,1fr) 148px;
    gap:8px;
    padding:18px 15px;
    border-radius:18px;
  }
  body.sp-ios-home .sp174-hero-copy small{font-size:8px;padding:4px 7px}
  body.sp-ios-home .sp174-hero-copy h1{
    font-size:21px;
    line-height:1.2;
  }
  body.sp-ios-home .sp174-hero-copy p{
    margin:7px 0 11px;
    font-size:9.5px;
    line-height:1.55;
  }
  body.sp-ios-home .sp174-hero-cta{
    min-height:34px;
    padding:0 12px;
    border-radius:9px;
    font-size:9px;
  }
  body.sp-ios-home .sp174-hero-books{height:132px}
  body.sp-ios-home .sp174-book{
    width:62px;height:91px;border-width:3px;border-radius:5px;
  }
  body.sp-ios-home .sp174-book:nth-child(1){right:2px}
  body.sp-ios-home .sp174-book:nth-child(2){right:47px}
  body.sp-ios-home .sp174-book:nth-child(3){right:87px}
  body.sp-ios-home .sp174-book:nth-child(4){display:none}
  body.sp-ios-home .sp174-hero-dots{bottom:7px}

  body.sp-ios-home .sp-ios-block-head{margin-bottom:9px!important}
  body.sp-ios-home .sp-ios-block-head h2{font-size:16px!important}
  body.sp-ios-home .sp-ios-block-head p{display:none!important}
  body.sp-ios-home .sp-ios-block-head > a{
    min-height:27px!important;padding:0 9px!important;font-size:9px!important
  }

  body.sp-ios-home .sp-ios-block--featured .sp-ios-rail{
    gap:8px!important;
    margin-inline:-10px!important;
    padding:1px 10px 7px!important;
  }
  body.sp-ios-home .sp-ios-featured-card{
    flex:0 0 clamp(108px,31vw,130px)!important;
    border-radius:13px!important;
  }
  body.sp-ios-home .sp-ios-featured-media{aspect-ratio:4/4.9!important}
  body.sp-ios-home .sp-ios-featured-media img{padding:6px!important}
  body.sp-ios-home .sp-ios-featured-copy{padding:7px 7px 9px!important}
  body.sp-ios-home .sp-ios-featured-copy strong{
    min-height:30px!important;
    font-size:9px!important;
    line-height:1.4!important;
  }
  body.sp-ios-home .sp-ios-featured-price{
    padding-top:5px!important;font-size:9.5px!important
  }
  body.sp-ios-home .sp174-carousel-btn{display:none!important}

  body.sp-ios-home .sp-ios-block--reels,
  body.sp-ios-home .sp-ios-block--offers,
  body.sp-ios-home .sp-ios-block--posts,
  body.sp-ios-home .sp-ios-block--audio{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.sp-ios-home .sp-ios-block--reels .sp-ios-rail,
  body.sp-ios-home .sp-ios-block--offers .sp-ios-rail,
  body.sp-ios-home .sp-ios-block--posts .sp-ios-rail,
  body.sp-ios-home .sp-ios-block--audio .sp-ios-rail{
    display:flex!important;
    gap:8px!important;
    margin-inline:-10px!important;
    padding-inline:10px 16px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity!important;
  }
  body.sp-ios-home .sp-ios-reel-card{
    flex:0 0 94px!important;
    width:94px!important;
    aspect-ratio:9/13!important;
  }
  body.sp-ios-home .sp-ios-offer-card{
    flex:0 0 calc(100vw - 46px)!important;
    width:auto!important;
    min-height:150px!important;
  }
  body.sp-ios-home .sp-ios-post{
    flex:0 0 230px!important;
    width:230px!important;
  }
  body.sp-ios-home .sp-ios-audio-card{
    flex:0 0 calc(100vw - 46px)!important;
    width:auto!important;
  }

  body.sp-ios-home .sp174-services{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:16px;
    border-radius:14px;
  }
  body.sp-ios-home .sp174-service{
    padding:9px 10px;
    border-bottom:1px solid var(--sp174-line);
  }
  body.sp-ios-home .sp174-service:nth-last-child(-n+2){border-bottom:0}
  body.sp-ios-home .sp174-service-icon{width:32px;height:32px;border-radius:10px;font-size:15px}

  body.sp-ios-home #products{margin-top:22px!important}
  body.sp-ios-home #products .section-head h3{font-size:18px!important}
  body.sp-ios-home .products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body.sp-ios-home .bottom-nav{
    right:8px!important;
    left:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    height:58px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    padding:3px!important;
    border:1px solid rgba(15,23,42,.09)!important;
    border-radius:19px!important;
    background:rgba(255,255,255,.95)!important;
    box-shadow:0 12px 34px rgba(15,23,42,.13)!important;
    -webkit-backdrop-filter:blur(20px)!important;
    backdrop-filter:blur(20px)!important;
    overflow:hidden!important;
  }
  body.sp-ios-home .bottom-nav .sp174-nav-created{display:flex!important}
  body.sp-ios-home .bottom-nav .nav-btn{
    min-height:50px!important;
    padding:3px 1px!important;
    border-radius:14px!important;
    gap:2px!important;
    font-size:8px!important;
  }
  body.sp-ios-home .bottom-nav .nav-btn svg{
    width:18px!important;height:18px!important
  }
  body.sp-ios-home .bottom-nav .nav-btn span{
    font-size:8px!important;font-weight:750!important
  }
  body.sp-ios-home .bottom-nav .nav-btn.active{
    color:var(--sp174-orange)!important;
    background:#fff7f2!important;
  }

  body.sp-ios-home .sp-floating-whatsapp{
    right:12px!important;
    bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    padding:0!important;border-radius:50%!important;
  }
  body.sp-ios-home .sp-floating-whatsapp-text{display:none!important}
}

@media (max-width:370px){
  body.sp-ios-home .sp174-hero{
    grid-template-columns:minmax(0,1fr) 126px;
    padding-inline:13px;
  }
  body.sp-ios-home .sp174-hero-copy h1{font-size:18px}
  body.sp-ios-home .sp174-book{width:53px;height:80px}
  body.sp-ios-home .sp174-book:nth-child(2){right:40px}
  body.sp-ios-home .sp174-book:nth-child(3){right:74px}
}

/* Keep accessibility behavior. */
@media (prefers-reduced-motion:reduce){
  body.sp-ios-home *,
  body.sp-ios-home *::before,
  body.sp-ios-home *::after{
    animation-duration:.01ms!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}