.mg-new-main {
  width: 100%;
  min-width: 0;
  margin: 0;
  isolation: isolate;
}
.mg-new-main .mg-builder,
.mg-new-main .mg-builder * {
  box-sizing: border-box;
}
.mg-new-main .mg-builder {
  --mg-red: #e31e24;
  --mg-text: #fff;
  --mg-muted: #d3d3d3;
  width: 100%;
  margin: 0;
  padding: 80px 80px 141px;
  border-bottom: 1px solid #ececec;
  background: #151515;
  color: var(--mg-text);
  font-family: 'Golos Text', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  font-synthesis: none;
  text-align: left;
  color-scheme: dark;
}
.mg-new-main .mg-builder h2,
.mg-new-main .mg-builder h3,
.mg-new-main .mg-builder h4,
.mg-new-main .mg-builder p {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: inherit;
  color: inherit;
  text-transform: none;
  letter-spacing: normal;
}
.mg-new-main .mg-builder button {
  appearance: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 17px;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}
.mg-new-main .mg-builder button::before,
.mg-new-main .mg-builder button::after {
  content: none;
}
.mg-new-main .mg-builder button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}
.mg-new-main .mg-builder button:disabled {
  cursor: default;
}
.mg-new-main .mg-builder img {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  max-width: none;
}
.mg-new-main .mg-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  position: relative;
  line-height: 0;
  pointer-events: none;
}
.mg-new-main .mg-builder__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
  padding-right: 38px;
}
.mg-new-main p.mg-builder__eyebrow {
  color: #c20724;
  font-size: 14px;
  line-height: 27px;
  font-weight: 700;
  text-transform: uppercase;
}
.mg-new-main .mg-builder__heading h2 {
  font-size: 40px;
  font-weight: 400;
  line-height: 27px;
}
.mg-new-main p.mg-builder__intro {
  font-size: 14px;
  line-height: 27px;
}
.mg-new-main .mg-builder__scenarios {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin: 30px auto;
}
.mg-new-main button.mg-scenario {
  height: 64px;
  padding: 10px 40px;
  gap: 14px;
  border: 1px solid #fff;
  border-radius: 50px;
  white-space: nowrap;
}
.mg-new-main .mg-scenario[aria-pressed='true'] {
  background: var(--mg-red);
  border-color: var(--mg-red);
}
.mg-new-main .mg-builder__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  max-width: 1686px;
  margin: 0 auto;
}
.mg-new-main .mg-layer {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  padding: 20px;
  border-radius: 10px;
  background: #1f1f1f;
}
.mg-new-main .mg-layer__heading {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 67.88225px;
}
.mg-new-main .mg-layer__number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 67.88225px;
  height: 67.88225px;
}
.mg-new-main .mg-layer__number > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background: var(--mg-red);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  transform: scale(1.41421356);
  font-size: 16.97056px;
  font-weight: 400;
  line-height: 27px;
}
.mg-new-main .mg-layer__heading h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 27px;
  text-transform: uppercase;
}
.mg-new-main .mg-layer__heading p {
  color: var(--mg-muted);
  font-size: 16px;
  line-height: 27px;
}
.mg-new-main .mg-product {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  padding: 25px;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px #434343;
}
.mg-new-main .mg-product__photo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  aspect-ratio: 452 / 337.12;
  background: #fff;
  overflow: hidden;
}
.mg-new-main img.mg-product__image {
  position: absolute;
  left: 51.9672%;
  top: 0;
  transform: translateX(-50%);
  clip-path: inset(0 5.2751% 0 0);
  flex: 0 0 auto;
  width: 74.584071%;
  height: 100%;
  object-fit: cover;
}
.mg-new-main [data-layer="1"] .mg-product__image { clip-path: none; }
.mg-new-main button.mg-product__photo-arrow {
  position: absolute;
  z-index: 1;
  width: 35px;
  height: 35px;
  top: calc(50% - 17.5px);
}
.mg-new-main .mg-product__photo-arrow--prev { left: 12px; }
.mg-new-main .mg-product__photo-arrow--next { right: 12px; }
.mg-new-main .mg-product__photo-arrow img { width: 35px; height: 35px; }
.mg-new-main .mg-product__photo-arrow--prev:not(:disabled) img { filter: brightness(0); }
.mg-new-main .mg-product__photo-arrow--next:disabled img { opacity: .13; }
.mg-new-main .mg-product__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 10px;
}
.mg-new-main button.mg-product__dot {
  width: 40px;
  height: 10px;
  background: linear-gradient(#595959, #595959) center / 100% 2px no-repeat;
}
.mg-new-main .mg-product__dot[aria-pressed='true'] {
  background-image: linear-gradient(var(--mg-red), var(--mg-red));
}
.mg-new-main .mg-product__details {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mg-new-main .mg-product__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  text-align: center;
}
.mg-new-main h4.mg-product__name {
  width: 100%;
  padding: 2px 0 1px;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}
.mg-new-main p.mg-product__description {
  width: 100%;
  min-height: 45px;
  padding: 2px 0 1px;
  color: var(--mg-muted);
  font-size: 14px;
  line-height: 21px;
}
.mg-new-main p.mg-product__price {
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}
.mg-new-main .mg-product__price span { margin-left: 4px; }
.mg-new-main .mg-product__badges {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  margin-top: 16px;
}
.mg-new-main .mg-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 29px;
  padding: 3px 9px 3px 5px;
  border: 1px solid #9f9f9f;
  border-radius: 5px;
  color: var(--mg-muted);
  font-size: 9px;
  line-height: 21px;
  white-space: nowrap;
}
.mg-new-main button.mg-product__choose {
  width: min(220px, 100%);
  height: 48px;
  gap: 10px;
  margin-top: 30px;
  border: 1px solid var(--mg-red);
}
.mg-new-main .mg-product__choose[aria-pressed='true'] {
  background: var(--mg-red);
}
.mg-new-main [data-select-icon] { display: flex; }
.mg-new-main .mg-product__alternatives {
  box-shadow: inset 0 1px #434343;
  padding-top: 16px;
  text-align: center;
}
.mg-new-main .mg-product__alternatives > p { font-size: 16px; line-height: 27px; }
.mg-new-main .mg-product__thumb-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}
.mg-new-main .mg-product__thumbs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 80px));
  justify-content: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}
.mg-new-main button.mg-product__thumb {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
  font-size: 12px;
  line-height: 21px;
  color: var(--mg-muted);
  white-space: nowrap;
}
.mg-new-main .mg-product__thumb-image {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  background: #fff;
  box-shadow: 0 0 0 1px #fff;
  position: relative;
}
.mg-new-main .mg-product__thumb-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.mg-new-main .mg-product__thumb[aria-pressed='true'] .mg-product__thumb-image::after {
  content: '';
  position: absolute;
  inset: -2px;
  border: 2px solid var(--mg-red);
  pointer-events: none;
}
.mg-new-main button.mg-product__thumb-arrow { width: 30.406px; height: 30.406px; }
.mg-new-main .mg-product__thumb-arrow img { width: 18.03125px; height: 30.40576px; }


.mg-new-main .mg-product__thumb-arrow:disabled { opacity: 1; }
.mg-new-main .mg-builder__summary {
  display: flex;
  align-items: center;
  gap: 40px;
  max-width: 1700px;
  min-height: 191px;
  margin: 30px auto 0;
  padding: 45px;
  border-radius: 10px;
  background: #1f1f1f;
}
.mg-new-main .mg-builder__shield { display: flex; flex: 0 0 75.014px; }
.mg-new-main .mg-builder__summary-copy { flex: 1 1 auto; min-width: 0; }
.mg-new-main p.mg-builder__summary-title { font-size: 24px; font-weight: 700; line-height: 21px; }
.mg-new-main .mg-builder__summary-title strong { color: var(--mg-red); font-weight: 700; }
.mg-new-main p.mg-builder__summary-description { margin-top: 19px; color: var(--mg-muted); font-size: 18px; line-height: 1.6; }
.mg-new-main .mg-builder__actions { display: flex; flex: 0 0 auto; gap: 10px; margin-left: -16px; }
.mg-new-main .mg-builder__actions button { height: 64px; padding: 14px 27px; gap: 10px; white-space: nowrap; }
.mg-new-main button.mg-builder__view { border: 1px solid #d3d3d3; }
.mg-new-main button.mg-builder__cart { background: var(--mg-red); font-weight: 700; text-transform: uppercase; }
@media (max-width: 1750px) {
  .mg-new-main .mg-builder { padding: 64px 40px 80px; }
  .mg-new-main .mg-layer { padding: 16px; }
  .mg-new-main .mg-product { padding: 20px; }
  .mg-new-main .mg-layer__heading { gap: 12px; }
  .mg-new-main .mg-layer__heading h3 { font-size: 21px; }
  .mg-new-main .mg-layer__heading p { font-size: 14px; line-height: 22px; }
  .mg-new-main .mg-product__badges { gap: 6px; }
  .mg-new-main .mg-badge { padding-right: 5px; gap: 4px; }
  .mg-new-main .mg-builder__summary { flex-wrap: wrap; gap: 24px; padding: 32px; }
  .mg-new-main .mg-builder__summary-copy { flex-basis: calc(100% - 100px); }
  .mg-new-main .mg-builder__actions { margin-left: auto; }
  .mg-new-main p.mg-builder__summary-title { line-height: 1.3; }
}
@media (max-width: 1399px) {
  .mg-new-main .mg-builder__cards { gap: 20px; }
  .mg-new-main .mg-layer { padding: 14px; }
  .mg-new-main .mg-product { padding: 16px; }
  .mg-new-main .mg-layer__heading { min-height: 74px; }
  .mg-new-main .mg-layer__number { flex-basis: 48px; height: 48px; }
  .mg-new-main .mg-layer__number > span { transform: none; font-size: 20px; }
  .mg-new-main .mg-layer__heading h3 { font-size: 18px; }
  .mg-new-main p.mg-product__description { min-height: 87px; }
  .mg-new-main .mg-product__badges { min-height: 64px; align-content: flex-start; }
  .mg-new-main .mg-product__thumb-row { gap: 4px; }
  .mg-new-main .mg-product__thumbs { gap: 5px; }
  .mg-new-main button.mg-product__thumb { font-size: 10px; }
  .mg-new-main button.mg-product__thumb-arrow { width: 18px; }
  .mg-new-main .mg-product__alternatives > p { font-size: 13px; }
}
@media (max-width: 1099px) {
  .mg-new-main .mg-builder { padding: 48px 10px 64px; }
  .mg-new-main .mg-builder__heading { padding-right: 0; gap: 16px; }
  .mg-new-main .mg-builder__heading h2 { font-size: 32px; line-height: 1.2; }
  .mg-new-main .mg-builder__scenarios { flex-wrap: nowrap; justify-content: flex-start; gap: 8px; margin: 16px 0; overflow-x: auto; }
  .mg-new-main .mg-builder__scenarios > :first-child { margin-left: auto; }
  .mg-new-main .mg-builder__scenarios > :last-child { margin-right: auto; }
  .mg-new-main button.mg-scenario { flex: 0 0 auto; height: 44px; padding: 8px 14px; gap: 8px; font-size: 13px; line-height: 18px; }
  .mg-new-main button.mg-scenario img { width: 22px; height: 22px; }
  .mg-new-main .mg-builder__cards { grid-template-columns: minmax(0, 1fr); width: 100%; justify-content: stretch; }
  .mg-new-main .mg-layer { padding: 20px; }
  .mg-new-main .mg-product { padding: 25px; }
  .mg-new-main .mg-layer__heading h3 { font-size: 24px; }
  .mg-new-main .mg-layer__heading p { font-size: 16px; line-height: 27px; }
  .mg-new-main p.mg-product__description { min-height: 45px; }
  .mg-new-main .mg-product__badges { min-height: 29px; }
  .mg-new-main .mg-product__thumb-row { gap: 10px; }
  .mg-new-main .mg-product__thumbs { gap: 10px; }
  .mg-new-main button.mg-product__thumb { font-size: 12px; }
  .mg-new-main button.mg-product__thumb-arrow { width: 30.406px; }
  .mg-new-main .mg-product__alternatives > p { font-size: 16px; }
  .mg-new-main .mg-layer:not(.is-open) .mg-product { display: none; }
  .mg-new-main .mg-layer__heading { cursor: pointer; }
  .mg-new-main .mg-layer__heading::after { content: ''; flex: 0 0 32px; width: 32px; height: 17px; margin-left: auto; background: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2217%22%20viewBox%3D%220%200%2032%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20opacity%3D%220.5%22%3E%0A%3Cpath%20d%3D%22M2.81177%200.733458L0.00178196%204.2035L16.155%2016.0489L17.2088%2014.7477L18.965%2012.5789L2.81177%200.733458Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M31.2587%203.30231L28.2534%20-7.52516e-05L15.4329%209.92714L18.4381%2013.2295L31.2587%203.30231Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") center / contain no-repeat; }
  .mg-new-main .mg-layer.is-open .mg-layer__heading::after { content: ''; transform: rotate(180deg); }
  .mg-new-main .mg-product__photo { height: 337px; aspect-ratio: auto; }
  .mg-new-main img.mg-product__image { left: 50%; width: 337px; height: 337px; clip-path: none; object-fit: contain; }
  .mg-new-main .mg-builder__summary { max-width: none; width: 100%; }
}
/* Keep the four scenarios symmetric when a single row no longer fits. */
@media (max-width: 679px) {
  .mg-new-main .mg-builder__scenarios { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow-x: visible; }
  .mg-new-main .mg-builder__scenarios > .mg-scenario { width: 100%; min-width: 0; margin: 0; }
}
@media (max-width: 599px) {
  .mg-new-main .mg-builder { padding: 40px 16px 48px; }
  .mg-new-main .mg-builder__heading h2 { font-size: 28px; }
  .mg-new-main .mg-builder__intro { line-height: 22px; }
  .mg-new-main .mg-builder__scenarios { gap: 6px; }
  .mg-new-main button.mg-scenario { height: 40px; padding: 8px 7px; gap: 6px; font-size: 12px; }
  .mg-new-main .mg-layer { padding: 14px; }
  .mg-new-main .mg-layer__heading h3 { font-size: 19px; }
  .mg-new-main .mg-layer__heading p { font-size: 13px; line-height: 20px; }
  .mg-new-main .mg-product { padding: 14px; gap: 20px; }
  .mg-new-main .mg-product__photo-arrow--prev { left: 4px; }
  .mg-new-main .mg-product__photo-arrow--next { right: 4px; }
  .mg-new-main .mg-product__thumbs { gap: 5px; }
  .mg-new-main .mg-product__thumb-row { gap: 4px; }
  .mg-new-main button.mg-product__thumb { font-size: 10px; }
  .mg-new-main button.mg-product__thumb-arrow { width: 20px; }
  .mg-new-main .mg-product__alternatives > p { font-size: 14px; }
  .mg-new-main .mg-builder__summary { padding: 24px 18px; gap: 20px; align-items: flex-start; }
  .mg-new-main .mg-builder__summary-copy { flex-basis: 100%; }
  .mg-new-main p.mg-builder__summary-title { font-size: 20px; }
  .mg-new-main p.mg-builder__summary-description { font-size: 15px; }
  .mg-new-main .mg-builder__actions { flex-direction: column; width: 100%; margin: 0; }
  .mg-new-main .mg-builder__actions button { width: 100%; padding: 14px 16px; font-size: 14px; }
}

@media (min-width: 1751px) {
  .mg-new-main [data-layer="0"] .mg-product__thumbs { transform: translateX(-20.203125px); }
  .mg-new-main .mg-product__thumb-arrow--prev img { transform: translateX(4.40625px); }
  .mg-new-main .mg-product__thumb-arrow--next img { transform: translateX(-4.40625px); }
  .mg-new-main [data-layer="0"] .mg-product__thumb-arrow--prev img { transform: translateX(-15.796875px); }
}

@media (max-width: 599px) {
  .mg-new-main .mg-builder { padding: 60px 16px 89px; }
  .mg-new-main .mg-builder__heading { gap: 10px; }
  .mg-new-main .mg-builder__heading h2 { font-size: 30px; line-height: 1.2; }
  .mg-new-main p.mg-builder__intro { font-size: 12px; line-height: 19px; }
  .mg-new-main .mg-builder__scenarios { margin: 12px 0; }
  .mg-new-main button.mg-scenario { flex-direction: row; white-space: nowrap; text-align: center; }
  .mg-new-main button.mg-scenario img { width: 19px; height: 19px; }
  .mg-new-main .mg-builder__cards { gap: 10px; }
  .mg-new-main .mg-layer { gap: 6px; padding: 10px; }
  .mg-new-main .mg-layer__heading { min-height: 60px; gap: 9px; }
  .mg-new-main .mg-layer__number { flex-basis: 44px; height: 44px; }
  .mg-new-main .mg-layer__number > span { width: 40px; height: 40px; }
  .mg-new-main .mg-layer__heading h3 { font-size: 17px; line-height: 23px; }
  .mg-new-main .mg-layer__heading p { font-size: 11px; line-height: 15px; }
  .mg-new-main .mg-product { padding: 10px; gap: 10px; }
  .mg-new-main .mg-product__photo { height: 280px; aspect-ratio: auto; }
  .mg-new-main img.mg-product__image { width: 100%; clip-path: none; object-fit: contain; }
  .mg-new-main .mg-product__copy { gap: 2px; }
  .mg-new-main h4.mg-product__name { order: 1; padding: 0; }
  .mg-new-main p.mg-product__price { order: 2; line-height: 23px; }
  .mg-new-main p.mg-product__description { order: 3; min-height: 0; padding: 0; font-size: 11px; line-height: 14px; }
  .mg-new-main .mg-product__badges { gap: 4px; min-height: 0; margin-top: 8px; }
  .mg-new-main .mg-badge { min-height: 23px; padding: 1px 4px; gap: 3px; font-size: 7px; line-height: 17px; }
  .mg-new-main .mg-badge img { width: 15px; height: 15px; }
  .mg-new-main button.mg-product__choose { height: 40px; margin-top: 12px; }
  .mg-new-main .mg-product__alternatives { padding-top: 8px; }
  .mg-new-main .mg-product__alternatives > p { font-size: 12px; line-height: 20px; }
  .mg-new-main .mg-product__thumb-row { margin-top: 4px; }
  .mg-new-main .mg-product__thumbs { grid-template-columns: repeat(4, minmax(0, 51px)); }
  .mg-new-main button.mg-product__thumb { gap: 4px; font-size: 8px; line-height: 11px; white-space: normal; }
  .mg-new-main button.mg-product__thumb-arrow { width: 13px; }
  .mg-new-main .mg-builder__summary { display: grid; grid-template-columns: 54px 1fr; min-height: 0; margin-top: 20px; padding: 16px; gap: 8px 12px; }
  .mg-new-main .mg-builder__shield { grid-column: 1; flex-basis: 54px; }
  .mg-new-main .mg-builder__shield img { width: 48px; height: auto; }
  .mg-new-main .mg-builder__summary-copy { grid-column: 2; }
  .mg-new-main p.mg-builder__summary-title { font-size: 13px; line-height: 15px; }
  .mg-new-main p.mg-builder__summary-description { margin-top: 6px; font-size: 9px; line-height: 12px; }
  .mg-new-main .mg-builder__actions { grid-column: 1 / -1; gap: 6px; }
  .mg-new-main .mg-builder__actions button { height: 40px; padding: 8px 10px; font-size: 10px; }
}

/* Stretch the product contents equally when benefit badges wrap onto more rows. */
@media (min-width: 1100px) {
  .mg-new-main .mg-layer > .mg-product { flex: 1 1 auto; }
  .mg-new-main .mg-product__details { flex: 1 1 auto; }
  .mg-new-main .mg-product__badges { flex: 1 1 auto; align-content: flex-start; align-items: flex-start; }
}

/* Catalog demonstration photos retain their full frame in every gallery size. */
.mg-new-main .mg-product__gallery-slide--catalog img.mg-product__image {
  left: 50%;
  width: 100%;
  height: 100%;
  clip-path: none;
  object-fit: contain;
}

/* The site's Swiper uses private classes here to avoid Aspro carousel overrides. */
.mg-new-main .mg-product__photo { touch-action: pan-y; }
.mg-new-main .mg-product__gallery-track {
  position: absolute;
  inset: 0;
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  transition-property: transform;
  transition-timing-function: ease;
  z-index: 1;
}
.mg-new-main .mg-product__gallery-slide {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}
.mg-new-main .mg-product__gallery-slide img.mg-product__image { pointer-events: none; }
.mg-new-main button.mg-product__photo-arrow { z-index: 2; }

/* Four compact scenario pills remain in one row, including narrow phones. */
@media (max-width: 1099px) {
  .mg-new-main .mg-builder__scenarios {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }
  .mg-new-main .mg-builder__scenarios > button.mg-scenario {
    width: 100%;
    min-width: 0;
    margin: 0;
    white-space: normal;
  }
  .mg-new-main .mg-scenario > span:last-child { min-width: 0; }
}
@media (max-width: 679px) {
  .mg-new-main .mg-builder__scenarios { gap: 4px; }
  .mg-new-main .mg-builder__scenarios > button.mg-scenario {
    height: 36px;
    padding: 5px 3px;
    gap: 3px;
    font-size: clamp(8px, 2.666667vw, 12px);
    line-height: 1.1;
  }
  .mg-new-main button.mg-scenario img { width: clamp(12px, 3.2vw, 16px); height: clamp(12px, 3.2vw, 16px); }
  .mg-new-main .mg-scenario > span:last-child { overflow-wrap: anywhere; }
}
/* Reserve space for two-line product names without shifting the thumbnail images. */
@media (min-width: 600px) {
  .mg-new-main button.mg-product__thumb { justify-content: flex-start; white-space: normal; }
  .mg-new-main .mg-product__thumb > span:last-child {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 2.6em;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }
}
/* Override the tablet summary grid inherited from home.css. */
@media (min-width: 600px) and (max-width: 1099px) {
  .mg-new-main .mg-builder .mg-builder__summary { grid-template-columns: 75px minmax(0, 1fr); }
  .mg-new-main .mg-builder .mg-builder__actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    width: 100%;
    margin: 0;
  }
  .mg-new-main .mg-builder__actions button {
    min-width: 0;
    width: 100%;
    height: auto;
    min-height: 64px;
    padding: 14px 12px;
    font-size: clamp(12px, 1.7vw, 16px);
    line-height: 1.3;
    white-space: normal;
  }
}

/* Keep the shield beside the copy when desktop actions move below it. */
@media (min-width: 1100px) and (max-width: 1750px) {
  .mg-new-main .mg-builder .mg-builder__summary {
    display: grid;
    grid-template-columns: 77.012px minmax(0, 1fr);
  }
  .mg-new-main .mg-builder .mg-builder__shield { grid-column: 1; }
  .mg-new-main .mg-builder .mg-builder__summary-copy { grid-column: 2; }
  .mg-new-main .mg-builder .mg-builder__actions {
    grid-column: 2;
    justify-self: end;
    margin-left: 0;
  }
}

/* Give the compact summary the spacing shown in the supplied reference. */
@media (min-width: 600px) and (max-width: 1099px) {
  .mg-new-main .mg-builder .mg-builder__summary { row-gap: 40px; }
}
@media (max-width: 599px) {
  .mg-new-main .mg-builder .mg-builder__summary {
    padding: 24px 20px;
    row-gap: 24px;
  }
  .mg-new-main .mg-builder p.mg-builder__summary-description { margin-top: 12px; }
  .mg-new-main .mg-builder .mg-builder__actions { gap: 12px; }
}
