.sleep-comparsion{background:var(--bg-color)}.sleep-comparsion .sec-head{color:#2c474b;margin-bottom:25px}.sleep-comparsion .sec-title{font-size:54px}.sleep-comparsion .sec-text{margin-top:15px}.sleep-comparsion .swiper-slide{width:auto}.sleep-comparsion .sleep-comparsion-row-wrap{padding:40px 0 57px;max-width:1062px;margin:0 auto}.sleep-comparsion .sleep-comparsion-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%;column-gap:24px;max-width:1062px;margin:0 auto;position:relative}.sleep-comparsion .sleep-comparsion-row:not(.head-row):before{position:absolute;top:0;left:0;width:100%;height:1px;background:#cfcfd0;content:"";z-index:1}.sleep-comparsion .sleep-comparsion-row .sleep-comparsion-block{padding:20px 15px;line-height:24px;font-weight:500;letter-spacing:0}.sleep-comparsion .sleep-comparsion-row.head-row .sleep-comparsion-block{display:flex;justify-content:center;align-items:center;padding:30px 15px 22px;flex-direction:column}.sleep-comparsion .sleep-comparsion-row.head-row .sleep-comparsion-block svg,.sleep-comparsion .sleep-comparsion-row.head-row .sleep-comparsion-block img{max-width:100%;object-fit:contain}.sleep-comparsion .sleep-comparsion-row.head-row .sleep-comparsion-block.highlight{position:relative}.sleep-comparsion .sleep-comparsion-row.head-row .sleep-comparsion-block .top-img{position:absolute;top:-40px;left:0;right:0;margin:0 auto;max-width:calc(100% - 30px);height:auto;max-height:62px;width:auto}.sleep-comparsion .sleep-comparsion-row .sleep-comparsion-block.title-block{padding-left:0;font-weight:600}.sleep-comparsion .sleep-comparsion-row .sleep-comparsion-block.highlight{background:rgb(var(--color-background));filter:drop-shadow(0 2px 4px rgba(0,0,0,.05)) drop-shadow(0 10px 20px rgba(0,0,0,.1))}.sleep-comparsion .sleep-comparsion-row:first-child .highlight{border-radius:15px 15px 0 0}.sleep-comparsion .sleep-comparsion-row:last-child .highlight{border-radius:0 0 15px 15px;min-height:87px}.sleep-comparsion .swiper-horizontal .swiper-scrollbar{bottom:17px;width:calc(100% - 72px);left:36px;background:rgb(var(--color-background))}.sleep-comparsion .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag{background:#bdbdbd}.sleep-comparsion .shop-now-button{display:flex;justify-content:center;align-items:center;background:#000;width:100%;max-width:600px;margin:0 auto;height:61px;border-radius:99px;font-family:Gellix;font-weight:600;font-size:32px;line-height:36px;color:#fff}@media screen and (max-width: 989px){.sleep-comparsion .sec-title{font-size:35px}.sleep-comparsion .sleep-comparsion-row{gap:14px}.sleep-comparsion .sleep-comparsion-row .sleep-comparsion-block{padding:11px 12px;font-size:11px;line-height:18px}.sleep-comparsion .sleep-comparsion-row.head-row .sleep-comparsion-block{padding:20px 10px 11px}}@media screen and (max-width: 749px){.sleep-comparsion .sec-head{margin-bottom:20px}.sleep-comparsion .sec-title{font-size:20px}.sleep-comparsion .sec-text{font-size:10px;max-width:241px;margin:15px auto 0;line-height:11.9px}.sleep-comparsion .sleep-comparsion-row-wrap{padding:44px 16px;margin:0 -16px;width:calc(100% + 32px)}.sleep-comparsion .sleep-comparsion-row{gap:5px}.sleep-comparsion .sleep-comparsion-row .sleep-comparsion-block{font-size:8.19px;line-height:12.3px;width:150px}.sleep-comparsion .sleep-comparsion-row.head-row .sleep-comparsion-block .top-img{top:-44px;max-height:56px}.sleep-comparsion .sleep-comparsion-row:last-child .highlight{min-height:60px}.sleep-comparsion .shop-now-button{max-width:150px;height:30px;font-size:12px;line-height:10px}}@media screen and (max-width: 575px){.sleep-comparsion .sleep-comparsion-row-wrap{padding:20px 16px 44px}.sleep-comparsion .sleep-comparsion-row.head-row .sleep-comparsion-block svg,.sleep-comparsion .sleep-comparsion-row.head-row .sleep-comparsion-block img{max-height:25.6px}.sleep-comparsion .sleep-comparsion-row .sleep-comparsion-block{width:99px;padding:11px 7.5px}.sleep-comparsion .sleep-comparsion-row.head-row .sleep-comparsion-block .top-img{top:-15px;max-height:32px}.sleep-comparsion .sleep-comparsion-row:last-child .highlight{min-height:44px;border-radius:0 0 7px 7px}.sleep-comparsion .sleep-comparsion-row:first-child .highlight{border-radius:7px 7px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/266/assets/section-sleep-comparison.css.map */