/* One surface per product. Transparent artwork keeps the original product view. */
:root{--product-surface:#f2f3f4}.category-piece,.card-photo,.product-main-image,.quick-image,.moment-mini,.bag-thumb,.design-pending{background:var(--product-surface)}
.card-photo img,.product-main-image>img:not(.context-perspective),.quick-image img,.moment-mini img,.bag-thumb img,.category-piece>img,.creator-composition img{background:transparent!important;mix-blend-mode:normal!important;object-fit:contain!important;filter:none!important;transform:none!important}
.card-photo>a{padding:0}.card-photo img{width:100%;height:100%;padding:0}.product-main-image>img:not(.context-perspective){width:100%;height:100%;padding:3%}.quick-image img{padding:3%}.moment-mini img,.bag-thumb img{padding:2%}
.category-piece>img{padding:0 5% 18px!important;max-width:100%}.creator-composition{gap:0;justify-content:center;align-items:center;padding:18px 18px 22px 0}.creator-composition img{width:57%;height:100%;max-height:100%;flex:0 1 57%;margin:0;padding:0}.creator-composition img+img{width:39%;height:76%;max-height:76%;flex:0 1 39%;margin:0;transform:none}
.design-pending{border:0}.source-product-art{background:var(--product-surface)}
@media(max-width:900px){.creator-composition{padding:0 8px 16px;height:170px;max-height:none}.creator-composition img{height:100%}.creator-composition img+img{height:76%}.category-piece>img{padding-left:4%!important;padding-right:4%!important}}
@media(max-width:600px){.creator-composition{height:145px;padding:0 5px 12px}.product-main-image>img:not(.context-perspective){padding:2%}.quick-image img{padding:2%}}

/* Give the small carry pieces their full height; trim empty canvas only. */
.category-pocket,.category-accessories{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr);align-items:stretch}
.category-pocket .category-label,.category-accessories .category-label{align-self:center;padding:24px 0 24px 24px;min-width:0}
.category-product-stage{min-width:0;min-height:0;padding:20px 16px 20px 8px;display:flex;align-items:center;justify-content:center}
.category-product-view{display:block;width:100%;height:100%;overflow:hidden}
@media(max-width:1100px) and (min-width:861px){.category-pocket .category-label,.category-accessories .category-label{padding:20px 0 20px 18px}.category-pocket .category-label h3,.category-accessories .category-label h3{font-size:27px}.category-product-stage{padding:17px 12px 17px 6px}}
@media(max-width:860px){.category-pocket,.category-accessories{display:flex;flex-direction:column;align-items:stretch}.category-pocket .category-label,.category-accessories .category-label{align-self:stretch;padding:21px 21px 0}.category-product-stage{flex:1;padding:10px 18px 18px}.category-mosaic{grid-template-rows:360px 295px 295px}}
@media(max-width:600px){.category-mosaic{grid-template-rows:345px 285px 285px}.category-pocket .category-label,.category-accessories .category-label{padding:18px 14px 0}.category-pocket .category-label h3,.category-accessories .category-label h3{font-size:22px;line-height:1.08;margin:10px 0}.category-pocket .category-label p,.category-accessories .category-label p{font-size:12px;line-height:1.35;margin:8px 0}.category-product-stage{padding:8px 14px 15px}}

/* Paired Case views take the lead in the creator composition. */
.case-pair-composition img{width:76%;flex:0 1 76%}.case-pair-composition img+img{width:24%;flex:0 1 24%;height:65%;max-height:65%}