section.pd-compare {color: var(--main-black)}
section.pd-compare .pd-compare__title {margin: 0 0 var(--mn-32); color: var(--main-black); font-size: var(--fs-32); line-height: var(--lh-38); font-weight: var(--fw-500)}
section.pd-compare .pd-compare__switch {display: none}
section.pd-compare .pd-compare__wrap {overflow: hidden; border: var(--bw-1) solid var(--main-line); border-radius: var(--r-16)}
section.pd-compare .pd-compare__table {width: 100%; border-collapse: collapse; font-size: var(--fs-14); line-height: var(--lh-20)}
section.pd-compare .pd-compare__head {padding: var(--mn-16) var(--mn-24); border-bottom: var(--bw-1) solid var(--main-line); background: var(--main-silver); text-align: left; font-weight: var(--fw-600)}
section.pd-compare .pd-compare__head--own {background: var(--main-green-tint)}
section.pd-compare .pd-compare__criterion {padding: var(--mn-16) var(--mn-24); border-bottom: var(--bw-1) solid var(--main-line); color: var(--main-black); text-align: left; vertical-align: top; font-weight: var(--fw-600)}
section.pd-compare .pd-compare__cell {padding: var(--mn-16) var(--mn-24); border-bottom: var(--bw-1) solid var(--main-line); vertical-align: top}
section.pd-compare .pd-compare__head + .pd-compare__head,
section.pd-compare .pd-compare__cell {border-left: var(--bw-1) solid var(--main-line)}
section.pd-compare .pd-compare__row:last-child .pd-compare__criterion,
section.pd-compare .pd-compare__row:last-child .pd-compare__cell {border-bottom: 0}
section.pd-compare .pd-compare__after {display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: var(--mn-40); margin-top: var(--mn-24)}
section.pd-compare .pd-compare__quote {display: flex; align-items: flex-start; gap: var(--mn-16); margin: 0}
section.pd-compare .pd-compare__photo {flex: none; width: calc(var(--mn-40) + var(--mn-16)); height: calc(var(--mn-40) + var(--mn-16)); border-radius: 50%; object-fit: cover; background: var(--main-silver)}
section.pd-compare .pd-compare__quote-text {margin: 0; font-size: var(--fs-16); line-height: var(--lh-24)}
section.pd-compare .pd-compare__quote-author {margin-top: var(--mn-8); color: var(--main-gray); font-size: var(--fs-12); line-height: var(--lh-16)}
section.pd-compare .pd-compare__quote-link {color: var(--main-green-dark); font-weight: var(--fw-600); text-decoration: none}
section.pd-compare .pd-compare__actions {display: flex; flex-direction: column; align-items: flex-end; gap: var(--mn-12)}
section.pd-compare .pd-compare__link {display: inline-flex; align-items: center; gap: var(--mn-8); color: var(--main-green-dark); font-size: var(--fs-14); line-height: var(--lh-20); font-weight: var(--fw-600); text-decoration: none}
section.pd-compare .pd-compare__icon {flex: none}

@media (max-width: 768px) {
	section.pd-compare .pd-compare__title {margin-bottom: var(--mn-16); font-size: var(--fs-20); line-height: var(--lh-24)}
	section.pd-compare .pd-compare__switch {display: flex; align-items: center; gap: var(--mn-16); padding: var(--mn-8) var(--mn-16); border: var(--bw-1) solid var(--main-line); border-bottom: 0; border-radius: var(--r-16) var(--r-16) 0 0}
	section.pd-compare .pd-compare__switch-label {font-size: var(--fs-14); line-height: var(--lh-20)}
	section.pd-compare .pd-compare__tab {padding: var(--mn-12) 0; border: 0; border-bottom: var(--bw-2) solid transparent; background: none; color: var(--main-gray); font-size: var(--fs-14); line-height: var(--lh-20); font-weight: var(--fw-600); cursor: pointer}
	section.pd-compare .pd-compare__tab--active {border-bottom-color: var(--green); color: var(--main-green-dark)}
	section.pd-compare .pd-compare__wrap {padding: var(--mn-8) var(--mn-16); border-radius: 0 0 var(--r-16) var(--r-16)}
	section.pd-compare .pd-compare__table,
	section.pd-compare .pd-compare__body {display: block}
	section.pd-compare .pd-compare__thead {display: block}
	section.pd-compare .pd-compare__row {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--mn-12); padding: var(--mn-12) 0; border-bottom: var(--bw-1) solid var(--main-line)}
	section.pd-compare .pd-compare__row:last-child {border-bottom: 0}
	section.pd-compare .pd-compare__head,
	section.pd-compare .pd-compare__criterion,
	section.pd-compare .pd-compare__cell {padding: 0; border: 0; background: none}
	section.pd-compare .pd-compare__head {display: none; font-size: var(--fs-12); line-height: var(--lh-16)}
	section.pd-compare .pd-compare__head--own {color: var(--main-green-dark)}
	section.pd-compare .pd-compare__head--own,
	section.pd-compare .pd-compare__head--shown {display: block}
	section.pd-compare .pd-compare__criterion {grid-column: 1 / -1; margin-bottom: var(--mn-8); color: var(--main-black)}
	section.pd-compare .pd-compare__cell {display: none}
	section.pd-compare .pd-compare__cell--own,
	section.pd-compare .pd-compare__cell--shown {display: block}
	section.pd-compare .pd-compare__head + .pd-compare__head,
	section.pd-compare .pd-compare__cell--shown {padding-left: var(--mn-12); border-left: var(--bw-1) solid var(--main-line)}
	section.pd-compare .pd-compare__after {grid-template-columns: minmax(0, 1fr); gap: var(--mn-16); margin-top: var(--mn-16)}
	section.pd-compare .pd-compare__quote-text {font-size: var(--fs-14); line-height: var(--lh-20)}
	section.pd-compare .pd-compare__actions {align-items: stretch}
}