/* Painted layers are independent of the live inventory and receipt text. */
#merchBag{--bag-paper:#f3e6c8;--bag-blue:#0756a6;width:min(1300px,calc(100vw - 32px));max-width:none;max-height:calc(100svh - 24px);margin:auto;padding:44px 18px 18px;border:0;border-radius:0;background:transparent;color:#123c32;box-shadow:none;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f3e6c899 transparent;font-family:var(--veluwe-ui,system-ui,sans-serif)}
#merchBag::backdrop{background:#082b268c;backdrop-filter:blur(5px)}
#merchBag .merch-inventory__mat{position:relative;isolation:isolate;border:26px solid transparent;border-image:url('/assets/shop-merch/inventory/linen-mat.webp') 70 / 26px / 0 stretch;padding:10px 14px 14px;background:#f1dfb9 url('/assets/shop-merch/inventory/linen-weave.webp') center/320px 320px;background-clip:padding-box;filter:drop-shadow(0 10px 12px #061e1a55)}
#merchBag[open] .merch-inventory__mat{animation:bag-unpack 380ms cubic-bezier(.2,.75,.25,1) both}
#merchBag .merch-inventory__workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:24px;align-items:stretch}
#merchBag .merch-inventory__close-rail{position:sticky;top:0;z-index:8;display:flex;justify-content:flex-end;height:0;pointer-events:none}
#merchBag .merch-simple{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:0;background:none;color:var(--bag-blue);font:16px/1.25 var(--veluwe-ui,system-ui,sans-serif);text-underline-offset:4px;touch-action:manipulation}
#merchBag .merch-simple:hover{text-decoration:underline}
#merchBag .merch-simple:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
#merchBag .merch-inventory__close{flex:0 0 48px;width:48px;height:48px;margin:-2px -5px 0 0;border-radius:50%;font:42px/1 var(--veluwe-ui,system-ui,sans-serif);pointer-events:auto;background:#f3e6c8e6}
#merchBag .merch-inventory__display{position:relative;display:flex;align-items:center;min-width:0;padding:72px 4px 10px 10px}
#merchBag .merch-inventory__open-bag{position:absolute;z-index:0;left:-42px;top:-68px;width:205px;height:205px;object-fit:contain;pointer-events:none;user-select:none;transform:rotate(-7deg)}
#merchBag .merch-inventory__items{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;align-items:center;justify-items:center;list-style:none;padding:0;margin:0}
#merchBag .merch-inventory__item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;min-width:0;width:100%;padding:0;border:0;background:none}
#merchBag .merch-inventory__photo{position:relative;display:grid;place-items:center;flex:0 0 auto;width:100%;height:214px}
#merchBag .merch-inventory__photo img{display:block;max-width:100%;width:auto;height:100%;max-height:100%;object-fit:contain;border:0;border-radius:0;transform:none;filter:drop-shadow(1px 4px 2px #71503926);user-select:none}
#merchBag .merch-inventory__item[data-bag-item=notebook] .merch-inventory__photo img,#merchBag .merch-inventory__item[data-bag-item=print] .merch-inventory__photo img{height:228px;max-height:228px}
#merchBag .merch-inventory__tag{position:relative;display:flex;align-items:center;justify-content:space-between;gap:3px;width:100%;max-width:290px;min-height:83px;padding:14px 13px 11px 76px;background:url('/assets/shop-merch/inventory/price-tag.webp') center/100% 100% no-repeat;transform:rotate(-2deg)}
#merchBag .merch-inventory__item:nth-child(even) .merch-inventory__tag{transform:rotate(1deg)}
#merchBag .merch-inventory__item-copy{min-width:0;flex:1}
#merchBag .merch-inventory__item h3{margin:0;color:var(--bag-blue);font:normal clamp(23px,2.1vw,29px)/1.02 var(--veluwe-display,Veluwe,Impact,sans-serif);overflow-wrap:anywhere;hyphens:auto}
#merchBag .merch-inventory__item p{margin:4px 0 0;color:#123c32;font:17px/1.2 var(--veluwe-ui,system-ui,sans-serif);font-variant-numeric:tabular-nums}
#merchBag .merch-inventory__remove{flex:0 0 44px;width:44px;height:44px;max-width:none;padding:9px;border-radius:50%;transition:transform 180ms ease}
#merchBag .merch-inventory__remove:hover{transform:translateX(-2px) rotate(-8deg)}
#merchBag[data-count='1'] .merch-inventory__items{grid-template-columns:minmax(0,1fr);max-width:440px;margin:auto}
#merchBag[data-count='1'] .merch-inventory__photo{height:340px}
#merchBag[data-count='1'] .merch-inventory__item .merch-inventory__photo img{height:100%;max-height:100%}
#merchBag[data-count='2'] .merch-inventory__photo{height:260px}
#merchBag[data-count='3'] .merch-inventory__item:last-child{grid-column:1/-1;width:50%;max-width:320px}
#merchBag[data-count='0'] .merch-inventory__open-bag{display:none}
#merchBag .merch-inventory__empty{width:100%;margin:0;padding:32px 20px;text-align:center}
#merchBag .merch-inventory__empty img{display:block;width:min(280px,90%);height:auto;max-height:280px;object-fit:contain;margin:0 auto 15px;transform:rotate(-6deg)}
#merchBag .merch-inventory__empty p{max-width:340px;margin:0 auto;color:#123c32;font:22px/1.45 var(--veluwe-reading,Georgia,serif);text-wrap:balance}
#merchBag .merch-inventory__receipt{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:590px;border:21px solid transparent;border-image:url('/assets/shop-merch/inventory/receipt-paper.webp') 85 fill / 21px / 0 stretch;padding:18px 14px 7px;filter:drop-shadow(1px 4px 3px #71503933);transform:rotate(.7deg)}
#merchBag .merch-inventory__head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin:0 0 17px;padding:0 5px}
#merchBag h2{max-width:350px;margin:0;color:var(--bag-blue);font:normal clamp(36px,3.1vw,45px)/.94 var(--veluwe-display,Veluwe,Impact,sans-serif);text-align:center;text-wrap:balance;overflow-wrap:break-word}
#merchBag .merch-inventory__stamp{width:56px;height:34px;object-fit:contain;pointer-events:none}
#merchBag .merch-inventory__receipt-items{display:grid;gap:9px;list-style:none;padding:0;margin:0 0 20px}
#merchBag .merch-inventory__receipt-items li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;color:#123c32;font:17px/1.25 var(--veluwe-reading,Georgia,serif)}
#merchBag .merch-inventory__receipt-items li span:first-child{min-width:0;overflow-wrap:break-word;hyphens:auto}
#merchBag .merch-inventory__receipt-items li span:last-child{flex-shrink:0;font-variant-numeric:tabular-nums;white-space:nowrap}
#merchBag .merch-inventory__summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;margin:0 0 17px;padding:15px 0 0;border-top:1px solid #71503966;font:17px/1.25 var(--veluwe-reading,Georgia,serif)}
#merchBag .merch-inventory__summary dt{min-width:0;overflow-wrap:break-word}
#merchBag .merch-inventory__summary dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#merchBag .merch-inventory__summary :nth-last-child(-n+2){margin-top:3px;padding-top:12px;border-top:1px solid #71503966;color:var(--bag-blue);font:22px/1.25 var(--veluwe-ui,system-ui,sans-serif)}
#merchBag .merch-inventory__reward{display:flex;align-items:center;justify-content:center;gap:9px;margin:2px 0 8px}
#merchBag .merch-inventory__reward img{display:block;flex:0 0 42px;width:42px;height:38px;object-fit:contain;pointer-events:none}
#merchBag .merch-inventory__coupon{margin:0;color:#123c32;font:16px/1.35 var(--veluwe-reading,Georgia,serif);text-wrap:pretty}
#merchBag .merch-checkout{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;width:100%;min-height:88px;aspect-ratio:400/140;margin:9px auto 4px;padding:10px 0;border:0;background:none;color:var(--paper);box-shadow:none}
#merchBag .merch-checkout:before,#merchBag .merch-checkout:after{display:none}
#merchBag .merch-checkout .fox-button__art{overflow:hidden;clip-path:inset(0 0 1px)}
#merchBag .merch-checkout .merch-cta-label{padding:0 10%;font-size:clamp(16px,1.55vw,21px);line-height:1.2}
#merchBag .merch-inventory__continue{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:9px;font:16px/1.3 var(--veluwe-ui,system-ui,sans-serif)}
#merchBag .merch-inventory__demo{margin:8px 0 0;color:#715039;font:12px/1.4 var(--veluwe-ui,system-ui,sans-serif);text-align:center;text-wrap:balance}
#merchBag .merch-inventory__art-fallback{display:none;color:var(--bag-blue);font:30px/1.1 var(--veluwe-display,Veluwe,Impact,sans-serif);text-align:center}
#merchBag .merch-inventory__item[data-art=unavailable] .merch-inventory__photo img{display:none}
#merchBag .merch-inventory__item[data-art=unavailable] .merch-inventory__art-fallback{display:block}
@keyframes bag-unpack{from{opacity:0;translate:0 16px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
@media(min-width:1051px) and (max-height:820px){
 #merchBag{padding:28px 8px 8px}
 #merchBag .merch-inventory__mat{border-width:18px;border-image-width:18px;padding:6px 10px 10px}
 #merchBag .merch-inventory__workspace{gap:20px}
 #merchBag .merch-inventory__display{padding-top:50px}
 #merchBag .merch-inventory__open-bag{width:150px;height:150px;top:-44px;left:-28px}
 #merchBag .merch-inventory__photo{height:170px}
 #merchBag .merch-inventory__item[data-bag-item=notebook] .merch-inventory__photo img,#merchBag .merch-inventory__item[data-bag-item=print] .merch-inventory__photo img{height:190px;max-height:190px}
 #merchBag .merch-inventory__receipt{min-height:0;border-width:14px;border-image-width:14px;padding:10px 12px 6px}
 #merchBag h2{font-size:38px;max-width:340px}
 #merchBag .merch-inventory__head{gap:4px;margin-bottom:12px}
 #merchBag .merch-inventory__stamp{width:42px;height:25px}
 #merchBag .merch-inventory__receipt-items{gap:6px;margin-bottom:14px}
 #merchBag .merch-inventory__receipt-items li,#merchBag .merch-inventory__summary{font-size:15px}
 #merchBag .merch-inventory__summary{gap:7px;margin-bottom:12px;padding-top:11px}
 #merchBag .merch-inventory__summary :nth-last-child(-n+2){font-size:19px;padding-top:8px}
 #merchBag .merch-inventory__reward{margin:0 0 4px}
 #merchBag .merch-inventory__coupon{font-size:14.5px;line-height:1.3}
 #merchBag .merch-checkout{height:88px;min-height:76px;aspect-ratio:auto;margin:4px 0}
 #merchBag .merch-checkout .merch-cta-label{font-size:17px}
 #merchBag .merch-inventory__continue{font-size:14px}
 #merchBag .merch-inventory__demo{font-size:11px;margin-top:4px}
}
@media(min-width:701px) and (max-width:1050px){
 #merchBag{padding:34px 8px 12px}
 #merchBag .merch-inventory__mat{border-width:20px;border-image-width:20px;padding:8px 4px 10px}
 #merchBag .merch-inventory__workspace{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:13px}
 #merchBag .merch-inventory__photo{height:165px}
 #merchBag .merch-inventory__item[data-bag-item=notebook] .merch-inventory__photo img,#merchBag .merch-inventory__item[data-bag-item=print] .merch-inventory__photo img{height:180px;max-height:180px}
 #merchBag .merch-inventory__items{gap:24px 8px}
 #merchBag .merch-inventory__tag{padding:14px 3px 11px 24%;min-height:90px}
 #merchBag .merch-inventory__item h3{font-size:23px}
 #merchBag .merch-inventory__item p{font-size:15px}
 #merchBag .merch-inventory__receipt{border-width:16px;border-image-width:16px;padding:18px 8px 7px}
 #merchBag .merch-inventory__receipt-items li,#merchBag .merch-inventory__summary{font-size:16px}
 #merchBag .merch-inventory__coupon{font-size:15px}
 #merchBag .merch-inventory__open-bag{width:150px;height:150px;left:-25px;top:-52px}
 #merchBag[data-count='2'] .merch-inventory__photo{height:200px}
}
@media(max-width:700px){
 #merchBag{width:calc(100vw - 12px);max-height:calc(100svh - 12px);padding:24px 2px 6px;scrollbar-width:none}
 #merchBag .merch-inventory__mat{border-width:16px;border-image-width:16px;padding:6px 3px 10px}
 #merchBag .merch-inventory__workspace{grid-template-columns:minmax(0,1fr);gap:18px}
 #merchBag .merch-inventory__close-rail{top:-8px}
 #merchBag .merch-inventory__close{margin:-7px -8px 0 0;width:44px;height:44px;flex-basis:44px;font-size:36px}
 #merchBag .merch-inventory__display{padding:60px 1px 0;min-height:0}
 #merchBag .merch-inventory__open-bag{width:130px;height:130px;left:-24px;top:-47px}
 #merchBag .merch-inventory__items{gap:16px 7px;max-width:560px;margin:auto}
 #merchBag .merch-inventory__photo{height:clamp(122px,35vw,210px)}
 #merchBag .merch-inventory__item[data-bag-item=notebook] .merch-inventory__photo img,#merchBag .merch-inventory__item[data-bag-item=print] .merch-inventory__photo img{height:100%;max-height:100%}
 #merchBag .merch-inventory__tag{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:auto 44px;min-height:100px;padding:12px 0 8px 22%;gap:0;transform:rotate(-1deg)}
 #merchBag .merch-inventory__item-copy{display:contents}
 #merchBag .merch-inventory__item h3{grid-column:1/-1}
 #merchBag .merch-inventory__item p{grid-column:1;grid-row:2;align-self:center;margin:0}
 #merchBag .merch-inventory__remove{grid-column:2;grid-row:2}
 #merchBag .merch-inventory__item h3{font-size:clamp(20px,5.4vw,28px);line-height:1.03}
 #merchBag .merch-inventory__item p{font-size:14px;margin-top:4px}
 #merchBag .merch-inventory__remove{padding:10px 8px;width:44px;flex-basis:44px}
 #merchBag[data-count='1'] .merch-inventory__items{max-width:300px}
 #merchBag[data-count='1'] .merch-inventory__photo{height:240px}
 #merchBag[data-count='1'] .merch-inventory__tag{max-width:270px;padding-left:68px;padding-right:10px}
 #merchBag[data-count='1'] .merch-inventory__item h3{font-size:27px}
 #merchBag[data-count='2'] .merch-inventory__photo{height:clamp(140px,37vw,230px)}
 #merchBag[data-count='3'] .merch-inventory__item:last-child{width:50%;max-width:280px}
 #merchBag .merch-inventory__empty{padding:12px 12px 0}
 #merchBag .merch-inventory__empty img{width:170px;max-height:190px;margin-bottom:10px}
 #merchBag .merch-inventory__empty p{font-size:19px;max-width:320px}
 #merchBag .merch-inventory__receipt{width:100%;max-width:560px;min-height:0;justify-self:center;border-width:16px;border-image-width:16px;padding:22px 13px 12px;transform:none}
 #merchBag .merch-inventory__head{gap:5px;margin-bottom:17px}
 #merchBag h2{font-size:40px;max-width:260px}
 #merchBag .merch-inventory__receipt-items{gap:9px;margin-bottom:17px}
 #merchBag .merch-inventory__receipt-items li,#merchBag .merch-inventory__summary{font-size:16px}
 #merchBag .merch-inventory__coupon{font-size:15px}
 #merchBag .merch-checkout{min-height:84px;max-width:400px;margin-top:12px}
 #merchBag .merch-checkout .merch-cta-label{font-size:18px}
 #merchBag .merch-inventory__demo{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#merchBag[open] .merch-inventory__mat{animation:none}#merchBag .merch-inventory__remove{transition:none}#merchBag .merch-inventory__remove:hover{transform:none}}
