/* Shared discreet search for discovery pages without a prominent search. */
.compact-search-page .site-header .header-inner{min-height:82px}
.compact-search-page .site-header .customer-bar{min-height:36px}
.compact-search-page .site-header .customer-bar>a{padding-block:7px}
.compact-search-page #ga-brand-polish .ga-main{padding-top:27px}
#main .brand-search-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
#main .brand-search-row .ga-kicker{margin:0;min-width:0}
#main .brand-kicker-short{display:none}
#main .brand-search{display:flex;align-items:center;gap:7px;flex:0 1 252px;min-width:0;margin:0;padding:0;border:0;border-bottom:1px solid #b9c4b8;border-radius:0;background:transparent;color:#52685a;position:relative;overflow:visible;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease}
@media(hover:hover){#main .brand-search:hover{border-bottom-color:#6d8775;color:#294937}}
#main .brand-search:focus-within{border-bottom-color:#245b46;box-shadow:0 1px 0 #245b46;color:#245b46}
/* The full-width underline provides the input focus indicator. */
#main .brand-search>input:focus{outline:none;box-shadow:none}
#main .brand-search>button:focus-visible{outline:2px solid #245b46;outline-offset:0;border-radius:3px}
@media(prefers-reduced-motion:reduce){#main .brand-search{transition:none}}
@media(forced-colors:active){#main .brand-search:focus-within{border-bottom:2px solid Highlight}}
#main .brand-search>button{display:flex;align-items:center;justify-content:center;flex:none;width:28px;min-height:34px;padding:0;border:0;border-radius:0;background:transparent;color:inherit}
#main .brand-search>button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
#main .brand-search>input{width:100%;min-width:0;min-height:34px;margin:0;padding:6px 0;border:0;border-radius:0;background:transparent;color:#294937;font:400 14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:normal;outline-offset:3px}
#main .brand-search>input::placeholder{color:#627366;opacity:1}
#main .brand-search .search-suggestions{left:auto;right:0;width:390px;max-width:calc(100vw - 36px);border-radius:4px;margin-top:7px;box-shadow:0 8px 24px #092b2317;padding:4px;background:#fffef9}
#main .brand-search .suggestion-item{min-height:62px;padding:8px 11px;gap:11px}
#main .brand-search .suggestion-item strong{font:400 14px/1.4 Arial,Helvetica,sans-serif}
#main .brand-search .suggestion-item small{font:400 12px/1.4 Arial,Helvetica,sans-serif}
#main .brand-search .suggestion-discovery{min-height:48px;background:transparent}
#main .brand-search .suggestion-all{padding:12px 11px;font-size:14px;line-height:1.5}
#main .brand-search .search-suggestions a:hover,#main .brand-search .search-suggestions a[aria-selected="true"]{background:#eef3e9}
@media(max-width:899px){
 .compact-search-page .site-header .header-inner{min-height:76px}
 #main .brand-search-row{gap:20px}
}
@media(max-width:599px){
 .compact-search-page .site-header .header-inner{min-height:70px}
 .compact-search-page .site-header .customer-bar{min-height:34px}
 .compact-search-page #ga-brand-polish .ga-main{padding-top:22px}
 #main .brand-search-row{align-items:center;gap:16px;margin-bottom:20px}
 #main .brand-search-row .ga-kicker{flex:1;max-width:145px;font-size:12px;line-height:1.55}
 #main .brand-kicker-full{display:none}
 #main .brand-kicker-short{display:inline}
 #main .brand-search{flex:0 1 208px}
 #main .brand-search>input{font-size:16px;min-height:44px}
 #main .brand-search>button{width:32px;min-height:44px}
 #main .brand-search .search-suggestions{max-height:min(420px,58dvh)}
}
@media(max-width:380px){
 #main .brand-search-row{gap:12px}
 #main .brand-search{flex-basis:170px}
}

/* Use the existing breadcrumb/back-link space, above each page's content. */
#main .page-search-row{position:relative;z-index:5;min-width:0}
#main .page-search-row>.ga-breadcrumb{margin:0;flex:1;min-width:0;flex-wrap:wrap}
#main .page-search-row>.text-link{font-size:14px;letter-spacing:normal;flex:1;min-width:0}
#main .page-search-row--product{padding-block:20px;margin-bottom:0}
#main .page-search-row>.catalogue-breadcrumbs{width:auto;padding:0;margin:0;flex:1;min-width:0}
#eb-family-preview .page-search-row--story{padding-block:12px;margin-block:0}
#eb-family-preview .page-search-row>.ga-story-breadcrumb{padding:0;min-width:0;flex:1;flex-wrap:wrap}
.compact-search-page .content-page{padding-top:27px}
@media(max-width:700px){
 #main .page-search-row--product{flex-wrap:wrap;gap:10px;padding-block:16px}
 #main .page-search-row>.catalogue-breadcrumbs{flex:1 0 100%;gap:7px 10px}
 #main .page-search-row--product>.brand-search{margin-left:auto}
}
@media(max-width:599px){
 #main .page-search-row:not(:has(.ga-kicker))>.brand-search{flex-basis:180px}
 #main .page-search-row>.ga-breadcrumb{gap:5px 9px;font-size:12px}
 #eb-family-preview .page-search-row>.ga-story-breadcrumb{gap:5px 8px;font-size:12px}
 .compact-search-page .content-page{padding-top:22px}
}
