.welcome{position:relative;isolation:isolate;min-height:430px;align-items:end;background-image:linear-gradient(90deg,rgba(14,10,79,.96) 0%,rgba(20,14,96,.8) 28%,rgba(20,14,96,.12) 62%,rgba(20,14,96,.06) 100%),url('hero-negozio-biagio.webp');background-size:cover;background-position:right 18%;box-shadow:0 22px 60px rgba(31,24,105,.2)}
.welcome>div{position:relative;z-index:1;align-self:end;max-width:650px;padding:8px 0}.welcome h1{text-shadow:0 2px 20px rgba(0,0,0,.22)}.welcome p{max-width:580px}.welcome .surprise{position:absolute;z-index:2;right:28px;bottom:28px;width:275px;height:auto;min-height:0;padding:16px 19px;background:rgba(186,255,0,.94);backdrop-filter:blur(10px)}.welcome .surprise strong{font-size:1.55rem}.owner-note{display:inline-flex;gap:11px;align-items:center;margin-top:17px;padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.11);backdrop-filter:blur(10px)}.owner-note b,.owner-note span{display:block}.owner-note b{font-size:.86rem}.owner-note span{color:#ded9ff;font-size:.76rem}
@media(max-width:900px){.welcome{min-height:420px;background-position:right 18%}.welcome>div{align-self:start;max-width:520px}.welcome .surprise{right:22px;bottom:22px}}
@media(max-width:640px){.welcome{display:flex;min-height:370px;padding:17px 14px 14px;background-image:linear-gradient(180deg,rgba(19,12,103,.94) 0%,rgba(19,12,103,.58) 34%,rgba(19,12,103,.08) 62%,rgba(19,12,103,.9) 100%),url('hero-mobile-biagio.webp');background-position:center center;border-radius:19px}.welcome>div{align-self:flex-start;max-width:100%;padding:0}.welcome .eyebrow{font-size:.66rem}.welcome h1{max-width:285px;margin-top:6px;font-size:1.72rem;line-height:1.02}.welcome p{max-width:275px;margin-top:9px;color:#fff;font-size:.8rem;line-height:1.38;text-shadow:0 1px 8px rgba(0,0,0,.5)}.owner-note{position:absolute;left:14px;bottom:64px;margin:0;padding:7px 9px}.owner-note span{display:none}.welcome .surprise{left:14px;right:14px;bottom:11px;width:auto;min-height:42px;padding:8px 12px;text-align:center}.welcome .surprise span,.welcome .surprise small{display:none}.welcome .surprise strong{margin:0;font-size:1rem}.trust{max-width:278px;gap:5px;margin-top:10px}.trust span{padding:6px 8px;background:rgba(20,12,92,.65);font-size:.66rem}}
@media(max-width:380px){.welcome{min-height:350px;background-position:center top}.welcome h1{max-width:255px;font-size:1.55rem}.welcome p{max-width:245px;font-size:.74rem}.welcome .trust span{font-size:.61rem}.owner-note b{font-size:.72rem}}


/* Home più compatta: conserva il banner e la foto originali */
@media(min-width:641px){
  .welcome{min-height:320px;padding:30px 36px;background-position:right 18%}
  .welcome>div{max-width:610px;padding:0}
  .welcome h1{font-size:clamp(2.15rem,4.2vw,3.9rem)}
  .welcome p{margin:14px 0 15px;font-size:.98rem}
  .welcome .surprise{right:22px;bottom:22px;width:235px;padding:13px 16px}
  .welcome .surprise strong{font-size:1.35rem}
}
@media(max-width:640px){
  .welcome{min-height:270px;padding:14px 12px 12px;background-position:center 42%;border-radius:18px}
  .welcome h1{max-width:245px;font-size:1.5rem}
  .welcome p{max-width:245px;margin-top:7px;font-size:.72rem;line-height:1.3}
  .welcome .trust{max-width:255px;margin-top:7px}
  .welcome .trust span{padding:4px 6px;font-size:.57rem}
  .welcome .surprise{left:12px;right:12px;bottom:8px;min-height:36px;padding:6px 10px}
  .welcome .surprise strong{font-size:.9rem}
}
@media(max-width:380px){.welcome{min-height:255px}}