/* Font imports for services/hair-extensions */

.zoca-0b99ea8c-0ca4-4303-af25-115208d48fc8 {
  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-1f996ff0-c4c0-4f4f-a50d-8e87e966f865 {
  gap: 10px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.zoca-aee65920-6d60-49cd-a4e7-3bb372cfe829 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-2385b163-7355-4881-9384-666f800cb757 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-f2a77760-7cfd-4855-bb20-da7c7635e38f {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-eefc8dc5-7229-4947-a933-6be570502996 {
  gap: 10px;
  display: none;
  align-items: center;
  white-space: nowrap;
}

.zoca-053fbe46-fa46-4e19-83a6-4e4d7cabc7bc {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-94026464-00ba-42ad-86f6-afdbbac88d02 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-3f5a6f17-0d2c-493c-b37e-b2ab8b2ede2f {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-e493755b-5088-4bbb-8a7c-87d45df66e3f {
  display: none !important;
}

.zoca-19cef264-88d3-4f82-b462-dfd3c09f31de {
  display: none !important;
}

.zoca-c6b49a52-a964-4325-bda4-411d1412b708 {
  color: black;
  border-radius: 8px !important;
}

.zoca-d7ef5475-06b3-422d-8cc1-98bc9e3a1440 {
  padding: 1.5rem 2rem 0rem 2rem;
}

.zoca-7472c601-c1a9-4c88-a8b7-ddf3f1cde64d {
  color: black;
  display: none;
  font-weight: 600;
}

.zoca-606e4340-2433-4ba5-81ef-5b692df1d7df {
  padding: 1.5rem 2rem 2rem 2rem;
}

.zoca-cbfa3d9e-3825-4a3b-a919-244438b100d2 {
  margin-top: var(--space-6);
}

.zoca-b44dafb3-86da-45b2-a970-43f36f161b76 {
  margin-top: var(--space-6);
}

.zoca-09202f1a-4c52-4747-8475-48b40eebefa2 {
  text-align: center !important;
}

.zoca-15df87f6-b8f7-4c7f-9050-a76b4709622c {
  text-align: center !important;
}

.zoca-330f21f0-95c1-4ce6-8a65-3cd91b0ab6a3 {
  margin-top: var(--space-8);
}

.zoca-3fbecbda-5c0a-4a8c-9827-e84a1d117d89 {
  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-30a19f63-95c7-46c1-87c8-5f6715719932 {
  margin-top: -0.75rem;
}

.zoca-a90ee890-bb2a-457b-86c2-5c5f7677ebbb {
  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-f461eaed-2205-4656-88dd-e250ec9c90bd {
  padding: 0px !important;
  min-height: 0px !important;
}

@media (max-width: 767Px) {
  .zoca-5712776e-faff-430f-a3bd-6b83f71584f5 {
    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-5712776e-faff-430f-a3bd-6b83f71584f5 {
    display: none;
  }
}

.zoca-022df7a8-4cca-4194-899b-5107ff590751 {
  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-879daa31-75d7-4bd3-8750-251a99b0ce9f {
  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-ab40ea5d-dcf0-4eab-96a8-3b682a4cadea {
  width: 12px;
  height: 12px;
}

.zoca-03d00632-307f-46c4-bc64-ff7db102474e {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -3px;
}

.zoca-5db28360-eb6d-4561-8a37-1eed26add638 {
  color: gold;
  font-size: 12px;
  font-weight: 900;
  margin-inline: -5px;
}

.zoca-586d0c2d-f252-40d5-80ed-6818d2a4b08b {
  color: white;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.zoca-bf7aea22-f4bf-48f5-acee-0b595401e7a7 {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -4px;
}

.zoca-572d75b3-d04a-41a3-b4ae-c0845f24a4a2 {
  min-width: 150px;
}

.zoca-d7578388-57b1-4581-9102-ea0f56cb9db0 {
  display: none !important;
}

.zoca-13e5e58d-624a-46c6-b537-bc1a3a8e0cec {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  position: fixed;
  background-color: #1a1a1a;
}

.zoca-7ef83719-ac6d-4992-affc-a9ba1f8499a4 {
  margin: 0 auto;
  padding: 1.35rem 1.5rem;
  max-width: 1200px;
}

@media (max-width: 600px) {
  .zoca-7ef83719-ac6d-4992-affc-a9ba1f8499a4 {
    padding: 1rem;
  }
}

.zoca-088c1cc4-0403-4684-9961-64d18c66ecef {
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zoca-11e81145-dca3-46be-b32e-8659b00be8f1 {
  gap: 1rem;
  flex: 1;
  display: flex;
  align-items: center;
}

.zoca-828a4b0d-3501-4cfc-bfa3-798226b25cd9 {
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}

.zoca-bc96f297-f206-4291-98a1-cded8687e9c3 {
  color: #ffffff;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .zoca-bc96f297-f206-4291-98a1-cded8687e9c3 {
    font-size: 1rem;
  }
}

.zoca-056bd6f2-6e2d-45f5-aadc-ddf7ac75ac96 {
  color: #ffffff;
  margin: 0;
  opacity: 0.9;
  font-size: 1rem;
}

.zoca-6f08e1a1-4a18-4be4-a52b-6f18122a2235 {
  gap: 1rem;
  display: flex;
  align-items: center;
}

.zoca-8bd922bf-7bf7-4fad-9a22-ba3d5fbad2f6 {
  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-8bd922bf-7bf7-4fad-9a22-ba3d5fbad2f6:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 600px) {
  .zoca-8bd922bf-7bf7-4fad-9a22-ba3d5fbad2f6 {
    padding: 0.6rem;
  font-size: 0.875rem;
  }
}

.zoca-6fb66004-0db9-4d73-915b-dbf03ac6d0f6 {
  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-6fb66004-0db9-4d73-915b-dbf03ac6d0f6:hover {
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
  background-color: #f0f0f0;
}

@media (max-width: 600px) {
  .zoca-6fb66004-0db9-4d73-915b-dbf03ac6d0f6 {
    padding: 0.9rem 1.25rem;
  font-size: 1.25rem;
  }
}

.zoca-7e0b864d-86d1-4167-8c2c-006c231c7cb2 {
  display: none;
}

.zoca-1d5ac581-dfe0-4dc5-9a70-9c48ce14a2e2 {
  display: none;
}

.zoca-2a858001-e1e3-4b53-b94a-572aa50dc73b {
  display: none;
}

.zoca-812f3d66-2368-41ee-a79a-ab6d808ab58d {
  color: var(--color-testimonial-star-background);
}

.zoca-7a31e67d-7f10-4ffc-9153-e25d5bd0a5da {
  color: var(--color-testimonial-star-background);
}

.zoca-5bab57da-792e-4efc-9be8-1d01074764e3 {
  color: var(--color-testimonial-star-background);
}

.zoca-2a80e662-d83d-4855-8719-3ceffffa549e {
  color: var(--color-testimonial-star-background);
}

.zoca-6e47f7ab-662a-4bec-95a0-141d25a779e1 {
  color: var(--color-testimonial-star-background);
}

.zoca-a18a7f52-9443-4136-83a0-d95f7fab0ca1 {
  color: var(--color-testimonial-star-background);
}

.zoca-107a3e25-69c7-41c1-a924-2eb88a859386 {
  color: var(--color-testimonial-star-background);
}

.zoca-9233b835-597b-4ede-852e-71fd47c22804 {
  color: var(--color-testimonial-star-background);
}

.zoca-c2f12842-4b90-4444-9e26-395fadee4804 {
  color: var(--color-testimonial-star-background);
}

.zoca-b0ce662a-8247-4b1c-99f7-9b2c41f503be {
  color: var(--color-testimonial-star-background);
}

.zoca-d3224a76-7172-4000-b172-8aaf3725d82c {
  display: none;
}

.zoca-89d792fc-d58c-43e5-ae66-d179d8fbd90d {
  display: none;
}

.zoca-a90bada7-1ba7-4a16-9fcf-1d63e2e6fe74 {
  cursor: pointer;
}

.zoca-ed993636-24f2-43ce-aaaf-36735aa54ffd {
  cursor: pointer;
}

.zoca-70f47cfc-1e61-42c7-bf39-295043e0081a {
  cursor: pointer;
}

.zoca-11cfbad0-4748-45d2-aa1e-e18a986bf1dd {
  cursor: pointer;
}

.zoca-723d95a1-bd75-4926-9423-7f2014e56edd {
  cursor: pointer;
}

.zoca-7c620938-4d60-4f04-986f-cbe4da1932c4 {
  font-size: var(--text-base);
}

@media (max-width: 768Px) {
  .zoca-7c620938-4d60-4f04-986f-cbe4da1932c4 {
    gap: 6px;
  display: flex;
  margin-top: 30px;
  padding-top: 20px;
  flex-direction: column;
  }
}

@media (min-width: 768Px) {
  .zoca-7c620938-4d60-4f04-986f-cbe4da1932c4 {
    gap: 8px;
  display: flex;
  margin-top: 40px;
  padding-top: 30px;
  flex-direction: row;
  justify-content: space-between;
  }
}

.zoca-074fe0cf-6e5c-481d-88de-a131680b4664 {
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-074fe0cf-6e5c-481d-88de-a131680b4664 {
    order: 3;
  margin-bottom: 2rem;
  }
}

.zoca-be5e4e10-7e8b-45c6-b152-a61a8abe1883 {
  margin: 0;
}

.zoca-d84587a4-05a9-47cf-b27c-8e1fea713f9d {
  gap: 10px;
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-d84587a4-05a9-47cf-b27c-8e1fea713f9d {
    gap: 6px;
  order: 1;
  margin-bottom: 1.75rem;
  }
}

.zoca-581e6bf5-a477-4e88-a8a4-4db21f6af494 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.zoca-a342bc98-9e68-40dc-bfac-9b840d0b660d {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}

