.cc-root{--cc-accent:#1b75bb;--cc-btn-bg:#000;--cc-btn-text:#fff;--cc-b1:#f7a21b;--cc-b2:linear-gradient(90deg,#2b5cff,#c51cff);--cc-b3:linear-gradient(90deg,#1f4dff,#22c1ff);--cc-radio:#f7a21b;--cc-save:#0a7d36;--cc-bar-bg:#000;--cc-bar-text:#fff;--cc-timer-bg:#fff4e5;--cc-timer-text:#b45309;position:fixed;inset:0;z-index:2147483000;pointer-events:none;color:#111;font-family:inherit;line-height:1.35}
.cc-root *{box-sizing:border-box}
.cc-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s ease}
.cc-drawer{position:absolute;top:0;right:0;height:100%;width:100%;max-width:440px;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);box-shadow:-10px 0 30px rgba(0,0,0,.15);outline:none}
.cc-root.is-open{pointer-events:auto}
.cc-root.is-open .cc-overlay{opacity:1}
.cc-root.is-open .cc-drawer{transform:none}
html.cc-lock,html.cc-lock body{overflow:hidden}
.cc-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #ececec}
.cc-head__title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase}
.cc-head__title svg{width:24px;height:24px}
.cc-bar{background:var(--cc-bar-bg);color:var(--cc-bar-text);text-align:center;font-weight:700;font-size:13px;padding:9px 14px;letter-spacing:.02em}
.cc-timer{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--cc-timer-bg);color:var(--cc-timer-text);font-size:13.5px;font-weight:600;padding:9px 14px}
.cc-timer svg{width:16px;height:16px;flex:0 0 16px}
.cc-timer b{font-variant-numeric:tabular-nums;font-size:15px}
.cc-x,.cc-line__rm{background:none;border:0;padding:6px;margin:0;cursor:pointer;color:#111;display:flex;align-items:center;justify-content:center;border-radius:50%;min-width:0;min-height:0;box-shadow:none}
.cc-x:hover,.cc-line__rm:hover{background:#f2f2f2}
.cc-x svg{width:20px;height:20px}
.cc-line__rm svg{width:16px;height:16px}
.cc-body{flex:1;overflow-y:auto;padding:14px 14px 18px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.cc-line{display:flex;align-items:center;gap:12px;border:1px solid #e7e7e7;border-radius:12px;padding:10px 10px 10px 14px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.05);background:#fff}
.cc-line__img{position:relative;flex:0 0 60px;width:60px;height:60px}
.cc-line__img img{width:60px;height:60px;object-fit:cover;border-radius:8px;display:block}
.cc-qty{position:absolute;top:-8px;left:-8px;min-width:21px;height:21px;border-radius:11px;background:#4a4a4a;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid #fff}
.cc-line__info{flex:1;min-width:0}
.cc-line__title{font-weight:700;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cc-line__var{font-size:12.5px;color:#666;margin-top:2px}
.cc-line__price{font-size:14px;margin-top:3px;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.cc-line__price s{color:#8a8a8a;font-size:13px}
.cc-offers{border-top:1px solid #e7e7e7;margin-top:6px;padding-top:14px}
.cc-offers__head{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 2px}
.cc-offers__prod{font-size:12.5px;color:#666;margin:2px 2px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-offer{border:2px solid #e7e7e7;border-radius:14px;padding:12px;margin-bottom:10px;cursor:pointer;background:#fff;transition:border-color .2s,background-color .2s;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.cc-offer:hover{border-color:color-mix(in srgb,var(--cc-accent) 40%,#fff)}
.cc-offer:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}
.cc-offer.is-sel{border-color:var(--cc-accent);background:#e7f2fb;background:color-mix(in srgb,var(--cc-accent) 10%,#fff)}
.cc-offer__row{display:flex;gap:12px;align-items:flex-start}
.cc-offer__img{flex:0 0 54px;width:54px;height:54px;object-fit:cover;border-radius:8px;background:#fff}
.cc-offer__info{flex:1;min-width:0}
.cc-offer__title{font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.03em}
.cc-offer__prices{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:6px}
.cc-offer__prices s{color:#8a8a8a;font-size:15px}
.cc-offer__prices b{font-size:20px;font-weight:700}
.cc-badge{font-size:10.5px;font-weight:800;color:#fff;padding:5px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.cc-badge--1{background:var(--cc-b1)}
.cc-badge--2{background:var(--cc-b2)}
.cc-badge--3{background:var(--cc-b3)}
.cc-radio{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:2px solid var(--cc-radio);background:#fff;margin-top:2px}
.cc-offer.is-sel .cc-radio{border-color:var(--cc-accent);background:var(--cc-accent);box-shadow:inset 0 0 0 4px #fff}
.cc-sels{display:grid;gap:8px;margin-top:12px}
.cc-sel{display:flex;align-items:center;gap:8px;margin:0}
.cc-sel span{font-weight:700;font-size:14px;width:18px}
.cc-sel select{flex:1;width:100%;height:40px;border:1px solid #c9d6e2;border-radius:8px;padding:0 10px;background:#fff;font:inherit;font-size:14px;color:#111;cursor:pointer}
.cc-sum{background:#efefef;border-radius:14px;padding:16px 18px;margin-top:8px}
.cc-sum__row{display:flex;justify-content:space-between;gap:10px;font-size:15px;margin-bottom:6px}
.cc-sum__row span:first-child{display:flex;align-items:center;gap:6px}
.cc-sum__disc{color:var(--cc-save);font-weight:600}
.cc-sum__disc svg{width:15px;height:15px}
.cc-sum__total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d5d5d5;margin-top:10px;padding-top:12px;font-weight:800;font-size:21px}
.cc-sum__save{margin-top:10px;color:var(--cc-save);background:#dff3e6;background:color-mix(in srgb,var(--cc-save) 14%,#fff);font-weight:700;font-size:13px;text-align:center;border-radius:999px;padding:7px 10px}
.cc-foot{padding:12px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #ececec;background:#fff}
.cc-checkout{width:100%;height:56px;border:0;border-radius:999px;background:var(--cc-btn-bg);color:var(--cc-btn-text);font:inherit;font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .15s,filter .15s}
.cc-checkout:hover{filter:brightness(1.15)}
.cc-checkout:active{transform:scale(.98)}
.cc-secure{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#666;margin-top:9px}
.cc-secure svg{width:14px;height:14px}
.cc-pay{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}
.cc-pay svg{width:38px;height:24px}
.cc-empty{text-align:center;padding:70px 20px;color:#444}
.cc-empty svg{width:48px;height:48px;opacity:.5}
.cc-empty p{font-size:16px;margin:12px 0 18px}
.cc-btn-outline{background:#fff;border:1.5px solid #111;border-radius:999px;padding:12px 26px;font:inherit;font-weight:700;cursor:pointer;color:#111}
.cc-loading{position:absolute;inset:0;background:rgba(255,255,255,.55);display:none;align-items:center;justify-content:center}
.cc-drawer.is-busy .cc-loading{display:flex}
.cc-spin{width:34px;height:34px;border:3px solid #ddd;border-top-color:#111;border-radius:50%;animation:ccspin .8s linear infinite}
@keyframes ccspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.cc-drawer,.cc-overlay{transition:none}}