/* Decorative SVG layer for Agatiy Groom home page */
.hero-copy,
.need-section,
.master-copy,
.services-old,
.works,
.home-blog,
.reviews,
.steps,
.visit,
.faq,
.final-card{
  position:relative;
  isolation:isolate;
}
.hero-copy>*,
.need-section>*,
.master-copy>*,
.services-old>*,
.works>*,
.home-blog>*,
.reviews>*,
.steps>*,
.visit>*,
.faq>*,
.final-card>*{
  position:relative;
  z-index:2;
}

/* HERO */
.hero-copy::before{
  content:"";
  position:absolute;
  z-index:0;
  width:260px;
  height:260px;
  right:4%;
  top:7%;
  background:url("paw-outline.svg") center/contain no-repeat;
  opacity:.105;
  transform:rotate(14deg);
  pointer-events:none;
}
.hero-copy::after{
  content:"";
  position:absolute;
  z-index:0;
  left:-4%;
  right:5%;
  bottom:5%;
  height:130px;
  background:url("waves.svg") center/100% 100% no-repeat;
  opacity:.22;
  pointer-events:none;
}

/* SERVICE CHOOSER */
.need-section::before{
  content:"";
  position:absolute;
  z-index:0;
  width:220px;
  height:220px;
  right:-38px;
  top:42px;
  background:url("heart-paw.svg") center/contain no-repeat;
  opacity:.095;
  transform:rotate(10deg);
  pointer-events:none;
}
.need-section::after{
  content:"";
  position:absolute;
  z-index:0;
  width:250px;
  height:250px;
  left:-72px;
  bottom:-40px;
  background:
    url("sparkles.svg") center/150px 150px no-repeat,
    url("dots.svg") center/96px 96px repeat;
  opacity:.14;
  transform:rotate(-8deg);
  pointer-events:none;
}

/* MASTER */
.master-copy::before{
  content:"";
  position:absolute;
  z-index:0;
  width:360px;
  height:210px;
  right:-80px;
  bottom:18px;
  background:url("comb-outline.svg") center/contain no-repeat;
  opacity:.09;
  transform:rotate(-9deg);
  pointer-events:none;
}
.master-copy::after{
  content:"";
  position:absolute;
  z-index:0;
  width:165px;
  height:165px;
  right:8%;
  top:6%;
  background:url("sparkles.svg") center/contain no-repeat;
  opacity:.14;
  pointer-events:none;
}

/* SERVICES */
.services-old::before{
  content:"";
  position:absolute;
  z-index:0;
  width:285px;
  height:285px;
  right:-35px;
  top:18px;
  background:url("scissors-outline.svg") center/contain no-repeat;
  opacity:.085;
  transform:rotate(13deg);
  pointer-events:none;
}
.services-old::after{
  content:"";
  position:absolute;
  z-index:0;
  width:245px;
  height:245px;
  left:-68px;
  bottom:-25px;
  background:
    url("paw-outline.svg") center/190px 190px no-repeat,
    url("dots.svg") center/88px 88px repeat;
  opacity:.1;
  transform:rotate(-16deg);
  pointer-events:none;
}

/* WORKS */
.works::before{
  content:"";
  position:absolute;
  z-index:0;
  width:340px;
  height:340px;
  left:-80px;
  bottom:-95px;
  background:url("heart-paw.svg") center/contain no-repeat;
  filter:brightness(0) invert(1);
  opacity:.075;
  transform:rotate(-14deg);
  pointer-events:none;
}
.works::after{
  content:"";
  position:absolute;
  z-index:0;
  width:210px;
  height:210px;
  left:42%;
  top:-44px;
  background:url("sparkles.svg") center/contain no-repeat;
  filter:brightness(0) invert(1);
  opacity:.09;
  pointer-events:none;
}

/* BLOG */
.home-blog::before{
  content:"";
  position:absolute;
  z-index:0;
  width:230px;
  height:230px;
  right:-52px;
  top:10px;
  background:url("paw-outline.svg") center/contain no-repeat;
  opacity:.08;
  transform:rotate(17deg);
  pointer-events:none;
}
.home-blog::after{
  content:"";
  position:absolute;
  z-index:0;
  left:4%;
  right:2%;
  bottom:0;
  height:105px;
  background:url("waves.svg") center/100% 100% no-repeat;
  opacity:.14;
  pointer-events:none;
}

/* REVIEWS */
.reviews::before{
  content:"";
  position:absolute;
  z-index:0;
  width:300px;
  height:280px;
  left:-85px;
  top:70px;
  background:url("heart-paw.svg") center/contain no-repeat;
  opacity:.075;
  transform:rotate(-10deg);
  pointer-events:none;
}
.reviews::after{
  content:"";
  position:absolute;
  z-index:0;
  width:180px;
  height:180px;
  right:-25px;
  bottom:10px;
  background:url("sparkles.svg") center/contain no-repeat;
  opacity:.09;
  pointer-events:none;
}

/* STEPS */
.steps::before{
  content:"";
  position:absolute;
  z-index:0;
  width:330px;
  height:330px;
  right:-70px;
  top:-55px;
  background:url("scissors-outline.svg") center/contain no-repeat;
  filter:brightness(0) invert(1);
  opacity:.055;
  transform:rotate(-10deg);
  pointer-events:none;
}
.steps::after{
  content:"";
  position:absolute;
  z-index:0;
  left:1%;
  right:1%;
  bottom:0;
  height:120px;
  background:url("waves.svg") center/100% 100% no-repeat;
  filter:brightness(0) invert(1);
  opacity:.065;
  pointer-events:none;
}

/* VISIT */
.visit::before{
  content:"";
  position:absolute;
  z-index:0;
  width:210px;
  height:210px;
  right:-42px;
  top:18px;
  background:url("paw-outline.svg") center/contain no-repeat;
  opacity:.075;
  transform:rotate(12deg);
  pointer-events:none;
}
.visit::after{
  content:"";
  position:absolute;
  z-index:0;
  width:230px;
  height:180px;
  left:-45px;
  bottom:12px;
  background:url("dots.svg") center/92px 92px repeat;
  opacity:.11;
  pointer-events:none;
}

/* FAQ */
.faq::before{
  content:"";
  position:absolute;
  z-index:0;
  width:350px;
  height:205px;
  left:-95px;
  bottom:0;
  background:url("comb-outline.svg") center/contain no-repeat;
  opacity:.07;
  transform:rotate(8deg);
  pointer-events:none;
}
.faq::after{
  content:"";
  position:absolute;
  z-index:0;
  width:145px;
  height:145px;
  right:0;
  top:24px;
  background:url("sparkles.svg") center/contain no-repeat;
  opacity:.095;
  pointer-events:none;
}

/* FINAL CTA */
.final-card::before{
  content:"";
  position:absolute;
  z-index:0;
  width:250px;
  height:250px;
  left:-45px;
  bottom:-110px;
  background:url("paw-outline.svg") center/contain no-repeat;
  filter:brightness(0) invert(1);
  opacity:.1;
  transform:rotate(-18deg);
  pointer-events:none;
}
.final-card::after{
  content:"";
  position:absolute;
  z-index:0;
  width:330px;
  height:300px;
  right:-70px;
  bottom:-105px;
  background:url("heart-paw.svg") center/contain no-repeat;
  filter:brightness(0) invert(1);
  opacity:.11;
  transform:rotate(10deg);
  pointer-events:none;
}

/* Small visual polish so decorations feel integrated rather than pasted on. */
.need-option,
.service-row-old,
.review-card,
.review-social-card,
.visit-card,
.questions details{
  position:relative;
  z-index:2;
}
.services-old,
.home-blog,
.reviews,
.visit{
  overflow:hidden;
}
.hero-copy,
.master-copy{
  overflow:hidden;
}

/* Tablet: reduce decorative footprint */
@media(max-width:900px){
  .hero-copy::before{width:205px;height:205px;right:-35px;top:5%;opacity:.08}
  .need-section::before{width:165px;height:165px;right:-45px;top:28px}
  .master-copy::before{width:250px;height:160px;right:-70px;bottom:10px}
  .services-old::before{width:200px;height:200px;right:-60px;top:25px}
  .home-blog::before{width:175px;height:175px;right:-55px}
  .reviews::before{width:220px;height:220px;left:-85px}
  .steps::before{width:235px;height:235px;right:-75px}
  .faq::before{width:250px;height:160px;left:-80px}
}

/* Mobile: keep only a few purposeful marks, never behind body copy. */
@media(max-width:640px){
  .hero-copy::before{
    width:150px;height:150px;right:-50px;top:18px;opacity:.07;
  }
  .hero-copy::after{
    left:-20%;right:-10%;bottom:3%;height:85px;opacity:.12;
  }
  .need-section::before{
    width:120px;height:120px;right:-38px;top:20px;opacity:.075;
  }
  .need-section::after{display:none}
  .master-copy::before{
    width:180px;height:110px;right:-72px;bottom:14px;opacity:.07;
  }
  .master-copy::after{
    width:95px;height:95px;right:-10px;top:16px;opacity:.1;
  }
  .services-old::before{
    width:145px;height:145px;right:-48px;top:16px;opacity:.07;
  }
  .services-old::after{display:none}
  .works::before{
    width:210px;height:210px;left:-90px;bottom:-80px;opacity:.055;
  }
  .works::after{display:none}
  .home-blog::before{
    width:120px;height:120px;right:-42px;top:8px;opacity:.065;
  }
  .home-blog::after{height:70px;opacity:.09}
  .reviews::before{
    width:150px;height:145px;left:-62px;top:34px;opacity:.055;
  }
  .reviews::after{display:none}
  .steps::before{
    width:160px;height:160px;right:-62px;top:-30px;opacity:.045;
  }
  .steps::after{height:70px;opacity:.045}
  .visit::before{
    width:120px;height:120px;right:-42px;top:10px;opacity:.055;
  }
  .visit::after{display:none}
  .faq::before{
    width:160px;height:100px;left:-65px;bottom:12px;opacity:.05;
  }
  .faq::after{
    width:82px;height:82px;right:-16px;top:5px;opacity:.07;
  }
  .final-card::before{
    width:140px;height:140px;left:-52px;bottom:-66px;opacity:.08;
  }
  .final-card::after{
    width:205px;height:190px;right:-72px;bottom:-76px;opacity:.09;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-copy::before,.need-section::before,.master-copy::before,
  .services-old::before,.home-blog::before,.reviews::before,
  .steps::before,.visit::before,.faq::before,.final-card::before{
    transform:none;
  }
}