*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:#080808}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid #111;outline-offset:5px}.skip{position:fixed;left:12px;top:-100px;background:white;padding:14px;z-index:20}.skip:focus{top:10px}header{position:sticky;top:0;z-index:10;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 3.4% 8px 7%;min-height:98px;border-bottom:4px solid #111}.brand{display:flex;align-items:center}.brand img{width:100px}nav{display:flex;align-items:center;gap:0}nav>a{font-size:clamp(14px,1.55vw,23px);padding:0 20px;border-right:1px solid #111;white-space:nowrap}.socials{display:flex;gap:10px;padding-left:18px}.socials a{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:44px}.socials svg{width:30px;fill:none;stroke:currentColor;stroke-width:2}.menu-toggle{display:none}.hero{position:relative;background:linear-gradient(to right,#d80b16 0 33.333%,#008b79 33.333% 66.666%,#235b90 66.666%)}.hero-heading{position:relative;z-index:1;margin-left:11%;width:89%;min-height:285px;padding:22px 14% 70px 4%;display:flex;align-items:center;justify-content:center;gap:28px;color:white;background:#323e41;border-radius:0 0 42% 12% / 0 0 25% 25%;clip-path:polygon(0 0,100% 0,69% 100%,0 58%)}.hero-heading .vitalpet{width:160px;filter:brightness(0) invert(1)}.hero-logo{width:220px}.hero-heading h1{font-family:"Barlow Condensed",sans-serif;text-align:center;font-size:24px;line-height:1.05;margin:0}.hero-heading h1 strong{font-size:38px}.hero-heading p{font-family:"Barlow Condensed",sans-serif;font-size:24px;line-height:1.15;border-left:3px solid #a85557;padding-left:22px}.products{display:grid;grid-template-columns:repeat(3,1fr);margin-top:-10px}.product{position:relative;display:flex;align-items:center;gap:20px;min-height:365px;padding:20px 6% 40px;color:#fff;overflow:hidden}.product:after{content:"";position:absolute;inset:50% -10% 20%;border-bottom:7px solid white;transform:rotate(-12deg);pointer-events:none}.product img{position:relative;z-index:1;width:35%;max-height:300px;object-fit:contain}.product div{z-index:1}.product h2{font-size:clamp(22px,2.5vw,38px);font-weight:800;line-height:1.05;margin:0 0 10px}.product p{font-size:clamp(19px,1.9vw,27px);font-weight:700;line-height:1.1;margin:0}.benefits,.ingredients,.nutrition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.adult{--color:#df0916}.puppy{--color:#008f7c}.cat{--color:#235b90}.benefits article{padding:20px 0 28px;scroll-margin-top:110px}.benefits h2{text-align:center;color:var(--color);font:700 clamp(25px,2.9vw,43px)/1.2 "Barlow Condensed",sans-serif;margin:0 6px 14px}.benefits h3{text-align:center;color:#fff;font:400 clamp(21px,2.25vw,33px)/1.2 "Barlow Condensed",sans-serif;margin:0;padding:7px 0;background:linear-gradient(90deg,#fff,var(--color),#fff)}.flavor{display:block;object-fit:contain;width:145px;height:112px;margin:6px auto 0}.benefits ul{list-style:none;padding:0 7% 0 20%;margin:0;display:grid;gap:12px}.benefits li{display:flex;align-items:center;gap:12px;min-height:65px;font-size:clamp(13px,1.1vw,17px);font-weight:800;line-height:1.1}.benefits li img{flex:0 0 60px;width:60px;height:60px;border-radius:50%}.puppy li img{filter:hue-rotate(145deg)}.cat li img{filter:hue-rotate(210deg)}.ingredients article,.nutrition article{background:var(--color);color:white;padding:40px 7%}.ingredients article>img{display:block;width:170px;margin:0 auto 40px}.ingredients h2{font-size:18px;font-weight:800;margin:0}.ingredients p{font-size:17px;line-height:1.3;margin:0;text-align:justify;overflow-wrap:break-word}.nutrition article{padding-top:18px;padding-bottom:18px}.nutrition img{display:block;width:100%}.nutrition a{display:block}footer{background:#323e41;text-align:center;padding:7px}footer img{width:80px;display:block;margin:auto}@media(max-width:1050px) and (min-width:768px){header{padding-left:3%}nav>a{padding:0 10px}.hero-heading{gap:18px;padding-right:10%}.hero-logo{width:170px}.hero-heading .vitalpet{width:120px}.hero-heading p{font-size:20px}.product{gap:10px}.benefits ul{padding-left:8%}.ingredients p{font-size:15px}}
@media(max-width:767px){html{scroll-padding-top:88px}header{min-height:84px;padding:8px 20px}.brand img{width:75px}.menu-toggle{display:grid;gap:5px;padding:10px;border:0;background:white;min-width:44px;min-height:44px;align-content:center}.menu-toggle span{display:block;width:25px;height:2px;background:#111}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:18px 20px;box-shadow:0 7px 14px #0002}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:8px}nav>a{border:0;padding:12px 0;font-size:17px}.socials{padding:0;gap:20px}.hero{background:#323e41}.hero-heading{clip-path:none;border-radius:0;margin:0;width:100%;min-height:0;padding:30px 22px;flex-wrap:wrap;gap:20px}.hero-heading .vitalpet{width:100px}.hero-logo{width:150px}.hero-heading h1{width:100%;font-size:22px}.hero-heading h1 strong{font-size:34px}.hero-heading p{border:0;padding:0;text-align:center;margin:0;font-size:22px}.products,.benefits,.ingredients,.nutrition{grid-template-columns:1fr}.products{margin:0}.product{background:var(--color);padding:28px 25px;min-height:335px;gap:25px}.product img{width:38%;max-height:270px}.product h2{font-size:30px}.product p{font-size:22px}.benefits article{padding-top:26px}.benefits h2{font-size:35px}.benefits h3{font-size:27px}.benefits ul{padding:0 20px;max-width:450px;margin:auto}.benefits li{font-size:15px}.ingredients article{padding:32px 24px}.ingredients article>img{margin-bottom:28px}.ingredients p{font-size:16px;line-height:1.45}.nutrition article{padding:24px;}.nutrition img{max-width:520px;margin:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:767px){.products .product{padding:24px 20px;gap:16px}.products .product img{width:32%;flex-shrink:0}.products .product h2{font-size:clamp(20px,6vw,27px)}.products .product div{min-width:0;flex:1}.products .product p{font-size:20px}}
 .benefits .puppy li img,.benefits .cat li img{filter:none}
 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}