:root{--hz:#7a3b5e;--hz-soft:#f6eef2;--hz-ink:#2b2226;--hz-line:#e8dde3;--hz-gold:#b98a3e}
.hz-btn{display:inline-block;padding:.7em 1.2em;border-radius:999px;border:1px solid var(--hz);background:#fff;color:var(--hz);font:inherit;font-weight:600;text-align:center;cursor:pointer;text-decoration:none;line-height:1.2}
.hz-btn--primary{background:var(--hz);color:#fff}.hz-btn--ghost{margin-top:.5rem}.hz-btn:disabled{opacity:.6}
.hz-x{background:none;border:0;font-size:1.6rem;line-height:1;cursor:pointer;color:inherit;padding:.2rem .5rem}
html.hz-lock{overflow:hidden}

/* Coverage */
.hz-cov-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 1.25rem}
.hz-cov-filter ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.hz-cov-filter__title{font-weight:700}
.hz-cov{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .8rem;border:1px solid var(--hz-line);border-radius:14px;color:var(--hz);text-decoration:none;font-size:.85rem;min-width:84px}
.hz-cov.is-on,.hz-cov:hover{background:var(--hz-soft);border-color:var(--hz)}
.hz-cov__img{width:44px;height:44px;object-fit:contain}
.hz-cov-badge{display:flex;flex-wrap:wrap;gap:.75rem;margin:.4rem 0}
.hz-cov-badge__i{display:inline-flex;align-items:center;gap:.4rem;color:var(--hz);font-size:.9rem}


/* VIP */
.hz-vip{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;width:100%;margin:.5rem 0 1rem;padding:.7rem 1rem;border:1.5px dashed var(--hz-gold);border-radius:12px;background:#fffaf1;color:var(--hz-ink);font:inherit;cursor:pointer;text-align:start}
.hz-vip__label{font-weight:700}.hz-vip__price{font-weight:800;color:var(--hz)}.hz-vip__hint{margin-inline-start:auto;font-size:.85rem;color:var(--hz-gold)}

/* Bundle */
.hz-bundle{margin:1.25rem 0;padding:1rem;border:1px solid var(--hz-line);border-radius:14px}
.hz-bundle h3{margin:0 0 .5rem;font-size:1.05rem}.hz-bundle ul{list-style:none;margin:0;padding:0}
.hz-bundle__row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--hz-line)}
.hz-bundle__row label{display:flex;align-items:center;gap:.6rem;flex:1}
.hz-bundle__img img{width:52px;height:52px;object-fit:cover;border-radius:8px}
.hz-bundle__foot{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}

/* Drawer */
.hz-drawer{position:fixed;inset:0;z-index:100000;visibility:hidden}
.hz-drawer.is-open{visibility:visible}
.hz-drawer__ov{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s}
.hz-drawer.is-open .hz-drawer__ov{opacity:1}
.hz-drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;width:min(420px,100%);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s ease}
[dir=rtl] .hz-drawer__panel{transform:translateX(-100%)}
.hz-drawer.is-open .hz-drawer__panel{transform:none}
.hz-drawer__head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--hz-line)}
.hz-drawer__body{flex:1;overflow:auto;padding:1rem 1.25rem}
.hz-drawer.is-loading .hz-drawer__body{opacity:.55}
.hz-drawer__foot{padding:1rem 1.25rem;border-top:1px solid var(--hz-line)}
.hz-drawer__foot .hz-btn{display:block;width:100%}
.hz-total{display:flex;justify-content:space-between;font-size:1.05rem}.hz-note{font-size:.8rem;color:#777;margin:.2rem 0 .8rem}
.hz-prog{margin-bottom:1rem;padding:.8rem;background:var(--hz-soft);border-radius:12px}
.hz-prog__msg{margin:0 0 1.1rem;font-size:.92rem;font-weight:600}
.hz-prog__bar{position:relative;height:8px;background:#e3d3dc;border-radius:99px}
.hz-prog__bar i{position:absolute;inset-block:0;inset-inline-start:0;background:var(--hz);border-radius:99px;transition:width .4s}
.hz-prog__bar b{position:absolute;top:50%;transform:translate(50%,-50%);width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #e3d3dc;font-size:.8rem;display:flex;align-items:center;justify-content:center;filter:grayscale(1)}
[dir=rtl] .hz-prog__bar b{transform:translate(-50%,-50%)}
.hz-prog__bar b.is-on{border-color:var(--hz);filter:none}
.hz-items{list-style:none;margin:0;padding:0}
.hz-item{position:relative;display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--hz-line)}
.hz-item__img img{width:68px;height:68px;object-fit:cover;border-radius:8px}
.hz-item__info{flex:1;font-size:.92rem}.hz-item__info a{color:inherit;text-decoration:none;font-weight:600}
.hz-item__row{display:flex;justify-content:space-between;align-items:center;margin-top:.4rem}
.hz-qty{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--hz-line);border-radius:99px;padding:0 .3rem}
.hz-qty button{border:0;background:none;font-size:1.1rem;cursor:pointer;padding:.2rem .5rem}
.hz-rm{position:absolute;inset-block-start:.4rem;inset-inline-end:0;border:0;background:none;font-size:1.2rem;cursor:pointer;color:#999}
.hz-tag{display:block;color:var(--hz-gold);font-size:.82rem}
.hz-empty{text-align:center;padding:3rem 0}
.hz-open-cart{position:relative;background:none;border:0;font-size:1.4rem;cursor:pointer}
.hz-cart-count{position:absolute;top:-6px;inset-inline-end:-8px;min-width:18px;height:18px;border-radius:9px;background:var(--hz);color:#fff;font-size:.7rem;line-height:18px;text-align:center}
.hz-cart-count.is-empty{display:none}

/* Sticky CTA (mobile) */
.hz-sticky{display:none}
@media (max-width:768px){
	.hz-sticky{position:fixed;inset-inline:0;bottom:0;z-index:9990;display:flex;align-items:center;gap:.7rem;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--hz-line);box-shadow:0 -4px 14px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .25s}
	.hz-sticky.is-visible{transform:none}
	.hz-sticky__img img{width:46px;height:46px;object-fit:cover;border-radius:8px;display:block}
	.hz-sticky__info{flex:1;min-width:0;display:flex;flex-direction:column;font-size:.85rem}
	.hz-sticky__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
	.hz-sticky__btn{background:var(--hz);color:#fff;border:0;border-radius:999px;padding:.8em 1.2em;font:inherit;font-weight:700;cursor:pointer}
	body.hz-has-sticky{padding-bottom:70px}
}

/* Modal */
.hz-modal{position:fixed;inset:0;z-index:100001;display:none;align-items:center;justify-content:center;padding:1rem}
.hz-modal.is-open{display:flex}
.hz-modal__ov{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.hz-modal__box{position:relative;background:#fff;border-radius:18px;padding:1.75rem 1.5rem;max-width:440px;width:100%;text-align:center}
.hz-modal__box .hz-x{position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem}
.hz-modal__box h2{font-size:1.3rem;margin:.3rem 0 .6rem;color:var(--hz)}
.hz-modal__box ul{list-style:none;padding:0;margin:.8rem 0;text-align:start}
.hz-modal__box li:before{content:"✓ ";color:var(--hz)}
.hz-wait{display:flex;flex-direction:column;gap:.6rem}
.hz-wait input{padding:.75em 1em;border:1px solid var(--hz-line);border-radius:999px;font:inherit;text-align:center}
.hz-wait__msg{min-height:1.2em;margin:0;font-size:.9rem;color:var(--hz)}
.hz-stores{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}

/* Banner */
.hz-banner{position:sticky;top:0;z-index:99998;display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;background:var(--hz);color:#fff;font-size:.88rem}
.hz-banner__t{flex:1}.hz-banner .hz-btn{background:#fff;color:var(--hz);padding:.45em 1em;white-space:nowrap}

/* Thank you */
.hz-ty{margin:1.5rem 0;padding:1.75rem 1.25rem;border-radius:18px;background:linear-gradient(135deg,var(--hz),#a45a82);color:#fff;text-align:center}
.hz-ty h2{color:#fff;margin:0 0 .5rem}.hz-ty .hz-wait__msg{color:#fff}
.hz-ty .hz-btn{background:#fff;color:var(--hz);border-color:#fff}
.hz-stores .is-main{box-shadow:0 0 0 3px rgba(185,138,62,.55)}
