.js-store-prod-text a { display: inline-flex !important; align-items: center; justify-content: center; padding: 10px 10px; margin-right: 15px; margin-top: 20px; border-radius: 5px; font-weight: 600; text-align: center; white-space: nowrap; } .js-store-prod-text a:first-of-type { background-color: #A0C814; color: #000000 !important; } .js-store-prod-text a:last-of-type { background-color: #A0C814; color: #000000 !important; } .t-menusub__list { padding: 0 16px; box-sizing: border-box; } .t-menusub__link-item { display: block; padding: 10px 16px; border-radius: 6px; transition: background-color 0.3s ease; margin: 4px 0; box-sizing: border-box; } /* Ховер эффект */ .t-menusub__link-item:hover { background-color: #ecf6db; text-decoration: none !important; color: inherit !important; } .t1124__text a { display: inline-block; padding: 5px 0px; margin-bottom: 0px; border-radius: 6px; transition: background-color 0.3s ease, box-shadow 0.3s ease; text-decoration: none; position: relative; color: inherit; box-sizing: border-box; } /* Эффект при наведении */ .t1124__text a:hover { background-color: #e0e0e0; box-shadow: -10px 0 0 0 #e0e0e0, /* левая "обводка" 8px за пределами */ 10px 0 0 0 #e0e0e0; /* правая "обводка" 8px за пределами */ /* box-shadow: -8px 0 0 0 #a0a0a0, 8px 0 0 0 #a0a0a0, 0 2px 4px rgba(0,0,0,0.1); */ } #rec1099487701 .t817__content a { display: inline-block; padding: 5px 0px; margin-bottom: 0px; border-radius: 6px; transition: background-color 0.3s ease, box-shadow 0.3s ease; text-decoration: none; position: relative; color: inherit; box-sizing: border-box; } #rec1099487701 .t817__content a:hover { background-color: #ecf6db; box-shadow: -10px 0 0 0 #ecf6db, 10px 0 0 0 #ecf6db; } #rec1099382571 .js-store-prod-text a { display: inline-flex !important; align-items: center; justify-content: center; padding: 12px 20px; margin-right: 15px; margin-top: 20px; border-radius: 8px; background-color: #A0C814; color: #000000 !important; font-weight: 600; text-align: center; white-space: nowrap; font-size: 16px; line-height: 1.2; text-decoration: none; transition: background-color 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } #rec1099382571 .js-store-prod-text a:hover { background-color: #c0e739; box-shadow: 0 6px 12px rgba(0,0,0,0.15); } /*************** * PAGE TITLE * ***************/ .wdgMoyklass-h1.m-b-lg, .schedule-page-title { text-transform: uppercase !important; font-weight: 600 !important; letter-spacing: .02em !important; font-size: 36px !important; line-height: 1.1 !important; margin: 0 0 18px 0 !important; font-family: 'TildaSans', Arial, sans-serif !important; } @media (max-width: 767px) { .wdgMoyklass-h1.m-b-lg, .schedule-page-title { font-size: 28px !important; } } /************************************** * КАРТОЧКИ РАСПИСАНИЯ — ОБЩИЙ ВИД * **************************************/ .WdgMoyklassContent .wdgMoyklass-group { background: #fff !important; border-radius: 5px !important; box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 6px 18px rgba(0,0,0,.06) !important; border: 1px solid rgba(0,0,0,.06) !important; padding: 12px 16px !important; } /* убираем толстую серую линию */ .WdgMoyklassContent .wdgMoyklass-course, .WdgMoyklassContent .wdgMoyklass-courseTitle { border: none !important; } /* Ряд с тремя колонками: текст — цена — кнопка (десктоп) */ @media (min-width: 992px) { .WdgMoyklassContent .wdgMoyklass-group.row { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 16px !important; overflow: visible !important; } .WdgMoyklassContent .wdgMoyklass-group.row > .col-md-8.col-sm-7.col-xs-12 { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; align-items: center !important; } .WdgMoyklassContent .wdgMoyklass-group.row > .col-md-2.col-sm-2.col-xs-12 { flex: 0 0 120px !important; max-width: 120px !important; text-align: right !important; display: flex !important; align-items: center !important; } .WdgMoyklassContent .wdgMoyklass-group.row > .request-schedule-button { flex: 0 0 180px !important; max-width: 180px !important; min-width: 180px !important; display: flex !important; align-items: center !important; } .WdgMoyklassContent .wdgMoyklass-group.row > .request-schedule-button > label.wdgMoyklass-btn { width: 100% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; border-radius: 5px !important; /* Установлено скругление 5px */ white-space: nowrap !important; font-size: 16px !important; font-family: 'TildaSans', Arial, sans-serif !important; } } /*************************** * ТИПОГРАФИКА / ЦЕНА * ***************************/ .WdgMoyklassContent .wdgMoyklass-price, .WdgMoyklassContent .wdgMoyklass-color { font-weight: 600 !important; font-size: 20px !important; line-height: 1.2 !important; font-family: 'TildaSans', Arial, sans-serif !important; } .WdgMoyklassContent .wdgMoyklass-h2, .WdgMoyklassContent .wdgMoyklass-h3 { font-size: 18px !important; line-height: 1.25 !important; font-family: 'TildaSans', Arial, sans-serif !important; } @media (max-width: 767px) { .WdgMoyklassContent .wdgMoyklass-price, .WdgMoyklassContent .wdgMoyklass-color { font-size: 16px !important; } .WdgMoyklassContent .wdgMoyklass-h2, .WdgMoyklassContent .wdgMoyklass-h3 { font-size: 20px !important; } .WdgMoyklassContent .wdgMoyklass-group.row > .request-schedule-button > label.wdgMoyklass-btn { font-size: 14px !important; border-radius: 5px !important; /* Установлено скругление 5px для мобильной версии */ } } /**************************************** * МОБИЛЬНАЯ РАСКЛАДКА ( .col-md-8.col-sm-7.col-xs-12 { width: 100% !important; padding: 0 0 8px 0 !important; text-align: left !important; } .WdgMoyklassContent .wdgMoyklass-group.row > .col-md-2.col-sm-2.col-xs-12 { width: 100% !important; text-align: left !important; padding: 0 0 8px 0 !important; } .WdgMoyklassContent .wdgMoyklass-group.row > .request-schedule-button { width: 100% !important; padding: 0 !important; margin: 0 !important; } .WdgMoyklassContent .wdgMoyklass-group.row > .request-schedule-button > label.wdgMoyklass-btn { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 44px !important; padding: 10px 16px !important; border-radius: 5px !important; /* Установлено скругление 5px */ overflow: hidden !important; background-clip: padding-box !important; position: relative !important; z-index: 0 !important; font-size: 14px !important; font-family: 'TildaSans', Arial, sans-serif !important; } .WdgMoyklassContent .wdgMoyklass-group.row > .request-schedule-button > label.wdgMoyklass-btn::before, .WdgMoyklassContent .wdgMoyklass-group.row > .request-schedule-button > label.wdgMoyklass-btn::after { content: none !important; display: none !important; } }