.shop-cart-toggle{position:fixed;right:20px;bottom:104px;z-index:90;background:#fff;color:#004f43;border:1px solid #b4d1c6;box-shadow:0 4px 18px #0002;border-radius:28px;padding:12px 16px;min-height:44px;font-size:14px;cursor:pointer}.shop-cart-toggle b{background:#006b57;color:white;border-radius:20px;padding:3px 7px}#shop-cart{padding:0;width:min(560px,calc(100% - 24px));max-height:90dvh;border:0;border-radius:16px;color:#123a32}#shop-cart::backdrop{background:#0008}#shop-cart[open]{display:flex;flex-direction:column}#shop-cart header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #dae6df}#shop-cart h2{font-size:22px;margin:0}#shop-cart header button{background:none;border:0;font-size:28px;width:44px;height:44px;cursor:pointer}.shop-cart-body{overflow:auto;padding:0 20px;min-height:0}.shop-cart-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid #dae6df}.shop-cart-item>img{width:72px;height:88px;object-fit:contain;background:#f4f6f5;border-radius:8px}.shop-cart-item strong,.shop-cart-item small{display:block}.shop-cart-item small{font-size:13px;color:#526b63;margin:5px 0}.shop-cart-item label{font-size:13px;display:block;margin:8px 0}.shop-cart-item select{width:100%;min-height:38px;padding:5px;border:1px solid #afc5bb;border-radius:6px;background:white;color:inherit}.shop-cart-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px}.shop-cart-controls button{min-width:44px;min-height:44px;background:white;border:1px solid #afc5bb;border-radius:6px;color:inherit;cursor:pointer}.shop-cart-controls input{width:68px;min-height:44px;text-align:center;border:1px solid #afc5bb;border-radius:6px}.shop-cart-controls .shop-remove{border:0;text-decoration:underline;font-size:13px;padding:0 8px}#shop-cart footer{padding:18px 20px;border-top:1px solid #dae6df;display:grid;gap:10px;background:#fff}#shop-cart footer .button{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px}#shop-cart footer .button:disabled{opacity:.45;cursor:default}.shop-continue{min-height:44px;background:white;border:1px solid #afc5bb;border-radius:6px;color:#004f43;font-weight:600;cursor:pointer}#shop-cart footer small{font-size:12px;line-height:1.5;color:#526b63}.shop-cart-empty{padding:20px 0;text-align:center}.simple-cart-summary{border:1px solid #afc5bb;border-radius:12px;padding:24px;margin-top:24px;background:#f5f8f6}.simple-cart-summary h3{margin-top:0}.simple-cart-summary .button{margin-right:10px}.simple-cart-summary p{margin-bottom:18px}@media(max-width:600px){.shop-cart-toggle{right:12px;bottom:94px;padding:10px 12px}#shop-cart h2{font-size:19px}#shop-cart header{padding:12px 16px}.shop-cart-body{padding:0 16px}.shop-cart-item{gap:12px}.simple-cart-summary .button{display:flex;justify-content:center;margin:8px 0}}

.shop-size{width:100%;min-height:42px;padding:8px;border:1px solid #afc5bb;border-radius:6px;background:white;color:inherit;box-sizing:border-box}.shop-another{background:transparent;color:#006b57;border:0;padding:8px 0;min-height:44px;font-weight:600;text-decoration:underline;cursor:pointer}

/* One fixed stack prevents overlap at any cart size and honors mobile safe areas. */
.floating-actions{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:calc(100vw - 32px);pointer-events:none}
.floating-actions>*{pointer-events:auto}
.floating-actions .shop-cart-toggle{position:static;max-width:100%;margin:0;white-space:nowrap}
.floating-actions .shop-cart-toggle[hidden]{display:none!important}
.floating-actions .floating-whatsapp{position:static!important;inset:auto!important;display:flex!important;align-items:center;justify-content:center;flex:none;width:60px!important;height:60px!important;border:3px solid white;border-radius:50%;background:#0cbe48;box-shadow:0 6px 24px #083c3445;transform:none!important;margin:0}
.floating-actions .floating-whatsapp img{display:block;width:36px;height:36px;object-fit:contain}
body:has(dialog[open]) .floating-actions{visibility:hidden;pointer-events:none}
@media(max-width:720px){
 .floating-actions{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:12px}
 .floating-actions .floating-whatsapp{width:56px!important;height:56px!important}
 .floating-actions .floating-whatsapp img{width:32px;height:32px}
 .floating-actions .floating-whatsapp>span{display:none}
}
