/* FUIX 2026-11-04 — Pulsante Virtual Try-On sulla galleria PDP (solo mobile). Il nodo e' spostato qui da fuix-vto-gallery.js
   solo a <768px: tutte le regole sono scoped a .fxg--vto (classe messa dal JS), nessun effetto altrove.
   Lo stile del modulo (.fuix-vto__btn: bianco con bordo nero) non e' adatto a stare sopra una foto: qui pieno nero, testo bianco. */
.fxg--vto .fxg-main > .fuix-vto{position:absolute;z-index:4;left:50%;transform:translateX(-50%);margin:0;padding:0;clear:none;width:max-content;max-width:calc(100% - 24px)}
.fxg--vto .fxg-main > .fuix-vto .fuix-vto__btn,
.fxg--vto .fxg-main > .fuix-vto .fuix-vto__btn:hover,
.fxg--vto .fxg-main > .fuix-vto .fuix-vto__btn:focus-visible{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;max-width:100%;min-height:44px;margin:0;padding:0 16px;border:1px solid rgba(255,255,255,.92);border-radius:22px;background:#111;color:#fff;font-size:13px;font-weight:600;line-height:1.15;letter-spacing:.2px;text-transform:none;white-space:nowrap;box-shadow:0 2px 10px rgba(0,0,0,.32);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.fxg--vto .fxg-main > .fuix-vto .fuix-vto__btn:focus-visible{outline:2px solid #fff;outline-offset:0;box-shadow:0 0 0 4px #111,0 2px 10px rgba(0,0,0,.32)}
.fxg--vto .fxg-main > .fuix-vto .fuix-vto__icon{width:18px;height:18px}
.fxg--vto .fxg-main > .fuix-vto .fuix-vto__label{min-width:0;overflow:hidden;text-overflow:ellipsis}
@media (max-width:374px){
  .fxg--vto .fxg-main > .fuix-vto .fuix-vto__btn{gap:6px;padding:0 12px;font-size:12px}
  .fxg--vto .fxg-main > .fuix-vto .fuix-vto__icon{width:16px;height:16px}
}
/* Posizione: dentro la galleria, in basso al centro (variante A scelta) */
.fxg--vto-a .fxg-main > .fuix-vto{bottom:12px}
.fxg--vto-a .fxg-count{bottom:64px} /* il contatore 1/N sale sopra il pulsante (non si sovrappongono) */