/*
  * 1.0.1 - Added a minimum size of 14px to .product-name
 */
.ow-product-carousel__container {
  .ow-tile-grid {
    margin: 0;
  }

  [class*="swiper-button"]::after {
    line-height: 0;
  }

  .swiper-button-prev::after {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24C0 37.2548 10.7452 48 24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24Z' fill='white' fill-opacity='0.5'/%3E%3Cpath d='M27.0039 33.975C26.7495 33.975 26.4952 33.8916 26.2408 33.6413L17.3391 24.7153C17.0848 24.5485 17 24.2982 17 23.9645C17 23.6309 17.0848 23.3806 17.3391 23.2138L26.2408 14.2878C26.6647 13.8707 27.343 13.8707 27.6821 14.2878C28.106 14.7049 28.106 15.3723 27.6821 15.7894L19.5434 23.9645L27.6821 32.1397C28.106 32.5568 28.106 33.2242 27.6821 33.6413C27.5125 33.8916 27.2582 33.975 27.0039 33.975Z' fill='%23001080'/%3E%3C/svg%3E");
  }

  .swiper-button-prev:hover::after {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24C0 37.2548 10.7452 48 24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24Z' fill='%23E0E2F0' fill-opacity='0.9'/%3E%3Cpath d='M27.0039 33.975C26.7495 33.975 26.4952 33.8916 26.2408 33.6413L17.3391 24.7153C17.0848 24.5485 17 24.2982 17 23.9645C17 23.6309 17.0848 23.3806 17.3391 23.2138L26.2408 14.2878C26.6647 13.8707 27.343 13.8707 27.6821 14.2878C28.106 14.7049 28.106 15.3723 27.6821 15.7894L19.5434 23.9645L27.6821 32.1397C28.106 32.5568 28.106 33.2242 27.6821 33.6413C27.5125 33.8916 27.2582 33.975 27.0039 33.975Z' fill='%23001080'/%3E%3C/svg%3E");
  }

  .swiper-button-next::after {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z' fill='white' fill-opacity='0.5' /%3E%3Cpath d='M20.9961 33.975C21.2505 33.975 21.5048 33.8916 21.7592 33.6413L30.6609 24.7153C30.9152 24.5485 31 24.2982 31 23.9645C31 23.6309 30.9152 23.3806 30.6609 23.2138L21.7592 14.2878C21.3353 13.8707 20.657 13.8707 20.3179 14.2878C19.894 14.7049 19.894 15.3723 20.3179 15.7894L28.4566 23.9645L20.3179 32.1397C19.894 32.5568 19.894 33.2242 20.3179 33.6413C20.4875 33.8916 20.7418 33.975 20.9961 33.975Z' fill='%23001080' /%3E%3C/svg%3E");
  }

  .swiper-button-next:hover::after {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z' fill='%23E0E2F0' fill-opacity='0.9'/%3E%3Cpath d='M20.9961 33.975C21.2505 33.975 21.5048 33.8916 21.7592 33.6413L30.6609 24.7153C30.9152 24.5485 31 24.2982 31 23.9645C31 23.6309 30.9152 23.3806 30.6609 23.2138L21.7592 14.2878C21.3353 13.8707 20.657 13.8707 20.3179 14.2878C19.894 14.7049 19.894 15.3723 20.3179 15.7894L28.4566 23.9645L20.3179 32.1397C19.894 32.5568 19.894 33.2242 20.3179 33.6413C20.4875 33.8916 20.7418 33.975 20.9961 33.975Z' fill='%23001080'/%3E%3C/svg%3E");
  }

  /* legacy styling fix. legacy styling still think all the items are stacked, (n) to ensure specificity is higher for all responsive variants */
  .ow-tile-grid:not(.ow-tile-grid--wide):not(.ow-tile-grid--semiwide) .ow-tile-grid__item:nth-child(n),
  .ow-tile-grid:not(.ow-tile-grid--wide):not(.ow-tile-grid--semiwide) .ow-tile-grid__item:nth-child(n):hover {
    margin-top: unset;
    border-top-width: 1px;
  }

  .ow-product-tile__image {
    padding: 0;

    .ow-product-tile__inner {
      padding-bottom: 0;
    }

    img {
      object-fit: contain;
    }
  }

  .ow-product-tile__inner {
    padding: 16px;
  }

  .ow-price__amount {
    font-family: "OfficeworksWeb";
  }

  .ow-tile-grid .ow-product-tile .ow-product-tile__inner .product-name {
    height: max(40px, 100%);
    min-height: max(40px, round(2.5rem, 1px));
    margin-bottom: 11px;
    font-size: max(14px, 0.875rem);
    line-height: round(1.425em, 1px);
  }

  .ow-tile-grid .ow-product-tile .ow-product-tile__inner .product-name a {
    padding-bottom: 0;
  }

  &:has(.swiper-paging-dots) {
    --pagination-offset: var(--spacing-300, 24px);

    .ow-tile-grid {
      margin-bottom: var(--pagination-offset);
    }

    .swiper-paging-dots {
      display: flex;
      position: absolute;
      bottom: 0;
      flex-direction: row;
      justify-content: center;
    }

    .swiper-pagination-bullet {
      --swiper-pagination-bullet-size: 12px;
      width: var(--swiper-pagination-bullet-size);
      height: var(--swiper-pagination-bullet-size);
      background: var(--grey-400, #dedede);
      opacity: 1;

      &.swiper-pagination-bullet-active {
        background: var(--brand-primary-500, #001080);
      }
    }

    .swiper-button-next,
    .swiper-button-prev {
      top: calc(50% - var(--pagination-offset));
    }

    .swiper-button-next {
      right: var(--spacing-200, 16px);
    }

    .swiper-button-prev {
      left: var(--spacing-200, 16px);
    }

    @media only screen and (max-width: 768px) {
      .ow-tile-grid {
        margin-bottom: 0;
      }

      .swiper-paging-dots {
        display: none;
      }
    }
  }

  .ow-add-to-cart {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 8px 24px;
    gap: 8px;
    border-width: 0px;
    border-style: solid;
    border-radius: 999px;
    border-color: #108600;
    background-color: #108600;
    box-shadow: none;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    font-family: Arial, sans-serif;
    cursor: pointer;
    opacity: 1;
    user-select: none;
  }

  .ow-add-to-cart span::before {
    display: inline-block;
    flex-shrink: 0;
    width: 20px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' fill='none' viewBox='0 0 20 18'%3E%3Cg fill='%23fff' clip-path='url(%23clip0_36737_2149)'%3E%3Cpath d='M2.767 3.166H1.639v4.403h1.128z'/%3E%3Cpath d='M4.403 4.805H0v1.128h4.403zM6.133 17.116c-.966 0-1.748-.827-1.748-1.846s.786-1.846 1.748-1.846c.963 0 1.749.827 1.749 1.846s-.786 1.846-1.749 1.846m0-2.56c-.342 0-.62.319-.62.718s.278.718.62.718.62-.32.62-.718c0-.399-.278-.719-.62-.719M14.995 17.116c-.967 0-1.749-.827-1.749-1.846s.786-1.846 1.749-1.846c.962 0 1.748.827 1.748 1.846s-.786 1.846-1.748 1.846m0-2.56c-.343 0-.62.319-.62.718s.277.718.62.718.62-.32.62-.718c0-.399-.278-.719-.62-.719M16.597 13.097H6.394c-1.169 0-2.071-.835-2.14-1.99v-.056L5.753.756 6.87.918l-1.481 10.17c.056.52.462.877 1.011.877H16.6v1.128z'/%3E%3Cpath d='m5.226 10.716-.116-1.12 11.476-1.192a.55.55 0 0 0 .406-.346l1.85-5.208c.037-.105.03-.2-.015-.267-.05-.067-.128-.083-.188-.083h-.05L3.41 1.124 3.512 0l15.16 1.372c.444.008.835.211 1.083.56.26.37.316.843.155 1.294l-1.85 5.208a1.66 1.66 0 0 1-1.34 1.087L5.23 10.716z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_36737_2149'%3E%3Cpath fill='%23fff' d='M0 0h20v17.116H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
  }
}