/* ZOKKU shop: the buy box (price, Buy, Add to cart, status), the bundle tiles, the VAT note.
   Uses the house button and status chip of site.css; adds only the outline button and the disabled state. */
.acquista{margin-top:26px;display:grid;gap:14px;justify-items:start}
.acquista .azioni{margin-top:0}
.acquista + .azioni{margin-top:14px}
.prezzo{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:var(--s-small);font-weight:500}
.prezzo b{font-size:clamp(30px,2.6vw,40px);font-weight:500;line-height:1;letter-spacing:-.01em}
.prezzo s{opacity:.62;font-size:18px;text-decoration-thickness:.08em}
.prezzo-nota{opacity:.8}
.btn-2{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.btn-2:focus-visible{outline-color:currentColor}
.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}
@media (hover:hover) and (pointer:fine){.btn:disabled:hover{opacity:.42}}
.shop-stato:empty{display:none}
.shop-upsell,.shop-nota{font-size:var(--s-small);line-height:1.45;max-width:46ch}
.shop-upsell .lnk,.shop-nota .lnk{min-height:44px;display:inline}
.shop-nota{opacity:.82}

/* Bundles, on the plugins page after the catalogue */
.shop-bundle .shop-lista{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--gap);margin-top:clamp(28px,3vw,44px)}
.shop-tessera{background:var(--tile);border-radius:var(--r-m);padding:clamp(20px,2vw,32px)}
.shop-tessera h3{font-size:clamp(26px,2.2vw,34px)}
.shop-bundle .shop-tessera p{grid-column:auto;margin-top:8px;font-size:var(--s-small);color:var(--fg-2);max-width:none}
.shop-bundle .shop-tessera .shop-riga{font-size:var(--s-body);color:var(--fg)}
.shop-dentro a{color:var(--fg);text-underline-offset:.2em}
.shop-bundle .shop-tessera .prezzo{color:var(--fg);margin-top:0}
.shop-bundle > .griglia > .shop-nota{grid-column:1 / -1;margin-top:20px;font-size:var(--s-small);line-height:1.45;color:var(--fg-2);max-width:70ch;opacity:1}
.acquista + .azioni + .shop-upsell,.acquista + .shop-upsell{margin-top:22px}
.shop-upsell + .shop-nota{margin-top:10px}
/* LIVE (24 Oct 2026): "Have a beta code?" under the live ZOKKU All box; the thank-you line after a purchase */
.shop-codice{font-size:var(--s-small);line-height:1.45;max-width:46ch}
.shop-codice .lnk{display:inline-flex;align-items:center;min-height:44px;font-weight:500}
.shop-codice span{opacity:.82}
.shop-stato .lnk{display:inline-flex;align-items:center;min-height:44px}