/** Shopify CDN: Minification failed

Line 60:2 Expected identifier but found "--illustrations-blue-tint-1-("
Line 62:2 Expected identifier but found "--illustrations-blue-tint-2-("
Line 64:2 Expected identifier but found "--illustrations-blue-tint-3-("
Line 66:2 Expected identifier but found "--illustrations-blue-tint-4-("
Line 70:2 Expected identifier but found "--illustrations-orange-tint-4-("
Line 74:2 Expected identifier but found "--illustrations-pink-tint-4-("
Line 141:2 Expected identifier but found "--illustrations-blue-tint-1-("
Line 143:2 Expected identifier but found "--illustrations-blue-tint-2-("
Line 145:2 Expected identifier but found "--illustrations-blue-tint-3-("
Line 147:2 Expected identifier but found "--illustrations-blue-tint-4-("
... and 3 more hidden warnings

**/
/*
 * ------------------------------------------------------------
 * Copyright Joii Pet Care. All Rights Reserved
 * ------------------------------------------------------------
 */

/* Colours */
:root {
  /* Light Mode */
  /* color */
  --absolute-packages-black-active: #152138;
  --absolute-packages-black-default: #070b12;
  --absolute-packages-black-hover: #0e1625;
  --absolute-packages-black-transparent: #070b1280;
  --absolute-packages-white-active: #e9e5e2;
  --absolute-packages-white-default: #fdfdfc;
  --absolute-packages-white-hover: #f4f2f0;
  --absolute-packages-white-transparent: #fdfdfc80;
  --accent-active: #e5a200;
  --accent-alpha-20: #f1bd3f33;
  --accent-alpha-50: #f1bd3f80;
  --accent-alpha-80: #f1bd3fcc;
  --accent-default: #ffc331;
  --accent-hover: #ffb400;
  --backgrounds-base: #fdfdfc;
  --backgrounds-base-transparent: #fdfdfd80;
  --backgrounds-borders: #d3cbc5;
  --backgrounds-header: #152138;
  --backgrounds-highlight: #cce2ff;
  --backgrounds-highlight-transparent-20: #cce2ff33;
  --backgrounds-highlight-transparent-50: #cce2ff80;
  --backgrounds-tint-1: #f4f2f0;
  --backgrounds-tint-2: #e9e5e2;
  --form-controls-background-active: #cce2ff;
  --form-controls-background-default: #fdfdfc;
  --form-controls-background-hover: #f9f7f6;
  --form-controls-border-active: #1561d3;
  --form-controls-border-default: #d3cbc5;
  --form-controls-border-hover: #7aa7d7;
  --form-controls-placeholder: #5e6779;
  --form-controls-text-active: #070b13;
  --form-controls-text-default: #152138;
  --form-controls-text-hover: #0e1625;
  --illustrations-blue-tint-1: #344d80;
  --illustrations-blue-tint-1-(saturated): #224990;
  --illustrations-blue-tint-2: #6892d1;
  --illustrations-blue-tint-2-(saturated): #538ee1;
  --illustrations-blue-tint-3: #84aedc;
  --illustrations-blue-tint-3-(saturated): #6badf5;
  --illustrations-blue-tint-4: #ceddf1;
  --illustrations-blue-tint-4-(saturated): #c1ddff;
  --illustrations-orange-tint-1: #cc4f00;
  --illustrations-orange-tint-2: #ffd8ca;
  --illustrations-orange-tint-3: #ad4b15;
  --illustrations-orange-tint-4-(saturated): #f37526;
  --illustrations-pink-tint-1: #cf8790;
  --illustrations-pink-tint-2: #ddabb1;
  --illustrations-pink-tint-3: #a64752;
  --illustrations-pink-tint-4-(saturated): #ee6879;
  --inline-links-and-info-active: #114aa2;
  --inline-links-and-info-default: #1561d3;
  --inline-links-and-info-hover: #1355b9;
  --negative-package-active: #152138;
  --negative-package-default: #070b12;
  --negative-package-hover: #0e1625;
  --positive-package-active: #e9e5e2;
  --positive-package-default: #fdfdfc;
  --positive-package-hover: #f4f2f0;
  --secondary-active: #162037;
  --secondary-default: #25365b;
  --secondary-hover: #1d2b49;
  --status-packages-error-active: #990013;
  --status-packages-error-default: #cc0019;
  --status-packages-error-hover: #b20016;
  --status-packages-error-transparent-20: #cc001933;
  --status-packages-error-transparent-50: #cc001980;
  --status-packages-success-active: #136c43;
  --status-packages-success-default: #188553;
  --status-packages-success-hover: #16794b;
  --status-packages-success-transparent-20: #53c69133;
  --status-packages-success-transparent-50: #53c69180;
  --status-packages-warning-active: #914308;
  --status-packages-warning-default: #bd570b;
  --status-packages-warning-hover: #a94e0a;
  --status-packages-warning-transparent-20: #bd570b33;
  --status-packages-warning-transparent-50: #bd570b80;
  --texts-base: #070b12;
  --texts-tint-1: #394660;
  --texts-tint-2: #576275;
  /* Dark Mode */
  /* color */
  --absolute-packages-black-active: #152138;
  --absolute-packages-black-default: #070b12;
  --absolute-packages-black-hover: #0e1625;
  --absolute-packages-black-transparent: #070b1280;
  --absolute-packages-white-active: #e9e5e2;
  --absolute-packages-white-default: #fdfdfc;
  --absolute-packages-white-hover: #f4f2f0;
  --absolute-packages-white-transparent: #fdfdfc80;
  --accent-active: #e5a200;
  --accent-alpha-20: #ffc33133;
  --accent-alpha-50: #ffc33180;
  --accent-alpha-80: #ffc331cc;
  --accent-default: #ffc331;
  --accent-hover: #ffb400;
  --backgrounds-base: #070b12;
  --backgrounds-base-transparent: #070b1280;
  --backgrounds-borders: #24375b;
  --backgrounds-header: #344d80;
  --backgrounds-highlight: #3b4e69;
  --backgrounds-highlight-transparent-20: #3b4e6933;
  --backgrounds-highlight-transparent-50: #3b4e6980;
  --backgrounds-tint-1: #0e1625;
  --backgrounds-tint-2: #162136;
  --form-controls-background-active: #001633;
  --form-controls-background-default: #070b12;
  --form-controls-background-hover: #0c111d;
  --form-controls-border-active: #4a92ff;
  --form-controls-border-default: #2b426e;
  --form-controls-border-hover: #7aa7d7;
  --form-controls-placeholder: #bebfc2;
  --form-controls-text-active: #fdfdfc;
  --form-controls-text-default: #e9e5e2;
  --form-controls-text-hover: #f4f2f0;
  --illustrations-blue-tint-1: #344d80;
  --illustrations-blue-tint-1-(saturated): #224990;
  --illustrations-blue-tint-2: #6892d1;
  --illustrations-blue-tint-2-(saturated): #538ee1;
  --illustrations-blue-tint-3: #84aedc;
  --illustrations-blue-tint-3-(saturated): #6badf5;
  --illustrations-blue-tint-4: #ceddf1;
  --illustrations-blue-tint-4-(saturated): #c1ddff;
  --illustrations-orange-tint-1: #cc4f00;
  --illustrations-orange-tint-2: #ffd8ca;
  --illustrations-orange-tint-3: #ad4b15;
  --illustrations-orange-tint-4-(saturated): #f37526;
  --illustrations-pink-tint-1: #cf8790;
  --illustrations-pink-tint-2: #ddabb1;
  --illustrations-pink-tint-3: #a64752;
  --illustrations-pink-tint-4-(saturated): #ee6879;
  --inline-links-and-info-active: #80b2ff;
  --inline-links-and-info-default: #4a92ff;
  --inline-links-and-info-hover: #66a3ff;
  --negative-package-active: #e9e5e2;
  --negative-package-default: #fdfdfc;
  --negative-package-hover: #f4f2f0;
  --positive-package-active: #152138;
  --positive-package-default: #070b12;
  --positive-package-hover: #0e1625;
  --secondary-active: #99c5ff;
  --secondary-default: #cce2ff;
  --secondary-hover: #b2d3ff;
  --status-packages-error-active: #ff334c;
  --status-packages-error-default: #ff6679;
  --status-packages-error-hover: #ff4d63;
  --status-packages-error-transparent-20: #ff667933;
  --status-packages-error-transparent-50: #ff667980;
  --status-packages-success-active: #33996a;
  --status-packages-success-default: #53c691;
  --status-packages-success-hover: #39ac78;
  --status-packages-success-transparent-20: #53c69133;
  --status-packages-success-transparent-50: #53c69180;
  --status-packages-warning-active: #cf6517;
  --status-packages-warning-default: #e87e30;
  --status-packages-warning-hover: #e67019;
  --status-packages-warning-transparent-20: #e87e3033;
  --status-packages-warning-transparent-50: #e87e3080;
  --texts-base: #fdfdfc;
  --texts-tint-1: #d1cbc7;
  --texts-tint-2: #aaa5a1;
}
/* Typography */
:root {
  /* Mode 1 */
  /* number */
  --letter-spacing-28+: 0.0031rem;
  --letter-spacing-18-24: 0.0156rem;
  --letter-spacing-8-16: 0.0219rem;
  --line-height-12: 0.75rem;
  --line-height-14: 0.875rem;
  --line-height-16: 1rem;
  --line-height-20: 1.25rem;
  --line-height-24: 1.5rem;
  --line-height-28: 1.75rem;
  --line-height-32: 2rem;
  --line-height-36: 2.25rem;
  --line-height-40: 2.5rem;
  --line-height-48: 3rem;
  --line-height-50: 3.125rem;
  --line-height-72: 4.5rem;
  --size-t1: 0.5rem;
  --size-t2: 0.625rem;
  --size-12: 0.75rem;
  --size-t4: 0.875rem;
  --size-t5: 1rem;
  --size-t6: 1.125rem;
  --size-t7: 1.25rem;
  --size-t8: 1.5rem;
  --size-t9: 1.75rem;
  --size-t10: 2rem;
  --size-t11: 2.625rem;
  --size-t12: 3.5rem;
  /* string */
  --family-body: Poppins;
  --family-emphasis: Poppins;
  --family-title: Poppins;
  --weight-black: Black;
  --weight-bold: Bold;
  --weight-regular: Regular;
  --weight-semibold: Semibold;
}
/* Spacing */
:root {
  /* Mode 1 */
  /* number */
  --0: 0rem;
  --2: 0.125rem;
  --4: 0.25rem;
  --6: 0.375rem;
  --8: 0.5rem;
  --10: 0.625rem;
  --12: 0.75rem;
  --16: 1rem;
  --24: 1.5rem;
  --32: 2rem;
  --40: 2.5rem;
  --44: 2.75rem;
  --48: 3rem;
  --56: 3.5rem;
  --64: 4rem;
  --72: 4.5rem;
}
/* Corner radius */
:root {
  /* Mode 1 */
  /* number */
  --0: 0rem;
  --2: 0.125rem;
  --4: 0.25rem;
  --8: 0.5rem;
  --10: 0.625rem;
  --16: 1rem;
  --20: 1.25rem;
  --32: 2rem;
  --100: 6.25rem;
}


html {
  overflow-x: hidden;
}
body {
  padding: unset !important;
}

.no-opacity {
  opacity: 0;
}

.ab-iam-root, .ab-effect-html, .ab-show {
  display: none !important;
}

.pdp-form-action-wrapper,
.joii-add-wrapper {position: relative;}

.predictive-search {margin: 0;}




.d-lg-block {display: block !important;}

.joii-multi-column,
.joii-text-and-image {
  display: flex;
  width: 100%;
}
.joii-text-and-image>* {
  width: 50%;
}

.joii-swap-t-img {
  flex-direction: row-reverse;
}
.joii-text-and-image .custom-liquid,
.joii-text-and-image .rich-text {
  padding-left: 30px;
  padding-right: 30px;
}
.joii-collection-products-only {
  border-top: 10px solid #f4f2ef;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .joii-multi-column.joii-mob-full,
  .joii-text-and-image>* {
    flex-direction: column;
  }
  .joii-multi-column.joii-mob-full>*,
  .joii-text-and-image>* {
    width: 100% !important;
  }
  .joii-text-and-image .custom-liquid,
  .joii-text-and-image .rich-text {
    padding-left: unset;
    padding-right: unset;
    padding: 20px 10px;
  }
  .joii-collection-products-only {
    margin-top: 0;
  }
  .joii-multi-column>*:first-child {
    margin-top: unset !important;
  }
}

.joii-multi-column .custom-liquid {
  margin-bottom: 0;
}


wishlists-drawer {display: none !important;}

#shopify-section-template--20069992923361__175680305987187e1c,
#shopify-section-template--20272689348833__175680305987187e1c,
#shopify-section-sections--20272681484513__1741028846b74e6a52,
#shopify-section-template--20656367599841__175680305987187e1c {display: none !important;}


._hj-widget-container,
._hj-widget-theme-dark {display: none !important;}


.joii-product-grid-dots {
  pointer-events: none;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 5px;
  z-index: 5;
}
.joii-product-grid-dot {
  pointer-events: auto;
  width: 5px;
  height: 5px;
  border-radius: 50vw;
  background: blue;
  overflow: hidden;
  transition: all 0.4s ease;
  background: #c1c1c1;
}
.joii-product-grid-dot.before-active {
  width: 7px;
  height: 5px;
  background: #a1a1a1;
}
.joii-product-grid-dot.active {
  width: 10px;
  height: 5px;
  background: #717171;
}
.joii-product-grid-dot.after-active {
  width: 7px;
  height: 5px;
  background: #a1a1a1;
}


#ReCharge #content__login #please_wait {
  display: none !important;
}

.filter-inner-box {
  background: rgba(255,255,255,0.95);
}
.filter-drawer-form {
  padding: 0 12px 22px 22px;
}
.filter-drawer-form ul>* {
  margin-right: 10px;
}

.main-search-pagination {width: 100%;}

.joii-homepage-slideshow {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.joii-homepage-slideshow.joii-product-grid-wrapper {
  margin-top: 10px;
}

.joii-slideshow-section .joii-product-grid-dot {
  background: #f9f9f9;
  width: 14px;
  height: 10px;
  border-radius: 7px;
  border-bottom: 2px solid #344d80;
  border-right: 2px solid #344d80;
}
.joii-slideshow-section .joii-product-grid-dot.before-active,
.joii-slideshow-section .joii-product-grid-dot.after-active {
  width: 30px;
}
.joii-slideshow-section .joii-product-grid-dot.active {
  width: 50px;
}
.joii-slideshow-section .joii-product-grid-dot:hover {
  height: 12px;
}

.predictive-search-results .media img.lazyload {
  filter: unset !important;
}



.product-grid-box:focus,
.product-card.active,
.cart-details-item.disabled,
.cart-details-item.item-deleting {
  transition: filter 0.5s ease;
}

.product-card-wrapper .row>div {max-height: 450px;}

.product-grid-box:focus,
.product-grid-box:focus,
.cart-details-item.disabled,
.cart-details-item.item-deleting {
  filter: blur(2px);
  cursor: default;
}
.product-card.active,
.joii-product-tags span:focus,
.product-page-badges .product-badge:focus {
  filter: blur(1px);
  opacity: 0.6;
  cursor: default;
}

#mobileMenu .nav-item a {
  border-radius: 10px;
}
#mobileMenu .nav-item a:active,
#mobileMenu .nav-item a:focus {
  /*filter: blur(1px);*/
  /*opacity: 0.6;*/
  cursor: default;
  background: #eff3fa;
}

.nav-item-title {
  text-wrap: none;
  white-space: nowrap;
  width: unset !important;
  position: relative;
  font-weight: 600;
}

#mobileMenu .nav-item a .nav-item-title::after {
  /*padding: 12px 15px;*/
  position: absolute;
  content: "";
  background: black;
  height: 1px;
  bottom: 0;
  left: 0;
  width: 0;
  transition: 0.4s ease width;
}
#mobileMenu .nav-item a:active .nav-item-title::after,
#mobileMenu .nav-item a:focus .nav-item-title::after {
  width: 100%;
}



.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

div.shopify-section-group-header-group {display: none;}

/* Shadows*/
#shopify-section-template--19039805243617__featured_product_q4FhrM .product-gallery-img, 
#shopify-section-template--19039805243617__featured_product_q4FhrM .product-gallery-img-item, 
#shopify-section-template--19039805243617__featured_product_q4FhrM .product-gallery-img-slider, 
#shopify-section-template--19039805243617__featured_product_q4FhrM .product-gallery-img-wrapper,
.product-gallery-img-wrapper {
  overflow: visible !important;
}
.product-gallery-img-wrapper .product-gallery-img-slider .flickity-viewport {
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  overflow: hidden;
  background: white;
}
.product-gallery-img-wrapper .product-gallery-img-slider .media {
  background: white;
}


.footer-middle {
  padding: 30px 0;
}
.footer-affiliation {
    padding: 0 10px;
}
@media (min-width:1441px) {
    .footer-affiliation {
        padding: 0 20px;
    }
}
@media screen and (max-width:767px) {
    .footer-middle .footer-affiliation {
        padding: 0 0px 30px 0;
    }
}

.footer-bottom-aligner {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media screen and (max-width:1415px) {
  .footer-bottom-aligner {
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: .5rem;
  }
  .app-download-container {
    margin-top: 1rem;
  }
}
.footer-bottom-links a {
  margin-bottom: unset;
}
.footer-bottom .app-download-link img {
  transition: all 1s ease;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.6);
  border-radius: 7px;
}
.footer-bottom .app-download-link img:hover {
  transform: scale(1.05,1.05);
  box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.3);
}

.footer-follow-on-shop {
  display: none !important;
}

.product-gallery-img .flickity-viewport {
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}



/* Store Homepage Brand Buttons */
#shopify-section-template--19039805243617__images_grid_89XbFK .images-grid-item {
  transition: all 0.3s ease-in-out;
}
#shopify-section-template--19050521886945__images_grid_89XbFK .images-grid-item:hover {
  transform: scale(1.1,1.1);
}


/* Store Homepage Category Buttons */
#shopify-section-template--19039805243617__images_grid_mwEkta .images-grid-img {
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}


.shopify-payment-button {
  display: none;
}


.joii-header .logo {
  /*min-width: 100px !important;*/
  /*max-width: 100px !important;*/
  height: min-content;
  min-width: unset !important;
}
#joii-header-logo {
  height: 44.5px;
  width: auto;

}
@media screen and (max-width: 1024px) {
  .joii-header .logo {
    /*min-width: 50px !important;*/
    /*max-width: 50px !important;*/
  }
  #joii-header-logo {
    /*height: 32.25px;*/
    height: 25px;
  }
}
.joii-header .header-options {
  /*padding-top: 5px !important;*/
  /*padding-bottom: 5px !important;*/
}
.joii-header .primary-header-blocks {
  min-height: 52px !important;
}
.joii-header .nav-menu-link {
  /*padding: 15px 15px;*/
  padding: 10px;
}

.shopify-section-group-header-group, .announcement-bar {
  /*background-color: var(--headerBg) !important;*/
  background-color: white;
}
.joii-header .joii-secondary-announcements-header-wrapper,
.joii-secondary-announcements-header-wrapper .secondary-header {
  /*background-color: white !important;*/
  /*background-color: #344d80 !important;*/
  /*background-color: #eaf2f6 !important*/
  background-color: #f7f7f7 !important;
}
.joii-secondary-announcements-header-wrapper {
  border-bottom: 0.5px solid #e8e8e8;
}
.joii-secondary-header-wrapper, .joii-header .header-shadow {
  box-shadow: 0 1px 2px #0000001c;
}
.announcement-bar-box {
  padding: 8px 4px 0px 4px !important;
}
.announcement-bar-message {
  /*color: white !important;*/
  color: #344d80;
}
.header-icons-link {
  border: unset !important;
}
.predective-search-box {
  border-radius: 15px !important;
  border: 1px solid #d3cbc5 !important;
  background: #fdfdfd;
}
.searchbar-bottom-text {padding-bottom: 20px;}
.searchbar-result-heading {
  text-align: start;
  opacity: .5;
}


.services-submenu button {
  background: #344d80;
  outline: unset;
  font-weight: 500;
  border: unset;
}
.services-submenu button:before {
  content: unset;
}
.services-submenu button:hover {
  /* background: #2a6694; */
  background: #4272a6;
}

#joii-header-logo path {
  transition: .4s ease;
  fill: #344d80;
}
#joii-header-logo:hover path {
  /* fill: #2a6694; */
  fill: #4272a6;
}


.predictive-search-box input, .predictive-search-box textarea {
  caret-color: black;
  position: relative;
}
.predective-search-box button[type="reset"] {
  overflow: hidden;
  margin-right: .5rem;
}
.predective-search-box button[type="reset"] span {
  transform: translateX(0);
  transition: transform .5s ease;
}
.predective-search-box:not(:focus-within) button[type="reset"] span {
  transform: translateX(4rem);
}
.predective-search-box .search__input {border-radius: unset !important;}
.predective-search-box .search__input::placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.predective-search-box .search__input:focus::placeholder {
  opacity: 0;
}



#shopify-buyer-consent {
  font-size: var(--smallText);
}



.joii_toggle_subscription_wrapper {
  display: flex;
  flex-direction: row;
  gap: .5rem;
  /*max-width: 90%;*/
}
.joii_toggle_subscription {
  /*padding: 3px 10px;*/

  /*padding: 12px;*/
  padding: 8px 12px;
  border-radius: 10px;
  width: 100%;
}

.joii_toggle_frequency {
  min-width: 200px;
}

.joii_toggle_frequency .selling-plan-dropdown-container {
  margin-top: 0 !important;
}

.cart-details-item .selling-plan-dropdown-container {display: none !important;}
.cart-details-item.see_frequency .selling-plan-dropdown-container {display: flex !important;}


.mobile-options-wrapper {
  display: flex;
  gap: 10px;
  padding-top: 15px;
  /*padding-left: 10px;*/
  /*padding-right: 10px;*/
  justify-content: flex-end;
}
.mobile-options-wrapper .joiiSaveItem {
  /*padding: 10px 15px;*/
  padding: 8px 12px;
  cursor: pointer;
  justify-content: start;
  display: flex;
  border-radius: 7px;
  /*background: white;*/
  background: #f1f5f8;
  /*border: 1px solid #d1d1d1;*/
  text-wrap: nowrap;
  font-size: var(--text);
  font-family: var(--bodyFont);
  font-weight: var(--bodyFontWeight);
  line-height: var(--bodyFontLineHeight);
  font-style: var(--bodyFontStyle);
  border: 2px solid #f1f5f8;
}

.joii_toggle_subscription label {
  margin-bottom: unset !important;
  font-size: 12px;
}

.quantity-button,
.quantity-input {
  background: #f1f5f8;
  border: unset;
}
.qa-quantity-button {
  background: unset;
  border: unset;
  width: 38px;
  flex: unset;
  height: 40px;
}

.joii-selling-plan-toggle-dropdown-btn {
  background: #D1D1D1;
  width: 100%;
}
.joii-plan-row {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: .5rem;
}
.joii-plan-row .joii-sub-price {
  font-size: var(--h3);
  font-weight: bold;
}
.joii-plan-row .joii-sub-ppw {
  font-family: sans-serif;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.3px;
  opacity: 0.8;
  
}
.joii_toggle_subscription_wrapper .joii-prod-choose-plan-label {
  margin-top: .5rem;
}
.joii-subscriptions-container {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.variant-option input:checked + label {
  box-shadow: unset;
  /*border: unset;*/
}
.variant-option .option {
  border: unset;
  background: #F1F1F1;
  box-shadow: unset;
  border-radius: 10px;
  border: 3px solid #F1F1F1;
}
.variant-option {
  height: unset;
}



:root {
  /*--subBackground: #ddfbe0;*/
  --subBackground: #ffd8ca;
  /*--subForeground: #345934;*/
  /*--subForeground: #2A7407;*/
  --subForeground: #cb4f01;
  /*--defBackground: #e5f2f9;*/
  /* --defBackground: #EAF2F6; */
  --defBackground: #dcedf9;
  /*--defForeground: #1b6689;*/
  /* --defForeground: #1A6D91;*/
  --defForeground: #4272a6;
  --prescriptBackground: #f7eced;
  --prescriptForeground: #8a4654;
  --nfavpsBackground: #f7ecff;
  --nfavpsForeground: #8a466c;
}

.joii-repeats-benefits {
  /*background: #ddfbe0;*/
  /*border: 1px solid var(--subForeground);*/
  /*border-radius: 10px;*/
  border-radius: 0 10px 0 10px;
  max-width: 90%;
  overflow: hidden;
  flex-direction: column;
}
.joii-repeats-benefits>div {
  padding: 6px 8px;
}
.joii-repeats-benefits>ul {
  padding: 8px;
  border-radius: 8px;
  margin: 3px;
  margin-top: 0;
}

.product__wrapper.sub .joii-repeats-benefits {display: none;}
.product__wrapper.single .subscription_add_to_cart_frequency_popup {display: none;}
.subscription_add_to_cart_frequency_popup {
  margin-bottom: 20px;
}

#joii-repeats-icon g {
  fill: var(--subForeground);
}


.product__wrapper.sub .variant-option input:checked + label {
  /*border: 3px solid #207ea7 !important;*/
  border: 2px solid var(--subForeground) !important;
  background: var(--subBackground);
  box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.3);
}
.product__wrapper.single .variant-option input:checked + label,
.joii-qa-option .option.active {
  border: 2px solid var(--defForeground) !important;
  background: var(--defBackground);
  box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.3);
}
.product__wrapper.single .color-swatches .variant-option input:checked + label,
.color-swatches .joii-qa-option .option.active {
  border: unset !important;
}
.product__wrapper.single .color-swatches label {
  width: 25px;
  height: 25px;
}
.product__wrapper.single .color-swatches .variant-option {
  width: 25px;
  height: 25px;
  padding: unset;
}
.color-swatches .variant-option .option::before {
  content: "";
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-radius: 50px;
  width: 29px;
  height: 29px;
  position: absolute;
  top: -2px;
  left: -2px;
}
.joii-plan-row, .joii-plan-row * {
  cursor: pointer !important;
}
.joii-plan-row {
  padding: 0px 5px;
}
.joii_toggle_subscription {
  /*margin: 2px;*/
  cursor: pointer;
}
.joii_toggle_subscription:not(.joii_toggle_sub_one) {
  border: 2px solid rgba(0,0,0,0);
  background: var(--subBackground);
  /*color: #207ea7;*/
  /*color: var(--subForeground);*/
  color: black;
}
.joii_toggle_subscription:not(.joii_toggle_sub_one) label {
  /*color: #207ea7;*/
  /*color: var(--subForeground);*/
  color: black;
}
.joii_toggle_subscription.joii_toggle_sub_one {
  border: 2px solid #F1F1F1;
  background: #F1F1F1;
}
.joii_toggle_subscription.joii_toggle_sub_one.active, .joii_toggle_subscription.joii_toggle_sub_one:hover {
  margin: 0;
  border: 2px solid var(--defForeground);
  background: var(--defBackground);
}
.joii_toggle_subscription:not(.joii_toggle_sub_one).active, .joii_toggle_subscription:not(.joii_toggle_sub_one):hover {
  margin: 0;
  /*border: 3px solid #207ea7;*/
  border: 2px solid var(--subForeground);
  background: var(--subBackground);
}
.joii_toggle_subscription.active {
  box-shadow: 0px 4px 3px -2px rgba(0,0,0,0.3);
}
.joii-repeats-box {
  /*background: #e6f6fc;*/
}
.joii_toggle_sub_one.active label,
.joii_toggle_subscription.joii_toggle_sub_one:hover label {
  /*color: var(--defForeground);*/
  color: black;
}


.product-card-img .media {
  width: 80%;
  /* height: 80%; */
  height: 86%;
  /*margin: 10%;*/
  margin: 10% 10% 3% 10%;
}
.joii-sub-price {
  margin-right: 5px;
}
.joii-sub-comp-price {
  text-decoration: line-through;
  font-size: 14px;
  opacity: .7;
}


.accordion p {
  font-family: Carlito, Arial, sans-serif !important;
  line-height: 2rem;
  margin: 2rem 0 !important;
}
.accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}


.accordion__content[data-preview-height] {
  position: relative;
  overflow: hidden;
}

.accordion__content[data-preview-height]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  pointer-events: none;

  background: linear-gradient(
    to bottom,
    rgba(249,249,249,0),
    rgba(249,249,249,1)
  );

  opacity: 1;
  transition: opacity 0.3s ease;
}

/* Hide fade when expanded */
.accordion__item.active .accordion__content[data-preview-height]::after {
  opacity: 0;
}

.accordion__see-more {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.2s ease, transform 0.2s ease, color 0.4s ease;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  text-wrap: nowrap;
  padding: 5px 15px 15px;
  text-align: center;
  color: rgb(17, 74, 162);
  cursor: pointer;
  width: min-content;
}

.accordion__see-more:hover {
  color: rgba(0, 0, 0, 1);
}

/* hidden when open */
.accordion__item.active .accordion__see-more {
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
}

.accordion.product_range .accordion__content {margin-bottom: 0 !important;}
.accordion.product_range .accordion__content>*:first-child {
  margin-block-start: 2.6rem;
}


.shop-more-by-brand {
  background: #f5f5f5;
  border: 1px solid #ececec;
  border-bottom: 1px solid #d1d1d1;
  padding: 20px 30px;
  border-radius: 20px;
  align-items: center;
  /*justify-content: space-between;*/
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .shop-more-by-brand {
    border-radius: 10px;
    padding: 15px 20px;
  }
  .product-info-sidecolumn {margin-top: 10px;}
}

.shop-more-by-brand img {
  height: auto;
  max-height: 60px;
  width: auto;
  object-fit: contain;
  max-width: 100px;
  text-wrap: nowrap;
  white-space: nowrap;
  transition: transform 0.4s ease;
}

.shop-more-by-brand-content {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.shop-more-by-brand-content span {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}

.shop-more-by-brand:hover span {/*font-weight: 500;*/}
.shop-more-by-brand:hover img {
  transform:  scale (1.05);
}

.accordion__item {
    /*border: 1px solid #eeeeee;*/
    /*border-radius: 10px;*/
    overflow: hidden;
    /*border-top: 1px solid #eaeaea;*/
}
.joii-product-info-container .accordion__item:last-child {
    /*border-bottom: 1px solid #eaeaea;*/
}
.joii-product-info-container .accordion__item {
  margin-bottom: 5px;
}
.joii-product-info-container .accordion__item.active .accordion__content,
.joii-product-info-container .accordion__content[data-preview-height] {
  margin-top: 20px;
}
.joii-product-info-container .accordion__header {
  background: #f5f5f5;
  border: 1px solid #ececec;
  border-bottom: 1px solid #d1d1d1;
  border-radius: 20px;
}



@media screen and (max-width: 768px) {
  .joii-product-info-container .accordion__header {
    border-radius: 10px;
  }
}

.h2.product-heading {
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .joii-product-info-container  .accordion__item:last-child {
    /*border-bottom: 4px solid #eaeaea;*/
  }
  .joii-product-body {
    padding-left: 0;
    padding-right: 0;
  }
  .joii-product-body .product-content-wrapper>* {
    padding-left: 16px;
    padding-right: 16px;
  }
  .joii-product-tags,
  .joii-breadcrumb-container .breadcrumb-nav {
    padding-left: 10px;
    padding-right: 10px;
  }
  .joii-related-products-section .section-padding {
    padding-top: 20px;
  }
  .h2.product-heading {
    font-size: var(--h3);
  }
}
.flickity-slider {
  transition-timing-function: ease-out !important;
}


.accordion__header {
    padding: 15px 25px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    padding-right: 50px;
    display: flex;
    align-items: center;
}
.joii-collection-description {
  padding: 15px 25px;
  padding-top: 0;
}
.accordion__item .accordion__content {
    padding: 0 25px;
    max-height: 0;
    transition: .5s;
    overflow: hidden;
}
.joii-carousels-2.accordion-carousel .accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: .5s;
}
   
.accordion__header::after {
    /*content: '';*/
    background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
    width: 20px;
    height: 20px;
    transition: .4s;
    display: inline-block;
    position: absolute;
    right: 20px;
    /*top: 18px;*/
    z-index: 1;
}
.accordion__header svg {
    /*content: '';*/
    width: 20px;
    height: 20px;
    transition: .4s;
    display: inline-block;
    position: absolute;
    right: 15px;
    /*top: 18px;*/
    z-index: 1;
}
.accordion__header .accordion-path-hide {
    /*transform: rotateX(180deg);*/
    transition: fill .4s ease;
}
@media screen and (max-width: 500px) {
  .accordion__header,
  .joii-collection-description {
    padding: 15px 10px;
  }
  .joii-collection-description {
    padding-top: 0;
  }
  .accordion__header {
    padding-right: 50px;
  }
  .accordion__header::after {
    right: 15px;
  }
  .accordion__item .accordion__content {
    padding: 0px 10px;
  }
}

.accordion__content strong,
.accordion__content a {
  font-weight: 500;
}

.joii-collection-info-container .accordion__item {
  border-top: 8px solid #f4f2ef;
  background: #f9f9f9;
  border-radius: 15px;
}
.joii-collection-info {
  background: #f4f2ef;
}



.accordion {border-top: unset !important; margin-top: unset !important;}
.accordion__header.active .accordion-path-hide {
    /*background: #e5f3fa;*/
    fill: rgba(0,0,0,0);
}

.accordion__header.active::after {
    /*transform: rotateX(180deg);*/
}
.accordion__header.active .accordion-path-hide {
    /*transform: rotateX(180deg);*/
    fill: rgba(0,0,0,0);
}


.mobile-prod-accordion .accordion__content>*, .mobile-prod-accordion .product__description {padding: 0 10px;}
.joii-product-info-container {margin-bottom: 1.5rem;}
.lead-time-message {
  font-size: 14px;
  font-weight: 400;
}

.accordion__content>*:first-child {}
.accordion__content>*:last-child {padding-bottom: 25px;}
.accordion__content>* {display: block;}



@keyframes flickityFadeIn {
  from {
    opacity: 0;
    background: unset;
    border: 1px solid #c5c5c5;
    color: #c5c5c5;
  }
  to {
    opacity: 1;
    border: 1px solid #c5c5c5;
    color: #c5c5c5;
    background: unset;
  }
}
.product-grid-wrapper button {
  transform: translateX(0);
  opacity: 1;
  background: unset;
  /*color: #d1d1d1;*/
  border: 1px solid #c5c5c5;
  color: #c5c5c5;
  border-radius: 15px;
  transition: .5s ease-in-out all;
  animation: flickityFadeIn 1s ease-in-out;
}
.product-grid-wrapper button[aria-label="Previous"],
.product-grid-wrapper button[aria-label="Next"] {
  top: 44%;
}
.product-grid-wrapper:not(.left-arrow-disabled) button[aria-label="Previous"],
.product-grid-wrapper:not(.right-arrow-disabled) button[aria-label="Next"],
.product-grid-wrapper:not(.left-arrow-disabled) button[aria-label="Previous"]:hover,
.product-grid-wrapper:not(.right-arrow-disabled) button[aria-label="Next"]:hover
{
  background: unset !important;
  border: 1px solid var(--button-color);
  fill: var(--button-color);
  color: var(--button-color);
}


.related_products .is-draggable .flickity-viewport {
  justify-content: center;
  display: flex;
  /*pointer-events: all !important;*/
}
.related_products .is-draggable .flickity-viewport .flickity-slider--wrapper {
  /* width: 90%; */
  width: 100%;
  left: unset;
  /*pointer-events: all !important;*/
}


@media screen and (max-width: 768px) {
  .related_products .is-draggable .flickity-viewport .flickity-slider--wrapper {
    width: 100%;
    left: unset;
    /*pointer-events: all !important;*/
  }
  .flickity-slider--wrapper .product-grid-box {
    /* width: 45%;
    padding: 0 2px;
    padding: 0 1%; */
  }
  .section-title *,
  .cart-recom-title {
    /*font-size: 18px;*/
    /*font-weight: 700;*/
  }
  .cart-recom-title {
    font-size: 18px;
    font-weight: 700;
  }
}
.flickity-viewport .flickity-slider--wrapper {
  /*pointer-events: all !important;*/
}
.flickity-enabled.is-draggable {
  /*user-select: all !important;*/
  /*pointer-events: all !important;*/
}
.flickity-enabled.is-draggable .flickity-viewport {
  /*touch-action: manipulation !important;*/
  /*pointer-events: all !important;*/
}
.product-grid-wrapper .flickity-slider--wrapper {
  /*overflow: visible !important;*/
}

.product-grid-box {
  /*pointer-events: all !important;*/
}

.joii-product-card,
.joii-product-card-item {position: relative;}
.joii-product-card-item .product-image {
  transition: transform .8s ease-in-out;
}
.joii-product-card-item:hover .product-image {
  transform: scale(1.03);
}

.joii-homepage-slideshow.joii-product-grid-wrapper .joii-slideshow-hero-img {
  transition: transform .8s ease-in-out;
  width: auto;
}
.joii-homepage-slideshow.joii-product-grid-wrapper:hover .joii-slideshow-hero-img {
  transform: scale(1.005);
}

.cart-details-item .cart-item-media img {
  transition: transform .6s ease-in-out;
}
.cart-details-item:hover .cart-item-media img {
  transform: scale(1.02);
}


.joii-product-card-item .product-card {
  box-shadow: 0 3px 10px -9px rgba(0,0,0,0.8);
  border: unset !important;
}
.joii-product-card-item:hover .product-card {
  box-shadow: 0 3px 10px -7px rgba(0,0,0,0.8);
  border: unset !important;
}
.joii-product-card-detail .product-price {
  margin-bottom: unset;
}
.joii-product-card-item .product-card-badges {
  top: 0px;
  left: 0px;
  flex-direction: unset;
  flex-wrap: wrap;
  gap: 1px;
  z-index: 1;
}
.joii-product-card-item .product-badge {
  text-transform: unset;
}
.joii-product-card-item .product-card-badges span {
  font-weight: bold;
  text-wrap: nowrap;
}
.product-card-badges span {margin: 0 !important;}
.joii-product-card-item .product-selector-option {display: none;}
.joii-product-card .product-title, 
.joii-product-card-item .product-title, 
.joii-featured-product-bottom *, 
.joii-featured-prod-section-desc, 
.joii-featured-product-bullets {font-size: 14px; line-height: 18px;}
.joii-product-card-detail .price-item {letter-spacing: -1px; margin-right: unset; margin-bottom: unset;}
.joii-product-card-detail .price-item.actual-price {font-size: 18px;}
.joii-product-card-detail .price-item.compare-price {font-size: 16px; /*opacity: 0.6;*/ color: #e36161;}
.joii-product-card-detail .product-price {align-items: flex-end; display: flex; gap: .5rem; margin-bottom: unset;}
.joii-product-card-grid-bottom {/*height: 35px;*/}
.product-badge,
.joii-breadcrumb-container .joii-repeats-badge-main {font-size: 12px; line-height: 12px; padding: 5px 10px !important;}
.joii-breadcrumb-container .joii-repeats-badge-main span {font-size: 12px !important;}

.joii-offer-label a {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1600px) {
  .joii-product-card-detail .product-title, 
  .joii-featured-product-bottom *, 
  .joii-featured-prod-section-desc, 
  .joii-featured-product-bullets, 
  .joii-offer-label, 
  .joii-offer-label span {font-size: 13px; line-height: 16px;}
  .joii-offer-label svg {width: 12px; height: 13px;}
  .joii-product-card-detail .price-item {letter-spacing: -1px;}
  .joii-product-card-detail .price-item.actual-price {font-size: 17px; line-height: 17px;}
  .joii-product-card-detail .price-item.compare-price {font-size: 15px; line-height: 15px; opacity: 0.6;}
  .col-6.col-lg-3 {padding-left: 5px; padding-right: 5px;}
  .joii-product-card-item {margin-bottom: 10px !important;}
  .joii-product-card-grid-bottom {/*height: 35px;*/}
  .product-badge,
  .joii-breadcrumb-container .joii-repeats-badge-main {font-size: 11px; padding: 3px 8px !important;}
  .joii-breadcrumb-container .joii-repeats-badge-main span {font-size: 11px !important;}
}
@media screen and (max-width: 1200px) {
  .joii-product-card-detail .product-title, 
  .joii-featured-product-bottom *, 
  .joii-featured-prod-section-desc, 
  .joii-featured-product-bullets, 
  .joii-offer-label, 
  .joii-offer-label span {font-size: 12px; line-height: 15px;}
  .joii-offer-label svg {width: 12px; height: 13px;}
  .joii-product-card-detail .price-item {letter-spacing: -1px;}
  .joii-product-card-detail .price-item.actual-price {font-size: 16px; line-height: 16px;}
  .joii-product-card-detail .price-item.compare-price {font-size: 14px; line-height: 14px; opacity: 0.6;}
  .joii-product-card-grid-bottom {/*height: 28px;*/}
}
@media screen and (max-width: 1000px) {
  .joii-product-card-detail .product-title, 
  .joii-featured-product-bottom *, 
  .joii-featured-prod-section-desc, 
  .joii-featured-product-bullets, 
  .joii-offer-label, 
  .joii-offer-label span {
    font-size: 12px; line-height: 15px;
    /*transform: scale(0.9);*/
  }
  .joii-offer-label svg {width: 12px; height: 13px;}
  .joii-product-card-detail .price-item {letter-spacing: 0px;}
  .joii-product-card-detail .price-item.actual-price {font-size: 15px; line-height: 15px;}
  .joii-product-card-detail .price-item.compare-price {font-size: 13px; line-height: 13px; opacity: 0.6;}
  .product-badge,
  .joii-breadcrumb-container .joii-repeats-badge-main   {font-size: 11px; padding: 3px 8px !important;}
  .joii-breadcrumb-container .joii-repeats-badge-main span {font-size: 11px !important;}
}
@media screen and (max-width: 700px) {
  .joii-product-card-detail .product-title, 
  .joii-featured-product-bottom *, 
  .joii-featured-prod-section-desc, 
  .joii-featured-product-bullets, 
  .joii-offer-label, 
  .joii-offer-label span {
    font-size: 12px; line-height: 15px;
    /*transform: scale(0.9);*/
  }
  .joii-offer-label svg {width: 12px; height: 13px;}
  .joii-product-card-detail .price-item {letter-spacing: 0px;}
  .joii-product-card-detail .price-item.actual-price {font-size: 13px; line-height: 13px;}
  .joii-product-card-detail .price-item.compare-price {font-size: 10px; line-height: 10px; opacity: 0.6;}
  .product-badge,
  .joii-breadcrumb-container .joii-repeats-badge-main  {font-size: 10px; padding: 2px 7px !important;}
  .joii-breadcrumb-container .joii-repeats-badge-main span {font-size: 10px !important;}
}



.joii-repeats-badge-main {
   box-shadow: .5px .5px 1px 0px rgba(0,0,0,0.3);
}
.joii-repeats-badge-save.badge-savings {
  /*box-shadow: .5px .5px .5px 0px rgba(0,0,0,0.1);*/
}
.joii-breadcrumb-container .joii-repeats-badge-main,
.joii-breadcrumb-container .joii-repeats-badge-save {box-shadow: unset;}

@media screen and (max-width: 500px) {
  .joii-repeats-badge-save.badge-savings>.text-small {display: none;}
}

.joii-product-card-repeats-badge span {text-wrap: nowrap;}

.joii-product-card-grid-bottom {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  /*gap: .8rem;*/
}
.joii-repeats-badge-price .hide-mobile {display: none;}
.joii-repeats-badge-price .hide-desktop {display: block;}
@media screen and (min-width: 1150px) {
  .joii-repeats-badge-price .hide-mobile {display: block;}
  .joii-repeats-badge-price .hide-desktop {display: none;}
}

@media screen and (max-width: 991px) {
  .cart-wrapper .accordion__header,
  .joii-product-info .accordion__header,
  .joii-collection-info-container .accordion__header {
    font-size: 14px;
    /*padding: 15px 5px;*/
  }
  .joii-product-info .accordion__header::after,
  .joii-collection-info-container .accordion__header::after {
    /*top: 15px;*/
    /*right: 0px;*/
  }
}
.joii-product-card-item .product-card-img:hover {
  box-shadow: unset;
}
.product-card.product-background-enabled .joii-product-card-detail,
.joii-product-card-item .joii-product-card-detail {
  /*grid-template-rows: 3.5fr 2fr;*/
  /*display: grid;*/
  padding: 10px;
}

.joii-product-card-item {height: 100%;}
.joii-product-card-item .product-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.joii-product-card-item .joii-product-card-detail {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-grid-wrapper .flickity-slider--wrapper {
  display: grid;
  grid-auto-flow: column; /* place items in a single row */
  grid-auto-columns: 1fr;
}
.product-grid-wrapper .flickity-slider--wrapper .product-grid-box {
  height: 100%;
  padding-bottom: 5px;
}

.product-grid-wrapper .flickity-slider--wrapper {
  min-height: 100%;
}

@media screen and (min-width: 1001px) {
  .product-card.product-background-enabled .joii-product-card-detail,
  .joii-product-card-item .joii-product-card-detail {
    padding: 10px;
  }
}




.joii-product-card-grid-top .product-card-info {margin-bottom: unset;}
@media screen and (max-width: 1000px) {
  .container-md,
  .shopify-policy__container {
    max-width: 100% !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
}
@media (max-width: 768px) {
  .container-md,
  .shopify-policy__container {
    max-width: 100% !important;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-xs, .container-md, .shopify-policy__container {
    /*max-width: 94%;*/
  }
}
@media (max-width: 1200px) {
  .container, .container-sm, .container-xs, .container-md, 
  .shopify-policy__container {
    max-width: 98%;
  }
}
@media screen and (max-width: 768px) {
  .container, .container-fluid, .container-sm, .container-xs, .container-md,
  .shopify-policy__container {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .product-card.product-background-enabled .joii-product-card-detail, .joii-product-card-item .joii-product-card-detail {
    /*grid-template-rows: 2fr 2fr;*/
  }
}



body {
  --joii-page-width: 1550px;
  --joii-padding-size: 10px;
}

@media screen and (max-width: 1570px) {
  .joii-centered-padded>* {
    margin-left: var(--joii-padding-size);
    margin-right: var(--joii-padding-size);
  }
}

.joii-centered-cap,
.joii-centered>*,
.joii-product-grid>* {
  width: 100%;
  max-width: var(--joii-page-width);
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 1560px) {
  .joii-centered>*,
  .joii-product-grid>* {
    width: 100%;
    max-width: 100%;   
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .joii-centered>*,
  .joii-product-grid>* {
    width: 100%;
    max-width: 100%;   
    padding-left: 10px;
    padding-right: 10px;
  }
}




@media screen and (max-width: 768px) {
  .slide-show-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}






.product-badge {text-transform: unset !important;}
.product-badge.pricedrop {color: white; background: #BD0A0A;}
.product-badge.sold-badge {color: #eaeaea; background: rgb(125, 49, 56);}
.product-badge.vet-favourite-badge {color: white; /*background: #207ea7;*/ background: #4272a6;}
.product-badge.hot-seller-badge {color: white; /*background: #207ea7;*/ background: #FF6464;}
.product-badge.free-ship-badge {color: white; background: #141f33;}

.joii-prod-card-var-hint {
  /*opacity: 0.7;*/
  font-size: 13px;
  line-height: 13px;
  color: rgb(var(--linkColor));
}
@media screen and (max-width: 767px) {
  .joii-prod-card-var-hint {
    font-size: 11px;
    line-height: 11px;
  }
}

.footer-menu-link {text-wrap: nowrap;}





.cc-banner.cc-bottom {
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}


.search__speech {display: none;}

@media screen and (max-width: 992px) {
  .joii-product-card-item .joii-product-card-detail {
    /*grid-template-rows: 3fr 2fr;*/
  }
  .footer-affiliation-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
  }
  .joii-breadcrumb-container {
    /*flex-direction: column;*/
    gap: 1rem;
  }
}

.footer-copyright-text span {text-align: start;}

.joii-repeats-badge-save.clickable {cursor: pointer;}

.accordion__content li:not(:last-child) {
  margin-bottom: 0.4rem;
}
.accordion__content p:not(:last-child){
  margin-bottom: 0.8rem;
}


@media screen and (max-width: 1921px) {
  .container-md-big {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1922px) {
  .container-md-big {
    width: 100%;
    max-width: 1550px;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}

.joii-add-wrapper .quantity-button, .joii-add-wrapper .quantity-input {background: unset; border: unset; box-shadow: unset;}




.pdp-action-wrapper #photouploadapp {display: none !important;}


.joii-add-wrapper {display: flex; gap: 1rem;}
.joii-add-wrapper .product-quantity-wrapper {padding-bottom: unset; height: max-content;}
.joii-add-wrapper .quantity-input {margin: unset;}
.joii-add-wrapper .product-quantity-inner {flex-wrap: nowrap;}
.joii-add-wrapper .quantity-input {min-width: 35px; width: 35px; height: 40px; min-height: 40px; margin: unset;}
.joii-add-wrapper .quantity-button {width: 38px; flex: unset; height: 40px;}

.joii-add-wrapper .product-quantity-wrapper,
.joii-wishlist-btn-prod-page .wishlist-engine-button,
.joii-wishlist-btn-prod-page {
  transition: .5s ease-in-out all;
  border: 2px solid rgb(var(--buttonBackground));
  border-radius: var(--buttonRadius);
}
.joii-wishlist-btn-prod-page .fish-pdp-label,
.joii-product-card-wish .fish-pdp-label {display: none !important;}
.joii-wishlist-btn-prod-page {
  padding: 0 !important;
  background: unset;
}

.joii-add-wrapper .product-quantity-wrapper:hover,
.joii-wishlist-btn-prod-page:hover .wishlist-engine-button,
.joii-wishlist-btn-prod-page:hover {
  border: 2px solid var(--headerBg);
}
.joii-wishlist-btn-prod-page:hover svg {
  transform: scale(1.2);
  transition: transform 0.4s ease;
}
.joii-wishlist-btn-prod-page path {
  fill: rgb(var(--buttonBackground));
  transition: fill 0.4s ease;
}
.joii-wishlist-btn-prod-page:hover path {
  fill: var(--headerBg);
}
.joii-add-wrapper .quantity-input:focus {
  border: unset;
  outline: unset;
}

.joii-add-wrapper .pdp-action-wrapper button:not(.quantity-button) {min-height: 44px;}
.joii-add-wrapper .button.medium-btn, .joii-add-wrapper button.shopify-payment-button__button {
  min-height: 44px;
  height: 44px;
  width: 100%;
  letter-spacing: 0.3px;
}

.joii-wishlist-btn-prod-page .wishlist-engine-button,
.joii-wishlist-btn-prod-page {
  width: 44px;
  height: 44px;
  min-width: 44px;
  align-items: center;
  justify-content: center;
  display: flex !important;
}
.joii-wishlist-btn-prod-page *,
.joii-product-card-wish * {margin: 0; line-height: 0;}

.joii-product-card-wish {
  background: rgba(255,255,255,0.7);
  border-radius: 50%;
  position: absolute;
  padding: 5px;
  /*bottom: 4px;*/
  /*right: 4px;*/
  top: 0;
  right: 0;
  z-index: 1;
}

.joii-wishlist-btn-prod-page[data-added="true"] path,
.joii-product-card-wish[data-added="true"] path,
.joii-product-card-wish .added-state path {
  /* stroke: #207ea7;
  fill: #207ea7; */
  fill: #4272a6;
}
.joii-wishlist-btn-prod-page[data-added="true"]:hover path,
.joii-product-card-wish[data-added="true"] path,
.joii-product-card-wish:hover .added-state path {
  fill: #344d80;
}

.joii-product-card-wish[data-added="false"] path,
.joii-product-card-wish .empty-state path {
  /* stroke: #207ea7; */
  /* stroke: #4272a6; */
  fill: #4272a6;
}
.joii-wishlist-btn-prod-page[data-added="false"] path {
  /* stroke: black; */
  fill: unset;
}
.joii-wishlist-btn-prod-page[data-added="false"]:hover path {
  /* stroke: #207ea7; */
  /* stroke: #4272a6; */
  fill: #4272a6;
}
.joii-product-card-wish[data-added="false"]:hover path,
.joii-product-card-wish:hover .empty-state path {
  /* stroke: #344d80; */
  fill: #344d80;
}

.joii-wishlist-btn-prod-page svg {
  /* width: 14px; */
  width: 16px;
}

.btn-centred {
  display: flex;
  align-items: center;
  justify-content: center;
}
.goto-wishlist-btn {
  background: #344d80;
  color: white;
  border-radius: 10px;
  white-space: nowrap;
  text-wrap: nowrap;
  width: min-content;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 12px;
}
.goto-wishlist-btn:hover {
  /* background: #2a6694; */
  background: #4272a6;
}
.joii-wish-remove-prod-heart svg {overflow: visible;}

.wishlist-page-widget {
  display: none !important;
}



.joii-prod-card-repeat-wish {
  display: flex;
  align-items: center;
}
.joii-prod-card-repeat-wish .wishlist-engine-button,
.joii-prod-card-repeat-wish .wishlist-engine-button:hover {
  padding: 2px;
}
.joii-product-card-wish {
  margin-left: auto;
}
.joii-prod-card-repeat-wish .wishlist-engine-button svg {
  width: 18px;
  height: 18px;
}


@media screen and (min-width: 768px) {
  .joii-add-wrapper .button.medium-btn, .joii-add-wrapper button.shopify-payment-button__button {
    min-height: 44px;
    height: 44px;
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .joii-add-wrapper {display: grid;}
  .joii-add-wrapper .product-quantity-wrapper {
    /*width: max-content;*/
    width: calc(100% - 55px);
  }
  .joii-add-wrapper .product-quantity-wrapper.joii-no-wish {width: 100%;}
  .joii-add-wrapper .quantity-input {width: 100%;}
  .product-detail-item {margin-top: 25px;}
  .joii-add-wrapper .wishlist-engine,
  .joii-add-wrapper .joii-wishlist-btn-prod-page {
    position: absolute;
    right: 0;
  }
  .product-content-wrapper .share-icons-parent {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 4px solid #eaeaea;
    border-bottom: 4px solid #eaeaea;
  }
  .product-section .section-padding {padding-bottom: 0;}
  .pdp-form-action-wrapper {margin-bottom: 20px;}
  .joii-product-info-container .accordion__content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.product-content-wrapper>*:not(.product-heading) {max-width: 90%;}
.pdp-action-wrapper {max-width: 100% !important;}


.joii-breadcrumb-container {
  display: flex;
  justify-content: space-between;
}
.product-page-badges {
  display: flex;
  gap: .5rem;
}
.product-badge {font-weight: bold;}

.joii_summary {
  max-width: 90%;
  opacity: 0.8;
}
#delivery-estimation-holder {max-width: 90%;}
@media screen and (max-width: 1200px) {
  .cart-checkout-wrapper {margin: 0px 10px;}
  .joii-repeats-benefits {max-width: 100%;}
  .subscription_add_to_cart_frequency_popup {max-width: 100% !important;}
  .joii_summary {max-width: 100%;}
  #delivery-estimation-holder {max-width: 100%;}
  .product-content-wrapper>*:not(.product-heading) {max-width: 100%;}
}
.button.large-btn {
  min-height: 56px;
}






.header-categories-wrapper.nav-submenu {
  padding: unset;
  max-width: unset;
}
@media screen and (min-width: 1340px) {
  .header-categories-wrapper.nav-submenu:not(.services-submenu-wrapper) {
    /*padding-left: 150px;*/
  }
}

.categories-submenu-item,
.services-submenu-item {
  border-radius: 10px;
  overflow: hidden;
}

.categories-submenu-item:not(:last-child)>a {
  /*border-bottom: 1px solid #d1d1d1;*/
}
.sub-category-menu a {
  /*border-bottom: 1px solid #d1d1d1;*/
}
.sub-category-menu li:nth-child(5n) a,
.categories-submenu-item:last-child>a {
  /*border-bottom: 1px solid rgba(0,0,0,0);*/
}
.header-categories-wrapper a:hover {
  /*text-shadow: 0.5px 0px 0px black;*/
  font-weight: 500;
}

.header-categories-wrapper {
  background: #f9f9f9;
}

.nav-menu-item:nth-child(1) .header-categories-wrapper {
  /*background: #EAF2F6;*/
}
.nav-menu-item:nth-child(2) .header-categories-wrapper {
  /*background: #F7ECED;*/
}
.nav-menu-item:nth-child(1) .header-categories-wrapper:hover,
.nav-menu-item:nth-child(2) .header-categories-wrapper:hover,
.header-categories-wrapper:hover {background: white;}

.categories-submenu.container-md {
  position: relative;
  padding-top: 10px;
  padding-bottom: 11px;
  padding-left: unset !important;
  transition: .4s ease all;
}
.categories-inner--submenu {
  padding-left: 15px !important;
}
.custom-details-disclosure.open .nav-menu-link {
  /*text-shadow: 0.5px 0px 0px black;*/
  font-weight: 500;
}
.categories-inner-submenu-heading,
.blog-inner-submenu-heading {position: relative;}
.admin-gears {display: none;}
.admin-gears span {margin-top: 0 !important;}
*:hover>.admin-gears {display: block;}
.admin-gears {transition: .4s ease all;}
.admin-gears:hover {
  transform: scale(1.2);
  cursor: pointer !important;
}
.joii-admin-tags {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 10px;
  border-bottom: 1px solid red;
  /*display: none;*/
}

.joii-admin-tags span {
  font-size: 12px;
}
.joii-admin-prod-in-collections .isBranchCol {
  color: gray;
}

.joii-admin-prod-in-collections span {
  position: relative;
  display: flex;
  align-items: center;
}
.joii-admin-prod-in-collections span::before {
  position: absolute;
  content: '';
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
}
.mainCol {margin-left: 0px;}
.parentCol {margin-left: 15px;}
.parentCol::before {width: 5px; height: 10px; left: -12px; top: 0px;}
.childCol {margin-left: 30px;}
.childCol::before {width: 5px; height: 10px; left: -12px; top: 0px;}
.grandChildCol {margin-left: 45px;}
.grandChildCol::before {width: 5px; height: 10px; left: -12px; top: 0px;}

.product-card:hover .joii-admin-tags {
  /*display: flex;*/
  /*flex-direction: column;*/
  /*height: 100%;*/
  /*overflow-y: scroll;*/
}
.product-card .joii-admin-tags:hover {
  display: flex;
  flex-direction: column;
  height: min-height;
  overflow-y: scroll;
  padding-bottom: 4px;
  background: rgba(255,255,255,0.9);
}
.joii-admin-prod-in-collections {
  display: none;
}
.joii-admin-tags:hover .joii-admin-prod-in-collections {
  display: flex;
  flex-direction: column;
}
.joii-admin-prod-in-collections span {
  font-size: 12px;
}
.joii-admin-prod-in-collections span:hover {
  font-weight: 500;
}

.categories-submenu {
  box-shadow: unset !important;
  background: unset !important;
}
.categories-inner--submenu {
  box-shadow: unset !important;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  /*padding: 10px;*/
  /*background: unset !important;*/
  /*background: #f7f7f7;*/
  /*padding-left: 30px;*/
  overflow: hidden;
  /*border-radius: 10px;*/
  /*background: linear-gradient(90deg, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%);*/
  padding: unset !important;
}
.categories-inner-submenu-heading,
.blog-inner-submenu-heading {margin-bottom: unset !important;}
.categories-submenu .categories-submenu-item {padding: unset !important;}

.categories-inner-submenu-heading {
  padding: 9px 0px 10px 10px;
  width: 200px;
  font-weight: 500;
  font-size: 13px;
}

.blog-categories-menu {
  gap: 20px;
  height: 300px;
}
.blog-categories-menu-split {
  gap: 20px;
}
.blog-inner-submenu-heading {
  /*padding: 9px 30px 10px 10px;*/
  padding: 8px 25px 8px 10px;
  /*width: 200px;*/
  font-weight: 400;
  font-size: 14px;
  color: black;
  display: block;
  text-wrap: nowrap;
  transition: all 0.4s ease;
  border-radius: 10px;
}
@media screen and (max-width: 1250px) {
  .blog-inner-submenu-heading {
    font-size: 13px;
  }
}
@media screen and (max-width: 1190px) {
  .blog-categories-menu {
    gap: 10px;
    height: 270px;
  }
  .blog-categories-menu-split {
    gap: 10px;
  }
}
.blog-inner-submenu-heading:hover {
  font-weight: 400 !important;
  background: #eff3fa;
}
.blog-inner-submenu-heading::before {
  content: unset !important;
}
.categories-submenu-link {
  background: unset;
  padding: 10px 18px;
  /*margin-bottom: 5px;*/
  transition: .4s ease all;
  width: 150px;
}
.categories-submenu-item {width: 150px;}
.categories-submenu-link:hover,
.categories-submenu-item.isSelected,
.services-submenu-item:hover {
  background: #f7f7f7;
  font-weight: 500;
}
.nav-menu-item .categories-submenu-link:hover span::before {background: black;}
.nav-menu-item:nth-child(1) .categories-submenu-item.isSelected,
.nav-menu-item:nth-child(1) .categories-submenu-link:hover {
  /*background: #EAF2F6;*/
}
.nav-menu-item:nth-child(1) .categories-submenu-link:hover span::before {
  /*background: #344d80;*/
}
.nav-menu-item:nth-child(2) .categories-submenu-item.isSelected,
.nav-menu-item:nth-child(2) .categories-submenu-link:hover  {
  /*background: #F7ECED;*/
}
.nav-menu-item:nth-child(2) .categories-submenu-link:hover span::before  {
  /*background: #8A4654;*/
}

.nav-submenu li a:hover {
  color: #344d80;
}
.nav-menu-item:nth-child(2) .nav-submenu li a:hover  {
  /*color: #8A4654;*/
}

.categories-inner-submenu-items {
  /*width: 300px;*/
  display: block;
  flex: unset !important;
}
.header-categories .categories-submenu-link-arrow {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 10px;
}
.categories-submenu-link .categories-submenu-link-arrow path {transition: .4s ease all; stroke-width: 0.25;}
.categories-submenu-link:hover .categories-submenu-link-arrow path {stroke-width: 1;}


.categories-inner-submenu-items {
  /*display: flex !important;*/
  /*grid-template-rows: repeat(5,auto);*/
  /*padding-bottom: unset !important;*/
  gap: 0 !important;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(5, auto);
  background: #f7f7f7;
  padding: 10px 10px 10px 15px;
  border-radius: 10px;
  grid-template-columns: unset;
}
.blog-inner-submenu-items {
  /*display: flex !important;*/
  /*grid-template-rows: repeat(5,auto);*/
  /*padding-bottom: unset !important;*/
  gap: 6px !important;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto);
  padding: 10px 10px 10px 15px;
  border-radius: 10px;
  grid-template-columns: unset;
}
.blog-submenu-header {
  width: 100%;
  padding: 10px 10px 0 15px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: #e6e6e6 1px solid;
}
.blog-submenu-header>* {
  padding: 9px 20px 10px 10px;
}
.blog-submenu-header>span {
  font-size: 16px;
}
.blog-submenu-link {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1190px) {
  .blog-submenu-header {
    padding-top: unset;
  }
}

.nav-menu-item:nth-child(1) .categories-inner-submenu-items:first-child {
  /*background: #EAF2F6;*/
}
.nav-menu-item:nth-child(2) .categories-inner-submenu-items:first-child  {
  /*background: #F7ECED;*/
}
.categories-inner-submenu-brands {
  grid-template-rows: repeat(3, auto);
  background: unset;
  padding: 0px 0px 0px 15px;
}
.categories-inner-submenu-items li {margin-right: 2.5rem;}

#mobileMenu .categories-inner-submenu-items li {
  margin-left: auto;
  margin-right: auto;
}

.pifyform body {
  background: transparent !important;
}


.categories-inner-submenu-left {
  display: flex;
  flex-direction: row;
  flex: unset !important;
}
.blog-inner-submenu-left {
  display: flex;
  flex-direction: row;
  flex: unset !important;
}
.joii-nav-featured-brand-logo {
  width: 90px;
  height: 70px;
  display: block;
  transition: all .4s ease;
  transform: scale(1.1);
}
#mobileMenu .joii-nav-featured-brand-logo {
  width: 70px;
  height: 50px;
}
@media screen and (max-width: 1440px) {
  #mobileMenu .categories-inner-submenu-items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
  }
}
.joii-nav-featured-brand-logo:hover {
  transform: scale(1.2);
}
.joii-nav-featured-brand-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 35px;
}
@media screen and (max-width: 1024px) {
  .joii-header .logo {/*margin-left: 20px;*/}
}

#mobileMenu .inner-side-outer {position: relative;}


#mobileMenu .categories-submenu-link-arrow {
  opacity: 0.5;
  color: black;
  width: 20px !important;
  height: 20px !important;
}
#mobileMenu .submenu-popup-header .categories-submenu-link-arrow {
  color: black;
  opacity: 1;
}
#mobileMenu .categories-submenu-link-arrow.backwards {
  transform: rotate(180deg);
}
#mobileMenu .categories-inner-submenu-brands {
  /*padding: unset;*/
  gap: 1rem !important;
}
#mobileMenu .joii-nav-featured-brand-logo {padding: unset;}
#mobileMenu .categories-inner-submenu-items {height: unset;}
.mobile-menu-separater {
  width: 100%;
  border-bottom: 1px solid #d1d1d1;
  padding-top: 30px;
  margin-bottom: 30px;
}
.joii-mobile-categories-submenu-toggle {
  padding: 10px;
  display: flex;
}
.joii-mobile-categories-submenu-popup {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  position: absolute !important;
  background: #fff;
  padding-left: unset !important;
  top: 0;
  width: 100%;
  height: 100%;
}

.joii-mobile-categories-submenu-popup.open {
  display: block;
  opacity: 1;
  z-index: 1;
}
.child.joii-mobile-categories-submenu-popup.open {
  z-index: 2;
}
.joii-mobile-menu-account {
  position: absolute;
  bottom: 0;
  display: flex;
}
#mobileMenu .submenu-popup-header {
  /*text-shadow: 0.5px 0px 0px black;*/
  font-weight: 500;
}


.services-submenu {
  display: grid;
  /*grid-template-columns: repeat(3,1fr);*/
  grid-template-columns: 4fr 3fr 2fr;
}
.services-submenu-items {
  gap: 10px;
}
.services-submenu-item {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.services-submenu-link {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  justify-content: center;
  align-items: center;
}
.services-submenu-link.get-the-app {
  grid-template-columns: unset;
}
.services-submenu {
  margin-top: 10px;
  /*margin-bottom: 10px;*/
}

.service-header *,
.service-body *,
.service-bullet-points * {
  color: black;
}
.services-submenu-link.get-the-app .get-app-qr {
  transition: all .5s ease;
  opacity: 0;
}
.services-submenu-link.get-the-app .service-img {
  transition: all .5s ease;
  opacity: 1;
  position: absolute;
}
.services-submenu-link:not(.get-the-app) img {transition: .4s ease all; transform: scale(0.96);}
.services-submenu-link:not(.get-the-app):hover img {transform: scale(1);}

.services-submenu-link.get-the-app:hover .service-img {opacity: 0;}
.services-submenu-link.get-the-app:hover .get-app-qr {opacity: 1;}
.services-submenu-link:before {
  content: unset !important;
}
.services-submenu,
#mobileMenu .service-item,
.joii-mobile-menu-account {
  --buttonBackground: 32,126,167;
  --buttonColor: 255,255,255;
  --buttonBorder: 32,126,167;
  --buttonBackgroundHover: 27,72,95;
  --buttonColorHover: 255,255,255;
}
.services-submenu .button {
  max-width: 70%;
}
.service-bullet-points svg:not(.reg-pet-counter) {
  background: #344d80;
  padding: 2px;
  border-radius: 50%;
  fill: white;
  width: 14px;
  height: 14px;
}
.reg-pet-counter {
  fill: #2a7407;
}
.service-registered-counter {margin-top: 10px;}
.services-submenu-wrapper {
  display: flex;
  flex-direction: column;
}
.service-consultation-section {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr 2fr 2fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.service-consultation-section li {
  padding: 10px;
}
.service-consultation-section img {
  object-fit: contain;
  /*max-height: 30px;*/
  padding-left: 60px;
  padding-right: 60px;
}

.services-submenu a:hover {
  /*text-shadow: unset;*/
  font-weight: 400;
  color: black;
}
.service-header * {
  /*text-shadow: 0.5px 0px 0px black;*/
  font-weight: 600;
  color: #344d80;
}

.service-consultation-message * {
  display: block;
}

.service-body *,
.service-bullet-points *,
.service-consultation-message * {
  font-size: 12px;
  font-weight: 500;
}
.services-submenu-left {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  height: min-content;
  min-height: 180px;
}
.services-submenu-link img {
  object-fit: contain;
}

@media screen and (max-width: 1440px) {
  .service-consultation-section img {
    object-fit: contain;
    /*max-height: 30px;*/
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 1410px) {
  .services-submenu {
    display: grid;
    grid-template-columns: 4fr 3fr;
  }
  .get-app-li {display: none;}
  .service-consultation-section img {
    object-fit: contain;
    /*max-height: 30px;*/
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
@media screen and (max-width: 1200px) {
  .service-consultation-section img {
    object-fit: contain;
    /*max-height: 30px;*/
    padding-left: 2vw;
    padding-right: 2vw;
  }
}
.services-submenu button {min-width: 140px;}

#mobileMenu .services-submenu-link {
  flex-direction: column-reverse;
  align-items: start;
}
#mobileMenu .services-submenu-left {
  min-height: unset;
  width: 100%;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
#mobileMenu .services-submenu-left .button {
  margin-left: auto;
  margin-right: auto;
  min-width: 70%;
  margin-top: 1rem;
}
#mobileMenu .service-item ul:not(.service-bullet-points) {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
#mobileMenu .service-registered-counter {
  width: min-content;
  white-space: nowrap;
  text-wrap: nowrap;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
#mobileMenu .categories-inner-submenu-items {
  grid-auto-flow: row;
}
#mobileMenu .service-consultation-section {
  display: grid !important;
  grid-template-rows: unset;
  grid-auto-flow: row;
  grid-template-columns: repeat(2,1fr);
}
#mobileMenu .service-consultation-message {
  grid-column: span 2;
  /* background: #207ea7; */
  background: #4272a6;
  padding: 20px 30px !important;
  margin-bottom: 2.5rem;
  margin-top: 3rem;
}
#mobileMenu .service-consultation-message * {
  color: white;
}
#mobileMenu {
  padding: unset !important;
  padding-bottom: 50px !important;
}
.inner-side-outer>*:not(.inner-child), .inner-child>* {
  padding-left: 20px;
  padding-right: 20px;
}
.inner-side-outer>*:not(.inner-child):first-child, .inner-child>*:first-child {
  padding-top: 25px;
}
.inner-side-outer>*:not(.inner-child):last-child, .inner-child>*:last-child {
  padding-bottom: 25px;
}
.joii-mobile-menu-account {padding-bottom: 25px;}
.element-pass-padding {padding: unset !important;}
.element-pass-padding .service-consultation-provider:nth-child(even) {margin-left: 20px;}
.element-pass-padding .service-consultation-provider:nth-child(odd) {margin-right: 20px;}

.inner-child>*:first-child {
  margin-top: 1rem;
}
#mobileMenu .inner-child {left:0;}


.joii-product-info-container {
  display: flex;
  gap: 2rem;
}
.product-info-sidecolumn {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}


@media screen and (min-width: 768px) {
  .product-info-sidecolumn {
    min-width: 400px;
  }
}

@media screen and (max-width: 767px) {
  .product-info-sidecolumn {
    /*flex-direction: column-reverse;*/
  }
}

.sidecolumn-block {
  width: 500px;
  border-radius: 15px;
  border: 1px solid #d1d1d1;
  /*padding: 15px 25px;*/
  padding: 10px 20px;
  background: #f5f5f5;
}
.vet_says_container {
  display: flex;
  gap: 1rem;
  margin-top: 0.8rem;
}
.vet_says_header {
  font-weight: 600;
  cursor: pointer;
  position: relative;
  font-size: 18px;
  margin-bottom: 0.8rem;
  display: none;
}
.vet_profile_container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.vet-profile-info {
  display: flex;
  flex-direction: column;
}
.vet-profile-img {
  --vet-profile-img-size: 40px;
  min-width: var(--vet-profile-img-size);
  min-height: var(--vet-profile-img-size);
  width: var(--vet-profile-img-size);
  height: var(--vet-profile-img-size);
  overflow: hidden;
  border-radius: 50%;
  /*box-shadow: 1px 2px 2px 0px #344d80;*/
}
.vet-profile-img img {
  transform: scale(1.1);
  filter: grayscale(100%);
}

.vet-profile-name {
  /*text-shadow: 0.5px 0px 0px black;*/
  font-weight: bold;
  color: #344d80;
}
.vet-profile-position {
  /*text-shadow: 0.5px 0px 0px black;*/
  font-weight: 500;
}
.vet-profile-position-suffix {
  /*text-shadow: 0.5px 0px 0px black;*/
  font-weight: 500;
  color: #344d80;
}

.vet_message {
  padding: 10px;
  position: relative;
  padding-right: unset;
  max-width: 500px;
  width: 100%;
}
.vet_message p:not(:last-child) {
  margin-bottom: 10px;
}
.vet_message p span {padding: 3px;}
.vet_message p:last-child span {/*position: relative;*/}
.vet_message .vet_quote_open:before {
  content: '"';
  /* color: #207ea7; */
  color: #4272a6;
  font-size: 32px;
  position: absolute;
  left: 0;
  top: 0;
}
.vet_message .vet_quote_close:after {
  content: '"';
  /* color: #207ea7; */
  color: #4272a6;
  font-size: 32px;
  position: absolute;
}


.vet-profile-info.mobile-info {display: none;}
.vet-profile-info.desktop-info {display: flex;}
@media screen and (max-width: 1200px) {
  .vet_says_container {flex-direction: row; justify-content: center;}
  .vet_message {max-width: unset;}
  .vet_profile_container {min-width: 280px;}
  .vet-profile-info.mobile-info {display: flex;}
  .vet-profile-info.desktop-info {display: none;}
  .vet_profile_container {padding: 10px;}
  .sidecolumn-block {padding: 0px 5px;}
  .vet-profile-img {
  --vet-profile-img-size: 30px;
  }
  .joii-product-info-container {
    flex-direction: column-reverse;
  }
  .sidecolumn-block {width: 100%;}
}
@media screen and (max-width: 1130px) {
  .vet_says_container {justify-content: start;}
}
@media screen and (max-width: 900px) {
  .vet_says_container {flex-direction: column;  flex-wrap: wrap;}
}

.product-content-wrapper #mbcBundleItemsWidget {display: none;}

html, body {
  width: 100%;
  max-width: 100%;
  /*overflow-x: hidden;*/
}
@media screen and (max-width: 1199px) {
  body {
    overflow-x: hidden;
  }
}


.joii-add-wrapper .trigger_joii_add_cart_popup {display: none;}


.cart-contents #revy-bundles-wrapper {display: none !important;}


.heading-sale-counter {
  padding-bottom: 20px !important;
  align-items: flex-end;
}



@keyframes drop-in {
 from {
  opacity: 0;
  transform: translateY(-100px);
 }
 to {
  opacity: 1;
  transform: translate(0px);
 }
}
@keyframes fade-in {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}
.joii-deal-item {align-items: center; display: flex; flex-direction: row; position: relative;}
.joii-deal-item svg {transition: .4s ease;}
.joii-deal-item:hover svg {transform: scale(1.15);}
.joii-deal-item-arrow {
  width: 20px;
  height: 20px;
  right: 0;
  position: absolute;
  opacity: 0.5;
}
.product-badge, .joii-deal {animation: fade-in 1s ease;}
.joii-deal {
  transition: all .4s ease;
  color: #ca1b08;
}
.joii-deal:hover {
  /*text-shadow: 0.5px 0px 0px #ca1b08;*/
  font-weight: 500;
}
.joii-offer-label {
  margin: 8px 0;
  transition: all .4s ease;
  color: #ca1b08;
  animation: drop-in 1s ease 200ms backwards;
}
.product-card-item .joii-offer-label {
  animation: drop-in 1s ease 200ms backwards;
}
.joii-offer-label * {
  color: #ca1b08;
}
.joii-offer-label:hover,
.joii-deal:hover {
  transition: all .4s ease;
  /*text-shadow: 0.5px 0px 0px #ca1b08;*/
  font-weight: 500;
}
.joii-deal-container {margin-bottom: 20px;}



.joii-product-vmd {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: #f5f5f5;
  border-radius: 15px;
  border: 1px solid #d1d1d1;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.joii-product-vmd span {
  color: #23426f;
}


.joii-product-grid {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.joii-product-grid .heading-sale-counter {padding-bottom: 0 !important;}

.joii-product-grid-box {
  width: 50%;
  flex: 0 0 50%;
  padding: 0px 5px;
  /* padding: 0px var(--mobileProductGap); */
  /*pointer-events: auto;*/
}
.joii-featured-product {
  width: 100%;
}
@media screen and (min-width:768px) {
  .product-grid-box {
    width: 33.333%;
    flex: 0 0 33.333%;
    padding: 0 10px;
    /* padding: 0 var(--desktopProductGap); */
  }
  .joii-featured-product {
    width: 66.666%;
  }
}
@media screen and (min-width:1025px) {
  .product-grid-box {
    width: 25%;
    flex: 0 0 25%;
  }
  .joii-featured-product {
    width: 50%;
  }
}
@media screen and (min-width:1200px) {
  .product-grid-box {
    padding: 0 5px;
    /* padding: 0 var(--desktopProductGap); */
  }
  .product-grid-box.card-size-small {
    width: 20%;
    flex: 0 0 20%;
  }
  .joii-featured-product.card-size-small {width: 40%;}
  .product-grid-box.card-size-medium {
    width: 25%;
    flex: 0 0 25%;
  }
  .joii-featured-product.card-size-medium {width: 50%;}
  .product-grid-box.card-size-large {
    width: 33.333%;
    flex: 0 0 33.333%;
  }
  .joii-featured-product.card-size-large {width: 66.666%;}
}

.joii-featured-product .product-card {
  display: flex;
  height: 100%;
}
.joii-featured-product .product-card-img {width: 100%;}

.product-grid-wrapper .flickity-slider--wrapper,
.product-grid-wrapper .flickity-slider {
  /*height: unset;*/
  /*min-height: 100%;*/
}

.joii-featured-product .product-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.joii-featured-product .product-img {
  box-shadow: unset;
}
.joii-featured-product .joii-product-card-grid-bottom {height: unset;}
.joii-featured-product .joii-featured-product-bottom {grid-column: span 2;}
.joii-featured-product .product-title {
  font-size: 22px;
  line-height: 26px;
  margin-top: 20px;
}
.joii-featured-product .joii-product-card-detail {
  justify-content: center;
  display: flex !important;
  flex-direction: column;
}
.joii-featured-product  .joii-product-card-grid-bottom {display: none;}
.joii-featured-product-bottom {
  padding: 0 20px;
}
.joii-featured-product-bottom ul {
  list-style: default;
  padding-left: 15px;
  position: relative;
}
.joii-featured-product-bottom li {margin-bottom: 10px;}
.joii-featured-product-bottom li:before {
  /*content: '✔';*/
  content: '\2713';
  position: absolute;
  left: 0;
  color: inherit;
  font-family: sans-serif;
}
.joii-product-card-grid-top {padding-right: 10px;}



.joii-popup-comp-header {
  margin-top: 16px;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
}
#joii-popup-complementary-product {
  background: white;
  border-radius: 10px;
  padding: 0 16px 16px;
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.joii-popup-comp-header__title {
  font-weight: 600;
  text-align: left;
  color: black;
  font-family: inherit;
  font-size: 18px;
  line-height: 24px;
}
#joii-popup-complementary-product > :not(.joii-popup-comp-prod-btn) {
  grid-column: span 2;
}
.joii-popup-comp-prod-row {
  display: flex;
  gap: 10px;
  border-radius: 10px;
  padding: 16px 30px;
  border: solid 1px #E5E5E5;
}
.joii-popup-comp-prod-row img {
  width: 80px;
  height: 80px;
  /*padding: 10% 10% 3%;*/
  border: 1px solid #EBEBEB;
  border-radius: 10px;
}
.joii-popup-comp-prod-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.joii-popup-comp-prod-divider-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: absolute;
  background-color: #f1f1f1;
  padding: 8px;
  border-radius: 50%;
  z-index: 1;
  fill: white;
  background-color: black;
  width: 40px;
  height: 40px;
}
.joii-popup-comp-prod-totals {
  margin-top: 20px;
  padding: 16px;
  background-color: #f2f2f2;
  font-family: inherit;
  border-radius: 10px;
}
.joii-popup-comp-prod-totals__raw-price {
  margin-right: 24px;
  text-decoration: line-through;
  line-height: 20px;
  font-weight: 400;
  line-height: 22px;
  color: black;
  font-size: 16px;
  opacity: .4;
}
.joii-popup-comp-prod-totals__prices-main-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.joii-popup-comp-prod-totals__prices-container {
  align-items: center;
  display: flex;
  justify-content: center;
}
.joii-popup-comp-prod-btn {
  font-weight: 600;
  line-height: 24px;
  padding: 12px;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: pointer;
  margin-top: 20px;
  font-family: inherit;
  order: 6;
  border-radius: 10px;
  /* background: #207ea7; */
  background: #4272a6;
  transition: background .2s ease;
}
.joii-popup-comp-prod-btn__text {
  color: white;
  font-weight: normal;
  font-size: 14px !important;
  letter-spacing: .3px;
}
.joii-popup-comp-prod-btn.joii-popup-decline {
  background: #666666;
  transition: background .2s ease;
}



.joii-category-grid-item-bottom {
  position: absolute;
  bottom: 10px;
  left: 15px;
  z-index: 1;
}
.joii-categories-grid .images-grid-img {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  background: rgba(0,0,0,0.5);
}
.joii-categories-grid .images-grid-img img {
  /*transform: scale(1.02);*/
}
.joii-category-grid-item-bottom .images-grid-content-heading {
  color: white;
  font-size: 60px;
  line-height: 60px;
  /*text-shadow: 0.5px 0px 0px white;*/
  position: relative;
  margin-bottom: 10px;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.joii-category-grid-item-bottom .images-grid-content-heading.joii-cat-cta-small {
  font-size: 30px;
  line-height: 30px;
}
.joii-category-grid-item-cta {
  color: white;
  letter-spacing: 1px;
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  height: 20px;
}
.joii-category-grid-item-cta::before {
  min-width: 120px;
}
@media screen and (max-width: 1920px) {
  .joii-category-grid-item-bottom .images-grid-content-heading {
    font-size: 4vw;
    line-height: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .joii-category-grid-item-bottom .images-grid-content-heading {
    font-size: 60px;
    line-height: 60px;
  }
  .images-grid-section .images-grid-item {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  .images-grid-section .images-grid-img {
    /*max-height: 50vw;*/
    display: flex;
    align-items: center;
  }
  .images-grid-section .images-grid-item:nth-child(2) .images-grid-img {
    /*align-items: end;*/
  }
  .images-grid-section .images-grid-item:nth-child(3) .images-grid-img {
    /*align-items: start;*/
  }
  .joii-category-grid-item-cta::before {
    min-width: 120px;
  }
  .images-grid-wrapper {
    gap: 20px;
  }
}
@media screen and (max-width: 500px) {
  .joii-category-grid-item-bottom .images-grid-content-heading {
    font-size: 40px;
    line-height: 40px;
  }
}


.joii-categories-grid .images-grid-img * {
  user-select: none;
  cursor: pointer;
}
.joii-categories-grid .images-grid-img {
  /*box-shadow: 0 0 0 0 black;*/
  /* box-shadow: 0 3px 10px -9px rgba(0,0,0,0.8); */
  box-shadow: 0 5px 5px -6px rgba(0,0,0,0.8);
  transition: all .4s ease;
}
.joii-categories-grid .images-grid-img:hover {
  /*box-shadow: 0 3px 4px 0px rgba(0,0,0,0.5), 0 3px 4px 1px rgba(0,0,0,0.1);*/
  /* box-shadow: 0 5px 3px -3px rgba(0,0,0,1); */
  box-shadow: 0 5px 5px -5px rgba(0,0,0,1);
}
.joii-categories-grid .images-grid-img .joii-category-img-gradient {
  /*background-image: linear-gradient(200deg, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,.5));*/
  z-index: 1;
  top: 0;
  transition: all .4s ease;
  opacity: 1;
}
.joii-categories-grid .images-grid-img:hover .joii-category-img-gradient {
  z-index: 1;
  top: 0;
  opacity: 0.5;
}
.joii-category-cta-arrow {
  fill: white;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 80px;
}




.wave-overlap-top {
  position: absolute;
  top: -1px;
}
.wave-overlap-bottom {
  position: absolute;
  bottom: -1px;
}
.featured-collection-section,
.featured-product-section {
  position: relative;
}

.joii-desktop-featured-prod-carousel {display: none;}
.joii-mobile-featured-prod-carousel {display: block;}
@media screen and (min-width: 768px) {
  .joii-desktop-featured-prod-carousel {display: block;}
  .joii-mobile-featured-prod-carousel {display: none;}
}

.joii-featured-prod-mobile-desc {
  padding: 15px 20px;
}
.joii-featured-product-bottom .vet_message {
  padding: unset !important;
  max-width: unset;
}
.joii-featured-product-bottom .vet_message .vet_quote_close {position: relative;}
.joii-featured-product-bottom .vet_message .vet_quote_close::after {
  bottom: -10px;
}

.joii-featured-product-bottom .vet-profile-img {
  --vet-profile-img-size: 20px;
}
.joii-featured-product-bottom {
  padding: 20px 20px;
  /*padding-top: unset;*/
}
.joii-featured-product-bottom .vet_profile_container {margin-bottom: 10px;}
.joii-desktop-featured-prod-carousel .joii-product-card-item .product-img,
.joii-mobile-featured-prod-carousel .joii-product-card-item .product-img {
  height: unset;
  align-items: center;
  margin-top: 20px;
}
.joii-desktop-featured-prod-carousel .joii-featured-product .product-card {
  grid-template-columns: 2fr 3fr;
}
.joii-desktop-featured-prod-carousel .joii-featured-prod-wrapper {
  background: white;
  padding: unset;
  border-radius: 10px;
  padding: 10px;
  grid-column: span 2;
  display: grid;
  grid-template-columns: 2fr 3fr;
}
.joii-featured-product-card-item .product-card {
  grid-column: span 2;
  background: #e5f2f9;
  padding: 15px 15px;
}
.joii-featured-prod-bottom-wrapper {grid-column: span 2;}
.joii-desktop-featured-prod-carousel .product-grid-box:not(.joii-featured-product) {padding: unset;}
.joii-desktop-featured-prod-carousel .product-grid-box:not(.joii-featured-product) .product-card {
  margin: 5%;
}
.joii-featured-prod-wrapper {
  grid-column: span 2;
  display: grid;
  grid-template-columns: 2fr 3fr;
  background: white;
  border-radius: 10px;
}
.joii-featured-product .feature-product-badge {
  top: 25px;
  right: 25px;
  position: absolute;
  width: 30px;
  height: 30px;
  background: #fff;
  color: orange;
  border-radius: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 7px #00000017;
}
.joii-featured-product .feature-product-badge svg {
  width: 16px;
  height: 16px;
}





.joii-featured-product-full-width {
  width: 100% !important;
}
.joii-featured-product-full-width .joii-featured-prod-wrapper {
  grid-template-columns: 2fr 1fr 2fr 2fr;
}
.joii-featured-product-full-width .joii-featured-prod-bottom-wrapper {
  order: -2;
  grid-column: unset;
}


.joii-featured-product-section {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr 2fr;
  gap: 2rem;
  margin: 0 2rem;
}
.joii-featured-product-section .joii-featured-prod-bottom-wrapper {
  grid-column: unset;
}
.joii-featured-product-section .joii-featured-product-bullets {
  display: flex;
  flex-direction: column;
  /*align-items: center;*/
  justify-content: center;
  margin-bottom: 30px;
}
.joii-featured-product-section .joii-featured-product-bullets p:not(:first-child) {
  margin-top: 10px;
}
.joii-featured-product-section .product-card-info {gap: unset;}
.joii-featured-product-section .joii-product-card-grid-top {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 90%;
}








#joiiDesktopSearchResults .categories-submenu.container-md {
  padding-bottom: unset;
  padding-top: unset;
}
#joiiDesktopSearchResults .search-content {
  box-shadow: unset;
}
#joiiDesktopSearchResults .header-categories-wrapper {
  box-shadow: unset;
  position: relative;
  padding: unset;
}
#joiiDesktopSearchResults .joii-predictive-search {background: unset !important;}
#joiiDesktopSearchResults .joii-predictive-search .predictive-search-results {
  padding: 20px 0;
}
#joiiDesktopSearchResults {
  width: 100%;
  position: absolute;
  box-shadow: 0 4px 6px #00000014;
}
.joii-desktop-search-drawer-results {width: 100%;}
.joii-desktop-search-drawer-results .tranding-product-list {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(400px,3fr));
  gap: 15px;
}
.joii-desktop-search-drawer-results .search-product-card {
  padding: unset;
  height: 100%;
}

.joii-desktop-search-drawer-results .search-product-img {
  min-width: 120px;
  max-width: 120px;
  padding: 10px;
  border: unset;
}
.joii-desktop-search-drawer-results a:hover::before {
  content: unset;
}


.predictive-search-tranding-products .tranding-product-list .tranding-product-item:nth-child(n+7) {
  display: none;
}
.joii-desktop-search-drawer-results .search_all_link {
  text-align: center;
}
.joii-desktop-search-drawer-results .predictive-suggestion-list a {
  background: rgba(241,241,241,0.3);
}



.joii-product-card-grid-bottom .joii-product-card-wish {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.joii-recommended-products .joii-product-card-wish {
  /*bottom: 40px;*/
}
.cart-wrapper .wishlist-engine-button {
  width: 35px;
  height: 35px;
  /* color: #207ea7;
  border-color: #207ea7; */
  color: #4272a6;
  border-color: #4272a6;
}
.cart-wrapper .wishlist-icon svg {
  right: 5px;
  width: 13px;
}

.wishlist-engine-button {background: unset !important;}

body>#sewp-engine-popup {display: none !important;}



.featured-product-section {
  position: relative;
  overflow: hidden;
}
.joii-featured-product-section {
  position: relative;
  align-items: center;
}
.joii-featured-repeat-collection-section {
  position: relative;
  align-items: center;
  padding-top: unset !important;
}
.featured-product-section .container-md-big,
.featured-collection-section .container-md-big {
  overflow: hidden;
}

.joii-featured-product-section-two::after {
  content: "";
  position: absolute;
  /* width: 100%;
  right: -50%; */
  /* width: 300%;
  right: -100%; */
  width: 150%;
  right: -101%;
  /*bottom: -150%;*/
  z-index: -2;
  /*background: #f6f6f6;*/
  background: #dae2ef;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.joii-featured-repeat-collection-section::after {
  content: "";
  position: absolute;
  /*background: #f6f6f6;*/
  /*background: #dbeedd;*/
  background: #fbede5;
  width: 100%;
  right: -40%;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.joii-featured-product-section {
  position: relative;
  grid-template-columns: 1fr 1fr;
  gap: 10rem;
  margin: unset;
  display: grid;
}
.joii-featured-repeat-collection-section {
  position: relative;
  /* grid-template-columns: 2fr 3fr; */
  grid-template-columns: 2fr 4fr;
  gap: 5rem;
  margin: unset;
  display: grid;
}
.joii-product-carousel {
  margin: unset;
  /*padding: unset;*/
}
.joii-featured-product-section .product-img {
  background: unset;
}
.joii-featured-product-section-one {
  z-index: 1;
  display: flex;
  flex-direction: column;
  /*padding: 0 13%;*/
  padding-right: unset;
  /*padding-top: 50px;*/
  /*padding-bottom: 50px;*/
}
.joii-featured-product-section-two {
  z-index: 1;
  display: flex;
  flex-direction: column;
  /*padding: 0 15%;*/
  padding-left: 10%;
}
.joii-featured-repeat-collection-section-one {
  z-index: 1;
  display: flex;
  flex-direction: column;
  /*padding: 5% 13%;*/
  padding-right: unset;
}
.joii-featured-repeat-collection-section-two {
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 5% 0;
}

@media screen and (min-width: 1921px) {
    .joii-featured-product-section-one {
    /* padding: 10% 13%; */
    padding: 10% 5%;
    padding-right: unset;
  }
  .joii-featured-product-section-two {
    padding: 0 15%;
  }
  .joii-featured-repeat-collection-section-one {
    padding: 5% 13%;
    padding-right: unset;
  }
  .joii-featured-repeat-collection-section-two {
    padding: 5% 0;
  }
}

.joii-featured-repeat-collection-section-one {
  z-index: 1;
}
.joii-featured-repeat-collection-section-two {
  z-index: 1;
}

.joii-featured-product-section-one p,
.joii-featured-product-section-one span,
.joii-featured-product-section-one a,
.joii-featured-product-section-one strong {color: #e5f2f9;}
.joii-featured-repeat-collection-section-one p,
.joii-featured-repeat-collection-section-one span,
.joii-featured-repeat-collection-section-one a,
.joii-featured-repeat-collection-section-one strong,
.joii-featured-repeat-collection-section-one li {/*color: #ddfbe0;*/ color: white;}

.joii-featured-product-section .joii-featured-product-bullets {
  padding-left: 40px;
  position: relative;
  margin-bottom: unset;
}
.joii-featured-product-section .joii-featured-product-bullets p {
  color: #e5f2f9;
  font-size: 16px;
  line-height: 26px;
}
.joii-featured-product-section .joii-featured-product-bullets p:not(:first-child) {
  margin-top: 10px;
}
.joii-featured-product-section .joii-featured-product-bullets p::before {
  content: '\2713';
  left: 0;
  position: absolute;
  font-weight: bold;
  color: inherit;
  font-family: sans-serif;
}
.joii-repeat-featured-collection-bullets li::before {
  content: '\2713';
  left: 0;
  position: absolute;
  font-weight: bold;
  color: inherit;
  font-family: sans-serif;
}

.joii-featured-product-section .product-title {
  font-size: 16px;
  letter-spacing: 3px;
}
.joii-featured-product-section .joii-featured-prod-savings {font-size: 28px;}

.joii-featured-product-section .section-bottom-button {
  padding-top: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
}


.joii-featured-prod-savings {
  margin-bottom: 20px;
  /*background: black;*/
  /*width: min-content;*/
  white-space: nowrap;
  text-wrap: nowrap;
  /*padding: 0 15px;*/
  margin-top: 20px;
}
.joii-featured-prod-header strong,
.joii-featured-prod-header,
.joii-featured-repeat-collection-section-one .section-title * {color: white !important;}



.joii-featured-product-compare-at-price {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  opacity: 0.7;
  font-weight: normal;
}


@media screen and (min-width: 768px) {
  .joii-featured-repeat-collection-section-two .product-grid-box {
    /*width: 33.333%;*/
  }
}
@media screen and (min-width: 1441px) {
  .joii-featured-repeat-collection-section-two .flickity-prev-next-button.previous {left: -50px !important;}
  .joii-featured-repeat-collection-section-two .flickity-prev-next-button.next {right: -50px !important;}

}

.joii-featured-repeat-collection-section,
.joii-featured-repeat-collection-section .joii-featured-button-mobile a {
  background: var(--subForeground);
  border: unset;
}

.joii-repeat-featured-collection-bullets {position: relative;}
.joii-repeat-featured-collection-bullets li {
  padding-left: 30px;
  font-size: 16px;
  line-height: 26px;
}
.joii-repeat-featured-collection-bullets svg {
  position: absolute;
  left: 0;
}
.joii-repeat-featured-collection-bullets li:not(:first-child) {
  margin-top: 10px;
}
.joii-featured-repeat-collection-section-one .section-title {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.joii-featured-repeat-collection-section-one .heading-repeat-svg {
  width: 50px;
  height: 50px;
}

.product-grid-wrapper button[aria-label="Previous"],
.product-grid-wrapper button[aria-label="Next"],
.product-grid-wrapper button[aria-label="Previous"]:hover,
.product-grid-wrapper button[aria-label="Next"]:hover {
  /*background: #345934;*/
  background: #f9f9f9;
}

.joii-featured-repeat-collection-section-two .product-grid-wrapper:not(.left-arrow-disabled) button[aria-label="Previous"],
.joii-featured-repeat-collection-section-two .product-grid-wrapper:not(.right-arrow-disabled) button[aria-label="Next"],
.joii-featured-repeat-collection-section-two .product-grid-wrapper:not(.left-arrow-disabled) button[aria-label="Previous"]:hover,
.joii-featured-repeat-collection-section-two .product-grid-wrapper:not(.right-arrow-disabled) button[aria-label="Next"]:hover {
  /*background: #345934;*/
  background: var(--subForeground);
}

.featured-collection-section .product-grid-wrapper:not(.left-arrow-disabled) button[aria-label="Previous"],
.featured-collection-section .product-grid-wrapper:not(.right-arrow-disabled) button[aria-label="Next"],
.featured-collection-section .product-grid-wrapper:not(.left-arrow-disabled) button[aria-label="Previous"]:hover,
.featured-collection-section .product-grid-wrapper:not(.right-arrow-disabled) button[aria-label="Next"]:hover {
  /*background: #345934;*/
  background: var(--button-color);
}


.joii-desktop-featured-prod-carousel,
.joii-featured-repeat-collection-section-two .product-grid-wrapper,
.featured-collection-section .product-grid-wrapper {/*padding: 0 2%;*/}


.joii-featured-button-desktop {display: block;}
.joii-featured-button-mobile {display: none;}

.joii-slideshow-section,
.joii-homepage-slideshow {position: relative;}
.joii-slideshow-section .joii-product-grid-dots {
  width: 100%;
  bottom: 0 !important;
  /*padding: 27px;*/
  padding: calc(var(--joii-shop-hero-size) / 11);
  position: absolute;
  max-width: unset !important;
  margin-bottom: 0 !important;
}
.product-gallery-img .flickity-page-dots {
  position: absolute;
  bottom: -25px;
}
.product-gallery-img-wrapper {
  margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
  .product-gallery-img .flickity-page-dots {
    bottom: -30px;
  }
  .product-gallery-img-wrapper {
    margin-bottom: 30px;
  }
}

.product-gallery-img .flickity-page-dots .dot {
  background: #207ea7;
}

.product-thumbnail-item .product-thumbnail-inner {background: white;}

@media screen and (max-width: 1441px) {
  .joii-featured-product-section-one {
    /*padding-top: 5rem;*/
    /*padding-bottom: 5rem;*/
  }
  
  .joii-featured-prod-header,
  .joii-featured-repeat-collection-section-one .section-heading {font-size: 35px;}
  .heading-repeat-svg {width: 40px; height: 40px;}
  
  .joii-featured-product-section .product-title {font-size: 16px; letter-spacing: 3px;}
  .joii-featured-product-section .joii-featured-prod-savings {font-size: 18px;}
  
  .joii-featured-product-section .joii-featured-product-bullets p,
  .joii-repeat-featured-collection-bullets li {font-size: 14px; line-height: 20px;}
  
  .joii-featured-prod-link {font-size: 14px;}
  
  .joii-featured-product-section-two {padding-left: unset;}

  .joii-featured-repeat-collection-section {
    /* grid-template-columns: 1fr 2fr; */
    grid-template-columns: 2fr 4fr;
  }
  .joii-featured-product-section {
  }
  .joii-featured-repeat-collection-section::after {
    right: -33.333%;
  }
  .joii-featured-product-section-two .product-img {
    /*max-width: 476px;*/
    /*max-height: 476px;*/
    aspect-ratio: 1/1;
  }
  .joii-featured-product-section-two {
    /*align-items: center;*/
  }
}
@media screen and (min-width: 1442px) {
  .joii-featured-repeat-collection-section::after {
    right: -33.333%;
  }
}
@media screen and (max-width: 1255px) {
  .joii-featured-repeat-collection-section {
    /*grid-template-rows: 1fr 2fr;*/
    grid-template-columns: unset;
    /* gap: 4rem; */
    gap: 2rem;
    align-items: unset;
  }
  .joii-featured-repeat-collection-section-one,
  .joii-featured-repeat-collection-section-two {padding: 5%;}
  .joii-featured-repeat-collection-section-one {/*padding-bottom: unset;*/}
  .joii-featured-repeat-collection-section-two {padding-left: unset; padding-right: unset;}
  .joii-featured-repeat-collection-section::after {
    /*right: unset;*/
    /*bottom: -50%;*/
    
    /*right: -50%;*/
    /*bottom: -150%;*/
    /*width: 200%;*/
    
    border-radius: 100%;
    /* top: 25%; */
    top: 30%;
    height: 100%;
    /*left: -50%;*/
    /*width: 200%;*/

    left: -100%;
    width: 300%;
  }
  
  .joii-featured-product-section {
    /*grid-template-rows: 1fr 1fr;*/
    align-items: unset;
    /*grid-template-rows: 2fr 3fr;*/
    grid-template-columns: unset;
    gap: 0;
  }
  .joii-featured-product-section-one {padding: 8% 5%;}
  .joii-featured-product-section-two {padding: 0 10%; padding-bottom: 5%;}
  .joii-featured-product-section-two::after {
    border-radius: 100%;
    /* top: 40%; */
    top: 45%;
    height: 100%;
    left: -100%;
    width: 300%;
  }
  .joii-featured-button-desktop {display: none;}
  .joii-featured-button-mobile {display: block;}
  .section-bottom-button .button {border: unset;}
  .joii-featured-product-section .joii-featured-product-bullets {padding-left: 30px;}
  .joii-featured-product-section .joii-featured-product-bullets p:not(:first-child) {margin-top: 20px;}
}
@media screen and (max-width: 768px) {
  .joii-featured-product-section {
    grid-template-rows: 1fr 2fr;
  }
  .joii-featured-product-section::after {
    top: 33.333%;
  }
  .joii-featured-prod-header,
  .joii-featured-repeat-collection-section-one .section-heading {font-size: 25px;}
  .heading-repeat-svg {width: 30px; height: 30px;}
  
  .joii-featured-product-section .product-title {font-size: 14px; letter-spacing: 2px;}
  .joii-featured-product-section .joii-featured-prod-savings {font-size: 16px;}
  
  .joii-featured-product-section .joii-featured-product-bullets p,
  .joii-repeat-featured-collection-bullets li {font-size: 12px; line-height: 16px;}

  .joii-featured-prod-savings {margin-top: 5px; margin-bottom: 5px;}
  .joii-featured-product-section .joii-featured-product-bullets {padding-left: 20px;}
  .joii-featured-product-section .joii-featured-product-bullets p:not(:first-child) {margin-top: 10px;}
}
@media screen and (max-width: 500px) {
  .joii-featured-product-section {
    /*grid-template-rows: 2fr 3fr;*/
    grid-template-rows: unset !important;
  }
  .joii-featured-product-section::after {
    top: 40%;
  }
  .joii-featured-product-section-two .product-img {width: 100%; height: unset;}

  .joii-featured-repeat-collection-section .section-title {
    display: flex;
    /*justify-content: center;*/
    padding-left: unset !important;
  }
  .joii-repeat-featured-collection-bullets {
    width: min-content;
  }
  .joii-repeat-featured-collection-bullets li {
    text-wrap: nowrap;
    white-space: nowrap;
  }
  .joii-featured-repeat-collection-section-one {
    /*align-items: center;*/
  }
  .joii-featured-product-section-two {
    padding: 10% 5%;
  }
   .joii-featured-repeat-collection-section::after {
     top: 28%;
   }
  .joii-featured-repeat-collection-section .flickity-viewport,
  .featured-collection-section .flickity-viewport {
    height: 75vw !important;
  }
  .joii-featured-prod-header {
    max-width: 100%;
  }
  
}

@media screen and (max-width: 420px) {
  .joii-featured-repeat-collection-section .flickity-viewport,
  .featured-collection-section .flickity-viewport {
    height: 80vw !important;
  }
}

@media screen and (max-width: 375px) {
  .joii-featured-product-section {
    /*grid-template-rows: 2fr 3fr;*/
    grid-template-rows: unset !important;
  }
  .joii-featured-product-section::after {
    top: 45%;
  }
  .joii-featured-product-section-two .product-img {width: 100%; height: unset;}
  .joii-featured-product-section-two {
    padding: 10% 5%;
  }
   .joii-featured-repeat-collection-section::after {
     top: 30%;
   }
  .joii-featured-repeat-collection-section .flickity-viewport,
  .featured-collection-section .flickity-viewport {
    height: 85vw !important;
  }
}


.section-bottom-button .button:before {
  content: unset;
}
.section-bottom-button .button {
  min-width: 180px;
  background: var(--button-color);
  transition: all 0.4s ease;
  outline: unset;
  border: unset;
  font-weight: 500;
}
.section-bottom-button .button:hover {
  background: var(--button-hover-color);
}


.joii-featured-product-section .product-card-info {
  flex-direction: column;
  display: flex;
  align-items: flex-start;
}
.vets-pick-box {
  position: absolute;
  top: 0;
  right: 16px;
  padding: 16px;
  border-radius: 10px 0 10px 0;
  /* background: #2a6694; */
  background: #4272a6;
  color: white;
  text-wrap: nowrap;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: default;
  z-index: 2;
}
.vets-pick-box>*:nth-child(1) {
  font-size: 22px;
  line-height: 20px;
  font-weight: 700;
}
.vets-pick-box>*:nth-child(2) {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .vets-pick-box {/*top: -10px;*/}
  .vets-pick-box>*:nth-child(1) {
    font-size: 20px;
    line-height: 18px;
    font-weight: 700;
  }
  .vets-pick-box>*:nth-child(2) {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
  }
}
@media screen and (max-width: 500px) {
  .vets-pick-box {
    padding: 10px;
    /*bottom: -30px;*/
    /*top: unset;*/
  }
  .vets-pick-box>*:nth-child(1) {
    font-size: 15px;
    line-height: 16px;
    font-weight: 700;
  }
  .vets-pick-box>*:nth-child(2) {
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
  }
}

.brands-grid-wrapper .media img {
  position: relative;
  /*max-width: 250px;*/
  /*min-width: 250px;*/
  /*min-height: 250px;*/
}
.brands-grid-wrapper .flickity-slider {min-height: 250px; }
.brands-grid-item-inner {width: 20%; padding: 0 20px;}
.brands-grid-img-wrapper {position: relative;}
.brands-grid-wrapper {
  /*display: grid;*/
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.brands-grid-item-inner {
  /*margin: 0 20%;*/
  align-items: center;
  display: flex;
  transition: .4s ease all;
  cursor: pointer;
  height: 100%;
  max-height: 150px;
}
.brands-grid-item-inner:hover {
  transform: scale(1.1);
}
.brands-grid-wrapper .flickity-prev-next-button {
  background: unset;
  box-shadow: unset;
}
.brands-grid-wrapper .flickity-prev-next-button.next {right: -16px}
.brands-grid-wrapper .flickity-prev-next-button.previous {left: -16px}
@media screen and (max-width: 700px) {
  .brands-grid-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}


@media screen and (min-width: 1250px) {
  .brands-grid-wrapper  .flickity-viewport {
    height: 100% !important;
  }
  .brands-grid-wrapper .flickity-button {display: none;}
  .brands-grid-wrapper .flickity-slider {
    position: relative !important;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    transform: unset !important;
  }
  .brands-grid-item-inner {
    position: relative !important;
    transform: unset !important;
    width: unset;
    margin: 5px 20%;
    padding: unset;
  }
  .brands-grid-img-wrapper {
    transition: .4s ease all;
  }
  .brands-grid-img-wrapper:hover {
    transform: scale(1.1);
  }
}
@media screen and (max-width: 768px) {
  .brands-grid-item-inner {
    width: 30%;
    padding: 0 10px;
    max-height: 100px;
  }
  .brands-grid-wrapper .flickity-viewport {
    height: 100px;
  }
}
@media screen and (max-width: 500px) {
  .brands-grid-item-inner {
    width: 40%;
  }
}

.article-grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.article-grid-item-inner {
  max-width: 510px;
}


.article-grid-card {
  margin: 2%;
  border-radius: 10px;
  /* box-shadow: 0 2px 2px #96969680; */
  box-shadow: 0 5px 5px -6px rgba(0,0,0,0.8);
  transition: all .4s ease;
  overflow: hidden;
  cursor: pointer;
}
.article-grid-card:hover {
  /* box-shadow: 0 1px 1px #96969680; */
  box-shadow: 0 5px 5px -5px rgba(0,0,0,1);
}
.article-grid-wrapper .media img {
  position: relative;
  transition: all .4s ease;
}
.article-grid-card img {
  transition: all .4s ease;
}
.article-grid-card:hover img {
  transform: scale(1.02);
}
.article-grid-img * {line-height: 0;}
.article-grid-img {
  overflow: hidden;
  display: block;
  position: relative;
  height: 100%;
}
.article-grid-content {
  position: absolute;
  padding: 10px;
  bottom: 0;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  /*background-image: linear-gradient(#fff0,#fff3 20%,#fffc 50%,#fff);*/
  background-image: linear-gradient(#fff0,#fff3 50%, #fffd 90%, #fffe);
  background: #fffe;
  transition: all 1s ease;
  width: 100%;
  /*height: 100%;*/
  align-content: end;
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-direction: row;
  gap: 2rem;
}
.article-grid-card {
  position: relative;
}

.article-grid-content>*:first-child {
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  /*text-shadow: 0.5px 0px 0px black;*/
  font-weight: 500;
  letter-spacing: -0.01em;
}
.article-grid-content .article-grid-content-button {line-height: 17px;}
.article-grid-content .hyperlink {
  color: #344d80;
  font-size: 14px;
  line-height: 16px;
  transition: all .4s ease;
  text-decoration: unset;
  position: relative;
  text-wrap: nowrap;
  white-space: nowrap;
}
.article-grid-card:hover .article-grid-content {background-position: 0px 20px;}
.article-grid-card:hover .article-grid-content .hyperlink {color: black;}
.article-grid-content .hyperlink::after {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid #344d80;
  transition: all 0.8s;
  width: 0;
  left: 0;
}
.article-grid-card:hover .article-grid-content .hyperlink::after {
  border-bottom: 1px solid black;
  width: 100%;
}

.article-grid-wrapper.slider {
  display: block;
}
.article-grid-wrapper.slider .article-grid-item-inner {
  width: 33.333%;
}
.article-grid-wrapper.slide .article-grid-card {
  padding: 0 10px;
  margin: 0;
}
.article-grid-wrapper .flickity-prev-next-button.next {right: -16px}
.article-grid-wrapper .flickity-prev-next-button.previous {left: -16px}

@media screen and (max-width: 1000px) {
  .article-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .article-grid-wrapper.slider .article-grid-item-inner {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .article-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
  }
  .article-grid-item-inner {
    max-width: 100%;
    margin: 2% 0;
  }
  .article-grid-wrapper.slider .article-grid-item-inner {
    width: 100%;
    margin: unset;
  }
  .article-grid-wrapper  .flickity-viewport {
    height: 100% !important;
  }
  .article-grid-wrapper .flickity-button {display: none;}
  .article-grid-wrapper .flickity-slider {
    /*position: relative !important;*/
    display: grid;
    /* grid-template-columns: 1fr;
    transform: unset !important; */
  }
  .article-grid-item-inner {
    /*position: relative !important;*/
    /*transform: unset !important;*/
    width: unset;
    margin: 5px 20%;
    padding: unset;
  }
}

@media screen and (max-width: 500px) {
  .article-grid-content > :first-child {
    font-size: 12px;
    line-height: 14px;
  }
  .article-grid-content .hyperlink {
    font-size: 12px;
    line-height: 14px;
  }
}





.joii-custom-details-disclosure .nav-menu-link {
  /*text-shadow: 0px 0px 0px rgba(0,0,0,0);*/
  font-weight: 500;
  transition: .4s ease color;
  color: black;
  margin-right: unset !important;
}
.joii-custom-details-disclosure.open .nav-menu-link {
  /*text-shadow: 0.5px 0px 0px black;*/
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-right: unset !important;
}
.joii-custom-details-disclosure .angle-down path {
  stroke-width: 0.25px;
  transition: .4s ease all;
}
.joii-custom-details-disclosure.open .angle-down path {
  stroke-width: 1px;
}



.joii-repeat-featured-collection-bullets {
  margin-bottom: 10px;
}

.joii-featured-prod-link {
  text-align: center;
  text-decoration: underline;
  font-size: 16px;
  font-weight: bold;
  text-underline-offset: .25rem;
  text-decoration-thickness: 1.5px;
  margin-top: 30px;
  color: white !important;
}
.joii-featured-product-section-two .section-bottom-button a {background: #344d80;}
.joii-featured-repeat-collection-section .joii-featured-prod-link,
.joii-featured-product-section .joii-featured-prod-link {
  padding: 10px 20px;
  border-radius: 10px;
  background: unset;
  transition: all .4s;
  text-decoration: unset;
  display: block;
  width: min-content;
  white-space: nowrap;
  text-wrap: nowrap;
  /*margin: 0 auto;*/
  margin: 0;
}

.joii-featured-repeat-collection-section .joii-featured-prod-link:hover {
  background: rgba(164, 208, 155, 0.1);
}
.joii-featured-product-section .joii-featured-prod-link:hover {
  background: rgba(229, 242, 249, 0.1);
}
.joii-featured-repeat-collection-section .section-bottom-button,
.joii-featured-product-section .section-bottom-button {padding-top: 20px;}

.joii-featured-prod-link {
  border: 1px solid;
  overflow: hidden;
  position: relative;
  
  span {
    /*z-index: 20;*/
  }
  
  &:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
  }
}

.joii-featured-prod-link:hover {
  
  &:after {
    left: 120%;
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}


.nav-menu-link {position: relative;}

.nav-menu-item .joii-custom-details-disclosure .nav-menu-link-line {
  width: 0;
  position: absolute;
  height: 0;
  border-bottom: 1px solid black;
  transition: .4s all;
  /*bottom: 18px;*/
  bottom: 13px;
}
.nav-menu-item .joii-custom-details-disclosure.open .nav-menu-link-line {
  width: calc(100% - 30px);
  border-bottom: 1px solid #344d80;
}
.nav-menu-item .header-categories-inner.joii-custom-details-disclosure.open .joii-categories-menu .nav-menu-link-line {
  width: calc(100% - 10px);
  border-bottom: 1px solid #344d80;
}
.nav-menu-item:nth-child(1) .header-categories-inner.joii-custom-details-disclosure.open .joii-categories-menu .nav-menu-link-line {
  width: calc(100% - 0px);
  border-bottom: 1px solid #344d80;
}

@media screen and (min-width: 1024px) {
  .serach-fullwidth {
    display: none;
  }
}

.joii-header-announcements-wrapper {
  display: flex;
  justify-content: space-around;
}
.joii-header-announcement-point {
  color: white;
  color: #344d80;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.header-search-submit-button {
  /*background: #FFC331;*/
  background: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  right: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.joii-header-announcement-point .joii-vmd {
  fill: #344d80;
}
.mobile .joii-header-announcement-point .joii-vmd {
  fill: white !important;
}

.product-gallery-img-inner {
  aspect-ratio: 1/1;
}

.product-gallery-img-inner img {
  object-fit: contain;
}


.primary-header {/*position: relative;*/}
.joii-header-customer-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: absolute;
  right: 15px;
  bottom: -45px;
  z-index: 1;
}

.joii-hello-customer,
.joii-hello-sign-in,
.joii-customer-speak-to-vet-btn {
  font-size: 14px;
  line-height: 17px;
  color: #344d80;
  transition: all .4s ease;
}
.joii-hello-customer,
.joii-hello-sign-in {
  /*text-shadow: 0.5px 0px 0px #344d80;*/
  /*text-shadow: 0.5px 0px 0px #207ea7;*/
  font-weight: 500;
  padding: 10px 20px;
}
.joii-hello-customer:hover,
.joii-hello-sign-in:hover {
  /*text-shadow: 0.5px 0px 0px #207ea7;*/
  /*text-shadow: 0.5px 0px 0px #344d80;*/
  font-weight: 500;
  /* color: #2a6694; */
  color: #4272a6;
}
.joii-customer-speak-to-vet-btn svg {width: 14px; height: 14px;}
.joii-customer-speak-to-vet-btn path {
  /*fill: white;*/
  /*stroke: white;*/
  fill: black;
  stroke: black;
}
.joii-customer-speak-to-vet-btn {
  padding: 10px 20px;
  /*background: #344d80;*/
  background: #ffc331;
  /*background: #eaf2f6;*/
  /*color: white;*/
  color: black;
  /*color: #207ea7;*/
  border-radius: 10px;
  border-radius: 100vw;
  transition: all .4s ease;
  /*text-shadow: 0.5px 0px 0px #207ea7;*/
  font-weight: 500;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 42px;
}
.joii-customer-speak-to-vet-btn:hover {
  /* background: #2a6694; */
  /*background: #4272a6;*/
  background:rgb(255, 183, 0);
}
.joii-custom-details-disclosure .nav-menu-link {
  color: #2E2E2E;
  /*text-shadow: 0.5px 0px 0px rgba(0,0,0,0);*/
  font-weight: 500;
}
.joii-custom-details-disclosure .angle-down path {
  stroke: #2E2E2E;
}
.joii-custom-details-disclosure.open .nav-menu-link {
  color: #344d80;
  /*text-shadow: 0.5px 0px 0px #344d80;*/
  font-weight: 600;
  letter-spacing: -0.01em;
}
.joii-custom-details-disclosure.open .angle-down path {
  stroke: #344d80;
}

@keyframes slideFadeDown {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.joii-custom-details-disclosure .header-categories-wrapper {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.joii-custom-details-disclosure.open .header-categories-wrapper {
  animation: slideFadeDown 0.3s ease forwards;
}


.primary-header-blocks .joii-header-search .predective-search-box {
  position: relative;
  overflow: hidden;
  padding: 0 6px 0 15px;
  column-gap: 40px;
  border: 1px solid #344d80;
  border-radius: 100vw !important;
}
.primary-header-blocks .joii-header-search .predective-search-box>* {
  z-index: 1;
}
.primary-header-blocks .joii-header-search .predective-search-box .search__button {color: white;}
.primary-header-blocks .joii-header-search .predective-search-box .search__button span {color: black;}

.header-predictive-search-sparkle-icon {
  position: absolute;
}

.header-predictive-search-box {
  position: relative;
  overflow: hidden;
  padding: 0 6px 0 15px;
  column-gap: 40px;
  border: 1px solid #D3CBC5;
  border-radius: 100vw !important;
}
@media screen and (max-width: 1024px) {
  .header-predictive-search-box {
    margin: 8px;
    width: calc(100% - 8px - 8px)
  }
}

.header-predictive-search-box input {
  margin-left: 24px;
  width: calc(100% - 64px);
}

.header-icons path {
  transition: .4s all;
}
.header-icons:hover path {
  fill: #344d80;
}
.header-icons-link span {
  background: unset;
  transition: .4s all;
  color: black;
}
.header-icons-link:hover span {
  color: #344d80;
}









.joii-wishlist-page-container .joii-product-card-item {
  position: relative;
  margin-bottom: 20px;
}
.joii-wish-remove-prod {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10px;
  cursor: pointer;
}
.joii-wish-move-prod {
  position: absolute;
  bottom: 0;
  left: 0;
  /*background: #344d80;*/
  background: #207ea7;
  color: white;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: -0.013em;
  cursor: pointer;
}
.joii-wish-move-prod:hover {
  /* background: #2a6694; */
  background: #4272a6;
}
.joii-recom-move-prod {
  /*position: absolute;*/
  bottom: 0px;
  right: 10px;
  /*background: #207ea7;*/
  /* background: #2A6694; */
  background: #4272a6;
  color: white;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: -0.013em;
  cursor: pointer;
  align-content: center;
  display: inline;
  justify-content: center;
  align-items: center;
  height: 35px;
  align-items: center;
  /*display: flex;*/
}
.joii-wishlist-tabs {
  display: flex;
  border-bottom: 1px solid #d1d1d1;
}
.wish-tab-btn {
  cursor: pointer;
  padding: 10px 20px;
  transition: all .4s ease;
  position: relative;
}
.wish-tab-btn.toggleActive {
  font-weight: 500;
  letter-spacing: -0.013em;
}
.wish-tab-btn:hover {
  color: #344d80;
}
.wish-tab-btn::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1px;
  border-top: 0px solid rgba(0,0,0,0);
}
.wish-tab-btn:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1px;
  border-top: 2px solid #344d80;
}
.wish-tab-btn.toggleActive::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1px;
  border-top: 2px solid black;
}
.wish-tab-btn.toggleActive:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1px;
  border-top: 2px solid #344d80;
}
.joii-wishlist-title svg path {
  stroke-width: 2px;
  stroke: black;
}
.joii-wishlist-title svg {
  overflow: visible;
}
.joii-wishlist-title {margin-bottom: 30px;}
.joii-wishlist-loader {
  display: flex;
  justify-content: center;
  width: 100%;
}
.joii-card-order-date {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px 16px;
  font-size: 14px;
  background: #fffe;
  width: 100%;
  cursor: pointer;
}
.joii-card-order-date:hover {
  font-weight: 500;
  letter-spacing: -0.013em;
}
@media screen and (max-width: 900px) {
  .joii-wishlist-title {
    text-align: center;
  }
  #joii-wishlist-tab-elem .product-card.product-background-enabled .joii-product-card-detail, 
  #joii-wishlist-tab-elem .joii-product-card-item .joii-product-card-detail {
    grid-template-rows: 3.5fr 1.6fr !important;
  }
  #joii-wishlist-tab-elem .product-price {
    padding-bottom: 45px;
  }
  .joii-wish-move-prod {
    width: calc(100% - 20px);
    text-align: center;
  }
  .joii-card-order-date {
    font-size: 11px;
  }
}


.price-has-add-btn {
  /*padding-bottom: 62px;*/
  /*min-height: 58px;*/
}



.product-price {
  position: relative;
}
.joii-wish-remove-prod-heart {
  bottom: unset !important;
  top: -1px;
  cursor: pointer;
}



.joii-product-card-wish {
  display: flex;
}



.joii-product-card-wish .wishlist-engine-button,
.joii-product-card-wish .wishlist-engine-button:focus,
.joii-product-card-wish .wishlist-engine-button:hover {
  padding: unset !important;
}
.wishlist-icon {
  margin: unset !important;
  display: flex !important;
}


@media screen and (min-width: 1601px) {
  .joii-product-card-grid-bottom .price-item {
    line-height: 18px;
  }
}



.joii-secondary-announcements-header-wrapper .joii-header-announcement-point {
  font-weight: 500;
  letter-spacing: -0.013em;
  font-size: 14px;
}







.article-grid-item-inner {
  margin: unset;
}


.header-icons .cart .cart-total-price {
  text-wrap: nowrap;
  margin-left: 0px;
}
.header-icons .cart .cart-total-price-wrapper {
  transition: all .5s ease;
  overflow: hidden;
}
.header-icons:not(:hover) .cart .cart-total-price-wrapper {
  width: 0;
  margin-left: 0px;
}

.header-icons:hover .cart .cart-total-price-wrapper {
  width: 100%;
  margin-left: 10px;
}

@media screen and (max-width: 1024px) {
  .header-icons.border-enabled .cart-count {
    top: -8px;
    right: -10px;
  }
  .header-icons-list {
    padding-right: 10px;
  }
}


.joii-wishlist-title {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 0.85rem;
}
#joii-wishlist-tab-elem .joii-wish-move-prod {
  bottom: 10px;
  left: 10px;
}
@media screen and (min-width: 901px) {
  #joii-wishlist-tab-elem .joii-wish-move-prod {
    bottom: 10px;
    right: 10px;
    left: unset;
    white-space: nowrap;
    text-wrap: nowrap;
    width: min-content;
  }
}

@media screen and (max-width: 900px) {
  .joii-wishlist-title {
    justify-content: center;
  }
}


.footer-block a {
  text-wrap: nowrap;
  white-space: nowrap;
}



@media screen and (max-width: 767px) {
  .shapes-background svg {
    width: 400% !important;
  }
  .section-title {
    /*padding-left: 10px !important;*/
  }
}




.product-selector-option {
  padding-bottom: unset !important;
  margin-bottom: 20px;
}





@media screen and (max-width: 767px) {
  .joii-repeats-badge-main{
    padding: 2px 4px !important;
    gap: 2px !important;
  }
  .joii-repeats-badge-save>.text-small {
    padding: 2px 4px !important;
  }
  .joii-repeats-badge-main svg {
    width: 12px;
    height: 12px;
  }
  .brands-grid-section .flickity-slider>* {
  }
}

.header-nav .navigation-wrapper {
    padding: 0 0 0 7px;
}



.joii-product-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.joii-product-tags span {
  padding: 8px 10px;
  white-space: nowrap;
  text-wrap: nowrap;
  border-radius: 5px;
  font-size: 12px;
  line-height: 11px;
  color: #fff;
  letter-spacing: 0.3px;
  transition: .4s ease;
  cursor: pointer;
}

.joii-product-tags span.joiiType {
  background: #344d80;
}
.joii-product-tags span.joiiTag {
  /* background: #2A6694; */
  background: #4272a6;
}
.joii-product-tags span.joiiTagSpecies {
  /* background: #207ea7; */
  background: #4272a6;
}

@media screen and (min-width: 767px) {
  .joii-product-tags {
    min-width: 300px;
  }
}
.joii-product-tags span:hover {
  opacity: 0.8;
}





.shopify-policy__title {
    margin-bottom: 20px;
}

.shopify-policy__body p {
    margin-bottom: 15px;
}

.shopify-policy__body {
    padding-top: 40px;
}

.shopify-policy__body h2,
.shopify-policy__body h2 strong {
  font-weight: 600;
}

.shopify-policy__body h2 {
  margin-block-start: 4.5rem;
}
.shopify-policy__body *:first-child {
  margin-block-start: 15px;
}

.shopify-policy__body p,
.shopify-policy__body li,
.shopify-policy__body span {
  font-size: 14px;
  line-height: 27px;
  opacity: 0.75;
  font-weight: 400;
  margin-top: 13px;
  margin-bottom: 13px;
}

.shopify-policy__title {
  font-weight: 600;
  font-size: 40px;
}


@media screen and (max-width: 1000px) {
  .shopify-policy__body {
    padding: 1rem;
  }
}



.joii-product-percent-off {
  padding: 2px 6px;
  /*border-radius: 8px;*/
  font-size: 12px;
  font-weight: 500;
  /* background: #207ea7; */
  background: #4272a6;
  color: white;
}
.joii-limited-time-sub p {
  font-size: 12px;
  /*margin-bottom: 10px;*/
}

.joii-collection-info-container {
  display: flex;
  gap: 16px;
  padding-bottom: 3rem;
  padding-top: 3rem;
}
.joii-collection-info-container img {
  position: relative;
  width: 100%;
  height: 100%;
}
.collection-info-sidecolumn .article-grid-card {
  width: 450px;
}
.joii-collection-description p,
.joii-collection-description span,
.accordion__content p,
.accordion__content>span
.accordion__content p,
.accordion__content p span {
  font-size: var(--text) !important;
  font-family: var(--bodyFont) !important;
  font-weight: var(--bodyFontWeight) !important;
  line-height: var(--bodyFontLineHeight) !important;
  font-style: var(--bodyFontStyle) !important;
  word-break: break-word !important;
  font-kerning: normal !important;
  white-space: wrap !important;
}

.accordion__item h3 {
  font-size: var(--text) !important;
  font-family: var(--bodyFont) !important;
  line-height: var(--bodyFontLineHeight) !important;
  font-style: var(--bodyFontStyle) !important;
  word-break: break-word !important;
  font-kerning: normal !important;
  white-space: wrap !important;
  font-weight: 600 !important;
}
.joii-collection-description ul,
.accordion__content ul {
  list-style: disc;
  padding-left: 1rem;
  margin: 1rem 0;
}
.joii-collection-description a,
.joii-collection-description strong,
.accordion__content a,
.accordion__content strong  {
  font-weight: 600;
}
.joii-collection-description ul strong,
.accordion__content ul strong {
  font-weight: 700;
}
.joii-collection-description ul li:not(:last-child),
.accordion__content ul li:not(:last-child) {
  margin-bottom: 0.3rem;
}
.joii-collection-description,
.accordion__content {
  opacity: 0.8;
}
.joii-collection-description p,
.joii-collection-description span,
.accordion__content p,
.accordion__content span, 
.joii-page-summary p,
.joii-page-summary span {
  margin-top: 15px;
  margin-bottom: 15px;
}
.joii-collection-description p:first-child {
  margin-top: 0;
}

.joii-collection-description h2,
.joii-collection-description h3 {
  font-weight: 600;
}

@media screen and (max-width: 1200px) {
  .joii-collection-info-container {
    flex-direction: column;
  }
}
@media screen and (max-width: 500px) {
  .collection-info-sidecolumn .article-grid-card {
    width: 98%;
  }
}


.row {
  /*gap: 2px;*/
  margin-left: -6px;
  margin-right: -6px;
}
.col-6 {
  /*flex: 1 1;*/
}





.cartColTwo.button {
  /* background: #207ea7; */
  background: #4272a6;
  color: white;
}
.cartColTwo.button:hover {
  background: #4d93b2;
}
.cartColOne.button {
  background: #344d80;
  color: white;
}
.cartColOne.button:hover {
  /* background: #2a6694; */
  background: #4272a6;
}



.searchbar-bottom-text {
  display: flex;
  gap: 16px;
}

.tracking_powerby {
  display: none !important;
}


.filterCount.active {
  min-width: 22px;
  height: 22px;
  border-radius: 100vh;
  /* background: #207ea7; */
  background: #4272a6;
  color: white;
  font-weight: 500;
  line-height: 12px;
  text-align: center;
  align-content: center;
  margin-left: 4px;
}

@media screen and (max-width: 1440px) {
  .joii-full-mobile {
    padding-left: unset !important;
    padding-right: unset !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .joii-full-mobile.fixed {
    position: fixed;
    top: 0;
    z-index: 2;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
  }
  .joii-full-mobile.fixed .joii-collection-bar-wrapper {
    padding-bottom: unset !important;
    margin-bottom: 10px;
  }
  .joii-full-mobile.fixed .joii-col-subcategories {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1441px) {
  .joii-full-mobile {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .joii-col-row-container {
    padding-top: 16px;
  }
}

.joii-page-summary {
  margin-top: 10px;
  opacity: 0.7;
}
.page-banner .joii-page-summary>* {
  width: 50%;
  padding: 0px 25px;
}
.page-banner .joii-page-summary {display: block;}
.collection_products .joii-page-summary, .collection-summary-mobile {display: none;}
@media screen and (max-width: 1000px) {
  .page-banner .joii-page-summary {display: none;}
  .collection_products .joii-page-summary, .collection-summary-mobile {
    padding-bottom: 16px;
    border-bottom: 7px solid #f4f2ee;
    display: block;
  }
  .collection_products .joii-page-summary p {
    font-size: 12px;
    line-height: 16px;
    padding: 0px 10px;
  }
}

.joii-page-summary p {
  margin-bottom: unset;
  font-size: 14px;
  line-height: 18px;
  font-family: var(--bodyFont) !important;
  font-weight: var(--bodyFontWeight) !important;
  font-style: var(--bodyFontStyle) !important;
  word-break: break-word !important;
  font-kerning: normal !important;
  white-space: wrap !important;
}


.collection-filter-value label {
  cursor: pointer;
}

.product-detail-item.vendor {
  display: flex;
  align-items: center;
  align-content: center;
  font-size: calc(var(--text) + 2px);
}

.joii-vendor-button {
  color: rgb(var(--linkColor));
}


.joii-prod-heading-mobile {display: none;}
@media screen and (max-width: 767px) {
  .joii-prod-heading-mobile {display: block;}
  .product-content-wrapper .product-heading,
  .product-content-wrapper .vendor ,
  .product-content-wrapper .joii-pet-species {
    display: none;
  }
  .joii-prod-heading-mobile {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
  .joii-prod-heading-mobile .vendor {
    margin-top: 0;
  }
  .joii-product-body {
    margin-top: 10px;
  }
}



.joii-all-brands-item-wrapper {
  display: flex;
}
.joii-all-brands-item {
  padding: 10px;
  width: 100%;
}


.nutritional-table,
.specifications-table {border: unset;}
.nutritional-table td {
  padding: 2px 16px;
}
.nutritional-table th {
  padding: 16px;
}
.nutritional-table tr,
.nutritional-table th,
.nutritional-table td {
  border: unset;
}
.nutritional-table tr:nth-child(odd) {
  background: white;
}
.joii-ac-cont-2 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
}
.joii-ac-1-2  {
  display: flex;
  position: relative;
  flex-direction: column;
}
.joii-ac-1-2 > :last-child,
.joii-ac-2-2 > :last-child {
  padding-bottom: 10px;
}
.joii-ac-cont-2 h3 {
  margin-top: 10px;
  border-bottom: 1px solid #eaeaea;
  padding-left: 10px;
}
.joii-ac-1-2>span {
  padding-left: 20px;
}
.specifications-table td {
  padding: 4px;
  border: unset;
}
.specifications-table tr:not(:last-child) td {
  border-bottom: 1px solid #eaeaea;
}
.specifications-table * {
  font-size: var(--smallText) !important;
  font-family: var(--bodyFont) !important;
  font-weight: var(--bodyFontWeight) !important;
  line-height: var(--bodyFontLineHeight) !important;
  font-style: var(--bodyFontStyle) !important;
  word-break: break-word !important;
  font-kerning: normal !important;
  white-space: wrap !important;
}
.accordion__item {
  animation: all .4s ease;
  padding-bottom: 0;
}
.accordion__item.active {
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .joii-ac-cont-2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: unset;
  }
  .joii-ac-1-2>span {
    padding-left: 0px;
  }
  .accordion__item.active {
    padding-bottom: 10px;
  }
}



.joii-featured-repeat-collection-section .joii-repeats-badge-price .hide-mobile {display: none !important;}
.joii-featured-repeat-collection-section .joii-repeats-badge-price .hide-desktop {display: block !important;}






.flickity-prev-next-button.previous {left: -5% !important;}
.flickity-prev-next-button.next {right: -5% !important;}

.product-gallery-img button {display: none !important;}
.product-gallery-thumbnail-img .flickity-prev-next-button.previous {
  left: -5% !important;
}
.product-gallery-thumbnail-img .flickity-prev-next-button.bottom {
  right: 5% !important;
}
.product-gallery-thumbnail-img .flickity-viewport {
  height: 100% !important;
}
.product-gallery-thumbnail-slider.flickity-enabled.arrow-enabled {
  padding-left: 0;
  padding-right: 0;
}
.product-gallery-thumbnail-img {
  position: relative;
  /*margin-top: 5%;*/
  /*margin-bottom: 5%;*/
}
.product-gallery-thumbnail-img .flickity-enabled {position: unset;}

.product-grid-box {
  width: 45%;
  /* padding: 0 2px; */
  padding: 0 1%;
}



.joii-repeats-badge-price .hide-desktop {
  font-size: 9px !important;
  line-height: 9px !important;
}
.flickity-button {
  display: none;
}
.product-grid-wrapper.flickity-enabled .flickity-slider {
  margin-left: 1%;
}
.product-grid-wrapper .flickity-slider--wrapper {
  /* padding-left: 0;
  padding-right: 0; */
}

.joii-carousels-2 .product-grid-wrapper {position: relative;}
.blog-article-desc .carousel-padding {
  padding-top: 0 !important;
}

.joii-product-grid-wrapper {
  display: grid;
  grid-auto-flow: column;
  --horizontal-items: 2.1;
  --horizontal-gap: 10;
  --vertical-gap: 10;
  /*gap: calc(var(--horizontal-gap) * 1px);*/
  grid-auto-columns: calc((100% - (calc(var(--horizontal-items) - 1) * calc(var(--horizontal-gap) * 1px))) / var(--horizontal-items));
  gap: calc(var(--vertical-gap) * 1px) calc(var(--horizontal-gap) * 1px);
  padding-top: 10px;
  padding-bottom: 10px;
}

.joii-product-grid-wrapper.carousel-rows-2 {
  grid-template-rows: repeat(2, 1fr);
}

@media screen and (min-width: 300px) {
  .joii-product-grid-wrapper {--horizontal-items: 2.3;}
  .product-grid-wrapper .flickity-viewport {height: calc(50vw + 120px) !important;}
  .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: calc(50vw + 120px) !important;}
  .joii-carousels-2 .product-grid-wrapper.hideDetails .flickity-viewport {height: calc(45vw + 0px) !important;}
  .joii-recommended-products .flickity-viewport {height: calc(52vw + 120px) !important;}
}
@media screen and (min-width: 400px) {
  .joii-product-grid-wrapper {--horizontal-items: 2.8;}
  .product-grid-wrapper .flickity-viewport {height: calc(48vw + 120px) !important;}
  .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: calc(48vw + 120px) !important;}
  .joii-recommended-products .flickity-viewport {height: calc(50vw + 120px) !important;}
  .joii-repeats-badge-price .hide-desktop {
    font-size: 10px !important;
    line-height: 10px !important;
  }
}
@media screen and (min-width: 450px) {
  /* .product-grid-wrapper .flickity-viewport {height: calc(70vw + 50px) !important;}
  .joii-recommended-products .flickity-viewport {height: calc(72vw + 50px) !important;} */
  .joii-repeats-badge-price .hide-desktop {
    font-size: 11px !important;
    line-height: 11px !important;
  }
}
@media screen and (min-width: 640px) {
  .joii-product-grid-wrapper {--horizontal-items: 3.5;}
  .product-grid-wrapper .flickity-viewport {height: calc(35vw + 100px) !important;}
  .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: calc(35vw + 100px) !important;}
  .joii-carousels-2 .product-grid-wrapper.hideDetails .flickity-viewport {height: calc(30vw + 0px) !important;}
  .joii-recommended-products .flickity-viewport {height: calc(37vw + 100px) !important;}
  .product-grid-box {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .joii-product-grid-wrapper {--horizontal-items: 4;}
  .product-grid-wrapper .flickity-viewport {height: calc(30vw + 100px) !important;}
  .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: calc(34vw + 100px) !important;}
  .joii-recommended-products .flickity-viewport {height: calc(32vw + 100px) !important;}
  .joii-repeats-badge-price .hide-desktop {
    font-size: 12px !important;
    line-height: 12px !important;
  }
  .product-grid-box {
    /* padding: 0 0.5%; */
    padding: 0 5px;
  }
}
@media screen and (min-width: 868px) {
  .joii-product-grid-wrapper {--horizontal-items: 4.5;}
  .product-grid-wrapper .flickity-viewport {height: calc(28vw + 100px) !important;}
  .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: calc(28vw + 100px) !important;}
  .joii-carousels-2 .product-grid-wrapper.hideDetails .flickity-viewport {height: calc(22.5vw + 0px) !important;}
  .joii-recommended-products .flickity-viewport {height: calc(30vw + 100px) !important;}
  .joii-repeats-badge-price .hide-desktop {
    font-size: 11px !important;
    line-height: 11px !important;
  }
  .product-grid-box {
    width: 22.5%;
  }
}
@media screen and (min-width: 1025px) {
  .product-grid-wrapper .flickity-viewport {height: calc(26vw + 100px) !important;}
  .joii-recommended-products .flickity-viewport {height: calc(26vw + 100px) !important;}
  .joii-repeats-badge-price .hide-desktop {
    font-size: 12px !important;
    line-height: 12px !important;
  }
  .product-grid-box {
    width: 25%;
  }
  .joii-featured-product {
    width: 50%;
  }
  .flickity-button {
    display: block;
  }
  .product-grid-wrapper.flickity-enabled {
    width: 90%;
    margin: 0 5%;
  }
  .product-grid-wrapper.flickity-enabled .flickity-slider {
    margin-left: 0;
  }
}

.joii-quick-shop-container {
  display: flex; 
  flex-direction: column;
  gap: 15px;
}

@media screen and (min-width: 1070px) {
  .joii-product-grid-wrapper {--horizontal-items: 5;}
  .joii-product-grid.x-half .joii-product-grid-wrapper {--horizontal-items: 4;}
  .joii-quick-shop-container {display: grid; grid-template-columns: calc(50% - 15px) calc(50% - 15px); gap: 30px;}
  .product-grid-wrapper .flickity-viewport {height: calc(26vw + 100px) !important;}
  .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: calc(26vw + 100px) !important;}
  .joii-recommended-products .flickity-viewport {height: calc(26vw + 100px) !important;}
}
@media screen and (min-width: 1200px) {
  .product-grid-wrapper .flickity-viewport {height: calc(26vw + 0px) !important;}
  .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: calc(26vw + 100px) !important;}
  .joii-carousels-2 .product-grid-wrapper.hideDetails .flickity-viewport {height: calc(20vw - 10px) !important;}
  .joii-recommended-products .flickity-viewport {height: calc(26vw + 0px) !important;}
  .joii-collection-product-lines .joii-carousels-2.joii-slider .product-grid-box {width: 20%;}
  .joii-collection-product-lines .joii-carousels-2.joii-slider .flickity-viewport {height: 340px !important;}
  .product-grid-box {
    padding: 0 5px;
    /* padding: 0 var(--desktopProductGap); */
  }
  .product-grid-box.card-size-small {
    width: 20%;
  }
  .joii-featured-product.card-size-small {width: 40%;}
  .product-grid-box.card-size-medium {
    width: 25%;
  }
  .joii-featured-product.card-size-medium {width: 50%;}
  .product-grid-box.card-size-large {
    width: 33.333%;
  }
  .joii-featured-product.card-size-large {width: 66.666%;}
}
@media screen and (min-width: 1256px) {
  .joii-product-grid-wrapper {--horizontal-items: 6;}
  .product-grid-wrapper .flickity-viewport {height: calc(26vw + 0px) !important;}
  .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: calc(26vw + 80px) !important;}
  .blog-article-content .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: calc(22vw + 20px) !important;}
  .joii-recommended-products .flickity-viewport {height: calc(26vw + 0px) !important;}
  .joii-collection-product-lines .joii-carousels-2.joii-slider .product-grid-box {width: 20%;}
  .joii-collection-product-lines .joii-carousels-2.joii-slider .flickity-viewport {height: 400px !important;}
  .product-grid-box {
    padding: 0 5px;
    /* padding: 0 var(--desktopProductGap); */
  }
  .product-grid-box.card-size-small {
    width: 20%;
  }
  .joii-featured-product.card-size-small {width: 40%;}
  .product-grid-box.card-size-medium {
    width: 25%;
  }
  .joii-featured-product.card-size-medium {width: 50%;}
  .product-grid-box.card-size-large {
    width: 33.333%;
  }
  .joii-featured-product.card-size-large {width: 66.666%;}
  .joii-featured-repeat-collection-section-two .product-grid-box {width: 33.333%;}
}
@media screen and (min-width: 1440px) {
  .product-grid-wrapper .flickity-viewport {height: 400px !important;}
  .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: 440px !important;}
  .blog-article-content .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: 390px !important;}
  .joii-recommended-products .flickity-viewport {height: 410px !important;}
  .joii-collection-product-lines .joii-carousels-2.joii-slider .product-grid-box {width: 20%;}
  .joii-collection-product-lines .joii-carousels-2.joii-slider .flickity-viewport {height: 440px !important;}
}
@media screen and (min-width: 1600px) {
  .product-grid-wrapper .flickity-viewport {height: 400px !important;}
  .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: 440px !important;}
  .blog-article-content .joii-carousels-2 .product-grid-wrapper .flickity-viewport {height: 390px !important;}
  .joii-carousels-2 .product-grid-wrapper.hideDetails .flickity-viewport {height: calc(300px) !important;}
  .joii-recommended-products .flickity-viewport {height: 410px !important;}
}
.joii-carousels-2 .product-grid-wrapper.hideDetails .product-grid-box {
  height: unset !important;
}


@media screen and (max-width: 1450px) {
  .featured-collection-section .container-md {max-width: 100%;}
}



.product-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: baseline;
  padding-bottom: 0;
  margin-bottom: 8px;
}


.tabs {
  position: relative;
}
.tab-buttons {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-bottom: 2rem;
  overflow-x: scroll;
}
.tab-btn, .animal-toggle {
  cursor: pointer;
  white-space: nowrap;
  text-wrap-mode: nowrap;
  text-wrap: nowrap;
  padding: 10px 20px;
  background: unset;
  color: black;
  border: 1px solid rgba(0,0,0,0);
  border-radius: 10px;
  border-radius: 100vw;
  transition: all .4s ease;
  font-weight: 500;
  letter-spacing: -.01em;
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: 14px;
  line-height: 17px;
  flex: none;
}
.tab-btn.active,
.animal-toggle.active {
  border: 1px solid #344d80;
}
.tab-btn:hover,
.animal-toggle:hover {
  background: rgba(0,0,0,0.01);
  /* border: 1px solid #207ea7; */
  border: 1px solid #4272a6;
}
.tab-content {
  opacity: 0;
  z-index: -100;
  position: absolute;
}
.tab-content.active {
  opacity: 1;
  z-index: unset;
  position: relative;
}




.joii-featured-product-section {
  position: relative;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.joii-featured-prod-header {
  font-weight: 500;
  max-width: 72%;
  margin-bottom: 5px;
}
.joii-featured-product-section {
  margin-bottom: 0;
}
.joii-featured-product-section-one {
  padding-top: 0;
}
.joii-featured-product-section-two {
  padding-bottom: 1rem;
  padding-top: 0;
}
@media screen and (max-width: 500px) {
  .joii-featured-product-section-one .product-card-info {
    position: relative;
  }
}
@media screen and (min-width: 1256px) {
  .joii-featured-prod-header {
    font-weight: 700;
    max-width: 100%;
  }
  .joii-featured-product-section {
    margin-bottom: 4rem;
  }
  .joii-featured-product-section-one {
    padding-bottom: 0;
  }
  .joii-featured-product-section-two {
    padding-bottom: 0;
    /*max-height: 350px;*/
    display: flex;
    justify-content: center;
  }
  .joii-featured-product-section-two .product-img,
  .joii-featured-product-section-two .product-img * {
    max-height: 476px;
    max-width: 476px;
  }
  .joii-featured-product-section-two img {
    /*max-height: 350px;*/
    object-fit: contain;
    position: relative;
    height: unset;
    width: unset;
  }
  .joii-featured-product-section-two .media {
    display: flex;
    justify-content: flex-end;
  }
  .joii-featured-product-section-two .media::before {
    content: unset;
  }
}


.joii-categories-grid .images-grid-wrapper {
  row-gap: 10px;
}





.product-grid-wrapper.slider .flickity-viewport {
  touch-action: pan-y pinch-zoom; /* allow vertical page scroll */
  overscroll-behavior: contain;
  overflow-x: auto;
  overflow-y: hidden;
}
.product-grid-wrapper.slider.is-draggable .flickity-viewport {
  touch-action: pan-x pinch-zoom; /* lock Flickity to horizontal pan */
}


.product-img .media {
  aspect-ratio: 1/1;
}




.cart-item-details-bottom li::marker {
  display: none;
}




.pagination-box {
  grid-column: span 2;
}





@media screen and (max-width: 767px) {
  .joii-customer-speak-to-vet-btn {
    padding: 0px 15px;
    height: 35px;
  }
}





.joii-carousels-2-controls {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: min-content;
  white-space: nowrap;
  /*top: calc(-20px - 44px) !important;*/
  top: calc(-10px - 44px) !important;
  right: 0;
  gap: 10px;
}
.joii-carousels-2-controls .flickity-button {
  position: relative !important;
  top: unset !important;
  bottom: unset !important;
  left: unset !important;
  right: unset !important;
  width: 32px;
  height: 32px;
  border-radius: 10px;
}
.joii-carousels-2-controls .section-bottom-button {
  margin-top: 0 !important;
  padding-top: 0 !important;
  height: 32px;
}
.joii-carousels-2-controls .section-bottom-button .button {
  height: 32px;
  min-height: unset;
  border-radius: 10px;
  padding: 8px 16px;
}
.joii-carousels-2 .product-grid-wrapper {
  margin: 0 !important;
  width: 100% !important;
}

.joii-carousels-2-controls .section-bottom-button .button {
  min-width: unset;
  background: unset;
  border: 1px solid var(--button-color);
  color: var(--button-color);
  fill: var(--button-color);
  box-shadow: 0 0 6px #0000001f;
}
.joii-carousels-2-controls .flickity-button {
  background: unset;
  border: 1px solid var(--button-color);
  color: var(--button-color);
  fill: var(--button-color);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 6px #0000001f;
}
.left-arrow-disabled .joii-carousels-2-controls .flickity-button.previous {
  opacity: 0.3;
}
.right-arrow-disabled .joii-carousels-2-controls .flickity-button.next {
  opacity: 0.3;
}

.joii-carousels-2-controls .section-bottom-button,
.joii-carousels-2-controls .flickity-button,
.joii-carousels-2-controls .flickity-button {display: flex;}

.joii-carousels-2-controls .section-bottom-button-mobile {display: none;}
.section-bottom-button-mobile svg {fill: inherit;}

@media screen and (max-width: 768px) {
  .joii-carousels-2-controls .section-bottom-button,
  .joii-carousels-2-controls .flickity-button,
  .joii-carousels-2-controls .flickity-button {display: none;}

  .joii-carousels-2-controls .section-bottom-button-mobile {
    display: block;
    height: 24px;
  }
  
  .tabsCarousel .joii-carousels-2-controls .section-bottom-button-mobile {display: none;}
  .joii-carousels-2-controls .section-bottom-button-mobile path {
    color: var(--button-color);
    fill: var(--button-color);
  }
  .joii-carousels-2-controls {
    top: -42px !important;
    right: 5px;
  }
}

.joii-collection-product-lines .joii-carousels-2:first-child {
  padding-top: 3em;
}
.joii-collection-product-lines .joii-carousels-2 .container-md {
  border-bottom: 10px solid #F4F2EF;
}

.joii-collection-all-products {
  padding-top: 2em;
  /*border-top: 10px solid #F4F2EF;*/
}

.joii-carousels-2 .carousel-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.joii-header.joii-shop .joii-customer-speak-to-vet-btn {margin-right: 10px;}
@media screen and (max-width: 1024px) {
  .joii-header.joii-shop .joii-customer-speak-to-vet-btn {
    background: unset;
    padding: 0;
    margin-right: 0;
  }
  .joii-header.joii-shop .joii-customer-speak-to-vet-btn svg {
    width: 18px;
    height: 18px;
    margin-bottom: 1px;
  }
  .joii-header.joii-shop .joii-customer-speak-to-vet-btn span {
    display: none;
  }
  .joii-secondary-header-wrapper {display: none;}
  .header {box-shadow: 0 1px 2px #0000001c;}
  .header-predictive-search-box {margin-top: 0;}
}





@media screen and (max-width: 390px) {
  .joiiMobileSearch {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 350px) {
  .joiiMobileSearch {
    font-size: 12px !important;
  }
}



.cookieconsent-wrapper .csm-cc-btn {
  white-space: nowrap !important;
}



.accordion__content style,
.accordion__content script,
.accordion__content > style,
.accordion__content > script {
  display: none !important;
}








    .customDropdown {position: relative;}
  .customDropdown .dropdownOptions {
    width: 100%;
    position: absolute;
    background: white;
    /*padding: 0px 5px 5px 5px;*/
    padding: 5px;
    border-radius: 10px;
    z-index: 1;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
  }
  .customDropdown .selectedValue {
    padding: 10px 15px;
    cursor: pointer;
    justify-content: start;
    display: flex;
    border-radius: 7px;
    background: white;
    border: 1px solid #d1d1d1;
  }
  .customDropdown .selectedValue::after {
    content: "";
    background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
    width: 20px;
    height: 20px;
    transition: .4s;
    display: inline-block;
    position: absolute;
    right: 13px;
    top: 10px;
    z-index: 1;
  }
  .customDropdown .dropdownOption {
    padding: 5px 10px;
    border-radius: 7px;
    /*background: #F1F1F1;*/
    cursor: pointer;
  }
  .customDropdown .dropdownOption:not(:last-child) {
    /*margin-bottom: .4rem;*/
  }
  .customDropdown .dropdownOption:hover {
    /*background: #D1D1D1;*/
    background: #F1F1F1;
  }
  .cartVariantOption > span {
    font-weight: bold;
  }
  .selling-plan-dropdown-container-inner {
    position: relative;
  }
  .selling-plan-dropdown-container {
    position: relative;
    /*background: white;*/
    /*padding: 5px;*/
    border-radius: 10px;
    margin-top: .5rem;
  }
  .joii-selling-plan-options {
    width: 100%;
    position: absolute;
    background: white;
    padding: 4px 5px 5px 5px;
    border-radius: 10px;
    z-index: 1;
    /*box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);*/
    box-shadow: 0 3px 10px -7px rgb(0, 0, 0);
  }
  .joii-selling-plan-toggle-dropdown-btn {
    /*margin-top: 4px;*/
    /*padding: 10px 15px;*/
    padding: 8px 12px;
    cursor: pointer;
    justify-content: start;
    display: flex;
    border-radius: 7px;
    /*background: white;*/
    background: #f1f5f8;
    transition: .4s ease all;
    /*border: 1px solid #d1d1d1;*/
    /*border: 1px solid #f1f5f8;*/
    border: 2px solid #f1f5f8;
  }
  .joii-selling-plan-toggle-dropdown-btn.active {
    background: white;
    border: 2px solid #f1f5f8;
  }
  .joii-selling-plan-toggle-dropdown-btn::after {
    content: "";
    background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
    width: 20px;
    height: 20px;
    transition: .4s;
    display: inline-block;
    position: absolute;
    right: 13px;
    z-index: 1;
  }
  .joii-selling-plan-option-box {
    padding: 5px 10px;
    border-radius: 7px;
    /*background: #F1F1F1;*/
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
    /*gap: 10px;*/
  }
  .joii-selling-plan-option-box:not(:last-child) {
    /*margin-bottom: .4rem;*/
  }
  .joii-selling-plan-option-box:hover {
    /*background: #D1D1D1;*/
    /*background: #F1F1F1;*/
    background: #f1f5f8;
  }
  .joii-prod-choose-plan-label {
    /*font-weight: bold;*/
    margin-top: unset !important;
    padding: 0px 2px;
  }
  .joii-selling-plan-label, .joii-sell-plan-name {
    font-size: var(--text);
    font-family: var(--bodyFont);
    font-weight: var(--bodyFontWeight);
    line-height: var(--bodyFontLineHeight);
    font-style: var(--bodyFontStyle);
  }
  .joii-selling-plan-options * {
    color: black;
  }
  .cart-details-item .joii_toggle_sub_one:not(.active) {
    width: min-content;
  }
  .joii-plan-row {
    position: relative;
    overflow: hidden;
  }
  .joii-plan-save-amount {
    position: absolute;
    right: 0;
    font-size: 12px;
    transition: right .5s ease;
  }
  .joii-plan-row label {
    text-wrap: nowrap;
    white-space: nowrap;
  }
  .joii_toggle_subscription .joii-plan-save-amount {
    right: -100%;
  }
  .joii_toggle_subscription.active .joii-plan-save-amount {
    right: 0;
  }




.joii-quick-add {
  position: absolute;
  right: 4px;
  bottom: 4px;
  padding: 4px;
  background: white;
  border-radius: 12px;
  cursor: pointer;
}


.joii-quick-add .joii-quick-add-start,
.joii-quick-add .joii-quick-add-done {padding: 1px;}

.joii-quick-add .joii-quick-add-start {}
.joii-quick-add .joii-quick-add-start path {stroke: #344d80;}
.joii-quick-add:hover .joii-quick-add-start path {transition: stroke 0.4s ease;}
.joii-quick-add:hover .joii-quick-add-start path {stroke: black;}

.joii-quick-add .joii-quick-add-start {display: block;}
.joii-quick-add .joii-quick-add-done {display: none;}
.joii-quick-add.finished .joii-quick-add-start {display: none;}
.joii-quick-add.finished .joii-quick-add-done {display: block;}
.joii-quick-add.finished .joii-quick-add-done path {fill: green;}

.joii-quick-add:hover .joii-quick-add-start,
.joii-quick-add.hover .joii-quick-add-done {transform: scale(1.1);}

@media screen and (max-width: 767px) {
  .joii-quick-add svg {
    width: 22px;
    height: 22px;
  }
}

#joii-quick-add-modal {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.3);
  z-index: 10000;
}
#joii-quick-add-modal.hidden {
  display: none;
}
.joii-modal-content {
  width: 100%;
  display: flex;
  background: white;
  border-radius: 15px;
  padding: 2em;
  position: relative;
  max-width: 410px;
  flex-direction: column;
}
.joii-quick-add-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.4em;
}
.joii-qa-images {
  width: 100%;
}
#joii-qa-image {width: 50%;}

.close-actions {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .joii-quick-add-inner {
    flex-direction: row;
  }
  .joii-modal-content {
    max-width: 800px;
  }
  .joii-qa-images {
    width: 400px;
  }
  #joii-qa-image {width: 400px;}
  .close-actions {
    position: absolute;
    justify-content: end;
    gap: 10px;
    right: 10px;
    top: 10px;
  }
}

.joii-qa-info {width: 100%;}
#joii-quick-add-modal .close {
  width: 20px;
  height: 20px;
  background: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 20px;
}
.joii-qa-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#joii-qa-image {
  /*width: 400px;*/
  border-radius: 8px;
}

.joii-qa-info .product-heading {position: relative;}

.joii-quick-add-see-more {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  border-radius: 10px;
  background: #f1f1f1;
  color: black;
  bottom: -10px;
  right: 0;
  white-space: nowrap;
}
.joii-qa-info .selling-plan-dropdown-container.active,
.joii-qa-info .joii-selling-plan-options.active,
.joii-qa-info .single-repeat-toggle-cont.active {display: block !important;}

.joii-modal-content .product-price {margin-bottom: 0;}
@media screen and (max-width: 500px) {
  .joii-modal-content .joii-add-wrapper .product-quantity-wrapper {width: 100% !important;}
}


@media screen and (max-width: 415px) {
  .joii-modal-content {padding: 15px;}
}

.joii-qa-option-select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: var(--text) !important;
}












.nav-list-line {
  border-bottom: 1px solid #f0f0f0;
}


.joii-admin-tags * {line-height: var(--bodyFontLineHeight);}



.joii-carousels-2.accordion-carousel .product-grid-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.joii-carousels-2.accordion-carousel .carousel-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.joii-carousels-2.accordion-carousel .accordion-item {
  position: relative;
}
.joii-carousels-2.accordion-carousel .joii-carousels-2-controls {
  top: 26px !important;
}

.fish-wishlist-button--pdp * {margin-top: 0 !important; margin-bottom: 0 !important; line-height: 0 !important;}
.joii-carousels-2.accordion-carousel .accordion-item .joii-carousels-2-controls {display: none;}
.joii-carousels-2.accordion-carousel .accordion-item.active .joii-carousels-2-controls {display: flex;}

.joii-carousels-2.accordion-carousel .accordion__content {opacity: 1;}
.joii-carousels-2.accordion-carousel .accordion__header {padding-left: 0;}

.cart-wrapper .joii-carousels-2 .carousel-padding {padding-top: 0; padding-bottom: 0;}

.joii-wishlist-page-products {
  gap: 15px 0;
  padding-top: 10px;
}
.joii-wishlist-page-products .product-grid-box {
  padding: 5px;
}

.joii-carousels-2.accordion-carousel .accordion-item.active .accordion__header svg {display: none;}
   








.pet-photos-stack {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.pet-photos-stack>* {
  /*width: 100px;*/
  /*height: 100px;*/
  /*object-fit: cover;*/
  /*border: 2px solid white;*/
  margin-left: -10px;   /* overlap each photo */
  /*z-index: 10;*/
  line-height: 0;
}
.pet-photos-stack>div>* {
  object-fit: cover;
  border: 2px solid white;
}

.pet-photos-stack>*:last-child {
  margin-left: 0;       /* first image doesn’t overlap */
}


.joii-product-grid-wrapper {
  overflow-x: auto;
  overflow-y: hidden;   /* prevent vertical scroll */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}

/* Chrome, Edge, Safari, Zen, other WebKit/Blink */
.joii-product-grid-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
.joii-product-grid-wrapper::-webkit-scrollbar-track {
  background: transparent;
}
.joii-product-grid-wrapper::-webkit-scrollbar-thumb {
  background: transparent;
  border: none;
}
.joii-product-grid-controls {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: min-content;
  white-space: nowrap;
  gap: 10px;
  margin-left: auto;
  pointer-events: none;
}
.joii-product-grid-controls * {
  pointer-events: auto;
}

.grid-button-previous,
.grid-button-next {
  background: #f9f9f9;
  /*display: flex;*/
  background: unset;
  border: 1px solid var(--button-color);
  color: var(--button-color);
  fill: var(--button-color);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 6px #0000001f;
  width: 32px;
  height: 32px;
  border-radius: 10px;
}

.grid-button-previous.disabled,
.grid-button-next.disabled {opacity: .3;}

.joii-product-grid-controls .bar {opacity: 0;}

.joii-product-grid-controls .bar,
.joii-product-grid-controls .handle {
  transition: 0.3s ease;
}
.joii-product-grid-controls .grid-button-previous .handle {transform: translate(2px);}
.joii-product-grid-controls .grid-button-next .handle {transform: translate(-2px);}

.joii-product-grid-controls .grid-button-previous:hover .bar,
.joii-product-grid-controls .grid-button-next:hover .bar {
  opacity: 1;
  transform-origin: left center;
  transform: scaleY(1) translate(0);
}
.joii-product-grid-controls .grid-button-previous:hover .handle,
.joii-product-grid-controls .grid-button-next:hover .handle {
  transform: translate(0px);
}

@media screen and (max-width: 800px) {
  .joii-product-grid-controls .grid-button-previous,
  .joii-product-grid-controls .grid-button-next {display: none;}

}


.joii-product-card {
  background: white;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /*height: 100%;*/
}
.joii-product-card .joii-product-card-detail {
  display: flex;
  flex-direction: column;
  padding: 10px;
  height: 100%;
}
.joii-product-card .product-price {
  margin-top: auto;
}
.product-price span {
  line-height: var(--text);
}
.joii-product-card-img {
  width: 100%;
  height: auto;
  width: 80%;
  margin: 10% 10% 3%;
}
.joii-product-card-img-square {
  width: 100%;
  height: auto;
  width: 84%;
  margin: 8%;
}

.joii-product-card-wrapper>p {
  padding: 5px;
}








.section-title {
  align-items: flex-end;
  padding-bottom: 0;
}
.section-heading {
  padding-bottom: 0 !important;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-bottom: 20px;
  gap: 10px;
}


.no-padding-md {padding-left: 0; padding-right: 0;}
@media screen and (max-width: 1550px) {
  .container-md.full-mobile-md {padding-left: 0; padding-right: 0;}
}




.joii-product-grid-wrapper {
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
}
@media screen and (max-width: 1550px) {
  .joii-product-grid-wrapper {
    scroll-padding-left: 10px;
  }
}
.joii-product-grid-wrapper > * {
  scroll-snap-align: start;
  flex: 0 0 auto; /* important if using flex */
}

.joii-product-grid-wrapper > * {
  scroll-snap-align: start;
  scroll-snap-stop: always; /* forces stopping at each item */
}


.product-gallery-thumbnail-img {
  overflow: auto;

  scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* IE 10+ */
}

.product-gallery-thumbnail-img::-webkit-scrollbar {
  display: none;                /* Chrome/Safari */
}

.joii-prod-imgs-wrapper .joii-product-grid-wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


.joii-product-grid-wrapper.joii-homepage-slideshow {
  --horizontal-items: 1;
  --horizontal-gap: 30;
}

.joii-homepage-slideshow .slideshow-item {
  border-radius: 15px; 
  overflow: hidden;
}

@media screen and (min-width: 1550px) {
  .joii-homepage-slideshow .slideshow-item {
    opacity: 0.25;
    filter: blur(2px);
    /*transition: opacity 0.4s linear, filter 0.4s linear;*/
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
            filter 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .joii-homepage-slideshow .slideshow-item.in-view {
    opacity: 1;
    filter: blur(0px);
  }

  .joii-shop-slideshow .joii-product-grid {
    margin-left: unset;
    margin-right: unset;
    max-width: unset;
    width: 100%;
  }


  .joii-shop-slideshow .joii-product-grid-wrapper {
    margin-left: unset;
    margin-right: unset;
    padding-left: calc(50vw - (var(--joii-page-width) / 2));
    padding-right: calc(50vw - (var(--joii-page-width) / 2));
    max-width: unset;

    scroll-padding-left: calc(50vw - (var(--joii-page-width) / 2));
  }

}