<style>
/* =================== Grooming Spa — elegant salon layout =================== */
.theme-grooming{--gr-ink:#2a1f2d}
.theme-grooming .vs{color:#6b5e66;background:#fdfaf8}
.theme-grooming .vs-section{padding:110px 0}
.theme-grooming h1,.theme-grooming h2,.theme-grooming h3,.theme-grooming h4{color:var(--gr-ink);font-weight:400;letter-spacing:.01em}
.theme-grooming .vs-h2{font-weight:400}

/* header */
.gr-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:22px 0;transition:.3s}
.gr-header.is-scrolled{background:rgba(253,250,248,.92);backdrop-filter:blur(12px);padding:12px 0;box-shadow:0 10px 30px -18px rgba(42,31,45,.3)}
.gr-nav-in{display:flex;align-items:center;gap:24px}
.gr-logo{display:flex;align-items:center;gap:11px;font-family:var(--vs-font-h);font-weight:400;font-size:24px;color:var(--gr-ink)}
.gr-logo img{height:46px}
.gr-logo-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;font-size:18px;background:linear-gradient(135deg,var(--vs-primary),var(--vs-accent))}
.gr-nav{display:flex;gap:6px;margin-left:auto}
.gr-nav a{font-family:var(--vs-font-b);font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#6b5e66;padding:10px 14px;transition:.2s;position:relative}
.gr-nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:1px;background:var(--vs-primary);transform:scaleX(0);transition:.25s}
.gr-nav a:hover::after,.gr-nav a.is-active::after{transform:scaleX(1)}
.gr-nav a:hover,.gr-nav a.is-active{color:var(--vs-primary)}
.gr-cta{display:inline-flex;align-items:center;border:1.5px solid var(--gr-ink);color:var(--gr-ink);font-family:var(--vs-font-b);
    font-weight:600;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;padding:13px 26px;border-radius:0;transition:.3s}
.gr-cta:hover{background:var(--gr-ink);color:#fff}
.gr-burger{display:none;background:none;border:0;font-size:24px;color:var(--gr-ink);cursor:pointer}

/* buttons / type */
.gr-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--vs-font-b);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:16px 34px;cursor:pointer;border:1.5px solid transparent;transition:.3s}
.gr-btn-primary{background:var(--vs-primary);color:#fff}
.gr-btn-primary:hover{background:var(--gr-ink);transform:translateY(-2px)}
.gr-eyebrow{display:inline-block;font-family:var(--vs-font-h);font-style:italic;font-size:20px;color:var(--vs-primary);margin-bottom:14px}
.gr-from{font-size:14px;color:#9b8d94}.gr-from strong{font-family:var(--vs-font-h);color:var(--gr-ink);font-size:20px}

/* hero */
.gr-hero{padding:170px 0 110px;background:radial-gradient(70% 90% at 80% 10%, color-mix(in srgb,var(--vs-primary) 12%,transparent), transparent 60%),#fdfaf8}
.gr-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.gr-hero-title{font-family:var(--vs-font-h);font-weight:400;font-size:clamp(40px,5.6vw,68px);line-height:1.08;color:var(--gr-ink);margin-bottom:22px}
.gr-hero-sub{font-size:18px;color:#7a6d74;max-width:480px;margin-bottom:32px;line-height:1.8}
.gr-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.gr-hero-media{position:relative}
.gr-hero-frame{position:relative;border-radius:280px 280px 12px 12px;overflow:hidden;aspect-ratio:4/5;border:1px solid #ece3df;box-shadow:0 50px 90px -44px rgba(42,31,45,.5)}
.gr-hero-frame img{width:100%;height:100%;object-fit:cover}
.gr-hero-ph{width:100%;height:100%;display:grid;place-items:center;font-size:96px;color:#fff;background:linear-gradient(135deg,var(--vs-primary),var(--vs-accent))}
.gr-hero-stamp{position:absolute;left:-26px;bottom:40px;width:120px;height:120px;border-radius:50%;background:var(--vs-accent);color:var(--gr-ink);
    display:grid;place-content:center;text-align:center;gap:4px;box-shadow:0 24px 44px -20px rgba(230,181,102,.7);animation:vs-float 6s ease-in-out infinite}
.gr-hero-stamp i{font-size:24px}.gr-hero-stamp span{font-family:var(--vs-font-h);font-size:13px;line-height:1.2}

/* footer */
.gr-footer{background:var(--gr-ink);color:#c9bcc4}
.gr-footer-top{text-align:center;padding:64px 0 40px;border-bottom:1px solid rgba(255,255,255,.1)}
.gr-footer-top .gr-logo{justify-content:center;font-size:28px;color:#fff;margin-bottom:14px}
.gr-footer-tag{max-width:480px;margin:0 auto;opacity:.85;font-family:var(--vs-font-h);font-style:italic;font-size:18px}
.gr-social{display:flex;gap:12px;justify-content:center;margin-top:22px}
.gr-social a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;transition:.25s}
.gr-social a:hover{background:var(--vs-primary);transform:translateY(-3px)}
.gr-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:48px 0;text-align:center}
.gr-footer-grid h4{color:#fff;font-family:var(--vs-font-h);font-weight:400;font-size:19px;margin-bottom:16px}
.gr-footer-grid ul{list-style:none}.gr-footer-grid li{margin-bottom:11px;font-size:14.5px}
.gr-footer-grid a:hover{color:#fff}
.gr-footer-contact i{color:var(--vs-accent);margin-right:6px}
.gr-footer-hours li{display:flex;justify-content:space-between;gap:10px;max-width:240px;margin:0 auto}
.gr-footer-bar{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;font-size:13px}
.gr-footer-bar .vs-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

/* shared blocks tuned (sharp, elegant) */
.theme-grooming .vs-card,.theme-grooming .vs-quote,.theme-grooming .vs-acc-item,.theme-grooming .vs-hours-wrap,
.theme-grooming .vs-contact-form,.theme-grooming .vs-product,.theme-grooming .vs-pet-card,.theme-grooming .vs-price-card{border-radius:6px}
.theme-grooming .vs-btn{border-radius:0;text-transform:uppercase;letter-spacing:.1em;font-size:13px}
.theme-grooming .vs-member-photo{border-radius:200px 200px 6px 6px}
.theme-grooming .vs-cta-box{border-radius:8px}
.theme-grooming .vs-testimonials{background:#f6eef0}
.theme-grooming .vs-head .vs-h2,.theme-grooming .vs-hero-title{font-weight:400}

/* responsive */
@media(max-width:1024px){
    .gr-hero-inner{grid-template-columns:1fr;gap:56px;text-align:center}
    .gr-hero-actions{justify-content:center}
    .gr-hero-media{max-width:400px;margin:0 auto;width:100%}
    .gr-footer-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
    .gr-nav,.gr-cta{display:none}
    .gr-burger{display:block;margin-left:auto}
}
</style>
