/* Font imports for services/hairstyling/coloring */

.zoca-bfe079c0-3b1d-457d-8113-64ad7e7e6e3c {
  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-2c659a3e-76a6-4d3d-83f4-0d7d69efa650 {
  gap: 10px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.zoca-949cd2f7-aac6-4c50-a288-e67d1a11d4c6 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-f5dc4467-d6a4-403e-aa9c-2f2010e91bf3 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-fcf1829f-7856-4d77-8167-fe8142aab051 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-813ae3ff-e48f-4009-9ebb-b4e2ab9abe10 {
  gap: 10px;
  display: none;
  align-items: center;
  white-space: nowrap;
}

.zoca-f287ba32-1013-40a2-b9c6-be95217278d7 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-0b311216-77e7-4911-8eaa-e7e8296c0120 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-ad220a0f-679f-48b6-8f3f-50fdb44e8a4e {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-36ec3bf6-0a66-41f8-88ba-530908f817ef {
  display: none !important;
}

.zoca-40b13c2a-50e6-4a45-9167-faff0aac1357 {
  display: none !important;
}

.zoca-7eeaf3dd-b8fe-481b-9904-2507907d30c2 {
  color: black;
  border-radius: 8px !important;
}

.zoca-22d0fe3b-81a3-4d2d-8a71-3b3fb1f41949 {
  padding: 1.5rem 2rem 0rem 2rem;
}

.zoca-92bf9bcb-3623-4493-8e96-4d1c3661dcd8 {
  color: black;
  display: none;
  font-weight: 600;
}

.zoca-de277a78-5bff-4499-8be8-b905a90055e1 {
  padding: 1.5rem 2rem 2rem 2rem;
}

.zoca-05d9b580-0891-477b-a7a1-333d219f3a66 {
  margin-top: var(--space-6);
}

.zoca-89626825-5ec0-4987-b6d4-fe7888143cf9 {
  margin-top: var(--space-6);
}

.zoca-be31c19c-a497-40b4-ba43-f974d53799ef {
  text-align: center !important;
}

.zoca-85026b73-280b-4394-88d5-7d6e6a729dab {
  text-align: center !important;
}

.zoca-1b5a25b6-7ea7-4f13-ae69-1b5687a35787 {
  margin-top: var(--space-8);
}

.zoca-a906fa43-6717-42ea-ae05-e6cefc933d27 {
  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-b925e953-097a-4bf1-aece-e7d3fd2cddb9 {
  margin-top: -0.75rem;
}

.zoca-dd1a2fb9-9ce6-4a52-b48e-b50047c18054 {
  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-45bdfae5-79dc-48f1-834c-4e457851cdc7 {
  padding: 0px !important;
  min-height: 0px !important;
}

@media (max-width: 767Px) {
  .zoca-94ee81eb-1659-479b-aa6f-550aa88da464 {
    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-94ee81eb-1659-479b-aa6f-550aa88da464 {
    display: none;
  }
}

.zoca-bdef4149-8fed-4033-b290-6db209e800df {
  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-d049badc-e484-4a62-a303-2245cf5f06fb {
  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-8df76594-7dab-466f-a657-1be5a6392143 {
  width: 12px;
  height: 12px;
}

.zoca-fb51b662-54ed-4520-ac6d-25e58a5bcda7 {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -3px;
}

.zoca-9665cf57-f0bf-47c8-b00c-b8bb903a8aae {
  color: gold;
  font-size: 12px;
  font-weight: 900;
  margin-inline: -5px;
}

.zoca-81ccccc4-9144-4c22-ad81-77af655deb63 {
  color: white;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.zoca-bd2088c8-9ec0-49ab-8e4c-800e19e1da1f {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -4px;
}

.zoca-ab89c4b5-ba63-412a-8177-501eca632597 {
  min-width: 150px;
}

.zoca-62e6c072-d97f-4ae6-97f5-74454f07300f {
  display: none !important;
}

.zoca-42411a6b-ce45-4bce-b1b5-4059d29cfba3 {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  position: fixed;
  background-color: #1a1a1a;
}

.zoca-29398b49-5c2b-4235-a83c-b69c53a0f69f {
  margin: 0 auto;
  padding: 1.35rem 1.5rem;
  max-width: 1200px;
}

@media (max-width: 600px) {
  .zoca-29398b49-5c2b-4235-a83c-b69c53a0f69f {
    padding: 1rem;
  }
}

.zoca-b3abd173-2f0f-4410-bbec-b3da65e47cfd {
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zoca-f57fb92c-5946-45c5-ba0b-a152537de077 {
  gap: 1rem;
  flex: 1;
  display: flex;
  align-items: center;
}

.zoca-6410d516-859e-4b08-8573-47a30bf1bb32 {
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}

.zoca-a3a0102c-26b7-4a4d-a3b9-8cc4aa9c7ba7 {
  color: #ffffff;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .zoca-a3a0102c-26b7-4a4d-a3b9-8cc4aa9c7ba7 {
    font-size: 1rem;
  }
}

.zoca-067f1713-3ee2-4448-8ef7-6f1f363b1a28 {
  color: #ffffff;
  margin: 0;
  opacity: 0.9;
  font-size: 1rem;
}

.zoca-bbc58074-09e2-474a-bfd6-2f3b94659035 {
  gap: 1rem;
  display: flex;
  align-items: center;
}

.zoca-7983aa79-1280-4a41-947b-6f3bf855228f {
  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-7983aa79-1280-4a41-947b-6f3bf855228f:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 600px) {
  .zoca-7983aa79-1280-4a41-947b-6f3bf855228f {
    padding: 0.6rem;
  font-size: 0.875rem;
  }
}

.zoca-d6dd05b6-2acb-412a-b199-91e221e21c26 {
  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-d6dd05b6-2acb-412a-b199-91e221e21c26:hover {
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
  background-color: #f0f0f0;
}

@media (max-width: 600px) {
  .zoca-d6dd05b6-2acb-412a-b199-91e221e21c26 {
    padding: 0.9rem 1.25rem;
  font-size: 1.25rem;
  }
}

.zoca-c17029f6-1fc5-410b-975e-9afee4dc46f2 {
  color: var(--color-categoryBanner-foreground);
  width: 100%;
  padding: 8rem 0 8rem 0;
  background: var(--color-categoryBanner-background);
}

.zoca-c07eeed4-771f-49f9-8d6c-abb4b8875d65 {
  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-c07eeed4-771f-49f9-8d6c-abb4b8875d65 {
    min-height: var(--section-height);
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  }
}

@media (max-width: 1024Px) {
  .zoca-c07eeed4-771f-49f9-8d6c-abb4b8875d65 {
    height: auto;
  display: block;
  }
}

.zoca-91ae4384-4882-4344-95e7-a400780b7678 {
  gap: var(--space-6);
  display: flex;
  padding: var(--space-16);
  flex-direction: column;
  justify-content: center;
}

.zoca-a1af3155-b61b-4079-950b-d51eaa3500a2 {
  text-align: center;
}

.zoca-cb730d0c-a501-402d-940e-0d5ee50037b7 {
  display: none;
}

.zoca-a7e6ecd9-93f3-4101-bee2-b5800ce78331 {
  overflow: auto;
  max-height: 180px;
}

@media (max-width: 1024Px) {
  .zoca-a7e6ecd9-93f3-4101-bee2-b5800ce78331 {
    overflow: auto;
  max-height: auto;
  }
}

.zoca-ec0739ae-38ff-4bb5-be20-276683fcc0af {
  gap: var(--space-4);
  display: flex;
  align-items: center;
}

.zoca-03fd315f-6054-472b-bea5-01dcf7e53564 {
  display: flex;
  flex-direction: column;
}

.zoca-581d4cde-93d7-4a8d-a341-6afd437796fa {
  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-581d4cde-93d7-4a8d-a341-6afd437796fa: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-581d4cde-93d7-4a8d-a341-6afd437796fa {
    padding: 0.75rem 1.25rem;
  font-size: 0.95rem;
  min-width: 120px;
  }
}

@media (max-width: 768Px) {
  .zoca-581d4cde-93d7-4a8d-a341-6afd437796fa {
    padding: 0.875rem 1.5rem;
  font-size: 1rem;
  min-width: 140px;
  }
}

.zoca-b16ea8ee-5c10-4941-85c0-465e98ac58d6 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 480Px) {
  .zoca-b16ea8ee-5c10-4941-85c0-465e98ac58d6 {
    min-height: 250px;
  }
}

@media (max-width: 768Px) {
  .zoca-b16ea8ee-5c10-4941-85c0-465e98ac58d6 {
    order: 1;
  min-height: 300px;
  }
}

.zoca-3bf025cd-80e3-45d9-ad0a-e915d3646e36 {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.zoca-7610f22a-f981-4277-a602-96f725d9031c {
  display: none;
}

.zoca-7ecc6303-16db-4a7d-a193-9b7f781477bf {
  display: none;
}

.zoca-07d640ae-aa22-492f-a33c-110ee295e35e {
  color: var(--color-testimonial-star-background);
}

.zoca-04060641-ecf4-40e4-84df-b269f195b9a7 {
  color: var(--color-testimonial-star-background);
}

.zoca-28584512-2cf9-44b5-b216-501943b868e2 {
  color: var(--color-testimonial-star-background);
}

.zoca-af14da8c-c397-4b6f-ba60-d4a20e5bd23b {
  color: var(--color-testimonial-star-background);
}

.zoca-65737795-ab33-48eb-a547-ad5bc91257c1 {
  color: var(--color-testimonial-star-background);
}

.zoca-925fe0dd-5c93-4ad4-bc43-fec314f70ade {
  color: var(--color-testimonial-star-background);
}

.zoca-9481fdd3-5df7-4c64-8f5e-7bb8bedb4550 {
  color: var(--color-testimonial-star-background);
}

.zoca-bcd4bf7f-a123-4fbc-bd2b-c453c8288e06 {
  color: var(--color-testimonial-star-background);
}

.zoca-5fc3929b-0827-4fe4-8970-251a5232cf55 {
  color: var(--color-testimonial-star-background);
}

.zoca-1ceb3fd4-797e-426b-96e2-7c7974840cc5 {
  color: var(--color-testimonial-star-background);
}

.zoca-74a6cd21-24f1-4ced-ab11-8011921de08d {
  display: none;
}

.zoca-193f2cf4-06c3-4d76-9e7b-36d51d9d7a44 {
  cursor: pointer;
}

.zoca-3fcdb688-0496-4ab2-aa67-2613a1ee4757 {
  font-size: var(--text-base);
}

@media (max-width: 768Px) {
  .zoca-3fcdb688-0496-4ab2-aa67-2613a1ee4757 {
    gap: 6px;
  display: flex;
  margin-top: 30px;
  padding-top: 20px;
  flex-direction: column;
  }
}

@media (min-width: 768Px) {
  .zoca-3fcdb688-0496-4ab2-aa67-2613a1ee4757 {
    gap: 8px;
  display: flex;
  margin-top: 40px;
  padding-top: 30px;
  flex-direction: row;
  justify-content: space-between;
  }
}

.zoca-7ee2a858-8228-48d7-97fd-e39eba698343 {
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-7ee2a858-8228-48d7-97fd-e39eba698343 {
    order: 3;
  margin-bottom: 2rem;
  }
}

.zoca-66f276d2-3b0b-40c2-88ef-4b0bf1e39fe8 {
  margin: 0;
}

.zoca-f364a657-b98a-4095-b0ba-43f61cbaba4b {
  gap: 10px;
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-f364a657-b98a-4095-b0ba-43f61cbaba4b {
    gap: 6px;
  order: 1;
  margin-bottom: 1.75rem;
  }
}

.zoca-ef5552a0-5ca6-4730-a3a9-a5f0a35bd449 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.zoca-765e2dc3-443b-4f47-a729-2036f1f2ff63 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}