.layout--cards {
  --card-column-count: 1;
  display: grid;
  gap: var(--card-grid-gap) var(--card-grid-gap);
  grid-template-columns: repeat(var(--card-column-count), minmax(0, 1fr));
}

.layout--cards-223,
.layout--cards-224 {
  gap: calc(var(--card-grid-gap) / 2) calc(var(--card-grid-gap) / 2);
  --card-column-count: 2;
}

.post--card {
  --card-bg: transparent;
  --card-bg-hover: var(--color-primary);
  --card-text-color: inherit;
  --card-text-color-hover: inherit;
  --card-title-text-color-hover: inherit;
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--card-bg);
  color: var(--card-text-color);
}

.post--card::before {
  content: "";
  position: absolute;
  inset: calc(var(--card-text-padding-inline) * -1) calc(var(--card-text-padding-inline) * -1) 0;
  background: var(--card-bg-hover);
  opacity: 0;
  box-shadow: var(--box-shadow-cards);
}

.post--starred {
  --card-bg-hover: var(--grey-1000);
  --card-text-color: inherit;
  --card-text-color-hover: var(--white);
  --card-title-text-color-hover: var(--color-primary);
}

.post--card * {
  word-break: break-word;
  word-wrap: break-word;
}

.post--card figure {
  margin-block-start: 0;
}

.post--card picture {
  transform: scale(1.01);
  transition: transform 0.2s ease-in-out;
  will-change: transform;
}

.post__image {
  position: relative;
}

.post__title {
  --text-line-height: 1;
  --text-font-size: var(--fs-h4-px);
  margin-bottom: 0;
  text-wrap: initial;
}

.post__title a {
  display: inline-block;
}

.post__details {
  padding-block: var(--card-text-padding-block);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  z-index: 2;
}

.post__description p,
.post__description ul {
  margin-top: 0.75rem;
}

.post__divider {
  width: 100%;
  margin-top: auto;
  padding-top: 1.25rem;
}

.post__meta {
  --top-margin-scaling-factor: 0;
}

.post__author {
  --top-margin-scaling-factor: 0;
}

.post__tag {
  color: var(--base-font-color);
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  height: 40px;
  border-radius: 40px;
  padding-inline: 1rem;
  display: flex;
  place-items: center;
  gap: 0.5rem;
  background: var(--color-primary);
  margin: 0;
}

.post__tag--blog,
.post__tag--news {
  --text-font-size: 21;
  font-family: var(--font-stack-bebas);
  font-weight: 400;
}

.post__tag--blog {
  background: var(--grey-1000);
  color: var(--color-primary);
}

.post__tag--popular {
  --text-font-size: 14;
  --text-line-height: 0.8;
  background: var(--white);
  font-weight: 500;
  padding-inline-start: 0.5rem;
}

.post__tag--popular > span {
  display: flex;
  flex-direction: column;
}

.post__tag--popular:before {
  content: "";
  color: var(--yellow-300);
  left: var(--boxed-text-padding-inline);
  top: var(--boxed-text-padding-block);
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100.5'%3E%3Cpath d='M97.6 43.6l-4.9-4.8c-3.1-3-5.1-7-5.4-11.3v-7c-.2-4.5-3.9-8.1-8.4-8s-6.3.1-6.3.1c-4.3 0-8.5-1.6-11.7-4.5l-6.1-5.9C52.9.4 50.3-.4 47.7.1c-1.7.3-3.2 1.1-4.4 2.4l-5 5.3c-.3.2-.5.5-.7.8-3.2 3.1-7.5 4.9-12 5h-6c-1.4.1-2.8.6-4.1 1.3-2.5 1.5-4 4.2-3.9 7.1v6.1c.2 4.3-1.3 8.4-4.1 11.7l-5.4 5.6c-3.1 3.2-3 8.4.2 11.5l4.9 4.8c3.2 3.1 5 7.3 5.2 11.7l.2 8.1c0 4.5 3.7 8.1 8.2 8s7.5-.1 7.5-.1c4.3-.1 8.5 1.4 11.8 4.2l4.7 4.6c3.2 3.1 8.4 3 11.5-.2l4-4.3c3-3.1 7.1-5 11.5-5.3H80c4.5-.2 8.1-3.9 8-8.4s-.2-7.8-.2-7.8c0-4.4 1.6-8.6 4.5-11.8l5-5.3c3.1-3.2 3-8.4-.2-11.5'/%3E%3C/svg%3E");
  mask-type: alpha;
  mask-repeat: no-repeat;
  background-color: currentColor;
  background-position: center center;
}

.post__star {
  --card-starred-size: 3.75rem;
  width: var(--card-starred-size);
  height: var(--card-starred-size);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.post__star::before, .post__star::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--card-starred-size);
  height: var(--card-starred-size);
  background-position: center;
  background-repeat: no-repeat;
}
.post__star::before {
  background-size: var(--card-starred-size) var(--card-starred-size);
  background-image: linear-gradient(45deg, transparent 0%, transparent 50%, var(--color-primary) 50%, var(--color-primary) 100%);
}
.post__star::after {
  width: 2rem;
  height: 2rem;
  background-size: 1.125rem 1.125rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.131 15.431'%3E%3Cpath d='M13.207 14.886c.017.481-.336.673-.767.443-1.365-.728-2.731-1.454-4.088-2.2a.97.97 0 00-.608 0s-2.689 1.444-4.032 2.167c-.215.116-.426.206-.652.044s-.192-.406-.151-.638c.272-1.533.541-3.068.828-4.6a.386.386 0 00-.146-.4Q1.959 8.142.335 6.573c-.061-.059-.147-.108-.177-.18-.071-.174-.193-.381-.149-.533a.6.6 0 01.422-.3c1.036-.165 2.077-.3 3.116-.443.525-.072 1.049-.15 1.576-.21a.482.482 0 00.42-.315q.99-2.08 2.007-4.148a.918.918 0 01.34-.392c.237-.13.467.006.622.324.663 1.362 1.339 2.719 1.974 4.094a.724.724 0 00.661.46c1.482.194 2.961.406 4.442.606.235.032.444.091.521.341a.552.552 0 01-.229.584c-1.119 1.069-2.232 2.144-3.354 3.209a.479.479 0 00-.165.5c.276 1.479.537 2.96.8 4.441.02.098.034.203.045.275z'/%3E%3C/svg%3E");
}

.post__gallery {
  height: var(--btn-height);
  width: var(--btn-height);
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.post__gallery .svg-icon {
  height: 28px;
  width: 28px;
  fill: var(--white);
}

.post__price-value,
.post__price-vat,
.post__price-weekly span,
.post__phone span:nth-child(2) {
  --text-font-size: 33;
  font-family: var(--font-stack-bebas);
  font-weight: 400;
}

.post__price p {
  margin-top: 1.25rem;
}

.post__location p {
  margin-top: 1rem;
}

.post__location + .post__location p {
  margin-top: 0.5rem;
}

.post__price {
  margin-top: auto;
}

.post__phone,
.post__btn {
  margin-top: 1.25rem;
}

.post__phone {
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
}

.post__phone p {
  display: flex;
  flex-direction: column;
  margin: 0;
  position: relative;
}

.post__phone .animated-underlines a:before {
  content: "";
  inset: 0;
  position: absolute;
}

.post__phone strong {
  font-weight: 700;
}

.post__phone span:nth-child(2) {
  --text-font-size: 23;
}

.post__phone .btn {
  --local-btn-text-color: var(--color-primary);
  --local-btn-text-color-hover: var(--color-primary);
}

.post__phone .svg-icon {
  width: 16px;
  height: 16px;
}

.post__event-location,
.post__event-date {
  margin-top: 0;
}

.post--product .post__title a::before {
  bottom: auto;
  aspect-ratio: 5/4;
}

.post--card:hover ul :where(li)::before,
.post--card:focus ul :where(li)::before,
.post--card:active ul :where(li)::before {
  color: var(--card-text-color);
}

.post--card:hover .post__btn .btn,
.post--card:focus .post__btn .btn {
  --local-btn-surface: var(--btn-surface-dark);
  --local-btn-surface-hover: var(--btn-surface-dark-hover);
  --local-btn-text-color: var(--color-primary);
  --local-btn-text-color-hover: var(--color-primary);
}

.post--card:hover,
.post--card:focus {
  color: var(--card-text-color-hover);
}

.post--card:hover::before,
.post--card:focus::before {
  opacity: 1;
}

.post--card:hover .post__title,
.post--card:focus .post__title {
  color: var(--card-title-text-color-hover);
}

.post--card:hover .post__divider,
.post--card:focus .post__divider {
  opacity: 0.6;
}

.post--card:hover picture,
.post--card:focus picture {
  transform: scale(1.04);
}

.post--starred:hover .post__meta,
.post--starred:focus .post__meta,
.post--starred:hover .post__author,
.post--starred:focus .post__author {
  color: var(--color-primary);
}

.post--self-storage {
  --card-bg: var(--grey-20);
  --card-bg-hover: var(--grey-50);
  padding-inline: var(--card-text-padding-inline);
  padding-block: var(--card-text-padding-block);
}

.post--self-storage.post--sticky {
  --card-bg: var(--grey-1000);
  --card-bg-hover: var(--grey-950);
  --card-text-color: var(--white);
  --card-text-color-hover: var(--white);
  --base-heading-color: var(--color-primary);
  --card-title-text-color-hover: var(--color-primary);
}

.post--self-storage.post--sticky .self-storage__icon--verified {
  fill: var(--white);
}

.post--self-storage::before {
  inset: 0;
}

.post--self-storage .post__details {
  padding: 0;
}

.post--self-storage .post__title {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.post--self-storage .post__title a {
  margin-right: auto;
}

.post--self-storage .post__divider {
  border-bottom: 1px solid var(--grey-300);
  padding-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.post--self-storage.post--sticky .post__divider {
  border-color: var(--color-primary);
  opacity: 0.5;
}

.post--self-storage .post__buttons {
  display: flex;
  gap: 1.25rem;
}

.post--self-storage .btn--brand {
  flex: 1;
}

.post--self-storage .btn--icon::after {
  content: "";
  height: 14px;
  width: 14px;
  background-size: 14px 14px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M90.5 45.2C90.5 20.2 70.3 0 45.3 0h-.1C20.2 0 0 20.2 0 45.2c0 25 20.2 45.2 45.2 45.2 24.8 0 45-20 45.2-44.8.1-.1.1-.2.1-.4zm-23.3 22c-5.6 5.6-13.4 9.1-22 9.1s-16.3-3.5-22-9.1c-5.6-5.6-9.1-13.4-9.1-22s3.5-16.3 9.1-22c5.6-5.6 13.4-9.1 22-9.1h.1c8.6 0 16.3 3.5 22 9.1 5.6 5.6 9 13.3 9.1 21.8v.2c-.1 8.6-3.5 16.4-9.2 22z'/%3E%3Cpath d='M97.9 87.9L77.2 67.1c-2.8-2.8-7.2-2.8-10 0s-2.8 7.2 0 10l20.7 20.7c2.8 2.8 7.2 2.8 10 0s2.8-7.2 0-9.9M38.2 30.9v28.6c0 3.9 3.2 7.1 7.1 7.1s7.1-3.2 7.1-7.1V30.9c0-3.9-3.2-7.1-7.1-7.1s-7.1 3.2-7.1 7.1'/%3E%3Cpath d='M31 52.3h28.6c3.9 0 7.1-3.2 7.1-7.1s-3.2-7.1-7.1-7.1H31c-3.9 0-7.1 3.2-7.1 7.1s3.2 7.1 7.1 7.1'/%3E%3C/svg%3E");
  z-index: 2;
}

.post--self-storage:hover .post__divider,
.post--self-storage .post__divider {
  opacity: 1;
}

.post--self-storage.post--sticky:hover .post__divider,
.post--self-storage.post--sticky:focus .post__divider {
  opacity: 0.5;
}

.results__load-more {
  margin-block: var(--module-spacing-sm);
  text-align: center;
}

.panel .results__load-more {
  margin-bottom: 0;
}

.cards__view-all {
  --text-font-size: 18;
}

@media (min-width: 48rem) {
  .layout--cards-223,
  .layout--cards-224 {
    gap: var(--card-grid-gap);
  }
  .layout--cards {
    --card-column-count: 2;
  }
  .post__description ul {
    margin-top: 1rem;
  }
  .post__divider {
    padding-top: 1.25rem;
  }
  .post__tag--blog,
  .post__tag--news {
    --text-font-size: 23;
  }
  .post__tag {
    bottom: 1.25rem;
    left: 1.25rem;
  }
  .post__price-value {
    --text-font-size: 36;
  }
  .post__price-vat,
  .post__price-weekly span {
    --text-font-size: 21;
  }
  .post__phone span:nth-child(2) {
    --text-font-size: 25;
  }
  .post--self-storage {
    --card-text-padding-inline: 1.25rem;
    --card-text-padding-block: 1.25rem;
  }
  .post--self-storage .post__divider {
    padding-top: 25px;
    margin-bottom: 25px;
  }
  .cards__view-all {
    --text-font-size: 19;
  }
}
@media (min-width: 60rem) {
  .post__divider {
    padding-top: 1.5rem;
  }
  .post__price-value {
    --text-font-size: 37;
  }
  .post__price p,
  .post__phone,
  .post__btn {
    margin-top: 2rem;
  }
  .post__price-vat,
  .post__price-weekly span {
    --text-font-size: 22;
  }
  .post__phone {
    align-items: flex-end;
  }
  .post__phone span:nth-child(2) {
    --text-font-size: 26;
  }
  .cards__view-all {
    --text-font-size: 20;
  }
}
@media (min-width: 67.5rem) {
  .layout--cards {
    --card-column-count: 3;
  }
  .layout--cards-122 {
    --card-column-count: 2;
  }
  .layout--cards-124,
  .layout--cards-224 {
    --card-column-count: 4;
  }
  .post--self-storage {
    width: auto;
    margin-right: 20px;
  }
}

/*# sourceMappingURL=/assets/application/layouts/cards-4eae7687.css.map */