/* Font imports for services/hair-extensions/quick-weave-3-bundles */

.zoca-d54cfb60-dac7-44f6-835c-509bccca3788 {
  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-bde468b8-9bd7-4ba8-af21-aee77e05e642 {
  gap: 10px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.zoca-7c85112f-a9b7-461b-a106-65ce0c7942ab {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-5463d625-263b-412b-b234-291fde8e8232 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-77b538f4-6ac4-47d5-87ca-9595905a0508 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-3dd1f7da-665d-4cfd-bad1-83bf18289c6e {
  gap: 10px;
  display: none;
  align-items: center;
  white-space: nowrap;
}

.zoca-a2e5d140-968c-4d54-84fc-4565d9d7ad41 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-334df21c-47f6-406e-b8c0-9691df29f4fe {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-be8d2351-edba-4877-aac7-f680b00e18c7 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-ead47ff7-1a58-4171-a33e-ac274458e740 {
  display: none !important;
}

.zoca-1f27102b-aefe-433a-b736-718743f6e3b8 {
  display: none !important;
}

.zoca-6fc9d1ab-e965-4d2c-93f0-05f1e155a0ef {
  color: black;
  border-radius: 8px !important;
}

.zoca-a5eee436-cb0f-4abc-be87-5b0f74a7d111 {
  padding: 1.5rem 2rem 0rem 2rem;
}

.zoca-1cd220df-3b40-49de-9ad8-d44d47890efd {
  color: black;
  display: none;
  font-weight: 600;
}

.zoca-dc2572d1-ebc3-47ea-b81d-7205515c1ca5 {
  padding: 1.5rem 2rem 2rem 2rem;
}

.zoca-eeea4084-343f-4728-b63a-127e43677dc0 {
  margin-top: var(--space-6);
}

.zoca-dff71c6d-ae81-4dac-83d1-41bf8cc4b4f5 {
  margin-top: var(--space-6);
}

.zoca-84f61a15-a35b-4e9f-9b28-c2265daa14a5 {
  text-align: center !important;
}

.zoca-079bd62a-deff-40af-bc3a-c06a3cf66ff6 {
  text-align: center !important;
}

.zoca-055eecbc-17c2-4679-bf64-f1d1b8f05822 {
  margin-top: var(--space-8);
}

.zoca-48b4967b-c685-4016-84a2-043f4d243ea2 {
  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-f9837718-9aed-4951-b03a-f661a2442962 {
  margin-top: -0.75rem;
}

.zoca-0850faab-1fdc-4c2f-8e94-0c914b9b2f34 {
  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-b6621749-0029-4b23-8d08-9c2a4c08221a {
  padding: 0px !important;
  min-height: 0px !important;
}

@media (max-width: 767Px) {
  .zoca-efc0c495-413b-4f83-b3be-e0abe7b141e4 {
    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-efc0c495-413b-4f83-b3be-e0abe7b141e4 {
    display: none;
  }
}

.zoca-843265ee-5a33-4563-b43d-c3e16c690686 {
  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-39a86ad5-a9b8-4ce9-b43a-5cdb64054a71 {
  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-63145886-c15c-4005-aaea-956d3981aee7 {
  width: 12px;
  height: 12px;
}

.zoca-3b959a03-392d-4c7b-a71d-bd2a2ddd2e3a {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -3px;
}

.zoca-4f8c8f58-8203-40cd-8c31-d1df4edf510e {
  color: gold;
  font-size: 12px;
  font-weight: 900;
  margin-inline: -5px;
}

.zoca-bcde099d-163c-47ea-a7a9-ad08d20f9d00 {
  color: white;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.zoca-33a95626-3212-456c-8738-50a6edf4d9b6 {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -4px;
}

.zoca-be336bbb-5266-4158-8c0e-b73b91d28945 {
  min-width: 150px;
}

.zoca-1f17a07e-45af-426f-85ce-4133b9ef2881 {
  display: none !important;
}

.zoca-0af9c990-6d9b-4660-8a34-0568d87de0a1 {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  position: fixed;
  background-color: #1a1a1a;
}

.zoca-e882a01b-3eb0-4290-9354-250f5d5deced {
  margin: 0 auto;
  padding: 1.35rem 1.5rem;
  max-width: 1200px;
}

@media (max-width: 600px) {
  .zoca-e882a01b-3eb0-4290-9354-250f5d5deced {
    padding: 1rem;
  }
}

.zoca-fba9937d-6cbe-450a-8f2f-312c710cd078 {
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zoca-1e27412a-8fe4-4bb7-8838-3ab9f7ffcca4 {
  gap: 1rem;
  flex: 1;
  display: flex;
  align-items: center;
}

.zoca-e936a5ce-0f06-4a2e-96ef-8c633b887516 {
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}

.zoca-c31bf929-a7d4-49d3-8060-c0ce5f17dd2d {
  color: #ffffff;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .zoca-c31bf929-a7d4-49d3-8060-c0ce5f17dd2d {
    font-size: 1rem;
  }
}

.zoca-9d22fb0c-1ab7-416f-986e-ec94879ec6d0 {
  color: #ffffff;
  margin: 0;
  opacity: 0.9;
  font-size: 1rem;
}

.zoca-8ef00fa4-bc8c-4a36-ae36-2bb8be565540 {
  gap: 1rem;
  display: flex;
  align-items: center;
}

.zoca-eca66d1b-c720-4f1a-9b4a-0137e5b5dd1f {
  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-eca66d1b-c720-4f1a-9b4a-0137e5b5dd1f:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 600px) {
  .zoca-eca66d1b-c720-4f1a-9b4a-0137e5b5dd1f {
    padding: 0.6rem;
  font-size: 0.875rem;
  }
}

.zoca-f5572e58-dfe8-48d4-85c7-109c054c1ecd {
  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-f5572e58-dfe8-48d4-85c7-109c054c1ecd:hover {
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
  background-color: #f0f0f0;
}

@media (max-width: 600px) {
  .zoca-f5572e58-dfe8-48d4-85c7-109c054c1ecd {
    padding: 0.9rem 1.25rem;
  font-size: 1.25rem;
  }
}

.zoca-f7aa8644-bc89-40f0-8cd5-dfc5cfb909b8 {
  color: var(--color-categoryBanner-foreground);
  width: 100%;
  padding: 8rem 0 8rem 0;
  background: var(--color-categoryBanner-background);
}

.zoca-8c67b3b2-9a9f-49cc-a91d-bfa805983fe7 {
  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-8c67b3b2-9a9f-49cc-a91d-bfa805983fe7 {
    min-height: var(--section-height);
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  }
}

@media (max-width: 1024Px) {
  .zoca-8c67b3b2-9a9f-49cc-a91d-bfa805983fe7 {
    height: auto;
  display: block;
  }
}

.zoca-677f0b55-38c2-4e42-af21-54335ec34cfc {
  gap: var(--space-6);
  display: flex;
  padding: var(--space-16);
  flex-direction: column;
  justify-content: center;
}

.zoca-58dea3f0-555c-42b8-a088-d97df1edd19d {
  text-align: center;
}

.zoca-5aa998b4-6299-4dff-94b6-b6ded8abb55d {
  display: none;
}

.zoca-7076d6e9-d153-481d-9b24-6a09aa70b9d2 {
  overflow: auto;
  max-height: 180px;
}

@media (max-width: 1024Px) {
  .zoca-7076d6e9-d153-481d-9b24-6a09aa70b9d2 {
    overflow: auto;
  max-height: auto;
  }
}

.zoca-341ba087-a8ee-489a-870b-08d2ec1eadb7 {
  gap: var(--space-4);
  display: flex;
  align-items: center;
}

.zoca-86a6e9ef-438f-419e-83e5-e007d6ca6617 {
  display: flex;
  flex-direction: column;
}

.zoca-ebb22aa7-1710-4195-91cb-e386c39b6306 {
  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-ebb22aa7-1710-4195-91cb-e386c39b6306: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-ebb22aa7-1710-4195-91cb-e386c39b6306 {
    padding: 0.75rem 1.25rem;
  font-size: 0.95rem;
  min-width: 120px;
  }
}

@media (max-width: 768Px) {
  .zoca-ebb22aa7-1710-4195-91cb-e386c39b6306 {
    padding: 0.875rem 1.5rem;
  font-size: 1rem;
  min-width: 140px;
  }
}

.zoca-1b34ff3d-2563-4f7e-9386-a796c9f8f1f4 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 480Px) {
  .zoca-1b34ff3d-2563-4f7e-9386-a796c9f8f1f4 {
    min-height: 250px;
  }
}

@media (max-width: 768Px) {
  .zoca-1b34ff3d-2563-4f7e-9386-a796c9f8f1f4 {
    order: 1;
  min-height: 300px;
  }
}

.zoca-35fe4894-0aa5-4d13-9a9d-cdfbbdf31066 {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.zoca-f198aa80-dd31-433c-8f74-afa5625b4306 {
  display: none;
}

.zoca-24dc175f-9bfa-49d5-a1e9-a2275d8fe467 {
  display: none;
}

.zoca-e3843dff-e553-42ff-93f4-6dd2eb9261ea {
  color: var(--color-testimonial-star-background);
}

.zoca-60c7a4fd-38b5-4beb-aacf-2e14f678893b {
  color: var(--color-testimonial-star-background);
}

.zoca-3ab58cbd-ddec-4c90-84a7-811ca9472b11 {
  color: var(--color-testimonial-star-background);
}

.zoca-2b4a7025-6e46-40ca-815d-471dd3c05c73 {
  color: var(--color-testimonial-star-background);
}

.zoca-e7a8c136-fc11-4653-a9be-4be7e0356d80 {
  color: var(--color-testimonial-star-background);
}

.zoca-3139223e-d4cd-4dde-adb4-7051c051ccb1 {
  color: var(--color-testimonial-star-background);
}

.zoca-a65469bc-344c-4412-b3b8-31094a5e6a55 {
  color: var(--color-testimonial-star-background);
}

.zoca-d85d1e69-250b-4aec-9aa5-75b6a0af8953 {
  color: var(--color-testimonial-star-background);
}

.zoca-941a319c-d009-4e69-8707-c9a7e58bc2ef {
  color: var(--color-testimonial-star-background);
}

.zoca-f4858994-e878-44bd-819b-641478cac3c5 {
  color: var(--color-testimonial-star-background);
}

.zoca-d3da7dcc-6d9e-4acc-9fa8-6c5fbf0c11e9 {
  display: none;
}

.zoca-a24d5933-1a4b-4d53-8ab7-ee1d63df2d13 {
  cursor: pointer;
}

.zoca-855d947d-f6d3-4ec0-9ad6-8490dc703a68 {
  cursor: pointer;
}

.zoca-a2b9c11e-b977-4fea-b750-f1427ca5acaf {
  cursor: pointer;
}

.zoca-12be6207-097c-48d7-9bff-1e4594933b87 {
  font-size: var(--text-base);
}

@media (max-width: 768Px) {
  .zoca-12be6207-097c-48d7-9bff-1e4594933b87 {
    gap: 6px;
  display: flex;
  margin-top: 30px;
  padding-top: 20px;
  flex-direction: column;
  }
}

@media (min-width: 768Px) {
  .zoca-12be6207-097c-48d7-9bff-1e4594933b87 {
    gap: 8px;
  display: flex;
  margin-top: 40px;
  padding-top: 30px;
  flex-direction: row;
  justify-content: space-between;
  }
}

.zoca-27351280-029e-4447-b6ba-6bbc33497c7a {
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-27351280-029e-4447-b6ba-6bbc33497c7a {
    order: 3;
  margin-bottom: 2rem;
  }
}

.zoca-55acc49a-4b4a-4cae-8363-1c26c2ddb081 {
  margin: 0;
}

.zoca-09cfbf30-4733-422b-847b-afd04ea81f9f {
  gap: 10px;
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-09cfbf30-4733-422b-847b-afd04ea81f9f {
    gap: 6px;
  order: 1;
  margin-bottom: 1.75rem;
  }
}

.zoca-7ff75bf2-82f0-4d52-98bf-2a7dd11f15d8 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.zoca-12d7e327-b134-4acd-9c6d-59b8e8544231 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}