.loyalty-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.loyalty-modal[hidden]{display:none !important}body.loyalty-modal-open{overflow:hidden}.loyalty-modal__overlay{position:absolute;inset:0;background:rgba(35,35,38,.45);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.loyalty-modal.is-open .loyalty-modal__overlay{opacity:1}.loyalty-modal__dialog{position:relative;z-index:1;width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow:auto;border-radius:24px;background:#fff;box-shadow:0 24px 64px rgba(0,0,0,.18);transform:scale(0.94) translateY(16px);opacity:0;transition:transform .32s cubic-bezier(0.34, 1.4, 0.64, 1),opacity .28s ease}.loyalty-modal.is-open .loyalty-modal__dialog{transform:scale(1) translateY(0);opacity:1}.loyalty-modal__close{position:absolute;top:14px;right:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:hsla(0,0%,100%,.92);color:#232326;font-size:24px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.loyalty-modal__close:hover{background:#fff;transform:scale(1.05)}.loyalty-modal__body{padding:28px 24px 24px}.loyalty-modal__title{margin:0 0 20px;font-size:28px;font-weight:600;line-height:1.2;color:#232326;text-align:center}.loyalty-modal__card{padding:16px;border-radius:18px;background:linear-gradient(180deg, #f7fbff 0%, #ebf2f8 100%);border:1px solid #cce8fc;box-shadow:0 8px 24px rgba(90,151,193,.12)}.loyalty-modal__card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.loyalty-modal__card-logo{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:url("../logo.svg") center/contain no-repeat;background-color:#fff}.loyalty-modal__card-name{font-size:14px;font-weight:600;color:#232326}.loyalty-modal__qr{display:flex;justify-content:center;padding:8px;border-radius:14px;background:#fff}.loyalty-modal__qr img{display:block;width:min(200px,100%);height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#fff}.loyalty-modal__bonus{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0;padding:14px 18px;border-radius:999px;background:#fff;border:1px solid #ebf2f8;box-shadow:0 4px 16px rgba(35,35,38,.06)}.loyalty-modal__bonus-value{font-size:28px;font-weight:700;color:#232326;line-height:1}.loyalty-modal__bonus-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg, #bf5f49 0%, #d4785f 100%);color:#fff;font-size:14px;font-weight:700;line-height:1}.loyalty-modal__bonus-text{font-size:18px;font-weight:500;color:#232326}.loyalty-modal__cashback{margin-bottom:20px;text-align:center}.loyalty-modal__cashback-title{margin:0 0 4px;font-size:18px;font-weight:600;color:#232326}.loyalty-modal__cashback-subtitle{margin:0 0 14px;font-size:14px;color:#6b7280}.loyalty-modal__tiers{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px;margin:0;padding:0;list-style:none}.loyalty-modal__tier{display:flex;flex-direction:column;gap:2px;padding:10px 6px;border-radius:12px;background:#f7fbff;border:1px solid #e6f4fe}.loyalty-modal__tier-percent{font-size:20px;font-weight:700;color:#5a97c1;line-height:1}.loyalty-modal__tier-from{font-size:11px;color:#6b7280;line-height:1.2}.loyalty-modal__form{display:flex;flex-direction:column;gap:12px}.loyalty-modal__checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;color:#232326;cursor:pointer}.loyalty-modal__checkbox input{flex-shrink:0;width:18px;height:18px;margin-top:1px;accent-color:#bf5f49}.loyalty-modal__checkbox a{color:#5a97c1;text-decoration:underline;text-underline-offset:2px}.loyalty-modal__checkbox a:hover{color:#bf5f49}.loyalty-modal__error{margin:0;font-size:13px;color:#bf5f49}.loyalty-modal__submit{width:100%;margin-top:4px;padding:14px 20px;border:none;border-radius:999px;background:linear-gradient(135deg, #bf5f49 0%, #d4785f 100%);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(191,95,73,.35);transition:transform .2s ease,box-shadow .2s ease}.loyalty-modal__submit:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(191,95,73,.42)}.loyalty-modal__submit:active{transform:translateY(0)}.loyalty-modal__form.is-invalid .loyalty-modal__checkbox input:invalid,.loyalty-modal__form.is-invalid .loyalty-modal__checkbox input:not(:checked){outline:2px solid rgba(191,95,73,.35);outline-offset:1px}@media(max-width: 380px){.loyalty-modal__tiers{grid-template-columns:repeat(2, 1fr)}.loyalty-modal__title{font-size:24px}}