/*
Theme Name: Salon 9T9
Description: Luxury salon & academy theme with certificate verification, inquiries and Excel export.
Version: 1.0
Author: Salon 9T9
*/
:root{--bg:#120c10;--bg2:#1b1217;--tx:#f6eee2;--mu:#d2c4b2;--gd:#e2bd6b;--gd2:#b8863a;--rs:#e0457b;--wine:#5a1226;--r:6px}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:Montserrat,system-ui,sans-serif;font-size:16px;background:var(--bg);color:var(--tx);line-height:1.75;overflow-x:hidden}
h1,h2,h3{font-family:'Playfair Display',serif;font-weight:700;line-height:1.18;letter-spacing:.2px}
h1{font-size:clamp(2.5rem,6.2vw,4.8rem);font-weight:800}h2{font-size:clamp(1.9rem,4.2vw,3rem);margin-bottom:14px}h3{font-size:1.35rem;margin-bottom:6px}
.script{font-family:'Great Vibes',cursive;font-size:clamp(1.9rem,3.4vw,2.6rem);color:var(--gd);line-height:1.1;margin-bottom:6px}
.gt{background:linear-gradient(100deg,#f7e3a6,#e2bd6b 40%,#b8863a 70%,#f2d58b);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gd);outline-offset:3px}
.w{max-width:1180px;margin:auto;padding:0 22px}.sec{padding:96px 0}.c{text-align:center}.mu{color:var(--mu)}.gd{color:var(--gd)}.lead{font-size:1.1rem;max-width:680px}.c .lead{margin:0 auto 40px}
.alt{background:linear-gradient(180deg,#1b1217,#150e12)}.wine{background:radial-gradient(circle at 20% 0,#5a1226 0,#2a0a14 55%,#120c10 100%)}
a.tel,a.ml{color:var(--gd);border-bottom:1px solid #e2bd6b55}a.tel:hover,a.ml:hover{border-color:var(--gd)}
/* header */
.hd{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:#120c10ee;backdrop-filter:blur(10px);border-bottom:1px solid #e2bd6b30}
.hd .lg img{height:42px;width:auto}#nv{display:flex;gap:26px;align-items:center;font-size:.9rem;font-weight:500}#nv a{padding:4px 0;border-bottom:2px solid transparent}#nv a:hover,#nv a.on{color:var(--gd);border-color:var(--gd)}#nv a.btn{border:0}
#mb{display:none;background:0;border:1px solid var(--gd);color:var(--gd);font-size:1.5rem;width:44px;height:44px;border-radius:8px;cursor:pointer}
.btn{display:inline-block;background:linear-gradient(135deg,#f3d791,#d9a94f 50%,#a8762c);color:#1a1008;padding:14px 32px;border-radius:2px;font-weight:600;letter-spacing:.6px;border:0;cursor:pointer;font:600 .95rem Montserrat;transition:.3s;box-shadow:0 6px 24px #b8863a40}
.btn.sm{padding:9px 20px;font-size:.85rem}.btn.o{background:0;border:1.5px solid var(--gd);color:var(--gd);box-shadow:none}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
/* hero + 3D */
.hero{padding:40px 0 20px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 40%,#3b1224 0,transparent 60%),radial-gradient(circle at 5% 100%,#2a1a08 0,transparent 50%)}
.hero .two{min-height:84vh}.hero h1 span{display:block}.hero p.lead{margin-top:18px}
.stage{position:relative;height:min(78vh,620px);perspective:900px}.stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.stage .em{position:absolute;inset:0;margin:auto;width:min(58%,300px);height:auto;max-height:55%;object-fit:contain;filter:drop-shadow(0 0 40px #e2bd6b55);animation:fl 7s ease-in-out infinite;z-index:1;opacity:.95}
@keyframes fl{50%{transform:translateY(-16px) rotateY(14deg)}}
.hero h1,.hero .script,.hero .lead,.hero .btns{animation:in 1s both}.hero .script{animation-delay:.1s}.hero h1{animation-delay:.25s}.hero .lead{animation-delay:.45s}.hero .btns{animation-delay:.6s}
@keyframes in{from{opacity:0;transform:translateY(24px)}}
.mini{height:380px}
/* grids/cards */
.two{display:grid;gap:56px;grid-template-columns:1fr 1fr;align-items:center}.two.rev>:first-child{order:2}article.two{margin-bottom:90px}
.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid.s{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.sc{position:relative;min-height:380px;display:flex;align-items:flex-end;padding:26px;background:linear-gradient(transparent 25%,#120c10f2),var(--i) center/cover #2a1a20;border:1px solid #e2bd6b45;text-align:left;transition:.4s;transform-style:preserve-3d}
.sc:hover{border-color:var(--gd)}.sc p{font-size:.92rem;color:#e8dccb}.more{display:inline-block;margin-top:10px;color:var(--gd);font-weight:600;font-size:.88rem;border-bottom:1px solid var(--gd)}
.ph{height:480px;background:var(--i) center/cover #2a1a20;outline:1px solid var(--gd);outline-offset:14px;margin:14px}
.card{background:var(--bg2);border:1px solid #e2bd6b30;padding:30px;transition:.3s;text-align:left}.card:hover{border-color:var(--gd)}.card p{color:var(--mu);font-size:.95rem}
.tilt{transition:transform .15s}
.num{font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:800}
.orn{height:18px;margin:18px auto;width:min(260px,70%);background:linear-gradient(90deg,transparent,var(--gd),transparent) center/100% 1px no-repeat;position:relative}.orn:after{content:'◆';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg);color:var(--gd);padding:0 10px;font-size:.8rem}
.alt .orn:after{background:#1b1217}
ul.tick{list-style:none;padding:0;margin:14px 0}ul.tick li{padding:5px 0 5px 30px;position:relative}ul.tick li:before{content:'◆';position:absolute;left:0;color:var(--gd);font-size:.7rem;top:11px}
.step{display:flex;gap:18px;text-align:left}.step b{flex:none;width:50px;height:50px;border:1px solid var(--gd);color:var(--gd);display:grid;place-items:center;font:700 1.3rem 'Playfair Display';transform:rotate(45deg)}.step b i{transform:rotate(-45deg);font-style:normal}
.band{background:linear-gradient(135deg,#7a1c3a,#4a0f22);text-align:center;padding:12px;font-weight:500;font-size:.92rem;color:#fff}
.stars{color:var(--gd);letter-spacing:2px}.rv small{color:var(--mu)}.rv .a{display:flex;gap:12px;align-items:center;margin-top:16px}.rv .a img{width:40px;height:40px;border-radius:50%}
details{background:var(--bg2);border:1px solid #e2bd6b25;padding:18px 24px;margin-bottom:12px;text-align:left}summary{cursor:pointer;font-weight:600;font-size:1.02rem}details p{margin-top:10px;color:var(--mu)}
.hot{border-color:var(--gd);box-shadow:0 0 40px #e2bd6b22}
/* forms */
input,select,textarea{width:100%;padding:14px 16px;margin-bottom:12px;border-radius:2px;border:1px solid #e2bd6b50;background:#0d080b;color:var(--tx);font:inherit;font-size:.96rem}
input::placeholder,textarea::placeholder{color:#a99a88}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--gd)}
.fm{background:#1b1217;border:1px solid var(--gd);padding:30px;text-align:left;box-shadow:0 20px 60px #0008}.fm h3{margin-bottom:14px}.msg{margin-top:10px;font-size:.92rem}
.res{margin-top:16px;padding:18px;display:none}.res.ok{display:block;background:#10301e;border:1px solid #2ecc71}.res.no{display:block;background:#33141a;border:1px solid #e74c3c}
.soc{display:flex;gap:12px}.soc a{width:44px;height:44px;border:1px solid var(--gd);color:var(--gd);display:grid;place-items:center;border-radius:50%;transition:.3s}.soc a:hover{background:var(--gd);color:#120c10}.soc svg{width:20px;height:20px}
.gal{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:260px}.gal div{background:var(--i) center/cover #2a1a20;border:1px solid #e2bd6b30;transition:.4s}.gal div:hover{transform:scale(1.03);border-color:var(--gd);z-index:2}.gal .t{grid-row:span 2}
footer{background:#080507;border-top:1px solid #e2bd6b40;padding:60px 0 100px;color:var(--mu);font-size:.93rem}footer h3{color:var(--gd);font-size:1.1rem}footer a:hover{color:var(--gd)}footer img{height:120px;margin-bottom:12px}
.wa{position:fixed;left:16px;bottom:16px;z-index:60;background:#25d366;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 22px #000a}.wa svg{width:32px}
#cb{position:fixed;right:16px;bottom:16px;z-index:60}#cbt{width:58px;height:58px;border-radius:50%;border:2px solid #fff3;background:linear-gradient(135deg,#f3d791,#a8762c);font-size:1.6rem;cursor:pointer;box-shadow:0 6px 22px #000a}
#cbx{display:none;position:absolute;right:0;bottom:70px;width:min(350px,calc(100vw - 32px));background:var(--bg2);border:1px solid var(--gd);overflow:hidden}#cbx.o{display:block}
#cbh{background:linear-gradient(135deg,#f3d791,#a8762c);color:#1a1008;padding:12px 16px;font-weight:700}#cbm{height:270px;overflow:auto;padding:12px;font-size:.9rem}
.m{margin-bottom:8px;padding:8px 12px;max-width:86%;background:#ffffff16;border-radius:10px}.m.u{margin-left:auto;background:var(--gd);color:#1a1008}
#cbq{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px}#cbq button{background:0;border:1px solid var(--gd);color:var(--gd);border-radius:20px;padding:4px 11px;font-size:.8rem;cursor:pointer}
#cbf{display:flex;border-top:1px solid #e2bd6b40}#cbf input{margin:0;border:0}#cbf button{background:var(--gd);border:0;padding:0 18px;cursor:pointer;font-size:1.1rem}
@media(max-width:900px){#mb{display:block}#nv{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#120c10;padding:22px;gap:18px;border-bottom:1px solid var(--gd)}#nv.o{display:flex}
.two,.two.rev{grid-template-columns:1fr;gap:34px}.two.rev>:first-child{order:0}.sec{padding:64px 0}.hero .two{min-height:0}.stage{height:420px}.ph{height:340px;outline-offset:8px}article.two{margin-bottom:60px}.hd .lg img{height:36px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


body.admin-bar .hd{top:32px}@media(max-width:782px){body.admin-bar .hd{top:46px}}

/* SEO/img + responsive */
img{height:auto}.skip{position:absolute;left:-999px;top:0;background:var(--gd);color:#111;padding:10px 16px;z-index:200}.skip:focus{left:10px;top:10px}
.f{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ph{background:#2a1a20}.sc{background:#2a1a20;overflow:hidden}.sc:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#120c10f2);z-index:1}.sc>div{position:relative;z-index:2}
.gal div{background:#2a1a20;position:relative;overflow:hidden}.gal.gal>div{background:#2a1a20}
.mono{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#5a1226,#120c10);font:800 7rem 'Playfair Display',serif;color:var(--gd)}
.iso-chip{display:inline-block;border:1px solid var(--gd);color:var(--gd);padding:5px 16px;border-radius:30px;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:14px}
.isob{width:min(260px,70%);filter:drop-shadow(0 0 30px #e2bd6b55);animation:fl 7s ease-in-out infinite}.isot{border-collapse:collapse;margin:14px 0}.isot th,.isot td{padding:8px 16px 8px 0;text-align:left;border-bottom:1px solid #e2bd6b30}.isot th{color:var(--gd)}.isoc{max-width:560px;width:100%;margin:auto;border:1px solid var(--gd)}
html{-webkit-text-size-adjust:100%}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.wa{bottom:calc(16px + env(safe-area-inset-bottom))}#cb{bottom:calc(16px + env(safe-area-inset-bottom))}
@media(max-width:1100px){#mb{display:block}#nv{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#120c10;padding:22px;gap:18px;border-bottom:1px solid var(--gd)}#nv.o{display:flex}}
@media(max-width:1024px){.w{padding:0 26px}.two{gap:40px}h1{font-size:clamp(2.2rem,6vw,3.6rem)}.ph{height:400px}.stage{height:520px}}
@media(max-width:640px){body{font-size:15.5px}.sec{padding:52px 0}.w{padding:0 18px}.btns{flex-direction:column}.btns .btn{text-align:center;width:100%}.fm{padding:22px 18px}.grid{grid-template-columns:1fr}.grid.s{grid-template-columns:1fr 1fr}.gal{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.sc{min-height:300px}.stage{height:360px}.mono{font-size:5rem}#nv a{padding:8px 0}input,select,textarea{font-size:16px}.btn{padding:14px 24px}}
@media(max-width:400px){.gal{grid-template-columns:1fr}}