:root { --icon-tile-size: 42px; }
.tabbar .tab.create > .i,
.cat .cat-head > .ico {
  width: var(--icon-tile-size);
  height: var(--icon-tile-size);
  min-width: var(--icon-tile-size);
  min-height: var(--icon-tile-size);
  max-width: var(--icon-tile-size);
  max-height: var(--icon-tile-size);
  aspect-ratio: 1;
  flex: none;
  padding: 0;
  border-radius: var(--radius-sm);
}
@keyframes rayonka-call-nudge {
  0%, 12%, 100% { transform: rotate(0); }
  1.5%, 7.5% { transform: rotate(-12deg); }
  4.5%, 10.5% { transform: rotate(12deg); }
}
@media (prefers-reduced-motion: no-preference) {
  .rayonka-welcome-v1[open] .rayonka-welcome-v1__call > svg,
  body:not(.welcome-promo-open) :is(.phone-tab, .desktop-dock-call) .i > svg {
    transform-origin: center;
    animation: rayonka-call-nudge 6s ease-in-out 4s infinite;
  }
}
.rayonka-welcome-v1 {
  --rw-font: var(--font);
  padding: var(--space-6);
  gap: var(--space-4);
  top: auto;
  right: auto;
  overflow: visible;
}
.rayonka-welcome-v1::backdrop { background: var(--overlay); }
html:has(.rayonka-welcome-v1[open]),
body.welcome-promo-open {
  overflow: hidden !important;
  overscroll-behavior: none;
}
body.welcome-promo-open #appRoot { touch-action: none; }
.rayonka-welcome-v1 .rayonka-welcome-v1__head { align-items: center; }
.rayonka-welcome-v1__promotion {
  font: var(--w-display) var(--t-label)/var(--leading-meta) var(--font);
  color: var(--tone-orange-fg);
  text-transform: uppercase;
}
.rayonka-welcome-v1[data-season="winter"] .rayonka-welcome-v1__promotion { color: var(--tone-blue-fg); }
.rayonka-welcome-v1[data-season="spring"] .rayonka-welcome-v1__promotion { color: var(--tone-green-fg); }
.rayonka-welcome-v1[data-season="summer"] .rayonka-welcome-v1__promotion { color: var(--tone-yellow-fg); }
.rayonka-welcome-v1 .rayonka-welcome-v1__title {
  max-width: 23ch;
  color: var(--ink);
  font: var(--w-display) var(--t-h1)/var(--leading-tight) var(--font);
  text-wrap: pretty;
}
.rayonka-welcome-v1 .rayonka-welcome-v1__copy {
  color: var(--ink-2);
  font: var(--w-regular) var(--t-action)/var(--leading-normal) var(--font);
}
@media (min-width: 1024px) {
  .rayonka-welcome-v1 .rayonka-welcome-v1__title { font-size: var(--t-display); }
  .rayonka-welcome-v1 .rayonka-welcome-v1__copy { font-size: 1.125rem; line-height: 1.55; }
}
.rayonka-welcome-v1 .rayonka-welcome-v1__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
  margin-top: var(--space-1);
}
.rayonka-welcome-v1 .rayonka-welcome-v1__call {
  width: 100%;
  min-height: var(--hit-min);
  padding: var(--space-3) var(--space-4);
}
.rayonka-welcome-v1 .rayonka-welcome-v1__alternative {
  margin-top: 0;
  font-family: var(--rw-font);
}
.rayonka-welcome-v1 .rayonka-welcome-v1__match {
  font-family: var(--rw-font);
  cursor: pointer;
}
/* Keep surrounding actions usable without competing with the visible offer. */
body.welcome-promo-open #appRoot :is(.desktop-primary, .desktop-hero-cta, .desktop-dock-primary, .desktop-dock-call, .desktop-hero-phone, .cta, .mini-cta, [data-call-link]:not(.tab)) {
  background: var(--surface) !important;
  color: var(--ink-2) !important;
  box-shadow: inset 0 0 0 1px var(--border) !important;
}
body.welcome-promo-open #appRoot .tabbar .tab {
  color: var(--ink-2) !important;
}
body.welcome-promo-open #appRoot .tabbar .tab .i {
  background: var(--surface) !important;
  color: var(--ink-2) !important;
  box-shadow: none !important;
}
@media (max-width: 599px) {
  .rayonka-welcome-v1 { padding: var(--space-5); gap: var(--space-3); }
}
@media (max-width: 359px) {
  .rayonka-welcome-v1 { padding: var(--space-4); }
}