/* Shopping cart + Check Out Breadcrumbs */
.checkout-page-title .breadcrumbs a {
  font-size: 14px;
  line-height: 30px;
  color: #8f8f8f;
  text-transform: uppercase;
}

.checkout-page-title .breadcrumbs a.current {
  color: #ed1e79;
}

.checkout-page-title .breadcrumbs .right-slash {
  background: url(../images/right-arrow.svg);
  background-repeat: no-repeat;
  width: 15px;
  display: inline-block;
  background-size: contain;
  margin: 7px 8px;
}

.checkout-page-title .breadcrumbs a:last-child {
  pointer-events: none;
  cursor: unset;
}

.sport_categories_download_button {
  background-color: #00a6ff !important;
  transition-duration: 0.4s !important;
  transition-property: all !important;
}

.sport_categories_download_button:hover {
  background-color: #ed1e79 !important;
  color: #fff !important;
}

.sport_categories_download_button.price-list-button {
  background-color: #ed1e79 !important;
}

.sport_categories_download_button.price-list-button:hover {
  background-color: #00a6ff !important;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .no-flax {
    flex-wrap: wrap;
  }
  .subcategory {
    width: 45% !important;
  }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  .no-flax {
    flex-wrap: wrap;
  }
  .subcategory {
    width: 45% !important;
  }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  .no-flax {
    flex-wrap: wrap;
  }
  .subcategory {
    width: 45% !important;
  }
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .no-flax {
    flex-wrap: wrap;
  }
  .subcategory {
    width: 45% !important;
  }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .no-flax {
    flex-wrap: wrap;
  }
  .subcategory {
    width: 45% !important;
  }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .no-flax {
    flex-wrap: nowrap;
  }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .no-flax {
    flex-wrap: wrap;
  }
  .subcategory {
    width: 45% !important;
  }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  .no-flax {
    flex-wrap: nowrap;
  }
}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  .no-flax {
    flex-wrap: nowrap;
  }
}

.pswp {
  display: none;
}

/* Code added to change the z-index of the chatbot on 17-06-25 */

._1wkq7nf0 {
  z-index: 99999;
}

/* Code added on 05-08-25 */

@media only screen and (max-width: 768px) {
  .woocommerce-page table.cart .product-thumbnail {
    display: block;
  }

  th.product-name {
    display: block !important;
  }

  .custom_cart_fields {
    width: 100%;
  }

  .custom_cart_fields .add-input-text,
  .custom_cart_fields .add-input-number {
    width: 100% !important;
    margin: 10px 0 !important;
  }
}

@media (min-width: 768px) {
  .cart_fields_wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .cart_fields_wrap .add-input-text,
  .cart_fields_wrap .add-input-number {
    width: 100% !important;
  }
}

/* Code add on 11-08-25 for fixing the display of the button */
@media (min-width: 992px) and (max-width: 1199px) {
  a#link_button-140-15 {
    width: 92px;
    height: 28px;
    font-size: 10px;
    padding-right: 4px;
    padding-left: 4px;
  }
}

.kb-container div .kb-wrapper .kb-button-prev, .kb-container div .kb-wrapper .kb-button-next, .kb-container div .kb-wrapper .kb-button-finish {
	min-width: auto !important;
}

/* show full image inside cards / carousel */
.vfrc-image--background {
  background-size: contain !important;
  background-position: center;
}

.vfrc-carousel-inner-container .vfrc-card img {
  background-size: contain !important;
  background-position: center;
  object-fit: contain !important;
  object-position: center !important;
}