/* Explicit WhatsApp action, shared by NanoFlex, the basket and the saved receipt. */
#nano-form .nanoSendActions #wa,
.cartDrawer #cartWhatsApp,
.requestDialog .whatsappAction{background:#25d366;color:#062b18;border:1px solid #25d366;font-weight:750}
#nano-form .nanoSendActions #wa:hover,
.cartDrawer #cartWhatsApp:hover,
.requestDialog .whatsappAction:hover{background:#42df7e;border-color:#42df7e;color:#062b18}
#nano-form .nanoSendActions #wa:focus-visible,
.cartDrawer #cartWhatsApp:focus-visible,
.requestDialog .whatsappAction:focus-visible{outline:3px solid #fff;outline-offset:3px}
#nano-form .nanoSendActions #wa[aria-disabled=true],.cartDrawer #cartWhatsApp:disabled{opacity:.45;cursor:not-allowed}
#nano-form [data-key=zones] .nanoChip span{display:inline-flex;align-items:center;gap:7px}
#nano-form [data-key=zones] .nanoChip span:before{content:'';width:15px;height:15px;flex:0 0 15px;border:1.5px solid currentColor;border-radius:4px;box-sizing:border-box}
#nano-form [data-key=zones] .nanoChip input:checked+span:before{content:'✓';display:inline-grid;place-items:center;background:#111923;border-color:#111923;color:#f4c542;font-size:12px;line-height:1;font-weight:800}
#nano-form [data-key=zones] .nanoChip:has(input:disabled){cursor:default;opacity:.8}
#nano-zone-help{margin:8px 0 0}
.shopLoading{padding:24px 0;color:#c0ccd8;font-size:14px}
.shopFull .shopFilterToggle:disabled{opacity:.45;cursor:not-allowed}
.productDialog .dialogDetails{min-width:0}
.productDialog .dialogDetails>small{color:#f4c542;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.productDialog .dialogDetails>p{color:#aeb9c4;margin:0;line-height:1.55}
.productDialog .dialogDetails:focus-visible{outline:2px solid #f4c542;outline-offset:-2px}
.cartDrawer .qtyControl button{width:44px;height:44px;min-height:44px}
.cartDrawer .cartItems article{padding-right:44px}
.cartDrawer .removeItem{width:44px;height:44px;top:14px;color:#b7c6d4}
.cartDrawer .cartHeader button,.productDialog .dialogClose{width:44px;height:44px}
@media(max-width:700px){
 html:has(body.boutiquePage){scroll-padding-top:0}
 .boutiquePage>header .nav{height:56px;min-height:56px;padding-block:0}
 .boutiquePage .shopCatalog{scroll-margin-top:76px}
}
@media(max-width:760px){
 .productDialog[open]{display:flex;flex-direction:column;height:fit-content;max-height:calc(100dvh - 24px);overflow:hidden}
 .productDialog .dialogVisual{min-height:0;height:clamp(100px,22svh,160px);flex:0 0 clamp(100px,22svh,160px);padding:8px}
 .productDialog .dialogVisual img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
 .productDialog .dialogContent{height:auto;max-height:calc(100dvh - 24px - clamp(100px,22svh,160px));min-height:0;display:flex;flex-direction:column;flex:0 1 auto;padding:14px 16px;align-self:stretch;gap:10px;box-sizing:border-box}
 .productDialog .dialogDetails{overflow:auto;min-height:0;flex:0 1 auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:3px}
 .productDialog .dialogDetails>small{font-size:11px;line-height:1.4;display:block}
 .productDialog .dialogContent h3{font-size:22px;line-height:1.2;margin:8px 0}
 .productDialog .dialogDetails>p{font-size:14px;line-height:1.45}
 .productDialog .dialogMeta{margin:10px 0 0;padding:10px 0;gap:8px;font-size:13px}
 .productDialog .dialogActions{display:grid;flex:0 0 auto;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px solid #ffffff25;background:#111b27}
 .productDialog .dialogActions .btn{font-size:13px;line-height:1.3;padding:10px 8px;min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal}
 .productDialog .dialogClose{top:10px;right:10px;background:#0b1520e8}
}