/* Explicitly contain the complete motif: never crop its edges or stretch its proportions. */
#pgrid .pimg.readable-preview{position:relative!important;overflow:hidden!important;height:auto!important;aspect-ratio:auto!important;min-height:210px!important;background:#fff!important;padding:12px 12px 78px!important;box-sizing:border-box}
#pgrid .pimg.readable-preview img.readable-motif{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:170px!important;max-height:none!important;object-fit:contain!important;transform:none!important;margin:0!important;padding:0!important}
#pgrid .pimg.readable-preview img.product-preview{position:absolute!important;left:auto!important;right:8px!important;top:auto!important;bottom:6px!important;width:88px!important;height:65px!important;object-fit:contain!important;transform:none!important;margin:0!important;border:1px solid #e6e6e6;border-radius:8px;background:white;padding:3px!important}
.readable-label{position:absolute;bottom:24px;left:12px;color:#60646b;font-size:12px}
.readable-product-motif{padding:14px;margin:0 0 16px;border:1px solid #e1dfdc;border-radius:12px;background:white}
.readable-product-motif h3{font-size:17px;margin:0 0 12px}
.readable-motif-button{display:block;width:100%;border:0;background:white;color:#202126;cursor:zoom-in;padding:0}
.readable-motif-button img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain}
.readable-motif-button span{display:block;padding:12px;text-decoration:underline;font-size:14px}
.motif-zoom-dialog{width:min(1200px,96vw);max-width:96vw;max-height:94dvh;border:0;border-radius:14px;padding:16px;box-sizing:border-box;background:white;color:#202126}
.motif-zoom-dialog::backdrop{background:rgba(0,0,0,.7)}
.motif-zoom-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.motif-zoom-bar strong{margin-right:auto}
.motif-zoom-bar button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #ccc;background:white;border-radius:8px;cursor:pointer}
.motif-zoom-dialog p{font-size:13px;color:#60646b}
.motif-zoom-scroll{overflow:auto;max-height:70dvh;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.motif-zoom-scroll img{display:block;width:100%;max-width:none;height:auto}
@media(max-width:600px){#pgrid .pimg.readable-preview{padding:6px 6px 68px!important;min-height:180px!important}#pgrid .pimg.readable-preview img.readable-motif{height:135px!important}#pgrid .pimg.readable-preview img.product-preview{width:64px!important;height:54px!important}.readable-label{font-size:10px;left:6px;bottom:22px}}