#cwd-sc{--sc-pr:#0a58e6;--sc-pr-tx:#fff;--sc-price:#e11d48;--sc-tx:#0f172a;--sc-bg:#fff;--sc-stock:#15803d;--sc-lines:2;--sc-mu:#64748b;--sc-bd:#e5e9f0;--sc-tint:#eef4ff;--sc-tile:#f1f4f9;
position:fixed;inset:0;z-index:999999;visibility:hidden;pointer-events:none;transition:visibility 0s .3s;font-family:inherit;font-size:15px;line-height:1.4;color:var(--sc-tx);text-align:left}
#cwd-sc.on{visibility:visible;pointer-events:auto;transition:none}
#cwd-sc *,#cwd-sc *:before,#cwd-sc *:after{box-sizing:border-box}
#cwd-sc button{appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;text-transform:none;letter-spacing:0;text-shadow:none;min-height:0;min-width:0;width:auto;height:auto;line-height:1.2;cursor:pointer}
#cwd-sc a{text-decoration:none;box-shadow:none}
#cwd-sc [hidden]{display:none!important}
#cwd-sc .amount,#cwd-sc bdi{color:inherit;font:inherit}
#cwd-sc svg{flex:none}
html.cwd-lock{overflow:hidden}
html.cwd-on .cart-widget-side{display:none!important}

#cwd-sc .sc-ov{position:absolute;inset:0;background:rgba(15,23,42,.55);opacity:0;transition:opacity .25s}
#cwd-sc.on .sc-ov{opacity:1}
#cwd-sc .sc-box{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--sc-bg);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);will-change:transform;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:-10px 0 40px rgba(0,0,0,.2)}
#cwd-sc.on .sc-box{transform:none}

#cwd-sc .sc-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--sc-bd)}
#cwd-sc .sc-hd h2{margin:0;padding:0;font-size:22px;font-weight:700;line-height:1.2;color:var(--sc-tx);display:flex;align-items:center;gap:12px;text-transform:none}
#cwd-sc .sc-hd small{font-size:15px;font-weight:400;color:var(--sc-mu)}
#cwd-sc .sc-ico{position:relative;display:grid}
#cwd-sc .sc-badge{position:absolute;top:-8px;right:-9px;background:var(--sc-price);color:#fff;border-radius:99px;font-size:11px;font-weight:700;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px}
#cwd-sc .sc-close{border:1.5px solid var(--sc-bd);padding:8px 14px;border-radius:10px;font-weight:600;font-size:14px;color:var(--sc-tx);flex:none}
#cwd-sc .sc-close:hover{background:var(--sc-tile)}

#cwd-sc .sc-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 20px}
#cwd-sc .it{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--sc-bd)}
#cwd-sc .th{display:block;width:76px;height:76px;border-radius:12px;background:var(--sc-tile);overflow:hidden}
#cwd-sc .th img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
#cwd-sc .nm{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--sc-lines);line-clamp:var(--sc-lines);overflow:hidden;font-weight:600;font-size:15px;line-height:1.35;color:var(--sc-tx)}
#cwd-sc .vr{color:var(--sc-mu);font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cwd-sc .pr{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;margin:3px 0 5px}
#cwd-sc .pr b{color:var(--sc-price);font-size:17px;font-weight:700}
#cwd-sc .pr s{color:var(--sc-mu);font-size:13px}
#cwd-sc .st{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:99px;background:#dcfce7;background:color-mix(in srgb,var(--sc-stock) 14%,#fff);color:var(--sc-stock)}
#cwd-sc .st.no{background:#fee2e2;color:#b91c1c}
#cwd-sc .st.bk{background:#fef3c7;color:#b45309}
#cwd-sc .side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}
#cwd-sc .del{color:var(--sc-mu);padding:4px;display:grid;border-radius:8px}
#cwd-sc .del:hover{color:var(--sc-price);background:#fff0f2}
#cwd-sc .qty{display:flex;align-items:center;border:1.5px solid var(--sc-bd);border-radius:12px}
#cwd-sc .qty button{width:34px;height:36px;font-size:20px;line-height:1;color:var(--sc-tx)}
#cwd-sc .qty button:disabled{opacity:.35;cursor:default}
#cwd-sc .qty span{min-width:26px;text-align:center;font-weight:600}
#cwd-sc .empty{padding:60px 0;text-align:center;color:var(--sc-mu)}
#cwd-sc .sk{height:76px;margin:14px 0;border-radius:12px;background:linear-gradient(90deg,var(--sc-tile) 25%,#fff 50%,var(--sc-tile) 75%);background-size:200% 100%;animation:scSk 1.2s linear infinite}
@keyframes scSk{to{background-position:-200% 0}}

#cwd-sc .sc-ft{padding:14px 20px 18px;border-top:1px solid var(--sc-bd)}
#cwd-sc.empty .sc-ft{display:none}
#cwd-sc .sc-free{display:flex;align-items:center;gap:10px;background:#fff0f2;border-radius:10px;padding:12px;font-size:14px;font-weight:500;margin-bottom:12px}
#cwd-sc .sc-free.done{background:#dcfce7;color:#15803d}
#cwd-sc .sc-ptg{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 2px;margin-bottom:8px;color:var(--sc-pr);font-weight:600;font-size:14px}
#cwd-sc .sc-ptg svg{transition:transform .2s}
#cwd-sc .sc-ptg[aria-expanded="true"] svg{transform:rotate(180deg)}
#cwd-sc .sc-promo{display:flex;gap:8px;margin-bottom:12px}
#cwd-sc .sc-code{flex:1;min-width:0;width:100%;height:44px;border:1.5px solid var(--sc-bd);background:var(--sc-bg);color:var(--sc-tx);border-radius:10px;padding:0 12px;font:inherit;font-size:14px;margin:0;box-shadow:none}
#cwd-sc .sc-code:focus{border-color:var(--sc-pr);outline:0}
#cwd-sc .sc-apply{background:var(--sc-pr);color:var(--sc-pr-tx);border-radius:10px;padding:0 20px;font-weight:600;flex:none}
#cwd-sc .sc-pm{font-size:13px;margin:0 0 10px}
#cwd-sc .sc-pm-er{color:var(--sc-price)}
#cwd-sc .sc-pm-ok{color:var(--sc-stock);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#cwd-sc .sc-pm-ok button{color:var(--sc-pr);font-weight:600;font-size:13px;text-decoration:underline}
#cwd-sc .sc-sum{display:flex;justify-content:space-between;align-items:center;background:var(--sc-tint);border-radius:12px;padding:12px 14px;margin-bottom:12px;font-weight:700;font-size:18px}
#cwd-sc .sc-sum b{color:var(--sc-price)}
#cwd-sc .sc-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;border-radius:12px;background:var(--sc-pr);color:var(--sc-pr-tx);font-weight:700;font-size:16px}
#cwd-sc .sc-go:hover{color:var(--sc-pr-tx);filter:brightness(1.08)}
#cwd-sc .sc-back{display:flex;align-items:center;gap:8px;color:var(--sc-pr);font-weight:600;font-size:15px;margin-top:12px}
#cwd-sc button:focus-visible,#cwd-sc a:focus-visible,#cwd-sc input:focus-visible{outline:2px solid var(--sc-pr);outline-offset:2px}
/* Woodmart এর মতো গোল লোডিং — পরিবর্তন সার্ভারে সেভ হওয়া পর্যন্ত দেখায় */
#cwd-sc .it.ld{position:relative}
#cwd-sc .it.ld:after{content:"";position:absolute;inset:0;z-index:1;background:var(--sc-bg);opacity:.6;pointer-events:none}
#cwd-sc .it.ld:before{content:"";position:absolute;z-index:2;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border:3px solid var(--sc-bd);border-top-color:var(--sc-pr);border-radius:50%;animation:scSp .7s linear infinite;pointer-events:none}
#cwd-sc .sc-sum{position:relative}
#cwd-sc .sc-sum.ld b{visibility:hidden}
#cwd-sc .sc-sum.ld:after{content:"";position:absolute;right:16px;top:50%;width:18px;height:18px;margin-top:-9px;border:2.5px solid var(--sc-bd);border-top-color:var(--sc-pr);border-radius:50%;animation:scSp .7s linear infinite}
@keyframes scSp{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#cwd-sc,#cwd-sc *{transition:none!important;animation:none!important}}
#cwd-sc .sc-msg{margin:0;padding:10px 20px;background:#fff0f2;color:#b91c1c;font-size:14px;font-weight:500;border-bottom:1px solid var(--sc-bd)}