/* Cart confirmation panel. */
#bag{width:min(450px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;margin:0 0 0 auto;padding:0;border:0;border-radius:0;background:#fff;color:#111;overflow:hidden}
#bag[open]{display:flex;flex-direction:column}
#bag::backdrop,#search::backdrop{background:rgba(29,42,46,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
body:has(#bag[open]),body:has(#search[open]){overflow:hidden}
#bag .dialog-head{margin:0;padding:15px 20px;flex-shrink:0;border:0;min-height:65px}
#bag-title{font:700 22px/1.25 var(--sans);display:flex;align-items:center;gap:18px;margin:0}
#bag-title svg{width:31px;height:31px;color:#17b92f;stroke-width:2}
#bag .dialog-head>.icon-button{color:#657278;font-size:38px;font-weight:300;width:30px;height:34px}
#bag-body{padding:0 24px 30px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}
.cart-popup-items{display:grid;gap:12px}
.cart-popup-item{display:grid;grid-template-columns:62px minmax(0,1fr);position:relative;gap:12px;background:#f5f5f5;padding:17px 12px;border-radius:2px}
.cart-item-image{align-self:center}.cart-item-image img{width:62px;height:83px;object-fit:contain;mix-blend-mode:normal}
.cart-item-content h3{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:0;margin:1px 20px 10px 0;color:#000}
.cart-item-content h3 span{text-transform:capitalize}
.cart-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cart-item-bottom>strong{font-size:14px;font-weight:400;color:#657278;text-align:right}
.cart-stepper{display:flex;height:33px;border:1px solid #aeb4b6;border-radius:4px;background:#fff;overflow:hidden;color:#59676e;flex-shrink:0}
.cart-stepper button,.cart-stepper span{min-width:25px;height:31px;display:grid;place-items:center;background:none;font-size:14px;padding:0 6px}
.cart-stepper span{border-inline:1px solid #aeb4b6}
.cart-stepper button:hover{background:#eaf9f2}
.cart-remove{position:absolute;right:10px;top:13px;padding:3px;background:none;color:#111}
.cart-remove svg{width:15px;height:18px;stroke-width:1.5}
.cart-recommendations{padding-top:24px}
.cart-recommendations>h3{text-align:center;font-size:16px;font-weight:700;margin:0 0 20px}
.cart-recommendation-list{display:flex;gap:14px;overflow-x:auto;padding-bottom:9px;scrollbar-width:thin;scrollbar-color:#111 #f7f7f7;overscroll-behavior-inline:contain}
.cart-recommendation-list article{flex:0 0 190px;display:flex;gap:8px;background:#f5f5f5;border-radius:13px;padding:10px}
.cart-recommendation-list img{width:63px;height:74px;object-fit:contain;mix-blend-mode:normal;align-self:center}
.cart-recommendation-list h4{font-size:14px;line-height:1.25;margin:0 0 5px;color:#000}
.cart-recommendation-list p{font-size:14px;color:#657278;margin:0 0 4px;line-height:1.3}
.cart-recommendation-list a{display:inline-block;background:#9019ff;border-radius:18px;color:#fff;font-size:14px;line-height:24px;padding:0 22px}
.cart-recommendation-list a:hover{background:#7010ca}
.cart-delivery{padding:24px 0 8px;color:#21833b;text-align:left}
.cart-delivery .cart-delivery-heading{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.4;margin:0 0 13px}
.cart-delivery-heading svg{width:25px;height:25px;flex-shrink:0;stroke-width:1.8}
.cart-delivery-heading strong{font-weight:650}
.cart-delivery-track{height:8px;background:#e2ece6;border-radius:8px;overflow:hidden}
.cart-delivery-track>span{display:block;height:100%;background:#21833b;transition:width .2s ease}
.cart-delivery .cart-delivery-details{font-size:12px;line-height:1.5;margin:10px 0 0;color:#657278}
.cart-delivery-note{font-size:14px;margin:20px 0;color:#657278}
#bag-footer{padding:17px 22px max(15px,env(safe-area-inset-bottom));box-shadow:0 -3px 8px #0002;background:#fff;flex-shrink:0;display:grid;gap:18px}
.cart-continue{background:none;color:#9019ff;text-decoration:underline;text-underline-offset:3px;font-size:18px;padding:0;justify-self:center}
.cart-checkout{width:100%;justify-content:center;gap:5px;padding:10px 18px;min-height:50px;font-size:18px;font-weight:400}
.cart-popup-empty{text-align:center;padding:45px 10px}.cart-popup-empty>svg{width:50px;height:50px;color:#9019ff;margin-bottom:20px}.cart-popup-empty h3{font-size:24px}.cart-popup-empty p{font-size:15px}
@media(max-width:480px){#bag-body{padding-inline:18px}#bag .dialog-head{padding:14px 18px}#bag-title{font-size:21px}#bag-footer{padding-inline:18px}.cart-item-content h3{font-size:13px}.cart-item-bottom>strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.cart-delivery-track>span,.cart-delivery-track i{transition:none}}

/* Clean Classic cart */
#bag{color:#392844;width:min(450px,100vw);border-radius:16px 0 0 16px}#bag .dialog-head{padding:25px 26px;border-bottom:1px solid #eee7f2}#bag-title{font-size:24px;font-weight:650;letter-spacing:-.7px;gap:9px}.cart-count{font-size:11px;font-weight:500;letter-spacing:0;background:#f4eef9;color:#8623d5;padding:6px 9px;border-radius:20px}#bag .dialog-head>.icon-button{color:#8b7b96;font-size:28px}#bag-body{padding:0 26px 24px;scrollbar-width:thin;scrollbar-color:#d7c6e5 transparent}.cart-popup-items{gap:0}.cart-popup-item{grid-template-columns:75px minmax(0,1fr);gap:17px;background:none;padding:22px 0;border-radius:0;border-bottom:1px solid #eee7f2}.cart-item-image{background:#f6f2f9;border-radius:10px;min-height:101px;display:grid;place-items:center}.cart-item-image img{width:65px;height:82px}.cart-item-content h3{font-size:14px;font-weight:600;color:#392844;margin:0 0 6px}.cart-item-meta{font-size:11px;color:#8c8194;margin:0}.cart-item-price{display:block;font-size:14px;font-weight:600;margin:10px 0}.cart-item-bottom{justify-content:flex-start;gap:18px}.cart-stepper{border-color:#e0d7e7;border-radius:6px;height:30px;color:#392844}.cart-stepper button,.cart-stepper span{height:28px;min-width:28px;font-size:12px}.cart-stepper span{border:0}.cart-stepper button:hover{background:#f4eef9}.cart-remove{position:static;padding:0;color:#918199;font-size:11px;text-decoration:underline}.cart-delivery{background:#edf7f1;border-radius:8px;color:#3c755c;padding:13px 15px;margin:20px 0}.cart-delivery .cart-delivery-heading{font-size:12px;margin:0;gap:9px}.cart-delivery-heading svg{width:18px;height:18px}.cart-recommendations{padding-top:24px}.cart-recommendations>h3{text-align:left;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8d7e97;font-weight:600;margin-bottom:12px}.cart-recommendation-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:visible;padding:0}.cart-recommendation-list article{display:grid;grid-template-columns:35px minmax(0,1fr);gap:9px;background:#f4eef9;padding:12px;border-radius:9px;min-width:0}.cart-recommendation-list img{width:35px;height:46px}.cart-recommendation-list h4{font-size:12px;color:#392844;font-weight:600}.cart-recommendation-list small{font-size:10px;color:#96879f;line-height:1.4;display:block}.cart-recommendation-list p{font-size:11px;color:#88758f;margin:4px 0 0}.cart-recommendation-list button{grid-column:1/-1;background:white;color:#8623d5;border:1px solid #dfd1e9;border-radius:6px;padding:9px 5px;font-size:11px;font-weight:600}.cart-upgrade{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f4eef9;border:1px solid #e3d4ee;border-radius:9px;padding:12px;margin:12px 0 18px}.cart-upgrade strong{font-size:11px;line-height:1.5;display:block}.cart-upgrade small{display:block;font-size:10px;line-height:1.5;color:#8c769b;margin-top:3px}.cart-upgrade button{background:white;border:1px solid #cfb4e3;border-radius:6px;padding:8px 10px;color:#8623d5;font-size:11px;font-weight:600;flex-shrink:0}#bag-footer{padding:20px 26px max(20px,env(safe-area-inset-bottom));box-shadow:none;border-top:1px solid #eee7f2;gap:16px}#bag .cart-checkout{background:#8623d5;border-radius:8px;min-height:48px;justify-content:center;text-align:center;font-size:13px;font-weight:600;padding:16px 18px}#bag .cart-continue{font-size:12px;color:#866197;text-decoration:none}#bag button:focus-visible,#bag a:focus-visible{outline:3px solid #b891d5;outline-offset:3px}@media(max-width:480px){#bag{border-radius:0}#bag-body{padding-inline:20px}#bag .dialog-head,#bag-footer{padding-inline:20px}.cart-upgrade{gap:8px}}

/* Compact two-row cart items: name/pack, then quantity/price. */
#bag .cart-popup-item{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:16px 0;align-items:center}
#bag .cart-item-image{min-height:76px;border-radius:8px}
#bag .cart-item-image img{width:52px;height:70px}
#bag .cart-item-content{min-width:0}
#bag .cart-item-content h3{margin:0 28px 10px 0;font-size:14px;line-height:1.4}
#bag .cart-item-meta{display:inline;font-size:inherit;font-weight:500;color:inherit;text-transform:none}
#bag .cart-item-bottom{justify-content:space-between;gap:8px}
#bag .cart-item-price{margin:0;font-size:14px;line-height:1.4;text-align:right}
#bag .cart-remove{position:absolute;top:12px;right:-4px;display:grid;place-items:center;width:30px;height:30px;padding:6px;text-decoration:none;color:#74657e;border-radius:5px}
#bag .cart-remove svg{width:18px;height:18px}
#bag .cart-remove:hover{background:#f4eef9;color:#392844}
@media(max-width:360px){#bag .cart-popup-item{grid-template-columns:48px minmax(0,1fr);gap:10px}#bag .cart-item-image img{width:44px}#bag .cart-item-content h3,#bag .cart-item-price{font-size:13px}}

#bag a.cart-checkout,#bag a.cart-checkout:hover,#bag a.cart-checkout:focus-visible,#bag a.cart-checkout:active{color:#fff;opacity:1;text-decoration:none}