/* =========================================================
   v2 theme layer for inner pages (services, blog, course, 404, booking)
   Loaded after legacy CSS — re-skins components without touching markup.
   ========================================================= */
:root{
  --gold:#b27b58; --gold-light:#d7ae92; --gold-pale:#f4e9e0;
  --rose:#b27b58; --accent-light:#e9d3c2; --blush:#f4e9e0; --accent2:#8f5d3e;
  --border:#e5d7ca; --border-solid:#e5d7ca; --mid:#6e5d53; --radius:18px;
  --shadow:0 20px 50px -24px rgba(42,32,27,.28);
  --shadow-soft:0 20px 50px -24px rgba(42,32,27,.28);
}
body.v2{background:var(--paper);color:var(--ink);font-family:var(--sans)}
body.v2 main,body.v2 .article-wrapper,body.v2 .blog-layout{font-family:var(--sans)}

/* nav on inner pages: always solid, content starts below it */
.navbar.solid{background:rgba(252,248,244,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);height:72px}
.navbar.solid.scrolled{height:64px}
body.v2{padding-top:72px}
body.v2 .sp-hero,body.v2 .course-hero{margin-top:0!important}

/* ---------- typography ---------- */
body.v2 h1,body.v2 h2,body.v2 h3,
body.v2 .sp-section-title,body.v2 .section-title,body.v2 .widget-title,body.v2 .err-title{
  font-family:var(--serif)!important;font-weight:500!important;letter-spacing:-.01em;color:inherit}
body.v2 h1{font-size:clamp(38px,5vw,64px);line-height:1.05}
body.v2 .sp-section-title,body.v2 main h2{font-size:clamp(32px,3.8vw,50px);line-height:1.1}
body.v2 main h3,body.v2 .article-content h3{font-size:clamp(22px,2vw,28px);line-height:1.2}
body.v2 .sp-section-title::after,body.v2 .section-title::after{background:var(--accent)!important}
body.v2 p,body.v2 li{color:inherit}
body.v2 a{color:inherit}

/* ---------- buttons (legacy → v2) ---------- */
body.v2 .sp-hero-btn,body.v2 .sp-book-btn,body.v2 .sp-submit-btn,body.v2 .btn-cta,body.v2 .btn-home,body.v2 .btn-read,
body.v2 .article-cta-box a,body.v2 .cta-widget a,body.v2 .btn-primary{
  background:var(--ink)!important;color:var(--paper)!important;border:0!important;border-radius:999px!important;
  font-family:var(--sans)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important;
  box-shadow:none!important;transition:background .3s!important}
body.v2 .sp-hero-btn:hover,body.v2 .sp-book-btn:hover,body.v2 .sp-submit-btn:hover,body.v2 .btn-cta:hover,body.v2 .btn-home:hover,body.v2 .btn-read:hover,body.v2 .btn-primary:hover{background:var(--accent-d)!important;transform:none!important}
body.v2 .sp-hero-btn,body.v2 .sp-cta .sp-submit-btn,body.v2 .cta-widget a,body.v2 .article-cta-box a,body.v2 .btn-home{background:var(--accent)!important;color:#fff!important}

/* ---------- SERVICE pages ---------- */
body.v2 .sp-hero{min-height:480px;background:var(--dark)!important}
body.v2 .sp-hero-overlay{background:linear-gradient(180deg,rgba(29,22,18,.35),rgba(29,22,18,.85))!important}
body.v2 .sp-hero h1{color:var(--on-dark)!important;font-size:clamp(42px,6vw,80px)}
body.v2 .sp-hero-sub{color:var(--on-dark-2)!important;letter-spacing:.06em}
body.v2 .sp-intro,body.v2 .sp-services,body.v2 .sp-process,body.v2 .sp-faq,body.v2 .sp-why,body.v2 .sp-other,body.v2 .sp-related,body.v2 .sp-contraindications{background:transparent}
body.v2 .sp-services,body.v2 .sp-faq{background:var(--cream)!important}
body.v2 .sp-intro-img img,body.v2 .sp-service-img img{border-radius:var(--r)!important;box-shadow:0 30px 60px -30px rgba(42,32,27,.45)!important}
body.v2 .sp-intro-img{border-radius:999px 999px var(--r) var(--r)!important;overflow:hidden}
body.v2 .sp-intro-img img{border-radius:0!important}
body.v2 .sp-price-badge{background:var(--paper)!important;color:var(--ink)!important;box-shadow:none!important;font-size:14px!important;padding:8px 16px!important}
body.v2 .sp-badges span,body.v2 .sp-service-tag,body.v2 .cat-pill,body.v2 .tag-link,body.v2 .post-cat-badge,body.v2 .featured-cat,body.v2 .article-cat-label{
  background:transparent!important;border:1px solid var(--line)!important;color:var(--ink-2)!important;border-radius:999px!important}
body.v2 .sp-service-tag,body.v2 .article-cat-label,body.v2 .featured-cat,body.v2 .blog-hero-label{color:var(--accent)!important;letter-spacing:.2em;font-size:11px!important}
body.v2 .sp-service-lead{border-left:2px solid var(--accent)!important;font-family:var(--serif);font-style:italic;font-size:20px!important;color:var(--ink)!important}
body.v2 .sp-include-list li{border-bottom:1px solid var(--line)!important}
body.v2 .sp-include-list i,body.v2 .sp-service-meta i,body.v2 .sp-contacts-list i{color:var(--accent)!important}
body.v2 .sp-step-num{background:var(--paper)!important;color:var(--accent)!important;border:1px solid var(--accent);font-family:var(--serif)!important;font-style:italic;font-size:22px!important;font-weight:500!important}
body.v2 .sp-steps::before,body.v2 .sp-step::before{background:var(--line)!important}
body.v2 .sp-why-card,body.v2 .sp-other-card,body.v2 .faq-item,body.v2 .course-advantages__item,body.v2 .course-result__item,body.v2 .review-item,body.v2 .program-item{
  background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important}
body.v2 .sp-why-card:hover,body.v2 .sp-other-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(42,32,27,.35)!important}
body.v2 .sp-why-icon,body.v2 .sp-other-icon,body.v2 .course-advantages__icon{background:var(--cream)!important;color:var(--accent)!important}
body.v2 .sp-cta{background:var(--dark)!important}
body.v2 .sp-cta h2,body.v2 .sp-cta h3{color:var(--on-dark)!important}
body.v2 .sp-cta p,body.v2 .sp-cta-text p{color:var(--on-dark-2)!important}
body.v2 .sp-cta-form{background:var(--paper)!important;border-radius:24px!important;color:var(--ink)}
body.v2 .sp-cta-form input,body.v2 .sp-cta-form textarea{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;color:var(--ink)!important}
body.v2 .sp-contact-link{color:var(--on-dark)!important}
body.v2 .breadcrumbs,body.v2 .blog-breadcrumbs{font-size:12px;letter-spacing:.06em;color:var(--ink-3)}
body.v2 .breadcrumbs a:hover,body.v2 .blog-breadcrumbs a:hover{color:var(--accent)}
body.v2 .faq-question{font-family:var(--serif);font-size:20px!important;font-weight:500!important;color:var(--ink)!important;background:transparent!important}
body.v2 .faq-arrow,body.v2 .faq-icon{color:var(--accent)!important}
body.v2 .faq-answer{color:var(--ink-2)!important}

/* ---------- BLOG ---------- */
body.v2 .blog-cats{background:rgba(252,248,244,.95)!important;border-bottom:1px solid var(--line)!important;top:72px!important}
body.v2 .cat-pill.active,body.v2 .cat-pill:hover{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}
body.v2 .blog-hero{background:var(--dark)!important;border-radius:24px}
body.v2 .blog-hero h1{color:var(--on-dark)!important}
body.v2 .blog-hero p{color:var(--on-dark-2)!important}
body.v2 .post-card,body.v2 .featured-card,body.v2 .sidebar-widget,body.v2 .author-widget,body.v2 .related-card,body.v2 .article-wrapper{
  background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important}
body.v2 .post-card:hover,body.v2 .featured-card:hover,body.v2 .related-card:hover{box-shadow:0 30px 60px -30px rgba(42,32,27,.35)!important}
body.v2 .post-card h2,body.v2 .post-card h3,body.v2 .featured-card h2,body.v2 .featured-card h3{font-size:24px!important;line-height:1.2}
body.v2 .post-card-img img,body.v2 .featured-img img,body.v2 .related-card-img img,body.v2 .article-hero-bg{border-radius:14px}
body.v2 .featured-badge{background:var(--accent)!important;color:#fff!important}
body.v2 .cta-widget,body.v2 .article-cta-box{background:var(--dark)!important;color:var(--on-dark)!important;border-radius:var(--r)!important;border:0!important}
body.v2 .cta-widget *:not(a),body.v2 .article-cta-box *:not(a){color:inherit}
body.v2 .popular-num{color:var(--accent)!important;font-family:var(--serif);font-style:italic}
body.v2 .widget-title{font-size:24px!important}
body.v2 .article-content{font-size:16.5px;line-height:1.8;color:var(--ink-2)}
body.v2 .article-content h2{color:var(--ink);margin-top:1.6em}
body.v2 .article-content a{color:var(--accent-d);text-decoration:underline;text-underline-offset:3px}
body.v2 .article-content blockquote,body.v2 .article-tip{background:var(--cream)!important;border-left:2px solid var(--accent)!important;border-radius:0 14px 14px 0!important}
body.v2 .article-content blockquote{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--ink)}
body.v2 .article-tip-title{color:var(--accent)!important}
body.v2 .share-btn{background:var(--ink)!important;color:var(--paper)!important;border-radius:999px!important}
body.v2 .article-meta-bar{color:var(--ink-3)}

/* ---------- COURSE page ---------- */
body.v2.p-kurs .course-hero{background:var(--cream)!important;padding-top:80px!important}
body.v2 .program-number{color:var(--accent)!important;font-family:var(--serif)!important;font-style:italic;font-size:52px!important;font-weight:500!important}
body.v2 .program-img img{border-radius:var(--r)}
body.v2 .review-stars{color:var(--accent)!important}
body.v2 .course-result__item i,body.v2 .course-advantages__item i{color:var(--accent)!important}
body.v2.p-kurs .contact-section{background:var(--dark);color:var(--on-dark);padding:100px 0!important;margin:0}
body.v2.p-kurs .contact-section .container{max-width:var(--wrap);margin:0 auto;padding:0 32px}
body.v2.p-kurs .contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
body.v2.p-kurs .contact-info p{padding:14px 0;border-top:1px solid rgba(243,233,224,.12);margin:0;color:var(--on-dark)}
body.v2.p-kurs .contact-form{background:var(--paper);color:var(--ink);border-radius:24px;padding:36px}
body.v2.p-kurs .contact-form input,body.v2.p-kurs .contact-form textarea{margin-bottom:12px}
body.v2.p-kurs .social-icons{display:flex;gap:12px;margin-top:20px}
body.v2.p-kurs .social-icons img{width:40px;height:40px;border-radius:12px}
body.v2 .seo-toggle{border:1px solid var(--ink);border-radius:999px;padding:12px 24px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:transparent}

/* ---------- 404 ---------- */
body.v2.p-404{background:var(--dark)!important;color:var(--on-dark)}
body.v2.p-404 .navbar.solid{background:rgba(29,22,18,.85);box-shadow:0 1px 0 rgba(243,233,224,.08)}
body.v2.p-404 .navbar.solid .logo-line1,body.v2.p-404 .navbar.solid .nav-menu>a,body.v2.p-404 .navbar.solid .nav-dropdown-trigger,body.v2.p-404 .navbar.solid .lang-btn,body.v2.p-404 .navbar.solid .nav-icon{color:var(--on-dark);border-color:rgba(243,233,224,.2)}
body.v2.p-404 .burger span{background:var(--on-dark)}
body.v2.p-404 .err-number{font-family:var(--serif)!important;font-weight:400!important;font-style:italic}
body.v2.p-404 footer{background:var(--dark);border-color:rgba(243,233,224,.08)}
body.v2.p-404 .footer-content{color:var(--on-dark-2)}

/* ---------- BOOKING ---------- */
body.v2.p-booking{background:var(--cream)!important}
body.v2.p-booking .page-header{padding-top:40px!important;background:transparent!important}
body.v2.p-booking .page-header h1,body.v2.p-booking .step-title{font-family:var(--serif)!important;font-weight:500!important}
body.v2.p-booking .salon-card,body.v2.p-booking .service-item,body.v2.p-booking .calendar-wrap,body.v2.p-booking .summary-box,body.v2.p-booking .contact-form{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important}
body.v2.p-booking .salon-card.active,body.v2.p-booking .service-item.active{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)!important}
body.v2.p-booking .salon-num{font-family:var(--serif)!important;font-style:italic;color:var(--accent)!important}
body.v2.p-booking .step-item.active .step-num,body.v2.p-booking .step-item.done .step-num{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
body.v2.p-booking .btn-back{border-radius:999px!important}

/* ---------- mobile ---------- */
@media (max-width:980px){
  body.v2{padding-top:64px}
  .navbar.solid{height:64px}
  body.v2 .blog-cats{top:64px!important}
  body.v2.p-kurs .contact-wrapper{grid-template-columns:1fr}
}
@media (max-width:620px){
  body.v2 h1{font-size:38px}
  body.v2 .sp-hero h1{font-size:42px}
  body.v2 .sp-hero{min-height:380px}
  body.v2.p-kurs .contact-section .container{padding:0 20px}
}
body.v2 .footer-content,body.v2 .footer-content .left,body.v2 .footer-content .right{color:var(--ink-2)!important;font-size:13px!important;opacity:1!important}
body.v2.p-404 .footer-content,body.v2.p-404 .footer-content .left,body.v2.p-404 .footer-content .right{color:var(--on-dark-2)!important}
body.v2 footer{margin:0!important}

/* ===== fixes round 2 ===== */
/* no portrait of the artist on service pages */
body.v2 .sp-hero::before{background:radial-gradient(ellipse at 80% 20%,rgba(178,123,88,.35),transparent 60%),radial-gradient(ellipse at 10% 90%,rgba(178,123,88,.18),transparent 55%)!important;opacity:1!important;filter:none!important}
body.v2 .sp-intro-img.is-hidden{display:none!important}
body.v2 .sp-intro.no-photo .sp-container{display:block!important;max-width:860px!important}
body.v2 .sp-intro.no-photo h2{text-align:center}
body.v2 .sp-intro.no-photo .sp-badges{justify-content:flex-start}
/* content grids never overflow the screen */
body.v2 .sp-service-block>*,body.v2 .sp-intro .sp-container>*,body.v2 [class*="grid"]>*,body.v2 .blog-layout>*,body.v2 .contact-wrapper>*{min-width:0}
body.v2 main img{max-width:100%}
@media (max-width:1024px){
  body.v2 .sp-service-block,body.v2 .sp-service-block--reverse{grid-template-columns:minmax(0,1fr)!important}
  body.v2 .sp-service-img{max-width:480px;width:100%;margin:0 auto}
}
/* breadcrumbs: one size for every item */
body.v2 .breadcrumbs,body.v2 .breadcrumbs *,body.v2 .blog-breadcrumbs,body.v2 .blog-breadcrumbs *{font-size:12px!important;font-family:var(--sans)!important;line-height:1.5}
body.v2 .breadcrumbs img,body.v2 .breadcrumbs svg,body.v2 .breadcrumbs i{width:14px;height:14px;font-size:12px!important}
/* long button labels wrap instead of running off-screen */
body.v2 main .btn,body.v2 .sp-book-btn,body.v2 .sp-hero-btn,body.v2 .btn-cta{white-space:normal!important;max-width:100%;height:auto!important;min-height:48px;padding-top:12px!important;padding-bottom:12px!important;line-height:1.35!important;text-align:center;display:inline-flex;align-items:center;justify-content:center}
/* course page social icons */
body.v2.p-kurs .social-icons a{padding:0!important;border:0!important;height:auto!important;background:none!important;flex:none}
body.v2.p-kurs .social-icons img{width:40px!important;height:40px!important;max-width:none;object-fit:contain;flex:none}
/* service photos: portrait frame, faces kept in view */
body.v2 .sp-service-img img{height:auto!important;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%!important}
@media (max-width:1024px){body.v2 .sp-service-img{max-width:420px}}
body.v2 .breadcrumbs,body.v2 .breadcrumbs *,body.v2 .blog-breadcrumbs,body.v2 .blog-breadcrumbs *{color:var(--ink-2)}
body.v2 .breadcrumbs a,body.v2 .blog-breadcrumbs a{color:var(--accent-d)}
/* contrast for small text */
body.v2 .sp-service-tag,body.v2 .article-cat-label,body.v2 .featured-cat,body.v2 .blog-hero-label,body.v2 .article-tip-title,body.v2 .sp-step-num,body.v2 .popular-num{color:var(--accent-d)!important}
body.v2 .featured-badge{background:var(--accent-d)!important}
body.v2 .article-meta-bar,body.v2 .article-meta-bar *,body.v2 .post-card-meta,body.v2 .post-card-meta *,body.v2 .featured-meta,body.v2 .featured-meta *,body.v2 .post-card-footer,body.v2 .post-card-footer *{color:var(--ink-2)!important}
body.v2.p-booking{--muted:#6e5d53}
body.v2.p-booking .page-header-eyebrow{color:var(--accent-d)!important}
body.v2 .btn-home,body.v2 .sp-hero-btn,body.v2 .cta-widget a,body.v2 .article-cta-box a{background:var(--accent-d)!important}
body.v2.p-404 .studio-link{color:#d7ae92!important}