.hwpwa-banner { position:fixed; left:12px; right:12px; top:calc(12px + env(safe-area-inset-top, 0px)); z-index:2147483000; display:flex; align-items:flex-start; gap:14px;
  background:#fff !important; border:1.5px solid #E8DDD6 !important; border-top:5px solid #B40000 !important; border-radius:18px !important; padding:18px 16px 18px 18px !important;
  box-shadow:0 14px 40px rgba(26,10,10,.28); font-family:'DM Sans',system-ui,sans-serif; color:#1A0A0A;
  transform:translateY(-130%); opacity:0; transition:transform .28s ease, opacity .28s ease; pointer-events:auto; }
.hwpwa-banner.on { transform:translateY(0); opacity:1; }
.hwpwa-icon { width:62px; height:62px; border-radius:11px; object-fit:contain; background:#fff; border:1px solid #E8DDD6; flex-shrink:0; }
.hwpwa-mono { display:flex; align-items:center; justify-content:center; font-family:'Playfair Display',Georgia,serif; font-weight:700; font-size:24px; color:#B40000; background:#FFF5F5; }
.hwpwa-txt { flex:1; min-width:0; display:flex; flex-direction:column; gap:5px; padding-top:2px; }
.hwpwa-txt b { font-size:17px; line-height:1.28; letter-spacing:-.01em; }
.hwpwa-txt span { font-size:14.5px; color:#6b3a3a; line-height:1.5; }
.hwpwa-share { display:inline-block; color:#B40000; font-weight:700; font-size:16px; }
.hwpwa-banner .hwpwa-go { background:#B40000 !important; background-image:none !important; color:#fff !important; border:2px solid #B40000 !important;
  border-radius:11px !important; padding:13px 20px !important; margin:0 !important; height:auto !important; line-height:1.2 !important;
  font-family:'DM Sans',system-ui,sans-serif !important; font-size:15px !important; font-weight:700 !important; text-transform:none !important;
  letter-spacing:0 !important; box-shadow:none !important; text-shadow:none !important; cursor:pointer; flex-shrink:0; align-self:center; }
.hwpwa-banner .hwpwa-x { background:none !important; background-image:none !important; border:none !important; box-shadow:none !important;
  color:#6b3a3a !important; font-size:26px !important; font-weight:400 !important; line-height:1 !important; width:34px !important; height:34px !important;
  min-width:0 !important; min-height:0 !important; padding:0 !important; margin:0 0 0 2px !important; border-radius:50% !important;
  display:flex !important; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; text-shadow:none !important; text-transform:none !important; }
.hwpwa-banner .hwpwa-x:hover { background:#FFF5F5 !important; color:#B40000 !important; }
@media (min-width:768px){ .hwpwa-banner { display:none; } }
body.hwpwa-testing .hwpwa-banner { display:flex !important; }
a.hwpwa-go { text-decoration:none !important; display:inline-block; text-align:center; }
.hwpwa-draggable { touch-action:none; cursor:grab; }
.hwpwa-draggable:active { cursor:grabbing; }
.hwpwa-draggable::after { content:""; position:absolute; top:5px; left:50%; transform:translateX(-50%); width:34px; height:3px; border-radius:2px; background:#E8DDD6; }
.hwpwa-banner.hwpwa-bottom { border-top-width:1.5px; border-bottom:4px solid #B40000; }

/* ═══ Ghidul vizual de instalare (v1.4.0) ═══ */
#hwpwa-ghid { position:fixed; inset:0; z-index:2147483001; background:rgba(26,10,10,.55); display:flex; align-items:flex-end; justify-content:center; opacity:0; transition:opacity .22s; font-family:'DM Sans',system-ui,sans-serif; color:#1A0A0A; }
#hwpwa-ghid.on { opacity:1; }
.hwpwa-g-sheet { width:100%; max-width:560px; background:#fff; border-radius:22px 22px 0 0; padding:14px 22px calc(22px + env(safe-area-inset-bottom,0px)); box-shadow:0 -12px 40px rgba(26,10,10,.3); transform:translateY(30px); transition:transform .25s ease; max-height:92vh; overflow-y:auto; position:relative; }
#hwpwa-ghid.on .hwpwa-g-sheet { transform:translateY(0); }
.hwpwa-g-handle { width:40px; height:4px; border-radius:2px; background:#E8DDD6; margin:0 auto 14px; }
.hwpwa-g-icon { width:54px; height:54px; border-radius:12px; border:1px solid #E8DDD6; display:block; margin-bottom:10px; }
.hwpwa-g-eyebrow { font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#B40000; }
.hwpwa-g-title { font-family:'Playfair Display',Georgia,serif; font-size:22px; font-weight:700; line-height:1.25; margin:4px 0 14px; color:#1A0A0A; }
.hwpwa-g-steps { list-style:none; margin:0; padding:0; }
.hwpwa-g-steps li { display:flex; gap:12px; align-items:flex-start; padding:12px 0; border-top:1px solid #f0e6e6; }
.hwpwa-g-steps li.hwpwa-g-act { border-top:none; padding-top:0; padding-left:44px; }
.hwpwa-g-n { flex:none; width:26px; height:26px; border-radius:50%; background:#B40000; color:#fff; font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center; margin-top:2px; }
.hwpwa-g-ic { flex:none; width:44px; height:44px; border-radius:10px; background:#FFF5F5; border:1px solid #F0C0C0; display:flex; align-items:center; justify-content:center; }
.hwpwa-g-txt { font-size:15px; line-height:1.5; color:#1A0A0A; }
.hwpwa-g-txt b { color:#B40000; }
.hwpwa-g-btn { display:inline-block; background:#B40000 !important; color:#fff !important; border:none !important; border-radius:11px !important; padding:12px 20px !important; font:700 15px 'DM Sans',system-ui,sans-serif !important; text-decoration:none !important; cursor:pointer; box-shadow:none !important; text-transform:none !important; letter-spacing:0 !important; }
.hwpwa-g-btn.ok { background:#1a7f37 !important; }
.hwpwa-g-foot { font-size:13px; color:#6b3a3a; line-height:1.5; margin:14px 0 12px; }
.hwpwa-g-close { display:block; width:100%; background:#fff !important; color:#1A0A0A !important; border:1.5px solid #E8DDD6 !important; border-radius:11px !important; padding:12px !important; font:600 15px 'DM Sans',system-ui,sans-serif !important; cursor:pointer; box-shadow:none !important; text-transform:none !important; }
.hwpwa-banner .hwpwa-how { background:#fff !important; color:#B40000 !important; border:2px solid #B40000 !important; }
@media (min-width:768px) { #hwpwa-ghid { align-items:center; } .hwpwa-g-sheet { border-radius:22px; } }
/* butonul permanent din shortcode */
.hwpwa-cta { display:inline-flex; align-items:center; gap:10px; background:#1A0A0A; color:#fff !important; border-radius:12px; padding:12px 20px; font:700 14px 'DM Sans',system-ui,sans-serif; text-decoration:none !important; letter-spacing:.02em; }
.hwpwa-cta svg { flex:none; }
.hwpwa-cta:hover { background:#B40000; }