.bab-products {
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .bab-products {
    overflow: visible;
  }
}
.bab-products .bab-products-heading-wrapper {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: relative;
  border-top: 1px solid #C9C9C9;
  padding: 20px 0;
}
@media only screen and (min-width: 992px) {
  .bab-products .bab-products-heading-wrapper {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    gap: 30px;
    padding: 40px 0 30px;
  }
}
.bab-products .bab-products-heading-wrapper .bab-products-heading span {
  padding-left: 5px;
}
@media only screen and (max-width: 768.98px) {
  .bab-products .bab-products-heading-wrapper .bab-products-heading span {
    display: block;
  }
}
.bab-products .bab-products-heading-wrapper .heading-lg {
  width: -moz-max-content;
  width: max-content;
}
.bab-products .bab-products-link {
  display: flex;
  justify-content: center;
  margin: 40px 0 0;
}
.bab-products .bab-products-button {
  display: none;
  position: absolute;
  top: calc(50% - 10px);
  right: 0;
}
.bab-products .bab-products-button svg {
  width: 34px;
}
.bab-products .bab-products-filters {
  margin: 24px 0;
}
.bab-products .bab-products-filters .filter-checkboxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .bab-products .bab-products-filters .filter-checkboxes {
    justify-content: flex-end;
  }
}
.bab-products .bab-products-filters input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 28px;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.bab-products .bab-products-filters input#filter-,
.bab-products .bab-products-filters label[for=filter-] {
  display: none;
}
.bab-products .bab-products-filters .filter-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bab-products .bab-products-filters .filter-item[data-filter=filter-] {
  display: none;
}
.bab-products .bab-products-filters .filter-item label {
  cursor: pointer;
  display: flex;
  align-items: center;
  background: #f1f0e9;
  border-radius: 25px;
  padding: 0 15px;
  height: 28px;
  font-size: 14px;
}
.bab-products .bab-products-filters .filter-item input:checked + label {
  font-weight: bold;
  background: #a7c913;
}
.bab-products .bab-products-filters .filter-item input:checked + label:before {
  content: "";
  display: block;
  width: 15px;
  height: 28px;
  border-radius: 28px;
}
.bab-products .bab-products-filters .filter-item input:checked + label:after {
  content: "";
  display: block;
  width: 15px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.828 10.664'%3E%3Cpath data-name='Icon feather-check' d='m13.414 1.414-8.25 8.25-3.75-3.75' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  position: absolute;
  top: 9px;
  left: 7px;
  z-index: 2;
}
.bab-products .bab-products-filters .filter-item input:checked + label:after {
  opacity: 1;
}
.bab-products .product-card {
  position: relative;
}
.bab-products .product-card .product-feeding-grams {
  margin: 1em 0;
}
.bab-products .product-card .product-match {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 84px;
  z-index: 4;
}
.bab-products .product-card .product-match span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding-right: 8px;
}
.bab-products .product-card .supply .will-last {
  display: none;
  text-align: center;
  color: #995582;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
}
.bab-products .product-card .supply .will-last.selected {
  display: block;
}
.bab-products .product-card .product-title {
  width: 100%;
  border-top: 1px solid #F1F0E9;
  margin-top: 10px;
  padding-top: 10px;
}
.bab-products .bab-products-slider {
  padding-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .bab-products .bab-products-slider {
    padding-bottom: 40px;
  }
}
.bab-products .bab-products-slider .swiper-wrapper {
  display: flex;
  flex-direction: row;
}
@media only screen and (min-width: 769px) {
  .bab-products .bab-products-slider .swiper-wrapper .swiper-slide {
    max-width: 277px;
  }
}
.bab-products .bab-products-slider .swiper-wrapper:not(:has(div)):before {
  content: "There are no products that match your dogs specific requirements. Click show all to see all products.";
  display: block;
  text-align: center;
  width: 100%;
  padding: 15px 0 30px;
}
.bab-products .swiper {
  overflow: visible;
}
@media only screen and (min-width: 992px) {
  .bab-products .swiper {
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
}
.bab-products .swiper .bab-products-swiper-button-next {
  width: 32px;
  height: 32px;
  right: 0;
}
.bab-products .swiper .bab-products-swiper-button-next:after {
  content: "";
  width: 32px;
  height: 32px;
  background-position: center;
  background-size: 17px 21px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.122 24.066'%3E%3Cpath data-name='Path 3174' d='M6.206 7.01c.029-.11.062-.212.213-.154.553.705.717 2.177.771 1.062.69-.07.142.762.192 1.158.306.157 1.113-.05 1.072.357-.933.02.595.76.645.667-.047.233-.275.217-.27.521.57.72 1.718 1.141 1.85 2.548-.285-.061-.068-.49-.491-.453-1.414 1.095-3.952 4.064-5.782 5.662-.261.227-.827.189-1.004.405a2.912 2.912 0 0 0-.31 3.146c.946.85 2.923 1.235 3.262-.423 1.303.055 2.23-2.269 3.794-2.594a31.908 31.908 0 0 1 5.147-5.2l.232-1.466C12.369 8.101 8.747 4.301 5.39.304c-5.374.359.912 5.711.816 6.706Z' fill='%2340372d' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.bab-products .swiper .bab-products-swiper-button-prev {
  width: 32px;
  height: 32px;
  left: 0;
}
.bab-products .swiper .bab-products-swiper-button-prev:after {
  content: "";
  width: 32px;
  height: 32px;
  background-position: center;
  background-size: 17px 21px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.122 24.066'%3E%3Cpath data-name='Path 3174' d='M10.917 7.01c-.029-.109-.062-.212-.213-.154-.554.706-.717 2.177-.772 1.062-.69-.069-.141.763-.192 1.158-.305.157-1.112-.05-1.071.357.932.02-.596.76-.646.668.047.232.276.216.271.52-.57.72-1.718 1.142-1.851 2.549.286-.062.07-.49.492-.454 1.412 1.093 3.95 4.065 5.784 5.665.26.227.826.19 1.003.405a2.912 2.912 0 0 1 .31 3.146c-.946.846-2.924 1.228-3.263-.427-1.302.055-2.23-2.269-3.793-2.594a31.908 31.908 0 0 0-5.147-5.198l-.232-1.467C4.754 8.101 8.377 4.302 11.734.305c5.372.359-.914 5.71-.817 6.706Z' fill='%2340372d' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.bab-products .sub_tab_main_wrapper {
  height: 30px;
  position: relative;
  margin-bottom: 7px;
}
.bab-products .sub_tab_main {
  width: 100%;
  height: 30px;
  overflow: hidden;
  border-radius: 25px;
  background: #F1F0E9;
  position: relative;
  margin-bottom: 10px;
  z-index: 11;
}
.bab-products .sub_tab_main.open {
  overflow: visible;
  background-color: transparent;
}
.bab-products .sub_tab_main * {
  font-size: 14px;
}
.bab-products .sub_tab_main .sub-price-wrapper {
  position: relative;
  padding-left: 15px;
}
.bab-products .sub_tab_main .sub-prices {
  padding-right: 12px;
}
.bab-products .sub-tab-main-toggle {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 10px 10px 10px 25px;
  display: flex;
  justify-content: flex-end;
}
.bab-products .sub-tab-main-toggle svg {
  width: 16px;
  height: auto;
}
.bab-products .sub_tab_main.open .sub-tab-main-toggle svg {
  transform: rotate(180deg);
}
.bab-products .sub_tab_variant_selector {
  width: 100%;
  background: #F1F0E9;
  padding: 6px 12px;
  border-radius: 18px;
  list-style: none;
  font-weight: bold;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
}
.bab-products .sub_tab_main.open .sub_tab_variant_selector {
  padding-top: 12px;
}
.bab-products .sub_tab_variant_selector li label {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
}
.bab-products .sub_tab_main.open .sub_tab_variant_selector li label {
  margin: 0 0 11px 0;
}
.bab-products .sub_tab_main.open .sub_tab_variant_selector li:last-child label {
  margin: 0;
}
.bab-products .sub_tab_variant_selector li label span {
  padding: 0 4px;
  text-align: center;
  flex: 2;
}
.bab-products .sub_tab_variant_selector li label span:first-child {
  text-align: left;
}
.bab-products .sub_tab_variant_selector li label span:last-child {
  text-align: right;
  flex: 1;
  white-space: nowrap;
  max-width: 100px;
  display: inline-flex;
  overflow: hidden;
}
.bab-products .sub_tab_variant_selector li label span.was_price {
  text-align: right;
  text-decoration: line-through;
  font-size: 14px;
}
.bab-products .sub_tab_variant_selector li label:before {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  background-color: #fff;
  color: #fff;
  padding: 4px;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  display: inline-block;
  text-align: center;
  border: 2px solid #c9c9c9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23fff"><path d="M9 22l-10-10.598 2.798-2.859 7.149 7.473 13.144-14.016 2.909 2.806z"/></svg>');
}
.bab-products .sub_tab_variant_selector li input + label {
  display: none;
}
.bab-products .sub_tab_variant_selector li input:checked + label,
.bab-products .sub_tab_main.open .sub_tab_variant_selector li input + label {
  display: flex;
}
.bab-products .sub_tab_variant_selector li input:checked + label:before {
  color: white;
  border: 2px solid var(--button-1-color);
  background-color: var(--button-1-color);
}
@media (max-width: 640px) {
  .bab-products .sub_tab_header p {
    margin-top: 5px;
  }
}
.bab-products .sub_tab_header p .lowest-price {
  font-size: 13px;
  font-weight: bold;
}
.bab-products .sub_tab_header p .lowest-price-type {
  font-size: 13px;
  font-style: oblique;
  color: #afafaf;
}
.bab-products .selectedvariant {
  display: none;
}
.bab-products .sub_tab_variant_selector li input:checked + label + .sub_tab_delivery_frequency {
  display: flex;
}
.bab-products .per-tray-price {
  display: none;
  text-align: center;
  color: var(--primary-color);
  margin-bottom: 10px;
}
.bab-products .per-tray-price span {
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
}
.bab-products .per-tray-price.selected {
  display: block;
}
.bab-products .per-tray-price .was-price .per-unit {
  text-decoration: line-through;
}
.bab-products .product-buttons .add-to-box:hover {
  border: none;
}