/* Font imports for services/hairstyling/take-down */

.zoca-927aaf8d-42a9-4a58-a48e-68a726f61729 {
  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-ab293166-9891-4031-b178-6b50f022eeea {
  gap: 10px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.zoca-98665e1a-419e-4b48-876f-56d3fe04d23e {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-0ac07b4d-aed1-4db3-bec1-fb41f7d982cd {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-e645a148-3fb2-4d15-8780-4fe388372b4e {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-239ba3ba-e802-428e-9adb-ccda1d98ba5e {
  gap: 10px;
  display: none;
  align-items: center;
  white-space: nowrap;
}

.zoca-2323d2c3-4d75-4243-927b-98e610be1db5 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
}

.zoca-99b5252b-1962-4944-af10-77b091f33481 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
}

.zoca-9dc19f6d-8108-451c-aeba-77d3a6221785 {
  color: var(--color-offer-sticky-bar-foreground);
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.zoca-2bc6da6b-7314-4174-a9a8-3fd57c5af451 {
  display: none !important;
}

.zoca-28be8126-f65f-4fca-9e27-0e129c53cffe {
  display: none !important;
}

.zoca-2261c2af-82ef-4761-9aa4-6f1a5217a7db {
  color: black;
  border-radius: 8px !important;
}

.zoca-7ad94719-4912-4722-b118-a3b3a5c2af1f {
  padding: 1.5rem 2rem 0rem 2rem;
}

.zoca-4bc4c076-6cf9-4eec-9f31-5f7ca61ffc86 {
  color: black;
  display: none;
  font-weight: 600;
}

.zoca-274d15d0-178e-4a8b-b379-b80a7a2ad95a {
  padding: 1.5rem 2rem 2rem 2rem;
}

.zoca-0d770a60-db83-4f30-9a45-e6c232d65d76 {
  margin-top: var(--space-6);
}

.zoca-51400924-9491-46d6-85a2-f9c3364b0015 {
  margin-top: var(--space-6);
}

.zoca-af3ae5a9-565d-4104-88b0-6a183b7ccb0c {
  text-align: center !important;
}

.zoca-6cb71ee7-e3af-4604-98f6-15a14a3e8c79 {
  text-align: center !important;
}

.zoca-58d0a5f9-a4d7-4c19-8834-0aa6b72f2f0f {
  margin-top: var(--space-8);
}

.zoca-44eb6f48-b1a2-4658-b945-ee1a0172b48a {
  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-d5b3608b-da51-4575-a8f1-c255d94c0fce {
  margin-top: -0.75rem;
}

.zoca-ae62114d-468f-4786-98df-1a3b8897c853 {
  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-af956799-0025-4e31-8e72-557e5779ce38 {
  padding: 0px !important;
  min-height: 0px !important;
}

@media (max-width: 767Px) {
  .zoca-2ece99c5-c36d-45ab-903e-7ffae9e45ff9 {
    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-2ece99c5-c36d-45ab-903e-7ffae9e45ff9 {
    display: none;
  }
}

.zoca-2b044b0a-6a38-437c-a272-290896c17cd8 {
  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-f7dba6e1-ad61-4a77-9a86-b43f6f8e52f2 {
  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-909a1fb8-cd70-4507-9369-5c9535dd64a2 {
  width: 12px;
  height: 12px;
}

.zoca-bc63173f-9c10-43e9-bd27-6ae16d1550ab {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -3px;
}

.zoca-fe0c940c-dc72-4ace-8fee-315461a8a86b {
  color: gold;
  font-size: 12px;
  font-weight: 900;
  margin-inline: -5px;
}

.zoca-f6665870-ee90-4396-9005-07fdfac36103 {
  color: white;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.zoca-2952289a-3fca-4349-880c-a9924e38172c {
  color: white;
  font-size: 12px;
  font-weight: 900;
  margin-left: -4px;
}

.zoca-c7d0c159-3921-416c-b677-b96d3216c206 {
  min-width: 150px;
}

.zoca-5158b119-0b1b-4d29-a215-5d16f200ffcc {
  display: none !important;
}

.zoca-a846429c-0e11-4967-aa34-24e18112e8b7 {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  position: fixed;
  background-color: #1a1a1a;
}

.zoca-5fb1c82c-df7e-4f3f-a341-db1e3c74a373 {
  margin: 0 auto;
  padding: 1.35rem 1.5rem;
  max-width: 1200px;
}

@media (max-width: 600px) {
  .zoca-5fb1c82c-df7e-4f3f-a341-db1e3c74a373 {
    padding: 1rem;
  }
}

.zoca-83ea274d-d171-4f25-897b-dfe67327ddc7 {
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zoca-7727936d-bf5a-412a-86a4-90cec5da2b3b {
  gap: 1rem;
  flex: 1;
  display: flex;
  align-items: center;
}

.zoca-5836374b-0ef3-4399-84b1-ae4de5610ecc {
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}

.zoca-0584cf40-9367-44db-943c-a5d088075b0e {
  color: #ffffff;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .zoca-0584cf40-9367-44db-943c-a5d088075b0e {
    font-size: 1rem;
  }
}

.zoca-8748b58c-8dcb-415f-a794-ed25e79d7990 {
  color: #ffffff;
  margin: 0;
  opacity: 0.9;
  font-size: 1rem;
}

.zoca-f100726f-f01f-487f-adef-bd5d771195b4 {
  gap: 1rem;
  display: flex;
  align-items: center;
}

.zoca-faa213f1-1cad-47bf-bf95-cf07af8c4e54 {
  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-faa213f1-1cad-47bf-bf95-cf07af8c4e54:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 600px) {
  .zoca-faa213f1-1cad-47bf-bf95-cf07af8c4e54 {
    padding: 0.6rem;
  font-size: 0.875rem;
  }
}

.zoca-fa93030d-1249-4a08-a614-13e03fc849f4 {
  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-fa93030d-1249-4a08-a614-13e03fc849f4:hover {
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
  background-color: #f0f0f0;
}

@media (max-width: 600px) {
  .zoca-fa93030d-1249-4a08-a614-13e03fc849f4 {
    padding: 0.9rem 1.25rem;
  font-size: 1.25rem;
  }
}

.zoca-50a52317-5b10-4756-8df2-2d8a9e6637c9 {
  color: var(--color-categoryBanner-foreground);
  width: 100%;
  padding: 8rem 0 8rem 0;
  background: var(--color-categoryBanner-background);
}

.zoca-32b238cc-b276-4d72-bfcc-ae72e8cb2b59 {
  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-32b238cc-b276-4d72-bfcc-ae72e8cb2b59 {
    min-height: var(--section-height);
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  }
}

@media (max-width: 1024Px) {
  .zoca-32b238cc-b276-4d72-bfcc-ae72e8cb2b59 {
    height: auto;
  display: block;
  }
}

.zoca-2d97f4bd-539b-4477-a136-3836e3001d54 {
  gap: var(--space-6);
  display: flex;
  padding: var(--space-16);
  flex-direction: column;
  justify-content: center;
}

.zoca-48e903c5-ede2-4f3c-a8c4-1d9dfe4e8e67 {
  text-align: center;
}

.zoca-dd4a51e1-cc45-4dfa-9115-90d5ed1456a4 {
  display: none;
}

.zoca-370bd01d-cf5d-4e29-83fd-dad100470591 {
  overflow: auto;
  max-height: 180px;
}

@media (max-width: 1024Px) {
  .zoca-370bd01d-cf5d-4e29-83fd-dad100470591 {
    overflow: auto;
  max-height: auto;
  }
}

.zoca-2ab28e78-20b2-4e29-8870-9b665c4e4c34 {
  gap: var(--space-4);
  display: flex;
  align-items: center;
}

.zoca-b500e399-856a-4203-a4b7-177515a097cc {
  display: flex;
  flex-direction: column;
}

.zoca-ee179684-5886-4887-a2c0-f1c4e293c764 {
  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-ee179684-5886-4887-a2c0-f1c4e293c764: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-ee179684-5886-4887-a2c0-f1c4e293c764 {
    padding: 0.75rem 1.25rem;
  font-size: 0.95rem;
  min-width: 120px;
  }
}

@media (max-width: 768Px) {
  .zoca-ee179684-5886-4887-a2c0-f1c4e293c764 {
    padding: 0.875rem 1.5rem;
  font-size: 1rem;
  min-width: 140px;
  }
}

.zoca-303a35f3-0c8c-4455-8ebf-bd87f900afc3 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 480Px) {
  .zoca-303a35f3-0c8c-4455-8ebf-bd87f900afc3 {
    min-height: 250px;
  }
}

@media (max-width: 768Px) {
  .zoca-303a35f3-0c8c-4455-8ebf-bd87f900afc3 {
    order: 1;
  min-height: 300px;
  }
}

.zoca-3c503245-00c9-4278-9dc0-7ec59636d1ec {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.zoca-42ddcb2d-5a86-464c-b4c6-8538e97fec61 {
  display: none;
}

.zoca-8b25cbbc-705a-48db-85cd-ce6499ace6b9 {
  display: none;
}

.zoca-e388a786-682a-422c-b24b-2dc1047710b5 {
  color: var(--color-testimonial-star-background);
}

.zoca-941aa01c-a386-4066-b403-268e5b77763d {
  color: var(--color-testimonial-star-background);
}

.zoca-8d7e0d88-6a03-45e6-8c38-2d43189578a6 {
  color: var(--color-testimonial-star-background);
}

.zoca-ac00516a-475b-4d0e-9579-3284a27d214e {
  color: var(--color-testimonial-star-background);
}

.zoca-2087109a-1522-486b-bf3d-1fd8b93f6f2c {
  color: var(--color-testimonial-star-background);
}

.zoca-03360eeb-7641-4d9a-ab45-98efbe20c595 {
  color: var(--color-testimonial-star-background);
}

.zoca-d9302c48-f031-4569-a949-c650e580b460 {
  color: var(--color-testimonial-star-background);
}

.zoca-021c61bf-a44f-4124-83b9-1f63bdb06c6d {
  color: var(--color-testimonial-star-background);
}

.zoca-c40ffeb0-e02b-4d4d-8232-1b13af271e6f {
  color: var(--color-testimonial-star-background);
}

.zoca-6c0a6942-aca4-4034-806a-9a4cb929df7c {
  color: var(--color-testimonial-star-background);
}

.zoca-e75cf83e-fda4-41ba-97af-89131bedc61d {
  display: none;
}

.zoca-9d023193-ed2c-4c28-9d56-c73707d8d096 {
  cursor: pointer;
}

.zoca-4e9347f8-cc41-4911-a804-2745532c4cb5 {
  font-size: var(--text-base);
}

@media (max-width: 768Px) {
  .zoca-4e9347f8-cc41-4911-a804-2745532c4cb5 {
    gap: 6px;
  display: flex;
  margin-top: 30px;
  padding-top: 20px;
  flex-direction: column;
  }
}

@media (min-width: 768Px) {
  .zoca-4e9347f8-cc41-4911-a804-2745532c4cb5 {
    gap: 8px;
  display: flex;
  margin-top: 40px;
  padding-top: 30px;
  flex-direction: row;
  justify-content: space-between;
  }
}

.zoca-bba49e3f-6fa6-4526-b160-84f1635e21b4 {
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-bba49e3f-6fa6-4526-b160-84f1635e21b4 {
    order: 3;
  margin-bottom: 2rem;
  }
}

.zoca-0ec9f639-4dec-43e8-a038-3897418c85e3 {
  margin: 0;
}

.zoca-aa4eb282-db4c-4fba-9482-6f6607fd6970 {
  gap: 10px;
  display: flex;
  align-items: center;
}

@media (max-width: 768Px) {
  .zoca-aa4eb282-db4c-4fba-9482-6f6607fd6970 {
    gap: 6px;
  order: 1;
  margin-bottom: 1.75rem;
  }
}

.zoca-9cadce29-068c-444b-8e03-420239d31b79 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.zoca-04fcb36f-777f-4f95-b880-aad0453cee71 {
  transition: color 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
}