/* Refined catalogue 501 — scoped away from the seasonal invitation and coin. */
body:has(#catalogue){background:#f7f7f2;color:#181b17}
body:has(#catalogue) header{border-bottom:0!important;padding-top:20px!important;padding-bottom:20px!important;gap:24px}
body:has(#catalogue) header .logo{letter-spacing:-1.5px}
body:has(#catalogue) header .header-title{font-size:23px;line-height:.98;letter-spacing:-.6px}
body:has(#catalogue) header nav>a{font-size:12px;font-weight:600}
body:has(#catalogue) header .nav-join{border:1px solid #c5c8be;background:transparent;text-transform:none;font-size:12px;padding:12px 17px;border-radius:4px}
.refine-offer501{display:flex;align-items:center;gap:18px;background:var(--lime,#d8ff3e);padding:12px 18px;margin:0 0 18px;border-radius:4px;font-size:13px;line-height:1.3}
.refine-offer501 strong{font-weight:700}.refine-offer501 a{font-size:12px;color:inherit;text-underline-offset:3px}.refine-offer501 button{margin-left:auto;background:transparent;border:0;border-left:1px solid #899d42;padding:4px 0 4px 18px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.refine-offer501 [role=status]:empty{display:none}
#catalogue .audiences{gap:5px!important;border:0!important;margin:0 0 14px!important}
#catalogue .audiences a{border:0!important;background:#efefea!important;border-radius:4px;padding:12px 8px!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important}
#catalogue .audiences a[aria-pressed=true]{background:var(--lime,#d8ff3e)!important}
#catalogue .quick-collections{display:flex;align-items:center;gap:14px;padding:0!important;margin:0 0 16px!important;overflow:hidden}
#catalogue .quick-collections h3{font-size:11px!important;text-transform:none!important;letter-spacing:0!important;margin:0!important;white-space:nowrap;font-weight:600}
#catalogue .collection-links{display:flex!important;flex-wrap:nowrap!important;gap:18px!important;overflow-x:auto;scrollbar-width:none;padding:3px 0!important;min-width:0}
#catalogue .collection-links a{border:0!important;background:transparent!important;min-width:max-content!important;padding:4px 0!important;font-size:11px!important;font-weight:400!important;box-shadow:none!important}
#catalogue .collection-links a[aria-pressed=true]{box-shadow:0 2px 0 var(--ink)!important}
#catalogue .search-row{border:1px solid #aeb2a5!important;border-radius:5px;background:#fff;padding:4px!important;gap:5px!important;overflow:hidden}
#catalogue #query{border:0!important;background:transparent!important;font-size:15px!important;padding:11px 12px!important;min-width:0}
#catalogue .search-row>.button{border:0!important;border-radius:3px;padding:10px 24px!important;font-size:12px!important;box-shadow:none!important}
#catalogue #results-status{font-size:11px;color:#65695f;margin:10px 0!important}
#catalogue .paired-carousels{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;margin:16px 0 28px!important}
#catalogue .paired-carousels:has(>.hidden-carousel[hidden]){grid-template-columns:minmax(0,1fr)!important}
#catalogue .paired-carousels>.hidden-carousel{border:1px solid #d6d8cf!important;border-radius:5px;background:#fff!important;animation:none!important;padding:14px!important;overflow:hidden}
#catalogue .paired-carousels .hidden-carousel-head{min-height:0!important;height:auto!important;margin:0 0 14px!important;gap:8px!important;align-items:flex-start!important}
#catalogue .hidden-carousel-head h2{font-size:18px!important;text-transform:none!important;letter-spacing:-.4px!important;line-height:1.2!important;margin:0!important}
#catalogue .hidden-carousel-head p{font-size:10px!important;line-height:1.4;margin:5px 0 0!important;color:#65695f}
#catalogue .hidden-controls{gap:5px!important;flex-shrink:0}
#catalogue .hidden-controls button{border:1px solid #d6d8cf!important;border-radius:50%!important;background:#fff!important;color:var(--ink)!important;width:28px!important;height:28px!important;font-size:14px!important;box-shadow:none!important}
#catalogue .hidden-controls button:hover{background:var(--lime)!important}
#catalogue .paired-carousels .hidden-group{gap:8px!important;padding-right:8px!important}
#catalogue .paired-carousels .hidden-tile{width:calc((100cqw - 16px)/3)!important;flex-basis:calc((100cqw - 16px)/3)!important;border:0!important;border-radius:3px;background:#fafaf7!important;overflow:hidden;box-shadow:none!important}
#catalogue .paired-carousels .hidden-tile img{width:100%!important;height:140px!important;max-height:none!important;object-fit:contain!important;background:#f5f5f0!important}
#catalogue .paired-carousels .hidden-tile h3{font-size:11px!important;font-weight:500!important;text-transform:none!important;line-height:1.35!important;height:32px!important;min-height:32px!important;margin:8px!important}
#catalogue .hidden-tile .popular-rank{border:0!important;background:var(--lime)!important;box-shadow:none!important;font-size:11px!important;min-width:27px;min-height:27px;display:grid;place-items:center;padding:3px!important;border-radius:50%!important;top:7px!important;left:7px!important}
#catalogue #results.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
#catalogue #results>.card{padding:0 0 12px!important;background:#fff!important;border:1px solid #dedfd7!important;border-radius:5px;box-shadow:none!important;outline:none!important;overflow:hidden;gap:0!important}
#catalogue #results>.card>img,#catalogue #results>.card>a:first-of-type:has(>img){display:block!important;width:100%!important;aspect-ratio:1/1!important;height:auto!important;margin:0!important;padding:0!important;background:#f5f5f0!important}
#catalogue #results>.card>img,#catalogue #results>.card>a>img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:contain!important;background:#f5f5f0!important;margin:0!important;clip-path:none!important}
#catalogue #results>.card .number{display:none!important}
#catalogue #results>.card h3{margin:13px 13px 4px!important;min-height:0!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:-.2px!important;text-transform:none!important;overflow:visible!important;height:auto!important}
#catalogue #results>.card .brand-label{margin:0 13px 6px!important;min-height:0!important;line-height:1.3}
#catalogue #results>.card .brand-label a{font-size:11px!important;font-weight:400!important;color:#666b60!important;text-decoration:none!important;min-height:0!important;padding:2px 0!important}
#catalogue #results>.card .card-primary{margin:8px 13px 0!important;border-top:1px solid #e0e2d8!important;padding:10px 0 2px!important;font-size:13px!important;font-weight:600!important;min-height:0!important;line-height:1.4!important;text-decoration:underline;text-underline-offset:3px}
#catalogue #results>.card .card-code,#catalogue #results>.card .card-code-status:empty{display:none!important}
#catalogue #results>.card .report-link{font-size:9px!important;color:#777c71!important;margin:7px 13px 0!important;padding:2px 0!important;min-height:0!important;line-height:1.4;text-decoration:none}
#catalogue .today-badge,#catalogue .top-seller-sticker{transform:none!important;animation:none!important;border:0!important;box-shadow:none!important;border-radius:4px!important;font-family:inherit!important;letter-spacing:0!important;font-weight:600!important;text-transform:none!important;display:block!important;width:auto!important;min-width:0!important;max-width:calc(100% - 16px)!important;min-height:0!important;height:auto!important;line-height:1.2!important;padding:6px 8px!important;font-size:10px!important;top:9px!important}
#catalogue .today-badge{right:9px!important;left:auto!important;background:var(--lime)!important;color:#171b13!important}
#catalogue .top-seller-sticker{left:9px!important;right:auto!important;background:#f9e3ed!important;color:#171b13!important}
#catalogue .today-badge:before,#catalogue .today-badge:after,#catalogue .top-seller-sticker:before,#catalogue .top-seller-sticker:after,#catalogue .top-seller-star{display:none!important}
#catalogue .top-seller-sticker span{font-size:inherit!important;transform:none!important;letter-spacing:0!important;padding:0!important}
#catalogue #results>.card.has-top-seller>.today-badge{top:39px!important}
#catalogue #results>.card:has(>.hdv-badge)>.today-badge{top:62px!important}
#catalogue .hidden-tile .today-badge,#catalogue .hidden-tile .top-seller-sticker{font-size:8px!important;padding:4px 5px!important;top:6px!important;left:6px!important;right:auto!important}
#catalogue .hidden-tile.has-top-seller .today-badge{top:27px!important}
#catalogue .hdv-badge{top:8px!important;right:8px!important}
.refine-heading501{font-size:24px;font-weight:650;letter-spacing:-.6px;margin:0 0 16px;line-height:1.2}
@media(max-width:1000px) and (min-width:641px){#catalogue #results.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:640px){
body:has(#catalogue) header{padding-top:14px!important;padding-bottom:14px!important;gap:12px!important}
body:has(#catalogue) header .header-title{font-size:16px!important}body:has(#catalogue) header .logo{font-size:25px!important;letter-spacing:-1px}
.refine-offer501{padding:10px 12px;margin-bottom:14px;gap:9px;font-size:11px;flex-wrap:wrap}.refine-offer501 a,.refine-offer501 button{font-size:10px}.refine-offer501 button{padding-left:9px}
#catalogue .audiences{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none;padding-bottom:3px!important;gap:5px!important;margin-bottom:12px!important}
#catalogue .audiences a{flex:0 0 auto!important;min-width:74px!important;padding:10px 13px!important;font-size:11px!important}
#catalogue .quick-collections{gap:10px;margin-bottom:12px!important}#catalogue .quick-collections h3{font-size:10px!important}#catalogue .collection-links{gap:15px!important}#catalogue .collection-links a{font-size:10px!important}
#catalogue #query{font-size:13px!important;padding:9px 8px!important}#catalogue .search-row>.button{padding:9px 12px!important;font-size:11px!important}
#catalogue .paired-carousels{gap:8px!important;margin:14px 0 22px!important}
#catalogue .paired-carousels>.hidden-carousel{padding:8px!important}
#catalogue .paired-carousels .hidden-carousel-head{flex-direction:column!important;gap:7px!important;margin-bottom:9px!important;height:auto!important;min-height:0!important}
#catalogue .hidden-carousel-head h2{font-size:12px!important;letter-spacing:-.15px!important;line-height:1.25!important;min-height:30px}
#catalogue .hidden-carousel-head p{display:none!important}#catalogue .hidden-controls button{width:24px!important;height:24px!important;font-size:12px!important}
#catalogue .paired-carousels .hidden-tile{width:110px!important;flex-basis:110px!important}
#catalogue .paired-carousels .hidden-tile img{height:105px!important}
#catalogue .paired-carousels .hidden-tile h3{font-size:10px!important;margin:6px!important;height:29px!important;min-height:29px!important}
#catalogue #results.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#catalogue #results>.card h3{font-size:12px!important;margin:10px 9px 4px!important}
#catalogue #results>.card .brand-label{margin:0 9px 4px!important}#catalogue #results>.card .brand-label a{font-size:10px!important}
#catalogue #results>.card .card-primary{font-size:11px!important;margin:7px 9px 0!important;padding-top:8px!important}
#catalogue #results>.card .report-link{margin:7px 9px 0!important;font-size:8px!important}
#catalogue .today-badge,#catalogue .top-seller-sticker{font-size:8px!important;padding:5px 6px!important;top:7px!important;left:7px!important;right:auto!important}
#catalogue #results>.card.has-top-seller>.today-badge{top:30px!important}
.refine-heading501{font-size:21px;margin-bottom:13px}
}

body:has(#catalogue) .channel-ticker{display:none!important}
/* Final alignment with the editorial layout. */
body:has(#catalogue) .refine-offer501{margin-left:48px;margin-right:48px}
#catalogue{border-top:0!important}
#catalogue .paired-carousels .hidden-carousel-head{display:flex!important}
#catalogue .hidden-tile .top-seller-sticker>span{border:0!important;box-shadow:none!important;background:transparent!important;font-size:8px!important;line-height:1.2!important;text-transform:none!important;font-weight:600!important}
#catalogue .hidden-tile .top-seller-sticker{background:#f9e3ed!important}
@media(max-width:640px){
 body:has(#catalogue) .refine-offer501{margin-left:20px;margin-right:20px;gap:8px;flex-wrap:nowrap;padding:10px}
 body:has(#catalogue) .refine-offer501 strong{font-size:10px;white-space:nowrap}
 body:has(#catalogue) .refine-offer501 a{font-size:9px}
 body:has(#catalogue) .refine-offer501 button{font-size:9px;white-space:nowrap;padding-left:8px}
 body:has(#catalogue) header nav>a{display:none!important}
 #catalogue .paired-carousels .hidden-carousel-head>div:first-child{width:100%!important}
 #catalogue .paired-carousels .hidden-carousel-head h2{min-height:30px!important;width:100%!important}
}
.refine-offer501 #refine-status501{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#catalogue .paired-carousels .hidden-carousel-head>div:first-child{flex:0 1 auto!important}
@media(max-width:640px){
 body:has(#catalogue) header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-left:20px!important;padding-right:20px!important}
 body:has(#catalogue) header .brand-lockup{display:flex!important;align-items:center!important;gap:9px!important;min-width:0}
 body:has(#catalogue) header .header-title{margin:0!important;min-width:0!important;white-space:nowrap}
 body:has(#catalogue) header nav{display:flex!important;align-items:center!important;gap:0!important;flex-shrink:0}
 body:has(#catalogue) header .language-picker{position:relative!important;margin:0!important}
 body:has(#catalogue) header .language-picker-trigger{font-size:11px!important;padding:8px!important}
 #catalogue .paired-carousels .hidden-carousel-head{flex-wrap:nowrap!important;max-height:none!important;height:auto!important}
 #catalogue .paired-carousels .hidden-carousel-head>div:first-child{flex:0 0 auto!important;min-height:0!important;height:auto!important}
}
@media(max-width:640px){body:has(#catalogue) header{flex-direction:row!important}body:has(#catalogue) header nav{width:auto!important;min-width:0!important}body:has(#catalogue) header .brand-lockup{margin:0!important}}

/* One main category row and two justified brand rows. */
#catalogue .audiences{display:grid!important;grid-template-columns:1.1fr 1.15fr 1.25fr 1.2fr 1.6fr .7fr .7fr!important;overflow:visible!important;gap:5px!important}
#catalogue .audiences a{min-width:0!important;white-space:normal!important;text-align:center;display:flex;align-items:center;justify-content:center;padding:11px 3px!important}
#catalogue .quick-collections{display:block!important;overflow:visible!important;margin-bottom:14px!important}
#catalogue .quick-collections h3{margin-bottom:7px!important}
#catalogue .collection-links{display:grid!important;grid-template-columns:repeat(30,minmax(0,1fr))!important;overflow:visible!important;gap:3px 2px!important;width:100%}
#catalogue .collection-links a{display:flex!important;align-items:center;justify-content:center;min-width:0!important;white-space:normal!important;text-align:center;font-size:12px!important;line-height:1.2!important;padding:7px 1px!important;border-radius:3px}
#catalogue .collection-links a:hover{background:#ebede4!important}
#catalogue .collection-links a:nth-child(1){grid-column:span 3}
#catalogue .collection-links a:nth-child(2){grid-column:span 4}
#catalogue .collection-links a:nth-child(3){grid-column:span 6}
#catalogue .collection-links a:nth-child(4){grid-column:span 3}
#catalogue .collection-links a:nth-child(5){grid-column:span 4}
#catalogue .collection-links a:nth-child(6){grid-column:span 6}
#catalogue .collection-links a:nth-child(7){grid-column:span 4}
#catalogue .collection-links a:nth-child(8){grid-column:span 6}
#catalogue .collection-links a:nth-child(9){grid-column:span 4}
#catalogue .collection-links a:nth-child(10){grid-column:span 6}
#catalogue .collection-links a:nth-child(11){grid-column:span 4}
#catalogue .collection-links a:nth-child(12){grid-column:span 3}
#catalogue .collection-links a:nth-child(13){grid-column:span 3}
#catalogue .collection-links a:nth-child(14){grid-column:span 4}
@media(max-width:640px){
#catalogue .audiences{gap:3px!important;margin-bottom:11px!important}
#catalogue .audiences a{padding:10px 1px!important;font-size:clamp(8px,2.45vw,11px)!important;letter-spacing:-.2px!important;line-height:1.15!important;min-height:38px}
#catalogue .quick-collections h3{font-size:10px!important;margin-bottom:4px!important}
#catalogue .collection-links a{font-size:clamp(8px,2.35vw,10px)!important;padding:7px 0!important;letter-spacing:-.15px!important;min-height:30px}
}

/* Compact the offer-to-search navigation block. */
body:has(#catalogue) .refine-offer501{margin-bottom:6px!important;padding-top:9px;padding-bottom:9px}
body:has(#catalogue) main{padding-top:0!important}
#catalogue{padding-top:6px!important}
#catalogue .audiences{margin-top:0!important;margin-bottom:6px!important;padding-bottom:0!important}
#catalogue .audiences a{padding-top:8px!important;padding-bottom:8px!important;min-height:32px!important}
#catalogue .quick-collections{margin-top:0!important;margin-bottom:6px!important;padding-top:0!important;padding-bottom:0!important}
#catalogue .quick-collections h3{margin-top:0!important;margin-bottom:2px!important}
#catalogue .collection-links{padding-top:0!important;padding-bottom:0!important;row-gap:0!important}
#catalogue .collection-links a{padding-top:4px!important;padding-bottom:4px!important;min-height:24px!important}
#catalogue form.search{margin-top:0!important;margin-bottom:0!important}
@media(max-width:640px){body:has(#catalogue) .refine-offer501{margin-bottom:4px!important;padding-top:8px!important;padding-bottom:8px!important}#catalogue{padding-top:3px!important}#catalogue .audiences{margin-bottom:5px!important}#catalogue .audiences a{min-height:32px!important;padding-top:7px!important;padding-bottom:7px!important}#catalogue .collection-links a{padding-top:3px!important;padding-bottom:3px!important;min-height:23px!important}#catalogue .quick-collections{margin-bottom:5px!important}}

/* Compact carousel title/control spacing. */
#catalogue .paired-carousels>.hidden-carousel{padding-top:9px!important;padding-bottom:9px!important}
#catalogue .paired-carousels .hidden-carousel-head{gap:3px!important;margin-bottom:5px!important;padding:0!important;min-height:0!important}
#catalogue .paired-carousels .hidden-carousel-head>div:first-child{margin:0!important;padding:0!important}
#catalogue .paired-carousels .hidden-carousel-head h2{margin:0!important;padding:0!important;min-height:0!important}
#catalogue .paired-carousels .hidden-carousel-head p{margin-top:2px!important}
#catalogue .paired-carousels .hidden-controls{margin:0!important;padding:0!important}
@media(max-width:640px){#catalogue .paired-carousels>.hidden-carousel{padding:7px!important}#catalogue .paired-carousels .hidden-carousel-head{gap:2px!important;margin-bottom:4px!important}#catalogue .paired-carousels .hidden-carousel-head h2{font-size:11px!important;line-height:1.2!important;min-height:0!important;height:auto!important}#catalogue .hidden-controls button{width:22px!important;height:22px!important;font-size:11px!important}#catalogue .hidden-controls{gap:4px!important}}

/* Refined moving channel banner, then a separate slim checkout strip. */
body:has(#catalogue) .channel-ticker{display:block!important;background:#fff!important;border:1px solid #d6d8cf!important;border-radius:4px!important;margin:0 48px 4px!important;padding:0!important;overflow:hidden;box-shadow:none!important}
body:has(#catalogue) .ticker-window{height:43px!important;padding:0!important;background:transparent}
body:has(#catalogue) .ticker-track{height:100%!important;align-items:center!important}
body:has(#catalogue) .ticker-group{height:100%!important;align-items:center!important;gap:0!important;padding:0!important}
body:has(#catalogue) .ticker-group .ticker-offer,body:has(#catalogue) .ticker-group .ticker-divider{display:none!important}
body:has(#catalogue) .ticker-group a.channel-cta{padding:6px 22px!important;margin:0!important;min-height:0!important;height:43px!important;border:0!important;border-right:1px solid #e1e3da!important;gap:9px!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important}
body:has(#catalogue) .ticker-group .channel-cta-copy strong{font-size:11px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important}
body:has(#catalogue) .ticker-group .channel-cta-copy small{font-size:9px!important;line-height:1.2!important;margin-top:2px!important;color:#666b60!important}
body:has(#catalogue) .ticker-group .channel-cta-logo{width:22px!important;height:22px!important;padding:3px!important;border-radius:4px;background:var(--lime)!important;flex-shrink:0}
body:has(#catalogue) .refine-offer501{padding:4px 12px!important;min-height:27px!important;margin-top:0!important;font-size:11px!important;border-radius:3px!important;gap:14px!important}
body:has(#catalogue) .refine-offer501 a,body:has(#catalogue) .refine-offer501 button{font-size:10px!important;padding-top:1px!important;padding-bottom:1px!important}
@media(max-width:640px){body:has(#catalogue) .channel-ticker{margin-left:20px!important;margin-right:20px!important}body:has(#catalogue) .ticker-window{height:37px!important}body:has(#catalogue) .ticker-group a.channel-cta{height:37px!important;padding:4px 13px!important;gap:7px!important}body:has(#catalogue) .ticker-group .channel-cta-copy strong{font-size:10px!important}body:has(#catalogue) .ticker-group .channel-cta-copy small{font-size:8px!important}body:has(#catalogue) .ticker-group .channel-cta-logo{width:20px!important;height:20px!important}body:has(#catalogue) .refine-offer501{min-height:25px!important;padding:3px 9px!important;gap:8px!important}body:has(#catalogue) .refine-offer501 a,body:has(#catalogue) .refine-offer501 button{font-size:9px!important}}

body:has(#catalogue) .channel-ticker,body:has(#catalogue) .ticker-window{min-height:0!important}

body:has(#catalogue) .channel-ticker{height:auto!important;max-height:none!important}

/* Full-width flowing yellow/white channel banner and slim code strip. */
@keyframes channel-yellow-white507{0%,40%,100%{background-color:var(--lime,#d5fc46)}50%,90%{background-color:#fff}}
body:has(#catalogue) .channel-ticker{width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--lime)!important}
body:has(#catalogue) .ticker-window{animation:channel-yellow-white507 5s ease-in-out infinite}
body:has(#catalogue) .ticker-group a.channel-cta{border-right-color:rgba(23,25,22,.14)!important}
body:has(#catalogue) .refine-offer501{width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-top:1px solid rgba(23,25,22,.1)!important;border-radius:0!important;padding-left:48px!important;padding-right:48px!important}
@media(max-width:640px){body:has(#catalogue) .channel-ticker{margin:0!important;width:100%!important}body:has(#catalogue) .refine-offer501{margin:0!important;padding-left:20px!important;padding-right:20px!important}}
@media(prefers-reduced-motion:reduce){body:has(#catalogue) .ticker-window{animation:none;background:var(--lime)}}

/* Keep expanded discount copy compact and readable. */
body:has(#catalogue) .refine-offer501 strong{white-space:normal!important;line-height:1.35!important;flex:1;min-width:0;font-size:11px!important}
body:has(#catalogue) .refine-offer501 a,body:has(#catalogue) .refine-offer501 button{white-space:nowrap!important;flex-shrink:0}
@media(max-width:640px){body:has(#catalogue) .refine-offer501{display:grid!important;grid-template-columns:1fr auto!important;gap:3px 10px!important;padding-top:5px!important;padding-bottom:5px!important}body:has(#catalogue) .refine-offer501 strong{grid-column:1/-1;font-size:10px!important}body:has(#catalogue) .refine-offer501 button{margin-left:0!important}}

/* Subtle outlines distinguish each brand collection. */
#catalogue .collection-links{row-gap:3px!important}
#catalogue .collection-links a{border:1px solid #d6d8cf!important;border-radius:3px!important;background:rgba(255,255,255,.4)!important}
#catalogue .collection-links a:hover,#catalogue .collection-links a[aria-pressed=true]{border-color:#9ca58b!important;background:#eef3e0!important}

/* Desktop catalogue: six products per row. */
@media(min-width:1001px){#catalogue #results.grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}

/* Align both header banners with the catalogue content edges. */
body:has(#catalogue) .channel-ticker,body:has(#catalogue) .refine-offer501{width:calc(100% - 96px)!important;max-width:1344px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
body:has(#catalogue) .refine-offer501{padding-left:12px!important;padding-right:12px!important}
@media(max-width:640px){body:has(#catalogue) .channel-ticker,body:has(#catalogue) .refine-offer501{width:calc(100% - 40px)!important;margin-left:auto!important;margin-right:auto!important}body:has(#catalogue) .refine-offer501{padding-left:9px!important;padding-right:9px!important}}

/* Clear discount hierarchy with a slow colour pulse. */
@keyframes offer-pulse512{0%,28%,100%{background:var(--lime,#d5fc46);color:#171916}38%,57%{background:#fff;color:#171916}67%,85%{background:#171916;color:#fff}}
body:has(#catalogue) .refine-offer501{animation:offer-pulse512 6s ease-in-out infinite;padding-top:7px!important;padding-bottom:7px!important}
body:has(#catalogue) .refine-offer501 .offer-copy512{flex:1;min-width:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
body:has(#catalogue) .refine-offer501 strong{flex:none;font-size:15px!important;line-height:1.25!important;letter-spacing:-.2px}
body:has(#catalogue) .refine-offer501 .offer-detail512{font-size:10px;line-height:1.35;font-weight:400}
body:has(#catalogue) .refine-offer501 a{color:inherit!important}
body:has(#catalogue) .refine-offer501 button{color:#171916!important;background:#fff!important;border:1px solid #171916!important;border-radius:4px!important;padding:7px 13px!important;min-height:34px;font-weight:700!important}
body:has(#catalogue) .refine-offer501:focus-within,body:has(#catalogue) .refine-offer501:hover{animation-play-state:paused}
@media(max-width:640px){body:has(#catalogue) .refine-offer501{gap:5px 10px!important;padding:9px 10px!important}body:has(#catalogue) .refine-offer501 .offer-copy512{grid-column:1/-1;display:block}body:has(#catalogue) .refine-offer501 strong{display:block;font-size:16px!important;line-height:1.3!important}body:has(#catalogue) .refine-offer501 .offer-detail512{display:block;margin-top:3px;font-size:10px;line-height:1.35}body:has(#catalogue) .refine-offer501 a{font-size:11px!important;min-height:36px;display:flex;align-items:center}body:has(#catalogue) .refine-offer501 button{font-size:11px!important;min-height:36px;padding:7px 12px!important}}
@media(prefers-reduced-motion:reduce){body:has(#catalogue) .refine-offer501{animation:none!important;background:var(--lime,#d5fc46);color:#171916}}

/* Sportswear offer strip: fixed contrast, sharp code flashes and diagonal light sweep. */
@keyframes code-flash513{0%,62%,80%,100%{background-color:var(--lime,#d5fc46)}66%,72%{background-color:#fff}69%,76%{background-color:var(--lime,#d5fc46)}}
@keyframes code-sweep513{0%,78%{transform:translateX(-190%) skewX(-22deg);opacity:0}80%{opacity:.8}94%,100%{transform:translateX(290%) skewX(-22deg);opacity:0}}
body:has(#catalogue) .refine-offer501{animation:none!important;background:#111!important;color:#fff!important;border-top:0!important;border-bottom:3px solid var(--lime,#d5fc46)!important;padding:9px 12px!important;gap:10px!important;position:relative}
body:has(#catalogue) .refine-offer501 .offer-copy512{display:block!important}
body:has(#catalogue) .refine-offer501 strong{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px!important;font-weight:800!important;letter-spacing:-.2px;line-height:1.1!important}
body:has(#catalogue) .refine-offer501 .offer-code513{display:inline-block;position:relative;isolation:isolate;overflow:hidden;background:var(--lime,#d5fc46);color:#111;padding:4px 9px;font-style:italic;font-size:20px;font-weight:900;letter-spacing:-.7px;line-height:1;animation:code-flash513 4.8s steps(1,end) infinite}
body:has(#catalogue) .refine-offer501 .offer-code513:after{content:'';position:absolute;inset:-8px 0;width:45%;background:rgba(255,255,255,.85);pointer-events:none;animation:code-sweep513 4.8s ease-out infinite;mix-blend-mode:overlay}
body:has(#catalogue) .refine-offer501 .offer-detail512{display:block!important;color:#c6c6c6;font-size:10px!important;margin-top:5px;line-height:1.3}
body:has(#catalogue) .refine-offer501 a{font-size:10px!important;color:#fff!important;text-decoration:underline;text-underline-offset:3px}
body:has(#catalogue) .refine-offer501 button{background:var(--lime,#d5fc46)!important;color:#111!important;border:0!important;border-radius:0!important;font-size:11px!important;font-weight:800!important;min-height:34px;padding:7px 12px!important}
@media(max-width:640px){body:has(#catalogue) .refine-offer501{grid-template-columns:minmax(0,1fr) auto!important;gap:4px 8px!important;padding:8px 10px!important}body:has(#catalogue) .refine-offer501 .offer-copy512{grid-column:1/-1!important}body:has(#catalogue) .refine-offer501 strong{font-size:13px!important;gap:7px!important}body:has(#catalogue) .refine-offer501 .offer-code513{font-size:21px;padding:4px 9px}body:has(#catalogue) .refine-offer501 .offer-detail512{font-size:9px!important;line-height:1.25;margin-top:4px}body:has(#catalogue) .refine-offer501 a{min-height:28px!important;font-size:10px!important}body:has(#catalogue) .refine-offer501 button{min-height:30px!important;font-size:10px!important;padding:6px 12px!important}}
@media(prefers-reduced-motion:reduce){body:has(#catalogue) .refine-offer501 .offer-code513,body:has(#catalogue) .refine-offer501 .offer-code513:after{animation:none!important}}

/* Mobile offer: two compact rows, controls aligned alongside the text. */
@media(max-width:640px){
body:has(#catalogue) .refine-offer501{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:3px 8px!important;padding:5px 8px!important;border-bottom-width:2px!important}
body:has(#catalogue) .refine-offer501 .offer-copy512{display:contents!important}
body:has(#catalogue) .refine-offer501 strong{grid-column:1!important;grid-row:1!important;font-size:11px!important;gap:5px!important;line-height:1.1!important}
body:has(#catalogue) .refine-offer501 .offer-code513{font-size:17px!important;padding:3px 6px!important;white-space:nowrap}
body:has(#catalogue) .refine-offer501 .offer-detail512{grid-column:1!important;grid-row:2!important;font-size:9px!important;line-height:1.2!important;margin:0!important}
body:has(#catalogue) .refine-offer501 button{grid-column:2!important;grid-row:1!important;font-size:9px!important;min-height:27px!important;padding:5px 8px!important;margin:0!important}
body:has(#catalogue) .refine-offer501>a{grid-column:2!important;grid-row:2!important;min-height:22px!important;font-size:8px!important;justify-content:flex-end!important;padding:0!important}
}

/* Three catalogue columns on wider phones; small phones retain two. */
@media(min-width:480px) and (max-width:1000px){#catalogue #results.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* Match the two stacked banner strips. */
body:has(#catalogue) .channel-ticker,body:has(#catalogue) .refine-offer501{height:64px!important;min-height:64px!important;max-height:64px!important}
body:has(#catalogue) .ticker-window,body:has(#catalogue) .ticker-group a.channel-cta{height:64px!important}
body:has(#catalogue) .refine-offer501{padding-top:5px!important;padding-bottom:5px!important}
@media(max-width:640px){body:has(#catalogue) .ticker-group a.channel-cta{align-items:center!important}}

/* Twin diagonal racing stripes and a two-flash burst every three seconds. */
@keyframes offer-burst518{0%,3%,7%,13%,100%{filter:none}4%,6%,10%,12%{filter:invert(1) grayscale(1)}}
@keyframes offer-stripes518{0%{left:110%;opacity:0}5%{opacity:.38}48%{left:-35%;opacity:.38}50%,100%{left:-35%;opacity:0}}
body:has(#catalogue) .refine-offer501{overflow:hidden;isolation:isolate;animation:offer-burst518 3s steps(1,end) infinite!important}
body:has(#catalogue) .refine-offer501:before{content:'';position:absolute;top:-70%;height:240%;width:76px;left:110%;transform:skewX(-25deg);background:linear-gradient(to right,#fff 0 26px,transparent 26px 44px,#fff 44px 70px,transparent 70px);pointer-events:none;z-index:-1;animation:offer-stripes518 3s linear infinite}
body:has(#catalogue) .refine-offer501 .offer-code513,body:has(#catalogue) .refine-offer501 .offer-code513:after{animation:none!important}
body:has(#catalogue) .refine-offer501:focus-within,body:has(#catalogue) .refine-offer501:hover{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){body:has(#catalogue) .refine-offer501,body:has(#catalogue) .refine-offer501:before{animation:none!important;filter:none!important}body:has(#catalogue) .refine-offer501:before{display:none}}

/* Slightly thinner matching banner pair. */
body:has(#catalogue) .channel-ticker,body:has(#catalogue) .refine-offer501{height:56px!important;min-height:56px!important;max-height:56px!important}
body:has(#catalogue) .ticker-window,body:has(#catalogue) .ticker-group a.channel-cta{height:56px!important}
body:has(#catalogue) .refine-offer501{padding-top:3px!important;padding-bottom:3px!important}
body:has(#catalogue) .refine-offer501 .offer-detail512{margin-top:3px}
@media(max-width:640px){body:has(#catalogue) .refine-offer501{row-gap:2px!important}body:has(#catalogue) .refine-offer501 button{min-height:24px!important;padding-top:3px!important;padding-bottom:3px!important}body:has(#catalogue) .refine-offer501>a{min-height:18px!important}body:has(#catalogue) .refine-offer501 .offer-detail512{margin-top:0!important}}

/* Tighter matched banners, solid code chip and five-second flash interval. */
body:has(#catalogue) .channel-ticker,body:has(#catalogue) .refine-offer501{height:52px!important;min-height:52px!important;max-height:52px!important}
body:has(#catalogue) .ticker-window,body:has(#catalogue) .ticker-group a.channel-cta{height:52px!important}
body:has(#catalogue) .ticker-group a.channel-cta{padding-top:2px!important;padding-bottom:2px!important;gap:7px!important}
body:has(#catalogue) .ticker-group .channel-cta-copy strong{font-size:12px!important;line-height:1.12!important}
body:has(#catalogue) .ticker-group .channel-cta-copy small{font-size:10px!important;line-height:1.1!important}
body:has(#catalogue) .refine-offer501{animation-duration:5s!important;padding:2px 8px!important;gap:7px!important}
body:has(#catalogue) .refine-offer501:before{animation-duration:5s!important}
body:has(#catalogue) .refine-offer501 strong{font-size:15px!important;gap:6px!important}
body:has(#catalogue) .refine-offer501 .offer-code513{font-size:17px!important;padding:3px 6px!important;background:var(--lime,#d5fc46)!important;background-image:none!important}
body:has(#catalogue) .refine-offer501 .offer-code513:after{display:none!important;content:none!important}
body:has(#catalogue) .refine-offer501 button{font-size:10px!important;min-height:28px!important;padding:4px 8px!important}
body:has(#catalogue) .refine-offer501 .offer-detail512{font-size:11px!important;margin-top:2px!important}
@media(max-width:640px){
body:has(#catalogue) .ticker-group .channel-cta-copy strong{font-size:11px!important}
body:has(#catalogue) .ticker-group .channel-cta-copy small{font-size:9px!important}
body:has(#catalogue) .refine-offer501{row-gap:1px!important;column-gap:5px!important;padding:2px 6px!important}
body:has(#catalogue) .refine-offer501 strong{font-size:12px!important;gap:4px!important;letter-spacing:-.25px!important}
body:has(#catalogue) .refine-offer501 .offer-code513{font-size:15px!important;padding:2px 5px!important}
body:has(#catalogue) .refine-offer501 button{font-size:8px!important;min-height:22px!important;padding:3px 6px!important}
body:has(#catalogue) .refine-offer501 .offer-detail512{font-size:9.5px!important;line-height:1.15!important;margin:0!important}
body:has(#catalogue) .refine-offer501>a{font-size:8.5px!important;min-height:17px!important}
}

/* Availability controls the split at every screen width, including mobile. */
#catalogue .paired-carousels[data-hidden-links="empty"]{grid-template-columns:minmax(0,1fr)!important}
#catalogue .paired-carousels[data-hidden-links="empty"]>.hidden-carousel:not(.popular-carousel){display:none!important}
#catalogue .paired-carousels[data-hidden-links="empty"]>.popular-carousel{grid-column:1/-1!important}
#catalogue .paired-carousels[data-hidden-links="available"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
#catalogue .paired-carousels[data-hidden-links="available"]>.popular-carousel{grid-column:auto!important}

/* Branded yellow for the hidden-links carousel only. */
#catalogue .paired-carousels>.hidden-carousel:not(.popular-carousel){background:var(--lime,#d5fc46)!important}
