/* Zhanzheng Pets: additive homepage-only content.
 * Footer refinements activate only while the home route is mounted.
 */
body[data-zp-design="public"] main.zp-home.ap-page > .zz-home-extra {
  display:block; position:relative; box-sizing:border-box;
  width:100%; max-width:none; margin:0; border:0; border-radius:0;
  background:#faf8f4; color:#173a30;
  padding:65px 24px 70px; overflow:visible;
}
body[data-zp-design="public"] main.zp-home.ap-page > .zz-home-scenarios {
  padding-top:62px; padding-bottom:70px; background:#fffdf9;
}
body[data-zp-design="public"] .zz-home-extra *,
body[data-zp-design="public"] .zz-home-extra *::before,
body[data-zp-design="public"] .zz-home-extra *::after { box-sizing:border-box; }
body[data-zp-design="public"] .zz-home-extra .zz-home-extra-inner {
  width:100%; max-width:1420px; margin:0 auto;
}
body[data-zp-design="public"] .zz-home-extra .zz-home-extra-heading {margin:0 0 28px; max-width:820px;}
body[data-zp-design="public"] .zz-home-extra .zz-home-extra-eyebrow {
  display:block; color:#74806b; letter-spacing:.17em; font-size:11px;
  font-weight:700; line-height:1.5; margin:0 0 12px;
}
body[data-zp-design="public"] .zz-home-extra .zz-home-extra-heading h2 {
  font-family:Arial,Helvetica,sans-serif; color:#14372c!important;
  font-size:clamp(29px,3.0vw,44px)!important; font-weight:700!important;
  line-height:1.12!important; letter-spacing:-.035em!important; margin:0 0 12px!important;
}
body[data-zp-design="public"] .zz-home-extra .zz-home-extra-heading p {
  color:#65716b!important; font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(14px,1.15vw,16px)!important; line-height:1.6!important;
  max-width:800px; margin:0!important;
}
body[data-zp-design="public"] .zz-home-solutions-grid,
body[data-zp-design="public"] .zz-home-scenarios-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px;
}
body[data-zp-design="public"] .zz-home-solution-card {
  display:grid; grid-template-columns:minmax(0,1.09fr) minmax(0,.91fr);
  min-width:0; min-height:355px; border:1px solid #eee6db;
  border-radius:16px; overflow:hidden; background:#f5f0e8;
  transition:box-shadow .25s ease,transform .25s ease;
}
body[data-zp-design="public"] .zz-home-solution-copy {
  position:relative; z-index:1; display:flex; flex-direction:column;
  align-items:flex-start; padding:33px 8px 32px 31px;
  background:linear-gradient(90deg,#f6f1e9 82%,rgba(246,241,233,.8));
}
body[data-zp-design="public"] .zz-home-solution-icon {
  display:grid; place-items:center; width:37px; height:37px; margin-bottom:17px;
  color:#294738; border:1px solid #e2d9c8; background:#f9f6ed;
  border-radius:50%; font-size:27px; line-height:1;
}
body[data-zp-design="public"] .zz-home-solution-card h3 {
  font-size:clamp(22px,1.7vw,29px)!important; line-height:1.16!important;
  color:#183b2f!important; font-weight:700!important; letter-spacing:-.035em!important;
  margin:0 0 13px!important;
}
body[data-zp-design="public"] .zz-home-solution-card p {
  font-size:14px!important; line-height:1.65!important; color:#52665c!important;
  margin:0 0 22px!important; max-width:290px;
}
body[data-zp-design="public"] .zz-home-solution-photo {position:relative;min-width:0; min-height:100%; overflow:hidden;}
body[data-zp-design="public"] .zz-home-solution-photo::before {
  content:""; position:absolute; inset:0 auto 0 0; width:22px; z-index:1;
  background:linear-gradient(90deg,rgba(246,241,233,.8),transparent); pointer-events:none;
}
body[data-zp-design="public"] .zz-home-solution-photo img {
  width:100%; height:100%; position:absolute; inset:0; object-fit:cover;
  object-position:45% center; display:block; transition:transform .7s ease;
}
body[data-zp-design="public"] .zz-home-solution-photo-supplements img { object-position:56% center; }
body[data-zp-design="public"] .zz-home-extra a.zz-home-extra-button {
  display:inline-flex; align-items:center; justify-content:center; gap:13px;
  min-height:43px; max-width:100%; padding:10px 17px;
  margin-top:auto; border:0; border-radius:999px; background:#ffa66f;
  color:#202b23!important; font-size:13px!important; line-height:1.25;
  font-weight:700!important; text-decoration:none!important;
  transition:background-color .2s ease,transform .2s ease;
}
body[data-zp-design="public"] .zz-home-extra a.zz-home-extra-button svg {width:17px;height:17px;flex:none;}
body[data-zp-design="public"] .zz-home-scenario-card {
  display:grid; grid-template-columns:minmax(0,.39fr) minmax(0,.61fr);
  min-height:0; overflow:hidden; border:1px solid #eae4da;
  border-radius:15px; background:#fff;
  transition:box-shadow .25s ease,transform .25s ease;
}
body[data-zp-design="public"] .zz-home-scenario-photo {position:relative; min-width:0; background:#efe6dc;}
body[data-zp-design="public"] .zz-home-scenario-photo img {
  width:100%; height:100%; position:absolute; inset:0; object-fit:cover;
  object-position:49% center; display:block; transition:transform .7s ease;
}
body[data-zp-design="public"] .zz-home-scenario-card:first-child .zz-home-scenario-photo img {object-position:48% center;}
body[data-zp-design="public"] .zz-home-scenario-card:last-child .zz-home-scenario-photo img {object-position:72% center;}
body[data-zp-design="public"] .zz-home-scenario-copy {
  min-width:0; display:flex; align-items:flex-start; flex-direction:column;
  padding:30px 26px 27px; background:#fff;
}
body[data-zp-design="public"] .zz-home-scenario-copy h3 {
  margin:0 0 10px!important; font-size:clamp(18px,1.5vw,23px)!important;
  font-weight:700!important; line-height:1.2!important; color:#203b30!important;
}
body[data-zp-design="public"] .zz-home-scenario-copy > p {
  font-size:13px!important; line-height:1.55!important; color:#6a756e!important;
  margin:0 0 15px!important;
}
body[data-zp-design="public"] .zz-home-scenario-list {
  display:grid; gap:9px; padding:0; margin:0; list-style:none;
}
body[data-zp-design="public"] .zz-home-scenario-list li {
  display:flex; gap:9px; align-items:flex-start; font-size:12.5px;
  line-height:1.35; color:#475950;
}
body[data-zp-design="public"] .zz-home-check {
  display:grid; place-items:center; width:20px; height:20px;
  flex:0 0 20px; margin-top:-1px; border-radius:50%;
  background:#f5eadc; color:#29503a;
}
body[data-zp-design="public"] .zz-home-check svg {width:14px;height:14px;}
@media (hover:hover) {
  body[data-zp-design="public"] .zz-home-extra a.zz-home-extra-button:hover {background:#f89460;transform:translateY(-1px);}
  body[data-zp-design="public"] .zz-home-solution-card:hover,
  body[data-zp-design="public"] .zz-home-scenario-card:hover {box-shadow:0 16px 35px rgba(65,43,25,.10);transform:translateY(-2px);}
  body[data-zp-design="public"] .zz-home-solution-card:hover img,
  body[data-zp-design="public"] .zz-home-scenario-card:hover img {transform:scale(1.035);}
}
body[data-zp-design="public"] .zz-home-extra a.zz-home-extra-button:focus-visible {
  outline:3px solid #224f40;outline-offset:3px;
}
@media(max-width:1050px){
  body[data-zp-design="public"] .zz-home-solution-card {min-height:328px;grid-template-columns:1.12fr .88fr;}
  body[data-zp-design="public"] .zz-home-solution-copy {padding:24px 5px 24px 22px;}
  body[data-zp-design="public"] .zz-home-scenario-card {grid-template-columns:.37fr .63fr;}
  body[data-zp-design="public"] .zz-home-scenario-copy {padding:24px 18px;}
}
@media(max-width:760px){
  body[data-zp-design="public"] main.zp-home.ap-page > .zz-home-extra,
  body[data-zp-design="public"] main.zp-home.ap-page > .zz-home-scenarios {padding:40px 18px 44px;}
  body[data-zp-design="public"] .zz-home-extra .zz-home-extra-heading {margin-bottom:23px;}
  body[data-zp-design="public"] .zz-home-extra .zz-home-extra-heading h2 {font-size:29px!important;}
  body[data-zp-design="public"] .zz-home-solutions-grid,
  body[data-zp-design="public"] .zz-home-scenarios-grid {grid-template-columns:1fr;gap:14px;}
  body[data-zp-design="public"] .zz-home-solution-card {min-height:295px;grid-template-columns:1.07fr .93fr;}
  body[data-zp-design="public"] .zz-home-scenario-card {min-height:0;grid-template-columns:.4fr .6fr;}
}
@media(max-width:480px){
  body[data-zp-design="public"] .zz-home-solution-card {grid-template-columns:1fr;min-height:0;}
  body[data-zp-design="public"] .zz-home-solution-copy {order:2;padding:21px 20px 20px;}
  body[data-zp-design="public"] .zz-home-solution-icon {display:none;}
  body[data-zp-design="public"] .zz-home-solution-photo {order:1;height:190px;min-height:190px;}
  body[data-zp-design="public"] .zz-home-solution-photo img {object-position:center;}
  body[data-zp-design="public"] .zz-home-solution-card p {max-width:none;}
  body[data-zp-design="public"] .zz-home-scenario-card {grid-template-columns:1fr;}
  body[data-zp-design="public"] .zz-home-scenario-photo {height:162px;min-height:162px;}
  body[data-zp-design="public"] .zz-home-scenario-copy {padding:22px;}
  body[data-zp-design="public"] .zz-home-extra a.zz-home-extra-button {margin-top:4px;}
}
@media(prefers-reduced-motion:reduce){
  body[data-zp-design="public"] .zz-home-extra *,
  body[data-zp-design="public"] .zz-home-extra *::before,
  body[data-zp-design="public"] .zz-home-extra *::after {transition:none!important;animation:none!important;transform:none!important;}
}

/* Homepage refinement: preserve the complete product group in both crop shapes. */
body[data-zp-design="public"] .zz-home-solution-photo-litter,
body[data-zp-design="public"] .zz-home-scenario-card:first-child .zz-home-scenario-photo {
  background:#f3ede3;
}
body[data-zp-design="public"] .zz-home-solution-photo-litter img,
body[data-zp-design="public"] .zz-home-scenario-card:first-child .zz-home-scenario-photo img {
  object-fit:contain; object-position:center;
}
body[data-zp-design="public"] main.zp-home.ap-page > .zz-home-scenarios {
  padding-top:50px; padding-bottom:52px;
}
/* The home inquiry form already introduces the project; make its following CTA compact. */
body.zz-home-refined #app > footer.zp-public-footer .zp-footer-wrap {padding-top:28px;}
body.zz-home-refined #app > footer.zp-public-footer .zp-footer-intro {
  padding:24px 30px; margin-bottom:30px; gap:24px;
  flex-direction:row; align-items:center;
}
body.zz-home-refined #app > footer.zp-public-footer .zp-footer-intro .zp-eyebrow,
body.zz-home-refined #app > footer.zp-public-footer .zp-footer-intro p {display:none;}
body.zz-home-refined #app > footer.zp-public-footer .zp-footer-intro h2 {
  font-size:clamp(24px,2.1vw,30px)!important; line-height:1.15!important; margin:0!important;
}
body.zz-home-refined #app > footer.zp-public-footer .zp-project-button {
  flex-shrink:0; min-height:48px; padding:6px 8px 6px 20px; gap:18px;
}
@media(max-width:760px) {
  body[data-zp-design="public"] main.zp-home.ap-page > .zz-home-scenarios {padding:36px 18px 40px;}
  body.zz-home-refined #app > footer.zp-public-footer .zp-footer-intro {
    flex-direction:column; align-items:flex-start; padding:22px; gap:18px; margin-bottom:26px;
  }
}