/* Font imports for services/hair-premium-service-offerings/hydration-treatment */

.zoca-aee00601-4816-461d-8148-44395d5aca13 {
  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-7f535081-bf0e-4898-bc7b-97eefa3f811b {
  gap: 10px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.zoca-08a0677b-83e5-45a3-a788-8d28d1575a32 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-92cb6c99-a90a-4f2a-9aaf-f4955fc0566f {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-8b880f03-de1a-4b63-b5fd-fcc53468d4f8 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-5ec2c994-14d5-4b6f-b9c5-c9d8ce2c98e8 {
  gap: 10px;
  display: none;
  align-items: center;
  white-space: nowrap;
}

.zoca-d9cc925f-1d24-44c4-89ba-a4327531d971 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-02408134-9e2b-45aa-b910-d6b12f84d9be {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-d4b3500a-1cd5-4931-b5a4-e88596130cb9 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-ddac061f-bd79-49d3-b976-26ad62f36d40 {
  display: none !important;
}

.zoca-e4c44f37-2bf1-476b-bc3f-81e69e7c0227 {
  display: none !important;
}

.zoca-8d1faf0c-0cbb-45af-b3e0-d5cb9c7423c7 {
  color: black;
  border-radius: 8px !important;
}

.zoca-1c6707dc-5111-4728-871c-c424607b5734 {
  padding: 1.5rem 2rem 0rem 2rem;
}

.zoca-dace3d71-18fc-4c98-9c98-d2308393b427 {
  color: black;
  display: none;
  font-weight: 600;
}

.zoca-0b2e1ba5-7b7a-45b4-bca1-61fd21fdd675 {
  padding: 1.5rem 2rem 2rem 2rem;
}

.zoca-514283f7-ae2f-404d-b0ab-44692d048560 {
  margin-top: var(--space-6);
}

.zoca-050fa1f2-199c-400c-9060-52647b713e4a {
  margin-top: var(--space-6);
}

.zoca-f93a4da7-ef86-4645-a529-3a323cd6ee1e {
  text-align: center !important;
}

.zoca-ba533253-0cdf-43ee-88bd-c42f1b978e40 {
  text-align: center !important;
}

.zoca-1a8bb4f0-c6d6-470e-a1f6-df8e2d8deb2e {
  margin-top: var(--space-8);
}

.zoca-5ec41e5b-7a24-4c1b-9df6-42a12cfe48a7 {
  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-1010c465-ba85-4104-b084-fc12affbf4a7 {
  margin-top: -0.75rem;
}

.zoca-3e9b0d88-642d-4c75-86b6-32f8f3a78913 {
  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-6e1d5fd0-1363-4bf2-a787-81b1eac6b71d {
  padding: 0px !important;
  min-height: 0px !important;
}

@media (max-width: 767Px) {
  .zoca-38526ca3-b273-4af8-96ef-0cc9d218e689 {
    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-38526ca3-b273-4af8-96ef-0cc9d218e689 {
    display: none;
  }
}

.zoca-61d3faa8-8693-4964-85c5-6217e606ba25 {
  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-d042fabe-13a8-44a7-8857-4e546cc7a91d {
  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-397508ca-751d-4e5a-ae7b-2f3a405117fe {
  width: 12px;
  height: 12px;
}

.zoca-54afeb25-b6ea-4469-926c-05ba52cc977c {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -3px;
}

.zoca-dee57d86-90b8-4618-8d3a-73f9dc9c14f4 {
  color: gold;
  font-size: 12px;
  font-weight: 900;
  margin-inline: -5px;
}

.zoca-3d3a17f4-af5b-4fb1-a62d-07b33aa67ea3 {
  color: white;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.zoca-4cdab2ae-2217-4c37-89ee-77918331c995 {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -4px;
}

.zoca-11812936-ac58-4ed9-a46c-06a5047a6cab {
  min-width: 150px;
}

.zoca-e5be69ca-daeb-43af-b503-d4a13b887ff4 {
  display: none !important;
}

.zoca-a97fc3d8-7671-4e68-aa00-efa08857745e {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  position: fixed;
  background-color: #1a1a1a;
}

.zoca-67c36fc7-096a-43be-9e90-75b332f3748a {
  margin: 0 auto;
  padding: 1.35rem 1.5rem;
  max-width: 1200px;
}

@media (max-width: 600px) {
  .zoca-67c36fc7-096a-43be-9e90-75b332f3748a {
    padding: 1rem;
  }
}

.zoca-1311ce83-4584-48bc-ac9c-a67cfa0297d3 {
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zoca-a284cf89-14d1-44e2-bee5-0ac770293db4 {
  gap: 1rem;
  flex: 1;
  display: flex;
  align-items: center;
}

.zoca-0fa5b474-2fe0-4947-9b06-5a53c94f5631 {
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}

.zoca-aa15e780-f3e0-41a6-8c9f-87ef4b9a7eb7 {
  color: #ffffff;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .zoca-aa15e780-f3e0-41a6-8c9f-87ef4b9a7eb7 {
    font-size: 1rem;
  }
}

.zoca-6b0e2a68-bb42-4bb1-866e-d523079ad866 {
  color: #ffffff;
  margin: 0;
  opacity: 0.9;
  font-size: 1rem;
}

.zoca-7d0af0d4-0c9b-4497-9f9f-0eb049ec762d {
  gap: 1rem;
  display: flex;
  align-items: center;
}

.zoca-cc386ac1-9cef-478c-b35b-f42d5a409ecc {
  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-cc386ac1-9cef-478c-b35b-f42d5a409ecc:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 600px) {
  .zoca-cc386ac1-9cef-478c-b35b-f42d5a409ecc {
    padding: 0.6rem;
  font-size: 0.875rem;
  }
}

.zoca-d1128125-9650-4182-83ee-0bd4428ce689 {
  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-d1128125-9650-4182-83ee-0bd4428ce689:hover {
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
  background-color: #f0f0f0;
}

@media (max-width: 600px) {
  .zoca-d1128125-9650-4182-83ee-0bd4428ce689 {
    padding: 0.9rem 1.25rem;
  font-size: 1.25rem;
  }
}

.zoca-6a635c26-1efd-43ba-b553-1abe5d5c0db6 {
  color: var(--color-categoryBanner-foreground);
  width: 100%;
  padding: 8rem 0 8rem 0;
  background: var(--color-categoryBanner-background);
}

.zoca-d3dc1f63-96c4-4172-a90a-41280f959037 {
  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-d3dc1f63-96c4-4172-a90a-41280f959037 {
    min-height: var(--section-height);
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  }
}

@media (max-width: 1024Px) {
  .zoca-d3dc1f63-96c4-4172-a90a-41280f959037 {
    height: auto;
  display: block;
  }
}

.zoca-8d400f08-e536-411d-8a70-3b705877a984 {
  gap: var(--space-6);
  display: flex;
  padding: var(--space-16);
  flex-direction: column;
  justify-content: center;
}

.zoca-b761ff44-649b-4024-bfed-a49fe2a2fd1a {
  text-align: center;
}

.zoca-d45b35a0-037b-477d-b44f-34a71beb6416 {
  display: none;
}

.zoca-c0b40273-4bbd-498d-b38b-753293134c23 {
  overflow: auto;
  max-height: 180px;
}

@media (max-width: 1024Px) {
  .zoca-c0b40273-4bbd-498d-b38b-753293134c23 {
    overflow: auto;
  max-height: auto;
  }
}

.zoca-ae9dcef1-cf7e-4426-9a3e-542125b42f04 {
  gap: var(--space-4);
  display: flex;
  align-items: center;
}

.zoca-ac406ea1-74f7-40fc-8e20-924db81d1c63 {
  display: flex;
  flex-direction: column;
}

.zoca-59f74423-d55d-4551-81cb-3b77b80e6ccf {
  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-59f74423-d55d-4551-81cb-3b77b80e6ccf: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-59f74423-d55d-4551-81cb-3b77b80e6ccf {
    padding: 0.75rem 1.25rem;
  font-size: 0.95rem;
  min-width: 120px;
  }
}

@media (max-width: 768Px) {
  .zoca-59f74423-d55d-4551-81cb-3b77b80e6ccf {
    padding: 0.875rem 1.5rem;
  font-size: 1rem;
  min-width: 140px;
  }
}

.zoca-80b075ba-a98b-42df-85df-98c68096cfa5 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 480Px) {
  .zoca-80b075ba-a98b-42df-85df-98c68096cfa5 {
    min-height: 250px;
  }
}

@media (max-width: 768Px) {
  .zoca-80b075ba-a98b-42df-85df-98c68096cfa5 {
    order: 1;
  min-height: 300px;
  }
}

.zoca-498b8cb6-a9b0-495d-b451-496027c3de36 {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.zoca-246fa5c0-1ba5-4fe2-847f-adfd188332e4 {
  display: none;
}

.zoca-aa744d9c-ddaa-443e-beeb-c52cd3db2db5 {
  display: none;
}

.zoca-e8ae9b4f-a977-4dec-83c2-9bab69f968cc {
  color: var(--color-testimonial-star-background);
}

.zoca-b1a50eff-a9cf-4e43-9339-8e5806a16cf1 {
  color: var(--color-testimonial-star-background);
}

.zoca-399e3da0-df2e-4c46-a4cf-5a4335824e96 {
  color: var(--color-testimonial-star-background);
}

.zoca-912a9ef6-6636-4f20-b146-da4aee2e4b9f {
  color: var(--color-testimonial-star-background);
}

.zoca-0491ccb7-e58a-40e4-8e45-744036418ad4 {
  color: var(--color-testimonial-star-background);
}

.zoca-22fa1b93-4c6f-4633-a618-5dd298c7e000 {
  color: var(--color-testimonial-star-background);
}

.zoca-fe82dd98-d37e-441a-83c0-bcae33c13c00 {
  color: var(--color-testimonial-star-background);
}

.zoca-0d4b0d42-8a45-40cd-bba5-792f650800d0 {
  color: var(--color-testimonial-star-background);
}

.zoca-5b1dfb92-21d4-46da-8815-7495bcd729d0 {
  color: var(--color-testimonial-star-background);
}

.zoca-5ea5c677-4002-413b-b028-febc507c88ea {
  color: var(--color-testimonial-star-background);
}

.zoca-8f19107e-d6b2-42ad-a680-6765e7ba221b {
  color: var(--color-testimonial-star-background);
}

.zoca-bee9b033-3249-437f-92d2-b9a73009633f {
  color: var(--color-testimonial-star-background);
}

.zoca-ed04d53d-e4c9-4bee-9ddd-0ed9fd102e96 {
  color: var(--color-testimonial-star-background);
}

.zoca-cb836849-ab8c-4cea-80d5-ae203bba00b0 {
  color: var(--color-testimonial-star-background);
}

.zoca-963e0597-d2b7-45ca-8bb8-d877f1a91471 {
  color: var(--color-testimonial-star-background);
}

.zoca-e3c9c438-9790-41fa-9b18-66d359b4c8db {
  color: var(--color-testimonial-star-background);
}

.zoca-d9cba58f-2f58-45f8-941c-9f61d8f8c84b {
  color: var(--color-testimonial-star-background);
}

.zoca-85e94aec-dff5-44ee-bef2-8d8fae5d7365 {
  color: var(--color-testimonial-star-background);
}

.zoca-2e2faf92-3b83-4b74-957a-aad7eecaedd5 {
  color: var(--color-testimonial-star-background);
}

.zoca-3d52bc50-364f-4588-8c43-4305c7926981 {
  color: var(--color-testimonial-star-background);
}

.zoca-cdf2c4d4-2e1a-4855-88de-9849f94fa1e3 {
  color: var(--color-testimonial-star-background);
}

.zoca-decc82a0-1fc2-4b33-a26a-1cb0b692018d {
  color: var(--color-testimonial-star-background);
}

.zoca-e3dc94a0-917a-4f03-804c-1e66d70b1ce7 {
  color: var(--color-testimonial-star-background);
}

.zoca-30785542-2be7-4797-bcbf-e72ce8608cc2 {
  color: var(--color-testimonial-star-background);
}

.zoca-9b16b23c-5504-46c6-bcea-e30cf655cd6f {
  color: var(--color-testimonial-star-background);
}

.zoca-cb232d62-c4b1-4729-9f65-4784e84ab32f {
  color: var(--color-testimonial-star-background);
}

.zoca-9988f839-cdf8-4b7d-9da6-1d5dc3a58bbc {
  color: var(--color-testimonial-star-background);
}

.zoca-43095d98-ebd2-4094-b47c-3f57ec8baaa0 {
  color: var(--color-testimonial-star-background);
}

.zoca-f95bd399-eba8-490a-8931-08d74d0cc331 {
  color: var(--color-testimonial-star-background);
}

.zoca-bf93b3e8-64f1-4a0b-8598-57c9f38db156 {
  color: var(--color-testimonial-star-background);
}

.zoca-87974e14-0c2c-4449-a21b-986b8b0ee72d {
  display: none;
}

.zoca-45e7657c-ee8a-4837-8be9-be2ce3e309b2 {
  cursor: pointer;
}

.zoca-656c04e7-622d-4d30-a9cc-5d9d09538736 {
  font-size: var(--text-base);
}

@media (max-width: 768Px) {
  .zoca-656c04e7-622d-4d30-a9cc-5d9d09538736 {
    gap: 6px;
  display: flex;
  margin-top: 30px;
  padding-top: 20px;
  flex-direction: column;
  }
}

@media (min-width: 768Px) {
  .zoca-656c04e7-622d-4d30-a9cc-5d9d09538736 {
    gap: 8px;
  display: flex;
  margin-top: 40px;
  padding-top: 30px;
  flex-direction: row;
  justify-content: space-between;
  }
}

.zoca-fce3bd01-37e0-4a6e-89f0-78b4db9070fb {
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-fce3bd01-37e0-4a6e-89f0-78b4db9070fb {
    order: 3;
  margin-bottom: 2rem;
  }
}

.zoca-84f88690-71b7-4aea-b11d-9fd1ba42cba9 {
  margin: 0;
}

.zoca-005fd633-d956-4d42-82a9-3c07ad7394a4 {
  gap: 10px;
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-005fd633-d956-4d42-82a9-3c07ad7394a4 {
    gap: 6px;
  order: 1;
  margin-bottom: 1.75rem;
  }
}

.zoca-0fb8865b-4724-4044-82c8-e8d8f9ade470 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.zoca-caf188a8-f06b-4752-81d1-0f429f477281 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}