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

.zoca-77bec486-2eab-49ce-ab9f-230d361f7232 {
  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-76fb2adc-e489-4c8a-bdf1-a781eb89152b {
  gap: 10px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.zoca-88c658cb-262b-4b4d-b928-a4815f5848a1 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-dc698dbe-95e4-424a-9762-8b11ce5ee129 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-592dfb13-d652-43ec-8041-f61eda903492 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-f280352f-8881-4140-bf47-378788d1ccb1 {
  gap: 10px;
  display: none;
  align-items: center;
  white-space: nowrap;
}

.zoca-8883cc98-1b00-4a9a-b718-c6c070a21643 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-194a8984-2551-471b-ae46-7d6c4122d942 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-4caef508-990d-4ce9-b12f-a116830173c8 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-8cfd18cd-b03f-40b3-af64-c4ee2620a4c8 {
  display: none !important;
}

.zoca-8f224c6e-a76b-4f90-94e1-bbfd38c7b525 {
  display: none !important;
}

.zoca-47eaed91-6030-42b1-9644-1ba77f6ac464 {
  color: black;
  border-radius: 8px !important;
}

.zoca-eeea364c-843c-4f7c-8bff-39314669c877 {
  padding: 1.5rem 2rem 0rem 2rem;
}

.zoca-941a9f8e-fbdb-4b84-8ba0-afc56604237e {
  color: black;
  display: none;
  font-weight: 600;
}

.zoca-8af15318-f758-47cb-a02a-19cbad6eb56c {
  padding: 1.5rem 2rem 2rem 2rem;
}

.zoca-ac08ea95-b6c6-44a9-9795-3441bcf5038a {
  margin-top: var(--space-6);
}

.zoca-a9bf0a1c-6913-41bc-95f5-081b47e744cc {
  margin-top: var(--space-6);
}

.zoca-d15468ee-4ed0-47cb-9704-9ddc5667c480 {
  text-align: center !important;
}

.zoca-055d76e7-ba40-4c62-acee-9279874ce452 {
  text-align: center !important;
}

.zoca-a4257eda-0701-4781-883b-6518ab8ddb05 {
  margin-top: var(--space-8);
}

.zoca-f79f74f0-2575-44ce-9297-b993f1fd030e {
  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-fe53c68e-77a1-44f1-ba05-272e01e4a418 {
  margin-top: -0.75rem;
}

.zoca-6fabc517-3e3b-4096-9a04-99fc3d03ed2a {
  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-5e66fbc8-e37e-4899-b9b1-4bc8023383e3 {
  padding: 0px !important;
  min-height: 0px !important;
}

@media (max-width: 767Px) {
  .zoca-b25a41c8-41fa-4f40-a6ac-68393f7604c6 {
    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-b25a41c8-41fa-4f40-a6ac-68393f7604c6 {
    display: none;
  }
}

.zoca-3405e39f-ea48-4a45-bddf-8b9f50436e69 {
  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-974555e9-d2e7-41ce-8ae2-89fb5898702a {
  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-3725d470-49e7-4f77-8346-554594f40081 {
  width: 12px;
  height: 12px;
}

.zoca-74e92197-0175-4333-a66b-73dd54896b2a {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -3px;
}

.zoca-e438bd90-4e78-45a4-99f5-6bdf0401f600 {
  color: gold;
  font-size: 12px;
  font-weight: 900;
  margin-inline: -5px;
}

.zoca-7a0ab57b-9b7d-4e4e-9b53-c39183c1a75c {
  color: white;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.zoca-5c262a71-5045-4901-bc31-1381737937f8 {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -4px;
}

.zoca-997c46a3-43ee-49a5-b533-8e4d59a11d0b {
  min-width: 150px;
}

.zoca-293c7826-c50a-4b57-8b7a-b4972b9fb8b8 {
  display: none !important;
}

.zoca-e325c24a-fa45-43e7-80fd-78f34faf7034 {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  position: fixed;
  background-color: #1a1a1a;
}

.zoca-291cbf57-9b39-4556-8ca1-e0eb7e65fe88 {
  margin: 0 auto;
  padding: 1.35rem 1.5rem;
  max-width: 1200px;
}

@media (max-width: 600px) {
  .zoca-291cbf57-9b39-4556-8ca1-e0eb7e65fe88 {
    padding: 1rem;
  }
}

.zoca-f03f65de-5b1f-4c50-86a7-d473ca8ac385 {
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zoca-3670ddd3-135c-4e90-89f7-940df519676b {
  gap: 1rem;
  flex: 1;
  display: flex;
  align-items: center;
}

.zoca-962b201d-a76a-458a-8abd-abfe92ab456c {
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}

.zoca-9eba7191-bf04-4a76-abbb-8444e2ab2363 {
  color: #ffffff;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .zoca-9eba7191-bf04-4a76-abbb-8444e2ab2363 {
    font-size: 1rem;
  }
}

.zoca-657056d2-3678-458f-8ffe-883faa4b2207 {
  color: #ffffff;
  margin: 0;
  opacity: 0.9;
  font-size: 1rem;
}

.zoca-e5b12af9-3623-4aa9-ae7e-fec7182c02d3 {
  gap: 1rem;
  display: flex;
  align-items: center;
}

.zoca-a6e82d30-8a70-427d-bf34-900adc599b89 {
  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-a6e82d30-8a70-427d-bf34-900adc599b89:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 600px) {
  .zoca-a6e82d30-8a70-427d-bf34-900adc599b89 {
    padding: 0.6rem;
  font-size: 0.875rem;
  }
}

.zoca-9aa5a48b-3c8b-4328-81fc-f527366e79c9 {
  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-9aa5a48b-3c8b-4328-81fc-f527366e79c9:hover {
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
  background-color: #f0f0f0;
}

@media (max-width: 600px) {
  .zoca-9aa5a48b-3c8b-4328-81fc-f527366e79c9 {
    padding: 0.9rem 1.25rem;
  font-size: 1.25rem;
  }
}

.zoca-30f4e4b1-3fb4-4c92-9386-1b5bdca851db {
  color: var(--color-categoryBanner-foreground);
  width: 100%;
  padding: 8rem 0 8rem 0;
  background: var(--color-categoryBanner-background);
}

.zoca-c589601d-fadb-489b-a453-948dd260ea30 {
  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-c589601d-fadb-489b-a453-948dd260ea30 {
    min-height: var(--section-height);
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  }
}

@media (max-width: 1024Px) {
  .zoca-c589601d-fadb-489b-a453-948dd260ea30 {
    height: auto;
  display: block;
  }
}

.zoca-5d209570-8969-4816-93d1-95323c93e317 {
  gap: var(--space-6);
  display: flex;
  padding: var(--space-16);
  flex-direction: column;
  justify-content: center;
}

.zoca-443fbfea-d269-49e6-9d2a-9b7b6bd5797c {
  text-align: center;
}

.zoca-6b925e41-6821-42b1-b0ad-b6148e914039 {
  display: none;
}

.zoca-1a6fb761-24e3-4110-9853-f6bffaf75d9b {
  overflow: auto;
  max-height: 180px;
}

@media (max-width: 1024Px) {
  .zoca-1a6fb761-24e3-4110-9853-f6bffaf75d9b {
    overflow: auto;
  max-height: auto;
  }
}

.zoca-82864c50-976e-4840-b362-be4c18ad653e {
  gap: var(--space-4);
  display: flex;
  align-items: center;
}

.zoca-d949d3d9-879a-4592-b3bb-3c3c651c3cc0 {
  display: flex;
  flex-direction: column;
}

.zoca-fc35f849-0219-477e-8556-babc2db0e1c9 {
  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-fc35f849-0219-477e-8556-babc2db0e1c9: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-fc35f849-0219-477e-8556-babc2db0e1c9 {
    padding: 0.75rem 1.25rem;
  font-size: 0.95rem;
  min-width: 120px;
  }
}

@media (max-width: 768Px) {
  .zoca-fc35f849-0219-477e-8556-babc2db0e1c9 {
    padding: 0.875rem 1.5rem;
  font-size: 1rem;
  min-width: 140px;
  }
}

.zoca-39682582-da12-4209-b46a-fc1d119c2935 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 480Px) {
  .zoca-39682582-da12-4209-b46a-fc1d119c2935 {
    min-height: 250px;
  }
}

@media (max-width: 768Px) {
  .zoca-39682582-da12-4209-b46a-fc1d119c2935 {
    order: 1;
  min-height: 300px;
  }
}

.zoca-b97777ad-0f55-4134-b750-47e577be891f {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.zoca-b7dfcb9c-60a6-45fd-bd66-674d4afa89d6 {
  display: none;
}

.zoca-266f1cc5-b503-4b4e-abcb-edfe47c3f3f9 {
  display: none;
}

.zoca-67722d9e-a334-41cd-a0b5-4dba517316b6 {
  color: var(--color-testimonial-star-background);
}

.zoca-0b177b7c-85c6-4b26-b792-f3df7c8dcc04 {
  color: var(--color-testimonial-star-background);
}

.zoca-a70f81ad-abec-42f7-bbd6-09be498e144b {
  color: var(--color-testimonial-star-background);
}

.zoca-cdb107e2-63f9-4c57-b213-bd7ffbe46a35 {
  color: var(--color-testimonial-star-background);
}

.zoca-77c2d3df-b5f6-40b5-9860-0263d38d2fbc {
  color: var(--color-testimonial-star-background);
}

.zoca-ce460c00-5c57-4609-8f86-b9aa9539b255 {
  color: var(--color-testimonial-star-background);
}

.zoca-f868a60d-2064-4237-b6b0-74b121001663 {
  color: var(--color-testimonial-star-background);
}

.zoca-26996c53-f1ec-4a72-b6a0-8c698fa3b9e5 {
  color: var(--color-testimonial-star-background);
}

.zoca-a43f5a70-9cb0-46c8-bdbd-4aad9a1045d8 {
  color: var(--color-testimonial-star-background);
}

.zoca-8f929eb8-5b4b-47c6-aa72-7233660019e8 {
  color: var(--color-testimonial-star-background);
}

.zoca-3481cd7b-b526-4deb-8de9-f9e52f5e80c6 {
  display: none;
}

.zoca-948f6987-65cc-47e7-a977-abc486e91fc6 {
  cursor: pointer;
}

.zoca-9982169a-a51e-4bdc-ba83-b8b3e56431eb {
  font-size: var(--text-base);
}

@media (max-width: 768Px) {
  .zoca-9982169a-a51e-4bdc-ba83-b8b3e56431eb {
    gap: 6px;
  display: flex;
  margin-top: 30px;
  padding-top: 20px;
  flex-direction: column;
  }
}

@media (min-width: 768Px) {
  .zoca-9982169a-a51e-4bdc-ba83-b8b3e56431eb {
    gap: 8px;
  display: flex;
  margin-top: 40px;
  padding-top: 30px;
  flex-direction: row;
  justify-content: space-between;
  }
}

.zoca-d08832f2-b43f-4232-90ef-6608c75c9105 {
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-d08832f2-b43f-4232-90ef-6608c75c9105 {
    order: 3;
  margin-bottom: 2rem;
  }
}

.zoca-645bb209-24ae-4792-bc46-cecde034390f {
  margin: 0;
}

.zoca-a13a9a33-19db-4d3b-b7af-5826ee97bda0 {
  gap: 10px;
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-a13a9a33-19db-4d3b-b7af-5826ee97bda0 {
    gap: 6px;
  order: 1;
  margin-bottom: 1.75rem;
  }
}

.zoca-e39892ec-7fc5-4d0a-8217-8952e7cae81f {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.zoca-2e1a0c06-df41-4d8f-87a4-18529e95ec9b {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}