/* Boutique — styles propres à archive-produit.php */

.section-head{
  max-width:1180px; margin:0 auto;
  padding:60px 48px 34px;
}
.section-head h2{font-family:'Anton'; text-transform:uppercase; font-size:32px;}
.section-head p{font-size:14px; color:var(--mute); margin-top:8px; max-width:60ch;}
.section-head.on-dark p{color:var(--mute-dark);}
.section-head.on-dark h2{color:#fff;}

.shirts-section{background:var(--paper);}
.shirts-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:48px;
  max-width:1180px; margin:0 auto; padding:0 48px 100px;
}
.shirt-card .photos{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:20px;}
.shirt-card .photos img, .shirt-card .photos .visual-placeholder{width:100%; aspect-ratio:4/5; object-fit:cover; display:block;}
.shirt-card h3{font-family:'Anton'; text-transform:uppercase; font-size:24px; line-height:1.1; margin-bottom:10px;}

.products-black{background:var(--ink);}
.products-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:24px;
  max-width:1180px; margin:0 auto; padding:0 48px 100px;
}
.product-tile .pt-photo{aspect-ratio:4/5; overflow:hidden; background:#fff; margin-bottom:14px;}
.product-tile .pt-photo img{width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s ease;}
.product-tile:hover .pt-photo img{transform:scale(1.03);}
.pt-label{display:flex; flex-direction:column; gap:4px;}
.pt-label span:first-child{font-family:'Anton'; text-transform:uppercase; font-size:14px;}
.products-black .pt-label span:first-child{color:#fff;}
.pt-status{font-family:'Space Mono'; font-size:10.5px; letter-spacing:0.04em; text-transform:uppercase; color:var(--mute);}
.products-black .pt-status{color:var(--mute-dark);}

.product-precisions{
  display:block; font-size:13px; line-height:1.5; color:var(--mute); margin-top:8px;
}
.products-black .product-precisions{color:var(--mute-dark);}
.shirt-card .product-precisions{margin-top:10px;}

@media (max-width:860px){
  .shirts-grid{grid-template-columns:1fr;}
  .products-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .products-grid{grid-template-columns:1fr;}
  .section-head, .shirts-grid, .products-grid{padding-left:24px; padding-right:24px;}
}