/* Hairdresser Antalya V4 – Mobile Header + Services Card Elite Fix */

:root{
    --ha-v4-brown:#3b2418;
    --ha-v4-gold:#c5a27f;
    --ha-v4-cream:#fcf8f3;
    --ha-v4-shadow:0 18px 40px rgba(36,24,17,.12);
}

/* =========================
   1) MOBILE HEADER / MENU
   ========================= */
@media (max-width: 820px){
    .main-header{
        position:absolute !important;
        top:18px;
        left:16px;
        right:16px;
        height:78px !important;
        min-height:78px;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        padding:0 16px 0 18px !important;
        gap:14px !important;
        border-radius:999px !important;
        background:rgba(255,250,245,.96) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.08) !important;
        overflow:visible !important;
        z-index:90 !important;
    }

    .main-header .brand{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:0 !important;
        flex:0 0 auto !important;
        min-width:0 !important;
        max-width:calc(100% - 86px) !important;
        margin:0 !important;
    }

    .main-header .brand img{
        width:58px !important;
        height:58px !important;
        max-width:58px !important;
        object-fit:contain !important;
        border-radius:50% !important;
        display:block !important;
    }

    .main-header .brand span{
        display:none !important;
    }

    .main-header .appointment-btn,
    .main-header .desktop-nav{
        display:none !important;
    }

    .main-header .mobile-menu-toggle{
        position:relative !important;
        margin-left:auto !important;
        flex:0 0 56px !important;
        width:56px !important;
        height:56px !important;
        min-width:56px !important;
        min-height:56px !important;
        border:none !important;
        border-radius:50% !important;
        background:linear-gradient(135deg,#4a2e21,#2f1b12) !important;
        box-shadow:0 14px 28px rgba(59,36,24,.22) !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 !important;
        overflow:hidden !important;
        z-index:101 !important;
    }

    .main-header .mobile-menu-toggle span{
        display:block !important;
        position:relative !important;
        width:24px !important;
        height:2.5px !important;
        margin:0 !important;
        background:#fff !important;
        border-radius:999px !important;
        transform:none !important;
    }
    .main-header .mobile-menu-toggle span:nth-child(2),
    .main-header .mobile-menu-toggle span:nth-child(3){
        margin-top:0 !important;
    }
    .main-header .mobile-menu-toggle span + span{
        margin-top:6px !important;
    }

    .mobile-menu{
        width:min(88vw,380px) !important;
        max-width:380px !important;
        padding:96px 24px 26px !important;
        background:#fffaf5 !important;
        box-shadow:0 24px 54px rgba(0,0,0,.18) !important;
        overflow-y:auto !important;
        z-index:140 !important;
    }

    .mobile-menu-backdrop{
        background:rgba(34,22,15,.42) !important;
        z-index:130 !important;
    }

    .mobile-menu__logo{
        width:92px !important;
        height:92px !important;
        max-width:92px !important;
        object-fit:contain !important;
        display:block !important;
        margin:0 auto 18px !important;
    }

    .mobile-menu__close{
        top:18px !important;
        right:18px !important;
        width:44px !important;
        height:44px !important;
        border-radius:50% !important;
        font-size:34px !important;
        line-height:44px !important;
        color:var(--ha-v4-brown) !important;
        background:#fff !important;
        box-shadow:0 10px 24px rgba(59,36,24,.14) !important;
    }

    .mobile-menu nav{
        margin-top:8px !important;
    }

    .mobile-menu nav a{
        font-size:19px !important;
        line-height:1.2 !important;
        font-family:inherit !important;
        color:#1f1713 !important;
        padding:14px 0 !important;
        border-bottom:1px solid rgba(59,36,24,.08) !important;
        letter-spacing:.01em !important;
    }

    .mobile-menu__cta{
        margin-top:18px !important;
        min-height:48px !important;
        border-radius:999px !important;
        background:var(--ha-v4-gold) !important;
        color:#fff !important;
        font-weight:700 !important;
        letter-spacing:.06em !important;
        text-transform:uppercase !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }
}

/* =========================
   2) SERVICES GRID FIX
   ========================= */

/* main grid */
.services-directory{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:30px !important;
    align-items:stretch !important;
}
@media (max-width: 980px){
    .services-directory{grid-template-columns:1fr !important; gap:24px !important;}
}

/* elegant card */
.service-directory-card{
    display:flex !important;
    flex-direction:column !important;
    min-height:100% !important;
    background:rgba(255,250,245,.88) !important;
    border:1px solid rgba(141,107,81,.14) !important;
    border-radius:24px !important;
    overflow:hidden !important;
    box-shadow:0 16px 42px rgba(76,55,42,.08) !important;
}

.service-directory-card__image{
    position:relative !important;
    display:block !important;
    aspect-ratio:1.08 / 1 !important;
    min-height:320px !important;
    overflow:hidden !important;
    background:#eadfd5 !important;
}

.service-directory-card__image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
}

/* Hide messy title overlays / duplicate floating labels */
.service-directory-card__image [class*="title"],
.service-directory-card__image [class*="overlay"],
.service-directory-card__image [class*="floating"],
.service-directory-card__image [class*="badge"],
.service-directory-card__image [class*="label"],
.service-directory-card__image .service-card-title,
.service-directory-card__image .service-overlay,
.service-directory-card__image .service-floating-card,
.service-directory-card__image .service-card__title,
.service-directory-card__image .service-card__overlay,
.service-directory-card__image .service-card__badge{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
}

/* keep body clean and readable */
.service-directory-card__body{
    position:relative !important;
    background:#fff !important;
    padding:26px 28px 28px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    flex:1 1 auto !important;
}

.service-directory-card__body .section-kicker{
    margin:0 !important;
    font-size:12px !important;
    letter-spacing:.18em !important;
    color:#907358 !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
}

.service-directory-card__body h2,
.service-directory-card__body h3{
    margin:0 !important;
    font-family:Georgia, "Times New Roman", serif !important;
    font-size:clamp(30px,2.2vw,42px) !important;
    line-height:1.08 !important;
    font-weight:500 !important;
    color:#201813 !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
}

.service-directory-card__body p{
    margin:0 !important;
    font-size:18px !important;
    line-height:1.7 !important;
    color:#5a5048 !important;
}

.service-directory-card__actions{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    margin-top:auto !important;
    padding-top:12px !important;
    flex-wrap:wrap !important;
}

.service-directory-card .text-link{
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:#2e231d !important;
}

.service-directory-card .small-pill{
    min-height:38px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    background:#2f1b12 !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.12em !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* mobile tidy services */
@media (max-width: 820px){
    .service-directory-card{
        border-radius:20px !important;
    }
    .service-directory-card__image{
        min-height:250px !important;
        aspect-ratio:1 / 1 !important;
    }
    .service-directory-card__body{
        padding:20px 20px 22px !important;
        gap:10px !important;
    }
    .service-directory-card__body h2,
    .service-directory-card__body h3{
        font-size:24px !important;
        line-height:1.14 !important;
    }
    .service-directory-card__body p{
        font-size:15px !important;
        line-height:1.65 !important;
    }
}

/* Optional: general elegant heading scale on services pages */
.page-services .page-hero h1,
.page-services .section h2{
    font-size:clamp(30px,4vw,50px) !important;
    line-height:1.08 !important;
    letter-spacing:-.02em !important;
}

.page-services .page-hero p{
    max-width:860px;
    margin-left:auto;
    margin-right:auto;
}

/* prevent accidental horizontal shift */
html, body{
    overflow-x:hidden;
}


/* HAIRDRESSER-V5-SERVICES-PREMIUM-HARD-FIX-START */

/* ==========================================================================
   HAIRDRESSER ANTALYA V5 - PREMIUM SERVICES CARD HARD FIX
   Purpose:
   - Show the full service poster images without cropping embedded titles
   - Remove duplicate / half-visible HTML labels over images
   - Make web + mobile services cards premium, clean and readable
   ========================================================================== */

:root{
  --ha-v5-ink:#18120f;
  --ha-v5-muted:#74675f;
  --ha-v5-gold:#b28b6d;
  --ha-v5-gold-soft:#d9c1aa;
  --ha-v5-cream:#fffaf5;
  --ha-v5-bg:#f7f0e9;
  --ha-v5-line:rgba(141,107,81,.18);
  --ha-v5-shadow:0 24px 70px rgba(68,45,32,.14);
}

/* -------- General service area rhythm -------- */
.services-index,
.home-services,
.section:has(.service-cards),
.section:has(.services-directory){
  background:
    radial-gradient(circle at 8% 8%, rgba(255,255,255,.92), transparent 28%),
    linear-gradient(180deg, #fbf6f0 0%, #f6eee6 100%) !important;
}

.services-index .section-head,
.section:has(.service-cards) .section-head{
  align-items:flex-end !important;
  gap:24px !important;
}

/* ==========================================================================
   A) HOMEPAGE SERVICE CARDS
   These cards have poster-like images that already contain title graphics.
   We show the whole poster and remove the extra overlay label.
   ========================================================================== */
.service-cards{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}

.service-card{
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
  border-radius:24px !important;
  padding:12px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(246,236,227,.88)) !important;
  border:1px solid rgba(178,139,109,.18) !important;
  box-shadow:0 20px 58px rgba(68,45,32,.12) !important;
  transform:none !important;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

.service-card:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(178,139,109,.32) !important;
  box-shadow:0 30px 86px rgba(68,45,32,.18) !important;
}

.service-card img{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:4 / 3 !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  border-radius:18px !important;
  padding:0 !important;
  background:linear-gradient(135deg,#f2e7dc,#fffaf5) !important;
  transform:none !important;
  transition:transform .3s ease !important;
}

.service-card:hover img{
  transform:none !important;
}

/* Remove the duplicate second title label on top/bottom of poster images */
.service-card__label,
.service-card .service-card__label,
.service-card [class*="label"],
.service-card [class*="overlay"],
.service-card [class*="floating"],
.service-card [class*="caption"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Add a tiny premium affordance without duplicating the service title */
.service-card::after{
  content:"VIEW DETAILS →";
  position:absolute !important;
  right:20px !important;
  bottom:20px !important;
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:rgba(24,18,15,.86) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
  backdrop-filter:blur(8px) !important;
}

/* ==========================================================================
   B) SERVICES DIRECTORY PAGE CARDS
   Show complete image/poster. Keep one clean text block below.
   ========================================================================== */
.services-directory{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:34px !important;
  align-items:stretch !important;
}

.service-directory-card{
  position:relative !important;
  min-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border-radius:30px !important;
  background:rgba(255,250,245,.94) !important;
  border:1px solid rgba(178,139,109,.20) !important;
  box-shadow:var(--ha-v5-shadow) !important;
  transform:none !important;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

.service-directory-card:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(178,139,109,.35) !important;
  box-shadow:0 34px 96px rgba(68,45,32,.20) !important;
}

.service-directory-card__image{
  position:relative !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:4 / 3 !important;
  min-height:0 !important;
  overflow:hidden !important;
  padding:14px !important;
  background:
    linear-gradient(145deg, rgba(244,233,222,.96), rgba(255,250,245,.98)) !important;
}

.service-directory-card__image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  border-radius:22px !important;
  background:#f3e9df !important;
  transform:none !important;
  transition:none !important;
}

/* Disable any crop/zoom effects from older files */
.service-directory-card:hover .service-directory-card__image img,
.service-directory-card__image:hover img{
  transform:none !important;
}

/* If old HTML overlays exist, hide them completely */
.service-directory-card__image [class*="title"],
.service-directory-card__image [class*="overlay"],
.service-directory-card__image [class*="floating"],
.service-directory-card__image [class*="badge"],
.service-directory-card__image [class*="label"],
.service-directory-card__image [class*="caption"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

/* Premium text area */
.service-directory-card__body{
  position:relative !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  padding:28px 30px 30px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,250,245,.98)) !important;
  border-top:1px solid rgba(178,139,109,.14) !important;
}

.service-directory-card__body .section-kicker{
  margin:0 !important;
  max-width:100% !important;
  font-size:11px !important;
  line-height:1.5 !important;
  letter-spacing:.18em !important;
  font-weight:900 !important;
  color:#8b6d54 !important;
  text-transform:uppercase !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}

.service-directory-card__body h2,
.service-directory-card__body h3{
  margin:0 !important;
  max-width:100% !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:clamp(28px,2.15vw,40px) !important;
  line-height:1.08 !important;
  font-weight:500 !important;
  letter-spacing:-.025em !important;
  color:var(--ha-v5-ink) !important;
  overflow:visible !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

.service-directory-card__body h2 a,
.service-directory-card__body h3 a{
  color:inherit !important;
  text-decoration:none !important;
}

.service-directory-card__body p{
  margin:0 !important;
  color:var(--ha-v5-muted) !important;
  font-size:17px !important;
  line-height:1.68 !important;
  overflow:visible !important;
}

.service-directory-card__actions{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  margin-top:auto !important;
  padding-top:16px !important;
}

.service-directory-card .text-link{
  color:#2d211b !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.service-directory-card .small-pill{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 18px !important;
  border-radius:999px !important;
  background:#2b1c15 !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

/* ==========================================================================
   C) SERVICE DETAIL HERO IMAGE SAFETY
   ========================================================================== */
.service-detail-hero__image{
  overflow:hidden !important;
}
.service-detail-hero__image img{
  object-fit:cover !important;
  object-position:center center !important;
}

/* ==========================================================================
   D) RESPONSIVE
   ========================================================================== */
@media (max-width:1180px){
  .service-cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .services-directory{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:26px !important;
  }
}

@media (max-width:820px){
  .service-cards,
  .services-directory{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }

  .service-card{
    border-radius:22px !important;
    padding:10px !important;
  }

  .service-card img{
    aspect-ratio:4 / 3 !important;
    border-radius:16px !important;
  }

  .service-card::after{
    right:16px !important;
    bottom:16px !important;
    min-height:30px !important;
    padding:0 12px !important;
    font-size:9px !important;
  }

  .service-directory-card{
    border-radius:24px !important;
  }

  .service-directory-card__image{
    aspect-ratio:4 / 3 !important;
    padding:10px !important;
  }

  .service-directory-card__image img{
    border-radius:18px !important;
    object-fit:contain !important;
  }

  .service-directory-card__body{
    padding:22px 22px 24px !important;
    gap:10px !important;
  }

  .service-directory-card__body .section-kicker{
    font-size:10px !important;
    letter-spacing:.15em !important;
  }

  .service-directory-card__body h2,
  .service-directory-card__body h3{
    font-size:26px !important;
    line-height:1.12 !important;
    letter-spacing:-.015em !important;
  }

  .service-directory-card__body p{
    font-size:15.5px !important;
    line-height:1.65 !important;
  }

  .service-directory-card__actions{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:12px !important;
  }
}

@media (max-width:420px){
  .service-card img,
  .service-directory-card__image{
    aspect-ratio:1 / 1 !important;
  }
  .service-directory-card__body h2,
  .service-directory-card__body h3{
    font-size:24px !important;
  }
}

/* Prevent horizontal overflow caused by old card internals */
html,body,.site-shell,main{
  max-width:100% !important;
  overflow-x:hidden !important;
}

/* Marker: HAIRDRESSER-V5-SERVICES-PREMIUM-HARD-FIX */

/* HAIRDRESSER-V5-SERVICES-PREMIUM-HARD-FIX-END */


/* HAIRDRESSER-V6-SERVICE-DETAIL-IMAGE-FIX-START */

/* Hairdresser Antalya V6 – Service Detail Image Readability Hard Fix
   Goal: show full service hero image without cropping the text embedded in the image.
*/

:root{
  --ha-v6-cream:#fbf4ed;
  --ha-v6-paper:#fffaf5;
  --ha-v6-ink:#17110d;
  --ha-v6-muted:#6f655f;
  --ha-v6-gold:#a98567;
  --ha-v6-shadow:0 22px 70px rgba(71,48,35,.14);
}

/* Service detail hero: desktop */
body.page-service_detail .service-detail-hero,
.service-detail-hero{
  overflow:visible !important;
}

body.page-service_detail .service-detail-hero__image,
.service-detail-hero__image{
  position:relative !important;
  overflow:visible !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:22px !important;
  background:linear-gradient(135deg, rgba(255,250,245,.96), rgba(245,236,226,.92)) !important;
  border-radius:30px !important;
  box-shadow:var(--ha-v6-shadow) !important;
}

/* Remove decorative border/frames that cross over image text */
body.page-service_detail .service-detail-hero__image::before,
body.page-service_detail .service-detail-hero__image::after,
.service-detail-hero__image::before,
.service-detail-hero__image::after{
  display:none !important;
  content:none !important;
}

/* The actual fix: never crop service images */
body.page-service_detail .service-detail-hero__image img,
.service-detail-hero__image img{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:680px !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  border-radius:22px !important;
  box-shadow:0 14px 38px rgba(71,48,35,.10) !important;
  background:var(--ha-v6-paper) !important;
}

/* If previous patches wrapped images or set fixed cover on picture/source */
body.page-service_detail .service-detail-hero__image picture,
.service-detail-hero__image picture{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

/* Keep service detail layout elegant */
@media (min-width: 821px){
  body.page-service_detail .service-detail-hero,
  .service-detail-hero{
    grid-template-columns:minmax(0, .88fr) minmax(440px, 1.12fr) !important;
    gap:44px !important;
    align-items:center !important;
    min-height:auto !important;
    padding:72px 62px !important;
  }

  body.page-service_detail .service-detail-hero__text,
  .service-detail-hero__text{
    padding:0 !important;
  }

  body.page-service_detail .service-detail-hero__text h1,
  .service-detail-hero__text h1{
    font-size:clamp(48px,4.2vw,74px) !important;
    line-height:1.02 !important;
    letter-spacing:-.035em !important;
  }
}

/* Mobile: show full image below the floating top bar, no crop, no text cutting */
@media (max-width: 820px){
  body.page-service_detail .service-detail-hero,
  .service-detail-hero{
    display:flex !important;
    flex-direction:column !important;
    min-height:auto !important;
    padding:112px 16px 36px !important;
    gap:22px !important;
    background:linear-gradient(180deg, var(--ha-v6-cream) 0%, #fff 100%) !important;
  }

  body.page-service_detail .service-detail-hero__image,
  .service-detail-hero__image{
    order:1 !important;
    width:100% !important;
    margin:0 !important;
    padding:10px !important;
    border-radius:24px !important;
    box-shadow:0 16px 40px rgba(71,48,35,.12) !important;
    background:rgba(255,250,245,.96) !important;
  }

  body.page-service_detail .service-detail-hero__image img,
  .service-detail-hero__image img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:18px !important;
  }

  body.page-service_detail .service-detail-hero__text,
  .service-detail-hero__text{
    order:2 !important;
    padding:8px 8px 8px !important;
    width:100% !important;
  }

  body.page-service_detail .service-detail-hero__text .eyebrow,
  .service-detail-hero__text .eyebrow{
    font-size:12px !important;
    letter-spacing:.18em !important;
    margin-bottom:12px !important;
  }

  body.page-service_detail .service-detail-hero__text h1,
  .service-detail-hero__text h1{
    font-size:clamp(40px,11vw,58px) !important;
    line-height:1.02 !important;
    margin:8px 0 16px !important;
    letter-spacing:-.035em !important;
  }

  body.page-service_detail .service-detail-hero__text p,
  .service-detail-hero__text p{
    font-size:17px !important;
    line-height:1.68 !important;
    color:var(--ha-v6-muted) !important;
  }

  body.page-service_detail .service-detail-hero__actions,
  .service-detail-hero__actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
  }

  body.page-service_detail .service-detail-hero__actions .btn,
  body.page-service_detail .service-detail-hero__actions .outline-btn,
  .service-detail-hero__actions .btn,
  .service-detail-hero__actions .outline-btn{
    width:100% !important;
    min-height:52px !important;
    border-radius:0 !important;
  }
}

/* Extra safety for service images inside gallery/detail sections */
body.page-service_detail .service-gallery img,
.service-gallery img{
  object-fit:cover !important;
  object-position:center center !important;
}

/* Prevent accidental horizontal overflow from earlier image templates */
body.page-service_detail,
body.page-service_detail main,
.service-detail-hero{
  max-width:100vw !important;
}

/* HAIRDRESSER-V6-SERVICE-DETAIL-IMAGE-FIX-END */