/* ===== PREORDINE Tutorial (V3, isolato) ===== */
.pr-tut-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:99999;display:grid;place-items:center}
.pr-tut-card{background:#fff;width:min(420px,100vw);height:100svh;box-sizing:border-box;padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.pr-tut-title{font-weight:700;font-size:16px;letter-spacing:.02em;color:#222}
.pr-tut-text{font-size:14px;line-height:1.35;color:#333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.pr-tut-figure{min-height:0;display:grid;place-items:center}
.pr-tut-image{width:100%;height:100%;object-fit:contain;border-radius:12px;user-select:none;-webkit-user-drag:none}
.pr-tut-nav{display:flex;gap:8px}
.pr-tut-btn{flex:1;min-height:44px;border:none;border-radius:12px;font-weight:700;letter-spacing:.02em;font-size:14px}
.pr-tut-btn--primary{background:#0d6efd;color:#fff}
.pr-tut-btn--secondary{background:#e9ecef;color:#111}
.pr-tut-btn--ghost{flex:0 0 auto;padding:0 12px;background:transparent;color:#666;text-decoration:underline}
.pr-tut-btn[hidden]{display:none!important}
@media (max-height:700px){.pr-tut-text{-webkit-line-clamp:6}.pr-tut-btn{min-height:40px;font-size:13px}}
@media (max-height:620px){.pr-tut-text{-webkit-line-clamp:5}}

/* Bottone verde per "VAI AL PREORDINE" */
.pr-tut-btn--start {
  background: #28a745;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  border-radius: 12px;
  padding: 12px 20px;
  min-height: 44px;
}