/* Mobile product detail: image and text use separate normal-flow blocks. */
@media(max-width:800px){
.sf-retail .detail-modal{display:block;grid-template-columns:none;width:100%;max-width:650px;max-height:94dvh;overflow-y:auto;overflow-x:hidden;isolation:isolate}
.sf-retail .detail-modal>.detail-image{display:block;position:relative;box-sizing:border-box;width:100%;height:auto;min-height:0;max-height:none;padding:20px 18px 14px;overflow:hidden;flex:none}
.sf-retail .detail-modal .detail-photo-button{display:flex;position:static;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;width:100%;height:auto;min-height:0;max-height:none;padding:0}
.sf-retail .detail-modal .detail-image .detail-photo-button img{display:block;position:static;flex:0 0 auto;width:100%;max-width:100%;height:clamp(180px,34dvh,300px);min-height:0;max-height:300px;object-fit:contain;mix-blend-mode:normal}
.sf-retail .detail-modal .detail-photo-button>span{position:static;flex:0 0 auto;margin:0;max-width:100%;box-sizing:border-box}
.sf-retail .detail-modal>.detail-info{position:relative;box-sizing:border-box;display:block;clear:both;min-width:0;width:100%;padding:20px;background:#fff;overflow-wrap:anywhere;flex:none}
.sf-retail .detail-modal .detail-info h2{height:auto;max-height:none;white-space:normal;overflow:visible;line-height:1.65}
.sf-retail .detail-modal>.close{z-index:5}
.sf-retail .detail-modal .detail-actions{display:flex;flex-wrap:wrap;gap:10px}
.sf-retail .detail-modal .detail-actions>.primary{flex:1 1 150px;width:auto;min-width:0}
}