/* ===========================================================
   Космическая тема для внутренних страниц:
   конструктор, именная песня, статус заказа, оплата.
   Подключается последней поверх style.css / redesign.css / songs.css.
   =========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Manrope:wght@400;500;600;700&display=swap');

html:has(body.cx-inner){background:#070818}
body.cx-inner{background:transparent!important;color:#f5efe4}
.cx-inner .page{
  --ink:#f5efe4;--ink-2:#e7e1d6;--ink-soft:#a9a4c2;--wine:#e8c27a;--gold:#e8c27a;--gold-light:#e8c27a;
  --ivory:#0c0e26;--ivory-2:#ffffff17;--line:#ffffff24;
  background:transparent;color:var(--ink)}
.cx-inner .page :is(h1,h2,h3,.section-title){color:var(--ink);font-family:'Cormorant Garamond','Playfair Display',serif;font-weight:500;letter-spacing:-.01em}
.cx-inner .page :is(h1,h2) em{font-style:italic;background:linear-gradient(135deg,#fbe7b0,#e2b764 45%,#b8873b);-webkit-background-clip:text;background-clip:text;color:transparent}
.cx-inner .eyebrow{color:#e8c27a;letter-spacing:.22em}

/* шапка */
.cx-inner .nav{position:sticky;background:#080a1fcc;border-bottom:1px solid #ffffff17;backdrop-filter:blur(18px) saturate(1.3)}
.cx-inner .brand{font:italic 600 1.75rem/1 'Cormorant Garamond',serif;color:#f5efe4;letter-spacing:-.02em}
.cx-inner .brand-dot{color:#e8c27a}
.cx-inner .nav-links a{color:#bdb8d3}.cx-inner .nav-links a:hover{color:#fff}
.cx-inner .nav-toggle{color:#f5efe4}
.cx-inner .lang-switch{background:#ffffff0a;border-color:#ffffff24}
.cx-inner .lang-switch span{background:linear-gradient(135deg,#fbe7b0,#e2b764 45%,#b8873b);color:#1a1206}
.cx-inner .lang-switch i{color:#8c88a8}
@media(max-width:760px){.cx-inner .nav.is-open .nav-links{background:#0b0c22f2;border:1px solid #ffffff17;border-radius:16px}}

/* кнопки */
.cx-inner .btn{border-radius:999px;font-weight:700}
.cx-inner .btn-gold{background:linear-gradient(135deg,#fbe7b0 0%,#e2b764 45%,#b8873b 100%);color:#1a1206;box-shadow:0 8px 30px #e8c27a38,inset 0 1px 0 #fff8;border:0}
.cx-inner .btn-gold:hover{background:linear-gradient(135deg,#fbe7b0 0%,#e2b764 45%,#b8873b 100%);transform:translateY(-2px);box-shadow:0 14px 44px #e8c27a5c}
.cx-inner .btn-ghost{background:#ffffff12;border:1px solid #ffffff2b;color:#f5efe4}
.cx-inner .btn-ghost:hover{background:#ffffff1f}

/* стеклянные карточки вместо белых */
.cx-inner :is(.builder-form,.song-form,.song-step,.sample,.status-card){
  background:linear-gradient(165deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1c;box-shadow:0 30px 70px #02030c99;backdrop-filter:blur(10px)}
.cx-inner .form-heading{border-color:#ffffff17}

/* поля */
.cx-inner .field>span{color:#e7e1d6}
.cx-inner :is(.field input,.field textarea,.field select,.share-row input){
  background:#0a0b20b3;border:1px solid #ffffff24;color:#f5efe4;border-radius:10px;color-scheme:dark}
.cx-inner :is(.field input,.field textarea,.field select):focus{background:#0d0f2a;outline:2px solid #e8c27a55;outline-offset:1px;border-color:#e8c27a88}
.cx-inner :is(input,textarea)::placeholder{color:#8c88a8;opacity:1}
.cx-inner .upload{background:#0a0b20b3;border:1px dashed #e8c27a66;color:#f3d79c;border-radius:12px}
.cx-inner .upload:hover{background:#e8c27a14}
.cx-inner .demo-note,.cx-inner .builder-hint,.cx-inner .preview-label,.cx-inner .hint,.cx-inner .once{color:#a9a4c2}
.cx-inner .builder-hint b{color:#f3d79c}
.cx-inner .builder-back,.cx-inner .full-preview,.cx-inner .admin-link{color:#e8c27a}
.cx-inner .form-message{color:#f3d79c}
.cx-inner .music-field{border-color:#ffffff17}
.cx-inner .choice span{background:#0a0b20b3;border-color:#ffffff24;color:#e7e1d6}
.cx-inner .choice input:checked+span{background:linear-gradient(135deg,#fbe7b0,#e2b764 45%,#b8873b);border-color:transparent;color:#1a1206}

/* телефон предпросмотра */
.cx-inner .preview-phone{border:10px solid #15162a;border-radius:44px;background:#0b0c18;
  box-shadow:0 0 0 1px #ffffff26,0 50px 100px #000c,0 0 120px #7b5cff38}

/* песня */
.cx-inner .song-hero .sh-price{background:#ffffff0d;border-color:#e8c27a55}
.cx-inner .song-hero .sh-price b{color:#f3d79c}
.cx-inner .song-hero p{color:#bdb8d3}
.cx-inner .song-step b{background:radial-gradient(circle at 35% 30%,#2a2560,#0c0d26);border:1px solid #e8c27a59;color:#f3d79c}
.cx-inner .sample p{color:#f5efe4}

/* статус и оплата */
.cx-inner .status-disc{background:repeating-radial-gradient(circle,#15162a 0 2px,#0c0d1c 2px 4px);box-shadow:0 0 0 1px #ffffff1c,0 20px 40px #000a,0 0 40px #e8c27a33}
.cx-inner .status-disc:after{background:linear-gradient(135deg,#fbe7b0,#e2b764 45%,#b8873b)}
.cx-inner .status-card p{color:#bdb8d3}
.cx-inner .status-card .my-link{border-color:#e8c27a55;color:#f3d79c;background:#0a0b2099}
.cx-inner .status-card .link{color:#a9a4c2}
.cx-inner .status-card img[src*="kaspi-qr"]{background:#fff;border-radius:14px;padding:10px}
.cx-inner .status-card [style*="border-top"]{border-top-color:#ffffff17!important}

/* подвал */
.cx-inner .footer{background:#05061299;border-top:1px solid #ffffff17;color:#bdb8d3}
.cx-inner .footer .brand{color:#f5efe4}
.cx-inner .footer-col h4{color:#e8c27a}
.cx-inner .footer-brand p,.cx-inner .footer-col a,.cx-inner .footer-bottom{color:#a9a4c2}
.cx-inner .footer-bottom{border-color:#ffffff17}

/* конструктор: предложение именной песни */
.cx-inner .song-upsell{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;border-radius:16px;text-decoration:none;
  background:linear-gradient(135deg,#e8c27a1f,#7b5cff1a);border:1px solid #e8c27a66;color:#f5efe4;transition:transform .2s,border-color .2s,box-shadow .2s}
.cx-inner .song-upsell:hover{transform:translateY(-2px);border-color:#e8c27a;box-shadow:0 12px 30px #e8c27a26}
.cx-inner .su-disc{flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-size:1.2rem;color:#3a2708;
  background:radial-gradient(circle,#fbe7b0 0 30%,#15162a 31% 100%);box-shadow:0 0 0 1px #e8c27a66;animation:spin 6s linear infinite}
.cx-inner .su-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.cx-inner .su-body b{font:700 .95rem/1.3 'Manrope',sans-serif}
.cx-inner .su-body small{font-size:.74rem;line-height:1.5;color:#a9a4c2}
.cx-inner .su-price{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font:500 1.35rem/1 'Cormorant Garamond',serif;color:#f3d79c;white-space:nowrap}
.cx-inner .su-price i{font:700 .72rem/1 'Manrope',sans-serif;font-style:normal;padding:7px 12px;border-radius:99px;background:linear-gradient(135deg,#fbe7b0,#e2b764 45%,#b8873b);color:#1a1206}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:520px){.cx-inner .song-upsell{flex-wrap:wrap}.cx-inner .su-price{flex-direction:row;align-items:center;width:100%;justify-content:space-between;padding-left:60px}}