:root{ --bwa-bg:#ffffff; --bwa-accent:#00703c; --bwa-accent-strong:#28a745; --bwa-text:#222; --bwa-radius:8px; --bwa-z:99999; }
.bwa-overlay{ position:fixed; inset:0; background:rgba(0,0,0,0.45); z-index:var(--bwa-z); display:flex; align-items:center; justify-content:center; padding:16px; }
.bwa-modal{ background:var(--bwa-bg); border-radius:var(--bwa-radius); width:760px; max-width:96%; box-shadow:0 8px 30px rgba(0,0,0,.25); overflow:hidden; }
.bwa-inner{ padding:14px; position:relative; }
.bwa-close{ position:absolute; right:10px; top:8px; background:none; border:none; font-size:22px; cursor:pointer; color:var(--bwa-text); }
.bwa-list{ display:flex; gap:12px; flex-wrap:wrap; }
.bwa-row{ display:flex; gap:10px; align-items:center; padding:8px; border-radius:6px; border:1px solid #f3f3f3; background:#fff; flex:1 1 calc(50% - 12px); box-sizing:border-box; }
.bwa-thumb-wrap{ width:120px; height:90px; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:6px; background:#fafafa; }
.bwa-thumb{ width:100%; height:100%; object-fit:contain; display:block; }
.bwa-info{ flex:1; min-width:0; }
.bwa-title{ font-weight:700; color:var(--bwa-text); margin-bottom:6px; font-size:15px; }
.bwa-price{ color:var(--bwa-accent-strong); font-weight:700; margin-bottom:6px; }
.bwa-link{ display:inline-block; padding:8px 10px; background:var(--bwa-accent-strong); color:#fff; border-radius:5px; text-decoration:none; }
.bwa-cta{ background:var(--bwa-accent-strong); color:#fff !important; }
.bwa-fade-in{ animation: bwaFadeIn .22s ease forwards; } .bwa-fade-out{ animation: bwaFadeOut .2s ease forwards; }
@keyframes bwaFadeIn{ from{ opacity:0 } to{ opacity:1 } } @keyframes bwaFadeOut{ from{ opacity:1 } to{ opacity:0 } }
.bwa-slide-up{ transform-origin: bottom center; animation: bwaSlideUp .26s cubic-bezier(.22,.9,.3,1) forwards; } .bwa-slide-down{ animation: bwaSlideDown .26s cubic-bezier(.22,.9,.3,1) forwards; }
@keyframes bwaSlideUp{ from{ transform:translateY(10px) scale(.98); opacity:0 } to{ transform:translateY(0) scale(1); opacity:1 } }
@keyframes bwaSlideDown{ from{ transform:translateY(0) scale(1); opacity:1 } to{ transform:translateY(10px) scale(.98); opacity:0 } }

/* Template specific tweaks */
.twa-template-standard .bwa-modal{ width:760px; max-width:96%; }
.twa-template-minimal .bwa-modal{ width:360px; max-width:96%; }
.twa-template-bottom .bwa-modal{ position:fixed; bottom:20px; right:20px; width:340px; max-width:96%; border-radius:10px; }
.twa-template-full .bwa-modal{ width:100%; height:100%; border-radius:0; display:flex; align-items:center; justify-content:center; }

@media(max-width:640px){ .bwa-row{ flex:1 1 100%; } .bwa-modal{ width:96%; } }