/* Compact header, with a dedicated SH mark supplied by Flatsome's sticky logo slot. */
/* The desktop top bar is for the delivery notice; service links live in the footer. */
@media(min-width:850px){
  #header #top-bar .flex-col.flex-left,#header #top-bar .flex-col.flex-right{display:none!important}
  #header #top-bar .flex-col.flex-center{display:block;flex:1 1 100%;min-width:0;max-width:100%}
  #header #top-bar .flex-col.flex-center .nav,#header #top-bar .flex-col.flex-center .html_topbar_left{width:100%}
  #header #top-bar .flex-col.flex-center marquee{display:block;width:100%}
}
#header .header-wrapper.stuck{animation:none!important;opacity:1!important}
#header .header-wrapper.stuck .header-main{background:#fff;box-shadow:0 5px 20px rgba(30,20,20,.1)}
#header .header-wrapper.stuck #logo{width:52px!important;max-width:52px!important}
#header .header-wrapper.stuck #logo a{display:flex;align-items:center;justify-content:center;width:52px;height:52px}
#header .header-wrapper.stuck #logo img.header-logo-sticky{display:block!important;width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;margin:0!important;padding:0!important;object-fit:contain}
#header .header-wrapper:not(.stuck) .header-nav-main>.nav-icon{display:none}
#header .header-wrapper.stuck .header-nav-main>.nav-icon{margin-right:12px}
#header .header-wrapper.stuck .header-nav-main>.nav-icon>a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e7e0db;border-radius:6px;color:#231f20}
#header .header-wrapper.stuck .header-nav-main>.nav-icon>a:hover{border-color:#ba2025;color:#ba2025}
#header .nav-icon>a:focus-visible{outline:2px solid #ba2025;outline-offset:3px}

/* Every header state uses the same live product search form. */
#header .shrenz-header-search-item{display:flex;align-items:center;width:clamp(200px,24vw,320px);margin-left:12px}
#header .shrenz-header-search-item .searchform-wrapper,
#header .shrenz-sticky-mobile-search .searchform-wrapper,
#header .header-bottom .show-for-medium .searchform-wrapper{width:100%}
#header .shrenz-sticky-mobile-search{display:none}
#header .aws-container{width:100%}
#header .aws-search-form{box-sizing:border-box;width:100%;height:44px!important;border:1px solid #ded7d1!important;border-radius:8px!important;background:#f8f6f4!important;box-shadow:none!important;overflow:hidden}
#header .aws-search-form:focus-within{border-color:#ba2025!important;background:#fff!important;box-shadow:0 0 0 2px rgba(186,32,37,.12)!important}
#header .aws-search-form .aws-wrapper{height:42px!important;background:transparent!important}
#header .aws-search-field{box-sizing:border-box;height:42px!important;padding:0 14px!important;border:0!important;background:transparent!important;color:#231f20!important;font-size:14px!important;font-weight:400!important;line-height:42px!important;box-shadow:none!important}
#header .aws-search-field::placeholder{color:#827974!important;opacity:1}
#header .aws-search-btn{display:grid!important;place-items:center;box-sizing:border-box;width:44px!important;min-width:44px!important;height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3d3836!important;box-shadow:none!important}
#header .aws-search-btn:hover{background:#f0eae6!important;color:#ba2025!important}
#header .aws-search-btn_icon{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:100%!important;line-height:1!important}
#header .aws-search-btn svg{width:20px;height:20px;fill:currentColor!important}

/* The full mobile header and the scrolled mobile header have matching search rows. */
@media(max-width:849px){
  #header .header-bottom .show-for-medium{box-sizing:border-box;padding:8px 0 10px}
  #header .header-bottom .show-for-medium .header-search-form{width:100%;margin:0;padding:0}
  #header .header-wrapper.stuck .header-main{height:104px!important}
  #header .header-wrapper.stuck .header-main .header-inner{height:52px!important;min-height:52px!important}
  #header .header-wrapper.stuck .shrenz-sticky-mobile-search{display:block;box-sizing:border-box;height:52px;padding:4px 15px}
  #header .header-wrapper.stuck .shrenz-sticky-mobile-search .searchform-wrapper{width:100%}
}

/* Keep live suggestions usable without extending past the phone viewport. */
.aws-search-result{border:1px solid #e6ded8!important;border-radius:0 0 8px 8px!important;box-shadow:0 14px 28px rgba(0,0,0,.16)!important;overflow:hidden!important}
.aws-search-result .aws_result_scroll{max-height:min(42vh,380px)!important;overflow-y:auto!important}
@media(max-width:849px){.aws-search-result .aws_result_scroll{max-height:31vh!important}}
