:root{
  --bg:#0a1e24;
  --card:#0f2a32;
  --ink:#e7f8ff;
  --muted:#9cc6cf;
  --accent:#ffe500;
  --accent-ink:#102a34;
  --line: rgba(255,255,255,.08);
}
.cs-neo{background:var(--bg); padding:24px; border-radius:18px; color:var(--ink);}
.cs-grid-neo{display:grid; grid-template-columns: 1.2fr .8fr; gap:18px;}
.cs-card{background:var(--card); border-radius:18px; padding:18px; border:1px dashed rgba(255,255,255,.08); box-shadow:0 12px 24px rgba(0,0,0,.25);}
.cs-card.sticky{position:sticky; top:16px;}
.cs-step-title{font-weight:800; display:flex; align-items:center; gap:10px; margin-bottom:12px;}
.cs-step-title span{color:var(--accent);}

.cs-dropzone{display:block; border:1px dashed rgba(255,255,255,.18); border-radius:16px; padding:18px; background:linear-gradient(145deg, rgba(255,255,255,.03), transparent); cursor:pointer; transition:transform .12s ease, border-color .2s ease, box-shadow .2s ease;}
.cs-dropzone.dragging{border-color: var(--accent); box-shadow: 0 0 0 3px rgba(255,229,0,.25) inset;}
.cs-drop-inner{display:flex; flex-direction:column; align-items:center; gap:14px; min-height:180px; justify-content:center;}
.cs-thumb{display:flex; align-items:center; justify-content:center; width:100%; min-height:140px; background:radial-gradient(120px 60px at 30% 40%, rgba(255,255,255,.06), transparent); border-radius:12px; overflow:hidden;}
.cs-thumb img{max-width:70%; height:auto; display:block; filter: drop-shadow(0 8px 16px rgba(0,0,0,.35));}

.cs-btn{border:0; border-radius:14px; padding:12px 16px; cursor:pointer; font-weight:700; transition:transform .08s ease, background .2s ease;}
.cs-btn:focus{outline:0 0 0 3px rgba(255,229,0,.35);}
.cs-btn.ghost{background:transparent; color:var(--ink); border:1px solid var(--line);}
.cs-btn.primary{background:var(--accent); color:var(--accent-ink); width:100%; font-size:16px;}

.cs-pills{display:flex; flex-wrap:wrap; gap:12px;}
.cs-pills.tiny .pill{padding:8px 10px; font-size:12px;}
.pill{display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,.04); border:1px solid var(--line); color:var(--ink); padding:12px 14px; border-radius:14px; cursor:pointer; font-weight:700; transition: background .15s ease, transform .08s ease;}
.pill:hover{transform:translateY(-1px);}
.pill.active{background:rgba(255,255,255,.08); border:2px solid var(--accent); color:#ffffff;}

.cs-size-grid{display:grid; grid-template-columns: 1fr auto 1fr; gap:12px; align-items:center;}
.cs-size-grid label{display:flex; flex-direction:column; gap:6px; font-size:14px;}
.cs-size-grid input{padding:12px; background:#0b2127; color:var(--ink); border:1px solid var(--line); border-radius:12px;}
.cs-x{opacity:.4;}

.cs-subrow{margin-top:10px; display:flex; justify-content:space-between; gap:12px; align-items:center;}
.cs-qty{display:flex; align-items:center; gap:10px;}
.cs-qty input{width:110px; text-align:center; padding:12px; background:#0b2127; border:1px solid var(--line); color:var(--ink); border-radius:12px; font-weight:800;}
.cs-qty-btn{width:44px; height:44px; border-radius:12px; border:1px solid var(--line); background:rgba(255,255,255,.04); color:var(--ink); font-size:20px; font-weight:900; cursor:pointer; transition:transform .08s ease;}
.cs-qty-btn:hover{transform:translateY(-1px);}

.summary .sum-thumb{border:1px dashed var(--line); border-radius:12px; min-height:140px; display:flex; align-items:center; justify-content:center; margin-bottom:12px; background:radial-gradient(100px 60px at 60% 40%, rgba(255,255,255,.06), transparent);}
.summary .sum-thumb img{max-width:80%; height:auto; display:block; filter: drop-shadow(0 8px 16px rgba(0,0,0,.35));}
.sum-table{width:100%; border-collapse:collapse; font-size:14px; color:var(--muted);}
.sum-table td{padding:8px 0; border-bottom:1px solid var(--line);}
.sum-table td:last-child{color:var(--ink); font-weight:700;}

.cs-warnings{margin-top:8px; color:#ffd25a; font-weight:700; min-height:1.2em;}

@media (max-width: 1024px){
  .cs-grid-neo{grid-template-columns: 1fr; }
  .cs-card.sticky{position:static;}
  .cs-neo{ padding:16px; }
  .cs-pills{ flex-direction: column; }
}

/* Drawer minimal styles */
.cs-drawer { position: fixed; inset: 0; display: none; }
.cs-drawer.is-open { display: block; }
.cs-drawer__overlay { position:absolute; inset:0; background:rgba(0,0,0,.45); }
.cs-drawer__panel { position:absolute; top:0; right:0; width: 380px; max-width: 92vw; height:100%; background:#fff; box-shadow:-4px 0 24px rgba(0,0,0,.25); display:flex; flex-direction:column; }
.cs-drawer__header { padding:16px 20px; border-bottom:1px solid #eee; display:flex; align-items:center; justify-content:space-between; }
.cs-drawer__content { padding:16px 20px; flex:1; overflow:auto; }
.cs-drawer__footer { padding:16px 20px; border-top:1px solid #eee; display:flex; gap:12px; }
.cs-drawer__close { background:none; border:none; font-size:24px; line-height:1; cursor:pointer; }
.cs-drawer .button { display:inline-block; padding:10px 14px; border-radius:6px; text-decoration:none; border:1px solid #111; }
.cs-drawer .button-checkout { background:#111; color:#fff; }
body.cs-drawer-open { overflow:hidden; }

/* v8.2.3 — Resumen en reposo (en blanco total) */
.cs-summary-rest .cs-summary__material,
.cs-summary-rest .cs-summary__shape,
.cs-summary-rest .cs-summary__size,
.cs-summary-rest .cs-summary__dimensions,
.cs-summary-rest .cs-summary__qty,
.cs-summary-rest .cs-summary__price,
.cs-summary-rest .cs-summary__unit,
.cs-summary-rest .cs-summary__total { display: none !important; }