/* Shared Featured Projects finishing rhythm for Renovations service pages. */
:is(
  .bathroom-projects-section,
  .kitchen-featured-projects-section,
  .laundry-featured-projects-section,
  .outdoor-featured-section,
  .full-home-featured-projects-section
) {
  padding-bottom: 72px !important;
}

:is(
  .kitchen-featured-projects-section,
  .laundry-featured-projects-section,
  .outdoor-featured-section
) .bathroom-project-card__tags,
.bathroom-projects-section .bathroom-project-card__highlights,
.full-home-featured-projects-section .project-footer {
  margin-top: 18px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(20, 43, 58, 0.1) !important;
}

.full-home-featured-projects-section .project-footer {
  background: transparent !important;
}

:is(
  .kitchen-featured-projects-section,
  .laundry-featured-projects-section,
  .outdoor-featured-section
) .project-similar-cta,
.full-home-featured-projects-section .project-link {
  margin-top: auto !important;
  padding-top: 22px !important;
  align-self: flex-end !important;
}

:is(
  .bathroom-projects-dots,
  .outdoor-featured-dots,
  .full-home-featured-projects-section .project-dots
) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  width: fit-content !important;
  min-height: 18px !important;
  margin: 28px auto 0 !important;
  padding: 0 !important;
}

:is(
  .bathroom-projects-dots,
  .outdoor-featured-dots,
  .full-home-featured-projects-section .project-dots
) button {
  display: block !important;
  width: 9px !important;
  min-width: 9px !important;
  height: 9px !important;
  min-height: 9px !important;
  padding: 0 !important;
  border: 1.5px solid rgba(196, 147, 63, 0.74) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer;
}

:is(
  .bathroom-projects-dots,
  .outdoor-featured-dots,
  .full-home-featured-projects-section .project-dots
) button:is(.is-active, [aria-current="true"]) {
  width: 9px !important;
  min-width: 9px !important;
  background: #c4933f !important;
  border-color: #c4933f !important;
  box-shadow: 0 0 0 4px rgba(196, 147, 63, 0.12) !important;
}

:is(
  .bathroom-projects-dots,
  .outdoor-featured-dots,
  .full-home-featured-projects-section .project-dots
) button:focus-visible {
  outline: 2px solid #0b2638 !important;
  outline-offset: 4px !important;
}

:is(
  .bathroom-projects-section,
  .kitchen-featured-projects-section,
  .laundry-featured-projects-section,
  .outdoor-featured-section
) .bathroom-projects-footer {
  margin-top: 36px !important;
  text-align: center !important;
}

.full-home-featured-projects-section .full-home-projects-footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 36px !important;
  margin: 28px auto 0 !important;
}

.full-home-featured-projects-section .full-home-projects-footer .project-dots {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  :is(
    .bathroom-projects-section,
    .kitchen-featured-projects-section,
    .laundry-featured-projects-section,
    .outdoor-featured-section,
    .full-home-featured-projects-section
  ) {
    padding-bottom: 64px !important;
  }

  :is(
    .bathroom-projects-dots,
    .outdoor-featured-dots,
    .full-home-featured-projects-section .project-dots
  ) {
    gap: 9px !important;
    margin-top: 24px !important;
  }

  :is(
    .bathroom-projects-section,
    .kitchen-featured-projects-section,
    .laundry-featured-projects-section,
    .outdoor-featured-section
  ) .bathroom-projects-footer {
    margin-top: 30px !important;
  }

  .full-home-featured-projects-section .full-home-projects-footer {
    gap: 30px !important;
    margin-top: 24px !important;
  }
}