/* Black Friday su essepiuelle.it (6/11/2026 18:00 - 30/11 23:59). WhatsApp di Luca del 5/11/2026: «Immagine black più
   forte», «I colori usati da chi compra cosmesi ... celeste fuxia» (gli esempi mandati: Tigotà, PiùMe), solo fino al
   30/11 («poi si parte con rosso oro per Natale dal 1/12»). Si carica solo con la promo accesa (App\Services\Promo).
   Contrasti col testo bianco: fucsia #C42E62 5,3:1, celeste scuro #00788A 5,0:1; il celeste chiaro #23C2D3 solo come
   accento su nero (10:1) o con testo nero. */
:root{--bf-nero:#0E0E10;--bf-nero-2:#1B1B1F;--bf-fucsia:#C42E62;--bf-fucsia-l:#F0568C;--bf-celeste:#00788A;--bf-celeste-l:#23C2D3}

/* fascia in alto */
.fascia-bf{background:linear-gradient(90deg,var(--bf-nero) 0%,#2A0F1D 45%,#06272D 100%);color:#fff;border-bottom:3px solid var(--bf-fucsia)}
.fascia-bf .fascia-scorre{color:#fff;letter-spacing:.04em}
.fascia-bf b{color:var(--bf-celeste-l);letter-spacing:.14em}

/* testata e menu: nero */
.promo-bf .testata{background:var(--bf-nero);color:#fff;border-bottom:1px solid #2b2b30}
.promo-bf .testata .logo img{filter:brightness(0) invert(1)}
.promo-bf .testata .icona-btn,.promo-bf .testata .testata-lingua{color:#fff}
.promo-bf .testata .cerca{background:#1f1f24;border-color:#34343b;color:#fff}
.promo-bf .testata .cerca input{color:#fff;background:transparent}
.promo-bf .testata .cerca input::placeholder{color:#c9c9d1}
.promo-bf .testata .bollino{background:var(--bf-fucsia);color:#fff}
.promo-bf .navigazione{background:var(--bf-nero-2)}
.promo-bf .navigazione .menu>li>a,.promo-bf .navigazione .menu>li>details>summary,.promo-bf .navigazione .voce-menu>summary{color:#fff}
.promo-bf .navigazione .menu>li>a:hover,.promo-bf .navigazione .voce-menu>summary:hover{color:var(--bf-celeste-l)}
.promo-bf .navigazione .mega,.promo-bf .navigazione .mega *{color:var(--ink)}

/* apertura della home */
.campagna-bf{background:var(--bf-nero)}
.campagna-bf .campagna-foto{opacity:.42;filter:grayscale(.35) contrast(1.05)}
.campagna-bf::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 80% at 8% 100%,rgba(196,46,98,.55),transparent 70%),radial-gradient(55% 70% at 95% 0%,rgba(0,120,138,.55),transparent 70%),linear-gradient(90deg,rgba(14,14,16,.92) 0%,rgba(14,14,16,.55) 55%,rgba(14,14,16,.2) 100%)}
.campagna-bf .campagna-griglia{position:relative;z-index:2}
.campagna-bf .occhiello{color:var(--bf-celeste-l);letter-spacing:.2em;font-weight:800}
.campagna-bf h1{color:#fff;text-transform:uppercase;letter-spacing:-.01em}
.campagna-bf h1 em{color:var(--bf-fucsia-l);font-style:italic}
.campagna-bf .bf-sconto{display:inline-flex;align-items:center;gap:14px;margin:0 0 18px;padding:10px 18px 10px 10px;border-radius:4px;background:#fff;color:var(--bf-nero)}
.campagna-bf .bf-sconto b{background:var(--bf-fucsia);color:#fff;font-size:34px;line-height:1;font-weight:800;padding:8px 14px;border-radius:3px}
.campagna-bf .bf-sconto span{font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.campagna-bf p{color:#ececf1}
.campagna-bf .btn-bianco{background:var(--bf-fucsia);color:#fff;border-color:var(--bf-fucsia)}
.campagna-bf .btn-bianco:hover{background:#A82352}
.campagna-bf .btn-bordo-bianco{border-color:var(--bf-celeste-l);color:#fff}

/* prezzi ed etichette: lo sconto in fucsia, ovunque */
.promo-bf .etichetta{background:var(--bf-fucsia)!important;color:#fff!important}
.promo-bf .card-prezzo b,.promo-bf .prezzo-scheda b,.promo-bf .scheda-info .prezzo b{color:var(--bf-fucsia)}
.promo-bf .btn-scuro{background:var(--bf-nero)}
.promo-bf .btn-scuro:hover{background:var(--bf-fucsia)}
.promo-bf .card-agg{background:var(--bf-nero);color:#fff}
.promo-bf .card-agg:hover{background:var(--bf-fucsia)}
.promo-bf .titolo-sez h2 em,.promo-bf .occhiello{color:var(--bf-celeste)}
.promo-bf .progresso-barra i{background:var(--bf-fucsia)}

/* omaggi in carrello e in cassa */
.bf-omaggi{margin:16px 0 0;padding:14px 16px;border-radius:4px;background:#FDF0F5;border:1px solid #F3C2D4;border-left:4px solid var(--bf-fucsia);font-size:14px;line-height:1.5;color:var(--ink)}
.bf-omaggi b{color:var(--bf-fucsia)}
.bf-omaggi .bf-prossimo{display:block;margin-top:6px;color:var(--bf-celeste)}
.riga-omaggio{display:flex;gap:12px;align-items:center;font-size:14px}
.riga-omaggio .bf-tag{background:var(--bf-fucsia);color:#fff;font-size:12px;font-weight:800;border-radius:2px;padding:2px 8px;letter-spacing:.06em}

/* piede */
.promo-bf .piede{background:var(--bf-nero);border-top:3px solid var(--bf-celeste)}

@media(max-width:540px){.campagna-bf .bf-sconto b{font-size:28px}.campagna-bf .bf-sconto span{font-size:13px}}