/* =========================================================
 HEDA SHELVES | MINISOW02
 MINISO STYLE METAL WOOD WALL SHELVES

 DESIGN: CATEGORY WALL SYSTEM / BIRCH x MONO
 COMPLETE RESPONSIVE DESCRIPTION
 SCOPE: #heda-minisow02
 NO EXTERNAL LIBRARIES / NO CUSTOM JAVASCRIPT
========================================================= */

#heda-minisow02 {
  --m02-ink:#242c2a;
  --m02-body:#5d6863;
  --m02-muted:#82908a;
  --m02-dark:#25312d;
  --m02-deep:#19231f;
  --m02-oak:#ad8554;
  --m02-oaklight:#e8d5b9;
  --m02-ivory:#faf8f3;
  --m02-pale:#f4f6f3;
  --m02-line:#e1e6e1;
  --m02-orange:#ed7926;
  --m02-orangehover:#cf621b;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  background:#fff;
  color:var(--m02-ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}

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

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

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

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

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

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

#heda-minisow02 .m02-section {padding:78px 0;}

#heda-minisow02 .m02-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:#8a6942;
  font-size:11px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.13em;
  text-transform:uppercase;
}

#heda-minisow02 .m02-eyebrow:before {
  content:"";
  flex:0 0 23px;
  width:23px;
  height:2px;
  background:var(--m02-oak);
}

#heda-minisow02 .m02-title {
  margin-top:16px;
  color:var(--m02-ink);
  font-size:clamp(28px,3.4vw,42px);
}

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

#heda-minisow02 .m02-heading-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
  gap:54px;
  align-items:end;
  margin-bottom:34px;
}

/* NATIVE WEBSITE INQUIRY POPUP */

#heda-minisow02 .m02-quote {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:21px !important;
  width:auto !important;
  min-height:52px !important;
  padding:14px 26px !important;
  border:1px solid var(--m02-orange) !important;
  border-radius:2px !important;
  background:var(--m02-orange) !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:.055em !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease;
}

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

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

/* 01 / HERO */

#heda-minisow02 .m02-hero {padding:24px 0 0;}

#heda-minisow02 .m02-topline {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  padding-bottom:18px;
  border-bottom:1px solid var(--m02-line);
  color:var(--m02-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

#heda-minisow02 .m02-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:stretch;
  background:var(--m02-ivory);
}

#heda-minisow02 .m02-hero-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(32px,4vw,56px);
}

#heda-minisow02 .m02-model {
  margin-top:21px;
  color:#8b8172;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
}

#heda-minisow02 .m02-hero h2 {
  margin-top:16px;
  font-size:clamp(35px,4vw,53px);
  line-height:1.11;
  letter-spacing:-.05em;
}

#heda-minisow02 .m02-hero h2 em {
  display:block;
  margin-top:12px;
  color:var(--m02-oak);
  font-weight:400;
  font-style:normal;
}

#heda-minisow02 .m02-hero-copy > p {
  max-width:475px;
  margin-top:23px;
  color:var(--m02-body);
  font-size:14px;
  line-height:1.95;
}

#heda-minisow02 .m02-pills {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:23px;
}

#heda-minisow02 .m02-pills span {
  padding:7px 10px;
  background:#fff;
  border:1px solid #e7e1d6;
  color:#716456;
  font-size:11px;
  line-height:1.7;
}

#heda-minisow02 .m02-hero-action {margin-top:29px;}

#heda-minisow02 .m02-hero-figure {
  display:flex;
  flex-direction:column;
  min-width:0;
  background:#fff;
}

#heda-minisow02 .m02-hero-image {
  display:flex;
  flex:1 1 auto;
  align-items:center;
  justify-content:center;
  padding:12px;
}

#heda-minisow02 .m02-hero-image img {
  width:100%;
  max-width:610px;
  aspect-ratio:1/1;
  object-fit:contain;
}

#heda-minisow02 .m02-caption {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:9px;
  padding:13px 18px;
  border-top:1px solid var(--m02-line);
  color:var(--m02-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.055em;
  line-height:1.7;
  text-transform:uppercase;
}

#heda-minisow02 .m02-hero-points {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-bottom:1px solid var(--m02-line);
}

#heda-minisow02 .m02-hero-point {
  padding:24px 23px;
  border-right:1px solid var(--m02-line);
}

#heda-minisow02 .m02-hero-point:first-child {padding-left:2px;}
#heda-minisow02 .m02-hero-point:last-child {border-right:0;}

#heda-minisow02 .m02-hero-point strong {
  display:block;
  font-size:14px;
}

#heda-minisow02 .m02-hero-point p {
  margin-top:6px;
  color:var(--m02-muted);
  font-size:12px;
  line-height:1.8;
}

/* 02 / CATEGORY-FIRST DESIGN */

#heda-minisow02 .m02-concept {background:#fff;}

#heda-minisow02 .m02-concept-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}

#heda-minisow02 .m02-concept-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  padding:32px;
  border:1px solid var(--m02-line);
  background:var(--m02-ivory);
}

#heda-minisow02 .m02-concept-card.dark {
  background:var(--m02-dark);
  border-color:var(--m02-dark);
  color:#fff;
}

#heda-minisow02 .m02-concept-no {
  margin-bottom:22px;
  color:var(--m02-oak);
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
}

#heda-minisow02 .m02-concept-card h3 {
  margin-bottom:14px;
  font-size:23px;
}

#heda-minisow02 .m02-concept-card p {
  color:var(--m02-body);
  font-size:13px;
  line-height:1.95;
}

#heda-minisow02 .m02-concept-card.dark p {color:#cbd8d0;}

#heda-minisow02 .m02-concept-foot {
  margin-top:auto;
  padding-top:23px;
  color:var(--m02-muted);
  font-size:11px;
}

#heda-minisow02 .m02-concept-card.dark .m02-concept-foot {
  color:#aebfb4;
}

/* 03 / WHITE AND BLACK PRODUCT FINISHES */

#heda-minisow02 .m02-finishes {background:var(--m02-pale);}

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

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

#heda-minisow02 .m02-finish-image {
  width:100%;
  aspect-ratio:1/1;
  background:#fff;
  overflow:hidden;
}

#heda-minisow02 .m02-finish-image img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

#heda-minisow02 .m02-finish-body {
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  padding:27px 28px 29px;
  border-top:1px solid var(--m02-line);
}

#heda-minisow02 .m02-finish-index {
  margin-bottom:12px;
  color:#917047;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
}

#heda-minisow02 .m02-finish-body h3 {
  margin-bottom:12px;
  font-size:23px;
}

#heda-minisow02 .m02-finish-body p {
  color:var(--m02-body);
  font-size:13px;
  line-height:1.9;
}

#heda-minisow02 .m02-finish-foot {
  margin-top:auto;
  padding-top:20px;
  color:var(--m02-muted);
  font-size:11px;
  line-height:1.8;
}

/* 04 / FUNCTION AND STRUCTURE */

#heda-minisow02 .m02-features {background:#fff;}

#heda-minisow02 .m02-feature-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--m02-line);
  border-bottom:1px solid var(--m02-line);
}

#heda-minisow02 .m02-feature {
  padding:30px 27px 32px;
  border-right:1px solid var(--m02-line);
}

#heda-minisow02 .m02-feature:first-child {padding-left:0;}
#heda-minisow02 .m02-feature:last-child {border-right:0;}

#heda-minisow02 .m02-feature small {
  display:block;
  margin-bottom:19px;
  color:#946f44;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
}

#heda-minisow02 .m02-feature h3 {
  margin-bottom:11px;
  font-size:20px;
}

#heda-minisow02 .m02-feature p {
  color:var(--m02-body);
  font-size:13px;
  line-height:1.9;
}

/* 05 / REAL STORE IMAGES */

#heda-minisow02 .m02-installation {background:var(--m02-ivory);}

#heda-minisow02 .m02-install-grid {
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:26px;
  align-items:center;
}

#heda-minisow02 .m02-install-photo {
  min-width:0;
  border:1px solid var(--m02-line);
  background:#fff;
}

#heda-minisow02 .m02-install-photo img {
  width:100%;
  height:auto;
  object-fit:contain;
}

#heda-minisow02 .m02-install-copy {min-width:0;}

#heda-minisow02 .m02-install-copy .m02-lead {
  margin-top:20px;
}

#heda-minisow02 .m02-install-list {
  margin-top:23px;
  border-top:1px solid #e0dfd7;
}

#heda-minisow02 .m02-install-item {
  padding:17px 0;
  border-bottom:1px solid #e0dfd7;
}

#heda-minisow02 .m02-install-item strong {
  display:block;
  margin-bottom:6px;
  font-size:15px;
}

#heda-minisow02 .m02-install-item p {
  color:var(--m02-body);
  font-size:12px;
  line-height:1.85;
}

/* 06 / PROCUREMENT SPECIFICATIONS */

#heda-minisow02 .m02-specs {background:#fff;}

#heda-minisow02 .m02-spec-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border:1px solid var(--m02-line);
}

#heda-minisow02 .m02-spec-col {
  min-width:0;
  padding:29px 31px;
}

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

#heda-minisow02 .m02-spec-col h3 {
  margin-bottom:18px;
  font-size:21px;
}

#heda-minisow02 .m02-spec-row {
  display:grid;
  grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);
  gap:15px;
  padding:14px 0;
  border-bottom:1px solid var(--m02-line);
}

#heda-minisow02 .m02-spec-row:last-child {border-bottom:0;}

#heda-minisow02 .m02-spec-row strong {
  font-size:12px;
  line-height:1.8;
}

#heda-minisow02 .m02-spec-row span {
  color:var(--m02-body);
  font-size:12px;
  line-height:1.85;
}

#heda-minisow02 .m02-note {
  margin-top:19px;
  padding:20px 23px;
  background:var(--m02-ivory);
  border-left:3px solid var(--m02-oak);
  color:var(--m02-body);
  font-size:12px;
  line-height:1.95;
}

/* 07 / STORE PLANNING */

#heda-minisow02 .m02-planning {background:var(--m02-pale);}

#heda-minisow02 .m02-planning-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:16px;
}

#heda-minisow02 .m02-planning-card {
  display:grid;
  grid-template-columns:31px 1fr;
  gap:15px;
  min-width:0;
  padding:26px;
  background:#fff;
  border:1px solid var(--m02-line);
}

#heda-minisow02 .m02-planning-card > span {
  color:#967349;
  font-size:12px;
  font-weight:700;
}

#heda-minisow02 .m02-planning-card h3 {
  margin-bottom:9px;
  font-size:18px;
}

#heda-minisow02 .m02-planning-card p {
  color:var(--m02-body);
  font-size:13px;
  line-height:1.9;
}

/* 08 / APPLICATIONS */

#heda-minisow02 .m02-applications {background:var(--m02-dark);}

#heda-minisow02 .m02-applications .m02-eyebrow {color:#e5c79d;}
#heda-minisow02 .m02-applications .m02-title {color:#fff;}
#heda-minisow02 .m02-applications .m02-lead {color:#cdd9d1;}

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

#heda-minisow02 .m02-app {
  padding:28px 26px;
  border-right:1px solid rgba(255,255,255,.2);
}

#heda-minisow02 .m02-app:first-child {padding-left:0;}
#heda-minisow02 .m02-app:last-child {border-right:0;}

#heda-minisow02 .m02-app small {
  display:block;
  margin-bottom:17px;
  color:#ddc096;
  font-size:11px;
  font-weight:700;
}

#heda-minisow02 .m02-app h3 {
  margin-bottom:11px;
  color:#fff;
  font-size:19px;
}

#heda-minisow02 .m02-app p {
  color:#cbd5cd;
  font-size:13px;
  line-height:1.9;
}

/* FINAL CTA */

#heda-minisow02 .m02-cta {
  padding:0 0 54px;
  background:#fff;
}

#heda-minisow02 .m02-cta-panel {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:39px;
  align-items:center;
  padding:49px 52px;
  background:var(--m02-ivory);
  border-top:4px solid var(--m02-oak);
}

#heda-minisow02 .m02-cta h2 {
  margin:15px 0 0;
  font-size:clamp(28px,3vw,39px);
}

#heda-minisow02 .m02-cta p {
  margin-top:17px;
  color:var(--m02-body);
  font-size:13px;
  line-height:1.95;
}

#heda-minisow02 .m02-cta-action {text-align:right;}

#heda-minisow02 .m02-cta-action small {
  display:block;
  margin-top:13px;
  color:var(--m02-muted);
  font-size:11px;
  line-height:1.8;
}

/* RESPONSIVE */

@media (max-width:1020px) {
  #heda-minisow02 .m02-hero-copy {padding:33px;}
  #heda-minisow02 .m02-hero h2 {font-size:42px;}
  #heda-minisow02 .m02-heading-row {gap:30px;}
}

@media (max-width:820px) {
  #heda-minisow02 .m02-wrap {padding:0 22px;}
  #heda-minisow02 .m02-section {padding:62px 0;}

  #heda-minisow02 .m02-hero-grid,
  #heda-minisow02 .m02-heading-row,
  #heda-minisow02 .m02-install-grid,
  #heda-minisow02 .m02-cta-panel {
    grid-template-columns:1fr;
  }

  #heda-minisow02 .m02-hero-copy {
    order:1;
    padding:37px;
  }

  #heda-minisow02 .m02-hero-figure {order:2;}

  #heda-minisow02 .m02-hero h2 {font-size:45px;}
  #heda-minisow02 .m02-hero-image img {max-width:550px;}

  #heda-minisow02 .m02-cta-action {text-align:left;}
}

@media (max-width:600px) {
  #heda-minisow02 .m02-wrap {padding:0 16px;}
  #heda-minisow02 .m02-section {padding:49px 0;}
  #heda-minisow02 .m02-title {font-size:29px;}
  #heda-minisow02 .m02-lead {font-size:14px;}
  #heda-minisow02 .m02-hero {padding-top:16px;}
  #heda-minisow02 .m02-hero-copy {padding:31px 22px;}
  #heda-minisow02 .m02-hero h2 {font-size:35px;}
  #heda-minisow02 .m02-hero-copy > p {font-size:13px;}

  #heda-minisow02 .m02-hero-points,
  #heda-minisow02 .m02-concept-grid,
  #heda-minisow02 .m02-finish-grid,
  #heda-minisow02 .m02-feature-grid,
  #heda-minisow02 .m02-spec-grid,
  #heda-minisow02 .m02-planning-grid,
  #heda-minisow02 .m02-app-grid {
    grid-template-columns:1fr;
  }

  #heda-minisow02 .m02-hero-point,
  #heda-minisow02 .m02-hero-point:first-child,
  #heda-minisow02 .m02-feature,
  #heda-minisow02 .m02-feature:first-child {
    padding:20px 0;
    border-right:0;
    border-bottom:1px solid var(--m02-line);
  }

  #heda-minisow02 .m02-hero-point:last-child,
  #heda-minisow02 .m02-feature:last-child {border-bottom:0;}

  #heda-minisow02 .m02-concept-card {padding:24px 22px;}
  #heda-minisow02 .m02-finish-body {padding:23px 21px;}

  #heda-minisow02 .m02-spec-col {padding:23px 20px;}
  #heda-minisow02 .m02-spec-col:first-child {
    border-right:0;
    border-bottom:1px solid var(--m02-line);
  }

  #heda-minisow02 .m02-spec-row {gap:10px;}
  #heda-minisow02 .m02-note {padding:17px;}
  #heda-minisow02 .m02-planning-card {padding:22px 19px;}

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

  #heda-minisow02 .m02-app:last-child {border-bottom:0;}

  #heda-minisow02 .m02-cta-panel {padding:30px 22px;}
  #heda-minisow02 .m02-cta h2 {font-size:28px;}
  #heda-minisow02 .m02-quote {width:100% !important;}
}

@media (prefers-reduced-motion:reduce) {
  #heda-minisow02 *,
  #heda-minisow02 *:before,
  #heda-minisow02 *:after {
    transition:none !important;
  }
}