/* R20: compact persistent storefront header, shared by both themes. */
.sf-storefront .sf-masthead {
 position:sticky!important; top:0!important; z-index:1030!important;
 background:#fffefb!important; border-bottom:1px solid #dedfd5;
 box-shadow:0 6px 24px rgba(16,62,48,.10);
}
.sf-storefront .sf-masthead-top {height:76px;gap:32px;padding:10px 0;}
.sf-storefront .sf-masthead-logo {height:52px;}
.sf-storefront .sf-masthead-logo img {max-height:52px;}
.sf-storefront .sf-masthead-search {background:#f6f5ef;border:1px solid #dddcd2;border-radius:10px;}
.sf-storefront .sf-masthead-search:focus-within {border-color:#356e59;box-shadow:0 0 0 3px #356e5918;}
.sf-storefront .sf-masthead-actions {gap:12px;}
.sf-storefront .sf-masthead .sf-icon-link {width:40px;height:40px;border-radius:50%;background:#f2f4ed;color:#123e30;}
.sf-storefront .sf-masthead .sf-icon-link:hover {background:#e3ece3;}
.sf-storefront .sf-masthead-nav {border-top:1px solid #ecece3;}
.sf-storefront .sf-nav-inner {height:44px;}
.sf-storefront .sf-nav-links>a {font-weight:600;}
.sf-storefront .sf-masthead a:focus-visible,.sf-storefront .sf-masthead summary:focus-visible {outline:2px solid #a9652f;outline-offset:3px;}
@media(max-width:767px){
 .sf-storefront .sf-masthead-top {height:auto;min-height:66px;gap:10px;padding:9px 0;}
 .sf-storefront .sf-masthead-logo,.sf-storefront .sf-masthead-logo img {max-height:42px;}
 .sf-storefront .sf-masthead-actions {gap:7px;}
 .sf-storefront .sf-masthead .sf-icon-link {width:34px;height:34px;}
 .sf-storefront .sf-masthead-search {height:38px;}
 .sf-storefront .sf-nav-inner {height:40px;}
}
/* Classic's viewport-height body otherwise clips the sticky containing block. */
body.sf-storefront.sf-classic {height:auto!important;min-height:100vh;overflow-x:clip;overflow-y:visible;}