body.wcas-open { overflow: hidden; }
.wcas-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.42); z-index: 99998;
  opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease;
}
.wcas-drawer {
  position: fixed; z-index: 99999; top: 0; right: 0; height: 100vh; height: 100dvh;
  width: min(390px, 92vw); background: #fff; color: #171717;
  box-shadow: -8px 0 28px rgba(0,0,0,.15); transform: translateX(105%);
  transition: transform .28s ease; display: flex; flex-direction: column;
  font-family: inherit; box-sizing: border-box;
}
body.wcas-open .wcas-overlay { opacity: 1; visibility: visible; }
body.wcas-open .wcas-drawer { transform: translateX(0); }
.wcas-header { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid #d7dbe0; flex:0 0 auto; }
.wcas-header strong { font-size:20px; font-weight:700; }
.wcas-close { border:0!important; background:transparent!important; color:#69727e!important; font-size:32px!important; line-height:1!important; padding:0 2px!important; cursor:pointer; box-shadow:none!important; }
.wcas-items { padding: 0 20px; overflow-y:auto; flex:1 1 auto; min-height:0; }
.wcas-item { display:grid; grid-template-columns:82px minmax(0,1fr) 26px; gap:12px; align-items:center; padding:18px 0; border-bottom:1px solid #d4d8dd; }
.wcas-item-image { display:flex; align-items:center; justify-content:center; min-width:0; }
.wcas-product-image { width:72px!important; height:72px!important; object-fit:contain; margin:0!important; }
.wcas-item-name { font-size:17px; font-weight:700; line-height:1.3; margin:0 0 10px; overflow-wrap:anywhere; }
.wcas-item-price { font-size:14px; font-weight:700; line-height:1.4; }
.wcas-item-variation { font-size:12px; margin:-5px 0 7px; color:#626a73; }
.wcas-item-variation dl, .wcas-item-variation p { margin:0; }
.wcas-remove { width:24px!important; height:24px!important; padding:0!important; display:flex; align-items:center; justify-content:center; border:1px solid #d5dbe1!important; border-radius:50%!important; color:#a7afb8!important; background:#fff!important; font-size:19px!important; line-height:1!important; cursor:pointer; box-shadow:none!important; }
.wcas-remove:hover { color:#222!important; border-color:#777!important; }
.wcas-empty { padding:24px 0; text-align:center; color:#626a73; }
.wcas-bottom { flex:0 0 auto; padding:0 20px 20px; background:#fff; }
.wcas-subtotal { display:flex; justify-content:center; align-items:center; gap:5px; border-top:1px solid #d4d8dd; padding:22px 0; font-size:21px; font-weight:700; }
.wcas-subtotal-value { font-weight:700; }
.wcas-actions { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.wcas-actions a { display:flex; align-items:center; justify-content:center; min-height:51px; padding:10px 8px; box-sizing:border-box; text-align:center; text-decoration:none!important; color:#fff!important; background:#697482!important; border:0!important; border-radius:0!important; font-size:16px; font-weight:700; line-height:1.2; }
.wcas-actions a:hover { background:#4e5966!important; color:#fff!important; }
body.wcas-open .wcas-drawer, body.wcas-open .wcas-drawer * { box-sizing:border-box; }
@media(max-width:480px) {
  .wcas-drawer { width: min(390px, 100vw); }
  .wcas-header { padding:14px 16px; }
  .wcas-items { padding:0 16px; }
  .wcas-item { grid-template-columns:68px minmax(0,1fr) 25px; gap:10px; padding:15px 0; }
  .wcas-product-image { width:62px!important; height:62px!important; }
  .wcas-item-name { font-size:16px; }
  .wcas-bottom { padding:0 16px 16px; }
  .wcas-subtotal { font-size:19px; padding:18px 0; }
}