.bonuspunkt-page__header,
.bonuspunkt-account-page__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1.25rem;
}

.bonuspunkt-balance-card,
.bonuspunkt-account-summary {
  background: #f7f8fb;
  border: 1px solid #dde3ec;
  border-radius: 12px;
  padding: 1.25rem;
}

.bonuspunkt-account-summary {
  margin-bottom: 1.5rem;
}

.bonuspunkt-balance-card__row,
.bonuspunkt-account-summary__item {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.bonuspunkt-account-history {
  display: grid;
  gap: 1rem;
}

.bonuspunkt-account-history-card {
  background: #fff;
  border: 1px solid #ece8f4;
  border-radius: 18px;
  padding: 1.15rem 1.2rem;
  box-shadow: 0 12px 28px rgba(36, 24, 68, 0.05);
}

.bonuspunkt-account-history-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}

.bonuspunkt-account-history-card__date {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #7b728d;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.bonuspunkt-account-history-card__date .material-icons {
  font-size: 1.2rem;
  color: #7f788f;
}

.bonuspunkt-account-history-card__delta {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  flex-shrink: 0;
}

.bonuspunkt-account-history-card__delta-icon {
  font-size: 24px;
}

.bonuspunkt-account-history-card__unit {
  font-weight: 700;
}

.bonuspunkt-account-history-card__body {
  color: #1f1d2b;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
}

.bonuspunkt-account-history-card--empty {
  color: #6d657d;
  text-align: center;
}

.bonuspunkt-account-pagination {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: 1.25rem;
  flex-wrap: wrap;
}

.bonuspunkt-account-pagination__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.3rem;
  height: 2.3rem;
  padding: 0 0.7rem;
  border-radius: 999px;
  border: 1px solid #e4dff0;
  background: #fff;
  color: #4c4660;
  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(36, 24, 68, 0.04);
}

.bonuspunkt-account-pagination__item:hover,
.bonuspunkt-account-pagination__item:focus {
  color: #1f1d2b;
  text-decoration: none;
  border-color: #d4c7eb;
}

.bonuspunkt-account-pagination__item.is-current {
  border-color: #ffb44b;
  background: linear-gradient(135deg, #ff9a1f 0%, #ffc35b 100%);
  color: #fff;
  box-shadow: 0 10px 20px rgba(219, 132, 16, 0.18);
}

.bonuspunkt-page__summary {
  margin-bottom: 1.25rem;
}

.bonuspunkt-page__heading {
  display: grid;
  gap: 0.5rem;
}

.bonuspunkt-page__heading h1 {
  margin: 0;
}

.bonuspunkt-page__subtitle {
  margin: 0;
  max-width: 56rem;
  color: #5b6778;
  font-size: 1rem;
  line-height: 1.6;
}

.bonuspunkt-page__link {
  align-self: center;
  color: #4a5c73;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
}

.bonuspunkt-page__link:hover,
.bonuspunkt-page__link:focus {
  color: #13233f;
  text-decoration: none;
}

.bonuspunkt-page__link--balance {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  margin-top: 0;
  padding-left: calc(var(--bonuspunkt-balance-badge-size) + var(--bonuspunkt-balance-gap));
  color: rgba(19, 35, 63, 0.72);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: none;
}

.bonuspunkt-page__link--balance:hover,
.bonuspunkt-page__link--balance:focus {
  color: rgba(19, 35, 63, 0.9);
}

.bonuspunkt-rewards-balance {
  --bonuspunkt-balance-badge-size: 92px;
  --bonuspunkt-balance-gap: 1.5rem;
  display: grid;
  gap: 0.4rem;
  width: 100%;
  padding: 1.75rem 2rem;
  border-radius: 22px;
  border: 1px solid #f1cb64;
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0) 38%),
    linear-gradient(135deg, #f9bf3b 0%, #f9d96f 52%, #f6d46a 100%);
  box-shadow: 0 18px 34px rgba(186, 135, 9, 0.16);
}

.bonuspunkt-rewards-balance__main {
  display: flex;
  align-items: center;
  gap: var(--bonuspunkt-balance-gap);
  min-width: 0;
}

.bonuspunkt-rewards-balance__badge {
  position: relative;
  isolation: isolate;
  flex: 0 0 var(--bonuspunkt-balance-badge-size);
  width: var(--bonuspunkt-balance-badge-size);
  height: var(--bonuspunkt-balance-badge-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 194, 62, 0.38);
  border: 1px solid rgba(255, 248, 222, 0.75);
}

.bonuspunkt-rewards-balance__badge::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 50%;
  border: 1px solid rgba(255, 248, 222, 0.55);
  filter: blur(4px);
  opacity: 0.75;
  z-index: -1;
  pointer-events: none;
}

.bonuspunkt-rewards-balance__badge-image {
  display: block;
  width: 5rem;
  height: 5rem;
  object-fit: contain;
}

.bonuspunkt-rewards-balance__content {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
}

.bonuspunkt-rewards-balance__label {
  color: rgba(23, 45, 74, 0.75);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.bonuspunkt-rewards-balance__value {
  color: #13233f;
  font-size: clamp(2.7rem, 5vw, 3.6rem);
  line-height: 1;
  font-weight: 800;
}

.bonuspunkt-rewards-balance__unit {
  color: rgba(23, 45, 74, 0.82);
  font-size: 1.05rem;
  font-weight: 600;
}

.bonuspunkt-gifts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 15px;
}

.bonuspunkt-gift-card {
  border: 1px solid #dde3ec;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bonuspunkt-gift-card--unavailable {
  border-color: #e4e8ef;
  background: #f6f7f9;
}

.bonuspunkt-gift-card--unavailable .bonuspunkt-gift-card__image img {
  filter: grayscale(1) saturate(0.2) opacity(0.72);
}

.bonuspunkt-gift-card--unavailable .bonuspunkt-gift-card__title,
.bonuspunkt-gift-card--unavailable .bonuspunkt-chip {
  color: #7a8393;
}

.bonuspunkt-gift-card--unavailable .bonuspunkt-gift-card__redeem {
  opacity: 0.7;
}

.bonuspunkt-gifts-grid .bonuspunkt-gift-card .bonuspunkt-gift-card__image {
  display: block;
  overflow: hidden;
  border-radius: 14px !important;
}

.bonuspunkt-gifts-grid .bonuspunkt-gift-card .bonuspunkt-gift-card__image img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 14px !important;
}

.bonuspunkt-gift-card__body {
  padding: 0;
  display: grid;
  gap: 20px;
}

.bonuspunkt-gift-card__title {
  display: -webkit-box;
  margin: 0;
  min-height: 68px;
  overflow: hidden;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bonuspunkt-gift-card__title a {
  color: inherit;
  text-decoration: none;
}

.bonuspunkt-gift-card__title a:hover,
.bonuspunkt-gift-card__title a:focus {
  color: inherit;
  text-decoration: none;
}

.bonuspunkt-gift-card__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  font-size: 0.95rem;
}

.bonuspunkt-gift-card__redeem {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  min-height: 56px;
  padding: 0.55rem 0.9rem;
  border-radius: 12px;
  flex-shrink: 0;
}

.card {
    padding: 10px!important;
}

.bonuspunkt-gift-card__redeem-label {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.bonuspunkt-gift-card__redeem-cost {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.bonuspunkt-gift-card__redeem-icon {
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  flex: 0 0 1.3rem;
  object-fit: contain;
}

.bonuspunkt-gift-card__redeem-value {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1;
}

.bonuspunkt-chip,
.bonuspunkt-widget {
  display: inline-block;
  color: #164194;
  font-weight: 600;
}

.bonuspunkt-account-link {
  text-decoration: none;
}

.page-my-account #content .links > a {
  text-decoration: none;
}

.page-my-account #content .account-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin: 0;
}

.page-my-account #content .account-links > a {
  float: none;
  padding: 0;
  width: calc(33.333333% - 12px);
  max-width: calc(33.333333% - 12px);
  flex: 0 0 calc(33.333333% - 12px);
}

.page-my-account #content .links > a:hover,
.page-my-account #content .links > a:focus,
.page-my-account #content .links > a:active {
  text-decoration: none;
}

.page-my-account #content .links > a .link-item,
.bonuspunkt-account-link .link-item {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 108px;
  padding: 1.15rem 1.35rem;
  border: 1px solid #dfe6ef;
  border-radius: 0;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  box-shadow: 0 16px 30px rgba(19, 35, 63, 0.1);
  color: #26344b;
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.28;
  text-decoration: none;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
}

.page-my-account #content .links > a .link-item > *,
.bonuspunkt-account-link .link-item > * {
  position: relative;
  z-index: 1;
}

.page-my-account #content .links > a .link-item::after,
.bonuspunkt-account-link .link-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.page-my-account #content .links > a .link-item,
.page-my-account #content .links > a .link-item i,
.bonuspunkt-account-link .link-item,
.bonuspunkt-account-link .link-item i {
  color: #26344b;
}

.page-my-account #content .links > a .link-item i,
.bonuspunkt-account-link .link-item i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  padding: 0 !important;
  border-radius: 16px;
  background: linear-gradient(145deg, #ffffff 0%, #eef2f7 100%);
  border: 1px solid rgba(147, 161, 183, 0.34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 10px 20px rgba(19, 35, 63, 0.09);
  color: #243249;
  font-size: 31px;
  line-height: 1;
  text-shadow: none;
  transform: none;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease;
}

.page-my-account #content .links > a:hover .link-item,
.page-my-account #content .links > a:focus .link-item,
.bonuspunkt-account-link:hover .link-item,
.bonuspunkt-account-link:focus .link-item {
  border-color: #d3ddea;
  box-shadow: 0 22px 40px rgba(19, 35, 63, 0.14);
  transform: translateY(-3px);
}

.page-my-account #content .links > a:hover .link-item i,
.page-my-account #content .links > a:focus .link-item i,
.bonuspunkt-account-link:hover .link-item i,
.bonuspunkt-account-link:focus .link-item i {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 14px 24px rgba(19, 35, 63, 0.12);
  transform: translateY(-1px);
}

.page-my-account #content .links .bonuspunkt-account-link--shop .link-item,
.bonuspunkt-account-link--shop .link-item {
  border-color: rgba(255, 192, 87, 0.82);
  background:
    radial-gradient(circle at top right, rgba(255, 236, 196, 0.28) 0, rgba(255, 236, 196, 0) 36%),
    linear-gradient(135deg, #fe9720 0%, #fe8812 58%, #f97b08 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: top right, center;
  background-size: auto, auto;
  box-shadow: 0 18px 34px rgba(191, 101, 8, 0.22);
}

.page-my-account #content .links .bonuspunkt-account-link--shop .link-item,
.page-my-account #content .links .bonuspunkt-account-link--shop .link-item i,
.page-my-account #content .links .bonuspunkt-account-link--card .link-item,
.page-my-account #content .links .bonuspunkt-account-link--card .link-item i,
.bonuspunkt-account-link--shop .link-item,
.bonuspunkt-account-link--shop .link-item i,
.bonuspunkt-account-link--card .link-item,
.bonuspunkt-account-link--card .link-item i {
  color: #fffaf0;
}

.page-my-account #content .links .bonuspunkt-account-link--shop .link-item i,
.page-my-account #content .links .bonuspunkt-account-link--card .link-item i,
.bonuspunkt-account-link--shop .link-item i,
.bonuspunkt-account-link--card .link-item i {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 247, 230, 0.08) 100%);
  border-color: rgba(255, 244, 214, 0.34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 20px rgba(121, 67, 8, 0.14);
  color: #fff7e0;
}

.page-my-account #content .links .bonuspunkt-account-link--shop .link-item::after,
.page-my-account #content .links .bonuspunkt-account-link--card .link-item::after,
.bonuspunkt-account-link--shop .link-item::after,
.bonuspunkt-account-link--card .link-item::after {
  background: linear-gradient(118deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 42%);
}

.page-my-account #content .links .bonuspunkt-account-link--identity .link-item,
.bonuspunkt-account-link--identity .link-item {
  border-color: rgba(255, 192, 87, 0.82);
  background:
    radial-gradient(circle at top right, rgba(255, 236, 196, 0.28) 0, rgba(255, 236, 196, 0) 36%),
    linear-gradient(135deg, #fe9720 0%, #fe8812 58%, #f97b08 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: top right, center;
  background-size: auto, auto;
  box-shadow: 0 18px 34px rgba(191, 101, 8, 0.22);
}

.page-my-account #content .links .bonuspunkt-account-link--addresses .link-item,
.bonuspunkt-account-link--addresses .link-item {
  border-color: rgba(255, 192, 87, 0.82);
  background:
    radial-gradient(circle at top right, rgba(255, 236, 196, 0.28) 0, rgba(255, 236, 196, 0) 36%),
    linear-gradient(135deg, #fe9720 0%, #fe8812 58%, #f97b08 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: top right, center;
  background-size: auto, auto;
  box-shadow: 0 18px 34px rgba(191, 101, 8, 0.22);
}

.page-my-account #content .links .bonuspunkt-account-link--orders .link-item,
.bonuspunkt-account-link--orders .link-item {
  border-color: rgba(255, 192, 87, 0.82);
  background:
    radial-gradient(circle at top right, rgba(255, 236, 196, 0.28) 0, rgba(255, 236, 196, 0) 36%),
    linear-gradient(135deg, #fe9720 0%, #fe8812 58%, #f97b08 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: top right, center;
  background-size: auto, auto;
  box-shadow: 0 18px 34px rgba(191, 101, 8, 0.22);
}

.page-my-account #content .links .bonuspunkt-account-link--identity .link-item,
.page-my-account #content .links .bonuspunkt-account-link--identity .link-item i,
.page-my-account #content .links .bonuspunkt-account-link--addresses .link-item,
.page-my-account #content .links .bonuspunkt-account-link--addresses .link-item i,
.page-my-account #content .links .bonuspunkt-account-link--orders .link-item,
.page-my-account #content .links .bonuspunkt-account-link--orders .link-item i,
.bonuspunkt-account-link--identity .link-item,
.bonuspunkt-account-link--identity .link-item i,
.bonuspunkt-account-link--addresses .link-item,
.bonuspunkt-account-link--addresses .link-item i,
.bonuspunkt-account-link--orders .link-item,
.bonuspunkt-account-link--orders .link-item i {
  color: #fffaf0;
}

.page-my-account #content .links .bonuspunkt-account-link--identity .link-item i,
.page-my-account #content .links .bonuspunkt-account-link--addresses .link-item i,
.page-my-account #content .links .bonuspunkt-account-link--orders .link-item i,
.bonuspunkt-account-link--identity .link-item i,
.bonuspunkt-account-link--addresses .link-item i,
.bonuspunkt-account-link--orders .link-item i {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 247, 230, 0.08) 100%);
  border-color: rgba(255, 244, 214, 0.34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 20px rgba(121, 67, 8, 0.14);
  color: #fff7e0;
}

.page-my-account #content .links .bonuspunkt-account-link--identity .link-item::after,
.page-my-account #content .links .bonuspunkt-account-link--addresses .link-item::after,
.page-my-account #content .links .bonuspunkt-account-link--orders .link-item::after,
.bonuspunkt-account-link--identity .link-item::after,
.bonuspunkt-account-link--addresses .link-item::after,
.bonuspunkt-account-link--orders .link-item::after {
  background: linear-gradient(118deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 42%);
}

.page-my-account #content .links .bonuspunkt-account-link--shop .link-item::before,
.page-my-account #content .links .bonuspunkt-account-link--identity .link-item::before,
.page-my-account #content .links .bonuspunkt-account-link--addresses .link-item::before,
.page-my-account #content .links .bonuspunkt-account-link--orders .link-item::before,
.page-my-account #content .links .bonuspunkt-account-link--card .link-item::before,
.bonuspunkt-account-link--shop .link-item::before,
.bonuspunkt-account-link--identity .link-item::before,
.bonuspunkt-account-link--addresses .link-item::before,
.bonuspunkt-account-link--orders .link-item::before,
.bonuspunkt-account-link--card .link-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 108px;
  background-repeat: repeat;
  background-position: 24px 18px;
  background-size: 220px 220px;
  pointer-events: none;
  z-index: 0;
}

.page-my-account #content .links .bonuspunkt-account-link--shop .link-item::before,
.bonuspunkt-account-link--shop .link-item::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg stroke='%23fff4d9' stroke-width='2.3' fill='none' stroke-linecap='round' stroke-linejoin='round' opacity='.12'%3E%3Cg transform='rotate(-12 42 54)'%3E%3Crect x='24' y='46' width='36' height='28' rx='5'/%3E%3Cpath d='M24 58h36M42 46v28M32 42c0-6 8-7 10-1M52 42c0-6-8-7-10-1'/%3E%3C/g%3E%3Cg transform='rotate(16 152 48)'%3E%3Crect x='132' y='34' width='42' height='32' rx='5'/%3E%3Cpath d='M132 48h42M153 34v32M143 29c0-7 9-8 10-1M163 29c0-7-9-8-10-1'/%3E%3C/g%3E%3Cg transform='rotate(10 84 142)'%3E%3Crect x='64' y='128' width='40' height='32' rx='5'/%3E%3Cpath d='M64 142h40M84 128v32M74 123c0-7 8-8 10-1M94 123c0-7-8-8-10-1'/%3E%3C/g%3E%3Cg transform='rotate(-18 178 162)'%3E%3Crect x='156' y='148' width='34' height='26' rx='4'/%3E%3Cpath d='M156 160h34M173 148v26M165 144c0-6 7-6 8-1M181 144c0-6-7-6-8-1'/%3E%3C/g%3E%3Cg transform='rotate(12 118 60)'%3E%3Crect x='100' y='44' width='34' height='26' rx='4'/%3E%3Cpath d='M100 56h34M117 44v26M109 40c0-6 7-6 8-1M125 40c0-6-7-6-8-1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.page-my-account #content .links .bonuspunkt-account-link--identity .link-item::before,
.bonuspunkt-account-link--identity .link-item::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg stroke='%23fff4d9' fill='none' stroke-linecap='round' stroke-linejoin='round' opacity='.13'%3E%3Cg transform='translate(108 12)'%3E%3Ccircle cx='18' cy='14' r='8' stroke-width='2.3'/%3E%3Cpath d='M4 42c0-9 8-16 18-16s18 7 18 16' stroke-width='2.3'/%3E%3C/g%3E%3Cg transform='translate(154 24) rotate(10 14 18)'%3E%3Ccircle cx='14' cy='11' r='6.4' stroke-width='2'/%3E%3Cpath d='M2 32c0-7 6-13 14-13s14 6 14 13' stroke-width='2'/%3E%3C/g%3E%3Cg transform='translate(48 68)'%3E%3Ccircle cx='16' cy='12' r='7' stroke-width='2.1'/%3E%3Cpath d='M3 35c0-8 7-14 16-14s16 6 16 14' stroke-width='2.1'/%3E%3C/g%3E%3Cg transform='translate(128 86) rotate(-8 18 22)'%3E%3Ccircle cx='18' cy='14' r='8' stroke-width='2.4'/%3E%3Cpath d='M4 42c0-9 8-16 18-16s18 7 18 16' stroke-width='2.4'/%3E%3C/g%3E%3Cg transform='translate(34 126) rotate(6 18 22)'%3E%3Ccircle cx='18' cy='14' r='8' stroke-width='2.4'/%3E%3Cpath d='M4 42c0-9 8-16 18-16s18 7 18 16' stroke-width='2.4'/%3E%3C/g%3E%3Cg transform='translate(102 146)'%3E%3Ccircle cx='14' cy='11' r='6.4' stroke-width='2'/%3E%3Cpath d='M2 32c0-7 6-13 14-13s14 6 14 13' stroke-width='2'/%3E%3C/g%3E%3Cg transform='translate(166 150)'%3E%3Ccircle cx='12' cy='9' r='5.3' stroke-width='1.9'/%3E%3Cpath d='M1 25c0-5.5 5-10 11-10s11 4.5 11 10' stroke-width='1.9'/%3E%3C/g%3E%3Cg transform='translate(74 30)'%3E%3Ccircle cx='12' cy='9' r='5.3' stroke-width='1.9'/%3E%3Cpath d='M1 25c0-5.5 5-10 11-10s11 4.5 11 10' stroke-width='1.9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.page-my-account #content .links .bonuspunkt-account-link--addresses .link-item::before,
.bonuspunkt-account-link--addresses .link-item::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg stroke='%23fff4d9' fill='none' stroke-linecap='round' stroke-linejoin='round' opacity='.13'%3E%3Cg transform='translate(108 10)'%3E%3Cpath d='M18 46C10 35 5 28 5 20A13 13 0 1 1 31 20c0 8-5 15-13 26Z' stroke-width='2.3'/%3E%3Ccircle cx='18' cy='20' r='4.3' stroke-width='2'/%3E%3C/g%3E%3Cg transform='translate(46 44) rotate(-8 18 26)'%3E%3Cpath d='M18 46C10 35 5 28 5 20A13 13 0 1 1 31 20c0 8-5 15-13 26Z' stroke-width='2.2'/%3E%3Ccircle cx='18' cy='20' r='4.1' stroke-width='1.9'/%3E%3C/g%3E%3Cg transform='translate(156 62)'%3E%3Cpath d='M18 40C11 31 7 25 7 18A11 11 0 1 1 29 18c0 7-4 13-11 22Z' stroke-width='2'/%3E%3Ccircle cx='18' cy='18' r='3.7' stroke-width='1.8'/%3E%3C/g%3E%3Cg transform='translate(62 108) rotate(10 18 26)'%3E%3Cpath d='M18 46C10 35 5 28 5 20A13 13 0 1 1 31 20c0 8-5 15-13 26Z' stroke-width='2.3'/%3E%3Ccircle cx='18' cy='20' r='4.3' stroke-width='2'/%3E%3C/g%3E%3Cg transform='translate(142 136) rotate(-4 15 22)'%3E%3Cpath d='M15 38C9 30 6 25 6 18A10 10 0 1 1 26 18c0 6-4 12-11 20Z' stroke-width='1.9'/%3E%3Ccircle cx='15' cy='18' r='3.4' stroke-width='1.7'/%3E%3C/g%3E%3Cpath d='M30 88c16-11 32-15 49-13 14 2 25 8 37 8 13 0 23-8 35-8 15 0 28 6 39 14' stroke-width='2'/%3E%3Cpath d='M18 152c14-10 30-14 48-12 14 1 26 5 38 5 13 0 25-4 38-10 9-4 19-6 30-6' stroke-width='1.95'/%3E%3Cpath d='M68 56c10-4 19-5 28-2M174 116c9 2 17 6 24 12' stroke-width='1.8'/%3E%3C/g%3E%3C/svg%3E");
}

.page-my-account #content .links .bonuspunkt-account-link--orders .link-item::before,
.bonuspunkt-account-link--orders .link-item::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg stroke='%23fff4d9' fill='none' stroke-linecap='round' stroke-linejoin='round' opacity='.13'%3E%3Cg transform='translate(108 12)'%3E%3Crect x='0' y='6' width='38' height='34' rx='6' stroke-width='2.3'/%3E%3Cpath d='M8 0v12M30 0v12M0 18h38' stroke-width='2.3'/%3E%3C/g%3E%3Cg transform='translate(154 24) rotate(8 15 18)'%3E%3Crect x='0' y='4' width='30' height='26' rx='5' stroke-width='2'/%3E%3Cpath d='M7 0v8M23 0v8M0 15h30' stroke-width='2'/%3E%3C/g%3E%3Cg transform='translate(56 58)'%3E%3Crect x='0' y='5' width='28' height='24' rx='4' stroke-width='1.9'/%3E%3Cpath d='M6 0v7M22 0v7M0 13h28' stroke-width='1.9'/%3E%3C/g%3E%3Cg transform='translate(138 92) rotate(-8 19 23)'%3E%3Crect x='0' y='6' width='38' height='34' rx='6' stroke-width='2.4'/%3E%3Cpath d='M8 0v12M30 0v12M0 18h38' stroke-width='2.4'/%3E%3C/g%3E%3Cg transform='translate(34 124) rotate(6 19 23)'%3E%3Crect x='0' y='6' width='38' height='34' rx='6' stroke-width='2.4'/%3E%3Cpath d='M8 0v12M30 0v12M0 18h38' stroke-width='2.4'/%3E%3C/g%3E%3Cg transform='translate(118 150)'%3E%3Crect x='0' y='4' width='32' height='28' rx='5' stroke-width='2.1'/%3E%3Cpath d='M7 0v8M25 0v8M0 15h32' stroke-width='2.1'/%3E%3C/g%3E%3Cg transform='translate(174 146)'%3E%3Crect x='0' y='4' width='24' height='22' rx='4' stroke-width='1.8'/%3E%3Cpath d='M5 0v6M19 0v6M0 12h24' stroke-width='1.8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.page-my-account #content .links .bonuspunkt-account-link--card .link-item,
.bonuspunkt-account-link--card .link-item {
  background:
    radial-gradient(circle at top right, rgba(255, 236, 196, 0.28) 0, rgba(255, 236, 196, 0) 36%),
    linear-gradient(135deg, #fe9720 0%, #fe8812 58%, #f97b08 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: top right, center;
  background-size: auto, auto;
  box-shadow: 0 18px 34px rgba(191, 101, 8, 0.22);
}

.page-my-account #content .links .bonuspunkt-account-link--card .link-item::before,
.bonuspunkt-account-link--card .link-item::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg stroke='%23fff4d9' stroke-linecap='round' fill='none' opacity='.14'%3E%3Cg stroke-width='4' transform='rotate(18 42 44)'%3E%3Cpath d='M42 26v36M24 44h36'/%3E%3C/g%3E%3Cg stroke-width='3' transform='rotate(-12 168 58)'%3E%3Cpath d='M168 42v32M152 58h32'/%3E%3C/g%3E%3Cg stroke-width='5' transform='rotate(8 94 150)'%3E%3Cpath d='M94 126v48M70 150h48'/%3E%3C/g%3E%3Cg stroke-width='2.5' transform='rotate(-20 198 184)'%3E%3Cpath d='M198 170v28M184 184h28'/%3E%3C/g%3E%3Cg stroke-width='3.2' transform='rotate(12 36 184)'%3E%3Cpath d='M36 168v32M20 184h32'/%3E%3C/g%3E%3Cg stroke-width='2.8' transform='rotate(-10 210 108)'%3E%3Cpath d='M210 92v32M194 108h32'/%3E%3C/g%3E%3Cg stroke-width='2.6' transform='rotate(16 126 34)'%3E%3Cpath d='M126 21v26M113 34h26'/%3E%3C/g%3E%3Cg stroke-width='2.6' transform='rotate(-8 84 84)'%3E%3Cpath d='M84 68v32M68 84h32'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 240px 240px;
}

.page-my-account #content .links .bonuspunkt-account-link--identity:hover .link-item,
.page-my-account #content .links .bonuspunkt-account-link--addresses:hover .link-item,
.page-my-account #content .links .bonuspunkt-account-link--orders:hover .link-item,
.page-my-account #content .links .bonuspunkt-account-link--identity:focus .link-item,
.page-my-account #content .links .bonuspunkt-account-link--addresses:focus .link-item,
.page-my-account #content .links .bonuspunkt-account-link--orders:focus .link-item,
.bonuspunkt-account-link--identity:hover .link-item,
.bonuspunkt-account-link--identity:focus .link-item,
.bonuspunkt-account-link--addresses:hover .link-item,
.bonuspunkt-account-link--addresses:focus .link-item,
.bonuspunkt-account-link--orders:hover .link-item,
.bonuspunkt-account-link--orders:focus .link-item,
.page-my-account #content .links .bonuspunkt-account-link--shop:hover .link-item,
.page-my-account #content .links .bonuspunkt-account-link--card:hover .link-item,
.page-my-account #content .links .bonuspunkt-account-link--shop:focus .link-item,
.page-my-account #content .links .bonuspunkt-account-link--card:focus .link-item,
.bonuspunkt-account-link--shop:hover .link-item,
.bonuspunkt-account-link--shop:focus .link-item,
.bonuspunkt-account-link--card:hover .link-item,
.bonuspunkt-account-link--card:focus .link-item {
  border-color: rgba(255, 236, 196, 0.58);
  box-shadow: 0 22px 40px rgba(191, 101, 8, 0.26);
  transform: translateY(-3px);
}

.bonuspunkt-widget--cart {
  display: block;
  margin-top: 1rem;
  padding: 12px 10px;
  border: 1px solid #f2d69a;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.28) 100%),
    linear-gradient(135deg, #fff7e7 0%, #fff1cf 100%);
  box-shadow: 0 12px 24px rgba(188, 132, 17, 0.08);
  color: #164194;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

.bonuspunkt-gift-category-conflict-notice {
  display: block;
  margin-top: 8px;
  padding: 9px 11px;
  border: 1px solid #f3b6ad;
  border-left: 3px solid #d94a3a;
  border-radius: 10px;
  background: #fff4f2;
  color: #9d2d21;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.bonuspunkt-product-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.3rem 0.8rem 0.3rem 0.5rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #FF8809 0%, #f7b439 100%);
  box-shadow: 0 10px 22px rgba(118, 74, 160, 0.18);
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
}

.bonuspunkt-product-badge__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}

.bonuspunkt-product-badge__icon {
  display: block;
  width: 1.45rem;
  height: 1.45rem;
  object-fit: contain;
}

.bonuspunkt-product-badge__value {
  display: inline-block;
  letter-spacing: 0.01em;
}

.bonuspunkt-product-badge--balance {
  vertical-align: middle;
  gap: 0.4rem;
  padding: 0.3rem 0.9rem 0.3rem 0.9rem;
  color: #fff;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}

.bonuspunkt-product-badge--balance .bonuspunkt-product-badge__text,
.bonuspunkt-product-badge--balance .bonuspunkt-product-badge__value {
  color: #fff;
}

.bonuspunkt-product-badge--balance .bonuspunkt-product-badge__text {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

.bonuspunkt-product-badge--balance .bonuspunkt-product-badge__value {
  font-size: 14px;
  font-weight: 700;
}

.bonuspunkt-product-badge--balance:hover,
.bonuspunkt-product-badge--balance:focus {
  color: #fff;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(215, 131, 8, 0.24);
  transform: translateY(-1px);
}

.bonuspunkt-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(17, 24, 39, 0.55);
  z-index: 9999;
  padding: 1rem;
}

.bonuspunkt-modal.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bonuspunkt-modal__dialog {
  max-width: 480px;
  width: 100%;
  background: #fff;
  border-radius: 14px;
  position: relative;
  padding: 1.5rem;
}

.bonuspunkt-modal__close {
  position: absolute;
  top: 0.5rem;
  right: 0.75rem;
  border: 0;
  background: transparent;
  font-size: 2rem;
  line-height: 1;
}

.bonuspunkt-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.bonuspunkt-history-delta {
  font-weight: 700;
}

.bonuspunkt-delta--plus {
  color: #2e7d32;
}

.bonuspunkt-delta--minus {
  color: #c62828;
}

.bonuspunkt-delta--neutral {
  color: inherit;
}

.bonuspunkt-customer-card-stage {
  display: flex;
  justify-content: center;
  padding: 1.5rem 0 0.5rem;
}

.bonuspunkt-customer-card {
  position: relative;
  isolation: isolate;
  width: min(100%, 540px);
  aspect-ratio: 1.586;
  padding: clamp(1.35rem, 3vw, 2rem);
  border-radius: 28px;
  overflow: hidden;
  display: grid;
  align-content: space-between;
  gap: 1.5rem;
  color: #fffaf0;
  background:
    radial-gradient(circle at top right, rgba(255, 236, 196, 0.28) 0, rgba(255, 236, 196, 0) 36%),
    linear-gradient(135deg, #fe8b0d 0%, #fe8b0d 54%, #fe8b0d 100%);
  box-shadow: 0 24px 44px rgba(191, 101, 8, 0.24);
}

.bonuspunkt-customer-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(118deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 42%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg stroke='%23fff8de' stroke-linecap='round' fill='none' opacity='.14'%3E%3Cg stroke-width='4' transform='rotate(18 42 44)'%3E%3Cpath d='M42 26v36M24 44h36'/%3E%3C/g%3E%3Cg stroke-width='3' transform='rotate(-12 168 58)'%3E%3Cpath d='M168 42v32M152 58h32'/%3E%3C/g%3E%3Cg stroke-width='5' transform='rotate(8 94 150)'%3E%3Cpath d='M94 126v48M70 150h48'/%3E%3C/g%3E%3Cg stroke-width='2.5' transform='rotate(-20 198 184)'%3E%3Cpath d='M198 170v28M184 184h28'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-size: auto, 240px 240px;
  z-index: 0;
  pointer-events: none;
}

.bonuspunkt-customer-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190' viewBox='0 0 190 190'%3E%3Cg stroke='%23fff1d2' stroke-linecap='round' fill='none' opacity='.09'%3E%3Cg stroke-width='2.5' transform='rotate(-14 34 42)'%3E%3Cpath d='M34 29v26M21 42h26'/%3E%3C/g%3E%3Cg stroke-width='4' transform='rotate(26 126 36)'%3E%3Cpath d='M126 16v40M106 36h40'/%3E%3C/g%3E%3Cg stroke-width='3' transform='rotate(12 74 108)'%3E%3Cpath d='M74 91v34M57 108h34'/%3E%3C/g%3E%3Cg stroke-width='5' transform='rotate(-18 154 144)'%3E%3Cpath d='M154 116v56M126 144h56'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 190px 190px;
  opacity: 0.7;
  z-index: 0;
  pointer-events: none;
}

.bonuspunkt-customer-card__glow {
  position: absolute;
  width: 220px;
  height: 220px;
  right: -80px;
  top: -90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 244, 220, 0.34) 0, rgba(255, 244, 220, 0) 68%);
  pointer-events: none;
}

.bonuspunkt-customer-card__top,
.bonuspunkt-customer-card__bottom {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.bonuspunkt-customer-card__top {
  flex-wrap: wrap;
}

.bonuspunkt-customer-card__brand {
  display: grid;
  gap: 0.2rem;
}

.bonuspunkt-customer-card__title {
  font-size: clamp(1.2rem, 2.4vw, 1.7rem);
  line-height: 1.12;
  font-weight: 800;
  max-width: 280px;
  color: #fffaf0;
  text-shadow: 0 1px 0 rgba(146, 75, 6, 0.26), 0 6px 18px rgba(126, 58, 3, 0.16);
}

.bonuspunkt-customer-card__ornament {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.7rem;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.bonuspunkt-customer-card__ornament-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  border: 0;
}

.bonuspunkt-customer-card__ornament img {
  display: block;
  width: clamp(1.45rem, 3vw, 2rem);
  height: clamp(1.45rem, 3vw, 2rem);
  object-fit: contain;
  filter: drop-shadow(0 8px 14px rgba(133, 67, 4, 0.16));
}

.bonuspunkt-customer-card__balance {
  display: grid;
  gap: 0;
  text-align: right;
}

.bonuspunkt-customer-card__balance strong {
  color: #fffaf0;
  font-size: clamp(1.45rem, 3vw, 2rem);
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 1px 0 rgba(146, 75, 6, 0.24), 0 4px 14px rgba(126, 58, 3, 0.14);
}

.bonuspunkt-customer-card__barcode-frame {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: min(100%, 314px);
  padding: 1rem 1.15rem;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: none;
}

.bonuspunkt-customer-card__barcode {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 78px;
}

.bonuspunkt-customer-card__customer,
.bonuspunkt-customer-card__meta {
  display: grid;
  gap: 0.28rem;
  color: rgba(255, 250, 242, 0.96);
  font-size: 0.82rem;
  align-self: end;
  text-shadow: 0 1px 0 rgba(146, 75, 6, 0.22), 0 4px 12px rgba(126, 58, 3, 0.12);
}

.bonuspunkt-customer-card__customer {
  text-align: left;
}

.bonuspunkt-customer-card__meta {
  text-align: right;
}

.bonuspunkt-customer-card__customer strong,
.bonuspunkt-customer-card__meta strong {
  color: #fffaf0;
  font-size: 1.22rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.12;
  text-shadow: 0 1px 0 rgba(146, 75, 6, 0.26), 0 6px 16px rgba(126, 58, 3, 0.14);
}

body.bonuspunkt-gift-product-page .elementor-widget-product-quantity,
body.bonuspunkt-gift-product-page .ce-product-quantity,
body.bonuspunkt-gift-product-page .elementor-widget-product-price,
body.bonuspunkt-gift-product-page .ce-product-prices,
body.bonuspunkt-gift-product-page .ce-product-price,
body.bonuspunkt-gift-product-page .elementor-widget-product-add-to-cart,
body.bonuspunkt-gift-product-page .product-quantity,
body.bonuspunkt-gift-product-page .add,
body.bonuspunkt-gift-product-page button[data-button-action="add-to-cart"],
body.bonuspunkt-gift-product-page .add-to-cart,
body.bonuspunkt-gift-product-page a[href="#ce-action=addToCart"] {
  display: none !important;
}

.bonuspunkt-cart-gift-line .cart-line-product-quantity-up,
.bonuspunkt-cart-gift-line .cart-line-product-quantity-down,
.bonuspunkt-cart-gift-line [data-link-action="update-quantity-up"],
.bonuspunkt-cart-gift-line [data-link-action="update-quantity-down"],
.bonuspunkt-cart-gift-line [data-link-action="x-update-cart-quantity-up"],
.bonuspunkt-cart-gift-line [data-link-action="x-update-cart-quantity-down"],
.bonuspunkt-cart-gift-line .bootstrap-touchspin-up,
.bonuspunkt-cart-gift-line .bootstrap-touchspin-down,
.bonuspunkt-cart-gift-line .ce-product-quantity__plus,
.bonuspunkt-cart-gift-line .ce-product-quantity__minus,
.bonuspunkt-cart-gift-qty .cart-line-product-quantity-up,
.bonuspunkt-cart-gift-qty .cart-line-product-quantity-down,
.bonuspunkt-cart-gift-qty [data-link-action="update-quantity-up"],
.bonuspunkt-cart-gift-qty [data-link-action="update-quantity-down"],
.bonuspunkt-cart-gift-qty [data-link-action="x-update-cart-quantity-up"],
.bonuspunkt-cart-gift-qty [data-link-action="x-update-cart-quantity-down"],
.bonuspunkt-cart-gift-qty .bootstrap-touchspin-up,
.bonuspunkt-cart-gift-qty .bootstrap-touchspin-down {
  display: none !important;
}

.bonuspunkt-cart-gift-input {
  cursor: default;
}

.logout_custom_center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 22px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .bonuspunkt-page__header,
  .bonuspunkt-account-page__header {
    display: block;
  }

  .page-my-account #content {
    padding-left: 12px;
    padding-right: 12px;
  }

  .bonuspunkt-account-history-card {
    padding: 1rem;
  }

  .bonuspunkt-account-history-card__top {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    gap: 0.75rem;
  }

  .bonuspunkt-account-history-card__date,
  .bonuspunkt-account-history-card__delta {
    font-size: 0.92rem;
  }

  .bonuspunkt-account-history-card__date {
    flex: 1 1 auto;
    min-width: 0;
  }

  .bonuspunkt-account-history-card__delta {
    flex: 0 0 auto;
  }

  .bonuspunkt-account-history-card__body {
    font-size: 1.05rem;
  }

  .bonuspunkt-rewards-balance {
    --bonuspunkt-balance-badge-size: 76px;
    --bonuspunkt-balance-gap: 1rem;
    margin-top: 1rem;
    padding: 1.35rem 1.25rem;
  }

  .bonuspunkt-page__link--balance {
    padding-left: calc(var(--bonuspunkt-balance-badge-size) + var(--bonuspunkt-balance-gap));
  }

  .bonuspunkt-rewards-balance__badge-image {
    width: 4rem;
    height: 4rem;
  }

  .bonuspunkt-customer-card {
    aspect-ratio: 1.586;
    min-height: 0;
    padding: 1rem;
    gap: 0.9rem;
  }

  .bonuspunkt-customer-card__top,
  .bonuspunkt-customer-card__bottom {
    gap: 0.7rem;
  }

  .bonuspunkt-customer-card__title {
    font-size: 1.05rem;
  }

  .bonuspunkt-customer-card__balance strong {
    font-size: 1.35rem;
  }

  .bonuspunkt-customer-card__barcode-frame {
    width: min(100%, 248px);
    padding: 0.8rem 0.95rem;
  }

  .bonuspunkt-customer-card__barcode {
    max-height: 60px;
  }

  .bonuspunkt-customer-card__customer,
  .bonuspunkt-customer-card__meta {
    font-size: 0.72rem;
  }

  .bonuspunkt-customer-card__customer strong,
  .bonuspunkt-customer-card__meta strong {
    font-size: 0.95rem;
  }

  .bonuspunkt-gifts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .bonuspunkt-gift-card {
    padding: 10px;
    gap: 12px;
  }

  .bonuspunkt-gifts-grid .bonuspunkt-gift-card .bonuspunkt-gift-card__image img {
    height: 150px;
  }

  .bonuspunkt-gift-card__body {
    gap: 12px;
  }

  .bonuspunkt-gift-card__title {
    min-height: 57px;
    font-size: 0.95rem;
    line-height: 1.25;
  }

  .bonuspunkt-gift-card__redeem {
    min-height: 46px;
    gap: 0.45rem;
    padding: 0.45rem 0.55rem;
    font-size: 0.82rem;
  }

  .bonuspunkt-gift-card__redeem-cost {
    gap: 0.3rem;
  }

  .bonuspunkt-gift-card__redeem-icon {
    width: 1.05rem;
    height: 1.05rem;
    flex-basis: 1.05rem;
  }

  .bonuspunkt-gift-card__redeem-value {
    font-size: 1.05rem;
  }

  .page-my-account #content .account-links {
    gap: 14px;
  }

  .page-my-account #content .account-links > a {
    width: calc(50% - 7px);
    max-width: calc(50% - 7px);
    flex-basis: calc(50% - 7px);
  }

  .page-my-account #content .links > a .link-item,
  .bonuspunkt-account-link .link-item {
    min-height: 94px;
    gap: 0.85rem;
    padding: 1rem 1.05rem;
    font-size: 0.96rem;
  }

  .page-my-account #content .links > a .link-item i,
  .bonuspunkt-account-link .link-item i {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
    border-radius: 14px;
    font-size: 26px;
  }

  .page-my-account #content .links .bonuspunkt-account-link--shop .link-item::before,
  .page-my-account #content .links .bonuspunkt-account-link--identity .link-item::before,
  .page-my-account #content .links .bonuspunkt-account-link--addresses .link-item::before,
  .page-my-account #content .links .bonuspunkt-account-link--orders .link-item::before,
  .page-my-account #content .links .bonuspunkt-account-link--card .link-item::before,
  .bonuspunkt-account-link--shop .link-item::before,
  .bonuspunkt-account-link--identity .link-item::before,
  .bonuspunkt-account-link--addresses .link-item::before,
  .bonuspunkt-account-link--orders .link-item::before,
  .bonuspunkt-account-link--card .link-item::before {
    left: 88px;
    background-position: 18px 14px;
    background-size: 180px 180px;
  }
}

@media (max-width: 575px) {
  .page-my-account #content .account-links > a {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }
}