/* Stingray — the soft, iOS-like layer over the house style (S5, 22 Oct 2026; Feliks: «их аля iOS дизайн можешь перенять»).
   Colours, type and layout stay as RULE v3 §12 defines them; this file only rounds shapes, softens shadows and adds motion.
   No blue. Loaded last on every page. */

/* buttons: pills */
.btn, .btn-solid, .btn-line, .btn-ghost, .btn-sm,
.go, .nav-m > summary, form[name=contact] button, form[name=contact] [type=submit] {
  border-radius: 999px !important;
}
.btn, .btn-solid, .btn-line, .btn-ghost, form[name=contact] button {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.btn:hover, .btn-solid:hover, .btn-line:hover, .btn-ghost:hover, form[name=contact] button:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(6, 12, 13, .14);
}
.pj .go { padding-inline: 20px !important; }

/* fields */
form[name=contact] input:not([type=checkbox]):not([type=radio]):not([type=range]), form[name=contact] select, form[name=contact] textarea {
  border-radius: 12px !important;
}

/* pictures and cards: soft corners */
.rgrid img, .rgrid a, .m img, .side img, .jr .j, .jr .j img, .lib .c,
main figure:not(.shot) > img, article figure:not(.shot) > img, figure.sv-chart, figure.sv-chart img,
.card, .tile, .mod img {
  border-radius: 16px;
}
.rgrid a, .jr .j, .lib .c, .card, .tile { overflow: hidden; }
.rgrid a img { transition: transform .6s cubic-bezier(.2, .8, .2, 1); }
.rgrid a:hover img { transform: scale(1.04); }

/* small round controls */
#sy-top { border-radius: 50% !important; }
#sy-b { border-radius: 999px !important; }
.sy-fsoc a { border-radius: 12px !important; }

/* menu panel on phones */
.nav-m-p { border-radius: 0 0 20px 20px; }

@media (prefers-reduced-motion: reduce) {
  .btn, .btn-solid, .btn-line, .btn-ghost, .rgrid a img { transition: none !important; transform: none !important; }
}

/* contrast to WCAG AA (axe, 22 Oct): quiet greys one step darker, contact notes at full strength */
footer .fh, footer .cols > div:first-child p { color: #5C676A !important; }
.faq-topics .n { color: #5C676A !important; opacity: 1 !important; }
#contact .small.rv.in { opacity: 1 !important; }

/* the short pages (404, thanks): pill buttons; the social strip at the top is retired everywhere — socials live in the footers */
body > div > a:not(.rb), body > div > span > a { border-radius: 999px !important; }
.sy-libar { display: none !important; }