/* Black Friday 2026 | Stili isolati della campagna. */
.bf26 {
    --nero: #101a18;
    --verde: #14231f;
    --inchiostro: #172622;
    --avorio: #f8f5ed;
    --rame: #f2c68e;
    --bronzo: #81582d;
    --linea: #d6d8ce;
    --sans: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
    --serif: Georgia, "Times New Roman", serif;
    --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --pad: clamp(20px, 5vw, 78px);
    position: relative;
    isolation: isolate;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--inchiostro);
    background: var(--avorio);
    font: 400 16px/1.5 var(--sans);
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
}
.bf26, .bf26 *, .bf26 *::before, .bf26 *::after {
    box-sizing: border-box;
}
.bf26 [hidden] {
    display: none !important;
}
.bf26 h1, .bf26 h2, .bf26 h3, .bf26 p, .bf26 ol {
    margin: 0;
    padding: 0;
    color: inherit;
    text-transform: none;
}
.bf26 h1, .bf26 h2, .bf26 h3 {
    font-family: var(--sans);
    text-align: left;
}
.bf26 a, .bf26 a:visited {
    color: inherit;
    text-decoration: none;
}
.bf26 a:hover {
    text-decoration: none;
}
.bf26 button {
    appearance: none;
    font: inherit;
    text-transform: none;
    margin: 0;
    cursor: pointer;
}
.bf26 button:focus-visible, .bf26 a:focus-visible {
    outline: 3px solid #209eac;
    outline-offset: 3px;
}
.bf26 h2[tabindex="-1"]:focus {
    outline: none;
}
.bf26 img {
    display: block;
    border: 0;
    max-width: 100%;
}
.bf26 .bf-icon {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: middle;
}
.bf26 .bf-wrap {
    width: 100%;
    max-width: 1580px;
    padding-inline: var(--pad);
    margin: 0 auto;
}
.bf26 .bf-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
.bf26 .bf-hero {
    container-type: inline-size;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: var(--avorio);
    background: #0f1816;
}
.bf26 .bf-hero-foto, .bf26 .bf-hero-foto img, .bf26 .bf-hero::after {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.bf26 .bf-hero-foto {
    z-index: -2;
}
.bf26 .bf-hero-foto img {
    object-fit: cover;
    object-position: 70% 54%;
    max-width: none;
}
.bf26 .bf-hero::after {
    content: "";
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(6, 17, 16, .79) 0%, rgba(6, 16, 15, .47) 33%, transparent 65%), linear-gradient(0deg, rgba(6, 13, 12, .42), transparent 19%, transparent 82%, rgba(8, 16, 14, .25));
}
.bf26 .bf-hero-interno {
    position: relative;
    min-height: 560px;
    min-height: clamp(560px, 43vw, 670px);
    display: flex;
    flex-direction: column;
}
.bf26 .bf-testatina {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 69px;
    color: #f5f3e9;
    border-bottom: 1px solid rgba(245, 240, 221, .3);
}
.bf26 .bf-marca {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.065em;
}
.bf26 .bf-marca .bf-icon {
    width: 24px;
    height: 24px;
    color: var(--rame);
    stroke-width: 1.65;
}
.bf26 .bf-folio, .bf26 .bf-occhiello, .bf26 .bf-etichetta-indice, .bf26 .bf-eyeline, .bf26 .bf-tavola-indice, .bf26 .bf-tipo {
    font-family: var(--mono);
    font-weight: 500;
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.bf26 .bf-folio {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.bf26 .bf-folio i {
    width: 6px;
    height: 6px;
    background: var(--rame);
    transform: rotate(45deg);
}
.bf26 .bf-folio span {
    opacity: .55;
}
.bf26 .bf-hero-corpo {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px clamp(22px, 4vw, 66px);
}
.bf26 .bf-apertura {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex: 1 1 320px;
    min-width: 0;
    padding: 32px 0 47px;
}
.bf26 .bf-occhiello-hero {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--rame);
    font-size: 10.5px;
    letter-spacing: .19em;
}
.bf26 .bf-occhiello-hero > span {
    width: 29px;
    height: 1px;
    background: currentColor;
}
.bf26 .bf-hero h1 {
    margin: 15px 0 17px;
    color: #faf7ef;
    font-size: clamp(88px, 8.3vw, 145px);
    font-weight: 600;
    line-height: .83;
    letter-spacing: -.074em;
}
.bf26 .bf-black {
    display: block;
}
.bf26 .bf-friday {
    display: flex;
    align-items: flex-end;
    gap: .22em;
    padding-right: .04em;
}
.bf26 .bf-friday em {
    font: italic 400 1.08em/.9 var(--serif);
    color: var(--rame);
    letter-spacing: -.083em;
    padding-right: .065em;
}
.bf26 .bf-anno {
    font: 500 11px/1 var(--mono);
    letter-spacing: .14em;
    border: 1px solid rgba(247, 222, 182, .52);
    border-radius: 16px;
    padding: 6px 10px 5px;
    margin-bottom: .6em;
    color: #f2debc;
}
.bf26 .bf-lead {
    color: #f1eee4;
    font-size: clamp(15px, 1.32vw, 20px);
    line-height: 1.46;
    font-weight: 400;
}
.bf26 .bf-azioni {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px 25px;
    margin-top: 23px;
}
.bf26 .bf-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border-radius: 35px;
    min-height: 47px;
    padding: 12px 19px;
    font-weight: 700;
    font-size: 14px;
}
.bf26 a.bf-btn-oro, .bf26 a.bf-btn-oro:visited {
    color: #1c2821;
    background: #f0ca99;
}
.bf26 .bf-btn .bf-icon {
    width: 16px;
    height: 16px;
}
.bf26 .bf-link-hero {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-block: 7px;
    font-size: 13px;
    font-weight: 600;
    color: #f7f4e9;
    border-bottom: 1px solid #b9b8a7;
}
.bf26 .bf-link-hero .bf-icon {
    width: 16px;
}
.bf26 .bf-evento {
    position: relative;
    align-self: flex-end;
    flex: 0 1 342px;
    min-width: 0;
    margin: 42px 0 66px;
    padding: 20px 23px;
    border: 1px solid #8f91796e;
    border-radius: 4px;
    background: linear-gradient(115deg, rgba(16, 32, 26, .96), rgba(12, 26, 22, .92));
    color: #f8f4e9;
}
.bf26 .bf-evento::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 22px;
    width: 38px;
    height: 2px;
    background: #dfb780;
}
.bf26 .bf-evento-occhiello {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #efcc98;
    font: 550 10px/1.4 var(--mono);
    letter-spacing: .13em;
    text-transform: uppercase;
}
.bf26 .bf-evento-occhiello i {
    width: 5px;
    height: 5px;
    background: currentColor;
    transform: rotate(45deg);
}
.bf26 .bf-evento h2 {
    margin: 6px 0 8px;
    color: #f6e1bf;
    font: italic 400 clamp(30px, 2.1vw, 37px)/1.05 var(--serif);
    letter-spacing: -.045em;
}
.bf26 .bf-evento-testo {
    max-width: 46ch;
    color: #e3e7dd;
    font: 400 14px/1.5 var(--sans);
}
.bf26 .bf-evento-scadenza {
    margin-top: 15px;
    padding-top: 11px;
    border-top: 1px solid #7a8b774f;
}
.bf26 .bf-evento-scadenza > p {
    color: #e5d4b7;
    font: 550 10px/1.45 var(--mono);
    letter-spacing: .055em;
    text-transform: uppercase;
}
.bf26 .bf-cifre {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 8px;
}
.bf26 .bf-cifre > span {
    min-width: 0;
    display: grid;
    gap: 3px;
}
.bf26 .bf-cifre > span + span {
    border-left: 1px solid #7a8b774f;
    padding-left: clamp(5px, .85vw, 14px);
}
.bf26 .bf-cifre b {
    font: 500 clamp(21px, 1.65vw, 29px)/1 var(--mono);
    font-variant-numeric: tabular-nums;
    color: #f6f1e6;
    letter-spacing: -.05em;
}
.bf26 .bf-cifre small {
    font: 500 9px/1.4 var(--mono);
    color: #b8c9bc;
    letter-spacing: .045em;
    text-transform: uppercase;
}
.bf26 .bf-didascalia {
    position: absolute;
    right: var(--pad);
    bottom: 26px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: white;
    text-shadow: 0 1px 5px #171812;
    font-size: 12px;
}
.bf26 .bf-didascalia b {
    font: 500 9px var(--mono);
    letter-spacing: .12em;
    margin-right: 7px;
}
.bf26 .bf-mirino {
    width: 19px;
    height: 19px;
    background: linear-gradient(#f9f2dd, #f9f2dd) center/1px 100% no-repeat, linear-gradient(#f9f2dd, #f9f2dd) center/100% 1px no-repeat;
}
.bf26 .bf-indice {
    background: #14201c;
    color: #f5f2e9;
    border-bottom: 1px solid #3b4840;
}
.bf26 .bf-indice-riga {
    min-height: 57px;
    display: flex;
    align-items: center;
    gap: clamp(18px, 4vw, 74px);
}
.bf26 .bf-etichetta-indice {
    margin-right: auto;
    color: #a8b8ad;
}
.bf26 .bf-indice a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 0;
    font-size: 13px;
    line-height: 1.3;
}
.bf26 .bf-indice small {
    font: 10px/1 var(--mono);
    color: var(--rame);
}
.bf26 .bf-sezione {
    padding: clamp(44px, 5.6vw, 88px) 0;
    scroll-margin-top: 12px;
}
.bf26 .bf-collezioni {
    background: #101b18;
    color: #f4f1e8;
}
.bf26 .bf-eyeline {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #56665e;
}
.bf26 .bf-eyeline > span {
    color: var(--bronzo);
    display: inline-flex;
    align-items: center;
    gap: 9px;
}
.bf26 .bf-eyeline > span::after {
    content: "";
    width: 25px;
    height: 1px;
    background: currentColor;
    opacity: .72;
}
.bf26 .bf-collezioni .bf-eyeline {
    color: #b8c7bb;
}
.bf26 .bf-collezioni .bf-eyeline > span {
    color: #dcb682;
}
.bf26 .bf-sezione h2 {
    font-size: clamp(40px, 4.7vw, 76px);
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: -.061em;
}
.bf26 .bf-sezione h2 em {
    font-family: var(--serif);
    font-weight: 400;
    letter-spacing: -.068em;
}
.bf26 .bf-collezioni h2 em {
    color: #e9d5af;
}
.bf26 .bf-sezione-testa {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin: 12px 0 clamp(23px, 2.5vw, 40px);
}
.bf26 .bf-sezione-testa > p {
    max-width: 354px;
    font-size: 14px;
    line-height: 1.62;
    color: #4f5e56;
}
.bf26 .bf-collezioni .bf-sezione-testa > p {
    color: #c3cdbf;
}
.bf26 .bf-tavole {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(245px, 100%), 1fr));
    gap: 13px;
}
@media(min-width:1100px) {
    .bf26 .bf-tavole {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.bf26 a.bf-tavola, .bf26 a.bf-tavola:visited {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    isolation: isolate;
    overflow: hidden;
    padding: 17px 20px;
    color: #f6f1e3;
    background: radial-gradient(ellipse at 58% 68%, #243e35 0, transparent 67%), #172923;
    border: 1px solid #405247;
    border-radius: 5px;
}
.bf26 .bf-tavola::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .49;
    background: linear-gradient(#b4cba00d 1px, transparent 1px), linear-gradient(90deg, #b4cba00d 1px, transparent 1px);
    background-size: 25px 25px;
}
.bf26 .bf-tavola::after {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    height: 2px;
    width: 28px;
    background: #b8a381;
}
.bf26 .bf-tavola-indice {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    color: #d5c7a9;
    font-size: 9px;
}
.bf26 .bf-tavola-indice > span + span {
    color: #acbfb0;
}
.bf26 .bf-tavola-disegno {
    display: grid;
    place-items: center;
    height: clamp(104px, 10vw, 153px);
}
.bf26 .bf-tavola-disegno img {
    width: 98%;
    height: 100%;
    object-fit: contain;
}
.bf26 .bf-tavola-disegno i {
    font: italic 40px var(--serif);
    color: #d0b181;
}
.bf26 .bf-tavola-fondo {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  line-height: 1.1;
  font-size: clamp(18px,1.65vw,26px);
  letter-spacing: -.04em;
  font-weight: 500;
}
.bf26 .bf-tavola-fondo > span:first-child {
  text-shadow: 0 2px 8px rgba(8, 22, 17, .9);
}
.bf26 .bf-cerchio {
    width: 29px;
    height: 29px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid #778578;
    border-radius: 50%;
    color: #e3c496;
}
.bf26 .bf-cerchio .bf-icon {
    width: 15px;
    height: 15px;
}
/* Dalla vetrina alle FAQ: la palette rimane locale a queste tre sezioni. */
.bf26 .bf-selezione, .bf26 .bf-prevendite, .bf26 .bf-faq {
    --linea: #3c5146;
    --secondario: #bfcdc3;
    --oro: #ebc792;
    color: #f5f2e9;
}
.bf26 .bf-selezione {
    background: #0e1815;
    border-block: 1px solid #293c32;
}
.bf26 .bf-selezione h2 em, .bf26 .bf-faq h2 em {
    color: #e8d1a9;
}
.bf26 .bf-selezione .bf-sezione-testa > p {
    color: var(--secondario);
}
.bf26 .bf-selezione .bf-eyeline, .bf26 .bf-prevendite .bf-eyeline, .bf26 .bf-faq .bf-eyeline {
    color: #b8c8bd;
}
.bf26 .bf-selezione .bf-eyeline > span, .bf26 .bf-prevendite .bf-eyeline > span, .bf26 .bf-faq .bf-eyeline > span {
    color: var(--oro);
}
.bf26 .bf-controlli {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 13px 0;
    border-block: 1px solid var(--linea);
}
.bf26 .bf-filtri {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.bf26 .bf-sotto-filtro {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
    max-width: 100%;
    margin: 14px 0 0;
    color: var(--secondario);
    font: 500 13px/1.4 var(--sans);
}
.bf26 .bf-sotto-filtro select {
    min-width: 0;
    max-width: 100%;
    color-scheme: dark;
    background: #17271e;
    color: #f2eee3;
    border: 1px solid #607567;
    border-radius: 5px;
    padding: 8px 10px;
    min-height: 40px;
    font: inherit;
    cursor: pointer;
}
.bf26 .bf-sotto-filtro select:focus-visible {
    outline: 2px solid var(--oro);
    outline-offset: 3px;
}
.bf26 .bf-filtro, .bf26 .bf-miei {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid #52685a;
    border-radius: 30px;
    background: #15231c;
    color: #e3e9df;
    font-size: 13px;
    line-height: 1.2;
}
.bf26 .bf-filtro[aria-pressed="true"], .bf26 .bf-miei[aria-pressed="true"] {
    background: var(--oro);
    border-color: var(--oro);
    color: #1d281f;
}
.bf26 .bf-miei {
    gap: 8px;
    padding-inline: 13px;
    font-weight: 600;
}
.bf26 .bf-miei .bf-icon {
    width: 16px;
    height: 16px;
}
.bf26 .bf-miei b {
    font: 500 11px var(--mono);
}
.bf26 .bf-esito {
    padding: 15px 0 12px;
    color: #a9bbad;
    font: 11px/1.5 var(--mono);
    letter-spacing: .025em;
}
.bf26 .bf-prodotti {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr));
    gap: 17px;
}
.bf26 .bf-prodotto {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #17261f;
    border: 1px solid #354a3e;
    border-radius: 5px;
    overflow: hidden;
}
.bf26 .bf-prodotto-top {
    position: relative;
    padding: 10px 10px 0;
}
.bf26 .bf-prodotto-visual {
    position: relative;
    isolation: isolate;
    display: block;
    overflow: hidden;
    border-radius: 2px;
    aspect-ratio: 1.85;
    background: radial-gradient(ellipse at 49% 54%, #bdc1ba 0, #a6ada6 42%, #78857b 79%, #58675e 100%);
}
.bf26 .bf-prodotto-visual img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.bf26 .bf-prodotto-visual .bf-sagoma {
    padding: 18px 15px;
    background: radial-gradient(ellipse at center, #2e473b, #1b2e25);
}
.bf26 .bf-prodotto-visual .bf-packshot {
    padding: 12px 16px;
    mix-blend-mode: multiply;
}
.bf26 .bf-packshot:not([hidden]) + .bf-sagoma {
    visibility: hidden;
}
.bf26 .bf-prodotto-visual .bf-foto-ambiente {
    object-fit: cover;
    padding: 0;
    mix-blend-mode: normal;
}
.bf26 .bf-salva {
    position: absolute;
    top: 19px;
    right: 19px;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    color: #f4e9d5;
    border: 1px solid #849286;
    border-radius: 100%;
    background: #14251f;
}
.bf26 .bf-salva .bf-icon {
    width: 17px;
    height: 17px;
}
.bf26 .bf-salva[aria-pressed="true"] {
    color: #203027;
    background: var(--oro);
    border-color: var(--oro);
}
.bf26 .bf-salva[aria-pressed="true"] .bf-icon {
    fill: currentColor;
}
.bf26 .bf-prodotto-corpo {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 18px 18px 16px;
}
.bf26 .bf-tipo {
    color: #e1bf8e;
    font-size: 10px;
    letter-spacing: .105em;
    margin-bottom: 6px;
}
.bf26 .bf-prodotto h3 {
    font: 600 clamp(18px, 1.55vw, 24px)/1.16 var(--sans);
    letter-spacing: -.04em;
    margin: 0;
    overflow-wrap: anywhere;
}
.bf26 .bf-descrizione {
    color: var(--secondario);
    font-size: 14px;
    line-height: 1.5;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bf26 .bf-prodotto-piede {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 20px;
}
.bf26 .bf-prezzi {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 8px;
}
.bf26 .bf-prezzi del {
    font-size: 12px;
    color: #b9c2b9;
}
.bf26 .bf-prezzi strong {
    font: 650 20px/1.25 var(--sans);
    color: #fae2b9;
}
.bf26 .bf-prezzo-nota {
    font-size: 11px;
    color: #b8c6bb;
}
.bf26 .bf-selezione .bf-scheda, .bf26 .bf-selezione .bf-vuoto-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    color: #efd0a1;
    border-bottom: 1px solid #968565;
    padding: 5px 0;
    font-size: 13px;
    font-weight: 650;
}
.bf26 .bf-scheda .bf-icon, .bf26 .bf-vuoto-link .bf-icon {
    width: 15px;
    height: 15px;
}
.bf26 .bf-vuoto {
    padding: clamp(18px, 2.4vw, 34px);
    border: 1px solid var(--linea);
    border-left: 3px solid #caab7b;
    background: #182920;
}
.bf26 .bf-vuoto h3 {
    font-size: 21px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: -.03em;
}
.bf26 .bf-vuoto p, .bf26 .bf-catalogo p {
    color: var(--secondario);
    font-size: 14px;
}
.bf26 .bf-vuoto p {
    margin: 6px 0 10px;
}
.bf26 .bf-catalogo {
    display: flex;
    gap: 12px;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--linea);
}
.bf26 .bf-catalogo-voci {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 20px;
}
/* Pagine della selezione e rinvio alle prevendite. */
.bf26 .bf-esito, .bf26 .bf-prodotti {
    scroll-margin-top: 16px;
}
.bf26 .bf-esito:focus {
    outline: none;
}
.bf26 .bf-pagine {
    margin-top: 24px;
    padding: 18px 0 2px;
    border-top: 1px solid var(--linea);
    color: #e7e9df;
}
.bf26 .bf-pagine-stato {
    margin-bottom: 10px;
    font: 500 11px/1.4 var(--mono);
    letter-spacing: .05em;
    color: #c2d0c4;
}
.bf26 .bf-pagine-riga, .bf26 .bf-pagine-nav, .bf26 .bf-pagine-passi, .bf26 .bf-numeri, .bf26 .bf-numero, .bf26 .bf-vai-pagina {
    display: flex;
    align-items: center;
}
.bf26 .bf-pagine-riga {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px 25px;
}
.bf26 .bf-pagine-nav {
    flex-wrap: wrap;
    gap: 8px 13px;
    max-width: 100%;
}
.bf26 .bf-pagine-passi, .bf26 .bf-numeri {
    flex-wrap: wrap;
    gap: 4px;
}
.bf26 .bf-numero[hidden] + .bf-numero:not([hidden])::before {
    content: "…";
    margin-inline: 0 4px;
    color: #a6b9a9;
}
.bf26 .bf-pag-link, .bf26 .bf-pag-link:visited, .bf26 .bf-vai-pagina input, .bf26 .bf-vai-pagina button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 40px;
    border: 1px solid #52685a;
    border-radius: 4px;
    background: #17271f;
    color: #eaece1;
    font: 550 13px/1.2 var(--sans);
}
.bf26 .bf-pag-link {
    min-width: 38px;
    padding: 7px 10px;
}
.bf26 .bf-pag-link[aria-current="page"], .bf26 .bf-pag-link[aria-current="page"]:visited {
    color: #18261e;
    border-color: var(--oro);
    background: var(--oro);
}
.bf26 .bf-pag-link[aria-disabled="true"] {
    color: #809587;
    background: transparent;
    border-color: #35483d;
}
.bf26 .bf-vai-pagina {
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
}
.bf26 .bf-vai-pagina label {
    margin: 0;
    color: #c9d5c9;
    font: 500 13px/1.3 var(--sans);
}
.bf26 .bf-vai-pagina input {
    width: 60px;
    padding: 6px;
    text-align: center;
    color-scheme: dark;
}
.bf26 .bf-vai-pagina button {
    padding: 6px 11px;
    color: var(--oro);
}
.bf26 .bf-vai-pagina button .bf-icon {
    width: 15px;
    height: 15px;
}
.bf26 .bf-vai-pagina input:focus-visible {
    outline: 2px solid var(--oro);
    outline-offset: 2px;
}
.bf26 .bf-prevendite {
    padding-block: clamp(32px, 3.7vw, 58px);
    background: #15261f;
}
.bf26 .bf-prevendite-riga {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px 46px;
}
.bf26 .bf-prevendite-riga > div {
    flex: 1 1 430px;
}
.bf26 .bf-prevendite h2 {
    margin: 9px 0;
    font-size: clamp(30px, 3vw, 49px);
    line-height: 1.1;
}
.bf26 .bf-prevendite h2 em {
    color: #efce9d;
}
.bf26 .bf-prevendite-riga p {
    max-width: 66ch;
    color: #ccd7ce;
    font-size: 15px;
    line-height: 1.55;
}
.bf26 .bf-prevendite-riga > a {
    flex: none;
}
/* I dettagli nativi gestiscono apertura, tastiera e stato annunciato. */
.bf26 .bf-faq {
    background: #0d1714;
    border-top: 1px solid #33473b;
}
.bf26 .bf-faq-interno {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 28px clamp(30px, 6vw, 100px);
}
.bf26 .bf-faq-interno > header {
    flex: 1 1 240px;
}
.bf26 .bf-faq h2 {
    margin-top: 14px;
    font-size: clamp(40px, 4.3vw, 68px);
}
.bf26 .bf-faq h2 em {
    display: block;
}
.bf26 .bf-domande {
    flex: 2 1 440px;
    min-width: 0;
}
.bf26 .bf-domande details {
    display: block;
    margin: 0;
    border-top: 1px solid #415447;
}
.bf26 .bf-domande details:last-child {
    border-bottom: 1px solid #415447;
}
.bf26 .bf-domande summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 17px 4px 17px 0;
    min-height: 62px;
    list-style: none;
    cursor: pointer;
    font: 550 clamp(16px, 1.35vw, 20px)/1.4 var(--sans);
    color: #f2f3e8;
}
.bf26 .bf-domande summary::-webkit-details-marker {
    display: none;
}
.bf26 .bf-domande summary::after {
    content: "";
    display: block;
    flex: 0 0 27px;
    height: 27px;
    border: 1px solid #627465;
    border-radius: 50%;
    color: var(--oro);
    background: linear-gradient(currentColor, currentColor) center/10px 1.5px no-repeat, linear-gradient(currentColor, currentColor) center/1.5px 10px no-repeat;
}
.bf26 .bf-domande details[open] summary {
    color: #efcf9f;
}
.bf26 .bf-domande details[open] summary::after {
    border-color: #c5a97b;
    background-size: 10px 1.5px, 0 0;
}
.bf26 .bf-domande p {
    max-width: 74ch;
    padding: 0 36px 19px 0;
    font-size: 15px;
    line-height: 1.65;
    color: var(--secondario);
}
.bf26 .bf-domande p strong {
    font-weight: 650;
    color: #e6eadd;
}
.bf26 .bf-domande p a {
    color: #f0cc96;
    text-decoration: underline;
    text-underline-offset: .16em;
}
.bf26 .bf-domande summary:focus-visible {
    outline: 2px solid #efc892;
    outline-offset: 3px;
    border-radius: 2px;
}
.bf26 .bf-chiusura {
    background: #15211c;
    color: #efeada;
}
.bf26 .bf-chiusura > div {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 14px;
    padding-block: 12px;
}
.bf26 .bf-chiusura span {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    font: 9px var(--mono);
    letter-spacing: .11em;
    white-space: nowrap;
}
.bf26 .bf-chiusura span .bf-icon {
    width: 18px;
    color: var(--rame);
}
.bf26 .bf-chiusura b {
    color: #b7956e;
    font-weight: 400;
}
.bf26 .bf-chiusura a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    padding-block: 5px;
}
.bf26 .bf-chiusura a .bf-icon {
    width: 15px;
}
@media (min-width: 1100px) {
    .bf26 .bf-prodotti {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@container (min-width: 701px) and (max-width: 960px) {
    .bf26 .bf-hero-corpo {
        gap: 18px;
    }
    .bf26 .bf-hero h1 {
        font-size: clamp(82px, 10cqw, 103px);
    }
    .bf26 .bf-evento {
        flex-basis: 39%;
        max-width: 312px;
        padding: 17px;
    }
}
@container (max-width: 700px) {
    .bf26 .bf-hero-corpo {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-content: end;
        gap: 0;
    }
    .bf26 .bf-apertura {
        padding: 76px 0 22px;
    }
    .bf26 .bf-evento {
        width: min(100%, 470px);
        margin: 0 0 32px;
        justify-self: end;
    }
    .bf26 .bf-didascalia {
        display: none;
    }
}
@media (max-width: 850px) {
    .bf26 .bf-sezione-testa {
        align-items: flex-start;
    }
    .bf26 .bf-sezione-testa > p {
        max-width: 270px;
    }
}
@media (max-width: 640px) {
    .bf26 {
        --pad: 20px;
    }
    .bf26 .bf-hero-interno {
        min-height: 545px;
    }
    .bf26 .bf-testatina {
        min-height: 55px;
    }
    .bf26 .bf-marca {
        font-size: 17px;
    }
    .bf26 .bf-marca .bf-icon {
        width: 21px;
        height: 21px;
    }
    .bf26 .bf-folio {
        font-size: 8px;
        gap: 6px;
        letter-spacing: .08em;
    }
    .bf26 .bf-folio i {
        width: 5px;
        height: 5px;
    }
    .bf26 .bf-hero-foto img {
        object-position: 56% center;
    }
    .bf26 .bf-hero::after {
        background: linear-gradient(0deg, rgba(7, 18, 16, .96), rgba(7, 18, 16, .65) 38%, rgba(7, 18, 16, .07) 81%, rgba(7, 18, 16, .45));
    }
    .bf26 .bf-hero-corpo {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-content: end;
        gap: 0;
    }
    .bf26 .bf-hero-foto {
        height: 75%;
    }
    .bf26 .bf-hero::after {
        background: linear-gradient(0deg, #0f1916 15%, #0f1916 26%, rgba(9, 21, 18, .77) 49%, rgba(8, 18, 16, .04) 82%, rgba(8, 16, 14, .45));
    }
    .bf26 .bf-apertura {
        justify-content: flex-end;
        padding: 100px 0 22px;
    }
    .bf26 .bf-evento {
        width: 100%;
        margin: 0 0 22px;
        padding: 18px;
    }
    .bf26 .bf-evento-testo {
        font-size: 13px;
    }
    .bf26 .bf-cifre > span + span {
        padding-left: 8px;
    }
    .bf26 .bf-hero h1 {
        font-size: clamp(79px, 19vw, 108px);
        margin: 12px 0 14px;
    }
    .bf26 .bf-occhiello-hero {
        font-size: 9px;
        letter-spacing: .12em;
    }
    .bf26 .bf-anno {
        font-size: 9px;
    }
    .bf26 .bf-azioni {
        gap: 10px 17px;
        margin-top: 18px;
    }
    .bf26 .bf-link-hero {
        font-size: 12px;
    }
    .bf26 .bf-btn {
        min-height: 44px;
        font-size: 13px;
        gap: 8px;
        padding-inline: 15px;
    }
    .bf26 .bf-didascalia {
        display: none;
    }
    .bf26 .bf-etichetta-indice {
        display: none;
    }
    .bf26 .bf-indice-riga {
        min-height: 48px;
        gap: 8px;
        justify-content: space-between;
    }
    .bf26 .bf-indice a {
        font-size: 12px;
        gap: 5px;
    }
    .bf26 .bf-indice small {
        font-size: 8px;
    }
    .bf26 .bf-sezione-testa {
        display: block;
        margin-top: 10px;
    }
    .bf26 .bf-sezione-testa > p {
        max-width: none;
        margin-top: 10px;
    }
    .bf26 .bf-desktop {
        display: none;
    }
    .bf26 .bf-tavole {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .bf26 a.bf-tavola {
        padding: 11px;
    }
    .bf26 .bf-tavola-indice {
        font-size: 8px;
    }
    .bf26 .bf-tavola-indice > span + span {
        display: none;
    }
    .bf26 .bf-tavola-disegno {
        height: clamp(65px, 20vw, 100px);
    }
    .bf26 .bf-tavola-fondo {
        min-height: 35px;
        font-size: 15px;
    }
    .bf26 .bf-cerchio {
        width: 21px;
        height: 21px;
    }
    .bf26 .bf-cerchio .bf-icon {
        width: 12px;
        height: 12px;
    }
    .bf26 .bf-filtro, .bf26 .bf-miei {
        min-height: 38px;
        padding: 8px 11px;
        font-size: 12px;
    }
    .bf26 .bf-pagine-nav {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-between;
        gap: 8px 4px;
        width: 100%;
    }
    .bf26 .bf-numeri {
        grid-column: 1 / -1;
        grid-row: 1;
    }
    .bf26 .bf-pagine-passi {
        grid-row: 2;
    }
    .bf26 .bf-pag-link {
        min-width: 32px;
        min-height: 42px;
        padding-inline: 8px;
        font-size: 12px;
    }
    .bf26 .bf-faq-interno {
        gap: 21px;
    }
    .bf26 .bf-faq h2 em {
        display: inline;
    }
    .bf26 .bf-domande summary {
        padding: 16px 0;
    }
    .bf26 .bf-domande p {
        padding-right: 10px;
    }
    .bf26 .bf-chiusura span {
        font-size: 8px;
    }
}
@media (max-width: 360px) {
    .bf26 {
        --pad: 14px;
    }
    .bf26 .bf-indice a {
        font-size: 11px;
    }
    .bf26 .bf-folio {
        font-size: 7px;
    }
    .bf26 .bf-tavola-fondo {
        font-size: 14px;
    }
    .bf26 .bf-cerchio {
        width: 18px;
        height: 18px;
    }
}
@media (hover:hover) {
    .bf26 a.bf-tavola:hover {
        border-color: #bdac88;
    }
    .bf26 .bf-tavola:hover .bf-cerchio {
        color: #1b271f;
        background: var(--rame);
        border-color: var(--rame);
    }
    .bf26 a.bf-btn-oro:hover {
        background: #ffdbab;
    }
    .bf26 .bf-indice a:hover, .bf26 .bf-link-hero:hover {
        color: var(--rame);
    }
    .bf26 .bf-pag-link[href]:hover, .bf26 .bf-vai-pagina button:hover {
        border-color: var(--oro);
    }
    .bf26 .bf-filtro:hover, .bf26 .bf-miei:hover, .bf26 .bf-salva:hover {
        border-color: #e6c495;
    }
    .bf26 .bf-domande summary:hover {
        color: #f3d2a2;
    }
    .bf26 .bf-selezione .bf-scheda:hover, .bf26 .bf-selezione .bf-vuoto-link:hover {
        color: #ffe6bf;
        border-color: currentColor;
    }
}
@media (prefers-reduced-motion:no-preference) {
    .bf26 .bf-apertura {
        animation: bf26-entra .7s ease-out both;
    }
    .bf26 .bf-hero-foto img {
        animation: bf26-immagine 1.8s ease-out both;
    }
    .bf26 .bf-tavola-disegno img, .bf26 .bf-cerchio, .bf26 .bf-btn, .bf26 .bf-icon {
        transition: transform .24s ease, background-color .24s ease, color .24s ease;
    }
    .bf26 .bf-in-vista {
        animation: bf26-entra .48s ease-out both;
    }
    @media (hover:hover) {
        .bf26 .bf-tavola:hover .bf-tavola-disegno img {
            transform: translateY(-2px) scale(1.035);
        }
        .bf26 .bf-scheda:hover .bf-icon, .bf26 .bf-prevendite .bf-btn:hover .bf-icon {
            transform: translate(2px, -2px);
        }
    }
}
@keyframes bf26-entra {
    from {
        opacity: .25;
        transform: translateY(11px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes bf26-immagine {
    from {
        transform: scale(1.035);
    }
    to {
        transform: scale(1);
    }
}