.product-detail-dialog{width:min(800px,calc(100vw - 32px));max-height:min(840px,calc(100dvh - 28px))}
.product-detail-shell{padding:26px;max-height:min(840px,calc(100dvh - 28px))}
.product-detail-head strong{font-size:20px}
.product-detail-summary{grid-template-columns:minmax(250px,270px) minmax(0,1fr);gap:28px;padding:24px 0 18px;align-items:center}
.product-detail-image{width:100%;max-width:270px;justify-self:start}
.product-detail-image img{display:block;width:100%;height:100%;padding:10px;box-sizing:border-box;object-fit:scale-down;object-position:center;background:#fff}
.product-detail-price{font-size:32px}

@media(max-width:860px) and (min-width:641px){
  .product-detail-dialog{width:calc(100vw - 28px)}
  .product-detail-summary{grid-template-columns:210px minmax(0,1fr);gap:20px}
  .product-detail-image{max-width:210px}
  .product-detail-image img{padding:8px}
}

@media(max-width:640px){
  .product-detail-dialog{inset:auto 0 0 0;width:100%;max-width:none;max-height:88dvh;margin:0;border-left:0;border-right:0;border-bottom:0;border-radius:24px 24px 0 0}
  .product-detail-shell{max-height:88dvh;padding:10px 14px calc(18px + env(safe-area-inset-bottom))}
  .product-detail-head strong{font-size:14px}
  .product-detail-summary{grid-template-columns:128px minmax(0,1fr);gap:14px;padding:14px 0 12px}
  .product-detail-image{max-width:128px}
  .product-detail-image img{padding:7px}
  .product-detail-price{font-size:24px}
}