/* A consistent photographic canvas for every category. */
#collection>.wrap{container-type:inline-size}
#collection .merch-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:24px;height:auto;padding:0;margin:20px 0 0;overflow:visible;align-items:start}
#collection .merch-piece:nth-child(n){grid-area:auto;position:relative;margin:0;min-width:0;height:auto;transform:none;--merch-tint:#f0ece1;--merch-edge:#51352920}
#collection .merch-piece:nth-child(n) button{position:relative;inset:auto;display:block;width:100%;height:auto;max-height:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;text-align:left;transform:none;transition:none}
#collection .merch-piece:nth-child(n) .merch-photo{display:flex;position:relative;flex:none;aspect-ratio:4/3;width:100%;height:auto;min-height:0;padding:0;overflow:hidden;border-radius:18px;background:#eee9df;border:1px solid #51352916;isolation:isolate;transition:box-shadow .25s}
#collection .merch-piece:nth-child(n) .merch-photo img{position:absolute;inset:0;width:100%;height:100%;padding:0;object-fit:cover;mix-blend-mode:normal;transform:none;transition:transform .4s cubic-bezier(.2,.8,.3,1)}
#collection .merch-piece:nth-child(n) button:hover .merch-photo img{transform:scale(1.035)}
#collection .merch-piece:nth-child(n) button:hover .merch-photo{box-shadow:0 10px 20px -12px #51352945}
#collection .merch-piece:nth-child(n) button:focus-visible{outline:2px solid #ff7338;outline-offset:5px;border-radius:18px}
#collection .merch-piece:nth-child(n) .merch-caption{display:block;padding:16px 2px 0;background:none}
#collection .merch-piece:nth-child(n) .merch-caption h3{font-size:1.0625rem;line-height:1.35;margin:0 0 6px;color:#513529}
#collection .merch-caption p{font-size:.875rem;line-height:1.4;margin:0;color:#735548}
#collection .merch-arrow,#collection .merch-number{display:none}
#collection .merch-piece:nth-child(n) .sku-family-art{gap:7px;background:#eee9df;padding:0}
#collection .sku-family-art .photo-pending-label{font-size:1rem;font-weight:650;letter-spacing:0;color:#735548}
#collection .sku-family-art small{font-size:.875rem;opacity:1;color:#8b7868}
.friend-shop-space.scroll-scene #collection>.wrap{height:calc(var(--shared-panel-height) - 64px);display:flex;flex-direction:column;justify-content:center}
.friend-shop-space.scroll-scene #collection .section-head,.friend-shop-space.scroll-scene #collection .preorder-note,.friend-shop-space.scroll-scene #collection .all-merch-cta,.friend-shop-space.scroll-scene #collection .collection-footnote{flex-shrink:0}
.friend-shop-space.scroll-scene #collection .merch-wall{flex:0 0 auto;height:auto;min-height:0;margin-top:22px;margin-bottom:0}
.friend-shop-space.scroll-scene #collection .all-merch-cta{margin:30px 0 0}
.friend-shop-space.scroll-scene #collection .collection-footnote{margin:14px auto 0;text-align:center}
@media(max-width:1000px){#collection .merch-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}}
@media(max-width:760px){#collection .merch-wall{gap:22px 14px}#collection .merch-piece:nth-child(n) .merch-photo{border-radius:12px}#collection .merch-piece:nth-child(n) .merch-caption{padding-top:12px}#collection .merch-piece:nth-child(n) .merch-caption h3{font-size:1rem}#collection .sku-family-art .photo-pending-label{font-size:.875rem}#collection .sku-family-art small{font-size:.8125rem;max-width:125px;text-align:center}.friend-shop-space.scroll-scene #collection>.wrap{height:calc(var(--shared-panel-height) - 54px)}}
@media(prefers-reduced-motion:reduce){#collection .merch-piece:nth-child(n) .merch-photo,#collection .merch-piece:nth-child(n) .merch-photo img{transition:none}#collection .merch-piece:nth-child(n) button:hover .merch-photo img{transform:none}}

/* Happi's little shelf: photographic prints, warm ink and bold orange accents. */
.friend-shop-space>.collection{background:#faf6e8;background-image:linear-gradient(#51352904 1px,transparent 1px),linear-gradient(90deg,#51352904 1px,transparent 1px);background-size:34px 34px}
.friend-shop-space #collection .section-head{position:relative;margin-bottom:24px;padding-inline:150px}
#collection .shop-heading-friend{position:absolute;right:4%;bottom:0;width:clamp(100px,12vw,165px);height:150px;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(0 5px 0 #51352913)}
.friend-shop-space #collection .section-head .eyebrow{display:inline-block;padding:8px 16px;background:#ff793b;color:#513529;border:1px solid #51352925;border-radius:999px;transform:rotate(-2deg);font-weight:750}
.friend-shop-space #collection .section-head h2{font-size:clamp(2.5rem,4.4vw,4rem);margin-top:16px;letter-spacing:-.035em}
.friend-shop-space #collection .preorder-note{border:0;background:#ffffff80;border-radius:12px;padding:12px 18px;box-shadow:0 1px 0 #51352916}
#collection .merch-wall{gap:24px;padding:10px 6px 8px}
#collection .merch-piece:nth-child(n) button{padding:9px 9px 16px;background:#fffdf6;border:1px solid #51352945;border-radius:10px;box-shadow:0 5px 0 #51352914;transition:translate .25s,box-shadow .25s}
#collection .merch-piece:nth-child(n) button:hover{translate:0 -5px;box-shadow:0 9px 0 #51352912}
#collection .merch-piece:nth-child(1){transform:rotate(-2deg)}
#collection .merch-piece:nth-child(2){transform:rotate(1.3deg);margin-top:18px}
#collection .merch-piece:nth-child(3){transform:rotate(-1deg)}
#collection .merch-piece:nth-child(4){transform:rotate(2deg);margin-top:18px}
#collection .merch-piece:nth-child(n) .merch-photo{border-radius:5px;border:0;background:#afd4e0}
#collection .art-preview-label{position:absolute;bottom:9px;left:10px;background:#fffdf4e8;border:1px solid #51352922;border-radius:999px;padding:4px 9px;font:600 .75rem/1.2 var(--font-body);color:#513529}
#collection .merch-piece:nth-child(n) .merch-caption{padding:14px 6px 0}
#collection .merch-piece:nth-child(n) .merch-caption h3{font-size:1.0625rem}
#collection .merch-caption p{font-size:.875rem}
.friend-shop-space.scroll-scene #collection .all-merch-cta{margin-top:30px}
#collection .all-merch-cta>.pill{background:#ff793b;color:#513529;border:1px solid #51352940;box-shadow:0 4px 0 #51352920;font-weight:800}
#collection .all-merch-cta>.pill:hover{background:#ff8e56}
@media(max-width:1000px){.friend-shop-space #collection .section-head{padding-inline:100px}#collection .shop-heading-friend{right:0;width:95px;height:115px}#collection .merch-wall{gap:24px 18px}#collection .merch-piece:nth-child(n){transform:rotate(-1deg);margin-top:0}#collection .merch-piece:nth-child(even){transform:rotate(1deg);margin-top:8px}}
@media(max-width:760px){.friend-shop-space #collection .section-head{padding-inline:0}#collection .shop-heading-friend{display:none}#collection .merch-wall{gap:20px 12px;padding-inline:2px}#collection .merch-piece:nth-child(n) button{padding:6px 6px 12px}#collection .merch-piece:nth-child(n) .merch-caption{padding:12px 3px 0}#collection .art-preview-label{font-size:.75rem;bottom:6px;left:5px;padding:3px 6px}}
@media(prefers-reduced-motion:reduce){#collection .merch-piece:nth-child(n) button{transition:none}#collection .merch-piece:nth-child(n) button:hover{translate:none}}