/* SPACELAND Storefront Header Redesign V1 */
:root{
  --sl-header-bg:#fffaf4;
  --sl-header-bg-2:#fff4e8;
  --sl-header-line:#eadfce;
  --sl-header-ink:#1d1d1f;
  --sl-header-muted:#7b7f86;
  --sl-header-accent:#eb6d3a;
  --sl-header-accent-2:#f39a3d;
  --sl-header-soft:#fffdf9;
}

body.sp-ios-storefront .sl-online-header,
body.sp-ios-home .sl-online-header{
  position:sticky !important;
  top:0 !important;
  z-index:180 !important;
  background:linear-gradient(180deg, rgba(255,250,244,.97) 0%, rgba(255,247,238,.95) 100%) !important;
  border-bottom:1px solid var(--sl-header-line) !important;
  box-shadow:0 8px 28px rgba(29,29,31,.06) !important;
  backdrop-filter:saturate(140%) blur(14px) !important;
  -webkit-backdrop-filter:saturate(140%) blur(14px) !important;
}

body.sp-ios-storefront .sl-online-header::after,
body.sp-ios-home .sl-online-header::after{
  content:"";
  display:block;
  height:3px;
  background:linear-gradient(90deg, rgba(243,154,61,.95) 0%, rgba(235,109,58,.95) 45%, rgba(240,120,82,.9) 100%);
}

body.sp-ios-storefront .sl-online-header-inner,
body.sp-ios-home .sl-online-header-inner{
  width:min(100%, 1480px) !important;
  max-width:1480px !important;
  min-height:82px !important;
  margin-inline:auto !important;
  padding:12px 22px !important;
  display:grid !important;
  grid-template-columns:auto minmax(280px, 1fr) auto !important;
  gap:18px !important;
  align-items:center !important;
}

body.sp-ios-storefront .sl-header-logo-link,
body.sp-ios-home .sl-header-logo-link{
  width:70px !important;
  height:70px !important;
  min-width:70px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:20px !important;
  background:linear-gradient(180deg, #fffdfa 0%, #fff3e6 100%) !important;
  border:1px solid rgba(235,109,58,.16) !important;
  box-shadow:0 8px 22px rgba(235,109,58,.08) !important;
  overflow:hidden !important;
}

body.sp-ios-storefront .sl-header-logo,
body.sp-ios-home .sl-header-logo{
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
  transform:none !important;
}

body.sp-ios-storefront .sl-header-search,
body.sp-ios-home .sl-header-search{
  width:100% !important;
  min-width:0 !important;
  min-height:56px !important;
  padding:6px 8px 6px 10px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:8px !important;
  border:1px solid rgba(235,109,58,.14) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, #ffffff 0%, var(--sl-header-soft) 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 6px 18px rgba(29,29,31,.04) !important;
}

body.sp-ios-storefront .sl-header-search:focus-within,
body.sp-ios-home .sl-header-search:focus-within{
  border-color:rgba(235,109,58,.34) !important;
  box-shadow:0 0 0 4px rgba(235,109,58,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
  background:#fff !important;
}

body.sp-ios-storefront .sl-header-search::before,
body.sp-ios-home .sl-header-search::before{
  color:var(--sl-header-accent) !important;
  opacity:.95 !important;
}

body.sp-ios-storefront .sl-header-search-input,
body.sp-ios-home .sl-header-search-input{
  min-height:40px !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  color:var(--sl-header-ink) !important;
  font-size:15px !important;
  font-weight:700 !important;
  padding-inline:12px !important;
}

body.sp-ios-storefront .sl-header-search-input::placeholder,
body.sp-ios-home .sl-header-search-input::placeholder{
  color:#8b8073 !important;
  opacity:1 !important;
  font-weight:700 !important;
}

body.sp-ios-storefront .sl-header-search-submit,
body.sp-ios-home .sl-header-search-submit,
body.sp-ios-storefront .sl-header-scan,
body.sp-ios-home .sl-header-scan{
  min-width:44px !important;
  width:44px !important;
  height:44px !important;
  border:none !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, var(--sl-header-accent-2) 0%, var(--sl-header-accent) 100%) !important;
  color:#fff !important;
  box-shadow:0 10px 18px rgba(235,109,58,.20) !important;
}

body.sp-ios-storefront .sl-header-search-submit:hover,
body.sp-ios-home .sl-header-search-submit:hover,
body.sp-ios-storefront .sl-header-scan:hover,
body.sp-ios-home .sl-header-scan:hover{
  transform:translateY(-1px) !important;
  filter:saturate(1.03) !important;
}

body.sp-ios-storefront .sl-header-cart,
body.sp-ios-home .sl-header-cart{
  position:relative !important;
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  border-radius:16px !important;
  border:1px solid rgba(235,109,58,.14) !important;
  background:linear-gradient(180deg, #ffffff 0%, #fff5eb 100%) !important;
  color:var(--sl-header-ink) !important;
  box-shadow:0 8px 18px rgba(29,29,31,.05) !important;
}

body.sp-ios-storefront .sl-header-cart:hover,
body.sp-ios-home .sl-header-cart:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(235,109,58,.28) !important;
}

body.sp-ios-storefront .sl-header-cart svg,
body.sp-ios-home .sl-header-cart svg{
  width:22px !important;
  height:22px !important;
}

body.sp-ios-storefront .sl-header-cart-count,
body.sp-ios-home .sl-header-cart-count{
  top:-7px !important;
  inset-inline-end:-7px !important;
  inset-inline-start:auto !important;
  min-width:24px !important;
  height:24px !important;
  padding-inline:6px !important;
  border-radius:999px !important;
  border:2px solid #fff7f1 !important;
  background:linear-gradient(180deg, #ff6f47 0%, #eb5231 100%) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:800 !important;
  box-shadow:0 8px 14px rgba(235,82,49,.20) !important;
}

body.sp-ios-storefront .sl-header-suggestions,
body.sp-ios-storefront .search-suggestions,
body.sp-ios-home .sl-header-suggestions,
body.sp-ios-home .search-suggestions{
  border:1px solid rgba(235,109,58,.13) !important;
  border-radius:18px !important;
  background:#fffefb !important;
  box-shadow:0 18px 40px rgba(29,29,31,.08) !important;
}

@media (max-width: 991px){
  body.sp-ios-storefront .sl-online-header-inner,
  body.sp-ios-home .sl-online-header-inner{
    min-height:74px !important;
    padding:10px 16px !important;
    gap:12px !important;
  }
  body.sp-ios-storefront .sl-header-logo-link,
  body.sp-ios-home .sl-header-logo-link{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    border-radius:16px !important;
  }
  body.sp-ios-storefront .sl-header-logo,
  body.sp-ios-home .sl-header-logo{
    width:46px !important;
    height:46px !important;
  }
  body.sp-ios-storefront .sl-header-search,
  body.sp-ios-home .sl-header-search{
    min-height:52px !important;
  }
  body.sp-ios-storefront .sl-header-cart,
  body.sp-ios-home .sl-header-cart{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
  }
}

@media (max-width: 767px){
  body.sp-ios-storefront .sl-online-header::after,
  body.sp-ios-home .sl-online-header::after{
    height:2px !important;
  }
  body.sp-ios-storefront .sl-online-header-inner,
  body.sp-ios-home .sl-online-header-inner{
    min-height:68px !important;
    padding:9px 12px !important;
    gap:10px !important;
    grid-template-columns:auto minmax(0, 1fr) auto !important;
  }
  body.sp-ios-storefront .sl-header-logo-link,
  body.sp-ios-home .sl-header-logo-link{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    border-radius:14px !important;
  }
  body.sp-ios-storefront .sl-header-logo,
  body.sp-ios-home .sl-header-logo{
    width:40px !important;
    height:40px !important;
  }
  body.sp-ios-storefront .sl-header-search,
  body.sp-ios-home .sl-header-search{
    min-height:46px !important;
    padding:4px 6px 4px 8px !important;
    border-radius:15px !important;
  }
  body.sp-ios-storefront .sl-header-search-input,
  body.sp-ios-home .sl-header-search-input,
  body.sp-ios-storefront .sl-header-search-input::placeholder,
  body.sp-ios-home .sl-header-search-input::placeholder{
    font-size:13px !important;
  }
  body.sp-ios-storefront .sl-header-search-submit,
  body.sp-ios-home .sl-header-search-submit,
  body.sp-ios-storefront .sl-header-scan,
  body.sp-ios-home .sl-header-scan{
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    border-radius:12px !important;
  }
  body.sp-ios-storefront .sl-header-cart,
  body.sp-ios-home .sl-header-cart{
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    border-radius:13px !important;
  }
  body.sp-ios-storefront .sl-header-cart svg,
  body.sp-ios-home .sl-header-cart svg{
    width:20px !important;
    height:20px !important;
  }
  body.sp-ios-storefront .sl-header-cart-count,
  body.sp-ios-home .sl-header-cart-count{
    min-width:22px !important;
    height:22px !important;
    font-size:10px !important;
    top:-6px !important;
    inset-inline-end:-5px !important;
  }
}