/* ==============================
WRAPPER
============================== */

.dz-maquette-wrapper{
  display:grid;
  grid-template-columns:minmax(280px, 3fr) minmax(0, 7fr);
  gap:clamp(24px, 4vw, 56px);
  align-items:center;
  min-width:0;
}


/* ==============================
TABLE
============================== */

.dz-maquette-table{
  display:block;
  width:100%;
  min-width:0;
}

.dz-plans-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  background:#fff;
  border:1px solid rgba(47,74,58,.12);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(47,74,58,.08);
  margin-bottom:0;
}

.dz-plans-table th,
.dz-plans-table td{
  padding:14px 16px;
  border-bottom:1px solid rgba(47,74,58,.10);
  text-align:left;
  vertical-align:middle;
  font-size:14px;
  line-height:1.35;
  color:#2f3f32;
}

.dz-plans-table th{
  background:#f5f0e6;
  color:#2f4a3a;
  font-weight:700;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.06em;
}

.dz-plans-table th:nth-child(1),
.dz-plans-table td:nth-child(1){
  width:34%;
}

.dz-plans-table th:nth-child(2),
.dz-plans-table td:nth-child(2){
  width:52%;
}

.dz-plans-table th:nth-child(3),
.dz-plans-table td:nth-child(3){
  width:14%;
  text-align:center;
}

.dz-plans-table tbody tr:last-child td{
  border-bottom:none;
}

.dz-plans-table tbody tr{
  cursor:pointer;
  transition:background .2s ease, color .2s ease;
}

.dz-plans-table tbody tr:hover,
.dz-plans-table tbody tr:focus{
  background:#fbf7ee;
  outline:none;
}

.dz-plans-table tbody tr.dz-active{
  background:#edf3ea;
}

.dz-plans-table tbody tr.dz-active td:first-child{
  box-shadow:inset 4px 0 0 #2f4a3a;
}

.dz-plan-name{
  font-weight:700;
  color:#2f4a3a;
}

.dz-plan-description{
  white-space:normal;
  color:#435044;
}


/* ==============================
PDF
============================== */

.dz-pdf-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  color:#2f4a3a;
  background:#f8f4eb;
  border:1px solid rgba(47,74,58,.16);
  text-decoration:none;
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.dz-pdf-link svg{
  width:20px;
  height:20px;
  display:block;
}

.dz-pdf-link:hover,
.dz-pdf-link:focus{
  background:#2f4a3a;
  color:#fff;
  border-color:#2f4a3a;
  transform:translateY(-1px);
  outline:none;
}


/* ==============================
IMAGE
============================== */

.dz-maquette-image{
  display:flex;
  justify-content:center;
  align-items:center;
  min-width:0;
}

.dz-maquette-image img{
  width:100%;
  max-width:100%;
  max-height:720px;
  object-fit:contain;
  transition:opacity .35s ease, filter .35s ease;
}

.dz-maquette-image img.dz-glow{
  animation:dzGlowPulse 2.2s ease-in-out infinite;
}

@keyframes dzGlowPulse{
  0%{
    filter:
      drop-shadow(0 0 3px rgba(47,74,58,.20))
      drop-shadow(0 0 6px rgba(47,74,58,.14));
  }

  50%{
    filter:
      drop-shadow(0 0 4px rgba(47,74,58,.28))
      drop-shadow(0 0 9px rgba(47,74,58,.20));
  }

  100%{
    filter:
      drop-shadow(0 0 3px rgba(47,74,58,.20))
      drop-shadow(0 0 6px rgba(47,74,58,.14));
  }
}


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

@media(max-width:900px){

  .dz-maquette-wrapper{
    grid-template-columns:1fr;
    gap:18px;
  }

  .dz-maquette-image{
    order:-1;
  }

  .dz-maquette-image img{
    max-height:380px;
  }

  .dz-plans-table th,
  .dz-plans-table td{
    padding:10px 9px;
    font-size:13px;
  }

  .dz-plans-table th{
    font-size:11px;
  }

  .dz-plan-description{
    font-size:12.5px;
  }

  .dz-pdf-link{
    width:34px;
    height:34px;
  }

  .dz-pdf-link svg{
    width:18px;
    height:18px;
  }

}

@media(max-width:480px){

  .dz-plans-table th:nth-child(1),
  .dz-plans-table td:nth-child(1){
    width:36%;
  }

  .dz-plans-table th:nth-child(2),
  .dz-plans-table td:nth-child(2){
    width:48%;
  }

  .dz-plans-table th:nth-child(3),
  .dz-plans-table td:nth-child(3){
    width:16%;
  }

}