/* ==========================================================
   HEDA SHELVES | MSSIS01
   MINISO STYLE STORE ISLAND SHELVES

   DESIGN CONCEPT:
   ISLAND MERCHANDISING STUDIO
   BLACK GRID × NATURAL OAK × WARM IVORY

   Complete Product Description HTML + CSS
   Unique Scope: #heda-mssis01
   No External Libraries / No Custom JavaScript
========================================================== */

#heda-mssis01 {
  --is-ink:#262d2b;
  --is-dark:#232b29;
  --is-deep:#18211e;
  --is-body:#5e6963;
  --is-muted:#849088;
  --is-oak:#b08b5c;
  --is-oakdeep:#785937;
  --is-oaklight:#e7d7bd;
  --is-cream:#faf8f4;
  --is-soft:#f3f5f1;
  --is-line:#e1e6df;
  --is-orange:#ed7926;
  --is-orangehover:#ca611c;

  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  background:#fff;
  color:var(--is-ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}

#heda-mssis01,
#heda-mssis01 * {
  box-sizing:border-box;
}

#heda-mssis01 img {
  display:block;
  max-width:100%;
  height:auto;
  border:0;
}

#heda-mssis01 h2,
#heda-mssis01 h3,
#heda-mssis01 h4,
#heda-mssis01 p,
#heda-mssis01 figure,
#heda-mssis01 figcaption,
#heda-mssis01 ul {
  margin:0;
  padding:0;
}

#heda-mssis01 h2,
#heda-mssis01 h3,
#heda-mssis01 h4 {
  color:inherit;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.23;
  font-weight:700;
  letter-spacing:-.035em;
}

#heda-mssis01 a {
  text-decoration:none;
}

#heda-mssis01 .is-wrap {
  max-width:1220px;
  width:100%;
  margin:0 auto;
  padding:0 30px;
}

#heda-mssis01 .is-section {
  padding:79px 0;
}

#heda-mssis01 .is-kicker {
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--is-oakdeep);
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.5;
  text-transform:uppercase;
}

#heda-mssis01 .is-kicker:before {
  content:"";
  display:block;
  width:23px;
  height:2px;
  flex:0 0 23px;
  background:var(--is-oak);
}

#heda-mssis01 .is-title {
  margin-top:17px;
  font-size:clamp(29px,3.35vw,43px);
}

#heda-mssis01 .is-lead {
  color:var(--is-body);
  font-size:15px;
  line-height:1.95;
}

#heda-mssis01 .is-heading {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.84fr);
  align-items:end;
  gap:55px;
  margin-bottom:35px;
}

/* ==========================================================
   ORIGINAL HEDA WEBSITE INQUIRY POPUP
========================================================== */

#heda-mssis01 .is-quote {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:22px !important;

  width:auto !important;
  min-height:52px !important;
  padding:14px 27px !important;

  background:var(--is-orange) !important;
  border:1px solid var(--is-orange) !important;
  border-radius:2px !important;
  box-shadow:none !important;

  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
  letter-spacing:.06em !important;
  text-align:center !important;
  text-decoration:none !important;
  text-transform:uppercase !important;

  cursor:pointer;
  transition:background .2s ease,border-color .2s ease;
}

#heda-mssis01 .is-quote:hover {
  color:#fff !important;
  background:var(--is-orangehover) !important;
  border-color:var(--is-orangehover) !important;
}

#heda-mssis01 .is-arrow {
  font-size:19px;
  font-weight:400;
  line-height:1;
}

/* ==========================================================
   01 / EDITORIAL INTRODUCTION
========================================================== */

#heda-mssis01 .is-hero {
  padding-top:22px;
  background:#fff;
}

#heda-mssis01 .is-topline {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  padding-bottom:17px;
  border-bottom:1px solid var(--is-line);
}

#heda-mssis01 .is-topline span {
  color:var(--is-muted);
  font-size:10px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:.1em;
  text-transform:uppercase;
}

#heda-mssis01 .is-topline span:first-child {
  color:var(--is-oakdeep);
}

#heda-mssis01 .is-hero-header {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:center;
  gap:56px;
  padding:49px 0 43px;
}

#heda-mssis01 .is-hero-title {
  margin-top:18px;
  font-size:clamp(37px,4.5vw,61px);
  line-height:1.1;
  letter-spacing:-.052em;
}

#heda-mssis01 .is-hero-title em {
  display:block;
  margin-top:10px;
  color:var(--is-oakdeep);
  font-style:normal;
  font-weight:400;
}

#heda-mssis01 .is-hero-right {
  min-width:0;
  padding-left:28px;
  border-left:2px solid var(--is-oak);
}

#heda-mssis01 .is-hero-right p {
  color:var(--is-body);
  font-size:14px;
  line-height:2;
}

#heda-mssis01 .is-hero-pills {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:23px;
}

#heda-mssis01 .is-hero-pills span {
  padding:7px 10px;
  background:var(--is-cream);
  border:1px solid #e8e1d6;
  color:#776d5f;
  font-size:11px;
  line-height:1.6;
}

#heda-mssis01 .is-hero-action {
  margin-top:26px;
}

/* Product presentation stage */

#heda-mssis01 .is-product-stage {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  align-items:stretch;
  background:var(--is-dark);
}

#heda-mssis01 .is-stage-photo {
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
  background:#fff;
}

#heda-mssis01 .is-stage-image {
  display:flex;
  flex:1 1 auto;
  align-items:center;
  justify-content:center;
  padding:12px;
}

#heda-mssis01 .is-stage-image img {
  width:100%;
  max-width:650px;
  height:auto;
  object-fit:contain;
}

#heda-mssis01 .is-stage-photo figcaption {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:9px;
  padding:14px 18px;
  border-top:1px solid var(--is-line);
  color:var(--is-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.055em;
  line-height:1.75;
  text-transform:uppercase;
}

#heda-mssis01 .is-stage-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(29px,3.8vw,46px);
}

#heda-mssis01 .is-stage-index {
  display:block;
  margin-bottom:17px;
  color:#dec19c;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
}

#heda-mssis01 .is-stage-copy h3 {
  margin-bottom:18px;
  color:#fff;
  font-size:clamp(25px,2.65vw,35px);
}

#heda-mssis01 .is-stage-copy > p {
  color:#d0dad3;
  font-size:13px;
  line-height:1.95;
}

#heda-mssis01 .is-stage-facts {
  margin-top:25px;
  border-top:1px solid rgba(255,255,255,.2);
}

#heda-mssis01 .is-stage-fact {
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.2);
}

#heda-mssis01 .is-stage-fact strong {
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-size:13px;
}

#heda-mssis01 .is-stage-fact p {
  color:#bfcfc3;
  font-size:12px;
  line-height:1.8;
}

/* Product identity line */

#heda-mssis01 .is-identity {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-bottom:1px solid var(--is-line);
}

#heda-mssis01 .is-identity-item {
  min-width:0;
  padding:24px 23px;
  border-right:1px solid var(--is-line);
}

#heda-mssis01 .is-identity-item:first-child {
  padding-left:2px;
}

#heda-mssis01 .is-identity-item:last-child {
  border-right:0;
}

#heda-mssis01 .is-identity-item strong {
  display:block;
  font-size:14px;
}

#heda-mssis01 .is-identity-item p {
  margin-top:6px;
  color:var(--is-muted);
  font-size:11px;
  line-height:1.8;
}

/* ==========================================================
   02 / STRUCTURE EXPLAINED
========================================================== */

#heda-mssis01 .is-structure {
  background:#fff;
}

#heda-mssis01 .is-structure-list {
  border-top:1px solid var(--is-line);
}

#heda-mssis01 .is-structure-row {
  display:grid;
  grid-template-columns:64px minmax(0,.7fr) minmax(0,1.3fr);
  align-items:center;
  gap:22px;
  padding:24px 0;
  border-bottom:1px solid var(--is-line);
}

#heda-mssis01 .is-structure-num {
  color:var(--is-oakdeep);
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
}

#heda-mssis01 .is-structure-row h3 {
  font-size:19px;
}

#heda-mssis01 .is-structure-row p {
  color:var(--is-body);
  font-size:13px;
  line-height:1.9;
}

/* ==========================================================
   03 / ISLAND DISPLAY PLANNING
========================================================== */

#heda-mssis01 .is-island {
  background:var(--is-cream);
}

#heda-mssis01 .is-island-board {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  align-items:stretch;
  border:1px solid #e6e1d9;
}

#heda-mssis01 .is-island-intro {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px 38px;
  background:#fff;
}

#heda-mssis01 .is-island-intro .is-lead {
  margin-top:20px;
}

#heda-mssis01 .is-island-note {
  margin-top:24px;
  padding:17px 19px;
  background:var(--is-soft);
  border-left:3px solid var(--is-oak);
  color:var(--is-body);
  font-size:12px;
  line-height:1.9;
}

#heda-mssis01 .is-island-panel {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:40px;
  background:var(--is-deep);
}

#heda-mssis01 .is-island-plan {
  display:grid;
  grid-template-columns:minmax(0,.55fr) minmax(0,1.4fr) minmax(0,.55fr);
  gap:10px;
  align-items:stretch;
  min-height:255px;
}

#heda-mssis01 .is-aisle {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px 8px;
  border:1px dashed rgba(255,255,255,.27);
  color:#c4d5c9;
  font-size:11px;
  font-weight:700;
  letter-spacing:.09em;
  text-align:center;
  text-transform:uppercase;
}

#heda-mssis01 .is-fixture-zone {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  padding:14px;
  background:#3a4540;
  border:1px solid #75857a;
}

#heda-mssis01 .is-fixture-label {
  margin-bottom:15px;
  color:#e9d4b5;
  font-size:11px;
  font-weight:700;
  letter-spacing:.09em;
  text-align:center;
  text-transform:uppercase;
}

#heda-mssis01 .is-fixture-lines {
  display:grid;
  gap:9px;
}

#heda-mssis01 .is-fixture-line {
  height:20px;
  background:#bb9a6e;
  border:1px solid #d5ba94;
}

#heda-mssis01 .is-fixture-line:nth-child(even) {
  background:#98754b;
}

#heda-mssis01 .is-plan-caption {
  margin-top:20px;
  color:#acbeb1;
  font-size:11px;
  line-height:1.85;
  text-align:center;
}

/* ==========================================================
   04 / SHELF AND HOOK CONFIGURATION
========================================================== */

#heda-mssis01 .is-config {
  background:#fff;
}

#heda-mssis01 .is-config-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:19px;
}

#heda-mssis01 .is-config-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  padding:32px 31px;
  background:var(--is-soft);
  border:1px solid var(--is-line);
}

#heda-mssis01 .is-config-card:nth-child(2) {
  background:var(--is-cream);
}

#heda-mssis01 .is-config-number {
  display:block;
  margin-bottom:26px;
  color:var(--is-oakdeep);
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
}

#heda-mssis01 .is-config-card h3 {
  margin-bottom:15px;
  font-size:24px;
}

#heda-mssis01 .is-config-card > p {
  color:var(--is-body);
  font-size:13px;
  line-height:1.95;
}

#heda-mssis01 .is-config-divider {
  width:100%;
  margin:23px 0 18px;
  border-top:1px solid #d8ded6;
}

#heda-mssis01 .is-config-points {
  display:grid;
  gap:12px;
  margin-bottom:23px;
}

#heda-mssis01 .is-config-point {
  display:grid;
  grid-template-columns:18px 1fr;
  gap:9px;
  align-items:start;
  color:var(--is-body);
  font-size:12px;
  line-height:1.85;
}

#heda-mssis01 .is-config-point:before {
  content:"";
  display:block;
  width:7px;
  height:7px;
  margin-top:8px;
  background:var(--is-oak);
  border-radius:50%;
}

#heda-mssis01 .is-config-footer {
  margin-top:auto;
  padding-top:17px;
  border-top:1px solid #d8ded6;
  color:var(--is-muted);
  font-size:11px;
  line-height:1.85;
}

/* ==========================================================
   05 / REAL STORE REFERENCE IMAGES
========================================================== */

#heda-mssis01 .is-gallery {
  background:var(--is-soft);
}

#heda-mssis01 .is-gallery-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:19px;
}

#heda-mssis01 .is-gallery-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--is-line);
}

#heda-mssis01 .is-gallery-photo {
  width:100%;
  aspect-ratio:2/1;
  overflow:hidden;
  background:#fff;
}

#heda-mssis01 .is-gallery-photo img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

#heda-mssis01 .is-gallery-body {
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-width:0;
  padding:26px 27px 28px;
  border-top:1px solid var(--is-line);
}

#heda-mssis01 .is-gallery-id {
  display:block;
  margin-bottom:13px;
  color:var(--is-oakdeep);
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
}

#heda-mssis01 .is-gallery-body h3 {
  margin-bottom:12px;
  font-size:21px;
}

#heda-mssis01 .is-gallery-body p {
  color:var(--is-body);
  font-size:13px;
  line-height:1.92;
}

#heda-mssis01 .is-gallery-foot {
  margin-top:auto;
  padding-top:19px;
}

#heda-mssis01 .is-gallery-foot span {
  display:block;
  padding-top:14px;
  border-top:1px solid var(--is-line);
  color:var(--is-muted);
  font-size:11px;
  line-height:1.85;
}

#heda-mssis01 .is-gallery-note {
  margin-top:18px;
  color:var(--is-muted);
  font-size:12px;
  line-height:1.9;
}

/* ==========================================================
   06 / RETAIL APPLICATIONS
========================================================== */

#heda-mssis01 .is-apps {
  background:var(--is-dark);
}

#heda-mssis01 .is-apps .is-kicker {
  color:#dec5a0;
}

#heda-mssis01 .is-apps .is-kicker:before {
  background:#bea178;
}

#heda-mssis01 .is-apps .is-title {
  color:#fff;
}

#heda-mssis01 .is-apps .is-lead {
  color:#cbd9d0;
}

#heda-mssis01 .is-app-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  border-top:1px solid rgba(255,255,255,.2);
  border-bottom:1px solid rgba(255,255,255,.2);
}

#heda-mssis01 .is-app {
  min-width:0;
  padding:29px 27px 32px;
  border-right:1px solid rgba(255,255,255,.2);
}

#heda-mssis01 .is-app:first-child {
  padding-left:0;
}

#heda-mssis01 .is-app:last-child {
  border-right:0;
}

#heda-mssis01 .is-app-id {
  display:block;
  margin-bottom:20px;
  color:#ddc29c;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
}

#heda-mssis01 .is-app h3 {
  margin-bottom:12px;
  color:#fff;
  font-size:20px;
}

#heda-mssis01 .is-app p {
  color:#cbd6cd;
  font-size:13px;
  line-height:1.93;
}

/* ==========================================================
   07 / VERIFIED PRODUCT INFORMATION
========================================================== */

#heda-mssis01 .is-specs {
  background:#fff;
}

#heda-mssis01 .is-spec-board {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  border:1px solid var(--is-line);
}

#heda-mssis01 .is-spec-col {
  min-width:0;
  padding:31px 30px;
}

#heda-mssis01 .is-spec-col:first-child {
  border-right:1px solid var(--is-line);
}

#heda-mssis01 .is-spec-col h3 {
  margin-bottom:20px;
  font-size:21px;
}

#heda-mssis01 .is-spec-row {
  display:grid;
  grid-template-columns:minmax(0,.39fr) minmax(0,.61fr);
  align-items:start;
  gap:14px;
  padding:15px 0;
  border-bottom:1px solid var(--is-line);
}

#heda-mssis01 .is-spec-row:last-child {
  border-bottom:0;
}

#heda-mssis01 .is-spec-row strong {
  color:var(--is-ink);
  font-size:12px;
  line-height:1.8;
}

#heda-mssis01 .is-spec-row span {
  color:var(--is-body);
  font-size:12px;
  line-height:1.9;
}

#heda-mssis01 .is-spec-note {
  margin-top:20px;
  padding:21px 23px;
  background:var(--is-cream);
  border-left:3px solid var(--is-oak);
  color:var(--is-body);
  font-size:12px;
  line-height:1.95;
}

/* ==========================================================
   08 / QUOTATION CHECKLIST
========================================================== */

#heda-mssis01 .is-process {
  background:var(--is-cream);
}

#heda-mssis01 .is-process-grid {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  align-items:start;
  gap:64px;
}

#heda-mssis01 .is-process-intro .is-lead {
  margin-top:21px;
}

#heda-mssis01 .is-process-highlight {
  margin-top:28px;
  padding:21px 23px;
  background:#fff;
  border-left:3px solid var(--is-oak);
}

#heda-mssis01 .is-process-highlight h3 {
  margin-bottom:8px;
  font-size:17px;
}

#heda-mssis01 .is-process-highlight p {
  color:var(--is-body);
  font-size:12px;
  line-height:1.9;
}

#heda-mssis01 .is-process-list {
  border-top:1px solid #dedbd4;
}

#heda-mssis01 .is-process-item {
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:start;
  gap:15px;
  padding:20px 0;
  border-bottom:1px solid #dedbd4;
}

#heda-mssis01 .is-process-no {
  color:var(--is-oakdeep);
  font-size:12px;
  font-weight:700;
}

#heda-mssis01 .is-process-item h3 {
  margin-bottom:8px;
  font-size:17px;
}

#heda-mssis01 .is-process-item p {
  color:var(--is-body);
  font-size:13px;
  line-height:1.9;
}

/* ==========================================================
   09 / BUYER QUESTIONS
========================================================== */

#heda-mssis01 .is-faq {
  background:#fff;
}

#heda-mssis01 .is-faq-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:17px;
}

#heda-mssis01 .is-faq-card {
  min-width:0;
  padding:27px 28px;
  border:1px solid var(--is-line);
  background:#fff;
}

#heda-mssis01 .is-faq-card h3 {
  margin-bottom:12px;
  font-size:19px;
}

#heda-mssis01 .is-faq-card p {
  color:var(--is-body);
  font-size:13px;
  line-height:1.93;
}

/* ==========================================================
   10 / FINAL INQUIRY
========================================================== */

#heda-mssis01 .is-cta {
  padding:0 0 58px;
  background:#fff;
}

#heda-mssis01 .is-cta-panel {
  display:grid;
  grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);
  align-items:center;
  gap:43px;
  padding:52px 54px;
  background:var(--is-deep);
  border-top:4px solid var(--is-oak);
}

#heda-mssis01 .is-cta-label {
  display:block;
  margin-bottom:17px;
  color:#dfc5a1;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.6;
  text-transform:uppercase;
}

#heda-mssis01 .is-cta h2 {
  color:#fff;
  font-size:clamp(29px,3.05vw,40px);
}

#heda-mssis01 .is-cta p {
  max-width:660px;
  margin-top:18px;
  color:#cbd8d0;
  font-size:13px;
  line-height:1.95;
}

#heda-mssis01 .is-cta-action {
  text-align:right;
}

#heda-mssis01 .is-cta-hint {
  display:block;
  margin-top:15px;
  color:#adbbb0;
  font-size:11px;
  line-height:1.85;
}

/* ==========================================================
   RESPONSIVE / LAPTOP
========================================================== */

@media(max-width:1050px) {

  #heda-mssis01 .is-heading,
  #heda-mssis01 .is-hero-header,
  #heda-mssis01 .is-process-grid {
    gap:36px;
  }

  #heda-mssis01 .is-hero-title {
    font-size:49px;
  }

  #heda-mssis01 .is-stage-copy {
    padding:32px;
  }

  #heda-mssis01 .is-island-intro,
  #heda-mssis01 .is-island-panel {
    padding:29px;
  }

  #heda-mssis01 .is-gallery-body {
    padding:23px;
  }

  #heda-mssis01 .is-cta-panel {
    padding:43px;
  }
}

/* ==========================================================
   RESPONSIVE / TABLET
========================================================== */

@media(max-width:820px) {

  #heda-mssis01 .is-wrap {
    padding:0 22px;
  }

  #heda-mssis01 .is-section {
    padding:64px 0;
  }

  #heda-mssis01 .is-heading,
  #heda-mssis01 .is-hero-header {
    grid-template-columns:1fr;
    gap:21px;
  }

  #heda-mssis01 .is-hero-header {
    padding:36px 0;
  }

  #heda-mssis01 .is-hero-title {
    max-width:680px;
    font-size:48px;
  }

  #heda-mssis01 .is-hero-right {
    max-width:670px;
  }

  #heda-mssis01 .is-product-stage {
    grid-template-columns:1fr;
  }

  #heda-mssis01 .is-stage-image img {
    max-width:600px;
  }

  #heda-mssis01 .is-stage-copy {
    padding:35px;
  }

  #heda-mssis01 .is-island-board {
    grid-template-columns:1fr;
  }

  #heda-mssis01 .is-island-intro {
    padding:32px;
  }

  #heda-mssis01 .is-island-panel {
    padding:32px;
  }

  #heda-mssis01 .is-process-grid {
    grid-template-columns:1fr;
    gap:30px;
  }

  #heda-mssis01 .is-cta-panel {
    grid-template-columns:1fr;
    gap:27px;
  }

  #heda-mssis01 .is-cta-action {
    text-align:left;
  }
}

/* ==========================================================
   RESPONSIVE / MOBILE
========================================================== */

@media(max-width:600px) {

  #heda-mssis01 {
    font-size:14px;
  }

  #heda-mssis01 .is-wrap {
    padding:0 16px;
  }

  #heda-mssis01 .is-section {
    padding:51px 0;
  }

  #heda-mssis01 .is-title {
    font-size:29px;
  }

  #heda-mssis01 .is-lead {
    font-size:14px;
  }

  #heda-mssis01 .is-hero {
    padding-top:16px;
  }

  #heda-mssis01 .is-topline span {
    font-size:9px;
  }

  #heda-mssis01 .is-hero-header {
    padding:29px 0;
  }

  #heda-mssis01 .is-hero-title {
    font-size:36px;
  }

  #heda-mssis01 .is-hero-right {
    padding-left:18px;
  }

  #heda-mssis01 .is-hero-right p {
    font-size:13px;
  }

  #heda-mssis01 .is-hero-action .is-quote {
    width:100% !important;
  }

  #heda-mssis01 .is-stage-image {
    padding:8px;
  }

  #heda-mssis01 .is-stage-copy {
    padding:28px 22px;
  }

  #heda-mssis01 .is-stage-copy h3 {
    font-size:27px;
  }

  #heda-mssis01 .is-identity {
    grid-template-columns:1fr;
  }

  #heda-mssis01 .is-identity-item,
  #heda-mssis01 .is-identity-item:first-child {
    padding:18px 2px;
    border-right:0;
    border-bottom:1px solid var(--is-line);
  }

  #heda-mssis01 .is-identity-item:last-child {
    border-bottom:0;
  }

  #heda-mssis01 .is-structure-row {
    grid-template-columns:29px 1fr;
    gap:8px 13px;
    padding:23px 0;
  }

  #heda-mssis01 .is-structure-row h3 {
    font-size:18px;
  }

  #heda-mssis01 .is-structure-row p {
    grid-column:2;
  }

  #heda-mssis01 .is-island-intro,
  #heda-mssis01 .is-island-panel {
    padding:27px 21px;
  }

  #heda-mssis01 .is-island-plan {
    min-height:205px;
    gap:6px;
  }

  #heda-mssis01 .is-aisle {
    font-size:9px;
    letter-spacing:.02em;
  }

  #heda-mssis01 .is-fixture-zone {
    padding:9px;
  }

  #heda-mssis01 .is-fixture-label {
    font-size:9px;
  }

  #heda-mssis01 .is-config-grid,
  #heda-mssis01 .is-gallery-grid,
  #heda-mssis01 .is-faq-grid {
    grid-template-columns:1fr;
    gap:15px;
  }

  #heda-mssis01 .is-config-card {
    padding:26px 22px;
  }

  #heda-mssis01 .is-config-card h3 {
    font-size:22px;
  }

  #heda-mssis01 .is-gallery-body {
    padding:23px 21px;
  }

  #heda-mssis01 .is-gallery-body h3 {
    font-size:20px;
  }

  #heda-mssis01 .is-app-grid {
    grid-template-columns:1fr;
  }

  #heda-mssis01 .is-app,
  #heda-mssis01 .is-app:first-child {
    padding:24px 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.2);
  }

  #heda-mssis01 .is-app:last-child {
    border-bottom:0;
  }

  #heda-mssis01 .is-app-id {
    margin-bottom:12px;
  }

  #heda-mssis01 .is-spec-board {
    grid-template-columns:1fr;
  }

  #heda-mssis01 .is-spec-col {
    padding:24px 21px;
  }

  #heda-mssis01 .is-spec-col:first-child {
    border-right:0;
    border-bottom:1px solid var(--is-line);
  }

  #heda-mssis01 .is-spec-row {
    gap:11px;
  }

  #heda-mssis01 .is-spec-note {
    padding:18px;
  }

  #heda-mssis01 .is-process-highlight {
    padding:18px;
  }

  #heda-mssis01 .is-process-item {
    grid-template-columns:28px 1fr;
    gap:12px;
  }

  #heda-mssis01 .is-faq-card {
    padding:23px 21px;
  }

  #heda-mssis01 .is-cta {
    padding-bottom:35px;
  }

  #heda-mssis01 .is-cta-panel {
    padding:32px 23px;
  }

  #heda-mssis01 .is-cta h2 {
    font-size:28px;
  }

  #heda-mssis01 .is-cta-action .is-quote {
    width:100% !important;
  }
}

@media(prefers-reduced-motion:reduce) {

  #heda-mssis01 *,
  #heda-mssis01 *:before,
  #heda-mssis01 *:after {
    transition:none !important;
  }
}