/* FIX181 — Minimal header: no scanner + larger logo */

/* Hide scanner everywhere in storefront header. */
body.sp-ios-home .sl-header-scan{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Mobile/tablet: Logo + Search only */
@media (max-width:899px){
  body.sp-ios-home{
    --sp181-logo-slot:clamp(54px,14.5vw,68px);
    --sp181-control-h:clamp(42px,11.5vw,54px);
    --sp181-gap:clamp(6px,1.6vw,10px);
    --sp181-edge:clamp(5px,1.7vw,10px);
    --sp181-radius:clamp(14px,3.8vw,19px);
  }

  body.sp-ios-home .sl-online-header-inner{
    box-sizing:border-box!important;
    width:calc(100% - (var(--sp181-edge) * 2))!important;
    max-width:none!important;
    min-width:0!important;
    min-height:calc(var(--sp181-control-h) + 10px)!important;

    margin-inline:var(--sp181-edge)!important;
    padding:5px!important;

    display:grid!important;
    grid-template-columns:
      var(--sp181-logo-slot)
      minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    grid-auto-flow:column!important;

    gap:var(--sp181-gap)!important;
    align-items:center!important;
  }

  body.sp-ios-home .sl-header-logo-link{
    grid-column:1!important;
    grid-row:1!important;

    box-sizing:border-box!important;
    width:var(--sp181-logo-slot)!important;
    min-width:var(--sp181-logo-slot)!important;
    max-width:var(--sp181-logo-slot)!important;

    height:var(--sp181-control-h)!important;
    min-height:var(--sp181-control-h)!important;
    max-height:var(--sp181-control-h)!important;

    margin:0!important;
    padding:clamp(2px,.7vw,4px)!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border:1px solid rgba(243,107,45,.08)!important;
    border-radius:var(--sp181-radius)!important;
    background:linear-gradient(180deg,#fff9f4 0%,#fff1e4 100%)!important;
    box-shadow:0 3px 11px rgba(243,107,45,.075)!important;
    overflow:hidden!important;
  }

  body.sp-ios-home .sl-header-logo{
    width:calc(var(--sp181-control-h) - 2px)!important;
    height:calc(var(--sp181-control-h) - 2px)!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    filter:none!important;
  }

  body.sp-ios-home .sl-header-search{
    grid-column:2!important;
    grid-row:1!important;

    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    height:var(--sp181-control-h)!important;
    min-height:var(--sp181-control-h)!important;
    max-height:var(--sp181-control-h)!important;

    margin:0!important;
    border-radius:var(--sp181-radius)!important;
  }

  body.sp-ios-home .sl-header-search-input{
    min-width:0!important;
    width:100%!important;
    font-size:clamp(12px,3.3vw,15px)!important;
  }

  body.sp-ios-home .sl-header-search-input::placeholder{
    font-size:clamp(11px,3.1vw,14px)!important;
  }
}

/* Very small phones */
@media (max-width:359px){
  body.sp-ios-home{
    --sp181-logo-slot:48px;
    --sp181-control-h:38px;
    --sp181-gap:5px;
    --sp181-edge:4px;
    --sp181-radius:12px;
  }

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

/* Standard phones */
@media (min-width:360px) and (max-width:430px){
  body.sp-ios-home{
    --sp181-logo-slot:clamp(54px,14vw,60px);
    --sp181-control-h:clamp(42px,11vw,46px);
  }
}

/* Wide phones */
@media (min-width:431px) and (max-width:599px){
  body.sp-ios-home{
    --sp181-logo-slot:64px;
    --sp181-control-h:48px;
    --sp181-gap:8px;
  }
}

/* Tablet */
@media (min-width:600px) and (max-width:899px){
  body.sp-ios-home{
    --sp181-logo-slot:72px;
    --sp181-control-h:54px;
    --sp181-gap:10px;
    --sp181-edge:12px;
    --sp181-radius:18px;
  }

  body.sp-ios-home .sl-online-header-inner{
    width:min(calc(100% - 24px),980px)!important;
    margin-inline:auto!important;
    padding:7px!important;
  }
}

/* Desktop: scanner hidden, cart preserved. Logo slightly larger. */
@media (min-width:900px){
  body.sp-ios-home .sl-online-header-inner{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }

  body.sp-ios-home .sl-header-logo-link{
    min-width:78px!important;
    min-height:78px!important;
  }

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