/* Font imports for services/hair-extensions/closure-sew-in-install */

.zoca-b465db68-e433-49a4-bcfd-c538508dfe64 {
  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-8b925b9b-02d2-4178-ad6e-97cc4897d7cd {
  gap: 10px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.zoca-cef97dea-f2ba-4852-ae7f-123fe147b69f {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-e51d8ab2-ccd2-4c00-8887-efcf98998d6a {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-d0dc344d-b24d-4ad0-aeb0-b3b3fa005266 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-6434669a-019a-4418-ab81-202b51c47f1a {
  gap: 10px;
  display: none;
  align-items: center;
  white-space: nowrap;
}

.zoca-4db73e73-898b-4b72-833d-aec8ce4c5b23 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-c438e831-0738-494d-972d-5295896d3d70 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-6805ad66-c455-4ea6-bd9b-ac756418dafb {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-e363f1b4-93cb-4340-b48a-7c8db6a44cc3 {
  display: none !important;
}

.zoca-a86668ff-d8e0-4d27-9f10-57db5bc8f3b7 {
  display: none !important;
}

.zoca-75035306-5be5-41c6-9c78-36e2b84341ad {
  color: black;
  border-radius: 8px !important;
}

.zoca-01649bae-57bb-4bd7-a3b0-89d10f7e6189 {
  padding: 1.5rem 2rem 0rem 2rem;
}

.zoca-a8f87389-3f67-44f3-a386-051992ce200f {
  color: black;
  display: none;
  font-weight: 600;
}

.zoca-a4735a14-f1a5-420d-9032-e14f449e2546 {
  padding: 1.5rem 2rem 2rem 2rem;
}

.zoca-0099a531-ecff-440a-be6a-bd5b51749ab9 {
  margin-top: var(--space-6);
}

.zoca-d0932ac9-f664-4b7f-892e-741ecbc40743 {
  margin-top: var(--space-6);
}

.zoca-d7bcb9ae-27a6-4f71-a357-1bb21020686e {
  text-align: center !important;
}

.zoca-80e36f14-eed3-42cd-b4de-e1c41b76ea8c {
  text-align: center !important;
}

.zoca-f0d7af78-0048-4cb8-bc5b-0750fd296b41 {
  margin-top: var(--space-8);
}

.zoca-eb5683bd-6ffc-431f-ac74-c1a522f366ec {
  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-70997618-c1a0-496d-8a5f-c3fd344bf153 {
  margin-top: -0.75rem;
}

.zoca-bdc73354-457b-485d-8781-d7e4e87c5e2e {
  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-d39f4c0f-7c1b-4e0d-96ee-d1c551e586a9 {
  padding: 0px !important;
  min-height: 0px !important;
}

@media (max-width: 767Px) {
  .zoca-3a95cff0-ea83-4a07-b5ef-2d3a834e1f5a {
    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-3a95cff0-ea83-4a07-b5ef-2d3a834e1f5a {
    display: none;
  }
}

.zoca-2783f82f-584a-429c-b96d-376f8d6197da {
  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-ac9fbb26-a6d0-4429-a4f9-93cff347593f {
  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-040ef54c-304c-4e0a-8720-3f6471e0258c {
  width: 12px;
  height: 12px;
}

.zoca-8b3a2be1-adf9-4a4b-a45c-6328388e1e7c {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -3px;
}

.zoca-c4736ab6-62fd-428a-a0e2-d44d14a021c2 {
  color: gold;
  font-size: 12px;
  font-weight: 900;
  margin-inline: -5px;
}

.zoca-14092d16-b619-4c7b-a524-1e4cc348e645 {
  color: white;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.zoca-dca01801-b19b-41d9-8ae2-8f7f7274dc52 {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -4px;
}

.zoca-21f29e28-8bb8-4022-863b-2a3e1fc0e29e {
  min-width: 150px;
}

.zoca-145f66c9-c55b-4923-9021-ef8bda99fc2d {
  display: none !important;
}

.zoca-b34412c2-53ff-4205-afc5-6e156dba8c7c {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  position: fixed;
  background-color: #1a1a1a;
}

.zoca-b4bd24e9-34ab-4cd2-b35b-cdd76da3123e {
  margin: 0 auto;
  padding: 1.35rem 1.5rem;
  max-width: 1200px;
}

@media (max-width: 600px) {
  .zoca-b4bd24e9-34ab-4cd2-b35b-cdd76da3123e {
    padding: 1rem;
  }
}

.zoca-f9b89450-2ea7-484b-b4f6-d1adb9783dbd {
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zoca-4ca1394b-0ae5-4553-9a6f-71ab3306c7aa {
  gap: 1rem;
  flex: 1;
  display: flex;
  align-items: center;
}

.zoca-c52106f1-e571-4e64-9807-79f546522d74 {
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}

.zoca-f5ac7ab0-cf16-402f-b34a-86526b8c6339 {
  color: #ffffff;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .zoca-f5ac7ab0-cf16-402f-b34a-86526b8c6339 {
    font-size: 1rem;
  }
}

.zoca-17752fba-bee3-40ae-ae03-ceef49889539 {
  color: #ffffff;
  margin: 0;
  opacity: 0.9;
  font-size: 1rem;
}

.zoca-608ff37d-b6b9-4505-a425-9bbe74cfc9fb {
  gap: 1rem;
  display: flex;
  align-items: center;
}

.zoca-c7f3ca92-9fc0-44ff-9546-3b6ab696bb8b {
  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-c7f3ca92-9fc0-44ff-9546-3b6ab696bb8b:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 600px) {
  .zoca-c7f3ca92-9fc0-44ff-9546-3b6ab696bb8b {
    padding: 0.6rem;
  font-size: 0.875rem;
  }
}

.zoca-a83cc0b5-08f0-4543-977d-7c168248f37f {
  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-a83cc0b5-08f0-4543-977d-7c168248f37f:hover {
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
  background-color: #f0f0f0;
}

@media (max-width: 600px) {
  .zoca-a83cc0b5-08f0-4543-977d-7c168248f37f {
    padding: 0.9rem 1.25rem;
  font-size: 1.25rem;
  }
}

.zoca-b438e9f8-ca83-4a6c-a19f-d6124561f75d {
  color: var(--color-categoryBanner-foreground);
  width: 100%;
  padding: 8rem 0 8rem 0;
  background: var(--color-categoryBanner-background);
}

.zoca-f0ab761b-8655-4029-843d-40a755b5e4d4 {
  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-f0ab761b-8655-4029-843d-40a755b5e4d4 {
    min-height: var(--section-height);
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  }
}

@media (max-width: 1024Px) {
  .zoca-f0ab761b-8655-4029-843d-40a755b5e4d4 {
    height: auto;
  display: block;
  }
}

.zoca-cd620542-3808-497b-8b05-22eb33db32f6 {
  gap: var(--space-6);
  display: flex;
  padding: var(--space-16);
  flex-direction: column;
  justify-content: center;
}

.zoca-aa5ad904-7e84-4b61-8448-3372f51c023a {
  text-align: center;
}

.zoca-93a823e1-1d00-4705-896a-2f760cbb2105 {
  display: none;
}

.zoca-7ad58398-f09b-4087-b1f9-633beebe7621 {
  overflow: auto;
  max-height: 180px;
}

@media (max-width: 1024Px) {
  .zoca-7ad58398-f09b-4087-b1f9-633beebe7621 {
    overflow: auto;
  max-height: auto;
  }
}

.zoca-6983407b-d853-4df0-965c-18a511e0a2cb {
  gap: var(--space-4);
  display: flex;
  align-items: center;
}

.zoca-f7ae1c52-0658-41a6-babe-6e3ccaaa217f {
  display: flex;
  flex-direction: column;
}

.zoca-360ed62f-7661-475a-ab2e-e5f2063d7408 {
  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-360ed62f-7661-475a-ab2e-e5f2063d7408: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-360ed62f-7661-475a-ab2e-e5f2063d7408 {
    padding: 0.75rem 1.25rem;
  font-size: 0.95rem;
  min-width: 120px;
  }
}

@media (max-width: 768Px) {
  .zoca-360ed62f-7661-475a-ab2e-e5f2063d7408 {
    padding: 0.875rem 1.5rem;
  font-size: 1rem;
  min-width: 140px;
  }
}

.zoca-481ee02c-0949-4c30-aaf5-286368287ec1 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 480Px) {
  .zoca-481ee02c-0949-4c30-aaf5-286368287ec1 {
    min-height: 250px;
  }
}

@media (max-width: 768Px) {
  .zoca-481ee02c-0949-4c30-aaf5-286368287ec1 {
    order: 1;
  min-height: 300px;
  }
}

.zoca-eab29f72-73b5-4b3d-8b3b-9ea535749335 {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.zoca-bcdcdd21-f19d-4fbb-9c69-ec388a3a7efc {
  display: none;
}

.zoca-c3b32f0b-c671-4445-9fca-564c30e3e9e4 {
  display: none;
}

.zoca-0f46b513-e0e1-453c-bce7-2cbe98cb96b8 {
  color: var(--color-testimonial-star-background);
}

.zoca-25502a3a-3896-48b5-a322-c9aa0f9e7a8a {
  color: var(--color-testimonial-star-background);
}

.zoca-349153ed-5159-43cc-9ce4-7dd95fe1a54d {
  color: var(--color-testimonial-star-background);
}

.zoca-4fca4198-a926-46e6-8cff-7a8659bccb26 {
  color: var(--color-testimonial-star-background);
}

.zoca-459f0ef7-e7fc-4df3-b63d-b5911ea04d77 {
  color: var(--color-testimonial-star-background);
}

.zoca-b9082a53-d8a3-4359-b790-631ca9315569 {
  color: var(--color-testimonial-star-background);
}

.zoca-691449b9-93ea-4aff-bab8-ab7b15121239 {
  color: var(--color-testimonial-star-background);
}

.zoca-8444c398-cafb-47ab-824f-f4f4edbb7a4c {
  color: var(--color-testimonial-star-background);
}

.zoca-eb01be19-940b-427a-b9bd-e3a6af7098a8 {
  color: var(--color-testimonial-star-background);
}

.zoca-e54f9e77-db5c-4193-9e00-f6e4b90f656d {
  color: var(--color-testimonial-star-background);
}

.zoca-4bce1bf6-ad8a-4bb5-85ab-a8736f0bf886 {
  display: none;
}

.zoca-8c3a9914-17cf-4f8d-a47e-255a046ce7b4 {
  cursor: pointer;
}

.zoca-b461a563-a198-4fdd-bc90-e0888881b202 {
  font-size: var(--text-base);
}

@media (max-width: 768Px) {
  .zoca-b461a563-a198-4fdd-bc90-e0888881b202 {
    gap: 6px;
  display: flex;
  margin-top: 30px;
  padding-top: 20px;
  flex-direction: column;
  }
}

@media (min-width: 768Px) {
  .zoca-b461a563-a198-4fdd-bc90-e0888881b202 {
    gap: 8px;
  display: flex;
  margin-top: 40px;
  padding-top: 30px;
  flex-direction: row;
  justify-content: space-between;
  }
}

.zoca-b3583cc1-914a-459a-b4bf-e82f3b3afc1a {
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-b3583cc1-914a-459a-b4bf-e82f3b3afc1a {
    order: 3;
  margin-bottom: 2rem;
  }
}

.zoca-ee9a209c-5d01-4c89-9c30-3e5b0f47d814 {
  margin: 0;
}

.zoca-7582092e-48fd-45fd-a71a-74f8ce5f46e4 {
  gap: 10px;
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-7582092e-48fd-45fd-a71a-74f8ce5f46e4 {
    gap: 6px;
  order: 1;
  margin-bottom: 1.75rem;
  }
}

.zoca-ac57eecf-4c86-420c-8c98-3f488975a1af {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.zoca-370eb890-8d54-4f00-bfa1-fada33de91e8 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}