/* Keep original manufacturer assets; size the photo to its actual stage. */
.rinnai-order-art { position:relative; display:block; overflow:hidden; isolation:isolate; width:min(100%,calc(var(--order-height,530px) * var(--crop-w) / var(--crop-h))); aspect-ratio:var(--crop-w) / var(--crop-h); container-type:inline-size; flex:none; margin:auto; }
.rinnai-order-art > img { position:absolute; z-index:0; display:block; left:var(--crop-left); top:var(--crop-top); width:var(--image-width); height:var(--image-height); max-width:none; max-height:none; object-fit:fill; transform:none; margin:0; border:0; border-radius:0; background:transparent; }
.rinnai-order-art > span { position:absolute; z-index:1; left:var(--face); width:66%; transform:translate(-50%,-50%); text-align:center; color:#b94710; font-weight:850; line-height:1.2; white-space:nowrap; }
.rinnai-order-art .order-code { top:36%; font-size:4cqw; }
.rinnai-order-art .order-gas { top:43%; font-size:4.3cqw; }
.rinnai-order-art .order-brand { top:50%; font-size:5.2cqw; letter-spacing:.015em; }
.rinnai-order-art[data-color="negro"] > span { color:#f5c7a8; text-shadow:0 1px 2px #0009; }
.rinnai-order-art[data-model="rinnai325tf"] .order-code { top:27%; font-size:6cqw; }
.rinnai-order-art[data-model="rinnai325tf"] .order-gas { top:32%; font-size:6cqw; }
.rinnai-order-art[data-model="rinnai325tf"] .order-brand { top:37%; font-size:6.2cqw; }
.card-image.rinnai-order-stage { --order-height:var(--product-photo-height,382px); display:grid; place-items:center; overflow:hidden; }
.photo-stage.rinnai-order-stage { --order-height:570px; padding:20px; min-height:0; display:grid; place-items:center; }
.sales-product-image:has(.rinnai-order-art), .sales-photo:has(.rinnai-order-art) { display:grid; place-items:center; overflow:hidden; }
.sales-product-image .rinnai-order-art, .sales-photo .rinnai-order-art { --order-height:var(--product-photo-height); }
.sales-product-image:hover .rinnai-order-art > img { transform:none; }
/* White balance only for the white 32.5 L photo; captions stay above it. */
.rinnai-order-art[data-model="rinnai325tf"][data-color="blanco"] > img { filter:saturate(.25) brightness(1.18); }
.rinnai-publication .availability-options.order-only { grid-template-columns:1fr; }
@media(max-width:620px) { .photo-stage.rinnai-order-stage { --order-height:440px; } }
.rinnai-order-art[data-model="rinnai21tbf"][data-color="blanco"] { --crop-w:1268; --crop-h:1941; --face:36%; --crop-left:-90.141956%; --crop-top:-41.370428%; --image-width:280.993691%; --image-height:183.565173%; }
.rinnai-order-art[data-model="rinnai21tbf"][data-color="negro"] { --crop-w:526; --crop-h:803; --face:64%; --crop-left:-92.585551%; --crop-top:-43.586550%; --image-width:285.171103%; --image-height:186.799502%; }
.rinnai-order-art[data-model="rinnai21tbf"][data-color="plateado"] { --crop-w:525; --crop-h:787; --face:63%; --crop-left:-92.761905%; --crop-top:-44.980940%; --image-width:285.714286%; --image-height:190.597205%; }
.rinnai-order-art[data-model="rinnai325tf"][data-color="blanco"] { --crop-w:399; --crop-h:736; --face:62%; --crop-left:-138.847118%; --crop-top:-50.135870%; --image-width:375.939850%; --image-height:203.804348%; }
.rinnai-order-art[data-model="rinnai325tf"][data-color="negro"] { --crop-w:396; --crop-h:727; --face:62%; --crop-left:-139.898990%; --crop-top:-51.719395%; --image-width:378.787879%; --image-height:206.327373%; }
.rinnai-order-art[data-model="rinnai325tf"][data-color="plateado"] { --crop-w:399; --crop-h:729; --face:62%; --crop-left:-138.847118%; --crop-top:-50.205761%; --image-width:375.939850%; --image-height:205.761317%; }