/**
 * ALGORITHM BY: walbo
 * https://github.com/walbo/font-size-clamp/blob/main/utils/clamp-builder.ts
 * -------------------------------------------------------------------------------

 * Generates the clamp for font-size.
 *
 * @param {Number} $minFont - Minimum font size (px)
 * @param {Number} $maxFont - Maximum font size (px)
 * @param {Number} $minWidth - Minimum viewport width for the minimum font size - defaulted to 360px
 * @param {Number} $maxWidth - Maximum viewport width for the maximum font size - defaulted to 1440px
 * @return {Number} - The clamp for font-size
 */
.inner-content.loyalty-card .hero {
  background: linear-gradient(to right, #e48204 29%, #edaf1c 65%, #e48204 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(8.75rem, 8.338rem + 2.063vw, 10.8125rem) 15px clamp(3.125rem, 2.688rem + 2.188vw, 5.3125rem) 15px;
}
.inner-content.loyalty-card .hero .hero-img {
  max-width: 100%;
  height: clamp(7.813rem, 2.138rem + 28.375vw, 36.1875rem);
  -o-object-fit: contain;
     object-fit: contain;
}
.inner-content.loyalty-card .floating-btn {
  position: fixed;
  right: 0;
  top: 32%;
  height: clamp(15.313rem, 11.125rem + 20.938vw, 36.25rem);
  z-index: 99;
}
.inner-content.loyalty-card .floating-btn img {
  height: 100%;
}
.inner-content.loyalty-card .floating-btn span {
  height: 100%;
  position: absolute;
  top: 44%;
  left: 62%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 1;
  font-size: clamp(0.625rem, 0.413rem + 1.063vw, 1.6875rem);
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: clamp(0.125rem, 0.1rem + 0.125vw, 0.25rem);
  writing-mode: sideways-lr;
}
.inner-content.loyalty-card .circle-img {
  padding-block: clamp(2.813rem, 2.5rem + 1.563vw, 4.375rem);
}
.inner-content.loyalty-card .circle-img .img-wrapper {
  max-width: 85%;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin-inline: auto;
}
.inner-content.loyalty-card .circle-img .img-wrapper::before {
  content: "";
  width: 102%;
  height: 102%;
  border: 4px dashed #ee7d00;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.inner-content.loyalty-card .circle-img .img-wrapper img {
  width: clamp(14.063rem, 5.625rem + 42.188vw, 56.25rem);
  max-width: 100%;
  display: block;
}
.inner-content.loyalty-card .orange-block {
  color: #fefefe;
  background-color: #ee7d00;
  padding: clamp(3.125rem, 2.625rem + 2.5vw, 5.625rem) clamp(1.563rem, -0.25rem + 9.063vw, 10.625rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  scroll-margin-top: 100px;
}
.inner-content.loyalty-card .orange-block h2 {
  font-size: clamp(2.375rem, 1.6rem + 3.875vw, 6.25rem);
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.inner-content.loyalty-card .orange-block p {
  font-size: clamp(1.063rem, 1.025rem + 0.188vw, 1.25rem);
  font-weight: 700;
  margin-block: clamp(1.25rem, 1.188rem + 0.313vw, 1.5625rem) clamp(1.875rem, 1.65rem + 1.125vw, 3rem);
}
.inner-content.loyalty-card .orange-block .qr-code {
  width: clamp(7.188rem, 6.563rem + 3.125vw, 10.3125rem);
}
.inner-content.loyalty-card .orange-block .wallets {
  margin-block: clamp(1.875rem, 1.65rem + 1.125vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
@media (max-width: 450px) {
  .inner-content.loyalty-card .orange-block .wallets {
    display: flex;
    gap: 5px;
    width: 100%;
  }
}
.inner-content.loyalty-card .orange-block .wallets a {
  background: #000;
  border: 1px solid #fff;
  border-radius: 13px;
  padding: 9px 11px;
  display: block;
  color: #fff;
  font-weight: 500;
}
@media (max-width: 450px) {
  .inner-content.loyalty-card .orange-block .wallets a {
    flex: 1;
  }
}
.inner-content.loyalty-card .orange-block .wallets a img {
  width: 40px;
  height: 32px;
}
@media (max-width: 450px) {
  .inner-content.loyalty-card .orange-block .wallets a img {
    width: 100%;
  }
}
.inner-content.loyalty-card .orange-block .wallets a span {
  margin: 0 0 0 7px;
  font-weight: 500;
  font-size: 14px;
}
@media (max-width: 450px) {
  .inner-content.loyalty-card .orange-block .wallets a span {
    text-align: center;
    margin: 7px 0 0 0;
  }
}
.inner-content.loyalty-card .orange-block .request-card-btn {
  color: #fff;
  background-color: #ffa52c;
  font-size: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem);
  font-weight: 500;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  padding: clamp(0.813rem, 0.725rem + 0.438vw, 1.25rem) clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  border: 3px solid #fff;
  border-radius: 100px;
}
.inner-content.loyalty-card .branch-list {
  margin-block: clamp(2.813rem, 2.5rem + 1.563vw, 4.375rem) clamp(3.125rem, 1.625rem + 7.5vw, 10.625rem);
}
.inner-content.loyalty-card .branch-list .inner {
  padding-inline: clamp(0.938rem, -1rem + 9.688vw, 10.625rem);
}

.matrix-container {
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 16px;
}
.matrix-container .matrix .matrix-elem[data-type=header] .matrix-elem-header h2 {
  text-align: center;
}
@media (max-width: 450px) {
  .matrix-container .matrix .matrix-elem[data-type=header] .matrix-elem-header h2 {
    font-size: 24px;
    line-height: 1.25em;
  }
}/*# sourceMappingURL=vernostna.css.map */