.comparison-header{text-align: center; margin-bottom: 50px}
.comparison-table{display: flex; flex-direction: column; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.04); background-color: #FFFFFF; border: 1px solid #E2E8F0}
.comp-row{display: grid; grid-template-columns: 1fr 1.2fr 1.2fr; border-bottom: 1px solid #E2E8F0}
.comp-row:last-child{border-bottom: none}
.comp-head{color: #1E293B; font-weight: 600}
.comp-head .comp-cell{padding: 20px 25px; font-size: 1.1rem; font-weight: 700}
.comp-cell{padding: 25px; display: flex; align-items: flex-start; gap: 15px; line-height: 1.5}
.param-col{font-weight: 600; color: #1E293B; background-color: #f8fafc}
.old-col{color: rgba(0,0,0,0.5); background-color: #FFFFFF}
.new-col{background-color: rgba(197, 229, 255, 0.25); color: #1E293B; font-weight: 500}
.icon-bad{color: #d60000; font-size: 1.5rem; flex-shrink: 0; margin-top: 2px}
.icon-good{color: #40B615; font-size: 1.5rem; flex-shrink: 0; margin-top: 2px}
@media (max-width: 1229px) {
    .comp-cell{padding: 20px; font-size: 0.95rem}
    .comp-head .comp-cell{padding: 16px 20px; font-size: 1rem}
}
@media (max-width: 991px){
	.comparison-header{margin-bottom: 40px}
    .comp-row{display: flex; flex-direction: column; border-bottom: 3px solid #E2E8F0; padding: 20px 0; gap: 0}
    .comp-row:last-child{border-bottom: none; padding-bottom: 0}
    .comp-head{display: none}
    .comp-cell{padding: 8px 20px}
    .param-col{background-color: transparent; font-size: 1.2rem; padding: 0 20px 12px 20px; color: #71A6DB; font-weight: 700}
    .old-col{border-left: 3px solid #cbd5e1; margin-bottom: 8px; border-radius: 0 8px 8px 0; display: block; padding: 12px 20px; background-color: transparent}
    .old-col::before{content: "Обычная отделка:"; font-weight: 600; display: block; margin-bottom: 6px; color: #1E293B}
    .new-col{border-left: 3px solid #71A6DB; border-radius: 0 8px 8px 0; background-color: rgba(197, 229, 255, 0.15); display: block; padding: 12px 20px}
    .new-col::before{content: "Натяжные стены:"; font-weight: 600; display: block; margin-bottom: 6px; color: #71A6DB}
    .icon-bad, .icon-good{display: none}
}
@media (max-width: 767px) {
    .comparison-header{margin-bottom: 30px}
    .comp-row{padding: 16px 0; border-bottom-width: 2px}
    .comp-row:last-child{padding-bottom: 0}
    .param-col{font-size: 1.05rem; padding: 0 15px 10px 15px}
    .old-col{padding: 10px 15px; font-size: 0.9rem; margin-bottom: 6px; border-left-width: 3px}
    .new-col{padding: 10px 15px; font-size: 0.9rem; border-left-width: 3px}
    .old-col::before{margin-bottom: 4px}
    .new-col::before{margin-bottom: 4px}
}
@media (max-width: 575px){
    .comp-row{padding: 14px 0}
    .param-col{padding: 0 12px 8px 12px}
    .old-col{padding: 8px 12px; font-size: 0.85rem; border-left-width: 2px; margin-bottom: 4px}
    .new-col{padding: 8px 12px; font-size: 0.85rem; border-left-width: 2px}
}
@media (max-width: 480px) {
    .comparison-table{border-radius: 16px}
    .comp-row{padding: 12px 0; gap: 0}
    .param-col{padding: 0 10px 6px 10px}
    .old-col{padding: 6px 10px; font-size: 0.8rem; border-left-width: 2px; margin-bottom: 4px}
    .new-col{padding: 6px 10px; font-size: 0.8rem; border-left-width: 2px}
    .old-col::before{margin-bottom: 3px}
    .new-col::before{margin-bottom: 3px}
}