/* A real, directly draggable model with its poster retained during loading. */
.bag-inline-preview{position:relative;isolation:isolate;overflow:hidden;touch-action:pan-y}
.bag-inline-preview>img{width:100%;height:100%;object-fit:contain;display:block}
.bag-inline-preview>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;cursor:grab;touch-action:pan-y}
.bag-inline-preview>canvas:active{cursor:grabbing}
.bag-inline-preview>canvas:focus-visible{outline:2px solid #1d5142;outline-offset:-4px;border-radius:12px}
.bag-inline-preview[data-preview-state=ready]>img{visibility:hidden}
.bag-inline-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:2;pointer-events:none;white-space:nowrap;padding:4px 9px;border-radius:20px;background:rgba(255,254,250,.8);color:#51695d;font:11px/1.4 Arial,sans-serif}
.bag-inline-preview .free-tag{z-index:2;pointer-events:none}
.home-commerce-page .bag-home-card{color:inherit;text-decoration:none;min-width:0}
.home-commerce-page .bag-home-card .pattern-image{aspect-ratio:1.1}
.home-commerce-page .bag-home-card>h3 a{color:inherit;text-decoration:none}
.home-commerce-page .bag-home-card>p a{display:flex;justify-content:space-between;align-items:center;width:100%;color:inherit;text-decoration:none}
.community-page:has(#community-featured-bag) .community-hero-card{display:block}
.community-page #community-featured-bag{position:relative;cursor:grab;aspect-ratio:1.8;padding:0}
.community-page #community-featured-bag img{max-height:none}
@media(max-width:760px){
 .community-page:has(#community-featured-bag) .community-hero{display:block!important}
 .community-page:has(#community-featured-bag) .community-hero>div:first-child{display:none}
 .community-page:has(#community-featured-bag) .community-hero-card{margin-top:0}
 .community-page #community-featured-bag{aspect-ratio:1.35}
}