/* =========================================================
   Программы лояльности (loyalty.html), схема scale-tablet:
   1rem = 1px при ширине 320 · 540 · 768 · 1560 · 1920.
   Раскладки: телефон до 767px, планшет 768–991px, десктоп от 992px.
   Блоки по порядку: баннер, старт, рассрочка, Trade-in,
   индивидуальные условия, обучение, вопросы, консультация.
   ========================================================= */

.loyalty .container { position: relative; }
.loyalty section { scroll-margin-top: 100px; }
.loyalty p { margin: 1em 0; }
.loyalty-arrow { display: block; padding: 0; border: 0; background: none; cursor: pointer; }
.loyalty-arrow svg { width: 40rem; height: 40rem; display: block; }
.loyalty-arrow.swiper-button-disabled { opacity: .4; cursor: default; }
.loyalty-arrow.swiper-button-lock { display: none; }

/* ---------- Баннер ---------- */
.loyalty-top { position: relative; margin-top: -38rem; }
.loyalty-top__item { position: relative; display: block; text-decoration: none; overflow: hidden; }
.loyalty-top__item picture { display: block; }
.loyalty-top__item img { display: block; width: 100%; height: auto; aspect-ratio: 1920 / 800; object-fit: cover; object-position: center; }
.loyalty-top__meta { position: absolute; z-index: 1; top: 265rem; left: 153rem; }
.loyalty-top__title { font-family: var(--font-accent); font-weight: var(--fw-accent); font-size: 50rem; line-height: 60rem; text-transform: uppercase; color: #fff; margin-bottom: 15rem; }
.loyalty-top__text { font-family: var(--font-main); font-weight: var(--fw-regular); font-size: 26rem; line-height: 28rem; color: var(--c-glacier); margin-bottom: 20rem; }
.loyalty-top__button .btn { font-size: 22rem; line-height: 24rem; padding: 10rem 24rem; }
.loyalty-top__item:hover .btn::before { opacity: 1; }
.loyalty-top__note { display: flex; margin-top: 225rem; font-family: var(--font-main); font-weight: var(--fw-regular); font-size: 16rem; line-height: 20rem; color: var(--c-glacier); }

/* ---------- Старт ---------- */
.loyalty-start { margin: 115rem 0 100rem; font-family: var(--font-main); }
.loyalty-start .section-title { position: absolute; margin-left: 840rem; width: 492rem; text-align: left; }
.loyalty-start__box { aspect-ratio: 1280 / 768; background: url("../../img/pages/loyalty/start-desktop.jpg") no-repeat; background-size: contain; width: 1280rem; margin: 0 auto; padding: 188rem 63rem 0 712rem; }
.loyalty-start__lead { font-size: 26rem; font-weight: var(--fw-medium); line-height: 28rem; }
.loyalty-start__lead--tablet { display: none; }
.loyalty-start__text { font-size: 22rem; line-height: 24rem; }

/* ---------- Рассрочка ---------- */
.loyalty-pay { font-family: var(--font-main); }
.loyalty-pay .section-title { position: absolute; margin-left: 150rem; top: 15rem; text-align: left; white-space: nowrap; }
html[lang="uz"] .loyalty-pay .section-title { font-size: 36rem; }
.loyalty-pay__box {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1540 513' preserveAspectRatio='none'%3E%3Cpath d='M50 91H556c12.700 0 24.800-5.400 33.300-14.800l54.800-61.400C652.600 5.400 664.700 0 677.400 0H1490c27.600 0 50 22.400 50 50v413c0 27.600-22.400 50-50 50H50c-27.600 0-50-22.400-50-50V141c0-27.600 22.400-50 50-50z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1540 513' preserveAspectRatio='none'%3E%3Cpath d='M50 91H556c12.700 0 24.800-5.400 33.300-14.800l54.800-61.400C652.600 5.400 664.700 0 677.400 0H1490c27.600 0 50 22.400 50 50v413c0 27.600-22.400 50-50 50H50c-27.600 0-50-22.400-50-50V141c0-27.600 22.400-50 50-50z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  aspect-ratio: 1540 / 513;
  background:
    radial-gradient(ellipse 22% 46% at 84% 104%, rgba(232, 76, 97, .30), rgba(232, 76, 97, 0) 100%),
    radial-gradient(ellipse 20% 40% at 97% 78%, rgba(150, 192, 204, .45), rgba(150, 192, 204, 0) 100%),
    radial-gradient(ellipse 26% 50% at 68% 112%, rgba(255, 255, 255, .75), rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, #d1c7bd 0%, #d8d5d0 50%, #e9e9e7 100%);
  width: 1540rem;
  margin: 0 auto;
  padding: 21rem 0 0 122rem;
}
.loyalty-pay__lead { display: flex; gap: 32rem; margin-left: 598rem; align-items: center; }
.loyalty-pay__lead p { font-size: 22rem; font-weight: var(--fw-medium); line-height: 24rem; margin: 0; }
.loyalty-pay__lead .btn { flex-shrink: 0; white-space: nowrap; }
.loyalty-pay__steps { margin-top: 70rem; display: flex; gap: 120rem; }
.loyalty-pay__num { font-size: 150rem; line-height: 150rem; font-weight: var(--fw-regular); }
.loyalty-pay__step-title { font-size: 26px; font-weight: var(--fw-medium); line-height: 28px; margin-bottom: 12rem; }
.loyalty-pay__step-desc { font-size: 18rem; line-height: 20rem; border-radius: 2000rem; border: 1rem solid var(--c-dark); padding: 6rem 12rem; display: inline-flex; align-items: center; gap: 12rem; }
.loyalty-pay__step-desc svg { width: 30rem; height: 13rem; flex-shrink: 0; }
.loyalty-pay__outside { display: none; }
.loyalty-pay__slider { margin-top: 40rem; }
.loyalty-pay__arrows { margin-top: 40rem; display: flex; gap: 22rem; justify-content: center; align-items: flex-start; min-height: 46px; }
.loyalty-pay__slider .swiper-slide { width: 370rem; height: 500rem; }
.loyalty-pay__slider .swiper-slide-active { width: 760rem; }

.loyalty-card { border-radius: 90rem; position: relative; overflow: hidden; background: #e3e2df; }
.swiper-slide-active .loyalty-card { border-radius: 60rem; }
/* мягкие пятна цвета вместо цветочного декора оригинала */
.loyalty-card::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 340rem;
  pointer-events: none;
  background:
    radial-gradient(ellipse 30% 60% at 8% 108%, rgba(232, 76, 97, .34), rgba(232, 76, 97, 0) 100%),
    radial-gradient(ellipse 34% 62% at 32% 118%, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 100%),
    radial-gradient(ellipse 30% 66% at 92% 110%, rgba(150, 192, 204, .50), rgba(150, 192, 204, 0) 100%),
    radial-gradient(ellipse 28% 54% at 66% 114%, rgba(225, 194, 193, .85), rgba(225, 194, 193, 0) 100%);
}
.loyalty-card__wrapper { padding: 90rem 0 0 106rem; height: 500rem; position: relative; z-index: 1; }
.loyalty-card__logo { display: flex; align-items: center; position: absolute; bottom: 435rem; left: 106rem; }
.loyalty-card__logo img { width: 154rem; height: auto; }
.loyalty-card__logo b { font-size: 26rem; line-height: 28rem; font-weight: var(--fw-medium); text-transform: uppercase; }
.loyalty-card__columns { display: flex; flex-direction: column; gap: 18rem; margin-bottom: 36rem; position: relative; z-index: 2; }
.loyalty-card__attr { font-size: 18rem; line-height: 20rem; }
.loyalty-card__attr--value { color: var(--c-head); font-size: 26rem; line-height: 28rem; font-weight: var(--fw-medium); margin-top: 4rem; white-space: nowrap; }
.loyalty-card__photo { position: absolute; width: 472rem; height: 482rem; max-width: none; bottom: 0; right: 0; object-fit: contain; object-position: right bottom; pointer-events: none; }
.loyalty-card__label { color: var(--c-dark); font-size: 22rem; line-height: 24rem; border-radius: 800px; border: 1rem solid var(--c-dark); padding: 10rem 24rem; position: absolute; right: 165rem; top: 40rem; z-index: 2; white-space: nowrap; }
.loyalty-card__button { margin-left: -25rem; position: relative; z-index: 2; }

/* ---------- Trade-in ---------- */
.loyalty-trade { margin: 190rem 0 100rem; font-family: var(--font-main); position: relative; }
.loyalty-trade .section-title { position: absolute; margin-left: 963rem; text-align: left; }
.loyalty-trade__box {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1540 812' preserveAspectRatio='none'%3E%3Cpath d='M80 0H800c12.700 0 24.800 5.400 33.300 14.800l56 61.400c8.500 9.400 20.600 14.800 33.300 14.800H1490c27.600 0 50 22.400 50 50v621c0 27.600-22.400 50-50 50H50c-27.600 0-50-22.400-50-50V80C0 35.800 35.800 0 80 0z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1540 812' preserveAspectRatio='none'%3E%3Cpath d='M80 0H800c12.700 0 24.800 5.400 33.300 14.800l56 61.400c8.500 9.400 20.600 14.800 33.300 14.800H1490c27.600 0 50 22.400 50 50v621c0 27.600-22.400 50-50 50H50c-27.600 0-50-22.400-50-50V80C0 35.800 35.800 0 80 0z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  aspect-ratio: 1540 / 812;
  background:
    radial-gradient(ellipse 16% 62% at 101% 44%, rgba(232, 180, 196, .55), rgba(232, 180, 196, 0) 100%),
    linear-gradient(90deg, rgba(246, 249, 251, 0) 0, rgba(246, 249, 251, 0) 55%, #f6f9fb 55%, #f9f6f9 100%),
    linear-gradient(180deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0) 55%),
    repeating-linear-gradient(90deg, #c2dbe5 0, #cfe3ea 34rem, #bcd6e1 36rem, #c9dfe7 70rem);
  width: 1540rem;
  margin: 0 auto;
  padding: 138rem 0 0 980rem;
}
/* на месте фотографии оригинала — аппарат из каталога */
.loyalty-trade__art { width: 642rem; height: 746rem; max-width: none; position: absolute; z-index: 2; left: 130rem; top: -114rem; pointer-events: none; object-fit: contain; object-position: center bottom; }
.loyalty-trade__lead { font-size: 26rem; font-weight: var(--fw-medium); line-height: 28rem; }
.loyalty-trade__text { font-size: 22rem; line-height: 24rem; }
.loyalty-trade__text p { display: flex; gap: 14rem; }
.loyalty-trade__text p svg { margin-top: 9rem; width: 6rem; height: 6rem; flex-shrink: 0; }
.loyalty-trade__items { display: flex; gap: 20rem; justify-content: space-between; margin-top: -286rem; position: relative; z-index: 2; }
.loyalty-trade__slider { display: none; }
.loyalty-trade__outside { display: none; }

.loyalty-item { width: 760rem; height: 410rem; border-radius: 60rem; background: #fff; padding: 67rem 46rem 23rem 80rem; position: relative; overflow: hidden; }
.loyalty-item__wrapper { background: #fff; position: relative; height: 156rem; padding: 23rem 18rem; border-radius: 30rem; overflow: hidden; }
.loyalty-item__logo { display: flex; gap: 20rem; margin-bottom: 26rem; align-items: center; position: relative; z-index: 3; }
.loyalty-item__logo > img { width: auto; height: 29rem; }
.loyalty-item__logo > b { font-size: 26rem; line-height: 29rem; font-weight: var(--fw-medium); text-transform: uppercase; }
.loyalty-item__logo div { display: flex; gap: 8rem; align-items: center; font-size: 22rem; line-height: 24rem; }
.loyalty-item__logo div svg { width: 20rem; height: 21rem; }
.loyalty-item__columns { display: flex; gap: 30rem; margin-bottom: 16rem; position: relative; z-index: 3; }
.loyalty-item__attr { font-size: 22rem; line-height: 27rem; }
.loyalty-item__attr--title { font-weight: var(--fw-medium); }
.loyalty-item__label { margin-bottom: 28rem; color: var(--c-dark); font-size: 22rem; line-height: 24rem; border-radius: 800px; border: 1rem solid var(--c-dark); display: inline-block; padding: 8rem 12rem; position: relative; z-index: 3; }
.loyalty-item__button { position: relative; z-index: 3; }
.loyalty-item__photo { position: absolute; width: 380rem; height: 414rem; max-width: none; bottom: -45rem; right: 0; object-fit: contain; object-position: right bottom; }
/* знак гарантии: срок берётся из каталога */
.loyalty-item__guaranty {
  position: absolute;
  bottom: 28rem;
  right: 46rem;
  width: 102rem;
  height: 102rem;
  z-index: 2;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, #fbd3d9 0%, #f3a7b3 52%, #ea8494 100%);
  box-shadow: 0 6rem 14rem rgba(232, 76, 97, .25);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 15rem;
  line-height: 18rem;
}
.loyalty-item__guaranty svg { width: 14rem; height: 13rem; margin-bottom: 3rem; }
.loyalty-item__guaranty b { font-weight: var(--fw-regular); }

/* ---------- Индивидуальные условия ---------- */
.loyalty-personal { margin: 100rem 0 140rem; font-family: var(--font-main); position: relative; overflow: hidden; }
.loyalty-personal .section-title { margin-bottom: 110rem; }
.loyalty-personal__box {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1020 519' preserveAspectRatio='none'%3E%3Cpath d='M492.400 75.200C483.800 84.600 471.700 90 459 90H45C20.100 90 0 110.100 0 135V429C0 478.700 40.300 519 90 519H930C979.700 519 1020 478.700 1020 429V90C1020 40.300 979.700 0 930 0H580.500C567.800 0 555.700 5.400 547.200 14.800L492.400 75.200Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1020 519' preserveAspectRatio='none'%3E%3Cpath d='M492.400 75.200C483.800 84.600 471.700 90 459 90H45C20.100 90 0 110.100 0 135V429C0 478.700 40.300 519 90 519H930C979.700 519 1020 478.700 1020 429V90C1020 40.300 979.700 0 930 0H580.500C567.800 0 555.700 5.400 547.200 14.800L492.400 75.200Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  aspect-ratio: 1020 / 519;
  background: #fff;
  width: 1020rem;
  margin: 0 auto;
  padding: 130rem 0 0 80rem;
}
.loyalty-personal__tag { display: flex; align-items: center; gap: 3rem; height: 39rem; box-sizing: content-box; padding-bottom: 6rem; }
.loyalty-personal__tag span { display: flex; align-items: center; height: 100%; padding: 0 22rem 2rem; border-radius: 40rem; background: var(--c-glacier); color: #fff; font-size: 18rem; line-height: 20rem; }
.loyalty-personal__tag i { position: relative; width: 39rem; height: 39rem; border-radius: 50%; background: var(--c-glacier); }
.loyalty-personal__tag i::after { content: ''; position: absolute; left: 50%; top: 50%; width: 9rem; height: 9rem; margin: -4.5rem 0 0 -4.5rem; border-radius: 50%; background: #fff; }
.loyalty-personal__line { position: absolute; z-index: 2; left: 0; top: 150rem; pointer-events: none; }
.loyalty-personal__line svg { width: 1920rem; height: 570rem; }
.loyalty-personal__art { width: 487rem; height: 602rem; position: absolute; z-index: 2; right: 240rem; bottom: 0; pointer-events: none; }
.loyalty-personal__lead { font-size: 26rem; font-weight: var(--fw-medium); line-height: 28rem; position: absolute; top: 180rem; left: 341rem; }
.loyalty-personal__text { font-size: 22rem; line-height: 24rem; }
.loyalty-personal__button { position: relative; z-index: 3; }

/* ---------- Обучение ---------- */
.loyalty-edu { margin: 100rem 0; }
.loyalty-edu .section-subtitle { color: #000; }
.loyalty-edu__desc { width: 100%; max-width: 1020rem; margin: 0 auto 32rem; background: #fff; border-radius: 60rem; padding: 30rem 65rem; font-family: var(--font-main); }
.loyalty-edu__desc-inner { display: flex; justify-content: space-between; align-items: center; gap: 42rem; }
.loyalty-edu__desc-text { font-weight: var(--fw-regular); font-size: 22rem; line-height: 24rem; color: #000; }
.loyalty-edu__desc-button.btn { flex-shrink: 0; justify-content: center; align-items: center; padding: 10rem 24rem; border-radius: 870.588rem; font-size: 22rem; line-height: 24rem; text-align: center; white-space: nowrap; }
.loyalty-edu__items { width: 100%; max-width: 1020rem; margin: 0 auto; padding: 0 25rem; font-family: var(--font-main); }
.loyalty-edu__items ul { display: flex; justify-content: space-between; list-style: none; gap: 60rem; padding: 0; margin: 0; }
.loyalty-edu__item { position: relative; }
.loyalty-edu__item svg, .loyalty-edu__item span { display: block; }
.loyalty-edu__item svg { height: 30rem; width: auto; }
.loyalty-edu__item-title { font-weight: var(--fw-medium); font-size: 26rem; line-height: 28rem; color: #000; margin: 16rem 0 6rem; }
.loyalty-edu__item-text { font-weight: var(--fw-regular); font-size: 22rem; line-height: 24rem; color: #000; }

/* преподаватели: большой слайдер (десктоп) */
.loyalty-team { padding-top: 52rem; }
.loyalty-team__arrows { display: flex; justify-content: center; gap: 22rem; margin-top: -140rem; position: relative; z-index: 3; }
.loyalty-team__arrows--mb { display: none; margin-top: 12rem; }
.loyalty-team__image { position: relative; }
.loyalty-team__image svg { position: absolute; right: 0; bottom: 0; width: 56rem; height: 56rem; z-index: 3; transition: transform .3s; }
.loyalty-team__image svg path { transition: stroke .3s; }
.loyalty-team__image img { display: block; width: 100%; height: auto; aspect-ratio: 370 / 552; object-fit: cover; object-position: center; border-radius: 90rem; }
.loyalty-team__image:hover svg { transform: rotate(180deg); }
.loyalty-team__image:hover svg path { stroke: #909090; }
.loyalty-team__meta {
  background-image: url("data:image/svg+xml,%3Csvg width='370' height='232' viewBox='0 0 370 232' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M342 0C326.500 0 314 12.500 314 28V40.700C314 46.400 308.200 50.300 302.700 48.900C295.500 47 287.800 46 280 46H90C40.300 46 0 86.300 0 136V142C0 191.700 40.300 232 90 232H280C329.700 232 370 191.700 370 142V28C370 12.500 357.500 0 342 0Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  aspect-ratio: 370 / 232;
  margin-top: -52rem;
  position: relative;
  z-index: 2;
  padding: 90rem 30rem 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
.loyalty-team__image:hover + .loyalty-team__meta { opacity: 1; visibility: visible; }
.loyalty-team__title { font-family: var(--font-main); font-weight: var(--fw-medium); font-size: 26rem; line-height: 28rem; color: var(--c-dark); margin-bottom: 8rem; }
.loyalty-team__text { font-family: var(--font-main); font-size: 18rem; line-height: 23rem; color: var(--c-dark); }
/* преподаватели: компактный слайдер (планшет и телефон) */
.loyalty-team-m { display: none; max-width: 1020rem; margin-top: 12rem; }
.loyalty-team-m__dots { margin-top: 10rem; display: none; justify-content: center; gap: 10rem; }
.loyalty-team-m__dots span { width: 6rem; height: 6rem; border: 1rem solid #909090; border-radius: 50%; background: transparent; opacity: 1; margin: 0 !important; }
.loyalty-team-m__dots span.swiper-pagination-bullet-active { background-color: #909090; }
.loyalty-team-m .swiper-slide { height: auto; }
.loyalty-team-m__item { display: flex; flex-direction: column; height: 100%; }
.loyalty-team-m__meta { border-radius: 40rem; background: #fff; padding: 72rem 45rem 20rem; margin-top: -42rem; flex-grow: 1; display: flex; flex-direction: column; }
.loyalty-team-m__title { color: var(--c-head); text-align: center; font-family: var(--font-main); font-size: 16rem; font-weight: var(--fw-medium); line-height: 20rem; margin: 0 -10rem; }
.loyalty-team-m__text { color: var(--c-dark); text-align: center; font-family: var(--font-main); font-size: 14rem; line-height: 16rem; margin-bottom: 12rem; }
.loyalty-team-m__image { position: relative; z-index: 1; width: 116rem; height: 116rem; margin: 0 auto; }
.loyalty-team-m__image img { border-radius: 50%; width: 116rem; height: 116rem; display: block; object-fit: cover; object-position: top center; }

/* ---------- Вопросы и ответы ---------- */
.loyalty-faq { margin: 154rem 0; }
.loyalty-faq__extra { display: none; overflow: hidden; padding-top: 38rem; }
.loyalty-faq__extra.is-open { display: block; }
.loyalty-faq__more { margin-top: 28rem; display: flex; align-items: center; justify-content: center; }
.loyalty-faq__more button { display: block; padding: 0; border: 0; background: none; cursor: pointer; }
.loyalty-faq__more svg { width: 30rem; height: 28rem; display: block; transition: transform .3s; }
.loyalty-faq__more button[aria-expanded="true"] svg { transform: rotate(180deg); }

/* ---------- Консультация ---------- */
.loyalty-consult { margin: 154rem 0; }
@media (min-width: 1200px) {
  .loyalty-consult { margin: 154rem 0 126rem; }
  .loyalty-consult .section-title { margin-bottom: 54rem; }
}
.loyalty-consult__items { --gap: 20rem; --columns: 3; display: flex; flex-wrap: wrap; gap: 40rem var(--gap); justify-content: center; max-width: 1050rem; margin: 0 auto; }
.loyalty-person { width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns)); max-width: 450rem; }
.loyalty-person__avatar { margin-bottom: -90rem; margin-left: 52rem; position: relative; max-width: 180rem; }
.loyalty-person__avatar-inner { width: 180rem; height: 180rem; overflow: hidden; border-radius: 50%; }
.loyalty-person__avatar-inner.is-brand { display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #29282A 0%, #00374D 100%); color: #fff; }
.loyalty-person__avatar-inner.is-brand svg { width: 46%; height: auto; }
.loyalty-person__avatar img { display: block; width: 180rem; height: 180rem; object-fit: cover; transition: transform .3s; }
.loyalty-person__indicator { background: #10ba18; border: 4px solid #fff; width: 26rem; height: 26rem; border-radius: 50%; position: absolute; bottom: 7px; right: 19px; }
.loyalty-person:hover .loyalty-person__avatar img { transform: scale(1.25) translateY(10%); }
.loyalty-person__box { background-color: #fff; border-radius: 90rem; padding: 110rem 52rem 48rem; }
.loyalty-person__title { font-family: var(--font-main); font-weight: var(--fw-medium); font-size: 22rem; line-height: 24rem; color: #202020; margin-bottom: 32rem; }
.loyalty-person__messengers { display: flex; gap: 8rem; margin-bottom: 10rem; }
.loyalty-person__messenger { display: flex; gap: 4rem; align-items: center; padding-right: 12rem; background-color: #f2f2f2; border-radius: 20rem; font-family: var(--font-main); font-weight: var(--fw-regular); font-size: 14rem; line-height: 18rem; color: var(--c-dark); text-decoration: none; white-space: nowrap; }
.loyalty-person__messenger svg { width: 22rem; height: 22rem; flex-shrink: 0; }
.loyalty-person__email { font-family: var(--font-main); font-weight: var(--fw-regular); font-size: 18rem; line-height: 23rem; color: #909090; }
.loyalty-person__email a { color: #909090; text-decoration: none; }

/* =========================================================
   Планшет и телефон: до 991px
   ========================================================= */
@media (max-width: 991px) {
  .loyalty .container { width: 646rem; padding: 0; }

  .loyalty-top__item img { aspect-ratio: 768 / 400; }
  .loyalty-top__meta { top: 82rem; left: 56rem; }
  .loyalty-top__title { font-size: 24rem; line-height: 28rem; margin-bottom: 8rem; }
  .loyalty-top__text { font-size: 16rem; line-height: 18rem; margin-bottom: 20rem; }
  .loyalty-top__button .btn { font-size: 16rem; line-height: 16rem; padding: 10rem 24rem; }
  .loyalty-top__note { margin-top: 56rem; font-size: 12rem; line-height: 14rem; }

  .loyalty-start { margin: 40rem 0; }
  .loyalty-start .section-title { margin-left: 30rem; margin-right: 30rem; width: auto; position: relative; text-align: center; }
  .loyalty-start .section-title br { display: none; }
  .loyalty-start__box { width: auto; aspect-ratio: 646 / 456; padding: 102rem 60rem 0 353rem; background-image: url("../../img/pages/loyalty/start-tablet.jpg"); }
  .loyalty-start__lead { font-size: 18rem; line-height: 20rem; display: none; }
  .loyalty-start__lead--tablet { display: block; position: absolute; top: 50rem; left: 353rem; }
  .loyalty-start__text { font-size: 14rem; line-height: 16rem; }

  .loyalty-pay .section-title, html[lang="uz"] .loyalty-pay .section-title { margin-left: 0; position: relative; top: 0; text-align: center; font-size: 24rem; white-space: normal; }
  .loyalty-pay__box { -webkit-mask: none; mask: none; border-radius: 35rem; width: auto; aspect-ratio: 645 / 395; padding: 43rem 0 0 67rem; display: flex; flex-direction: column; }
  .loyalty-pay__lead { order: 2; margin: 28rem 0 0; gap: 20rem; }
  .loyalty-pay__lead p { font-size: 16rem; line-height: 20rem; font-weight: var(--fw-regular); }
  .loyalty-pay__lead .btn { font-size: 14rem; padding: 6rem 20rem; }
  .loyalty-pay__steps { order: 1; margin-top: 0; gap: 30rem; flex-direction: column; }
  .loyalty-pay__step { display: flex; gap: 20rem; align-items: center; }
  .loyalty-pay__num { font-size: 39rem; line-height: 39rem; }
  .loyalty-pay__step-title { font-size: 16px; line-height: 20px; margin-bottom: 8rem; }
  .loyalty-pay__step-title br { display: none; }
  .loyalty-pay__step-desc { font-size: 14px; line-height: 16px; }
  .loyalty-pay__outside { display: block; margin-top: 36rem; text-align: center; }
  .loyalty-pay__outside .btn { font-size: 14rem; padding: 6rem 20rem; }
  .loyalty-pay__slider { margin-top: 12rem; }
  .loyalty-pay__arrows { display: none; }
  .loyalty-pay__slider .swiper-slide, .loyalty-pay__slider .swiper-slide-active { width: 482rem; height: 311rem; }
  .loyalty-card::after { height: 170rem; }
  .loyalty-card__wrapper { padding: 86rem 0 0 44rem; height: 311rem; }
  .loyalty-card__logo { bottom: 248rem; left: 44rem; }
  .loyalty-card__logo img { width: 118rem; }
  .loyalty-card__logo b { font-size: 18rem; line-height: 20rem; }
  .loyalty-card__columns { gap: 6rem; }
  .loyalty-card__attr { font-size: 14rem; line-height: 16rem; }
  .loyalty-card__attr--value { font-size: 18rem; line-height: 20rem; }
  .loyalty-card__photo { width: 274rem; height: 291rem; }
  .loyalty-card__label { font-size: 14rem; line-height: 16rem; right: 78rem; top: 40rem; padding: 4rem 10rem; }
  .loyalty-card__button { display: none; }

  .loyalty-trade { margin: 80rem 0 40rem; }
  .loyalty-trade .container { padding: 0; width: auto; }
  .loyalty-trade .section-title { margin-left: 431rem; }
  .loyalty-trade__box {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 600' preserveAspectRatio='none'%3E%3Cpath d='M35 0H352c8.200 0 16 3.400 21.700 9.300l38.600 40.400c5.700 5.900 13.500 9.300 21.700 9.300H733c19.300 0 35 15.700 35 35v471c0 19.300-15.700 35-35 35H35c-19.300 0-35-15.700-35-35V35C0 15.700 15.700 0 35 0z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 600' preserveAspectRatio='none'%3E%3Cpath d='M35 0H352c8.200 0 16 3.400 21.700 9.300l38.600 40.400c5.700 5.900 13.500 9.300 21.700 9.300H733c19.300 0 35 15.700 35 35v471c0 19.300-15.700 35-35 35H35c-19.300 0-35-15.700-35-35V35C0 15.700 15.700 0 35 0z'/%3E%3C/svg%3E");
    background:
      radial-gradient(ellipse 14% 60% at 101% 46%, rgba(232, 180, 196, .55), rgba(232, 180, 196, 0) 100%),
      linear-gradient(90deg, rgba(246, 249, 251, 0) 0, rgba(246, 249, 251, 0) 54%, #f6f9fb 54%, #f9f6f9 100%),
      linear-gradient(180deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0) 55%),
      repeating-linear-gradient(90deg, #c2dbe5 0, #cfe3ea 24rem, #bcd6e1 26rem, #c9dfe7 50rem);
    width: auto;
    aspect-ratio: 768 / 600;
    padding: 79rem 0 0 431rem;
  }
  .loyalty-trade__art { width: 357rem; height: 394rem; left: 30rem; top: -37rem; }
  .loyalty-trade__lead { font-size: 18rem; line-height: 20rem; }
  .loyalty-trade__text { font-size: 14rem; line-height: 16rem; }
  .loyalty-trade__text p svg { margin-top: 5rem; }
  .loyalty-trade__button { display: none; }
  .loyalty-trade__items { gap: 10rem; margin-top: -315rem; width: 646rem; margin-left: auto; margin-right: auto; }
  .loyalty-item { width: 318rem; height: 367rem; border-radius: 30rem; padding: 27rem 18rem; }
  .loyalty-item__logo { gap: 12rem; margin-bottom: 12rem; }
  .loyalty-item__logo > img { height: 18rem; }
  .loyalty-item__logo > b { font-size: 18rem; line-height: 18rem; }
  .loyalty-item__logo div { font-size: 14rem; line-height: 16rem; }
  .loyalty-item__columns { flex-wrap: wrap; gap: 6rem; }
  .loyalty-item__column { width: 100%; display: flex; gap: 10rem; }
  .loyalty-item__column--wrap { flex-wrap: wrap; }
  .loyalty-item__column--wrap .loyalty-item__attr { width: 100%; }
  .loyalty-item__attr { font-size: 14rem; line-height: 16rem; }
  .loyalty-item__label { font-size: 14rem; line-height: 16rem; }
  .loyalty-item__button { position: absolute; bottom: 24rem; z-index: 3; width: 100%; left: 0; text-align: center; }
  .loyalty-item__button .btn { font-size: 14rem; padding: 6rem 20rem; }
  .loyalty-item__guaranty { width: 81rem; height: 81rem; bottom: 68rem; right: 14rem; font-size: 12rem; line-height: 14rem; }
  .loyalty-item__guaranty svg { width: 11rem; height: 10rem; margin-bottom: 2rem; }
  .loyalty-item__photo { width: 268rem; height: 311rem; bottom: 0; }

  .loyalty-personal { margin: 40rem 0; }
  .loyalty-personal .section-title { margin-bottom: 16rem; }
  .loyalty-personal__box {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 646 394' preserveAspectRatio='none'%3E%3Cpath d='M338 51.700C332.300 57.600 324.500 61 316.300 61H30C13.400 61 0 74.400 0 91V354C0 376.100 17.900 394 40 394H606C628.100 394 646 376.100 646 354V40C646 17.900 628.100 0 606 0H400.300C392.100 0 384.200 3.400 378.600 9.300L338 51.700Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 646 394' preserveAspectRatio='none'%3E%3Cpath d='M338 51.700C332.300 57.600 324.500 61 316.300 61H30C13.400 61 0 74.400 0 91V354C0 376.100 17.900 394 40 394H606C628.100 394 646 376.100 646 354V40C646 17.900 628.100 0 606 0H400.300C392.100 0 384.200 3.400 378.600 9.300L338 51.700Z'/%3E%3C/svg%3E");
    width: auto;
    aspect-ratio: 646 / 394;
    padding: 85rem 0 0 49rem;
  }
  .loyalty-personal__tag { height: 34rem; }
  .loyalty-personal__tag span { font-size: 15rem; line-height: 18rem; padding: 0 18rem 2rem; }
  .loyalty-personal__tag i { width: 34rem; height: 34rem; }
  .loyalty-personal__line { left: -200rem; top: 200rem; }
  .loyalty-personal__line svg { width: 849rem; height: 167rem; }
  .loyalty-personal__art { width: 312rem; height: 371rem; right: 10rem; bottom: 0; }
  .loyalty-personal__lead { font-size: 18rem; line-height: 20rem; left: 30rem; top: 50rem; }
  .loyalty-personal__text { font-size: 14rem; line-height: 16rem; max-width: 275rem; }
  .loyalty-personal__button { margin-top: 20rem; }
  .loyalty-personal__button .btn { font-size: 14rem; padding: 6rem 20rem; }

  .loyalty-edu { margin: 40rem 0; }
  .loyalty-edu .section-subtitle { display: block; font-size: 16rem; line-height: 20rem; margin-top: -15rem; }
  .loyalty-edu__desc { padding: 30rem 38rem; margin: 0 auto 16rem; }
  .loyalty-edu__desc-text { font-size: 16rem; line-height: 20rem; }
  .loyalty-edu__desc-button.btn { font-size: 14rem; line-height: 18rem; padding: 7rem 20rem; }
  .loyalty-edu__items { width: auto; padding: 0; margin-bottom: 12rem; }
  .loyalty-edu__item-title { font-size: 16rem; line-height: 20rem; }
  .loyalty-edu__item-text { font-size: 14rem; line-height: 18rem; }
  .loyalty-team { display: none; }
  .loyalty-team__arrows { display: none; }
  .loyalty-team__arrows--mb { display: flex; margin-top: 12rem; gap: 16rem; }
  .loyalty-team__arrows .loyalty-arrow svg { width: 28rem; height: 28rem; }
  .loyalty-team-m { display: block; }

  .loyalty-faq { display: none; }

  .loyalty-consult { margin: 40rem 0; }
  .loyalty-consult__items { --gap: 10rem; gap: 24rem var(--gap); }
}

/* ---------- Только планшет ---------- */
@media (min-width: 768px) and (max-width: 991px) {
  /* строки наших текстов длиннее: на планшете переносим по ширине, а не по <br> */
  .loyalty-start__text br, .loyalty-edu__desc-text br { display: none; }
  .loyalty-edu .section-subtitle { margin-bottom: 16rem; }
  .loyalty-person__avatar { margin-bottom: -43rem; max-width: 80rem; margin-left: 50%; transform: translate(-50%); }
  .loyalty-person__avatar-inner, .loyalty-person__avatar-inner img { width: 80rem; height: 80rem; }
  .loyalty-person__indicator { width: 12rem; height: 12rem; border: 2rem solid #fff; right: 10rem; bottom: 4rem; }
  .loyalty-person__box { padding: 58rem 12rem 12rem; border-radius: 20rem; }
  .loyalty-person__title { font-size: 13rem; line-height: 16rem; text-align: center; margin-bottom: 14rem; }
  .loyalty-person__messengers { flex-direction: column; margin-bottom: 14rem; }
  .loyalty-person__messenger { margin-right: auto; font-size: 10rem; line-height: 14rem; }
  .loyalty-person__email { font-size: 10rem; line-height: 11rem; }
}

/* =========================================================
   Телефон: до 767px
   ========================================================= */
@media (max-width: 767px) {
  .loyalty .container { padding: 0 10rem; margin: 0 auto; width: auto; }

  .loyalty-top { margin-top: 0; }
  .loyalty-top__item img { aspect-ratio: 320 / 420; }
  .loyalty-top__meta { top: 28rem; left: 0; width: 100%; }
  .loyalty-top__title { font-size: 20rem; line-height: 24rem; text-align: center; margin-bottom: 10rem; padding-top: 10rem; }
  .loyalty-top__text { font-size: 15rem; line-height: 18rem; text-align: center; margin-bottom: 20rem; }
  .loyalty-top__button { display: flex; justify-content: center; }
  .loyalty-top__button .btn { font-size: 15rem; line-height: 16rem; }
  .loyalty-top__note { margin-top: 8rem; justify-content: center; font-size: 12rem; line-height: 14rem; }

  .loyalty-start .container { padding: 0; }
  .loyalty-start__box { position: relative; aspect-ratio: 320 / 378; padding: 0; background-image: url("../../img/pages/loyalty/start-mobile.jpg"); }
  .loyalty-start__box::after { content: ''; border-radius: 0 0 20rem 20rem; background: linear-gradient(0deg, #e7e1e7 20.19%, rgba(228, 228, 229, 0)); width: 100%; height: 143rem; position: absolute; bottom: 0; left: 0; }
  .loyalty-start__lead { font-size: 13rem; line-height: 14rem; }
  .loyalty-start__lead--tablet { top: 30rem; left: 30rem; }
  .loyalty-start__text { font-size: 10rem; line-height: 12rem; position: absolute; bottom: 20rem; left: 50%; transform: translate(-50%); width: 230rem; text-align: center; z-index: 2; }

  .loyalty-pay .container { padding: 0; }
  .loyalty-pay .section-title, html[lang="uz"] .loyalty-pay .section-title { margin-left: 30rem; margin-right: 30rem; font-size: 16rem; }
  .loyalty-pay__box { border-radius: 20rem; aspect-ratio: 320 / 324; padding: 20rem 0 0; }
  .loyalty-pay__lead { order: 1; text-align: center; width: 100%; justify-content: center; margin: 0 0 20rem; }
  .loyalty-pay__lead p { font-size: 10rem; line-height: 12rem; }
  .loyalty-pay__lead .btn { display: none; }
  .loyalty-pay__steps { order: 2; max-width: 214rem; margin: 0 auto; gap: 30rem; flex-direction: column; }
  .loyalty-pay__step { gap: 12rem; align-items: self-start; }
  .loyalty-pay__step-title { font-size: 13rem; line-height: 12rem; margin-bottom: 0; }
  .loyalty-pay__step-title br { display: block; }
  .loyalty-pay__step-desc { font-size: 10px; line-height: 12px; border: 0; padding: 0; gap: 8rem; }
  .loyalty-pay__step-desc svg { width: 12rem; height: auto; }
  .loyalty-pay__outside { margin-top: 16rem; }
  .loyalty-pay__outside .btn { font-size: 13rem; padding: 3rem 10rem; }
  .loyalty-pay__slider .swiper-slide, .loyalty-pay__slider .swiper-slide-active { width: 220rem; height: 160rem; }
  .loyalty-card, .swiper-slide-active .loyalty-card { border-radius: 20rem; overflow: visible; }
  .loyalty-card::after { height: 105rem; border-radius: 20rem; }
  .loyalty-card__wrapper { padding: 40rem 0 0 19rem; height: 160rem; }
  .loyalty-card__logo { bottom: 130rem; left: 19rem; }
  .loyalty-card__logo img { width: 66rem; }
  .loyalty-card__logo b { font-size: 12rem; line-height: 14rem; }
  .loyalty-card__columns { margin-bottom: 8rem; }
  .loyalty-card__attr { font-size: 8rem; line-height: 9rem; max-width: 60rem; }
  .loyalty-card__attr--value { font-size: 10rem; line-height: 12rem; max-width: none; }
  .loyalty-card__photo { width: 144rem; height: 155rem; }
  .loyalty-card__label { font-size: 10rem; line-height: 12rem; padding: 2rem 8rem; top: 14rem; right: 48rem; }

  .loyalty-trade { margin: 40rem 0; }
  .loyalty-trade .container { padding: 0; }
  .loyalty-trade .section-title { margin-left: 30rem; }
  .loyalty-trade__box {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 297' preserveAspectRatio='none'%3E%3Cpath d='M20 23H108c5 0 9.800-2 13.300-5.700l11.400-11.600C136.200 2 141 0 146 0H300c11 0 20 9 20 20v257c0 11-9 20-20 20H20c-11 0-20-9-20-20V43c0-11 9-20 20-20z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 297' preserveAspectRatio='none'%3E%3Cpath d='M20 23H108c5 0 9.800-2 13.300-5.700l11.400-11.600C136.200 2 141 0 146 0H300c11 0 20 9 20 20v257c0 11-9 20-20 20H20c-11 0-20-9-20-20V43c0-11 9-20 20-20z'/%3E%3C/svg%3E");
    background:
      radial-gradient(ellipse 20% 60% at 101% 46%, rgba(232, 180, 196, .40), rgba(232, 180, 196, 0) 100%),
      linear-gradient(90deg, #c4dbe3 0%, #edf3f5 50%, #fefdfe 92%);
    aspect-ratio: 320 / 297;
    padding: 45rem 0 0 41rem;
  }
  .loyalty-trade__art { display: none; }
  .loyalty-trade__lead { font-size: 13rem; line-height: 14rem; }
  .loyalty-trade__text { font-size: 10rem; line-height: 12rem; }
  .loyalty-trade__text p { gap: 8rem; }
  .loyalty-trade__text p svg { margin-top: 2rem; }
  .loyalty-trade__items { display: none; }
  .loyalty-trade__slider { display: block; margin: -100rem 12rem 0; }
  .loyalty-trade__outside { display: block; text-align: center; }
  .loyalty-item { background: none; width: auto; height: auto; padding: 0 0 10rem; border-radius: 0; overflow: visible; }
  .loyalty-item__logo > img { height: 14rem; }
  .loyalty-item__logo > b { font-size: 13rem; line-height: 14rem; }
  .loyalty-item__logo div { font-size: 10rem; line-height: 12rem; }
  .loyalty-item__logo div svg { width: 10rem; }
  .loyalty-item__columns { margin-bottom: 8rem; }
  .loyalty-item__column { flex-wrap: wrap; gap: 0; }
  .loyalty-item__attr { font-size: 10rem; line-height: 12rem; width: 100%; }
  .loyalty-item__label { font-size: 10rem; line-height: 12rem; padding: 4rem 10rem; }
  .loyalty-item__button { display: none; }
  .loyalty-item__guaranty { width: 50rem; height: 50rem; right: 6rem; bottom: 12rem; font-size: 7rem; line-height: 8rem; box-shadow: none; }
  .loyalty-item__guaranty svg { width: 7rem; height: 6rem; margin-bottom: 1rem; }
  .loyalty-item__photo { width: 137rem; height: 152rem; bottom: 0; }

  .loyalty-personal { margin: 40rem 0 80rem; overflow: visible; }
  .loyalty-personal .container { padding: 0; }
  .loyalty-personal__box { width: auto; aspect-ratio: auto; padding: 74rem 45rem 237rem; -webkit-mask: none; mask: none; border-radius: 20rem; }
  .loyalty-personal__tag { display: none; }
  .loyalty-personal__line { top: 60rem; overflow: hidden; width: 100%; left: 0; height: 228rem; }
  .loyalty-personal__line svg { position: absolute; width: 1160rem; height: 228rem; left: -350rem; }
  .loyalty-personal__art { width: 221rem; height: 273rem; bottom: -60rem; right: 50%; transform: translate(50%); }
  .loyalty-personal__lead { font-size: 13rem; line-height: 14rem; top: 60rem; left: 50%; transform: translate(-50%); text-align: center; width: 200rem; }
  .loyalty-personal__text { font-size: 10rem; line-height: 12rem; text-align: center; max-width: none; }
  .loyalty-personal__button { margin-top: 10rem; text-align: center; }
  .loyalty-personal__button .btn { font-size: 13rem; padding: 2rem 10rem; }

  .loyalty-edu { margin: 32rem 0; }
  .loyalty-edu .section-subtitle { font-size: 10rem; line-height: 12rem; margin-top: -12rem; }
  .loyalty-edu__top { background: #fff; border-radius: 20rem; padding: 17rem; display: flex; flex-direction: column; }
  .loyalty-edu__desc { background: transparent; border-radius: 0; padding: 0; margin: 0 auto 32rem; }
  .loyalty-edu__desc-inner { gap: 10rem; flex-direction: column; }
  .loyalty-edu__desc-text { font-size: 10rem; line-height: 12rem; text-align: center; }
  .loyalty-edu__desc-text br { display: none; }
  .loyalty-edu__desc-button.btn { font-size: 13rem; line-height: 16rem; padding: 4rem 9rem 5rem; }
  .loyalty-edu__items { margin-bottom: 20rem; }
  .loyalty-edu__items ul { flex-direction: column; gap: 14rem; }
  .loyalty-edu__item { padding-left: 37rem; }
  .loyalty-edu__item svg { position: absolute; left: 0; width: auto; height: 20rem; }
  .loyalty-edu__item-title { font-size: 13rem; line-height: 15rem; margin: 0 0 4rem; }
  .loyalty-edu__item-text { font-size: 10rem; line-height: 12rem; }
  .loyalty-team__arrows--mb { display: none; }
  .loyalty-team-m { max-width: 100%; }
  .loyalty-team-m__dots { display: flex; }
  .loyalty-team-m__meta { border-radius: 20rem; padding: 52rem 14rem 22rem; }
  .loyalty-team-m__title { font-size: 13rem; line-height: 12rem; margin-bottom: 16rem; }
  .loyalty-team-m__text { font-size: 10rem; line-height: 12rem; }
  .loyalty-team-m__image, .loyalty-team-m__image img { width: 86rem; height: 86rem; }

  .loyalty-faq { display: block; margin: 42rem 0; }
  .loyalty-faq__extra { padding-top: 12rem; }
  .loyalty-faq__more { margin-top: 12rem; }
  .loyalty-faq__more svg { width: 16rem; height: auto; }

  .loyalty-consult__items { --columns: 2; --gap: 8rem; gap: var(--gap); }
  .loyalty-person__avatar { max-width: 86rem; display: flex; justify-content: center; margin: 0 auto -43rem; }
  .loyalty-person__avatar-inner, .loyalty-person__avatar img { width: 86rem; height: 86rem; }
  .loyalty-person__indicator { right: 10px; bottom: 4px; width: 12rem; height: 12rem; border: 2rem solid #fff; }
  .loyalty-person__box { padding: 58rem 12rem 12rem; border-radius: 20rem; }
  .loyalty-person__title { margin-left: -4rem; margin-right: -4rem; font-size: 13rem; line-height: 13rem; text-align: center; margin-bottom: 4rem; }
  .loyalty-person__messengers { flex-wrap: wrap; margin-top: 14rem; margin-bottom: 14rem; }
  .loyalty-person__messenger { border-radius: 16rem; padding-right: 8rem; font-size: 10rem; line-height: 13rem; }
  .loyalty-person__messenger svg { width: 16rem; height: 16rem; }
  .loyalty-person__email { font-size: 9rem; line-height: 11rem; }
}