.compare-mats{margin-bottom:80px;overflow:hidden;isolation:isolate;--background: #fff;padding-inline:25px;max-width:1550px;margin-inline:auto}.compare-mats--side{display:flex;background:#e9f1ef;padding:60px 0;gap:40px;--background: #e9f1ef}@media screen and (min-width: 1600px){.compare-mats--side .compare-mats__table{padding-right:100px}.compare-mats--side .compare-mats__header{padding-left:max(calc((100vw - 1500px)/2),20px)}}.compare-mats__header__title{margin-bottom:0}.compare-mats__header__subtitle{margin:0}.compare-mats__table{width:100%;height:auto;overflow-x:auto;border-collapse:collapse;table-layout:fixed;scroll-behavior:smooth}.compare-mats--side .compare-mats__table{flex:2;background:#e9f1ef;margin-left:0}.compare-mats--side .compare-mats__table table{border-collapse:separate;padding:1px}@media (hover: hover){.compare-mats__table{cursor:grab}}.compare-mats__table::-webkit-scrollbar{display:none}.compare-mats__table::-webkit-scrollbar-thumb{background:#3b626b;border-radius:10px}.compare-mats__table::-webkit-scrollbar-thumb:hover{background:#3b626b}.checkmark{width:20px;height:20px}table,th,td{border:none;border-collapse:collapse}.compare-mats__table tbody tr:nth-child(odd):not(:last-child) td:first-child,.compare-mats__table tbody tr:nth-child(odd):not(:last-child) td{background:#e9f1ef}.content-cell:not(:first-child){text-align:center}.compare-mats__table tbody tr:nth-child(2n):not(:last-child) td:first-child,.compare-mats__table tbody tr:nth-child(2n):not(:last-child) td{background:#f8f8f8}.compare-mats__spacer.compare-mats__spacer{min-width:8px!important;max-width:8px!important;width:8px;border-radius:0!important;background:var(--background)!important;padding:0}.compare-mats__spacer.compare-mats__spacer:nth-child(2),.compare-mats__spacer.compare-mats__spacer:nth-child(3){min-width:4px!important;max-width:4px!important;width:4px}.compare-mats__table tbody td{border-radius:10px;padding:7.15px 15px;width:100%;height:100%}.compare-mats__table thead td{padding:0}.compare-mats__table tbody td:first-child{border-radius:10px;padding:7.15px 15px}.compare-mats__table td:nth-child(2),.compare-mats__table td:first-child{position:sticky;min-width:190px;left:-5px;z-index:2;background:var(--background)}.compare-mats__table td:nth-child(3){position:sticky;left:174px;z-index:2;background:red}.compare-mats__table td:nth-child(2){z-index:1}.compare-mats__table td:not(:first-child){min-width:172px}.compare-mats__table-header__image-wrapper{height:121px}.compare-mats__table-header{display:flex;flex-direction:column;gap:5px;margin-bottom:3px;background:#fff}.compare-mats__table-header__image{border-radius:10px;border:1px solid #3b626b;height:100%;width:100%;object-fit:cover;padding:5px 10px}.compare-mats__table-header__title{color:#fff;font-size:15px;line-height:20.49px;letter-spacing:1px;text-transform:uppercase;border-radius:10px;background:#3b626b;text-align:center;padding:4px;display:flex;flex-direction:column;height:62px;justify-content:center}.compare-mats__cta{width:100%;display:inline-block;border-radius:var(--alt-btn-border-radius, 0px);border:1px solid #3b626b;background:#3b626b;padding:4px;text-align:center;color:#fff;font-size:15px;line-height:27px;letter-spacing:1px;text-transform:uppercase;margin-top:16px;margin-bottom:5px;cursor:pointer}td:has(.compare-mats__cta){padding:0!important}.compare-mats__header{padding:12px 100px 0;background:#e9f1ef;margin-bottom:22px}.compare-mats__category{color:#3b626b;font-size:14px;font-weight:500;line-height:normal;border-radius:8px;background:#e9f1ef;text-align:center;padding:10px;margin-bottom:4px}.compare-mats__table--narrow{margin:0;padding-inline:15px;max-width:1414px;margin-inline:auto}.compare-mats--side .compare-mats__header{margin-bottom:0;padding:0;padding-left:max(calc((100vw - 1450px)/2),20px);flex:1}.compare-mats__header__inner{display:flex;justify-content:space-between;align-items:center;max-width:1678px;margin-inline:auto}.compare-mats--side .compare-mats__header__inner{flex-direction:column;height:100%}.compare-mats--side .compare-mats__header__image-wrapper{margin-top:auto;margin-bottom:auto}.compare-mats__header__image{height:313px;width:auto;display:block;object-fit:contain}.compare-mats--side .compare-mats__header__image{height:100%;width:100%}.compare-mats__table tbody tr:not(:last-child){position:relative}@media screen and (max-width: 1700px){.compare-mats--side .compare-mats__table td:not(:first-child){min-width:330px}}@media screen and (min-width: 1121px){.compare-mats--side .compare-mats__header__title{white-space:nowrap;position:absolute;z-index:10;top:0}.compare-mats--side .compare-mats__header__inner{padding-top:60px;position:relative}}@media screen and (max-width: 1120px){.compare-mats--side .content-cell:first-child{border:none}.compare-mats--side .content-cell:not(:first-child)>*{border:none}.compare-mats__table td:not(:first-child){min-width:120px}.compare-mats--side{display:flex;background:#fff;flex-direction:column;padding:10px 0;gap:0px;--background: #fff}.compare-mats--side .compare-mats__table{background:#fff;margin-left:10px}.compare-mats--side .compare-mats__header{padding:15px;margin-bottom:10px}.compare-mats--side .compare-mats__header__inner{flex-direction:row}.compare-mats--side .compare-mats__header__image{height:313px;width:auto}}@media screen and (max-width: 767px){.compare-mats__table{margin-left:12px;padding-right:12px}.compare-mats__spacer.compare-mats__spacer{min-width:4px!important;max-width:4px!important;width:4px}.compare-mats__header{padding:16px;margin-bottom:3px}.compare-mats__header__text-wrapper{text-align:center}.compare-mats__header__inner{flex-direction:column-reverse!important;gap:16px!important}.compare-mats__header__image-wrapper{margin-inline:auto}.compare-mats__table td:first-child{min-width:180px}.compare-mats__table td:not(:first-child){min-width:120px}.compare-mats__table-header__title{font-size:12px;line-height:16.39px}}@media screen and (max-width: 767px){.compare-mats__header{padding:16px;margin-bottom:3px}.compare-mats__header__inner{flex-direction:column-reverse;gap:16px}.compare-mats__header__image-wrapper{margin-inline:auto}.compare-mats__table td:first-child{min-width:186px}.compare-mats__table td:nth-child(3){left:174px}.compare-mats__table td:not(:first-child){min-width:120px}}@media screen and (max-width: 450px){.compare-mats__table td:first-child{min-width:130px}.compare-mats__table td:nth-child(3){left:130px}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/section-compare-mats.css.map */