.brandlogo{display:inline-flex;align-items:center;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18))}
.brandlogo img{height:46px;width:auto;display:block}
@media(max-width:620px){.brandlogo img{height:38px}}
body{padding-bottom:88px}
.quickbar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));width:min(520px,calc(100% - 24px));display:flex;gap:8px;z-index:9000}
.quickbar a{flex:1;display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:16px;font:800 15px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-decoration:none;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.quickbar #qCall{background:linear-gradient(135deg,var(--ac1,#d6a33b),var(--ac2,#9d650b))}
.quickbar #qWa{background:#25d366;color:#053b1a}
.quickbar #qMap{background:#1f2a37}
.toast{bottom:84px;z-index:9100}
.qshare-panel{position:absolute;right:0;bottom:64px;width:250px;background:#fff;color:#17212b;border-radius:16px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.25);display:none;text-align:center}
.qshare-panel.open{display:block}
.qshare-panel canvas{width:170px;height:170px;image-rendering:pixelated;margin:0 auto 8px;display:block}
.qshare-panel p{font:600 12px system-ui,sans-serif;margin:0 0 12px;color:#4a5560}
.qshare-panel button{flex:1;width:100%;padding:10px 6px;border-radius:10px;border:0;background:#17212b;color:#fff;font:700 12px system-ui,sans-serif;cursor:pointer}
.qs-row{display:flex;gap:8px;margin-bottom:8px}.qs-row:last-child{margin-bottom:0}
.qshare-panel button.qs-light{background:#fff;color:#17212b;border:1px solid #d9dde3}
.qshare-panel button.qs-wa{background:#25d366;color:#053b1a}
.quickbar button.qbtn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;border:0;border-radius:16px;font:800 15px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.25);background:#fff;color:#17212b}
@media(max-width:430px){.quickbar{gap:6px}.quickbar a,.quickbar button.qbtn{font-size:13px;border-radius:14px}.quickbar button.qbtn svg{width:16px;height:16px}}
.qshare-panel button.qs-gold{background:linear-gradient(135deg,#d6a33b,#9d650b);color:#fff}
.qshare-panel button:disabled{opacity:.6;cursor:wait}
.memberbox a.btn,.draftbar a.btn{text-decoration:none}
.memberbox a.btn.outline{color:#1c2333}
.memberbox{color:#1c2333}
/* ===== Membership block (owner only, in the left menu area) ===== */
.mem{position:fixed;left:10px;bottom:14px;width:80px;z-index:31;padding:10px 6px 8px;border-radius:18px;text-align:center;cursor:pointer;font-family:"Segoe UI",system-ui,sans-serif;--bgc:#b58a3a1c;--c:#f1d995;background:linear-gradient(var(--bgc),var(--bgc)),#13232f;border:1px solid #caa65b66;transition:transform .28s ease}
.mem-plan{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--c);font-weight:700}
.mem-num{font:700 30px/1.1 Georgia,serif;color:#fff;margin-top:3px}
.mem-lbl{font-size:10px;color:#cdd8de}
.mem-track{height:5px;border-radius:9px;background:#ffffff22;margin:8px 4px 9px;overflow:hidden}
.mem-track i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#d4aa51,#f1d995)}
.mem-renew{display:block;width:100%;padding:8px 0;border-radius:99px;background:linear-gradient(135deg,#f0a30a,#d98300);color:#fff!important;font:800 11px "Segoe UI",system-ui,sans-serif;text-decoration:none}
.mem-more{display:block;font-size:9px;color:#aebcc5;margin-top:6px}
.mem[data-state=soon]{--bgc:#f59e0b24;--c:#ffcf70;border-color:#f59e0b}
.mem[data-state=soon] .mem-track i{background:linear-gradient(90deg,#f59e0b,#ffcf70)}
.mem[data-state=expired]{--bgc:#e5484d26;--c:#ff9a9d;border-color:#e5484d}
.mem[data-state=expired] .mem-num{color:#ffb4b6}
.mem[data-state=expired] .mem-renew{background:linear-gradient(135deg,#e5484d,#b92b30)}
.mem[data-state=soon] .mem-renew,.mem[data-state=expired] .mem-renew{animation:memPulse 1.6s infinite}
.mem[data-state=draft] .mem-renew{background:#ffffff1f}
@keyframes memPulse{0%{box-shadow:0 0 0 0 #f59e0b99}70%{box-shadow:0 0 0 9px #f59e0b00}100%{box-shadow:0 0 0 0 #f59e0b00}}
@media(prefers-reduced-motion:reduce){.mem-renew{animation:none!important}}
.mem-card{position:fixed;left:112px;bottom:20px;width:300px;background:#fff;border:1px solid #e6dcc0;border-radius:22px;padding:20px;box-shadow:0 24px 60px rgba(20,35,50,.28);z-index:40;opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s;font-family:"Segoe UI",system-ui,sans-serif;color:#17283b}
.mem-card.show{opacity:1;transform:none;pointer-events:auto}
.mem-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.mem-head small{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8a8f9c;font-weight:700}
.mem-head h4{margin:4px 0 0;font:600 20px Georgia,serif}
.mem-badge{font-size:11px;font-weight:800;padding:5px 12px;border-radius:99px;background:#e9f7ef;color:#1c6b3c;white-space:nowrap}
.mem-badge.soon{background:#fff3e0;color:#a5680c}
.mem-badge.expired{background:#fdeaea;color:#b92b30}
.mem-msg{margin:12px 0 0;font-size:12px;line-height:1.5;color:#5a4a1c;background:#fff8e8;border:1px solid #e9cf8a;border-radius:12px;padding:10px 12px}
.mem-rows{margin:14px 0;border-top:1px solid #efe7d4}
.mem-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #efe7d4;font-size:13px}
.mem-row span{color:#8a8f9c}
.mem-btn{display:block;width:100%;padding:12px;border-radius:99px;border:1px solid #d8c6a4;background:#fff;color:#17283b;font:800 12px "Segoe UI",system-ui,sans-serif;text-align:center;text-decoration:none;margin-top:8px;cursor:pointer}
.mem-btn.gold{background:linear-gradient(135deg,#f0a30a,#d98300);border:0;color:#fff}
.mem~.leftmenu .lm-links{padding-bottom:175px}
@media(max-width:850px){
.mem{left:4px;bottom:96px;width:56px;padding:8px 3px}
.mem-num{font-size:22px}
.mem-plan,.mem-more{display:none}
.mem-renew{font-size:10px;padding:7px 0}
.mem~.leftmenu .lm-links{padding-bottom:205px}
.mem-card{left:74px;width:calc(100% - 88px);max-width:320px}
body.lm-collapsed .mem{transform:translateX(-130%)}
.mem[data-state=soon]~.lm-tab,.mem[data-state=expired]~.lm-tab{display:none!important}
}
/* ===== Phone: menu floats over the page, page keeps full width ===== */
@media(max-width:600px){
body,body.lm-collapsed{padding-left:0!important}
.leftmenu{box-shadow:10px 0 30px rgba(0,0,0,.28)}
}
/* save messages: always visible at the top */
.toast{top:20px!important;bottom:auto!important;z-index:100000!important;transform:translate(-50%,-20px)!important}
.toast.show{transform:translate(-50%,0)!important}
/* the Edit / Done editing button must not cover the Pay & publish button */
.draftbar{padding-right:190px}
@media(max-width:700px){.draftbar{padding-right:18px;padding-bottom:64px}}
/* owner's own logo: sits in a soft white chip so any logo is visible on dark or light designs */
.userlogo{display:block;height:auto;max-height:56px;width:auto;max-width:190px;object-fit:contain;background:#ffffffee;padding:7px 12px;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.userlogo.hero-logo{margin:0 0 16px}
.userlogo.foot-logo{max-height:44px;max-width:150px;box-shadow:none}