/*
 * PetsMunity — marketplace hero visual parity.
 * Applied ONLY to Home, Find a Pet, Supplies, Services, Lost & Found.
 * Keeps each page's existing markup, search, categories, cards, ads, CTAs.
 * No styles target the Pedigree Database.
 */
body.pm-view-home .pm-home-categories,
body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found) .pm-shared-marketplace-hero {
  background-color:#f7fbfc!important;
  background-repeat:no-repeat!important;
  background-size:cover,cover!important;
  background-position:center center,center center!important;
}

/* Home keeps its own pet-community collage; its categories remain in the hero. */
body.pm-view-home .pm-home-categories {
  background-image:linear-gradient(90deg,rgba(247,251,252,.84) 0%,rgba(247,251,252,.70) 29%,rgba(247,251,252,.28) 54%,rgba(247,251,252,0) 82%),
    url('https://petsmunity.com/wp-content/uploads/2026/10/Pastel-Pet-Friends-Banner-1_11zon.webp')!important;
}
/* Five pages, five distinct photos: one home collage and four relevant sections. */
body.pm-view-find-a-pet .pm-shared-marketplace-hero {
  background-image:linear-gradient(90deg,rgba(247,251,252,.84) 0%,rgba(247,251,252,.70) 29%,rgba(247,251,252,.28) 54%,rgba(247,251,252,0) 82%),
    url('https://petsmunity.com/wp-content/uploads/2026/10/pexels-photo-28852102-1600x900.jpeg')!important;
  background-position:center center,65% center!important;
}
body.pm-view-supplies .pm-shared-marketplace-hero {
  background-image:linear-gradient(90deg,rgba(247,251,252,.84) 0%,rgba(247,251,252,.70) 29%,rgba(247,251,252,.28) 54%,rgba(247,251,252,0) 82%),
    url('https://petsmunity.com/wp-content/uploads/2026/10/pexels-photo-4445456-1600x900.jpeg')!important;
  background-position:center center,58% center!important;
}
body.pm-view-services .pm-shared-marketplace-hero {
  background-image:linear-gradient(90deg,rgba(247,251,252,.84) 0%,rgba(247,251,252,.70) 29%,rgba(247,251,252,.28) 54%,rgba(247,251,252,0) 82%),
    url('https://petsmunity.com/wp-content/uploads/2026/10/pexels-photo-16465562-1600x900.jpeg')!important;
  background-position:center center,62% center!important;
}
body.pm-view-lost-found .pm-shared-marketplace-hero {
  background-image:linear-gradient(90deg,rgba(247,251,252,.84) 0%,rgba(247,251,252,.70) 29%,rgba(247,251,252,.28) 54%,rgba(247,251,252,0) 82%),
    url('https://petsmunity.com/wp-content/uploads/2026/10/pexels-photo-7210512-1600x900.jpeg')!important;
  background-position:center center,62% center!important;
}
/* Main homepage: retain the integrated species row (255px copy + row). */
body.pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero {
  min-height:255px!important;height:255px!important;
  box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:flex-end!important;
  padding:18px 34px 14px!important;
}
body.pm-view-home .pm-home-categories .pm-home-category-hero-copy {
  flex:0 0 auto!important;
}
body.pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero>.pm-text-link {
  position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  align-self:flex-start!important;margin:8px 0 0!important;padding:0!important;
}
/* Four marketplace sections: match the Pedigree's full desktop hero height. */
body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
 .pm-shared-marketplace-hero .pm-category-section-head.pm-home-category-hero {
  min-height:365px!important;height:365px!important;
  box-sizing:border-box!important;display:flex!important;
  justify-content:flex-start!important;align-items:flex-end!important;
  padding:20px 48px 24px!important;
}
body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
 .pm-shared-marketplace-hero .pm-home-category-hero-copy{
  flex:0 0 auto!important;
  align-self:flex-end!important;
  width:min(520px,50%)!important;max-width:520px!important;
}
/* Reduce hero headings about 10px vs existing desktop rules. */
body.pm-view-home .pm-home-categories .pm-home-category-hero-copy h1,
body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
 .pm-shared-marketplace-hero .pm-home-category-hero-copy h1 {
  font-size:clamp(26px,calc(3.4vw - 10px),40px)!important;
  line-height:1.07!important;
}
body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
 .pm-shared-marketplace-hero .pm-home-category-hero-copy p {
  font-size:14px!important;line-height:1.45!important;margin-bottom:0!important;
}
@media(max-width:1180px){
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-category-section-head.pm-home-category-hero {
    min-height:365px!important;height:365px!important;align-items:flex-end!important;
    padding:20px 34px 24px!important;
  }
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-home-category-hero-copy{width:min(520px,55%)!important;max-width:55%!important;}
}
@media(max-width:730px){
  body.pm-view-home .pm-home-categories,
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero {
    background-size:cover,cover!important;
  }
  body.pm-view-home .pm-home-categories{
    background-image:linear-gradient(180deg,rgba(247,251,252,.90) 0%,rgba(247,251,252,.70) 29%,rgba(247,251,252,.18) 61%,rgba(247,251,252,0) 83%),
      url('https://petsmunity.com/wp-content/uploads/2026/10/Pastel-Pet-Friends-Banner-1_11zon.webp')!important;
    background-position:center center,67% center!important;
  }
  body.pm-view-find-a-pet .pm-shared-marketplace-hero{
    background-image:linear-gradient(180deg,rgba(247,251,252,.90) 0%,rgba(247,251,252,.70) 29%,rgba(247,251,252,.18) 61%,rgba(247,251,252,0) 83%),
      url('https://petsmunity.com/wp-content/uploads/2026/10/pexels-photo-28852102-1024x683.jpeg')!important;
    background-position:center center,65% center!important;
  }
  body.pm-view-supplies .pm-shared-marketplace-hero{
    background-image:linear-gradient(180deg,rgba(247,251,252,.90) 0%,rgba(247,251,252,.70) 29%,rgba(247,251,252,.18) 61%,rgba(247,251,252,0) 83%),
      url('https://petsmunity.com/wp-content/uploads/2026/10/pexels-photo-4445456-1024x683.jpeg')!important;
    background-position:center center,58% center!important;
  }
  body.pm-view-services .pm-shared-marketplace-hero{
    background-image:linear-gradient(180deg,rgba(247,251,252,.90) 0%,rgba(247,251,252,.70) 29%,rgba(247,251,252,.18) 61%,rgba(247,251,252,0) 83%),
      url('https://petsmunity.com/wp-content/uploads/2026/10/pexels-photo-16465562-1024x683.jpeg')!important;
    background-position:center center,62% center!important;
  }
  body.pm-view-lost-found .pm-shared-marketplace-hero{
    background-image:linear-gradient(180deg,rgba(247,251,252,.90) 0%,rgba(247,251,252,.70) 29%,rgba(247,251,252,.18) 61%,rgba(247,251,252,0) 83%),
      url('https://petsmunity.com/wp-content/uploads/2026/10/pexels-photo-7210512-1024x683.jpeg')!important;
    background-position:center center,62% center!important;
  }
  body.pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero {
    min-height:238px!important;height:238px!important;
    padding:16px 12px!important;
  }
  body.pm-view-home .pm-home-categories .pm-home-category-hero-copy {
    width:min(90%,380px)!important;max-width:380px!important;
  }
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-category-section-head.pm-home-category-hero {
    min-height:340px!important;height:340px!important;
    padding:16px 12px 18px!important;align-items:flex-end!important;
  }
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-home-category-hero-copy {
    width:min(90%,380px)!important;max-width:380px!important;
    align-self:flex-end!important;
  }
  body.pm-view-home .pm-home-categories .pm-home-category-hero-copy h1,
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-home-category-hero-copy h1{
     font-size:20px!important;line-height:1.1!important;
  }
  body.pm-view-home .pm-home-categories .pm-home-category-hero-copy p,
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-home-category-hero-copy p{
     font-size:11.5px!important;line-height:1.4!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
  .pm-shared-marketplace-hero .pm-home-category-hero-copy{transition:none!important}
}

/* Pedigree-exact hero text parity | 2026-10-18 */
/* Match the Pedigree's text position and typography without replacing each image
   or moving marketplace search, advertising, categories or listing modules. */
body.pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero,
body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
 .pm-shared-marketplace-hero .pm-category-section-head.pm-home-category-hero{
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:calc(100vw - 96px)!important;
  max-width:none!important;
  margin:0!important;
  padding:18px 0!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  text-align:left!important;
}
/* Pedigree text container = 550px maximum; left edge at 48px on desktop. */
body.pm-view-home .pm-home-categories .pm-home-category-hero-copy,
body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
 .pm-shared-marketplace-hero .pm-home-category-hero-copy{
  width:min(550px,50%)!important;
  max-width:550px!important;
  flex:0 0 auto!important;
  align-self:flex-start!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
body.pm-view-home .pm-home-categories .pm-home-category-hero-copy h1,
body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
 .pm-shared-marketplace-hero .pm-home-category-hero-copy h1{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:clamp(20px,calc(3.3vw - 10px),39px)!important;
  font-weight:850!important;
  letter-spacing:-.04em!important;
  line-height:1.06!important;
  max-width:550px!important;
  margin:0 0 10px!important;
  color:#17324d!important;
}
body.pm-view-home .pm-home-categories .pm-home-category-hero-copy p,
body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
 .pm-shared-marketplace-hero .pm-home-category-hero-copy p{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:450!important;
  letter-spacing:normal!important;
  line-height:1.45!important;
  max-width:485px!important;
  color:#52697a!important;
  margin:0!important;
  text-align:left!important;
}
/* Home already includes a working category CTA. Keep it below the copy
   while anchoring its text group to the same bottom position. */
body.pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero>.pm-text-link{
  position:static!important;
  inset:auto!important;
  align-self:flex-start!important;
  margin:9px 0 0!important;
  padding:0!important;
}
/* Preserve the original homepage's internal category band and its 255px copy row.
   Other section hero images are 365px tall, like Pedigree. */
body.pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero{
  height:255px!important;
  min-height:255px!important;
}
body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
 .pm-shared-marketplace-hero .pm-category-section-head.pm-home-category-hero{
  height:365px!important;
  min-height:365px!important;
}
@media(max-width:1100px){
  body.pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero,
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-category-section-head.pm-home-category-hero{
    width:calc(100vw - 40px)!important;
  }
}
@media(max-width:730px){
  body.pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero,
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-category-section-head.pm-home-category-hero{
    width:calc(100vw - 24px)!important;
    padding:14px 0!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
  }
  body.pm-view-home .pm-home-categories .pm-home-category-hero-copy,
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-home-category-hero-copy{
    width:100%!important;max-width:420px!important;align-self:flex-start!important;
  }
  body.pm-view-home .pm-home-categories .pm-home-category-hero-copy h1,
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-home-category-hero-copy h1{
    font-size:clamp(19px,calc(8vw - 10px),28px)!important;
    max-width:330px!important;
    line-height:1.06!important;
    margin:0 0 10px!important;
  }
  body.pm-view-home .pm-home-categories .pm-home-category-hero-copy p,
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-home-category-hero-copy p{
    font-size:12px!important;
    line-height:1.45!important;
    max-width:340px!important;
  }
  body.pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero{
    height:238px!important;min-height:238px!important;
  }
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-category-section-head.pm-home-category-hero{
    height:340px!important;min-height:340px!important;
  }
}
@media(max-width:400px){
  body.pm-view-home .pm-home-categories .pm-home-category-hero-copy h1,
  body:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
   .pm-shared-marketplace-hero .pm-home-category-hero-copy h1{
    font-size:18px!important;
  }
}

/* Registry pet-photo reference in Lost & Found report form only. */
body.pm-view-lost-found .pm-chip-reference-photo{display:flex;align-items:center;gap:10px;background:#f4f9fa;border:1px solid #e0ecef;border-radius:9px;padding:9px;margin:8px 0}
body.pm-view-lost-found .pm-chip-reference-photo img{display:block;width:76px;height:76px;max-width:76px;object-fit:cover;border-radius:8px;flex:0 0 76px}
body.pm-view-lost-found .pm-chip-reference-photo small{font-size:11px;color:#617687;line-height:1.5}
