/* Font imports for services/hair-extensions/bundles-and-wigs */

.zoca-ea4bcaae-2d75-4d1f-b724-7d71cfc07c92 {
  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-b2bf9103-d511-4a9a-aeca-0a532987c380 {
  gap: 10px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.zoca-72ba033e-5ad3-4f95-8fc8-9fd0d39bc713 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-570fbfe5-5b81-4aaf-b0ed-d9796e952196 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-d2576c5e-b592-44aa-b630-5f833d8bf5cd {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-e77121ff-94db-4032-a153-f86d6b24b3ac {
  gap: 10px;
  display: none;
  align-items: center;
  white-space: nowrap;
}

.zoca-20a65d11-e7f6-42b1-a9c1-076b6e31adf4 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-027bcd47-b87b-41b3-aaa0-60d12af8ab5a {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-d8d1aa9f-d254-40bd-9d7c-defafadaffba {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-ba2c25cd-efae-4df8-b591-b3a4e4b450e2 {
  display: none !important;
}

.zoca-e61ca2ed-a3e6-4a1c-9059-64552eeb1968 {
  display: none !important;
}

.zoca-11077ffe-f135-4637-98e3-9584e3c4ea51 {
  color: black;
  border-radius: 8px !important;
}

.zoca-549d018d-043a-422b-953d-3ee66f548628 {
  padding: 1.5rem 2rem 0rem 2rem;
}

.zoca-0bc71dfa-8a7b-452f-b77b-91a524a0c8a9 {
  color: black;
  display: none;
  font-weight: 600;
}

.zoca-9c10a1ca-0a4b-461b-9a73-7b30b80e8024 {
  padding: 1.5rem 2rem 2rem 2rem;
}

.zoca-501b6699-fc03-4458-a04b-0147dd7e0eec {
  margin-top: var(--space-6);
}

.zoca-df8fa4c2-7390-4d13-8e65-143d8e1a33f0 {
  margin-top: var(--space-6);
}

.zoca-01661036-a91a-4855-855a-03cd5829c0e9 {
  text-align: center !important;
}

.zoca-87483946-85d1-4d64-88e1-1144120323db {
  text-align: center !important;
}

.zoca-63caacc2-c490-4283-8513-e4015e274a5f {
  margin-top: var(--space-8);
}

.zoca-2862f8ab-549a-4bec-a385-804afed25e68 {
  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-c04ee335-5b5a-40b3-9fb0-92754ff6e8d2 {
  margin-top: -0.75rem;
}

.zoca-24d73d4e-e061-45f7-aa8c-6a551f782b27 {
  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-f9313a45-a5de-48e7-aa62-daa7e7035cc4 {
  padding: 0px !important;
  min-height: 0px !important;
}

@media (max-width: 767Px) {
  .zoca-fa3797ae-b0ea-45a2-9694-5f7e6e7c6dfe {
    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-fa3797ae-b0ea-45a2-9694-5f7e6e7c6dfe {
    display: none;
  }
}

.zoca-741bd363-3670-450e-bdd3-f4e66f8af495 {
  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-dc62be86-5085-4d53-9327-06669ad6322a {
  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-720d3e6e-5925-44ce-9638-9dcbfe43b6fc {
  width: 12px;
  height: 12px;
}

.zoca-f97ba6c4-eb0d-4da9-8ec6-d176797659d1 {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -3px;
}

.zoca-c05aed1e-ff82-4e99-a487-7ed8e6e4c6ea {
  color: gold;
  font-size: 12px;
  font-weight: 900;
  margin-inline: -5px;
}

.zoca-55224b78-e5dc-47f5-be2b-0438d016c522 {
  color: white;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.zoca-32a5a1e4-c831-4da8-94a5-dbaeec1eba99 {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -4px;
}

.zoca-ee24ef29-e7cd-4411-8941-d3170464493c {
  min-width: 150px;
}

.zoca-3e99f797-6d57-42ee-b6be-38579381feb0 {
  display: none !important;
}

.zoca-a2413ec2-8fac-4ca0-b1ad-2f883bad6149 {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  position: fixed;
  background-color: #1a1a1a;
}

.zoca-063a0d4d-5cb5-435d-840e-72d9cff11fc0 {
  margin: 0 auto;
  padding: 1.35rem 1.5rem;
  max-width: 1200px;
}

@media (max-width: 600px) {
  .zoca-063a0d4d-5cb5-435d-840e-72d9cff11fc0 {
    padding: 1rem;
  }
}

.zoca-6062f6e4-0a59-4716-9b83-ebc5e34e4d4d {
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zoca-5b11eede-4f10-41d4-aded-c496b20b00cb {
  gap: 1rem;
  flex: 1;
  display: flex;
  align-items: center;
}

.zoca-f85a8af9-7179-49be-8c5f-3ddb239d9b75 {
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}

.zoca-74e18bb4-c87f-4844-83ba-e44bd6c87a6e {
  color: #ffffff;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .zoca-74e18bb4-c87f-4844-83ba-e44bd6c87a6e {
    font-size: 1rem;
  }
}

.zoca-15ba1e7b-cb0d-41ff-809c-3bcb0ff89c2a {
  color: #ffffff;
  margin: 0;
  opacity: 0.9;
  font-size: 1rem;
}

.zoca-40ec6605-d704-45de-85fc-cf7990d760ab {
  gap: 1rem;
  display: flex;
  align-items: center;
}

.zoca-c2a8afb3-08d5-4cca-a0f4-7c858467a7fb {
  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-c2a8afb3-08d5-4cca-a0f4-7c858467a7fb:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 600px) {
  .zoca-c2a8afb3-08d5-4cca-a0f4-7c858467a7fb {
    padding: 0.6rem;
  font-size: 0.875rem;
  }
}

.zoca-6401a10e-829e-41d9-ab90-c07af873fedd {
  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-6401a10e-829e-41d9-ab90-c07af873fedd:hover {
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
  background-color: #f0f0f0;
}

@media (max-width: 600px) {
  .zoca-6401a10e-829e-41d9-ab90-c07af873fedd {
    padding: 0.9rem 1.25rem;
  font-size: 1.25rem;
  }
}

.zoca-271ff026-e6af-4c12-924d-c50c44d4e02e {
  color: var(--color-categoryBanner-foreground);
  width: 100%;
  padding: 8rem 0 8rem 0;
  background: var(--color-categoryBanner-background);
}

.zoca-b727ae37-93f7-4bea-9205-0cb640bb1356 {
  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-b727ae37-93f7-4bea-9205-0cb640bb1356 {
    min-height: var(--section-height);
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  }
}

@media (max-width: 1024Px) {
  .zoca-b727ae37-93f7-4bea-9205-0cb640bb1356 {
    height: auto;
  display: block;
  }
}

.zoca-0829f7ef-c6c0-4e62-836c-d1a42326f447 {
  gap: var(--space-6);
  display: flex;
  padding: var(--space-16);
  flex-direction: column;
  justify-content: center;
}

.zoca-6a55c569-8c77-42c6-9207-730307da4bb7 {
  text-align: center;
}

.zoca-f2329a07-3439-4d8f-b659-f9ea4f038694 {
  display: none;
}

.zoca-7b6bc28c-4123-4837-af85-7e926564eef9 {
  overflow: auto;
  max-height: 180px;
}

@media (max-width: 1024Px) {
  .zoca-7b6bc28c-4123-4837-af85-7e926564eef9 {
    overflow: auto;
  max-height: auto;
  }
}

.zoca-8192aee1-ae3a-42fd-9931-4b9704e3fdd9 {
  display: flex;
  flex-direction: column;
}

.zoca-89f08b7b-036e-4222-bcf6-015f6ca706ea {
  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-89f08b7b-036e-4222-bcf6-015f6ca706ea: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-89f08b7b-036e-4222-bcf6-015f6ca706ea {
    padding: 0.75rem 1.25rem;
  font-size: 0.95rem;
  min-width: 120px;
  }
}

@media (max-width: 768Px) {
  .zoca-89f08b7b-036e-4222-bcf6-015f6ca706ea {
    padding: 0.875rem 1.5rem;
  font-size: 1rem;
  min-width: 140px;
  }
}

.zoca-948f637a-8935-4817-a511-c1ae2cc3f1f4 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 480Px) {
  .zoca-948f637a-8935-4817-a511-c1ae2cc3f1f4 {
    min-height: 250px;
  }
}

@media (max-width: 768Px) {
  .zoca-948f637a-8935-4817-a511-c1ae2cc3f1f4 {
    order: 1;
  min-height: 300px;
  }
}

.zoca-a4c1956b-c5b6-4e1d-8c28-0c2bb98bd3e2 {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.zoca-f5923895-3283-4a71-b7ce-1a25edb50282 {
  display: none;
}

.zoca-6e5a45fe-868d-430b-aa5e-e03a7634f74d {
  display: none;
}

.zoca-fdb06a6f-6793-4b52-a909-c4adb88b53b7 {
  color: var(--color-testimonial-star-background);
}

.zoca-1e310d46-5761-4741-b83c-0de59a905ee5 {
  color: var(--color-testimonial-star-background);
}

.zoca-1bdb83ae-c7de-41dc-8c20-2357f4780f12 {
  color: var(--color-testimonial-star-background);
}

.zoca-5f28eae3-6fa1-4fd9-bd4a-4baeb027c351 {
  color: var(--color-testimonial-star-background);
}

.zoca-d25793d8-1805-4d78-8b41-5f9fc9b57a29 {
  color: var(--color-testimonial-star-background);
}

.zoca-f9865273-ec40-4666-bd9c-9afc3b1cb604 {
  color: var(--color-testimonial-star-background);
}

.zoca-668c9ba3-f3f2-4617-8f6b-cdee0129849b {
  color: var(--color-testimonial-star-background);
}

.zoca-70081246-57fd-4727-bcb9-24dac83ad675 {
  color: var(--color-testimonial-star-background);
}

.zoca-a6c496d7-910c-4da9-9b7f-2c37ba56557e {
  color: var(--color-testimonial-star-background);
}

.zoca-77d61eb2-acb2-4e6a-b5b7-b0ccd43668b5 {
  color: var(--color-testimonial-star-background);
}

.zoca-49f874ce-b4da-4456-952c-c2ee91b6e1f7 {
  display: none;
}

.zoca-5ee4edf1-016d-4ba4-b847-71a38aa5b797 {
  cursor: pointer;
}

.zoca-f13d8839-fe38-40bc-a904-036e6acab49e {
  cursor: pointer;
}

.zoca-3f7f779f-46e9-4f94-865e-2cc553455e0f {
  font-size: var(--text-base);
}

@media (max-width: 768Px) {
  .zoca-3f7f779f-46e9-4f94-865e-2cc553455e0f {
    gap: 6px;
  display: flex;
  margin-top: 30px;
  padding-top: 20px;
  flex-direction: column;
  }
}

@media (min-width: 768Px) {
  .zoca-3f7f779f-46e9-4f94-865e-2cc553455e0f {
    gap: 8px;
  display: flex;
  margin-top: 40px;
  padding-top: 30px;
  flex-direction: row;
  justify-content: space-between;
  }
}

.zoca-d97c9dbd-c027-42f3-9ed5-f4c200b0228f {
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-d97c9dbd-c027-42f3-9ed5-f4c200b0228f {
    order: 3;
  margin-bottom: 2rem;
  }
}

.zoca-235be6fc-8984-4a98-a8db-c52910b6f4e7 {
  margin: 0;
}

.zoca-23fafb99-5eb6-4286-81fd-0d658a61085b {
  gap: 10px;
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-23fafb99-5eb6-4286-81fd-0d658a61085b {
    gap: 6px;
  order: 1;
  margin-bottom: 1.75rem;
  }
}

.zoca-bc9f78cd-31a2-401e-8a9d-89aea23a3735 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.zoca-6c4b3eec-d7c8-4050-a046-ef6d9aa7dda5 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}