/* Cart → Checkout → Confirmation (block "cart-chillsip"). Values from "Chill Sip Cart.dc.html". */
.cs-cart [hidden]{display:none!important}
.cs-cart .cs-cart__sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Hero bands ---------- */
.cs-cart .cs-cart__hero{padding:56px 0 44px;background:linear-gradient(135deg,#fff4e0,#ffe8f5,#f0eaff);border-bottom:1px solid var(--cs-ink-12)}
.cs-cart .cs-cart__hero--checkout{padding-bottom:48px}
.cs-cart .cs-cart__hero--done{padding:72px 0 56px;background:linear-gradient(135deg,#edfff4 0%,#f4f2ff 55%,#fff5fb 100%);border-bottom-color:rgba(24,168,0,.2)}
.cs-cart .cs-cart__crumbs{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1.5;color:var(--cs-ink-66);margin-bottom:16px}
.cs-cart .cs-cart__crumbs a{color:var(--cs-ink-66)!important}
.cs-cart .cs-cart__crumbs a:hover{color:var(--cs-link)!important;text-decoration:underline;text-underline-offset:4px}
.cs-cart .cs-cart__crumbs--steps{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:500}
.cs-cart .cs-cart__sep{opacity:.4}
.cs-cart .cs-cart__h1{line-height:1}
.cs-cart .cs-cart__h1--steps{margin-bottom:28px}
.cs-cart .cs-cart__h1--done{line-height:1.05;margin-bottom:14px;outline:none}
.cs-cart .cs-cart__green-text{background:linear-gradient(135deg,var(--cs-success) 0%,var(--cs-success-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* Checkout progress */
.cs-cart .cs-cart__steps{display:flex;align-items:center;flex-wrap:wrap;row-gap:10px}
.cs-cart .cs-cart__steps li{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1;color:var(--cs-ink-66)}
.cs-cart .cs-cart__steps li.cs-cart__line{flex:1;height:1.5px;max-width:56px;min-width:16px;margin:0 12px;background:var(--cs-ink-12)}
.cs-cart .cs-cart__dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:0;border:2px solid currentColor;flex-shrink:0}
.cs-cart .cs-cart__steps li.is-done{color:var(--cs-success)}
.cs-cart .cs-cart__steps li.is-done .cs-cart__dot{background:var(--cs-success);border-color:var(--cs-success);color:#fff}
.cs-cart .cs-cart__steps li.is-current{color:var(--cs-link)}
.cs-cart .cs-cart__steps li.is-current .cs-cart__dot{background:var(--cs-action);border-color:var(--cs-action);color:#fff}

/* ---------- Layout ---------- */
.cs-cart .cs-cart__body{padding-top:52px;padding-bottom:100px}
.cs-cart .cs-cart__body--checkout{padding-top:48px}
.cs-cart .cs-cart__grid{display:grid;grid-template-columns:1fr 380px;gap:36px;align-items:start}
.cs-cart .cs-cart__grid--checkout{gap:40px}
.cs-cart .cs-cart__aside{position:sticky;top:96px}
.cs-cart .cs-cart__aside--checkout{top:100px}
.admin-bar .cs-cart .cs-cart__aside{top:128px}

/* ---------- Cart list ---------- */
.cs-cart .cs-cart__listhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1.5px solid var(--cs-ink-12)}
.cs-cart .cs-cart__count{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--cs-ink-66)}
.cs-cart .cs-cart__clear{min-height:44px;margin:-14px 0;padding:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--cs-ink-66);background:none;border:0;cursor:pointer;transition:color 200ms var(--cs-ease)}
.cs-cart .cs-cart__clear:hover{color:var(--cs-magenta-text)}
.cs-cart .cs-cart__item{display:grid;grid-template-columns:88px 1fr auto auto auto;gap:16px;align-items:center;padding:18px;border-radius:12px;border:1.5px solid var(--cs-ink-12);background:#fff;margin-bottom:14px;transition:border-color 200ms var(--cs-ease),box-shadow 240ms var(--cs-ease)}
.cs-cart .cs-cart__item:hover{border-color:var(--cs-action);box-shadow:0 4px 20px rgba(108,43,255,.08)}
.cs-cart .cs-cart__thumb{grid-area:auto;width:88px;height:88px;border-radius:12px;overflow:hidden;background:#f0eaff;display:flex;align-items:center;justify-content:center;font-size:40px;line-height:1}
.cs-cart .cs-cart__thumb img,.cs-cart .cs-cart__line-thumb img{width:100%;height:100%;object-fit:contain}
.cs-cart .cs-cart__info{min-width:0}
.cs-cart .cs-cart__name{font-size:16px;font-weight:700;line-height:1.4;color:var(--cs-ink);margin-bottom:4px}
.cs-cart .cs-cart__meta{font-size:11px;font-weight:500;line-height:1.4;color:var(--cs-ink-66);text-transform:uppercase;letter-spacing:1.6px;margin-bottom:6px}
.cs-cart .cs-cart__unit{font-size:13px;font-weight:500;line-height:1.4;color:var(--cs-ink-66)}
.cs-cart .cs-cart__qty{display:flex;align-items:center;border:1.5px solid var(--cs-ink-12);border-radius:10px;overflow:hidden}
.cs-cart .cs-cart__qty button{width:44px;height:44px;background:transparent;border:0;color:var(--cs-ink);font-size:16px;font-weight:700;cursor:pointer;transition:background-color 200ms var(--cs-ease),color 200ms var(--cs-ease)}
.cs-cart .cs-cart__qty button:hover{background:rgba(108,43,255,.08);color:var(--cs-action)}
.cs-cart .cs-cart__qty button:active{transform:scale(.98)}
.cs-cart .cs-cart__qty span{width:40px;height:44px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--cs-ink);background:rgba(108,43,255,.05)}
.cs-cart .cs-cart__sum{font-size:16px;font-weight:700;color:var(--cs-ink);min-width:68px;text-align:right}
.cs-cart .cs-cart__remove{position:relative;width:32px;height:32px;border-radius:8px;background:rgba(255,45,149,.06);border:1.5px solid rgba(255,45,149,.18);color:var(--cs-magenta);font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 200ms var(--cs-ease),box-shadow 240ms var(--cs-ease)}
.cs-cart .cs-cart__remove::before{content:"";position:absolute;inset:-7px}
.cs-cart .cs-cart__remove:hover{background:rgba(255,45,149,.14);box-shadow:0 0 10px rgba(255,45,149,.2)}

/* Empty state */
.cs-cart .cs-cart__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 24px;text-align:center}
.cs-cart .cs-cart__empty-icon{font-size:64px;line-height:1;margin-bottom:28px;opacity:.5}
.cs-cart .cs-cart__empty-title{margin-bottom:12px}
.cs-cart .cs-cart__empty-text{margin-bottom:36px}

/* ---------- Panels (summary / your order / receipt) ---------- */
.cs-cart .cs-cart__panel{background:#fff;border:1.5px solid var(--cs-hairline);border-radius:var(--cs-radius-card);padding:28px}
.cs-cart .cs-cart__panel--shadow{box-shadow:0 4px 24px rgba(108,43,255,.07)}
.cs-cart .cs-cart__panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1.4;color:var(--cs-link);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--cs-ink-12)}
.cs-cart .cs-cart__panel-title--quiet{font-size:13px;color:var(--cs-ink-66);margin-bottom:22px;border-bottom-width:1.5px}
.cs-cart .cs-cart__promo{display:flex;gap:8px;margin-bottom:22px}
.cs-cart .cs-cart__promo-input{flex:1;min-width:0;min-height:44px;background:var(--cs-well);border:1.5px solid var(--cs-ink-66);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;color:var(--cs-ink);outline:none;transition:border-color 200ms var(--cs-ease)}
.cs-cart .cs-cart__promo-input::placeholder,.cs-cart .cs-cart__input::placeholder{color:var(--cs-ink-66)}
.cs-cart .cs-cart__promo-input:focus{border-color:var(--cs-action)}
.cs-cart .cs-cart__promo-input.is-applied{border-color:var(--cs-success)}
.cs-cart .cs-cart__promo-btn{min-height:44px;padding:10px 16px;border-radius:10px;border:1.5px solid var(--cs-ink-12);background:transparent;color:var(--cs-ink);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;cursor:pointer;transition:background-color 200ms var(--cs-ease),color 200ms var(--cs-ease),border-color 200ms var(--cs-ease)}
.cs-cart .cs-cart__promo-btn:hover{border-color:var(--cs-action);background:var(--cs-action);color:#fff}
.cs-cart .cs-cart__promo-btn:active{transform:scale(.98)}
.cs-cart .cs-cart__row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;line-height:1.3}
.cs-cart .cs-cart__row span{font-weight:500;color:var(--cs-ink-66)}
.cs-cart .cs-cart__row strong{font-weight:700;color:var(--cs-ink)}
.cs-cart .cs-cart__row--tight{margin-bottom:10px}
.cs-cart .cs-cart__row--receipt{margin-bottom:14px}
.cs-cart .cs-cart__row strong.cs-cart__ok,.cs-cart strong.cs-cart__ok{color:var(--cs-success)}
.cs-cart .cs-cart__rule{height:1.5px;background:var(--cs-ink-12);margin:18px 0}
.cs-cart .cs-cart__rule--thin{height:1px;margin:16px 0}
.cs-cart .cs-cart__total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.cs-cart .cs-cart__total span{font-size:16px;font-weight:700;text-transform:uppercase;color:var(--cs-ink)}
.cs-cart .cs-cart__total strong{font-size:28px;font-weight:800;line-height:1.2;color:var(--cs-ink)}
.cs-cart .cs-cart__total--checkout{margin:16px 0 0}
.cs-cart .cs-cart__total--checkout strong,.cs-cart .cs-cart__total--receipt strong{letter-spacing:-1px}
.cs-cart .cs-cart__total--receipt{margin-bottom:0}
.cs-cart .cs-cart__note{font-size:11px;font-weight:500;line-height:1.5;color:var(--cs-ink-66);text-align:center;margin-bottom:18px}
.cs-cart .cs-cart__note.is-free{font-weight:700;color:var(--cs-success)}
.cs-scope .cs-cart__cta{width:100%;font-size:13px;padding:0 24px;box-shadow:0 8px 26px rgba(108,43,255,.32)}
.cs-scope .cs-cart__cta:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(108,43,255,.42)}
.cs-scope .cs-cart__cta[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.cs-scope .cs-cart__cta--pay{margin-top:24px;font-size:16px;font-weight:800;white-space:normal}
.cs-scope .cs-cart__cta--done{margin-top:24px;box-shadow:none}
.cs-scope .cs-cart__cta--done:hover{box-shadow:none;transform:none}
.cs-cart .cs-cart__continue{display:flex;justify-content:center;margin-top:8px}
.cs-cart .cs-cart__back{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--cs-ink-66)!important}
.cs-cart .cs-cart__back:hover{color:var(--cs-link)!important;text-decoration:underline;text-underline-offset:4px}
.cs-cart .cs-cart__error{margin-top:12px;font-size:13px;font-weight:700;line-height:1.5;color:var(--cs-magenta-text);text-align:center}

/* Checkout order lines */
.cs-cart .cs-cart__line-item{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cs-cart .cs-cart__line-thumb{width:52px;height:52px;border-radius:10px;background:var(--cs-well);border:1.5px solid var(--cs-ink-12);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;overflow:hidden}
.cs-cart .cs-cart__line-info{flex:1;min-width:0;line-height:1.4}
.cs-cart .cs-cart__line-name{font-size:13px;font-weight:700;color:var(--cs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-cart .cs-cart__line-qty{font-size:11px;font-weight:500;color:var(--cs-ink-66)}
.cs-cart .cs-cart__line-sum{font-size:13px;font-weight:700;color:var(--cs-ink);flex-shrink:0}

/* ---------- Checkout boxes ---------- */
.cs-cart .cs-cart__box{min-width:0;margin:0 0 20px;background:#fff;border:1.5px solid var(--cs-ink-12);border-radius:var(--cs-radius-card);padding:28px}
.cs-cart .cs-cart__box--last{margin-bottom:0}
.cs-cart .cs-cart__box-title{float:left;width:100%;display:flex;align-items:center;gap:10px;padding:0 0 16px;margin-bottom:24px;border-bottom:1px solid var(--cs-ink-12);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1.4;color:var(--cs-link)}
.cs-cart .cs-cart__box-title+*{clear:both}
.cs-cart .cs-cart__box-title svg{opacity:.7;flex-shrink:0}
.cs-cart .cs-cart__secure{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:1.6px;background:var(--cs-well);border:1.5px solid var(--cs-ink-12);border-radius:var(--cs-radius-chip);padding:3px 10px;color:var(--cs-ink-66)}
.cs-cart .cs-cart__fields{display:grid;gap:16px;margin-bottom:16px}
.cs-cart .cs-cart__fields:last-child,.cs-cart .cs-cart__fields--flush{margin-bottom:0}
.cs-cart .cs-cart__fields--2{grid-template-columns:1fr 1fr}
.cs-cart .cs-cart__field{display:flex;flex-direction:column;gap:7px;min-width:0}
.cs-cart .cs-cart__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1.4;color:var(--cs-ink-66)}
.cs-cart .cs-cart__input{width:100%;min-height:44px;background:#fff;border:1.5px solid var(--cs-ink-12);border-radius:10px;padding:12px 14px;font-size:13px;font-weight:500;line-height:1.4;color:var(--cs-ink);outline:none;transition:border-color 200ms var(--cs-ease)}
.cs-cart .cs-cart__input:focus{border-color:var(--cs-action)}
.cs-cart .cs-cart__input:disabled{background:#fff;cursor:not-allowed;opacity:1}
.cs-cart .cs-cart__select{padding-right:36px;cursor:pointer}
.cs-cart .cs-cart__options{display:flex;flex-direction:column;gap:10px}
.cs-cart .cs-cart__option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:12px;border:1.5px solid var(--cs-ink-66);background:#fff;cursor:pointer;transition:border-color 200ms var(--cs-ease),background-color 200ms var(--cs-ease)}
.cs-cart .cs-cart__option.is-selected{border-color:var(--cs-success);background:rgba(24,168,0,.06)}
.cs-cart .cs-cart__option:has(:focus-visible),.cs-cart .cs-cart__method:has(:focus-visible){outline:3px solid var(--cs-action);outline-offset:3px}
.cs-cart .cs-cart__option-name{display:block;font-size:13px;font-weight:700;line-height:1.4;color:var(--cs-ink);margin-bottom:3px}
.cs-cart .cs-cart__option-meta{display:block;font-size:11px;font-weight:500;line-height:1.4;color:var(--cs-ink-66)}
.cs-cart .cs-cart__option strong{font-size:13px;font-weight:700;color:var(--cs-ink);white-space:nowrap}
.cs-cart .cs-cart__methods{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.cs-cart .cs-cart__method{position:relative;flex:1;min-width:110px;min-height:44px;padding:12px 16px;border-radius:10px;border:1.5px solid var(--cs-ink-66);background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:11px;font-weight:700;line-height:1.2;color:var(--cs-ink-66);text-transform:uppercase;letter-spacing:1.6px;transition:border-color 200ms var(--cs-ease),background-color 200ms var(--cs-ease),color 200ms var(--cs-ease)}
.cs-cart .cs-cart__method.is-selected{border-color:var(--cs-action);background:rgba(108,43,255,.08);color:var(--cs-action)}
.cs-cart .cs-cart__method-icon{font-size:16px;letter-spacing:0}
.cs-cart .cs-cart__marks{display:flex;gap:8px;margin-bottom:18px}
.cs-cart .cs-cart__mark{height:28px;padding:0 10px;border-radius:5px;background:var(--cs-well);border:1.5px solid var(--cs-ink-12);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:1.6px}
.cs-cart .cs-cart__mark--visa{color:#1434CB}
.cs-cart .cs-cart__mark--mc{color:#B3261E}
.cs-cart .cs-cart__mark--amex{color:#00619A}
.cs-cart .cs-cart__gateway{background:rgba(108,43,255,.05);border:1.5px dashed rgba(108,43,255,.25);border-radius:10px;padding:18px 20px;margin-bottom:18px;text-align:center}
.cs-cart .cs-cart__gateway-icon{font-size:28px;line-height:1;margin-bottom:8px}
.cs-cart .cs-cart__gateway p{font-size:11px;font-weight:500;line-height:1.6;color:var(--cs-ink-66)}
.cs-cart .cs-cart__gateway strong{color:var(--cs-action);font-weight:700}
.cs-cart .cs-cart__encrypted{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:11px;font-weight:500;line-height:1.5;color:var(--cs-ink-66)}
.cs-cart .cs-cart__encrypted svg{color:var(--cs-success);flex-shrink:0}

/* ---------- Confirmation ---------- */
.cs-cart .cs-cart__done-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--cs-success)}
.cs-cart .cs-cart__done-check{width:34px;height:34px;border-radius:50%;background:var(--cs-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;letter-spacing:0;flex-shrink:0}
.cs-cart .cs-cart__done-text{line-height:1.6;max-width:520px}
.cs-cart .cs-cart__box--details{padding:32px;margin:0}
.cs-cart .cs-cart__box--details .cs-cart__panel-title{margin-bottom:22px}
.cs-cart .cs-cart__details{display:flex;flex-direction:column;gap:20px;margin:0}
.cs-cart .cs-cart__details>div+div{border-top:1px solid rgba(46,22,100,.09);padding-top:20px}
.cs-cart .cs-cart__details dt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1.4;color:var(--cs-ink-66);margin-bottom:5px}
.cs-cart .cs-cart__details dd{margin:0}
.cs-cart .cs-cart__ref{font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1.3;color:var(--cs-ink);font-variant-numeric:tabular-nums}
.cs-cart .cs-cart__strong{font-size:16px;font-weight:700;line-height:1.4;color:var(--cs-ink)}
.cs-cart .cs-cart__sub{font-size:13px;font-weight:500;line-height:1.5;color:var(--cs-ink-66);margin-top:3px!important}
.cs-cart .cs-cart__shipnote{margin-top:28px;padding:18px 20px;border-radius:12px;background:rgba(24,168,0,.06);border:1.5px solid rgba(24,168,0,.25);font-size:13px;font-weight:700;line-height:1.6;color:var(--cs-success)}

/* WooCommerce branch */
.cs-cart .cs-cart__wc{display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:560px}

/* ---------- Responsive ---------- */
@media (max-width:980px){
.cs-cart .cs-cart__grid,.cs-cart .cs-cart__grid--checkout{grid-template-columns:1fr;gap:20px}
.cs-cart .cs-cart__aside,.cs-cart .cs-cart__aside--checkout{position:static}
.cs-cart .cs-cart__fields--2{grid-template-columns:1fr}
.cs-cart .cs-cart__body{padding-top:40px;padding-bottom:72px}
}
@media (max-width:600px){
.cs-cart .cs-cart__item{grid-template-columns:72px 1fr auto;grid-template-areas:"thumb info remove" "thumb qty sum";gap:12px 14px;padding:14px}
.cs-cart .cs-cart__thumb{grid-area:thumb;width:72px;height:72px;align-self:start}
.cs-cart .cs-cart__info{grid-area:info}
.cs-cart .cs-cart__qty{grid-area:qty;justify-self:start}
.cs-cart .cs-cart__sum{grid-area:sum;min-width:0}
.cs-cart .cs-cart__remove{grid-area:remove;align-self:start}
.cs-cart .cs-cart__box,.cs-cart .cs-cart__box--details,.cs-cart .cs-cart__panel{padding:22px 18px}
.cs-cart .cs-cart__steps{gap:12px 18px}
.cs-cart .cs-cart__steps li.cs-cart__line{display:none}
}
@media (prefers-reduced-motion:reduce){
.cs-scope .cs-cart__cta:hover{transform:none}
}