/* WATT Cart Drawer - Sidebar */
.watt-cart-overlay{position:fixed;inset:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:99998;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.25s ease,visibility 0.25s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
.watt-cart-overlay.active{opacity:1;visibility:visible;pointer-events:auto;}
.watt-cart-drawer{position:fixed;top:0;right:0;width:480px;max-width:92vw;height:100%;background:#fff;z-index:99999;transform:translateX(100%);visibility:hidden;opacity:0;pointer-events:none;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),visibility 0.3s ease,opacity 0.3s ease;display:flex;flex-direction:column;box-shadow:-4px 0 24px rgba(0,0,0,0.18);box-sizing:border-box;overflow:hidden;}
.watt-cart-drawer.active{transform:translateX(0);visibility:visible;opacity:1;pointer-events:auto;}
.watt-cart-drawer *{box-sizing:border-box;}
.watt-cart-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 20px!important;border-bottom:1px solid #e5e7eb!important;flex-shrink:0!important;width:100%!important;box-sizing:border-box!important;background:#fff!important;position:relative!important;}
.watt-cart-title-wrap{display:flex!important;align-items:center!important;gap:10px!important;}
.watt-cart-title{font-weight:800!important;font-size:22px!important;color:#111!important;font-family:Inter,system-ui,sans-serif!important;line-height:1!important;}
.watt-cart-count{background:#f3f4f6!important;color:#6b7280!important;padding:4px 10px!important;border-radius:20px!important;font-size:13px!important;font-weight:600!important;line-height:1!important;}
button.watt-cart-close,
.watt-cart-close{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;border-radius:50%!important;background:#f4f4f5!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#111!important;padding:0!important;margin:0!important;line-height:1!important;outline:none!important;box-shadow:none!important;flex-shrink:0!important;transition:background 0.15s ease,color 0.15s ease!important;position:relative!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
button.watt-cart-close:hover,
button.watt-cart-close:focus,
.watt-cart-close:hover{background:#e4e4e7!important;color:#E30613!important;}
button.watt-cart-close svg,
.watt-cart-close svg{width:20px!important;height:20px!important;display:block!important;stroke:currentColor!important;stroke-width:2.2!important;pointer-events:none!important;flex-shrink:0!important;}
.watt-cart-body{flex:1;overflow-y:auto;padding:32px 24px;display:flex;flex-direction:column;}
.watt-cart-empty{text-align:center;}
.watt-cart-empty-title{font-weight:800;font-size:22px;color:#111;margin-bottom:8px;font-family:Inter,system-ui,sans-serif;}
.watt-cart-empty-desc{font-size:14px;color:#6b7280;line-height:1.5;margin-bottom:32px;max-width:320px;margin-left:auto;margin-right:auto;}
.watt-cart-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 16px;margin-bottom:32px;}
.watt-cart-cat{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#111;}
.watt-cart-cat-circle{width:100%;aspect-ratio:1;background:#f0f0ef;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;overflow:hidden;position:relative;}
.watt-cart-cat-circle img{width:70%;height:70%;object-fit:contain;}
.watt-cart-cat-circle-placeholder{width:50%;height:50%;background:#ddd;border-radius:4px;}
.watt-cart-cat-name{font-weight:700;font-size:13px;color:#111;line-height:1.3;font-family:Inter,system-ui,sans-serif;}
.watt-cart-start-btn{display:block;width:100%;background:#FFD700;color:#000;border:none;border-radius:12px;padding:16px 24px;font-weight:800;font-size:16px;text-align:center;text-decoration:none;cursor:pointer;margin-top:auto;transition:background 0.2s;font-family:Inter,system-ui,sans-serif;}
.watt-cart-start-btn:hover{background:#ffcc00;color:#000;}
/* Cart with items */
.watt-cart-items{flex:1;}
.watt-cart-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #f0f0f0;}
.watt-cart-item img{width:64px;height:64px;object-fit:contain;background:#f5f5f5;border-radius:8px;}
.watt-cart-item-details{flex:1;}
.watt-cart-item-name{font-weight:600;font-size:14px;color:#111;margin-bottom:4px;}
.watt-cart-item-price{font-size:13px;color:#6b7280;}
.watt-cart-footer{padding:20px 24px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0;}
.watt-cart-subtotal{display:flex;justify-content:space-between;font-weight:800;font-size:16px;margin-bottom:16px;color:#111;}
.watt-cart-actions{display:flex;flex-direction:column;gap:10px;}
.watt-cart-checkout{background:#FFD700;color:#000;border:none;border-radius:12px;padding:14px 24px;font-weight:800;font-size:15px;text-align:center;text-decoration:none;display:block;}
.watt-cart-view{background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:12px;padding:14px 24px;font-weight:600;font-size:15px;text-align:center;text-decoration:none;display:block;}
@media(max-width:480px){.watt-cart-drawer{width:100%;max-width:100vw;}.watt-cart-cats{grid-template-columns:repeat(2,1fr);}}