/*-- From common elements css --*/
@import url("./elements/_fonts.css?v=646464565");
@import url("./elements/_color.css?v=646464565");
@import url("./elements/_animations.css?v=646464565");
@import url("./elements/_reset.css?v=646464565");
@import url("./elements/_header.css?v=646464565");
@import url("./elements/_footer.css?v=646464565");
@import url("./elements/_search.css?v=646464565");
@import url("./elements/_transitions.css?v=646464565");
@import url("./elements/_accordion.css?v=646464565");
@import url("./elements/_formidable.css?v=646464565");
@import url("./elements/swiper-bundle.min.css?v=646464565");
@import url("./elements/_swiper-pagination.css?v=646464565");
@import url("./elements/_newsletter-modal.css?v=646464565");
@import url("./elements/_review-stars.css?v=646464565");
@import url("./elements/_geo-lander-modal.css?v=646464565");

@import url("./sections/_pharmacy-masthead-section.css?v=646464565");
@import url("./sections/_shop-pet-masthead-section.css?v=646464565");
@import url("./sections/_popular-brands-section.css?v=646464565");
@import url("./sections/newsletter-section.css?v=646464565");

.autoship-section:nth-child(2){padding-top: 40px;}
.autoship-wrap{margin: 0 0 40px;}
.autoship-main{padding: 22px 0;}
.autoship-bg {background: linear-gradient(90deg, #DCE8C4 0%, #fbc9c3 100%);}
.autoship-cont{gap: 24px; padding: 0 40px;}
.autoship-cont h4{font-size: 20px; font-weight: 500; line-height: 28px; margin-bottom: 0; z-index: 1;}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.autoship-btn:hover svg, .autoship-btn.button:hover svg{transform: translateX(0) rotate(45deg);}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.autoship-btn:hover svg path, .autoship-btn.button:hover svg path{stroke: none; fill: var(--Deep-Teal);}

.autoship-img-lt{width: 246.5px; left: 0;}
.autoship-img-rt{width: 372px; right: 0;}

.pro-filter-line{padding-bottom: 18px; margin-bottom: 24px;  border-bottom: 1px solid var(--Grey);}
.filter-list-main{padding-top: 10px;}
ul.filter-list{gap: 11px 0;}
ul.filter-list li{margin-bottom: 0;}
ul.filter-list li.active{color: var(--Golden-Yellow);}
ul.filter-list li.first-level{ gap: 10px; align-items: center; display: flex; flex-wrap: wrap; }
.toggle-header{ background: var(--Deep-Teal); border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: var(--White); font-weight: 600; cursor: pointer; }
.toggle-header span{line-height: 0; top: 0px; position: relative;}
ul.filter-list li.first-level:has(.Dog){padding-top: 10px;}

/* ul.filter-list li.active span.filter-count{opacity: 1;} */
ul.filter-list li.active span.filter-count-text::after{opacity: 0; display: none; visibility: hidden;}
ul.filter-list li label, ul.filter-list li{font-size: 14px; line-height: 18px; font-weight: 400; position: relative; padding-bottom: 0; transition: var(--b-transition); color: var(--Deep-Teal);}
ul.filter-list li label{padding-left: 34px; cursor: pointer; flex: 1;}
ul.filter-list li label:hover, ul.filter-list li:has(a) a:hover{ font-weight: 500; }
ul.filter-list li:has(a) a{width: 100%; display: flex; flex-wrap: wrap; color: var(--Deep-Teal);}

ul.filter-list li label:has(input[type="checkbox"]:checked) { font-weight: 600; color: var(--Golden-Yellow);}
ul.filter-list li label:has(input[type="checkbox"]:checked)  span.filter-count-text::after{background-color: transparent;}
ul.filter-list li input[type="checkbox"]{ width: 24px; height: 24px; position: absolute; left: 0; top: -3px; border: 1px solid var(--Dark-Grey); background-color: var(--White); border-radius:5px; margin:0; padding:0; }
ul.filter-list li input[type="checkbox"]:checked{border-color: var(--Peach-Blossom); background: var(--Blush-Pink); box-shadow: none; }
ul.filter-list li input[type="checkbox"]:checked::before { background-image: url("../images/tick-white.png"); background-size: 16px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; display: block; content: ""; }

ul.filter-list ul.filter-sub-menu{padding-left: 10px; margin: 0; display: none;}
ul.filter-list ul.filter-sub-menu > li::before{display: none;}
ul.filter-list ul.filter-sub-menu > li.more{display: block;}
ul.filter-list ul.filter-sub-menu > li{margin-bottom: 9px;}


.pro-filter-line.pro-filter-category{padding-bottom: 21px; margin-bottom: 9px;}
.pro-filter-category ul.filter-list{gap: 9px;}
.pro-filter-category ul.filter-list li a, .pro-filter-category ul.filter-list li label{padding-left: 0; flex: 1; font-weight: 500; text-decoration: none;}
.pro-filter-category ul.filter-list li label:focus{color: var(--Golden-Yellow);}
.pro-filter-category ul.filter-list li label:active span.filter-count{opacity: 1;} .pro-filter-category ul.filter-list li span.filter-count-text{ display: flex; gap: 4px; align-items: center; flex-wrap: wrap; flex: 0 0 auto; position: relative;}
.pro-filter-category ul.filter-list li a span:nth-child(1)::after,
.pro-filter-category ul.filter-list li span.filter-count-text::after{ width: 100%; height: 1px; opacity: 0.7; bottom: 2px; left: 0; background-color: var(--Deep-Teal); content: ""; display: block; position: absolute; }

/*.pro-filter-category ul.filter-list li.active a span.filter-count-text{color: var(--Golden-Yellow);}*/
.pro-filter-category ul.filter-list > li.active > a span.filter-count-text {color: var(--Golden-Yellow);}
ul.filter-list ul.filter-sub-menu > li.active > a span.filter-count-text {color: var(--Golden-Yellow);}

.pro-filter-category ul.filter-list li.active a span.filter-count-text::after{opacity: 0;}

.pro-filter-category ul.filter-list li span.filter-count-text:hover::after{display: none;}
.pro-filter-category ul.filter-list li input[type="checkbox"]{display: none;}
.pro-filter-category ul.filter-list li label span.filter-count-text::before{transition: var(--b-transition);}
.pro-filter-category ul.filter-list li label span.filter-count-text:hover::before{background-color: transparent;}

.filter-count-text{flex: 1;}
span.filter-count{opacity: 0.4; margin-left: auto;}
a.plus-more{color: var(--Blush-Pink); margin-top: 16px;}


.woocommerce ul.products{margin: 0; gap: 24px 20px; display: flex; flex-wrap: wrap;}
.woocommerce ul.products::before{display: none;}
.woocommerce ul.products li.product::before{display: none;}
.woocommerce ul.products li.product{width: calc(25% - 15px); padding: 39px 24px 19px; margin: 0; float: none; border-radius: 16px; border: 1px solid var(--Grey); transition: var(--b-transition);}
.woocommerce ul.products li.product:hover{box-shadow: 0 0 10px var(--Grey);}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding: 0; color: var(--Deep-Teal); font-size: 24px; font-weight: 500; line-height: 28px; }

.woocommerce ul.products li.product .product-categories{margin-bottom: 10px; gap: 8px; display: flex; flex-wrap: wrap;}
.woocommerce ul.products li.product .product-categories a{width: fit-content; padding: 5px 8px 4px; gap: 2px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 20px; background: rgba(255, 207, 78, 0.25); color: var(--Dark-Yellow); font-size: 12px; font-weight: 500; line-height: 12px; text-transform: uppercase;}
.woocommerce ul.products li.product .product-categories a[data-slug="cat"]{ background: var(--Mint-Green); color: var(--Forest-Green)}
.woocommerce ul.products li.product .product-categories a:hover{background: var(--Golden-Yellow);}
.woocommerce ul.products li.product .product-categories a img{width: 16px; margin: 0; padding: 0; object-fit: contain;}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{text-decoration: none;}

.woocommerce ul.products li.product .price{color: var(--Deep-Teal); font-size: 14px; margin-bottom: 5px;}
.woocommerce ul.products li.product .price ins{font-weight: 500; text-decoration: none; margin-right: 3px;}

.woocommerce ul.products li.product .star-rating{margin-bottom: 0; font-size: 17px; color: var(--Golden-Yellow);}
.woocommerce .star-rating span{ color: var(--Dark-Grey); }
.woocommerce .star-rating span::before{ color: var(--Golden-Yellow); }

.woocommerce ul.products li.product a:empty{display: none;}

/*-- thumbnail --*/
.woocommerce ul.products > li.product > a.woocommerce-loop-product__link{margin-bottom: 37px; min-height: 136px; max-height: 136px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap;}
.woocommerce ul.products > li.product > a.woocommerce-loop-product__link > img{min-height: 136px; max-height: 136px; margin: 0; object-fit: contain;} 
.woocommerce ul.products > li.product > a.woocommerce-loop-product__link > img[alt="pro-thumb1@2x"]{min-height: 90px; max-height: 90px;}
/*-- thumbnail --*/.woocommerce ul.products > li.product > a.woocommerce-loop-product__link > img.pharmacy-fallback{border: none;}


.woocommerce nav.woocommerce-pagination{padding-top: 40px; width: 100%;}
.wp-pagenavi, .woocommerce nav.woocommerce-pagination ul{margin: 0; gap: 10px; display: flex; align-items: center; justify-content: center; border: none; position: relative;}
.wp-pagenavi{position: static;}
.woocommerce nav.woocommerce-pagination ul li::before{display: none;}
.woocommerce nav.woocommerce-pagination ul li{border: none;}


.wp-pagenavi > span.current,
.wp-pagenavi > a:not(.nextpostslink),
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a{ width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--Deep-Teal); font-size: 18px; font-weight: 500; line-height: 20px; border: 1px solid var(--Dark-Grey); }
.wp-pagenavi > span.current,
.wp-pagenavi > a:not(.nextpostslink, .previouspostslink, .prev):hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{ background: var(--Deep-Teal); border-color: var(--Deep-Teal); color: var(--White); }


.wp-pagenavi > a.nextpostslink,
.wp-pagenavi > a.previouspostslink,
.woocommerce nav.woocommerce-pagination ul li:first-child a.prev.page-numbers, .woocommerce nav.woocommerce-pagination ul li:last-child a.next.page-numbers{ width: 40px; height: 40px; border-radius: 24px; background-color: var(--Blush-Pink); background-image: url('../images/arrow-right.svg');  background-repeat: no-repeat; background-size: 24px; background-position: center; border: none; font-size: 0; line-height: 0; }
.wp-pagenavi > a.nextpostslink:hover,
.wp-pagenavi > a.previouspostslink:hover,
.woocommerce nav.woocommerce-pagination ul li:first-child a.prev.page-numbers:hover, .woocommerce nav.woocommerce-pagination ul li:last-child a.next.page-numbers:hover{background-color: var(--Deep-Teal);}
.wp-pagenavi > a.previouspostslink, .woocommerce nav.woocommerce-pagination ul li:first-child a.prev.page-numbers{transform: rotate(180deg);}
.wp-pagenavi > a.nextpostslink,
.woocommerce nav.woocommerce-pagination ul li:last-child:has(a){right: 0; top: 50%; transform: translateY(-50%);position: absolute;}
.wp-pagenavi > a.previouspostslink,
.woocommerce nav.woocommerce-pagination ul li:first-child:has(a) {left: 0; top: 50%; transform: translateY(-50%); position: absolute;}
.wp-pagenavi > a.previouspostslink{ transform: translateY(-50%) rotate(180deg);}

.woocommerce .woocommerce-result-count{display: none;}
form.woocommerce-ordering{display: none;}
.reviews-ratings{width: fit-content;}
.autoship-subscribe{gap: 9px; margin-bottom: 6px; margin-top: -4px; justify-content: flex-start; padding-left: 4px;}
.woocommerce .autoship-subscribe img:first-child{ width: 16px; }
.woocommerce .autoship-subscribe img:last-child{ width: 21px; margin-left: 6px; }

.star-ratings-wrap{gap: 3px;}
.star-ratings-wrap span.rating-count{top: 2px; position: relative;}
span.rating-count{font-size: 14px; line-height: 18px;}

.autoship-section:nth-child(2) { padding-top: 40px; }
.current-deals-price{gap: 5px;}
.price-wrap{gap: 5px}
.price-wrap small { font-size: 0.8rem; line-height: 1.313rem; display: block; }
.price-wrap span.wcsatt-sub-discount { margin: 0 .1em; line-height: 1.313rem; font-size: 0.8rem; }

.shop-category-main .woocommerce{flex: 1;}



/*-- media css starts here --*/
@media only screen and (min-width: 768px) {
    .popular-brands-main { padding: 41px 0 48px; }
    .shop-category-main{gap: 40px; padding: 42px 0 84px; align-items: flex-start;}
    .shop-category-aside{flex: 0 0 200px;}
    .shop-category-aside:nth-child(1):last-child{flex: 1;}
    .shop-category-prods{flex: 1;}
    .woocommerce ul.products{flex: 1;}
    .filter-mbl-btn{display: none;}
}
@media only screen and (max-width: 1199px) and (min-width: 1024px){
    .woocommerce ul.products li.product{width: calc(33.33333% - 14px);}
}
@media only screen and (max-width: 1023px) and (min-width: 480px){
    .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product,
    .woocommerce ul.products li.product{width: calc(50% - 10px); margin: 0;}
}
@media only screen and (max-width: 479px) and (min-width: 200px){
    .woocommerce ul.products{gap: 16px; flex-direction: column;}
    .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product{margin: 0; width: 100%;}
    .woocommerce ul.products li.product{width: 100%;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .shop-pet-links{margin: 0;}
    .shop-category-section{border-radius: 40px 40px 0 0; z-index: 2; position: relative;}
    .shop-category-main{display: block; padding: 20px 0 40px;}
    .filter-mbl-btn{gap: 8px; min-width: 78px; margin-bottom: 16px; margin-left: auto; width: fit-content; cursor: pointer;}
    .filter-mbl-icon{width: 32px; height: 32px; }
    .filter-mbl-icon svg:not(:first-child){opacity: 0; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute;}
    .open .filter-mbl-icon{background-color: var(--Dark-Red);}
    .open .filter-mbl-icon svg{opacity: 0;}
    .open .filter-mbl-icon svg:not(:first-child){opacity: 1;}
    form.product-filter-form{ top: 44px; right: -16px; padding: 24px; width: 100%; max-width: 319px; transform: translateX(125%); border-radius: 16px 0px 0px 0px; background: #FFF; box-shadow: -8px 15px 16.1px 0px rgba(44, 49, 51, 0.14); z-index: 2; transition: var(--b-transition); position: absolute; }
    form.product-filter-form.open{transform: translateX(0);}
    .autoship-img-lt{left: -190px;}
    .autoship-img-rt{right: -265px;}
}