/* Font imports for services/hairstyling/ponytail */

.zoca-3d505f47-295e-4805-b873-91cc7c817d75 {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  border: none;
  cursor: pointer;
  z-index: 999;
  padding: 10px 20px;
  overflow: hidden;
  position: fixed;
  background-color: var(--color-offer-sticky-bar-background);
}

.zoca-c7d7924a-9af1-4ae1-967e-639392668d2a {
  gap: 10px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.zoca-e3eb922f-371c-49b6-ad6f-bcf1a4942369 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-79ca33a9-f82c-486f-a83f-94ab3cf513b3 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-165ee013-f5f9-4926-9278-8b1e640ce849 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-d972f4e4-54b2-48f0-bd92-42eb732837e6 {
  gap: 10px;
  display: none;
  align-items: center;
  white-space: nowrap;
}

.zoca-738a7fed-2ab8-4bea-913b-9d35a428db88 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-8a7f7441-5a6e-4a8e-9ec0-964987070d22 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-37dfeccc-d7b4-4a80-8689-0ce3a44da82f {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-bfbb8ab0-34f3-4f27-8d93-30dd1ea2a2d7 {
  display: none !important;
}

.zoca-e3c66656-af1b-435d-9c45-6039fae77154 {
  display: none !important;
}

.zoca-ebde02cd-08c1-4344-8428-158594f27dec {
  color: black;
  border-radius: 8px !important;
}

.zoca-63bd5146-490d-4647-a1f1-de681b12abf6 {
  padding: 1.5rem 2rem 0rem 2rem;
}

.zoca-9e322c7a-f906-4e27-96aa-9fcdd5fa7f0c {
  color: black;
  display: none;
  font-weight: 600;
}

.zoca-7a404022-a13d-4ef6-a6ae-d3ef9ff15bfa {
  padding: 1.5rem 2rem 2rem 2rem;
}

.zoca-c01946c9-5343-416d-ac4e-e1e5643b912f {
  margin-top: var(--space-6);
}

.zoca-3aee9a94-79a6-4058-bf31-7dc108a426c7 {
  margin-top: var(--space-6);
}

.zoca-060f59cf-88d8-4a26-b751-ad41915cf6d1 {
  text-align: center !important;
}

.zoca-cd19386f-51b2-44ab-b1dd-927dc75e6eaa {
  text-align: center !important;
}

.zoca-92513a17-073e-4a72-a68f-fe072cb3bb5d {
  margin-top: var(--space-8);
}

.zoca-5f705d81-36d6-4fa2-88c1-5d8ec20cb886 {
  gap: var(--space-2);
  color: var(--color-gray-500);
  display: flex;
  font-size: var(--text-sm);
  margin-top: var(--space-4);
  align-items: center;
  justify-content: center;
}

.zoca-b7349ad5-b731-41a3-b45c-3b64931e7e80 {
  margin-top: -0.75rem;
}

.zoca-71fee1a5-daa3-43e9-85e8-7f5e025182f9 {
  gap: var(--space-2);
  color: var(--color-gray-500);
  display: flex;
  font-size: var(--text-sm);
  margin-top: var(--space-4);
  align-items: center;
  justify-content: center;
}

.zoca-77df8d24-7149-4417-8f85-add4346c9d26 {
  padding: 0px !important;
  min-height: 0px !important;
}

@media (max-width: 767Px) {
  .zoca-725e48d4-8d4b-4b54-b724-010c32f49959 {
    left: 0;
  right: 0;
  width: 100%;
  border: none;
  bottom: 0;
  margin: 0;
  z-index: 99;
  display: flex;
  padding: 0;
  position: fixed;
  box-shadow: 0 -8px 8px var(--color-about-background);
  background: transparent;
  flex-direction: column;
  }
}

@media (min-width: 768Px) {
  .zoca-725e48d4-8d4b-4b54-b724-010c32f49959 {
    display: none;
  }
}

.zoca-cad6fc3d-6220-406f-bd4d-803a60b4dabd {
  color: var(--color-floating-cta-foreground);
  width: 100%;
  border: none;
  margin: 0;
  padding: 20px 24px;
  font-size: 18px;
  box-sizing: border-box;
  text-align: center;
  font-weight: 800;
  border-radius: 0;
  background-color: var(--color-floating-cta-background);
}

.zoca-5ee39efa-a6d2-43cd-b109-b0972557704a {
  gap: 8px;
  color: white;
  width: 100%;
  margin: 0;
  display: flex;
  padding: 10px 16px;
  font-size: 14px;
  max-height: 25px;
  min-height: 12px;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  background-color: #4a4a4a;
}

.zoca-91760307-ee82-4dde-ac32-fbdef46fd800 {
  width: 12px;
  height: 12px;
}

.zoca-8ae0770e-4e6f-4eaf-86fd-05f4a359bbb4 {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -3px;
}

.zoca-328e6aff-6f65-48cc-b6d6-6a35c358cdb3 {
  color: gold;
  font-size: 12px;
  font-weight: 900;
  margin-inline: -5px;
}

.zoca-19966e84-b685-4f16-84ff-d92448011f97 {
  color: white;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.zoca-8aae7ce4-a323-4bf3-8440-42eb6c5dbe25 {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -4px;
}

.zoca-f7587c75-06e9-441b-92b7-87a0da6821a7 {
  min-width: 150px;
}

.zoca-1848f86d-6237-4621-b138-c873018ce94b {
  display: none !important;
}

.zoca-46ceab89-3983-4691-b4f6-7ed5ecb3e28f {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  position: fixed;
  background-color: #1a1a1a;
}

.zoca-d9642c33-2e94-490f-b0a3-1ae97a7c219b {
  margin: 0 auto;
  padding: 1.35rem 1.5rem;
  max-width: 1200px;
}

@media (max-width: 600px) {
  .zoca-d9642c33-2e94-490f-b0a3-1ae97a7c219b {
    padding: 1rem;
  }
}

.zoca-3dc8ceb0-1f9e-4373-82ea-cb3d005b1aaa {
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zoca-bb8ef06b-1921-4bed-af6d-3fb1d287a2e2 {
  gap: 1rem;
  flex: 1;
  display: flex;
  align-items: center;
}

.zoca-35c2e87a-18db-4aef-a601-7ca30befadf5 {
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}

.zoca-9e6492f2-b677-469c-b393-9c0bec586b0e {
  color: #ffffff;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .zoca-9e6492f2-b677-469c-b393-9c0bec586b0e {
    font-size: 1rem;
  }
}

.zoca-62ac52ab-5a9d-433a-acd8-78576067ba93 {
  color: #ffffff;
  margin: 0;
  opacity: 0.9;
  font-size: 1rem;
}

.zoca-fa67dcbc-adb1-4b30-b21f-27ad66994212 {
  gap: 1rem;
  display: flex;
  align-items: center;
}

.zoca-819255ae-891d-464f-bd57-c61e40278476 {
  gap: 0.5rem;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  display: flex;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  align-items: center;
  font-weight: 500;
  transition: all 0.2s ease;
  white-space: nowrap;
  border-radius: 50px;
  background-color: transparent;
}

.zoca-819255ae-891d-464f-bd57-c61e40278476:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 600px) {
  .zoca-819255ae-891d-464f-bd57-c61e40278476 {
    padding: 0.6rem;
  font-size: 0.875rem;
  }
}

.zoca-2cd200dd-3d2f-4e61-8e14-ba13c51e1028 {
  color: #000000;
  border: none;
  cursor: pointer;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.2s ease;
  white-space: nowrap;
  border-radius: 50px;
  background-color: #ffffff;
}

.zoca-2cd200dd-3d2f-4e61-8e14-ba13c51e1028:hover {
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
  background-color: #f0f0f0;
}

@media (max-width: 600px) {
  .zoca-2cd200dd-3d2f-4e61-8e14-ba13c51e1028 {
    padding: 0.9rem 1.25rem;
  font-size: 1.25rem;
  }
}

.zoca-48f3f3b9-bcd7-4cc6-ad41-c514666a2cda {
  color: var(--color-categoryBanner-foreground);
  width: 100%;
  padding: 8rem 0 8rem 0;
  background: var(--color-categoryBanner-background);
}

.zoca-039fa32b-9a18-4b9d-bafe-2212c8ab9139 {
  color: var(--color-serviceBanner-card-foreground);
  width: 100%;
  height: 600px;
  display: grid;
  overflow: hidden;
  box-shadow: var(--shadow-2-xl);
  min-height: 500px;
  border-radius: var(--radius-2-xl);
  background-color: var(--color-serviceBanner-card-background);
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 768Px) {
  .zoca-039fa32b-9a18-4b9d-bafe-2212c8ab9139 {
    min-height: var(--section-height);
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  }
}

@media (max-width: 1024Px) {
  .zoca-039fa32b-9a18-4b9d-bafe-2212c8ab9139 {
    height: auto;
  display: block;
  }
}

.zoca-86387cba-8a03-42d0-be25-273d6a4663c1 {
  gap: var(--space-6);
  display: flex;
  padding: var(--space-16);
  flex-direction: column;
  justify-content: center;
}

.zoca-1f413470-289e-4876-b569-9e6f9bce085f {
  text-align: center;
}

.zoca-391db5c4-e9bc-4409-a331-5979781b0415 {
  display: none;
}

.zoca-95039955-9972-48b3-89f6-888d3efc5356 {
  overflow: auto;
  max-height: 180px;
}

@media (max-width: 1024Px) {
  .zoca-95039955-9972-48b3-89f6-888d3efc5356 {
    overflow: auto;
  max-height: auto;
  }
}

.zoca-eb90ffdd-0f57-444b-93ca-88b4973f62c0 {
  gap: var(--space-4);
  display: flex;
  align-items: center;
}

.zoca-3dd39426-ab27-4526-92f6-9ebca3eb5ee1 {
  display: flex;
  flex-direction: column;
}

.zoca-61aad06f-533e-4372-b0c7-33b6ea721881 {
  color: var(--color-primary-button-foreground);
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: 1rem 2rem;
  font-size: 1.1rem;
  min-width: 160px;
  overflow: hidden;
  position: relative;
  box-shadow: var(--shadow-lg);
  align-items: center;
  background: var(--color-primary-button-background);
  font-weight: 600;
  transition: all 0.3s ease;
  border-radius: var(--radius-lg);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  justify-content: center;
}

.zoca-61aad06f-533e-4372-b0c7-33b6ea721881:hover {
  color: var(--color-primary-button-foreground-hover);
  box-shadow: var(--shadow-xl);
  transform: translateY(-2px);
  background: var(--color-primary-button-background-hover);
}

@media (max-width: 480Px) {
  .zoca-61aad06f-533e-4372-b0c7-33b6ea721881 {
    padding: 0.75rem 1.25rem;
  font-size: 0.95rem;
  min-width: 120px;
  }
}

@media (max-width: 768Px) {
  .zoca-61aad06f-533e-4372-b0c7-33b6ea721881 {
    padding: 0.875rem 1.5rem;
  font-size: 1rem;
  min-width: 140px;
  }
}

.zoca-860c95e2-6884-4a50-88d6-0dee904a0536 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 480Px) {
  .zoca-860c95e2-6884-4a50-88d6-0dee904a0536 {
    min-height: 250px;
  }
}

@media (max-width: 768Px) {
  .zoca-860c95e2-6884-4a50-88d6-0dee904a0536 {
    order: 1;
  min-height: 300px;
  }
}

.zoca-a0cafc29-d256-460b-a587-29c604f00379 {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.zoca-d69ef66d-c350-4a9d-b8cf-dadc10216263 {
  display: none;
}

.zoca-a7931d00-334f-4d2a-88cd-8b68cdd2f899 {
  display: none;
}

.zoca-190ceea5-4f71-4e75-be8a-9db44c8ed29b {
  color: var(--color-testimonial-star-background);
}

.zoca-1abc7d50-e446-42d6-b5dd-d6afa160dc9a {
  color: var(--color-testimonial-star-background);
}

.zoca-467a64bb-64ef-492e-b0b7-0c3678dbd33f {
  color: var(--color-testimonial-star-background);
}

.zoca-0ed0086a-ea4e-4ac0-98e8-1f5430b8c697 {
  color: var(--color-testimonial-star-background);
}

.zoca-db3c7c5a-6a1c-4d40-b9b6-c3e4664bd30a {
  color: var(--color-testimonial-star-background);
}

.zoca-b4d1db7e-cc64-4415-afc7-1a802e75fd2a {
  color: var(--color-testimonial-star-background);
}

.zoca-78ebd7c5-a432-4409-bfa3-dd8d057b20a9 {
  color: var(--color-testimonial-star-background);
}

.zoca-d04a7625-074e-47a0-b8b2-34501894cf7e {
  color: var(--color-testimonial-star-background);
}

.zoca-22dc4e28-5c01-4dc2-9bb4-c59c3e581881 {
  color: var(--color-testimonial-star-background);
}

.zoca-1683f999-a067-4bfd-afaa-191a82c575d8 {
  color: var(--color-testimonial-star-background);
}

.zoca-acb51f4b-59e9-4708-850b-093fa22f0c20 {
  font-size: var(--text-base);
}

@media (max-width: 768Px) {
  .zoca-acb51f4b-59e9-4708-850b-093fa22f0c20 {
    gap: 6px;
  display: flex;
  margin-top: 30px;
  padding-top: 20px;
  flex-direction: column;
  }
}

@media (min-width: 768Px) {
  .zoca-acb51f4b-59e9-4708-850b-093fa22f0c20 {
    gap: 8px;
  display: flex;
  margin-top: 40px;
  padding-top: 30px;
  flex-direction: row;
  justify-content: space-between;
  }
}

.zoca-2f9c8b72-89c2-4ff4-8592-61b43c9e2c28 {
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-2f9c8b72-89c2-4ff4-8592-61b43c9e2c28 {
    order: 3;
  margin-bottom: 2rem;
  }
}

.zoca-539ca85f-485f-42e4-a47f-b5f78e0ece24 {
  margin: 0;
}

.zoca-a1bb3701-a9a0-49bf-bde7-9d6c5e06b558 {
  gap: 10px;
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-a1bb3701-a9a0-49bf-bde7-9d6c5e06b558 {
    gap: 6px;
  order: 1;
  margin-bottom: 1.75rem;
  }
}

.zoca-7114c71d-faf9-4c6b-94d1-e0634bdcadbe {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.zoca-35769552-b070-4774-a479-d885580535f7 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}