/* Font imports for services/hair-extensions/traditional-sew-in */

.zoca-cc9752e2-28aa-42e8-80ec-29436c981e6b {
  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-86ac4523-d3a7-451e-b4e5-505b55f9f5e2 {
  gap: 10px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.zoca-22ab4a9c-b7f3-4c14-8e6a-e440599f0e2c {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-992f6afd-f13b-4197-9308-ffb4dd70bda2 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-83acd9db-1448-4a34-be86-9ce9c1382bab {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-1b599211-464b-4da1-95df-087e0562f80b {
  gap: 10px;
  display: none;
  align-items: center;
  white-space: nowrap;
}

.zoca-e0370e17-97d0-4ae1-bb13-d02c10b678f8 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-3d33f85d-389b-4fc4-98b7-9a024c88f179 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-2edcf473-9c28-4ac0-b13d-d6c67f961f6e {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-d2d5054a-1fc0-4eb4-8b07-fd8faf6fd457 {
  display: none !important;
}

.zoca-c9a4b722-3d3d-4f01-8bc7-95691c556e12 {
  display: none !important;
}

.zoca-412ec659-6257-49d6-9425-ba3b69b0c218 {
  color: black;
  border-radius: 8px !important;
}

.zoca-e662cd4f-1719-4782-9c9f-a6dd33eea034 {
  padding: 1.5rem 2rem 0rem 2rem;
}

.zoca-311eecfa-3964-4ccf-bb58-20b770d028c2 {
  color: black;
  display: none;
  font-weight: 600;
}

.zoca-4f63e7b3-569b-4db7-bb18-cd1f91c455d2 {
  padding: 1.5rem 2rem 2rem 2rem;
}

.zoca-6e3856bf-aa47-4729-a75d-dbfcb1f33e71 {
  margin-top: var(--space-6);
}

.zoca-bd3b3bfb-c36b-45ab-b366-1db99e89e3f2 {
  margin-top: var(--space-6);
}

.zoca-00b033da-34bf-459c-bda6-099b69c972a3 {
  text-align: center !important;
}

.zoca-418f468c-1ccc-4f28-b45c-e3b0c79ee682 {
  text-align: center !important;
}

.zoca-b6ba39db-7cf0-4e91-a72c-54808801ea3d {
  margin-top: var(--space-8);
}

.zoca-ba5ed900-e5ca-4cf9-b0fa-da17a8e3809b {
  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-ca99ab93-8eaa-455e-b91c-66b838a49d93 {
  margin-top: -0.75rem;
}

.zoca-c2988be7-c396-4a09-913c-56c529298ccb {
  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-7b7a09c4-270d-4926-bcf6-88b8f17ffac4 {
  padding: 0px !important;
  min-height: 0px !important;
}

@media (max-width: 767Px) {
  .zoca-15ca66a3-1b7e-4bcb-87f2-4b44d99ae1f5 {
    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-15ca66a3-1b7e-4bcb-87f2-4b44d99ae1f5 {
    display: none;
  }
}

.zoca-ee82e343-4698-4232-b9ac-ca6b2ee59220 {
  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-0dc1498e-5c3c-4511-85f2-1d2c6ce3477c {
  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-a6f471b5-5ddf-4209-95c7-83a57590aa33 {
  width: 12px;
  height: 12px;
}

.zoca-e767c777-994e-4ca1-9af5-b5ba3427d666 {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -3px;
}

.zoca-14786726-60cb-4843-8b13-97ed508a82de {
  color: gold;
  font-size: 12px;
  font-weight: 900;
  margin-inline: -5px;
}

.zoca-220b986d-a0fc-40dd-9712-b2fd811cdbae {
  color: white;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.zoca-77c42815-4403-4d96-a240-bc926de18de8 {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -4px;
}

.zoca-58b32ba0-18e8-4fd7-96f2-305090b35a25 {
  min-width: 150px;
}

.zoca-e801b582-f1e7-4d2d-8151-23280b7f606e {
  display: none !important;
}

.zoca-ea534f61-9bcc-45fb-ad71-faf0a777759f {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  position: fixed;
  background-color: #1a1a1a;
}

.zoca-326660da-b1c0-4736-ad4e-6ca4a99aad89 {
  margin: 0 auto;
  padding: 1.35rem 1.5rem;
  max-width: 1200px;
}

@media (max-width: 600px) {
  .zoca-326660da-b1c0-4736-ad4e-6ca4a99aad89 {
    padding: 1rem;
  }
}

.zoca-3c56f68a-4335-4155-afc5-d7ca1032165f {
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zoca-9d5eee7e-f64a-4cad-a8dc-c9908c21f2f0 {
  gap: 1rem;
  flex: 1;
  display: flex;
  align-items: center;
}

.zoca-df902063-c6a3-4639-9ecb-2772f551dda2 {
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}

.zoca-5e0f2364-7feb-4f56-8858-853ea03b152a {
  color: #ffffff;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .zoca-5e0f2364-7feb-4f56-8858-853ea03b152a {
    font-size: 1rem;
  }
}

.zoca-9db8e2e6-c417-4cb6-b980-ca1e08969207 {
  color: #ffffff;
  margin: 0;
  opacity: 0.9;
  font-size: 1rem;
}

.zoca-9c7ee389-68ba-435f-90d1-c451f7023313 {
  gap: 1rem;
  display: flex;
  align-items: center;
}

.zoca-bece3e3c-fcb8-4f4e-9c51-daffb512a4ae {
  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-bece3e3c-fcb8-4f4e-9c51-daffb512a4ae:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 600px) {
  .zoca-bece3e3c-fcb8-4f4e-9c51-daffb512a4ae {
    padding: 0.6rem;
  font-size: 0.875rem;
  }
}

.zoca-8e5cf7e8-8d15-4fc2-9db1-b53ab8b6ab08 {
  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-8e5cf7e8-8d15-4fc2-9db1-b53ab8b6ab08:hover {
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
  background-color: #f0f0f0;
}

@media (max-width: 600px) {
  .zoca-8e5cf7e8-8d15-4fc2-9db1-b53ab8b6ab08 {
    padding: 0.9rem 1.25rem;
  font-size: 1.25rem;
  }
}

.zoca-3fe03cd4-f549-4239-93e6-24747df21b72 {
  color: var(--color-categoryBanner-foreground);
  width: 100%;
  padding: 8rem 0 8rem 0;
  background: var(--color-categoryBanner-background);
}

.zoca-60896fc9-c397-4dfe-a762-481428d8a19a {
  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-60896fc9-c397-4dfe-a762-481428d8a19a {
    min-height: var(--section-height);
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  }
}

@media (max-width: 1024Px) {
  .zoca-60896fc9-c397-4dfe-a762-481428d8a19a {
    height: auto;
  display: block;
  }
}

.zoca-86d60b8a-f745-4597-99e4-356158d32943 {
  gap: var(--space-6);
  display: flex;
  padding: var(--space-16);
  flex-direction: column;
  justify-content: center;
}

.zoca-17912507-589f-4c84-ae3b-fad61acbb35d {
  text-align: center;
}

.zoca-518c39d2-d6f7-495b-8e24-1af7fa45326d {
  display: none;
}

.zoca-a7e06e67-64e2-49d2-9eeb-30e9b40ee10e {
  overflow: auto;
  max-height: 180px;
}

@media (max-width: 1024Px) {
  .zoca-a7e06e67-64e2-49d2-9eeb-30e9b40ee10e {
    overflow: auto;
  max-height: auto;
  }
}

.zoca-3c6cf97c-c775-48ee-b732-2e43afa7b987 {
  gap: var(--space-4);
  display: flex;
  align-items: center;
}

.zoca-5c9d8162-5f96-4473-917b-f0c49c5f8f6b {
  display: flex;
  flex-direction: column;
}

.zoca-cb656422-38a9-4ea5-825c-fcf298930487 {
  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-cb656422-38a9-4ea5-825c-fcf298930487: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-cb656422-38a9-4ea5-825c-fcf298930487 {
    padding: 0.75rem 1.25rem;
  font-size: 0.95rem;
  min-width: 120px;
  }
}

@media (max-width: 768Px) {
  .zoca-cb656422-38a9-4ea5-825c-fcf298930487 {
    padding: 0.875rem 1.5rem;
  font-size: 1rem;
  min-width: 140px;
  }
}

.zoca-beff742b-90b5-41db-a366-79e33599ed52 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 480Px) {
  .zoca-beff742b-90b5-41db-a366-79e33599ed52 {
    min-height: 250px;
  }
}

@media (max-width: 768Px) {
  .zoca-beff742b-90b5-41db-a366-79e33599ed52 {
    order: 1;
  min-height: 300px;
  }
}

.zoca-406f71e8-82ac-4d3a-87ba-a9151c50690b {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.zoca-9bcd7afe-9904-4702-aa7b-e194935b3dbe {
  display: none;
}

.zoca-2e33043e-bf4d-4257-b3e2-93ba015c9f35 {
  display: none;
}

.zoca-d1fc970a-ad82-4475-b3a0-758c8360e8e5 {
  color: var(--color-testimonial-star-background);
}

.zoca-5df8c322-35ca-4db7-8da3-1b8c1af23a35 {
  color: var(--color-testimonial-star-background);
}

.zoca-68e196b8-ecfe-4180-a437-02b3adbe8447 {
  color: var(--color-testimonial-star-background);
}

.zoca-4368cb1d-b7da-4805-b586-7bfd9a8a5846 {
  color: var(--color-testimonial-star-background);
}

.zoca-8ef621bb-be09-472b-a849-c8d930b8c579 {
  color: var(--color-testimonial-star-background);
}

.zoca-500db989-ae79-41c8-bd22-ad1fd6540e2e {
  color: var(--color-testimonial-star-background);
}

.zoca-8111a6e4-c5be-4555-ba56-062adbf5d7fd {
  color: var(--color-testimonial-star-background);
}

.zoca-567a1997-6d9e-4043-8e0b-f04efdc1a999 {
  color: var(--color-testimonial-star-background);
}

.zoca-cf9b6ba9-6ce4-4a32-8f6c-b4fbe395f3e8 {
  color: var(--color-testimonial-star-background);
}

.zoca-bf81c95e-1328-46fe-8063-d48cf48820b2 {
  color: var(--color-testimonial-star-background);
}

.zoca-ad09fa74-7e98-4294-9a92-9e7226a1c763 {
  display: none;
}

.zoca-9f6a6d96-9dc3-4613-8607-237d0f154d4a {
  cursor: pointer;
}

.zoca-a1d1cf17-68c2-4aee-888b-33365108c12b {
  font-size: var(--text-base);
}

@media (max-width: 768Px) {
  .zoca-a1d1cf17-68c2-4aee-888b-33365108c12b {
    gap: 6px;
  display: flex;
  margin-top: 30px;
  padding-top: 20px;
  flex-direction: column;
  }
}

@media (min-width: 768Px) {
  .zoca-a1d1cf17-68c2-4aee-888b-33365108c12b {
    gap: 8px;
  display: flex;
  margin-top: 40px;
  padding-top: 30px;
  flex-direction: row;
  justify-content: space-between;
  }
}

.zoca-590aea85-9df8-4f4c-b131-429f4c0d4f58 {
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-590aea85-9df8-4f4c-b131-429f4c0d4f58 {
    order: 3;
  margin-bottom: 2rem;
  }
}

.zoca-a37ba890-c33c-44a9-abf1-5504039daf5b {
  margin: 0;
}

.zoca-a93af70c-fa7c-41ff-880c-d19cb772981a {
  gap: 10px;
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-a93af70c-fa7c-41ff-880c-d19cb772981a {
    gap: 6px;
  order: 1;
  margin-bottom: 1.75rem;
  }
}

.zoca-81324f4e-4258-4a2c-bc58-27869fada4af {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.zoca-a1702e52-020e-4f12-b51b-f51a96b7f9fb {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}