.ccd{--c-c1: var(--pdp-c1, #ef394e);--c-c2: var(--pdp-c2, var(--c-c1));--c-bg: #fff;--c-soft: #f5f6f8;--c-line: rgba(15, 23, 42, .09);--c-ink: #111827;--c-mut: #6b7280;--c-ok: #16a34a;--c-okbg: #ecfdf3;--c-oktx: #065f46;--c-sale: #e11d48;--c-sold: #c2410c;--c-thumb: #fff;--c-shadow: 0 18px 50px -12px rgba(15, 23, 42, .28), 0 2px 8px rgba(15, 23, 42, .06);--c-ease: cubic-bezier(.22, 1, .36, 1);display:none;position:fixed;left:16px;bottom:16px;z-index:100050;width:372px;direction:rtl;font-family:inherit}html[data-theme=dark] .ccd{--c-bg: #171b24;--c-soft: #1f2430;--c-line: rgba(255, 255, 255, .09);--c-ink: #e8ebf0;--c-mut: #9aa3b2;--c-ok: #22c55e;--c-okbg: rgba(34, 197, 94, .1);--c-oktx: #86efac;--c-sale: #fb7185;--c-sold: #fdba74;--c-thumb: #fff;--c-shadow: 0 20px 50px -10px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .06)}.ccd.is-open{display:block}.ccd svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.ccd-panel{display:flex;flex-direction:column;max-height:min(620px,calc(100vh - 140px));max-height:min(620px,calc(100dvh - 140px));background:var(--c-bg);color:var(--c-ink);border:1px solid var(--c-line);border-radius:18px;box-shadow:var(--c-shadow);outline:none;overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);transform-origin:bottom left;transition:opacity .25s ease,transform .35s var(--c-ease)}.ccd.is-in .ccd-panel{opacity:1;transform:none}.ccd-grip{display:none}.ccd-head{display:flex;align-items:center;gap:8px;padding:10px 12px 10px 10px;border-bottom:1px solid var(--c-line)}.ccd-head h2{flex:1;margin:0;font-size:14.5px;font-weight:800;color:var(--c-ok);line-height:1.5}.ccd-okic{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--c-ok);color:#fff}.ccd-okic svg{stroke-width:3;width:14px;height:14px;stroke-dasharray:24;stroke-dashoffset:24}.ccd.is-in .ccd-okic{animation:ccd-pop .45s var(--c-ease) .1s backwards}.ccd.is-in .ccd-okic svg{animation:ccd-draw .4s ease .3s forwards}@keyframes ccd-pop{0%{transform:scale(.4);opacity:0}}@keyframes ccd-draw{to{stroke-dashoffset:0}}.ccd-tobasket{display:inline-flex;align-items:center;gap:2px;min-height:36px;padding:0 12px 0 8px;border-radius:999px;background:var(--c-soft);color:var(--c-ink)!important;font-size:12px;font-weight:700;text-decoration:none!important;transition:background .2s}.ccd-tobasket:hover{background:var(--c-line)}.ccd-tobasket svg{width:15px;height:15px}.ccd-x{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:transparent;color:var(--c-mut);cursor:pointer;transition:background .2s,color .2s}.ccd-x:hover{background:var(--c-soft);color:var(--c-ink)}.ccd-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px;scrollbar-width:thin}.ccd-item{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;background:var(--c-soft);border:1px solid var(--c-line)}.ccd-thumb{position:relative;flex:none;display:block;width:64px;height:64px;border-radius:12px;background:var(--c-thumb);overflow:hidden}.ccd-thumb img{width:100%;height:100%;object-fit:contain;display:block}.ccd-qty{position:absolute;bottom:3px;left:3px;padding:1px 6px;border-radius:7px;font-style:normal;font-size:11px;font-weight:800;color:#fff;background:#111827cc}.ccd-item-in,.ccd-card-in{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.ccd-name{margin:0;font-size:13px;font-weight:700;line-height:1.75;color:var(--c-ink)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none!important}.ccd-vars{display:flex;flex-wrap:wrap;gap:6px}.ccd-var{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;font-size:11px;color:var(--c-mut);background:var(--c-bg);border:1px solid var(--c-line)}.ccd-var i{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #7f7f7f66}.ccd-price{display:flex;flex-direction:column;line-height:1.35}.ccd-price s{font-size:11px;color:var(--c-mut)}.ccd-price b{font-size:14px;font-weight:800;color:var(--c-ink)}.ccd-price b.is-sale{color:var(--c-sale)}.ccd-price small{margin-inline-start:3px;font-size:10px;font-weight:500;color:var(--c-mut)}.ccd-save{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border-radius:12px;font-size:12px;color:var(--c-oktx);background:var(--c-okbg);border:1px dashed color-mix(in srgb,var(--c-ok) 40%,transparent);animation:ccd-up .4s var(--c-ease)}.ccd-save svg{width:16px;height:16px}.ccd-save b{font-weight:800}.ccd-sec{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:16px 2px 8px}.ccd-sec h3{margin:0;font-size:14px;font-weight:800;color:var(--c-ink);position:relative;padding-inline-start:10px}.ccd-sec h3:before{content:"";position:absolute;right:0;top:15%;bottom:15%;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--c-c1),var(--c-c2))}.ccd-sec span{font-size:11px;color:var(--c-ok);font-weight:600}.ccd-chips{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none}.ccd-chips button{flex:none;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--c-line);background:var(--c-bg);color:var(--c-mut);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.ccd-chips button[aria-selected=true]{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--c-c1),var(--c-c2))}.ccd-list{display:flex;flex-direction:column}.ccd-card{display:flex;gap:10px;padding:10px 2px;border-bottom:1px solid var(--c-line);animation:ccd-up .45s var(--c-ease) backwards}.ccd-card:last-child{border-bottom:0}.ccd-card:nth-child(2){animation-delay:.05s}.ccd-card:nth-child(3){animation-delay:.1s}.ccd-card:nth-child(n+4){animation-delay:.15s}.ccd-card[hidden]{display:none}.ccd-card .ccd-thumb{width:72px;height:72px}.ccd-off{position:absolute;top:4px;right:4px;padding:1px 6px;border-radius:7px;font-style:normal;font-size:10.5px;font-weight:800;color:#fff;background:#e11d48}.ccd-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--c-mut)}.ccd-meta span{display:inline-flex;align-items:center;gap:3px}.ccd-meta svg{width:13px;height:13px}.ccd-star svg{fill:#f59e0b;stroke:#f59e0b}.ccd-sold{color:var(--c-sold)}.ccd-sold svg{fill:#fb923c;stroke:#ea580c;stroke-width:1.4}.ccd-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto}.ccd-add,.ccd-pick{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:40px;height:40px;padding:0 9px;border-radius:12px;border:1.5px solid var(--c-c1);color:var(--c-c1)!important;background:transparent;font:inherit;font-size:12px;font-weight:700;text-decoration:none!important;cursor:pointer;transition:background .2s,color .2s,transform .15s}.ccd-add:hover,.ccd-pick:hover{background:var(--c-c1);color:#fff!important}.ccd-add:active{transform:scale(.94)}.ccd-add svg{width:19px;height:19px;stroke-width:2.4}.ccd-add.is-busy{pointer-events:none}.ccd-add.is-busy svg{animation:ccd-spin .7s linear infinite}.ccd-add.is-done{border-color:var(--c-ok);background:var(--c-ok);color:#fff!important;animation:ccd-pop .35s var(--c-ease)}@keyframes ccd-spin{to{transform:rotate(360deg)}}@keyframes ccd-up{0%{opacity:0;transform:translateY(8px)}}.ccd-foot{display:flex;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--c-line);background:var(--c-bg)}.ccd-foot:empty{display:none}.ccd-sum{flex:1;display:flex;flex-direction:column;font-size:11.5px;color:var(--c-mut);line-height:1.5}.ccd-sum b{font-size:15px;font-weight:800;color:var(--c-ink)}.ccd-sum small{margin-inline-start:3px;font-size:10.5px;font-weight:500;color:var(--c-mut)}.ccd-go{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 20px;border:0;border-radius:14px;font:inherit;font-size:13.5px;font-weight:800;color:#fff!important;background:linear-gradient(135deg,var(--c-c1),var(--c-c2));box-shadow:0 10px 20px -12px var(--c-c1);text-decoration:none!important;transition:filter .2s,transform .15s}.ccd-go:hover{filter:brightness(1.06)}.ccd-go:active{transform:scale(.98)}.ccd-x:focus-visible,.ccd-add:focus-visible,.ccd-pick:focus-visible,.ccd-go:focus-visible,.ccd-tobasket:focus-visible,.ccd-chips button:focus-visible,.ccd-name:focus-visible{outline:2px solid var(--c-c1);outline-offset:2px}.ccd-sk{display:block;height:11px;border-radius:6px;margin:6px 0;background:linear-gradient(90deg,var(--c-soft) 25%,var(--c-line) 50%,var(--c-soft) 75%);background-size:200% 100%;animation:ccd-sh 1.2s linear infinite}.ccd-sk.w60{width:60%}.ccd-sk.w40{width:40%}.ccd-sk-img{flex:none;width:64px;height:64px;border-radius:12px;margin:0}.is-sk>div{flex:1}.ccd-card.is-sk{animation:none}@keyframes ccd-sh{to{background-position:-200% 0}}@media(max-width:767.98px){.ccd{left:8px;right:8px;bottom:8px;width:auto}.ccd-panel{max-height:72vh;max-height:72dvh;transform:translateY(24px)}.ccd-grip{display:flex;justify-content:center;padding:6px 0 0;touch-action:none}.ccd-grip i{width:38px;height:4px;border-radius:4px;background:#7f7f7f66}.ccd-head{padding-top:4px;touch-action:none}}@media(prefers-reduced-motion:reduce){.ccd *,.ccd-panel{animation:none!important;transition:none!important}.ccd-okic svg{stroke-dashoffset:0}}.ccd-free{display:flex;align-items:center;gap:10px;margin-top:8px;padding:9px 11px;border-radius:12px;font-size:12px;color:var(--c-ink);background:color-mix(in srgb,var(--c-c1) 8%,transparent);border:1px solid color-mix(in srgb,var(--c-c1) 22%,transparent);animation:ccd-up .4s var(--c-ease)}.ccd-free>div{flex:1;min-width:0}.ccd-free svg{width:20px;height:20px;color:var(--c-c1)}.ccd-free b{font-weight:800;color:var(--c-c1)}.ccd-bar{position:relative;height:6px;margin-top:6px;border-radius:6px;background:color-mix(in srgb,var(--c-c1) 15%,transparent);overflow:hidden}.ccd-bar i{position:absolute;inset:0 0 0 auto;width:var(--p, 0%);border-radius:6px;background:linear-gradient(90deg,var(--c-c2),var(--c-c1));animation:ccd-grow .8s var(--c-ease) .15s backwards}@keyframes ccd-grow{0%{width:0}}.ccd-free.is-ok{color:var(--c-oktx);background:var(--c-okbg);border-color:color-mix(in srgb,var(--c-ok) 35%,transparent)}.ccd-free.is-ok svg,.ccd-free.is-ok b{color:var(--c-ok)}html[data-theme=dark] .ccd-free b{color:color-mix(in srgb,var(--c-c1) 70%,#fff)}html[data-theme=dark] .ccd-free.is-ok b{color:var(--c-ok)}.ccd-item .ccd-row{align-items:center}.ccd-step{flex:none;display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:12px;background:var(--c-bg);border:1px solid var(--c-line);transition:opacity .2s}.ccd-step button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--c-c1);cursor:pointer;transition:background .2s,transform .15s}.ccd-step button:hover{background:color-mix(in srgb,var(--c-c1) 12%,transparent)}.ccd-step button:active{transform:scale(.9)}.ccd-step button.is-del{color:var(--c-sale)}.ccd-step button svg{width:17px;height:17px;stroke-width:2.3}.ccd-step button:focus-visible{outline:2px solid var(--c-c1);outline-offset:1px}.ccd-step output{min-width:22px;text-align:center;font-size:14px;font-weight:800;color:var(--c-ink)}.ccd-step.is-busy{opacity:.55;pointer-events:none}@media(pointer:coarse){.ccd-step button{width:40px;height:40px}}.pfc{z-index:100060}.pfc .ccd-head h2{color:var(--c-ink)}.pfc-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#b45309;background:color-mix(in srgb,#f59e0b 18%,transparent)}html[data-theme=dark] .pfc-ic{color:#fbbf24}.pfc-ic svg{width:18px;height:18px;stroke-width:2.2}.pfc.is-in .pfc-ic{animation:ccd-pop .45s var(--c-ease) .1s backwards}.pfc-body{padding:12px 14px 4px}.pfc-body p{margin:0 0 10px;font-size:12.5px;line-height:1.8;color:var(--c-mut)}.pfc-list{display:flex;flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none}.pfc-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;background:var(--c-soft);border:1px solid var(--c-line);font-size:12.5px;animation:ccd-up .35s var(--c-ease) backwards}.pfc-list li:nth-child(2){animation-delay:.05s}.pfc-list li:nth-child(n+3){animation-delay:.1s}.pfc-list span{color:var(--c-mut)}.pfc-list b{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--c-ink)}.pfc-list b i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px #7f7f7f73}.pfc-foot{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;padding:10px 14px 14px}.pfc-foot .ccd-go{padding:0 12px}.pfc-foot .ccd-go svg{stroke-width:2.6}.pfc-edit{min-height:44px;border-radius:14px;border:1px solid var(--c-line);background:var(--c-soft);color:var(--c-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s}.pfc-edit:hover{background:var(--c-line)}.pfc-edit:focus-visible{outline:2px solid var(--c-c1);outline-offset:2px}.pfc-flash{border-radius:16px;animation:pfc-flash 2s ease}@keyframes pfc-flash{0%,60%{box-shadow:0 0 0 3px color-mix(in srgb,var(--pdp-c1, #ef394e) 55%,transparent)}to{box-shadow:0 0 0 3px transparent}}@media(prefers-reduced-motion:reduce){.pfc-flash{animation:none;outline:3px solid var(--pdp-c1, #ef394e)}}