/* RU Override — Warm Gold palette + PT Serif / PT Sans (Cyrillic-native typography) */ /* Font loading is handled in HTML directly with display=swap to prevent FOIT */ :root { --bg: #FFFFFF; --bg-card: #FFFFFF; --bg-elevated: #FAF5EB; --accent: #B8915B; --accent-light: #D4B482; --text: #1A1A1A; --text-muted: #5C5C5C; --text-dim: #999; --border: rgba(184,145,91,0.20); --white: #1A1A1A; --heading: 'PT Sans', 'Roboto', 'Noto Sans', sans-serif; --body: 'PT Sans', 'Roboto', 'Noto Sans', sans-serif; --serif: 'PT Serif', 'Noto Serif', Georgia, serif; } /* === BODY — PT Sans Cyrillic === */ body, p, .why-text, .doctor-bio, .review-slide-text, .faq-a p, .trust-label, .video-card-sub, .review-name, .review-proc, .nav-drawer-info-row, .footer-addr, .footer-links, .nav-drawer-info-addr, .hero-desc { font-family: var(--body) !important; letter-spacing: 0.005em; } /* === HEADINGS — PT Serif === */ h1, h2, h3, .sec-title, .doctor-name, .hero-text h1, .cat-hero-text h1, .why-title, .video-card-title, .review-cta-score, .footer-col-title, .faq-q, .splash-name { font-family: var(--serif) !important; font-weight: 600; letter-spacing: 0.01em; } /* === SUBHEADINGS === */ .hero-sub, .doctor-title, .sec-desc, .splash-tagline, .doctor-num { font-family: var(--serif) !important; font-weight: 400; letter-spacing: 0.015em; } /* === LABELS / NAV === */ .sec-label, .nav-links, .nav-drawer-links, .hero-label, .demo-label, .proc-section-label, .nav-drawer-info-title, .btn-primary, .cta-actions a, .doctor-link, .review-cta-btn { font-family: var(--heading) !important; letter-spacing: 0.04em; } /* === NAV: RU 텍스트 길이 대응 — font 축소 + gap 좁힘 === */ .nav-links { gap: 16px !important; font-size: 0.82rem !important; } .nav-links a { font-size: 0.82rem !important; letter-spacing: 0.02em !important; white-space: nowrap; } @media (max-width: 1280px) { .nav-links { gap: 12px !important; font-size: 0.76rem !important; } .nav-links a { font-size: 0.76rem !important; } } /* === HERO h1 강조 === */ .hero-text h1 { font-weight: 700 !important; } /* === NUMBERS === */ .trust-num, .review-cta-score, .google-badge-score { font-family: 'Outfit', sans-serif !important; font-weight: 600; letter-spacing: 0.01em; } .trust-num { font-size: 2.6rem; line-height: 1; } /* === doctor-num: RU 텍스트 가독성 === */ .doctor-num { font-family: var(--heading) !important; font-size: 1.05rem !important; font-weight: 600 !important; letter-spacing: 0.06em !important; text-transform: none !important; color: var(--accent) !important; margin-bottom: 20px !important; } .doctor-num .num-id { font-family: 'Outfit', sans-serif; font-weight: 600; color: var(--text-muted); margin-left: 6px; } /* === doctor-title === */ .doctor-title { font-family: var(--heading) !important; font-size: 0.95rem !important; font-weight: 400 !important; letter-spacing: 0.03em !important; color: var(--text-muted) !important; margin-bottom: 22px !important; } /* === Splash === */ .splash { background: #FAF5EB; } .splash-name { font-family: var(--serif) !important; color: #1A1A1A; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.10em; animation: splashFadeIn 1s ease-out; } .splash-tagline { color: var(--accent); font-family: var(--serif) !important; letter-spacing: 0.06em; opacity: 0; animation: splashTagline 1s 0.5s ease-out forwards; } /* === Nav accent === */ .nav-logo-text { color: var(--text); } .nav a:hover, .nav-drawer a:hover { color: var(--accent); } /* === Section labels === */ .sec-label { color: var(--accent); } .proc-section-label { color: var(--accent); } /* === FAQ === */ .faq-item summary { color: var(--text); } .faq-item[open] summary { color: var(--accent); } /* === Related Procedures === */ .related-link:hover { border-color: var(--accent); color: var(--accent); } /* === Cards/elevated bg === */ .why-section { background: var(--bg-elevated); } .answer-capsule { background: var(--bg-elevated); border-color: var(--border); } /* === Detail grid items === */ .detail-item { border-color: var(--border); } .detail-item h3 { color: var(--accent); } /* === Footer === */ .footer-map-btns { margin-top: 14px !important; } /* === FAB === */ .fab-btn { background: var(--accent); } .fab-btn:hover { background: #9A7640; } /* === Scroll progress === */ .scroll-progress { background: var(--accent); } /* === CTA box === */ .cta-box { background: var(--bg-elevated); border-color: var(--border); } /* === EN PALETTE OVERRIDES (style.css → Warm Gold) === */ .doctor-info { background: #FAF5EB !important; } .doctor-card, .doctor-card:last-child, .doctor-photo-col, .doctor-card:nth-child(even) .doctor-photo-col { border-color: rgba(184,145,91,0.15) !important; } .nav-drawer-links a:hover { background: #FAF5EB !important; color: var(--accent) !important; } .nav-drawer-toggle:hover { background: #FAF5EB !important; } .nav-drawer-sub a:hover { color: var(--accent) !important; } .nav-drawer-cta { background: var(--accent) !important; color: #fff !important; } .nav-drawer-cta:hover { background: #9A7640 !important; } section[style*="#f8f8f6"], div[style*="#f8f8f6"] { background: var(--bg-elevated) !important; } .sec-label { color: var(--accent) !important; } .proc-section-label { color: var(--accent) !important; } .doctor-link { color: var(--accent) !important; } .doctor-link:hover { color: #9A7640 !important; } .why-icon { color: var(--accent) !important; } .trust-num { color: var(--accent) !important; } span[style*="#c9a96e"] { color: var(--accent) !important; } span[style*="rgba(201,169,110"] { background: linear-gradient(transparent 55%, rgba(212,180,130,0.45) 55%) !important; } .gallery-body-title, .gallery-body-sub { color: inherit; } .faq-q { color: var(--text); } .faq-q[aria-expanded="true"] { color: var(--accent) !important; } .faq-icon { color: var(--accent); } .review-cta-score { color: var(--accent) !important; } .google-badge-score { color: var(--accent) !important; } /* === Reviews Section === */ .reviews-section { background: #FAF5EB !important; } .google-badge { border-color: rgba(184,145,91,0.25) !important; } .review-slide-inner { border: 1px solid rgba(184,145,91,0.25) !important; background: #FFFFFF !important; } .review-slide-inner::before { background: linear-gradient(90deg, var(--accent) 0%, rgba(212,180,130,0.15) 100%) !important; } .review-quote-mark { color: var(--accent) !important; opacity: 0.45; } .review-dots .swiper-pagination-bullet { background: rgba(184,145,91,0.3) !important; } .review-dots .swiper-pagination-bullet-active { background: var(--accent) !important; } .review-avatar { background: linear-gradient(135deg, var(--accent-light) 0%, var(--accent) 100%) !important; } .review-slide-author { border-top-color: rgba(184,145,91,0.15) !important; } .review-slide-stars, .google-badge-stars { color: #fbbc04 !important; } .review-cta-inner { background: linear-gradient(135deg, #FFFFFF 0%, #FAF5EB 100%) !important; } .review-cta-btn { background: var(--accent) !important; color: #fff !important; } .review-cta-btn:hover { background: #9A7640 !important; } .review-prev, .review-next { border-color: rgba(184,145,91,0.25) !important; color: var(--accent) !important; } .review-prev:hover, .review-next:hover { background: var(--accent) !important; color: #fff !important; }