/* Lola — сирень и коралл, Unbounded, коллаж и наклейки */
.t-lola {
  --cw: .74;
  --bg: #FFFFFF; --surface: #F8F5FF; --tint: #EEE6FF; --ink: #1B1530; --muted: #6F6888; --line: #ECE6FA; --coral: #FF7A6B;
  --display: 'Unbounded', sans-serif; --body: 'Onest', system-ui, sans-serif;
  --r: 28px; --name-size: clamp(40px, 11.5vw, 92px); --name-weight: 600; --name-track: -0.045em; --name-lh: .98;
  --h2-size: clamp(28px, 7.5vw, 50px); --h2-weight: 600; --h2-track: -0.04em;
}
.t-lola .s-brand { font-weight: 600; letter-spacing: -0.03em; font-size: 17px; }
.t-lola .s-btn { box-shadow: 0 14px 26px -14px color-mix(in srgb, var(--accent) 85%, transparent); }

.t-lola .hero { display: grid; gap: 8px; padding-bottom: 36px; }
.t-lola .hero-copy { display: grid; gap: 18px; justify-items: start; padding: 32px 20px 8px; }
.t-lola .hero-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; background: var(--surface); color: var(--ink); font-weight: 600; font-size: 13.5px; }
.t-lola .hero-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--coral); }

/* Коллаж */
.t-lola .hero-collage { position: relative; margin: 0 20px; aspect-ratio: 1 / 1.02; }
.t-lola .cl { position: absolute; overflow: hidden; background: var(--tint); box-shadow: 0 24px 50px -28px rgba(27, 21, 48, .55); }
.t-lola .cl img { width: 100%; height: 100%; object-fit: cover; }
.t-lola .cl-1 { left: 0; top: 6%; width: 64%; aspect-ratio: 4 / 5; border-radius: 36px; transform: rotate(-4deg); z-index: 1; }
.t-lola .cl-2 { right: 0; top: 0; width: 44%; aspect-ratio: 1; border-radius: 50%; transform: rotate(4deg); }
.t-lola .cl-3 { right: 4%; bottom: 0; width: 46%; aspect-ratio: 4 / 5; border-radius: 26px; transform: rotate(6deg); z-index: 2; }
.t-lola .n1 .cl-1 { left: 8%; width: 84%; top: 4%; }
.t-lola .n2 .cl-2 { top: auto; bottom: 4%; width: 48%; z-index: 2; }
.t-lola .cl-art { display: grid; place-items: center; background: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--accent) 22%, var(--tint)), var(--tint) 62%); }
.t-lola .cl-art svg { width: 56%; }
.t-lola .sticker { position: absolute; z-index: 3; display: grid; place-items: center; text-align: center; font-family: var(--display); font-weight: 600; }
.t-lola .sticker-a { left: 46%; bottom: 8%; width: 108px; height: 108px; border-radius: 50%; padding: 14px; background: var(--coral); color: #fff; font-size: 12.5px; line-height: 1.2; transform: rotate(-12deg); box-shadow: 0 14px 28px -12px rgba(255, 122, 107, .9); }
.t-lola .sticker-b { left: 54%; top: 3%; width: 54px; height: 54px; border-radius: 16px; background: var(--accent); color: var(--on-accent); font-size: 24px; transform: rotate(10deg); }

/* Бегущая строка */
.t-lola .s-marquee { background: var(--accent); color: var(--on-accent); border: 0; padding: 16px 0; transform: rotate(-1.5deg); margin: 20px -10px; }
.t-lola .s-marquee-row { font-weight: 600; letter-spacing: -0.03em; font-size: 22px; }
.t-lola .s-marquee-row i { color: var(--coral); font-size: .9em; }

/* Услуги — карточки */
.t-lola .s-cats { background: var(--bg); }
.t-lola .s-cat-title { font-weight: 600; font-size: 19px; letter-spacing: -0.03em; }
.t-lola .svc { border: 0; margin-bottom: 8px; }
.t-lola .svc-hit { padding: 18px 16px 18px 20px; border-radius: 22px; background: var(--surface); transition: background-color .15s, transform .15s; }
.t-lola .svc-hit:hover { background: var(--tint); }
.t-lola .svc-add { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.t-lola .svc-price { font-family: var(--display); font-size: 15px; letter-spacing: -0.02em; }

/* Шаги — разноцветные карточки */
.t-lola .steps li { border: 0; border-radius: 26px; }
.t-lola .steps li:nth-child(1) { background: #F1EAFF; }
.t-lola .steps li:nth-child(2) { background: #FFE6E1; }
.t-lola .steps li:nth-child(3) { background: #E1F5F3; }
.t-lola .steps li::before { font-weight: 700; color: var(--ink); }

.t-lola .s-team { background: var(--surface); }
.t-lola .member-photo { border-radius: 42% 58% 55% 45% / 45% 45% 55% 55%; background: var(--tint); }
.t-lola .member-mono { font-weight: 600; }
.t-lola .member:nth-child(2n) .member-photo { border-radius: 58% 42% 45% 55% / 52% 50% 50% 48%; }
.t-lola .gal-item { border-radius: 26px; }
.t-lola .gal-item:nth-child(4n+2) { border-radius: 50% 50% 26px 26px; }
.t-lola .s-about-text .s-lead { font-weight: 500; letter-spacing: -0.03em; font-size: clamp(20px, 5vw, 28px); }

.t-lola .s-cta-band { background: var(--coral); color: #1B1530; }
.t-lola .s-cta-band p { color: rgba(27, 21, 48, .75); }
.t-lola .s-cta-band .s-btn { background: #1B1530; border-color: #1B1530; color: #fff; box-shadow: none; }
.t-lola .s-cta-band .s-btn-line { border-color: rgba(27, 21, 48, .35); color: #1B1530; }
.t-lola .hours-card { background: var(--surface); border: 0; }
.t-lola .h-list .is-today { background: var(--coral); color: #fff; }
.t-lola .s-menu-links a { font-weight: 600; letter-spacing: -0.04em; }

@media (min-width: 960px) {
  .t-lola { --name-avail: calc(min(50vw, 600px) - 40px); }
  .t-lola .hero { grid-template-columns: 1fr 1fr; align-items: center; gap: 40px; max-width: var(--wrap); margin: 0 auto; padding: 40px 32px 80px; min-height: calc(92svh - var(--nav-h)); }
  .t-lola .hero-copy { padding: 0; gap: 22px; }
  .t-lola .hero-collage { margin: 0; }
  .t-lola .s-tagline { font-size: 19px; }
  .t-lola .sticker-a { width: 132px; height: 132px; font-size: 14px; }
  .t-lola .s-cat-list { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 32px; align-items: start; }
  .t-lola .s-cat + .s-cat { margin-top: 0; }
}