.mattress-features-section{position:relative;width:100%}.features-container{margin:0 auto;width:100%}.features-header{text-align:center;margin-bottom:32px}.features-title{margin:0;font-family:Fraunces,serif}.features-subtitle{margin:0;font-family:Work Sans,sans-serif}.features-content-wrapper{display:flex;flex-direction:row;gap:0;overflow:hidden;position:relative}.features-visual-container{flex:0 0 634px;max-width:634px;height:584px;position:relative;overflow:hidden}.features-visual{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.features-tabs-container{flex:1;display:flex;flex-direction:column;min-width:0}.features-tabs-buttons{display:flex;flex-direction:row;border-bottom:none}.tab-button{flex:1;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:all .3s ease;font-family:Work Sans,sans-serif;border:none;outline:none;position:relative}.tab-button:first-child{border-radius:0 10px 10px 0}.tab-button:last-child{border-radius:10px 0 0 10px}.tab-button:hover{opacity:.9}.tab-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tab-icon{border-radius:50%;object-fit:cover;display:block}.tab-icon-placeholder{background:#0a44a61a;border-radius:50%}.tab-label{flex:1;text-align:left}.features-tabs-content{flex:1;position:relative;display:flex;flex-direction:column}.tab-content{display:none;flex:1;animation:fadeIn .3s ease}.tab-content.active{display:flex;flex-direction:column}.tab-content-text{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.tab-content-points{font-family:Work Sans,sans-serif;white-space:pre-line}.tab-content-note{font-family:Work Sans,sans-serif}.tab-content-cta{display:inline-block;text-decoration:none;font-family:Work Sans,sans-serif;cursor:pointer;transition:all .3s ease;text-align:center;align-self:flex-start}.tab-content-cta:hover{opacity:.9;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.features-visual-container{flex:0 0 50%;max-width:50%;height:auto;aspect-ratio:634 / 584}.features-tabs-container{flex:0 0 50%}}@media (max-width: 767px){.features-content-wrapper{flex-direction:column;gap:24px}.features-visual-container{flex:none;max-width:100%;height:auto;aspect-ratio:634 / 584;max-height:400px}.features-tabs-container{flex:none;width:100%}.features-tabs-buttons{flex-direction:column;gap:12px}.tab-button{width:100%}.tab-button:first-child{border-radius:10px}.tab-button:last-child{border-radius:10px}.tab-content-text{gap:16px}.tab-content-cta{width:100%;align-self:stretch}}@media (max-width: 1280px) and (min-width: 1025px){.features-visual-container{flex:0 0 500px;max-width:500px;height:460px}}.mattress-features-section.scroll-trigger{opacity:0}.mattress-features-section.animate--slide-in{animation:slideIn .6s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-mattress-features-tabs.css.map */