.elementor-48788 .elementor-element.elementor-element-98694e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-48788 .elementor-element.elementor-element-6760d08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48788 .elementor-element.elementor-element-ce91a7a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48788 .elementor-element.elementor-element-c2d333c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#5C1CB247;--border-color:#5C1CB247;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for html, class: .elementor-element-8e466d1 *//* ==========================================================================
           NERDY HOME TECH BRANDING VARIABLES
           ========================================================================== */
        :root {
            --nht-primary: #5C1CB2;
            --nht-secondary: #FF6024;
            --nht-text: #1D3D60;
            --nht-accent: #F4AC24;
            --nht-bg-light: #F4F7FA;
            --nht-border: #E1E8ED;
        }

        body {
            font-family: 'Barlow', sans-serif;
            background-color: var(--nht-bg-light);
            padding: 2rem;
            margin: 0;
        }

        /* ==========================================================================
           INTERACTIVE COMPARISON TABLES
           ========================================================================== */
        .nht-table-container {
            width: 100%;
            margin: 2rem 0;
            overflow-x: auto;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(29, 61, 96, 0.08);
            border: 1px solid var(--nht-border);
            background: #fff;
        }
        
        .nht-table-container::-webkit-scrollbar {
            height: 8px;
        }
        .nht-table-container::-webkit-scrollbar-track {
            background: var(--nht-bg-light);
        }
        .nht-table-container::-webkit-scrollbar-thumb {
            background: var(--nht-primary);
            border-radius: 10px;
        }
        
        table.nht-interactive-table {
            width: 100%;
            border-collapse: collapse;
            font-family: 'Barlow', sans-serif;
            font-weight: 400;
            color: var(--nht-text);
            min-width: 700px; /* Slightly wider to accommodate 4 columns */
        }
        
        table.nht-interactive-table thead {
            background-color: var(--nht-primary);
            color: #ffffff;
            font-family: 'Poppins', sans-serif;
            text-align: left;
        }
        
        table.nht-interactive-table th {
            padding: 1.25rem 1rem;
            text-transform: capitalize;
            font-size: 0.95rem;
            letter-spacing: 0.5px;
            border-bottom: 3px solid var(--nht-accent);
            font-weight: 400 !important;
            font-style: normal !important;
        }
        
        table.nht-interactive-table td {
            padding: 1rem;
            border-bottom: 1px solid var(--nht-border);
            vertical-align: middle;
            line-height: 1.5;
            transition: background 0.2s ease;
        }
        
        table.nht-interactive-table td:first-child {
            font-family: 'Poppins', sans-serif;
            font-weight: 500 !important;
            font-style: normal !important;
        }

        table.nht-interactive-table td a {
            color: var(--nht-primary);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.2s ease;
        }

        table.nht-interactive-table td a:hover {
            color: var(--nht-secondary);
        }

        /* Constrain Images within the table */
        table.nht-interactive-table td img {
            max-width: 100px;
            height: auto;
            border-radius: 6px;
            display: block;
        }
        
        table.nht-interactive-table tbody tr:hover {
            background-color: rgba(92, 28, 178, 0.03);
        }
        
        /* Highlight specific bolded text within the rows */
        table.nht-interactive-table td strong {
            color: var(--nht-text);
            font-weight: 600;
        }

        /* ==========================================================================
           MOBILE RESPONSIVENESS (WITH HIGH SPECIFICITY FIX)
           ========================================================================== */
        @media (max-width: 768px) {
            .nht-table-container {
                overflow-x: visible !important;
            }
        
            /* Enforcing block display */
            .nht-table-container table.nht-interactive-table,
            .nht-table-container table.nht-interactive-table thead,
            .nht-table-container table.nht-interactive-table tbody,
            .nht-table-container table.nht-interactive-table tr,
            .nht-table-container table.nht-interactive-table th,
            .nht-table-container table.nht-interactive-table td {
                display: block !important;
                width: 100% !important;
            }
        
            .nht-table-container table.nht-interactive-table {
                min-width: 0 !important;
                border-collapse: separate;
                border-spacing: 0;
            }
        
            /* Visually hide table headers but keep for screen readers */
            .nht-table-container table.nht-interactive-table thead {
                position: absolute !important;
                width: 1px !important;
                height: 1px !important;
                margin: -1px !important;
                padding: 0 !important;
                overflow: hidden !important;
                clip: rect(0 0 0 0) !important;
                clip-path: inset(50%) !important;
                border: 0 !important;
                white-space: nowrap !important;
            }
        
            .nht-table-container table.nht-interactive-table tr {
                margin-bottom: 1.5rem !important;
                background: #fff !important;
                border: 1px solid var(--nht-border) !important;
                border-radius: 12px !important;
                overflow: hidden !important;
            }
        
            /* Specificity override for mobile cells */
            .nht-table-container table.nht-interactive-table td {
                position: relative !important;
                text-align: left !important;
                /* Pushes content right to avoid overlapping labels */
                padding: 0.875rem 1rem 0.875rem 48% !important;
                border-bottom: 1px solid var(--nht-border) !important;
                min-height: 52px !important;
                background: #fff !important;
                box-sizing: border-box !important;
            }
        
            .nht-table-container table.nht-interactive-table td:last-child {
                border-bottom: 0 !important;
            }
        
            .nht-table-container table.nht-interactive-table td:first-child {
                border-right: 0 !important;
                background-color: rgba(92, 28, 178, 0.03) !important; /* Highlights product title */
            }
        
            /* Creating the labels on the left side */
            .nht-table-container table.nht-interactive-table td::before {
                content: attr(data-label) !important;
                position: absolute !important;
                top: 0.875rem !important;
                left: 1rem !important;
                width: calc(48% - 1.25rem) !important;
                font-family: 'Poppins', sans-serif !important;
                font-weight: 500 !important;
                color: var(--nht-primary) !important;
                text-transform: capitalize !important;
                line-height: 1.35 !important;
                white-space: normal !important;
            }
        }
        
        /* Optional extra-tight phone tweak */
        @media (max-width: 479px) {
            .nht-table-container table.nht-interactive-table td {
                padding: 0.8rem 0.85rem 0.8rem 48% !important;
                font-size: 0.95rem !important;
            }
        
            .nht-table-container table.nht-interactive-table td::before {
                left: 0.85rem !important;
                width: calc(48% - 1.2rem) !important;
                font-size: 0.85rem !important;
            }
        }/* End custom CSS */