.feature-section-wrapper{width:100%;padding-top:var(--section-padding-top, 60px);padding-bottom:var(--section-padding-bottom, 60px)}.feature-section-container{width:100%;max-width:var(--container-width, 1770px);margin:0 auto;padding:0 20px;box-sizing:border-box}.feature-tabs-wrapper{width:100%}.feature-tabs{display:flex;gap:20px;margin-bottom:40px;border-bottom:2px solid #e0e0e0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;justify-content:center}.feature-tabs::-webkit-scrollbar{display:none}.feature-tab{background:none;border:none;padding:15px 30px;font-size:18px;font-weight:600;color:#7a8b6f;cursor:pointer;position:relative;white-space:nowrap;transition:all .3s ease;border-bottom:3px solid transparent;margin-bottom:-2px}.feature-tab:hover{color:#5a6b4f}.feature-tab.active{color:#7a8b6f;border-bottom-color:#7a8b6f}.feature-tabs-content{position:relative;width:100%;min-height:400px}.feature-tab-panel{display:none;opacity:0;position:absolute;top:0;left:0;width:100%}.feature-tab-panel.active{display:block;opacity:1;position:relative;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-list-wrapper{display:flex;flex-direction:column;gap:80px}.feature-list-item{width:100%}.feature-content-row{display:flex;gap:80px;align-items:center;max-width:100%;justify-content:center}.feature-content-row.reverse{flex-direction:row-reverse}.feature-image-wrapper{flex:0 0 auto;max-width:900px;position:relative;display:flex;align-items:center;justify-content:center}.feature-main-image{max-width:100%;height:auto;display:block;object-fit:contain;border-radius:12px}.feature-placeholder{width:100%;height:400px;background:#f5f5f5;border-radius:12px;display:flex;align-items:center;justify-content:center}.feature-placeholder svg{width:80px;height:80px;opacity:.3}.feature-grid-4-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.feature-grid-4-new{display:flex;gap:30px;align-items:center;max-width:100%;width:100%;justify-content:center}.feature-grid-4-new .feature-grid-3{flex:0 0 auto;max-width:1100px;display:flex;gap:20px;height:100%;min-height:550px}.feature-grid-4-new .grid-large{flex:1.2;min-width:0;border-radius:12px;overflow:hidden;background:#f5f5f5}.feature-grid-4-new .grid-large img{width:100%;height:100%;object-fit:cover;display:block}.feature-grid-4-new .grid-small-column{flex:0 0 40%;display:flex;flex-direction:column;gap:15px}.feature-grid-4-new .grid-small{flex:1;border-radius:12px;overflow:hidden;background:#f5f5f5}.feature-grid-4-new .grid-small img{width:100%;height:100%;object-fit:cover;display:block}.feature-grid-4-new .placeholder{display:flex;align-items:center;justify-content:center}.feature-grid-4-new .placeholder svg{width:60px;height:60px;opacity:.3}.grid-4-right{flex:0 0 auto;max-width:700px;height:100%}.grid-4-right .grid-single{width:100%;height:550px;border-radius:12px;overflow:hidden;background:#f5f5f5}.grid-4-right .grid-single img{width:100%;height:100%;object-fit:cover;display:block}.grid-4-right .placeholder{display:flex;align-items:center;justify-content:center}.grid-4-right .placeholder svg{width:60px;height:60px;opacity:.3}.feature-grid-3-wrapper{flex:0 0 auto;max-width:900px}.feature-grid-3{display:flex;gap:24px;height:100%;min-height:550px}.feature-grid-3 .grid-large{flex:1;min-width:0;border-radius:12px;overflow:hidden;background:#f5f5f5}.feature-grid-3 .grid-large img{width:100%;height:100%;object-fit:cover;display:block}.feature-grid-3 .grid-small-column{flex:0 0 45%;display:flex;flex-direction:column;gap:15px}.feature-grid-3 .grid-small{flex:1;border-radius:12px;overflow:hidden;background:#f5f5f5}.feature-grid-3 .grid-small img{width:100%;height:100%;object-fit:cover;display:block}.feature-grid-3 .placeholder{display:flex;align-items:center;justify-content:center}.feature-grid-3 .placeholder svg{width:60px;height:60px;opacity:.3}.feature-text-wrapper{flex:0 1 auto;max-width:700px;display:flex;flex-direction:column;gap:0}.feature-title{margin:0;font-weight:700;line-height:1.2}.feature-description{margin:0;line-height:1.6}.feature-description p{margin:0 0 10px}.feature-description p:last-child{margin-bottom:0}.feature-subtitle{margin:0;line-height:1.5;font-style:italic}@media screen and (max-width: 768px){.feature-title,.feature-description,.feature-subtitle{font-size:var(--mobile-font-size)!important}}@media screen and (max-width: 1200px){.feature-content-row{gap:50px}.feature-text-wrapper{max-width:600px}.feature-image-wrapper,.feature-grid-3-wrapper{max-width:700px}.feature-grid-4-new{gap:30px}.feature-grid-4-new .feature-grid-3{max-width:700px}.grid-4-right{max-width:550px}}@media screen and (max-width: 768px){.feature-section-wrapper{padding-top:calc(var(--section-padding-top, 60px) * .6);padding-bottom:calc(var(--section-padding-bottom, 60px) * .6)}.feature-tabs{gap:10px;margin-bottom:30px;justify-content:flex-start;overflow-x:scroll;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.feature-tab{flex-shrink:0;scroll-snap-align:start;padding:12px 20px;font-size:16px}.feature-list-wrapper{gap:50px}.feature-content-row{flex-direction:column!important;gap:30px;width:100%}.feature-image-wrapper,.feature-grid-3-wrapper,.feature-text-wrapper{width:100%;max-width:100%}.feature-grid-4-new{flex-direction:column;gap:15px}.feature-grid-4-new .feature-grid-3{width:100%;max-width:100%;min-height:auto;flex-direction:row;gap:10px}.feature-grid-4-new .grid-large{flex:1.5;aspect-ratio:3 / 4}.feature-grid-4-new .grid-small-column{flex:0 0 35%;gap:10px}.feature-grid-4-new .grid-small{aspect-ratio:1}.grid-4-right{width:100%;max-width:100%}.grid-4-right .grid-single{height:auto;aspect-ratio:16 / 9}.feature-grid-3{min-height:300px}}@media screen and (max-width: 480px){.feature-section-container{padding:0 15px}.feature-tab{padding:10px 15px;font-size:14px}.grid-4-right .grid-single{aspect-ratio:16 / 9}.feature-grid-4-new .grid-small-column{gap:10px}.feature-grid-3{min-height:250px;gap:10px}.feature-grid-3 .grid-small-column{gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/feature-section.css.map */