/* «Программа лояльности»: три факта, калькулятор уровня, таблица уровней, правила карточками. Акцент — зелёный (как «Можно»). */
.loy-head{display:flex;flex-direction:column;gap:12px;padding:clamp(16px,3vw,32px) 0 clamp(20px,3vw,32px)}
.loy-eyebrow{font-family:var(--font-meta);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d30805}
.loy-head h1{margin:0;font-family:var(--font-ui);font-weight:500;font-size:clamp(32px,4vw,56px);line-height:1.05;letter-spacing:-.02em}
.loy-head p{margin:0;max-width:60ch;color:#555;font-size:16px;line-height:1.55}
.loy-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.loy-how li{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:14px;background:#f6f6f6}
.loy-how b{font:500 clamp(28px,3vw,40px)/1 var(--font-ui);letter-spacing:-.02em;color:#1f7a4a}
.loy-how span{font-size:15px;line-height:1.45;color:#555}
/* калькулятор */
.loy-calc{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:center;margin:28px 0 0;padding:clamp(20px,3vw,40px);border-radius:18px;background:#f6f6f6}
.loy-calc-controls{display:flex;flex-direction:column;gap:12px;min-width:0}
.loy-calc h2,.loy-levels h2,.loy-rules h2{margin:0 0 6px;font-family:var(--font-ui);font-weight:500;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.01em}
.loy-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;color:#555}
.loy-row output{font:500 18px/1 var(--font-meta);color:#111;font-variant-numeric:tabular-nums}
.loy-calc input[type=range]{width:100%;accent-color:#1f7a4a;cursor:pointer}
.loy-scale{position:relative;height:16px;margin:-6px 0 6px;font:500 11px/1 var(--font-meta);color:#999}
.loy-scale span{position:absolute;left:var(--at);transform:translateX(-50%);white-space:nowrap}
.loy-scale span:first-child{transform:none}
.loy-check{display:flex;align-items:center;gap:10px;margin:2px 0 8px;font-size:15px;cursor:pointer}
.loy-check input{width:18px;height:18px;accent-color:#1f7a4a}
.loy-calc-result{display:flex;flex-direction:column;gap:14px;padding:clamp(16px,2vw,24px);border-radius:14px;background:#fff;min-width:0}
.loy-level span{display:block;font:500 clamp(26px,2.6vw,36px)/1.1 var(--font-ui);letter-spacing:-.02em}
.loy-level small{display:block;margin-top:6px;font-size:14px;color:#666}
.loy-bar{height:8px;border-radius:999px;background:#ececec;overflow:hidden}
.loy-bar i{display:block;height:100%;border-radius:inherit;background:#1f7a4a;transition:width .3s}
.loy-calc-result dl{margin:0;display:flex;flex-direction:column;gap:8px}
.loy-calc-result dl div{display:flex;justify-content:space-between;gap:16px;font-size:15px;color:#555}
.loy-calc-result dt,.loy-calc-result dd{margin:0}
.loy-calc-result dd{color:#111;text-align:right;font-variant-numeric:tabular-nums}
.loy-calc-result dd b{font-weight:500;color:#1f7a4a}
.loy-hint{margin:0;font-size:13px;line-height:1.5;color:#888}
.loy-hint a,.loy-rules a{color:#111;text-underline-offset:3px;text-decoration-color:#bbb}
/* таблица уровней */
.loy-levels{margin-top:clamp(48px,7vw,80px)}
.loy-levels table{width:100%;max-width:900px;border-collapse:collapse;font-size:16px}
.loy-levels th,.loy-levels td{padding:14px 12px;border-bottom:1px solid #ececec;text-align:left;font-weight:400}
.loy-levels thead th{font:500 12px/1.2 var(--font-meta);letter-spacing:.08em;text-transform:uppercase;color:#888}
.loy-levels tbody th{font-weight:500}
.loy-levels td:last-child{color:#1f7a4a;font-weight:500}
.loy-levels .is-recent{background:#f1f8f3}
/* правила */
.loy-rules{margin-top:clamp(48px,7vw,80px)}
.loy-rules ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.loy-rules li{padding:20px 22px;border-radius:14px;background:#f6f6f6}
.loy-rules h3{margin:0 0 8px;font-size:17px;font-weight:500}
.loy-rules p{margin:0;font-size:15px;line-height:1.55;color:#555}
.loy-cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:clamp(40px,6vw,64px) 0 clamp(56px,8vw,96px)}
.loy-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;background:#111;color:#fff;font-size:15px;text-decoration:none;transition:background .2s}
.loy-btn:hover{background:#1f7a4a}
.loy-link{color:#111;font-size:15px;text-decoration:none;border-bottom:1px solid #bbb;padding-bottom:2px}
.loy-link:hover{border-color:#111}
.loy-btn:focus-visible,.loy-link:focus-visible{outline:2px solid #666;outline-offset:3px}
@media(max-width:899px){.loy-calc{grid-template-columns:1fr}.loy-rules ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:759px){
  .loy-how{grid-template-columns:1fr}
  .loy-rules ul{grid-template-columns:1fr}
  .loy-how li{flex-direction:row;align-items:baseline;gap:12px}
  .loy-how b{flex:0 0 5.2em;font-size:26px}
  .loy-levels th,.loy-levels td{padding:12px 6px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.loy-bar i{transition:none}}