/* Стили для планшетов */ @media only screen and (max-width: 992px) { .header-navs { display: none; } .header-container { height: 56px; padding: 0; } .header-bars { display: flex; align-items: center; justify-content: center; } .header-logo { font-size: 16px; line-height: 20px; gap: 8px; } .header-logo img { width: 31px; flex-shrink: 0; } .header-lang { display: none; } .home { padding: 92px 0 36px; } .home-title { font-size: 32px; line-height: 38px; margin-bottom: 36px; } .home-description { font-size: 20px; line-height: 24px; margin-bottom: 36px; } .home-swp__btn { bottom: auto; top: 93px; left: -10px; width: calc(100% + 20px); justify-content: space-between; transform: translateX(0); } .home-swp__btn button { width: 48px; height: 48px; border-radius: 20px; } .home-card { flex-direction: column; border-radius: 24px; gap: 17px; } .home-card__img { height: 234px; width: 100%; border-radius: 24px; } .home-card__content { padding: 0 16px 89px; } .home-card__content-title { font-size: 20px; line-height: 24px; margin-bottom: 15px; } .home-card__content-description { font-size: 16px; line-height: 20px; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .home-card__content-body { gap: 7px; } .home-card__content-body__alerts { gap: 7px; } .home-card__content-body__alerts li { font-size: 14px; line-height: 16px; padding: 8px; } .home-card__content-body__day { font-size: 14px; line-height: 16px; } .home-card__content-body__time { font-size: 14px; line-height: 16px; } .home-card__content-body__data { gap: 7px; } .home-card__content-body__data>div { gap: 4px; font-size: 14px; line-height: 16px; } .home-card__content-body__data .main-img { width: 32px; height: 32px; } .home-card__content-body__link { right: 50%; bottom: 27px; transform: translateX(50%); } .anons { border-radius: 24px; } .anons-article__title { font-size: 26px; line-height: 32px; } .anons-theme { margin-bottom: 60px; } .anons-theme__title { margin-bottom: 20px; font-size: 20px; line-height: 24px; } .anons-theme ul { gap: 12px; } .anons-theme ul a { font-size: 16px; line-height: 20px; padding: 6px 24px; } .anons-best__card-wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 24px; } .anons-article__card-wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 20px; } .author { padding: 188px 0 36px; } .author-content { padding: 109px 42px 35px; flex-direction: column; align-items: flex-start; } .author-content__start-1, .author-content__start-2 { display: none; } .author-content__img { display: none; left: 50%; transform: translateX(-50%); top: -180px; width: 235px; } .author-content__img.mb { display: block; } .author-content__title { width: 100%; font-size: 26px; line-height: 32px; margin-bottom: 16px; } .author-content__title br { display: none; } .author-content__link { width: 100%; text-align: center; padding: 11px; } .editorial { padding-bottom: 36px; } .editorial-head { margin-bottom: 36px; max-width: 313px; } .editorial-head__title { font-size: 32px; line-height: 38px; } .editorial-head__img { width: 100px; top: -14px; right: -22.5px; } .editorial-head__star { display: none; } .editorial-card__wrap { gap: 31px; } .breadcrumb { padding: 92px 0 15px; } .article-home { padding-bottom: 36px; } .article-home .container { display: flex; flex-direction: column; } .article-home h1 { order: 1; font-size: 32px; line-height: 38px; margin-bottom: 15px; } .article-home__card { order: 2; height: 199px; } .article-home__card img { border-radius: 32px; } .article-home__data { gap: 8px 16px; order: 3; margin: 15px 0 0; } .article-home__data-alerts { gap: 16px; } .article-home__data-alerts a { padding: 6px 8px; } .article-content { padding: 48px 0; border-radius: 64px; } .discount { padding: 32px 24px; border-radius: 32px; margin-bottom: 48px; } .discount-title { font-size: 26px; line-height: 32px; margin-bottom: 21px; } .discount-bg { display: none; } .discount-bg.mb { display: inline-block; position: static; margin-bottom: 21px; } .discount-form { flex-direction: column; gap: 21px; margin-bottom: 21px; } .discount-form img { display: none; } .discount-form input { width: 100%; text-align: center; } .discount-form button { width: 100%; text-align: center; } .discount-descriptions { display: flex; flex-direction: column-reverse; } .discount-description__2 { font-size: 18px; line-height: 24px; font-weight: 500; grid-area: 21px; margin-bottom: 21px; } .discount-description__1 { margin-bottom: 0; font-size: 12px; } .diet { padding: 36px 24px; border-radius: 32px; flex-direction: column; margin-bottom: 48px; } .diet p { width: 100%; font-size: 18px; line-height: 24px; } .diet a { width: 100%; } .texts h2 { font-size: 28px; line-height: 32px; } .texts h3 { font-size: 20px; line-height: 24px; } .texts-description p { font-size: 18px; line-height: 24px; } .texts ol { gap: 12px; } .texts ol li { font-size: 18px; line-height: 24px; } .texts ol li h4 { font-size: 18px; line-height: 24px; } .texts ul { gap: 12px; } .texts ul li { font-size: 18px; line-height: 24px; } .alerts-grey { padding: 32px 48px; } .alerts-grey .icon-1 { width: 24px; top: 32px; left: 16px; } .alerts-grey .icon-2 { width: 24px; right: 16px; bottom: 32px; } .alerts-grey p { font-size: 18px; line-height: 24px; } .alerts-violet, .alerts-yellow, .alerts-green { padding: 32px 24px; flex-direction: column; } .alerts-violet p, .alerts-yellow p, .alerts-green p { font-size: 18px; line-height: 24px; } .article-table { flex-direction: column; gap: 0px; } .article-table__item { width: 100%; } .article-table__item:not(:first-child) li:first-child { display: none; } .article-table__item:not(:first-child) { border-top: 0; } .article-table__item ul li { font-size: 16px; line-height: 20px; font-weight: 500; } .article-block__head { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 32px; } .article-block__head-left { order: 2; } .article-block__head-left h3 { font-size: 20px; line-height: 24px; } .article-block__head-left p { font-size: 18px; line-height: 24px; } .article-block__head-right { order: 1; height: 319px; } .article-block__item-wrap { gap: 48px; } .article-block__item { flex-direction: column; gap: 32px; } .article-block__item-img { order: 1; width: 100%; height: 450px; border-radius: 50px; } .article-block__item-content { order: 2; } .article-block__item-content h3 { font-size: 20px; line-height: 24px; } .article-block__item-content p { font-size: 18px; line-height: 24px; } .article-block__item-content ul { flex-direction: column; padding: 20px 14px 20px 20px; gap: 28px; border-radius: 24px; } .article-block__item-content ul li { gap: 19px; } .article-block__item-content ul li p { font-size: 16px; line-height: 20px; } .block-accent__card { padding: 36px 24px; gap: 32px; flex-direction: column !important; } .block-accent__card-content { gap: 27px; } .block-accent__card-content h3 { font-size: 20px; line-height: 24px; text-align: center; } .block-accent__card-content p { font-size: 18px; line-height: 24px; } .indent { padding: 36px 24px; gap: 24px; } .indent-title { font-size: 26px; line-height: 32px; } .indent p { font-size: 18px; line-height: 24px; } .indent ul { gap: 24px; } .indent ul li { gap: 16px; } .indent ul li img { width: 37px; } .indent ul li h3 { font-size: 20px; line-height: 24px; gap: 16px; } .product-card { padding: 11px; gap: 40px; } .product-card img { max-width: 242px; max-height: 167px; } /* Alohida */ .block-list_block img { flex-shrink: 0; width: 66px; height: 45px; } .block-list_block h3 { font-size: 20px; line-height: 24px; } .block-list_block p { font-size: 18px; line-height: 24px; } .comment .comment-block { padding: 20px 24px; margin-top: 28px; } .comment .comment-title { padding-bottom: 20px; } .comment .answer-block { margin: 10px 0 0 42px; } .comment .comment-user h6 { font-size: 16px; line-height: 24px; } .comment .comment-block p { font-size: 16px; line-height: 24px; } .comment .comment-btns { gap: 14px; } .comment .comment-btns button { font-size: 12px; line-height: 16px; } .comment .comment-user span { font-size: 12px; line-height: 16px; } .video_block iframe { width: 100%; height: 587px; } }