.psw-trigger{background:none;border:none;cursor:pointer;padding:0}
.psw-icon{width:34px;height:34px;display:inline-block}
.psw-trigger:hover {background-color: rgba(63, 64, 71, 0);}
.psw-modal[hidden]{display:none}
.psw-modal{position:fixed;inset:0;z-index:9999}
.psw-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.psw-dialog{position:relative;margin:8vh auto 0;max-width:560px;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:24px}
.psw-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:28px;line-height:1;cursor:pointer}
.psw-title{margin:0 0 12px;font-size:1.25rem}
.psw-form{display:flex;gap:8px}
.psw-input{flex:1;padding:10px 12px;border:1px solid #ccd0d5;border-radius:8px}
.psw-submit{padding:10px 14px;border:0;border-radius:8px;background:#111;color:#fff;cursor:pointer}
@media (max-width:480px){.psw-dialog{margin:12vh 16px 0}}


/* --- MOBILE FLOATING BUTTON --- */
@media (max-width: 768px) {
  .psw-trigger {
    position: fixed;
    right: 16px;
    bottom: 16px;
    left:16px; 
    right:auto;  
    z-index: 10000;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #111;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
  }
  .psw-trigger .psw-icon {
    width: 22px;
    height: 22px;
    fill: currentColor;
  }

  /* il dialog rimane centrato, ma alziamo lo z-index per sicurezza */
  .psw-modal { z-index: 10001; }
}