/* Black Friday dark theme, layered on the brand variables of `miele-bf`: charcoal surfaces,
   white hairlines, Miele red for actions. Product tiles stay light so the appliances read. */
.cmp-brand--miele-bf{--cmp-line:rgba(255,255,255,.14);--cmp-line-strong:rgba(255,255,255,.4);--cmp-tile:#f2f2f2;--cmp-cta-bg:#f59b00;--cmp-cta-hover:#ffb000;--cmp-cta-fg:#1e1e1e}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.cmp-brand--miele-bf .cmp-header{background:rgba(0,0,0,.55)}}
/* Hero is a #1e1e1e panel (miele.ro BF); the split image fades into it. */
.cmp-brand--miele-bf .cmp-hero{--cmp-bg:#1e1e1e;background:#1e1e1e}
.cmp-brand--miele-bf .cmp-hero__overlay{background:linear-gradient(0deg,rgba(10,10,10,1) 0%,rgba(10,10,10,.7) 45%,rgba(10,10,10,calc(.2 + var(--cmp-overlay,.3) * .6)) 100%)}
@media(min-width:900px){.cmp-brand--miele-bf .cmp-hero__overlay{background:linear-gradient(90deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.7) 40%,rgba(10,10,10,.2) 80%),linear-gradient(0deg,rgba(17,17,17,1) 0%,rgba(17,17,17,0) 30%)}}
.cmp-brand--miele-bf .cmp-btn--ghost:hover{background:#fff;color:#111;border-color:#fff}
.cmp-brand--miele-bf .cmp-card{background:var(--cmp-surface)}
.cmp-brand--miele-bf .cmp-card:hover{box-shadow:0 18px 40px -24px rgba(0,0,0,.9)}
.cmp-brand--miele-bf .cmp-card__soldout{background:rgba(17,17,17,.6)}
.cmp-brand--miele-bf .cmp-card__soldout span{background:#fff;color:#111}
/* Signup section on the page grey (#282725), the form a #1e1e1e panel with outlined fields,
   as on miele.ro's Black Friday newsletter block. */
.cmp-brand--miele-bf .cmp-state{--cmp-line:rgba(255,255,255,.14);background:var(--cmp-bg);color:var(--cmp-text)}
.cmp-brand--miele-bf .cmp-info__inner{background:var(--cmp-surface)}
/* Category carousel: a white band with dark text, as on the shop's home page. */
.cmp-brand--miele-bf .cmp-categories{--cmp-text:#1d1d1b;--cmp-muted:#6b6b6b;--cmp-line:rgba(0,0,0,.12);background:#fff;color:var(--cmp-text);padding-bottom:3rem}
.cmp-brand--miele-bf .cmp-sticky{background:rgba(30,30,30,.97)}

/* Signup form on dark */
.cmp-brand--miele-bf .raacmp-signup{--rs-bg:#1e1e1e;--rs-fg:#f5f5f5;--rs-muted:#b3b1ab;--rs-line:#4c4b47;border:1px solid rgba(255,255,255,.12)}
.cmp-brand--miele-bf .raacmp-form__alert{background:#3a1015;color:#ffd7dc;border-color:#7a1c28}
.cmp-brand--miele-bf .raacmp-btn--ghost:hover{background:rgba(255,255,255,.08)}

/* Signup form: #1e1e1e panel, outlined fields (#4c4b47), white text */
.cmp-brand--miele-bf .cmp-state .raacmp-signup{--rs-bg:#1e1e1e;--rs-fg:#fff;--rs-muted:#b3b1ab;--rs-line:#4c4b47;border:0;border-top:3px solid var(--cmp-primary);box-shadow:none}
.cmp-brand--miele-bf .raacmp-field input{background:#1e1e1e;color:#fff;border-color:#4c4b47}
.cmp-brand--miele-bf .raacmp-field input:hover{border-color:#8a8882}
.cmp-brand--miele-bf .raacmp-field input:focus{border-color:#fff;box-shadow:inset 0 -2px 0 var(--cmp-primary)}
.cmp-brand--miele-bf .raacmp-field input::placeholder{color:#8a8882}
.cmp-brand--miele-bf .raacmp-chip span{border-color:#4c4b47}
.cmp-brand--miele-bf .raacmp-chip input:checked+span{background:#fff;border-color:#fff;color:#1e1e1e}
.cmp-brand--miele-bf .raacmp-check input{accent-color:#fff}
.cmp-brand--miele-bf .cmp-state .raacmp-benefits__icon{color:#fff;border-color:#4c4b47}
.cmp-brand--miele-bf .raacmp-field__label b,.cmp-brand--miele-bf .raacmp-check b{color:#ff8a96}
.cmp-brand--miele-bf .cmp-contact__eyebrow,.cmp-brand--miele-bf .cmp-contact__tile svg,.cmp-brand--miele-bf .cmp-info__eyebrow,.cmp-brand--miele-bf .cmp-section__note{color:#ff8a96}