/* Scoped opt-in styles. No changes to legacy forms, A2 links or catalogue cards. */
.s8023-form { position:relative; width:100%; }
.s8023-form input[name="query"] { width:100%; min-height:46px; padding-right:46px; font-size:16px; box-sizing:border-box; }
.s8023-form + .autocomplete-suggestions { display:none !important; }
.s8023-loading input[name="query"] { cursor:progress; }
.s8023-form input[name="query"]:focus { outline:2px solid #0868ed; outline-offset:2px; }
.s8023-panel { position:fixed; z-index:25000; box-sizing:border-box; margin:0; right:auto; bottom:auto; transform:none; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; background:#fff; color:#18304b; border:1px solid #dce5ef; border-radius:12px; box-shadow:0 16px 48px #18304b33; padding:12px; font:14px/1.4 Arial,sans-serif; text-align:left; }
.s8023-panel[hidden] { display:none !important; }
.s8023-heading { font-size:13px; font-weight:700; color:#53667c; margin:8px 10px 5px; }
.s8023-option { display:flex; align-items:center; gap:12px; min-height:44px; padding:9px 10px; border-radius:7px; color:#18304b !important; text-decoration:none; box-sizing:border-box; }
.s8023-option:hover,.s8023-option[aria-selected="true"] { background:#edf5ff; outline:2px solid #0868ed; outline-offset:-2px; }
.s8023-option img { flex:0 0 48px; object-fit:contain; }
.s8023-content { flex:1 1 auto; display:flex; flex-direction:column; gap:3px; min-width:0; }
.s8023-title { overflow-wrap:anywhere; }
.s8023-parent,.s8023-stock { color:#627287; font-size:12px; }
.s8023-price { font-size:14px; color:#132e49; }
.s8023-all { display:block; margin:10px 0 0; padding:12px; min-height:44px; box-sizing:border-box; text-align:center; font-weight:700; color:#fff !important; background:#0868ed; border-radius:7px; text-decoration:none; }
.s8023-all:focus-visible,.s8023-correction a:focus-visible { outline:3px solid #ffbc37; outline-offset:2px; }
.s8023-message,.s8023-correction { padding:8px 10px; margin:0; }
.s8023-correction { background:#f3f7fc; border-radius:7px; }
.s8023-correction a { color:#0868ed; text-decoration:underline; }
.s8023-info { margin:0 0 22px; }
.s8023-info__heading { font-size:20px; }
.s8023-info__categories { display:flex; flex-wrap:wrap; gap:10px; padding:0; list-style:none; }
.s8023-info__categories li { display:flex; flex-direction:column; gap:4px; border:1px solid #dce5ef; border-radius:8px; padding:12px; }
.s8023-info__categories li span { font-size:12px; color:#627287; }
.s8023-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(min-width:1100px) {
    .mid-bar.s8023-header .mid-bar__main-contacts { flex:1 1 560px; min-width:0; max-width:760px; margin:0 24px; }
    .mid-bar.s8023-header .mid-bar__main-contacts > .search { width:100%; max-width:760px; }
    .mid-bar.s8023-header .mid-bar__logo { flex:0 1 250px; min-width:140px; }
    .mid-bar.s8023-header .mid-bar__cart { flex-shrink:0; }
    .top-bar.s8023-header .top-bar__search { flex:1 1 560px; min-width:0; max-width:760px; }
    .quick-panel.s8023-header .s8023-form { width:clamp(320px,42vw,760px); max-width:calc(100vw - 48px); }
}
.s8023-form input[name="query"] { border:1px solid #ccd6e3; border-radius:8px; background:#fff; color:#18304b; line-height:24px; padding:10px 48px 10px 14px; appearance:none; }

@media(min-width:1100px) {
    .store-actions__search.s8023-search-container, .quick-panel__search.s8023-search-container { width:clamp(560px,45vw,760px); max-width:calc(100vw - 48px); right:0; left:auto; }
    .quick-panel__search.s8023-search-container .s8023-form { width:100%; }
}
@media(max-width:1099px) {
    .store-actions__search.s8023-search-container, .quick-panel__search.s8023-search-container { max-width:calc(100vw - 24px); box-sizing:border-box; }
}

/* InCart owns the visibility, modal cloning and close controls of all four forms.
   Never force .search/.top-bar__search visible or hide .mid-bar__search-btn. */
.s8023-list { display:grid; grid-template-columns:minmax(170px, 32%) minmax(0,1fr); gap:12px; }
.s8023-group { min-width:0; }
.s8023-list--single { grid-template-columns:minmax(0,1fr); }
.s8023-list--single > .s8023-group { grid-column:1 / -1; width:100%; }
.s8023-form .search__submit { top:7px; right:7px; }
@media(max-width:699px) {
    .s8023-list { grid-template-columns:minmax(0,1fr); gap:4px; }
    .s8023-panel { border-radius:10px; padding:8px; }
    .s8023-option { padding:8px; }
    .s8023-category { min-height:36px; }
    .mfp-wrap .s8023-form .search__submit { top:0; right:0; }
    .mfp-wrap .s8023-form input[name="query"] { min-height:45px; height:45px; }
}

@media(min-width:1100px) {
    /* Desktop view-4/5 hides the inline form natively; opt in only at desktop width. */
    .mid-bar.s8023-header .mid-bar__main-contacts > .search { display:block; }
    .mid-bar.s8023-header .mid-bar__main-contacts .s8023-form { display:block; }
    .mid-bar.s8023-header .mid-bar__main-contacts .mid-bar__search-btn { display:none; }
}