/* ============ Custom Retailers Block Styles ============ */
body .container-wrap .ec-retailer {
  position: relative;
  display: block;

  a {
    position: relative;
    display: block;
    height: min(200px, 100%);
    width: min(200px, 100%);
    margin-top: 25px;
    margin-left: 10%;
    transition: transform 0.3s ease-in-out;

    .ec-retailer-logo {
      height: min(200px, 100%);
      width: min(200px, 100%);
      display: block;
      margin: 0;
      border-radius: 25px;
      overflow: hidden;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease-in-out;
    }

    .ec-retailer-flag {
      position: absolute;
      top: -25%;
      right: -25%;
      width: 100px;
      height: 100px;
      object-fit: cover;
    }
    &:hover {
      transform: scale(1.05);
      .ec-retailer-logo {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
      }
    }
  }
}
/* ===== Mobile ===== */
@media only screen and (max-width: 999px) {
  body .container-wrap .ec-retailer {

    a {
      height: min(150px, 100%);
      width: min(150px, 100%);

      .ec-retailer-logo {
        height: min(150px, 100%);
        width: min(150px, 100%);
      }
      .ec-retailer-flag {
        width: 75px;
        height: 75px;
      }
    }
  }
}