.learn-to-use-section{padding:60px 0}.learn-to-use__heading{text-align:center;font-size:32px;font-weight:700;margin-bottom:40px;color:#000}.tabs-container{max-width:800px;margin:0 auto}.tabs-navigation{display:flex;justify-content:center;gap:0;margin-bottom:50px;border-bottom:1px solid #e5e5e5}.tab-button{background:none;border:none;padding:15px 40px;font-size:16px;font-weight:500;color:#666;cursor:pointer;position:relative;transition:all .3s ease;border-bottom:3px solid transparent}.tab-button:hover{color:#000}.tab-button.active{color:#000;font-weight:600;border-bottom:6px solid #dc2626}.tabs-content{position:relative}.tab-panel{display:none;animation:fadeIn .4s ease-in}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.tab-left-content{padding-right:20px}.tab-number-title{display:flex;align-items:baseline;gap:15px;margin-bottom:20px}.tab-number{font-size:48px;font-weight:700;color:#dc2626;line-height:1}.tab-title{font-size:24px;font-weight:600;color:#000;margin:0;line-height:1.2}.tab-text{font-size:16px;line-height:1.6;color:#333}.tab-text p{margin:0}.tab-right-content{position:relative;border-radius:12px;overflow:hidden;background:#f5f5f5}.tab-right-content img{width:100%;height:auto;display:block;border-radius:12px}.placeholder-svg{width:100%;height:400px;background:#f0f0f0;border-radius:12px}.learn-to-use-img{border-radius:10px}@media screen and (max-width: 989px){.learn-to-use-section{padding:40px 0}.learn-to-use__heading{font-size:28px;margin-bottom:30px}.tab-content-wrapper{grid-template-columns:1fr;gap:30px}.tab-left-content{padding-right:0;order:1}.tab-right-content{order:2}.tabs-navigation{margin-bottom:30px}.tab-button{padding:12px 25px;font-size:14px}}@media screen and (max-width: 749px){.learn-to-use__heading{font-size:24px}.tabs-navigation{gap:0}.tab-button{padding:10px 15px;font-size:13px;flex:1}.tab-number{font-size:36px}.tab-title{font-size:20px}.tab-text{font-size:14px}.tab-content-wrapper{gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-learn-to-use-tabs.css.map */