:root { --fxb-brand: var(--btnColor, #1769ee); --fxb-ink: #07152d; --fxb-muted: #64748b; --fxb-border: #dce6f2; }
.fxb-layout-canvas { display: flex; flex-direction: column; }
.fxb-layout-hidden, .fxb-layout-removed, .fxb-navigation-hidden, .fxb-column-removed { display: none !important; }
body.fxw-editor-active .fxb-layout-hidden { display: block !important; opacity: .32; filter: grayscale(.7); }
.fxb-runtime-theme-soft { background: #f3f7fc !important; color: #07152d !important; }
.fxb-runtime-theme-dark { background: #07152d !important; color: #fff !important; }
.fxb-runtime-theme-brand { background: var(--fxb-brand) !important; color: #fff !important; }
.fxb-runtime-theme-dark :is(h1,h2,h3,h4,h5,h6,p), .fxb-runtime-theme-brand :is(h1,h2,h3,h4,h5,h6,p) { color: inherit !important; }
.fxb-runtime-layout-reverse > .container > .row, .fxb-runtime-layout-reverse .newgen-about-grid { flex-direction: row-reverse; }
.fxb-runtime-layout-reverse .newgen-about-grid { direction: rtl; }
.fxb-runtime-layout-reverse .newgen-about-grid > * { direction: ltr; }
.fxb-runtime-layout-centered { text-align: center; }
.fxb-runtime-layout-centered .container { margin-left: auto; margin-right: auto; }
.fxb-runtime-layout-centered :is(.row,.newgen-about-grid,.newgen-process-grid,.newgen-contact-grid) { justify-content: center; }
.fxb-runtime-layout-stacked .fxb-container, .fxb-layout-stacked .fxb-container { grid-template-columns: 1fr !important; }
.fxb-runtime-layout-stacked > .container > .row { flex-direction: column; }
.fxb-runtime-layout-stacked > .container > .row > * { width: 100%; max-width: none; }
.fxb-runtime-layout-split-30-70 > .container > .row > :first-child, .fxb-layout-split-30-70 .fxb-copy { flex: 0 0 30%; width: 30%; }
.fxb-runtime-layout-split-30-70 > .container > .row > :last-child, .fxb-layout-split-30-70 .fxb-media { flex: 0 0 70%; width: 70%; }
.fxb-runtime-layout-split-70-30 > .container > .row > :first-child, .fxb-layout-split-70-30 .fxb-copy { flex: 0 0 70%; width: 70%; }
.fxb-runtime-layout-split-70-30 > .container > .row > :last-child, .fxb-layout-split-70-30 .fxb-media { flex: 0 0 30%; width: 30%; }
.fxb-runtime-layout-grid-1 > .container > .row.gy-4, .fxb-runtime-layout-grid-2 > .container > .row.gy-4, .fxb-runtime-layout-grid-3 > .container > .row.gy-4, .fxb-runtime-layout-grid-4 > .container > .row.gy-4,
.fxb-runtime-layout-grid-1.newgen-proof-strip > .container, .fxb-runtime-layout-grid-2.newgen-proof-strip > .container, .fxb-runtime-layout-grid-3.newgen-proof-strip > .container, .fxb-runtime-layout-grid-4.newgen-proof-strip > .container,
.fxb-runtime-layout-grid-1 .newgen-process-grid, .fxb-runtime-layout-grid-2 .newgen-process-grid, .fxb-runtime-layout-grid-3 .newgen-process-grid, .fxb-runtime-layout-grid-4 .newgen-process-grid { display: grid !important; gap: 18px; }
.fxb-runtime-layout-grid-1 > .container > .row.gy-4, .fxb-runtime-layout-grid-1.newgen-proof-strip > .container, .fxb-runtime-layout-grid-1 .newgen-process-grid { grid-template-columns: 1fr !important; }
.fxb-runtime-layout-grid-2 > .container > .row.gy-4, .fxb-runtime-layout-grid-2.newgen-proof-strip > .container, .fxb-runtime-layout-grid-2 .newgen-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
.fxb-runtime-layout-grid-3 > .container > .row.gy-4, .fxb-runtime-layout-grid-3.newgen-proof-strip > .container, .fxb-runtime-layout-grid-3 .newgen-process-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
.fxb-runtime-layout-grid-4 > .container > .row.gy-4, .fxb-runtime-layout-grid-4.newgen-proof-strip > .container, .fxb-runtime-layout-grid-4 .newgen-process-grid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
.fxb-runtime-layout-grid-1 > .container > .row.gy-4 > *, .fxb-runtime-layout-grid-2 > .container > .row.gy-4 > *, .fxb-runtime-layout-grid-3 > .container > .row.gy-4 > *, .fxb-runtime-layout-grid-4 > .container > .row.gy-4 > * { width: auto !important; max-width: none !important; }
.fxb-runtime-spacing-compact { padding-top: 36px !important; padding-bottom: 36px !important; }
.fxb-runtime-spacing-large { padding-top: 104px !important; padding-bottom: 104px !important; }
.fxb-section { position: relative; padding: 76px 20px; background: #fff; color: var(--fxb-ink); }
.fxb-section.fxb-spacing-compact { padding-top: 42px; padding-bottom: 42px; }
.fxb-section.fxb-spacing-large { padding-top: 110px; padding-bottom: 110px; }
.fxb-theme-soft { background: #f3f7fc; }
.fxb-theme-dark { background: #07152d; color: #fff; }
.fxb-theme-brand { background: var(--fxb-brand); color: #fff; }
.fxb-container { width: min(1160px, 100%); margin: 0 auto; }
.fxb-type-text_image .fxb-container, .fxb-type-hero .fxb-container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr); gap: clamp(32px, 6vw, 84px); align-items: center; }
.fxb-type-hero { min-height: min(780px, calc(100vh - 96px)); display: grid; align-items: center; }
.fxb-type-hero .fxb-copy h1 { margin: 0; color: inherit; font-size: clamp(44px, 6.6vw, 88px); font-weight: 900; letter-spacing: -.055em; line-height: .96; }
.fxb-type-hero.fxb-layout-centered .fxb-container { grid-template-columns: 1fr; text-align: center; }
.fxb-type-hero.fxb-layout-centered .fxb-copy p { margin-left: auto; margin-right: auto; }
.fxb-type-hero.fxb-layout-centered .fxb-media { display: none; }
.fxb-type-text .fxb-rich-copy { max-width: 860px; }
.fxb-type-text.fxb-layout-centered .fxb-rich-copy { margin: 0 auto; text-align: center; }
.fxb-type-text.fxb-layout-centered .fxb-rich-copy p { margin-left: auto; margin-right: auto; }
.fxb-type-text_image.fxb-layout-split-30-70 .fxb-container { grid-template-columns: minmax(0,3fr) minmax(0,7fr); }
.fxb-type-text_image.fxb-layout-split-70-30 .fxb-container { grid-template-columns: minmax(0,7fr) minmax(0,3fr); }
.fxb-type-text_image.fxb-layout-stacked .fxb-container { grid-template-columns: 1fr; }
.fxb-layout-image-left .fxb-copy { order: 2; }
.fxb-layout-image-left .fxb-media { order: 1; }
.fxb-copy h2, .fxb-section-head h2 { margin: 0; color: inherit; font-size: clamp(30px, 4vw, 52px); font-weight: 850; letter-spacing: -.04em; line-height: 1.06; }
.fxb-copy p, .fxb-section-head p { max-width: 720px; margin: 18px 0 0; color: color-mix(in srgb, currentColor 72%, transparent); font-size: 17px; line-height: 1.7; }
.fxb-eyebrow { display: block; margin-bottom: 12px; color: var(--fxb-brand); font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.fxb-theme-brand .fxb-eyebrow, .fxb-theme-dark .fxb-eyebrow { color: #8fc2ff; }
.fxb-button { display: inline-flex; align-items: center; gap: 10px; margin-top: 26px; padding: 13px 20px; border-radius: 11px; background: var(--fxb-brand); color: #fff; font-weight: 800; text-decoration: none; }
.fxb-theme-dark .fxb-button, .fxb-theme-brand .fxb-button { background: #fff; color: var(--fxb-ink); }
.fxb-media { min-height: 380px; overflow: hidden; border-radius: 24px; background: #e9f1fb; box-shadow: 0 24px 58px rgba(7,21,45,.16); }
.fxb-media img { width: 100%; height: 100%; min-height: 380px; object-fit: cover; }
.fxb-media-placeholder { min-height: 380px; display: grid; place-items: center; color: #7c95b4; font-size: 70px; }
.fxb-section-head { max-width: 760px; margin: 0 auto 34px; text-align: center; }
.fxb-section-head p { margin-left: auto; margin-right: auto; }
.fxb-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.fxb-layout-grid-1 .fxb-feature-grid, .fxb-layout-grid-1 .fxb-gallery-grid { grid-template-columns: 1fr; }
.fxb-layout-grid-2 .fxb-feature-grid, .fxb-layout-grid-2 .fxb-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fxb-layout-grid-4 .fxb-feature-grid, .fxb-layout-grid-4 .fxb-gallery-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fxb-feature { padding: 28px; border: 1px solid var(--fxb-border); border-radius: 18px; background: rgba(255,255,255,.9); color: var(--fxb-ink); }
.fxb-feature > span, .fxb-cta-icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 13px; background: #eaf3ff; color: var(--fxb-brand); font-size: 19px; }
.fxb-feature h3 { margin: 18px 0 8px; font-size: 19px; font-weight: 800; }
.fxb-feature p { margin: 0; color: var(--fxb-muted); line-height: 1.6; }
.fxb-type-cta .fxb-container { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 22px; align-items: center; }
.fxb-type-cta .fxb-copy h2 { font-size: clamp(28px, 3vw, 42px); }
.fxb-type-cta .fxb-copy p { margin-top: 8px; }
.fxb-type-cta .fxb-button { margin-top: 0; }
.fxb-gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.fxb-gallery-grid figure { aspect-ratio: 4/3; margin: 0; overflow: hidden; border-radius: 16px; background: #e9f1fb; }
.fxb-gallery-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.fxb-gallery-grid figure:hover img { transform: scale(1.025); }
.fxb-faq-list { width: min(860px,100%); margin: 0 auto; display: grid; gap: 12px; }
.fxb-faq-item { border: 1px solid var(--fxb-border); border-radius: 15px; background: rgba(255,255,255,.92); color: var(--fxb-ink); }
.fxb-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 22px; cursor: pointer; list-style: none; font-size: 17px; font-weight: 800; }
.fxb-faq-item summary::-webkit-details-marker { display: none; }
.fxb-faq-item summary i { color: var(--fxb-brand); transition: transform .2s ease; }
.fxb-faq-item[open] summary i { transform: rotate(45deg); }
.fxb-faq-item > p { margin: 0; padding: 0 22px 22px; color: var(--fxb-muted); line-height: 1.65; }
.fxb-contact-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.fxb-layout-grid-1 .fxb-contact-grid { grid-template-columns: 1fr; }
.fxb-layout-grid-2 .fxb-contact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.fxb-layout-grid-4 .fxb-contact-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.fxb-contact-grid article { display: flex; gap: 14px; padding: 22px; border: 1px solid var(--fxb-border); border-radius: 16px; background: rgba(255,255,255,.92); color: var(--fxb-ink); }
.fxb-contact-grid article > span { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: #eaf3ff; color: var(--fxb-brand); }
.fxb-contact-grid h3 { margin: 0 0 5px; font-size: 16px; font-weight: 850; }
.fxb-contact-grid p { margin: 0; color: var(--fxb-muted); line-height: 1.55; }
.fxb-contact-action { margin-top: 26px; text-align: center; }
.template-blank #website-content { min-height: 45vh; padding-top: 105px; background: #fff; }
.fxb-blank-start { min-height: 62vh; display: grid; place-content: center; justify-items: center; padding: 110px 24px 70px; background: linear-gradient(145deg,#f8fbff,#eef5ff); color: var(--fxb-ink); text-align: center; }
.fxb-blank-start > span { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 18px; background: #fff; color: var(--fxb-brand); box-shadow: 0 14px 34px rgba(23,105,238,.15); font-size: 22px; }
.fxb-blank-start p { margin: 18px 0 7px; color: var(--fxb-brand); font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.fxb-blank-start h1 { max-width: 760px; margin: 0; font-size: clamp(38px,6vw,70px); font-weight: 900; letter-spacing: -.05em; line-height: 1; }
.fxb-blank-start > div { max-width: 650px; margin-top: 18px; color: var(--fxb-muted); font-size: 17px; line-height: 1.65; }
.fxb-blank-start button { margin-top: 26px; padding: 14px 20px; border: 0; border-radius: 12px; background: var(--fxb-brand); color: #fff; font-weight: 850; box-shadow: 0 12px 28px rgba(23,105,238,.22); }
.fxb-editor-badge { display: none; }
body.fxw-editor-active .fxb-section { outline: 1px dashed #6fa7f5; outline-offset: -5px; }
body.fxw-editor-active .fxb-editor-badge { position: absolute; top: 10px; left: 12px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 8px; background: #07152d; color: #fff; font-size: 10px; font-weight: 800; }
body.fxw-editor-active .fxb-is-hidden { display: block !important; opacity: .38; filter: grayscale(.7); }
.fxb-canvas-controls { display: none; }
body.fxw-editor-active [data-builder-key] { position: relative; outline: 1px dashed transparent; outline-offset: -5px; }
body.fxw-editor-active [data-builder-key]:hover { outline-color: #4d96f5; }
body.fxw-editor-active .fxb-canvas-controls { position: absolute; top: 10px; left: 50%; z-index: 100; display: flex; align-items: center; gap: 4px; padding: 5px; border-radius: 10px; background: #1769ee; color: #fff; box-shadow: 0 10px 25px rgba(7,21,45,.24); transform: translateX(-50%); }
.fxb-canvas-controls > span { display: inline-flex; align-items: center; gap: 6px; max-width: 180px; padding: 0 7px; overflow: hidden; font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.fxb-canvas-controls button { display: grid; width: 30px; height: 30px; padding: 0; place-items: center; border: 0; border-radius: 7px; background: rgba(255,255,255,.14); color: #fff; font-size: 10px; }
.fxb-canvas-controls button:hover { background: #fff; color: #1769ee; }
.fxb-canvas-controls button:disabled { opacity: .35; cursor: not-allowed; }
.fxb-canvas-controls .fxb-canvas-edit { width: auto; padding: 0 9px; display: inline-flex; gap: 6px; }
.fxb-canvas-controls .fxb-canvas-edit b { font-size: 10px; }
.fxb-quick-edit { display: none; }
body.fxw-editor-active .fxb-quick-edit { position: absolute; top: 84px; right: 16px; z-index: 99; display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(23,105,238,.2); border-radius: 9px; background: rgba(255,255,255,.94); color: #1769ee; font-size: 10px; font-weight: 850; box-shadow: 0 8px 22px rgba(7,21,45,.12); backdrop-filter: blur(8px); }
body.fxw-editor-active .fxb-quick-edit:hover { background: #1769ee; color: #fff; }
body.fxw-editor-active .fxb-inline-edit { cursor: text; border-radius: 5px; outline: 2px solid transparent; outline-offset: 5px; transition: outline-color .15s, background-color .15s; }
body.fxw-editor-active .fxb-inline-edit:hover { outline-color: rgba(23,105,238,.45); background: rgba(23,105,238,.05); }
body.fxw-editor-active .fxb-inline-edit.fxw-editable-selected,
body.fxw-editor-active .fxb-inline-edit:focus { outline-color: #1769ee; background: rgba(23,105,238,.06); }
body.fxw-editor-active .fxb-editable-icon { cursor: pointer; border-radius: 8px; outline: 2px solid transparent; outline-offset: 4px; transition: outline-color .15s, transform .15s; }
body.fxw-editor-active .fxb-editable-icon:hover { outline-color: #1769ee; transform: scale(1.08); }

.fxb-panel-intro { margin: 0 0 12px; color: #64748b; font-size: 11px; line-height: 1.5; }
.fxb-header-button { width: 100%; display: grid; grid-template-columns: 36px 1fr 28px; align-items: center; gap: 9px; margin: 0 0 10px; padding: 9px; border: 1px solid #cddced; border-radius: 11px; background: #fff; color: #0b1b34; text-align: left; }
.fxb-header-button > span:first-child { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: #eaf3ff; color: #1769ee; }
.fxb-header-button > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.fxb-header-button strong { font-size: 12px; }
.fxb-header-button small { overflow: hidden; color: #71839a; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.fxb-header-button > i { color: #1769ee; }
.fxb-header-button:hover { border-color: #78aefa; box-shadow: 0 8px 22px rgba(23,105,238,.1); }
.fxb-header-quick-edit { position: absolute; left: 14px; top: calc(100% + 8px); right: auto; bottom: auto; z-index: 12; display: none; align-items: center; gap: 6px; min-height: 30px; padding: 0 11px; border: 1px solid #c9d9eb; border-radius: 8px; background: #fff; color: #1769ee; box-shadow: 0 9px 24px rgba(15,35,65,.16); font-size: 10px; font-weight: 800; }
body.fxw-editor-active .fxb-header-quick-edit { display: inline-flex; }
body.template-blank #desktop-menu { min-width: 0; gap: 12px; }
body.template-blank #desktop-menu > .nav { min-width: 0; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
body.template-blank #desktop-menu > .nav::-webkit-scrollbar { display: none; }
body.template-blank #desktop-menu > .nav .nav-link { padding-inline: 10px; white-space: nowrap; }
body.template-blank #desktop-menu > .d-flex { flex: 0 0 auto; }
body.template-blank .fxb-section { scroll-margin-top: calc(var(--fxw-fixed-header-offset, 112px) + 20px); }
.fxb-add-button { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; border: 0; border-radius: 10px; background: #1769ee; color: #fff; font-size: 12px; font-weight: 800; }
.fxb-layer-list { display: grid; gap: 8px; margin-top: 14px; }
.fxb-layer { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 9px; border: 1px solid #dce6f2; border-radius: 11px; background: #fff; }
.fxb-layer.is-hidden { opacity: .56; }
.fxb-layer[draggable="true"] { cursor: grab; }
.fxb-layer.is-dragging { opacity: .35; cursor: grabbing; }
.fxb-layer.is-drop-target { border-color: #1769ee; box-shadow: 0 0 0 3px rgba(23,105,238,.12); transform: translateY(2px); }
.fxb-layer-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; background: #edf5ff; color: #1769ee; }
.fxb-layer-copy { min-width: 0; }
.fxb-layer-copy strong, .fxb-layer-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fxb-layer-copy strong { color: #17263e; font-size: 11px; }
.fxb-layer-copy small { margin-top: 2px; color: #7a8ba1; font-size: 9px; }
.fxb-layer-actions { display: flex; gap: 3px; }
.fxb-layer-actions button { width: 27px; height: 27px; padding: 0; border: 0; border-radius: 7px; background: #f3f6fa; color: #53657c; font-size: 10px; }
.fxb-layer-actions button:disabled { opacity: .32; cursor: not-allowed; }
.fxb-builder-empty { padding: 18px 10px; border: 1px dashed #c9d7e8; border-radius: 12px; color: #718198; font-size: 11px; text-align: center; }
.fxb-builder-empty i { display: block; margin-bottom: 8px; color: #1769ee; font-size: 20px; }
.fxb-builder-empty strong { display: block; margin-bottom: 4px; color: #1c2c43; font-size: 12px; }
.fxb-modal { position: fixed; inset: 0; z-index: 2147483400; display: grid; place-items: center; padding: 20px; background: rgba(3,12,29,.58); backdrop-filter: blur(5px); }
.fxb-modal-card { width: min(760px, 100%); max-height: min(860px, calc(100vh - 40px)); display: flex; flex-direction: column; overflow: hidden; border-radius: 20px; background: #f6f9fc; box-shadow: 0 34px 90px rgba(2,10,24,.32); }
.fxb-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 22px; border-bottom: 1px solid #dce6f2; background: #fff; }
.fxb-modal-head h3 { margin: 0; color: #07152d; font-size: 20px; font-weight: 850; }
.fxb-modal-head p { margin: 3px 0 0; color: #64748b; font-size: 11px; }
.fxb-modal-head button { width: 36px; height: 36px; border: 1px solid #d6e1ee; border-radius: 10px; background: #fff; }
.fxb-modal-body { overflow-y: auto; padding: 18px 22px; }
.fxb-template-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.fxb-template { padding: 16px; border: 1px solid #d7e3f1; border-radius: 14px; background: #fff; text-align: left; }
.fxb-template:hover, .fxb-template.is-selected { border-color: #1769ee; box-shadow: 0 0 0 3px rgba(23,105,238,.1); }
.fxb-template i { color: #1769ee; font-size: 20px; }
.fxb-template strong, .fxb-template span { display: block; }
.fxb-template strong { margin-top: 10px; color: #17263e; }
.fxb-template span { margin-top: 4px; color: #718198; font-size: 10px; line-height: 1.45; }
.fxb-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.fxb-field { display: grid; gap: 6px; }
.fxb-field.is-wide { grid-column: 1/-1; }
.fxb-field label { color: #22334b; font-size: 11px; font-weight: 800; }
.fxb-field input, .fxb-field select, .fxb-field textarea { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #cbd9eb; border-radius: 10px; background: #fff; color: #15243a; font: inherit; font-size: 12px; }
.fxb-field textarea { min-height: 92px; resize: vertical; }
.fxb-media-field { display: flex; gap: 8px; }
.fxb-media-field input { flex: 1; }
.fxb-media-field button { flex: 0 0 auto; padding: 0 13px; border: 1px solid #bcd0ea; border-radius: 10px; background: #edf5ff; color: #1769ee; font-size: 11px; font-weight: 800; }
.fxb-items-editor { display: grid; gap: 10px; }
.fxb-item-row { display: grid; grid-template-columns: 120px 1fr 1.3fr 32px; gap: 7px; }
.fxb-gallery-row { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) 38px 32px; }
.fxb-item-row input { min-width: 0; }
.fxb-item-row button { border: 0; border-radius: 8px; background: #fff0f0; color: #c62828; }
.fxb-gallery-row [data-pick] { background: #edf5ff; color: #1769ee; }
.fxb-add-row { justify-self: start; padding: 8px 11px; border: 1px solid #bcd0ea; border-radius: 9px; background: #fff; color: #1769ee; font-size: 11px; font-weight: 800; }
.fxb-modal-foot { display: flex; justify-content: flex-end; gap: 9px; padding: 14px 22px; border-top: 1px solid #dce6f2; background: #fff; }
.fxb-modal-foot button { min-height: 42px; padding: 0 18px; border: 1px solid #ccd9e8; border-radius: 10px; background: #fff; color: #17263e; font-size: 12px; font-weight: 800; }
.fxb-modal-foot button.is-primary { border-color: #07152d; background: #07152d; color: #fff; }
.fxb-edit-content-button { width: 100%; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 11px; align-items: center; padding: 12px; border: 1px solid #bcd3ef; border-radius: 12px; background: #edf5ff; color: #1769ee; text-align: left; }
.fxb-edit-content-button > i:first-child { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: #fff; }
.fxb-edit-content-button strong, .fxb-edit-content-button small { display: block; }
.fxb-edit-content-button strong { color: #16365f; font-size: 12px; }
.fxb-edit-content-button small { margin-top: 3px; color: #637b99; font-size: 10px; }
.fxb-column-note { padding: 12px; border-radius: 10px; background: #eef5fd; color: #58718f; font-size: 11px; }
.fxb-column-manager { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.fxb-column-toggle { display: block; }
.fxb-column-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.fxb-column-toggle span { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 9px 11px; border: 1px solid #d4dfec; border-radius: 10px; background: #fff; color: #6a7d93; font-size: 11px; }
.fxb-column-toggle input:checked + span { border-color: #83b6fa; background: #edf5ff; color: #174f98; }
.fxb-header-modal { width: min(680px, 100%); }
.fxb-header-settings { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 16px; }
.fxb-header-toggle { display: block; cursor: pointer; }
.fxb-header-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.fxb-header-toggle > span { display: flex; min-height: 74px; flex-direction: column; justify-content: center; gap: 4px; padding: 13px 14px 13px 44px; border: 1px solid #d4dfec; border-radius: 12px; background: #fff; color: #0b1b34; position: relative; }
.fxb-header-toggle > span::before { content: ''; position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; border: 1px solid #b5c6da; border-radius: 5px; background: #fff; transform: translateY(-50%); }
.fxb-header-toggle input:checked + span { border-color: #83b6fa; background: #edf5ff; }
.fxb-header-toggle input:checked + span::before { border-color: #1769ee; background: #1769ee; box-shadow: inset 0 0 0 4px #fff; }
.fxb-header-toggle input:focus-visible + span { outline: 2px solid #1769ee; outline-offset: 2px; }
.fxb-header-toggle strong { font-size: 12px; }
.fxb-header-toggle small { color: #71839a; font-size: 10px; line-height: 1.4; }
.fxb-header-form { margin-bottom: 16px; }
.fxb-header-menu-editor { margin-bottom: 14px; padding: 14px; border: 1px solid #d4dfec; border-radius: 13px; background: #fff; }
.fxb-header-menu-title { display: flex; flex-direction: column; gap: 2px; margin-bottom: 10px; }
.fxb-header-menu-title strong { color: #0b1b34; font-size: 12px; }
.fxb-header-menu-title small { color: #71839a; font-size: 10px; }
.fxb-header-menu-list { display: grid; gap: 8px; }
.fxb-header-menu-row { display: grid; grid-template-columns: 28px minmax(130px,1fr) minmax(100px,.8fr); align-items: center; gap: 9px; }
.fxb-header-menu-row > label { cursor: pointer; }
.fxb-header-menu-row > label input { position: absolute; opacity: 0; pointer-events: none; }
.fxb-header-menu-row > label span { display: block; width: 20px; height: 20px; border: 1px solid #b5c6da; border-radius: 6px; background: #fff; }
.fxb-header-menu-row > label input:checked + span { border-color: #1769ee; background: #1769ee; box-shadow: inset 0 0 0 4px #fff; }
.fxb-header-menu-row > label input:focus-visible + span { outline: 2px solid #1769ee; outline-offset: 2px; }
.fxb-header-menu-row > input { min-width: 0; height: 38px; padding: 0 10px; border: 1px solid #cad8e8; border-radius: 9px; color: #0b1b34; font-size: 11px; }
.fxb-header-menu-row > small { overflow: hidden; color: #71839a; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.fxb-header-menu-empty { margin: 0; color: #71839a; font-size: 10px; }
.fxb-header-navigation-note { display: flex; align-items: flex-start; gap: 11px; padding: 13px 14px; border: 1px solid #b9d5fb; border-radius: 12px; background: #edf5ff; color: #184f98; }
.fxb-header-navigation-note > i { margin-top: 2px; color: #1769ee; }
.fxb-header-navigation-note span { display: flex; flex-direction: column; gap: 3px; }
.fxb-header-navigation-note strong { font-size: 12px; }
.fxb-header-navigation-note small { color: #5c7391; font-size: 10px; line-height: 1.45; }
.fxb-section-navigation { display: grid; grid-template-columns: minmax(140px,.8fr) minmax(160px,1fr) auto; align-items: center; gap: 12px; padding: 13px; border: 1px solid #b9d5fb; border-radius: 12px; background: #edf5ff; }
.fxb-section-navigation > div { display: flex; flex-direction: column; gap: 2px; }
.fxb-section-navigation strong { color: #174f98; font-size: 11px; }
.fxb-section-navigation small { color: #68809e; font-size: 9px; }
.fxb-section-navigation > input[type="text"] { width: 100%; height: 40px; padding: 0 11px; border: 1px solid #b6cce7; border-radius: 9px; background: #fff; }
.fxb-section-navigation > label { display: flex; align-items: center; gap: 7px; color: #174f98; font-size: 10px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.fxb-section-navigation > label input { position: absolute; opacity: 0; pointer-events: none; }
.fxb-section-navigation > label span { width: 19px; height: 19px; border: 1px solid #9db7d7; border-radius: 5px; background: #fff; }
.fxb-section-navigation > label input:checked + span { border-color: #1769ee; background: #1769ee; box-shadow: inset 0 0 0 4px #fff; }
.fxb-section-navigation > label input:focus-visible + span { outline: 2px solid #1769ee; outline-offset: 2px; }
@media (max-width: 620px) { .fxb-header-settings { grid-template-columns: 1fr; } .fxb-header-menu-row { grid-template-columns: 28px 1fr; } .fxb-header-menu-row > small { grid-column: 2; } .fxb-section-navigation { grid-template-columns: 1fr; } }
.fxb-extra-label { margin-top: 10px; }
.fxb-icon-modal { width: min(620px,100%); }
.fxb-icon-search { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #cbd9eb; border-radius: 10px; }
.fxb-icon-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 8px; max-height: min(56vh,520px); margin-top: 14px; padding-right: 4px; overflow-y: auto; overscroll-behavior: contain; }
.fxb-icon-grid button { aspect-ratio: 1; border: 1px solid #d6e1ee; border-radius: 10px; background: #fff; color: #45617f; font-size: 18px; }
.fxb-icon-grid button:hover, .fxb-icon-grid button.is-selected { border-color: #1769ee; background: #edf5ff; color: #1769ee; box-shadow: 0 0 0 2px rgba(23,105,238,.1); }
.fxb-library { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-top: 12px; }
.fxb-library button { aspect-ratio: 1; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 10px; background: #e8eef6; }
.fxb-library button:hover { border-color: #1769ee; }
.fxb-library img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 820px) {
  .fxb-type-text_image .fxb-container, .fxb-type-hero .fxb-container, .fxb-type-cta .fxb-container { grid-template-columns: 1fr; }
  .fxb-layout-image-left .fxb-copy, .fxb-layout-image-left .fxb-media { order: initial; }
  .fxb-feature-grid, .fxb-gallery-grid, .fxb-contact-grid { grid-template-columns: 1fr 1fr; }
  .fxb-type-cta .fxb-button { justify-self: start; }
  .fxb-runtime-layout-grid-4 > .container > .row.gy-4, .fxb-runtime-layout-grid-4.newgen-proof-strip > .container, .fxb-runtime-layout-grid-4 .newgen-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .fxb-runtime-layout-split-30-70 > .container > .row > *, .fxb-runtime-layout-split-70-30 > .container > .row > *, .fxb-layout-split-30-70 .fxb-copy, .fxb-layout-split-30-70 .fxb-media, .fxb-layout-split-70-30 .fxb-copy, .fxb-layout-split-70-30 .fxb-media { width: 100%; flex-basis: 100%; }
}
@media (max-width: 560px) {
  .fxb-section { padding: 54px 16px; }
  .fxb-feature-grid, .fxb-gallery-grid, .fxb-contact-grid, .fxb-template-grid, .fxb-form { grid-template-columns: 1fr; }
  .fxb-field.is-wide { grid-column: auto; }
  .fxb-media { min-height: 260px; }
  .fxb-media img, .fxb-media-placeholder { min-height: 260px; }
  .fxb-item-row { grid-template-columns: 1fr 32px; }
  .fxb-gallery-row { grid-template-columns: minmax(0,1fr) 38px 32px; }
  .fxb-gallery-row input { grid-column: 1 / -1; }
  .fxb-item-row input:nth-child(2), .fxb-item-row input:nth-child(3) { grid-column: 1/-1; }
  .fxb-column-manager { grid-template-columns: 1fr; }
  .fxb-icon-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .fxb-runtime-layout-grid-2 > .container > .row.gy-4, .fxb-runtime-layout-grid-3 > .container > .row.gy-4, .fxb-runtime-layout-grid-4 > .container > .row.gy-4,
  .fxb-runtime-layout-grid-2.newgen-proof-strip > .container, .fxb-runtime-layout-grid-3.newgen-proof-strip > .container, .fxb-runtime-layout-grid-4.newgen-proof-strip > .container,
  .fxb-runtime-layout-grid-2 .newgen-process-grid, .fxb-runtime-layout-grid-3 .newgen-process-grid, .fxb-runtime-layout-grid-4 .newgen-process-grid { grid-template-columns: 1fr !important; }
}