.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-0651297:#023440;--e-global-color-5466838:#377280;--e-global-color-7399fe4:#518692;--e-global-color-4c819ad:#97BBC3;--e-global-color-e6a683b:#BED5DB;--e-global-color-e5bbc86:#474240;--e-global-color-13258d8:#946226;--e-global-color-818930a:#65431A;--e-global-color-6940bad:#E6FAFE;--e-global-color-536855f:#FFFFFF33;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Figtree";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h2{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h3{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h4{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h5{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h6{font-family:"Montserrat", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.pageheading{
    --display: flex;
    --min-height: 40vh;
    --justify-content: flex-end;
    --overlay-opacity: 0.96;
    --padding-top: 0px;
    --padding-bottom: 30px;
    --padding-left: 0px;
    --padding-right: 0px;
}



/* =========================================
   Laser Hair Removal Page (Gutenberg)
   Targets the markup provided: .service-page...
   Mobile-first, inherits theme typography.
========================================= */

.service-page.service-laser-hair-removal{
  --service-accent: #7a0f1b;   /* dark red */
  --service-accent-2: #b01b2c;
  --service-radius: 18px;
  --service-line: rgba(255,255,255,.10);

  /* If your theme is light, these will mostly be ignored by default styling */
}

/* Keep content from stretching too wide */
.service-page.service-laser-hair-removal .wp-block-group{
  max-width: 1200px;
}

/* Breadcrumbs */
.service-page.service-laser-hair-removal .service-breadcrumbs{
  margin-top: 10px;
  margin-bottom: 8px;
}
.service-page.service-laser-hair-removal .service-breadcrumbs p{
  font-size: 14px;
  opacity: .85;
  margin: 0;
}
.service-page.service-laser-hair-removal .service-breadcrumbs a{
  text-decoration: none;
}
.service-page.service-laser-hair-removal .service-breadcrumbs a:hover{
  color: var(--service-accent-2);
}

/* HERO */
.service-page.service-laser-hair-removal .service-hero{
  margin-top: 10px;
  margin-bottom: 18px;
  padding: 20px;
  border-radius: calc(var(--service-radius) + 6px);
  border: 1px solid var(--service-line);
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(176,27,44,.18), transparent 55%),
    radial-gradient(700px 220px at 90% 0%, rgba(122,15,27,.14), transparent 60%),
    rgba(255,255,255,.02);
}

/* Kicker */
.service-page.service-laser-hair-removal .service-kicker{
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--service-line);
  background: rgba(0,0,0,.08);
  font-size: 13px;
  letter-spacing: .2px;
  margin: 0 0 10px;
}

/* Headings spacing */
.service-page.service-laser-hair-removal h1{
  margin-top: 6px;
  margin-bottom: 10px;
  line-height: 1.15;
}
.service-page.service-laser-hair-removal h2{
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.2;
}
.service-page.service-laser-hair-removal h3{
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.25;
}

/* Hero “At a Glance” card */
.service-page.service-laser-hair-removal .service-hero-card{
  border-radius: var(--service-radius);
  border: 1px solid var(--service-line);
  background: rgba(0,0,0,.06);
  padding: 16px;
}
.service-page.service-laser-hair-removal .service-hero-card ul{
  margin: 0;
  padding-left: 18px;
}
.service-page.service-laser-hair-removal .service-hero-card li{
  margin: 6px 0;
}

/* Main layout columns spacing */
.service-page.service-laser-hair-removal .service-layout{
  gap: 18px;
  margin-top: 8px;
}

/* Section cards */
.service-page.service-laser-hair-removal .service-section{
  border-radius: var(--service-radius);
  border: 1px solid var(--service-line);
  background: rgba(255,255,255,.02);
  padding: 18px;
  margin-bottom: 16px;
}

/* Subtle divider look on separators inside the page */
.service-page.service-laser-hair-removal .wp-block-separator{
  border: none;
  height: 1px;
  background: var(--service-line);
  margin: 16px 0;
}

/* Improve lists */
.service-page.service-laser-hair-removal ul{
  margin-top: 10px;
}
.service-page.service-laser-hair-removal li{
  margin: 6px 0;
}

/* Two-column pricing lists look nicer (using columns) */
.service-page.service-laser-hair-removal #areas .wp-block-column ul{
  border-radius: var(--service-radius);
  border: 1px solid var(--service-line);
  background: rgba(0,0,0,.05);
  padding: 14px 14px 14px 32px;
}

/* FAQ (details) */
.service-page.service-laser-hair-removal .wp-block-details{
  border-radius: 14px;
  border: 1px solid var(--service-line);
  background: rgba(0,0,0,.05);
  padding: 12px 14px;
}
.service-page.service-laser-hair-removal .wp-block-details + .wp-block-details{
  margin-top: 12px;
}
.service-page.service-laser-hair-removal .wp-block-details summary{
  font-weight: 650;
  cursor: pointer;
}

/* Sidebar */
.service-page.service-laser-hair-removal .service-sidebar{
  position: sticky;
  top: 18px;
  border-radius: var(--service-radius);
  border: 1px solid var(--service-line);
  background: rgba(255,255,255,.02);
  padding: 18px;
}

/* Buttons: keep theme styles, but add a nice accent hover */
.service-page.service-laser-hair-removal .wp-block-button__link{
  border-radius: 14px;
  transition: transform .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;
}
.service-page.service-laser-hair-removal .wp-block-button__link:hover{
  transform: translateY(-1px);
}

/* Make outline buttons use accent on hover (without forcing colors globally) */
.service-page.service-laser-hair-removal .is-style-outline .wp-block-button__link:hover{
  border-color: var(--service-accent-2);
  color: var(--service-accent-2);
}

/* Make filled button pop slightly on hover (again, not overriding your theme color) */
.service-page.service-laser-hair-removal .is-style-fill .wp-block-button__link:hover{
  filter: brightness(1.03);
}

/* Mobile adjustments */
@media (max-width: 781px){
  .service-page.service-laser-hair-removal .service-hero{
    padding: 16px;
  }
  .service-page.service-laser-hair-removal .service-section{
    padding: 16px;
  }
  .service-page.service-laser-hair-removal .service-sidebar{
    position: static;
    top: auto;
    margin-top: 10px;
  }
  .service-page.service-laser-hair-removal .service-layout{
    gap: 14px;
  }
}

/* Slightly nicer spacing between blocks inside sections */
.service-page.service-laser-hair-removal .service-section > *:first-child{
  margin-top: 0;
}
.service-page.service-laser-hair-removal .service-section > *:last-child{
  margin-bottom: 0;
}/* End custom CSS */