.product-page{background:var(--ivory)}
.product-loading{min-height:70vh;display:grid;place-items:center;margin:0;padding:8rem var(--pad);font-family:var(--serif);font-size:1.5rem}
.product-mobile-summary{display:none!important}
.product-detail{padding:clamp(6rem,8vw,7.5rem) var(--pad) clamp(5rem,9vw,8rem);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(22rem,.98fr);gap:clamp(2.5rem,6vw,7rem);align-items:start}
.product-detail__back{display:inline-block;margin-bottom:1.15rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.product-gallery{display:grid;gap:1rem;background:transparent}
.product-gallery__stage,.product-gallery>figure:first-child{margin:0;height:clamp(28rem,56vw,43rem);display:grid;place-items:center;background:#d8d0c2;overflow:hidden}
.product-gallery__stage img,.product-gallery>figure:first-child img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .7s var(--ease-studio),opacity .2s ease}
.product-gallery__stage:hover img,.product-gallery>figure:first-child:hover img{transform:scale(1.015)}
.product-gallery__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.product-gallery__thumb{appearance:none;border:1px solid transparent;background:#d8d0c2;padding:0;cursor:pointer;aspect-ratio:1;overflow:hidden;opacity:.64;transition:opacity .2s,border-color .2s}
.product-gallery__thumb img{width:100%;height:100%;object-fit:cover}
.product-gallery__thumb:hover,.product-gallery__thumb:focus-visible,.product-gallery__thumb[aria-pressed="true"]{opacity:1;border-color:var(--ink);outline:0}
.product-gallery:has(>figure:not(:first-child)){grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.product-gallery:has(>figure:not(:first-child))>figure:first-child{grid-column:1/-1}
.product-gallery>figure:not(:first-child){display:grid;margin:0;width:auto;aspect-ratio:1;min-height:0;background:#d8d0c2;overflow:hidden}
.product-gallery>figure:not(:first-child) img{width:100%;height:100%;object-fit:cover}
.product-info{position:sticky;top:6.4rem;padding-top:1.9rem;display:flex;flex-direction:column}
.product-info>.eyebrow{order:0}.product-info>h1{order:1}.product-info>.product-price{order:2}.product-buy,.product-info>[data-add]{order:3}.product-description{order:4}.product-specs{order:5}.product-info>[data-product-status],.product-info>[data-product-error]{order:6}
.product-info h1{font-size:clamp(2.9rem,4.35vw,5.7rem);line-height:.93;margin:1rem 0 1.25rem}
.product-info .product-price{font-size:1.65rem;margin:0 0 1.25rem}
.product-buy{padding-bottom:1.65rem;margin-bottom:1.65rem;border-bottom:1px solid var(--line)}
.product-info .button{width:100%;justify-content:center}
.product-info>[data-add]{margin-bottom:1.65rem}
.product-add-confirmation{font-size:.82rem;margin:.85rem 0 0;color:var(--bronze)}
.product-add-confirmation a{text-decoration:underline;text-underline-offset:.18em}
.product-description{font-size:.98rem;line-height:1.58;max-width:34rem}
.product-description p{margin-bottom:.85rem}
.product-specs{border-top:1px solid var(--line);margin:1.65rem 0 0}
.product-specs>div{display:grid;grid-template-columns:7.6rem 1fr;gap:1rem;border-bottom:1px solid var(--line);padding:.72rem 0}
.product-specs dt{font-size:.61rem;letter-spacing:.14em;text-transform:uppercase}
.product-specs dd{margin:0;font-size:.9rem}
.product-unavailable{color:#7d2d24;margin-top:1rem}
.product-not-found{min-height:60vh;padding:10rem var(--pad)}

@media(max-width:900px){
  .product-detail{display:flex;flex-direction:column;padding-top:5.6rem;gap:1.4rem}
  .product-info{display:contents}
  .product-info>.eyebrow{order:0;margin-bottom:0}
  .product-info>h1{order:1;display:block;font-size:clamp(2.7rem,11vw,5rem);margin:0}
  .product-info>.product-price{order:2;display:block;font-size:1.4rem;margin:0}
  .product-buy,.product-info>[data-add]{order:3}
  .product-detail>div:first-child{order:4;margin-top:.6rem}
  .product-description{order:5;margin-top:1rem}
  .product-specs{order:6}
  .product-info>[data-product-status],.product-info>[data-product-error]{order:7}
  .product-buy{max-width:34rem;margin-bottom:1.4rem;padding-bottom:1.4rem}
  .product-gallery__stage,.product-gallery>figure:first-child{height:min(112vw,38rem)}
  .product-detail__back{display:none}
}

@media(max-width:600px){
  .product-detail{padding-top:5.25rem;padding-bottom:4rem;gap:2rem}
  .product-info h1{font-size:clamp(2.55rem,12vw,4.3rem)}
  .product-description{font-size:.94rem}
  .product-gallery__stage,.product-gallery>figure:first-child{height:min(112vw,31rem)}
  .product-gallery__thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(prefers-reduced-motion:reduce){.product-gallery__stage img{transition:none}}