/* /app/styles/components/not-found.module.css */ ._notFoundContainer_1xt6l_1 { display: flex; flex-direction: row; justify-content: center; @media screen and (max-width: 768px) { flex-direction: column; } & ._imgContainer_1xt6l_10 { text-align: right; padding: 4rem 2rem; padding-right: 0; @media screen and (max-width: 768px) { order: 2; width: 100%; padding: 0; text-align: center; } @media screen and (max-width: 425px) { position: relative; overflow-x: hidden; height: 400px; } @media screen and (max-width: 375px) { height: 350px; } @media screen and (max-width: 320px) { height: 300px; } & img { width: 100%; max-width: 650px; height: auto; @media screen and (max-width: 425px) { width: 110%; position: absolute; top: 0; left: -5%; } } } & ._textContainer_1xt6l_50 { display: flex; flex-direction: column; justify-content: center; color: $color-deep-purple; padding-left: 5rem; padding-right: 5rem; max-height: 800px; @media screen and (max-width: 768px) { order: 1; padding: 2rem 0; margin: 0 auto; text-align: left; max-width: 260px; width: 90%; } & h1 { font-size: 15rem; line-height: 13rem; font-family: $serenity; margin-bottom: 2rem; @media screen and (max-width: 768px) { font-size: 7rem; line-height: 7rem; text-align: center; } } & h2 { font-size: 2rem; font-family: $neue-haas-unica; margin-bottom: -1rem; @media screen and (max-width: 768px) { font-size: 1.2rem; text-align: left; padding-left: 3rem; } } & p { color: $color-black; } & ._links_1xt6l_97 { display: flex; flex-wrap: wrap; max-width: 500px; } & ._link_1xt6l_97 { width: 50%; padding: 0.5rem 0; text-decoration: underline; } & ._alignRight_1xt6l_109 { text-align: right; } } } /* /app/styles/components/footer.module.css */ ._footer_6g0cj_1 { background-color: #f6f6f6; padding: 1rem 0 60px; } ._wrapper_6g0cj_6 { flex-direction: column; display: flex; } ._sectionsContainer_6g0cj_11 { flex-direction: row; justify-content: space-around; gap: 1rem; margin-bottom: 1rem; display: flex; } @media (width <= 640px) { ._sectionsContainer_6g0cj_11 { flex-direction: column; justify-content: center; align-items: stretch; margin: 0 auto; display: flex; gap: 8px; } } ._navigationSection_6g0cj_30 { box-sizing: border-box; color: #25273c; flex-direction: column; flex-shrink: 0; height: auto; display: flex; position: relative; } ._sectionTitle_6g0cj_40 { cursor: pointer; pointer-events: auto; color: #25273c; display: flex; } ._navigationList_6g0cj_47 { list-style: none; padding: 0; margin: 0; } ._navigationItem_6g0cj_53 { flex-direction: column; display: flex; margin-bottom: 5px; } ._navigationLink_6g0cj_59 { cursor: pointer; pointer-events: auto; color: #25273c; display: flex; text-decoration: none; } @media (width <= 640px) { ._navigationLink_6g0cj_59 { text-align: center; margin: 0 auto; } ._navigationItem_6g0cj_53 { flex-direction: column; margin-left: auto; display: flex; } } ._logoContainer_6g0cj_80 { align-items: center; display: grid; } ._logoMask_6g0cj_85 { background-color: #25283d; width: 216px; height: 68px; mask: url("/svgs/kpc_logo.svg"); mask-position: center; mask-repeat: no-repeat; mask-size: contain; } @media (width <= 991px) { ._logoMask_6g0cj_85 { display: none; } } ._externalLink_6g0cj_103 { color: #1e293b; text-decoration: none; } ._contactSection_6g0cj_108 { text-align: center; margin: 0 auto; flex-direction: column; display: flex; width: fit-content; } ._contactInfo_6g0cj_116 { box-sizing: border-box; border-top:1px solid #c6c6c5; border-bottom:1px solid #c6c6c5; margin: 8px 0; padding: 1rem 0; } ._phoneNumber_6g0cj_124 { font-size: 16px; color: #25273d; text-decoration: none; } ._businessHours_6g0cj_130 { font-size: 16px; color: #25273d; } ._companyAddress_6g0cj_135 { color: rgba(0, 0, 0, 0.5); line-height: 12px; } ._copyrightSection_6g0cj_140 { color: rgba(0, 0, 0, 0.5); line-height: 12px; } ._copyrightText_6g0cj_145 { vertical-align: sub; font-size: smaller; color: rgba(0, 0, 0, 0.5); } ._legalLink_6g0cj_151 { color: rgba(0, 0, 0, 0.5); text-decoration: none; } ._legalLinkText_6g0cj_156 { vertical-align: sub; } @media (width > 640px) { ._navigationList_6g0cj_47 { display: block !important; } } @media (width <= 640px) { ._footer_6g0cj_1 { h2::after { font-size: 12px; line-height: 1; font-family: var(--font-awesome); font-weight: 900; padding-left: 0.5rem; content: "\f078"; } ._sectionTitle_6g0cj_40 { justify-content: center; } ._navigationList_6g0cj_47 { display: none; } ._contactSection_6g0cj_108 { margin-top: 1rem; } } ._logoContainer_6g0cj_80 { display: none; } } /* /app/styles/components/Header.module.css */ ._headerWrapper_3rric_1 { display: flex; flex-direction: column; position: fixed; top: 0; align-items: stretch; width: 100%; z-index: 1000; border-bottom: 1px solid #6965f8; background: white; } ._rowDT_3rric_12, ._rowMBL_3rric_13 { background-color: #fff; flex-direction: row; flex-shrink: 0; justify-content: space-between; gap: 1rem; width: 100%; max-width: 1313px; min-height: 75px; margin: 0 auto; padding: 1rem 2rem; display: flex; position: relative; } ._rowMBL_3rric_13 { display: none; padding: 10px 1rem; min-height: 45px; } @media (width <= 991px) { ._rowDT_3rric_12 { display: none; } ._rowMBL_3rric_13 { display: flex; } } ._logoSection_3rric_41 { width: 50%; justify-content: center; } @media (width > 991px) { ._logoSection_3rric_41 { width: 25%; justify-content: center; } } ._logoNormal_3rric_52, ._logoSticky_3rric_53, ._logoSmall_3rric_54 { pointer-events: auto; cursor: pointer; background-image: url('/svgs/kpc_logo.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; max-width: 185px; height: 75px; display: flex; } ._logoSticky_3rric_53 { height: 50px; margin-top: 12.5px; } ._logoSmall_3rric_54 { height: 45px; } /* Clean-up */ ._hamburgerContainer_3rric_77 { flex-direction: row; justify-content: flex-start; align-items: center; gap: 1rem; width: 25%; display: flex; } ._burger_3rric_86 { font: 900 1.25rem 'Font Awesome 5 Pro', sans-serif; display: block; cursor: pointer; color: #333; } ._burger_3rric_86::before { content: '\f0c9'; } ._search_3rric_99 { color: #6965f8; font: 900 1.25rem 'Font Awesome 5 Pro', sans-serif; display: block; cursor: pointer; } ._search_3rric_99::before { content: '\f002'; } ._logoContainer_3rric_112 { flex-direction: row; justify-content: center; width: 50%; display: flex; } ._searchSection_3rric_119 { flex-direction: row; align-items: center; width: 50%; max-width: 600px; display: flex; } ._searchForm_3rric_127 { box-sizing: border-box; width: 100%; display: inline-block; position: relative; } ._searchInput_3rric_134 { width: 100%; } ._searchSubmitButton_3rric_138 { color: #9b9b9b; font-size: 20px; position: absolute; top: 7px; right: 1rem; } ._accountSection_3rric_146 { flex-direction: row; justify-content: flex-end; align-items: center; gap: 1rem; width: 25%; display: flex; } ._pawPerkButton_3rric_155, ._getStartedButton_3rric_156 { all: unset; box-sizing: border-box; color: #6965f8; text-align: center; cursor: pointer; appearance: none; background-color: #fff; border: 2px solid #6965f8; border-radius: 25px; flex-direction: column; flex-shrink: 0; padding: 0.5rem 1.5rem; font-family: serenity, sans-serif; font-weight: 600; display: flex; position: relative; transition: background-color var(--transition-primary); &:hover { background-color: var(--color-yellow); } } ._accountLink_3rric_180 { box-sizing: border-box; pointer-events: auto; color: #6965f8; cursor: pointer; font-family: neue-haas-unica-medium, sans-serif; font-weight: 600; display: block; } ._loginButton_3rric_190 { box-sizing: border-box; appearance: none; text-align: center; pointer-events: auto; cursor: pointer; background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 28px; height: 25px; font-size: 25px; line-height: 25px; display: none; color: #6965f8; font-family: 'Font Awesome 5 Pro', sans-serif; font-weight: 400; } ._loginButton_3rric_190::before { content: '\f007'; } ._accountButton_3rric_213 { box-sizing: border-box; appearance: none; text-align: center; cursor: pointer; pointer-events: auto; color: #6965f8; width: 28px; height: 25px; font: 600 25px 'Font Awesome 5 Pro', sans-serif; background-position: 50%; background-repeat: no-repeat; background-size: contain; display: none; } ._accountButton_3rric_213::before { content: '\f007'; } @media (width <= 991px) { ._accountLink_3rric_180, ._getStartedButton_3rric_156, ._pawPerkButton_3rric_155 { display: none; } ._loginButton_3rric_190, ._accountButton_3rric_213 { display: block; } } ._cartContainer_3rric_247 { position: relative; } ._cartBadge_3rric_251 { text-align: center; color: #fff; background-color: #00cacf; border-radius: 50%; width: 24px; height: 24px; font-size: 14px; font-weight: 600; line-height: 20px; position: absolute; top: -12px; right: -16px; } ._cartButton_3rric_266 { box-sizing: border-box; appearance: none; text-align: center; cursor: pointer; background-image: url(/svgs/cart.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 28px; height: 25px; display: block; } ._hamburgerMenu_3rric_280 { pointer-events: auto; font: 900 1.25rem 'Font Awesome 5 Pro', sans-serif; display: block; } /* Navigation */ ._navigation_3rric_289 { background-color: #6965f8; width: 100%; margin: 0 auto; display: flex; position: relative; } ._dropdownWrapper_3rric_297 { display: flex; position: relative; max-width: 1313px; margin: 0 auto; width: 100%; } ._navItemsNav_3rric_305, ._dropDown_3rric_306, ._menuMbl_3rric_307 { box-sizing: border-box; flex-direction: row; flex-shrink: 0; justify-content: space-between; align-items: flex-start; gap: 1rem; width: 100%; max-width: 1313px; margin: 0 auto; padding: 8px 2rem; display: flex; position: relative; } ._dropDown_3rric_306 { padding: 1rem; position: absolute; z-index: 100; background: #25283d; border-radius: 0 0 1rem 1rem; } ._menuMbl_3rric_307 { position: absolute; z-index: 100; display: none; padding: 0 1rem; } ._accordion_3rric_335 { flex-direction: column; align-items: stretch; background: #25283d; border-radius: 0 0 1rem 1rem; } @media (width <= 991px) { ._dropDown_3rric_306, ._dropdownDT_3rric_344, ._navigation_3rric_289 { display: none; } ._menuMbl_3rric_307 { display: flex; } } ._navItemWrapper_3rric_354 { position: relative; } ._parent_3rric_358 { color: #fff; cursor: pointer; font-family: neue-haas-unica-medium, sans-serif; font-weight: 600; display: inline-block; } ._parent_3rric_358::after { font-family: 'Font Awesome 5 Pro'; font-weight: 900; padding-left: 0.5rem; font-size: 1rem; } @media (width > 991px) { ._parent_3rric_358::after { line-height: 1; content: '\f078'; } } ._link_3rric_378 { all: unset; color: #fff; font-family: neue-haas-unica-medium, sans-serif; font-weight: 600; cursor: pointer; } ._subnavsWithChildren_3rric_386 { box-sizing: border-box; z-index: 2000; background-color: #25283d; border-radius: 10px; flex-direction: row; flex-shrink: 0; gap: 0.5rem 0.75rem; width: max-content; padding: 1rem 2rem; display: flex; position: absolute; top: 30px; } @media (width <= 991px) { ._subnavsWithChildren_3rric_386 { max-width: 580px; } } ._childNavSection_3rric_407 { flex: 1; flex-basis: fit-content; gap: 0.4rem; position: relative; border-right: 1px solid white; padding-right: 0.75rem; } ._childNavSection_3rric_407:last-child { border: none; padding-right: 0; } ._navTitle_3rric_420 { color: #f6f6f6; font: 18px neue-haas-unica-medium, sans-serif; } ._childNavList_3rric_427 { flex-direction: column; flex-shrink: 0; height: auto; display: flex; gap: 8px; } ._childNavLink_3rric_435 { all: unset; box-sizing: border-box; appearance: none; color: #fff; cursor: pointer; } ._join_3rric_443 { white-space: nowrap; } ._join_3rric_443:after { font-size: 1rem; line-height: 1; font-family: 'Font Awesome 5 Pro'; font-weight: 900; padding-left: 0.5rem; content: '\f178'; } ._subnavsWithoutChildren_3rric_455 { box-sizing: border-box; z-index: 2000; background-color: #25283d; border-radius: 10px; flex-shrink: 0; gap: 6px; width: max-content; padding: 1rem 2rem; position: absolute; top: 30px; display: flex; flex-direction: column; } ._simpleNavItem_3rric_470 { flex: 1; flex-basis: fit-content; } ._darkOverlay_3rric_475 { box-sizing: border-box; opacity: 0.25; z-index: 75; background-color: #000; flex-grow: 1; flex-shrink: 0; margin-top: 20px; position: fixed; inset: 0; } @media only screen and (min-width: 550px) { ._child_nav_3rric_488:not(:last-child) { border-right: 1px solid white; padding-right: 1.5rem; } } /* MOBILE */ ._searchRow_3rric_496 { background-color: #6965f8; flex-direction: column; width: 100%; display: none; position: relative; } @media (width <= 991px) { ._searchRow_3rric_496 { display: flex; } } ._searchBar_3rric_510 { box-sizing: border-box; flex-direction: row; flex-shrink: 0; justify-content: space-between; gap: 1rem; width: 100%; max-width: 1313px; margin: 0 auto; padding: 10px 1rem; display: flex; position: relative; } ._accordion_3rric_335 { box-sizing: border-box; flex-shrink: 0; width: 100%; padding: 1rem 0; position: relative; } ._lineItems_3rric_532 { align-items: center; position: relative; } @media (width <= 991px) { ._lineItems_3rric_532 { flex-direction: column; align-items: stretch; } } ._button_3rric_544 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; align-items: center; padding: 10px; display: flex; position: relative; } @media (width <= 991px) { ._button_3rric_544 { font-size: 24px; } } ._parent_3rric_358 { color: #fff; cursor: pointer; text-align: center; width: 100%; font-family: neue-haas-unica-medium, sans-serif; font-weight: 600; } ._link_3rric_378 { all: unset; color: #fff; text-align: center; width: 100%; font-family: neue-haas-unica-medium, sans-serif; font-weight: 600; cursor: pointer; } button._link_3rric_378::after { font-family: 'Font Awesome 5 Pro'; font-weight: 900; padding-left: 0.5rem; font-size: 1rem; } button._link_3rric_378[aria-expanded='false']::after { content: '\f054'; } button._link_3rric_378[aria-expanded='true']::after { content: '\f078'; } ._nav_items_mbl_3rric_591 ._builder-accordion-title-closed_3rric_591 ._parent_3rric_358::after, ._nav_items_mbl_3rric_591 ._closed_3rric_592 ._parent_3rric_358::after { } ._nav_items_mbl_3rric_591 ._builder-accordion-title-open_3rric_594 ._parent_3rric_358::after, ._nav_items_mbl_3rric_591 ._open_3rric_595 ._parent_3rric_358::after { content: '\f078'; } ._content_3rric_599 { background-color: #000; } @media (width <= 991px) { ._content_3rric_599 { background-color: #00000040; } } ._row_3rric_12 { flex-direction: column; flex: 1; flex-basis: fit-content; align-items: center; display: flex; } ._childLink_3rric_617 { all: unset; box-sizing: border-box; appearance: none; color: #00cacf; cursor: pointer; padding: 5px; } ._accordion2_3rric_626 { box-sizing: border-box; flex-shrink: 0; width: 100%; margin: 0 auto; padding: 1rem 0; position: relative; } ._subLines_3rric_635 { align-items: center; } ._button2_3rric_639 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; align-items: center; padding: 5px; display: flex; position: relative; } @media (width <= 991px) { ._button2_3rric_639 { font-size: 20px; } } ._subLink_3rric_655 { all: unset; box-sizing: border-box; appearance: none; color: #fff; cursor: pointer; padding: 5px; } ._content2_3rric_664 { background-color: transparent; } @media (width <= 991px) { ._content2_3rric_664 { font-size: 18px; } } ._child_3rric_407 { padding: 8px 0; } ._subChildLink_3rric_678 { all: unset; box-sizing: border-box; appearance: none; color: #ffffffe6; cursor: pointer; padding: 5px; } @media (width <= 991px) { ._subChildLink_3rric_678 { color: #00cacf; } } ._hiddenTitle_3rric_693, ._shownTitles_3rric_694 { width: 100%; } ._highlightMenu_3rric_698 { color: #f4e04d; } /* /app/styles/components/cart.module.css */ ._cartItem_et1eq_3 { position: relative; display: flex; flex-direction: row; justify-content: space-between; gap: 1rem; padding: 10px; margin: 1rem; border: 1px solid var(--color-purple); border-radius: 1rem; @media screen and (min-width: 1025px) { max-width: 760px; } @media screen and (min-width: 768px) { padding: 1rem; border-radius: 2rem; } } ._title_et1eq_21 { font-size: 1.125rem; font-family: var(--font-neue-haas-unica-medium); @media screen and (max-width: 550px) { font-size: 0.9rem; margin: 0; } @media screen and (max-width: 375px) { font-size: 0.8rem; margin: 0; } @media screen and (max-width: 320px) { overflow: hidden; } } ._cartItemPrice_et1eq_39 { font-size: 1.5rem; font-family: var(--font-neue-haas-unica-medium); @media screen and (max-width: 375px) { font-size: 1.25rem; } } ._middleCol_et1eq_47 { flex-grow: 2; display: flex; flex-direction: column; justify-content: space-between; } ._rightCol_et1eq_53 { display: flex; flex-direction: column; justify-content: space-between; text-align: right; } ._remove_et1eq_59 { color: var(--color-dark-purple); } ._cartFooter_et1eq_63 { width: 100%; bottom: 0; right: 0; background-color: #4b40c9; color: white; position: absolute; & a { width: 100%; } & ._cartDiscounts_et1eq_74 { width: 100%; background-color: var(--color-light-purple); border-top: 2px solid var(--color-purple); color: var(--color-secondary); display: flex; align-items: center; justify-content: space-between; flex-direction: column; padding: 0.5rem 1rem; @media screen and (min-width: 768px) { padding: 1rem 2rem 0.5rem; gap: 1rem; flex-direction: row; } & dl { margin: 8px 0; width: 100%; @media screen and (min-width: 768px) { width: 45%; } } & dt { font-weight: 800; } & form { width: 100%; display: flex; gap: 1rem; input { border-color: var(--color-purple); } } } & ._cartTotalCheckout_et1eq_109 { width: 100%; padding: 0.5rem 1rem; display: flex; align-items: center; flex-direction: column; @media screen and (min-width: 1025px) { flex-direction: row; padding: 0 2rem 0.5rem; } & ._cartTotal_et1eq_109 { & dl { display: flex; gap: 1rem; margin: 0.5rem 1rem; @media screen and (min-width: 1025px) { margin: 1rem; } } & ._cartSubTotal_et1eq_131 { font-size: 1.25rem; font-family: var(--font-neue-haas-unica-medium); @media screen and (min-width: 1025px) { font-size: 1.5rem; margin-top: 1rem; } & ._totalDiscount_et1eq_140 { font-size: 1rem; text-decoration: line-through; } } } & ._cartCheckout_et1eq_147 { text-align: center; margin: 0 auto; @media screen and (max-width: 1025px) { width: 50%; } @media screen and (max-width: 768px) { width: 80%; } @media screen and (max-width: 550px) { width: 100%; } @media screen and (min-width: 1025px) { padding-left: 32px; text-align: right; } & ._cartCheckoutP_et1eq_168 { margin-top: 14px; text-align: center; font-size: 0.75rem; opacity: 0.75; color: white; } } } } ._badges_et1eq_178 { justify-content: center; display: flex; flex-wrap: wrap; ._badge_et1eq_178 { width: 162px; height: auto; margin: 0.5rem; } } /* /app/styles/components/beacon.module.css */ ._help_me_nbdx6_1 { position: fixed; right: 1rem; z-index: 2000; } ._helpBottom_nbdx6_7 { bottom: 1rem; } ._helpTop_nbdx6_11 { top: 75px; position: absolute; } ._btnBeacon_nbdx6_16 { display: grid !important; position: absolute; bottom: 20px; right: -5px; place-content: center; width: 50px !important; height: 50px !important; color: var(--color-primary) !important; background-color: white !important; border: 2px solid var(--color-primary) !important; border-radius: 50% !important; font-size: 1.75rem !important; } /* /app/styles/components/PromoBar.module.css */ ._promoBarContainer_1pgeg_1 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; min-height: 35px; display: flex; position: relative; background-color: var(--color-yellow) } ._promoItem_1pgeg_11 { cursor: pointer; pointer-events: auto; z-index: 200; flex-direction: column; min-height: 35px; padding: 5px; display: flex; text-decoration: none; } ._promoContent_1pgeg_22 { pointer-events: auto; text-align: center; margin: 0 auto; display: flex; p { margin: 0; line-height: 1; } } ._promoText_1pgeg_34 { margin: 0; } /* /app/styles/components/quantity-input.module.css */ ._qSelector_m590c_1 { background-color: white; border-radius: var(--border-radius); border: 1px solid var(--color-dark-purple); padding: 3px; order: 1; min-width: 100px; max-width: 120px; grid-template-columns: 35px 1fr 35px; display: grid; input { text-align: center; -moz-appearance: textfield; border: none; border-radius: 0; appearance: none; width: 100%; color: var(--color-primary); font-size: 1rem; font-family: var(--font-neue-haas-unica-medium); font-weight: bold; background: white; } button { display: block; padding: 5px; color: white; height: 35px; width: 35px; &._customQButton_m590c_33 { font-size: 0.6rem; width: 29px; } &._disabled_m590c_38 { background-color: var(--color-med-grey); } } } ._customQSelector_m590c_44 { grid-template-columns: 30px 1fr 29px; } ._qBtn_m590c_48 { background-color: var(--color-dark-purple); color: white; border-radius: 50%; width: 100%; } ._qInput_m590c_55 { font-size: 1rem !important; text-align: center; border: none; padding: 0; width: 100%; color: black !important; &:focus { border: none; } } /* /app/styles/components/quantity-selector.module.css */ ._quantitySelector_vbgip_1 { display: flex; flex-direction: row; margin-top: 1rem; } ._cartQuantitySelector_vbgip_7 { gap: 1rem; @media only screen and (max-width: 550px) { justify-content: flex-start; flex-direction: column; } } ._colDir_vbgip_16 { flex-direction: column; & div { margin-top: 5px; } & label { display: flex !important; justify-content: center; &._accSelector_vbgip_27 { flex-direction: column; } } } ._fSelectorCart_vbgip_33 { order: 2; display: flex; align-items: center; & ._authoShipP_vbgip_38 { font-size: 1rem !important; } } /* /app/styles/components/Collection.module.css */ ._collection_8da7z_1 { box-sizing: border-box; width: 100%; max-width: 1313px; min-height: 100px; margin: 0 auto; padding: 1rem 2rem; position: relative; } @media (width <= 640px) { ._collection_8da7z_1 { padding: 2rem 1rem 1rem; flex-direction: column; display: flex; } } ._section_8da7z_19 { box-sizing: border-box; flex-direction: column; flex-grow: 1; align-self: stretch; align-items: stretch; width: 100%; max-width: 1200px; min-height: 100px; margin: 0 auto; padding: 1rem 2rem; display: flex; position: relative; } @media (width <= 640px) { ._section_8da7z_19 { flex-direction: column; display: flex; } } ._breadcrumb_8da7z_41 { box-sizing: border-box; flex-direction: row; flex-shrink: 0; margin: 1rem 0; font-size: 14px; display: flex; position: relative; white-space: nowrap; flex-wrap: wrap; } ._breadcrumbLink_8da7z_53 { cursor: pointer; pointer-events: auto; color: #25283d; text-decoration: underline; display: flex; } ._breadcrumbSeparator_8da7z_61 { margin: 0 8px; } ._breadcrumbCurrent_8da7z_65 { pointer-events: auto; color: #25283d; display: flex; } ._heading_8da7z_71, ._headingSticky_8da7z_71 { min-height: 44px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: relative; flex-wrap: wrap; gap: 1rem; } ._headingSticky_8da7z_71 { padding: 12px 0; position: sticky; top: 110px; width: 100%; z-index: 200; background: rgba(255, 255, 255, 0.8) } ._headingRow_8da7z_90 { flex-direction: row; flex-shrink: 0; align-items: center; gap: 8px; display: flex; } ._sort_8da7z_97 { flex-direction: row; display: flex; gap: 8px; align-items: center; span { font-weight: 600; } } @media (width <= 640px) { ._heading_8da7z_71, ._headingSticky_8da7z_71 { justify-content: center; } ._headingRow_8da7z_90 { flex-flow: wrap; justify-content: center; align-self: center; width: auto; display: flex; } } ._title_8da7z_120 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; height: auto; font: 700 1.5rem neue-haas-unica, sans-serif; display: flex; position: relative; } @media (width <= 640px) { ._title_8da7z_120 { text-align: center; width: 100%; margin: 0 auto; } } ._collectionGrid_8da7z_138 { box-sizing: border-box; flex-flow: wrap; flex-shrink: 0; justify-content: space-around; align-items: stretch; gap: 8px; margin: 20px auto 0; display: flex; position: relative; } ._blogsGrid_8da7z_149 { box-sizing: border-box; flex-flow: wrap; flex-shrink: 0; align-items: stretch; gap: 20px; margin: 2rem auto; display: flex; position: relative; } ._pawperksItem_8da7z_160, ._collectionItem_8da7z_161 { box-sizing: border-box; pointer-events: auto; border: 2px solid #fff0; border-radius: 1.5rem; gap: 8px; max-width: 280px; position: relative; overflow: hidden; transition: all 0.3s ease-in-out; } ._collectionItem_8da7z_161:hover { border-color: #4b40c9; ._shopNowContainer_8da7z_174 { opacity: 1; } ._prices_8da7z_177 { opacity: 0; } } ._pawperksItem_8da7z_160 { border-radius: 15px; border-width: 0; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1); } ._pawperksItem_8da7z_160:hover { box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4); } @media (width <= 991px) { ._pawperksItem_8da7z_160, ._collectionItem_8da7z_161 { margin-bottom: 24px; } } @media (width <= 640px) { ._pawperksItem_8da7z_160, ._collectionItem_8da7z_161 { max-width: 300px; } } ._imageContainer_8da7z_206 { pointer-events: auto; background-color: #fff; flex-direction: column; justify-content: center; align-items: center; padding: 1.25rem; display: flex; position: relative; overflow: hidden; } ._itemImage_8da7z_218 { aspect-ratio: 1; object-fit: contain; object-position: center; box-sizing: border-box; width: 15rem; height: 15rem; } @media (width <= 640px) { ._itemImage_8da7z_218 { width: 15rem; height: 15rem; } } ._itemContainer_8da7z_234 { box-sizing: border-box; flex-direction: column; max-width: 240px; text-align: center; margin: 0 auto 2.5rem; display: flex; } ._pawperksItem_8da7z_160 { ._itemContainer_8da7z_234 { margin: 0 auto; } } @media (width <= 640px) { ._itemContainer_8da7z_234 { max-width: 300px; margin-bottom: 30px; } ._pawperksItem_8da7z_160 { ._itemContainer_8da7z_234 { margin-bottom: 0px; } } } ._itemTitle_8da7z_260 { box-sizing: border-box; text-align: center; color: #25283d; flex-direction: column; flex-shrink: 0; height: auto; margin: 0 auto 8px; font: 700 1rem serenity, sans-serif; display: flex; position: relative; opacity: 1; } @media (width <= 991px) { ._itemTitle_8da7z_260 { font-size: 24px; } } @media (width <= 640px) { ._itemTitle_8da7z_260 { font-size: 1.25rem; } } ._prices_8da7z_177 { margin: 0 auto; font-size: 20px; font-weight: bold; display: flex; gap: 8px; ._strikeout_8da7z_291 { color: #9B9B9B; text-decoration: line-through; } ._price_8da7z_177 { color: #00CACF; } } ._pawperksItem_8da7z_160 { ._prices_8da7z_177 { margin: 0 auto; font-size: 20px; display: flex; gap: 8px; font-weight: normal; ._strikeout_8da7z_291 { color: rgb(228, 31, 31); text-decoration: line-through; } ._price_8da7z_177 { color: var(--color-body-text); font-weight: bold; } } } ._shopNowContainer_8da7z_174 { box-sizing: border-box; text-align: center; pointer-events: auto; cursor: pointer; flex-direction: column; width: 100%; padding: 1rem; display: flex; position: absolute; bottom: 0; opacity: 0; } ._ctaButton_8da7z_332 { box-sizing: border-box; margin: auto auto 0; padding: 8px 30px 10px; width: 90%; } ._shopNow_8da7z_174 { text-align: center; flex-direction: column; width: 100%; padding: 1rem; display: flex; ._ctaButton_8da7z_332 { border: 1px solid var(--color-dark-purple); color: var(--color-dark-purple); font-size: 18px; font-weight: 700; padding: 10px 30px 11px; } ._ctaButton_8da7z_332:hover { background-color: var(--color-dark-purple); color: rgba(255, 255, 255, 1); transition: all 0.5s cubic-bezier(.37, .01, 0, .98); transition-delay: 0s; } } ._loadmore_8da7z_359 { text-align: center; flex-direction: column; margin: 0 auto; padding: 1rem; display: flex; ._ctaButton_8da7z_332 { box-sizing: border-box; margin: auto auto 0; padding: 8px 30px 10px; width: auto; } } ._noResultsMessage_8da7z_374 { color: #4b40c9; text-align: center; height: auto; font-size: 24px; font-weight: 600; } /* /app/styles/components/NoRisk.module.css */ ._container_18wbb_1 { box-sizing: border-box; flex-direction: column; flex-grow: 1; align-self: stretch; align-items: stretch; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; display: flex; } ._contentWrapper_18wbb_14 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; justify-content: center; align-items: stretch; display: flex; position: relative; } ._twoColumnLayout_18wbb_24 { gap: 20px; display: flex; } @media (width <= 991px) { ._twoColumnLayout_18wbb_24 { flex-direction: column; align-items: stretch; gap: 0; } } ._column_18wbb_37 { flex-direction: column; align-items: stretch; width: 50%; margin-left: 0; line-height: normal; display: flex; } @media (width <= 991px) { ._column_18wbb_37 { width: 100%; } } ._guaranteeSection_18wbb_52 { box-sizing: border-box; background-color: #f6f6ff; flex-direction: column; flex-shrink: 0; height: 100%; padding: 4rem 2rem 5rem; display: flex; position: relative; } @media (width <= 640px) { ._guaranteeSection_18wbb_52 { padding: 2rem 0; } } ._sectionImage_18wbb_69 { aspect-ratio: 1; object-fit: contain; object-position: center; box-sizing: border-box; width: 100%; min-width: 20px; height: 135px; overflow: hidden; } ._guaranteeTitle_18wbb_80 { text-align: center; margin: 0 auto 1.5rem; font-size: 3rem; } ._guaranteeDescription_18wbb_86 { text-align: center; max-width: 480px; margin: 0 auto 2rem; } ._ctaButton_18wbb_92 { margin: 0 auto; } ._secondColumn_18wbb_96 { flex-direction: column; align-items: stretch; width: 50%; margin-left: 20px; line-height: normal; display: flex; } @media (width <= 991px) { ._secondColumn_18wbb_96 { width: 100%; } } ._newsletterSection_18wbb_111 { box-sizing: border-box; background-color: #fff; flex-direction: column; flex-shrink: 0; height: 100%; padding: 4rem 2rem 5rem; display: flex; position: relative; } @media (width <= 640px) { ._newsletterSection_18wbb_111 { padding: 2rem 0; } } ._newsletterTitle_18wbb_128 { text-align: center; margin: 0 auto 1.5rem; font-size: 3rem; } ._newsletterDescription_18wbb_134 { text-align: center; max-width: 480px; margin: 0 auto 2rem; } ._newsletterForm_18wbb_140 { margin: 1rem auto 0; } /* /app/styles/components/guarantee-section.module.css */ ._sectionGuarantee_1jxgx_1 { display: block; position: relative; & ._guaranteeArticle_1jxgx_5 { margin: 0 auto; max-width: 100%; padding: 0; z-index: 10; position: relative; display: grid; place-items: center; & ._guaranteeH2_1jxgx_15 { font-size: calc-rem(50px); text-align: center; margin: 0 0 1.5rem; line-height: 0.85; } & ._guaranteeP_1jxgx_22 { font-size: 1rem; } & ._noRisk_1jxgx_26, & ._coupon_1jxgx_27 { text-align: center; padding: 2rem; width: 100%; & ._iconWrapper_1jxgx_32 { height: 180px; display: grid; place-items: center; } & ._guaranteeImg_1jxgx_38 { height: 135px; width: auto; } } & ._noRisk_1jxgx_26 { background-color: #f6f6ff; & ._guaranteeP_1jxgx_22 { max-width: 480px; margin: 0 auto 2rem; } } & ._successMessage_1jxgx_52, & ._errorMessage_1jxgx_53 { display: none; } } @media only screen and (min-width: $pre-large) { &::after { content: ""; z-index: 1; position: absolute; left: 0; top: 0; width: 50%; height: 100%; display: block; background-color: #f6f6ff; } & ._noRisk_1jxgx_26, & ._coupon_1jxgx_27 { padding: 0; } & ._noRisk_1jxgx_26 { & ._guaranteeP_1jxgx_22 { max-width: 600px; } } & ._guaranteeArticle_1jxgx_5 { padding: 2rem 0 3rem; z-index: 10; position: relative; display: grid; grid-template-columns: 50% auto; place-items: initial; } } } ._guarantee_1jxgx_5 { position: relative; background-color: white; &::after { @media only screen and (min-width: 768px) { content: ""; z-index: 1; position: absolute; left: 0; top: 0; width: 50%; height: 100%; display: block; } } } ._guaranteeContent_1jxgx_110 { margin: 0 auto; padding: 62px 0; @media only screen and (min-width: 768px) { max-width: 480px; } @media only screen and (min-width: 1025px) { padding: 50px 0 100px; } &._first_1jxgx_122 { @media only screen and (max-width: 768px) { width: calc(100% + 64px); margin-left: -32px; background-color: $color-background-green; padding: 62px 32px; } } & ._responsive-image__wrapper_1jxgx_131 { @media only screen and (min-width: 768px) { min-height: 157px; } } & h3 { font-size: calc-rem(32px); line-height: calc-rem(37px); margin: 30px 0 16px; @media only screen and (min-width: 1025px) { font-size: calc-rem(53px); line-height: calc-rem(61px); margin: 13px 0 16px; } } & ._guaranteeP_1jxgx_22 { margin-bottom: 30px; @media only screen and (min-width: 1025px) { margin-bottom: 55px; } } } ._newsletterForm_1jxgx_158 { ::placeholder { color: #8d8f99; } & ._formInput_1jxgx_163 { height: 67px; background-color: var(--color-grey); border: none; border-top-right-radius: 0; border-bottom-right-radius: 0; font-size: 1rem; padding: 10px 33px; @media screen and (max-width: 375px) { font-size: 0.7rem; } } & ._successMessage_1jxgx_52, & ._errorMessage_1jxgx_53 { display: none; } } ._guaranteeIcon_1jxgx_182 { margin-left: 10px; } ._newsletterForm_1jxgx_158 ._guaranteeBtn_1jxgx_186 { height: 67px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 10px 24px 15px 31px; } ._success-message_1jxgx_193 { a { font-size: 115%; font-weight: bold; text-decoration: underline; color: #6965f8; } }

Litter Mats

Standard Litter Mat, Gray

XL Litter Mat, Black

Drymate Litter Mat, Taupe

No-risk guarantee

Save 30% today!