/* Стиль кассы «Комета» — стиль 08 «Печатный ризограф».
   Источник: утверждённые макеты design/checkout/buy.html и order.html (владелец, 11.10.2026).
   Правки здесь, а не в макетах: макеты — слепок того, что показывали владельцу. */

/* ============================================================================
   Kometa · касса — прототип. Стиль 08 «Печатный ризограф».
   Ниже — выжимка из landing/index.html: токены палитры, фактура (зерно +
   полутоновая точка), плакатные кегли, кнопки-плашки с офсетной тенью,
   шапка и футер. Скопировано ровно то, что нужно кассе; секции лендинга
   (герой, локации, тарифный блок, FAQ) сюда не тянутся.
   ========================================================================== */
:root{
  --rs-paper:#F7F3EA;
  --rs-paper-2:#EFE8DA;
  --rs-ink:#111111;
  --rs-ink-2:#3A3733;
  --rs-emerald:#0E7350;
  --rs-emerald-deep:#0A5540;
  --rs-pink:#FF4FA3;
  --rs-lime:#DCFF5C;
  --rs-hair:rgba(17,17,17,.18);
  --rs-hair-inv:rgba(247,243,234,.26);
  --rs-max:1320px;
  --rs-pad:28px;
  --rs-gut:14px;
  --rs-halftone:radial-gradient(circle at 1.5px 1.5px, rgba(17,17,17,.16) 1.1px, transparent 1.3px);
  --rs-halftone-pink:radial-gradient(circle at 1.5px 1.5px, rgba(255,79,163,.26) 1.2px, transparent 1.4px);
  --rs-halftone-inv:radial-gradient(circle at 1.5px 1.5px, rgba(247,243,234,.22) 1.15px, transparent 1.35px);
  --rs-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E");
  --rs-text:"PT Root UI",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --rs-display:"Unbounded","PT Root UI",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* Локальные шрифты: пути относительные, страница открывается файлом, без сети. */
@font-face{
  font-family:"Unbounded";font-style:normal;font-weight:700;font-display:swap;
  src:url("../../landing/fonts/unbounded-700.woff2") format("woff2");
}
@font-face{
  font-family:"PT Root UI";font-style:normal;font-weight:400;font-display:swap;
  src:url("../../landing/fonts/pt-root-ui-400.woff2") format("woff2");
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{margin:0;padding:0}
body{
  position:relative;
  background-color:var(--rs-paper);
  background-image:var(--rs-grain),var(--rs-halftone);
  background-size:128px 128px,9px 9px;
  background-blend-mode:soft-light,normal;
  color:var(--rs-ink);
  /* Длинные технические строки (ссылка-подписка, email поддержки, токен) не
     должны давать горизонтальный скролл, но и рваться посреди слова зря не
     должны: anywhere — последняя мера, когда строка уже не влезает. */
  overflow-wrap:break-word;
  font-family:var(--rs-text);
  font-size:16.5px;line-height:1.55;font-weight:400;
  font-variant-numeric:tabular-nums;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
img,svg{display:block}
:focus-visible{outline:3px solid var(--rs-emerald);outline-offset:3px}
::selection{background:var(--rs-pink);color:#fff}

.rs-wrap{width:100%;max-width:var(--rs-max);margin:0 auto;padding:0 var(--rs-pad)}
.rs-square{display:inline-block;width:9px;height:9px;background:var(--rs-pink);flex:none}

/* --- плакатные кегли ------------------------------------------------------ */
.rs-h1{margin:0;font-family:var(--rs-display);font-size:clamp(30px,4.4vw,50px);line-height:1.02;
  font-weight:700;letter-spacing:-.045em;text-transform:uppercase}
.rs-h2{margin:0;font-family:var(--rs-display);font-size:clamp(22px,2.6vw,30px);line-height:1.06;
  font-weight:700;letter-spacing:-.04em;text-transform:uppercase}
.rs-h3{margin:0;font-family:var(--rs-display);font-size:17px;line-height:1.2;font-weight:700;
  letter-spacing:-.02em;text-transform:uppercase}
.rs-eyebrow{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--rs-display);
  font-size:11.5px;line-height:1;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.rs-lead{font-size:17px;line-height:1.5;color:var(--rs-ink-2);max-width:62ch}
.rs-note{font-size:13px;line-height:1.6;color:var(--rs-ink-2)}
.rs-rule{width:64px;height:14px;background:var(--rs-pink);margin-top:20px}
.rs-legend{margin:0 0 12px;font-size:11.5px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--rs-ink-2)}

/* --- кнопки: плашка краски, офсетный сдвиг вместо мягкой тени -------------- */
.rs-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:56px;padding:14px 24px;border:0;border-radius:0;cursor:pointer;
  font-family:inherit;font-size:14.5px;font-weight:900;letter-spacing:.05em;
  text-transform:uppercase;text-align:center;
  background:var(--rs-ink);color:var(--rs-paper);
  box-shadow:7px 7px 0 var(--rs-pink);
  transition:transform .16s cubic-bezier(.2,.7,.3,1),background-color .14s steps(2,end),
             box-shadow .14s steps(2,end),color .14s steps(2,end);
}
.rs-btn:hover,.rs-btn:focus-visible{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--rs-lime)}
.rs-btn:active{transform:translate(7px,7px)}
.rs-btn-pink{background:var(--rs-pink);color:#141414;box-shadow:7px 7px 0 var(--rs-emerald)}
.rs-btn-pink:hover,.rs-btn-pink:focus-visible{background:var(--rs-lime);box-shadow:4px 4px 0 var(--rs-ink)}
.rs-btn-lime{background:var(--rs-lime);color:#141414;box-shadow:7px 7px 0 var(--rs-ink)}
.rs-btn-lime:hover,.rs-btn-lime:focus-visible{background:var(--rs-paper);box-shadow:4px 4px 0 var(--rs-pink)}
.rs-btn-line{background:transparent;color:var(--rs-ink);box-shadow:none;border:3px solid var(--rs-ink)}
.rs-btn-line:hover,.rs-btn-line:focus-visible{background:var(--rs-ink);color:var(--rs-paper);transform:none}
.rs-btn-sm{min-height:44px;padding:10px 16px;font-size:12.5px;box-shadow:5px 5px 0 var(--rs-pink)}
.rs-btn-sm:hover,.rs-btn-sm:focus-visible{box-shadow:3px 3px 0 var(--rs-lime)}
.rs-btn-lg{min-height:68px;font-size:clamp(15px,1.5vw,19px);letter-spacing:.04em}
.rs-btn-block{width:100%}

/* --- шапка: жирная чёрная полоса, лаймовый логотип ------------------------ */
.rs-hdr{position:sticky;top:0;z-index:40;background:var(--rs-ink);color:var(--rs-paper);
  background-image:var(--rs-grain);background-size:128px 128px;background-blend-mode:soft-light}
.rs-hdr-in{display:flex;align-items:center;gap:18px;height:64px}
.rs-mark{width:30px;height:30px;flex:none}
.rs-logo{display:flex;align-items:center;gap:10px;font-family:var(--rs-display);
  font-weight:700;letter-spacing:.02em}
.rs-logo b{font-weight:700;font-size:19px;letter-spacing:-.02em;text-transform:uppercase;
  text-shadow:3px 3px 0 rgba(255,79,163,.7)}
.rs-nav{display:flex;gap:16px;margin-left:auto}
.rs-nav a{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--rs-paper);padding-bottom:3px;border-bottom:3px solid transparent;
  transition:border-color .16s ease,color .16s ease}
.rs-nav a:hover,.rs-nav a:focus-visible{border-bottom-color:var(--rs-lime);color:var(--rs-lime)}
.rs-hdr-cta{flex:none}
.rs-hdr-tel{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;
  letter-spacing:.04em;white-space:nowrap}
.rs-hdr-tel b{font-family:var(--rs-display);font-size:13.5px;color:var(--rs-lime)}

/* шаг «телефон вместо длинной кнопки» — только на узком экране */
.rs-hdr-tel{display:none}

/* --- секции, карточки, плашки -------------------------------------------- */
.rs-sec{position:relative;padding:34px 0 56px;border-top:12px solid var(--rs-ink)}
.rs-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px 32px;
  align-items:end;margin:18px 0 28px}
.rs-head .rs-eyebrow{margin-bottom:12px}
.rs-card{position:relative;background:var(--rs-paper);border:3px solid var(--rs-ink);padding:22px}
.rs-card::before{content:"";position:absolute;z-index:-1;inset:0;transform:translate(12px,12px);
  background:var(--rs-pink);mix-blend-mode:multiply}
.rs-card-lime::before{background:var(--rs-lime)}
.rs-card-flat::before{content:none}
.rs-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding-bottom:14px;border-bottom:3px solid var(--rs-ink);margin-bottom:18px}
.rs-card-cap{margin-top:26px;border-top:8px solid var(--rs-emerald);padding-top:12px}
.rs-card-cap b{display:block;font-family:var(--rs-display);font-size:14px;font-weight:700;
  letter-spacing:.03em;text-transform:uppercase}
.rs-card-cap span{display:block;margin-top:4px;font-size:13px;color:var(--rs-ink-2)}
.rs-badge{display:inline-flex;align-items:center;gap:10px;margin:0;background:var(--rs-lime);
  color:#141414;padding:11px 16px;font-size:12px;line-height:1.25;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;box-shadow:5px 5px 0 var(--rs-ink)}
.rs-badge .rs-square{background:var(--rs-pink)}
.rs-state{display:inline-flex;align-items:center;gap:8px;font-family:var(--rs-display);
  font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.rs-state i{width:9px;height:9px;background:var(--rs-emerald);display:block;flex:none}
.rs-state-on{background:var(--rs-lime);color:#141414;padding:5px 9px;box-shadow:3px 3px 0 var(--rs-ink)}
.rs-state-on i{background:var(--rs-emerald)}
.rs-state-wait{background:var(--rs-paper-2);color:#141414;padding:5px 9px;box-shadow:3px 3px 0 var(--rs-ink)}
.rs-state-wait i{background:var(--rs-pink)}
.rs-state-err{background:var(--rs-pink);color:#141414;padding:5px 9px;box-shadow:3px 3px 0 var(--rs-ink)}
.rs-state-err i{background:#141414}
.rs-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 12px;
  background:var(--rs-paper);border:3px solid var(--rs-ink);font-size:13px;line-height:1.25;
  font-weight:700;box-shadow:4px 4px 0 rgba(14,115,80,.55);text-wrap:balance}
.rs-chip::before{content:"";width:9px;height:9px;background:var(--rs-pink);flex:none}
.rs-ticks{margin-top:18px;display:grid;gap:10px}
.rs-tick{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;color:var(--rs-ink-2)}
.rs-tick svg{flex:none;margin-top:3px;color:var(--rs-emerald)}

/* --- индикатор шагов ------------------------------------------------------ */
.rs-steps{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.rs-step{display:flex;align-items:center;gap:11px;padding:10px 16px 10px 12px;
  border:3px solid var(--rs-ink);background:var(--rs-paper)}
.rs-step b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;
  flex:none;background:var(--rs-paper-2);color:var(--rs-ink);font-size:13px;font-weight:900}
.rs-step span{font-family:var(--rs-display);font-size:12.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase}
.rs-step-on{background:var(--rs-lime);box-shadow:5px 5px 0 var(--rs-ink)}
.rs-step-on b{background:var(--rs-ink);color:var(--rs-lime)}
.rs-step-done b{background:var(--rs-emerald);color:var(--rs-paper)}
.rs-arrow{display:flex;align-items:center;font-family:var(--rs-display);font-size:15px;
  font-weight:700;color:var(--rs-ink-2)}

/* --- тарифы: радиокарточки ------------------------------------------------ */
.rs-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rs-gut)}
.rs-radio{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.rs-plan{position:relative;display:flex;flex-direction:column;cursor:pointer;
  background:var(--rs-paper);color:var(--rs-ink);border:3px solid var(--rs-ink);padding:16px 16px 14px;
  transition:transform .16s cubic-bezier(.2,.7,.3,1),box-shadow .14s steps(2,end),background-color .14s steps(2,end)}
.rs-plan-1{box-shadow:7px 7px 0 var(--rs-emerald)}
.rs-plan-2{box-shadow:7px 7px 0 var(--rs-pink)}
.rs-plan-3{box-shadow:7px 7px 0 var(--rs-lime)}
.rs-plan-4{box-shadow:7px 7px 0 var(--rs-emerald)}
.rs-plan:hover{transform:translate(2px,2px)}
.rs-plan-1:hover{box-shadow:5px 5px 0 var(--rs-emerald)}
.rs-plan-2:hover{box-shadow:5px 5px 0 var(--rs-pink)}
.rs-plan-3:hover{box-shadow:5px 5px 0 var(--rs-lime)}
.rs-plan-4:hover{box-shadow:5px 5px 0 var(--rs-emerald)}
.rs-radio:focus-visible + .rs-plan{outline:3px solid var(--rs-emerald);outline-offset:3px}
.rs-radio:checked + .rs-plan{background:var(--rs-paper-2);border-color:var(--rs-ink);
  padding:19px 19px 17px;transform:translate(3px,3px);box-shadow:4px 4px 0 var(--rs-ink)}
.rs-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:34px}
.rs-plan-term{display:inline-block;background:var(--rs-ink);color:var(--rs-paper);padding:5px 9px;
  font-family:var(--rs-display);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.rs-plan-badge{display:inline-block;padding:4px 9px;background:var(--rs-pink);color:#141414;
  font-family:var(--rs-display);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.rs-plan-badge-lime{background:var(--rs-lime)}
.rs-plan-price{display:flex;align-items:baseline;gap:8px;margin:12px 0 2px}
.rs-plan-price b{font-family:var(--rs-display);font-size:clamp(28px,3vw,36px);line-height:.9;
  font-weight:700;letter-spacing:-.05em}
.rs-plan-price i{font-style:normal;font-size:17px;font-weight:700}
.rs-plan-per{font-size:13px;font-weight:700;color:var(--rs-emerald-deep);min-height:20px}
.rs-plan ul{margin:12px 0 14px;border-top:2px solid var(--rs-hair)}
.rs-plan li{padding:7px 0;border-bottom:2px solid var(--rs-hair);font-size:13.5px;
  font-weight:600;color:var(--rs-ink-2)}
.rs-plan-foot{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:11.5px;
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rs-ink-2)}
.rs-plan-foot::before{content:"";width:12px;height:12px;border:3px solid var(--rs-ink);flex:none}
.rs-radio:checked + .rs-plan .rs-plan-foot{color:var(--rs-ink)}
.rs-radio:checked + .rs-plan .rs-plan-foot::before{background:var(--rs-emerald);border-color:var(--rs-ink)}

/* --- поля ---------------------------------------------------------------- */
.rs-field{margin-top:18px}
.rs-label{display:block;font-family:var(--rs-display);font-size:12px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.rs-input{display:block;width:100%;min-height:54px;padding:13px 15px;border-radius:0;
  border:3px solid var(--rs-ink);background:var(--rs-paper);color:var(--rs-ink);
  font-family:var(--rs-text);font-size:16px;font-weight:400}
.rs-input::placeholder{color:rgba(58,55,51,.5)}
.rs-input:focus{outline:3px solid var(--rs-emerald);outline-offset:2px}
.rs-input-err{border-color:#C81E63;background:rgba(255,79,163,.09);box-shadow:4px 4px 0 #C81E63}
.rs-field-hint{margin-top:8px;font-size:13px;line-height:1.55;color:var(--rs-ink-2)}
.rs-field-err{margin-top:8px;display:flex;align-items:flex-start;gap:8px;font-size:13.5px;
  line-height:1.5;font-weight:700;color:#B01558}
.rs-field-err svg{flex:none;margin-top:2px}
.rs-only{display:none}
.rs-row-inline{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}

/* --- галочка согласия ----------------------------------------------------- */
.rs-check{display:flex;align-items:flex-start;gap:12px;margin-top:18px;cursor:pointer;
  font-size:14px;line-height:1.5;font-weight:600;color:var(--rs-ink-2)}
.rs-check-box{position:relative;flex:none;width:30px;height:30px;margin-top:2px;
  border:3px solid var(--rs-ink);background:var(--rs-paper)}
.rs-check-box::after{content:"";position:absolute;inset:0;opacity:0;
  background:var(--rs-lime) no-repeat center/20px 20px
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='4'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.rs-check input:checked + .rs-check-box::after{opacity:1}
.rs-check input:checked + .rs-check-box{box-shadow:3px 3px 0 var(--rs-ink)}
.rs-check input:focus-visible + .rs-check-box{outline:3px solid var(--rs-emerald);outline-offset:3px}
.rs-check a{border-bottom:3px solid var(--rs-pink);font-weight:700;color:var(--rs-ink)}
.rs-check a:hover,.rs-check a:focus-visible{background:var(--rs-lime)}
.rs-check b{color:#B01558}

/* --- способ оплаты -------------------------------------------------------- */
.rs-pays{display:grid;gap:10px}
.rs-pay{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;
  cursor:pointer;background:var(--rs-paper);border:3px solid var(--rs-ink);padding:13px 15px;
  transition:background-color .14s steps(2,end),box-shadow .14s steps(2,end),transform .16s cubic-bezier(.2,.7,.3,1)}
.rs-pay:hover{transform:translate(2px,2px)}
.rs-pay-dot{width:22px;height:22px;flex:none;border:3px solid var(--rs-ink);background:var(--rs-paper);
  border-radius:50%}
.rs-pay-name{display:block;font-size:15.5px;font-weight:700;line-height:1.25}
.rs-pay-sub{display:block;margin-top:3px;font-size:12.5px;font-weight:600;color:var(--rs-ink-2)}
.rs-pay-fee{font-family:var(--rs-display);font-size:12.5px;font-weight:700;letter-spacing:.02em;
  white-space:nowrap}
.rs-radio:focus-visible + .rs-pay{outline:3px solid var(--rs-emerald);outline-offset:3px}
.rs-radio:checked + .rs-pay{background:var(--rs-lime);box-shadow:5px 5px 0 var(--rs-ink)}
.rs-radio:checked + .rs-pay .rs-pay-dot{background:var(--rs-paper);box-shadow:inset 0 0 0 5px var(--rs-ink)}
.rs-pay-err{background:rgba(255,79,163,.14);border-color:#C81E63}
.rs-pay-err .rs-pay-dot{border-color:#C81E63}
.rs-pay-err .rs-pay-fee{color:#B01558}
.rs-pay-off{opacity:.62;cursor:not-allowed}
.rs-pay-off .rs-pay-name{text-decoration:line-through}
.rs-pay-off .rs-pay-fee{color:#B01558}

/* --- итог ---------------------------------------------------------------- */
.rs-sum-list{border-top:3px solid var(--rs-ink)}
.rs-sum-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:12px 0;border-bottom:2px solid var(--rs-hair);font-size:14.5px;font-weight:600;
  color:var(--rs-ink-2)}
.rs-sum-row b{font-family:var(--rs-text);font-weight:700;color:var(--rs-ink);white-space:nowrap}
.rs-sum-total{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;
  margin-top:18px;padding-top:16px;border-top:8px solid var(--rs-emerald)}
.rs-sum-total span{font-family:var(--rs-display);font-size:12.5px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--rs-ink-2);padding-bottom:8px}
.rs-sum-total b{font-family:var(--rs-display);font-size:clamp(30px,3.2vw,42px);line-height:.9;
  font-weight:700;letter-spacing:-.05em;white-space:nowrap}
.rs-sum-cta{margin-top:20px}
.rs-sum-notes{margin-top:16px;font-size:13px;line-height:1.6;color:var(--rs-ink-2)}
.rs-sum-notes li{display:flex;align-items:flex-start;gap:9px;padding:6px 0}
.rs-sum-notes li::before{content:"";width:8px;height:8px;margin-top:7px;background:var(--rs-emerald);flex:none}
.rs-support{margin-top:16px;padding-top:14px;border-top:2px solid var(--rs-hair);font-size:13px;
  font-weight:600;color:var(--rs-ink-2)}
.rs-support a{border-bottom:3px solid var(--rs-emerald);font-weight:700;color:var(--rs-ink)}

/* --- состояния ----------------------------------------------------------- */
.rs-states{border-top:12px solid var(--rs-pink)}
.rs-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rs-gut);align-items:start}
.rs-state-block{position:relative;background:var(--rs-paper);border:3px solid var(--rs-ink);padding:18px}
.rs-state-grid > .rs-state-block:nth-child(odd){box-shadow:8px 8px 0 rgba(14,115,80,.6)}
.rs-state-grid > .rs-state-block:nth-child(even){box-shadow:8px 8px 0 rgba(255,79,163,.55)}
.rs-state-label{display:inline-block;margin-bottom:14px;padding:6px 10px;background:var(--rs-ink);
  color:var(--rs-lime);font-family:var(--rs-display);font-size:10.5px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase}
.rs-state-note{margin-top:14px;font-size:12.5px;line-height:1.55;color:var(--rs-ink-2)}
.rs-skel{margin-top:16px;display:grid;gap:8px}
.rs-skel i{display:block;height:14px;background-image:var(--rs-halftone);background-size:8px 8px;
  background-color:var(--rs-paper-2);border:2px solid var(--rs-ink)}
.rs-skel i:nth-child(1){width:88%}
.rs-skel i:nth-child(2){width:64%}
.rs-skel i:nth-child(3){width:76%}

/* кнопка в загрузке: без движения, но видно, что нажатие уже принято */
.rs-btn-busy{pointer-events:none;background:var(--rs-ink-2);box-shadow:4px 4px 0 var(--rs-hair)}
.rs-btn-busy::after{content:"";width:15px;height:15px;border:3px solid var(--rs-hair-inv);
  border-top-color:var(--rs-lime);border-radius:50%}
.rs-bar{height:16px;border:3px solid var(--rs-ink);background:var(--rs-paper-2);margin-top:14px}
.rs-bar i{display:block;height:100%;width:62%;background:var(--rs-emerald)}

/* --- окно телефона (внутри макета, не медиазапрос) ------------------------ */
.rs-phone{width:390px;max-width:100%;border:4px solid var(--rs-ink);background:var(--rs-paper);
  padding:14px;box-shadow:10px 10px 0 var(--rs-pink)}
.rs-phone .rs-hdr-in{height:54px}
.rs-phone .rs-h1{font-size:26px}
.rs-phone .rs-plans{grid-template-columns:1fr}
.rs-phone .rs-steps{gap:8px}
.rs-phone .rs-step{padding:8px 12px 8px 9px}
.rs-phone .rs-step span{font-size:11px}
.rs-phone .rs-plan{padding:15px}
.rs-phone .rs-pay{grid-template-columns:auto minmax(0,1fr);row-gap:6px}
.rs-phone .rs-pay-fee{grid-column:2}
.rs-phone .rs-badge{font-size:10.5px;padding:8px 11px;box-shadow:3px 3px 0 var(--rs-ink)}
.rs-phone .rs-btn{font-size:13px;min-height:52px;padding:13px 18px;box-shadow:5px 5px 0 var(--rs-pink)}
.rs-phone .rs-btn-pink{box-shadow:5px 5px 0 var(--rs-emerald)}
.rs-phone .rs-btn-lime{box-shadow:5px 5px 0 var(--rs-ink)}

/* --- комментарий макета (виден только когда открываешь панель стилей) ----- */
.rs-spec{margin-top:18px;font-size:13px;color:var(--rs-ink-2)}
.rs-spec summary{cursor:pointer;font-weight:700;letter-spacing:.02em}
.rs-spec[open] summary{margin-bottom:8px}
.rs-spec ul{margin-top:8px;border-top:2px solid var(--rs-hair)}
.rs-spec li{padding:7px 0;border-bottom:2px solid var(--rs-hair)}

/* --- футер --------------------------------------------------------------- */
.rs-foot{margin-top:56px;border-top:3px solid var(--rs-lime);padding-top:30px;
  background:var(--rs-ink);color:var(--rs-paper);
  background-image:var(--rs-grain);background-size:128px 128px;background-blend-mode:soft-light}
.rs-foot-in{padding-bottom:26px}
.rs-foot-grid{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2fr));gap:26px}
.rs-foot-logo{display:flex;align-items:center;gap:12px;font-family:var(--rs-display);font-size:18px;
  font-weight:700;text-transform:uppercase;letter-spacing:-.02em}
.rs-foot-brand p{margin-top:14px;font-size:13.5px;color:rgba(247,243,234,.72);max-width:42ch}
.rs-foot-brand .rs-req{margin-top:12px;font-size:12.5px;line-height:1.6;color:rgba(247,243,234,.66)}
.rs-foot-brand .rs-req b{color:var(--rs-lime);font-weight:700}
.rs-foot h4{margin:0 0 12px;font-family:var(--rs-display);font-size:11px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:var(--rs-pink)}
.rs-foot li{padding:8px 0;border-top:2px solid var(--rs-hair-inv);font-size:13.5px;
  color:rgba(247,243,234,.82)}
.rs-foot li:first-child{border-top:0}
.rs-foot li a:hover,.rs-foot li a:focus-visible{color:var(--rs-lime)}
.rs-foot-18{display:flex;flex-direction:column;gap:5px;margin-top:16px;padding:9px 12px;
  max-width:100%;border:3px solid var(--rs-pink);color:var(--rs-paper)}
.rs-foot-18 b{font-family:var(--rs-display);font-size:17px;font-weight:700;line-height:1;
  letter-spacing:.04em;color:var(--rs-pink);white-space:nowrap}
.rs-foot-18 span{font-size:11.5px;line-height:1.4;color:rgba(247,243,234,.8)}
.rs-legal{margin-top:26px;padding-top:18px;border-top:2px solid var(--rs-hair-inv);font-size:11.5px;
  line-height:1.65;color:rgba(247,243,234,.6);max-width:118ch}
.rs-foot-row{display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:space-between;
  padding-bottom:22px;font-size:12.5px;font-weight:700;letter-spacing:.04em;
  color:rgba(247,243,234,.7)}
.rs-foot-row a{border-bottom:2px solid var(--rs-lime)}

/* --- плашка «прототип» --------------------------------------------------- */
.rs-proto{background:var(--rs-lime);color:#141414;border-bottom:3px solid var(--rs-ink)}
.rs-proto-in{display:flex;align-items:center;gap:12px;min-height:42px;padding:7px 0;
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.rs-proto b{font-family:var(--rs-display);font-weight:700;font-size:12px;letter-spacing:.12em;
  background:var(--rs-ink);color:var(--rs-lime);padding:5px 9px;flex:none}
.rs-proto span{min-width:0}
.rs-proto em{font-style:normal;text-transform:none;letter-spacing:.02em;font-weight:600;
  color:rgba(20,20,20,.72);display:block}

/* --- адаптив ------------------------------------------------------------- */
@media (max-width:1180px){
  :root{--rs-pad:22px;--rs-gut:12px}
  .rs-nav{gap:12px}
  .rs-nav a{font-size:11.5px;letter-spacing:.08em}
}
@media (max-width:1020px){
  .rs-head{grid-template-columns:1fr;align-items:start}
  .rs-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* Состояний три, но на планшете они встают по два в ряд: три колонки дают
     по 105 px на блок, и содержимое начинает распирать страницу. */
  .rs-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .rs-nav{display:none}
  .rs-hdr-tel{display:inline-flex;margin-left:auto}
}
@media (max-width:760px){
  .rs-hdr-in{height:58px;gap:12px}
  .rs-logo b{font-size:16px;text-shadow:2px 2px 0 rgba(255,79,163,.7)}
  .rs-mark{width:26px;height:26px}
  .rs-sec{padding:26px 0 44px;border-top-width:9px}
  .rs-steps{gap:8px}
  .rs-step{padding:9px 13px 9px 10px}
  .rs-arrow{display:none}
  .rs-h1{font-size:clamp(26px,7.6vw,38px)}
  .rs-h2{font-size:clamp(20px,5.6vw,26px)}
  .rs-lead,.rs-note{line-height:1.62}
  .rs-plans{grid-template-columns:1fr}
  .rs-foot-grid{grid-template-columns:1fr;gap:22px}
  .rs-card{padding:18px}
  .rs-sum-total b{font-size:32px}
  .rs-state-grid{grid-template-columns:1fr}
  .rs-proto-in{flex-wrap:wrap;row-gap:8px}
}
@media (max-width:480px){
  :root{--rs-pad:16px}
  .rs-btn{min-height:52px;padding:13px 18px;font-size:13px;box-shadow:5px 5px 0 var(--rs-pink)}
  .rs-btn-pink{box-shadow:5px 5px 0 var(--rs-emerald)}
  .rs-btn-lime{box-shadow:5px 5px 0 var(--rs-ink)}
  .rs-btn-sm{min-height:40px;padding:9px 12px;font-size:11.5px;box-shadow:4px 4px 0 var(--rs-pink)}
  .rs-btn-lg{min-height:60px;font-size:14.5px}
  .rs-hdr-tel span{display:none}
  /* Три чипа со стрелками на 390 px не влезают: стрелки убираем, а шаги
     ставим в столбик — ужать их до одной строки можно только обрезав текст. */
  .rs-steps{flex-direction:column;align-items:stretch;gap:6px;margin-top:16px}
  .rs-step{padding:7px 9px 7px 7px;gap:7px}
  .rs-step span{font-size:10px;letter-spacing:.04em}
  .rs-step b{width:22px;height:22px;font-size:11px}
  .rs-arrow{display:none}
  .rs-check{font-size:13.5px}
  .rs-pay{grid-template-columns:auto minmax(0,1fr);row-gap:6px;padding:12px}
  .rs-pay-fee{grid-column:2}
  .rs-plan-price b{font-size:32px}
  .rs-sum-total span{padding-bottom:6px}
  .rs-sum-total b{font-size:30px}
  .rs-legal{font-size:11px}
  .rs-phone{width:100%;padding:12px;box-shadow:6px 6px 0 var(--rs-pink)}
}

/* --- витрина: сетка «форма + итог» --------------------------------------- */
.rs-buy{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--rs-gut);
  align-items:start;margin-top:8px}
.rs-buy-col{display:grid;gap:var(--rs-gut)}
.rs-summary{position:sticky;top:82px}
@media (max-width:1020px){
  .rs-buy{grid-template-columns:1fr}
  .rs-summary{position:static}
}
.rs-panel-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.rs-panel-head .rs-h3{flex:none}
.rs-panel-head span{font-size:12.5px;font-weight:600;color:var(--rs-ink-2)}

/* --- Страница заказа /order/<токен>: правила из утверждённого макета order.html.
   Блоки @media переносятся целиком: без обёртки мобильные правила применились бы
   на десктопе — карточки приложений встали бы в столбик на широком экране. --- */
/* --- шапка страницы заказа ----------------------------------------------- */
.rs-order-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--rs-gut);
  align-items:start}
.rs-status{background:var(--rs-lime);color:#141414;border:3px solid var(--rs-ink);
  box-shadow:9px 9px 0 var(--rs-ink);padding:18px 20px}
.rs-status-top{display:flex;align-items:center;gap:12px}
.rs-status-top b{font-family:var(--rs-display);font-size:clamp(20px,2.4vw,30px);line-height:1;
  font-weight:700;letter-spacing:-.04em;text-transform:uppercase}
.rs-status-tick{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  flex:none;background:var(--rs-emerald);color:var(--rs-paper)}
.rs-status-line{margin-top:14px;padding-top:12px;border-top:3px solid var(--rs-ink);
  display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14.5px;font-weight:700}
.rs-status-line span{display:inline-flex;align-items:center;gap:8px}
.rs-status-line span::before{content:"";width:8px;height:8px;background:var(--rs-ink);flex:none}
.rs-order-meta{margin-top:16px;font-size:13px;color:var(--rs-ink-2)}
/* --- подключение в один тап --------------------------------------------- */
.rs-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--rs-gut);margin-top:20px}
/* Карточка приложения — не один <a>, а контейнер: внутри живая кнопка
   «открыть и добавить профиль» и отдельная ссылка «скачать». Вкладывать <a> в
   <a> нельзя — парсер выносит вложенную ссылку наружу и сетка рассыпается. */
.rs-app{display:flex;flex-direction:column;background:var(--rs-paper);border:3px solid var(--rs-ink);
  box-shadow:8px 8px 0 var(--rs-emerald)}
.rs-app:nth-child(2){box-shadow:8px 8px 0 var(--rs-pink)}
.rs-app:nth-child(3){box-shadow:8px 8px 0 var(--rs-lime)}
.rs-app:nth-child(4){box-shadow:8px 8px 0 var(--rs-emerald)}
.rs-app-open{display:flex;flex-direction:column;gap:9px;flex:1;padding:16px 15px 14px;
  transition:transform .16s cubic-bezier(.2,.7,.3,1),background-color .14s steps(2,end)}
.rs-app-open:hover,.rs-app-open:focus-visible{background:var(--rs-paper-2);transform:translate(3px,3px)}
.rs-app-open .rs-app-cta{margin-top:auto;padding-top:12px;border-top:2px solid var(--rs-hair)}
.rs-app-dl{padding:11px 15px 13px;border-top:3px solid var(--rs-ink);font-size:12px;font-weight:600;
  line-height:1.55;color:var(--rs-ink-2);background:var(--rs-paper-2)}
.rs-app-emoji{font-size:30px;line-height:1}
.rs-app-name{display:block;font-family:var(--rs-display);font-size:19px;font-weight:700;
  letter-spacing:-.03em;text-transform:uppercase}
.rs-app-role{display:block;font-size:12.5px;font-weight:600;color:var(--rs-ink-2);margin-top:2px}
.rs-app-cta{display:flex;align-items:center;gap:9px;font-family:var(--rs-display);
  font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.rs-app-cta svg{flex:none;color:var(--rs-emerald)}
.rs-app-dl a{border-bottom:2px solid var(--rs-emerald);font-weight:700;color:var(--rs-ink);white-space:nowrap}
.rs-app-dl a:hover,.rs-app-dl a:focus-visible{background:var(--rs-lime)}
.rs-how{margin-top:16px;padding:14px 16px;background:var(--rs-lime);border:3px solid var(--rs-ink);
  font-size:14px;font-weight:600;color:#141414}
/* --- QR и ссылка --------------------------------------------------------- */
.rs-take{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--rs-gut);
  align-items:start;margin-top:20px}
.rs-qr{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;
  border:3px solid var(--rs-ink);background:var(--rs-paper);box-shadow:8px 8px 0 var(--rs-pink)}
.rs-qr-svg{width:176px;height:176px;border:0}
.rs-qr-cap{font-family:var(--rs-display);font-size:10.5px;font-weight:700;letter-spacing:.06em;
  line-height:1.35;text-transform:uppercase;text-align:center;color:var(--rs-ink-2);max-width:170px}
.rs-sub-field{display:flex;gap:10px;flex-wrap:wrap}
.rs-sub-input{flex:1 1 260px;min-width:0;font-size:14px}
.rs-copied{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--rs-lime);
  border:3px solid var(--rs-ink);font-size:12.5px;font-weight:700;box-shadow:3px 3px 0 var(--rs-ink)}
.rs-copied svg{color:var(--rs-emerald)}
.rs-hint{margin-top:10px;font-size:13px;line-height:1.6;color:var(--rs-ink-2)}
/* --- локации ------------------------------------------------------------- */
.rs-locs{margin-top:18px;border:3px solid var(--rs-ink);background:var(--rs-paper)}
.rs-loc{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;
  padding:13px 16px;border-bottom:2px solid var(--rs-hair);font-size:15.5px;font-weight:600}
.rs-loc:last-child{border-bottom:0}
.rs-loc-flag{display:flex;align-items:center;flex:none}
.rs-flag{display:block;flex:none}
.rs-loc-name b{display:block;font-size:15.5px;font-weight:700}
.rs-loc-name span{display:block;font-size:12px;font-weight:600;color:var(--rs-ink-2);margin-top:2px}
.rs-loc-ping{font-family:var(--rs-display);font-size:15px;font-weight:700;letter-spacing:-.02em;
  white-space:nowrap}
.rs-loc-on{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.rs-loc-on i{width:9px;height:9px;background:var(--rs-emerald);display:block;flex:none}
/* --- инструкция и сохранение доступа ------------------------------------ */
.rs-steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rs-gut);margin-top:18px}
.rs-step3{position:relative;display:flex;flex-direction:column;border:3px solid var(--rs-ink);
  background:var(--rs-paper)}
.rs-step3-no{display:block;padding:11px 16px;background:var(--rs-pink);color:#141414;
  font-family:var(--rs-display);font-size:26px;font-weight:700;line-height:1;letter-spacing:-.04em}
.rs-step3:nth-child(2) .rs-step3-no{background:var(--rs-lime)}
.rs-step3:nth-child(3) .rs-step3-no{background:var(--rs-emerald);color:var(--rs-paper)}
.rs-step3-body{padding:14px 16px 18px}
.rs-step3-body h3{margin-bottom:8px}
.rs-step3-body p{font-size:14px;color:var(--rs-ink-2)}
.rs-plat{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}
.rs-plat span{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;background:var(--rs-paper);
  border:3px solid var(--rs-ink);font-size:13.5px;font-weight:600;box-shadow:4px 4px 0 rgba(14,115,80,.5)}
.rs-plat b{font-family:var(--rs-display);font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase}
.rs-keep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--rs-gut);margin-top:18px}
.rs-keep-block{border:3px solid var(--rs-ink);background:var(--rs-paper);padding:18px}
.rs-keep-block .rs-h3{margin-bottom:10px}
.rs-keep-block p{font-size:14px;color:var(--rs-ink-2)}
.rs-keep-block .rs-field{margin-top:14px}
.rs-arrow-link{display:inline-flex;align-items:center;gap:9px;margin-top:14px;font-size:14px;
  font-weight:700;border-bottom:3px solid var(--rs-emerald)}
.rs-arrow-link:hover,.rs-arrow-link:focus-visible{background:var(--rs-lime)}
/* --- состояния заказа ---------------------------------------------------- */
.rs-state-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rs-gut);
  align-items:start}
.rs-mini{display:flex;align-items:flex-start;gap:13px;border:3px solid var(--rs-ink);
  background:var(--rs-paper);padding:15px 16px}
.rs-mini-ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  flex:none;border:3px solid var(--rs-ink);background:var(--rs-paper-2);color:var(--rs-ink)}
.rs-mini-wait .rs-mini-ic{background:var(--rs-pink)}
.rs-mini-busy .rs-mini-ic{background:var(--rs-lime)}
.rs-mini-stop .rs-mini-ic{background:var(--rs-ink);color:var(--rs-lime)}
.rs-mini b{display:block;font-family:var(--rs-display);font-size:15px;font-weight:700;
  letter-spacing:-.02em;margin-bottom:5px}
.rs-mini p{font-size:13.5px;line-height:1.55;color:var(--rs-ink-2)}
.rs-phone .rs-apps{grid-template-columns:1fr}
.rs-phone .rs-take{grid-template-columns:1fr}
.rs-phone .rs-steps3{grid-template-columns:1fr}
.rs-phone .rs-keep{grid-template-columns:1fr}
.rs-phone .rs-status{box-shadow:6px 6px 0 var(--rs-ink);padding:15px}
.rs-phone .rs-order-hero{grid-template-columns:1fr}
.rs-phone .rs-loc{grid-template-columns:auto minmax(0,1fr) auto;row-gap:6px;padding:12px 13px}
.rs-phone .rs-loc-on{grid-column:2}
.rs-phone .rs-loc-ping{grid-column:3}
@media (max-width:1020px){
  .rs-order-hero{grid-template-columns:1fr}
  .rs-apps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rs-state-cards{grid-template-columns:1fr}
  /* Плашки «iPhone / Android / Компьютер» в строку на этой ширине не влезают:
     в столбик подпись стоит слева, перечень — справа, переносов нет. */
  .rs-plat{display:grid;gap:8px}
  .rs-plat span{justify-content:space-between;gap:16px}
}
@media (max-width:760px){
  .rs-apps{grid-template-columns:1fr}
  .rs-take{grid-template-columns:1fr}
  .rs-steps3{grid-template-columns:1fr}
  .rs-keep{grid-template-columns:1fr}
  .rs-qr{margin:0 auto}
}

/* --- Добавлено веб-слоем: блоков не было в макетах --- */
/* Понятная ошибка формы: в макете состояния показывались отдельной витриной, а на
   боевой странице ошибка приходит из обработчика и встаёт над формой. */
.rs-alert{display:flex;flex-direction:column;gap:4px;margin:16px 0 0;padding:16px 18px;
  background:var(--rs-paper-2);border:3px solid var(--rs-ink);box-shadow:6px 6px 0 var(--rs-pink)}
.rs-alert b{font-family:var(--rs-display);font-size:15px;text-transform:uppercase;letter-spacing:.04em}
.rs-alert span{color:var(--rs-ink-2)}
/* Инструкция «что дальше»: список с квадратными номерами, как в блоках шагов. */
.rs-howto-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rs-howto-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;
  background:var(--rs-paper);border:2px solid var(--rs-ink)}
.rs-howto-list li b{flex:0 0 26px;height:26px;display:grid;place-items:center;
  background:var(--rs-lime);border:2px solid var(--rs-ink);font-family:var(--rs-display);font-size:13px}
.rs-sum-cta button{width:100%;cursor:pointer;font:inherit}
.rs-sum-cta button:disabled{opacity:.55;cursor:not-allowed}
/* Состояния плашки заказа: оплачено — лайм, ждём — бумага с лаймовым кантом,
   закрыт — бумага с розовым. Цвет читается раньше текста. */
.rs-status-ok{background:var(--rs-lime)}
.rs-status-wait{background:var(--rs-paper-2);box-shadow:9px 9px 0 var(--rs-lime)}
.rs-status-off{background:var(--rs-paper-2);box-shadow:9px 9px 0 var(--rs-pink)}
.rs-status-wait .rs-status-tick{background:var(--rs-ink)}
.rs-status-off .rs-status-tick{background:var(--rs-pink)}
/* Реквизиты ручного перевода: блок с рамкой, чтобы номер и сумма читались
   посимвольно и не «слипались» при копировании. */
.rs-instructions{margin-top:14px;padding:16px 18px;background:var(--rs-paper-2);
  border:3px solid var(--rs-ink)}
.rs-instructions code{display:inline-block;margin-top:6px;padding:6px 10px;
  background:var(--rs-paper);border:2px solid var(--rs-ink);font-size:15px}
/* Подписи платформ под инструкцией: короткие чипы в ряд. */
.rs-plat-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;
  background:var(--rs-paper);border:2px solid var(--rs-ink);font-size:13.5px;font-weight:700}
@media (max-width:760px){
  .rs-alert{box-shadow:4px 4px 0 var(--rs-pink)}
  .rs-status-wait{box-shadow:5px 5px 0 var(--rs-lime)}
  .rs-status-off{box-shadow:5px 5px 0 var(--rs-pink)}
}
/* Связка «QR + ссылка-подписка»: на широком экране рядом, на телефоне — столбиком.
   Своим классом, а не чужим: `.rs-order-meta` в макете описывала другую строку. */
.rs-connect-block{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;
  align-items:start;margin-top:18px;padding:18px 20px;background:var(--rs-paper-2);
  border:3px solid var(--rs-ink);box-shadow:6px 6px 0 var(--rs-pink)}
@media (max-width:900px){
  .rs-connect-block{grid-template-columns:1fr;box-shadow:4px 4px 0 var(--rs-pink)}
}