.site-search-toggle{display:inline-flex;align-items:center;padding-top:.25rem;padding-bottom:.25rem}
.site-search-toggle svg{display:block}
.site-search{position:relative;height:0;z-index:1040}
.site-search[hidden]{display:none}
.site-search-box{position:absolute;left:0;right:0;top:0;background:var(--surface,#fffcf7);border:1px solid var(--ink,#25231F);border-top:0;box-shadow:0 12px 28px rgba(37,35,31,.18);padding:14px 16px}
.site-search-box form{display:flex;gap:8px}
.site-search-box input[type=search]{flex:1;min-width:0}
.site-search-results{list-style:none;margin:10px 0 0;padding:0;max-height:min(60vh,420px);overflow:auto}
.site-search-results li{border-top:1px solid #dcd4c7}
.site-search-results a{display:block;padding:10px 4px;text-decoration:none;color:inherit}
.site-search-results a:hover,.site-search-results a:focus-visible{background:rgba(70,124,118,.1)}
.site-search-results .type{display:block;font-size:.75rem;color:#655e53}
.site-search-results .title{display:block;font-family:Georgia,serif;font-size:1.05rem}
.site-search-results .snippet{display:block;font-size:.85rem;color:#3e4e46;margin-top:2px}
.site-search-results mark{background:#f3e3a8;color:inherit;padding:0}
.site-search-status{margin:10px 0 0;font-size:.9rem;color:#655e53}
.site-search-all{display:inline-block;margin-top:8px;font-weight:bold}
/* Header on phones: logo + basket on the first row, the links (incl. contacts and search) on their own row, so nothing overflows. */
@media (max-width:575px){
  .store-header .navbar{flex-wrap:wrap!important;row-gap:4px!important}
  .store-header .navbar>.brand{order:1}
  .store-header .navbar>#header-basket{order:2;margin-left:auto}
  .store-header .navbar>.nav{order:3;flex:0 0 100%;width:100%;margin-left:0!important;flex-wrap:wrap;gap:2px 14px!important}
}
/* Phones: Bootstrap's g-5 gutter (3rem) is wider than the 20px page padding and pushed rows out of the screen. */
@media (max-width:767px){.row.g-5{--bs-gutter-x:24px!important}}