/* SHAHAZ — colour/size sheet for product cards (assets/js/shahaz-card-options.js, ZIP-337).
 * Floats over a clear page (ZIP-343: no blur behind it — owner's rule for every popup), no shadows,
 * thin gold line, slim buttons. Phone: bottom sheet. Tablet/desktop: centred card. */
html.shz-opt-open,html.shz-opt-open body{overflow:hidden!important}
.shz-opt{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-end;justify-content:center;font-family:"Hind Siliguri","Noto Sans Bengali","Segoe UI",Arial,sans-serif;-webkit-tap-highlight-color:transparent}
.shz-opt[hidden]{display:none}
.shz-opt__scrim{position:absolute;inset:0;background:rgba(0,0,0,.48);opacity:0;transition:opacity .2s ease}
.shz-opt__panel{position:relative;width:100%;max-width:480px;max-height:82vh;overflow:auto;box-sizing:border-box;padding:14px 14px calc(14px + 0px);background:#fff;border-top:1.5px solid #e2b04a;border-radius:18px 18px 0 0;box-shadow:0 0 0 1px rgba(224,21,122,.18);color:#241922;transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1);outline:none}
.shz-opt.is-open .shz-opt__scrim{opacity:1}
.shz-opt.is-open .shz-opt__panel{transform:none}
.shz-opt__close{position:absolute;top:8px;right:8px;width:30px;height:30px;padding:0;border:1px solid #f1d6e4;border-radius:50%;background:#fff;color:#8a0050;font-size:20px;line-height:1;cursor:pointer}
.shz-opt__head{display:flex;gap:10px;align-items:center;padding-right:34px;margin-bottom:10px}
.shz-opt__thumb{flex:0 0 58px;width:58px;height:58px;border:1px solid #f3dbe7;border-radius:12px;overflow:hidden;background:#fff7fb}
.shz-opt__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.shz-opt__info{min-width:0}
.shz-opt__name{margin:0 0 3px;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shz-opt__price{margin:0;font-size:13px;line-height:1.2}
.shz-opt__price b{color:#e0157a;font-size:16px;font-weight:800}
.shz-opt__price del{color:#9a8a92;font-size:12px}
.shz-opt__group{margin:0 0 9px}
.shz-opt__label{margin:0 0 5px;font-size:13px;font-weight:700;color:#5b2a46}
.shz-opt__chips{display:flex;flex-wrap:wrap;gap:6px}
.shz-opt__chip{min-height:30px;padding:3px 12px;border:1px solid #ecc6d8;border-radius:999px;background:#fff;color:#3a2232;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer}
.shz-opt__chip.is-on{border-color:#e0157a;background:#fff0f7;color:#b3005f}
.shz-opt__chip.is-out{opacity:.45;text-decoration:line-through;cursor:not-allowed}
.shz-opt__note{min-height:16px;margin:2px 0 6px;color:#b3005f;font-size:12px;font-weight:600}
.shz-opt__add{display:block;width:100%;height:40px;border:0;border-radius:999px;background:linear-gradient(90deg,#ff1493,#e0157a);color:#fff;font-family:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer}
.shz-opt__add:disabled{background:#f1c7db;color:#fff;cursor:not-allowed}
.shz-opt__add.is-busy{opacity:.75}
.shz-opt.is-loading .shz-opt__groups{min-height:72px;border-radius:12px;background:linear-gradient(90deg,#fff3f9 0%,#ffe6f2 50%,#fff3f9 100%);background-size:200% 100%;animation:shz-opt-load 1.1s linear infinite}
@keyframes shz-opt-load{to{background-position:-200% 0}}
.shz-opt button:focus,.shz-opt button:focus-visible,.shz-opt__panel:focus{outline:none;box-shadow:none}
@media (min-width:768px){
	.shz-opt{align-items:center}
	.shz-opt__panel{border:1.5px solid #e2b04a;border-radius:18px;transform:translateY(16px);opacity:0;transition:transform .22s ease,opacity .22s ease}
	.shz-opt.is-open .shz-opt__panel{opacity:1}
}
@media (prefers-reduced-motion:reduce){.shz-opt__panel,.shz-opt__scrim{transition:none}.shz-opt.is-loading .shz-opt__groups{animation:none}}