@media screen and (min-width:1025px){.contact-us-bg{background:#fff;padding:25px 0 0}.contact-us-all{padding-bottom:50px}.contact-us-header{display:flex;border-bottom:1px solid #D0D0D0}.contact-us-header .section-header__title{position:relative;margin-top:0}.contact-us-header .section-header__title:after{position:absolute;bottom:-2.82rem;left:0;content:"";width:100%;height:5px;background:#ffce00}.contact-us-top{display:grid;grid-template-columns:17% 80%;grid-column-gap:3%;margin-top:45px}.contact-us-left{display:grid;grid-template-columns:auto;grid-row-gap:40px;height:max-content;padding:15px 20px;border-left:4px solid #E9E9E9}.contact-us-tabItem{display:flex;align-items:center;position:relative;cursor:pointer;color:#767676}.contact-us-tabItem.active{color:#151515;font-weight:600}.contact-us-tabItem.active:before{position:absolute;top:50%;left:-24px;content:"";width:4px;height:65px;background:#ffce00;transform:translateY(-50%)}.contact-us-tabItem.active:after{position:absolute;top:50%;left:-29px;content:"";width:14px;height:14px;border-radius:50%;background:#ffce00;transform:translateY(-50%)}.contact-us-tabItem img{width:36px;height:auto;margin-right:15px}.contact-us-rightTab{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:10px}.rightTab-item{display:flex;align-items:center;justify-content:center;font-size:18px;padding:20px 15px;background:#f2f2f2;border-radius:8px;text-align:center;color:#767676;cursor:pointer}.rightTab-item.active{font-weight:500;background:#ffce00;color:#151515}.contact-us-rightFaq .faq-question{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:500;line-height:1.2;cursor:pointer;padding:30px 15px;border-bottom:1px solid rgba(21,21,21,.2)}.contact-us-rightFaq .faq-question-svg-box{margin-right:20px}.contact-us-rightFaq .faq-question svg{width:18px;height:18px}.contact-us-rightFaq .faq-question-answer-container.active svg{transform:rotate(-180deg)!important}.contact-us-rightFaq .faq-question p{margin:0}.contact-us-rightFaq .faq-answer{display:none;font-size:14px;font-weight:400;color:#151515;line-height:1.5;padding:15px;border-top:2px solid #F2F2F2}.contact-us-rightFaq .faq-answer p{margin:0}.contact-us-method{background:#fafafa;padding:50px 0}.contact-method-box{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px;margin-top:50px}.contact-method-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fefefe;border-radius:8px;padding:75px 30px}.contact-method-item img{margin-bottom:10px}}@media screen and (max-width:1024px){.contact-us-bg{background:#fff}.contact-us-all{padding-bottom:30px}.contact-us-top{display:grid;margin-top:30px}.contact-us-left{display:flex;border-bottom:2px solid #E9E9E9;margin-bottom:40px;overflow-x:auto;overflow-y:hidden}.contact-us-left::-webkit-scrollbar{display:none}.contact-us-tabItem{display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;cursor:pointer;color:#767676;font-size:12px;margin-right:40px;width:max-content;white-space:nowrap}.contact-us-tabItem:last-child{margin-right:0}.contact-us-tabItem.active{color:#151515;font-weight:600}.contact-us-tabItem.active:before{position:absolute;bottom:-1px;left:0;content:"";width:100%;height:2px;background:#ffce00;transform:translateY(-50%)}.contact-us-tabItem.active:after{position:absolute;bottom:-4px;left:50%;content:"";width:10px;height:10px;border-radius:50%;background:#ffce00;transform:translate(-50%)}.contact-us-tabItem img{width:28px;height:auto}.contact-us-rightTab{display:grid;grid-template-columns:auto auto auto;grid-column-gap:6px;grid-row-gap:10px}.rightTab-item{display:flex;align-items:center;justify-content:center;font-size:12px;padding:5px;background:#f2f2f2;border-radius:4px;text-align:center;color:#767676;cursor:pointer}.rightTab-item.active{font-weight:500;background:#ffce00;color:#151515}.contact-us-rightbottom{margin-top:20px}.contact-us-rightFaq .faq-question{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;line-height:1.2;cursor:pointer;padding:15px;border-bottom:1px solid rgba(21,21,21,.2)}.contact-us-rightFaq .faq-question-svg-box{margin-right:20px}.contact-us-rightFaq .faq-question svg{width:14px;height:14px}.contact-us-rightFaq .faq-question-answer-container.active svg{transform:rotate(-180deg)!important}.contact-us-rightFaq .faq-question p{margin:0}.contact-us-rightFaq .faq-answer{display:none;font-size:12px;font-weight:400;color:#151515;line-height:1.5;padding:15px;border-top:2px solid #F2F2F2}.contact-us-rightFaq .faq-answer p{margin:0}.mcontact-method-box{position:fixed;bottom:0;left:0;width:100%;z-index:99;box-shadow:0 0 9px #0000001f;transition:transform .6s;display:flex;justify-content:space-around;background:#ffce00;padding:15px}.mcontact-method-box a img{width:50px;height:50px}}@media screen and (max-width:768px){.contact-us-tabItem{margin-right:20px}}.contact-form-section{padding:40px 0;background-color:#f9f9f9}.contact-form-section .page-width{max-width:1200px;margin:0 auto;padding:0 20px}.contact-form-section .section-header{margin-bottom:40px}.contact-form-section .section-title{font-size:32px;font-weight:700;color:#333;margin-bottom:16px;line-height:1.2}.contact-form-section .section-description{font-size:16px;color:#666;line-height:1.6}.contact-form-section .contact-prompt{margin-bottom:24px}.contact-form-section .contact-prompt h3{font-size:20px;font-weight:600;color:#333;text-align:center;margin:0}.contact-form-section .contact-categories{display:flex;gap:12px;margin-bottom:32px;border-bottom:2px solid #e5e5e5;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.contact-form-section .contact-categories::-webkit-scrollbar{height:6px}.contact-form-section .contact-categories::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.contact-form-section .contact-categories::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.contact-form-section .contact-categories::-webkit-scrollbar-thumb:hover{background:#999}.contact-form-section .category-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;outline:none}.contact-form-section .category-tab:hover{background-color:#f5f5f5}.contact-form-section .category-tab:focus-visible{outline:2px solid #FFD700;outline-offset:2px}.contact-form-section .category-tab.active{border-bottom-color:gold;background-color:#fffbea}.contact-form-section .category-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.contact-form-section .category-name{font-size:15px;font-weight:500;color:#333}.contact-form-section .contact-form-container{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #00000014}.contact-form-section .contact-prompt h3{font-size:20px;font-weight:600;color:#333;text-align:center;margin:0 0 32px}.contact-form-section .contact-categories-wrapper{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}.contact-form-section .contact-categories{display:flex;flex-direction:column;gap:12px;position:sticky;top:20px}.contact-form-section .category-tab{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f5f5f5;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left}.contact-form-section .category-tab:hover{background-color:#e8e8e8;transform:translate(4px)}.contact-form-section .category-tab.active{background-color:gold;border-color:gold;box-shadow:0 2px 8px #ffd7004d}.contact-form-section .category-icon{width:28px;height:28px;object-fit:contain;flex-shrink:0}.contact-form-section .category-name{font-size:15px;font-weight:500;color:#333;flex:1}.contact-form-section .category-tab.active .category-name{font-weight:600}.contact-form-section .contact-topics-wrapper{min-height:400px}.contact-form-section .topics-panel{display:none}.contact-form-section .topics-panel.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-form-section .topics-grid{display:flex;flex-direction:column;gap:16px}.contact-form-section .topic-item{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:all .3s ease;background:#fff}.contact-form-section .topic-item:hover{border-color:gold;box-shadow:0 2px 8px #ffd70033}.contact-form-section .topic-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease}.contact-form-section .topic-button:hover{background-color:#f9f9f9}.contact-form-section .topic-item.expanded .topic-button{background-color:#fffbea}.contact-form-section .topic-name{font-size:16px;font-weight:500;color:#333;flex:1}.contact-form-section .topic-arrow{transition:transform .3s ease;color:#999;flex-shrink:0;margin-left:12px}.contact-form-section .topic-item.expanded .topic-arrow{transform:rotate(180deg);color:gold}.contact-form-section .topic-content{max-height:0;overflow:hidden;transition:max-height .4s ease;background-color:#fafafa}.contact-form-section .topic-item.expanded .topic-content{max-height:2000px;border-top:1px solid #e5e5e5}.contact-form-section .topic-content-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.contact-form-section .faq-section{padding:20px;background:#fff;border-radius:8px;border-left:4px solid #FFD700}.contact-form-section .faq-answer{font-size:14px;line-height:1.6;color:#666}.contact-form-section .faq-answer p{margin:0 0 12px}.contact-form-section .faq-answer p:last-child{margin-bottom:0}.contact-form-section .faq-answer ul,.contact-form-section .faq-answer ol{margin:12px 0;padding-left:24px}.contact-form-section .faq-answer li{margin-bottom:8px;line-height:1.6}.contact-form-section .contact-methods{padding:20px;background:#fff;border-radius:8px}.contact-form-section .methods-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.contact-form-section .method-card{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:16px;transition:all .2s ease}.contact-form-section .method-card:hover{border-color:gold;box-shadow:0 2px 6px #00000014;transform:translateY(-2px)}.contact-form-section .method-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.contact-form-section .method-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.contact-form-section .method-info{display:flex;flex-direction:column;gap:4px;flex:1}.contact-form-section .method-type{font-size:15px;font-weight:600;color:#333}.contact-form-section .method-handler{font-size:13px;color:#999}.contact-form-section .method-details{display:flex;flex-direction:column;gap:8px}.contact-form-section .method-contact{display:flex;align-items:center;gap:8px}.contact-form-section .contact-link{font-size:14px;color:#06c;text-decoration:none;word-break:break-all;flex:1}.contact-form-section .contact-link:hover{text-decoration:underline}.contact-form-section .copy-button{padding:6px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.contact-form-section .copy-button:hover{background:gold;border-color:gold}.contact-form-section .method-hours,.contact-form-section .method-response{font-size:13px;color:#666;margin:0}.contact-form-section .no-topics{text-align:center;padding:40px 20px;color:#999;font-size:14px}@media(max-width:768px){.contact-form-section .contact-categories-wrapper{grid-template-columns:1fr;gap:24px}.contact-form-section .contact-categories{position:static;flex-direction:column}.contact-form-section .category-tab{padding:14px 16px}.contact-form-section .category-tab:hover{transform:none}.contact-form-section .topic-content-inner{grid-template-columns:1fr;gap:16px;padding:16px}.contact-form-section .faq-section,.contact-form-section .contact-methods{padding:16px}}@media(min-width:769px)and (max-width:1024px){.contact-form-section .contact-categories-wrapper{grid-template-columns:240px 1fr;gap:24px}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/jd-contact-us.css.map */