/* Jodie's Hair Room V27 — premium unified UI layer */
:root{--jhr-ink:#171114;--jhr-wine:#7f284d;--jhr-rose:#c45b82;--jhr-petal:#f7e8ee;--jhr-cream:#fffaf7;--jhr-gold:#b99862;--jhr-line:rgba(73,40,52,.13);--jhr-shadow:0 22px 70px rgba(55,25,37,.12)}
html{scroll-behavior:smooth} body{background:radial-gradient(circle at 10% 0,rgba(196,91,130,.07),transparent 28%),var(--jhr-cream)!important;color:var(--jhr-ink)}
.top{background:linear-gradient(90deg,#120c0f,#2b1720,#120c0f)!important;letter-spacing:.13em!important;padding:10px 14px!important}
nav{background:rgba(255,250,247,.88)!important;backdrop-filter:blur(22px) saturate(1.25)!important;-webkit-backdrop-filter:blur(22px) saturate(1.25)!important;border-bottom:1px solid var(--jhr-line)!important;box-shadow:0 8px 30px rgba(44,24,31,.04)}
.brand{letter-spacing:-.04em}.brand small{letter-spacing:.3em!important}.links{gap:22px!important}.links>a:not(.book){letter-spacing:.03em}
.book,.btn{background:linear-gradient(135deg,#d36a91,#8f3158)!important;box-shadow:0 13px 34px rgba(143,49,88,.23)!important;border:1px solid rgba(255,255,255,.18)!important}.book:hover,.btn:hover{transform:translateY(-3px)!important;box-shadow:0 18px 44px rgba(143,49,88,.32)!important}
.hero{isolation:isolate}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 36%,rgba(255,221,232,.15),transparent 25%),linear-gradient(180deg,rgba(0,0,0,0),rgba(20,10,14,.12));z-index:0}.heroin{z-index:2}.hero h1{letter-spacing:-.055em;text-wrap:balance}.hero p{line-height:1.8!important}.eyebrow{font-weight:800!important}
section{position:relative}.card,.offer,.location,.imagewrap{box-shadow:var(--jhr-shadow)}.card{border:1px solid rgba(255,255,255,.08)!important;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease!important}.card:hover{transform:translateY(-7px);border-color:rgba(211,106,145,.42)!important;box-shadow:0 24px 55px rgba(0,0,0,.22)}
.stats{position:relative;z-index:5}.statbox{border:1px solid var(--jhr-line)!important;box-shadow:0 18px 55px rgba(55,25,37,.08)!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(14px)}
footer{background:radial-gradient(circle at 15% 0,#2a1720 0,transparent 34%),#0d090b!important;border-top:1px solid rgba(255,255,255,.08)} footer a{transition:color .2s ease,transform .2s ease} footer a:hover{color:#fff!important}
input,select,textarea{border-radius:14px!important;border:1px solid rgba(80,45,58,.16)!important;background:#fff!important;transition:border-color .2s ease,box-shadow .2s ease!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:#c45b82!important;box-shadow:0 0 0 4px rgba(196,91,130,.10)!important}
/* premium mobile polish */
@media(max-width:900px){.nav{min-height:74px!important}.brand{font-size:23px!important}.links{border-top:1px solid var(--jhr-line);box-shadow:0 20px 40px rgba(42,20,28,.09)}.hero{min-height:680px!important}.hero h1{font-size:clamp(48px,13vw,76px)!important}.foot{gap:28px!important}}
@media(max-width:560px){.wrap{width:min(100% - 24px,1180px)!important}.top{font-size:10px!important}.hero{min-height:620px!important}.heroactions{gap:16px!important}.btn,.book{padding:13px 19px!important}.statbox{border-radius:22px!important}.card,.offer,.location{border-radius:24px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}