@font-face { font-family:'Aquilone'; src:url('/wp-content/uploads/crea-tazza/Aquilone.woff2') format('woff2'); font-display:swap; }
@font-face { font-family:'AquiloneSballato'; src:url('/wp-content/uploads/crea-tazza/AquiloneSballato.woff2') format('woff2'); font-display:swap; }
@font-face { font-family:'AquiloneGridato'; src:url('/wp-content/uploads/crea-tazza/AquiloneGridato.woff2') format('woff2'); font-display:swap; }
.storto-crea { max-width:1080px; margin:0 auto; padding:8px 4px 32px; font-family:inherit; }
.storto-crea h2 { font-size:30px; margin:0 0 6px; }
.storto-crea .intro { font-size:16px; opacity:.85; margin:0 0 22px; max-width:640px; }
.storto-crea .wrap { display:flex; gap:28px; flex-wrap:wrap; }
.storto-crea .preview { flex:1 1 420px; min-width:300px; }
.storto-crea .stage { position:relative; border-radius:14px; overflow:hidden; background:#f4efe9; }
.storto-crea .stage img { display:block; width:100%; height:auto; }
.storto-crea .frase-preview { position:absolute; left:32.5%; top:29.5%; width:33%; max-height:37%; overflow:hidden; text-align:center; color:#141414; line-height:1.12; overflow-wrap:break-word; font-size:40px; }
.storto-crea .controls { flex:1 1 320px; min-width:280px; }
.storto-crea label.lbl { display:block; font-weight:700; margin:16px 0 8px; font-size:15px; }
.storto-crea input[type=text] { width:100%; padding:12px 14px; font-size:17px; border:2px solid #141414; border-radius:10px; box-sizing:border-box; }
.storto-crea .count { font-size:12px; opacity:.6; text-align:right; margin-top:4px; }
.storto-crea .pills { display:flex; gap:8px; flex-wrap:wrap; }
.storto-crea .pill { border:2px solid #141414; background:#fff; border-radius:999px; padding:8px 16px; cursor:pointer; font-size:19px; line-height:1; }
.storto-crea .pill.on { background:#141414; color:#fff; }
.storto-crea .swatches { display:flex; gap:10px; }
.storto-crea .sw { width:44px; height:44px; border-radius:50%; border:3px solid #fff; box-shadow:0 0 0 2px #14141433; cursor:pointer; }
.storto-crea .sw.on { box-shadow:0 0 0 3px #141414; }
.storto-crea .price { font-size:26px; font-weight:800; margin:24px 0 4px; }
.storto-crea .cta { display:inline-block; background:#f26b21; color:#fff; font-weight:800; font-size:18px; padding:15px 30px; border-radius:999px; text-decoration:none; margin-top:10px; }
.storto-crea .cta:hover { background:#d9550f; }
.storto-crea .note { font-size:13px; opacity:.65; margin-top:16px; max-width:420px; }

.storto-crea .swatches.big .sw { width:56px; height:56px; }
.storto-crea .sw.small { width:38px; height:38px; }
.storto-crea .swrap { display:flex; flex-direction:column; align-items:center; gap:5px; }
.storto-crea .swrap span { font-size:12px; opacity:.75; }
.storto-crea .frase-preview.light { text-shadow:0 0 6px rgba(0,0,0,.45), 0 0 2px rgba(0,0,0,.6); }
.storto-callout { border:2px solid #f26b21; background:#fff7f0; border-radius:12px; padding:16px 20px; margin:22px 0; font-size:16px; }
.storto-callout a { font-weight:800; color:#d9550f; }

.storto-crea .font-note { text-align:center; font-size:14px; opacity:.7; margin:10px 0 0; }

/* Modulo richiesta (2026-10-24): niente pagamento online */
.storto-crea form.controls { margin:0; }
.storto-crea input[type=email] { width:100%; padding:12px 14px; font-size:17px; border:2px solid #141414; border-radius:10px; box-sizing:border-box; }
.storto-crea .hint { font-size:13px; opacity:.7; margin:6px 0 0; }
.storto-crea button.cta { border:0; cursor:pointer; font-family:inherit; line-height:1.2; }
.storto-crea button.cta:disabled { opacity:.6; cursor:wait; }
.storto-crea .hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.storto-esito { border-radius:12px; padding:16px 20px; margin:0 0 22px; font-size:17px; font-weight:700; }
.storto-esito.ok { border:2px solid #1e7a3a; background:#effaf1; color:#14532a; }
.storto-esito.ko { border:2px solid #e30613; background:#fff1f1; color:#8a0a12; }