/* ACQUISTO-FACILE-2026-10-19 - acquisto-facile.css 1.0.0 (000978). Tutto sotto html.scaf: senza il copione non cambia niente. */

/* 1. scheda «Optional insert»: prima la scatola, l'interno come seconda scelta */
.scaf #bl-studio .si-card .scaf-box{grid-column:1/-1;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:10px 14px;border:0;border-radius:10px;background:#1A555E;color:#fff;font:inherit;font-size:15px;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.scaf #bl-studio .si-card .scaf-box[hidden]{display:none}
.scaf #bl-studio .si-card .scaf-box:hover{background:#123f45}
.scaf #bl-studio .si-card .scaf-box:focus-visible{outline:3px solid #226e78;outline-offset:2px}
.scaf #bl-studio .si-card.scaf-card [data-si-open]{background:#fff!important;color:#1A555E!important;border:1.5px solid #1A555E!important;box-shadow:none!important;font-size:0!important;letter-spacing:0!important;text-transform:none!important}
.scaf #bl-studio .si-card.scaf-card [data-si-open]::after{content:attr(data-scaf-t);font-size:13px;font-weight:700;line-height:1.2;letter-spacing:0}
.scaf #bl-studio .si-card.scaf-card [data-si-open]:hover{background:#E9F3F4!important}

/* 1b. finestra dell'interno: «Aggiungi la scatola al carrello» e' il pulsante pieno; gommapiuma e cartone diventano contorno */
.scaf .si-backdrop[data-sins="1"] .sins-opt.is-primaria .sins-cta{background:#fff;color:var(--s-mar,#1A555E)}
@media (hover:hover){
  .scaf .si-backdrop[data-sins="1"] .sins-opt.is-primaria:not(.is-noentra):hover .sins-cta{background:var(--s-velo,#E9F3F4)}
  .scaf .si-backdrop[data-sins="1"] .sins-solo.scaf-solo:hover{border-color:transparent;background:#123f45}
}
.scaf .si-backdrop[data-sins="1"] .sins-solo.scaf-solo{border:0;background:var(--s-mar,#1A555E);color:#fff}
.scaf .si-backdrop[data-sins="1"] .sins-solo.scaf-solo .sins-solo__ico,
.scaf .si-backdrop[data-sins="1"] .sins-solo.scaf-solo .sins-solo__t b,
.scaf .si-backdrop[data-sins="1"] .sins-solo.scaf-solo .sins-solo__t small{color:#fff}
.scaf .si-backdrop[data-sins="1"] .sins-solo.scaf-solo .sins-solo__t small{opacity:.88}
.scaf .si-backdrop[data-sins="1"] .sins-solo.scaf-solo svg{color:#fff}
@media (min-width:768px){
  .scaf .si-backdrop[data-sins="1"] .sins-solo.scaf-solo{position:sticky;bottom:0;z-index:4;box-shadow:0 -12px 16px -4px #fff}
}
@media (max-width:767px){
  .scaf .si-backdrop[data-sins="1"] .sins-solo.scaf-solo{background:var(--s-mar,#1A555E)}
}
.scaf .si-dialog footer .scaf-solo{min-height:48px;padding:10px 18px;border:0;border-radius:10px;background:#1A555E;color:#fff;font-weight:700;cursor:pointer}

/* 3. telefono: nella barra fissa in basso «Aggiungi al carrello» (pulsante vero) al posto di «Order», col totale.
   760 px: e' la soglia a cui scatole-studio-mobile-v2.css (000970) fissa la barra in basso. */
.scaf #bl-studio .blb-cruscotto .scaf-bar{display:none}
@media (max-width:760px){
  /* «Order» resta nella barra ma invisibile e non cliccabile, alto quanto la barra: 000926 lo misura per alzare il banner dei cookie (--scc-rialzo) sopra TUTTA la barra */
  .scaf #bl-studio .blb-cruscotto a.blb-vai{visibility:hidden!important;pointer-events:none!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:1px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  .scaf #bl-studio .blb-cruscotto .scaf-bar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:46px;max-width:62vw;margin:0 0 0 auto;padding:9px 14px;border:0;border-radius:999px;background:#1A555E;color:#fff;font:inherit;font-size:14.5px;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0;text-transform:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .scaf #bl-studio .blb-cruscotto .scaf-bar:focus-visible{outline:3px solid #226e78;outline-offset:2px}
  .scaf #bl-studio .blb-cruscotto .blb-prezzo{flex:1 1 auto!important;flex-wrap:wrap!important;align-items:baseline;min-width:0!important;max-width:none!important;row-gap:0!important;overflow:hidden}
  .scaf #bl-studio .blb-cruscotto .blb-prezzo-t{flex:1 1 100%;display:block!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;clip-path:none!important;margin:0!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap}
}

@media (max-width:380px){
  /* 360 px in tedesco: la barra resta alta 68 px (senza «pro Stück» il totale non va a capo) */
  .scaf #bl-studio .blb-cruscotto .blb-prezzo-e{display:none!important}
  .scaf #bl-studio .blb-cruscotto .scaf-bar{padding:8px 12px;font-size:13.5px}
}

/* 4. Sample Pack sotto «Normal order / Custom sample» */
.scaf #bl-studio .scaf-sp{display:block;margin:8px 0 2px;padding:2px 0;color:#1A555E!important;font-size:13px;line-height:1.4;text-decoration:none}
.scaf #bl-studio .scaf-sp b{color:#17262d;font-weight:700}
.scaf #bl-studio .scaf-sp:hover{text-decoration:underline}
.scaf #bl-studio .scaf-sp:focus-visible{outline:2px solid #226e78;outline-offset:2px}

/* 2. il suggerimento sopra il campo della misura */
.scaf #bl-studio .bl-campo__box .scaf-hint{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:30;width:max-content;max-width:220px;padding:7px 10px;border-radius:8px;background:#17262d;color:#fff;font-size:12.5px;font-weight:600;line-height:1.3;text-align:center;white-space:normal;box-shadow:0 6px 18px rgba(23,38,45,.22);transform:translateX(-50%);pointer-events:none}

/* 1c. Studio dell'interno arrivato da un set: la barra «La tua scatola» */
.scaf .scaf-ritorno{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;box-sizing:border-box;margin:0 0 12px;padding:10px 14px;border:1.5px solid #1A555E;border-radius:12px;background:#E9F3F4;color:#17262d;font-size:14px;line-height:1.35}
.scaf .scaf-ritorno p{margin:0}
.scaf .scaf-ritorno__box span{color:#45545c}
.scaf .scaf-ritorno__box b{font-weight:700}
.scaf .scaf-ritorno__az{display:flex;flex-wrap:wrap;gap:8px}
.scaf .scaf-ritorno__az a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:8px 14px;border:1.5px solid #1A555E;border-radius:999px;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none}
.scaf .scaf-ritorno a.scaf-ritorno__back{background:#fff!important;color:#1A555E!important;text-decoration:none!important}
.scaf .scaf-ritorno a.scaf-ritorno__solo{background:#1A555E!important;color:#fff!important;text-decoration:none!important}
.scaf .scaf-ritorno a.scaf-ritorno__solo:hover{background:#123f45!important}
.scaf .scaf-ritorno__az a:focus-visible{outline:3px solid #226e78;outline-offset:2px}
@media (max-width:767px){
  .scaf .scaf-ritorno{margin:0 0 10px;padding:10px 12px}
  .scaf .scaf-ritorno__az{width:100%}
  .scaf .scaf-ritorno__az a{flex:1 1 auto}
}

/* 1d. il velo mentre la scatola entra nel carrello al ritorno dallo Studio dell'interno */
.scaf .scaf-vela{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.84)}
.scaf .scaf-vela p{margin:0 16px;padding:16px 22px;border-radius:12px;background:#fff;color:#1A555E;font-size:16px;font-weight:700;box-shadow:0 10px 30px rgba(23,38,45,.18)}