.shp-card-bottoni{--bott-verde: rgb(22, 128, 61);--bott-verde-chiaro: rgb(232, 245, 236);--bott-bordo: rgb(226, 228, 232);display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.shp-card-bottoni:empty{display:none}.shp-bott,.shp-card-bottoni .fp-lucchetto.piccolo{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;margin:0;border-radius:0;border:1px solid var(--bott-bordo);background:var(--sth-bianco, white);color:var(--sth-nero, black);box-shadow:none;font-size:11px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.shp-bott>svg,.fp-luc{flex:none;display:block}.shp-bott:focus-visible,.shp-card-bottoni .fp-lucchetto.piccolo:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media (hover: hover){.shp-bott:hover,.shp-card-bottoni .fp-lucchetto.piccolo:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}}@media (max-width: 600px){.shp-card-bottoni{gap:4px}.shp-bott,.shp-card-bottoni .fp-lucchetto.piccolo{height:22px;padding:0 7px;font-size:10.5px;gap:3px}.shp-card-bottoni .fp-lucchetto.piccolo .fp-chiave{font-size:10.5px;gap:3px}}.shp-bott.prezzo{cursor:inherit;font-variant-numeric:tabular-nums;border-color:transparent;padding:0 2px;font-size:13px}.shp-bott.prezzo small{font-size:10px;font-weight:500;color:var(--sth-grigio, gray)}.shp-card-bottoni .fp-lucchetto.piccolo{border-color:currentColor}.shp-card-bottoni .fp-lucchetto.piccolo .fp-chiave{display:inline-flex;align-items:center;gap:4px;font-size:11px}.shp-bott.disp{color:var(--sth-grigio, gray);font-weight:650}.shp-bott-pallino{position:relative;width:7px;height:7px;border-radius:50%;display:block;background:#16a34a}.shp-bott.disp.on-giallo .shp-bott-pallino{background:#eab308}.shp-bott.disp.on-rosso .shp-bott-pallino{background:#dc2626}.shp-bott-pallino:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid currentColor;color:inherit;opacity:0}.shp-bott.disp .shp-bott-pallino:after{border-color:inherit}.shp-bott.disp.on-verde .shp-bott-pallino:after{border-color:#16a34a}.shp-bott.disp.on-giallo .shp-bott-pallino:after{border-color:#eab308}.shp-bott.disp.on-rosso .shp-bott-pallino:after{border-color:#dc2626}.shp-bott.eco{background:var(--bott-verde-chiaro);border-color:transparent;color:var(--bott-verde)}.shp-bott.eco .eco-foglia{transform-origin:25% 90%}.shp-bott.neutro{cursor:inherit}.shp-bott.personalizza{border-color:var(--sth-rosso, red);color:var(--sth-rosso, red);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}@media (hover: hover){.shp-card:hover .shp-bott.personalizza{background:var(--sth-rosso, red);color:var(--sth-bianco, white)}}.shp-bott.personalizza:active{background:var(--sth-rosso, red);color:var(--sth-bianco, white)}.shp-bott.personalizza.ordina,.shp-card:hover .shp-bott.personalizza.ordina,.shp-bott.personalizza.ordina:active{background:var(--ink);border-color:var(--ink);color:var(--bg-card)}.shp-bott.configura{background:var(--sth-rosso, red);border-color:var(--sth-rosso, red);color:var(--sth-bianco, white)}@media (prefers-reduced-motion: no-preference){.shp-card-bottoni>*{animation:bott-entra .5s cubic-bezier(.3,1.4,.5,1) both}.shp-card-bottoni>:nth-child(2){animation-delay:.07s}.shp-card-bottoni>:nth-child(3){animation-delay:.14s}.shp-card-bottoni>:nth-child(4){animation-delay:.21s}.shp-card-bottoni>:nth-child(5){animation-delay:.28s}.shp-bott.eco .eco-foglia{animation:eco-germoglia .75s cubic-bezier(.3,1.6,.5,1) .25s both}.shp-bott.disp .shp-bott-pallino:after{animation:bott-pulsa 1.4s ease-out .6s 1}@supports (animation-timeline: view()){.shp-card-bottoni>*{animation-timeline:view();animation-range:entry 10% entry 60%;animation-delay:0s}.shp-card-bottoni>:nth-child(2){animation-range:entry 14% entry 64%}.shp-card-bottoni>:nth-child(3){animation-range:entry 18% entry 68%}.shp-card-bottoni>:nth-child(4){animation-range:entry 22% entry 72%}}}@media (hover: hover) and (prefers-reduced-motion: no-preference){.shp-card:hover .shp-bott.eco .eco-foglia{animation:bott-ondeggia .9s ease-in-out}.shp-card:hover .shp-card-bottoni .fp-luc{animation:bott-scatta .5s ease-in-out}.shp-card:hover .shp-bott.disp .shp-bott-pallino:after{animation:bott-pulsa 1.4s ease-out}}@keyframes bott-entra{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}@keyframes bott-ondeggia{0%,to{transform:rotate(0)}35%{transform:rotate(-14deg)}70%{transform:rotate(6deg)}}@keyframes bott-scatta{0%,to{transform:none}40%{transform:translateY(-1.5px) rotate(-10deg)}70%{transform:rotate(5deg)}}@keyframes bott-pulsa{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion: reduce){.shp-bott,.shp-card-bottoni .fp-lucchetto.piccolo{transition:none}}.shp-card-pila .shp-bott{height:22px;padding:0 8px;font-size:10.5px;border-color:transparent;background:#ffffffeb;box-shadow:0 1px 4px #0000002e;pointer-events:auto;cursor:help}.shp-card-pila .shp-bott.eco{background:var(--bott-verde-chiaro);color:var(--bott-verde)}.shp-card-pila{--bott-verde: rgb(22, 128, 61);--bott-verde-chiaro: rgb(232, 245, 236)}@media (max-width: 600px){.shp-card-pila .shp-bott{height:20px;padding:0 6px;font-size:10px;gap:3px}}@media (prefers-reduced-motion: no-preference){.shp-card-pila .shp-bott{animation:bott-entra .5s cubic-bezier(.3,1.4,.5,1) .15s both}.shp-card-pila .shp-bott.eco .eco-foglia{animation:eco-germoglia .75s cubic-bezier(.3,1.6,.5,1) .35s both}}@media (hover: hover) and (prefers-reduced-motion: no-preference){.shp-card:hover .shp-card-pila .shp-bott.eco .eco-foglia{animation:bott-ondeggia .9s ease-in-out}}.shp-bott-resto{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;vertical-align:bottom;transition:max-width .3s ease}@media (hover: hover){.shp-bott.eco:hover .shp-bott-resto{max-width:200px}}.shp-card-chip.faidate,.shp-card-chip.configura{background:var(--sth-rosso, red);color:var(--sth-bianco, white)}.shp-card-chip.ordina{background:var(--ink);color:var(--bg-card);font-weight:700;padding:0 5px}.shp-bott.faidate,.shp-card-pila .shp-bott.faidate{background:var(--sth-rosso, red);border-color:var(--sth-rosso, red);color:var(--sth-bianco, white);cursor:inherit}.shp-bott.faidate.grande{height:auto;padding:6px 12px;font-size:13px;gap:5px}.shp-faidate-riga{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:#000000a6}