/* Product comparison: widgets in cards, header counter, /sravnit table (replaces the Comparison add-on CSS) */
.comparison > a { display: block; }
a.comparison-link { text-decoration: none; line-height: 2em; padding-bottom: 4px; }
.comparison-row a.comparison-link:hover { border-bottom: 2px solid; }
.comparison-corner a.comparison-link.active { border-bottom: 2px solid #eaeaea; color: #333; }

.comparison .comparison-add { display: flex; justify-content: space-between; }
.comparison .comparison-remove,
.comparison .comparison-go,
.comparison .comparison-total { display: none; }
.comparison.added .comparison-add { display: none; }
.comparison.added .comparison-remove,
.comparison.added.can_compare .comparison-go,
.comparison.added.can_compare .comparison-total { display: flex; justify-content: space-between; }
.menu-line .comparison.added.can_compare .comparison-total { display: inline-block; }
.comparison .loading { opacity: .7; cursor: default; }

/* page */
.compare { overflow: auto; padding-top: 20px; }
.cmp-scroll { overflow-x: auto; width: 100%; padding-bottom: 20px; }
.comparison-table { border-spacing: 0 10px; border-collapse: separate; }
.comparison-table .comparison-corner { vertical-align: top; padding: 0 20px 1em 0; min-width: 170px; font-size: 14px; }
.comparison-table .comparison-head { vertical-align: top; min-width: 240px; max-width: 300px; padding-right: 20px; }
.comparison-table .comparison-head .cmp-img { display: block; background: #fff; }
.comparison-table .comparison-head img { width: 100%; min-height: 90px; display: block; object-fit: contain; max-height: 220px; }
.comparison-table .comparison-head .cmp-title { display: block; background: #fff; padding: 16px 20px 20px; font-size: 18px; line-height: 1.3; border-bottom: 2px solid #f8f8f8; }
.comparison-table .comparison-head .cmp-price { display: block; margin-top: 8px; font-weight: bold; font-size: 20px; color: #333; }
.comparison-table .comparison-head .comparison-remove { display: inline-block; font-size: 13px; color: #333; border-bottom: 1px dotted #333; margin-top: 10px; }
.comparison-table .comparison-head .comparison-remove:hover { border-bottom-color: transparent; }
.comparison-table td.comparison-param, .comparison-table td.comparison-cell { background: #fff; padding: 16px 20px; vertical-align: top; min-width: 170px; max-width: 320px; }
.comparison-table td.comparison-param { min-width: 170px; }
.comparison-table tbody tr:hover td { box-shadow: 0 0 10px rgba(0, 0, 0, .06); }
.comparison-table.cmp-unique .same { display: none; }
.cmp-none { color: #b5b5b5; }
.cmp-empty { padding: 40px 0; font-size: 18px; line-height: 1.5; }
.cmp-empty .btn { display: inline-block; padding: 14px 28px; }
.cmp-hint { margin: 0 0 12px; color: #869298; }
@media (max-width: 767px) {
  .comparison-table .comparison-head { min-width: 190px; }
  .comparison-table .comparison-head .cmp-title { font-size: 16px; padding: 12px 14px 16px; }
  .comparison-table td.comparison-param, .comparison-table td.comparison-cell { padding: 12px 14px; min-width: 130px; font-size: 14px; }
}