.CartDrawer{position:fixed;inset:0;z-index:80}.CartDrawer .overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.CartDrawer .panel{position:absolute;right:0;top:0;display:flex;flex-direction:column;width:100%;max-width:26em;height:100%;background:var(--bg);border-left:1px solid var(--border);box-shadow:-20px 0 60px rgba(0,0,0,.18)}.CartDrawer .head{display:flex;align-items:center;justify-content:space-between;padding:1.5em 1.5em 1em;border-bottom:1px solid var(--border)}.CartDrawer .head h3{font-size:1.1em;font-weight:600;letter-spacing:-.01em}.CartDrawer .head .close{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.2em;height:2.2em;border-radius:.6em;background:var(--surface);border:1px solid var(--border)}.CartDrawer .head .close:hover{background:var(--elevated)}.CartDrawer .head .close span{display:block;width:1em;height:1em;background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center/contain no-repeat}.CartDrawer .body{flex:1 1 0%;overflow-y:auto;padding:1em 1.5em}.CartDrawer .list{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0;margin:0}.CartDrawer .empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4em 1em}.CartDrawer .empty .ic{display:inline-block;width:3em;height:3em;background:var(--muted);mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.4;margin-bottom:1em}.CartDrawer .empty h4{font-size:1.05em;font-weight:600;margin-bottom:.4em}.CartDrawer .empty p{color:var(--muted);font-size:.9em;margin-bottom:1.5em}.CartDrawer .empty .cta a{color:inherit}.CartDrawer .foot{border-top:1px solid var(--border);padding:1.25em 1.5em 1.75em;background:var(--bg)}.CartDrawer .foot .row{display:flex;align-items:center;justify-content:space-between;font-size:1em;font-weight:500}.CartDrawer .foot .row .amt{font-weight:600}.CartDrawer .foot .note{font-size:.8em;color:var(--muted);margin-top:.4em;margin-bottom:1.1em}.CartDrawer .foot .checkout{display:block}