/* Restores the compact storefront search used by the mobile header. */
@media (max-width:760px){
  .lom-header .lom-head-main form.lom-search{
    position:relative!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 78px!important;
    align-items:center!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #ebe4d8!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff 0%,#fdfcf9 100%)!important;
    box-shadow:0 8px 20px rgba(24,20,14,.045)!important;
    overflow:hidden!important;
  }

  .lom-header .lom-head-main form.lom-search:focus-within{
    background:#fff!important;
    border-color:#d8b45f!important;
    box-shadow:0 0 0 2px rgba(202,149,21,.08),0 8px 20px rgba(24,20,14,.045)!important;
  }

  .lom-header .lom-head-main form.lom-search .lom-search-leading{
    width:35px!important;
    height:35px!important;
    margin:0 0 0 6px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:12px!important;
    background:#fcf6e8!important;
    color:#ca9515!important;
    font-size:0!important;
    box-shadow:none!important;
  }

  .lom-header .lom-head-main form.lom-search .lom-search-leading svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .lom-header .lom-head-main form.lom-search input[name="q"]{
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    margin:0!important;
    padding:0 7px 0 4px!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    color:#181716!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:650!important;
    letter-spacing:0!important;
    box-shadow:none!important;
  }

  .lom-header .lom-head-main form.lom-search input[name="q"]::placeholder{
    color:#9b958d!important;
    opacity:1!important;
    font-size:12px!important;
    font-weight:650!important;
  }

  .lom-header .lom-head-main form.lom-search .lom-search-submit{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:68px!important;
    height:40px!important;
    margin:6px 5px 6px 0!important;
    padding:0 11px!important;
    border:0!important;
    border-radius:13px!important;
    background:#171717!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.01em!important;
    box-shadow:0 7px 16px rgba(0,0,0,.12)!important;
  }

  .lom-header .lom-head-main form.lom-search .lom-mobile-search-clear,
  .lom-header .lom-head-main form.lom-search .lom-mobile-search-meta,
  .lom-header .lom-head-main form.lom-search .lux-search-suggestions{
    display:none!important;
  }
}

@media (max-width:390px){
  .lom-header .lom-head-main form.lom-search{
    grid-template-columns:42px minmax(0,1fr) 74px!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:17px!important;
  }
  .lom-header .lom-head-main form.lom-search .lom-search-leading{
    width:33px!important;
    height:33px!important;
  }
  .lom-header .lom-head-main form.lom-search input[name="q"]{
    height:48px!important;
    font-size:13.5px!important;
  }
  .lom-header .lom-head-main form.lom-search .lom-search-submit{
    height:38px!important;
    min-width:64px!important;
    font-size:10px!important;
    border-radius:12px!important;
  }
}

/* Keep mobile header controls in distinct grid cells on home and account pages. */
@media (max-width:760px){
  .lom-header .app-mobile-topbar :is(.app-mobile-menu-trigger,.app-top-notify,.app-top-cart,.app-top-account){
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    visibility:visible!important;
    opacity:1!important;
    flex:none!important;
  }
  .lom-header .app-mobile-topbar :is(.app-mobile-menu-trigger,.app-top-notify,.app-top-cart,.app-top-account) svg{
    display:block!important;
    width:27px!important;
    height:27px!important;
    overflow:visible!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .lom-header .app-mobile-topbar.is-home.has-notification{
    grid-template-columns:52px minmax(0,1fr) 38px 52px 52px!important;
    gap:6px!important;
  }
  .lom-header .app-mobile-topbar.is-home.has-notification .app-mobile-menu-trigger{grid-column:1!important;grid-row:1!important}
  .lom-header .app-mobile-topbar.is-home.has-notification .app-mobile-brand{grid-column:2!important;grid-row:1!important;min-width:0!important}
  .lom-header .app-mobile-topbar.is-home.has-notification .app-top-notify{grid-column:3!important;grid-row:1!important;width:38px!important;height:46px!important;min-width:38px!important;padding:0!important}
  .lom-header .app-mobile-topbar.is-home.has-notification .app-top-notify svg{width:22px!important;height:22px!important}
  .lom-header .app-mobile-topbar.is-home.has-notification .app-top-cart{grid-column:4!important;grid-row:1!important}
  .lom-header .app-mobile-topbar.is-home.has-notification .app-top-account{grid-column:5!important;grid-row:1!important}

  .lom-header .app-mobile-topbar.is-inner{
    grid-template-columns:44px 40px minmax(0,1fr) 44px 44px!important;
    gap:5px!important;
  }
  .lom-header .app-mobile-topbar.is-inner .app-back{display:grid!important;grid-column:1!important;grid-row:1!important;visibility:visible!important;opacity:1!important}
  .lom-header .app-mobile-topbar.is-inner .app-mobile-menu-trigger{grid-column:2!important;grid-row:1!important;width:40px!important;height:44px!important;min-width:40px!important;padding:0!important}
  .lom-header .app-mobile-topbar.is-inner .app-mobile-brand{grid-column:3!important;grid-row:1!important;min-width:0!important}
  .lom-header .app-mobile-topbar.is-inner .app-top-cart{grid-column:4!important;grid-row:1!important}
  .lom-header .app-mobile-topbar.is-inner .app-top-account{grid-column:5!important;grid-row:1!important}
  .lom-header .app-mobile-topbar.is-inner.has-notification{grid-template-columns:44px 40px minmax(0,1fr) 36px 44px 44px!important;gap:4px!important}
  .lom-header .app-mobile-topbar.is-inner.has-notification .app-top-notify{grid-column:4!important;grid-row:1!important;width:36px!important;height:44px!important;min-width:36px!important;padding:0!important}
  .lom-header .app-mobile-topbar.is-inner.has-notification .app-top-notify svg{width:21px!important;height:21px!important}
  .lom-header .app-mobile-topbar.is-inner.has-notification .app-top-cart{grid-column:5!important}
  .lom-header .app-mobile-topbar.is-inner.has-notification .app-top-account{grid-column:6!important}
  .lom-header .app-mobile-topbar.is-inner .app-mobile-brand img{max-width:100%!important;max-height:44px!important}
  .lom-header .app-mobile-topbar .app-top-notify .app-badge{position:absolute!important;top:-4px!important;right:-4px!important;left:auto!important;z-index:2!important}
}

@media (max-width:390px){
  .lom-header .app-mobile-topbar.is-home.has-notification{grid-template-columns:40px minmax(0,1fr) 30px 40px 40px!important;gap:4px!important}
  .lom-header .app-mobile-topbar.is-home.has-notification .app-mobile-menu-trigger,
  .lom-header .app-mobile-topbar.is-home.has-notification .app-top-cart,
  .lom-header .app-mobile-topbar.is-home.has-notification .app-top-account{width:40px!important;height:40px!important;min-width:40px!important}
  .lom-header .app-mobile-topbar.is-home.has-notification .app-top-notify{width:30px!important;height:40px!important;min-width:30px!important}
  .lom-header .app-mobile-topbar.is-home.has-notification .app-top-notify svg{width:19px!important;height:19px!important}
  .lom-header .app-mobile-topbar.is-inner{grid-template-columns:34px 34px minmax(0,1fr) 34px 34px!important;gap:4px!important}
  .lom-header .app-mobile-topbar.is-inner .app-back,
  .lom-header .app-mobile-topbar.is-inner .app-mobile-menu-trigger,
  .lom-header .app-mobile-topbar.is-inner .app-top-cart,
  .lom-header .app-mobile-topbar.is-inner .app-top-account{width:34px!important;height:40px!important;min-width:34px!important}
  .lom-header .app-mobile-topbar.is-inner .app-mobile-menu-trigger{height:40px!important}
  .lom-header .app-mobile-topbar.is-inner.has-notification{grid-template-columns:34px 34px minmax(0,1fr) 28px 34px 34px!important;gap:3px!important}
  .lom-header .app-mobile-topbar.is-inner.has-notification .app-top-notify{grid-column:4!important;width:28px!important;height:40px!important;min-width:28px!important}
  .lom-header .app-mobile-topbar.is-inner.has-notification .app-top-notify svg{width:19px!important;height:19px!important}
  .lom-header .app-mobile-topbar.is-inner.has-notification .app-top-cart,
  .lom-header .app-mobile-topbar.is-inner.has-notification .app-top-account{width:34px!important;height:40px!important;min-width:34px!important}
  .lom-header .app-mobile-topbar.is-inner .app-back svg,
  .lom-header .app-mobile-topbar.is-inner .app-mobile-menu-trigger svg,
  .lom-header .app-mobile-topbar.is-inner .app-top-cart svg,
  .lom-header .app-mobile-topbar.is-inner .app-top-account svg{width:22px!important;height:22px!important}
}
