/* =========================================================
  🧩 Retailers grid
========================================================= */
.sec-experience .retailers-container .retailers-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--box-padding); justify-items:center; align-items:center; list-style:none; padding:0; margin:0; }

.sec-experience .retailers-container .retailers-grid li { display:flex; justify-content:center; align-items:center; width:100%; max-width:180px; }

.sec-experience .retailers-container .retailers-grid figure { margin:0; width:clamp(140px, 18vw, 180px); aspect-ratio:3 / 1; display:flex; justify-content:center; align-items:center; position:relative; }

.sec-experience .retailers-container .retailers-grid img { width: 100%; height: 100%; object-fit: contain; display: block; }

.sec-experience .retailers-container .retailers-grid figcaption { display:none; }


/* =========================================================
  🧩 RWD
========================================================= */
@media (min-width: 0px) and (max-width: 1023px) {
  .sec-experience .block.retailers-logos,
  .sec-experience .block.retailers-logos .block-content { width:100%; max-width:90vw; }
}

@media (min-width: 1023px) and (max-width: 1199px) {
  .sec-experience .block.retailers-logos,
  .sec-experience .block.retailers-logos .block-content { width:100%; max-width:90vw; }
}

@media (min-width: 481px) and (max-width: 600px) {
  .sec-experience .block.retailers-logos,
  .sec-experience .block.retailers-logos .block-content { width:100%; max-width:100%; }  
  .sec-experience .retailers-container .retailers-grid { gap: var(--box-padding); grid-template-columns: repeat(2, 1fr); }
}


@media (min-width: 0px) and (max-width: 480px) {
  .sec-experience .block.retailers-logos,
  .sec-experience .block.retailers-logos .block-content { width:100%; max-width:100%; }
  .sec-experience .retailers-container .retailers-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 900px) {
  .sec-experience .retailers-container .retailers-grid { grid-template-columns: repeat(4, 1fr); }
}