/* WoW Forever Legacy talent planner. Loaded only on the blog tool page (post.tool_kind == "legacy_planner").
   Everything is scoped under #sb-store #lg-planner. Layout: three trees, each split into tiers
   (open / after 5 points / after 10 points) with the perks as round nodes; a required perk sits above the one it opens. */
#sb-store .lg-article { max-width: 1280px; }
#sb-store .lg-article .lg-stage { margin: 0 0 40px; min-width: 0; }

#sb-store #lg-planner {
  --lg-panel: #0f1829; --lg-panel-2: #0a1222; --lg-line: #1e2c47; --lg-text: #e6edf8; --lg-muted: #8ea0bf; --lg-faint: #5d6f8e;
  --lg-cyan: #24d7ff; --lg-green: #22c55e; --lg-orange: #ff8a00; --lg-field: #070f20; --lg-card: #0c1528; --lg-card-on: #111f38; --lg-edge: #22314f;
  color: var(--lg-text); font-size: 15px;
}
#sb-store #lg-planner .lg-intro { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; margin: 0 0 14px; }
#sb-store #lg-planner .lg-beta { display: inline-block; padding: 4px 10px; border: 1px solid rgba(255, 138, 0, .45); border-radius: 999px; color: var(--lg-orange); background: rgba(255, 138, 0, .08); font-size: 12px; font-weight: 700; }
#sb-store #lg-planner .lg-note { margin: 0; color: var(--lg-muted); font-size: 13.5px; line-height: 1.5; }

/* top bar */
#sb-store #lg-planner .lg-head { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 14px 16px; margin: 0 0 10px;
  background: linear-gradient(180deg, var(--lg-panel), var(--lg-panel-2)); border: 1px solid var(--lg-line); border-radius: 14px; }
#sb-store #lg-planner .lg-counter { white-space: nowrap; color: var(--lg-muted); }
#sb-store #lg-planner .lg-counter strong { color: var(--lg-text); font-size: 22px; margin-right: 4px; font-variant-numeric: tabular-nums; }
#sb-store #lg-planner .lg-bar { height: 8px; border-radius: 99px; background: var(--lg-field); overflow: hidden; }
#sb-store #lg-planner .lg-bar span { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--lg-green), var(--lg-cyan) 50%, var(--lg-orange)); transition: width .2s; }
#sb-store #lg-planner .lg-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
#sb-store #lg-planner .lg-btn { min-height: 36px; padding: 0 14px; border: 1px solid var(--lg-line); border-radius: 9px; background: #0c1730; color: var(--lg-text); font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; }
#sb-store #lg-planner .lg-btn:hover { border-color: var(--lg-cyan); color: var(--lg-cyan); }
#sb-store #lg-planner .lg-btn:focus-visible, #sb-store #lg-planner .lg-chip:focus-visible { outline: 2px solid var(--lg-cyan); outline-offset: 2px; }

/* quick builds */
#sb-store #lg-planner .lg-presets { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 6px; }
#sb-store #lg-planner .lg-presets-label { color: var(--lg-muted); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin-right: 4px; }
#sb-store #lg-planner .lg-chip { min-height: 32px; padding: 0 13px; border: 1px solid var(--lg-line); border-radius: 999px; background: transparent; color: var(--lg-text); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
#sb-store #lg-planner .lg-chip:hover { border-color: var(--lg-cyan); }
#sb-store #lg-planner .lg-chip.is-on { border-color: var(--lg-cyan); background: rgba(36, 215, 255, .12); color: var(--lg-cyan); }
#sb-store #lg-planner .lg-status { min-height: 1.4em; margin: 0 0 8px; color: var(--lg-orange); font-size: 13.5px; }

/* trees */
#sb-store #lg-planner .lg-trees { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
#sb-store #lg-planner .lg-tree { --tree: var(--lg-cyan); display: flex; flex-direction: column; min-width: 0; padding: 14px 12px 12px; border: 1px solid var(--lg-line); border-radius: 14px;
  background: radial-gradient(120% 60% at 0% 0%, color-mix(in srgb, var(--tree) 10%, transparent), transparent 60%), linear-gradient(180deg, var(--lg-panel), var(--lg-panel-2)); }
#sb-store #lg-planner .lg-tree-top { margin: 0 2px 10px; }
#sb-store #lg-planner .lg-tree-title { display: flex; justify-content: space-between; align-items: baseline; margin: 0; font-size: 17px; color: var(--lg-text); }
#sb-store #lg-planner .lg-tree-pts { color: var(--tree); font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; }
#sb-store #lg-planner .lg-tree-sub { margin: 2px 0 10px; color: var(--lg-muted); font-size: 12.5px; }
#sb-store #lg-planner .lg-meter { position: relative; height: 6px; border-radius: 99px; background: var(--lg-field); margin: 0 0 18px; }
#sb-store #lg-planner .lg-meter-fill { position: absolute; inset: 0 auto 0 0; width: 0; border-radius: inherit; background: var(--tree); transition: width .2s; }
#sb-store #lg-planner .lg-meter-tick { position: absolute; top: -3px; width: 2px; height: 12px; margin-left: -1px; background: var(--lg-edge); font-style: normal; color: transparent; font-size: 0; }
#sb-store #lg-planner .lg-meter-tick::after { content: attr(data-gate); position: absolute; top: 13px; left: 50%; transform: translateX(-50%); color: var(--lg-faint); font-size: 10.5px; font-weight: 700; }
#sb-store #lg-planner .lg-meter-tick.is-open { background: var(--tree); }
#sb-store #lg-planner .lg-meter-tick.is-open::after { color: var(--tree); }
#sb-store #lg-planner .lg-tree-meta { margin: 0; color: var(--lg-faint); font-size: 12px; }

/* tiers: horizontal bands, top to bottom by the points they need */
#sb-store #lg-planner .lg-body { position: relative; display: grid; gap: 8px; }
#sb-store #lg-planner .lg-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; z-index: 1; }
#sb-store #lg-planner .lg-lines path { fill: none; stroke: var(--lg-edge); stroke-width: 2.5; stroke-linecap: round; }
#sb-store #lg-planner .lg-lines circle { fill: var(--lg-edge); }
#sb-store #lg-planner .lg-lines .on { stroke: var(--tree); fill: none; }
#sb-store #lg-planner .lg-lines circle.on { fill: var(--tree); }
#sb-store #lg-planner .lg-band { position: relative; padding: 8px 6px 10px; border: 1px solid transparent; border-radius: 12px; background: color-mix(in srgb, var(--lg-field) 70%, transparent); }
#sb-store #lg-planner .lg-band.is-open:not([data-gate="0"]) { border-color: color-mix(in srgb, var(--tree) 30%, transparent); }
#sb-store #lg-planner .lg-band-label { margin: 0 4px 8px; text-align: right; color: var(--lg-faint); font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
#sb-store #lg-planner .lg-band.is-open .lg-band-label { color: var(--tree); }
#sb-store #lg-planner .lg-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
#sb-store #lg-planner .lg-cell { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }

/* perk nodes: round icons with a rank badge */
#sb-store #lg-planner .lg-perk { position: relative; width: 52px; height: 52px; padding: 0; border: 2px solid var(--lg-edge); border-radius: 50%; background: var(--lg-field); cursor: pointer;
  touch-action: manipulation; user-select: none; -webkit-user-select: none; transition: border-color .12s, box-shadow .12s, transform .12s; }
#sb-store #lg-planner .lg-perk .lg-icon { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; pointer-events: none; }
#sb-store #lg-planner .lg-badge { position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%); min-width: 30px; height: 17px; padding: 0 5px; border: 1px solid var(--lg-edge); border-radius: 99px;
  background: var(--lg-panel-2); color: var(--lg-muted); font-size: 11px; font-weight: 800; line-height: 15px; text-align: center; font-variant-numeric: tabular-nums; }
#sb-store #lg-planner .lg-name { max-width: 100%; min-height: 2.5em; margin-top: 4px; color: var(--lg-muted); font-size: 11.5px; font-weight: 600; line-height: 1.25; text-align: center; overflow-wrap: anywhere; }
#sb-store #lg-planner .lg-perk--locked .lg-icon { filter: grayscale(1) brightness(.5); }
#sb-store #lg-planner .lg-perk--available { border-color: var(--tree); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tree) 18%, transparent); }
#sb-store #lg-planner .lg-perk--available .lg-badge { color: var(--tree); border-color: var(--tree); }
#sb-store #lg-planner .lg-perk--partial, #sb-store #lg-planner .lg-perk--maxed { border-color: var(--tree); box-shadow: 0 0 14px -2px var(--tree); }
#sb-store #lg-planner .lg-perk--partial .lg-badge { background: var(--tree); border-color: var(--tree); color: #06101f; }
#sb-store #lg-planner .lg-perk--maxed { box-shadow: 0 0 0 3px var(--tree), 0 0 18px -2px var(--tree); }
#sb-store #lg-planner .lg-perk--maxed .lg-badge { background: #fff; border-color: var(--tree); color: #06101f; }
#sb-store #lg-planner .lg-perk--partial + .lg-name, #sb-store #lg-planner .lg-perk--maxed + .lg-name { color: var(--lg-text); }
#sb-store #lg-planner .lg-perk:hover:not(.lg-perk--locked) { transform: translateY(-1px); }
#sb-store #lg-planner .lg-perk:focus-visible { outline: 2px solid var(--lg-cyan); outline-offset: 3px; }
#sb-store #lg-planner .lg-soon { margin: 0 0 8px; padding: 7px 10px; border: 1px dashed var(--lg-line); border-radius: 9px; color: var(--lg-faint); font-size: 12px; text-align: center; }
#sb-store #lg-planner .lg-tree-foot { display: grid; margin-top: auto; padding-top: 10px; }
#sb-store #lg-planner .lg-tree-foot .lg-btn { width: 100%; min-height: 32px; }

.lg-tip { position: fixed; z-index: 95; max-width: 300px; padding: 11px 13px; border: 1px solid #2f4166; border-radius: 12px; background: #070e1d; color: #e6edf8;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .55); font: 13.5px/1.45 var(--font, system-ui), sans-serif; pointer-events: none; }
.lg-tip .lg-tip-name { display: block; font-size: 14.5px; color: #fff; }
.lg-tip .lg-tip-rank { display: block; margin: 2px 0 6px; color: #8ea0bf; font-size: 12px; }
.lg-tip p { margin: 4px 0 0; }
.lg-tip .lg-tip-now { color: #22c55e; }
.lg-tip .lg-tip-next em { font-style: normal; color: #8ea0bf; }
.lg-tip .lg-tip-max { color: #ff8a00; }
.lg-tip .lg-tip-req { color: #ff7a90; }
html[data-mode="light"] .lg-tip { background: #fff; color: #0f1b2d; border-color: #d6e0ec; box-shadow: 0 12px 28px -12px rgba(20, 40, 70, .35); }
html[data-mode="light"] .lg-tip .lg-tip-name { color: #0f1b2d; }
html[data-mode="light"] .lg-tip .lg-tip-req { color: #c0263f; }

#sb-store #lg-planner .lg-hint { margin: 10px 2px 0; color: var(--lg-muted); font-size: 12.5px; }
#sb-store #lg-planner .lg-summary { margin: 14px 0 0; padding: 14px 16px; border: 1px solid var(--lg-line); border-radius: 14px; background: var(--lg-panel-2); }
#sb-store #lg-planner .lg-summary h3 { margin: 0 0 8px; font-size: 16px; }
#sb-store #lg-planner .lg-summary ul { margin: 0; padding-left: 18px; }
#sb-store #lg-planner .lg-summary li { margin: 4px 0; color: var(--lg-muted); line-height: 1.5; }
#sb-store #lg-planner .lg-summary li strong { color: var(--lg-text); }
#sb-store #lg-planner .lg-muted { margin: 0; color: var(--lg-muted); }
#sb-store #lg-planner .lg-noscript { padding: 12px; border: 1px dashed var(--lg-line); border-radius: 10px; color: var(--lg-muted); }

html[data-mode="light"] #sb-store #lg-planner {
  --lg-panel: #ffffff; --lg-panel-2: #f5f8fc; --lg-line: #d6e0ec; --lg-text: #0f1b2d; --lg-muted: #4b5b73; --lg-faint: #7a8aa3;
  --lg-cyan: #0a8fb3; --lg-green: #15803d; --lg-orange: #b45309; --lg-field: #e8eef6; --lg-card: #ffffff; --lg-card-on: #f2f8fd; --lg-edge: #c9d5e4; color-scheme: light;
}
html[data-mode="light"] #sb-store #lg-planner .lg-btn { background: #fff; }

@media (max-width: 1000px) {
  #sb-store #lg-planner .lg-trees { grid-template-columns: 1fr; }
  #sb-store #lg-planner .lg-head { grid-template-columns: 1fr; }
  #sb-store #lg-planner .lg-actions { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) { #sb-store #lg-planner .lg-bar span, #sb-store #lg-planner .lg-meter-fill, #sb-store #lg-planner .lg-perk { transition: none; } }
@media (max-width: 480px) { #sb-store #lg-planner .lg-perk { width: 46px; height: 46px; } #sb-store #lg-planner .lg-name { font-size: 10.5px; } }

/* layout like the talent planner: calculator + a 300px service carousel column (the carousel markup and
   script are shared with the talent planner: blog/tools/talent_planner_promo.html + tools/talent-planner/promo.js) */
#sb-store #lg-planner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; --wfp-cyan: #24d7ff; --wfp-muted: #8ea0bf; --wfp-orange: #ff8a00; --wfp-purple: #7c4dff; --wfp-radius: 12px; --wfp-text: #e6edf8; }
html[data-mode="light"] #sb-store #lg-planner { --wfp-cyan: #05608d; --wfp-muted: #4f5d75; --wfp-orange: #9a4a00; --wfp-purple: #5b3cc4; --wfp-text: #0f1620; }
#sb-store #lg-planner .lg-main { min-width: 0; }
#sb-store #lg-planner .lg-promo-slot { min-width: 0; }
@media (min-width: 1200px) {
  #sb-store #lg-planner { grid-template-columns: minmax(0, 1fr) 300px; align-items: start; }
  #sb-store #lg-planner .lg-promo-slot { align-self: stretch; }
  #sb-store #lg-planner .lg-promo-slot .wfp-promo { position: sticky; top: calc(var(--market-header-height, 82px) + 16px); }
}
#sb-store #lg-planner .wfp-promo { position: relative; width: 100%; max-width: 520px; margin: 24px auto 0; aspect-ratio: 1 / 1; border-radius: var(--wfp-radius); border: 1px solid rgba(36, 215, 255, .35); background: #070e1d; overflow: hidden; box-shadow: 0 0 28px -12px var(--wfp-cyan); }
@media (min-width: 1200px) {
  #sb-store #lg-planner .wfp-promo { width: 300px; height: 300px; max-width: none; margin: 12px 0 0; }
}
#sb-store #lg-planner .wfp-promo__track { position: absolute; inset: 0; }
#sb-store #lg-planner .wfp-promo__slide { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility 0s linear .45s; }
#sb-store #lg-planner .wfp-promo__slide.wfp-is-active { opacity: 1; visibility: visible; transition: opacity .45s ease; }
#sb-store #lg-planner .wfp-promo__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#sb-store #lg-planner .wfp-promo__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 11, 24, .1) 0%, rgba(5, 11, 24, .35) 40%, rgba(5, 11, 24, .96) 88%); }
#sb-store #lg-planner .wfp-promo__body { position: relative; padding: 16px 16px 40px; display: flex; flex-direction: column; gap: 8px; }
#sb-store #lg-planner .wfp-promo__kicker { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; color: var(--wfp-cyan); }
#sb-store #lg-planner .wfp-promo__title { font-size: 19px; font-weight: 800; line-height: 1.2; color: #fff; margin: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#sb-store #lg-planner .wfp-promo__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
#sb-store #lg-planner .wfp-promo__price { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
#sb-store #lg-planner .wfp-promo__from { font-size: 11px; color: var(--wfp-muted); text-transform: uppercase; letter-spacing: .5px; }
#sb-store #lg-planner .wfp-promo__amount { font-size: 20px; font-weight: 800; color: #fff; white-space: nowrap; }
#sb-store #lg-planner .wfp-promo__amount--quote { font-size: 14px; color: var(--wfp-orange); white-space: normal; }
#sb-store #lg-planner .wfp-promo__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 16px; border-radius: 9px; background: linear-gradient(135deg, var(--wfp-cyan), var(--wfp-purple)); color: #041022; font-weight: 800; font-size: 14px; text-decoration: none; white-space: nowrap; border: 0; box-shadow: none; }
#sb-store #lg-planner .wfp-promo__cta:hover { filter: brightness(1.1); color: #041022; }
#sb-store #lg-planner .wfp-promo__cta::after { content: ""; position: absolute; inset: 0; }
#sb-store #lg-planner .wfp-promo__nav { position: absolute; left: 0; right: 0; bottom: 8px; display: flex; align-items: center; justify-content: center; gap: 4px; z-index: 2; }
#sb-store #lg-planner .wfp-promo__arrow { width: 28px; height: 28px; min-height: 0; padding: 0; margin: 0; display: inline-grid; place-items: center; border-radius: 50%; border: 1px solid rgba(142, 160, 191, .35); background: rgba(5, 11, 24, .7); color: var(--wfp-text); font-size: 16px; line-height: 1; cursor: pointer; box-shadow: none; }
#sb-store #lg-planner .wfp-promo__arrow:hover { border-color: var(--wfp-cyan); }
#sb-store #lg-planner .wfp-promo__dots { display: flex; gap: 2px; margin: 0 4px; }
#sb-store #lg-planner .wfp-promo__dot { width: 24px; height: 24px; min-height: 0; padding: 0; margin: 0; border: 0; background: none; box-shadow: none; display: inline-grid; place-items: center; cursor: pointer; }
#sb-store #lg-planner .wfp-promo__dot::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgba(230, 237, 248, .35); transition: background .2s, transform .2s; }
#sb-store #lg-planner .wfp-promo__dot[aria-current="true"]::before { background: var(--wfp-cyan); transform: scale(1.25); }
#sb-store #lg-planner .wfp-promo__arrow, #sb-store #lg-planner .wfp-promo__dot { position: relative; z-index: 3; }
@media (max-width: 1000px) {
  #sb-store #lg-planner .wfp-promo__body { padding-bottom: 60px; }
  #sb-store #lg-planner .wfp-promo__nav { bottom: 6px; gap: 6px; }
  #sb-store #lg-planner .wfp-promo__arrow { width: 44px; height: 44px; font-size: 20px; }
  #sb-store #lg-planner .wfp-promo__dot { width: 30px; height: 44px; }
}
@media (max-width: 600px) {
  #sb-store #lg-planner .wfp-promo { margin-top: 20px; }
}
html[data-mode="light"] #sb-store #lg-planner .wfp-promo { background: #fff; border-color: #c7d3e2; box-shadow: 0 14px 34px -22px rgba(20, 40, 70, .5); }
html[data-mode="light"] #sb-store #lg-planner .wfp-promo__shade { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 34%, rgba(255, 255, 255, .88) 62%, #fff 84%); }
html[data-mode="light"] #sb-store #lg-planner .wfp-promo__title,
html[data-mode="light"] #sb-store #lg-planner .wfp-promo__amount { color: #0f1620; }
html[data-mode="light"] #sb-store #lg-planner .wfp-promo__cta { background: #05608d; color: #fff; }
html[data-mode="light"] #sb-store #lg-planner .wfp-promo__cta:hover { background: #044b70; color: #fff; filter: none; }
html[data-mode="light"] #sb-store #lg-planner .wfp-promo__arrow { background: #fff; border-color: #aebccf; color: #0f1620; }
html[data-mode="light"] #sb-store #lg-planner .wfp-promo__dot::before { background: rgba(15, 22, 32, .25); }
html[data-mode="light"] #sb-store #lg-planner .wfp-promo__dot[aria-current="true"]::before { background: var(--wfp-cyan); }
#sb-store #lg-planner .wfp-promo__slide--welcome { background: #0c1426; }
#sb-store #lg-planner .wfp-welcome__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12, 20, 38, 0) 30%, rgba(12, 20, 38, .55) 55%, rgba(12, 20, 38, .92) 80%); }
#sb-store #lg-planner .wfp-welcome__big { margin: 0; font-size: 56px; line-height: .95; font-weight: 900; letter-spacing: -.03em; background: linear-gradient(135deg, #fff 20%, var(--wfp-cyan) 60%, #b9a4ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
#sb-store #lg-planner .wfp-welcome__big span { font-size: 24px; letter-spacing: 0; }
#sb-store #lg-planner .wfp-welcome__text { margin: 0; font-size: 12.5px; line-height: 1.45; color: #d1dfed; }
#sb-store #lg-planner .wfp-welcome__text b { color: #fff; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .04em; padding: 1px 6px; border: 1px dashed rgba(36, 215, 255, .6); border-radius: 5px; }
#sb-store #lg-planner .wfp-welcome__form { margin: 2px 0 0; }
#sb-store #lg-planner .wfp-welcome__cta { width: 100%; min-height: 40px; font-size: 14px; text-transform: uppercase; letter-spacing: .08em; cursor: pointer; }
html[data-mode="light"] #sb-store #lg-planner .wfp-promo__slide--welcome .wfp-promo__kicker { color: var(--wfp-cyan); }

/* whole slide is clickable (promo.js forwards the click to the slide button) */
#sb-store #lg-planner .wfp-promo__slide { cursor: pointer; -webkit-user-select: none; user-select: none; }
/* one steady hover state for the whole slide (the slide itself is the click target, see promo.js) */
#sb-store #lg-planner .wfp-promo__cta::after { content: none; }
#sb-store #lg-planner .wfp-promo__slide:hover .wfp-promo__cta { filter: brightness(1.1); color: #041022; }
html[data-mode="light"] #sb-store #lg-planner .wfp-promo__slide:hover .wfp-promo__cta { background: #044b70; color: #fff; filter: none; }
/* CLS (08.10.2026): on a slow phone the first paint comes before legacy.js fills the mount, so the promo below it
   showed on the first screen and then jumped ~2300 px down (Lighthouse CLS 0.114). Reserve the rendered height. */
#sb-store #lg-planner .lg-mount { min-height: 2300px; }
@media (min-width: 1200px) { #sb-store #lg-planner .lg-mount { min-height: 900px; } }