/* Justo Zeal Promo Popup v1.2 - Style C. Compact toast (default) + classic card. */
.jzpp{position:fixed;z-index:99980;box-sizing:border-box;font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.jzpp[hidden],.jzpp-tab[hidden]{display:none!important}
.jzpp *{box-sizing:border-box}
.jzpp-x svg{display:block;margin:auto}

/* ---------- compact (default) ---------- */
.jzpp-compact{left:16px;bottom:16px;width:300px;max-width:calc(100vw - 24px);background:#fff;color:#2b2724;border-radius:12px;border-left:4px solid #f97316;box-shadow:0 10px 30px rgba(31,26,23,.20),0 1px 4px rgba(31,26,23,.10);padding:10px 26px 10px 10px;opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}
.jzpp-compact.jzpp-in{opacity:1;transform:none;pointer-events:auto}
.jzpp-compact .jzpp-tag{position:absolute;top:-9px;left:10px;background:#1f1a17;color:#fff;font:700 9.5px/1 "DM Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px 4px 7px;border-radius:999px;white-space:nowrap}
.jzpp-compact .jzpp-tag::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#f97316;margin-right:5px;vertical-align:0}
.jzpp-compact .jzpp-x{position:absolute;top:5px;right:5px;width:20px;height:20px;border:0;border-radius:50%;background:transparent;color:#9a938d;padding:0;margin:0;min-height:0;line-height:1;cursor:pointer;box-shadow:none}
.jzpp-compact .jzpp-x:hover,.jzpp-compact .jzpp-x:focus-visible{background:#f3efeb;color:#1f1a17}
.jzpp-compact .jzpp-head,.jzpp-compact .jzpp-dots{display:none}
.jzpp-compact .jzpp-card{display:flex;gap:10px;align-items:flex-start;text-decoration:none!important;color:inherit;transition:opacity .25s ease}
.jzpp-compact .jzpp-card.jzpp-fade{opacity:0}
.jzpp-compact .jzpp-img{flex:0 0 56px;width:56px;height:56px;border-radius:8px;background:#faf6f2;overflow:hidden;display:flex;align-items:center;justify-content:center}
.jzpp-compact .jzpp-img img{width:100%;height:100%;object-fit:contain;display:block;margin:0;max-width:none}
.jzpp-compact .jzpp-info{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;padding:1px 0 28px}
.jzpp-compact .jzpp-meta{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:13px;text-transform:uppercase;letter-spacing:.06em}
.jzpp-compact .jzpp-brand{font-weight:700;color:#f97316}
.jzpp-compact .jzpp-cat{font-weight:600;color:#8f8882}
.jzpp-compact .jzpp-brand:not(:empty)+.jzpp-cat:not(:empty)::before{content:" \00b7  ";color:#c9c2bb}
.jzpp-compact .jzpp-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:17px;color:#1f1a17;margin:1px 0}
.jzpp-compact .jzpp-card:hover .jzpp-name{color:#f97316}
.jzpp-compact .jzpp-price{display:block;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px;color:#f97316;font-variant-numeric:tabular-nums}
.jzpp-compact .jzpp-price del{font-size:11px;font-weight:500;color:#9a938d;margin-right:5px}
.jzpp-compact .jzpp-price small{font-size:10px;font-weight:500;color:#6b6560;margin-right:3px}
.jzpp-compact .jzpp-btns{position:absolute;left:76px;bottom:10px;display:flex;gap:6px;align-items:center}
.jzpp-compact .jzpp-b{display:inline-block;text-decoration:none!important;font:700 11.5px/1 "DM Sans",system-ui,sans-serif;padding:5px 11px;border-radius:999px;white-space:nowrap;transition:filter .15s}
.jzpp-compact .jzpp-b:hover{filter:brightness(1.12)}
.jzpp-compact .jzpp-shop{background:#1f1a17;color:#fff!important}
.jzpp-compact .jzpp-quote{background:#f97316;color:#fff!important}
.jzpp-compact .jzpp-sm{display:none}
.jzpp-compact .jzpp-wa{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1.5px solid #25d366;color:#128c4a!important;background:#fff;text-decoration:none!important}
.jzpp-compact .jzpp-wa:hover{background:#25d366;color:#fff!important}
.jzpp-compact .jzpp-wa svg{display:block}
@media (max-width:600px){
.jzpp-compact{left:8px;right:8px;width:auto;max-width:none;bottom:calc(80px + env(safe-area-inset-bottom,0px));padding:8px 28px 8px 8px;border-radius:12px}
.jzpp-compact .jzpp-tag{top:-8px;font-size:9px;padding:3px 7px 3px 6px}
.jzpp-compact .jzpp-x{top:50%;right:4px;transform:translateY(-50%);width:22px;height:22px}
.jzpp-compact .jzpp-card{align-items:center;gap:9px}
.jzpp-compact .jzpp-img{flex-basis:48px;width:48px;height:48px}
.jzpp-compact .jzpp-info{padding:0 104px 0 0}
.jzpp-compact .jzpp-meta{font-size:9.5px;line-height:12px}
.jzpp-compact .jzpp-name{font-size:13px;line-height:16px;margin:1px 0}
.jzpp-compact .jzpp-price{font-size:13.5px;line-height:17px}
.jzpp-compact .jzpp-btns{left:auto;right:28px;bottom:auto;top:50%;transform:translateY(-50%);gap:5px}
.jzpp-compact .jzpp-b{font-size:12px;padding:7px 10px}
.jzpp-compact .jzpp-lg,.jzpp-compact .jzpp-wa{display:none}
.jzpp-compact .jzpp-sm{display:inline}
}
@media (max-width:340px){.jzpp-compact .jzpp-info{padding-right:92px}.jzpp-compact .jzpp-b{padding:7px 8px}}

/* ---------- minimised "Deals" tab ---------- */
.jzpp-tab{position:fixed;left:0;bottom:24px;z-index:99980;display:inline-flex;align-items:center;gap:6px;border:0;margin:0;min-height:0;cursor:pointer;background:#1f1a17;color:#fff;font:700 12px/1 "DM Sans",system-ui,sans-serif;letter-spacing:.03em;padding:8px 12px 8px 9px;border-radius:0 999px 999px 0;box-shadow:0 6px 16px rgba(31,26,23,.25);transform:translateX(-110%);transition:transform .3s ease}
.jzpp-tab::before{content:"";width:7px;height:7px;border-radius:50%;background:#f97316}
.jzpp-tab.jzpp-in{transform:none}
.jzpp-tab:hover,.jzpp-tab:focus-visible{background:#f97316}
.jzpp-tab:hover::before,.jzpp-tab:focus-visible::before{background:#fff}
@media (prefers-reduced-motion:reduce){.jzpp-compact,.jzpp-compact .jzpp-card,.jzpp-tab{transition:none}}

/* ---------- classic (v1.1 look) ---------- */
.jzpp.jzpp-classic{position:fixed;left:20px;bottom:20px;z-index:99980;width:330px;max-width:calc(100vw - 32px);box-sizing:border-box;background:#fff;color:#2b2724;border-radius:16px;box-shadow:0 18px 48px rgba(31,26,23,.26),0 2px 8px rgba(31,26,23,.10);padding:18px 16px 14px;font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;opacity:0;transform:translateY(24px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.jzpp-classic.jzpp-in{opacity:1;transform:none;pointer-events:auto}
.jzpp-classic::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#1f1a17 50%,#f97316 50%)}
.jzpp-classic .jzpp-x{position:absolute;top:10px;right:10px;width:28px;height:28px;display:flex;align-items:center;border:0;border-radius:50%;background:#f3efeb;color:#1f1a17;font:400 20px/28px system-ui,sans-serif;text-align:center;cursor:pointer;padding:0;margin:0;min-height:0}
.jzpp-classic .jzpp-x:hover,.jzpp-classic .jzpp-x:focus-visible{background:#1f1a17;color:#fff}
.jzpp-classic .jzpp-head{padding-right:30px;margin:2px 0 12px}
.jzpp-classic .jzpp-h{font-family:"Syne","DM Sans",system-ui,sans-serif;font-weight:700;font-size:17px;line-height:1.2;text-transform:uppercase;letter-spacing:-.01em;color:#1f1a17;border-left:5px solid #f97316;padding-left:10px}
.jzpp-classic .jzpp-s{font-size:13.5px;line-height:1.4;color:#6b6560;margin-top:5px;padding-left:15px}
.jzpp-classic .jzpp-card{display:flex;gap:12px;align-items:center;text-decoration:none!important;color:inherit;background:#faf6f2;border-radius:12px;padding:10px;transition:opacity .25s ease}
.jzpp-classic .jzpp-card.jzpp-fade{opacity:0}
.jzpp-classic .jzpp-img{flex:0 0 84px;width:84px;height:84px;border-radius:10px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.jzpp-classic .jzpp-img img{width:100%;height:100%;object-fit:contain;display:block;margin:0}
.jzpp-classic .jzpp-info{display:flex;flex-direction:column;min-width:0}
.jzpp-classic .jzpp-brand{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#f97316;line-height:1.3}
.jzpp-classic .jzpp-brand:empty{display:none}
.jzpp-classic .jzpp-meta{display:flex;flex-direction:column;line-height:1.3}
.jzpp-classic .jzpp-cat{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b6560}
.jzpp-classic .jzpp-cat:empty{display:none}
.jzpp-classic .jzpp-name{font-size:14.5px;font-weight:600;line-height:1.3;color:#1f1a17;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0 4px}
.jzpp-classic .jzpp-card:hover .jzpp-name{color:#f97316}
.jzpp-classic .jzpp-price{font-size:17px;font-weight:700;color:#f97316;font-variant-numeric:tabular-nums;line-height:1.2}
.jzpp-classic .jzpp-price del{font-size:.78em;font-weight:500;color:#9a938d;margin-right:6px}
.jzpp-classic .jzpp-price small{font-size:.7em;font-weight:500;color:#6b6560;margin-right:3px}
.jzpp-classic .jzpp-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin:8px 0 0}
.jzpp-classic .jzpp-dots i{width:6px;height:6px;border-radius:50%;background:#e3ded9;transition:background .2s,width .2s}
.jzpp-classic .jzpp-dots i.on{background:#f97316;width:16px;border-radius:3px}
.jzpp-classic .jzpp-btns{display:flex;gap:8px;margin-top:12px}
.jzpp-classic .jzpp-b{flex:1 1 0;display:block;text-align:center;text-decoration:none!important;font:700 14px/1.2 "DM Sans",system-ui,sans-serif;padding:11px 8px;border-radius:10px;transition:filter .15s,transform .15s}
.jzpp-classic .jzpp-b:hover{filter:brightness(1.08);transform:translateY(-1px)}
.jzpp-classic .jzpp-shop{background:#1f1a17;color:#fff!important}
.jzpp-classic .jzpp-quote{background:#f97316;color:#fff!important}
.jzpp-classic .jzpp-wa{display:block;text-align:center;margin-top:9px;font:600 12.5px "DM Sans",system-ui,sans-serif;color:#128c4a!important;text-decoration:none!important}
.jzpp-classic .jzpp-wa::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#25d366;margin-right:6px;vertical-align:1px}
.jzpp-classic .jzpp-wa:hover{text-decoration:underline!important}
@media (max-width:600px){
.jzpp.jzpp-classic{left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:auto;max-width:420px;padding:15px 13px 12px;border-radius:14px}
.jzpp-classic .jzpp-h{font-size:15px}
.jzpp-classic .jzpp-s{font-size:12.5px}
.jzpp-classic .jzpp-img{flex-basis:64px;width:64px;height:64px}
.jzpp-classic .jzpp-name{font-size:13.5px}
.jzpp-classic .jzpp-price{font-size:15.5px}
.jzpp-classic .jzpp-b{font-size:13px;padding:10px 6px}
}
@media (max-width:340px){
.jzpp-classic .jzpp-btns{flex-direction:column;gap:6px}
}
@media (prefers-reduced-motion:reduce){
.jzpp.jzpp-classic,.jzpp-classic .jzpp-card,.jzpp-classic .jzpp-b{transition:none}
}