/* Product-led record shop: the established Boomshanka palette, clearer hierarchy. */
body.storefront{background-image:none}
.storefront .topline{font-size:12px;letter-spacing:.06em;padding-top:14px;padding-bottom:14px;border-color:var(--line)}
.storefront .toplinks a{text-decoration:none}.storefront .toplinks a:hover{color:var(--accent)}
.storefront .name-scroller{padding-top:10px;padding-bottom:8px}
.shop-search,.department-shell,.feature-shell,.discovery-links{max-width:1700px;margin-inline:auto;padding-inline:4vw}
.shop-search{padding-block:8px 22px}.shop-search .search-row{gap:0}.shop-search .search-row input{background:var(--surface);box-shadow:none;border:1px solid var(--line);border-right:0;border-radius:4px 0 0 4px;min-height:68px;font-size:23px;padding:16px 22px}.shop-search .primary{border-radius:0 4px 4px 0;min-width:130px}
.storefront .arrivals{margin-top:0;margin-bottom:8px}.storefront .arrivals-group{gap:24px;padding-right:24px}.storefront .arrival-item{width:160px;border:0;border-radius:0;background:transparent;padding:0 0 10px;gap:8px}.storefront .arrival-item:hover{background:transparent}.storefront .arrival-item .cover{width:140px;height:140px;padding:0;border-radius:0}.storefront .arrival-words{text-align:center;gap:3px}.storefront .arrival-title{font-size:15px;min-height:36px}.storefront .arrival-format{font-size:10px}.storefront .arrival-artist{font-size:12px}.storefront .arrival-price{font-size:17px}
.storefront .departments{margin:0 0 24px;padding:6px 0;gap:3px;border-color:var(--line)}.storefront .departments button{border:0;border-radius:0;min-height:52px;padding:10px 12px;font-size:16px;box-shadow:none}.storefront .departments button[aria-pressed=true]{background:transparent;color:var(--accent);box-shadow:inset 0 -3px var(--accent)}.storefront .departments button:hover{background:var(--surface)}.storefront .department-count{background:transparent;padding:0;font-size:10px}.storefront .departments button[aria-pressed=true] .department-count{color:var(--accent);background:transparent}.storefront .departments .bargain-button{color:var(--accent)}
.storefront .sell-banner{margin:0;max-width:none;border:0;border-radius:4px;--record-size:350px;--record-inset:36px;--advert-padding:40px;--advert-gap:24px;height:350px;min-height:350px;padding:32px var(--advert-padding);background:var(--advert-colour);box-shadow:none}
.storefront .sell-banner h1{font-size:clamp(35px,12cqw,82px);line-height:.96;letter-spacing:-.055em}.storefront .sell-pitch{text-align:left;align-items:flex-start}.storefront .sell-intro{font-size:21px;max-width:650px;margin:16px 0 20px}.storefront .sell-kicker{font-size:11px}.storefront .sell-banner .advert-link{border-radius:3px;font-size:18px;min-height:52px;padding:12px 20px}.storefront .sell-record{box-shadow:none}.storefront .advert-controls{margin:0 auto 8px}
.discovery-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:42px}.discovery-links button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-block:1px solid var(--line);border-radius:0;padding:19px 18px;min-height:68px;background:transparent;font-size:18px;font-weight:700;text-align:left}.discovery-links button+button{border-left:1px solid var(--line)}.discovery-links button:hover{background:var(--surface);color:var(--accent)}.discovery-links .needle-disc{width:26px;height:26px;flex:0 0 26px;margin:0}
.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding-bottom:20px}.collection-toolbar h2{font-size:clamp(32px,3.4vw,52px);letter-spacing:-.055em;line-height:1.1;margin:0}.heading-dot{color:var(--accent)}.storefront .filters{display:flex;justify-content:flex-end;gap:10px;margin:0}.storefront .filters select{min-width:180px;max-width:260px;border-radius:3px;font-size:17px;min-height:52px}.storefront #vinyl-type-field{font-size:11px;gap:3px}.storefront .results-bar{margin:18px 0 28px}.storefront .products{grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 26px}.storefront .product{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.storefront .product-open{border-radius:0}.storefront .product-open:hover .cover{transform:translateY(-3px)}.storefront .product .cover{border-radius:0;transition:transform .2s}.storefront .product>.meta{margin:16px 0 7px;font-size:11px;letter-spacing:.1em}.storefront .product>h3{margin:0;font-size:23px;line-height:1.18;letter-spacing:-.025em}.storefront .product>.artist{margin:7px 0 0;font-size:18px}.storefront .product>.condition{margin:12px 0 16px;font-size:12px}.storefront .product-bottom{padding:13px 0 0;border-color:var(--line)}.storefront .price{font-size:25px}.storefront .product-bottom button{font-size:15px;border-radius:3px;min-height:44px;background:transparent}.storefront .product-bottom button:hover{background:var(--accent)}.storefront footer{margin-top:55px;padding-top:30px}
@media(min-width:1700px){.storefront .products{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.storefront .sell-banner{--record-size:300px;--record-inset:24px;--advert-padding:28px;height:330px;min-height:330px}.storefront .sell-intro{font-size:18px}.storefront .departments button{font-size:14px;padding-inline:9px}.discovery-links button{font-size:16px;padding:16px 12px}.storefront .products{grid-template-columns:repeat(3,minmax(0,1fr))}.storefront .filters select{min-width:145px;max-width:210px}.collection-toolbar{align-items:flex-end}.storefront .filters:has(#vinyl-type-field:not([hidden])){flex-wrap:wrap}}
@media(max-width:700px){.storefront .topline>span{display:none}.storefront .toplinks{width:100%;justify-content:space-between}.shop-search{padding-bottom:16px}.shop-search .search-row input{font-size:18px;min-height:60px;padding:14px}.shop-search .primary{min-width:85px;font-size:17px;padding:12px}.storefront .arrivals-group{gap:18px;padding-right:18px}.storefront .arrival-item{width:130px}.storefront .arrival-item .cover{width:115px;height:115px}.storefront .departments{justify-content:flex-start;margin-bottom:18px}.storefront .sell-banner{--record-size:200px;--record-inset:16px;--advert-padding:22px;--advert-gap:16px;height:320px;min-height:320px;padding-inline:22px}.storefront .sell-banner h1{font-size:clamp(25px,14cqw,48px)}.storefront .sell-intro{font-size:16px;line-height:1.3}.storefront .sell-kicker{font-size:9px}.storefront .sell-banner .advert-link{font-size:15px;padding:10px 12px;min-height:48px}.discovery-links{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}.discovery-links button{font-size:15px}.discovery-links button:nth-child(3){border-left:0}.discovery-links button:nth-child(n+3){border-top:0}.collection-toolbar{display:block}.collection-toolbar h2{margin-bottom:20px}.storefront .filters{justify-content:flex-start}.storefront .filters label{flex:1;min-width:0}.storefront .filters select{min-width:0;width:100%;font-size:15px}.storefront .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.storefront .product>h3{font-size:19px}.storefront .product>.artist{font-size:16px}.storefront .product-bottom{gap:6px}.storefront .price{font-size:22px}.storefront .product-bottom button{font-size:13px;padding:8px}.storefront .results-bar{gap:12px;font-size:12px}.storefront #stock-date{font-size:10px}}
@media(max-width:450px){.storefront .sell-banner{--record-size:130px;--record-inset:12px;--advert-padding:18px;--advert-gap:12px;padding-inline:18px;height:310px;min-height:310px}.storefront .sell-banner h1{font-size:clamp(23px,13cqw,38px)}.storefront .sell-intro{font-size:15px}.storefront .sell-banner .advert-link{font-size:14px;gap:8px}.storefront .sell-kicker{font-size:8px}}
@media(prefers-reduced-motion:reduce){.storefront .product .cover{transition:none}.storefront .product-open:hover .cover{transform:none}}

/* The advert shares the catalogue edges; only the circular disc is painted. */
.storefront .sell-banner{width:100%;max-width:100%;border-radius:0;--record-size:300px}
.storefront .sell-record{width:var(--record-size);height:var(--record-size);aspect-ratio:1;top:50%;right:var(--record-inset);padding:0;border:0;background:transparent;box-shadow:none;border-radius:50%;overflow:hidden;clip-path:circle(50% at 50% 50%);isolation:isolate;opacity:1}
.storefront .sell-record::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,#111014 0 2px,#27222e 3px,#111014 4px 6px);border:2px solid #43384e;z-index:-1}
.storefront .sell-record-logo{background:transparent;border:0;border-radius:50%;clip-path:circle(50%);object-fit:contain}
@media(max-width:1100px){.storefront .sell-banner{--record-size:270px}}
@media(max-width:700px){.storefront .sell-banner{--record-size:200px}}
@media(max-width:450px){.storefront .sell-banner{--record-size:130px}}

/* Media browsing follows the four discovery shortcuts. */
.storefront .discovery-links{margin-bottom:0}
.storefront .department-shell{margin-top:16px}
/* Keep the bargain label and count dark against a solid light background. */
.storefront .departments .bargain-button{background:#c09aff;color:#170d25;font-weight:800;border:1px solid #c09aff;border-radius:3px;box-shadow:none}
.storefront .departments .bargain-button .department-name,.storefront .departments .bargain-button .department-count{color:#170d25;background:transparent}
.storefront .departments .bargain-button:hover{background:#d6baff;color:#170d25;border-color:#d6baff}
.storefront .departments .bargain-button[aria-pressed=true]{background:#f6f3fb;color:#170d25;border-color:#f6f3fb;box-shadow:inset 0 -3px #9d69ed}

/* Six adverts, with direct contact options for arranging a private browse. */
.storefront .advert-controls{grid-template-columns:repeat(6,51px)}
.viewing-contact{display:flex;gap:12px;width:100%;flex-wrap:wrap}
.storefront .viewing-contact .advert-link{flex:1;min-width:110px;width:auto}
.storefront [data-ad="viewing"] h1{font-size:clamp(27px,10cqw,68px)}
@media(max-width:700px){.viewing-contact{gap:8px}.storefront .viewing-contact .advert-link{min-width:90px;padding:9px 8px}.storefront [data-ad="viewing"] h1{font-size:clamp(21px,11cqw,45px)}}

/* A quiet shop-history strip keeps the catalogue at the centre of the page. */
.shop-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1700px;margin:48px auto 0;padding:28px 4vw;border-top:1px solid var(--line)}
.shop-history>div{display:flex;flex-direction:column;gap:8px}.shop-history strong{font-size:22px;line-height:1.25;color:var(--accent)}.shop-history span{font-size:16px;line-height:1.5;color:var(--muted)}.storefront .shop-history+footer{margin-top:0}
@media(max-width:700px){.shop-history{grid-template-columns:1fr;gap:22px}.shop-history strong{font-size:21px}}

.shop-history>div{flex-direction:row;align-items:center;gap:16px}.history-icon{display:block;flex:0 0 56px;width:56px;height:56px;object-fit:contain}.history-discogs{flex-basis:96px;width:96px;height:35px}.history-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
@media(min-width:701px) and (max-width:1100px){.shop-history>div{flex-direction:column;align-items:flex-start}.history-icon{flex-basis:auto}.history-discogs{height:56px}}

.storefront footer .footer-links{padding-top:0;border-top:0}

.storefront footer .facebook-link{gap:12px;border-radius:4px;text-decoration:none;font-size:17px;font-weight:700;color:var(--ink)}

/* Facebook belongs beside the three shop-history items. */
.storefront .shop-history{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.history-facebook{display:flex;align-items:center;gap:16px;width:100%;text-decoration:none;border-radius:4px;min-height:56px}.history-facebook:hover strong{text-decoration:underline;text-underline-offset:4px}
@media(min-width:701px) and (max-width:1100px){.storefront .shop-history{grid-template-columns:repeat(2,minmax(0,1fr))}.history-facebook{flex-direction:column;align-items:flex-start}}
@media(max-width:700px){.storefront .shop-history{grid-template-columns:1fr}}

/* A separate SVG paints only the disc: the rest of its image is transparent. */
.storefront .sell-record{display:block;background:none;border:0;box-shadow:none;filter:none;backdrop-filter:none;overflow:visible;clip-path:none;border-radius:0;isolation:auto}
.storefront .sell-record::before,.storefront .sell-record::after{content:none;display:none}
.sell-record-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:transparent;pointer-events:none}
.storefront .sell-record-logo{position:absolute;left:29%;top:29%;width:42%;height:42%;margin:0;object-fit:contain;border-radius:50%;clip-path:circle(50%);background:transparent}
.storefront .sell-pitch{background:transparent;box-shadow:none}
/* Align every advert opposite the side where its record is parked. */
.storefront .sell-pitch{margin-left:0;margin-right:auto;text-align:left;align-items:flex-start}
.storefront .sell-pitch[data-record-side="left"]{margin-left:auto;margin-right:0;text-align:right;align-items:flex-end}
.storefront .sell-pitch .advert-link{text-align:left;justify-content:flex-start}
.storefront .sell-pitch[data-record-side="left"] .advert-link{text-align:right;justify-content:flex-end}
.storefront .sell-pitch[data-record-side="left"] .viewing-contact{justify-content:flex-end}
/* Three equal advert cells: the rolling disc, anime and horror. */
.storefront .feature-shell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;margin-bottom:20px}
.rolling-ad-column{min-width:0}
.storefront .rolling-ad-column .sell-banner{--record-size:112px;--record-inset:14px;--advert-padding:22px;--advert-gap:12px;height:420px;min-height:420px;padding:24px var(--advert-padding)}
.storefront .rolling-ad-column .sell-banner h1{font-size:clamp(21px,13cqw,43px);line-height:1.04}
.storefront .rolling-ad-column [data-ad="viewing"] h1{font-size:clamp(20px,11cqw,36px)}
.storefront .rolling-ad-column .sell-kicker{font-size:9px;line-height:1.5;letter-spacing:.07em;margin-bottom:13px}
.storefront .rolling-ad-column .sell-intro{font-size:16px;line-height:1.4;margin:15px 0}
.storefront .rolling-ad-column .advert-link{font-size:15px;min-height:48px;padding:11px 12px;gap:8px}
.storefront .rolling-ad-column .viewing-contact{gap:8px;flex-direction:column}.storefront .rolling-ad-column .viewing-contact .advert-link{width:100%;flex:auto;min-width:0}
.storefront .rolling-ad-column .advert-controls{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:0 8px}.storefront .rolling-ad-column .advert-controls button{width:100%;max-width:48px;min-height:40px;padding:12px 6px}
.film-promo{position:relative;display:block;height:420px;min-width:0;overflow:hidden;text-decoration:none;background:#141317;color:var(--ink);isolation:isolate}
.film-promo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s}
.film-promo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#09090b00 15%,#09090b30 38%,#09090be8 73%,#09090b 100%);z-index:-1}
.film-promo>img{z-index:-2}.film-promo:hover>img{transform:scale(1.035)}
.film-promo-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:28px}
.film-format{font-size:11px;letter-spacing:.12em;font-weight:800;background:#09090be8;border:1px solid #c09aff88;color:var(--ink);padding:7px 10px;margin-bottom:13px}
.film-promo h2{font-size:clamp(30px,3.4vw,56px);line-height:.96;letter-spacing:-.05em;margin:0 0 20px;color:var(--ink)}.film-promo h2>span{color:var(--accent)}
.film-promo-cta{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;font-size:17px;font-weight:700;min-height:48px;padding-top:12px;border-top:1px solid #c09aff88}.film-promo-cta>span{font-size:25px;color:var(--accent)}
@media(min-width:901px) and (max-width:1150px){.storefront .rolling-ad-column .sell-banner{--record-size:82px;--record-inset:10px;--advert-padding:16px;--advert-gap:10px;padding-inline:16px}.storefront .rolling-ad-column .sell-intro{font-size:15px}.storefront .rolling-ad-column .advert-link{font-size:14px;padding:10px 8px}.film-promo-copy{padding:22px}}
@media(max-width:900px){.storefront .feature-shell{grid-template-columns:1fr;gap:20px}.storefront .rolling-ad-column .sell-banner{--record-size:135px;--record-inset:18px;--advert-padding:24px;--advert-gap:20px;height:350px;min-height:350px}.storefront .rolling-ad-column .sell-banner h1{font-size:clamp(24px,11cqw,50px)}.storefront .rolling-ad-column [data-ad="viewing"] h1{font-size:clamp(22px,10cqw,40px)}.film-promo{height:380px}.film-promo h2{font-size:48px}.film-promo-copy{padding:28px}}
@media(max-width:420px){.storefront .rolling-ad-column .sell-banner{--record-size:95px;--record-inset:12px;--advert-padding:18px;--advert-gap:12px;height:410px;min-height:410px;padding-inline:18px}.storefront .rolling-ad-column .sell-intro{font-size:15px}.film-promo h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.film-promo>img{transition:none}.film-promo:hover>img{transform:none}}
/* A double-width rolling advert with two smaller film adverts stacked beside it. */
.storefront .feature-shell{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,210px);gap:16px}
.storefront .rolling-ad-column{grid-column:1;grid-row:1 / span 2;height:436px;display:flex;flex-direction:column}
.storefront .rolling-ad-column .sell-banner{--record-size:230px;--record-inset:24px;--advert-padding:30px;--advert-gap:20px;height:auto;min-height:0;flex:1;padding:26px var(--advert-padding)}
.storefront .rolling-ad-column .sell-banner h1{font-size:clamp(28px,13cqw,66px)}
.storefront .rolling-ad-column [data-ad="viewing"] h1{font-size:clamp(25px,11cqw,52px)}
.storefront .rolling-ad-column .sell-intro{font-size:19px;line-height:1.4}.storefront .rolling-ad-column .sell-kicker{font-size:10px}
.storefront .rolling-ad-column .advert-link{font-size:17px;min-height:52px;padding:12px 15px}
.storefront .rolling-ad-column .viewing-contact{flex-direction:row}.storefront .rolling-ad-column .viewing-contact .advert-link{flex:1;width:auto;min-width:100px}
.storefront .rolling-ad-column .advert-controls{flex:0 0 40px}
.storefront .film-promo{grid-column:2;height:210px}.storefront .anime-promo{grid-row:1}.storefront .horror-promo{grid-row:2}
.storefront .film-promo-copy{padding:20px}.storefront .film-promo h2{font-size:34px;margin-bottom:10px}.storefront .film-format{font-size:9px;padding:4px 7px;margin-bottom:8px}.storefront .film-promo-cta{font-size:15px;min-height:34px;padding-top:7px}.storefront .film-promo-cta>span{font-size:20px}
.storefront .film-promo>img{object-position:center 30%}.storefront .film-promo:after{background:linear-gradient(90deg,#09090bea,#09090b8c 55%,#09090b28)}
@media(min-width:901px) and (max-width:1150px){.storefront .rolling-ad-column .sell-banner{--record-size:170px;--record-inset:18px;--advert-padding:24px;--advert-gap:16px;padding-inline:24px}.storefront .rolling-ad-column .sell-intro{font-size:17px}.storefront .rolling-ad-column .advert-link{font-size:15px}}
@media(max-width:900px){.storefront .feature-shell{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,210px)}.storefront .rolling-ad-column .sell-banner{--record-size:135px;--record-inset:16px;--advert-padding:22px;--advert-gap:14px;padding-inline:22px}.storefront .rolling-ad-column .sell-banner h1{font-size:clamp(24px,13cqw,44px)}.storefront .rolling-ad-column .sell-intro{font-size:16px}.storefront .rolling-ad-column .advert-link{font-size:14px;min-height:48px;padding:10px}.storefront .rolling-ad-column .viewing-contact{flex-direction:column}.storefront .rolling-ad-column .viewing-contact .advert-link{width:100%;min-width:0;flex:auto}.storefront .film-promo-copy{padding:14px}.storefront .film-promo h2{font-size:28px}.storefront .film-promo-cta{font-size:13px}}
@media(max-width:600px){.storefront .feature-shell{grid-template-columns:1fr;grid-template-rows:auto 190px 190px;gap:14px}.storefront .rolling-ad-column{grid-column:1;grid-row:1;height:410px}.storefront .rolling-ad-column .sell-banner{--record-size:110px;--record-inset:12px;--advert-padding:20px;--advert-gap:14px;height:auto;min-height:0}.storefront .film-promo{grid-column:1;height:190px}.storefront .anime-promo{grid-row:2}.storefront .horror-promo{grid-row:3}.storefront .film-promo-copy{padding:20px}.storefront .film-promo h2{font-size:32px}.storefront .film-promo-cta{font-size:15px}}

/* A larger disc enters, crosses and leaves the advert before its return. */
.storefront .rolling-ad-column .sell-banner{--record-size:340px;overflow:hidden}
.storefront .rolling-ad-column .sell-pitch,.storefront .rolling-ad-column .sell-pitch[data-record-side="left"]{width:100%}
.storefront .rolling-ad-column .sell-pitch h1{max-width:720px}
@media(max-width:1150px){.storefront .rolling-ad-column .sell-banner{--record-size:300px}}
@media(max-width:900px){.storefront .rolling-ad-column .sell-banner{--record-size:270px}}
@media(max-width:600px){.storefront .rolling-ad-column .sell-banner{--record-size:290px}}

/* Film and music campaigns rotate in place without moving the page. */
.storefront .film-promo>img,.storefront .film-promo-copy{transition:opacity .26s ease,transform .26s ease}
.storefront .film-promo.promo-changing>img,.storefront .film-promo.promo-changing .film-promo-copy{opacity:0;transform:translateX(-18px)}
@media(prefers-reduced-motion:reduce){.storefront .film-promo>img,.storefront .film-promo-copy{transition:none}}

/* Collectors Case sits beside Bargain Box with a clear premium shelf label. */
.storefront .departments .collector-button{border:1px solid #c09aff;background:#21172d;color:#f6f3fb;border-radius:3px;font-weight:800;box-shadow:none}
.storefront .departments .collector-button .department-name,.storefront .departments .collector-button .department-count{color:#f6f3fb;background:transparent}
.storefront .departments .collector-button:hover{background:#39264e}
.storefront .departments .collector-button[aria-pressed=true]{background:#c09aff;color:#170d25;box-shadow:inset 0 -3px #f6f3fb}
.storefront .departments .collector-button[aria-pressed=true] .department-name,.storefront .departments .collector-button[aria-pressed=true] .department-count{color:#170d25}
@media(min-width:1101px){.storefront .departments button{font-size:15px;padding-inline:9px}}

/* Match both price shelves: dark at rest, lilac when selected. */
.storefront .departments .bargain-button{border:1px solid #c09aff;background:#21172d;color:#f6f3fb;border-radius:3px;font-weight:800;box-shadow:none}
.storefront .departments .bargain-button .department-name,.storefront .departments .bargain-button .department-count{color:#f6f3fb;background:transparent}
.storefront .departments .bargain-button:hover{background:#39264e;color:#f6f3fb;border-color:#c09aff}
.storefront .departments .bargain-button[aria-pressed=true]{background:#c09aff;color:#170d25;border-color:#c09aff;box-shadow:inset 0 -3px #f6f3fb}
.storefront .departments .bargain-button[aria-pressed=true] .department-name,.storefront .departments .bargain-button[aria-pressed=true] .department-count{color:#170d25}

/* Scroller takes three quarters of the header; search uses the remaining quarter. */
.brand-search-row{max-width:1700px;margin:0 auto;padding:10px 4vw 18px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:center;gap:22px}
.storefront .brand-search-row .name-scroller{width:100%;min-width:0;margin:0;padding:0;overflow:hidden}
.storefront .brand-search-row .shop-search{width:100%;min-width:0;margin:0;padding:0}
.brand-search-row .search-form,.brand-search-row .search-row{width:100%;min-width:0;margin:0}
.storefront .brand-search-row .search-row{display:flex;gap:7px}
.storefront .brand-search-row .search-row input{width:0;flex:1;min-width:0;min-height:58px;padding:12px;font-size:17px}
.storefront .brand-search-row .search-row button{min-width:64px;min-height:58px;padding:10px 12px;font-size:15px}
@media(max-width:800px){.brand-search-row{grid-template-columns:minmax(0,1fr);gap:14px}.storefront .brand-search-row .search-row input{font-size:18px}}