/* Реферальная программа mekoai.ru: окно «Стать рефералом», пункт меню, кнопки (02.10.2026).
   Работает и на главной, и на страницах с seo.css — переменные палитры у них одинаковые. */
html.rf-lock{overflow:hidden}
.rf-ov{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px 14px;
  background:rgba(43,41,37,.58);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto}
.rf-ov.open{display:flex;animation:rf-in .2s ease}
@keyframes rf-in{from{opacity:0}to{opacity:1}}
.rf-box{position:relative;width:100%;max-width:560px;margin:auto;background:var(--panel,#FBFAF5);color:var(--ink,#2B2925);
  border-radius:30px;padding:30px;box-shadow:0 30px 80px rgba(40,30,20,.3);font-family:'Golos Text',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  line-height:1.5;text-align:left}
.rf-ov.open .rf-box{animation:rf-box .32s cubic-bezier(.34,1.42,.5,1)}
@keyframes rf-box{from{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.rf-x{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:12px;border:1px solid var(--line,#E7E1D4);
  background:var(--panel-2,#F6F3EB);color:var(--muted,#9A9384);font-size:16px;cursor:pointer}
.rf-x:hover{color:#C0453B;background:#F6E4DE}
.rf-kick{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand2,#A8492B);margin:0 0 8px}
.rf-box h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:23px;letter-spacing:-.03em;line-height:1.15;margin:0 40px 10px 0}
.rf-lead{color:var(--ink-3,#6B6457);font-size:14.5px;margin:0 0 14px}
.rf-lead b{color:var(--ink,#2B2925)}
.rf-how{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px;padding:0}
.rf-how li{display:flex;flex-direction:column;gap:6px;font-size:12.5px;line-height:1.35;color:var(--ink-2,#5B5448);background:var(--brand-wash,#F5EAE1);
  border:1px solid var(--brand-soft,#EBDFD3);border-radius:14px;padding:10px 11px}
.rf-how b{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background:var(--brand,#C15F3C);color:#fff;font-size:12px;font-family:'Montserrat',sans-serif}
.rf-form{display:flex;flex-direction:column;gap:12px}
.rf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rf-form label{display:flex;flex-direction:column;gap:6px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12.5px;color:#3A352E}
.rf-opt{font-weight:400;color:var(--muted,#9A9384)}
.rf-form input:not([type=checkbox]),.rf-url{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--line-2,#DED7C8);border-radius:11px;
  font:15px/1.3 'Golos Text',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--ink,#2B2925);background:#fff;transition:border-color .16s,box-shadow .16s}
.rf-form input:focus,.rf-url:focus{outline:none;border-color:var(--brand,#C15F3C);box-shadow:0 0 0 3.5px var(--brand-wash,#F5EAE1)}
.rf-form input[aria-invalid=true]{border-color:#C0453B;box-shadow:0 0 0 3.5px #F6E4DE}
.rf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.rf-form .rf-agree{flex-direction:row;align-items:flex-start;gap:10px;font-family:inherit;font-weight:400;font-size:13px;color:var(--ink-3,#6B6457);cursor:pointer}
.rf-agree input{width:19px;height:19px;margin-top:1px;flex:none;accent-color:var(--brand,#C15F3C)}
.rf-agree a,.rf-small a{color:var(--brand2,#A8492B);border-bottom:1px solid var(--brand-soft,#EBDFD3)}
.rf-err{color:#C0453B;font-weight:600;font-size:13.5px}.rf-err:empty{display:none}
.rf-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:12px 20px;border:0;border-radius:999px;cursor:pointer;
  background:var(--brand,#C15F3C);color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:15.5px;box-shadow:0 6px 18px rgba(193,95,60,.26);
  transition:transform .16s,background .16s}
.rf-go:hover{background:var(--brand2,#A8492B)}.rf-go:active{transform:scale(.98)}.rf-go:disabled{opacity:.7;cursor:progress}
.rf-small{font-size:12.5px;color:var(--muted,#9A9384);margin:2px 0 0;line-height:1.5}
.rf-link{display:flex;gap:8px;margin:4px 0 14px}
.rf-url{font-size:13.5px}
.rf-copy{flex:none;padding:0 16px;min-height:46px;border-radius:12px;border:1px solid var(--line-2,#DED7C8);background:#fff;cursor:pointer;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:13.5px;color:var(--ink,#2B2925)}
.rf-copy:hover{border-color:var(--brand,#C15F3C);color:var(--brand2,#A8492B)}
.rf-note{margin-top:10px;color:#3E7C5A;font-weight:600;font-size:13.5px}.rf-note:empty{display:none}
.rf-step[hidden]{display:none}
@media (max-width:560px){.rf-box{padding:24px 18px;border-radius:24px}.rf-row{grid-template-columns:1fr}.rf-how{grid-template-columns:1fr}
  .rf-how li{flex-direction:row;align-items:center}.rf-box h3{font-size:20px}.rf-form input:not([type=checkbox]),.rf-url{font-size:16px}
  .rf-link{flex-direction:column}.rf-copy{min-height:48px}}
@media (prefers-reduced-motion:reduce){.rf-ov.open,.rf-ov.open .rf-box{animation:none}}

/* Пункт «Стать рефералом» в меню «Прочее» — акцентный */
.nm-pop a.nm-ref{color:var(--brand2,#A8492B);font-weight:700}
.nm-pop a.nm-ref::after{content:' →'}
/* Пункт в мобильном меню главной: на широком экране он в «Прочее», в строке меню не нужен */
.nav-links .nl-ref{display:none}
@media (max-width:1080px){.nav-links .nl-ref{display:flex;color:var(--brand2,#A8492B);font-weight:700}}

/* Блок «Реферальная программа» на главной */
.refband{background:linear-gradient(160deg,#fff,var(--panel-2,#F6F3EB));border:1px solid var(--line-2,#DED7C8);border-radius:34px;padding:clamp(26px,4vw,46px);
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4vw,48px);align-items:center;box-shadow:0 24px 60px rgba(80,65,40,.08)}
.refband h2{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.04em;line-height:1.08;margin:8px 0 12px}
.refband h2 em{font-style:normal;color:var(--brand,#C15F3C)}
.refband p{color:var(--ink-3,#6B6457);margin:0 0 20px;max-width:52ch}
.refband .rb-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.refband .rb-steps li{display:flex;gap:14px;align-items:flex-start;background:var(--panel,#FBFAF5);border:1px solid var(--line,#E7E1D4);border-radius:18px;padding:14px 16px}
.refband .rb-steps b{flex:none;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--brand,#C15F3C);color:#fff;font-family:'Montserrat',sans-serif}
.refband .rb-steps span{font-size:14.5px;line-height:1.45;color:var(--ink-2,#5B5448)}
.refband .rb-steps strong{display:block;color:var(--ink,#2B2925);font-family:'Montserrat',sans-serif;font-size:15px}
.refband .rb-note{font-size:12.5px;color:var(--muted,#9A9384);margin-top:14px}
.refband .rb-note a{color:var(--brand2,#A8492B);border-bottom:1px solid var(--brand-soft,#EBDFD3)}
@media (max-width:860px){.refband{grid-template-columns:1fr;border-radius:26px}}