:root{--bbc-search-surface:#f3f3f1;--bbc-search-accent:#1c1c1c}

.bbc-search-header{background:var(--bbc-search-surface);border-bottom:1px solid var(--color-border)}
.bbc-search-header .search-page__header{display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:100%;max-width:920px;margin-inline:auto;padding-block:52px 40px}
.bbc-search-eyebrow{font-family:var(--font-body--family);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin:0;color:var(--bbc-search-accent)}
.bbc-search-header h1{font-family:var(--font-heading--family);font-size:clamp(32px,4vw,58px);line-height:1.06;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.bbc-search-intro{font-family:var(--font-body--family);font-size:15px;line-height:1.6;margin:0;max-width:620px;color:var(--color-foreground)}
.bbc-search-header .search-page-input__parent{width:100%;margin-top:6px}
.bbc-search-header search-page-input-component{max-width:none;width:100%}
.bbc-search-header .search-page-input{min-height:62px;padding-inline:52px 140px;font-size:16px;background:var(--color-background);border:1px solid var(--color-border);border-radius:4px}
.bbc-search-header .search__reset-button{inset-inline-end:94px}
.bbc-search-submit{position:absolute;inset-inline-end:8px;top:8px;bottom:8px;border:0;border-radius:2px;padding:0 18px;font:inherit;font-size:13px;font-weight:600;background:var(--bbc-search-accent);color:#fff;cursor:pointer}
.bbc-search-header :is(input,button,a):focus-visible{outline:2px solid var(--bbc-search-accent);outline-offset:3px}
.bbc-search-header .search-results__no-results{font-size:14px;opacity:1;margin-top:8px}
.bbc-search-results .product-grid[product-grid-view="default"]{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;row-gap:36px}
.bbc-search-results .product-grid__item{min-width:0}
.bbc-search-results .product-grid__item img{object-fit:contain}
.bbc-search-results .product-grid__item .card-gallery{background:var(--bbc-search-surface)}
.bbc-search-results .facets{border-bottom:1px solid var(--color-border);padding-bottom:18px;margin-bottom:24px}
#search-modal .search-modal__content{--modal-width:min(1000px,calc(100vw - 80px));--modal-top-margin:8dvh;--modal-max-height:72dvh;border-radius:8px;border:1px solid var(--color-border);box-shadow:0 24px 80px #0003}
#search-modal .bbc-search-modal-title{padding:24px 28px 16px;background:var(--bbc-search-surface);border-bottom:1px solid var(--color-border)}
#search-modal .bbc-search-modal-title p{margin:0 0 6px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--bbc-search-accent)}
#search-modal .bbc-search-modal-title h2{margin:0;font-family:var(--font-heading--family);font-size:28px;line-height:1.15}
#search-modal .predictive-search-form__header{padding:12px 20px;border-bottom:1px solid var(--color-border)}
#search-modal .search-input{font-size:16px;min-height:48px}
#search-modal .predictive-search-form__header-inner:focus-within{outline:2px solid var(--bbc-search-accent);outline-offset:2px;border-radius:3px}
#search-modal .predictive-search-results__title{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
#search-modal .predictive-search-results__wrapper-products{gap:18px}
#search-modal .resource-card__image{object-fit:contain}
#search-modal .predictive-search-form__footer{background:var(--color-background);border-top:1px solid var(--color-border);padding:14px 24px}
#search-modal .predictive-search__search-button{min-height:44px;min-width:220px;border-radius:3px}
#search-modal .predictive-search-results__no-results{padding:28px 20px;line-height:1.6}
#search-modal :is(button,a):focus-visible{outline:2px solid var(--bbc-search-accent);outline-offset:3px}
@media(min-width:750px) and (max-width:1100px){.bbc-search-results .product-grid[product-grid-view="default"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:749px){
.bbc-search-header .search-page__header{padding-block:28px 26px;gap:14px}
.bbc-search-header h1{font-size:34px}
.bbc-search-intro{font-size:14px}
.bbc-search-header .search-page-input{min-height:58px;padding-inline:42px 116px}
.bbc-search-submit{padding-inline:12px;font-size:12px}
.bbc-search-header .search__reset-button{inset-inline-end:78px}
.bbc-search-results .product-grid[product-grid-view="default"]{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:26px}
#search-modal .search-modal__content{width:100%;max-width:100%;max-height:100dvh;margin:0;border:0;border-radius:0;--modal-top-margin:0px;--modal-max-height:calc(100dvh - 180px)}
#search-modal .bbc-search-modal-title{padding:20px 18px 14px}
#search-modal .bbc-search-modal-title h2{font-size:26px}
#search-modal .predictive-search-form__header{padding:8px 12px}
#search-modal .predictive-search-form__content{max-height:calc(100dvh - 180px)}
#search-modal .predictive-search-form__footer{padding:12px 16px max(12px,env(safe-area-inset-bottom))}
#search-modal .predictive-search__search-button{width:100%}
}

#search-modal .search-modal__content{width:min(1000px,calc(100vw - 80px));max-width:1000px;max-height:84dvh;overflow:hidden}
#search-modal .predictive-search-form{display:flex;flex-direction:column;max-height:84dvh;min-height:0}
#search-modal .bbc-search-modal-title,#search-modal .predictive-search-form__header{flex:none}
#search-modal .predictive-search-form__content-wrapper{position:relative;min-height:0;overflow:hidden}
#search-modal .predictive-search-form__content{max-height:calc(84dvh - 176px);overflow-y:auto;scrollbar-width:thin}
#search-modal .predictive-search-form__footer{position:sticky;bottom:0;flex:none}
#search-modal .predictive-search-form__content-wrapper:has([data-search-results])>.predictive-search-form__content{padding-bottom:16px}
@media(max-width:749px){
#search-modal .search-modal__content{width:100%;max-width:100%;max-height:100dvh}
#search-modal .predictive-search-form{max-height:100dvh}
#search-modal .predictive-search-form__content{max-height:calc(100dvh - 176px)}
}

#search-modal .resource-card__media{aspect-ratio:1}