/* Page-specific overrides for GentleMax Hair Removal */

        /* Force parent widget and column to expand to show full portrait image height */

        #eterna-gentlemax-hair-removal-page [data-id="6eb61fb"],

        #eterna-gentlemax-hair-removal-page [data-id="6eb61fb"] .elementor-widget-container {

            height: auto !important;

            max-height: none !important;

            min-height: 0 !important;

            overflow: visible !important;

        }



        #eterna-gentlemax-hair-removal-page [data-id="6eb61fb"] img.gentlemax-intro-img {

            height: auto !important;

            max-height: none !important;

            object-fit: contain !important;

        }



        .gentlemax-intro-grid {

            display: grid;

            grid-template-columns: 1.2fr 0.8fr;

            gap: 60px;

            align-items: center;

        }



        .gentlemax-intro-img-wrap {

            text-align: right;

        }



        .gentlemax-intro-img {

            width: 100% !important;

            max-width: 440px !important;

            height: auto !important;

            max-height: none !important;

            aspect-ratio: 1728 / 2304 !important;

            object-fit: contain !important;

            border-radius: 12px !important;

            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;

        }



        .gentlemax-rec-text-block {

            display: flex;

            flex-direction: column;

            gap: 5px;

        }



        @media (max-width: 991px) {

            .gentlemax-intro-grid {

                gap: 40px;

            }

        }



        @media (max-width: 767px) {

            .gentlemax-intro-grid {

                grid-template-columns: 1fr;

                gap: 35px;

            }



            .gentlemax-intro-img-wrap {

                text-align: center;

            }



            .gentlemax-intro-img {

                max-width: 100%;

                height: auto;



            }



            .eterna-rec-pill {

                flex-direction: row !important;

                align-items: flex-start !important;

                gap: 15px !important;

                padding: 20px 25px !important;

            }



            .eterna-rec-pill-check {

                margin-top: 2px !important;

            }

        }



        #eterna-gentlemax-hair-removal-page .elementor-1785,

        #eterna-gentlemax-hair-removal-page .e-con,

        #eterna-gentlemax-hair-removal-page .e-con-inner,

        #eterna-gentlemax-hair-removal-page .eterna-container {

            overflow: visible !important;

        }



        /* flat-row Section 4 Styles matching PDF */

        #eterna-gentlemax-hair-removal-page .eterna-flat-row {

            display: grid;

            grid-template-columns: 440px 1fr;

            gap: 50px;

            align-items: center;

            padding: 40px 0;

            border-bottom: 1px solid #FAF6F4;

        }



        #eterna-gentlemax-hair-removal-page .eterna-flat-row:last-child {

            border-bottom: none;

        }



        #eterna-gentlemax-hair-removal-page .eterna-flat-row-img {

            border-radius: 12px;

            overflow: hidden;

            height: 280px;

        }



        #eterna-gentlemax-hair-removal-page .eterna-flat-row-img img {

            width: 100%;

            height: 100%;

            object-fit: cover;

        }



        #eterna-gentlemax-hair-removal-page .eterna-flat-row-body {

            display: flex;

            flex-direction: column;

            justify-content: center;

            text-align: left;

        }



        #eterna-gentlemax-hair-removal-page .eterna-flat-row-body h3 {

            font-size: 26px !important;

            font-weight: 600 !important;

        }



        #eterna-gentlemax-hair-removal-page .eterna-flat-row-body div {

            font-size: 17px !important;

            margin-bottom: 15px !important;

        }



        #eterna-gentlemax-hair-removal-page .eterna-flat-row-body p {

            font-size: 16px !important;

            line-height: 1.85 !important;

        }



        /* pdf-rec-pill Section 5 Styles matching PDF */

        #eterna-gentlemax-hair-removal-page .eterna-pdf-rec-pill {

            background: #FFFFFF;

            border-radius: 50px;

            padding: 20px 40px;

            box-shadow: 0 4px 15px rgba(181, 126, 120, 0.04);

            border: 1px solid #FAF6F4;

            display: flex;

            align-items: center;

            gap: 25px;

            margin-bottom: 16px;

            transition: all 0.3s ease;

        }



        #eterna-gentlemax-hair-removal-page .eterna-pdf-rec-pill:hover {

            transform: translateY(-2px);

            box-shadow: 0 8px 25px rgba(181, 126, 120, 0.08);

        }



        #eterna-gentlemax-hair-removal-page .eterna-pdf-rec-check {

            width: 28px;

            height: 28px;

            border-radius: 50%;

            background-color: #D4A49F;

            color: #FFFFFF;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 14px;

            font-weight: bold;

            flex-shrink: 0;

        }



        #eterna-gentlemax-hair-removal-page .eterna-pdf-rec-body {

            display: flex;

            align-items: center;

            gap: 30px;

            flex-grow: 1;

            text-align: left;

        }



        #eterna-gentlemax-hair-removal-page .eterna-pdf-rec-title {

            font-family: 'Noto Serif KR', serif;

            font-size: 17px;

            color: #3C3334;

            font-weight: 600;

            min-width: 320px;

            flex-shrink: 0;

            margin: 0;

        }



        #eterna-gentlemax-hair-removal-page .eterna-pdf-rec-text {

            font-family: 'Noto Sans KR', sans-serif;

            font-size: 14.5px;

            color: #6E6062;

            font-weight: 300;

            margin: 0;

            line-height: 1.6;

        }



        @media (max-width: 991px) {

            #eterna-gentlemax-hair-removal-page .eterna-flat-row {

                grid-template-columns: 1fr;

                gap: 30px;

                padding: 30px 0;

            }



            #eterna-gentlemax-hair-removal-page .eterna-flat-row-img {

                height: 250px;

            }



            #eterna-gentlemax-hair-removal-page .eterna-pdf-rec-pill {

                border-radius: 20px;

                padding: 20px 25px;

            }



            #eterna-gentlemax-hair-removal-page .eterna-pdf-rec-body {

                flex-direction: column;

                align-items: flex-start;

                gap: 8px;

            }



            #eterna-gentlemax-hair-removal-page .eterna-pdf-rec-title {

                min-width: auto;

            }

        }



        @media (max-width: 767px) {



            /* Set page wrapper and main container to 0 padding on mobile to allow full-bleed layouts */

            .entry-content,

            .post-content,

            .elementor-page,

            #eterna-gentlemax-hair-removal-page .eterna-container,

            .eterna-container {

                padding-left: 0 !important;

                padding-right: 0 !important;

                margin-left: 0 !important;

                margin-right: 0 !important;

                width: 100% !important;

                max-width: 100% !important;

            }



            #eterna-gentlemax-hair-removal-page .eterna-section {

                padding-left: 0 !important;

                padding-right: 0 !important;

            }



            #eterna-gentlemax-hair-removal-page .eterna-content-wrap {

                padding-left: 20px !important;

                padding-right: 20px !important;

                width: 100% !important;

                max-width: 100% !important;

                box-sizing: border-box !important;

            }



            /* Make banners bleed to screen edges */

            .eterna-wide-banner-wrap {

                width: calc(100% + 40px) !important;

                margin-left: -20px !important;

                margin-right: -20px !important;

                border-radius: 0 !important;

                margin-top: 25px !important;

                margin-bottom: 25px !important;

                box-shadow: none !important;

            }



            /* Section 3 landscape intro image spans 100% width on mobile */

            #eterna-gentlemax-hair-removal-page .eterna-section:nth-of-type(3) .eterna-content-wrap>div:last-child {

                border-radius: 0 !important;

                margin-left: 0 !important;

                margin-right: 0 !important;

                margin-top: 30px !important;

                max-width: 100% !important;

                width: 100% !important;

                box-shadow: none !important;

            }



            #eterna-gentlemax-hair-removal-page .eterna-section:nth-of-type(3) .eterna-content-wrap>div:last-child img {

                border-radius: 0 !important;

            }



            #eterna-gentlemax-hair-removal-page .eterna-section:nth-of-type(3) .eterna-sec-header {

                padding-left: 20px !important;

                padding-right: 20px !important;

                box-sizing: border-box !important;

            }



            /* Section 4 flat rows: image spans 100% width, text gets 20px padding */

            #eterna-gentlemax-hair-removal-page .eterna-flat-row {

                gap: 20px;

                padding: 0 0 40px 0;

            }



            #eterna-gentlemax-hair-removal-page .eterna-flat-row-img {

                border-radius: 0 !important;

                height: 220px !important;

                width: 100% !important;

            }



            #eterna-gentlemax-hair-removal-page .eterna-flat-row-img img {

                border-radius: 0 !important;

            }



            #eterna-gentlemax-hair-removal-page .eterna-flat-row-body {

                padding: 0 20px !important;

                box-sizing: border-box !important;

            }



            /* Section 5 recommendation checklist: pills have subtle margin and rounded corners on mobile */

            #eterna-gentlemax-hair-removal-page .eterna-pdf-rec-pill {

                border-radius: 12px !important;

                margin-left: 15px !important;

                margin-right: 15px !important;

                padding: 18px 20px !important;

            }

        }