/* KUPI KOMP / NEON STUDIO — two restrained brand palettes. */
:root{color-scheme:dark;--neon:#d58bff;--neon-strong:#b568f0;--neon-second:#f49acd;--neon-soft:#282032;--neon-border:#574262;--pink:var(--neon);--blue:var(--neon);--purple:var(--neon-strong);--bg:#101014;--card:#19191f;--text:#f1eff7;--muted:#a4a0b0;--border:#34323e}
html[data-theme=cyan]{--neon:#70dded;--neon-strong:#37bfd5;--neon-second:#93b8ff;--neon-soft:#182b31;--neon-border:#31535d;--pink:var(--neon);--blue:var(--neon);--purple:var(--neon-strong)}
body{background:#101014;color:var(--text)}header{background:#101014f5;border-color:#2e2b36}.brand-mark{background:var(--neon);color:#151019;border-color:var(--neon)}.brand-name{color:#f4f1f8}.brand-name small{color:#9992a8}.nav-links a{color:#b7b1c3}.nav-links a:hover{color:var(--neon)}.nav-links a::after{background:var(--neon)}.header-phone{color:#eee8f6}.theme-toggle{background:var(--neon-soft);border-color:var(--neon-border)}.switch-knob{background:var(--neon)}.theme-toggle[aria-checked=true] .switch-knob{background:var(--neon)}.switch-glyph{color:#8b829a}.theme-toggle[aria-checked=true] .switch-glyph:nth-child(2){color:#101014}.theme-toggle[aria-checked=false] .switch-glyph:first-child{color:#101014}.burger-toggle{color:var(--neon);border-color:var(--neon-border)}
.hero-title{color:#f4f1f9;font-weight:650}.hero-title em{color:var(--neon)}.hero-sub{color:#aaa4b7}.eyebrow{color:#b4a9c6;letter-spacing:1.5px}.eyebrow>span,.visual-dot{background:var(--neon);box-shadow:0 0 10px #b079d133}.hero-note{color:#928b9e}.hero-note i{color:var(--neon)}.btn-primary,.btn-vk,.btn-avito,.card-actions .btn-vk{background:var(--neon);color:#17111c;border-color:var(--neon);font-weight:700}.btn-primary:hover,.btn-vk:hover,.btn-avito:hover{background:var(--neon-second);border-color:var(--neon-second);color:#17111c}.btn-ghost,.card-actions .btn-avito{background:transparent;color:#e5deef;border-color:#50455d}.btn-ghost:hover,.card-actions .btn-avito:hover{background:var(--neon-soft);color:#f5f0fc;border-color:var(--neon-border)}
.hero-visual{background:#19171f!important;border:1px solid var(--neon-border);border-radius:20px}.hero-visual::after{content:'';position:absolute;top:24px;left:0;width:3px;height:66px;background:var(--neon);border-radius:0 3px 3px 0}.hero-pc{filter:none}.visual-top{color:#a79ab7}.visual-bottom small{color:#9587a6}.visual-bottom strong{color:#ede6f6}.visual-bottom a{border-color:var(--neon-border);color:var(--neon)}.service-strip,.service-strip>div{border-color:#34303d}.service-strip b{color:#dfd7e9}.service-strip span{color:#948c9f}.service-strip .stage-icon{color:var(--neon)}
.section-title{color:#f3edf9}.section-caption{color:#9c8eae}.search-box,select{background:#19171f;border-color:#3c3446;color:#c8bed6}.search-box input{color:#eee7f6}.search-box>span{color:var(--neon)}.filter-btn{background:transparent;border-color:#42364f;color:#b5a8c4}.filter-btn.active{background:var(--neon-soft);color:var(--neon);border-color:var(--neon)}.filter-btn:hover{color:var(--neon);border-color:var(--neon)}.filters{scrollbar-color:var(--neon-border) #18151d}.card{background:#19181e;border-color:#35303e}.card:hover{border-color:var(--neon-border)}.card-img{background:#211c29;border-color:#393040}.card-title{color:#f0eaf7}.card-desc{color:#a397b0}.card-price{color:#f6f0fb}.card-img-fallback .ui-icon,.image-error-placeholder{color:var(--neon)}
.configurator,.contacts,.modal-inner{background:#19181f;border-color:#38313f}.cfg-step,.contact-row{border-color:#3a3343}.cfg-step-num{background:var(--neon);color:#17111c}.cfg-step-title{color:var(--neon)}.cfg-option{background:#211d28;border-color:#403548;color:#d7cce3}.cfg-option.selected{background:var(--neon-soft)!important;color:var(--neon)!important;border-color:var(--neon)!important}.opt-sub,.cfg-hint{color:#a59aaf}.cfg-slider-label{color:#c5b8d2}.cfg-slider-label .val{color:var(--neon)}.cfg-slider::-webkit-slider-runnable-track{background:#52465f}.cfg-slider::-webkit-slider-thumb{background:#17141c;border-color:var(--neon);box-shadow:0 0 0 3px #19181f}.cfg-slider::-moz-range-track{background:#52465f}.cfg-slider::-moz-range-thumb{background:#17141c;border-color:var(--neon);box-shadow:0 0 0 3px #19181f}.cfg-total-box{background:#211c29;border-color:var(--neon-border)}.contact-row .icon{background:var(--neon-soft);border-color:var(--neon-border);color:var(--neon)}.contact-row a{color:#e4d9ee}.form-field input,.form-field textarea,.chat-input{background:#131116;border-color:#43364f;color:#eee8f5}.modal-title,.modal-close{color:#eee6f7}.chat-header-close{color:#eee6f7}.chat-panel{background:#19171e;border-color:var(--neon-border)}.chat-header,.chat-input-row{background:#231c2c}.chat-header-title,.chat-header-status{color:#d9c9e8}.chat-send,.chat-fab{background:var(--neon);color:#17111c}.mobile-menu{background:#151219;color:#eee5f8;border-color:#42364d}.mobile-menu nav a,.mobile-menu-top{border-color:#3b3045}.mobile-menu nav .ui-icon{color:var(--neon)}.mobile-menu-close{border-color:var(--neon-border)}
.site-footer{background:#131116;border-color:#342b3e;color:#b4a9c0}.footer-wordmark,.footer-column .footer-phone{color:#f2e9fb}.footer-wordmark span{color:var(--neon)}.footer-column{color:#bcb0ca}.footer-column h3,.footer-brand p,.footer-bottom{color:#94869f}.footer-bottom{border-color:#352c3d}.cookie-dialog{background:#1a161f;color:#eee6f6;border-color:var(--neon-border)}.cookie-symbol{color:var(--neon)}.cookie-info{border-color:#44364f}.cookie-dialog p,.cookie-info span{color:#b1a2be}.toast{background:var(--neon-soft);color:#f3eafa;border-color:var(--neon-border)}.legal-document a{color:var(--neon)}:focus-visible{outline-color:var(--neon)!important}
html[data-theme=cyan] .hero-visual{background:#151d22!important}html[data-theme=cyan] .card,html[data-theme=cyan] .configurator,html[data-theme=cyan] .contacts{background:#171c21}html[data-theme=cyan] .cfg-option{background:#1c252c;border-color:#34434c}html[data-theme=cyan] .site-footer{background:#11171c}
/* Light moving across surfaces; no layout shifts or pointer tracking. */
.btn,.filter-btn,.cfg-option,.card,.visual-bottom a,.contact-row .icon,.burger-toggle{transition:background .25s ease,border-color .25s ease,box-shadow .3s ease,color .25s ease,transform .25s ease}
.btn{position:relative;isolation:isolate;overflow:hidden}.btn::after{content:'';position:absolute;inset:-70% auto -70% -65%;width:40%;background:linear-gradient(100deg,transparent,#fff7,transparent);transform:translateX(-180%) rotate(18deg);pointer-events:none;opacity:0;z-index:-1}
.hero-visual{position:relative}.hero-visual::before{display:block;content:'';position:absolute;inset:0;opacity:.35;background:radial-gradient(ellipse at 70% 42%,#ac65de22,transparent 67%);pointer-events:none;animation:ambient-breathe 7s ease-in-out infinite}.hero-visual .hero-pc{z-index:1}.visual-top,.visual-bottom{z-index:2}html[data-theme=cyan] .hero-visual::before{background:radial-gradient(ellipse at 70% 42%,#4bdcee22,transparent 67%)}
@media(hover:hover) and (pointer:fine){
.btn:hover::after{animation:button-sheen .8s ease both}.btn-primary:hover,.btn-vk:hover{box-shadow:0 0 0 1px var(--neon-border),0 5px 22px color-mix(in srgb,var(--neon) 25%,transparent)!important;transform:translateY(-2px)}.btn-ghost:hover,.card-actions .btn-avito:hover{box-shadow:inset 0 0 16px color-mix(in srgb,var(--neon) 8%,transparent),0 0 16px color-mix(in srgb,var(--neon) 12%,transparent)!important}.card:hover{border-color:var(--neon);box-shadow:0 0 0 1px color-mix(in srgb,var(--neon) 13%,transparent),0 12px 32px #0003,0 0 25px color-mix(in srgb,var(--neon) 10%,transparent);transform:translateY(-4px)}.cfg-option:hover,.filter-btn:hover{border-color:var(--neon);background:var(--neon-soft);box-shadow:0 0 16px color-mix(in srgb,var(--neon) 15%,transparent)!important;transform:translateY(-1px)}.visual-bottom a:hover,.burger-toggle:hover{background:var(--neon-soft);border-color:var(--neon);box-shadow:0 0 22px color-mix(in srgb,var(--neon) 20%,transparent)}.service-strip>div:hover .stage-icon{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--neon) 50%,transparent));transition:filter .3s}.footer-column a:hover{color:var(--neon);text-shadow:0 0 14px color-mix(in srgb,var(--neon) 35%,transparent)}
}
@keyframes button-sheen{0%{transform:translateX(0) rotate(18deg);opacity:0}15%{opacity:.8}100%{transform:translateX(560%) rotate(18deg);opacity:0}}@keyframes ambient-breathe{0%,100%{opacity:.3}50%{opacity:.8}}
@media(prefers-reduced-motion:reduce){.hero-visual::before,.btn:hover::after{animation:none!important}.btn::after{display:none}.btn:hover,.card:hover,.cfg-option:hover,.filter-btn:hover{transform:none}}
.toast{visibility:hidden;opacity:0}.toast.show{visibility:visible;opacity:1}
.product-gallery{display:flex;gap:8px;overflow-x:auto;margin:0 0 22px;padding:3px}.product-gallery button{flex:0 0 64px;width:64px;height:64px;padding:0;border:1px solid var(--border);border-radius:7px;background:var(--card);overflow:hidden;cursor:pointer}.product-gallery button[aria-pressed=true]{border-color:var(--neon,var(--text));outline:1px solid var(--neon,var(--text))}.product-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.card-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}.product-modal-description{white-space:pre-line;overflow-wrap:anywhere}