:root{--hss-primary:#111;--hss-radius:18px;--hss-btn-radius:16px;--hss-shadow:0 20px 50px rgba(0,0,0,.18)}
*{box-sizing:border-box}
html[lang^="bn"] .hss-hero,html[lang^="bn"] .hss-card,html[lang^="bn"] .hss-modal{font-family:"Noto Sans Bengali","Inter",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial!important;letter-spacing:0!important}
.hss-open{display:inline-block;width:100%;padding:1rem 1.15rem;border:1px solid var(--hss-primary)!important;border-radius:var(--hss-btn-radius)!important;background:var(--hss-primary)!important;color:#fff!important;cursor:pointer;font-weight:800;line-height:1.1;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.hss-open:hover{filter:brightness(.97)}.hss-open:active{transform:translateY(1px)}
.hss-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;z-index:9999}.hss-modal.is-open{display:block}
.hss-dialog{width:min(980px,95vw);max-height:92vh;background:#fff;border-radius:var(--hss-radius);margin:4vh auto;overflow:hidden;box-shadow:var(--hss-shadow)}
.hss-header{display:flex;align-items:center;gap:.75rem;padding:12px 16px;border-bottom:1px solid #f0f0f0;background:#ffffffd9}
.hss-header.hss-sticky{position:sticky;top:0;z-index:2}
.hss-badge{margin-left:auto;background:#eef2ff;color:#3730a3;border-radius:999px;padding:.25rem .6rem;font-size:12px}
.hss-close,.hss-back{border:0;background:transparent;font-size:18px;cursor:pointer;padding:.25rem .5rem;border-radius:8px}
.hss-close:hover,.hss-back:hover{background:#f5f5f5}
.hss-body{display:grid;grid-template-columns:1.2fr 1fr;height:72vh;max-height:72vh}
.hss-left{padding:14px;border-right:1px solid #f3f4f6;overflow:auto}
.hss-right{padding:14px;display:flex;flex-direction:column;overflow:auto}
.hss-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.hss-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:.8rem;border:1px solid #eee;border-radius:12px;background:#fafafa}
.hss-name{font-weight:700;color:#111}.hss-price{color:#374151;margin:0 .75rem;white-space:nowrap}
.hss-unit{color:#9ca3af;font-size:12px;margin-left:.25rem}
.hss-qty{display:flex;gap:.4rem;align-items:center}
.hss-btn{border:1px solid #d1d5db;background:#fff;border-radius:12px;padding:.5rem .75rem;cursor:pointer;font-weight:800}
.hss-add{background:var(--hss-primary);color:#fff;border-color:var(--hss-primary)}
.hss-remove{border-color:var(--hss-primary);color:var(--hss-primary);background:#fff}
.hss-count{min-width:20px;text-align:center;font-weight:800}
.hss-cart{flex:1;border:1px dashed #e5e7eb;border-radius:12px;padding:.75rem;background:#fcfcfc}
.hss-cart-empty{color:#9ca3af;text-align:center;margin-top:2.5rem}
.hss-line{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;padding:.45rem 0;border-bottom:1px solid #f5f5f5}
.hss-line:last-child{border-bottom:0}
.hss-summary{margin:.75rem 0 0;display:grid;gap:.25rem}
.hss-summary-line{display:flex;justify-content:space-between;color:#374151}
.hss-min{margin-top:.35rem;background:#fff7e6;border:1px solid #ffe6b3;color:#8a6d3b;padding:.45rem .6rem;border-radius:10px;display:none}
.hss-checkout{margin-top:.8rem;padding:1rem 1.15rem;border:1px solid var(--hss-primary)!important;border-radius:var(--hss-btn-radius)!important;background:var(--hss-primary)!important;color:#fff!important;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.hss-checkout:hover{filter:brightness(.97)}.hss-checkout[disabled]{opacity:.45;cursor:not-allowed}
@media (max-width:860px){.hss-body{grid-template-columns:1fr;height:80vh;max-height:80vh}.hss-left{border-right:0;border-bottom:1px solid #f3f4f6}}