.product-detail{background:var(--color-bg);flex-direction:column;display:flex;position:relative}.product-detail__media{aspect-ratio:4/3;background:var(--color-surface);flex:none;min-width:0;position:relative;overflow:hidden}.product-detail__img{object-fit:cover}.product-detail__body{min-width:0;padding:20px var(--gutter) 0;flex-direction:column;flex:1;gap:12px;display:flex}.product-detail__title{font:var(--text-h2);letter-spacing:-.01em}.product-detail__title:focus{outline:none}.product-detail__meta{align-items:baseline;gap:16px;display:flex}.product-detail__price{font:var(--font-bold) 22px/1.2 var(--font-family)}.product-detail__weight{font:var(--text-small);color:var(--color-text-muted)}.product-detail__desc{font:var(--text-body)}.product-detail__comp{border-block:1px solid var(--color-line);gap:10px;padding-block:14px;display:grid}.product-detail__comp dt{font:var(--text-small);color:var(--color-text-muted)}.product-detail__comp dd{font:var(--text-body);white-space:pre-line}.product-detail__note{font:var(--text-small);color:var(--color-text-muted)}.product-detail__buy{z-index:1;margin:auto calc(var(--gutter) * -1) 0;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:var(--color-bg);gap:12px;display:flex;position:sticky;bottom:0}.product-detail--dialog{flex-grow:1}.product-detail--page{border-radius:var(--radius-block);overflow:clip}.product-detail--page .product-detail__media{border-radius:var(--radius-block) var(--radius-block) 0 0}@media (min-width:900px){.product-detail{flex-direction:row}.product-detail__media{aspect-ratio:1;flex:0 0 50%;align-self:stretch}.product-detail__body{gap:14px;padding:40px 40px 32px}.product-detail__title{font:var(--text-h3);padding-right:32px}.product-detail__price{font-size:24px}.product-detail__buy{border:0;margin:8px 0 0;padding:0;position:static}.product-detail--dialog{min-height:0;max-height:calc(100dvh - 48px)}.product-detail--dialog .product-detail__body{overflow:auto}.product-detail--page .product-detail__media{border-radius:var(--radius-block) 0 0 var(--radius-block)}.product-detail--page .product-detail__body{padding:56px 56px 48px}.product-detail--page .product-detail__title{font:var(--text-h2)}}::view-transition-image-pair(.product-photo){overflow:clip}::view-transition-old(.product-photo){object-fit:cover;height:100%}::view-transition-new(.product-photo){object-fit:cover;height:100%}