/* Match the SALE card panel's outer left edge, including its mobile inset. */
.shell>.es-magnet-home{width:100%;max-width:none;margin:0;padding:32px 26px;box-sizing:border-box}
.shell>.es-magnet-home>iframe{display:block;width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important;border:0}
@media(max-width:760px){.shell>.es-magnet-home{padding:22px 0}}


/* Homepage only: retain the existing 26px inset of the upper price calculator. */
html[data-es-home-arrangement] .shell > .es-magnet-home > iframe {
  max-width: var(--es-home-calculator-width, 960px) !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* These attributes are applied only by the central homepage to its own frames. */
html[data-es-home-library] .demo-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 26px;
}
html[data-es-home-library] .es-library-section {
  max-width: none;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 32%);
  align-items: stretch;
}
html[data-es-home-library] .es-library-section__information {
  width: auto;
  justify-self: stretch;
  align-content: stretch;
  grid-template-rows: repeat(2, minmax(min-content, 1fr));
}
html[data-es-home-library] .es-library-section__information > .qc-item > .qc-preview {
  width: 100%;
  max-width: none;
  margin: 0;
}

html[data-es-home-magnets] .mfs-layout[aria-label="Magnetmaterialien und Baugruppen"] {
  max-width: none;
  padding-inline: 26px;
  grid-template-columns: minmax(230px, 1fr) minmax(0, 3fr);
}
html[data-es-home-magnets] .mfs-layout[aria-label="Magnetmaterialien und Baugruppen"] > .mfs-companion-slot { grid-column: 1; grid-row: 1; }
html[data-es-home-magnets] .mfs-layout[aria-label="Magnetmaterialien und Baugruppen"] > .mfs-swipe { grid-column: 2; grid-row: 1; }

@media (max-width: 1030px) {
  html[data-es-home-library] .es-library-section { grid-template-columns: minmax(0, 1fr); }
  html[data-es-home-library] .es-library-section__information {
    width: min(100%, 320px);
    justify-self: center;
    grid-template-rows: none;
  }
}
@media (max-width: 850px) {
  html[data-es-home-magnets] .mfs-layout[aria-label="Magnetmaterialien und Baugruppen"] { grid-template-columns: minmax(0, 1fr); }
  html[data-es-home-magnets] .mfs-layout[aria-label="Magnetmaterialien und Baugruppen"] > .mfs-swipe { grid-column: 1; grid-row: 1; }
  html[data-es-home-magnets] .mfs-layout[aria-label="Magnetmaterialien und Baugruppen"] > .mfs-companion-slot { grid-column: 1; grid-row: 2; }
}
@media (max-width: 760px) {
  html[data-es-home-library] .demo-shell { padding-inline: 0; }
  html[data-es-home-magnets] .mfs-layout[aria-label="Magnetmaterialien und Baugruppen"] { padding-inline: 0; }
}

/* The two explicitly selected existing cards beside the existing calculator. */
html[data-es-home-arrangement] .shell > .es-magnet-home {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(0, var(--es-home-calculator-width, 960px));
  gap: 16px;
  align-items: start;
}
html[data-es-home-arrangement] .es-home-calculator-cards {
  display: grid;
  grid-column: 1;
  grid-row: 1;
  gap: 16px;
  min-width: 0;
}
html[data-es-home-arrangement] .shell > .es-magnet-home > iframe { grid-column: 2; grid-row: 1; }
@media (max-width: 1030px) {
  html[data-es-home-arrangement] .shell > .es-magnet-home { grid-template-columns: minmax(0, 1fr); }
  html[data-es-home-arrangement] .shell > .es-magnet-home > iframe { grid-column: 1; grid-row: 1; }
  html[data-es-home-arrangement] .es-home-calculator-cards { grid-column: 1; grid-row: 2; width: min(100%, 320px); justify-self: center; }
}