/* GLI V81 — fiches produits HD et compatibilité multi-écrans */
.product-detail{
  display:grid;
  grid-template-columns:minmax(300px,620px) minmax(300px,1fr);
  align-items:center;
  gap:clamp(28px,5vw,76px);
  width:min(100%,1400px);
  margin-inline:auto;
}
.product-photo{
  width:100%;
  min-width:0;
  aspect-ratio:4/5;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:clamp(14px,2.5vw,34px);
  border:1px solid #dce3ea;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(6,29,67,.10);
}
.product-photo img.product-packshot-hd{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:none;
  object-fit:contain;
  object-position:center;
  background:#fff;
  filter:none;
  image-rendering:auto;
}
.product-detail>div:last-child{min-width:0}
.product-detail h1{overflow-wrap:anywhere}
.product-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.product-actions .btn{width:100%;min-width:0;min-height:52px;white-space:normal;text-align:center}

@media(max-width:900px){
  .product-detail{grid-template-columns:minmax(260px,46%) minmax(0,1fr);gap:28px}
  .product-photo{border-radius:20px!important;padding:18px}
}
@media(max-width:720px){
  .product-detail{grid-template-columns:1fr;gap:28px}
  .product-photo{width:min(100%,560px);margin-inline:auto;aspect-ratio:4/5;padding:16px}
  .product-actions{grid-template-columns:1fr}
}
@media(max-width:430px){
  .product-photo{padding:10px;border-radius:16px!important}
  .product-detail h1{font-size:clamp(1.8rem,9vw,2.4rem)}
  .product-actions .btn{min-height:50px;font-size:.88rem}
}
@media(max-width:850px) and (orientation:landscape){
  .product-detail{grid-template-columns:minmax(240px,42%) minmax(0,1fr);align-items:start}
  .product-photo{aspect-ratio:4/5;max-height:78vh}
}
@supports(padding:max(0px)){
  .product-detail{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
}
@media(prefers-reduced-motion:reduce){
  .product-photo,.product-photo img{animation:none!important;transition:none!important}
}
