.faq-section{padding:20px 20px 64px;background:#fff}.faq-container{max-width:1400px;margin:0 auto}.faq-header{text-align:center;margin-bottom:48px}.faq-heading{font-size:48px;font-weight:700;color:#000;margin:0 0 16px;line-height:1.2}.faq-subheading{font-size:18px;color:#6b7280;max-width:700px;margin:0 auto}.faq-content{display:grid;grid-template-columns:280px 1fr;gap:32px;margin-bottom:48px}.faq-tabs-sidebar{position:relative}.tabs-sticky{position:sticky;top:32px}.tabs-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px 16px}.tab-button{width:100%;padding:14px 16px;background:var(--inactive-tab-bg);color:var(--inactive-tab-text);border:none;border-radius:12px;text-align:left;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:12px;justify-content:left;letter-spacing:.5px}.tab-button:hover{background:#000;color:#fff}.tab-button.active{background:var(--active-tab-bg);color:var(--active-tab-text);box-shadow:0 4px 6px #0000001a}.help-box{margin-top:32px;padding:16px;background:#f9fafb;border:2px solid #E5E7EB;border-radius:12px}.help-text{font-size:12px;color:#6b7280;line-height:1.6;margin:0}.help-text strong{color:#000;display:block;margin-bottom:4px}.faq-content-area{min-height:400px}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-header{background:linear-gradient(135deg,#151953,#8d93e2 49.92%,#151953);border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 6px #0000001a}.category-header-inner{display:flex;align-items:center;gap:16px}.category-icon-wrapper{padding:12px;border-radius:12px}.category-icon{color:#fff}.category-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 4px}.category-count{font-size:14px;color:#d1d5db;margin:0}.faq-questions-list{display:flex;flex-direction:column;gap:14px}.faq-item{background:#fff;border:2px solid #E5E7EB;border-radius:16px;overflow:hidden;transition:all .3s ease;padding:18px 20px}.faq-item:hover{border-color:#9ca3af;box-shadow:0 4px 6px #0000001a}.faq-item.open{border-color:#000;box-shadow:0 10px 15px #0000001a}.faq-question{width:100%;height:auto;padding:0;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;text-align:left;font-size:16px;font-weight:600;color:#374151;transition:color .2s ease}.faq-question:hover,.faq-item.open .faq-question{color:#000}.faq-question-text{flex:1;word-wrap:break-word;line-height:normal;letter-spacing:.4px;width:85%;overflow-wrap:anywhere;white-space:break-spaces;line-height:1.3}.faq-icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6b7280;border-radius:8px;font-size:20px;font-weight:600;transition:all .3s ease}.faq-item:hover .faq-icon{background:#d1d5db;color:#000}.faq-item.open .faq-icon{background:#000;color:#fff;transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s ease}.faq-item.open .faq-answer{max-height:500px}.faq-answer-content{padding:24px 0 6px;color:#374151;line-height:1.7;font-size:15px;overflow-wrap:anywhere}.bottom-note{margin-top:32px;padding:20px;background:#f9fafb;border:2px solid #E5E7EB;border-radius:16px}.bottom-note p{margin:0;font-size:14px;color:#6b7280;line-height:1.6}.bottom-note strong{color:#000}.faq-tabs-mobile{display:none}.mobile-category-section{margin-bottom:16px;background:#fff;border-radius:16px;overflow:hidden;transition:all .3s ease}.mobile-category-section:hover{border-color:#9ca3af}.mobile-category-section.open{border-color:#000}.mobile-category-header{width:100%;background:#e5e5e5;padding:16px 20px;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.mobile-category-section.open .mobile-category-header{width:100%;background:#000}.mobile-category-header:active{background:#1f2937}.mobile-category-title{font-size:14px;font-weight:700;color:#000;margin:0;text-transform:uppercase;letter-spacing:.05em;flex:1}.mobile-category-section.open .mobile-category-title{color:#fff}.mobile-category-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff3;color:#000;border-radius:6px;font-size:18px;font-weight:600;transition:all .3s ease;margin-left:12px}.mobile-category-section.open .mobile-category-icon{transform:rotate(45deg);background:#ffffff4d;color:#fff}.mobile-category-section .faq-questions-list{max-height:0;overflow:hidden;transition:all .6s ease;padding:0}.mobile-category-section.open .faq-questions-list{max-height:3000px;padding:12px 0;transition:all .6s ease}.faq-banner{background:linear-gradient(to right,#f3f4f6,#f9fafb,#f3f4f6);border:2px solid #E5E7EB;border-radius:16px;padding:24px;text-align:center}.banner-main{font-size:16px;font-weight:600;color:#000;margin:0 0 8px}.banner-sub{font-size:14px;color:#6b7280;margin:0}.desktop-only{display:block;min-width:0}.mobile-only{display:none}@media (max-width: 1024px){.faq-content{grid-template-columns:240px 1fr;gap:24px}.faq-heading{font-size:40px}.category-title{font-size:20px}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.faq-section{padding:40px 16px}.faq-content{display:block}.faq-heading{font-size:32px}.faq-subheading{font-size:16px}.faq-header{margin-bottom:32px}.mobile-category-section .faq-item{border-radius:12px}.mobile-category-section .faq-question{padding:0;font-size:14px;line-height:1.4;-webkit-tap-highlight-color:transparent}.mobile-category-section .faq-question-text{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.mobile-category-section .faq-icon{width:30px;height:30px;font-size:16px;margin-left:12px}.mobile-category-section .faq-answer-content{padding:16px 0 0;font-size:14px;line-height:1.4}.faq-banner{padding:20px 16px}.banner-main{font-size:14px}.banner-sub{font-size:12px}}@media (max-width: 480px){.faq-section{padding:32px 12px}.faq-heading{font-size:26px}.faq-subheading{font-size:14px}.mobile-category-header{padding:24px 18px}.mobile-category-title{font-size:13px}.mobile-category-icon{width:26px;height:26px;font-size:16px}.mobile-category-section .faq-question{font-size:13px}.mobile-category-section .faq-icon{width:28px;height:28px;font-size:16px;margin-left:10px}.mobile-category-section .faq-answer-content{padding-top:14px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-faq-tabs.css.map */