.elementor-4452 .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:100px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-4452 .elementor-element.elementor-element-00a0f4d:not(.elementor-motion-effects-element-type-background), .elementor-4452 .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-4452 .elementor-element.elementor-element-00a0f4d.e-con{--align-self:flex-start;}.elementor-4452 .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-4452 .elementor-element.elementor-element-0e3c4f3.e-con{--align-self:flex-start;}.elementor-4452 .elementor-element.elementor-element-14d12cf .hfe-infocard{text-align:left;}.elementor-4452 .elementor-element.elementor-element-14d12cf .hfe-infocard-title{font-size:36px;margin:0px 0px 10px 0px;}.elementor-4452 .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-4452 .elementor-element.elementor-element-1bf0b18:not(.elementor-motion-effects-element-type-background), .elementor-4452 .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-4452 .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-4452 .elementor-element.elementor-element-0e3c4f3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:120px;}.elementor-4452 .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-4452 .elementor-element.elementor-element-1bf0b18:not(.elementor-motion-effects-element-type-background), .elementor-4452 .elementor-element.elementor-element-1bf0b18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}}@media(max-width:767px){.elementor-4452 .elementor-element.elementor-element-00a0f4d{--border-radius:0px 0px 64px 0px;--padding-top:80px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-4452 .elementor-element.elementor-element-0e3c4f3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:48px;}.elementor-4452 .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-4452 .elementor-element.elementor-element-1bf0b18:not(.elementor-motion-effects-element-type-background), .elementor-4452 .elementor-element.elementor-element-1bf0b18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}.elementor-4452 .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: 780px !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: FOUR PILLARS OVERVIEW (4-TIER SPECTRUM)
           -------------------------------------------------------------------------- */
        #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-4 {
            display: grid !important;
            grid-template-columns: repeat(4, 1fr) !important;
            gap: 22px !important;
        }

        #celestee-hair-wrapper .hair-pillar-card {
            background: #faf7f2 !important;
            border: 1.5px solid #ebdccb !important;
            border-radius: 16px !important;
            padding: 28px 22px !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 12px !important;
            border-radius: 20px !important;
            width: fit-content !important;
            margin-bottom: 14px !important;
        }

        #celestee-hair-wrapper .hair-pillar-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-pillar-desc {
            font-size: 13.5px !important;
            color: #5a524a !important;
            line-height: 1.55 !important;
            margin-bottom: 18px !important;
            flex-grow: 1 !important;
        }

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

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

        #celestee-hair-wrapper .hair-pillar-link {
            font-size: 13px !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;
            margin-top: auto !important;
        }

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

        /* --------------------------------------------------------------------------
           SECTION 2: ALL 12 AESTHETIC TREATMENTS SPECTRUM
           -------------------------------------------------------------------------- */
        #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;
            flex-wrap: wrap !important;
            gap: 10px !important;
            margin-bottom: 45px !important;
        }

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

        #celestee-hair-wrapper .hair-tab-btn:hover {
            border-color: #cf6708 !important;
            color: #cf6708 !important;
        }

        #celestee-hair-wrapper .hair-tab-btn.active {
            background: #cf6708 !important;
            border-color: #cf6708 !important;
            color: #ffffff !important;
            box-shadow: 0 4px 14px rgba(207, 103, 8, 0.25) !important;
        }

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

        #celestee-hair-wrapper .hair-tab-pane.active {
            display: block !important;
            animation: fadeIn 0.4s ease forwards;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(8px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        #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: 1.5px solid #ebdccb !important;
            border-radius: 14px !important;
            padding: 26px 22px !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 12px !important;
            margin-bottom: 20px !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 6px !important;
            font-size: 12px !important;
            color: #443c36 !important;
        }

        #celestee-hair-wrapper .hair-treat-specs div {
            display: grid !important;
            grid-template-columns: 82px 1fr !important;
            align-items: baseline !important;
            gap: 6px !important;
            padding: 0 !important;
            line-height: 1.4 !important;
            text-align: left !important;
        }

        #celestee-hair-wrapper .hair-treat-specs span {
            color: #7a6e65 !important;
            font-weight: 600 !important;
            font-size: 11.5px !important;
            white-space: nowrap !important;
            text-align: left !important;
        }

        #celestee-hair-wrapper .hair-treat-specs strong {
            color: #171310 !important;
            font-weight: 700 !important;
            font-size: 12px !important;
            text-align: left !important;
            word-break: break-word !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 {
            background: #faf7f2 !important;
            border: 1px solid #ebdccb !important;
            color: #171310 !important;
            font-size: 12px !important;
            font-weight: 700 !important;
            padding: 6px 14px !important;
            border-radius: 6px !important;
        }

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

        /* --------------------------------------------------------------------------
           SECTION 3: 4-STEP CLINICAL 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;
            position: relative !important;
        }

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

        #celestee-hair-wrapper .hair-step-title {
            font-size: 16px !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;
            margin: 0 !important;
        }

        /* --------------------------------------------------------------------------
           SECTION 4: LEAD SPECIALISTS / DERMATOLOGISTS
           -------------------------------------------------------------------------- */
        #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: 30px !important;
        }

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

        #celestee-hair-wrapper .hair-doc-img-box {
            width: 140px !important;
            height: 155px !important;
            border-radius: 12px !important;
            overflow: hidden !important;
            background: #faf7f2 !important;
            border: 1px solid #ebdccb !important;
        }

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

        #celestee-hair-wrapper .hair-doc-info h3 {
            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-designation {
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #cf6708 !important;
            margin-bottom: 8px !important;
            display: block !important;
        }

        #celestee-hair-wrapper .hair-doc-bio {
            font-size: 13.5px !important;
            color: #5a524a !important;
            line-height: 1.55 !important;
            margin-bottom: 14px !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: #faf7f2 !important;
            border: 1px solid #ebdccb !important;
            color: #171310 !important;
            padding: 3px 10px !important;
            border-radius: 20px !important;
        }

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

        #celestee-hair-wrapper .hair-slider-container {
            position: relative !important;
            max-width: 1140px !important;
            margin: 0 auto !important;
        }

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

        #celestee-hair-wrapper .hair-slider-track::-webkit-scrollbar {
            display: none !important;
        }

        #celestee-hair-wrapper .hair-result-card {
            flex: 0 0 calc(33.333% - 16px) !important;
            min-width: calc(33.333% - 16px) !important;
            scroll-snap-align: start !important;
            background: #faf7f2 !important;
            border: 1.5px solid #ebdccb !important;
            border-radius: 14px !important;
            overflow: hidden !important;
            display: flex !important;
            flex-direction: column !important;
        }

        #celestee-hair-wrapper .hair-ba-compare {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            position: relative !important;
            background: #eadecf !important;
        }

        #celestee-hair-wrapper .hair-ba-col {
            position: relative !important;
            height: 220px !important;
            overflow: hidden !important;
        }

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

        #celestee-hair-wrapper .hair-ba-tag {
            position: absolute !important;
            bottom: 8px !important;
            left: 8px !important;
            background: rgba(23, 19, 16, 0.8) !important;
            color: #ffffff !important;
            font-size: 10px !important;
            font-weight: 800 !important;
            text-transform: uppercase !important;
            letter-spacing: 1px !important;
            padding: 3px 8px !important;
            border-radius: 4px !important;
        }

        #celestee-hair-wrapper .hair-result-info {
            padding: 18px 16px !important;
            background: #ffffff !important;
            flex-grow: 1 !important;
            display: flex !important;
            flex-direction: column !important;
        }

        #celestee-hair-wrapper .hair-result-tag {
            font-size: 11px !important;
            font-weight: 800 !important;
            color: #cf6708 !important;
            text-transform: uppercase !important;
            letter-spacing: 1px !important;
            margin-bottom: 4px !important;
            display: block !important;
        }

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

        #celestee-hair-wrapper .hair-result-desc {
            font-size: 12.5px !important;
            color: #5a524a !important;
            line-height: 1.5 !important;
            margin: 0 !important;
        }

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

        #celestee-hair-wrapper .hair-slider-btn {
            background: #ffffff !important;
            border: 1.5px solid #ebdccb !important;
            color: #171310 !important;
            width: 40px !important;
            height: 40px !important;
            border-radius: 50% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            cursor: pointer !important;
            transition: all 0.25s ease !important;
        }

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

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

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

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

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

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

        #celestee-hair-wrapper .hair-faq-item {
            background: #ffffff !important;
            border: 1.5px solid #ebdccb !important;
            border-radius: 12px !important;
            margin-bottom: 12px !important;
            overflow: hidden !important;
            transition: all 0.3s ease !important;
        }

        #celestee-hair-wrapper .hair-faq-head {
            padding: 18px 22px !important;
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            cursor: pointer !important;
            user-select: none !important;
        }

        #celestee-hair-wrapper .hair-faq-head h3 {
            font-size: 15.5px !important;
            font-weight: 700 !important;
            color: #171310 !important;
            margin: 0 !important;
            padding-right: 15px !important;
            line-height: 1.4 !important;
        }

        #celestee-hair-wrapper .hair-faq-icon {
            font-size: 20px !important;
            font-weight: 600 !important;
            color: #cf6708 !important;
            transition: transform 0.3s ease !important;
            flex-shrink: 0 !important;
        }

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

        #celestee-hair-wrapper .hair-faq-body {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s cubic-bezier(0, 1, 0, 1) !important;
            padding: 0 22px !important;
            color: #5a524a !important;
            font-size: 14px !important;
            line-height: 1.65 !important;
        }

        #celestee-hair-wrapper .hair-faq-item.open .hair-faq-body {
            max-height: 500px !important;
            padding-bottom: 20px !important;
            transition: max-height 0.45s ease-in-out !important;
        }

        /* --------------------------------------------------------------------------
           RESPONSIVE DESIGN SYSTEM
           -------------------------------------------------------------------------- */
        @media (max-width: 1080px) {
            #celestee-hair-wrapper .hair-pillar-grid-4 {
                grid-template-columns: repeat(2, 1fr) !important;
            }

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

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

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

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

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

            #celestee-hair-wrapper .hair-tabs-nav {
                justify-content: flex-start !important;
                overflow-x: auto !important;
                padding-bottom: 10px !important;
                flex-wrap: nowrap !important;
                -webkit-overflow-scrolling: touch !important;
            }

            #celestee-hair-wrapper .hair-tab-btn {
                white-space: nowrap !important;
            }
        }

        @media (max-width: 640px) {
            #celestee-hair-wrapper .hair-pillar-grid-4,
            #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-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;
            }
        }/* End custom CSS */