.lf .lf-swatch:has(img[src*="cloudsoft-weave-"][src*="-square-swatch"]) img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:4px}
.lf .lf-stage figure.cch-cloudsoft-detail{position:absolute;right:16px;bottom:16px;z-index:4;width:clamp(135px,29%,195px);margin:0;padding:7px;background:#fff;border:1px solid #e6dfd6;border-radius:8px;box-shadow:0 3px 14px #29231d20;pointer-events:none;box-sizing:border-box}
.lf figure.cch-cloudsoft-detail[hidden]{display:none!important}
.lf figure.cch-cloudsoft-detail>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:cover;border-radius:4px}
.lf figure.cch-cloudsoft-detail figcaption{font-size:11px;line-height:1.35;padding:5px 0 0;text-align:center;color:#332b24;letter-spacing:0}
.lf figure.cch-cloudsoft-detail figcaption small{font-size:10px;text-transform:none}
.lf.cch-cloudsoft-selected .lf-stage .cch-gallery-expand{top:16px;bottom:auto}
.lf .cch-gallery-lightbox figure.cch-cloudsoft-detail,.lf .lf-dialog figure.cch-cloudsoft-detail{position:absolute;right:58px;bottom:52px;width:clamp(150px,20vw,235px);margin:0;padding:7px;background:#fff;border:1px solid #e6dfd6;border-radius:8px;box-shadow:0 3px 14px #29231d20;z-index:4}
.lf .sr-large-stage figure.cch-cloudsoft-detail{right:2.4%;bottom:2.4%;width:29%}
@media(max-width:700px){.lf .lf-stage figure.cch-cloudsoft-detail{right:10px;bottom:10px;width:clamp(105px,31%,140px);padding:5px}.lf figure.cch-cloudsoft-detail figcaption{font-size:10px}.lf .cch-gallery-lightbox figure.cch-cloudsoft-detail,.lf .lf-dialog figure.cch-cloudsoft-detail{right:44px;bottom:45px;width:115px;padding:5px}.lf .sr-large-stage figure.cch-cloudsoft-detail{right:2%;bottom:2%;width:31%}}
