/* Cart drawer: proportions and visual hierarchy from the supplied Bloom reference. */
#cart-dialog{inset:0 0 0 auto;width:min(576px,100%);height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:24px 0 0 24px;background:#fff;color:#011016;overflow:hidden;box-shadow:none;font-family:Poppins,sans-serif}
#cart-dialog[open]{display:flex;flex-direction:column;animation:cart-enter .38s cubic-bezier(.22,1,.36,1)}
#cart-dialog::backdrop{background:rgb(0 163 218 / 23%);backdrop-filter:none;animation:cart-backdrop .3s ease-out}
#cart-dialog .drawer-header{flex:none;min-height:105px;padding:24px 32px 24px 48px;border-bottom:1px solid #eee;gap:16px}
#cart-dialog .drawer-header h2{display:flex;align-items:flex-start;gap:3px;margin:0;font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.8px}
#cart-dialog #drawer-count{font-size:13px;line-height:1.4;font-weight:400;letter-spacing:0;color:inherit}
#cart-dialog .drawer-header .icon-button{width:48px;height:48px;flex:none;border:1px solid #e2f3fa;border-radius:50%;color:#009de1;background:white;transition:background .2s,border-color .2s}
#cart-dialog .drawer-header .icon-button:hover{background:#f2f8fb;border-color:#009de1}
#cart-dialog .drawer-header svg{width:20px;height:20px}
#cart-items{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 34px 24px 48px;scrollbar-width:thin;scrollbar-color:#d8e7ec transparent}
#cart-dialog .cart-item{display:grid;grid-template-columns:96px minmax(0,1fr) 72px;align-items:start;gap:24px;padding:24px 0;border:0}
#cart-dialog .cart-item+.cart-item{border-top:1px solid #f0f0f0}
#cart-dialog .cart-image{display:block;width:96px;height:100px;overflow:hidden;padding:0;border:0;border-radius:0;background:#fff}
#cart-dialog .cart-image>.product-photo,#cart-dialog .cart-image>.packshot{width:100%;height:100%;margin:0;transform:none}
#cart-dialog .cart-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
#cart-dialog .cart-image .kit-visual{display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:100%}
#cart-dialog .cart-item h3{margin:0;font-size:16px;font-weight:500;line-height:20px;letter-spacing:0;overflow-wrap:anywhere}
#cart-dialog .cart-product-link{text-align:left;padding:0;color:inherit;background:transparent;font:inherit;line-height:inherit}
#cart-dialog .cart-product-link:hover{text-decoration:underline;text-underline-offset:3px}
#cart-dialog .cart-volume{white-space:nowrap}
#cart-dialog .item-price{display:block;margin-top:9px;font-size:14px;line-height:22px;font-weight:400;color:#011016}
#cart-dialog .cart-item-controls{display:flex;flex-direction:column;align-items:flex-end;gap:12px;padding-top:2px}
#cart-dialog .quantity{display:grid;grid-template-columns:40px 32px;grid-template-rows:24px 24px;width:72px;height:48px;border:0;border-radius:8px;background:#f7f7f8;overflow:hidden}
#cart-dialog .quantity output{grid-column:1;grid-row:1/3;align-self:center;min-width:0;font-size:14px;font-weight:400;padding-left:10px}
#cart-dialog .quantity button{display:grid;place-items:center;width:32px;height:24px;padding:0;color:#011016;background:transparent;border-radius:0}
#cart-dialog .quantity button:hover{background:#e7f3f8;color:#009de1}
#cart-dialog .quantity button:disabled{opacity:.3;cursor:default}
#cart-dialog .quantity svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
#cart-dialog .remove-button{padding:0;margin:0;color:#011016;font-size:12px;font-weight:400;line-height:20px;text-decoration:underline;text-underline-offset:3px}
#cart-dialog .remove-button:hover{color:#007bac}
#cart-summary{flex:none;background:#f4f4f4}
#cart-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#cart-dialog .cart-summary{padding:36px 34px max(24px,env(safe-area-inset-bottom)) 48px}
#cart-dialog .cart-summary-top{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:24px}
#cart-dialog .cart-summary .cart-delivery{max-width:225px;margin:0;font-size:14px;line-height:22px;color:#011016}
#cart-dialog .cart-total{display:flex;flex-direction:column;align-items:flex-start;flex:none;gap:4px;font-size:16px;line-height:22px}
#cart-dialog .cart-total strong{font-size:24px;line-height:30px;letter-spacing:-.5px;font-weight:700;color:#011016}
#cart-dialog .cart-summary .button{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:60px;height:auto;margin:0;border-radius:60px;padding:15px 18px;font-size:16px;line-height:24px;font-weight:500;letter-spacing:0;box-shadow:none;transform:none;transition:background .2s,color .2s}
#cart-dialog .button:before,#cart-dialog .button:after{display:none}
#cart-dialog .cart-checkout{background:#009de1;border:1px solid #009de1;color:#fff}
#cart-dialog .cart-checkout:hover{background:#008cca;border-color:#008cca}
#cart-dialog .cart-continue{margin-top:16px!important;background:transparent;border:1.5px solid #009de1;color:#009de1}
#cart-dialog .cart-continue:hover{background:#e6f3fa;color:#007eaf}
#cart-dialog .cart-continue svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
#cart-dialog .cart-summary .demo-notice{margin:12px 0 0;padding:0;background:none;border:0;text-align:center;font-size:10px;line-height:15px;color:#676767}
#cart-dialog button:focus-visible{outline:2px solid #007eaf;outline-offset:3px}
#cart-dialog .quantity button:focus-visible{outline-offset:-3px}
#cart-dialog .empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;text-align:center}
#cart-dialog .empty-state>svg{width:56px;height:56px;color:#009de1;margin-bottom:24px}
#cart-dialog .empty-state h3{font-size:24px;line-height:32px;font-weight:600;margin:0 0 12px}
#cart-dialog .empty-state p{max-width:310px;font-size:14px;line-height:23px;color:#6b7275;margin:0 0 28px}
#cart-dialog .empty-state .button{background:#009de1;color:#fff;border-radius:60px;min-height:52px;padding:14px 30px;font-size:14px}
@keyframes cart-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes cart-backdrop{from{background:rgb(0 163 218 / 0%)}to{background:rgb(0 163 218 / 23%)}}
@media(max-width:600px){
 #cart-dialog{width:100%;border-radius:0}
 #cart-dialog .drawer-header{min-height:88px;padding:20px 22px}
 #cart-dialog .drawer-header h2{font-size:27px}
 #cart-dialog .drawer-header .icon-button{width:44px;height:44px}
 #cart-items{padding:12px 22px}
 #cart-dialog .cart-item{grid-template-columns:72px minmax(0,1fr) 62px;gap:14px;padding:22px 0}
 #cart-dialog .cart-image{width:72px;height:88px}
 #cart-dialog .cart-item h3{font-size:14px;line-height:19px}
 #cart-dialog .item-price{font-size:13px;margin-top:8px}
 #cart-dialog .quantity{width:62px;grid-template-columns:30px 32px}
 #cart-dialog .quantity output{padding-left:6px}
 #cart-dialog .cart-summary{padding:24px 22px max(20px,env(safe-area-inset-bottom))}
 #cart-dialog .cart-summary-top{gap:18px;margin-bottom:20px}
 #cart-dialog .cart-summary .cart-delivery{font-size:12px;line-height:19px;max-width:170px}
 #cart-dialog .cart-total{font-size:14px}
 #cart-dialog .cart-total strong{font-size:22px;line-height:27px}
 #cart-dialog .cart-summary .button{min-height:52px;font-size:13px;line-height:20px}
 #cart-dialog .cart-continue{margin-top:12px!important}
}
@media(max-height:560px){#cart-dialog .drawer-header{min-height:70px;padding-block:12px}#cart-dialog .cart-summary{padding-top:14px;padding-bottom:12px}#cart-dialog .cart-summary-top{margin-bottom:12px}#cart-dialog .cart-summary .button{min-height:44px;padding-block:8px}#cart-dialog .cart-continue{margin-top:8px!important}}
@media(prefers-reduced-motion:reduce){#cart-dialog[open],#cart-dialog::backdrop{animation:none}#cart-dialog *{transition:none!important}}