@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.faq-page-wrapper{--faq-accent: #1a1a1a;--faq-accent-light: #3d3d3d;--faq-bg: #f5f4f0;--faq-card-bg: #ffffff;--faq-border: #e8e4de;--faq-text-primary: #1a1a1a;--faq-text-muted: #6b6b6b;--faq-tab-active-bg: #1a1a1a;--faq-tab-active-text: #ffffff;--faq-pill-bg: transparent;--faq-pill-border: #1a1a1a;--faq-radius-card: 16px;--faq-radius-tab: 999px;--faq-font-main: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--faq-font-hero: "Poppins", sans-serif;--faq-transition: .28s cubic-bezier(.4, 0, .2, 1);--faq-shadow-card: 0 2px 16px rgba(0,0,0,.06);--faq-shadow-card-hover: 0 8px 32px rgba(0,0,0,.12)}.faq-page-wrapper{font-family:var(--faq-font-main);background-color:var(--faq-bg);min-height:60vh;padding:0 0 var(--faq-section-pb, 80px);color:var(--faq-text-primary)}.faq-hero{text-align:center;padding:var(--faq-hero-pt, 64px) 24px var(--faq-hero-pb, 48px);max-width:720px;margin:0 auto}.faq-hero__eyebrow{display:inline-block;font-size:var(--fz-d, 11px);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--faq-text-muted);margin-bottom:18px;padding:6px 16px;border:1px solid var(--faq-border);border-radius:var(--faq-radius-tab);background:var(--faq-card-bg)}.faq-hero__title{font-family:var(--faq-font-hero);font-size:var(--fz-d, 72px);font-weight:700;color:var(--faq-text-primary);line-height:1.1;margin-bottom:20px;letter-spacing:-.5px}.faq-hero__subtitle{font-size:var(--fz-d, 17px);color:var(--faq-text-muted);line-height:1.65;font-weight:400;margin-bottom:36px}.faq-hero__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.faq-hero__pill{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border:1.5px solid var(--faq-pill-border);border-radius:var(--faq-radius-tab);background:var(--faq-pill-bg);color:var(--faq-text-primary);font-family:var(--faq-font-main);line-height:1.2;font-size:var(--fz-d, 14px);text-decoration:none;cursor:pointer;transition:background var(--faq-transition),color var(--faq-transition),transform var(--faq-transition)}.faq-hero__pill:hover{background:var(--faq-accent);color:#fff;transform:translateY(-2px)}.faq-main{max-width:var(--faq-content-max-width, 800px);margin:0 auto;padding:0 20px}.faq-search-wrap{position:relative;margin-bottom:28px}.faq-search{width:100%;padding:14px 20px 14px 48px;border-radius:var(--faq-radius-tab);border:1.5px solid var(--faq-border);background:var(--faq-card-bg);font-family:var(--faq-font-main);font-size:var(--fz-d, 15px);color:var(--faq-text-primary);outline:none;transition:border-color var(--faq-transition),box-shadow var(--faq-transition);box-shadow:var(--faq-shadow-card)}.faq-search:focus{border-color:var(--faq-accent);box-shadow:0 0 0 3px #1a1a1a14}.faq-search::placeholder{color:#aaa}.faq-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#aaa;pointer-events:none}.faq-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px;justify-content:center}.faq-tab{padding:9px 22px;border-radius:var(--faq-radius-tab);border:1.5px solid var(--faq-border);background:var(--faq-card-bg);color:var(--faq-text-muted);font-family:var(--faq-font-main);font-size:var(--fz-d, 14px);font-weight:500;cursor:pointer;transition:all var(--faq-transition);white-space:nowrap}.faq-tab:hover{border-color:var(--faq-accent);color:var(--faq-accent)}.faq-tab.faq-tab--active{background:var(--faq-tab-active-bg);color:var(--faq-tab-active-text);border-color:var(--faq-tab-active-bg)}.faq-list{display:flex;flex-direction:column;gap:var(--faq-items-gap, 10px)}.faq-item{background:var(--faq-card-bg);border-radius:var(--faq-radius-card);border:1px solid var(--faq-border);box-shadow:var(--faq-shadow-card);overflow:hidden;transition:box-shadow var(--faq-transition),transform var(--faq-transition);animation:faqFadeUp .4s ease both}.faq-item:hover{box-shadow:var(--faq-shadow-card-hover);transform:translateY(-1px)}.faq-item.faq-item--hidden{display:none}.faq-item__question{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:var(--faq-card-pv, 22px) var(--faq-card-ph, 24px);background:none;border:none;cursor:pointer;text-align:left;font-family:var(--faq-font-question, var(--faq-font-main));font-size:var(--faq-question-size-d, 16px);font-weight:var(--faq-question-weight, 600);color:var(--faq-text-primary);letter-spacing:-.2px;line-height:1.4;transition:color var(--faq-transition)}.faq-item__question:focus-visible{outline:2px solid var(--faq-accent);outline-offset:-2px;border-radius:var(--faq-radius-card)}.faq-item.faq-item--open .faq-item__question{color:var(--faq-accent);border-bottom:var(--faq-item-divider, none)}.faq-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--faq-border);transition:background var(--faq-transition),border-color var(--faq-transition)}.faq-item__icon svg{width:14px;height:14px;color:var(--faq-text-muted);transition:transform var(--faq-transition),color var(--faq-transition)}.faq-item.faq-item--open .faq-item__icon{background:var(--faq-accent);border-color:var(--faq-accent)}.faq-item.faq-item--open .faq-item__icon svg{color:#fff;transform:rotate(45deg)}.faq-item__body{max-height:0;overflow:hidden;transition:max-height .38s cubic-bezier(.4,0,.2,1)}.faq-item__answer{padding:0 var(--faq-card-ph, 24px) var(--faq-card-pv, 24px);line-height:var(--faq-answer-line-height, 1.75);color:var(--faq-text-muted);font-family:var(--faq-font-answer, var(--faq-font-main));font-size:var(--faq-answer-size-d, 15px);font-weight:var(--faq-answer-weight, 400)}.faq-item__answer a{color:var(--faq-accent);text-decoration:underline;text-underline-offset:3px}.faq-item__answer a:hover{opacity:.7}.faq-empty{text-align:center;padding:48px 24px;color:var(--faq-text-muted);font-size:15px;display:none}.faq-empty.faq-empty--visible{display:block}.faq-contact-banner{margin-top:52px;padding:36px 32px;background:var(--faq-banner-bg, var(--faq-accent));border-radius:var(--faq-radius-card);text-align:center;color:var(--faq-banner-text, #fff)}.faq-contact-banner__title{font-size:var(--fz-heading-d, 22px);font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.faq-contact-banner__text{font-size:var(--fz-text-d, 15px);opacity:.75;margin-bottom:24px;line-height:1.6}.faq-contact-banner__btn{display:inline-block;padding:12px 28px;background:var(--faq-banner-text, #fff);color:var(--faq-banner-bg, var(--faq-accent));border-radius:var(--faq-radius-tab);text-decoration:none;font-size:var(--fz-d, 14px);font-weight:600;transition:opacity var(--faq-transition),transform var(--faq-transition)}.faq-contact-banner__btn:hover{opacity:.9;transform:translateY(-2px)}.faq-item__badge{display:inline-flex;align-items:center;padding:3px 10px;margin-right:10px;border-radius:var(--faq-radius-tab);background:var(--faq-accent);color:#fff;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;white-space:nowrap}.faq-item__question-text{flex:1;min-width:0}@keyframes faqFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.faq-item:nth-child(1){animation-delay:.05s}.faq-item:nth-child(2){animation-delay:.1s}.faq-item:nth-child(3){animation-delay:.15s}.faq-item:nth-child(4){animation-delay:.2s}.faq-item:nth-child(5){animation-delay:.25s}.faq-item:nth-child(6){animation-delay:.3s}.faq-item:nth-child(7){animation-delay:.35s}.faq-item:nth-child(8){animation-delay:.4s}@media(max-width:640px){.faq-hero{padding:48px 20px 36px}.faq-hero__eyebrow{font-size:var(--fz-m, 11px)}.faq-hero__title{font-size:var(--fz-m, 42px)}.faq-hero__subtitle{font-size:var(--fz-m, 15px)}.faq-hero__pills{flex-direction:column;align-items:center}.faq-hero__pill{width:100%;justify-content:center;max-width:280px;font-size:var(--fz-m, 14px)}.faq-main{padding:0 16px}.faq-search,.faq-tab{font-size:var(--fz-m, 15px)}.faq-item__question{font-size:var(--faq-question-size-m, 15px);padding:18px 20px}.faq-item__answer{padding:0 20px 20px;font-size:var(--faq-answer-size-m, 14px)}.faq-contact-banner{padding:28px 20px}.faq-contact-banner__title{font-size:var(--fz-heading-m, 19px)}.faq-contact-banner__text{font-size:var(--fz-text-m, 15px)}.faq-contact-banner__btn{font-size:var(--fz-m, 14px)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/custom-faq.css.map */