/* Branding stays outside product images, logos and colour samples. */
body.sc-brand-accent #superior-concept main#sc-main[id] :is(.sc-brand-hero,.sc-auto-brand-hero) { border-bottom: 7px solid var(--sc-brand-accent); }
body.sc-brand-accent #superior-concept .sc-brand-hero-content > .sc-eyebrow::before { content: ''; display: inline-block; width: 26px; height: 5px; margin: 0 10px 3px 0; background: var(--sc-brand-accent); }
body.sc-brand-accent #superior-concept main#sc-main[id] :is(.sc-brand-hero-actions .sc-cta:first-child,.sc-catalogue-help > .sc-cta,.sc-auto-brand-hero .sc-cta,.sc-auto-brand-help .sc-cta) { background: var(--sc-brand-accent)!important; border-color: var(--sc-brand-accent)!important; color: var(--sc-brand-accent-ink)!important; }
body.sc-brand-accent #superior-concept main#sc-main[id] :is(.sc-brand-hero-actions .sc-cta:first-child,.sc-catalogue-help > .sc-cta,.sc-auto-brand-hero .sc-cta,.sc-auto-brand-help .sc-cta):hover { box-shadow: 0 5px 16px #00000018; }
body.sc-brand-accent #superior-concept main#sc-main[id] .sc-brand-hero-actions .sc-cta:focus-visible { outline: 2px solid #191c1b; outline-offset: 4px; }
body.sc-brand-accent #superior-concept .sc-brand-introduction .sc-eyebrow::before { background: var(--sc-brand-accent)!important; }
body.sc-brand-accent #superior-concept #sc-main .sc-palette-guide-card { border-top: 4px solid var(--sc-brand-accent); }
/* Give the palette introduction, guide heading and cards distinct breathing room. */
body.sc-brand-accent #superior-concept #sc-main.sc-colours .sc-palette-guides { margin-top: 48px; padding-top: 32px; border-top: 3px solid var(--sc-brand-accent); }
body.sc-brand-accent #superior-concept #sc-main.sc-colours .sc-palette-guides > .sc-eyebrow { display:block; margin:0 0 14px; }
body.sc-brand-accent #superior-concept #sc-main.sc-colours .sc-palette-guides > h2 { margin:0 0 30px; font-size:clamp(30px,3.4vw,44px); font-weight:500; letter-spacing:-1px; line-height:1.15; }
body.sc-brand-accent #superior-concept #sc-main.sc-colours .sc-palette-guides > .sc-palette-guide-grid { margin-top:0; }
body.sc-brand-accent #superior-concept #sc-main.sc-colours .sc-palette-browser-intro { column-gap:clamp(28px,5vw,64px); row-gap:22px; }
@media(max-width:700px) {
 body.sc-brand-accent #superior-concept #sc-main.sc-colours .sc-palette-guides { margin-top:36px; padding-top:26px; }
 body.sc-brand-accent #superior-concept #sc-main.sc-colours .sc-palette-guides > h2 { margin-bottom:24px; }
}

/* Pin both button states to the verified brand palette; global hover rules must not replace their ink. */
body.sc-brand-accent #superior-concept main#sc-main[id] :is(.sc-brand-hero-actions .sc-cta:first-child,.sc-catalogue-help > .sc-cta,.sc-auto-brand-hero .sc-cta,.sc-auto-brand-help .sc-cta):is(:link,:visited,:hover,:focus-visible,:active) {
 background:var(--sc-brand-button-bg)!important;border-color:var(--sc-brand-button-bg)!important;color:var(--sc-brand-button-ink)!important;
}
body.sc-brand-accent #superior-concept main#sc-main[id] :is(.sc-brand-hero-actions .sc-cta:first-child,.sc-catalogue-help > .sc-cta,.sc-auto-brand-hero .sc-cta,.sc-auto-brand-help .sc-cta):is(:hover,:focus-visible,:active) {
 background:var(--sc-brand-button-hover)!important;border-color:var(--sc-brand-button-hover)!important;color:var(--sc-brand-button-ink)!important;
}
body.sc-brand-accent #superior-concept main#sc-main[id] .sc-brand-editorial-hero .sc-brand-hero-actions .sc-cta~.sc-cta:is(:link,:visited,:hover,:focus-visible,:active) {
 background:var(--hero-paper,#fff)!important;border-color:var(--hero-ink,#202925)!important;color:var(--hero-ink,#202925)!important;
}
body.sc-brand-accent #superior-concept main#sc-main[id] .sc-brand-editorial-hero .sc-brand-hero-actions .sc-cta~.sc-cta:is(:hover,:focus-visible,:active) {
 background:var(--hero-ink,#202925)!important;color:var(--hero-paper,#fff)!important;
}