/* Public loyalty presentation uses approved STO tokens and membership card faces. */
.loyalty-page{background:var(--sto-background);color:var(--sto-text-primary)}
.loyalty-page .uslugi-main{padding:0;max-width:none}.loyalty-wrap{max-width:1200px;margin:auto;padding:0 clamp(16px,4vw,48px)}
.loyalty-wrap h1,.loyalty-wrap h2,.loyalty-wrap h3{font-family:var(--sto-typography-heading);line-height:1.12;letter-spacing:-.025em;color:var(--sto-text-primary)}
.loyalty-wrap h1{font-size:clamp(34px,5vw,64px);max-width:850px;margin:16px 0 22px}.loyalty-wrap h2{font-size:clamp(28px,3.2vw,40px);margin:12px 0 20px}.loyalty-wrap h3{font-size:23px;margin:12px 0}
.loyalty-wrap p{line-height:1.65}.loyalty-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sto-accent-text);margin:0}
.loyalty-intro{padding:clamp(32px,5vw,64px) 0 40px}.loyalty-lead{font-size:clamp(16px,1.65vw,19px);max-width:760px;color:var(--sto-text-secondary)}
.loyalty-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.loyalty-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 20px;background:var(--sto-accent);color:var(--sto-on-accent)!important;border:1px solid transparent;border-radius:var(--sto-radius-control);font-size:14px;font-weight:800;text-decoration:none!important;box-sizing:border-box}.loyalty-button:hover{filter:brightness(.9)}.loyalty-button-secondary{background:var(--sto-text-primary);color:var(--sto-surface)!important}
.loyalty-wrap :is(a,button,summary):focus-visible{outline:3px solid var(--sto-focus);outline-offset:4px}
.loyalty-section{padding:48px 0;border-top:1px solid var(--sto-border);scroll-margin-top:120px}.loyalty-section-heading{max-width:780px;margin-bottom:28px}.loyalty-section-heading>p:not(.loyalty-eyebrow){color:var(--sto-text-secondary);max-width:700px}
.loyalty-cards{padding:36px 0 42px;border-top:1px solid var(--sto-border);overflow:hidden}.loyalty-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.loyalty-slide{min-width:0}.loyalty-slide .sto-member-card{max-width:none;width:100%;margin:0;min-height:0}.loyalty-card-caption h3{font-size:26px;margin:24px 0 4px}.loyalty-card-caption>p{margin:5px 0 16px}.loyalty-card-caption dl{display:flex;gap:40px;margin:18px 0}.loyalty-card-caption dt{font-size:13px;color:var(--sto-text-secondary)}.loyalty-card-caption dd{margin:0;font-family:var(--sto-typography-heading);font-size:32px;font-weight:700}.loyalty-card-detail{color:var(--sto-text-secondary);max-width:470px}
.loyalty-cards.is-enhanced .loyalty-stage{position:relative;display:block;perspective:1200px;height:540px;margin:40px -8% 0;transform-style:preserve-3d}.loyalty-cards.is-enhanced .loyalty-slide{position:absolute;top:0;left:50%;width:min(53%,530px);transform:translateX(-50%);transition:transform .5s ease,opacity .5s ease;z-index:2}.loyalty-cards.is-enhanced .loyalty-slide[data-position="next"]{transform:translateX(21%) translateZ(-180px) rotateY(-28deg) scale(.82);opacity:.62;z-index:1}.loyalty-cards.is-enhanced .loyalty-slide[data-position="previous"]{transform:translateX(-121%) translateZ(-180px) rotateY(28deg) scale(.82);opacity:.62;z-index:1}.loyalty-cards.is-enhanced .loyalty-slide:not([data-position="active"]) .loyalty-card-caption{visibility:hidden}.loyalty-cards.is-enhanced .loyalty-card-caption{text-align:center}.loyalty-cards.is-enhanced .loyalty-card-caption dl{justify-content:center}.loyalty-cards.is-enhanced .loyalty-card-detail{margin-inline:auto}
.loyalty-carousel-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:8px 0 22px}.loyalty-carousel-controls[hidden]{display:none}.loyalty-card-selectors{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.loyalty-carousel-controls button{font:700 14px Manrope,Arial,sans-serif;min-width:44px;min-height:44px;padding:9px 16px;border:1px solid var(--sto-border-control);border-radius:var(--sto-radius-control);background:var(--sto-surface);color:var(--sto-text-primary);cursor:pointer}.loyalty-carousel-controls button[aria-pressed="true"]{background:var(--sto-accent);border-color:var(--sto-accent);color:var(--sto-on-accent)}
.loyalty-fine{font-size:13px;color:var(--sto-text-secondary);line-height:1.6}.loyalty-cards>.loyalty-fine{text-align:center;max-width:710px;margin:0 auto}.loyalty-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}.loyalty-facts article{padding-left:18px;border-left:3px solid var(--sto-accent)}.loyalty-facts strong{font-family:var(--sto-typography-heading);font-size:24px;line-height:1.2}.loyalty-facts p{color:var(--sto-text-secondary);font-size:14px;margin-bottom:0}.loyalty-details{border-bottom:1px solid var(--sto-border);padding:18px 0}.loyalty-details summary{font-weight:800;font-size:16px;line-height:1.5;cursor:pointer;padding:4px 0}.loyalty-details p{max-width:890px;color:var(--sto-text-secondary)}.loyalty-details a,.loyalty-legal-links a{color:var(--sto-accent-text);text-decoration:underline;text-underline-offset:3px}
.loyalty-referral,.loyalty-care{display:grid;grid-template-columns:1fr 1fr;gap:48px}.loyalty-referral-calculation{background:var(--sto-surface);border:1px solid var(--sto-border);border-radius:var(--sto-radius-panel);padding:28px}.loyalty-referral-calculation>strong{display:block;font-family:var(--sto-typography-heading);font-size:clamp(26px,3vw,36px);margin:14px 0 24px}.loyalty-referral-calculation ol{padding-left:20px;display:grid;gap:20px}.loyalty-referral-calculation li{padding-left:6px}.loyalty-referral-calculation b,.loyalty-referral-calculation span{display:block}.loyalty-referral-calculation span{font-size:14px;margin-top:5px;line-height:1.6;color:var(--sto-text-secondary)}.loyalty-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0}.loyalty-steps>li>span{font:700 36px var(--sto-typography-heading);color:var(--sto-accent-text)}.loyalty-steps p{color:var(--sto-text-secondary);font-size:14px}.loyalty-care>div>p:not(.loyalty-eyebrow){margin-top:0}.loyalty-legal-links{border-top:1px solid var(--sto-border);padding:24px 0 40px;font-size:13px;color:var(--sto-text-secondary)}.loyalty-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){.loyalty-referral,.loyalty-care{grid-template-columns:1fr;gap:20px}.loyalty-stage{grid-template-columns:1fr}.loyalty-slide .sto-member-card{max-width:530px;margin:auto}.loyalty-facts,.loyalty-steps{grid-template-columns:1fr;gap:24px}.loyalty-section{padding:32px 0}.loyalty-cards.is-enhanced .loyalty-stage{height:525px;margin-inline:-16px}.loyalty-cards.is-enhanced .loyalty-slide{width:85%;max-width:460px}.loyalty-cards.is-enhanced .loyalty-slide[data-position="next"]{transform:translateX(35%) translateZ(-250px) rotateY(-35deg) scale(.75)}.loyalty-cards.is-enhanced .loyalty-slide[data-position="previous"]{transform:translateX(-135%) translateZ(-250px) rotateY(35deg) scale(.75)}.loyalty-referral-calculation{padding:22px}.loyalty-actions{gap:8px}.loyalty-card-selectors{gap:4px}.loyalty-carousel-controls{gap:6px}.loyalty-carousel-controls button{padding:9px 11px}.loyalty-slide .sto-member-holder{font-size:clamp(13px,3vw,18px)}}
@media(max-width:420px){.loyalty-cards.is-enhanced .loyalty-stage{height:470px}.loyalty-card-caption h3{margin-top:20px}.loyalty-card-caption dl{margin:14px 0}.loyalty-card-caption>p{font-size:14px}.loyalty-carousel-controls button{font-size:12px;padding:8px}.loyalty-card-selectors{gap:3px}}
@media(prefers-reduced-motion:reduce){.loyalty-cards.is-enhanced .loyalty-slide{transition:none}}
@media print{.loyalty-cards.is-enhanced .loyalty-stage{display:grid;height:auto;margin:0}.loyalty-cards.is-enhanced .loyalty-slide{position:static;width:100%;opacity:1;transform:none!important}.loyalty-cards.is-enhanced .loyalty-slide .loyalty-card-caption{visibility:visible}.loyalty-carousel-controls{display:none}}
/* Text enlargement must reflow Russian words and CTAs inside narrow columns. */
.loyalty-wrap{overflow-wrap:anywhere}.loyalty-referral>* ,.loyalty-care>*{min-width:0}.loyalty-button{max-width:100%;white-space:normal}.loyalty-carousel-controls{flex-wrap:wrap}.loyalty-card-selectors{min-width:0}.loyalty-slide .sto-member-level{overflow-wrap:anywhere}
.loyalty-wrap :is(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}