:root{--aside-width: 400px;--cart-aside-summary-height-with-discount: 300px;--cart-aside-summary-height: 250px;--grid-item-width: 355px;--header-height: 64px;--color-dark: #000;--color-light: #fff;--nav-height: 120px;--promo-h: 0px;--petyupp-primary-green: #10B981;--petyupp-teal: #06B6D4;--petyupp-accent-yellow: #FCD34D;--petyupp-dark-bg: #1a1a2e;--petyupp-card-white: #ffffff}@media(min-width:1024px){:root{--nav-height: 104px}}main[data-route=home]{padding-top:calc(64px + var(--promo-h, 0px))}@media(min-width:1024px){main[data-route=home]{padding-top:calc(var(--nav-height) + var(--promo-h, 0px))}}html{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;scroll-padding-top:calc(var(--nav-height) + var(--promo-h, 0px));scrollbar-gutter:stable}@layer base{h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.quick-add-cta form:not([role=search]){max-width:none;width:100%}@keyframes petyupp-hint-fade-in{0%{opacity:0}to{opacity:1}}.card-v3 a:hover,.card-v3 a:focus,.pyc-card a:hover,.pyc-card a:focus{text-decoration:none}a.no-underline:hover,a.no-underline:focus,a[class*=rounded-full]:hover,a[class*=rounded-full]:focus,a[class*=rounded-xl]:hover,a[class*=rounded-xl]:focus,a[class*=rounded-lg]:hover,a[class*=rounded-lg]:focus{text-decoration:none}footer a:hover,footer a:focus{text-decoration:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px transparent inset;box-shadow:0 0 0 1000px transparent inset;transition:background-color 100000s ease-in-out 0s;-webkit-text-fill-color:inherit;caret-color:inherit}.pyc-hovercard:hover{text-decoration:none}[data-theme=dark] .card-v3 h3,[data-theme=dark] .pyc-card h3,[data-theme=dark] .pyc-hovercard h3,[data-theme=dark] .pyc-hovercard h4,[data-theme=dark] .pyc-hovercard .pyc-ctitle{color:#fff}.card-v3:hover h3,.pyc-card:hover h3,.pyc-hovercard:hover h3,.pyc-hovercard:hover h4,.pyc-hovercard:hover .pyc-ctitle{color:#06b6d4}[data-theme=dark] .card-v3:hover h3,[data-theme=dark] .pyc-card:hover h3,[data-theme=dark] .pyc-hovercard:hover h3,[data-theme=dark] .pyc-hovercard:hover h4,[data-theme=dark] .pyc-hovercard:hover .pyc-ctitle{color:#22d3ee}.pdp-rich ul{list-style:none;padding-left:1.25rem}.pdp-rich ol{list-style:decimal;padding-left:1.25rem}.pdp-rich li{position:relative;margin-bottom:.35rem}.pdp-rich ul>li:before{content:"";position:absolute;left:-1rem;top:.62em;width:7px;height:7px;border-radius:9999px;background:currentColor}.pdp-attr-switcher a:hover,.pdp-attr-switcher a:focus{text-decoration:none}.animate-hint-fade{animation:petyupp-hint-fade-in .2s ease-out}.scrollbar-thin-rail{scrollbar-width:thin;scrollbar-color:rgb(209 213 219) transparent}.scrollbar-thin-rail::-webkit-scrollbar{width:6px}.scrollbar-thin-rail::-webkit-scrollbar-track{background:transparent}.scrollbar-thin-rail::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}@keyframes petyupp-chip-chevron-pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.15)}}.petyupp-chip-chevron-pulse{animation:petyupp-chip-chevron-pulse 1.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.petyupp-chip-chevron-pulse{animation:none;transform:translateY(-50%)}}.hero{position:relative;display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out}.pyc-card{position:relative}.pyc-card-quick-add{position:absolute;inset-inline:0;bottom:0;transform:translateY(100%);transition:transform .2s ease;pointer-events:none}.pyc-card:hover .pyc-card-quick-add,.pyc-card:focus-within .pyc-card-quick-add,.pyc-card-quick-add.is-in-cart{transform:translateY(0);pointer-events:auto}.pyc-card-quick-add-mobile{display:none;position:absolute;top:.5rem;right:.5rem;z-index:1}@media(hover:none){.pyc-card-quick-add{transform:translateY(0);pointer-events:auto}.pyc-card-quick-add-mobile{display:none}}@keyframes pyc-qty-shake{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.pyc-qty-shake{animation:pyc-qty-shake .4s ease-in-out}@media(prefers-reduced-motion:reduce){.pyc-qty-shake{animation:none}}@keyframes pyc-qty-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.pyc-qty-fade{animation:pyc-qty-fade .2s ease-out}@media(prefers-reduced-motion:reduce){.pyc-qty-fade{animation:none}}@keyframes pyc-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pyc-toast-in{animation:pyc-toast-in .22s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.pyc-toast-in{animation:none}}img{border-radius:4px}.link:hover{text-decoration:underline;cursor:pointer}.mock-shop-notice{background:var(--color-light);border:1px solid var(--color-dark);border-left-width:.5rem;margin:1rem 0;padding:0}.mock-shop-notice .inner{padding:.875rem 1rem}.mock-shop-notice h2{font-size:1.6rem;font-weight:700;line-height:1.4}.mock-shop-notice p{font-size:1rem;line-height:1.4;margin-bottom:.5rem}.mock-shop-notice footer{background:#0000000f;padding:.5rem 1rem}.mock-shop-notice .small{font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.mock-shop-notice code{background:#0000000f;border-radius:.25rem;padding:.1em .3em}.mock-shop-notice a{text-decoration:underline;text-underline-offset:6px}html:has(.overlay.expanded){overflow:hidden}.overlay aside{background:var(--color-light);box-shadow:0 0 50px #0000004d;height:100vh;height:100dvh;width:88vw;position:fixed;right:-88vw;top:0;transition:transform .28s ease-in-out;display:flex;flex-direction:column}@media(min-width:768px){.overlay aside{width:var(--aside-width);right:calc(-1 * var(--aside-width))}}.overlay aside header{align-items:center;border-bottom:1px solid var(--color-dark);display:flex;height:52px;justify-content:space-between;padding:0 16px}.overlay aside header h3{margin:0}.overlay aside header .close{font-size:1.75rem;font-weight:300;line-height:1;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;color:#111827;transition:background-color .2s;cursor:pointer}.overlay aside header .close:hover{background-color:#f3f4f6}[data-theme=dark] .overlay aside{background:var(--bg-card)}[data-theme=dark] .overlay aside header{border-bottom-color:var(--border-color)}[data-theme=dark] .overlay aside header .close{color:var(--text-primary)}[data-theme=dark] .overlay aside header .close:hover{background-color:var(--bg-secondary)}.overlay aside header h2{margin-bottom:.6rem;margin-top:0}.overlay aside main{flex:1;min-height:0;margin:1rem;overflow-y:auto}.overlay aside main:has(.cart-main){margin:0;overflow:hidden;display:flex;flex-direction:column}.overlay aside .cart-main{flex:1;min-height:0;height:100%;max-height:none;overflow:visible;padding-bottom:0}.overlay aside p{margin:0 0 .25rem}.overlay aside p:last-child{margin:0}.overlay aside li{margin-bottom:.125rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.overlay{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .28s ease-in-out;visibility:hidden;z-index:60}.overlay .close-outside{background:transparent;border:none;color:transparent;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:default}.overlay .light{background:#ffffff80}.overlay .cancel{cursor:default;height:100%;position:absolute;width:100%}.overlay.expanded{opacity:1;pointer-events:auto;visibility:visible}.overlay.expanded aside{transform:translate(-88vw)}@media(min-width:768px){.overlay.expanded aside{transform:translate(calc(var(--aside-width) * -1))}}.overlay[data-aside-type=cart]{z-index:110;-webkit-backdrop-filter:none;backdrop-filter:none}.overlay[data-aside-type=cart] .aside-grab-handle{display:none}@media(max-width:767px){.overlay[data-aside-type=cart] aside{width:100vw;height:80vh;height:80dvh;right:0;left:0;top:auto;bottom:0;transform:translateY(100%);transition:transform .28s ease-in-out;border-radius:16px 16px 0 0;overflow:hidden}.overlay[data-aside-type=cart].expanded aside{transform:translateY(0)}.overlay[data-aside-type=cart] .aside-grab-handle{display:flex;flex-shrink:0;justify-content:center;padding:8px 0 4px;cursor:grab;touch-action:none}.overlay[data-aside-type=cart] .aside-grab-handle:active{cursor:grabbing}.overlay[data-aside-type=cart] .aside-grab-handle span{width:36px;height:4px;border-radius:9999px;background:#0003}[data-theme=dark] .overlay[data-aside-type=cart] .aside-grab-handle span{background:#ffffff40}}button.reset{border:0;background:inherit;font-size:inherit}button.reset>*{margin:0}button.reset:not(:has(>*)){height:1.5rem;line-height:1.5rem}button.reset:hover:not(:has(>*)){text-decoration:underline;cursor:pointer}.petfyupp-footer{background:var(--petyupp-dark-bg);color:var(--petyupp-card-white);padding:3rem 1.5rem 1.5rem;margin-top:auto}.footer-content{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1400px;margin:0 auto 2rem}@media(min-width:768px){.footer-content{grid-template-columns:200px repeat(3,1fr);gap:3rem}}.footer-brand{display:flex;flex-direction:column;gap:.5rem}.footer-logo{font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:700;color:var(--petyupp-teal);margin:0;letter-spacing:-.024em}.footer-tagline{font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;color:#d1d5db;margin:0;line-height:1.5}.footer-menu{display:grid;grid-template-columns:1fr;gap:0;padding:0}@media(min-width:768px){.footer-menu{grid-template-columns:repeat(3,1fr)}}.footer-column{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:768px){.footer-column{margin-bottom:0}}.footer-column h4{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--petyupp-teal)}.footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-column li{margin:0}.footer-menu a,.footer-column a{color:#d1d5db;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-menu a:hover,.footer-column a:hover{color:var(--petyupp-teal)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:1400px;margin:0 auto}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.payment-icons{display:flex;gap:1rem;justify-content:center}.payment-icon{font-size:1.5rem;opacity:.7;transition:opacity .2s ease}.payment-icon:hover{opacity:1}.footer-copyright{color:#9ca3af;font-size:.85rem;margin:0}.cart-main{height:100%;max-height:calc(100vh - var(--cart-aside-summary-height));overflow-y:auto;width:auto}.cart-main.with-discount{max-height:calc(100vh - var(--cart-aside-summary-height-with-discount))}.cart-line{padding:.75rem 0}.cart-line-inner{display:flex}.cart-line img{height:100%;display:block;margin-right:.75rem}.cart-summary-page{position:relative}.cart-summary-aside{background:var(--bg-card);border-top:1px solid var(--border-color);padding-top:.75rem}.cart-line-quantity{display:flex}.cart-line-children{padding-left:2rem}.cart-discount{align-items:center;display:flex;margin-top:.25rem}.cart-subtotal{align-items:center;display:flex}.predictive-search{height:calc(100vh - var(--header-height) - 40px);overflow-y:auto}.predictive-search-form{background:var(--color-light);position:sticky;top:0}.predictive-search-result{margin-bottom:2rem}.predictive-search-result h5{text-transform:uppercase}.predictive-search-result-item{margin-bottom:.5rem}.predictive-search-result-item a{align-items:center;display:flex}.predictive-search-result-item a img{margin-right:.75rem;height:100%}.search-result{margin-bottom:1.5rem}.search-results-item{margin-bottom:.5rem}.search-results-item a{display:flex;flex:row;align-items:center;gap:1rem}.featured-collection{display:block;margin-bottom:2rem;position:relative}.featured-collection-image{aspect-ratio:1 / 1}@media(min-width:45em){.featured-collection-image{aspect-ratio:16 / 9}}.featured-collection img{height:auto;max-height:100%;object-fit:cover}.recommended-products-grid{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media(min-width:45em){.recommended-products-grid{grid-template-columns:repeat(4,1fr)}}.recommended-product img{height:auto}.collections-grid{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(var(--grid-item-width),1fr));margin-bottom:2rem}.collection-item img{height:auto}.collection-description{margin-bottom:1rem;max-width:95%}@media(min-width:45em){.collection-description{max-width:600px}}.products-grid{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(var(--grid-item-width),1fr));margin-bottom:2rem}.product-item img{height:auto;width:100%}.product{display:grid}@media(min-width:45em){.product{grid-template-columns:1fr 1fr;grid-gap:4rem}}.product h1{margin-top:0}.product-image img{height:auto;width:100%}.product-main{align-self:start;position:sticky;top:6rem}.product-price-on-sale{display:flex;grid-gap:.5rem}.product-price-on-sale s{opacity:.5}.product-options-grid{display:flex;flex-wrap:wrap;grid-gap:.75rem}.product-options-item,.product-options-item:disabled{padding:.25rem .5rem;background-color:transparent;font-size:1rem;font-family:inherit}.product-option-label-swatch{width:1.25rem;height:1.25rem;margin:.25rem 0}.product-option-label-swatch img{width:100%}.blog-grid{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(var(--grid-item-width),1fr));margin-bottom:2rem}.blog-article-image{aspect-ratio:3/2;display:block}.blog-article-image img{height:100%}.article img{height:auto;width:100%}.account-logout{display:inline-block}.order-search-form{margin-bottom:1.5rem}.order-search-fieldset{border:1px solid #e5e5e5;border-radius:4px;padding:1rem}.order-search-legend{font-weight:600;padding:0 .5rem}.order-search-active{font-weight:400;opacity:.7;margin-left:.5rem}.order-search-inputs{display:grid;gap:1rem;margin:.25rem 0 1rem;grid-template-columns:1fr}@media(min-width:640px){.order-search-inputs{grid-template-columns:1fr 1fr}}.order-search-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem}.order-search-buttons{display:flex;gap:.75rem;flex-wrap:wrap}
