diff --git a/wp-content/themes/dekart/assets/css/camp.css b/wp-content/themes/dekart/assets/css/camp.css index cb59abd..4b79598 100644 --- a/wp-content/themes/dekart/assets/css/camp.css +++ b/wp-content/themes/dekart/assets/css/camp.css @@ -875,27 +875,29 @@ html { grid-template-columns: repeat(2, 1fr); gap: 12px; } + /* Вертикальные карточки: иконка сверху, текст на всю ширину */ .infograph__card { - padding: 16px; + padding: 20px 12px; display: flex; - flex-direction: row; + flex-direction: column; align-items: center; - gap: 12px; - text-align: left; + gap: 0; + text-align: center; } .infograph__stat { - font-size: 20px; - white-space: nowrap; + font-size: 22px; + white-space: normal; + word-break: break-word; } .infograph__card-icon { - flex: 0 0 42px; - width: 42px; - height: 42px; - margin-top: 0; + flex: 0 0 auto; + width: 44px; + height: 44px; + margin: 0 0 10px; } .infograph__card-icon img { - width: 22px; - height: 22px; + width: 24px; + height: 24px; } .infograph__card-body { padding: 0; @@ -903,7 +905,34 @@ html { } .infograph__label { font-size: 11px; - line-height: 1.3; + line-height: 1.35; + } +} + +/* Очень узкие экраны: одна колонка */ +@media (max-width: 380px) { + .infograph__grid { + grid-template-columns: 1fr; + gap: 10px; + } + .infograph__card { + padding: 16px 12px; + flex-direction: row; + gap: 12px; + text-align: left; + } + .infograph__card-icon { + width: 38px; + height: 38px; + margin: 0; + flex: 0 0 38px; + } + .infograph__card-icon img { + width: 20px; + height: 20px; + } + .infograph__stat { + font-size: 20px; } } diff --git a/wp-content/themes/dekart/functions.php b/wp-content/themes/dekart/functions.php index d16abd8..c3ee514 100644 --- a/wp-content/themes/dekart/functions.php +++ b/wp-content/themes/dekart/functions.php @@ -816,7 +816,7 @@ function enqueue_template_specific_styles() { 'template-specific-style', get_template_directory_uri() . '/assets/css/camp.css', array(), - '1.6' + '1.7' ); wp_enqueue_script( 'camp-script',