/* Photography frames only. Campaign artwork and logos keep their own ratios. */
.product-image-frame{position:relative;display:flex;flex:none;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;min-width:0;overflow:hidden;border-radius:16px;background:#fff;color:#8295aa;box-sizing:border-box}
.product-image-frame>svg{position:absolute;width:36%;height:36%;max-width:70px;max-height:70px}
.product-image-frame>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;box-sizing:border-box;object-fit:contain;object-position:center;padding:8%;background:#fff}
.product-image-frame:not(.is-loaded)>img{opacity:0}.product-image-frame.is-loaded>svg{visibility:hidden}
.product-image-missing{position:absolute;bottom:7%;font-size:12px;line-height:1.2;color:#586d84;text-align:center}
#customerCatalogueJourney .cj-product-thumb.product-image-frame{width:104px;height:auto;align-self:center}
#customerCatalogueJourney a.cj-product-card{grid-template-columns:auto minmax(0,1fr) 20px}
#customerCatalogueJourney .cj-product-thumb.product-image-frame>img{width:100%;height:100%;padding:8%;object-fit:contain}
#customerCatalogueJourney .cj-product-image-button{min-height:0;padding:10px;gap:6px}
#customerCatalogueJourney .cj-product-image-button .product-image-frame{width:min(100%,300px);height:auto;display:flex;aspect-ratio:1/1}
#customerCatalogueJourney .cj-product-image-button .product-image-frame>img{width:100%;height:100%;max-width:none;padding:8%;object-fit:contain}
#customerCatalogueJourney .cj-product-image-button .product-image-frame>svg{width:30%;height:30%}
#customerCatalogueJourney .cj-product-hero{min-height:0}
@media(min-width:768px){#customerCatalogueJourney .cj-product-thumb.product-image-frame{width:150px}#customerCatalogueJourney .cj-product-image-button .product-image-frame{width:min(100%,380px)}}
@media(min-width:1200px){#customerCatalogueJourney .cj-product-thumb.product-image-frame{width:180px}#customerCatalogueJourney .cj-product-image-button .product-image-frame{width:min(100%,420px)}}
@media(max-width:380px){#customerCatalogueJourney .cj-product-thumb.product-image-frame{width:96px}#customerCatalogueJourney .cj-product-image-button .product-image-frame{width:260px}}