:root{--gold:#bf8d36;--gold2:#e2bd75;--champ:#e7d7b5;--black:#080706;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Montserrat",Arial,sans-serif;--script:"Great Vibes",cursive}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--sans);background:var(--champ);color:#17120d}.kiosk,.standby,.app-screen{width:100%;height:100%}.standby,.app-screen{display:none}.standby.is-active,.app-screen.is-active{display:block}.standby{position:relative;background:#080706;color:#fff}.standby-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.45),rgba(0,0,0,.88)),url('../assets/images/salon-1.webp') center/cover}.standby-content{position:relative;height:100%;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px}.app-logo{display:grid;justify-items:center;color:var(--gold2);line-height:.8}.app-logo span{font-size:2rem}.app-logo strong{font-family:var(--serif);font-size:8rem}.app-logo small{text-transform:uppercase;letter-spacing:.35em}.app-logo.mini{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:8px;line-height:1}.app-logo.mini span{font-size:1.1rem}.app-logo.mini strong{font-size:2rem}.app-logo.mini small{font-size:.58rem}.standby-content>p{margin:30px 0 0;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem}.standby h1{font-family:var(--script);font-size:4rem;color:var(--gold2);font-weight:400;margin:5px 0 28px}.start-button{position:relative;padding:17px 35px;border:1px solid var(--gold2);background:var(--gold);color:#170f05;text-transform:uppercase;letter-spacing:.13em;font-weight:700;border-radius:8px;animation:breathe 3s ease-in-out infinite}.standby-content>a{margin-top:22px;color:#b9ad9b;font-size:.7rem}@keyframes breathe{50%{transform:scale(1.04);box-shadow:0 0 35px rgba(226,189,117,.35)}}.app-screen{padding:18px;background:linear-gradient(135deg,#efe4ce,#d9c29c)}.app-header{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;background:var(--black);color:#fff;border-radius:13px}.app-header>p{text-align:center;font-family:var(--serif);font-size:1.45rem}.app-header>a,.app-header>button{justify-self:end;padding:10px 17px;border:1px solid var(--gold);border-radius:6px;background:transparent;color:var(--gold2);text-decoration:none;text-transform:uppercase;font-size:.65rem;letter-spacing:.11em}.app-header>button{justify-self:start}.menu-grid{height:calc(100% - 84px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:14px;margin-top:16px}.menu-card{position:relative;text-align:left;padding:28px;border:1px solid rgba(191,141,54,.45);border-radius:14px;background:#0a0908;color:#fff;overflow:hidden}.menu-card:after{content:"→";position:absolute;right:25px;bottom:25px;color:var(--gold2)}.menu-card span{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-size:1.4rem}.menu-card h2{font-family:var(--serif);font-size:2.5rem;margin:20px 0 5px}.menu-card p{color:#9e9487;margin:0}.menu-card.bridal{background:#f5e6e2;color:#251a16}.menu-card.bridal p{color:#7a655d}.detail-screen{background:linear-gradient(135deg,#efe4ce,#d9c29c)}.detail-layout{height:calc(100% - 84px);display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-top:16px}.detail-image,.detail-copy{border-radius:14px}.detail-image{background-size:cover;background-position:center}.recover-img{background-image:url('../assets/images/hair-texture.webp')}.shine-img{background-image:url('../assets/images/hair-dark.webp')}.color-img{background-image:url('../assets/images/hair-blonde.webp')}.bridal-img{background-image:url('../assets/images/hair-updo.webp')}.diagnosis-img{background-image:url('../assets/images/diagnosis-board.webp')}.products-img{background-image:url('../assets/images/salon-1.webp')}.detail-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,75px);background:#090806;color:#fff}.detail-copy .eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold2);font-size:.7rem}.detail-copy h1{font-family:var(--serif);font-size:clamp(3rem,6vw,6rem);line-height:.9;margin:12px 0}.detail-copy .script{font-family:var(--script);font-size:2.6rem;color:var(--gold2);margin:0}.detail-copy>p:last-of-type{color:#aaa094}.detail-actions{display:flex;gap:10px;margin-top:25px}.detail-actions a{padding:13px 20px;border:1px solid var(--gold);color:var(--gold2);text-decoration:none;text-transform:uppercase;font-size:.65rem}.detail-actions a:last-child{background:var(--gold);color:#160e05}.bridal-screen{background:#f0d9d5}@media(orientation:portrait), (max-width:760px){html,body{overflow:auto}.kiosk,.standby,.app-screen{min-height:100svh;height:auto}.standby{height:100svh}.app-screen{padding:10px}.app-header{height:60px;padding:0 12px}.app-header>p{display:none}.menu-grid{height:auto;grid-template-columns:1fr;grid-template-rows:none}.menu-card{min-height:190px}.detail-layout{height:auto;grid-template-columns:1fr}.detail-image{min-height:360px}.detail-copy{min-height:440px}.detail-actions{display:grid}.app-logo.mini small{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}