/* ============================================================
   HEDA SHELVES
   4-SIDED STEEL DISPLAY STAND FOR RETAIL STORE
   PRODUCT NO.00193
   Complete Product Description | HTML + CSS
   ============================================================ */

.hds193 {
  --ds-navy:#172b41;
  --ds-blue:#19549a;
  --ds-blue-deep:#123c70;
  --ds-blue-pale:#eaf1f8;
  --ds-ink:#25323e;
  --ds-muted:#65727c;
  --ds-line:#e0e6e9;
  --ds-soft:#f4f7f8;
  --ds-white:#ffffff;
  --ds-gold:#d5a35b;

  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#fff;
  color:var(--ds-ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.75;
  container:hds193-page / inline-size;
}

.hds193,
.hds193 *,
.hds193 *::before,
.hds193 *::after {
  box-sizing:border-box;
}

.hds193 h2,
.hds193 h3,
.hds193 h4,
.hds193 p,
.hds193 figure {
  margin:0;
  padding:0;
}

.hds193 h2,
.hds193 h3,
.hds193 h4 {
  color:inherit;
  font-family:inherit;
  font-weight:700;
  line-height:1.22;
}

.hds193 p {
  line-height:1.85;
}

.hds193 img {
  display:block;
  max-width:100%;
  height:auto;
  border:0;
}

.hds193 a {
  text-decoration:none;
}

.hds193 .ds-wrap {
  width:calc(100% - 64px);
  max-width:1180px;
  margin:0 auto;
}

.hds193 .ds-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--ds-blue);
  font-size:10.5px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.hds193 .ds-eyebrow::before {
  content:"";
  display:block;
  width:23px;
  height:2px;
  flex:0 0 23px;
  background:currentColor;
}

.hds193 .ds-heading {
  font-size:clamp(29px,3.4vw,44px);
  line-height:1.17;
  letter-spacing:-1.1px;
}

.hds193 .ds-copy {
  color:var(--ds-muted);
  font-size:15px;
  line-height:1.88;
}

/* ============================================================
   OFFICIAL HEDA INQUIRY BUTTON
   ============================================================ */

.hds193 .ds-quote.themes_box_inquiry_button_alert {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:24px;
  width:auto !important;
  max-width:100%;
  min-height:52px;
  padding:14px 25px !important;
  background:#2462ad !important;
  border:1px solid #2462ad !important;
  border-radius:2px !important;
  color:#fff !important;
  font-family:inherit;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
  letter-spacing:.55px;
  text-transform:uppercase;
  text-align:center;
  text-decoration:none !important;
  box-shadow:none !important;
  cursor:pointer;
  white-space:normal;
  transition:background .2s ease;
}

.hds193 .ds-quote.themes_box_inquiry_button_alert:hover {
  background:#164a8a !important;
  border-color:#164a8a !important;
  color:#fff !important;
}

.hds193 .ds-arrow {
  font-size:20px;
  font-weight:400;
  line-height:1;
}

/* ============================================================
   01 | PRODUCT HERO
   ============================================================ */

.hds193 .ds-hero {
  background:#f0f4f7;
}

.hds193 .ds-hero-layout {
  display:grid;
  grid-template-columns:minmax(0,48%) minmax(0,52%);
  align-items:stretch;
  width:100%;
}

.hds193 .ds-hero-content {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  padding:68px 45px;
  background:var(--ds-navy);
  color:#fff;
}

.hds193 .ds-hero .ds-eyebrow {
  margin-bottom:28px;
  color:#aacbec;
}

.hds193 .ds-hero h2 {
  width:100%;
  max-width:550px;
  margin-bottom:28px;
  color:#fff;
  font-size:clamp(34px,3.7vw,52px);
  line-height:1.1;
  letter-spacing:-1.7px;
  overflow-wrap:normal;
  word-break:normal;
}

.hds193 .ds-hero h2 span {
  color:#94c7f8;
}

.hds193 .ds-hero-description {
  width:100%;
  max-width:520px;
  margin-bottom:29px;
  color:#c6d4e1;
  font-size:14.5px;
  line-height:1.92;
}

.hds193 .ds-hero-features {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin-bottom:34px;
}

.hds193 .ds-hero-features span {
  display:inline-flex;
  align-items:center;
  padding:8px 11px;
  border:1px solid #4b6279;
  color:#e0eaf2;
  font-size:10px;
  font-weight:600;
  line-height:1.5;
}

.hds193 .ds-hero-media {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:605px;
  padding:31px 30px 23px;
  background:#f4f6f8;
}

.hds193 .ds-hero-picture {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1;
  width:100%;
  min-height:0;
}

.hds193 .ds-hero-picture img {
  display:block;
  width:100%;
  height:auto;
  max-height:545px;
  object-fit:contain;
}

.hds193 .ds-hero-caption {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  width:100%;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #dbe1e7;
  color:#6a7781;
  font-size:10px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:.65px;
  text-transform:uppercase;
}

.hds193 .ds-hero-caption strong {
  color:var(--ds-blue);
}

/* ============================================================
   02 | FOUR-SIDED MERCHANDISING
   ============================================================ */

.hds193 .ds-four {
  padding:106px 0 110px;
  background:#fff;
}

.hds193 .ds-four-top {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.84fr);
  gap:65px;
  align-items:end;
  margin-bottom:44px;
}

.hds193 .ds-four-top .ds-eyebrow {
  margin-bottom:20px;
}

.hds193 .ds-four-top .ds-copy {
  max-width:490px;
}

.hds193 .ds-four-layout {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  align-items:stretch;
  gap:25px;
}

.hds193 .ds-four-statement {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
  padding:38px;
  background:var(--ds-blue-deep);
  color:#fff;
}

.hds193 .ds-four-number {
  display:block;
  color:#fff;
  font-size:clamp(100px,13vw,175px);
  font-weight:700;
  line-height:.9;
  letter-spacing:-10px;
}

.hds193 .ds-four-statement-bottom {
  margin-top:75px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.27);
}

.hds193 .ds-four-statement-bottom h3 {
  margin-bottom:15px;
  color:#fff;
  font-size:26px;
  letter-spacing:-.5px;
}

.hds193 .ds-four-statement-bottom p {
  max-width:350px;
  color:#c4d9eb;
  font-size:13.5px;
  line-height:1.88;
}

.hds193 .ds-four-details {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:#dfe6eb;
  border:1px solid #dfe6eb;
}

.hds193 .ds-four-item {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:30px 27px 33px;
  background:#f5f7f9;
}

.hds193 .ds-four-item > span {
  display:block;
  margin-bottom:38px;
  color:#3569a9;
  font-size:11px;
  font-weight:700;
  letter-spacing:1px;
  line-height:1.5;
}

.hds193 .ds-four-item h3 {
  margin-bottom:13px;
  font-size:19px;
  line-height:1.3;
}

.hds193 .ds-four-item p {
  color:#66747e;
  font-size:12.8px;
  line-height:1.88;
}

/* ============================================================
   03 | ORIGINAL STRUCTURAL REFERENCE
   ============================================================ */

.hds193 .ds-structure {
  padding:103px 0 109px;
  background:#f0f4f7;
}

.hds193 .ds-structure-layout {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:24px;
}

.hds193 .ds-structure-media {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:26px;
  background:#fff;
}

.hds193 .ds-structure-picture {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1;
  width:100%;
  min-height:0;
}

.hds193 .ds-structure-picture img {
  width:100%;
  height:auto;
  max-height:540px;
  object-fit:contain;
}

.hds193 .ds-structure-caption {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding-top:16px;
  margin-top:17px;
  border-top:1px solid var(--ds-line);
  color:#6a7780;
  font-size:10px;
  font-weight:700;
  letter-spacing:.6px;
  line-height:1.6;
  text-transform:uppercase;
}

.hds193 .ds-structure-caption strong {
  color:var(--ds-blue);
}

.hds193 .ds-structure-content {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:35px 35px 37px;
  background:#fff;
}

.hds193 .ds-structure-content .ds-eyebrow {
  margin-bottom:21px;
}

.hds193 .ds-structure-content .ds-heading {
  margin-bottom:23px;
}

.hds193 .ds-structure-content > .ds-copy {
  margin-bottom:25px;
}

.hds193 .ds-structure-points {
  border-top:1px solid var(--ds-line);
}

.hds193 .ds-structure-row {
  display:grid;
  grid-template-columns:35px minmax(0,1fr);
  gap:15px;
  padding:19px 0;
  border-bottom:1px solid var(--ds-line);
}

.hds193 .ds-structure-row > span {
  color:var(--ds-blue);
  font-size:12px;
  font-weight:700;
}

.hds193 .ds-structure-row h3 {
  margin-bottom:7px;
  font-size:16px;
}

.hds193 .ds-structure-row p {
  color:#697680;
  font-size:12.8px;
  line-height:1.85;
}

/* ============================================================
   04 | CONSTRUCTION DETAILS
   ============================================================ */

.hds193 .ds-engineering {
  padding:103px 0 109px;
  background:#fff;
}

.hds193 .ds-engineering-top {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.8fr);
  align-items:end;
  gap:60px;
  margin-bottom:44px;
}

.hds193 .ds-engineering-top .ds-eyebrow {
  margin-bottom:21px;
}

.hds193 .ds-engineering-list {
  border-top:2px solid var(--ds-navy);
}

.hds193 .ds-engineering-row {
  display:grid;
  grid-template-columns:55px minmax(0,.87fr) minmax(0,1.13fr);
  gap:27px;
  align-items:start;
  padding:27px 0;
  border-bottom:1px solid var(--ds-line);
}

.hds193 .ds-engineering-number {
  color:#346cae;
  font-size:12px;
  font-weight:700;
}

.hds193 .ds-engineering-row h3 {
  font-size:19px;
  line-height:1.32;
}

.hds193 .ds-engineering-row p {
  color:#687680;
  font-size:13px;
  line-height:1.87;
}

/* ============================================================
   05 | RETAIL APPLICATIONS
   ============================================================ */

.hds193 .ds-retail {
  padding:101px 0 108px;
  background:#eef3f7;
}

.hds193 .ds-retail-head {
  max-width:780px;
  margin-bottom:43px;
}

.hds193 .ds-retail-head .ds-eyebrow {
  margin-bottom:19px;
}

.hds193 .ds-retail-head .ds-heading {
  margin-bottom:23px;
}

.hds193 .ds-retail-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}

.hds193 .ds-retail-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:31px 28px 36px;
  background:#fff;
  border-top:3px solid #2b6ab4;
}

.hds193 .ds-retail-card > span {
  display:block;
  margin-bottom:44px;
  color:#356cae;
  font-size:10px;
  font-weight:700;
  letter-spacing:1px;
  line-height:1.5;
}

.hds193 .ds-retail-card h3 {
  margin-bottom:14px;
  font-size:20px;
}

.hds193 .ds-retail-card p {
  color:#697680;
  font-size:13px;
  line-height:1.88;
}

/* ============================================================
   06 | VERIFIED PRODUCT REFERENCE
   ============================================================ */

.hds193 .ds-spec {
  padding:106px 0 112px;
  background:#fff;
}

.hds193 .ds-spec-layout {
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(40px,7vw,88px);
  align-items:start;
}

.hds193 .ds-spec-intro .ds-eyebrow {
  margin-bottom:21px;
}

.hds193 .ds-spec-intro .ds-heading {
  margin-bottom:24px;
}

.hds193 .ds-spec-intro .ds-copy {
  max-width:430px;
}

.hds193 .ds-spec-note {
  margin-top:29px;
  padding:19px 21px;
  background:#ecf2f6;
  border-left:3px solid var(--ds-blue);
}

.hds193 .ds-spec-note strong {
  display:block;
  margin-bottom:9px;
  font-size:13px;
}

.hds193 .ds-spec-note p {
  color:#64747e;
  font-size:12px;
  line-height:1.85;
}

.hds193 .ds-spec-table-wrap {
  min-width:0;
}

.hds193 .ds-spec-table {
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  table-layout:fixed;
  text-align:left;
}

.hds193 .ds-spec-table th,
.hds193 .ds-spec-table td {
  padding:19px 16px;
  border:0;
  border-bottom:1px solid var(--ds-line);
  text-align:left;
  vertical-align:top;
  line-height:1.83;
}

.hds193 .ds-spec-table tr:first-child th,
.hds193 .ds-spec-table tr:first-child td {
  border-top:3px solid var(--ds-navy);
}

.hds193 .ds-spec-table th {
  width:37%;
  color:#2b3944;
  font-size:13px;
  font-weight:700;
}

.hds193 .ds-spec-table td {
  color:#61717c;
  font-size:13px;
  overflow-wrap:anywhere;
}

.hds193 .ds-spec-table td strong {
  color:#243848;
}

.hds193 .ds-spec-sub {
  display:block;
  margin-top:5px;
  color:#85929c;
  font-size:11px;
  line-height:1.7;
}

/* ============================================================
   07 | PROJECT CUSTOMIZATION
   ============================================================ */

.hds193 .ds-custom {
  padding:104px 0 109px;
  background:var(--ds-navy);
  color:#fff;
}

.hds193 .ds-custom-layout {
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(43px,7vw,92px);
  align-items:start;
}

.hds193 .ds-custom-intro .ds-eyebrow {
  margin-bottom:22px;
  color:#a9caec;
}

.hds193 .ds-custom-intro .ds-heading {
  margin-bottom:25px;
  color:#fff;
}

.hds193 .ds-custom-intro .ds-copy {
  max-width:445px;
  color:#c8d6e3;
}

.hds193 .ds-custom-note {
  margin-top:30px;
  padding:20px 22px;
  border-left:3px solid #88baf1;
  background:rgba(255,255,255,.07);
}

.hds193 .ds-custom-note strong {
  display:block;
  margin-bottom:9px;
  color:#fff;
  font-size:13px;
}

.hds193 .ds-custom-note p {
  color:#c9d8e5;
  font-size:12px;
  line-height:1.88;
}

.hds193 .ds-custom-list {
  border-top:1px solid rgba(255,255,255,.25);
}

.hds193 .ds-custom-row {
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:17px;
  padding:23px 0;
  border-bottom:1px solid rgba(255,255,255,.22);
}

.hds193 .ds-custom-row > span {
  color:#91c7fb;
  font-size:12px;
  font-weight:700;
}

.hds193 .ds-custom-row h3 {
  margin-bottom:9px;
  color:#fff;
  font-size:17px;
}

.hds193 .ds-custom-row p {
  color:#c7d6e3;
  font-size:13px;
  line-height:1.87;
}

/* ============================================================
   08 | PROJECT PREPARATION
   ============================================================ */

.hds193 .ds-planning {
  padding:101px 0 110px;
  background:#fff;
}

.hds193 .ds-planning-head {
  max-width:790px;
  margin-bottom:42px;
}

.hds193 .ds-planning-head .ds-eyebrow {
  margin-bottom:19px;
}

.hds193 .ds-planning-head .ds-heading {
  margin-bottom:22px;
}

.hds193 .ds-planning-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px;
  align-items:stretch;
}

.hds193 .ds-planning-card {
  display:grid;
  grid-template-columns:37px minmax(0,1fr);
  align-items:start;
  gap:17px;
  min-width:0;
  padding:29px 27px 32px;
  background:#f2f5f8;
}

.hds193 .ds-planning-card > span {
  color:#326ba9;
  font-size:12px;
  font-weight:700;
}

.hds193 .ds-planning-card h3 {
  margin-bottom:10px;
  font-size:17px;
}

.hds193 .ds-planning-card p {
  color:#687680;
  font-size:13px;
  line-height:1.85;
}

/* ============================================================
   09 | FINAL CTA
   ============================================================ */

.hds193 .ds-final {
  padding:87px 0 93px;
  background:#eef3f7;
  border-top:4px solid #2866ac;
}

.hds193 .ds-final-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:55px;
}

.hds193 .ds-final .ds-eyebrow {
  margin-bottom:21px;
}

.hds193 .ds-final h2 {
  max-width:755px;
  margin-bottom:22px;
  font-size:clamp(29px,3.3vw,43px);
  line-height:1.2;
  letter-spacing:-1px;
}

.hds193 .ds-final p {
  max-width:690px;
  color:#667783;
  font-size:14px;
  line-height:1.9;
}

.hds193 .ds-final-action {
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

/* ============================================================
   CONTAINER-BASED RESPONSIVE DESIGN
   ============================================================ */

@container hds193-page (max-width:960px) {
  .hds193 .ds-hero-layout {
    grid-template-columns:minmax(0,1fr);
  }

  .hds193 .ds-hero-content {
    padding:61px 42px;
  }

  .hds193 .ds-hero h2 {
    max-width:730px;
    font-size:clamp(35px,5.4cqw,50px);
  }

  .hds193 .ds-hero-description {
    max-width:690px;
  }

  .hds193 .ds-hero-media {
    min-height:0;
    padding:28px 35px;
  }

  .hds193 .ds-hero-picture img {
    max-height:520px;
  }
}

@container hds193-page (max-width:800px) {
  .hds193 .ds-four-top,
  .hds193 .ds-four-layout,
  .hds193 .ds-structure-layout,
  .hds193 .ds-engineering-top,
  .hds193 .ds-spec-layout,
  .hds193 .ds-custom-layout {
    grid-template-columns:minmax(0,1fr);
    gap:30px;
  }

  .hds193 .ds-four-statement {
    padding:29px 34px;
  }

  .hds193 .ds-four-number {
    font-size:105px;
    letter-spacing:-5px;
  }

  .hds193 .ds-four-statement-bottom {
    margin-top:24px;
  }

  .hds193 .ds-structure-media {
    padding:22px;
  }

  .hds193 .ds-structure-picture img {
    max-height:500px;
  }

  .hds193 .ds-structure-content {
    padding:31px;
  }

  .hds193 .ds-engineering-row {
    grid-template-columns:44px minmax(0,1fr);
    gap:14px;
  }

  .hds193 .ds-engineering-row p {
    grid-column:2;
  }

  .hds193 .ds-final-layout {
    grid-template-columns:minmax(0,1fr);
    gap:31px;
  }

  .hds193 .ds-final-action {
    justify-content:flex-start;
  }
}

@container hds193-page (max-width:650px) {
  .hds193 .ds-wrap {
    width:calc(100% - 40px);
  }

  .hds193 .ds-retail-grid {
    grid-template-columns:minmax(0,1fr);
    gap:14px;
  }

  .hds193 .ds-retail-card {
    padding:27px;
  }

  .hds193 .ds-retail-card > span {
    margin-bottom:23px;
  }

  .hds193 .ds-planning-grid {
    grid-template-columns:minmax(0,1fr);
    gap:13px;
  }
}

@container hds193-page (max-width:490px) {
  .hds193 .ds-wrap {
    width:calc(100% - 34px);
  }

  .hds193 .ds-heading {
    font-size:29px;
    letter-spacing:-.7px;
  }

  .hds193 .ds-copy {
    font-size:14px;
  }

  .hds193 .ds-hero-content {
    padding:51px 23px;
  }

  .hds193 .ds-hero h2 {
    font-size:clamp(32px,8.5cqw,41px);
    letter-spacing:-1px;
  }

  .hds193 .ds-hero-description {
    font-size:14px;
  }

  .hds193 .ds-hero-media {
    padding:18px 15px;
  }

  .hds193 .ds-hero-caption {
    font-size:9px;
  }

  .hds193 .ds-four,
  .hds193 .ds-structure,
  .hds193 .ds-engineering,
  .hds193 .ds-retail,
  .hds193 .ds-spec,
  .hds193 .ds-custom,
  .hds193 .ds-planning {
    padding-top:68px;
    padding-bottom:74px;
  }

  .hds193 .ds-four-details {
    grid-template-columns:minmax(0,1fr);
  }

  .hds193 .ds-four-item {
    padding:25px 24px;
  }

  .hds193 .ds-four-item > span {
    margin-bottom:17px;
  }

  .hds193 .ds-four-statement {
    padding:27px 25px;
  }

  .hds193 .ds-four-statement-bottom h3 {
    font-size:23px;
  }

  .hds193 .ds-structure-media {
    padding:14px;
  }

  .hds193 .ds-structure-content {
    padding:24px;
  }

  .hds193 .ds-engineering-row {
    padding:23px 0;
  }

  .hds193 .ds-engineering-row h3 {
    font-size:18px;
  }

  .hds193 .ds-spec-table th,
  .hds193 .ds-spec-table td {
    padding:15px 10px;
    font-size:12px;
  }

  .hds193 .ds-spec-table th {
    width:39%;
  }

  .hds193 .ds-custom-note {
    padding:18px;
  }

  .hds193 .ds-planning-card {
    grid-template-columns:27px minmax(0,1fr);
    gap:13px;
    padding:24px 21px;
  }

  .hds193 .ds-final {
    padding:68px 0;
  }

  .hds193 .ds-final h2 {
    font-size:29px;
  }

  .hds193 .ds-quote.themes_box_inquiry_button_alert {
    width:100% !important;
  }
}

@container hds193-page (max-width:370px) {
  .hds193 .ds-wrap {
    width:calc(100% - 28px);
  }

  .hds193 .ds-hero-content {
    padding:43px 19px;
  }

  .hds193 .ds-hero h2 {
    font-size:30px;
  }

  .hds193 .ds-heading {
    font-size:27px;
  }

  .hds193 .ds-four-number {
    font-size:88px;
  }
}

/* ============================================================
   VIEWPORT FALLBACK
   ============================================================ */

@media (max-width:700px) {
  .hds193 .ds-wrap {
    width:calc(100% - 34px);
  }

  .hds193 .ds-hero-layout,
  .hds193 .ds-four-top,
  .hds193 .ds-four-layout,
  .hds193 .ds-structure-layout,
  .hds193 .ds-engineering-top,
  .hds193 .ds-spec-layout,
  .hds193 .ds-custom-layout,
  .hds193 .ds-final-layout {
    grid-template-columns:minmax(0,1fr);
  }

  .hds193 .ds-retail-grid,
  .hds193 .ds-planning-grid {
    grid-template-columns:minmax(0,1fr);
  }

  .hds193 .ds-hero-media {
    min-height:0;
  }

  .hds193 .ds-final-action {
    justify-content:flex-start;
  }
}