.content-agenda-manicure { --ink: #322d3b; --muted: #6d6474; --rose: #bd6265; --rose-deep: #914347; --blush: #fff4f1; --line: #eeddda; background: #fffaf8; color: var(--ink); }
.manicure-container { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
.manicure-hero { padding: 112px 0 76px; overflow: hidden; background: linear-gradient(125deg, #fffaf8 0%, #fff3ee 49%, #f4ded8 100%); }.manicure-hero-grid, .manicure-flow-grid, .manicure-review-grid, .manicure-final-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; gap: clamp(36px, 7vw, 88px); }.manicure-kicker { margin: 0 0 15px; color: var(--rose-deep); font-size: .74rem; letter-spacing: .14em; font-weight: 800; }.manicure-hero h1, .manicure-section h2, .manicure-final h2 { margin: 0; letter-spacing: -.055em; line-height: .99; }.manicure-hero h1 { font-size: clamp(2.28rem, 4.8vw, 4.65rem); }.manicure-hero h1 span { color: var(--rose-deep); }.manicure-lead, .manicure-section p, .manicure-section li, .manicure-final p { color: var(--muted); line-height: 1.72; }.manicure-lead { margin: 25px 0 0; font-size: 1.08rem; }.manicure-hero-image { margin: 0; }.manicure-hero-image img { display: block; width: 100%; height: auto; border-radius: 28px; box-shadow: 0 25px 54px rgba(93, 54, 59, .18); }.manicure-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; margin-top: 30px; padding: 0 22px; border-radius: 999px; background: linear-gradient(135deg, var(--rose), var(--rose-deep)); color: #fff; box-shadow: 0 16px 30px rgba(145, 67, 71, .2); font-weight: 800; text-decoration: none; }.manicure-section { padding: 92px 0; }.manicure-problem { background: #fff; }.manicure-problem-grid { display: grid; grid-template-columns: .55fr 1fr; gap: 8vw; }.manicure-section h2, .manicure-final h2 { font-size: clamp(2rem, 3.8vw, 3.35rem); }.manicure-problem p { margin: 18px 0 0; }.manicure-problem blockquote { margin: 25px 0 0; padding-left: 18px; border-left: 3px solid var(--rose); color: var(--ink); font-size: 1.1rem; font-weight: 700; line-height: 1.6; }.manicure-heading { max-width: 760px; }.manicure-heading > p { margin: 18px 0 0; }.manicure-checks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 38px; }.manicure-checks article { padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 16px 30px rgba(99, 70, 69, .06); }.manicure-checks span { color: var(--rose-deep); font-weight: 800; }.manicure-checks h3 { margin: 30px 0 10px; font-size: 1.12rem; }.manicure-checks p { margin: 0; font-size: .91rem; }.manicure-flow-section { background: var(--blush); }.manicure-flow-grid > div > p { margin: 18px 0 0; }.manicure-text-link, .manicure-related-link { display: inline-flex; margin-top: 24px; color: var(--rose-deep); font-weight: 800; line-height: 1.45; text-decoration: underline; text-underline-offset: 4px; }.manicure-flow { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; }.manicure-flow li { display: grid; grid-template-columns: 48px 1fr; gap: 15px; align-items: center; padding: 20px; border: 1px solid #efd8d3; border-radius: 18px; background: #fff; box-shadow: 0 15px 30px rgba(111, 68, 65, .05); }.manicure-flow span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #f7e0db; color: var(--rose-deep); font-weight: 800; }.manicure-flow strong { display: block; }.manicure-flow small { display: block; margin-top: 4px; color: var(--muted); line-height: 1.45; }.manicure-review-section { background: #fff; }.manicure-calendar-card { position: relative; min-height: 330px; overflow: hidden; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(180deg, #fff 0%, #fff8f5 100%); box-shadow: 0 24px 50px rgba(99, 70, 69, .1); }.calendar-top { display: flex; gap: 7px; align-items: center; height: 62px; padding: 0 22px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .88rem; font-weight: 700; }.calendar-top i { width: 9px; height: 9px; border-radius: 50%; background: #e6bbb5; }.calendar-top i:nth-child(2) { background: #f3d5a4; }.calendar-top i:nth-child(3) { background: #b8d8c4; }.calendar-top span { margin-left: 9px; }.calendar-lines { display: grid; grid-template-columns: repeat(5, 1fr); height: 268px; }.calendar-lines b { border-right: 1px solid #f1e2df; }.calendar-lines b:last-child { border-right: 0; }.calendar-block { position: absolute; left: 14%; right: 40%; height: 42px; border-radius: 9px; background: #e8a4a1; opacity: .9; }.block-one { top: 104px; }.block-two { top: 170px; left: 38%; right: 16%; background: #d6b4cc; }.block-three { top: 237px; left: 14%; right: 56%; background: #b8d8c4; }.manicure-review-grid ul { margin: 24px 0 0; padding-left: 20px; }.manicure-review-grid li + li { margin-top: 9px; }.manicure-review-grid > div > p:not(.manicure-kicker) { margin-top: 18px; }.manicure-final { padding: 84px 0; background: var(--ink); }.manicure-final h2, .manicure-final p { color: #fff; }.manicure-final .manicure-kicker { color: #ffc4bc; }.manicure-final-action { text-align: center; }.manicure-final .manicure-button { margin-top: 0; background: #fff; color: var(--rose-deep); box-shadow: none; }.manicure-final small { display: block; margin-top: 15px; color: #d9ced8; line-height: 1.55; }
@media (max-width: 850px) { .manicure-hero-grid, .manicure-flow-grid, .manicure-review-grid, .manicure-final-grid, .manicure-problem-grid { grid-template-columns: 1fr; }.manicure-checks { grid-template-columns: repeat(2, 1fr); }.manicure-final-action { text-align: left; } }
@media (max-width: 580px) { .manicure-hero { padding: 94px 0 56px; }.manicure-section { padding: 65px 0; }.manicure-checks { grid-template-columns: 1fr; }.manicure-button { width: 100%; }.manicure-calendar-card { min-height: 270px; }.calendar-lines { height: 208px; }.block-one { top: 104px; }.block-two { top: 161px; }.block-three { top: 217px; } }