.elementor-3035 .elementor-element.elementor-element-00a0f4d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#CA6700;--border-color:#CA6700;--border-radius:0px 0px 080px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-3035 .elementor-element.elementor-element-00a0f4d:not(.elementor-motion-effects-element-type-background), .elementor-3035 .elementor-element.elementor-element-00a0f4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );background-image:url("https://www.celesteeclinics.com/wp-content/uploads/2020/08/diagnostic-lab-content-gradient-bg.svg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3035 .elementor-element.elementor-element-00a0f4d.e-con{--align-self:flex-start;}.elementor-3035 .elementor-element.elementor-element-0e3c4f3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:64%;}.elementor-3035 .elementor-element.elementor-element-0e3c4f3.e-con{--align-self:flex-start;}.elementor-3035 .elementor-element.elementor-element-14d12cf .hfe-infocard{text-align:left;}.elementor-3035 .elementor-element.elementor-element-14d12cf .hfe-infocard-title{font-size:36px;margin:0px 0px 10px 0px;}.elementor-3035 .elementor-element.elementor-element-1bf0b18{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3035 .elementor-element.elementor-element-1bf0b18:not(.elementor-motion-effects-element-type-background), .elementor-3035 .elementor-element.elementor-element-1bf0b18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.celesteeclinics.com/wp-content/uploads/2020/08/diagnostic-lab-content-gradient-bg.svg");background-position:center center;background-repeat:no-repeat;}.elementor-3035 .elementor-element.elementor-element-983388c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3035 .elementor-element.elementor-element-0e3c4f3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:120px;}.elementor-3035 .elementor-element.elementor-element-1bf0b18{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:80px;--padding-bottom:00px;--padding-left:40px;--padding-right:40px;}.elementor-3035 .elementor-element.elementor-element-1bf0b18:not(.elementor-motion-effects-element-type-background), .elementor-3035 .elementor-element.elementor-element-1bf0b18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}}@media(max-width:767px){.elementor-3035 .elementor-element.elementor-element-00a0f4d{--border-radius:0px 0px 64px 0px;--padding-top:160px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-3035 .elementor-element.elementor-element-0e3c4f3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:48px;}.elementor-3035 .elementor-element.elementor-element-1bf0b18{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:64px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-3035 .elementor-element.elementor-element-1bf0b18:not(.elementor-motion-effects-element-type-background), .elementor-3035 .elementor-element.elementor-element-1bf0b18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}.elementor-3035 .elementor-element.elementor-element-983388c > .elementor-widget-container{margin:0px 0px -75px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-983388c */#celestee-hair-wrapper {
            background-color: #faf7f2 !important;
            color: #171310 !important;
            font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
            font-size: 15px !important;
            line-height: 1.65 !important;
            -webkit-font-smoothing: antialiased !important;
            width: 100vw !important;
            max-width: 100vw !important;
            position: relative !important;
            left: 50% !important;
            right: 50% !important;
            margin-left: -50vw !important;
            margin-right: -50vw !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding: 0 !important;
            overflow-x: hidden !important;
            box-sizing: border-box !important;
        }

        #celestee-hair-wrapper *,
        #celestee-hair-wrapper *::before,
        #celestee-hair-wrapper *::after {
            box-sizing: border-box !important;
        }

        #celestee-hair-wrapper .hair-wrap {
            max-width: 1240px !important;
            margin: 0 auto !important;
            padding: 0 24px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        #celestee-hair-wrapper img {
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
            border-style: none !important;
        }

        #celestee-hair-wrapper a {
            text-decoration: none !important;
            transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        #celestee-hair-wrapper ul,
        #celestee-hair-wrapper ol {
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* --------------------------------------------------------------------------
           TYPOGRAPHY & UTILITIES
           -------------------------------------------------------------------------- */
        #celestee-hair-wrapper .hair-kicker {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            text-transform: uppercase !important;
            letter-spacing: 2px !important;
            color: #cf6708 !important;
            background: #ffffff !important;
            border: 1px solid #ebdccb !important;
            padding: 6px 18px !important;
            border-radius: 30px !important;
            margin-bottom: 14px !important;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
        }

        #celestee-hair-wrapper .hair-headline {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 34px !important;
            font-weight: 700 !important;
            color: #171310 !important;
            line-height: 1.25 !important;
            margin: 0 0 12px 0 !important;
            letter-spacing: -0.3px !important;
        }

        #celestee-hair-wrapper .hair-subtext {
            font-size: 15px !important;
            color: #5a524a !important;
            max-width: 740px !important;
            margin: 0 auto !important;
            line-height: 1.65 !important;
        }

        #celestee-hair-wrapper .hair-sec-header {
            text-align: center !important;
            margin-bottom: 45px !important;
        }

        /* --------------------------------------------------------------------------
           SECTION 1: THREE PILLARS OVERVIEW
           -------------------------------------------------------------------------- */
        #celestee-hair-wrapper #hair-pillars {
            padding: 70px 0 85px 0 !important;
            background: #ffffff !important;
            border-bottom: 1px solid #ebdccb !important;
        }

        #celestee-hair-wrapper .hair-pillar-grid {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 28px !important;
        }

        #celestee-hair-wrapper .hair-pillar-card {
            background: #faf7f2 !important;
            border: 1.5px solid #ebdccb !important;
            border-radius: 16px !important;
            padding: 32px 28px !important;
            display: flex !important;
            flex-direction: column !important;
            position: relative !important;
            overflow: hidden !important;
            transition: all 0.35s ease !important;
        }

        #celestee-hair-wrapper .hair-pillar-card::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            height: 4px !important;
            background: linear-gradient(90deg, #cf6708, #f59e0b) !important;
            opacity: 0 !important;
            transition: opacity 0.3s ease !important;
        }

        #celestee-hair-wrapper .hair-pillar-card:hover {
            transform: translateY(-6px) !important;
            border-color: #cf6708 !important;
            box-shadow: 0 16px 36px rgba(207, 103, 8, 0.12) !important;
            background: #ffffff !important;
        }

        #celestee-hair-wrapper .hair-pillar-card:hover::before {
            opacity: 1 !important;
        }

        #celestee-hair-wrapper .hair-pillar-badge {
            display: inline-block !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            letter-spacing: 1.5px !important;
            text-transform: uppercase !important;
            color: #cf6708 !important;
            background: #ffffff !important;
            border: 1px solid #ebdccb !important;
            padding: 5px 14px !important;
            border-radius: 20px !important;
            width: fit-content !important;
            margin-bottom: 16px !important;
        }

        #celestee-hair-wrapper .hair-pillar-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 22px !important;
            font-weight: 700 !important;
            color: #171310 !important;
            margin: 0 0 10px 0 !important;
        }

        #celestee-hair-wrapper .hair-pillar-desc {
            font-size: 14px !important;
            color: #5a524a !important;
            line-height: 1.6 !important;
            margin-bottom: 20px !important;
            flex-grow: 1 !important;
        }

        #celestee-hair-wrapper .hair-pillar-list {
            margin-bottom: 24px !important;
            border-top: 1px solid #ebdccb !important;
            padding-top: 16px !important;
        }

        #celestee-hair-wrapper .hair-pillar-list li {
            font-size: 13.5px !important;
            color: #3b322c !important;
            font-weight: 600 !important;
            padding: 6px 0 !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
        }

        #celestee-hair-wrapper .hair-pillar-link {
            font-size: 13.5px !important;
            font-weight: 800 !important;
            color: #cf6708 !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            text-transform: uppercase !important;
            letter-spacing: 0.8px !important;
        }

        #celestee-hair-wrapper .hair-pillar-link:hover {
            gap: 10px !important;
            color: #b25402 !important;
        }

        /* --------------------------------------------------------------------------
           SECTION 2: ALL 10 HAIR TREATMENTS
           -------------------------------------------------------------------------- */
        #celestee-hair-wrapper #hair-treatments {
            padding: 85px 0 !important;
            background: #faf7f2 !important;
        }

        #celestee-hair-wrapper .hair-tabs-nav {
            display: flex !important;
            justify-content: center !important;
            gap: 12px !important;
            margin-bottom: 40px !important;
            flex-wrap: wrap !important;
        }

        #celestee-hair-wrapper .hair-tab-btn {
            background: #ffffff !important;
            border: 1.5px solid #ebdccb !important;
            padding: 10px 24px !important;
            border-radius: 30px !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            color: #4a4039 !important;
            cursor: pointer !important;
            transition: all 0.25s ease !important;
        }

        #celestee-hair-wrapper .hair-tab-btn.active,
        #celestee-hair-wrapper .hair-tab-btn:hover {
            background: #171310 !important;
            color: #ffffff !important;
            border-color: #171310 !important;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
        }

        #celestee-hair-wrapper .hair-tab-pane {
            display: none !important;
        }

        #celestee-hair-wrapper .hair-tab-pane.active {
            display: block !important;
        }

        #celestee-hair-wrapper .hair-treatment-grid {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 26px !important;
        }

        #celestee-hair-wrapper .hair-treatment-card {
            background: #ffffff !important;
            border: 1px solid #ebdccb !important;
            border-radius: 14px !important;
            padding: 28px 24px !important;
            display: flex !important;
            flex-direction: column !important;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
            transition: all 0.3s ease !important;
        }

        #celestee-hair-wrapper .hair-treatment-card:hover {
            transform: translateY(-5px) !important;
            border-color: #cf6708 !important;
            box-shadow: 0 14px 30px rgba(207, 103, 8, 0.1) !important;
        }

        #celestee-hair-wrapper .hair-treat-cat-tag {
            font-size: 11px !important;
            font-weight: 800 !important;
            text-transform: uppercase !important;
            letter-spacing: 1.2px !important;
            color: #cf6708 !important;
            margin-bottom: 8px !important;
        }

        #celestee-hair-wrapper .hair-treat-title {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 20px !important;
            font-weight: 700 !important;
            color: #171310 !important;
            margin: 0 0 10px 0 !important;
            line-height: 1.3 !important;
        }

        #celestee-hair-wrapper .hair-treat-desc {
            font-size: 13.8px !important;
            color: #5a524a !important;
            line-height: 1.6 !important;
            margin-bottom: 18px !important;
            flex-grow: 1 !important;
        }

        #celestee-hair-wrapper .hair-treat-specs {
            background: #fbf9f6 !important;
            border: 1px solid #f0e6d9 !important;
            border-radius: 8px !important;
            padding: 10px 14px !important;
            margin-bottom: 20px !important;
            font-size: 12px !important;
            color: #443c36 !important;
        }

        #celestee-hair-wrapper .hair-treat-specs div {
            display: flex !important;
            justify-content: space-between !important;
            padding: 3px 0 !important;
        }

        #celestee-hair-wrapper .hair-treat-specs strong {
            color: #171310 !important;
        }

        #celestee-hair-wrapper .hair-treat-footer {
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            border-top: 1px solid #f0e6d9 !important;
            padding-top: 14px !important;
        }

        #celestee-hair-wrapper .hair-view-link {
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #cf6708 !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 4px !important;
        }

        #celestee-hair-wrapper .hair-view-link:hover {
            gap: 8px !important;
            color: #b25402 !important;
        }

        #celestee-hair-wrapper .hair-book-quick {
            font-size: 12px !important;
            font-weight: 700 !important;
            color: #171310 !important;
            background: #f4ecdf !important;
            padding: 5px 12px !important;
            border-radius: 6px !important;
        }

        #celestee-hair-wrapper .hair-book-quick:hover {
            background: #cf6708 !important;
            color: #ffffff !important;
        }

        /* --------------------------------------------------------------------------
           SECTION 3: CLINICAL 4-STEP PROTOCOL
           -------------------------------------------------------------------------- */
        #celestee-hair-wrapper #hair-protocol {
            padding: 85px 0 !important;
            background: #ffffff !important;
            border-bottom: 1px solid #ebdccb !important;
        }

        #celestee-hair-wrapper .hair-steps-grid {
            display: grid !important;
            grid-template-columns: repeat(4, 1fr) !important;
            gap: 24px !important;
        }

        #celestee-hair-wrapper .hair-step-card {
            background: #faf7f2 !important;
            border: 1.5px solid #ebdccb !important;
            border-radius: 14px !important;
            padding: 28px 22px !important;
        }

        #celestee-hair-wrapper .hair-step-number {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 32px !important;
            font-weight: 800 !important;
            color: #cf6708 !important;
            line-height: 1 !important;
            margin-bottom: 12px !important;
        }

        #celestee-hair-wrapper .hair-step-title {
            font-size: 17px !important;
            font-weight: 700 !important;
            color: #171310 !important;
            margin: 0 0 8px 0 !important;
        }

        #celestee-hair-wrapper .hair-step-desc {
            font-size: 13.5px !important;
            color: #5a524a !important;
            line-height: 1.55 !important;
        }

        /* --------------------------------------------------------------------------
           SECTION 4: LEAD SPECIALISTS
           -------------------------------------------------------------------------- */
        #celestee-hair-wrapper #hair-doctors {
            padding: 85px 0 !important;
            background: #faf7f2 !important;
            border-bottom: 1px solid #ebdccb !important;
        }

        #celestee-hair-wrapper .hair-doc-grid {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 32px !important;
        }

        #celestee-hair-wrapper .hair-doc-card {
            background: #ffffff !important;
            border: 1.5px solid #ebdccb !important;
            border-radius: 16px !important;
            padding: 32px !important;
            display: grid !important;
            grid-template-columns: 140px 1fr !important;
            gap: 24px !important;
            align-items: center !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04) !important;
        }

        #celestee-hair-wrapper .hair-doc-img-box {
            width: 140px !important;
            height: 165px !important;
            border-radius: 12px !important;
            overflow: hidden !important;
            background: #f5ede2 !important;
            border: 1px solid #ebdccb !important;
            display: flex !important;
            align-items: flex-end !important;
            justify-content: center !important;
        }

        #celestee-hair-wrapper .hair-doc-img-box img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            object-position: top center !important;
        }

        #celestee-hair-wrapper .hair-doc-name {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-size: 22px !important;
            font-weight: 700 !important;
            color: #171310 !important;
            margin: 0 0 4px 0 !important;
        }

        #celestee-hair-wrapper .hair-doc-title {
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #cf6708 !important;
            margin-bottom: 10px !important;
            text-transform: uppercase !important;
            letter-spacing: 0.5px !important;
        }

        #celestee-hair-wrapper .hair-doc-quals {
            font-size: 12.5px !important;
            color: #6a6058 !important;
            margin-bottom: 12px !important;
            line-height: 1.45 !important;
        }

        #celestee-hair-wrapper .hair-doc-badge-list {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 6px !important;
        }

        #celestee-hair-wrapper .hair-doc-badge {
            font-size: 11px !important;
            font-weight: 700 !important;
            background: #f7efe4 !important;
            color: #3b322c !important;
            padding: 4px 10px !important;
            border-radius: 4px !important;
            border: 1px solid #ebdccb !important;
        }

        /* --------------------------------------------------------------------------
           SECTION 5: PROVEN TRANSFORMATIONS SLIDER
           -------------------------------------------------------------------------- */
        #celestee-hair-wrapper #hair-results {
            padding: 85px 0 !important;
            background: #ffffff !important;
            border-bottom: 1px solid #ebdccb !important;
            position: relative !important;
        }

        #celestee-hair-wrapper .hair-slider-container {
            position: relative !important;
            width: 100% !important;
        }

        #celestee-hair-wrapper .hair-slider-track {
            display: flex !important;
            gap: 24px !important;
            overflow-x: auto !important;
            scroll-behavior: smooth !important;
            scroll-snap-type: x mandatory !important;
            padding: 10px 4px 20px 4px !important;
            -webkit-overflow-scrolling: touch !important;
            scrollbar-width: none !important; /* Firefox */
        }

        #celestee-hair-wrapper .hair-slider-track::-webkit-scrollbar {
            display: none !important; /* Chrome, Safari */
        }

        #celestee-hair-wrapper .hair-result-card {
            flex: 0 0 calc(33.333% - 16px) !important;
            min-width: 320px !important;
            scroll-snap-align: start !important;
            background: #ffffff !important;
            border: 1.5px solid #ebdccb !important;
            border-radius: 16px !important;
            overflow: hidden !important;
            box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
            transition: all 0.35s ease !important;
            display: flex !important;
            flex-direction: column !important;
        }

        #celestee-hair-wrapper .hair-result-card:hover {
            transform: translateY(-4px) !important;
            border-color: #cf6708 !important;
            box-shadow: 0 12px 28px rgba(207, 103, 8, 0.12) !important;
        }

        #celestee-hair-wrapper .hair-ba-compare {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 4px !important;
            background: #221c17 !important;
            padding: 6px !important;
            position: relative !important;
        }

        #celestee-hair-wrapper .hair-ba-col {
            position: relative !important;
            height: 200px !important;
            border-radius: 8px !important;
            overflow: hidden !important;
            background: #171310 !important;
        }

        #celestee-hair-wrapper .hair-ba-col img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block !important;
        }

        #celestee-hair-wrapper .hair-ba-tag {
            position: absolute !important;
            bottom: 8px !important;
            left: 8px !important;
            font-size: 10px !important;
            font-weight: 800 !important;
            text-transform: uppercase !important;
            letter-spacing: 0.8px !important;
            padding: 3px 8px !important;
            border-radius: 4px !important;
            backdrop-filter: blur(4px) !important;
        }

        #celestee-hair-wrapper .hair-ba-tag.before {
            background: rgba(23, 19, 16, 0.8) !important;
            color: #f7d2a3 !important;
            border: 1px solid rgba(247, 210, 163, 0.3) !important;
        }

        #celestee-hair-wrapper .hair-ba-tag.after {
            background: rgba(207, 103, 8, 0.9) !important;
            color: #ffffff !important;
        }

        #celestee-hair-wrapper .hair-result-badge-trans {
            position: absolute !important;
            top: 12px !important;
            left: 12px !important;
            background: #171310 !important;
            color: #f7d2a3 !important;
            font-size: 10px !important;
            font-weight: 800 !important;
            letter-spacing: 1px !important;
            text-transform: uppercase !important;
            padding: 4px 10px !important;
            border-radius: 20px !important;
            border: 1px solid rgba(247, 210, 163, 0.4) !important;
            z-index: 2 !important;
        }

        #celestee-hair-wrapper .hair-result-info {
            padding: 22px 20px !important;
            flex-grow: 1 !important;
            display: flex !important;
            flex-direction: column !important;
            background: #faf7f2 !important;
        }

        #celestee-hair-wrapper .hair-result-treatment {
            font-family: 'Playfair Display', Georgia, serif !important;
            font-weight: 700 !important;
            font-size: 18px !important;
            color: #171310 !important;
            margin: 0 0 6px 0 !important;
        }

        #celestee-hair-wrapper .hair-result-meta {
            font-size: 13px !important;
            color: #cf6708 !important;
            font-weight: 700 !important;
            margin-bottom: 8px !important;
        }

        #celestee-hair-wrapper .hair-result-note {
            font-size: 13px !important;
            color: #6a6058 !important;
            line-height: 1.55 !important;
            margin: 0 !important;
            flex-grow: 1 !important;
        }

        /* Slider Controls */
        #celestee-hair-wrapper .hair-slider-nav {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 16px !important;
            margin-top: 35px !important;
        }

        #celestee-hair-wrapper .hair-slider-btn {
            width: 44px !important;
            height: 44px !important;
            border-radius: 50% !important;
            background: #ffffff !important;
            border: 1.5px solid #ebdccb !important;
            color: #171310 !important;
            font-size: 20px !important;
            font-weight: 700 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            cursor: pointer !important;
            transition: all 0.25s ease !important;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04) !important;
        }

        #celestee-hair-wrapper .hair-slider-btn:hover {
            background: #cf6708 !important;
            color: #ffffff !important;
            border-color: #cf6708 !important;
            transform: scale(1.08) !important;
        }

        #celestee-hair-wrapper .hair-slider-dots {
            display: flex !important;
            gap: 8px !important;
            align-items: center !important;
        }

        #celestee-hair-wrapper .hair-dot {
            width: 10px !important;
            height: 10px !important;
            border-radius: 50% !important;
            background: #e3d5c5 !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
        }

        #celestee-hair-wrapper .hair-dot.active {
            background: #cf6708 !important;
            width: 24px !important;
            border-radius: 10px !important;
        }

        /* --------------------------------------------------------------------------
           SECTION 6: FAQS ACCORDION
           -------------------------------------------------------------------------- */
        #celestee-hair-wrapper #hair-faq {
            padding: 85px 0 !important;
            background: #faf7f2 !important;
            border-bottom: 1px solid #ebdccb !important;
        }

        #celestee-hair-wrapper .hair-faq-list {
            max-width: 860px !important;
            margin: 0 auto !important;
        }

        #celestee-hair-wrapper .hair-faq-item {
            border: 1.5px solid #ebdccb !important;
            border-radius: 10px !important;
            margin-bottom: 14px !important;
            background: #ffffff !important;
            overflow: hidden !important;
        }

        #celestee-hair-wrapper .hair-faq-question {
            padding: 18px 24px !important;
            font-weight: 700 !important;
            font-size: 15.5px !important;
            color: #171310 !important;
            cursor: pointer !important;
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            user-select: none !important;
        }

        #celestee-hair-wrapper .hair-faq-icon {
            font-size: 18px !important;
            font-weight: 700 !important;
            color: #cf6708 !important;
            transition: transform 0.25s ease !important;
        }

        #celestee-hair-wrapper .hair-faq-item.open .hair-faq-icon {
            transform: rotate(45deg) !important;
        }

        #celestee-hair-wrapper .hair-faq-answer {
            display: none !important;
            padding: 0 24px 20px 24px !important;
            font-size: 14px !important;
            color: #5a524a !important;
            line-height: 1.65 !important;
            border-top: 1px solid #f0e6d9 !important;
            padding-top: 14px !important;
        }

        #celestee-hair-wrapper .hair-faq-item.open .hair-faq-answer {
            display: block !important;
        }

        /* Responsive Breakpoints */
        @media (max-width: 992px) {
            #celestee-hair-wrapper .hair-doc-grid {
                grid-template-columns: 1fr !important;
            }

            #celestee-hair-wrapper .hair-pillar-grid,
            #celestee-hair-wrapper .hair-treatment-grid {
                grid-template-columns: repeat(2, 1fr) !important;
            }

            #celestee-hair-wrapper .hair-result-card {
                flex: 0 0 calc(50% - 12px) !important;
            }

            #celestee-hair-wrapper .hair-steps-grid {
                grid-template-columns: repeat(2, 1fr) !important;
            }
        }

        @media (max-width: 640px) {
            #celestee-hair-wrapper .hair-pillar-grid,
            #celestee-hair-wrapper .hair-treatment-grid,
            #celestee-hair-wrapper .hair-steps-grid {
                grid-template-columns: 1fr !important;
            }

            #celestee-hair-wrapper .hair-result-card {
                flex: 0 0 100% !important;
                min-width: 100% !important;
            }

            #celestee-hair-wrapper .hair-headline {
                font-size: 20px !important;
            }

            #celestee-hair-wrapper .hair-doc-card {
                grid-template-columns: 1fr !important;
                text-align: center !important;
            }

            #celestee-hair-wrapper .hair-doc-img-box {
                margin: 0 auto !important;
            }

            #celestee-hair-wrapper .hair-doc-badge-list {
                justify-content: center !important;
            }
            
            
            #celestee-hair-wrapper 
    padding: 19px !important;
}

#celestee-hair-wrapper .hair-doc-img-box {
    width: 240px ;
    height: 280px ;
        }
        
        }/* End custom CSS */