/* Weedhub — handle "weedhub-cart-popup": the "Add to cart" pop-up (assets/js/cart-popup.js).
   A native <dialog>: the whole screen on a phone, a centred panel from 768 px. Top bar (product
   name + close), Meadow's product page in a frame, and the "Added to your cart" bar. Uses the
   theme's tokens (site.css); falls back to the same colours if they are missing. */
.cartpop{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;
	background:var(--obsidian,#151515);color:var(--ivory,#F5F1E8);overflow:hidden;overscroll-behavior:contain}
.cartpop[open]{display:flex;flex-direction:column}
.cartpop::backdrop{background:rgb(21 21 21/.72);backdrop-filter:blur(2px)}
html:has(.cartpop[open]){overflow:hidden}

.cartpop__top{display:flex;align-items:center;gap:var(--sp-3,12px);flex:none;min-height:56px;padding:6px 6px 6px var(--gutter,16px);
	border-bottom:1px solid var(--obs-3,#2E2E2B)}
.cartpop__title{flex:1;min-width:0;margin:0;font:600 1rem/1.3 var(--f,system-ui,sans-serif);letter-spacing:0;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cartpop__close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--obs-3,#2E2E2B);
	border-radius:var(--r,4px);background:transparent;color:inherit;cursor:pointer}
.cartpop__close:hover{border-color:var(--sun,#E8A92E);color:var(--sun,#E8A92E)}
.cartpop__close:focus-visible{outline:2px solid var(--focus,#E8A92E);outline-offset:2px}

.cartpop__well{position:relative;flex:1;min-height:0;background:var(--obsidian,#151515)}
.cartpop__loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--fog,#BDB8AC);font-size:var(--t-sm,.875rem)}
.cartpop.is-ready .cartpop__loading{display:none}
.cartpop__frame{position:relative;display:block;width:100%;height:100%;border:0;background:transparent}

.cartpop__added{display:grid;gap:var(--sp-3,12px);flex:none;padding:var(--sp-4,16px) var(--gutter,16px) calc(var(--sp-4,16px) + env(safe-area-inset-bottom));
	border-top:1px solid var(--obs-3,#2E2E2B);background:var(--obs-2,#222220)}
.cartpop__added[hidden]{display:none}
.cartpop__msg{margin:0;color:var(--sun,#E8A92E);font-weight:600}
.cartpop__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2,8px)}
.cartpop__actions .btn{min-height:44px}
.cartpop__actions .btn--outline{--bg:transparent;--fg:var(--ivory,#F5F1E8);--bd:var(--obs-3,#2E2E2B);--fill:var(--ivory,#F5F1E8);--fill-fg:var(--obsidian,#151515)}

@media (min-width:768px){
	.cartpop{inset:0;width:min(560px,92vw);height:min(880px,90svh);margin:auto;border:1px solid var(--obs-3,#2E2E2B);border-radius:var(--r,4px);
		box-shadow:var(--lift,0 24px 60px -20px rgba(0,0,0,.7))}
}
@media (prefers-reduced-motion:no-preference){
	.cartpop[open]{animation:cartpop-in .24s var(--ease,ease-out)}
	.cartpop[open]::backdrop{animation:cartpop-fade .24s var(--ease,ease-out)}
}
@keyframes cartpop-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes cartpop-fade{from{opacity:0}to{opacity:1}}