/*!
 * Copyright © 2026 Nail Alliance - North America, Inc.
 * Authors: See snippets/copyright-notices.liquid in the theme.
 * No other use is authorized without a written contract.
 */

.navigation-videos{display:block;width:95%;max-width:1366px;margin:50px auto}.navigation-videos h1{text-align:center;font-size:clamp(26px,3vw,48px);text-transform:uppercase}.navigation-videos__categories{display:flex;overflow-x:auto;gap:20px;padding:30px 0}.navigation-videos button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}.navigation-videos__categories button{flex:0 0 120px;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.navigation-videos__categories img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid transparent}.navigation-videos__categories button[aria-pressed=true] img{border-color:#ec1c78}.navigation-videos__player{aspect-ratio:16/9;max-width:1080px;margin:auto}.navigation-videos__player iframe{width:100%;height:100%;border:0;border-radius:12px}.navigation-videos h2{text-align:center;font-size:clamp(20px,2.5vw,35px);margin:30px auto}.navigation-videos__playlist{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px auto}.navigation-videos__playlist img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.navigation-videos__playlist button{padding:8px;border:2px solid transparent;border-radius:12px}.navigation-videos__playlist button[aria-pressed=true]{border-color:#ec1c78}.navigation-videos__playlist span{display:block;padding:12px}.navigation-videos select{font:inherit;padding:10px}.navigation-videos label{display:block;text-align:center}
.virtual-salon{display:grid;grid-template-columns:65% 35%;gap:15px;width:95%;margin:60px auto;max-width:1700px}.virtual-salon__preview{position:sticky;top:120px;align-self:start}.virtual-salon canvas{width:100%;height:auto;aspect-ratio:778/531;display:block}.virtual-salon__controls{display:flex;flex-direction:column;gap:25px;padding:20px}.virtual-salon h1{font-size:28px;margin:0}.virtual-salon label{display:flex;flex-direction:column;gap:10px}.virtual-salon select{font:inherit;background:#fff;padding:12px;border:1px solid #bbb;border-radius:8px}.virtual-salon__swatches{display:grid;grid-template-columns:repeat(auto-fill,65px);gap:12px;max-height:320px;overflow:auto}.virtual-salon__swatches button{padding:0;border:2px solid transparent;border-radius:50%;overflow:hidden;width:65px;height:65px;cursor:pointer}.virtual-salon__swatches button[aria-pressed=true]{border-color:#ec1c78}.virtual-salon__swatches img{width:100%;height:100%;object-fit:cover}.virtual-salon__shapes{display:flex;gap:12px}.virtual-salon__shapes button{background:none;border:1px solid #aaa;padding:12px;border-radius:8px;font:inherit;cursor:pointer}.virtual-salon__shapes button[aria-pressed=true]{background:#202426;color:#fff}.virtual-salon input[type=range]{width:100%;accent-color:#202426}.virtual-salon input[name=skin]{appearance:none;background:linear-gradient(90deg,#f5dfd3,#694230);height:48px;border-radius:32px}.virtual-salon__product{padding:20px 40px}.virtual-salon__product h2{font-size:28px;margin:12px 0}
@media(max-width:767px){.navigation-videos__playlist{grid-template-columns:repeat(2,1fr);gap:8px}.virtual-salon{display:flex;flex-direction:column;margin-top:30px}.virtual-salon__preview{position:static}.virtual-salon__controls{padding:15px}.virtual-salon__swatches{grid-template-columns:repeat(auto-fill,55px)}.virtual-salon__swatches button{width:55px;height:55px}}