Как подготовить коммерческий объект к монтажу натяжных потолков: чек-лист для подрядчика
/* ====== ПОЛУПРОЗРАЧНЫЕ ПЛАШКИ ====== */ .important-block, .danger-block, .success-block { background: rgba(152, 82, 155, 0.12); border-left: 5px solid #98529B; padding: 18px 24px; margin: 22px 0; border-radius: 8px; } .important-block strong, .danger-block strong, .success-block strong { color: #7a3a7d; } /* ====== КАРТИНКИ ====== */ .image-block { margin: 28px 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); background: #fafbfc; } .image-block img { width: 100%; height: auto; display: block; } .image-caption { padding: 12px 20px; font-size: 0.95rem; color: #555; background: #f8fafc; border-top: 1px solid #eef2f7; text-align: center; } /* ====== ТАБЛИЦА ====== */ .table-wrap { overflow-x: auto; margin: 24px 0; } table { width: 100%; border-collapse: collapse; font-size: 1rem; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.05); } th { background: #98529B; color: #fff; font-weight: 600; padding: 14px 18px; text-align: left; } td { padding: 12px 18px; border-bottom: 1px solid #eef2f7; } tr:nth-child(even) { background: #f8fafd; } /* ====== ВЫДЕЛЕНИЕ ====== */ .highlight { background: rgba(152, 82, 155, 0.15); padding: 2px 10px; border-radius: 4px; font-weight: 500; color: #6a2a6d; } /* ====== ЧЕК-ЛИСТ ====== */ .checklist-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 30px; margin: 18px 0 24px 0; } .checklist-grid .check-item { display: flex; align-items: baseline; gap: 10px; font-size: 1.02rem; padding: 4px 0; } .checklist-grid .check-item::before { content: "☐"; font-size: 20px; color: #98529B; font-weight: 600; flex-shrink: 0; } /* ====== KPI ====== */ .kpi-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin: 24px 0; } .kpi-card { background: rgba(152, 82, 155, 0.06); border-radius: 10px; padding: 20px 22px; border: 1px solid rgba(152, 82, 155, 0.12); text-align: center; } .kpi-card .kpi-number { font-size: 2rem; font-weight: 700; color: #98529B; display: block; margin-bottom: 4px; } .kpi-card .kpi-label { font-size: 0.95rem; color: #444; } /* ====== FAQ ====== */ .faq-item { background: rgba(152, 82, 155, 0.06); border-radius: 10px; padding: 16px 22px; margin-bottom: 14px; border: 1px solid rgba(152, 82, 155, 0.12); } .faq-item strong { display: block; font-size: 1.08rem; color: #7a3a7d; margin-bottom: 4px; } .faq-item p { margin-bottom: 0; color: #333; } /* ====== АДАПТИВ ====== */ @media (max-width: 1024px) { .checklist-grid { grid-template-columns: 1fr; } .kpi-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 640px) { .kpi-grid { grid-template-columns: 1fr; } .important-block, .danger-block, .success-block { padding: 14px 16px; } }