:root{--smellish-black: #111111;--smellish-white: #FFFFFF;--smellish-primary: #B42B6C;--smellish-accent: #D4AF37;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--container-max: 1200px;--section-padding: clamp(40px, 8vw, 80px);--content-padding: clamp(16px, 4vw, 32px);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}.faq-container{background:var(--smellish-white);color:var(--smellish-black);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;font-display:swap;margin-bottom:0!important;padding-bottom:0!important}.faq-container:after{content:"";display:block;height:0;clear:both}.template-page .faq-container,.page-content .faq-container,main .faq-container{margin-bottom:0!important;padding-bottom:0!important}.page-width{max-width:var(--container-max);margin:0 auto;padding:0 var(--content-padding)}.faq-hero{background:linear-gradient(135deg,var(--gray-50) 0%,var(--smellish-white) 100%);padding:var(--section-padding) 0;text-align:center;position:relative;overflow:hidden}.faq-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,var(--smellish-primary) 0%,transparent 70%);opacity:.03;border-radius:50%}.faq-hero:after{content:"";position:absolute;bottom:-40%;left:-15%;width:250px;height:250px;background:radial-gradient(circle,var(--smellish-accent) 0%,transparent 70%);opacity:.04;border-radius:50%}.faq-hero-title{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-4xl));font-weight:800;color:var(--smellish-black);margin:0 0 16px;letter-spacing:-.02em;position:relative;z-index:1;font-display:swap}.faq-hero-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);max-width:600px;margin:0 auto;position:relative;z-index:1}.faq-content{padding:var(--section-padding) 0}.faq-section{margin-bottom:60px}.faq-section:last-child{margin-bottom:0}.faq-icon{font-size:var(--font-size-xl);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--smellish-primary),var(--smellish-accent));border-radius:var(--radius-lg);filter:grayscale(1) brightness(1.2)}.faq-accordion{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--smellish-white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);will-change:transform}.faq-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:none;border:none;text-align:left;cursor:pointer;font-size:var(--font-size-lg);font-weight:600;color:var(--smellish-black);transition:color var(--transition-fast);position:relative;font-display:swap}.faq-question:hover{color:var(--smellish-primary)}.faq-question:focus{outline:2px solid var(--smellish-primary);outline-offset:-2px}.faq-question[aria-expanded=true]{color:var(--smellish-primary);border-bottom:1px solid var(--gray-200)}.faq-toggle{width:24px;height:24px;position:relative;flex-shrink:0;margin-left:16px;transition:transform var(--transition-base)}.faq-toggle:before,.faq-toggle:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;background:currentColor;border-radius:1px;transition:all var(--transition-base)}.faq-toggle:before{transform:translate(-50%,-50%)}.faq-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-question[aria-expanded=true] .faq-toggle:after{transform:translate(-50%,-50%) rotate(0);opacity:0}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height var(--transition-slow),opacity var(--transition-slow);background:linear-gradient(135deg,var(--gray-50),var(--smellish-white))}.faq-answer>*{padding:0 28px}.faq-answer>*:first-child{padding-top:4px}.faq-answer>*:last-child{padding-bottom:28px}.faq-answer p{font-size:var(--font-size-base);color:var(--gray-700);margin:0 0 16px;line-height:1.7}.faq-answer p:last-child{margin-bottom:0}.faq-answer strong{color:var(--smellish-black);font-weight:600}.faq-answer ul{list-style:none;padding:0;margin:16px 0}.faq-answer ul li{position:relative;padding:8px 0 8px 32px;color:var(--gray-700);line-height:1.6}.faq-answer ul li:before{content:"";position:absolute;left:8px;top:16px;width:6px;height:6px;background:var(--smellish-primary);border-radius:50%}.faq-answer ul li strong{color:var(--smellish-black)}.desktop-only{display:inline}.mobile-only{display:none}@media (max-width: 1024px){.faq-section{margin-bottom:48px}.faq-section-title{font-size:var(--font-size-xl);gap:12px}.faq-icon{width:32px;height:32px;font-size:var(--font-size-lg)}}@media (max-width: 768px){:root{--section-padding: clamp(24px, 6vw, 48px);--content-padding: 20px}.faq-hero-title{font-size:var(--font-size-3xl)}.faq-hero-subtitle{font-size:var(--font-size-base)}.faq-section{margin-bottom:36px}.faq-section-title{font-size:var(--font-size-xl);flex-direction:column;align-items:flex-start;gap:8px;text-align:center}.faq-icon{align-self:flex-start}.faq-question{padding:20px 24px;font-size:var(--font-size-base)}.faq-answer>*{padding:0 24px}.faq-answer>*:last-child{padding-bottom:24px}.faq-toggle{width:20px;height:20px;margin-left:12px}.faq-toggle:before,.faq-toggle:after{width:12px}.desktop-only{display:none}.mobile-only{display:block}}@media (max-width: 480px){.faq-hero-title{font-size:var(--font-size-2xl)}.faq-question{padding:16px 20px;font-size:var(--font-size-sm)}.faq-answer>*{padding:0 20px}.faq-answer>*:last-child{padding-bottom:20px}.faq-answer p,.faq-answer ul li{font-size:var(--font-size-sm)}.faq-item:hover{transform:none}}.faq-question:focus-visible{outline:2px solid var(--smellish-primary);outline-offset:2px}@media (prefers-contrast: high){.faq-item{border:2px solid var(--gray-400)}.faq-question[aria-expanded=true]{border-bottom:2px solid var(--gray-400)}}@media (prefers-reduced-motion: reduce){.faq-item:hover{transform:none}.faq-toggle,.faq-answer,.faq-question{transition:none}}@media print{.faq-hero{background:none}.faq-question[aria-expanded=false]+.faq-answer{max-height:none!important;opacity:1!important}.faq-toggle{display:none}}.footer-sub-mobile{padding-bottom:0!important}.custom-mobile-footer{margin-bottom:0!important;padding-bottom:0!important}.faq-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--smellish-primary),var(--smellish-accent));color:#fff;box-shadow:var(--shadow-sm)}@media (max-width: 1024px){.faq-icon{width:32px;height:32px}.faq-icon svg{width:18px;height:18px}}@media (max-width: 768px){.faq-section-title{font-size:var(--font-size-xl);flex-direction:column;align-items:flex-start;gap:8px}.faq-icon{align-self:flex-start}}.faq-section-title{display:flex;align-items:center;gap:16px;font-size:var(--font-size-2xl);font-weight:700;color:var(--smellish-black);margin:0 0 32px;padding-bottom:16px;border-bottom:2px solid var(--gray-200);position:relative}.faq-section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--smellish-primary),var(--smellish-accent))}.faq-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--smellish-primary),var(--smellish-accent));color:#fff;box-shadow:var(--shadow-sm);filter:none}.faq-icon svg{width:20px;height:20px;display:block}@media (max-width:1024px){.faq-icon{width:32px;height:32px}.faq-icon svg{width:18px;height:18px}}@media (max-width:768px){.faq-section-title{font-size:var(--font-size-xl);flex-direction:column;align-items:flex-start;gap:8px}.faq-icon{align-self:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-faq.css.map */