:root{--faq-primary-color: var(--primary-button-background);--faq-primary-light: rgba(var(--primary-button-background), .8);--faq-primary-dark: rgba(var(--primary-button-background), 1);--faq-accent-color: rgba(var(--primary-button-background), .7);--faq-background: #ffffff;--faq-background-secondary: #f9fafb;--faq-background-tertiary: #f3f4f6;--faq-border-color: #e5e7eb;--faq-border-light: #f3f4f6;--faq-success-color: #10b981;--faq-warning-color: #f59e0b;--faq-error-color: #ef4444;--faq-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--faq-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--faq-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--faq-radius: 12px;--faq-radius-sm: 8px;--faq-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.faq-container{background:var(--faq-background);border-radius:var(--faq-radius);overflow:hidden;margin:0 auto;max-width:1200px;padding:0}.faq-header{background:#fff;color:rgb(var(--text-color));padding:3rem 2rem;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--faq-border-light)}.faq-header__content{position:relative;z-index:1}.faq-header h1{font-size:2.5rem;margin-bottom:1rem;color:rgb(var(--heading-color))}.faq-header p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto;color:rgb(var(--text-color))}.faq-search-container{padding:2rem;background:var(--faq-background-secondary)}.faq-search-wrapper{position:relative;max-width:500px;margin:0 auto}.faq-search-input{width:100%;padding:1rem 3rem 1rem 1.5rem;font-size:1rem;border:2px solid var(--faq-border-light);border-radius:var(--faq-radius);background:#fff;transition:var(--faq-transition);outline:none}.faq-search-input:focus{border-color:rgb(var(--faq-primary-color));box-shadow:0 0 0 3px rgba(var(--faq-primary-color),.1)}.faq-search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:rgba(var(--text-color),.6);pointer-events:none}.faq-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.faq-stat-card{background-color:var(--faq-background-secondary);border-radius:var(--faq-radius-sm);padding:20px;text-align:center;transition:var(--faq-transition);border:1px solid var(--faq-border-light)}.faq-stat-card:hover{transform:translateY(-5px);box-shadow:var(--faq-shadow-md)}.faq-stat-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 10px;width:50px;height:50px;border-radius:50%;background-color:rgba(var(--faq-primary-color),.1);color:rgb(var(--faq-primary-color))}.faq-stat-icon svg{width:24px;height:24px;stroke:currentColor}.faq-stat-number{display:block;font-size:2.5rem;font-weight:700;color:rgb(var(--faq-primary-color));margin-bottom:8px}.faq-stat-label{font-size:.9rem;color:var(--faq-text-secondary)}.faq-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;padding:2rem;min-height:600px}.faq-sidebar{width:100%;max-width:250px;padding:1.5rem;background:#fff;border-radius:var(--faq-radius);border:1px solid var(--faq-border-light);position:sticky;top:100px;align-self:flex-start;color:rgb(var(--text-color))}.faq-sidebar h3{font-size:calc(var(--heading-scale-base) * .8);font-weight:var(--heading-font-weight);font-family:var(--heading-font-family);margin-bottom:1rem;color:rgb(var(--heading-color))}.faq-nav-list{list-style:none;margin:0;padding:0}.faq-nav-item{margin-bottom:.5rem}.faq-nav-link{display:block;padding:.75rem 1rem;text-decoration:none;color:rgb(var(--text-color));border-radius:var(--faq-radius-sm);transition:var(--faq-transition);font-size:var(--body-font-size);font-family:var(--body-font-family);font-weight:var(--body-font-weight);position:relative}.faq-nav-link:hover,.faq-nav-link.is-active{background:rgb(var(--primary-button-background));color:rgb(var(--primary-button-text-color))!important;transform:translate(4px)}.faq-nav-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:rgb(var(--faq-primary-color));transition:var(--faq-transition)}.faq-nav-link.is-active:before{height:100%}.faq-content{background:#fff;border-radius:var(--faq-radius);overflow:hidden}.faq-category{margin-bottom:2rem}.faq-category-header{margin:2.5rem 0 1.8rem;padding:1rem 1.5rem;background-color:#f5f5f5;border-left:5px solid rgb(var(--faq-primary-color));color:rgb(var(--heading-color));font-size:calc(var(--heading-scale-base) * 1.1);font-weight:700;font-family:var(--heading-font-family);border-radius:0 var(--faq-radius-sm) var(--faq-radius-sm) 0;box-shadow:0 1px 3px #0000000d}.faq-item{border-bottom:1px solid var(--faq-border-light);transition:var(--faq-transition);animation:fadeInUp .6s ease-out;animation-fill-mode:both}.faq-item:nth-child(1){animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-item:nth-child(5){animation-delay:.5s}.faq-item:last-child{border-bottom:none}.faq-item:hover{background:var(--faq-background-secondary)}.faq-question{width:100%;padding:1.5rem 2rem;text-align:left;background:none;border:none;font-size:1rem;font-weight:var(--body-font-weight-bold);font-family:var(--body-font-family);color:rgb(var(--text-color));cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--faq-transition);position:relative}.faq-question:hover{color:rgb(var(--faq-primary-color))}.faq-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--faq-primary-color);transition:transform .3s ease}.faq-question[aria-expanded=true] .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.faq-answer.active{max-height:500px}.faq-answer-content{padding:0 2rem 2rem;color:rgb(var(--text-color));line-height:var(--body-line-height);font-size:var(--body-font-size);font-family:var(--body-font-family);font-weight:var(--body-font-weight)}.faq-answer-text{white-space:pre-line;line-height:1.6}.faq-answer-text br{display:block;content:"";margin-top:.5em}.faq-contact-section{background:var(--faq-background-secondary);color:rgb(var(--text-color));padding:3rem 2rem;text-align:center;border-top:1px solid var(--faq-border-light)}.faq-contact-content h3{font-size:var(--heading-scale-base);margin-bottom:1rem;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);color:rgb(var(--heading-color))}.faq-contact-content p{margin-bottom:2rem;font-family:var(--body-font-family);font-weight:var(--body-font-weight);color:rgb(var(--text-color))}.faq-contact-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.faq-btn{padding:.75rem 1.5rem;border-radius:var(--button-border-radius);text-decoration:none;font-weight:var(--button-font-weight);font-family:var(--button-font-family);transition:var(--faq-transition);display:inline-flex;align-items:center;gap:.5rem}.faq-btn-primary{background:rgb(var(--primary-button-background));color:rgb(var(--primary-button-text-color))}.faq-btn-primary:hover{background:rgb(var(--primary-button-background-hover));color:rgb(var(--primary-button-text-color));transform:translateY(-2px)}.faq-btn-secondary{background:#fff;color:rgb(var(--text-color));border:2px solid var(--faq-border-color)}.faq-btn-secondary:hover{background:var(--faq-background-secondary);border-color:rgb(var(--faq-primary-color));color:rgb(var(--faq-primary-color))}.faq-highlight{background:linear-gradient(120deg,#fef3c7,#fde68a);padding:.1rem .2rem;border-radius:3px;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 999px){.faq-layout{grid-template-columns:1fr;padding:1rem}.faq-sidebar{position:static;order:2}.faq-nav-list{display:flex;flex-wrap:wrap;gap:.5rem}.faq-nav-item{margin-bottom:0}.faq-nav-link{padding:.5rem 1rem;white-space:nowrap}.faq-question{padding:1rem;font-size:1rem}.faq-answer-content{padding:0 1rem 1.5rem}.faq-contact-buttons{flex-direction:column;align-items:center}.faq-stats{grid-template-columns:repeat(2,1fr);padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-faq-modern.css.map */