/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jan 15 2026 | 13:53:02 */
/* Minimalny CSS dla FAQ */
/* Key Points */
:root{
	--faq-accent: #f3c117;--faq-q-bg: #ffffff;--faq-q-text: #000000;--faq-a-bg: #ffffff;--faq-a-text: #292929;--kp-bg: #ffffff;--kp-title-color: #64748b;--kp-text-color: #334155;--kp-border-color: #e2e8f0;--kp-border-width: 1px;--kp-radius: 14px;--kp-padding: 16px;--kp-gap: 6px;--kp-marker-color: #2563eb;--kp-list-style: disc;--kp-shadow: none;--faq-border-top: 0px;--faq-border-right: 0px;--faq-border-bottom: 1px;--faq-border-left: 0px;--faq-border-color: #f3c117;--faq-radius: 0px;--faq-gap: 8px;--faq-padding: 14px;--faq-margin-block: 0px;--faq-icon-size: 12px;--faq-icon-gap: 13px;--faq-a-lh: 1.6;--faq-q-fs: 16px;--faq-a-fs: 15px;--faq-q-fw: 500;--faq-a-fw: 300;--faq-q-pt: 14px;--faq-q-pr: 20px;--faq-q-pb: 14px;--faq-q-pl: 14px;--faq-a-pt: 12px;--faq-a-pr: 14px;--faq-a-pb: 14px;--faq-a-pl: 20px;
}
.faq-key-points { font-family: var(--faq-font, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto) !important;background: var(--kp-bg, #12141a) !important; color: var(--kp-text-color, #cbd5e1) !important; border: var(--kp-border-width, 1px) solid var(--kp-border-color, rgba(148, 163, 184, 0.25)) !important; border-radius: var(--kp-radius, 12px) !important; padding: var(--kp-padding, 16px) !important; margin-bottom: calc(var(--faq-gap, 16px) * 1.5) !important; box-shadow: var(--kp-shadow, none) !important;}
.faq-key-points h3 { margin: 0 0 8px !important; font-size: 0.85rem !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--kp-title-color, #94a3b8) !important;}
.faq-key-points ul { margin: 0 !important; padding-left: 20px !important; color: inherit !important; list-style-type: var(--kp-list-style, disc) !important; }
.faq-key-points li { margin: 0 0 var(--kp-gap, 6px) !important; }
.faq-key-points li:last-child { margin-bottom: 0 !important; }
.faq-key-points li::marker { color: var(--kp-marker-color, currentColor) !important; }
.faq-root { border:0; }
.faq { display: grid !important; gap: var(--faq-gap) !important; margin:20px 0; }
.faq details { border-radius: var(--faq-radius) !important; overflow: clip !important; border-style: solid !important; border-color: var(--faq-border-color) !important; border-width: var(--faq-border-top) var(--faq-border-right) var(--faq-border-bottom) var(--faq-border-left) !important; background: var(--faq-q-bg) !important; margin-block: var(--faq-margin-block) !important; box-shadow: var(--faq-shadow) !important; }
.faq summary { list-style: none !important; cursor: pointer !important; position: relative !important; padding: var(--faq-q-pt, var(--faq-padding)) var(--faq-q-pr, var(--faq-padding)) var(--faq-q-pb, var(--faq-padding)) var(--faq-q-pl, var(--faq-padding)) !important; color: var(--faq-q-text) !important; font-weight: var(--faq-q-fw, 600) !important; display: flex !important; align-items: center !important; gap: var(--faq-icon-gap, 10px) !important; font-size: var(--faq-q-fs, 16px) !important;}
.faq summary::-webkit-details-marker { display: none; !important}
.faq summary .icon-chevron { flex: 0 0 auto !important; width: var(--faq-icon-size) !important; height: var(--faq-icon-size) !important; border: 2px solid var(--faq-accent) !important; border-left: 0 !important; border-top: 0 !important; transform: rotate(45deg) !important; transition: transform .2s ease !important; opacity: .8 !important; }
.faq details[open] summary .icon-chevron { transform: rotate(225deg) !important; }
.faq summary .icon-plus { flex: 0 0 auto !important; width: var(--faq-icon-size) !important; height: var(--faq-icon-size) !important; position: relative !important; }
.faq summary .icon-plus::before,.faq summary .icon-plus::after { content: '' !important; position: absolute !important; background: var(--faq-accent) !important; }
.faq summary .icon-plus::before { width: 100% !important; height: 2px !important; top: 50% !important; left: 0 !important; transform: translateY(-50%) !important; }
.faq summary .icon-plus::after { width: 2px !important; height: 100% !important; left: 50% !important; top: 0 !important; transform: translateX(-50%) !important; transition: transform .2s ease, opacity .2s ease !important; }
.faq details[open] summary .icon-plus::after { transform: translateX(-50%) rotate(90deg) !important; opacity: 0 !important; }
.faq summary .icon-arrow { flex: 0 0 auto !important; width: 0 !important; height: 0 !important; border-left: calc(var(--faq-icon-size) * 0.5) solid transparent !important; border-right: calc(var(--faq-icon-size) * 0.5) solid transparent !important; border-top: calc(var(--faq-icon-size) * 0.6) solid var(--faq-accent) !important; transition: transform .2s ease !important; }
.faq details[open] summary .icon-arrow { transform: rotate(180deg) !important; }
.faq .answer {  padding: var(--faq-a-pt, calc(var(--faq-padding) - 2px)) var(--faq-a-pr, var(--faq-padding)) var(--faq-a-pb, var(--faq-padding)) var(--faq-a-pl, var(--faq-padding)) !important; background: var(--faq-a-bg) !important; color: var(--faq-a-text) !important; border-top: 1px solid var(--faq-border-color) !important; font-weight: var(--faq-a-fw, 400) !important; font-size: var(--faq-a-fs, 15px) !important;line-height: var(--faq-a-lh, 1.5) !important;}
.faq div details summary span{
	margin-left:0 !important;
}