{"version":3,"file":"FAQBlock.KvBlP1ey.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/e6lTeKpPf1PzZDXgcW1T/CYLWmyW25FOXVLCEhMcj/FAQBlock.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";// 2026-08-12 — Mobile/tablet layout overrides (max-width: 880px). Desktop is unchanged.\n// Breakpoint note (2026-08-12): this block previously collapsed at max-width 767px, which\n// left iPad portrait (810px) rendering the full desktop card — 52px side padding and a\n// 32px headline — on a viewport that cannot carry it. The collapse now runs at 880px so\n// 810px gets the mobile layout. This file has no intermediate 641-767px design (767px was\n// its only breakpoint), so widening the bound breaks nothing between those widths.\n// Every rule below stays in ONE media block on purpose: splitting container rules and type\n// rules across two bounds is what produces a dead band where the card is mobile but the\n// type inside it is still desktop-sized. Keep them together.\n// Primary fix: the \"See all questions ↓\" disclosure button measured 19px tall at 375px\n// (inline-flex + padding: 0 + font-size 16 → a ~19px box), far under the 40px minimum\n// tap height. It now gets a 44px min-height with symmetric padding, and its top margin\n// drops 24px → 12px so the 24px optical gap below the hairline is preserved.\n// Secondary: the card's 52px side padding and 32px headline crush the ~337px of usable\n// content width on a 390-430px phone; both are relaxed on mobile only.\n// Every element below carries inline styles, so each rule needs !important to win.\nconst MOBILE_CSS=`\n@media (max-width: 880px) {\n  .smco-faq-wrap { padding: 56px 20px !important; }\n  .smco-faq-card { padding: 28px 20px !important; }\n  .smco-faq-heading { font-size: 25px !important; }\n  .smco-faq-answer { padding-right: 4px !important; }\n  .smco-faq-more {\n    min-height: 44px !important;\n    padding: 12px 0 !important;\n    margin-top: 12px !important;\n  }\n}\n`;export default function FAQBlock(props){const{eyebrow=\"Good to know\",heading=\"Frequently asked questions\",faqText=\"\",maxItems=5,seeAllLabel=\"See all questions\",sectionColor=\"rgb(248, 245, 240)\",cardColor=\"rgb(255, 255, 255)\",cardRadius=28,maxWidth=1e3,accentColor=\"rgb(255, 127, 80)\",textColor=\"rgb(14, 14, 14)\",hairlineColor=\"rgba(14, 14, 14, 0.1)\"}=props;// FAQs separated by \"||\" (survives Framer's newline-stripping) or newlines; \"::\" splits Q from A.\nconst parsed=String(faqText||\"\").split(/\\s*\\|\\|\\s*|\\n/).map(line=>line.trim()).filter(line=>line.includes(\"::\")).map(line=>{const idx=line.indexOf(\"::\");return{q:line.slice(0,idx).trim(),a:line.slice(idx+2).trim()};}).filter(it=>it.q&&it.a);const[open,setOpen]=useState(-1);const[showAll,setShowAll]=useState(false);if(parsed.length===0)return null;const cap=maxItems&&maxItems>0?maxItems:parsed.length;const visible=parsed.slice(0,cap);const rest=parsed.slice(cap);const schema={\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",mainEntity:parsed.map(it=>({\"@type\":\"Question\",name:it.q,acceptedAnswer:{\"@type\":\"Answer\",text:it.a}}))};const Row=(it,i)=>{const isOpen=open===i;return /*#__PURE__*/_jsxs(\"div\",{style:{borderTop:`1px solid ${hairlineColor}`},children:[/*#__PURE__*/_jsxs(\"button\",{onClick:()=>setOpen(isOpen?-1:i),style:{width:\"100%\",textAlign:\"left\",padding:\"20px 0\",background:\"transparent\",border:\"none\",cursor:\"pointer\",display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",gap:20},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontSize:18,fontWeight:600,color:textColor,lineHeight:1.4},children:it.q}),/*#__PURE__*/_jsx(\"span\",{style:{width:30,height:30,flexShrink:0,borderRadius:\"50%\",border:`1.5px solid ${accentColor}`,color:accentColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",fontSize:18,lineHeight:1,transition:\"transform 0.3s ease\",transform:isOpen?\"rotate(180deg)\":\"none\"},children:isOpen?\"–\":\"+\"})]}),/*#__PURE__*/_jsx(\"div\",{style:{maxHeight:isOpen?1200:0,overflow:\"hidden\",transition:\"max-height 0.4s ease\"},children:/*#__PURE__*/_jsx(\"p\",{className:\"smco-faq-answer\",style:{padding:\"0 46px 22px 0\",fontSize:16.5,lineHeight:1.65,color:textColor,opacity:.8,margin:0},children:it.a})})]},i);};return /*#__PURE__*/_jsxs(\"div\",{className:\"smco-faq-wrap\",style:{width:\"100%\",background:sectionColor,padding:\"76px 24px\",boxSizing:\"border-box\",fontFamily:\"Urbanist, sans-serif\"},children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:MOBILE_CSS}}),/*#__PURE__*/_jsxs(\"section\",{className:\"smco-faq-card\",style:{width:\"100%\",maxWidth,margin:\"0 auto\",background:cardColor,borderRadius:cardRadius,border:\"1px solid rgba(0, 0, 0, 0.05)\",boxShadow:\"0 18px 44px rgba(17, 24, 39, 0.08)\",padding:\"48px 52px\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{marginBottom:26},children:[eyebrow?/*#__PURE__*/_jsx(\"div\",{style:{fontSize:13,fontWeight:700,letterSpacing:\"0.14em\",textTransform:\"uppercase\",color:accentColor,marginBottom:12},children:eyebrow}):null,/*#__PURE__*/_jsx(\"h2\",{className:\"smco-faq-heading\",style:{fontSize:32,fontWeight:700,color:textColor,margin:0,lineHeight:1.15,letterSpacing:\"-0.01em\"},children:heading})]}),visible.map((it,i)=>Row(it,i)),rest.length>0?/*#__PURE__*/_jsx(\"div\",{style:{maxHeight:showAll?4e3:0,overflow:\"hidden\",transition:\"max-height 0.5s ease\"},children:rest.map((it,idx)=>Row(it,idx+cap))}):null,/*#__PURE__*/_jsx(\"div\",{style:{borderTop:`1px solid ${hairlineColor}`}}),rest.length>0?/*#__PURE__*/_jsxs(\"button\",{className:\"smco-faq-more\",onClick:()=>setShowAll(!showAll),style:{marginTop:24,padding:0,background:\"transparent\",border:\"none\",cursor:\"pointer\",display:\"inline-flex\",alignItems:\"center\",gap:8,fontSize:16,fontWeight:600,color:accentColor,fontFamily:\"Urbanist, sans-serif\"},children:[showAll?\"Show less\":seeAllLabel,/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-block\",transition:\"transform 0.3s ease\",transform:showAll?\"rotate(180deg)\":\"none\"},children:\"↓\"})]}):null,/*#__PURE__*/_jsx(\"script\",{type:\"application/ld+json\",dangerouslySetInnerHTML:{__html:JSON.stringify(schema)}})]})]});}addPropertyControls(FAQBlock,{eyebrow:{type:ControlType.String,title:\"Eyebrow\",defaultValue:\"Good to know\"},heading:{type:ControlType.String,title:\"Heading\",defaultValue:\"Frequently asked questions\"},faqText:{type:ControlType.String,title:\"FAQ (Q :: A, separated by ||)\",defaultValue:\"\"},maxItems:{type:ControlType.Number,title:\"Show first\",defaultValue:5,min:1,max:20,step:1,displayStepper:true},seeAllLabel:{type:ControlType.String,title:\"Show-more label\",defaultValue:\"See all questions\"},sectionColor:{type:ControlType.Color,title:\"Section band\",defaultValue:\"rgb(248, 245, 240)\"},cardColor:{type:ControlType.Color,title:\"Card fill\",defaultValue:\"rgb(255, 255, 255)\"},cardRadius:{type:ControlType.Number,title:\"Corner radius\",defaultValue:28,min:0,max:60,step:1},maxWidth:{type:ControlType.Number,title:\"Max width\",defaultValue:1e3,min:480,max:1400,step:10},accentColor:{type:ControlType.Color,title:\"Accent\",defaultValue:\"rgb(255, 127, 80)\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"rgb(14, 14, 14)\"},hairlineColor:{type:ControlType.Color,title:\"Hairline\",defaultValue:\"rgba(14, 14, 14, 0.1)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FAQBlock\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FAQBlock.map"],"mappings":"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"}