/*-- From common elements css --*/
@import url("./elements/_fonts.css?v=6464645441");
@import url("./elements/_color.css?v=6464645441");
@import url("./elements/_animations.css?v=6464645441");
@import url("./elements/_reset.css?v=6464645441");
@import url("./elements/_header.css?v=6464645441");
@import url("./elements/_footer.css?v=6464645441");
@import url("./elements/_search.css?v=6464645441");
@import url("./elements/_transitions.css?v=6464645441");
@import url("./elements/_accordion.css?v=6464645441");
@import url("./elements/_formidable.css?v=6464645441");
@import url("./elements/swiper-bundle.min.css?v=6464645441");
@import url("./elements/_swiper-pagination.css?v=6464645441");
@import url("./elements/_newsletter-modal.css?v=6464645441");
@import url("./elements/_review-stars.css?v=6464645441");
@import url("./elements/_geo-lander-modal.css?v=6464645441");
@import url("./sections/_pharmacy-masthead-section.css?v=6464645441");
@import url("./sections/_shop-pet-masthead-section.css?v=6464645441");
@import url("./sections/_popular-brands-section.css?v=6464645441");
@import url("./sections/newsletter-section.css?v=6464645441");
.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::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 {min-height: 136px;max-height: 176px;display: flex;flex-direction: column;align-items: center;justify-content: center;flex-wrap: wrap;margin: 0px -20px 20px;}
.woocommerce ul.products > li.product > a.woocommerce-loop-product__link > img {
    min-height: 136px;
    max-height: 136px;
    margin: 0;
    object-fit: cover;
}
.woocommerce ul.products > li.product > a.woocommerce-loop-product__link > img.woocommerce-placeholder {
    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;}
.woocommerce nav.woocommerce-pagination ul{margin: 0; gap: 10px; display: flex; align-items: center; justify-content: center; border: none; position: relative;}
.woocommerce nav.woocommerce-pagination ul li::before{display: none;}
.woocommerce nav.woocommerce-pagination ul li{border: none;}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a{ min-width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 32px; padding: 0 4px; color: var(--Deep-Teal); font-size: 18px; font-weight: 500; line-height: 20px; border: 1px solid var(--Dark-Grey); }
.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); }
.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; }
.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);}
.woocommerce nav.woocommerce-pagination ul li:first-child a.prev.page-numbers{transform: rotate(180deg);}
.woocommerce nav.woocommerce-pagination ul li:last-child:has(a){right: 0; top: 50%; transform: translateY(-50%);position: absolute;}
.woocommerce nav.woocommerce-pagination ul li:first-child:has(a) {left: 0; top: 50%; transform: translateY(-50%); position: absolute;}
.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;}
nav.woocommerce-pagination .page-numbers .wp-pagenavi{
    margin: 0;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    position: relative;
}
nav.woocommerce-pagination .page-numbers .wp-pagenavi span,
nav.woocommerce-pagination .page-numbers .wp-pagenavi a{
    display: inline-flex;
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: var(--Deep-Teal);
    border: 1px solid var(--Dark-Grey);
    font-size: 18px;
    cursor: pointer;
}
nav.woocommerce-pagination .page-numbers .wp-pagenavi span.current,
nav.woocommerce-pagination .page-numbers .wp-pagenavi a.current,
nav.woocommerce-pagination .page-numbers .wp-pagenavi a:hover
{
    background-color: var(--Deep-Teal);
    color: #FFF;
}
/*-- 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;}
}
span.filter-count {
    font-weight: 400;
}
.pro-filter-line:last-child {
    border-bottom: none;
}
.pro-filter-line + .pro-filter-line {
    margin-top: 24px;
}
.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 {
    display: none;
}
ul.filter-list li input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    top: 0px;
}
ul.filter-list li input[type="checkbox"]:checked::before {
    background-position: 2px 1px;
    background-size: 13px;
    width: 18px;
    height: 18px;
}
.pro-filter-category ul.filter-list li.active a span.filter-count-text,
ul.filter-list li label:has(input[type="checkbox"]:checked) {
    color: var(--Deep-Teal);
}
span.woocommerce-Price-amount.amount {
    font-weight: 400;
}
.woocommerce ul.products li.product {
    padding: 24px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 18px;
    line-height: 1.2;
}
ul.filter-list li label {
    padding-left: 28px;
}
ul.filter-list li label:hover, ul.filter-list li:has(a) a:hover {
    font-weight: 400;
}
ul.filter-list li label:hover input, ul.filter-list li:has(a) a:hover input {
    border-color: var(--Deep-Teal);
}
.pro-filter-category ul.filter-list li span.filter-count-text {
    font-weight: 400;
}
.pro-filter-category ul.filter-list li.active a span.filter-count-text {
    font-weight: 600;
}
.woocommerce ul.products li.product a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.no-result-found {
    flex: 1;
    background: #f1f7fa;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 50px 0;
}
.no-result-found .img-wrapper {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.no-result-found .img-wrapper img {
    max-width: 90px;
    max-height: 100px;
}
.no-result-found p {
    line-height: 1;
    color: #5fc5e4;
    font-size: 24px;
}
.no-result-found .direct-links {
    display: flex;
    align-items: center;
    gap: 10px;
}
.no-result-found .direct-links span {
    color: #5fc5e4;
}
.no-result-found .direct-links a {
    line-height: 1;
}
.loading-wrapper {
    flex: 1;
}
/* Skeleton effect */
.skeleton-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    grid-template-rows: 1fr;
    grid-auto-rows: 0;
    overflow: hidden;
    row-gap: 0;
}
.skeleton-card {
    min-height: 350px;
    border: 1px solid var(--Grey);
    border-radius: 16px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
}
.skeleton-img {
    height: 150px;
    background: #ddd;
    border-radius: 8px;
    margin-bottom: 15px;
}
.skeleton-badges {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}
.skeleton-badge {
    width: 70px;
    height: 20px;
    background: #ddd;
    border-radius: 20px;
}
.skeleton-text {
    height: 18px;
    background: #ddd;
    margin-bottom: 10px;
    border-radius: 4px;
}
.skeleton-text.short {
    width: 60%;
}
.skeleton-price {
    width: 40%;
    height: 20px;
    background: #ddd;
    border-radius: 6px;
    margin-top: auto;
}
.skeleton-img,
.skeleton-badge,
.skeleton-text,
.skeleton-price {
    position: relative;
    overflow: hidden;
}
.skeleton-img::after,
.skeleton-badge::after,
.skeleton-text::after,
.skeleton-price::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150px;
    height: 100%;
    width: 150px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
    100% {
        transform: translateX(300px);
    }
}
.loading-text {
    text-align: center;
    background: #eaeaea52;
    margin-top: 20px;
    border-radius: 10px;
    padding: 20px;
}
.woocommerce ul.products li.product .product-categories a[data-slug="pharmacy"] {
    background: #ddf4ff;
    color: var(--Deep-Teal);
}
.woocommerce ul.products li.product .product-categories a[data-slug="pharmacy"] img {
    max-width: 14px;
}
.woocommerce ul.products li.product .product-categories a[data-slug="cat-pharmacy"] {
    background: var(--Mint-Green);
    color: var(--Forest-Green);
}
.woocommerce ul.products li.product .product-categories a[data-slug="pharmacy"]:hover {
    background: #a7e3ff;
}
.woocommerce ul.products li.product .product-categories a[data-slug="cat-pharmacy"]:hover {
    background: #b7ce89;
}
@media screen and (min-width: 768px) {
    .shop-category-aside:nth-child(1):last-child {
        flex: 0 0 200px;
    }
}
@media screen and (min-width: 1500px) {
    .pro-filter-category ul.filter-list {
        gap: 12px;
    }
    ul.filter-list li label,
    ul.filter-list li,
    .pro-filter-category ul.filter-list li span.filter-count-text,
    .woocommerce ul.products li.product .price ins {
        font-size: 15px;
    }
}
@media screen and (max-width: 1199px) {
    .skeleton-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 1023px) {
    .skeleton-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 479px) and (min-width: 400px){
    .woocommerce ul.products {
        gap: 12px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .woocommerce ul.products li.product{
        padding: 16px;
    }
    .woocommerce ul.products > li.product > a.woocommerce-loop-product__link{
        margin: 0 -10px 20px;
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 16px;
        line-height: 1.2;
    }
    .woocommerce ul.products li.product .product-categories a{
        font-size: 11px;
    }
}

@media screen and (max-width: 479px) {
    .skeleton-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .woocommerce nav.woocommerce-pagination ul{
        gap: 8px;
        padding: 0 36px;
        flex-wrap: wrap;
    }
    .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a{
        font-size: 14px;
    }
    .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: 32px;
        height: 32px;
        background-size: 20px;
    }
}