/* Shared portrait frames for storefront product media. Photos stay contained. */
html[data-design="option-one"]{--product-photo-ratio:2 / 3;--product-detail-frame-width:calc(620px * 2 / 3)}

/* Cap the width, rather than the height, so the ratio remains exact. */
html[data-design="option-one"] .product-detail #media-stage,
html[data-design="option-one"] .product-detail #media-stage.o1-inline-frame{
 position:relative;width:min(100%,var(--product-detail-frame-width));height:auto;
 aspect-ratio:var(--product-photo-ratio);min-height:0;max-height:none;
 margin-inline:auto;padding:0;box-sizing:border-box;
}
html[data-design="option-one"] .product-detail #media-stage:not(.o1-inline-frame)>.main-media{
 position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:none;
 aspect-ratio:auto;object-fit:contain;object-position:center;border:0;
}

/* Covers home, catalog, favorites and cart recommendations without touching icons. */
html[data-design="option-one"] .o1-home .o1-card{height:auto;min-height:0}
html[data-design="option-one"] .o1-home .o1-card-photo,
html[data-design="option-one"] .product-photo{
 position:relative;width:100%;height:auto;min-height:0;max-height:none;
 aspect-ratio:var(--product-photo-ratio);box-sizing:border-box;
}
html[data-design="option-one"] .o1-home .o1-card-photo>img,
html[data-design="option-one"] .product-photo>a>img{
 display:block;width:100%;height:100%;min-height:0;max-height:none;
 aspect-ratio:auto;object-fit:contain;object-position:center;
}

/* The fullscreen viewer retains its available viewport; its thumbnails are portrait. */
html[data-design="option-one"] .product-detail .thumbnails{width:min(100%,var(--product-detail-frame-width));margin-inline:auto}
html[data-design="option-one"] .product-detail .thumbnails button{
 width:60px;min-width:60px;height:90px;min-height:90px;aspect-ratio:var(--product-photo-ratio);
}
html[data-design="option-one"] .o1-zoom-thumbnails button{
 width:44px;min-width:44px;height:66px;min-height:66px;aspect-ratio:var(--product-photo-ratio);
}
html[data-design="option-one"] .product-detail .thumbnails button>img,
html[data-design="option-one"] .o1-zoom-thumbnails button>img{width:100%;height:100%;object-fit:contain}

/* Compact product previews in search, cart, checkout and account pages. */
html[data-design="option-one"] .quick-cart .cart-line>a>img,
html[data-design="option-one"] .quick-saved img,
html[data-design="option-one"] .quick-mini img,
html[data-design="option-one"] .shop-search-result img,
html[data-design="option-one"] .customer-order-thumbs img,
html[data-design="option-one"] .customer-order-content .order-product-photo,
html[data-design="option-one"] .customer-order-content .order-product-photo img{
 height:auto;min-height:0;max-height:none;aspect-ratio:var(--product-photo-ratio);object-fit:contain;
}