.ppd-canopy-mosaic{--mosaic-height:230px;--mosaic-column:150px;--mosaic-gap:12px;position:relative;min-width:0;color:inherit}
.ppd-canopy-mosaic--home{--mosaic-height:280px;--mosaic-column:clamp(132px,12.5vw,180px)}
.ppd-canopy-mosaic__viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;scroll-behavior:auto;padding:5px 4px 3px;margin:-5px -4px -3px}
.ppd-canopy-mosaic__viewport::-webkit-scrollbar{display:none}
.ppd-canopy-mosaic__track{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:column dense;grid-auto-columns:minmax(var(--mosaic-column),max-content);gap:var(--mosaic-gap);height:var(--mosaic-height);width:max-content;min-width:100%}
.ppd-canopy-mosaic--wood .ppd-canopy-mosaic__track{justify-content:end}
.ppd-canopy-mosaic__card{min-width:0;height:100%}
.ppd-canopy-mosaic__card:nth-child(6n+1),.ppd-canopy-mosaic__card:nth-child(6n+4){grid-row:span 2;width:calc(var(--mosaic-column)*1.24)}
.ppd-canopy-mosaic__product{position:relative;display:block;height:100%;overflow:hidden;border-radius:18px;background:#f4efe318;color:inherit}
.ppd-canopy-mosaic__product img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ppd-canopy-mosaic__caption{position:absolute;inset:auto 0 0;padding:28px 12px 12px;color:#fffaf0;background:linear-gradient(transparent,#102018ef);opacity:0;transition:opacity .18s;font-size:12px;line-height:1.35;pointer-events:none}
.ppd-canopy-mosaic__product:is(:hover,:focus-visible) .ppd-canopy-mosaic__caption{opacity:1}
.ppd-canopy-mosaic__product:focus-visible{outline:3px solid #e5cd88;outline-offset:-4px}
.ppd-canopy-mosaic__controls{position:absolute;inset:auto 8px 8px auto;display:flex;gap:4px;opacity:0;pointer-events:none;transition:opacity .16s}
.ppd-canopy-mosaic__controls:focus-within,.ppd-canopy-mosaic[data-motion=paused]:hover .ppd-canopy-mosaic__controls{opacity:1;pointer-events:auto}
.ppd-canopy-mosaic__controls button{display:grid;place-items:center;width:32px;min-width:32px;height:32px;padding:0;border:1px solid #fffaf066;border-radius:50%;background:#102e23df;color:#fffaf0;font-size:22px;cursor:pointer}
.ppd-canopy-mosaic__controls [data-canopy-pause] span{font:500 13px/1 sans-serif}
.ppd-canopy-mosaic__controls button:hover{background:#00000058}
.ppd-canopy-mosaic__controls button:disabled{opacity:.35;cursor:default}
@media(min-width:761px) and (max-width:1100px){.ppd-canopy-mosaic--home{--mosaic-height:240px;--mosaic-column:136px}}
@media(max-width:760px){.ppd-canopy-mosaic{--mosaic-height:170px;--mosaic-column:100px;--mosaic-gap:8px}.ppd-canopy-mosaic--home{--mosaic-height:160px;--mosaic-column:105px}.ppd-canopy-mosaic__product{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.ppd-canopy-mosaic__caption,.ppd-canopy-mosaic__controls{transition:none}}

.ppd-canopy-mosaic__caption small{display:block;margin-top:2px;font-size:10px;font-weight:400;opacity:.72}