/*
 * Новый стиль Luvpic (светлая тема) — как в Студии (/app): холодный светлый фон, фиолетово-розовые акценты,
 * градиентные главные кнопки, мягкая сиреневая подсветка на наведении, гротеск в заголовках.
 * Палитра в самих CSS уже перекрашена; здесь — то, чего не сделать перекраской: градиенты, свечения, пилюли.
 * Всё под html:not(.lp-dark) — в тёмной теме действует skin-dark.css.
 */
html:not(.lp-dark){
  --lpx-grad:linear-gradient(120deg,#7c5cff 0%,#a855f7 46%,#e0479e 100%);
  --lpx-grad2:linear-gradient(135deg,#7c5cff,#e0479e);
  --lpx-text:linear-gradient(100deg,#7c3aed 0%,#c026d3 55%,#ec4899 100%);
  --lpx-hov:#f5f1ff;--lpx-hovl:#dccfff;--lpx-soft:#f1ecff;--lpx-acc:#7c3aed;
  --lpx-glow:0 10px 22px -14px rgba(91,33,182,.55),inset 0 1px 0 rgba(255,255,255,.22);
  --lpx-glow-h:0 14px 28px -14px rgba(91,33,182,.65),inset 0 1px 0 rgba(255,255,255,.28);
  --lpx-card:0 16px 36px -24px rgba(26,16,60,.4),0 1px 3px rgba(26,16,60,.06);
  --lpx-card-h:0 26px 54px -26px rgba(26,16,60,.5),0 1px 3px rgba(26,16,60,.06);
}
html:not(.lp-dark) ::selection{background:rgba(139,92,246,.22)}

/* ---------- фон страниц: холодный светлый + мягкое сияние сверху ---------- */
html:not(.lp-dark) body.cps:not(.apx-body),
html:not(.lp-dark) body.cb,
html:not(.lp-dark) body.lp-chrome:not(.lp-land){
  background-color:#f4f4f8;
  background-image:radial-gradient(1000px 520px at 6% -8%,rgba(139,92,246,.09),transparent 62%),radial-gradient(900px 480px at 98% -6%,rgba(236,72,153,.07),transparent 60%);
  background-repeat:no-repeat}
html:not(.lp-dark) body.lp-land{background-color:#f4f4f8}

/* ---------- заголовки: акцентные слова — градиентом ---------- */
html:not(.lp-dark) :is(.lp-h1,.lp-h2) em,
html:not(.lp-dark) .cps-h2 :is(em,i),
html:not(.lp-dark) .cps-hero h1 :is(em,i){font-family:inherit;font-style:normal;font-weight:800;background:var(--lpx-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
html:not(.lp-dark) .lp-sec.is-dark :is(.lp-h1,.lp-h2) em,
html:not(.lp-dark) .lp-cta-box :is(.lp-h1,.lp-h2) em{background:linear-gradient(100deg,#c4b5fd 0%,#f0abfc 55%,#fda4af 100%);-webkit-background-clip:text;background-clip:text}
html:not(.lp-dark) .cga-hero h1 span{font-style:normal;background:var(--lpx-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
html:not(.lp-dark) .cga-brand em{font-style:normal;background:var(--lpx-grad2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* ---------- главные кнопки: градиент, пилюля, свечение ---------- */
html:not(.lp-dark) :is(.cps-cta,.cps-btn-s.is-brass,.cps-act.is-main,.cps-app-cta-go,.cps .cps-pitem-go,.cps-ss-again .cps-ss-go,.lp-btn-1,.lpf .lpf-cta,.lpp-plan.is-hot .lpp-go,.cb-btn.is-brass,.wrx-btn.is-main,.lp-pack-b,#place_order,.woocommerce .button.alt,.woocommerce a.button.alt,.wc-block-components-button.contained,.wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-place-order-button){
  background:var(--lpx-grad)!important;background-size:150% 100%!important;background-origin:border-box!important;background-repeat:no-repeat!important;border-color:transparent!important;color:#fff!important;box-shadow:var(--lpx-glow)!important;transition:background-position .4s,box-shadow .2s,transform .15s,filter .2s}
html:not(.lp-dark) :is(.cps-cta,.cps-btn-s.is-brass,.cps-act.is-main,.cps-app-cta-go,.cps .cps-pitem-go,.cps-ss-again .cps-ss-go,.lp-btn-1,.lpf .lpf-cta,.lpp-plan.is-hot .lpp-go,.cb-btn.is-brass,.wrx-btn.is-main,.lp-pack-b,#place_order,.woocommerce .button.alt):hover:not(:disabled){background-position:100% 0!important;box-shadow:var(--lpx-glow-h)!important;color:#fff!important}
html:not(.lp-dark) :is(.cps-cta,.cps-act.is-main,.wrx-btn.is-main,.lp-btn-1):disabled{filter:saturate(.35);opacity:.7;box-shadow:none!important}
html:not(.lp-dark) :is(.cps-cta,.lp-btn,.lpf .lpf-cta,.cb-btn,.cps-btn-s){border-radius:999px}
html:not(.lp-dark) .lp-btn-1 .lp-arr{stroke:#fff}
html:not(.lp-dark) :is(.cps-cta,.cps-act.is-main) :is(.cps-cta-p,em){background:rgba(255,255,255,.22);color:#fff}

/* второстепенные кнопки: белые пилюли, на наведении — сиреневая подложка */
html:not(.lp-dark) :is(.lp-btn-g,.lp-btn-st,.cps-act:not(.is-main):not(.is-xt):not(.is-cab),.cps-btn-s:not(.is-brass),.cb-btn:not(.is-brass):not(.is-dark),.cps-chip:not(.on),.cps-eng-btn,.cps-more,.apx-more,.lph-acc-b,.lph-bal){transition:background .18s,border-color .18s,color .18s,transform .15s}
html:not(.lp-dark) :is(.lp-btn-g,.lp-btn-st,.cps-act:not(.is-main):not(.is-xt):not(.is-cab),.cps-btn-s:not(.is-brass),.cb-btn:not(.is-brass):not(.is-dark),.cps-chip:not(.on),.cps-eng-btn,.cps-more,.apx-more):hover{background:var(--lpx-hov)!important;border-color:var(--lpx-hovl)!important;color:var(--lp-ink,#1f2330)}
html:not(.lp-dark) .lp-btn-w:hover{background:#f1ecff!important}
html:not(.lp-dark) .cps-act.is-xt{background:var(--lpx-hov);border-color:var(--lpx-hovl);color:var(--lpx-acc)}
html:not(.lp-dark) .cps-act.is-xt:hover{background:#ebe3ff;border-color:#d4c6ff;color:var(--lpx-acc)}

/* шапка: стекло, «Студия» — градиентная пилюля */
html:not(.lp-dark) .lph::before{background:rgba(255,255,255,.8)}
html:not(.lp-dark) body.lp-land .lph:not(.is-sc)::before{background:rgba(244,244,248,.72)}
html:not(.lp-dark) .lph.is-sc{box-shadow:0 10px 30px -22px rgba(26,16,60,.45)}
html:not(.lp-dark) :is(.lph-studio,.lph-studio-m){background:var(--lpx-grad2)!important;box-shadow:0 10px 24px -12px rgba(109,40,217,0.55)!important;color:#fff!important}
html:not(.lp-dark) :is(.lph-studio,.lph-studio-m) .lph-ico{color:#fff!important}
html:not(.lp-dark) .lph-i.is-cur>.lph-l::after{background:var(--lpx-grad2)!important}

/* ---------- чипы и переключатели ---------- */
html:not(.lp-dark) :is(.cps-chip.on,.cb-tag.on,.wrx-chip.on){background:#14141f!important;border-color:#14141f!important;color:#fff!important}
html:not(.lp-dark) :is(.cps-ctabs,.cps-seg,.cps-vm-seg) :is(button.on,label.on,a.on){box-shadow:0 1px 2px rgba(0,0,0,.06),0 0 0 1px var(--lpx-hovl)}

/* ---------- карточки каталога: скругление, мягкая тень, подъём на наведении ---------- */
html:not(.lp-dark) :is(.cps-mosaic,.cvt-th,.cps-tcard-i,.lp-fmt,.lp-card,.cb-card-img){transition:transform .3s cubic-bezier(.2,.9,.3,1.2),box-shadow .3s}
html:not(.lp-dark) .cps-card-a:hover :is(.cps-mosaic,.cvt-th){transform:translateY(-3px);box-shadow:var(--lpx-card-h)}
html:not(.lp-dark) :is(.lp-fmt,.lp-card):hover{transform:translateY(-3px);box-shadow:var(--lpx-card-h)}
html:not(.lp-dark) .cps-card-p i{color:var(--lpx-acc)}

/* панели, поля ввода */
html:not(.lp-dark) :is(.cps-in,.cps-ta,.apx-in,.cb-search input,.wrx-q input,.lpl-in,.lpa-in,.cga-ta):focus{border-color:#b9a5ff!important;box-shadow:0 0 0 3px rgba(139,92,246,.14)!important;outline:none}
html:not(.lp-dark) :is(.cps-modal-box,.wrx-box,.wrp-box,.lpp-box,.lpa-box,.lpl-box){box-shadow:0 40px 90px -30px rgba(26,16,60,.45),0 0 0 1px rgba(15,15,24,.05)!important}

/* прогресс — градиентом */
html:not(.lp-dark) :is(.wrb-p i,.cvt-bar u,.cps-bar i,.cps-run-bar i,.cps-own-bar i,.cb-prog i,.wrx-prog i){background:var(--lpx-grad2)!important}

/* тёмные секции главной и подвал: глубокий чернильный + сияние */
html:not(.lp-dark) .lp-sec.is-dark{background:radial-gradient(900px 420px at 12% 0%,rgba(139,92,246,.22),transparent 60%),radial-gradient(800px 420px at 92% 100%,rgba(236,72,153,.16),transparent 60%),#11111b}
html:not(.lp-dark) .lpf{background:#11111b}

/* ---------- ИИ-агент ---------- */
html:not(.lp-dark) .cga-send:not(.is-stop):not(:disabled){background:var(--lpx-grad2);box-shadow:0 8px 18px -8px rgba(109,40,217,0.51)}
html:not(.lp-dark) .cga-send:not(.is-stop):not(:disabled):hover{filter:brightness(1.08)}

/* ---------- вход ---------- */
html:not(.lp-dark) .login #wp-submit,html:not(.lp-dark) .login .button-primary{background:var(--lpx-grad)!important;border:0!important;border-radius:999px!important;color:#fff!important;box-shadow:var(--lpx-glow)!important;text-shadow:none}