.cl-wrap{max-width:1180px;margin:0 auto}
.cl-hero{background:linear-gradient(135deg,#0b1f3a,#0b3d91);color:#fff;border-radius:18px;padding:28px 30px;margin:0 0 20px}
.cl-hero h1{margin:6px 0 10px;font-size:30px;letter-spacing:-.02em;line-height:1.15;color:#fff}
.cl-hero p{margin:0 0 6px;max-width:760px;opacity:.92;line-height:1.5}
.cl-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#ff6b6b!important;opacity:1!important}
.cl-until{font-weight:600}
.cl-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.cl-list{display:flex;flex-direction:column;gap:10px}
.cl-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto 150px;gap:16px;align-items:center;background:#fff;border:1px solid #e5e5ea;border-radius:14px;padding:12px 16px;transition:border-color .15s,box-shadow .15s}
.cl-item.cl-on{border-color:#0b3d91;box-shadow:0 0 0 3px rgba(11,61,145,.12)}
.cl-item.cl-off{opacity:.75}
.cl-img{position:relative;width:76px;height:76px;border-radius:12px;background:#f5f5f7}
.cl-img img{width:100%;height:100%;object-fit:contain;border-radius:12px}
.cl-pill{position:absolute;top:-6px;left:-6px;background:#d2232a;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px}
.cl-sku{font-size:11px;color:#86868b}
.cl-info h3{margin:2px 0 4px;font-size:15px;line-height:1.3}
.cl-avail{font-size:12px;color:#6e6e73}
.cl-low{color:#c4161c;font-weight:600}
.cl-price{text-align:right;white-space:nowrap}
.cl-price s{display:block;font-size:12px;color:#86868b}
.cl-price strong{display:block;font-size:19px;color:#d2232a;letter-spacing:-.02em}
.cl-price small{font-size:11px;color:#86868b}
.cl-qty{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.cl-qty input{width:64px;text-align:center;padding:8px 4px;border:1px solid #d2d2d7;border-radius:10px;font-size:15px}
.cl-b{width:34px;height:36px;border:1px solid #d2d2d7;background:#f5f5f7;border-radius:10px;font-size:18px;cursor:pointer}
.cl-mail{font-size:13px;font-weight:600;color:#0b3d91}
.cl-sum{position:sticky;top:16px;background:#fff;border:1px solid #e5e5ea;border-radius:16px;padding:20px}
.cl-sum h2{margin:0 0 12px;font-size:18px}
.cl-sum label{display:block;font-size:13px;color:#6e6e73;margin:10px 0 0}
.cl-sum textarea,.cl-sum input{width:100%;margin-top:4px;box-sizing:border-box}
.cl-line{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:5px 0;border-bottom:1px solid #f0f0f3}
.cl-total{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 4px;font-weight:600}
.cl-total strong{font-size:22px;letter-spacing:-.02em}
.cl-go{width:100%;margin-top:14px;padding:13px;font-size:15px}
.cl-fine{font-size:11px;color:#86868b;line-height:1.45;margin:12px 0 0}
@media(max-width:900px){.cl-grid{grid-template-columns:1fr}.cl-sum{position:static}.cl-item{grid-template-columns:60px minmax(0,1fr);}.cl-img{width:60px;height:60px}.cl-price{grid-column:2;text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.cl-price s,.cl-price strong{display:inline}.cl-qty{grid-column:2;justify-content:flex-start}.cl-hero{padding:22px 18px}.cl-hero h1{font-size:24px}}