/* Ei Sales Builder - styles (legacy stylesheet lineage 0.3.32)
 * Layout hardening is local to Sales LEGO; visual style tokens remain selectable from Ei Foundation / Theme.
 */
.ei-sales-pattern {
  /* Resolve aliases on each LEGO block so a local Ei 27+1 preset can override the page preset. */
  --ei-sales-bg: var(--ei-bg, #0b1118);
  --ei-sales-surface: var(--ei-surface, #121b25);
  --ei-sales-surface-2: var(--ei-surface-2, #182330);
  --ei-sales-text: var(--ei-text, #eef3f7);
  --ei-sales-muted: var(--ei-muted, #aeb9c4);
  --ei-sales-border: var(--ei-border, #334150);
  --ei-sales-accent: var(--ei-accent, #c9a45b);
  --ei-sales-accent-text: var(--ei-accent-text, #0b1118);
  --ei-sales-hover: var(--ei-accent-hover, var(--ei-sales-accent));
  --ei-sales-radius: var(--ei-radius, 10px);
  --ei-sales-shadow: var(--ei-shadow, 0 16px 44px rgba(0,0,0,.12));
  --ei-sales-font: var(--ei-theme-font, var(--ei-font, inherit));
  box-sizing:border-box;
  display:block;
  width:100%;
  max-width:none;
  min-width:0;
  font-family:var(--ei-sales-font);
  color:var(--ei-sales-text);
}
.ei-sales-pattern *, .ei-sales-pattern *::before, .ei-sales-pattern *::after { box-sizing:border-box; }
.ei-sales-pattern :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-buttons,.wp-block-details) { min-width:0; }
.ei-sales-section { width:100%; max-width:none; min-width:0; padding:clamp(64px,8vw,112px) clamp(20px,3vw,48px); background:var(--ei-sales-bg); }
/* Optional page-edge control. The class token lives on a LEGO, but the actual
 * gap is usually owned by the page/template wrappers above it. The frontend
 * body class is added by PHP; this keeps the LEGO's own internal top padding
 * intact while removing only the external Header → content gap. */
body.ei-sales-page-flush-top #main-content,
body.ei-sales-page-flush-top .site-main,
body.ei-sales-page-flush-top .content-wrap,
body.ei-sales-page-flush-top .reading-column,
body.ei-sales-page-flush-top article,
body.ei-sales-page-flush-top .entry-content,
body.ei-sales-page-flush-top .ei-sales-letter-panel,
body.ei-sales-page-flush-top .ei-sales-document,
body.ei-sales-page-flush-top .ei-sales-content {
 margin-top:0!important;
  padding-top:0!important;
}
/* Optional bottom-edge control. This removes only page/template spacing between
 * the final LEGO and Footer; it deliberately leaves the LEGO's own internal
 * bottom padding and the Footer's own inner spacing untouched. */
body.ei-sales-page-flush-bottom #main-content,
body.ei-sales-page-flush-bottom .site-main,
body.ei-sales-page-flush-bottom .content-wrap,
body.ei-sales-page-flush-bottom .reading-column,
body.ei-sales-page-flush-bottom article,
body.ei-sales-page-flush-bottom .entry-content,
body.ei-sales-page-flush-bottom .ei-sales-letter-panel,
body.ei-sales-page-flush-bottom .ei-sales-document,
body.ei-sales-page-flush-bottom .ei-sales-content {
  margin-bottom:0!important;
  padding-bottom:0!important;
}
body.ei-sales-page-flush-bottom .site-footer {
 margin-top:0!important;
}
/* Legacy v0.3.27 spacing compatibility (0.3.28).
 * Existing saved classes keep their original padding until the page is opened and
 * saved in Gutenberg. Non-important declarations let native Gutenberg inline
 * spacing win whenever the editor supplies it. Do not remove these aliases. */
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-0 { padding-top:0px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-8 { padding-top:8px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-16 { padding-top:16px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-24 { padding-top:24px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-32 { padding-top:32px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-40 { padding-top:40px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-48 { padding-top:48px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-56 { padding-top:56px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-64 { padding-top:64px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-72 { padding-top:72px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-80 { padding-top:80px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-96 { padding-top:96px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-112 { padding-top:112px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-128 { padding-top:128px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-top-160 { padding-top:160px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-0 { padding-bottom:0px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-8 { padding-bottom:8px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-16 { padding-bottom:16px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-24 { padding-bottom:24px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-32 { padding-bottom:32px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-40 { padding-bottom:40px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-48 { padding-bottom:48px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-56 { padding-bottom:56px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-64 { padding-bottom:64px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-72 { padding-bottom:72px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-80 { padding-bottom:80px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-96 { padding-bottom:96px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-112 { padding-bottom:112px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-128 { padding-bottom:128px; }
.ei-sales-pattern.ei-sales-section.ei-sales-pad-bottom-160 { padding-bottom:160px; }
.ei-sales-section--surface { background:var(--ei-sales-surface); }
.ei-sales-section > .wp-block-columns,
.ei-sales-section > .wp-block-group,
.ei-sales-section > .wp-block-heading,
.ei-sales-section > .wp-block-paragraph,
.ei-sales-section > .wp-block-buttons,
.ei-sales-section > .wp-block-details { width:min(100%,var(--ei-sales-content-max,1180px))!important; max-width:var(--ei-sales-content-max,1180px)!important; min-width:0; margin-left:auto; margin-right:auto; }
.ei-sales-pattern :where(h1,h2,h3,h4,p,li,summary) { color:inherit; }

.ei-sales-display,
.wp-block-heading.is-style-ei-sales-hero-title { max-width:14em!important; margin-top:0!important; margin-block-start:0!important; line-height:1.08; letter-spacing:-.03em; text-wrap:balance; line-break:strict; word-break:normal; overflow-wrap:normal; }

/* Default LEGO typography must beat Foundation's .entry-content h2/h3
 * (specificity 0,1,1) on the frontend, just as it does in Gutenberg.
 * Keep both the pattern descendant and standalone Gutenberg heading class
 * for older saved blocks. The :where guards intentionally have zero weight:
 * Gutenberg's native font-size preset / inline custom value remains authoritative.
 * Do not add !important to font-size or scope these defaults to all H2s.
 */
.ei-sales-pattern .ei-sales-display:where(:not([class*="-font-size"]):not([style*="font-size"])),
  .wp-block-heading.ei-sales-display:where(:not([class*="-font-size"]):not([style*="font-size"])),
.wp-block-heading.is-style-ei-sales-hero-title:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:clamp(2.5rem,5.6vw,5.35rem); }
.ei-sales-section-title,
.wp-block-heading.is-style-ei-sales-section-title { max-width:18em!important; margin-top:0!important; margin-block-start:0!important; line-height:1.15; letter-spacing:-.025em; text-wrap:balance; line-break:strict; word-break:normal; overflow-wrap:normal; }

.ei-sales-pattern .ei-sales-section-title:where(:not([class*="-font-size"]):not([style*="font-size"])),
  .wp-block-heading.ei-sales-section-title:where(:not([class*="-font-size"]):not([style*="font-size"])),
.wp-block-heading.is-style-ei-sales-section-title:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:clamp(2rem,4vw,3.6rem); }
.ei-sales-card-title,
.wp-block-heading.is-style-ei-sales-card-title { margin-top:0!important; margin-block-start:0!important; line-height:1.3; font-weight:800; letter-spacing:-.015em; text-wrap:balance; line-break:strict; word-break:normal; overflow-wrap:normal; }

.ei-sales-pattern .ei-sales-card-title:where(:not([class*="-font-size"]):not([style*="font-size"])),
  .wp-block-heading.ei-sales-card-title:where(:not([class*="-font-size"]):not([style*="font-size"])),
.wp-block-heading.is-style-ei-sales-card-title:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:clamp(1.25rem,1.9vw,1.65rem); }

.ei-sales-hero--split .ei-sales-display { max-width:11.5em!important; }
.ei-sales-display br,.ei-sales-section-title br,.wp-block-heading.is-style-ei-sales-hero-title br,.wp-block-heading.is-style-ei-sales-section-title br { display:block; content:""; }
.ei-sales-lead { width:min(100%,760px)!important; max-width:760px!important; color:var(--ei-sales-muted)!important; line-height:1.75; }

.ei-sales-lead:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:clamp(1.08rem,1.8vw,1.35rem); }
.ei-sales-eyebrow,
.wp-block-paragraph.is-style-ei-sales-eyebrow { margin-bottom:14px!important; color:var(--ei-sales-accent, var(--ei-accent, currentColor))!important; font-weight:800; line-height:1.45; letter-spacing:.12em; text-transform:uppercase; }

.ei-sales-eyebrow:where(:not([class*="-font-size"]):not([style*="font-size"])),
.wp-block-paragraph.is-style-ei-sales-eyebrow:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:.84rem; }
.wp-block-paragraph.is-style-ei-sales-body { line-height:1.8; letter-spacing:normal; }

.wp-block-paragraph.is-style-ei-sales-body:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:1rem; }
.ei-sales-actions { gap:12px; margin-top:28px!important; }
.ei-sales-pattern .wp-block-button__link { min-height:48px; padding:13px 22px; border:1px solid transparent; border-radius:var(--ei-sales-radius); font-weight:800; text-decoration:none; box-shadow:none; transition:transform .16s ease,background-color .16s ease,border-color .16s ease; }
.ei-sales-pattern .wp-block-button__link:hover { transform:translateY(-1px); }
.ei-sales-button-primary .wp-block-button__link { background:var(--ei-sales-accent)!important; color:var(--ei-sales-accent-text)!important; }
.ei-sales-button-primary .wp-block-button__link:hover { background:var(--ei-sales-hover)!important; }
.ei-sales-button-secondary .wp-block-button__link { background:transparent!important; color:var(--ei-sales-text)!important; border-color:var(--ei-sales-border)!important; }
.ei-sales-button-secondary .wp-block-button__link:hover { border-color:var(--ei-sales-accent)!important; color:var(--ei-sales-accent)!important; }
.ei-sales-hero { min-height:min(820px,92vh); display:grid; align-content:center; }
.ei-sales-hero--split { min-height:min(760px,88vh); }
.ei-sales-columns { width:100%!important; max-width:var(--ei-sales-content-max,1180px)!important; min-width:0; gap:clamp(30px,6vw,76px); }
.ei-sales-columns > .wp-block-column { min-width:0; }
.ei-sales-visual-placeholder { width:100%!important; max-width:var(--ei-sales-content-max,1180px)!important; min-width:0; min-height:340px; display:grid; place-content:center; padding:32px; border:1px dashed var(--ei-sales-border); border-radius:var(--ei-sales-radius); color:var(--ei-sales-muted); background:var(--ei-sales-surface); box-shadow:var(--ei-sales-shadow); }
.ei-sales-visual-placeholder--portrait { min-height:440px; }
/* With real media, stop centering as a demo card while preserving the original
 * framed visual slot. v0.3.25 accidentally removed its border/background/shadow.
 * :has() supports already-saved Gutenberg patterns with zero additional JS. */
.ei-sales-visual-placeholder:has(:is(.wp-block-embed,.wp-block-video,.wp-block-image,.wp-block-cover,iframe,video)),
.ei-sales-media-slot:has(:is(.wp-block-embed,.wp-block-video,.wp-block-image,.wp-block-cover,iframe,video)) {
  display:block;
  place-content:normal;
  min-height:0;
  padding:clamp(8px,1vw,14px);
}
.ei-sales-visual-placeholder :where(.wp-block-embed,.wp-block-video,.wp-block-image,.wp-block-cover),
.ei-sales-media-slot :where(.wp-block-embed,.wp-block-video,.wp-block-image,.wp-block-cover) {
  width:100%;
  max-width:100%;
  margin-inline:auto;
}
.ei-sales-visual-placeholder :where(iframe,video),
.ei-sales-media-slot :where(iframe,video) {
  max-width:100%;
}
/* Unwrapped native YouTube iframes also retain a useful size. Respect
 * Gutenberg's own aspect-ratio wrappers when present. */
.ei-sales-visual-placeholder > iframe[src^="https://www.youtube.com/embed/"],
.ei-sales-visual-placeholder > iframe[src^="https://www.youtube-nocookie.com/embed/"],
.ei-sales-media-slot > iframe[src^="https://www.youtube.com/embed/"],
.ei-sales-media-slot > iframe[src^="https://www.youtube-nocookie.com/embed/"] {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
}

.ei-sales-card-grid,.ei-sales-module-grid,.ei-sales-pricing-grid,.ei-sales-steps,.ei-sales-metrics { gap:18px; margin-top:36px; }
.ei-sales-card,.ei-sales-module,.ei-sales-testimonial,.ei-sales-step,.ei-sales-offer,.ei-sales-guarantee,.ei-sales-metric { height:100%; padding:clamp(24px,3vw,38px); background:var(--ei-sales-surface); border:1px solid var(--ei-sales-border); border-radius:var(--ei-sales-radius); box-shadow:var(--ei-sales-shadow); }
.ei-sales-card--accent { border-top:3px solid var(--ei-sales-accent); }
.ei-sales-card-index { color:var(--ei-sales-accent)!important; font-weight:900; margin-top:0!important; }

.ei-sales-card-index:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:1.6rem; }
.ei-sales-step { position:relative; padding-top:62px; }
.ei-sales-step-number { position:absolute; top:22px; left:28px; width:30px; height:30px; display:grid; place-items:center; margin:0!important; border:1px solid var(--ei-sales-accent); border-radius:999px; color:var(--ei-sales-accent)!important; font-weight:900; }
.ei-sales-metric { text-align:center; box-shadow:none; }
.ei-sales-metric h3 { margin:0 0 8px; color:var(--ei-sales-accent)!important; }

.ei-sales-pattern .ei-sales-metric h3:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:clamp(2rem,4vw,3.6rem); }
.ei-sales-metric p { margin:0; color:var(--ei-sales-muted)!important; }
.ei-sales-quote { margin-top:0!important; line-height:1.8; }

.ei-sales-quote:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:1.06rem; }
.ei-sales-person { margin-bottom:0!important; color:var(--ei-sales-muted)!important; }

.ei-sales-person:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:.94rem; }
.ei-sales-offer { max-width:720px!important; margin-inline:auto; }
.ei-sales-pricing-grid .ei-sales-offer { max-width:none!important; }
/* v0.3.35: offer frame width is local to the selected inner core/group.
 * The normal .ei-sales-section > .wp-block-group rule has !important width;
 * this more-specific rule makes the explicit width win in Gutenberg AND on
 * the frontend, without changing the default width of existing offers.
 * Mobile width stays <= the available parent width. */
.ei-sales-pattern .ei-sales-offer[class*="ei-sales-frame-width-"] {
  width:min(100%,var(--ei-sales-frame-width))!important;
  max-width:var(--ei-sales-frame-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.ei-sales-offer.ei-sales-frame-width-320{--ei-sales-frame-width:320px}
.ei-sales-offer.ei-sales-frame-width-330{--ei-sales-frame-width:330px}
.ei-sales-offer.ei-sales-frame-width-340{--ei-sales-frame-width:340px}
.ei-sales-offer.ei-sales-frame-width-350{--ei-sales-frame-width:350px}
.ei-sales-offer.ei-sales-frame-width-360{--ei-sales-frame-width:360px}
.ei-sales-offer.ei-sales-frame-width-370{--ei-sales-frame-width:370px}
.ei-sales-offer.ei-sales-frame-width-380{--ei-sales-frame-width:380px}
.ei-sales-offer.ei-sales-frame-width-390{--ei-sales-frame-width:390px}
.ei-sales-offer.ei-sales-frame-width-400{--ei-sales-frame-width:400px}
.ei-sales-offer.ei-sales-frame-width-410{--ei-sales-frame-width:410px}
.ei-sales-offer.ei-sales-frame-width-420{--ei-sales-frame-width:420px}
.ei-sales-offer.ei-sales-frame-width-430{--ei-sales-frame-width:430px}
.ei-sales-offer.ei-sales-frame-width-440{--ei-sales-frame-width:440px}
.ei-sales-offer.ei-sales-frame-width-450{--ei-sales-frame-width:450px}
.ei-sales-offer.ei-sales-frame-width-460{--ei-sales-frame-width:460px}
.ei-sales-offer.ei-sales-frame-width-470{--ei-sales-frame-width:470px}
.ei-sales-offer.ei-sales-frame-width-480{--ei-sales-frame-width:480px}
.ei-sales-offer.ei-sales-frame-width-490{--ei-sales-frame-width:490px}
.ei-sales-offer.ei-sales-frame-width-500{--ei-sales-frame-width:500px}
.ei-sales-offer.ei-sales-frame-width-510{--ei-sales-frame-width:510px}
.ei-sales-offer.ei-sales-frame-width-520{--ei-sales-frame-width:520px}
.ei-sales-offer.ei-sales-frame-width-530{--ei-sales-frame-width:530px}
.ei-sales-offer.ei-sales-frame-width-540{--ei-sales-frame-width:540px}
.ei-sales-offer.ei-sales-frame-width-550{--ei-sales-frame-width:550px}
.ei-sales-offer.ei-sales-frame-width-560{--ei-sales-frame-width:560px}
.ei-sales-offer.ei-sales-frame-width-570{--ei-sales-frame-width:570px}
.ei-sales-offer.ei-sales-frame-width-580{--ei-sales-frame-width:580px}
.ei-sales-offer.ei-sales-frame-width-590{--ei-sales-frame-width:590px}
.ei-sales-offer.ei-sales-frame-width-600{--ei-sales-frame-width:600px}
.ei-sales-offer.ei-sales-frame-width-610{--ei-sales-frame-width:610px}
.ei-sales-offer.ei-sales-frame-width-620{--ei-sales-frame-width:620px}
.ei-sales-offer.ei-sales-frame-width-630{--ei-sales-frame-width:630px}
.ei-sales-offer.ei-sales-frame-width-640{--ei-sales-frame-width:640px}
.ei-sales-offer.ei-sales-frame-width-650{--ei-sales-frame-width:650px}
.ei-sales-offer.ei-sales-frame-width-660{--ei-sales-frame-width:660px}
.ei-sales-offer.ei-sales-frame-width-670{--ei-sales-frame-width:670px}
.ei-sales-offer.ei-sales-frame-width-680{--ei-sales-frame-width:680px}
.ei-sales-offer.ei-sales-frame-width-690{--ei-sales-frame-width:690px}
.ei-sales-offer.ei-sales-frame-width-700{--ei-sales-frame-width:700px}
.ei-sales-offer.ei-sales-frame-width-710{--ei-sales-frame-width:710px}
.ei-sales-offer.ei-sales-frame-width-720{--ei-sales-frame-width:720px}
.ei-sales-offer.ei-sales-frame-width-730{--ei-sales-frame-width:730px}
.ei-sales-offer.ei-sales-frame-width-740{--ei-sales-frame-width:740px}
.ei-sales-offer.ei-sales-frame-width-750{--ei-sales-frame-width:750px}
.ei-sales-offer.ei-sales-frame-width-760{--ei-sales-frame-width:760px}
.ei-sales-offer.ei-sales-frame-width-770{--ei-sales-frame-width:770px}
.ei-sales-offer.ei-sales-frame-width-780{--ei-sales-frame-width:780px}
.ei-sales-offer.ei-sales-frame-width-790{--ei-sales-frame-width:790px}
.ei-sales-offer.ei-sales-frame-width-800{--ei-sales-frame-width:800px}
.ei-sales-offer.ei-sales-frame-width-810{--ei-sales-frame-width:810px}
.ei-sales-offer.ei-sales-frame-width-820{--ei-sales-frame-width:820px}
.ei-sales-offer.ei-sales-frame-width-830{--ei-sales-frame-width:830px}
.ei-sales-offer.ei-sales-frame-width-840{--ei-sales-frame-width:840px}
.ei-sales-offer.ei-sales-frame-width-850{--ei-sales-frame-width:850px}
.ei-sales-offer.ei-sales-frame-width-860{--ei-sales-frame-width:860px}
.ei-sales-offer.ei-sales-frame-width-870{--ei-sales-frame-width:870px}
.ei-sales-offer.ei-sales-frame-width-880{--ei-sales-frame-width:880px}
.ei-sales-offer.ei-sales-frame-width-890{--ei-sales-frame-width:890px}
.ei-sales-offer.ei-sales-frame-width-900{--ei-sales-frame-width:900px}
.ei-sales-offer.ei-sales-frame-width-910{--ei-sales-frame-width:910px}
.ei-sales-offer.ei-sales-frame-width-920{--ei-sales-frame-width:920px}
.ei-sales-offer.ei-sales-frame-width-930{--ei-sales-frame-width:930px}
.ei-sales-offer.ei-sales-frame-width-940{--ei-sales-frame-width:940px}
.ei-sales-offer.ei-sales-frame-width-950{--ei-sales-frame-width:950px}
.ei-sales-offer.ei-sales-frame-width-960{--ei-sales-frame-width:960px}
.ei-sales-offer.ei-sales-frame-width-970{--ei-sales-frame-width:970px}
.ei-sales-offer.ei-sales-frame-width-980{--ei-sales-frame-width:980px}
.ei-sales-offer.ei-sales-frame-width-990{--ei-sales-frame-width:990px}
.ei-sales-offer.ei-sales-frame-width-1000{--ei-sales-frame-width:1000px}
.ei-sales-offer.ei-sales-frame-width-1010{--ei-sales-frame-width:1010px}
.ei-sales-offer.ei-sales-frame-width-1020{--ei-sales-frame-width:1020px}
.ei-sales-offer.ei-sales-frame-width-1030{--ei-sales-frame-width:1030px}
.ei-sales-offer.ei-sales-frame-width-1040{--ei-sales-frame-width:1040px}
.ei-sales-offer.ei-sales-frame-width-1050{--ei-sales-frame-width:1050px}
.ei-sales-offer.ei-sales-frame-width-1060{--ei-sales-frame-width:1060px}
.ei-sales-offer.ei-sales-frame-width-1070{--ei-sales-frame-width:1070px}
.ei-sales-offer.ei-sales-frame-width-1080{--ei-sales-frame-width:1080px}
.ei-sales-offer.ei-sales-frame-width-1090{--ei-sales-frame-width:1090px}
.ei-sales-offer.ei-sales-frame-width-1100{--ei-sales-frame-width:1100px}
.ei-sales-offer.ei-sales-frame-width-1110{--ei-sales-frame-width:1110px}
.ei-sales-offer.ei-sales-frame-width-1120{--ei-sales-frame-width:1120px}
.ei-sales-offer.ei-sales-frame-width-1130{--ei-sales-frame-width:1130px}
.ei-sales-offer.ei-sales-frame-width-1140{--ei-sales-frame-width:1140px}
.ei-sales-offer.ei-sales-frame-width-1150{--ei-sales-frame-width:1150px}
.ei-sales-offer.ei-sales-frame-width-1160{--ei-sales-frame-width:1160px}
.ei-sales-offer.ei-sales-frame-width-1170{--ei-sales-frame-width:1170px}
.ei-sales-offer.ei-sales-frame-width-1180{--ei-sales-frame-width:1180px}
.ei-sales-offer.ei-sales-frame-width-1190{--ei-sales-frame-width:1190px}
.ei-sales-offer.ei-sales-frame-width-1200{--ei-sales-frame-width:1200px}
.ei-sales-offer.ei-sales-frame-width-1210{--ei-sales-frame-width:1210px}
.ei-sales-offer.ei-sales-frame-width-1220{--ei-sales-frame-width:1220px}
.ei-sales-offer.ei-sales-frame-width-1230{--ei-sales-frame-width:1230px}
.ei-sales-offer.ei-sales-frame-width-1240{--ei-sales-frame-width:1240px}
.ei-sales-offer.ei-sales-frame-width-1250{--ei-sales-frame-width:1250px}
.ei-sales-offer.ei-sales-frame-width-1260{--ei-sales-frame-width:1260px}
.ei-sales-offer.ei-sales-frame-width-1270{--ei-sales-frame-width:1270px}
.ei-sales-offer.ei-sales-frame-width-1280{--ei-sales-frame-width:1280px}
.ei-sales-offer.ei-sales-frame-width-1290{--ei-sales-frame-width:1290px}
.ei-sales-offer.ei-sales-frame-width-1300{--ei-sales-frame-width:1300px}
.ei-sales-offer.ei-sales-frame-width-1310{--ei-sales-frame-width:1310px}
.ei-sales-offer.ei-sales-frame-width-1320{--ei-sales-frame-width:1320px}
.ei-sales-offer.ei-sales-frame-width-1330{--ei-sales-frame-width:1330px}
.ei-sales-offer.ei-sales-frame-width-1340{--ei-sales-frame-width:1340px}
.ei-sales-offer.ei-sales-frame-width-1350{--ei-sales-frame-width:1350px}
.ei-sales-offer.ei-sales-frame-width-1360{--ei-sales-frame-width:1360px}
.ei-sales-offer.ei-sales-frame-width-1370{--ei-sales-frame-width:1370px}
.ei-sales-offer.ei-sales-frame-width-1380{--ei-sales-frame-width:1380px}
.ei-sales-offer.ei-sales-frame-width-1390{--ei-sales-frame-width:1390px}
.ei-sales-offer.ei-sales-frame-width-1400{--ei-sales-frame-width:1400px}
.ei-sales-offer.ei-sales-frame-width-1410{--ei-sales-frame-width:1410px}
.ei-sales-offer.ei-sales-frame-width-1420{--ei-sales-frame-width:1420px}
.ei-sales-offer.ei-sales-frame-width-1430{--ei-sales-frame-width:1430px}
.ei-sales-offer.ei-sales-frame-width-1440{--ei-sales-frame-width:1440px}
.ei-sales-offer.ei-sales-frame-width-1450{--ei-sales-frame-width:1450px}
.ei-sales-offer.ei-sales-frame-width-1460{--ei-sales-frame-width:1460px}
.ei-sales-offer.ei-sales-frame-width-1470{--ei-sales-frame-width:1470px}
.ei-sales-offer.ei-sales-frame-width-1480{--ei-sales-frame-width:1480px}
.ei-sales-offer.ei-sales-frame-width-1490{--ei-sales-frame-width:1490px}
.ei-sales-offer.ei-sales-frame-width-1500{--ei-sales-frame-width:1500px}
.ei-sales-offer.ei-sales-frame-width-1510{--ei-sales-frame-width:1510px}
.ei-sales-offer.ei-sales-frame-width-1520{--ei-sales-frame-width:1520px}
.ei-sales-offer.ei-sales-frame-width-1530{--ei-sales-frame-width:1530px}
.ei-sales-offer.ei-sales-frame-width-1540{--ei-sales-frame-width:1540px}
.ei-sales-offer.ei-sales-frame-width-1550{--ei-sales-frame-width:1550px}
.ei-sales-offer.ei-sales-frame-width-1560{--ei-sales-frame-width:1560px}
.ei-sales-offer.ei-sales-frame-width-1570{--ei-sales-frame-width:1570px}
.ei-sales-offer.ei-sales-frame-width-1580{--ei-sales-frame-width:1580px}
.ei-sales-offer.ei-sales-frame-width-1590{--ei-sales-frame-width:1590px}
.ei-sales-offer.ei-sales-frame-width-1600{--ei-sales-frame-width:1600px}
.ei-sales-offer--featured { border-color:var(--ei-sales-accent); box-shadow:0 0 0 1px var(--ei-sales-accent),var(--ei-sales-shadow); }
.ei-sales-price { margin:.15em 0 .45em!important; color:var(--ei-sales-accent)!important; font-weight:900; letter-spacing:-.045em; }

.ei-sales-price:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:clamp(2.6rem,6vw,5rem); }
.ei-sales-price--small:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:clamp(2rem,4vw,3.3rem); }
.ei-sales-badge { display:inline-block; margin-top:0!important; padding:6px 10px; border-radius:999px; background:var(--ei-sales-accent); color:var(--ei-sales-accent-text)!important; font-weight:900; letter-spacing:.08em; }

.ei-sales-badge:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:.76rem; }
.ei-sales-checklist { padding-left:1.25em; }
.ei-sales-checklist li { margin:.65em 0; }
.ei-sales-guarantee { max-width:820px!important; text-align:center; border-style:dashed; }
.ei-sales-faq-item { max-width:860px!important; margin:12px auto!important; padding:18px 20px; border:1px solid var(--ei-sales-border); border-radius:var(--ei-sales-radius); background:var(--ei-sales-surface); }
.ei-sales-faq-item summary { cursor:pointer; font-weight:800; }
.ei-sales-faq-item > p { color:var(--ei-sales-muted)!important; }
.ei-sales-narrative-inner { width:min(100%,780px)!important; max-width:780px!important; min-width:0; margin-inline:auto; }
.ei-sales-narrative-inner > p:not(.ei-sales-eyebrow) { line-height:1.95; }

.ei-sales-narrative-inner > p:not(.ei-sales-eyebrow):where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:clamp(1.02rem,1.35vw,1.16rem); }
.ei-sales-narrative-inner > p:not(.ei-sales-eyebrow) + p { margin-top:1.35em; }
.ei-sales-statement { text-align:center; }
.ei-sales-statement-title { width:min(100%,18em)!important; max-width:18em!important; min-width:0; margin-inline:auto!important; }
.ei-sales-statement-text { width:min(100%,720px)!important; max-width:720px!important; margin-inline:auto!important; color:var(--ei-sales-muted)!important; line-height:1.8; }

.ei-sales-statement-text:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:1.02rem; }
.ei-sales-visual-break { text-align:center; }
.ei-sales-visual-break-placeholder { min-height:clamp(280px,45vw,560px); }
.ei-sales-visual-caption { width:min(100%,720px)!important; max-width:720px!important; margin:18px auto 0!important; color:var(--ei-sales-muted)!important; line-height:1.7; }

.ei-sales-visual-caption:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:.92rem; }
.ei-sales-choice-cta { text-align:center; }
.ei-sales-final-cta { text-align:center; border-top:1px solid var(--ei-sales-border); }
.ei-sales-fineprint { color:var(--ei-sales-muted)!important; }

.ei-sales-fineprint:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:.86rem; }
/* Preserve visual character for squared presets without hardcoding preset-specific colors. */
body.ei-style-pixel .ei-sales-pattern :where(.ei-sales-card,.ei-sales-module,.ei-sales-testimonial,.ei-sales-step,.ei-sales-offer,.ei-sales-guarantee,.ei-sales-metric,.ei-sales-visual-placeholder,.wp-block-button__link,.ei-sales-faq-item),
body.ei-style-windows95 .ei-sales-pattern :where(.ei-sales-card,.ei-sales-module,.ei-sales-testimonial,.ei-sales-step,.ei-sales-offer,.ei-sales-guarantee,.ei-sales-metric,.ei-sales-visual-placeholder,.wp-block-button__link,.ei-sales-faq-item),
body.ei-style-terminal .ei-sales-pattern :where(.ei-sales-card,.ei-sales-module,.ei-sales-testimonial,.ei-sales-step,.ei-sales-offer,.ei-sales-guarantee,.ei-sales-metric,.ei-sales-visual-placeholder,.wp-block-button__link,.ei-sales-faq-item),
body.ei-style-bio .ei-sales-pattern :where(.ei-sales-card,.ei-sales-module,.ei-sales-testimonial,.ei-sales-step,.ei-sales-offer,.ei-sales-guarantee,.ei-sales-metric,.ei-sales-visual-placeholder,.wp-block-button__link,.ei-sales-faq-item),
.ei-sales-pattern:is(.ei-style-pixel,.ei-style-windows95,.ei-style-terminal,.ei-style-bio) :where(.ei-sales-card,.ei-sales-module,.ei-sales-testimonial,.ei-sales-step,.ei-sales-offer,.ei-sales-guarantee,.ei-sales-metric,.ei-sales-visual-placeholder,.wp-block-button__link,.ei-sales-faq-item) { border-radius:min(var(--ei-sales-radius),4px); }
@media (prefers-reduced-motion: reduce) { .ei-sales-pattern .wp-block-button__link { transition:none; } }
@media (max-width:781px) {
  .ei-sales-section { padding:56px 20px; }
  .ei-sales-hero { min-height:auto; padding-top:72px; padding-bottom:72px; }
  .ei-sales-display,
  .wp-block-heading.is-style-ei-sales-hero-title { max-width:11.5em!important; line-height:1.1; }

  .ei-sales-pattern .ei-sales-display:where(:not([class*="-font-size"]):not([style*="font-size"])),
  .wp-block-heading.ei-sales-display:where(:not([class*="-font-size"]):not([style*="font-size"])),
  .wp-block-heading.is-style-ei-sales-hero-title:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:clamp(2.15rem,10.8vw,3.75rem); }
  .ei-sales-section-title,
  .wp-block-heading.is-style-ei-sales-section-title { max-width:15em!important; line-height:1.17; }

  .ei-sales-pattern .ei-sales-section-title:where(:not([class*="-font-size"]):not([style*="font-size"])),
  .wp-block-heading.ei-sales-section-title:where(:not([class*="-font-size"]):not([style*="font-size"])),
  .wp-block-heading.is-style-ei-sales-section-title:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:clamp(1.8rem,8.2vw,2.85rem); }
  .ei-sales-card-title,
  .wp-block-heading.is-style-ei-sales-card-title { line-height:1.32; }

  .ei-sales-pattern .ei-sales-card-title:where(:not([class*="-font-size"]):not([style*="font-size"])),
  .wp-block-heading.ei-sales-card-title:where(:not([class*="-font-size"]):not([style*="font-size"])),
  .wp-block-heading.is-style-ei-sales-card-title:where(:not([class*="-font-size"]):not([style*="font-size"])) { font-size:clamp(1.18rem,5vw,1.48rem); }
  .ei-sales-visual-placeholder,.ei-sales-visual-placeholder--portrait { min-height:260px; }
}



/* ==========================================================
 * Gutenberg Row layout preview (v0.3.18)
 * ----------------------------------------------------------
 * Equal-width preview is now owned by Gutenberg's native child
 * layout attributes (style.layout.selfStretch = fill). Do not
 * replace the editor's InnerBlocks layout with Grid: Gutenberg
 * uses that layout container for nested block editing geometry.
 *
 * Mobile-stack preview only changes the existing flex direction;
 * it does not change display type or child wrapper sizing.
 * ========================================================== */
@media (max-width:781px) {
  .editor-styles-wrapper .ei-sales-mobile-stack.is-layout-flex > .block-editor-inner-blocks > .block-editor-block-list__layout,
  .editor-styles-wrapper .ei-sales-mobile-stack.is-layout-flex > .block-editor-block-list__layout {
    flex-direction:column !important;
    align-items:stretch !important;
  }
}

/* ==========================================================
 * LEGO-local background images (v0.3.6)
 * ----------------------------------------------------------
 * Static is intentionally the default: no parallax, no JS,
 * no scroll listener. Overlay is a pure CSS pseudo layer.
 * ========================================================== */
.ei-sales-pattern.ei-sales-has-bg-image {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.ei-sales-pattern.ei-sales-has-bg-image::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:var(--ei-sales-bg-overlay-color,#000000);
  opacity:var(--ei-sales-bg-overlay-opacity,.45);
}
.ei-sales-pattern.ei-sales-has-bg-image > * {
  position:relative;
  z-index:1;
}

/* Cover crop focus: vertical alignment only; horizontal stays centered. */
.ei-sales-pattern.ei-sales-bg-position-top { background-position:center top; }
.ei-sales-pattern.ei-sales-bg-position-center { background-position:center center; }
.ei-sales-pattern.ei-sales-bg-position-bottom { background-position:center bottom; }

/* Fixed is optional. Static remains the low-cost default. */
.ei-sales-pattern.ei-sales-bg-mode-static { background-attachment:scroll; }
.ei-sales-pattern.ei-sales-bg-mode-fixed { background-attachment:fixed; }

/* Mobile Safari and many touch browsers handle fixed backgrounds poorly.
 * Always degrade to the light/static path on tablet/mobile. */
@media (max-width:1024px), (hover:none) and (pointer:coarse) {
  .ei-sales-pattern.ei-sales-bg-mode-fixed { background-attachment:scroll!important; }
}
