.dtf-application-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:16px 0 28px}.dtf-application-preview figure{margin:0;min-width:0}.dtf-preview-image{position:relative;background:#fffdf5;border-radius:12px;overflow:hidden;height:clamp(240px,25vw,330px)}.dtf-preview-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.dtf-preview-bag img{object-fit:contain}.dtf-application-preview figcaption{font-size:14px;font-weight:600;color:#285466;margin-top:12px}.dtf-preview-image .factory-image-watermark{font-size:10px;right:12px;bottom:12px}@media(max-width:760px){.dtf-application-preview{grid-template-columns:1fr;gap:22px}.dtf-preview-image{height:300px}.dtf-preview-bag .dtf-preview-image{height:auto;aspect-ratio:2304/1580}.dtf-application-preview figcaption{margin-top:10px}}
.dtf-preview-bag img{object-fit:cover;object-position:center}@media(max-width:760px){.dtf-preview-bag .dtf-preview-image{height:300px;aspect-ratio:auto}}


@media(min-width:761px){.dtf-application-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.dtf-preview-image{height:clamp(240px,24vw,330px)}}@media(min-width:501px) and (max-width:760px){.dtf-application-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.dtf-preview-image,.dtf-preview-bag .dtf-preview-image{height:280px}}