.elementor-149 .elementor-element.elementor-element-ccb808d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-149 .elementor-element.elementor-element-095eebf{--display:flex;--min-height:350px;--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;}.elementor-149 .elementor-element.elementor-element-095eebf:not(.elementor-motion-effects-element-type-background), .elementor-149 .elementor-element.elementor-element-095eebf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-149 .elementor-element.elementor-element-d6c7442{--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-149 .elementor-element.elementor-element-94146a9{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#1E1E1E;}.elementor-149 .elementor-element.elementor-element-e554ded{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-149 .elementor-element.elementor-element-3c9c84e{--display:flex;--min-height:350px;--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;}.elementor-149 .elementor-element.elementor-element-3c9c84e:not(.elementor-motion-effects-element-type-background), .elementor-149 .elementor-element.elementor-element-3c9c84e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://veloplusspb.ru/wp-content/uploads/2025/12/bbf099b262264c4f873a56732e90c9d9.3c19af2bcd38a8eb91b8.jpg");background-position:center center;background-size:cover;}.elementor-149 .elementor-element.elementor-element-582aa67{--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;}.elementor-149 .elementor-element.elementor-element-7985588{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#1E1E1E;}.elementor-149 .elementor-element.elementor-element-f536391{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-149 .elementor-element.elementor-element-c74bb05{--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;}.elementor-149 .elementor-element.elementor-element-70aada8{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#1E1E1E;}@media(min-width:768px){.elementor-149 .elementor-element.elementor-element-095eebf{--width:33.3333%;}.elementor-149 .elementor-element.elementor-element-d6c7442{--width:66.6666%;}.elementor-149 .elementor-element.elementor-element-3c9c84e{--width:33.3333%;}.elementor-149 .elementor-element.elementor-element-582aa67{--width:66.6666%;}.elementor-149 .elementor-element.elementor-element-c74bb05{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-149 .elementor-element.elementor-element-095eebf{--width:100%;}.elementor-149 .elementor-element.elementor-element-d6c7442{--width:100%;}.elementor-149 .elementor-element.elementor-element-3c9c84e{--width:100%;}.elementor-149 .elementor-element.elementor-element-582aa67{--width:100%;}.elementor-149 .elementor-element.elementor-element-c74bb05{--width:100%;}}@media(max-width:1366px){.elementor-149 .elementor-element.elementor-element-ccb808d{--padding-top:0px;--padding-bottom:0px;--padding-left:016px;--padding-right:016px;}.elementor-149 .elementor-element.elementor-element-e554ded{--padding-top:0px;--padding-bottom:0px;--padding-left:016px;--padding-right:016px;}.elementor-149 .elementor-element.elementor-element-f536391{--padding-top:0px;--padding-bottom:0px;--padding-left:016px;--padding-right:016px;}}@media(max-width:1024px){.elementor-149 .elementor-element.elementor-element-ccb808d{--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;}.elementor-149 .elementor-element.elementor-element-e554ded{--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;}.elementor-149 .elementor-element.elementor-element-3c9c84e:not(.elementor-motion-effects-element-type-background), .elementor-149 .elementor-element.elementor-element-3c9c84e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top left;background-repeat:no-repeat;background-size:contain;}.elementor-149 .elementor-element.elementor-element-f536391{--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;}}@media(max-width:767px){.elementor-149 .elementor-element.elementor-element-095eebf{--min-height:250px;}.elementor-149 .elementor-element.elementor-element-d6c7442{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-149 .elementor-element.elementor-element-3c9c84e{--min-height:250px;}.elementor-149 .elementor-element.elementor-element-3c9c84e:not(.elementor-motion-effects-element-type-background), .elementor-149 .elementor-element.elementor-element-3c9c84e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-149 .elementor-element.elementor-element-582aa67{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-149 .elementor-element.elementor-element-c74bb05{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-7985588 *//* Общие стили таблицы */
        .service-table {
            font-family: 'Inter', sans-serif;
            width: 100%;
            border-collapse: collapse;
            margin: 30px 0;
            color: #1E1E1E;
            font-size: 15px;
            line-height: 1.5;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
            border-radius: 12px;
            overflow: hidden;
        }

        /* Заголовки таблицы - ПОКАЗЫВАТЬ НА ДЕСКТОПЕ */
        .service-table tr:first-child {
            background: #004F55 !important;
        }
        
        .service-table tr:first-child td {
            font-weight: 700;
            font-size: 16px;
            padding: 20px;
            border-bottom: 2px solid #FF8633;
            text-align: center;
        }

        /* Базовые стили ячеек */
        .service-table td {
            padding: 16px 20px;
            border: 1px solid #e8f0f1;
            vertical-align: middle;
            transition: all 0.2s ease;
            text-align: center;
        }

        /* Первая колонка - Возраст */
        .service-table td:nth-child(1) {
            width: 20%;
            font-weight: 600;
            color: #004F55;
            background: #f8fbfb;
            border-left: 4px solid #004F55;
        }

        /* Вторая колонка - Рост */
        .service-table td:nth-child(2) {
            width: 20%;
            font-weight: 500;
            color: #1E1E1E;
            background: #fff;
        }

        /* Третья колонка - Диаметр колес */
        .service-table td:nth-child(3) {
            width: 20%;
            font-weight: 600;
            color: #FF8633;
            background: #fff;
        }

        /* Четвертая колонка - Тип велосипеда */
        .service-table td:nth-child(4) {
            width: 40%;
            color: #444;
            background: #fff;
            text-align: left;
        }

        /* Эффект при наведении */
        .service-table tr:hover:not(:first-child) td:nth-child(1) {
            background: #e8f4f5;
            padding-left: 22px;
        }

        .service-table tr:hover:not(:first-child) td:nth-child(2),
        .service-table tr:hover:not(:first-child) td:nth-child(3),
        .service-table tr:hover:not(:first-child) td:nth-child(4) {
            background: #f0f9fa;
        }

        /* Чередование фона строк */
        .service-table tr:nth-child(even):not(:first-child) td:nth-child(1) {
            background: #f0f9fa;
        }

        .service-table tr:nth-child(even):not(:first-child) td:nth-child(2),
        .service-table tr:nth-child(even):not(:first-child) td:nth-child(3),
        .service-table tr:nth-child(even):not(:first-child) td:nth-child(4) {
            background: #f8fbfb;
        }

        /* Стили для возраста - акцент */
        .age-range {
            font-weight: 600;
            color: #004F55;
            display: block;
            margin-bottom: 4px;
        }

        /* Стили для роста */
        .height-range {
            font-weight: 500;
            color: #1E1E1E;
            display: block;
        }

        /* Стили для диаметра колес */
        .wheel-size {
            font-weight: 700;
            color: #FF8633;
            font-size: 16px;
            display: block;
        }

        /* Адаптивность для планшетов */
        @media (max-width: 992px) {
            .service-table {
                font-size: 14px;
            }
            
            .service-table td {
                padding: 14px 16px;
            }
            
            .service-table tr:first-child td {
                font-size: 15px;
                padding: 16px;
            }
            
            .service-table td:nth-child(1),
            .service-table td:nth-child(2),
            .service-table td:nth-child(3) {
                width: 18%;
            }
            
            .service-table td:nth-child(4) {
                width: 46%;
            }
            
            .wheel-size {
                font-size: 15px;
            }
        }

        @media (max-width: 768px) {
            .service-table td:nth-child(1),
            .service-table td:nth-child(2),
            .service-table td:nth-child(3) {
                width: 20%;
            }
            
            .service-table td:nth-child(4) {
                width: 40%;
            }
        }

        /* Адаптивность для мобильных телефонов */
        @media (max-width: 576px) {
            .service-table {
                display: block;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
                border-radius: 8px;
                overflow: visible;
                font-size: 14px;
            }
            
            /* НЕ скрываем заголовки для десктопа, но скрываем для мобильных */
            .service-table thead {
                display: none;
            }
            
            .service-table tbody {
                display: block;
            }
            
            .service-table tr {
                display: block;
                margin-bottom: 15px;
                border: 1px solid #e8f0f1;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
                background: white;
            }
            
            /* Только на мобильных скрываем первую строку */
            .service-table tr:first-child {
                display: none;
            }
            
            .service-table td {
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 100% !important;
                text-align: left !important;
                padding: 12px 15px;
                border: none;
                border-bottom: 1px solid #e8f0f1;
                box-sizing: border-box;
                flex-wrap: wrap;
            }
            
            .service-table td:last-child {
                border-bottom: none;
            }
            
            .service-table td:before {
                content: attr(data-label);
                font-weight: 700;
                color: #004F55;
                display: block;
                width: 40%;
                font-size: 13px;
            }
            
            .service-table td span {
                display: block;
                width: 60%;
                text-align: right;
            }
            
            .service-table td:nth-child(1) {
                background: #f8fbfb;
                border-left: 4px solid #004F55;
                padding-top: 15px;
                padding-bottom: 15px;
            }
            
            .service-table td:nth-child(1):before {
                content: "Возраст:";
            }
            
            .service-table td:nth-child(2):before {
                content: "Рост:";
            }
            
            .service-table td:nth-child(3):before {
                content: "Колеса:";
            }
            
            .service-table td:nth-child(4):before {
                content: "Тип:";
                width: 100%;
                margin-bottom: 8px;
            }
            
            .service-table td:nth-child(4) span {
                width: 100%;
                text-align: left;
            }
            
            /* Специальные стили для данных */
            .age-range, .height-range, .wheel-size {
                text-align: right;
            }
            
            .service-table td:nth-child(4) .age-range,
            .service-table td:nth-child(4) .height-range,
            .service-table td:nth-child(4) .wheel-size {
                text-align: left;
            }
            
            /* Убираем эффекты на мобильных */
            .service-table tr:nth-child(even):not(:first-child) td {
                background: white;
            }
            
            .service-table tr:hover:not(:first-child) td {
                background: white;
                padding-left: 15px;
                padding-right: 15px;
            }
            
            .wheel-size {
                font-size: 15px;
            }
        }

        /* Для очень маленьких экранов */
        @media (max-width: 360px) {
            .service-table {
                font-size: 13px;
            }
            
            .service-table td {
                padding: 10px 12px;
            }
            
            .service-table td:before {
                font-size: 12px;
                width: 45%;
            }
            
            .service-table td span {
                width: 55%;
            }
            
            .service-table td:nth-child(4):before {
                width: 100%;
                font-size: 13px;
            }
            
            .service-table td:nth-child(4) span {
                width: 100%;
            }
            
            .wheel-size {
                font-size: 14px;
            }
        }

        /* Подсветка текущей строки (опционально) */
        .service-table tr.current {
            box-shadow: 0 0 0 2px #FF8633;
            position: relative;
        }
        
        .service-table tr.current td:first-child {
            background: #FF8633;
            color: white;
            border-left-color: #004F55;
        }/* End custom CSS */