@media (min-width:600px) and (max-width:899.98px){
 html body main .sec,html body main .hills-head{content-visibility:visible!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important}
html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zt2-p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zt2-art{scale:1!important}
html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zt2-c{flex-wrap:nowrap!important;gap:6px!important;overflow:hidden!important}
html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zt2-c i{font-size:12px!important;padding:5px 8px 5px 6px!important;white-space:nowrap!important;flex:0 1 auto!important;min-width:0!important}
html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5).zk-tbx .zt2-art,html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5).zt2--cat .zt2-art,html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5).zt2--bags .zt2-art{scale:.8!important;transform-origin:40% 92%!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app .zk-hpet:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zkpet{padding:28px 28px!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;gap:22px!important}
html body #app .zk-hpet:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zkpet .zkpet-h{font-size:30px!important;line-height:1.08!important}
html body #app .zk-hpet:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zkpet .zkpet-p{font-size:14.5px!important}
html body #app .zk-hpet:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zkpet .zkpet-l{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;max-width:100%!important}
html body #app .zk-hpet:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zkpet .zkpet-l > *{font-size:12px!important;padding:5px 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
html body #app .zk-hpet:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zkpet .zk9pol{scale:.68!important;transform-origin:100% 0!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app .zk-hneeds:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .needs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
html body #app .zk-hneeds:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zk-t2-img{height:118px!important}
html body #app .zk-hneeds:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zk-t2-img img{height:auto!important;max-height:100%!important;width:auto!important;max-width:86%!important;object-fit:contain!important}
html body #app .zk-hneeds:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zk-t2-tx{padding:8px 44px 12px 12px!important;min-height:0!important}
html body #app .zk-hneeds:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zk-t2-tx b{font-size:13.5px!important;line-height:1.2!important;letter-spacing:-.15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #app .zk-hneeds:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zk-t2-tx small{font-size:11.5px!important;line-height:1.3!important;display:block!important}
html body #app .zk-hneeds:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zk-t2-go{display:none!important}
html body #app .zk-hneeds:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zk-t2-ic{width:32px!important;height:32px!important;top:10px!important;left:10px!important}
}
/* menus (Dogs/Cats drop-downs) */
@media (min-width:600px) and (max-width:899.98px){
html body .mega.zk-t2-mega:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8) > .wrap{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;column-gap:20px!important;row-gap:14px!important}
html body .mega.zk-t2-mega:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8) .zk-mbrands{grid-template-columns:1fr 1fr!important;gap:8px!important}
html body .mega.zk-t2-mega:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8) .zk-mbrands .zk-mb{padding:6px 8px 6px 6px!important;gap:8px!important;min-height:0!important}
html body .mega.zk-t2-mega:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8) .zk-mbrands .zk-mb-img{width:30px!important;height:30px!important;flex:0 0 30px!important}
html body .mega.zk-t2-mega:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8) .zk-mbrands .zk-mb b{font-size:12.5px!important;line-height:1.15!important}
html body .mega.zk-t2-mega:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8) .zk-mhills{min-height:0!important}
html body .mega.zk-t2-mega:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8) .zk-mhelp{align-items:center!important;gap:12px!important}
html body .mega.zk-t2-mega:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8) .zk-mhelp .zk-mpro{min-height:0!important;padding:12px 16px!important;flex:1 1 auto!important}
html body .mega.zk-t2-mega:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8) .zk-mhelp .zk-mpro b{font-size:22px!important}
html body .mega.zk-t2-mega:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8) .zk-mhelp .zk-mpro span{font-size:12.5px!important}
html body .mega.zk-t2-mega:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8) .zk-mhelp .zk-mpills{flex:0 0 auto!important;flex-direction:column!important;gap:6px!important}
}
/* category pages: sub-category tiles, banner perks */
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .catband.light{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important}
html body #app:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .catband.light .trustline{gap:6px!important}
html body #app:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .catband.light .trustline > span{font-size:12.5px!important;padding:6px 10px!important}
}
/* brands page */
@media (min-width:600px) and (max-width:899.98px){
}
/* product page: two columns like full width */
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .pdp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:24px!important;align-items:start!important}
html body #app:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .pdp > .zk-gal{position:sticky!important;top:150px!important}
html body #app:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .pdp .zk-ptitle h1.product_title{font-size:26px!important;line-height:1.15!important}
}
/* my account: menu row, pet card */
@media (min-width:600px) and (max-width:899.98px){
html body.woocommerce-account #app:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .woocommerce-MyAccount-navigation ul{align-items:center!important;gap:8px!important;padding-bottom:4px!important}
html body.woocommerce-account #app:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .woocommerce-MyAccount-navigation li::before,html body.woocommerce-account #app:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .woocommerce-MyAccount-navigation li::after{display:none!important;content:none!important}
html body.woocommerce-account #app:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .woocommerce-MyAccount-navigation li{margin:0!important;padding-top:0!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app .woocommerce-MyAccount-content:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zkpet{padding:28px 28px!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;gap:22px!important}
html body #app .woocommerce-MyAccount-content:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zkpet .zkpet-h{font-size:30px!important;line-height:1.08!important}
html body #app .woocommerce-MyAccount-content:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zkpet .zkpet-p{font-size:14.5px!important}
html body #app .woocommerce-MyAccount-content:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zkpet .zkpet-l{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;max-width:100%!important}
html body #app .woocommerce-MyAccount-content:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5) .zkpet .zkpet-l > *{font-size:12px!important;padding:5px 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
}
/* banners at 600-719: wider text, smaller packs, one chip */
@media (min-width:600px) and (max-width:719.98px){
html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important}
html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6) .zt2-art{scale:.84!important;transform-origin:60% 92%!important}
html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6).zk-tbx .zt2-art,html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6).zt2--cat .zt2-art,html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6).zt2--bags .zt2-art{scale:.68!important;transform-origin:60% 92%!important}
html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6) .zt2-h{font-size:24px!important}
html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6) .zt2-c i:nth-child(n+2){display:none!important}
html body #app a.tban.zt2:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6).zk-tbx .zt2-art{transform-origin:45% 92%!important}
}
/* Review 12 (19 Oct, owner at 738px): proportional hero, wider search, rails that fit and scroll, need titles on one line */
@media (min-width:600px) and (max-width:899.98px){
html body #top .hrow:not(#zk-a):not(#zk-b){gap:10px!important}
html body #top .hrow .logo:not(#zk-a):not(#zk-b){flex:0 0 auto!important;width:112px!important}
html body #top .hrow .logo:not(#zk-a):not(#zk-b) img,html body #top .hrow .logo:not(#zk-a):not(#zk-b) svg{width:112px!important;height:auto!important}
html body #top .hicons:not(#zk-a):not(#zk-b){gap:6px!important}
html body #top .hicons .bonepill:not(#zk-a):not(#zk-b),html body #top .hicons .cart8:not(#zk-a):not(#zk-b){padding:0 12px 0 10px!important}
html body #top #mainnav .wrap > #hdeliv.zk-ndeliv:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6){margin-right:10px!important;flex:0 1 auto!important}
html body #top #mainnav .wrap > .nlink:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5){padding:0 4px!important}
html body #app .zk-rwrap .rail:not(#zk-a):not(#zk-b):not(#zk-c){grid-auto-columns:calc((100% - 3 * 14px) / 3.35)!important;gap:14px!important}
html body #app .zk-again .rail:not(#zk-a):not(#zk-b):not(#zk-c):not(#zk-d){grid-auto-columns:calc((100% - 2 * 14px) / 3)!important}
html body #app .zk-rwrap .rail:not(#zk-a):not(#zk-b):not(#zk-c) > .card{width:auto!important;min-width:0!important}
html body #app .zk-rwrap .zk-rarr.next:not(#zk-a):not(#zk-b){right:6px!important}
html body #app .zk-rwrap .zk-rarr.prev:not(#zk-a):not(#zk-b){left:6px!important}
html body #app .zk-again .zk-rarr:not(#zk-a):not(#zk-b):not(#zk-c){display:none!important}
html body #app .zk-hneeds:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6) .zk-t2-tx{padding:8px 8px 12px 10px!important}
html body #app .zk-hneeds:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6) .zk-t2-tx small{white-space:normal!important;font-size:11.5px!important;line-height:1.3!important}
}
@media (min-width:600px) and (max-width:899.98px) and (hover:hover){
html body #app .zk-rwrap.can .zk-rarr:not(#zk-a){display:flex!important}
}
/* Review 13 (19 Oct): hero = promo banner size and type, dots beside the button; Quick shops full size with arrows; compact Dogs/Cats drop-down */
@media (min-width:600px) and (max-width:899.98px){
html body #app .hx>.wrap:not(#zk-a):not(#zk-b):not(#zk-c){padding:0 calc(28px / var(--zk-hxk,1))!important;height:auto!important}
html body #app .hx .hx-track .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8){height:calc(var(--zk-banh,236px) / var(--zk-hxk,1))!important;border-radius:calc(24px / var(--zk-hxk,1))!important}
html body #app .hx .hx-track:not(#zk-a):not(#zk-b){height:auto!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app .hx .hx-track .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9) .tx{padding:calc(22px / var(--zk-hxk,1)) calc(20px / var(--zk-hxk,1)) calc(22px / var(--zk-hxk,1)) calc(26px / var(--zk-hxk,1))!important;gap:calc(8px / var(--zk-hxk,1))!important;justify-content:flex-start!important}
html body #app .hx .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9) .tx small{font-size:calc(12px / var(--zk-hxk,1))!important}
html body #app .hx .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9) .tx b{font-size:calc(28px / var(--zk-hxk,1))!important;line-height:1.08!important}
html body #app .hx .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9) .tx .zk-hxsub{font-size:calc(14.5px / var(--zk-hxk,1))!important;line-height:1.4!important}
html body #app .hx .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9) .tx .zk-hxperks{margin-top:calc(4px / var(--zk-hxk,1))!important;gap:calc(6px / var(--zk-hxk,1))!important}
html body #app .hx .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9) .tx .zk-hxperks li{font-size:calc(12px / var(--zk-hxk,1))!important}
html body #app .hx .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9) .go{font-size:calc(15px / var(--zk-hxk,1))!important;min-height:calc(46px / var(--zk-hxk,1))!important;height:calc(46px / var(--zk-hxk,1))!important;padding:0 calc(22px / var(--zk-hxk,1))!important;margin-top:auto!important}
html body #app .hx>.wrap > .hx-dots:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9){left:auto!important;right:calc(50px / var(--zk-hxk,1))!important;bottom:calc(22px / var(--zk-hxk,1))!important;top:auto!important;height:calc(46px / var(--zk-hxk,1))!important;box-sizing:border-box!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app .hx .hx-track .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important}
html body #app .hx .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9) .tx .zk-hxsub{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
html body #app .hx .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9) .tx .zk-hxperks{flex-wrap:nowrap!important;overflow:hidden!important;max-width:100%!important}
html body #app .hx .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9) .tx .zk-hxperks li{white-space:nowrap!important;flex:0 0 auto!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app .hx .hx-slide.s-today:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9) .tx > ul{display:none!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app .hx .hx-slide:not(#zk-none):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7):not(#zk-n8):not(#zk-n9) .tx .zk-hxperks li:nth-child(n+3){display:none!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app .q8:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7) .qrow{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;gap:12px!important;padding:2px 0 6px!important;margin:0!important}
html body #app .q8:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7) .qrow::-webkit-scrollbar{display:none!important}
html body #app .q8:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6):not(#zk-n7) .qrow > *{flex:0 0 116px!important;width:116px!important;min-width:116px!important;scroll-snap-align:start!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9){left:28px!important;right:28px!important;width:auto!important;max-width:none!important;border-radius:0 0 20px 20px!important;transform:none!important;translate:none!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) > .wrap{width:auto!important;padding:18px 20px 18px!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;column-gap:20px!important;row-gap:16px!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhills{height:126px!important;min-height:0!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mbrands .zk-mb{height:40px!important;min-height:0!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mbrands{gap:6px!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp{grid-column:1 / -1!important;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;column-gap:20px!important;align-items:stretch!important;padding-top:16px!important;border-top:1px solid #E6EEF3!important;margin:0!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp > h4{display:none!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpro{height:auto!important;min-height:0!important;padding:12px 16px!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:2px!important;align-items:center!important;position:relative!important;overflow:hidden!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpro small{grid-column:1 / -1!important;font-size:11px!important;margin:0!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpro b{font-size:20px!important;line-height:1!important;margin:0!important;grid-row:2!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpro span{display:none!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpro em{grid-row:2!important;grid-column:2!important;justify-self:start!important;margin:0 0 0 6px!important;font-size:12.5px!important;padding:6px 12px!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpro img{position:absolute!important;right:10px!important;bottom:-10px!important;height:86px!important;width:auto!important;top:auto!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpills{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-content:space-between!important;align-items:center!important;justify-content:center!important;gap:6px 0!important;margin:0!important;padding:0!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpills li{order:2!important;flex:0 0 auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpills li a{background:none!important;border:0!important;box-shadow:none!important;padding:2px 7px!important;font-size:12.5px!important;font-weight:700!important;color:#0B5468!important;text-decoration:underline!important;text-underline-offset:3px!important;text-decoration-color:rgba(11,84,104,.35)!important;min-height:0!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpills li a svg{display:none!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpills li.zk-mf3{order:1!important;flex:1 0 100%!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpills li.zk-mf3 a.zk-mall{display:flex!important;justify-content:center!important;width:100%!important;box-sizing:border-box!important;background:#04303D!important;color:#fff!important;text-decoration:none!important;padding:11px 14px!important;border-radius:999px!important;font-size:14px!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mtiles .zk-mt b{font-size:12.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding-left:10px!important;padding-right:6px!important;letter-spacing:-.1px!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhills em{white-space:nowrap!important;padding:7px 12px!important;font-size:12.5px!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpills{width:100%!important;box-sizing:border-box!important;min-width:0!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpills li.zk-mf3{flex:0 0 100%!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpills li.zk-mf3 a.zk-mall{margin:0!important;max-width:100%!important}
html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpills li.zk-mf3 a.zk-mall::before,html body .mega.zk-t2-mega:not(#zk-m0):not(#zk-m1):not(#zk-m2):not(#zk-m3):not(#zk-m4):not(#zk-m5):not(#zk-m6):not(#zk-m7):not(#zk-m8):not(#zk-m9) .zk-mhelp .zk-mpills li.zk-mf3::before{display:none!important}
}
/* Review 13b: category tiles and quick filters slide with arrows; footer layout; payment logos on one row */
@media (min-width:600px) and (max-width:899.98px){
html body .zk-slw{position:relative!important;min-width:0!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-sc-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;gap:12px!important;padding:2px 0 6px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-sc-row::-webkit-scrollbar{display:none!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-sc-row > .zk-sc{flex:0 0 150px!important;width:150px!important;max-width:150px!important;aspect-ratio:auto!important;height:auto!important;padding:10px 12px 12px!important;scroll-snap-align:start!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-sc .zk-sc-img{height:96px!important;width:100%!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-sc .zk-sc-img img{height:100%!important;width:auto!important;max-width:100%!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-sc .zk-sc-tx b{font-size:15px!important;white-space:nowrap!important}
html body .zk-slw.zk-slw-s{flex:1 1 auto!important}
html body #app .zk-slw-s:not(#zk-a):not(#zk-b):not(#zk-c) > .zk-rarr{width:32px!important;height:32px!important;box-shadow:0 4px 12px -4px rgba(4,48,61,.45)!important}
html body #app .zk-slw-s:not(#zk-a):not(#zk-b):not(#zk-c) > .zk-rarr svg{width:16px!important;height:16px!important}
html body #app .zk-slw-s > .zk-rarr.next:not(#zk-a):not(#zk-b):not(#zk-c){right:-6px!important}
html body #app .zk-slw-s > .zk-rarr.prev:not(#zk-a):not(#zk-b):not(#zk-c){left:-6px!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .qchips .qchip{height:42px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;box-sizing:border-box!important;flex:0 0 auto!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .qchips{align-items:center!important;padding-right:40px!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body footer .zk-fcols:not(#zk-f1):not(#zk-f2):not(#zk-f3):not(#zk-f4):not(#zk-f5):not(#zk-f6){grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:20px!important;row-gap:28px!important}
html body footer .zk-fcols:not(#zk-f1):not(#zk-f2):not(#zk-f3):not(#zk-f4):not(#zk-f5):not(#zk-f6) > .brandcol{grid-column:1 / -1!important;width:auto!important;max-width:none!important;justify-self:stretch!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:28px!important;row-gap:10px!important;align-items:center!important}
html body footer .zk-fcols:not(#zk-f1):not(#zk-f2):not(#zk-f3):not(#zk-f4):not(#zk-f5):not(#zk-f6) > .brandcol > .lw{grid-row:1 / span 2!important;grid-column:1!important}
html body footer .zk-fcols:not(#zk-f1):not(#zk-f2):not(#zk-f3):not(#zk-f4):not(#zk-f5):not(#zk-f6) > .brandcol > p,html body footer .zk-fcols:not(#zk-f1):not(#zk-f2):not(#zk-f3):not(#zk-f4):not(#zk-f5):not(#zk-f6) > .brandcol > :nth-child(2){grid-column:2!important;margin:0!important;max-width:360px!important}
html body footer .zk-fcols:not(#zk-f1):not(#zk-f2):not(#zk-f3):not(#zk-f4):not(#zk-f5):not(#zk-f6) > .brandcol > .open247{grid-column:2!important;margin:0!important}
html body footer .zk-fcols:not(#zk-f1):not(#zk-f2):not(#zk-f3):not(#zk-f4):not(#zk-f5):not(#zk-f6) > .brandcol > .social{grid-column:3!important;grid-row:1 / span 2!important;margin:0!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body.zk.admin-bar #app .toolbar:not(#zk-a):not(#zk-b){top:calc(env(safe-area-inset-top,0px) + 159px)!important}
html body footer ul.paylogos:not(#zk-a):not(#zk-b):not(#zk-c){gap:8px!important;flex-wrap:nowrap!important}
html body footer ul.paylogos:not(#zk-a):not(#zk-b):not(#zk-c) > li{flex:1 1 0!important;width:auto!important;min-width:0!important;padding:5px 6px!important;box-sizing:border-box!important}
html body footer ul.paylogos:not(#zk-a):not(#zk-b):not(#zk-c) > li img,html body footer ul.paylogos:not(#zk-a):not(#zk-b):not(#zk-c) > li svg{max-width:100%!important;height:auto!important;max-height:30px!important}
}
/* Review 13c: brand heroes (Royal Canin style and Hill's) sized like category banners; range tiles 4 across; Hill's need tiles use cut-outs */
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-bh{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;min-height:0!important;height:auto!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-bh .zk-bh-tx{padding:30px 12px 30px 40px!important;gap:0!important;justify-content:center!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-bh .zk-bh-tx .trustline{gap:7px!important;margin-top:14px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-bh .zk-bh-tx .trustline > span{white-space:nowrap!important;padding:6px 12px!important;font-size:13px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-bh .zk-bh-tx .zk-bh-cta{height:46px!important;margin-top:18px!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-bh .zk-bh-art{scale:1.2!important;transform-origin:78% 82%!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-t2-rgrid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;gap:12px!important;padding-bottom:4px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-t2-rgrid::-webkit-scrollbar{display:none!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-t2-rgrid > .zk-t2{flex:0 0 calc((100% - 36px) / 4)!important;width:auto!important;min-width:0!important;scroll-snap-align:start!important;height:auto!important;min-height:0!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-t2-rgrid > .zk-t2 .zk-t2-img{height:150px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-t2-rgrid > .zk-t2 .zk-t2-img img{height:auto!important;max-height:86%!important;width:auto!important;max-width:84%!important;object-fit:contain!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-t2-rgrid > .zk-t2 .zk-t2-tx{padding:8px 10px 12px 12px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-t2-rgrid > .zk-t2 .zk-t2-tx b{font-size:14.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-t2-rgrid > .zk-t2 .zk-t2-go{display:none!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .hstore{height:auto!important;max-height:none!important;min-height:0!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .hstore > .tx{height:auto!important;padding:30px 12px 30px 40px!important;justify-content:center!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .hstore > .tx h1 > span{font-size:32px!important;line-height:1.08!important;display:block!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .hstore > .tx h1{height:auto!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .hstore > .tx p{font-size:16px!important;margin-top:10px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .hstore > .tx .btn{height:46px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .hstore > .art{height:auto!important;padding:0!important;align-self:stretch!important;display:flex!important;align-items:center!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .hstore > .art .packs{height:220px!important;width:100%!important;translate:-14px 38px!important;scale:1.18!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-hb-sec a.zk-t2-need .zk-t2-go{display:none!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-hb-sec a.zk-t2-need .zk-t2-tx{padding:8px 10px 12px 14px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-hb-sec a.zk-t2-need .zk-t2-tx b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-hb-sec a.zk-t2-need img.zk-hbcut{width:auto!important;height:auto!important;max-height:88%!important;max-width:70%!important;object-fit:contain!important;background:none!important;box-shadow:none!important}
}
/* Review 13d: brands page — feature cards text width, brand tiles proportional with no arrows */
@media (min-width:600px) and (max-width:899.98px){
}
@media (min-width:600px) and (max-width:899.98px){
}
/* Review 13e: brand spotlights; product page buy box, sizes, Payflex, feeding plan, chat button above sticky bar */
/* brands spotlights */
@media (min-width:600px) and (max-width:899.98px){
}
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-buy .bopt[data-mode=auto]{grid-template-columns:22px minmax(0,1fr)!important;column-gap:12px!important;row-gap:6px!important;align-items:start!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-buy .bopt[data-mode=auto] > .rad{grid-row:1!important;grid-column:1!important;margin-top:2px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-buy .bopt[data-mode=auto] > .t{display:contents!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-buy .bopt[data-mode=auto] > .t > b{grid-row:1!important;grid-column:2!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-buy .bopt[data-mode=auto] > .t > span{grid-row:3!important;grid-column:2!important;display:block!important;font-size:13.5px!important;line-height:1.45!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-buy .bopt[data-mode=auto] > .pp{grid-row:2!important;grid-column:2!important;display:flex!important;align-items:baseline!important;gap:8px!important;text-align:left!important;justify-self:start!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-buy .bopt[data-mode=auto] > .pp small{display:inline!important;white-space:nowrap!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-buy .bopt[data-mode=auto] > .freq{grid-column:2!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) form.jgtb-add-to-subscription{grid-template-columns:minmax(0,1fr)!important;row-gap:8px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) form.jgtb-add-to-subscription > *{grid-column:1!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-feed .zk-feedf{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:10px!important;row-gap:10px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-feed .zk-feedf > label:first-child{grid-column:1 / -1!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-feed .zk-feedf > label:first-child .zk-kg{justify-content:center!important;gap:4px!important;width:100%!important;box-sizing:border-box!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-feed .zk-feedf > label:first-child .zk-kg > button:first-child{margin-right:auto!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-feed .zk-feedf > label:first-child .zk-kg > button:last-child{margin-left:auto!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-feed .zk-feedf > label:first-child .zk-kg > input{flex:0 0 52px!important;text-align:right!important;height:36px!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-feed .zk-feedf > label select{width:100%!important;min-width:0!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-feed .zk-feedf > .zk-neut{grid-column:1 / -1!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-feed .zk-feedout small{display:block!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zk-feed .zk-feedout b{font-size:20px!important;white-space:nowrap!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body:has(.stickybuy.on) #tdfa-woo-chat-root.tdfa-chat-right:not(#zk-a){bottom:84px!important;transition:bottom .2s ease!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app .pinfo #jp-relatedposts.jp-relatedposts:not(#zk-a){display:none!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app .pinfo .payflex-widget-wrapper img#payflex-logo{width:86px!important;max-width:86px!important;height:auto!important}
html body #app .pinfo .payflex-widget-wrapper .payflex-self-center:not(#zk-a){flex:0 0 86px!important}
html body #app .pinfo .payflex-widget-wrapper .payflex-ml-4:not(#zk-a){margin-left:12px!important}
html body #app .pinfo .payflex-widget-wrapper br.payflex-break:not(#zk-a){display:none!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app .pinfo .sizes:not(#zk-a):not(#zk-b) > button.size{flex:1 1 0!important;min-width:84px!important}
}
/* Review 13f: cart cross-sells, checkout labels, account tabs slide with arrows, account pet card, saved-for-later 3 across */

/* cart cross-sells */
@media (min-width:600px) and (max-width:899.98px){
}
/* checkout payment sub-labels */
@media (min-width:600px) and (max-width:899.98px){
}
html body.woocommerce-account #app .woocommerce-MyAccount-navigation .zk-slw-s > ul:not(#zk-a){scrollbar-width:none!important;scroll-snap-type:x proximity!important;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)!important;mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)!important}
}
html body #app .woocommerce-MyAccount-content:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6) .zkpet{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important}
html body #app .woocommerce-MyAccount-content:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6) .zkpet .zkpet-l{display:grid!important;grid-template-columns:auto auto!important;justify-content:start!important;gap:6px!important}
html body #app .woocommerce-MyAccount-content:not(#zk-n1):not(#zk-n2):not(#zk-n3):not(#zk-n4):not(#zk-n5):not(#zk-n6) .zkpet .zkpet-l > *{flex:0 0 auto!important;font-size:11.5px!important;padding:5px 9px 5px 7px!important;overflow:visible!important;text-overflow:clip!important}
html body.woocommerce-account #app .zk-saved:not(#zk-a):not(#zk-b):not(#zk-c) > .rail{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-columns:auto!important}
}
/* Review 13g: account empty pet panel */

/* account pets empty state */
@media (min-width:600px) and (max-width:899.98px){
html body.woocommerce-account #app .woocommerce-MyAccount-content:has(> .zk-pdash > .zk-pempty:only-child):not(#zk-a):not(#zk-b){background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important}
html body.woocommerce-account #app .zk-pdash > .zk-pempty:only-child:not(#zk-p0):not(#zk-p1):not(#zk-p2):not(#zk-p3):not(#zk-p4):not(#zk-p5):not(#zk-p6):not(#zk-p7){border-radius:22px!important;overflow:hidden!important}
}
/* Review 13h: account checkbox label; specials Black Friday card, deal and question chips slide with arrows */

/* account checkbox label */
@media (min-width:600px) and (max-width:899.98px){
}
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zsp-bf.zk-bf6{grid-template-columns:96px minmax(0,1.15fr) minmax(0,1fr)!important;column-gap:20px!important;padding-left:26px!important;min-height:0!important;height:auto!important;align-items:center!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zsp-bf.zk-bf6 .zk-bf-date{width:96px!important;height:96px!important;min-width:0!important;border-radius:20px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zsp-bf.zk-bf6 .zk-bf-date b{font-size:42px!important;line-height:1!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zsp-bf.zk-bf6 .zk-bf-date small{font-size:13px!important;line-height:1.1!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zsp-bf.zk-bf6 .zk-bf-tx{padding:26px 0!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zsp-bf.zk-bf6 .zk-bf-h{font-size:25px!important;line-height:1.1!important;height:auto!important;max-height:none!important;white-space:normal!important;margin:6px 0 8px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zsp-bf.zk-bf6 .zk-bf-tx p{font-size:14px!important;line-height:1.45!important;margin:0 0 14px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zsp-bf.zk-bf6 .zk-bf-go{white-space:nowrap!important;height:auto!important;padding:11px 16px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zsp-jump{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zsp-jump > *{flex:0 0 auto!important}
}
@media (min-width:600px) and (max-width:899.98px){
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zsq-chips{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;padding-right:30px!important}
html body #app:not(#zk-s1):not(#zk-s2):not(#zk-s3):not(#zk-s4):not(#zk-s5):not(#zk-s6):not(#zk-s7) .zsq-chips > *{flex:0 0 auto!important}
}
/* Review 13i: Autoship page hero, stats, question chips */
@media (min-width:600px) and (max-width:899.98px){
}
@media (min-width:600px) and (max-width:899.98px){
}
@media (min-width:600px) and (max-width:899.98px){
}
@media (min-width:600px) and (max-width:899.98px){
}