body {
  width: 100%;
}

.ptxl {
  padding-top: 120px;
}

.avail-row {
  display: flex;
  border-bottom: 1px solid #414141;
  padding: 15px 0;
  font-size: 12px;
  font-weight: 30;
  font-weight: 30;
  align-items: center;
}

.left-align {
  text-align: left !important;
}
.left-align h2, .left-align p {
  text-align: left;
}

h6 {
  font-size: 10px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-weight: 500;
}

.grid_2 {
  width: 16.66%;
  text-align: left;
}

.j-e {
  display: flex;
  justify-content: flex-end;
}

#main {
  width: 100%;
}

#detPop {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  height: 100%;
  background-color: transparent;
  overflow-x: hidden;
  display: flex;
  justify-content: flex-end;
}
#detPop .bg-d {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1s;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
#detPop #content {
  transform: translateX(100%);
  transition: transform 1s;
  background-color: var(--cream);
  position: relative;
  z-index: 2;
  height: 100%;
  width: calc(100% - 200px);
  display: flex;
  overflow: hidden;
  text-align: left;
}
#detPop.active {
  pointer-events: initial;
}
#detPop.active .bg-d {
  opacity: 1;
}
#detPop.active #content {
  transform: translateX(0);
  overflow-y: scroll;
}

.blk {
  display: block;
}

.w338 {
  width: 338px;
  position: sticky;
  top: 0;
  padding: 20px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.w338 p {
  font-weight: 300;
  font-size: 11px;
  letter-spacing: 0.15em;
  line-height: 1.5;
}

.v_w388 {
  width: calc(100% - 338px);
  padding: 20px;
}
.v_w388 .pad-l {
  padding-left: 80px;
}

h2 {
  font-size: clamp(20px, 36px, 3vw) !important;
}

h3 {
  font-size: clamp(20px, 40px, 3vw) !important;
  text-align: left;
  margin-bottom: 20px !important;
}

.border-bl {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.rounded-list {
  padding: 15px 0 25px 0;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.rounded-list span {
  display: flex;
  padding: 5px 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: -moz-max-content;
  width: max-content;
  border-radius: 20px;
  letter-spacing: 0;
}

.pt90 {
  padding-top: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.max540 {
  max-width: 540px;
}

.l15 {
  line-height: 1.7;
}

#grid {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
#grid img {
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}