.ZKFNw {
  display: grid;
  grid-template-areas:
    "header"
    "image-container"
    "body"
    "actions";
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr auto;
  height: calc(100% - 2rem) !important;
  padding: 1rem;
  position: relative;
  width: calc(100% - 2rem) !important;
}

.ZKFNw:hover {
  background: #26313d;
  transform: translateY(-0.25rem);
  transition: all 0.25s;
}

.\+WP2x {
  grid-area: header;
}

.bbHAe {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.JRwes {
  grid-area: image-container;
  max-height: 6rem;
  max-width: 8rem;
}

.IN-FM {
  grid-area: body;
  margin-top: 1rem;
}

.xRGyl,
.iQxWu {
  font-size: 0.875rem;
  margin-bottom: 0.375rem;
}

.tc8td {
  align-items: center;
  display: flex;
  grid-area: actions;
  justify-content: flex-end;
}

.yZDdD {
  background: transparent;
  border: 0.0625rem solid rgb(247 252 251 / 50%);
  border-radius: 0.15rem;
  color: rgb(247 252 251 / 90%);
  font-family: Raleway, sans-serif;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  padding: 0.25rem 0.5rem;
  text-decoration: none;
}

.yZDdD::after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.yZDdD:focus {
  outline: 0;
}

.yZDdD:focus::after {
  border: 1px solid orange;
}

.ZKFNw[data-container-query-wide] {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  grid-template-areas:
    "image-container header"
    "image-container body"
    "image-container actions";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr auto;
}

.ZKFNw[data-container-query-wide] .IN-FM {
  margin-top: 0;
}

.ZKFNw[data-container-query-wide] .yZDdD {
  margin-top: 1rem;
}

._53j6L,
.UX2Dm {
  aspect-ratio: 4 / 3;
  border-radius: 0.75rem;
  width: 100%;
}

._53j6L {
  -o-object-fit: cover;
     object-fit: cover;
}

.UX2Dm {
  background: linear-gradient(
    36deg,
    rgb(255 224 130 / 40%) 15%,
    rgb(255 248 225 / 80%) 90%
  );
  min-width: 8rem;
}

.MZraD {
  align-items: start;
  display: grid;
}

.MZraD:not(.nKN0a, .xnwpo) {
  -moz-column-gap: 0;
       column-gap: 0;
  grid-template-areas:
    "label"
    "field"
    "feedback";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  row-gap: 0.5rem;
}

.MZraD:not(.nKN0a).xnwpo {
  -moz-column-gap: 0;
       column-gap: 0;
  grid-template-areas:
    "label"
    "field";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  row-gap: 0.5rem;
}

.MZraD.nKN0a:not(.xnwpo) {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-areas:
    "label field"
    "label feedback";
  grid-template-columns: 10rem 1fr;
  grid-template-rows: 1fr auto;
  row-gap: 0.5rem;
}

.MZraD.nKN0a.xnwpo {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-areas: "label field";
  grid-template-columns: 10rem 1fr;
  grid-template-rows: 1fr;
  row-gap: 0.5rem;
}

.QrqeU {
  grid-area: label;
  overflow: hidden;
  word-break: break-all;
}

.-Obl9 {
  grid-area: field;
}

.mRF53 {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  grid-area: feedback;
}

.mRF53.pKROb {
  color: #ff5252;
}

.XLsGO {
  margin-left: 0.5rem;
}

/* Exceptions for mobile */
.MZraD._7fSVC:not(.nKN0a, .xnwpo) {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-areas:
    "field label"
    "feedback feedback";
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  row-gap: 0.5rem;
}

.MZraD._7fSVC:not(.nKN0a).xnwpo {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-areas: "field label";
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
  row-gap: 0;
}

.cLbDV {
  border: 0.125rem solid #ffd54f;
  padding: 0.125rem 0.25rem;
  width: calc(100% - 0.75rem);
}

.cLbDV:focus {
  background-color: #ffecb3;
  outline: 0;
}

.cLbDV:not(:focus) {
  border-color: transparent;
}

.cLbDV::-moz-placeholder {
  font-style: italic;
}

.cLbDV::placeholder {
  font-style: italic;
}

.zw-ZG {
}

.U8MFn {
  display: grid;
  grid-template-areas:
    "filters"
    "product-details"
    "list";
  grid-template-columns: 1fr;
}

.dEKkz {
  position: relative;
}

.g3Jdo {
  grid-template-rows: auto auto 1fr;
}

.YQMDR {
  grid-template-rows: auto 0 1fr;
}

.TaE4v {
  background-color: #15202d;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0.125rem #26313d;
  display: flex;
  flex-direction: column;
  grid-area: filters;
  margin-bottom: 2rem;
  padding: 0.75rem 1.5rem 1.5rem;
  position: sticky;
  top: -1.5rem;
  z-index: 100;
}

.WPSBp {
  margin-bottom: 1.25rem;
}

.WPSBp:last-of-type {
  margin-bottom: 0;
}

.xkl2D {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
  grid-template-rows: 1fr;
  row-gap: 1.5rem;
}

.pgPzw {
  grid-area: product-details;
}

@media screen and (width >= 40rem) {
  .g3Jdo {
    grid-template-areas:
      "filters filters"
      "list product-details";
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
  }

  .g3Jdo .xkl2D {
    height: -moz-max-content;
    height: max-content;
  }
}