.mesh-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:31px}
.mesh-card{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}
.mesh-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.mesh-image{height:173px;position:relative;background:#f1f2f3;overflow:hidden}
.mesh-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:12px}
.mesh-image img.mesh-0{width:200%;max-width:none;transform:translateX(0);object-fit:contain}
.mesh-image img.mesh-1{width:200%;max-width:none;transform:translateX(-50%);object-fit:contain}
.mesh-card:last-child .mesh-image{height:100%;min-height:225px}
.mesh-image>span{position:absolute;top:11px;left:13px;font-size:.67rem;color:#616e78;background:#fff9;padding:2px 6px}
.mesh-body{padding:25px}
.mesh-body .eyebrow{font-size:.6rem;margin-bottom:8px}
.mesh-body h3{font-size:1.25rem;margin-bottom:12px}
.mesh-body p{font-size:.82rem;line-height:1.65;margin-bottom:18px}
.mesh-use{border-top:1px solid var(--line);padding-top:12px;font-size:.74rem;font-weight:750;color:#40515d}
@media(max-width:650px){.mesh-grid{grid-template-columns:1fr;gap:18px}.mesh-card{display:grid;grid-template-columns:115px minmax(0,1fr)}.mesh-image{height:100%;min-height:240px}.mesh-image img{object-fit:contain;padding:7px}.mesh-image img.mesh-0,.mesh-image img.mesh-1{object-fit:cover}.mesh-image>span{top:7px;left:6px;font-size:.6rem}.mesh-card:last-child{grid-template-columns:115px minmax(0,1fr)}.mesh-body{padding:23px 20px}.mesh-body h3{font-size:1.12rem}.mesh-body p{font-size:.78rem}.mesh-body .eyebrow{font-size:.54rem}.mesh-use{font-size:.66rem}}
@media(max-width:360px){.mesh-card,.mesh-card:last-child{grid-template-columns:90px minmax(0,1fr)}.mesh-body{padding:20px 15px}}
/* All five comparison photographs share the original Petscreen frame. */
.weaves .fabric-photo,
.mesh-grid .mesh-card .mesh-image,
.mesh-grid .mesh-card:last-child .mesh-image{
  position:relative;display:block;width:100%;aspect-ratio:187/214;
  height:auto;min-height:0;margin:0;padding:0;overflow:hidden;
  flex:none;align-self:stretch;border:0;border-radius:0;box-shadow:none;
}
.weaves .fabric-photo img,
.weaves .fabric-standard .fabric-photo img,
.weaves .fabric-bellavista .fabric-photo img,
.mesh-grid .mesh-image img,
.mesh-grid .mesh-image img.mesh-0,
.mesh-grid .mesh-image img.mesh-1{
  position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;
  margin:0;padding:0;object-fit:cover;object-position:center;
  transform:none;filter:none;mix-blend-mode:normal;
}
.weaves .weave h3{min-height:2.3em;line-height:1.15}
.weaves .fabric-kicker{min-height:2.6em;line-height:1.3}
.weaves .weave{border-color:#46515b}
.mesh-grid .mesh-card,
.mesh-grid .mesh-card:last-child{
  display:flex;flex-direction:column;grid-column:auto;grid-template-columns:none;
}
.mesh-grid .mesh-body h3{min-height:2.4em;line-height:1.2}
@media(max-width:650px){
  .mesh-grid .mesh-card,.mesh-grid .mesh-card:last-child{display:flex;grid-template-columns:none}
  .weaves .fabric-photo,.mesh-grid .mesh-card .mesh-image{aspect-ratio:187/214;height:auto;min-height:0}
}

/* Aligned toile cards: the usage line always sits at the bottom, whatever the text length. */
.mesh-grid .mesh-card .mesh-body{display:flex;flex-direction:column;flex:1 1 auto}
.mesh-grid .mesh-card .mesh-body p:not(.eyebrow){flex:1 1 auto}
.mesh-grid .mesh-card .mesh-use{margin-top:auto;min-height:2.6em}
.mesh-grid .mesh-image img.mesh-photo{object-fit:cover}
.product-section>h3+.mesh-grid{margin-top:14px}
.product-section>.mesh-grid+h3{margin-top:34px}
/* Numbered fixation list: numbers on one line and a common text column. */
.fixation-list .number{flex:0 0 2.4rem;width:2.4rem;white-space:nowrap;line-height:1.2}
.fixation-list article>div{flex:1 1 auto;min-width:0}
.fixation-list h3{margin-top:0;line-height:1.2}

/* Accessoires : produit entier visible, sans recadrage */
.mesh-grid .mesh-image img.mesh-photo.mesh-contain{object-fit:contain;mix-blend-mode:normal;padding:0}
.mesh-grid .mesh-image:has(img.mesh-contain){background:#dfe0e0}
.mesh-grid .mesh-image img.mesh-photo.mesh-real{object-fit:contain;mix-blend-mode:normal;padding:14px;background:#fff}
.mesh-grid .mesh-image:has(img.mesh-real){background:#fff}
