Инверторная система кондиционирования СOOLBERG Runa Silver CI-12UR1-IN/CI-12UR1-OUT

/* Сброс стилей и базовые настройки */ .ferrum-clean * { margin: 0, padding: 0, box-sizing: border-box, } .ferrum-clean { max-width: 1200px, width: 100%, margin: 0 auto, color: #606161, background: transparent, font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, line-height: 1.5, padding: 0 15px, } /* Единый стиль для всех заголовков */ .ferrum-clean h1, .ferrum-clean h2, .ferrum-clean h3, .ferrum-clean h4, .ferrum-clean .main-title, .ferrum-clean .section-header, .ferrum-clean .feature-group h4, .ferrum-clean .utp-big-number, .ferrum-clean .utp-text, .ferrum-clean .utp-small, .ferrum-clean .footer-note span, .ferrum-clean .series-title, .ferrum-clean .series-subtitle, .ferrum-clean .series-badge { font-family: 'Din Pro', 'Segoe UI', Arial, sans-serif, font-weight: 600, letter-spacing: normal, } /* Акцентный цвет для заголовков */ .ferrum-clean .series-subtitle, .ferrum-clean .series-badge, .ferrum-clean .feature-marker, .ferrum-clean .section-header span, .ferrum-clean .footer-note span { color: #c99e67, } /* Стили для дисклеймеров */ .ferrum-clean .disclaimer { font-size: 0.8rem, font-style: italic, color: #8a8a8a, margin: 15px 0, line-height: 1.4, } .ferrum-clean .disclaimer-bottom { margin-top: 30px, padding-top: 15px, border-top: 1px solid #f0f0f0, } /* Контейнер для двух блоков */ .ferrum-clean .series-container { display: flex, flex-wrap: wrap, gap: 30px, margin: 30px 0, } /* Общие стили для блоков */ .ferrum-clean .series-block { flex: 1 1 300px, border: 2px solid #c99e67, border-radius: 20px, padding: 25px, background: white, box-shadow: 0 5px 15px rgba(201, 158, 103, 0.08), transition: transform 0.2s ease, } .ferrum-clean .series-block:hover { transform: translateY(-2px), box-shadow: 0 8px 20px rgba(201, 158, 103, 0.15), } /* Блок с характеристиками */ .ferrum-clean .series-specs { flex: 1 1 300px, } .ferrum-clean .series-title { margin-top: 0, margin-bottom: 5px, font-size: 24px, font-weight: 600, color: #1a1a1a, } .ferrum-clean .series-subtitle { color: #c99e67, font-weight: 600, font-size: 16px, margin-bottom: 20px, padding-bottom: 15px, border-bottom: 2px solid #f0e8dd, } /* Красивый бейдж для дизайнерской серии (увеличен) */ .ferrum-clean .series-badge { display: inline-block, background: rgba(201, 158, 103, 0.1), color: #c99e67, font-size: 16px, /* было 14px */ font-weight: 600, padding: 8px 20px, /* было 6px 15px */ border-radius: 40px, margin-bottom: 20px, border: 1px solid rgba(201, 158, 103, 0.3), text-transform: uppercase, letter-spacing: 0.5px, } .ferrum-clean .spec-list { list-style: none, padding: 0, margin: 0, } /* Убираем возможные лишние маркеры у пунктов списка */ .ferrum-clean .spec-item { padding: 8px 0, display: flex, align-items: baseline, gap: 10px, border-bottom: 1px solid #f0f0f0, font-size: 0.95rem, color: #606161, list-style-type: none, /* на всякий случай */ } .ferrum-clean .spec-item::before { display: none, /* подавляем псевдоэлементы */ content: none, } .ferrum-clean .spec-item:last-child { border-bottom: none, } .ferrum-clean .spec-marker { color: #c99e67, font-family: 'Din Pro', 'Segoe UI', Arial, sans-serif, font-size: 1.3rem, line-height: 1, min-width: 20px, } /* Блок с изображением */ .ferrum-clean .series-image-block { flex: 1 1 300px, display: flex, flex-direction: column, align-items: center, justify-content: center, } .ferrum-clean .image-container { width: 100%, max-width: 307px, border-radius: 16px, overflow: hidden, border: 1px solid rgba(201, 158, 103, 0.2), margin-bottom: 15px, } .ferrum-clean .image-container img { width: 100%, height: auto, display: block, transition: transform 0.3s ease, } .ferrum-clean .image-container:hover img { transform: scale(1.02), } .ferrum-clean .image-title { text-align: center, font-size: 18px, font-weight: 600, color: #c99e67, margin-top: 5px, } .ferrum-clean .image-description { text-align: center, color: #606161, margin-top: 5px, font-size: 0.95rem, line-height: 1.5, max-width: 280px, } .ferrum-clean .footer-note { margin-top: 25px, font-size: 0.9rem, color: #606161, border-top: 1px solid #e8ddcc, padding-top: 15px, text-align: center, font-weight: 400, } .ferrum-clean .footer-note span { color: #c99e67, font-weight: 600, } @media (max-width: 800px) { .ferrum-clean .series-container { gap: 20px, } .ferrum-clean .series-block { padding: 20px, } } @media (max-width: 500px) { .ferrum-clean .series-title { font-size: 22px, } .ferrum-clean .disclaimer { font-size: 0.7rem, } .ferrum-clean .series-badge { font-size: 14px, /* чуть меньше на мобильном */ padding: 6px 16px, } }