.cart-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:440px;max-width:100%;height:100dvh;max-height:100dvh;padding:0;border:0;background:#fff;color:#0f172a;box-sizing:border-box;box-shadow:-12px 0 40px #0f172a25;overflow:hidden;}
.cart-drawer::backdrop{background:rgba(15,23,42,.45);}
.cart-drawer[open]{animation:cartDrawerEnter .24s cubic-bezier(.2,.7,.2,1);}
.cart-drawer[open]::backdrop{animation:cartBackdropEnter .2s ease-out;}
.cart-drawer [hidden]{display:none!important;}
.cart-drawer__shell{display:flex;flex-direction:column;height:100%;}
.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e1ebfa;flex-shrink:0;}
.cart-drawer h2{margin:0;font-size:22px;line-height:1.3;}
.cart-drawer__scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 24px;}
.cart-drawer__item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #e1ebfa;}
.cart-drawer__item-copy{flex:1;min-width:0;}
.cart-drawer__item h3{font-size:14px;line-height:1.5;margin:0 0 6px;overflow-wrap:anywhere;}
.cart-drawer__item strong{font-size:14px;color:#1565c0;white-space:nowrap;}
.cart-drawer [data-drawer-items]>.cart-drawer__item{animation:cartItemEnter .18s ease-out;}
.cart-drawer[aria-busy="true"] [data-drawer-cart],.cart-drawer[aria-busy="true"] [data-drawer-billing]{display:none;}
.cart-drawer__skeleton-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #eaf0f7;}
.cart-drawer__skeleton-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;}
.cart-drawer__skeleton{display:block;position:relative;overflow:hidden;border-radius:4px;background:#edf2f8;}
.cart-drawer__skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:translateX(-100%);animation:cartSkeletonSweep 1.5s ease-in-out infinite;}
.cart-drawer__skeleton--title{width:82%;height:16px;}
.cart-drawer__skeleton-row:nth-child(2) .cart-drawer__skeleton--title{width:66%;}
.cart-drawer__skeleton--price{width:76px;height:14px;}
.cart-drawer__skeleton--button{width:32px;height:32px;flex:0 0 32px;border-radius:6px;}
.cart-drawer[aria-busy="true"] .cart-drawer__summary strong{color:transparent;background:#edf2f8;border-radius:4px;min-width:100px;user-select:none;}
@keyframes cartDrawerEnter{from{transform:translateX(40px);}to{transform:translateX(0);}}
@keyframes cartBackdropEnter{from{background:rgba(15,23,42,0);}to{background:rgba(15,23,42,.45);}}
@keyframes cartItemEnter{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
@keyframes cartSkeletonSweep{to{transform:translateX(100%);}}
.cart-drawer__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border:0;border-radius:6px;background:#eef4fd;color:#1565c0;cursor:pointer;}
.cart-drawer__remove{background:#fff1f2;color:#c92636;}
.cart-drawer__footer{padding:18px 24px;flex-shrink:0;border-top:1px solid #e1ebfa;background:#fff;display:flex;flex-direction:column;gap:10px;}
.cart-drawer__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;}
.cart-drawer__summary small{display:block;color:#64748b;font-size:11px;margin-top:3px;}
.cart-drawer__summary strong{font-size:22px;white-space:nowrap;}
.cart-drawer__primary,.cart-drawer__secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;}
.cart-drawer__primary{background:#ff6500;border:1px solid #ff6500;color:#fff;}
.cart-drawer__primary:hover{background:#e65300;}
.cart-drawer__secondary{background:#fff;border:1px solid #dce5ef;color:#1565c0;}
.cart-drawer button:disabled{opacity:.55;cursor:wait;}
.cart-drawer :focus-visible{outline:3px solid #1565c0;outline-offset:3px;}
.cart-drawer__error{background:#fff1f2;border:1px solid #ffcdd2;color:#a82132;padding:12px;border-radius:6px;font-size:14px;line-height:1.5;margin-bottom:12px;}
.cart-drawer__billing h3{font-size:18px;margin:0 0 20px;}
.cart-drawer__billing label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px;}
.cart-drawer__billing input,.cart-drawer__billing select{width:100%;box-sizing:border-box;min-height:42px;border:1px solid #cbd5e1;border-radius:6px;padding:10px;font:inherit;font-size:14px;background:#fff;color:#0f172a;}
.cart-drawer__billing fieldset{border:0;padding:0;margin:0;min-width:0;}
.cart-drawer__billing legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
body.cart-drawer-open{overflow:hidden;}
body:has(#cartDrawer) .header-cart-preview{display:none!important;}
@media(max-width:480px){.cart-drawer{width:100%;}.cart-drawer__header,.cart-drawer__scroll,.cart-drawer__footer{padding-left:18px;padding-right:18px;}}
@media(max-height:480px){.cart-drawer__header{padding-top:10px;padding-bottom:10px;}.cart-drawer__footer{padding-top:10px;padding-bottom:10px;gap:6px;}.cart-drawer__secondary{min-height:32px;padding:6px;}}
@media(prefers-reduced-motion:reduce){.cart-drawer[open],.cart-drawer[open]::backdrop,.cart-drawer [data-drawer-items]>.cart-drawer__item,.cart-drawer__skeleton::after{animation:none;}}