.commerce-shop-search-bar{background:var(--jl-color-background);padding:clamp(20px,3vw,34px) 0 0}.commerce-shop-search-bar__inner{align-items:end;display:grid;gap:clamp(18px,3vw,36px);grid-template-columns:minmax(0,.42fr) minmax(360px,.58fr)}.commerce-shop-search-bar__copy h2{color:var(--jl-color-dark-blue);font-size:clamp(24px,3vw,38px);line-height:1.06;margin:6px 0 0}.commerce-shop-search-bar__form{align-items:center;background:#fff;border:2px solid rgba(64,101,209,.16);border-radius:999px;box-shadow:0 18px 46px rgba(31,47,107,.1);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:clamp(10px,1.5vw,14px);position:relative}.commerce-shop-search-bar__form .input{background:transparent;border:0;box-shadow:none;min-height:48px}.commerce-shop-search-bar__form .input:focus{outline:none}.commerce-shop-search-bar__predictive{background:#fff;border:2px solid rgba(64,101,209,.14);border-radius:28px;box-shadow:0 24px 58px rgba(31,47,107,.18);left:0;padding:18px;position:absolute;right:0;top:calc(100% + 10px);z-index:30}.commerce-shop-search-bar__quick-links{align-items:center;color:var(--jl-color-body-grey,#56575e);display:flex;flex-wrap:wrap;font-family:var(--jl-font-body,"Mulish",Arial,sans-serif);font-size:14px;font-weight:700;gap:10px;grid-column:2;margin-top:-18px}.commerce-shop-search-bar__quick-links a{align-items:center;background:#fff;border:2px solid var(--jl-color-light-blue,#edf1ff);border-radius:999px;box-shadow:0 8px 18px rgba(31,47,107,.06);color:var(--jl-color-bright-blue,#4065d1);display:inline-flex;justify-content:center;min-height:36px;padding:7px 14px;text-decoration:none}.commerce-shop-search-bar__quick-links a:focus-visible,.commerce-shop-search-bar__quick-links a:hover{background:var(--jl-color-lightest-blue,#f7f9ff);border-color:var(--jl-color-bright-blue,#4065d1);color:var(--jl-color-dark-blue,#1f2f6b);outline:none}@media (max-width:860px){.commerce-shop-search-bar__inner{grid-template-columns:1fr}.commerce-shop-search-bar__quick-links{grid-column:1;margin-top:-8px}}@media (max-width:620px){.commerce-shop-search-bar__form{border-radius:28px;grid-template-columns:1fr}.commerce-shop-search-bar__quick-links{gap:8px}.commerce-shop-search-bar__quick-links span{width:100%}}.commerce-shop-search-bar__icon{display:none}.commerce-shop-search-bar__icon img,.commerce-shop-search-bar__icon svg{display:block;height:28px;width:28px}.commerce-shop-search-bar__banner{align-items:center;background:var(--jl-color-dark-blue,#1f2f6b);color:#fff;display:flex;min-height:44px}.commerce-shop-search-bar__banner-inner{color:#fff;font-family:var(--jl-font-body,"Mulish",Arial,sans-serif);font-size:14px;font-weight:400;line-height:21px;margin-inline:auto;text-align:center;width:min(calc(100% - var(--jl-module-side-margin, 80px) - var(--jl-module-side-margin, 80px)),var(--jl-max-width,1280px))}.commerce-shop-search-bar--compact{background:#fff;padding:0 0 clamp(10px,1.8vw,18px)}.commerce-shop-search-bar--compact .commerce-shop-search-bar__inner{display:block;margin-inline:auto;max-width:1282px;padding-top:clamp(18px,2.8vw,34px)}.commerce-shop-search-bar--compact .commerce-shop-search-bar__form{align-items:center;background:#fff;border:2px solid var(--jl-color-light-blue,#edf1ff);border-radius:20px;box-shadow:none;box-sizing:border-box;display:flex;gap:8px;height:44px;min-height:44px;padding:8px 16px}.commerce-shop-search-bar--compact .commerce-shop-search-bar__form:focus-within{border-color:var(--jl-color-light-blue,#edf1ff);box-shadow:none}.commerce-shop-search-bar--compact .commerce-shop-search-bar__icon{color:#56575e;display:grid;flex:0 0 24px;height:24px;opacity:.5;place-items:center;transform-origin:center;transition:opacity .16s ease,transform .16s ease;width:24px}.commerce-shop-search-bar--compact .commerce-shop-search-bar__form:focus-within .commerce-shop-search-bar__icon{opacity:1;transform:scale(1.08)}.commerce-shop-search-bar--compact .commerce-shop-search-bar__icon img,.commerce-shop-search-bar--compact .commerce-shop-search-bar__icon svg{display:block;height:24px;width:24px}.commerce-shop-search-bar--compact .commerce-shop-search-bar__form .input{caret-color:var(--jl-color-bright-blue,#4065d1);color:#56575e;flex:1 1 auto;font-family:var(--jl-font-body,"Mulish",Arial,sans-serif);font-size:16px;font-weight:400;height:27px;line-height:27px;min-height:27px;min-width:0;padding:0}.commerce-shop-search-bar--compact .commerce-shop-search-bar__form:focus-within .input{font-size:20px;height:32px;line-height:32px;min-height:32px}.commerce-shop-search-bar--compact .commerce-shop-search-bar__form .input::placeholder{color:rgba(86,87,94,.5);opacity:1}.commerce-shop-search-bar--compact .commerce-shop-search-bar__form:focus-within .input::placeholder{color:transparent;opacity:0}.commerce-shop-search-bar--compact .commerce-shop-search-bar__form .jl-button{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.commerce-shop-search-bar--compact .commerce-shop-search-bar__quick-links{grid-column:auto;margin-top:14px}@media (max-width:620px){.commerce-shop-search-bar--compact .commerce-shop-search-bar__form{border-radius:20px;height:44px;min-height:44px}.commerce-shop-search-bar--compact .commerce-shop-search-bar__icon img,.commerce-shop-search-bar--compact .commerce-shop-search-bar__icon svg{height:24px;width:24px}.commerce-shop-search-bar__banner-inner{width:calc(100% - var(--jl-module-side-margin, 20px) - var(--jl-module-side-margin, 20px))}}