.commit-compare{color:#151a17;background:#fff;padding:96px max(6vw,24px)}.commit-home .commit-compare{padding:96px max(6vw,24px)}.commit-compare-inner{max-width:1240px;margin:auto}.commit-compare-heading{margin-bottom:35px}.commit-compare-heading p{letter-spacing:.16em;color:#537061;margin:0 0 10px;font:700 11px/1.3 DM Sans,Arial,sans-serif}.commit-compare-heading h2,.commit-home .commit-compare-heading h2{letter-spacing:-.067em;color:#101411;margin:0;font:500 clamp(42px,6vw,76px)/1.07 Manrope,Arial,sans-serif}.commit-compare-swipe{display:none}.commit-compare-scroll{overscroll-behavior-inline:contain;overflow-x:auto}.commit-compare-scroll:focus-visible{outline-offset:5px;outline:3px solid #427a5f}.commit-compare-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.commit-compare table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:680px;font-family:DM Sans,Arial,sans-serif}.commit-compare thead th:first-child,.commit-compare tbody th{text-align:left;width:35%}.commit-compare thead th:not(:first-child),.commit-compare tbody td{text-align:center;width:21.666%}.commit-compare thead th{vertical-align:bottom;height:215px;padding:0 15px 26px}.commit-compare thead .commit-compare-featured{background:#f2f8f4;border:2px solid #3b9464;border-bottom:0;border-radius:27px 27px 0 0}.commit-compare-product{justify-content:center;align-items:center;height:170px;display:flex}.commit-compare-option-label{letter-spacing:-.055em;color:#0b0e0c;font:500 26px/1.2 Manrope,Arial,sans-serif}.commit-compare-product img{object-fit:contain;filter:drop-shadow(0 10px 11px #17292330);width:86px;height:128px}.commit-compare-product img.commit-compare-card{aspect-ratio:1.6;filter:drop-shadow(0 10px 10px #17292335);width:205px;height:auto}.commit-compare tbody th,.commit-compare tbody td{vertical-align:middle;border-top:1px solid #e5e9e6;height:90px;padding:14px 17px}.commit-compare tbody th{font:600 18px/1.3 DM Sans,Arial,sans-serif}.commit-compare tbody .commit-compare-featured{background:#f2f8f4;border-left:2px solid #3b9464;border-right:2px solid #3b9464}.commit-compare tbody tr:last-child .commit-compare-featured{border-bottom:2px solid #3b9464;border-radius:0 0 27px 27px}.commit-compare-mark{justify-content:center;align-items:center;width:38px;height:38px;font:500 26px/1 Arial,sans-serif;display:inline-flex}.commit-compare-mark.yes{color:#fff;background:#329768;border-radius:50%;font-size:25px}.commit-compare-mark.no{color:#232a26}.commit-compare-note{color:#69736d;max-width:900px;margin:24px 0 0;font:400 12px/1.55 DM Sans,Arial,sans-serif}@media (width<=760px){.commit-compare,.commit-home .commit-compare{padding:68px 0}.commit-compare-heading,.commit-compare-note,.commit-compare-swipe{margin-left:24px;margin-right:24px}.commit-compare-heading{margin-bottom:10px}.commit-compare-heading h2,.commit-home .commit-compare-heading h2{font-size:47px}.commit-compare-swipe{color:#66746a;margin-top:0;margin-bottom:15px;font:600 12px/1.4 DM Sans,Arial,sans-serif;display:block}.commit-compare-scroll{padding:0 24px 5px}.commit-compare table{min-width:660px}.commit-compare thead th{height:185px;padding-bottom:20px}.commit-compare-product{height:145px}.commit-compare-option-label{font-size:20px}.commit-compare-product img{width:72px;height:112px}.commit-compare-product img.commit-compare-card{width:175px}.commit-compare tbody th{font-size:15px}.commit-compare tbody th,.commit-compare tbody td{height:76px;padding:12px}.commit-compare tbody th,.commit-compare thead th:first-child{z-index:2;background:#fff;position:sticky;left:0}.commit-compare tbody th{box-shadow:1px 0 #e5e9e6}.commit-compare-note{font-size:11px}}.commit-compare-gallery{color:#131713;background:#fff;flex-direction:column;width:100%;height:100%;padding:7% 7% 9%;font-family:DM Sans,Arial,sans-serif;display:flex}.commit-compare-gallery h3{letter-spacing:-.065em;margin:0 0 5%;font:600 clamp(20px,5cqw,39px)/1.07 Manrope,Arial,sans-serif}.commit-compare-gallery-grid{flex-direction:column;flex:1;min-height:0;display:flex}.commit-compare-gallery-head,.commit-compare-gallery-row{grid-template-columns:40% repeat(3,20%);align-items:center;display:grid}.commit-compare-gallery-head{height:29%;min-height:0}.commit-compare-gallery-head>span{text-align:center;justify-content:center;align-items:center;height:100%;display:flex}.commit-compare-gallery-head .featured{background:#f2f8f4;border:1.5px solid #3b9464;border-bottom:0;border-radius:13px 13px 0 0}.commit-compare-gallery-head .commit-compare-card{object-fit:contain;filter:drop-shadow(0 7px 7px #1628222b);width:104%;max-width:none;height:auto}.commit-compare-gallery-head .option-label{letter-spacing:-.055em;font:600 clamp(10px,2.3cqw,18px)/1.15 Manrope,Arial,sans-serif}.commit-compare-gallery-head img{object-fit:contain;width:54%;height:86%}.commit-compare-gallery-row{border-top:1px solid #e5e9e6;flex:1;min-height:0;font-size:clamp(8px,1.65cqw,15px);font-weight:600;line-height:1.2}.commit-compare-gallery-row>span:first-child{padding-right:5px}.commit-compare-gallery-row>span:not(:first-child){place-items:center;height:100%;display:grid}.commit-compare-gallery-row .featured{background:#f2f8f4;border-left:1.5px solid #3b9464;border-right:1.5px solid #3b9464}.commit-compare-gallery-row:last-child .featured{border-bottom:1.5px solid #3b9464;border-radius:0 0 13px 13px}.commit-compare-gallery-row .commit-compare-mark{width:clamp(14px,4cqw,31px);height:clamp(14px,4cqw,31px);font-size:clamp(12px,3cqw,24px)}@media (width<=760px){.card-shop .commit-compare,.card-shop .commit-home .commit-compare{padding:68px 0}.card-shop .commit-compare-swipe{display:none}.card-shop .commit-compare-scroll{padding:0 16px 5px;overflow-x:visible}.card-shop .commit-compare table{width:100%;min-width:0}.card-shop .commit-compare thead th:first-child,.card-shop .commit-compare tbody th{width:40%}.card-shop .commit-compare thead th:not(:first-child),.card-shop .commit-compare tbody td{width:20%}.card-shop .commit-compare thead th{height:112px;padding:0 2px 12px}.card-shop .commit-compare-product{height:94px}.card-shop .commit-compare-product img{width:42px;height:72px}.card-shop .commit-compare-product img.commit-compare-card{width:min(100%,80px);height:auto}.card-shop .commit-compare-option-label{letter-spacing:-.05em;font-size:clamp(11px,3vw,15px)}.card-shop .commit-compare tbody th,.card-shop .commit-compare tbody td{height:76px;padding:8px 4px}.card-shop .commit-compare tbody th{box-shadow:none;overflow-wrap:anywhere;font-size:clamp(11px,3.2vw,13px);line-height:1.2;position:static}.card-shop .commit-compare thead th:first-child{position:static}.card-shop .commit-compare-mark{width:clamp(23px,7vw,30px);height:clamp(23px,7vw,30px);font-size:clamp(18px,5vw,22px)}.card-shop .commit-compare-mark.yes{font-size:clamp(17px,4.8vw,20px)}.card-shop .commit-compare thead .commit-compare-featured{border-radius:14px 14px 0 0}.card-shop .commit-compare tbody tr:last-child .commit-compare-featured{border-radius:0 0 14px 14px}}