.nail-page-hero{padding-bottom:1rem!important}.nail-page-hero p{max-width:860px}.nail-tester-section{padding-top:2rem!important}.category-tabs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 auto 1.6rem;max-width:680px}.category-tab{border:1px solid rgba(173,100,85,.26);border-radius:999px;background:rgba(251,246,245,.72);padding:.9rem 1.2rem;font-weight:900;color:#663e36;cursor:pointer;box-shadow:0 14px 34px rgba(173,100,85,.1);transition:.25s ease}.category-tab:hover,.category-tab.active{background:linear-gradient(135deg,#e5c3bc,#ad6455);color:#663e36;transform:none!important;box-shadow:0 22px 54px rgba(173,100,85,.22)}.nail-tester-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.55fr);gap:2rem;align-items:start}.nail-preview-card,.nail-controls-card{border:1px solid rgba(173,100,85,.22);border-radius:32px;background:linear-gradient(145deg,rgba(251,246,245,.74),rgba(251,246,245,.5));box-shadow:0 28px 80px rgba(173,100,85,.14),inset 0 1px 0 rgba(251,246,245,.72);overflow:hidden}.nail-preview-card{padding:1rem}.nail-canvas-wrap{position:relative;width:100%;aspect-ratio:1/1;border-radius:26px;overflow:hidden;background:#fbf6f5}#nailCanvas{display:block;width:100%;height:100%;object-fit:cover}.nail-controls-card{padding:2rem;position:sticky;top:120px}.nail-controls-card h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3vw,3.2rem);line-height:1;margin:.2rem 0 .8rem;color:#663e36}.nail-helper{color:#905245;margin:0 0 1.35rem}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0 1.15rem}.mode-tab,.palette-tab,.baby-btn{border:1px solid rgba(173,100,85,.22);background:rgba(251,246,245,.68);border-radius:999px;padding:.55rem .8rem;font-weight:800;color:#663e36;cursor:pointer;transition:.24s ease}.mode-tab:hover,.mode-tab.active,.palette-tab:hover,.palette-tab.active,.baby-btn:hover,.baby-btn.active{background:linear-gradient(135deg,#e5c3bc,#ad6455);color:#663e36;transform:none!important;}.studio-panel{display:none}.studio-panel.active{display:block}.palette-tabs{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1rem}.nail-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:.68rem;margin-bottom:1.35rem}.color-swatch{width:100%;aspect-ratio:1/1;border-radius:999px;border:2px solid rgba(251,246,245,.92);background:var(--swatch);box-shadow:0 12px 28px rgba(173,100,85,.12),inset 0 0 0 1px rgba(102,62,54,.08);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,outline-color .25s ease;outline:2px solid transparent;outline-offset:3px}.color-swatch:hover,.color-swatch.active{transform:none!important;outline-color:#ad6455;box-shadow:0 18px 40px rgba(173,100,85,.25),inset 0 0 0 1px rgba(102,62,54,.08)}.color-swatch[hidden]{display:none}.selected-card{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-radius:20px;background:rgba(251,246,245,.72);border:1px solid rgba(173,100,85,.18);margin:1rem 0 1.2rem}.selected-dot{width:38px;height:38px;border-radius:50%;background:#ad6455;border:2px solid rgba(251,246,245,.9);box-shadow:0 10px 24px rgba(173,100,85,.15)}.selected-pattern-thumb{width:46px;height:46px;border-radius:15px;background-image:url('../../../../img/salon/nails/patterns/pearl-chrome.jpg');background-size:cover;background-position:center;border:2px solid rgba(251,246,245,.9);box-shadow:0 10px 24px rgba(173,100,85,.15)}.selected-card strong,.selected-card small{display:block}.selected-card small{color:#905245}.custom-color-label,.range-label{display:flex;justify-content:space-between;gap:1rem;font-weight:700;color:#663e36;margin:.9rem 0 .45rem}#customNailColor{width:100%;height:52px;padding:.25rem;border-radius:16px;border:1px solid rgba(173,100,85,.24);background:#fbf6f5;cursor:pointer}.babyboomer-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border-radius:22px;background:rgba(251,246,245,.62);border:1px solid rgba(173,100,85,.18);margin-top:1.2rem}.babyboomer-card strong,.babyboomer-card small{display:block}.babyboomer-card small{color:#905245}.babyboomer-toggle{display:flex;gap:.45rem;flex-shrink:0}.pattern-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin:1.2rem 0}.pattern-card{min-height:98px;border:1px solid rgba(173,100,85,.24);border-radius:22px;background-image:linear-gradient(180deg,rgba(102,62,54,.04),rgba(102,62,54,.42)),var(--pattern);background-size:cover;background-position:center;box-shadow:0 14px 34px rgba(173,100,85,.12);cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:.85rem;transition:transform .25s ease,box-shadow .25s ease,outline-color .25s ease;outline:2px solid transparent;outline-offset:3px}.pattern-card span{color:#fbf6f5;font-weight:800;text-shadow:0 8px 20px rgba(102,62,54,.35);font-size:.9rem;line-height:1.15}.pattern-card:hover,.pattern-card.active{transform:none!important;outline-color:#ad6455;box-shadow:0 24px 55px rgba(173,100,85,.24)}#effectStrength,#patternScale{width:100%;accent-color:#ad6455}.nail-actions{display:grid;gap:.75rem;margin-top:1.5rem}.ghost-nail-btn{background:rgba(251,246,245,.72)!important;border:1px solid rgba(173,100,85,.34)!important}@media(max-width:980px){.nail-tester-grid{grid-template-columns:1fr}.nail-controls-card{position:relative;top:auto}}@media(max-width:560px){.category-tabs{gap:.6rem}.category-tab{padding:.75rem .8rem}.nail-preview-card,.nail-controls-card{border-radius:24px}.nail-preview-card{padding:.6rem}.nail-canvas-wrap{border-radius:20px}.nail-controls-card{padding:1.35rem}.nail-palette{grid-template-columns:repeat(6,1fr);gap:.5rem}.palette-tab{font-size:.82rem;padding:.4rem .62rem}.pattern-showcase{grid-template-columns:1fr}.pattern-card{min-height:92px}.babyboomer-card{display:grid}.babyboomer-toggle{display:grid;grid-template-columns:1fr 1fr}}

/* Refinare 2026-09-21: preview complet, controale mai calme și pattern real în card */
.nail-preview-card{display:flex;align-items:center;min-height:690px!important;padding:1rem!important}.nail-canvas-wrap{width:100%;max-height:none!important;overflow:visible!important;aspect-ratio:1/1;background:#fff;border-radius:24px}.nail-canvas-wrap canvas{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain}.category-tab,.mode-tab,.palette-tab,.baby-btn{font-weight:400!important;background:#f6e8e3!important;color:#6e4a41!important;border:1px solid #ead0c6!important;box-shadow:none!important}.category-tab.active,.mode-tab.active,.palette-tab.active,.baby-btn.active{background:#d9aa99!important;color:#fff!important;border-color:#c9907c!important}.pattern-card{font-weight:400!important;color:#fff!important;background-image:linear-gradient(180deg,rgba(55,31,25,.05),rgba(55,31,25,.45)),var(--pattern)!important;background-size:cover!important;background-position:center!important;border-color:#ead0c6!important}.pattern-card span{font-weight:400!important;text-shadow:0 1px 5px rgba(25,12,9,.8)}.pattern-card.active{outline:2px solid #b87562;outline-offset:2px}.nail-controls-card{background:linear-gradient(145deg,#fffaf8,#fbefeb)!important}.nail-tester-grid{grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr)!important}@media(max-width:900px){.nail-tester-grid{grid-template-columns:1fr!important}.nail-preview-card{min-height:0!important}.nail-canvas-wrap{aspect-ratio:1/1}}