.services-page .pill{
    background:var(--beige);color:var(--primary-black);padding:10px 16px;border-radius:999px;font-weight:700;border:0;cursor:pointer;
    transition:.25s; box-shadow:0 6px 20px rgba(210,180,140,.25)
  }
  .services-page .pill:hover{background:var(--beige-2);transform:translateY(-1px)}
  .services-page .ghost{
    background:transparent;color:var(--white);padding:10px 16px;border-radius:999px;border:1px solid var(--soft);cursor:pointer;transition:.25s
  }
  .services-page .ghost:hover{border-color:var(--beige);color:var(--beige)}
  /* Hero */
  .services-page .hero{
    position:relative;
    padding:84px 0 28px;
    overflow:hidden; 
    background:linear-gradient(0deg, rgba(0,0,0,0.642578125) 9%, transparent), url("../img/8619.jpg") center / cover no-repeat;
    background-position: top;
    background-size:cover;
    background-attachment: fixed;
    border-bottom:1px solid var(--soft);
  }
  .services-page .breadcrumbs{display:flex;gap:10px; align-items:center; color:var(--muted); font-size:14px}
  .services-page .breadcrumbs a{color:var(--text)}
  .services-page .breadcrumbs a:hover{color:var(--beige)}
  .services-page .hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;margin-top:22px}
  @media (max-width:1024px){ .services-page .hero-grid{grid-template-columns:1fr} }
  .services-page .hero h1{font-size:42px; line-height:1.15; margin-bottom:12px}
  .services-page .lead{color:var(--text); max-width:760px}
  .services-page .hero-card{
    background:linear-gradient(180deg, rgba(210,180,140,.12), rgba(210,180,140,.08));
    border:1px solid rgba(210,180,140,.25); border-radius:16px; padding:18px 18px;
    display:grid; grid-template-columns:1fr 1fr; gap:12px;
  }
  @media (max-width:560px){ .services-page .hero-card{grid-template-columns:1fr} }
  .services-page .hero-mini{
    background:var(--card); border:1px solid var(--soft); border-radius:12px; padding:14px;
  }
  .services-page .mini-title{color:var(--beige); font-weight:700; margin-bottom:4px}
  .services-page .mini-body{color:var(--text); font-size:14px}
  /* Sections */
  .services-page section.block{padding:44px 0; border-bottom:1px solid var(--soft)}
  .services-page .block h2{font-size:32px; margin-bottom:6px}
  .services-page .block p.section-lead{color:var(--text); margin-bottom:18px}
  /* Cards */
  .services-page .grid{display:grid; gap:16px}
  .services-page .grid-3{grid-template-columns:repeat(3, minmax(0,1fr))}
  .services-page .grid-2{grid-template-columns:repeat(2, minmax(0,1fr))}
  @media (max-width:1024px){ .services-page .grid-3{grid-template-columns:repeat(2,1fr)} }
  @media (max-width:640px){ .services-page .grid-3, .services-page .grid-2{grid-template-columns:1fr} .services-page .hero h1{font-size:32px} }
  .services-page .card{
    background:var(--card); border:1px solid var(--soft); border-radius:16px; padding:18px; display:flex; flex-direction:column; gap:10px; transition:.25s
  }
  .services-page .card:hover{transform:translateY(-2px); box-shadow:0 10px 26px rgba(210,180,140,.1)}
  .services-page .muted{color:var(--muted)}
  .services-page .row{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
  .services-page .price{font-size:24px; font-weight:800}
  .services-page .time{color:var(--muted); font-size:14px; border:1px solid var(--soft); padding:6px 10px; border-radius:999px}
  /* Footer */
  .services-page .footer{background:var(--darker-black); border-top:1px solid var(--soft); padding:40px 0 24px; margin-top:28px}
  .services-page .footer-grid{display:grid; gap:18px; grid-template-columns:2fr 1fr 1fr}
  @media (max-width:900px){ .services-page .footer-grid{grid-template-columns:1fr} }
  .services-page .pay-grid{display:grid; grid-template-columns:repeat(8,40px); gap:8px; margin-top:10px}
  @media (max-width:600px){ .services-page .pay-grid{grid-template-columns:repeat(4,40px)} }
  .services-page .pay{height:40px; width:40px; border-radius:8px; display:flex; align-items:center; justify-content:center; background:var(--card); border:1px solid var(--soft)}
  .services-page .pay i{font-size:18px}
  .services-page .note{display:flex; gap:12px; align-items:center; color:var(--text)}
  .services-page .avatar{width:44px; height:44px; border-radius:50%; background:var(--beige); color:var(--primary-black); display:flex; align-items:center; justify-content:center; font-weight:800; position:relative}
  .services-page .avatar::after{
    content:'G'; position:absolute; bottom:-6px; left:-6px; width:18px; height:18px; background:#4285f4; color:#fff; border-radius:50%;
    border:2px solid var(--white); font-size:10px; display:flex; align-items:center; justify-content:center; font-weight:800
  }
  /* Modals */
  .services-page .modal-backdrop{position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; align-items:center; justify-content:center; z-index:60}
  .services-page .modal{background:var(--card); border:1px solid var(--soft); border-radius:16px; max-width:560px; width:92vw; padding:18px}
  .services-page .modal-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px}
  .services-page .close{background:transparent; color:var(--white); border:1px solid var(--soft); border-radius:8px; padding:8px 10px; cursor:pointer}
  .services-page .field{display:grid; gap:6px}
  .services-page .field input, .services-page .field select, .services-page .field textarea{
    background:#111; color:var(--white); border:1px solid var(--soft); border-radius:10px; padding:10px; outline:none
  }
  .services-page .success{display:none; background:rgba(0,128,0,.18); border:1px solid rgba(0,128,0,.35); color:#b9ffb9; padding:10px; border-radius:10px; margin-top:8px}