/* Hero + breadcrumbs unitare pentru paginile-hub de servicii.
   Acelasi tipar si aceiasi tokeni ca pe /servicii-cosmetologie/.
   Tokenii sunt declarati local: pe unele pagini nu se incarca amoo-chrome.css. */
.svc-crumbs,.svc-hero{
  --c-accent:#D8A97C; --c-accent-dk:#C4915F;
  --c-brown:#A58A75; --c-dark:#503E30; --c-pale:#EBE1D9; --c-cream:#FBF7F4;
  --c-serif:var(--font-heading);
  --c-sans:var(--font-body);
  font-family:var(--c-sans);
  box-sizing:border-box;
}
.svc-crumbs *,.svc-hero *{box-sizing:border-box}

.svc-crumbs{background:var(--c-cream);color:var(--c-brown);font-size:13px}
.svc-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;
  padding:0 24px;max-width:1200px;margin-inline:auto}
.svc-crumbs li{display:flex;gap:8px;align-items:center;min-height:44px}
.svc-crumbs li+li::before{content:"\203a";opacity:.5}
.svc-crumbs a{color:inherit;text-decoration:none;opacity:.8;
  display:inline-flex;align-items:center;min-height:44px}
.svc-crumbs a:hover{opacity:1;text-decoration:underline}
.svc-crumbs [aria-current]{color:var(--c-dark)}

.svc-hero{background:var(--c-cream);color:var(--c-brown);padding:72px 0 108px}
.svc-hero .wrap{max-width:1200px;margin-inline:auto;padding-inline:24px}
.svc-hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.svc-hero .grid.solo{grid-template-columns:1fr;max-width:70ch}
.svc-hero .eyebrow{font-family:var(--c-serif);font-size:18px;font-weight:400;
  line-height:1.2;color:var(--c-brown);margin:0 0 12px}
.svc-hero h1{font-family:var(--c-serif);font-weight:400;color:var(--c-dark);
  font-size:clamp(30px,4.2vw,44px);line-height:1.2;margin:0 0 20px;letter-spacing:-.01em}
.svc-hero .lead{font-size:clamp(16px,1.9vw,19px);line-height:1.7;font-weight:300;
  max-width:62ch;margin:0}
.svc-hero .media img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/5}

.svc-btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}
.svc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  min-height:44px;padding:17px 42px;line-height:1.2;border-radius:160px;
  border:1px solid transparent;font-family:var(--c-sans);font-size:16px;font-weight:400;
  letter-spacing:1.6px;text-transform:uppercase;text-decoration:none;cursor:pointer;
  transition:background-color .2s,color .2s,border-color .2s}
.svc-btn-p{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.svc-btn-p:hover{background:var(--c-accent-dk);border-color:var(--c-accent-dk);color:#fff}
.svc-btn-g{background:transparent;border-color:var(--c-dark);color:var(--c-dark)}
.svc-btn-g:hover{background:var(--c-dark);border-color:var(--c-dark);color:#fff}
.svc-hero a:focus-visible,.svc-crumbs a:focus-visible{outline:2px solid var(--c-dark);outline-offset:3px}

.svc-stats{display:flex;flex-wrap:wrap;gap:0;margin-top:72px;border-top:1px solid var(--c-pale)}
.svc-stats div{flex:1 1 150px;padding:22px 24px 0 0}
.svc-stats b{display:block;font-family:var(--c-serif);font-size:26px;font-weight:400;
  color:var(--c-dark);line-height:1.1}
.svc-stats span{display:block;margin-top:6px;font-size:14px;line-height:1.5}

@media (max-width:1024px){
  .svc-hero{padding:48px 0 72px}
  .svc-hero .grid{grid-template-columns:1fr;gap:36px}
  .svc-hero .media{order:-1}
  .svc-hero .media img{aspect-ratio:16/10}
  .svc-stats{margin-top:36px}
}
@media (max-width:760px){
  .svc-hero .wrap{padding-inline:16px}
  .svc-crumbs ol{padding-inline:16px}
  .svc-btn{width:100%}
  .svc-btns{gap:12px}
  .svc-stats div{flex:1 1 100%;padding-right:0}
}
@media (prefers-reduced-motion:reduce){.svc-btn{transition:none}}
/*amoo-type-remap*/