/* =====================================
   KYSS RUST GLASS THEME
   CLEAN VERSION
===================================== */


/* =====================================
   РОЗОВЫЕ КНОПКИ
===================================== */


button,
.btn,
.button,
a.btn {

    background:
    linear-gradient(
        135deg,
        #ff69b4,
        #ff1493
    )!important;


    border-radius:30px!important;


    color:white!important;


    border:none!important;


    box-shadow:
    0 0 15px rgba(255,20,147,.6)!important;


    transition:.3s ease!important;

}



button:hover,
.btn:hover,
.button:hover,
a.btn:hover {


    transform:translateY(-3px)!important;


    box-shadow:

    0 0 25px #ff69b4,
    0 0 50px #ff1493!important;

}



/* =====================================
   ПРОЗРАЧНОСТЬ МАГАЗИНА
===================================== */


.boxBody {


    background:transparent!important;


    background-color:transparent!important;


    box-shadow:none!important;


    border:none!important;

}



/* =====================================
   HEADER
   KYSS RUST / баланс / профиль
===================================== */


.Header-module__wrapper {


    background:

    rgba(255,105,180,0.10)!important;


    backdrop-filter:

    blur(12px)!important;


    -webkit-backdrop-filter:

    blur(12px)!important;


    border:

    1px solid rgba(255,105,180,.35)!important;


    border-radius:25px!important;


    box-shadow:

    0 0 30px rgba(255,20,147,.25)!important;

}



/* =====================================
   МЕНЮ
   ТОЛЬКО Магазин + Поддержка
===================================== */


#root > div.container.headerContainer > header > nav {


    position:fixed!important;


    top:25px!important;


    left:25px!important;


    right:auto!important;


    bottom:auto!important;


    z-index:999999!important;


    display:flex!important;


    flex-direction:row!important;


    align-items:center!important;


    gap:15px!important;


    padding:12px 20px!important;


    background:

    rgba(255,255,255,0.08)!important;


    backdrop-filter:

    blur(15px)!important;


    -webkit-backdrop-filter:

    blur(15px)!important;


    border-radius:25px!important;


    border:

    1px solid rgba(255,105,180,.35)!important;


    box-shadow:

    0 0 25px rgba(255,20,147,.25)!important;

}



/* ссылки меню */


#root > div.container.headerContainer > header > nav a {


    color:#ff8bdc!important;


    font-weight:700!important;


    text-decoration:none!important;


    transition:.3s!important;

}



#root > div.container.headerContainer > header > nav a:hover {


    color:white!important;


    text-shadow:

    0 0 10px #ff69b4,
    0 0 30px #ff1493!important;

}



/* =====================================
   ЗАГОЛОВОК МАГАЗИНА
===================================== */


.Shop-module__header {


    background:

    rgba(255,105,180,0.10)!important;


    backdrop-filter:

    blur(12px)!important;


    -webkit-backdrop-filter:

    blur(12px)!important;


    border:

    1px solid rgba(255,105,180,.35)!important;


    border-radius:25px 25px 0 0!important;


    color:#ff9ddd!important;


    box-shadow:

    0 0 25px rgba(255,20,147,.25)!important;

}



/* =====================================
   КАРТОЧКИ ТОВАРОВ
===================================== */


[data-productid] {


    background:

    rgba(30,10,25,.45)!important;


    border:

    1px solid rgba(255,150,210,.55)!important;


    border-radius:25px!important;


    box-shadow:

    0 8px 30px rgba(0,0,0,.35),
    0 0 25px rgba(255,20,147,.35)!important;


    backdrop-filter:blur(15px)!important;


    -webkit-backdrop-filter:blur(15px)!important;


    transition:.35s ease!important;

}



[data-productid]:hover {


    transform:

    translateY(-8px)!important;


    background:

    rgba(255,105,180,.25)!important;


    border-color:

    rgba(255,180,220,.9)!important;


    box-shadow:


    0 15px 40px rgba(0,0,0,.45),
    0 0 45px rgba(255,20,147,.7)!important;

}
/* =====================================
   KYSS RUST MENU STICKY TOP LEFT
===================================== */


/* Делаем header независимым */

#root > div.container.headerContainer > header {

    position:static!important;

}


/* Само меню */

#root > div.container.headerContainer > header > nav {

    position:absolute!important;

    left:-330px!important;
    top:-350px!important;

    display:flex!important;
    gap:15px!important;
    align-items:center!important;

    padding:14px 22px!important;

    /* Более плотное стекло */
    background:rgba(20,10,20,.55)!important;

    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;

    border:1px solid rgba(255,170,220,.45)!important;

    border-radius:18px!important;

    box-shadow:
        0 8px 35px rgba(0,0,0,.35),
        0 0 25px rgba(255,20,147,.25)!important;

}
/* =====================================
   MENU BUTTONS
===================================== */

#root > div.container.headerContainer > header > nav a {

    color:#ffd3ee!important;

    font-weight:700!important;

    padding:10px 18px!important;

    border-radius:14px!important;

    transition:.3s ease!important;

}

#root > div.container.headerContainer > header > nav a:hover {

    background:rgba(255,105,180,.18)!important;

    color:#ffffff!important;

    box-shadow:
        0 0 15px rgba(255,20,147,.45)!important;

}
/* =====================================
   KYSS RUST LOGO CENTER
===================================== */

#root > div.container.headerContainer > header {

    position: relative !important;

}

#root > div.container.headerContainer > header > h1 {

    position: absolute !important;

    left: 50% !important;

    top: 50% !important;

    transform: translate(-50%, -50%) !important;

    margin: 0 !important;

    width: auto !important;

    z-index: 1000 !important;

}

#root > div.container.headerContainer > header > h1 > a {

    display: block !important;

    text-align: center !important;

}
/* =====================================
   PLAYER BALANCE MODAL
   Тёмное стекло
===================================== */

/* Затемняем фон позади окна */
.ModalLayout-module__wrapper {

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;

    background: rgba(0,0,0,.45) !important;

}


/* Само окно */

.ModalLayout-module__wrapper section {

    background: rgba(18,18,22,.92) !important;

    border: 1px solid rgba(255,255,255,.08) !important;

    border-radius: 20px !important;

    box-shadow:
        0 15px 50px rgba(0,0,0,.45) !important;

}


/* Заголовок */

body > div.ModalLayout-module__wrapper > div > div > div > section > h2 {

    color: #ffffff !important;

    border-bottom: 1px solid rgba(255,255,255,.08);

    padding-bottom: 15px;

}


/* Содержимое */

body > div.ModalLayout-module__wrapper > div > div > div > section > div.boxBody {

    background: transparent !important;

    color: #e8e8e8 !important;

}


/* Нижняя панель */

body > div.ModalLayout-module__wrapper > div > div > div > section > div.boxFooter.PlayerBalanceModal-module__footer {

    background: rgba(255,255,255,.03) !important;

    border-top: 1px solid rgba(255,255,255,.08) !important;

}