.pf-compare{max-width:1280px;margin:0 auto;padding:36px 24px 64px;color:#344a49}.pf-compare__hero{text-align:center;background:#eeefea;padding:40px 24px;border-radius:6px}.pf-compare__eyebrow{letter-spacing:.16em;font-size:12px;color:#1d737b}.pf-compare h1{font-size:clamp(30px,4vw,46px);line-height:1.2;color:#1d737b;margin:12px 0}.pf-compare__hero>p:last-child{max-width:660px;margin:0 auto;font-size:17px}.pf-compare__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 16px}.pf-compare__tabs button{border:1px solid #1d737b;border-radius:4px;padding:12px 20px;background:#fff;color:#1d737b;cursor:pointer}.pf-compare__tabs button[aria-pressed=true]{background:#1d737b;color:#fff}.pf-compare__help{text-align:center;min-height:2em}.pf-compare__selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.pf-compare__selectors label{font-weight:600;color:#1d737b}.pf-compare__selectors select{display:block;width:100%;padding:14px 30px 14px 12px;border:1px solid #a6bdb7;border-radius:4px;background:#fff;color:#344a49;margin-top:8px;font:inherit;font-size:14px}.pf-compare__scroll{overflow-x:auto;border:1px solid #d9e2df;border-radius:5px}.pf-compare table{width:100%;table-layout:fixed;min-width:840px;border-collapse:collapse;background:#fff}.pf-compare th,.pf-compare td{padding:18px;text-align:left;vertical-align:top;border-bottom:1px solid #d9e2df;overflow-wrap:anywhere}.pf-compare th:first-child{width:19%;background:#eef3f1;color:#1d737b}.pf-compare thead th{text-align:center}.pf-compare thead img{width:100%;height:180px;object-fit:contain;background:#fff}.pf-compare h2{font-size:17px;line-height:1.45;min-height:4.35em;color:#344a49;margin:12px 0}.pf-compare__price{font-weight:600}.pf-compare__shop{display:block;background:#1d737b;color:#fff!important;padding:12px;border-radius:3px;text-decoration:none!important;font-weight:600}.pf-compare tbody tr:nth-child(even) td{background:#f8faf9}.pf-compare__note,.pf-compare__hint{font-size:13px;color:#5d6e6b;margin:14px 0}.pf-compare__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pf-compare :focus-visible{outline:3px solid #00badb;outline-offset:3px}.pf-coffee-compare-link{display:inline-block;color:#1d737b!important;text-decoration:underline;margin-top:12px;font-size:13px;font-weight:600}@media(max-width:640px){.pf-compare{padding:20px 14px 40px}.pf-compare__hero{padding:28px 16px}.pf-compare__tabs{display:grid;grid-template-columns:1fr 1fr}.pf-compare__tabs button{padding:12px 8px}.pf-compare__selectors{grid-template-columns:1fr;gap:12px}.pf-compare table{min-width:800px}.pf-compare th,.pf-compare td{padding:12px}.pf-compare th:first-child{width:155px}}