/* Shared search dimensions; width and theme decoration belong to each layout. */
:root { --search-control-height:44px; --search-control-font:14px; --search-control-gap:8px; --search-control-padding:12px; }
html body :is(.pg-search, .sx-search, .mp-search, .wf-search, .shop-search) {
    height:var(--search-control-height) !important;
    min-height:var(--search-control-height) !important;
    box-sizing:border-box;
    align-items:center;
    gap:var(--search-control-gap);
}
html body .pg-search > input {
    box-sizing:border-box;
    height:var(--search-control-height) !important;
    min-height:var(--search-control-height) !important;
    padding:0 var(--search-control-padding) 0 38px !important;
    font-size:var(--search-control-font) !important;
}
html body :is(.sx-search, .mp-search, .wf-search, .shop-search) {
    padding:0 var(--search-control-padding) !important;
}
html body :is(.sx-search, .mp-search, .wf-search, .shop-search) > input {
    height:100% !important;
    min-height:0 !important;
    padding:0 !important;
    box-sizing:border-box;
    font-size:var(--search-control-font) !important;
}
html body :is(.pg-search, .sx-search, .mp-search, .wf-search, .shop-search) > .i {
    width:20px; height:20px; flex-shrink:0;
}
html body .scan-field-group > .scan-field-button,
html body.mp-pos .mp-search-group > #mp-scan {
    width:var(--search-control-height) !important;
    height:var(--search-control-height) !important;
    min-height:var(--search-control-height) !important;
    flex-basis:var(--search-control-height) !important;
}
html body .scan-field-group > .scn-in,
html body.mp-pos .mp-search-group > .scn-in {
    height:var(--search-control-height) !important;
    min-height:var(--search-control-height) !important;
}
@media (max-width:767px) {
    /* Prevent focus from magnifying the page on phones. */
    :root { --search-control-font:16px; }
}