/*
Generated time: May 8, 2026 08:12
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/
@font-face {
    font-family: PPFrama;
    src: url('//honestpetco.in/cdn/shop/t/22/assets/PPFrama-Thin.woff2?v=97458426759195206711777627562') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PPFrama;
    src: url('//honestpetco.in/cdn/shop/t/22/assets/PPFrama-Extralight.woff2?v=93629874594597316101777627562') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PPFrama;
    src: url('//honestpetco.in/cdn/shop/t/22/assets/PPFrama-Light.woff2?v=174256603352544441201777627562') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PPFrama;
    src: url('//honestpetco.in/cdn/shop/t/22/assets/PPFrama-Regular.woff2?v=90197311701888749191777627562') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PPFrama;
    src: url('//honestpetco.in/cdn/shop/t/22/assets/PPFrama-Medium.woff2?v=65576851659724869971777627562') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PPFrama;
    src: url('//honestpetco.in/cdn/shop/t/22/assets/PPFrama-Bold.woff2?v=15682691609602465771777627562') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PPFrama;
    src: url('//honestpetco.in/cdn/shop/t/22/assets/PPFrama-Black.woff2?v=55832673132105556281777627562') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

:root {
    --font-heading--family: 'PPFrama', sans-serif !important;
    --font-subheading--family: 'PPFrama', sans-serif !important;
    --font-h1--family: 'PPFrama', sans-serif !important;
    --font-h2--family: 'PPFrama', sans-serif !important;
    --font-h3--family: 'PPFrama', sans-serif !important;
    --font-accent--family: 'PPFrama', sans-serif !important;
    --button-font-family-primary: 'PPFrama', sans-serif !important;
    --button-font-family-secondary: 'PPFrama', sans-serif !important;
    --font-body--family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    --font-paragraph--family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important
}

span.add-to-cart-text {
    color: #fff
}

.contrast-color {
    color: var(--contrast-color) !important
}

.btn,
.button,
[class*=btn--],
[class*=btn-],
[class*=button--],
[class*=button-],
a.btn,
a.button,
button,
input[type=button],
input[type=submit] {
    font-family: PPFrama, sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important
}

.btn span:not([class*=icon]):not([class*=svg]),
.button span:not([class*=icon]):not([class*=svg]),
[class*=btn--] span:not([class*=icon]):not([class*=svg]),
[class*=btn-] span:not([class*=icon]):not([class*=svg]),
[class*=button--] span:not([class*=icon]):not([class*=svg]),
[class*=button-] span:not([class*=icon]):not([class*=svg]),
a.btn span:not([class*=icon]):not([class*=svg]),
a.button span:not([class*=icon]):not([class*=svg]),
button span:not([class*=icon]):not([class*=svg]) {
    font-family: PPFrama, sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important
}

body {
    overflow-x: hidden !important
}

add-to-cart-component .add-to-cart-button {
    width: 100% !important
}

@media (max-width:768px) {

    .btn span:not([class*=icon]):not([class*=svg]),
    .button span:not([class*=icon]):not([class*=svg]),
    [class*=btn--] span:not([class*=icon]):not([class*=svg]),
    [class*=btn-] span:not([class*=icon]):not([class*=svg]),
    [class*=button--] span:not([class*=icon]):not([class*=svg]),
    [class*=button-] span:not([class*=icon]):not([class*=svg]),
    a.btn span:not([class*=icon]):not([class*=svg]),
    a.button span:not([class*=icon]):not([class*=svg]),
    button span:not([class*=icon]):not([class*=svg]) {
        font-size: 15px !important;
        letter-spacing: .02em !important
    }
}

.cart-items__product-info span.break {
    display: none !important
}

.quantity-selector {
    flex: auto !important
}

.product-details .details__header .svg-wrapper svg,
.quantity-selector svg {
    width: 25px;
    height: 25px
}

.product-details .details__header .svg-wrapper svg path,
.quantity-selector svg path {
    stroke-width: 2px
}

.product-details {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important
}

.product-details::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    background: 0 0 !important
}

.justify_start,
.justify_start * {
    justify-content: start !important
}

.info-slab-rte h1,
.info-slab-rte h2,
.info-slab-rte h3 {
    color: inherit !important;
    margin: 0 0 .45em 0;
    font-family: var(--font-heading-family);
    letter-spacing: -.05em;
    line-height: 1;
    text-transform: none
}

.info-slab-rte p {
    color: inherit !important;
    margin: 0;
    max-width: 45ch;
    font-size: clamp(1.125rem, 2.5vw, 1.75rem);
    line-height: 1.15;
    font-weight: 400;
    letter-spacing: -.03em
}

.custom-product-info-heading.info-slab-rte h1,
.custom-product-info-heading.info-slab-rte h2,
.custom-product-info-heading.info-slab-rte h3 {
    margin-bottom: 0
}

.shopify-policy__body h1,
.shopify-policy__body h2,
.shopify-policy__title h1,
.shopify-policy__title h2 {
    font-size: var(--font-h4--size) !important;
    line-height: var(--line-height--subheading, 1.2) !important
}

.shopify-policy__title h1 {
    text-align: left !important;
    margin-bottom: .5em !important
}

.break {
    display: block
}

.w-full {
    width: 100% !important
}

.desktop_banner {
    display: block !important
}

.mobile_banner {
    display: none !important
}

@media screen and (max-width:767px) {
    .featured-blog-posts-card__content .blog-post-card__content-text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .break {
        display: none
    }

    .add-to-cart-button,
    .btn_sm,
    a.button {
        font-size: 16px !important;
        padding: 10px 15px !important
    }

    #shopify-section-template--21599821037821__section_kikQaW * {
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        --horizontal-alignment: flex-start !important;
        --horizontal-alignment-mobile: flex-start !important;
        --text-alignment: left !important
    }

    #shopify-section-template--21599821037821__section_kikQaW .text-block>* {
        text-align: left !important;
        max-inline-size: unset
    }

    #shopify-section-template--21599821037821__section_kikQaW h2 strong {
        font-size: 24px !important;
        font-weight: 500 !important
    }

    div#shopify-section-template--21599821037821__marquee_HqGU98 marquee-component.section.spacing-style.gap-style.color-scheme-3 {
        padding-block-start: 2px !important;
        padding-block-end: 2px !important
    }

    .text-block--AdGpJUFdZYkZGZm9Zb__text_KPMth6 p {
        padding: 0 !important
    }

    .about_creative_group {
        padding: 10px
    }

    .responsive_class_p,
    .responsive_class_p * {
        font-size: 18px !important
    }

    .comparison-table__cell.comparison-table__main-heading-cell h4 {
        font-size: 24px !important
    }

    .comparison-table__cell.comparison-table__feature-cell,
    .comparison-table__cell.comparison-table__main-heading-cell {
        min-width: 180px
    }

    .responsive_class_ps,
    .responsive_class_ps * {
        font-size: 15px !important;
        font-weight: 400
    }

    slideshow-container .featured-blog-posts-card__content .rte {
        font-size: 16px !important;
        padding: 0 !important
    }

    .cert_box,
    .no_wrap_cert_group,
    .resp_p_0 {
        padding: 0 !important
    }

    .cert_box img {
        width: 70px !important
    }

    .about_creative_image img {
        max-height: 350px;
        object-fit: contain
    }

    .about_creative_image.left_object img {
        object-position: left
    }

    .no_wrap_cert_group>.group-block-content {
        flex-wrap: nowrap !important;
        flex-direction: row
    }

    .responsive_hidden {
        display: none !important
    }

    .wrap_reverse .group-block-content {
        flex-direction: column-reverse !important
    }

    .comparison-table__cell,
    .comparison-table__container,
    .comparison-table__row {
        border-width: 1px !important
    }

    .comparison-table__feature-text,
    .comparison-table__header-text {
        font-size: 13px !important;
        font-weight: 400 !important;
        margin-top: 0 !important;
        line-height: normal !important
    }

    .comparison-table__icon--check,
    .comparison-table__icon--cross {
        width: 20px !important;
        height: 20px !important;
        padding: 3px !important
    }

    .mobile_banner {
        display: block !important
    }

    .desktop_banner {
        display: none !important
    }
}

.product-information__grid span.nector-customerearn-main-text {
    font-size: 12px;
}

.product-information__grid .nector-customerearn-container {
    padding: 5px 10px !important;
    border-radius: 50px !important;
    border: 0px !important;
}

/* ---------rating------------ */
.product-information__grid a.no_count span {
    display: none !important;
}

.product-information__grid a.avg_count span {
    display: flex !important;
}

.product-information__grid a.avg_count span:last-child,
a.avg_count div>div {
    display: none !important;
}

.product-information__grid a.avg_count div {
    padding-left: 10px;
    border-left: 1px solid #2d3a3e;
}

.product-information__grid svg.prapp-star {
    width: 20px !important;
    height: 20px !important;
}

.flex-price {
    width: max-content;
}

.flex-price {
    max-width: max-content;
}
.flex-price div{
    max-width: max-content;
    display: flex;
    gap: 10px
}
@media screen and (max-width: 767px) {
    .mob_no_wrap .layout-panel-flex--row:not(.mobile-column){
        flex-wrap: nowrap !important;
  }
    .product-information__grid .compare-at-price {
      font-size: 18px;
  }

  .product-information__grid .price {
      font-size: 26px;
  }
}