:root {
    --swiper-theme-color: #007aff;
}

body,
html {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}
body *,
html * {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
body {
    min-width: 320px;
    position: relative;
    color: #000;
    font-size: 1.5rem;
    line-height: 1.5;
    font-family: Manrope, sans-serif;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}
a {
    text-decoration: none;
    color: #000;
    cursor: default;
}
[v-cloak] {
    display: none;
}
.wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
}
.content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.container {
    max-width: 1300px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}
.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 15px;
    margin-right: 15px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}
.body2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 15px;
    margin-right: 15px;
    /*width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);*/
}
.no-wrap {
    white-space: nowrap;
}
.title {
    font-family: Manrope, sans-serif;
    font-size: 5rem;
    font-weight: 600;
    line-height: 6.5rem;
}
.bg-blue-light {
    background-color: #f2f5f9;
}
.link {
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
::-webkit-input-placeholder {
    color: #333840;
    opacity: 1;
}
::-moz-placeholder {
    color: #333840;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #333840;
    opacity: 1;
}
::-webkit-input-placeholder {
    color: #333840;
}
::-moz-placeholder {
    color: #333840;
}
:-ms-input-placeholder {
    color: #333840;
}
::-ms-input-placeholder {
    color: #333840;
}
::placeholder {
    color: #333840;
}
.bl-cards {
    padding-bottom: 7rem;
}
.bl-cards-video {
    padding-bottom: 0rem;
    }
.bl-cards-NW {
    padding-bottom: 0rem;
}
.cards {
    margin-bottom: 4.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.9rem;
    margin-right: -0.9rem;
}
.cards .card {
    display: block;
    background: #fff;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0 1.5rem #ccdef6;
    box-shadow: 0 0 1.5rem #ccdef6;
    margin-left: 0.9rem;
    margin-right: 0.9rem;
    height: 100%;
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
    padding:20px 0 20px 0;
}
.cards .card:hover {
    -webkit-box-shadow: 0 0 2rem #a9c8f0;
    box-shadow: 0 0 2rem #a9c8f0;
    cursor: pointer;
}
.cards .card:hover span,
.cards .card:hover .card-info {
    color: #0081df;
}
.cards .card * {
    display: block;
}
.cards .card-wrap,
.cards .nav-card {
    width: 25%;
    margin-bottom: 1.6rem;
}
.cards .card__img {
    border-radius: 0.3rem;
    width: auto;
    padding-top: 55%;
    margin: 1.4rem 1.4rem 2.8rem 1.4rem;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
}
.cards .card__info,
.cards .nav-card .card-info {
    padding: 4rem 2.3rem;
}
.cards .card__info-video {
    padding: 0rem 1.3rem 0rem 0.9rem;
	margin-top: -15px;
margin-bottom: 15px;
	text-align:center;
}
.cards .card__info-NW {
    padding: 0rem 1.3rem 0rem 0.9rem;
    margin-top: 15px;
margin-bottom: 15px;
    text-align:center;
}
.cards .card__title,
.cards .card-title,
.cards .nav-card .card-info {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.6rem;
    text-align: center;
}
.cards.teachers .card {
    cursor: default;
    padding-top: 5.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.cards.teachers .card:hover {
    -webkit-box-shadow: 0 0 1.5rem #ccdef6;
    box-shadow: 0 0 1.5rem #ccdef6;
}
.cards.teachers .card:hover .card__img {
    background-size: 100%;
}
.cards.teachers .card__img {
    border-radius: 50%;
    max-width: 20rem;
    height: 20rem;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 3.2rem;
}
.cards.teachers .card__info {
    text-align: center;
    padding: 0;
}
.cards.teachers-main .card {
    cursor: default;
    padding-top: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.cards.teachers-main .card:hover {
    -webkit-box-shadow: 0 0 1.5rem #ccdef6;
    box-shadow: 0 0 1.5rem #ccdef6;
}
.cards.teachers-main .card:hover .card__img {
    background-size: 100%;
}
.cards.teachers-main .card__img {
    border-radius: 50%;
    max-width: 16rem;
    height: 16rem;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 3.2rem;
}
.cards.teachers-main .card__info {
    text-align: center;
    padding: 0;
}
.lang-dropdown {
    height: 4.4rem;
    width: 7rem;
    border-radius: 0.5rem;
    background-color: #f1f7fd;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.lang-dropdown__selected {
    width: 2rem;
    height: 1.5rem;
    background-position: center left;
    background-size: contain;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
}
.lang-dropdown__selected[data-lang="ru"] {
    background-image: url(images/svg/flags/ru.svg);
}
.lang-dropdown__selected[data-lang="us"] {
    background-image: url(images/svg/flags/us.svg);
}
.lang-dropdown__selected[data-lang="fr"] {
    background-image: url(images/svg/flags/fr.svg);
}
.lang-dropdown__selected[data-lang="it"] {
    background-image: url(images/svg/flags/it.svg);
}
.lang-dropdown__link {
    display: block;
    padding: 0.5rem 0 0.5rem 3rem;
    position: relative;
    -webkit-transition: 0.2s ease-in-out color;
    transition: 0.2s ease-in-out color;
}
.lang-dropdown__link:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2rem;
    height: 1.5rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.lang-dropdown__link[data-lang="ru"]:after {
    background-image: url(images/svg/flags/ru.svg);
}
.lang-dropdown__link[data-lang="us"]:after {
    background-image: url(images/svg/flags/us.svg);
}
.lang-dropdown__link[data-lang="fr"]:after {
    background-image: url(images/svg/flags/fr.svg);
}
.lang-dropdown__link[data-lang="it"]:after {
    background-image: url(images/svg/flags/it.svg);
}
.top {
    padding-top: 4.7rem;
    margin-bottom: 3rem;
}
.header {
    position: relative;
    z-index: 2;
}
.header__top {
    padding: 2rem 0;
    background-color: #fff;
    position: relative;
    z-index: 1;
}
.header__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.header__body > * {
    margin-right: 32px;
}
.header__logo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.header__lang {
    margin-left: auto;
}
@media (max-width: 1240px) {
    .header__body > * {
        margin-right: -webkit-calc(10px + 22 * ((100vw - 320px)/ 920));
        margin-right: calc(10px + 22 * ((100vw - 320px) / 920));
    }
}
@media screen and (max-width: 1200px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (max-width: 992px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .title {
        font-size: 4rem;
        line-height: 5.5rem;
    }
    .cards .card-wrap,
    .cards .nav-card {
        width: 33.33%;
    }
    .cards.teachers .card {
        padding-top: 3.5rem;
    }
    .cards.teachers .card__img {
        max-width: 18rem;
        height: 18rem;
    }
    .header__logo {
        max-width: 15rem;
    }
}
@media screen and (max-width: 768px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .title {
        font-size: 2.8rem;
        line-height: 1.3;
    }
    .bl-cards {
        padding-bottom: 2.5rem;
    }
    .cards {
        margin-bottom: 2.6rem;
    }
    .cards .card:hover {
        -webkit-box-shadow: 0 0 1.5rem #ccdef6;
        box-shadow: 0 0 1.5rem #ccdef6;
    }
    .cards .card:hover .card__img {
        background-size: 100%;
    }
    .cards .card-wrap,
    .cards .nav-card {
        width: 50%;
    }
    .cards .card__img {
        margin: 0.9rem 0.9rem 2rem 0.9rem;
    }
    .cards .card__info {
        padding: 0 2rem;
    }
    .cards.teachers .card {
        padding-top: 2.5rem;
    }
    .cards.teachers .card__img {
        max-width: 14rem;
        height: 14rem;
        margin-bottom: 2rem;
    }
    .lang-dropdown {
        cursor: default;
        height: 3.2rem;
        width: 5rem;
    }
    .top {
        padding-top: 3.7rem;
    }
    .header__body > * {
        margin-right: 0;
    }
    .header__lang {
        margin-left: auto;
    }
}
@media screen and (max-width: 480px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .cards .card-wrap,
    .cards .nav-card {
        width: 100%;
		text-align:center;
    }
    .header__logo {
        max-width: none;
        width: 11rem;
    }
}
@media (any-hover: hover) {
    a {
        cursor: pointer;
    }
    .lang-dropdown__link:hover {
        color: rgba(0, 0, 0, 0.7);
    }
}


div.menu__sub-link
{
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 500;
    -webkit-transition: 0.2s ease-in-out opacity;
    transition: 0.2s ease-in-out opacity;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

div.menu__sub-link .menu__item-caret.caret
{
    transform: rotate(-90deg);
}

.menu__sub-list .menu__sub-list
{
    display: none;
}

.menu__sub-list .menu__sub-item:hover .menu__sub-list
{
    display: block;
}


@media (min-width: 1300px)
{
    .ownd-subitem-parent
    {
        width: calc( 100% + 25px );
        height: 34px;
        margin-top: -2px;
    }
    
    .menu__sub-list .menu__sub-list
    {
        position: absolute;
        top: 0;
        left: 100%;
    }
}

@media (max-width: 1300px)
{
    .menu-primary .menu__sub-item.ownd-subitem-parent .menu__sub-list
    {
        display: none;
    }
    
    .menu-primary .menu__sub-item.ownd-subitem-parent.open .menu__sub-list
    {
        display: block;
    }
    
    .menu-primary .menu__sub-item.ownd-subitem-parent .menu__item-caret.caret
    {
        transform: rotate(0deg) !important;
    }
    
    .menu-primary .menu__sub-item.ownd-subitem-parent .menu__item-caret.caret .svg-icon-circle-arrow-down
    {
        fill: #009eff;
        stroke: none;
    }
    
    .menu__sub-list .menu__sub-list
    {
        padding: 0 0 0 25px;
    }
}

@charset "UTF-8";
:root {
  --primary-color: #00a94f;
  --color-gray: #f7f9fa;
  --color-blue: #ccdef6;
}

.p-magazines {
  padding-top: 39px;
  padding-bottom: 80px;
}
@media (min-width: 992px) {
  .p-magazines {
    padding-top: 50px;
    padding-bottom: 94px;
  }
}
.p-magazines .title {
  font-size: 28px;
  line-height: 120%;
  margin-bottom: 24px;
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  .p-magazines .title {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 45px;
  }
}
.p-magazines .g-rudn-divider {
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .p-magazines .g-rudn-divider {
    margin-bottom: 23px;
  }
}
.p-magazines .g-rudn-item__title {
  margin-bottom: 13px;
}
@media (min-width: 992px) {
  .p-magazines .g-rudn-item__title {
    margin-bottom: 26px;
  }
}
.p-magazines .g-rudn-item__text:not(:last-child) {
  margin-bottom: 15px;
}

.p-magazines__list {
  display: grid;
  gap: 20px;
}
@media (min-width: 992px) {
  .p-magazines__list {
    gap: 32px;
  }
}

.p-magazines-item {
  position: relative;
  padding: 21px 20px 40px;
}
@media (min-width: 992px) {
  .p-magazines-item {
    padding: 38px 28px 38px 42px;
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: 1fr auto;
    -moz-column-gap: 52px;
         column-gap: 52px;
    row-gap: 22px;
  }
}

.g-rudn-item__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
}
@media (min-width: 992px) {
  .g-rudn-item__title {
    font-size: 28px;
    line-height: 130%;
  }
}

.g-rudn-divider {
  width: 100%;
  height: 1px;
  background-color: var(--primary-color);
}

.g-rudn-divider--blue {
  background-color: var(--color-blue);
}

.g-rudn-item__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;
}
.g-rudn-item__text b {
  font-weight: 600;
}
@media (min-width: 992px) {
  .g-rudn-item__text {
    font-size: 16px;
    line-height: 180%;
  }
}

.g-rudn-item__text--atten {
  border-radius: 5px;
  font-size: 12px;
  line-height: 180%;
  padding: 19px 16px 17px;
  background-color: var(--color-gray);
}
@media (min-width: 992px) {
  .g-rudn-item__text--atten {
    font-size: 13px;
    padding: 23px 24px 19px;
  }
}

.p-magazines-item__img-wrap {
  width: 164px;
  height: 230px;
  margin: 26px auto 33px;
  position: relative;
  border: 1px solid #e9eff7;
  border-radius: 5px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .p-magazines-item__img-wrap {
    width: 218px;
    height: 306px;
    margin: 0;
    position: relative;
    top: -7px;
    left: -3px;
  }
}
.p-magazines-item__img-wrap img {
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-magazines-item__more-info {
  transition: opacity 0.3s ease 0s, visibility 0.3s ease 0s;
  position: relative;
}
@media (min-width: 992px) {
  .p-magazines-item__more-info {
    max-width: 100%;
    grid-column: 1/2;
    padding-top: 17px;
  }
}
.p-magazines-item__more-info.hidden {
  transition: 0s;
  position: absolute;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}

.g-rudn-item__btns {
  display: grid;
  row-gap: 20px;
  -moz-column-gap: 22px;
       column-gap: 22px;
}
.g-rudn-item__btns .btn {
  height: 5rem;
  width:100%;
}
@media (min-width: 992px) {
  .g-rudn-item__btns {
    grid-column: 1/-1;
    grid-template-columns: repeat(auto-fill, 200px);
    flex: 1 0 auto;
    width: 100%;
  }
}

.btn-secondary-gray {
  color: #fff;
  background-color: #848e99;
}

.s-seminar-page {
  /*padding-top: 39px;*/
  padding-bottom: 75px;
}
@media (min-width: 992px) {
  .s-seminar-page {
    /*padding-top: 50px;*/
  }
}
.s-seminar-page .g-rudn-item__text:not(:last-child) {
  margin-bottom: 16px;
}
.s-seminar-page .title {
  margin-bottom: 23px;
  letter-spacing: 0.5px;
}
@media (min-width: 992px) {
  .s-seminar-page .title {
    margin-bottom: 39px;
    letter-spacing: 0.8px;
  }
}
.s-seminar-page .g-rudn-divider--blue {
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  .s-seminar-page .g-rudn-divider--blue {
    margin-bottom: 39px;
  }
}

.s-seminar .g-rudn-item__text--mb:not(:last-child) {
  margin-bottom: 19px;
}

.s-seminar__title-colored {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: var(--primary-color);
  margin-bottom: 35px;
}
@media (min-width: 992px) {
  .s-seminar__title-colored {
    font-size: 28px;
    margin-bottom: 37px;
    /*max-width: 82%;*/
  }
}

.s-seminar__columns {
  margin-bottom: 27px;
}
@media (min-width: 992px) {
  .s-seminar__columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 47px;
  }
  .s-seminar__columns .g-rudn-item__text {
    padding-right: 30px;
  }
}

.s-seminar__title-h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .s-seminar__title-h3 {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 41px;
  }
}

.s-seminar__list {
  display: grid;
  gap: 21px;
}
@media (min-width: 992px) {
  .s-seminar__list {
    gap: 32px;
  }
}

.s-seminar-item {
  padding: 20px 20px 25px;
  display: grid;
  gap: 40px;
}
@media (min-width: 992px) {
  .s-seminar-item {
    padding: 29px 42px 42px;
    grid-template-columns: 1fr 188px;
    row-gap: 33px;
    -moz-column-gap: 71px;
         column-gap: 71px;
  }
    .s-seminar-item-ruslang {
    padding: 29px 42px 42px;
    row-gap: 33px;
    -moz-column-gap: 71px;
         column-gap: 71px;
  }
}
.s-seminar-item .g-rudn-divider {
  margin-bottom: 20px;
}
.s-seminar-item .g-rudn-item__btns {
  -moz-column-gap: 25px;
       column-gap: 25px;
}

@media (min-width: 992px) {
  .s-seminar-item__text-content .g-rudn-item__text:not(:last-child) {
    margin-bottom: 25px;
  }
}

.s-seminar-item__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 23px;
}
@media (min-width: 992px) {
  .s-seminar-item__title {
    display: flex;
    align-items: center;
    font-size: 28px;
    margin-bottom: 31px;
    min-height: 84px;
  }
}

.s-seminar-item__info {
  background-color: var(--color-gray);
  border-radius: 5px;
  padding: 19px 19px 23px 14px;
  display: grid;
  row-gap: 33px;
  margin-top: 21px;
}
@media (min-width: 667px) {
  .s-seminar-item__info {
    margin-top: 0;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 65px;
         column-gap: 65px;
  }
    .s-seminar-item-ruslang__info {
    margin-top: 0;
    -moz-column-gap: 65px;
         column-gap: 65px;
  }
}
@media (min-width: 992px) {
  .s-seminar-item__info {
    padding: 25px 30px 23px 32px;
  }
}

.s-seminar-item dt {
  text-transform: uppercase;
  color: var(--primary-color);
  font-weight: 600;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0.15em;
}

.seminar-info__list dt {
  margin-bottom: 7px;
}

.seminar-item-info__dd {
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  color: #333840;
}
@media (min-width: 992px) {
  .seminar-item-info__dd {
    font-size: 13px;
  }
}

.seminar-date-info {
  text-align: center;
}
.seminar-date-info dt {
  margin-bottom: 14px;
}
.seminar-date-info dd {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
}
@media (min-width: 992px) {
  .seminar-date-info dd {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .seminar-date-info {
    margin-top: 14px;
    text-align: left;
    padding-right: 19px;
  }
}

.seminar-date-info__item:not(:last-child) {
  margin-bottom: 34px;
}
@media (min-width: 992px) {
  .seminar-date-info__item:not(:last-child) {
    margin-bottom: 36px;
  }
}

dd.seminar-date-info__item-date {
  font-family: "AngleciaProDisplay", sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.02em;
}
@media (min-width: 992px) {
  dd.seminar-date-info__item-date {
    font-size: 28px;
  }
}

dt.seminar-date-info__item-time {
  margin-bottom: 9px;
}

.s-school-page section:last-child {
  padding-bottom: 112px;
}
@media (min-width: 992px) {
  .s-school-page section:last-child {
    padding-bottom: 123px;
  }
}
.s-school-page .title {
  margin-bottom: 18px;
  line-height: 1.2;
  letter-spacing: 0.4px;
}
@media (min-width: 992px) {
  .s-school-page .title {
    letter-spacing: 0.6px;
    margin-bottom: 12px;
  }
}
.s-school-page .g-rudn-item__text {
  line-height: 2;
}

.s-school .s-school__title-h3 {
  line-height: 160%;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .s-school .s-school__title-h3 {
    margin-bottom: 40px;
  }
}

.s-school-slider {
  padding-bottom: 48px;
}
@media (min-width: 992px) {
  .s-school-slider {
    padding-bottom: 105px;
  }
}

.s-school-research .s-school__title-h3 {
  margin-bottom: 20px;
  max-width: 60%;
}
@media (min-width: 992px) {
  .s-school-research .s-school__title-h3 {
    margin-bottom: 34px;
    max-width: 100%;
  }
}

.s-school__title-h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 23px;
}
@media (min-width: 992px) {
  .s-school__title-h3 {
    font-size: 30px;
    line-height: 100%;
  }
}

.s-school__title-h3--green {
  color: var(--primary-color);
}

.s-school__columns {
  display: grid;
  gap: 29px;
  margin-bottom: 47px;
}
@media (min-width: 992px) {
  .s-school__columns {
    grid-template-columns: 507px 1fr;
    -moz-column-gap: 51px;
         column-gap: 51px;
    margin-bottom: 67px;
  }
}

.s-school__img-wrap {
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  height: 152px;
  aspect-ratio: 1.842/1;
  height: auto;
  max-height: 276px;
  position: relative;
}
.s-school__img-wrap img {
  overflow: hidden;
  border-radius: 5px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .s-school__img-wrap {
    margin-top: 8px;
  }
}

.s-school__slider-wrap {
  position: relative;
  padding: 27px 21px 84px;
}
@media (min-width: 992px) {
  .s-school__slider-wrap {
    padding: 50px 55px 34px 49px;
  }
}
.s-school__slider-wrap .s-school__title-h3 {
  text-align: center;
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .s-school__slider-wrap .s-school__title-h3 {
    text-align: left;
    margin-bottom: 60px;
  }
}

.school-history__nav {
  position: absolute;
  bottom: 34px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-grid;
  grid-template-columns: -webkit-min-content -webkit-min-content;
  grid-template-columns: min-content min-content;
  gap: 11px;
}
@media (min-width: 992px) {
  .school-history__nav {
    top: 46px;
    right: 55px;
    left: initial;
    bottom: initial;
    transform: translateX(0);
  }
}

button.school-history__nav-btn {
  cursor: pointer;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  outline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
button.school-history__nav-btn:hover:not(:disabled) {
  color: var(--primary-color);
}

.school-history-slider__slide {
  text-align: center;
}
.school-history-slider__slide .g-rudn-divider {
  margin-bottom: 31px;
}
@media (min-width: 992px) {
  .school-history-slider__slide .g-rudn-divider {
    margin-bottom: 26px;
  }
}
@media (min-width: 992px) {
  .school-history-slider__slide {
    padding: 6px 0px 7px 6px;
    text-align: left;
  }
}

.school-history-slide__slide-title {
  font-family: "AngleciaProDisplay", sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  color: var(--primary-color);
  margin-bottom: 17px;
}
@media (min-width: 992px) {
  .school-history-slide__slide-title {
    margin-bottom: 13px;
    font-size: 32px;
  }
}

.school-history-slide__slide-text {
  min-height: 130px;
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;
}

.s-school-research {
  padding-bottom: 47px;
}
@media (min-width: 992px) {
  .s-school-research {
    padding-bottom: 112px;
  }
}
.s-school-research .g-rudn-divider {
  margin-bottom: 27px;
}
@media (min-width: 992px) {
  .s-school-research .g-rudn-divider {
    margin-bottom: 36px;
  }
}

.s-school__research-directions-list {
  display: grid;
  gap: 20px;
}
@media (min-width: 992px) {
  .s-school__research-directions-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 47px;
    list-style-type:none;
  }
}
.s-school__research-directions-list li {
  padding-left: 44px;
  position: relative;
}
.s-school__research-directions-list li::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%230081df'/%3E%3Cpath d='M7 13L10 16L17 9' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  position: absolute;
  top: 6px;
  left: -2px;
  width: 24px;
  height: 24px;
}
@media (min-width: 992px) {
  .s-school__research-directions-list li::after {
    width: 32px;
    height: 32px;
    top: 2px;
    left: -2px;
  }
}
.s-school__research-directions-list .g-rudn-item__text {
  line-height: 180%;
}

.s-school-features {
  padding-top: 33px;
  padding-bottom: 50px;
  color: #ffffff;
}
@media (min-width: 992px) {
  .s-school-features {
    padding-top: 92px;
    padding-bottom: 101px;
  }
}
@media (min-width: 992px) {
  .s-school-features .s-school__title-h3 {
    font-weight: 500;
  }
}
.s-school-features .ff-denistina {
  display: none;
}
@media (min-width: 992px) {
  .s-school-features .ff-denistina {
    display: inline-block;
  }
}

.s-school-features__header {
  margin-bottom: 35px;
}
@media (min-width: 992px) {
  .s-school-features__header {
    margin-bottom: 37px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.school-features-list {
  display: grid;
  gap: 18px;
  text-align: center;
}
.school-features-list p:not(.school-features-list__numb) {
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;
}
@media (min-width: 992px) {
  .school-features-list p:not(.school-features-list__numb) {
    font-size: 16px;
  }
}
.school-features-list > li {
  padding: 26px 0 21px;
  background: rgba(16, 89, 165, 0.8);
  border-radius: 5px;
}
@media (min-width: 992px) {
  .school-features-list > li {
    padding: 33px 25px 24px;
  }
}
@media (min-width: 992px) {
  .school-features-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1440px) {
  .school-features-list {
    -moz-column-gap: 24px;
         column-gap: 24px;
    grid-template-columns: 1fr repeat(3, 230px);
  }
}

.school-features-list__numb {
  font-family: "AngleciaProDisplay", sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0.02em;
}
@media (min-width: 992px) {
  .school-features-list__numb {
    font-size: 60px;
  }
}

.school-features-list__sublist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-evenly;
  height: 100%;
  row-gap: 18px;
}
@media (min-width: 1440px) {
  .school-features-list__sublist {
    align-items: center;
    align-content: center;
    justify-content: space-between;
  }
}
.school-features-list__sublist li {
  flex: 0 1 50%;
}
@media (min-width: 1440px) {
  .school-features-list__sublist li {
    flex: 0 1 15%;
  }
}

@media (min-width: 992px) {
  .school-features-list__li-horiz {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .school-features-list__li-horiz .school-features-list__numb {
    margin-right: 11px;
  }
}
@media (min-width: 1440px) {
  .school-features-list__li-horiz {
    text-align: left;
    justify-content: flex-start;
  }
}

@media (min-width: 992px) {
  .school-features-list__li-3in1 {
    grid-row: 1/3;
  }
}
@media (min-width: 1440px) {
  .school-features-list__li-3in1 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}

li.school-features-list__li-vert {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1440px) {
  li.school-features-list__li-vert {
    grid-row: 1/3;
  }
  li.school-features-list__li-vert .school-features-list__numb {
    margin-bottom: 12px;
  }
}

.s-school-director {
  padding-top: 56px;
  padding-bottom: 75px;
  background-color: white;
}
@media (min-width: 992px) {
  .s-school-director {
    padding-top: 99px;
    padding-bottom: 89px;
    background-color: white;
  }
  .s-school-director .s-school__title-h3 {
    margin-bottom: 43px;
  }
}
.s-school-director .g-rudn-divider {
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .s-school-director .g-rudn-divider {
    margin-bottom: 36px;
  }
}

@media (min-width: 992px) {
  .school-director {
    display: grid;
    row-gap: 39px;
    -moz-column-gap: 0px;
         column-gap: 0px;
    grid-template-columns: 429px 203px auto auto;
    grid-template-areas: "name name position position" "img achievements achievements achievements" "img list list list";
  }
}

.school-director__name {
  font-family: "AngleciaProDisplay", sans-serif;
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0.4px;
}
@media (min-width: 992px) {
  .school-director__name {
    grid-area: name;
    font-size: 44px;
    margin-bottom: 0;
  }
}

.school-director__img-wrap {
  width: 207px;
  height: 292px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin: 0 auto 32px;
}
.school-director__img-wrap img {
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .school-director__img-wrap {
    width: 383px;
    height: 541px;
    grid-area: img;
    margin-bottom: 0;
    margin-left: 0;
  }
}

.school-director__position {
  padding: 14px 20px 15px;
  border-radius: 5px;
  background-color: var(--color-gray);
  font-weight: 400;
  font-size: 13px;
  line-height: 180%;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .school-director__position {
    padding: 21px 22px;
    font-size: 16px;
    grid-area: position;
    margin-bottom: 0;
  }
}

.school-director__achievements {
  font-weight: 600;
  font-size: 14px;
  line-height: 180%;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .school-director__achievements {
    font-size: 16px;
    grid-area: achievements;
    margin-bottom: -14px;
  }
}

@media (min-width: 992px) {
  .school-director__lists {
    grid-area: list;
    display: grid;
    gap: 48px;
    align-items: start;
    grid-template-columns: 1fr 1fr;
  }
}

.school-director__feat-list {
  font-weight: 400;
  font-size: 13px;
  line-height: 190%;
  display: grid;
  gap: 21px;
}
.school-director__feat-list:not(:last-child) {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .school-director__feat-list:not(:last-child) {
    margin-bottom: 0;
  }
}
.school-director__feat-list li {
  padding-left: 38px;
  position: relative;
}
.school-director__feat-list li::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%2300A94F'/%3E%3Cpath d='M7 13L10 16L17 9' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 2px;
  left: -1px;
  width: 24px;
  height: 24px;
}
@media (min-width: 992px) {
  .school-director__feat-list {
    font-size: 14px;
    line-height: 27px;
    padding-right: 4px;
    gap: 18px;
  }
}

.s-school-team {
  padding-top: 60px;
  padding-bottom: 120px;
}
@media (min-width: 992px) {
  .s-school-team {
    padding-top: 82px;
  }
}
.s-school-team .s-school__title-h3 {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .s-school-team .s-school__title-h3 {
    margin-bottom: 34px;
  }
}
.s-school-team .s-school__title-h3 + .g-rudn-divider {
  margin-bottom: 37px;
}
@media (min-width: 992px) {
  .s-school-team .s-school__title-h3 + .g-rudn-divider {
    margin-bottom: 60px;
  }
}

.s-school-team__list {
  display: grid;
  gap: 23px;
}
@media (min-width: 992px) {
  .s-school-team__list {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: -webkit-min-content -webkit-min-content auto;
    grid-template-rows: min-content min-content auto;
    align-items: start;
    -moz-column-gap: 45px;
         column-gap: 45px;
    row-gap: 43px;
  }
}

.s-school-team__item {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  padding: 20px 15px 27px 21px;
}
@media (min-width: 992px) {
  .s-school-team__item {
    border-radius: 10px;
    font-size: 16px;
    line-height: 32px;
    padding: 25px 31px 25px 24px;
  }
}
.s-school-team__item .g-rudn-divider {
  margin-bottom: 21px;
}
@media (min-width: 992px) {
  .s-school-team__item .g-rudn-divider {
    margin-bottom: 24px;
  }
}
.s-school-team__item ul:not(:last-child) {
  margin-bottom: 47px;
}
@media (min-width: 992px) {
  .s-school-team__item ul:not(:last-child) {
    margin-bottom: 49px;
  }
}
.s-school-team__item li {
  padding-left: 4px;
  padding-right: 5px;
  position: relative;
}
.s-school-team__item li::before {
  content: "•";
}
@media (min-width: 992px) {
  .s-school-team__item li {
    padding-right: 8px;
  }
}

.s-school-team__item-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  color: var(--primary-color);
  margin-bottom: 21px;
}
@media (min-width: 992px) {
  .s-school-team__item-title {
    font-size: 20px;
    line-height: 40px;
  }
}

.s-school-team__item--row2 {
  grid-row: span 3;
}

.school-history-slider {
  overflow-x: hidden;
  overflow-y: hidden;
}/*# sourceMappingURL=app.css.map */

.s-rusyear-page {
  padding-top: 39px;
  padding-bottom: 152px;
}
@media (min-width: 992px) {
  .s-rusyear-page {
   padding-top: 50px;
  }
}
.s-rusyear-page .g-rudn-item__text:not(:last-child) {
  margin-bottom: 16px;
}
.s-rusyear-page .title {
  margin-bottom: 23px;
  letter-spacing: 0.5px;
}
@media (min-width: 992px) {
  .s-rusyear-page .title {
    margin-bottom: 39px;
    letter-spacing: 0.8px;
  }
}
.s-rusyear-page .g-rudn-divider--blue {
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  .s-rusyear-page .g-rudn-divider--blue {
    margin-bottom: 39px;
  }
}

.s-rusyear .g-rudn-item__text--mb:not(:last-child) {
  margin-bottom: 19px;
}

.s-rusyear__title-colored {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: var(--primary-color);
  margin-bottom: 35px;
}
@media (min-width: 992px) {
  .s-rusyear__title-colored {
    font-size: 28px;
    margin-bottom: 37px;
    /*max-width: 82%;*/
  }
}

.s-rusyear__columns {
  margin-bottom: 27px;
}
@media (min-width: 992px) {
  .s-rusyear__columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 47px;
  }
  .s-rusyear__columns .g-rudn-item__text {
    padding-right: 30px;
  }
}

.s-rusyear__title-h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .s-rusyear__title-h3 {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 41px;
  }
}

.s-rusyear__list {
  display: grid;
  gap: 21px;
}
@media (min-width: 992px) {
  .s-rusyear__list {
    gap: 32px;
  }
}

.s-rusyear-item {
  padding: 20px 20px 25px;
  display: grid;
  gap: 40px;
}
@media (min-width: 992px) {
  .s-rusyear-item {
    padding: 29px 42px 42px;
    grid-template-columns: 1fr 188px;
    row-gap: 33px;
    -moz-column-gap: 71px;
         column-gap: 71px;
  }
    .s-rusyear-item-ruslang {
    padding: 29px 42px 42px;
    row-gap: 33px;
    -moz-column-gap: 71px;
         column-gap: 71px;
  }
}
.s-rusyear-item .g-rudn-divider {
  margin-bottom: 20px;
}
.s-rusyear-item .g-rudn-item__btns {
  -moz-column-gap: 25px;
       column-gap: 25px;
}

@media (min-width: 992px) {
  .s-rusyear-item__text-content .g-rudn-item__text:not(:last-child) {
    margin-bottom: 25px;
  }
}

.s-rusyear-item__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 23px;
}
@media (min-width: 992px) {
  .s-rusyear-item__title {
    display: flex;
    align-items: center;
    font-size: 28px;
    margin-bottom: 31px;
    min-height: 84px;
  }
}

.s-rusyear-item__info {
  background-color: var(--color-gray);
  border-radius: 5px;
  padding: 19px 19px 23px 14px;
  
  row-gap: 33px;
  margin-top: 21px;
}
@media (min-width: 667px) {
  .s-rusyear-item__info {
    margin-top: 0;
    
    -moz-column-gap: 65px;
         column-gap: 65px;
  }
    .s-rusyear-item-ruslang__info {
    margin-top: 0;
    -moz-column-gap: 65px;
         column-gap: 65px;
  }
}
@media (min-width: 992px) {
  .s-rusyear-item__info {
    padding: 25px 30px 23px 32px;
  }
}

.s-rusyear-item dt {
  text-transform: uppercase;
  color: var(--primary-color);
  font-weight: 600;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0.15em;
}

.rusyear-info__list dt {
  margin-bottom: 7px;
}

.rusyear-item-info__dd {
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  color: #333840;
}
@media (min-width: 992px) {
  .rusyear-item-info__dd {
    font-size: 13px;
  }
}

.rusyear-date-info {
  text-align: center;
}
.rusyear-date-info dt {
  margin-bottom: 14px;
}
.rusyear-date-info dd {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
}
@media (min-width: 992px) {
  .rusyear-date-info dd {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .rusyear-date-info {
    margin-top: 14px;
    text-align: left;
    padding-right: 19px;
  }
}

.rusyear-date-info__item:not(:last-child) {
  margin-bottom: 34px;
}
@media (min-width: 992px) {
  .rusyear-date-info__item:not(:last-child) {
    margin-bottom: 36px;
  }
}

dd.rusyear-date-info__item-date {
  font-family: "AngleciaProDisplay", sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.02em;
}
@media (min-width: 992px) {
  dd.rusyear-date-info__item-date {
    font-size: 28px;
  }
}

dt.rusyear-date-info__item-time {
  margin-bottom: 9px;
}
.rusyear-title-emblem {
display:flex;
}

.rusyear-title {
width:85%;
margin-right:30px;
}

.rusyear-emblem {
width:15%;
align-items:center;
justify-content: flex-end;
}
.rusyear-emblem img{
width:80%;
}

.rusyear_banner {
 min-height: 40rem;
}
.rusyear_header {
font-family: "AngleciaProDisplay", sans-serif;
font-size: 5.4rem;
line-height: 5.8rem;
margin-bottom: 3rem;
}
.rusyear_subheader {
font-family: "Manrope", sans-serif;
font-size: 2.8rem;
line-height: 4.4rem;
margin-bottom: 2rem;
}

@media (max-width: 667px) {
    .rusyear-title {
    width:100%;
    margin-right:0;
    }
    
    .rusyear-emblem {
    width:100%;
    align-items:center;
    text-align: center;
    }
    .rusyear-title-emblem {
    flex-wrap:wrap;
    margin-bottom: 20px;
    }
    .rusyear-emblem img{
    width:50%;
    }
    .rusyear_header {
    font-family: "AngleciaProDisplay", sans-serif;
    font-size: 3.8rem;
    line-height: 4.8rem;
    margin-bottom: 3rem;
    }
    .rusyear_subheader {
    font-family: "Manrope", sans-serif;
    font-size: 1.8rem;
    line-height: 3.4rem;
    margin-bottom: 2rem;
    }
    .rusyear_mob_bg {
    background-color:#00853F;
    padding: 2rem 0 2rem;
    }
}

.partners_main {
margin-top: 5.5rem;
}
.bl-partners {
    margin-top: 5.5rem;
    overflow:hidden;
}
.bl-partners .title {
    margin-bottom: 5.5rem;
}
.bl-partners .partners {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
}
.bl-partners .partners .card-wrap {
    width: 39.8rem;
    height: auto;
}

.bl-partners__btn {
    margin-top: 6.5rem;
    max-width: 38rem;
    margin-left: auto;
    margin-right: auto;
}
.bl-partners__btn .btn {
    width: 100%;
}
.bl-partners__nav {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: -10.3rem;
    right: 1.5rem;
}
.bl-partners__nav button {
    width: 4rem;
    height: 4rem;
}
.cards.partners .card {
    cursor: default;
    padding-top: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.cards.partners .card:hover {
    -webkit-box-shadow: 0 0 1.5rem #ccdef6;
    box-shadow: 0 0 1.5rem #ccdef6;
}
.cards.partners .card:hover .card__img {
    background-size: 100%;
}
.cards.partners .card__img {
    max-width: 23rem;
    height: 10rem;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 0;
    margin-top:0;
}
.cards.partners .card__txt {
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-bottom: 1.5rem;
}
.cards.partners .card__info {
    text-align: center;
    padding: 0 2rem;
}
.main-partners {
    position: relative;
    /*padding-top: 6rem;*/
    padding-bottom: 3rem;
}
.main-partners__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 3.8rem;
}
.main-partners__title h3 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-weight: 700;
}
.main-partners .cards {
    margin: 0;
}
.main-partners .cards .card {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.main-partners .cards .card__img {
    border-radius: 0.5rem;
}
/*.main-partners .cards .card:hover {
    -webkit-box-shadow: 0 0 2rem #a9c8f0;
    box-shadow: 0 0 2rem #a9c8f0;
}
.main-partners .cards .card:hover .card__img {
    background-size: 103%;
}*/

@media screen and (max-width: 992px) {
    .cards.partners .card {
        padding-top: 3.5rem;
        padding-bottom: 10rem;
    }
    .cards.partners .card__img {
        max-width: 18rem;
        height: 18rem;
    }
    .bl-partners__nav{
      top: -7rem;
      bottom: 4rem;
      /*left: 0;
      right: 0;*/
      margin: auto;
      z-index: 1;
    }
    .main-partners .cards {
        margin-left: -0.9rem;
        margin-right: -0.9rem;
    }
    .main-partners .cards .card__img {
        margin-top: 1.4rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2.8rem;
    }
    .main-partners .cards .card__info {
            padding: 0 2rem;
    }
    .main-partners .cards .card:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .main-partners .cards .card:hover .card__img {
        background-size: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 768px) {
.bl-partners {
        margin-top: 3.5rem;
    }
    .bl-partners .title {
        margin-bottom: 3.5rem;
    }
    .bl-partners__btn {
        max-width: none;
        margin-top: 10rem;
    }
    .bl-partners__btn .btn {
        height: 5rem;
    }
    .bl-partners__nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
 .main-partners {
        padding-top: 0;
    }
    .main-partners .cards .card__img {
        margin: 0.9rem auto 2rem auto;
    }
    .main-partners .cards .card {
        padding: 0.1rem 0 2rem 0;
    }
}
.s-school__research-directions-list {
    list-style-type:none;
    margin-left:-40px;
  }
.bg-item {
padding: 38px 28px 38px 42px;
}
.bg-item li {
margin-bottom:15px;
font-size:16px;
line-height:170%;
margin-left:-20px;
}
.bl-bsh {
background: #fff;
border-radius: 0.5rem;
-webkit-box-shadow: 0 0 1.5rem #ccdef6;
box-shadow: 0 0 1.5rem #ccdef6;
}
@media (max-width: 768px) {
    .bg-item {
padding: 28px;
}
.bg-item li {
font-size:14px;
}
.s-seminar-page {
  /*padding-top: 39px;*/
  padding-bottom: 40px;
}
}

.link1 {
	color:#0081df;
	text-decoration:underline;
}


.video { 

/* width: 100%; */
/* height: 100%; */
/* overflow: hidden; */
-webkit-transform: scaleX(0.75);
-moz-transform: scaleX(0.75);
-webkit-transform: scale(0.85);
-moz-transform: scaleY(0.85);
/* object-fit: contain; */
/* left: -50%; */
border-radius: 0.5rem;
margin-left: -1.8rem;
margin-right: -1.8rem;
position: relative;

        }



/* Тёмная тема по умолчанию */
body.dark {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
}

html[data-theme="dark"] body {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
}

body.dark .header__top {
  background: #0d0d0d !important;
  border-bottom: 1px solid #333 !important;
}

html[data-theme="dark"] body .header__top {
  background: #0d0d0d !important;
  border-bottom: 1px solid #333 !important;
}

body.dark .bg-blue-light {
  background: #1a1a1a !important;
}

body.dark .bl-bsh {
  background: #2d2d2d !important;
}

body.dark .s-school__title-h3,
body.dark .g-rudn-item__text {
  color: #fff !important;
}

body.dark .decor-item {
  background: rgba(30,30,30,0.3);
  border: 1px solid rgba(148,20,196,0.3);
  color: #fff;
}

body.dark .decor-item:hover {
  border-color: rgba(148,20,196,0.6);
  box-shadow: 0 6px 12px rgba(148,20,196,0.2);
}

body.dark .styled-title {
  background: #9414c4;
  box-shadow: 0 0 20px rgba(179,98,255,0.7);
}

body.dark .styled-title-blue {
  background: #3c359f;
  box-shadow: 0 0 20px rgba(60,53,159,0.7);
}

body.dark .styled-title-gray {
  background: #9e9e9e;
  box-shadow: 0 0 20px rgba(158,158,158,0.7);
}

body.dark .styled-title-purple {
  background: #4b347a;
  box-shadow: 0 0 20px rgba(75,52,122,0.7);
}

body.dark .styled-title-red {
  background: #ef5350;
  box-shadow: 0 0 20px rgba(239,83,80,0.7);
}

body.dark .purpleIMG {
  border: 3px solid #b362ff;
  box-shadow: 0 0 20px rgba(179,98,255,0.6);
}

body.dark .purpleIMG:hover {
  border-color: #d9b3ff;
  box-shadow: 0 0 25px rgba(217,179,255,0.9);
}

body.dark .custom-card-btn {
  background: linear-gradient(135deg,#b362ff 0%,#6a2e8a 100%);
  box-shadow: 0 8px 0 rgba(0,0,0,.5),0 4px 15px rgba(179,98,255,.5);
}

body.dark .custom-card-btn:hover {
  background: linear-gradient(135deg,#d9b3ff 0%,#b362ff 100%);
  box-shadow: 0 10px 0 rgba(0,0,0,.5),0 8px 20px rgba(179,98,255,.8);
}

body.dark .g-rudn-divider--blue {
  background: linear-gradient(90deg,transparent,#9414c4,transparent);
}

body.dark ::-webkit-scrollbar-thumb {
  background: #9414c4;
}

/* Shared AI-extracted controls and effects. */
html[data-site-page] body,
html[data-site-page] header,
html[data-site-page] .header__top {
  transition: background 0.5s ease, color 0.5s ease;
}

html[data-site-page] body.dark {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
}

html[data-site-page] body.dark .header__top {
  background: #0d0d0d !important;
  border-bottom: 1px solid #333 !important;
}

html[data-site-page] body:not(.dark) .header__top {
  background: #f1f1f3 !important;
  border-bottom: 1px solid rgba(0,0,0,0.18) !important;
}

html[data-site-page] body:not(.dark) main.content {
  background: #fff;
}

html[data-site-page] main h1.title {
  display: inline-block;
  position: relative;
  padding-bottom: 5px;
}

html[data-site-page] main h1.title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: #4f0969;
  transform: translateX(-50%);
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

html[data-site-page] main h1.title:hover::after {
  width: 100%;
  animation: lineGlow 1.5s infinite alternate;
}

html[data-site-page] body.dark main h1.title::after {
  background: #9414c4;
}

html[data-site-page] body.dark main h1.title:hover::after {
  animation-name: lineGlowDark;
}

@keyframes lineGlow {
  0% { opacity: 0.7; box-shadow: 0 0 5px #4f0969; }
  100% { opacity: 1; box-shadow: 0 0 15px #4f0969, 0 0 20px #4f0969; }
}

@keyframes lineGlowDark {
  0% { opacity: 0.7; box-shadow: 0 0 5px #9414c4; }
  100% { opacity: 1; box-shadow: 0 0 15px #9414c4, 0 0 20px #9414c4; }
}

html[data-site-page] .theme-toggle {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  padding: 8px 12px;
  color: white;
  font-weight: bold;
  background: #4f0969;
  border: none;
  border-radius: 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.3s ease;
}

html[data-site-page] .theme-toggle:hover {
  background: #9414c4;
  animation: pulse 1.5s infinite;
}

html[data-site-page] .theme-toggle:active {
  transform: scale(0.95);
}

html[data-site-page] body.site-theme-transition .theme-toggle {
  pointer-events: none;
  opacity: .72;
}

html[data-site-page] body.site-theme-transition::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  background: rgba(17,16,23,.24);
  animation: site-theme-soft-fade .56s ease both;
}

html[data-site-page] body.site-theme-transition:not(.dark)::before {
  background: rgba(255,248,255,.34);
}

@keyframes site-theme-soft-fade {
  0% { opacity: 0; }
  22% { opacity: 1; }
  100% { opacity: 0; }
}

html[data-site-page] body.site-theme-transition,
html[data-site-page] body.site-theme-transition :is(.saydis-hero,.saydis-related,.saydis-list-section,.saydis-list-section aside,.saydis-lc,.saydis-lc aside,.saydis-card,.saydis-copy,.inst-hero,.inst-panel__body,.inst-flow li,.inst-related-products,.theme-toggle,#toTop) {
  transition:
    background-color .52s ease,
    color .52s ease,
    border-color .52s ease,
    box-shadow .52s ease,
    opacity .32s ease,
    filter .52s ease,
    transform .18s ease;
}

html[data-site-page] body.site-theme-transition :is(.saydis-hgc,.saydis-hgc .saydis-md,.hp-game,.hp-game h3,.hp-link),
html[data-site-page] body.site-theme-transition :is(.saydis-hgc .saydis-md,.hp-game,.hp-link)::before,
html[data-site-page] body.site-theme-transition :is(.saydis-hgc .saydis-md,.hp-game,.hp-link)::after {
  transition: none !important;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(79,9,105,0.4); }
  70% { box-shadow: 0 0 0 10px rgba(79,9,105,0); }
  100% { box-shadow: 0 0 0 0 rgba(79,9,105,0); }
}

html[data-site-page] body.dark .theme-toggle:hover {
  animation: pulse-dark 1.5s infinite;
}

@keyframes pulse-dark {
  0% { box-shadow: 0 0 0 0 rgba(148,20,196,0.4); }
  70% { box-shadow: 0 0 0 10px rgba(148,20,196,0); }
  100% { box-shadow: 0 0 0 0 rgba(148,20,196,0); }
}

html[data-site-page] .g-rudn-divider--blue {
  height: 2px;
  margin: 20px 0;
  background: linear-gradient(90deg, transparent, #4f0969, transparent);
}

html[data-site-page] body.dark .g-rudn-divider--blue {
  background: linear-gradient(90deg, transparent, #9414c4, transparent);
}

html[data-site-page] #loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #1a1a1a;
  transition: opacity 0.5s;
}

html[data-site-page] .spinner {
  display: none !important;
  width: 50px;
  height: 50px;
  border: 5px solid #4f0969;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin { to { transform: rotate(360deg); } }

html[data-site-page] #toTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9998;
  display: none;
  width: 50px;
  height: 50px;
  color: white;
  font-size: 20px;
  background: #4f0969;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.3s ease;
}

html[data-site-page] #toTop {
  font-size: 0;
}

html[data-site-page] #toTop::before {
  content: "\2191";
  font-size: 24px;
  line-height: 1;
}

html[data-site-page] body.dark #toTop {
  background: #9414c4;
}

html[data-site-page] #toTop:hover {
  transform: scale(1.1);
}

html[data-site-page] .header__body {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}

@media (max-width: 991px) {
  html[data-site-page] .header__body { flex-direction: column; text-align: center; }
  html[data-site-page] .header h1.title { width: 100%; margin-top: 15px; margin-left: 0 !important; }
}

@media (min-width: 992px) {
  html[data-site-page] .header h1.title {
    position: absolute;
    left: calc(50% + 0px);
    width: auto;
    margin-left: 0 !important;
    white-space: nowrap;
    transform: translateX(-50%);
  }
}

html[data-site-page] ::-webkit-scrollbar { width: 12px; }
html[data-site-page] ::-webkit-scrollbar-thumb { background: #4f0969; }
html[data-site-page] body.dark ::-webkit-scrollbar-thumb { background: #9414c4; }
html[data-site-page] body.skin-rustkick ::-webkit-scrollbar-thumb,
html[data-site-page] body.skin-rustkick.dark ::-webkit-scrollbar-thumb { background: #01a800; }

html[data-site-page] .image-zoom-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.95);
  opacity: 0;
  pointer-events: none;
  backdrop-filter: blur(5px);
  transition: opacity 0.25s ease;
}

html[data-site-page] body.dark .image-zoom-modal { background-color: rgba(30,30,30,0.95); }
html[data-site-page] .image-zoom-modal.active { opacity: 1; pointer-events: auto; }

html[data-site-page] .zoomed-image-wrapper {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  cursor: zoom-out;
  transform: scale(0.5);
  transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.3, 1.3);
}

html[data-site-page] .image-zoom-modal.active .zoomed-image-wrapper { transform: scale(1); }

html[data-site-page] .zoomed-image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 90vh;
  border-radius: 4px;
  box-shadow: 0 5px 25px rgba(0,0,0,0.15);
  transform: scale(1);
  transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.3, 1.3);
}

html[data-site-page] .image-zoom-modal--card.active .zoomed-image { transform: scale(3); }
html[data-site-page] .image-zoom-modal--image .zoomed-image { border: 1px solid #ccc; transform: scale(1.5); }
html[data-site-page] .image-zoom-modal--image.active .zoomed-image { transform: scale(2); }

@media (max-width: 767px) {
  html[data-site-page] .card-wrap .video img,
  html[data-site-page] .card-item .media img,
  html[data-site-page] .image-in { pointer-events: none !important; cursor: default !important; }
}

html[data-site-page] body.dark .card-wrap,
html[data-site-page] body.dark .card-item { background: transparent !important; border: none !important; }
html[data-site-page] body.dark .card__title,
html[data-site-page] body.dark .card__info-NW,
html[data-site-page] body.dark .card-info { color: #fff !important; background: transparent !important; }

/* Main page uses the same card shell as item pages. */
html[data-site-page] body.home-root [data-home-panel][hidden] {
  display: none !important;
}

html[data-site-page] body.home-root [data-home-text][hidden] {
  display: none !important;
}

html[data-site-page] body.home-root .saydis-hero:has(.inst-side-panel) {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  justify-content: center !important;
  justify-items: stretch !important;
  width: min(1120px, calc(100% - 20px)) !important;
  max-width: 1120px !important;
  text-align: left !important;
}

html[data-site-page] body.home-root .saydis-hero .saydis-logo {
  justify-self: auto !important;
  align-self: center !important;
  transform: translateY(5px);
}

html[data-site-page] body.home-root .saydis-hero .saydis-hero__copy {
  align-self: center !important;
  max-width: none !important;
  padding: 8px 14px !important;
  text-align: left !important;
  transform: translateY(5px);
}

html[data-site-page] body.home-root .skiptranslate,
html[data-site-page] body.home-root > .skiptranslate,
html[data-site-page] body.home-root iframe.skiptranslate,
html[data-site-page] body.home-root .goog-te-banner-frame,
html[data-site-page] body.home-root .goog-te-balloon-frame,
html[data-site-page] body.home-root #goog-gt-tt,
html[data-site-page] body.home-root #goog-gt-vt,
html[data-site-page] body.home-root .goog-tooltip,
html[data-site-page] body.home-root .goog-te-spinner-pos,
html[data-site-page] body.home-root .goog-te-gadget {
  display: none !important;
  visibility: hidden !important;
}

html[data-site-page] body.home-root {
  --inst-ink: var(--saydis-ink);
  --inst-accent: #4f0969;
  --inst-accent-2: #9414c4;
  top: 0 !important;
}

@media (max-width: 980px) {
  html[data-site-page] body.home-root .saydis-hero:has(.inst-side-panel) {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  html[data-site-page] body.home-root .saydis-hero .saydis-logo {
    justify-self: center !important;
    transform: none;
  }

  html[data-site-page] body.home-root .saydis-hero .saydis-hero__copy {
    padding: 0 !important;
    text-align: center !important;
    transform: none;
  }

  html[data-site-page] body.home-root .inst-side-panel {
    justify-self: center;
    align-self: center;
  }
}

html[data-site-page] body.home-root .saydis-hgc {
  --home-logo-scale: 1.3;
  position: relative;
  display: flex !important;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 6px;
  overflow: hidden;
  cursor: pointer;
  pointer-events: auto !important;
  color: inherit;
  text-decoration: none;
  background: linear-gradient(145deg, rgba(255,255,255,0.065), rgba(148,20,196,0.075));
  border: 1px solid rgba(179,98,255,0.18);
  border-radius: 18px;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

html[data-site-page] body.home-root .saydis-hgc * {
  pointer-events: none;
}

html[data-site-page] body.home-root .saydis-hgc > * {
  position: relative;
  z-index: 1;
}

html[data-site-page] body.home-root .saydis-hgc:hover {
  transform: translateY(-3px);
  border-color: rgba(179,98,255,0.38);
  box-shadow: 0 14px 34px rgba(79,9,105,0.20);
}

html[data-site-page] body.home-root:not(.dark) .saydis-hgc {
  background: linear-gradient(145deg, #fff, #f1e8f7);
  border-color: rgba(79,9,105,0.16);
  box-shadow: none;
}

html[data-site-page] body.home-root .saydis-hgc .saydis-md {
  display: grid;
  place-items: center;
  min-height: 0;
  aspect-ratio: 1 / 1;
  padding: 0;
  overflow: hidden;
}

html[data-site-page] body.home-root .saydis-hgc .saydis-md img {
  position: relative;
  z-index: 2;
  width: min(calc(74% * var(--home-logo-scale, 1)), 96%) !important;
  height: auto !important;
  max-width: min(calc(74% * var(--home-logo-scale, 1)), 96%) !important;
  max-height: 74% !important;
  margin: auto;
  object-fit: contain !important;
  filter: none !important;
  transform: none !important;
}

html[data-site-page] body.home-root .saydis-hgc .saydis-copy strong {
  text-align: left;
}

html[data-site-page] body.home-root .saydis-hgc .saydis-copy strong span {
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-transform: inherit;
}

@media (max-width: 767px) {
  html[data-site-page] body.home-root .saydis-hgc .saydis-copy strong {
    text-align: center;
  }
}

/* Shared instruction and Google Translate controls. */
html[data-site-instruction] .bg-item.bl-bsh { box-shadow: 0 0 15px rgba(79,9,105,0.3) !important; }
html[data-site-instruction] body.dark .bg-item.bl-bsh { box-shadow: 0 0 20px rgba(179,98,255,0.6) !important; }

html[data-site-instruction] .bg-blue-light,
html[data-site-instruction] .bl-bsh,
html[data-site-instruction] .s-school__title-h3,
html[data-site-instruction] .g-rudn-item__text,
html[data-site-instruction] .link1,
html[data-site-instruction] .lang-dropdown__link,
html[data-site-instruction] #theme-sensitive-image,
html[data-site-instruction] .image-in { transition: all 0.3s ease !important; }

html[data-site-instruction] body.dark .bg-blue-light { background: #1a1a1a !important; }
html[data-site-instruction] body.dark .bl-bsh { background: #2d2d2d !important; }
html[data-site-instruction] body.dark .s-school__title-h3,
html[data-site-instruction] body.dark .g-rudn-item__text { color: #fff !important; }

html[data-site-instruction] .s-school__title-h3 {
  display: block !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: center !important;
  transform: none !important;
}

html[data-site-instruction] .s-school__title-h3[style*="color: red"],
html[data-site-instruction] body.dark .s-school__title-h3[style*="color: red"] { color: red !important; }

html[data-site-instruction] .link1 { color: #4f0969; text-decoration: underline; }
html[data-site-instruction] body.dark .link1 { color: #b362ff; }

html[data-site-instruction] .image-in {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 22px 0 28px 0;
  border: 3px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(148,20,196,0.3);
  cursor: zoom-in;
}

html[data-site-instruction] .image-in:hover { border-color: #9414c4; box-shadow: 0 0 20px rgba(148,20,196,0.8); }
html[data-site-instruction] body.dark .image-in { border: 3px solid #b362ff; box-shadow: 0 0 20px rgba(179,98,255,0.6); }
html[data-site-instruction] body.dark .image-in:hover { border-color: #d9b3ff; box-shadow: 0 0 25px rgba(217,179,255,0.9); }

html[data-site-instruction] #theme-sensitive-image {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 22px 0 28px 0;
  border: 3px solid #e0e0e0 !important;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(148,20,196,0.3) !important;
  transition-property: opacity, border-color !important;
}

html[data-site-instruction] #theme-sensitive-image:hover { border-color: #9414c4 !important; box-shadow: 0 0 20px rgba(148,20,196,0.8) !important; }
html[data-site-instruction] body.dark #theme-sensitive-image { border: 3px solid #b362ff !important; box-shadow: 0 0 20px rgba(179,98,255,0.6) !important; }
html[data-site-instruction] body.dark #theme-sensitive-image:hover { border-color: #d9b3ff !important; box-shadow: 0 0 25px rgba(217,179,255,0.9) !important; }

html[data-site-instruction] body.dark .lang-dropdown__link { color: #fff !important; }
html[data-site-instruction] body.dark .lang-dropdown__link.selected { color: #b362ff !important; }

html[data-site-instruction] .s-school__research-directions-list { padding-left: 0 !important; list-style: none !important; }
html[data-site-instruction] .s-school__research-directions-list li { background-image: none !important; }
html[data-site-instruction] .s-school__research-directions-list li::before,
html[data-site-instruction] .s-school__research-directions-list li::after { display: none !important; content: none !important; }

html[data-site-instruction] .g-rudn-item__text {
  position: relative !important;
  margin-bottom: 10px !important;
  padding-left: 28px !important;
}

html[data-site-instruction] .g-rudn-item__text::before,
html[data-site-instruction] .g-rudn-item__text::after {
  content: "" !important;
  position: absolute !important;
  top: 4px !important;
  left: 0 !important;
  width: 20px !important;
  height: 20px !important;
  background-color: #9414c4 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px !important;
  border-radius: 50% !important;
}

html[data-site-translate] #translateBtn {
  position: fixed;
  right: 20px;
  bottom: 90px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: white;
  font-size: 20px;
  line-height: 1;
  background: #4f0969;
  border: none;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  cursor: pointer;
  transition: all 0.3s ease;
}

html[data-site-translate] #translateBtn:hover { background: #9414c4; transform: scale(1.1); }
html[data-site-translate] body.dark #translateBtn { background: #b362ff; }

html[data-site-translate] #google_translate_element {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

html[data-site-translate] .site-lang-menu {
  position: fixed;
  right: 20px;
  bottom: 150px;
  z-index: 10000;
  display: none;
  min-width: 30px;
  padding: 8px 0;
  background: #2d1b36;
  border: 1px solid #9414c4;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

html[data-site-translate] body.dark .site-lang-menu { background: #1a0a1f; border-color: #b362ff; }
html[data-site-translate] .site-lang-menu.active { opacity: 1; pointer-events: auto; transform: translateY(0); }

html[data-site-translate] .site-lang-menu__item {
  display: block;
  width: 100%;
  padding: 8px 16px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: all 0.2s;
}

html[data-site-translate] .site-lang-menu__item:hover { background: #9414c4; }
html[data-site-translate] .site-lang-menu__item--reset { border-top: 1px solid #4f0969; }

html[data-site-translate] .goog-te-banner-frame.skiptranslate,
html[data-site-translate] .goog-te-gadget-icon,
html[data-site-translate] .goog-te-menu-value,
html[data-site-translate] .goog-te-gadget-simple,
html[data-site-translate] .goog-te-gadget,
html[data-site-translate] .goog-te-combo { display: none !important; }

html[data-site-translate] body {
  top: 0 !important;
  position: static !important;
}

/* Small utilities extracted from repeated inline attributes. */
.u-mb-20 {
  margin-bottom: 20px;
}

.u-mb-30 {
  margin-bottom: 30px;
}

.u-mb-neg-40 {
  margin-bottom: -40px;
}

.u-text-red {
  color: red;
}

.u-text-blue {
  color: blue;
}

.u-text-green {
  color: green;
}

.u-text-purple {
  color: purple;
}

.u-text-accent {
  color: rgba(179, 98, 255, 1);
}

.u-text-accent-soft {
  color: rgba(179, 98, 255, 0.6);
}

.u-fs-100 {
  font-size: 100%;
}

.u-fs-120 {
  font-size: 120%;
}

.u-fs-150 {
  font-size: 150%;
}

.u-fs-200 {
  font-size: 200%;
}

.u-fs-230 {
  font-size: 230%;
}

.u-fs-20px {
  font-size: 20px;
}

.u-width-full {
  width: 100%;
}

.u-radius-round {
  border-radius: 50%;
}

/* Short class names for the cleaned templates. */
html[data-site-page] .bgpurple {
  background: inherit;
}

html[data-site-page] body.dark .bgpurple {
  background: #1a1a1a !important;
}

html[data-site-page] .divider {
  height: 2px;
  margin: 20px 0;
  background: linear-gradient(90deg, transparent, rgba(79,9,105,0.55), #4f0969, rgba(79,9,105,0.55), transparent) !important;
  box-shadow: 0 0 10px rgba(79,9,105,0.22);
}

html[data-site-page] body.dark .divider {
  background: linear-gradient(90deg, transparent, rgba(179,98,255,0.35), #b362ff, rgba(179,98,255,0.35), transparent) !important;
  box-shadow: 0 0 12px rgba(179,98,255,0.28);
}

html[data-site-instruction] .head3 {
  display: block !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-top: 28px !important;
  margin-bottom: 22px !important;
  color: inherit;
  font-size: 2.8rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  transform: none !important;
}

html[data-site-instruction] body.dark .head3 {
  color: #fff !important;
}

html[data-site-instruction] .red-text-h3,
html[data-site-instruction] .u-text-red {
  margin-top: 12px !important;
  margin-bottom: 14px !important;
  color: red !important;
  font-size: 1.88rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html[data-site-instruction] .head3.red-text-h3,
html[data-site-instruction] body.dark .head3.red-text-h3 {
  color: red !important;
}

html[data-site-instruction] .top .red-text-h3 {
  max-width: 1040px;
  margin: 12px auto 18px !important;
  padding: 0 9px !important;
  color: red !important;
  font-size: 2.24rem !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

html[data-site-instruction] .instruction-section {
  background: transparent;
  padding-top: 8px;
  padding-bottom: 38px;
}

html[data-site-instruction] .line-s {
  background: transparent;
}

html[data-site-instruction] .instruction-card {
  max-width: 1180px;
  margin: 12px auto 42px !important;
  padding: 34px 42px 42px !important;
  background: rgba(255,255,255,0.92);
  border: 2px solid rgba(79,9,105,0.34) !important;
  border-radius: 26px !important;
  box-shadow: 0 24px 70px rgba(79,9,105,0.22), 0 8px 24px rgba(0,0,0,0.10) !important;
  font-size: 1.9rem;
  line-height: 1.65;
  text-align: left;
}

html[data-site-page] body.skin-stalcraft .instruction-section {
  padding-top: 8px;
  padding-bottom: 38px;
}

html[data-site-page] body.skin-stalcraft .instruction-section + .instruction-section {
  margin-top: 18px;
}

html[data-site-instruction] .top {
  padding-top: 2.4rem;
  margin-bottom: 1rem;
}

html[data-site-instruction] body.dark .instruction-card {
  background: rgba(32,32,36,0.94) !important;
  border-color: rgba(179,98,255,0.72) !important;
  box-shadow: 0 28px 90px rgba(148,20,196,0.34), 0 12px 34px rgba(0,0,0,0.42) !important;
}

html[data-site-instruction] .instruction-card ul,
html[data-site-instruction] .instruction-card ol {
  margin-top: 18px;
  margin-bottom: 24px;
  padding-left: 3.2rem;
}

html[data-site-instruction] .instruction-card li {
  margin-bottom: 14px;
}

html[data-site-instruction] .instruction-card .u-text-red {
  font-size: inherit !important;
  line-height: inherit !important;
}

html[data-site-instruction] .textS {
  position: relative !important;
  margin-bottom: 10px !important;
  padding-left: 28px !important;
}

html[data-site-instruction] .textS::before,
html[data-site-instruction] .textS::after {
  content: "" !important;
  position: absolute !important;
  top: 4px !important;
  left: 0 !important;
  width: 20px !important;
  height: 20px !important;
  background-color: #9414c4 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px !important;
  border-radius: 50% !important;
}

html[data-site-page] .lang-dropdown__link {
  color: #4f0969;
}

html[data-site-page] .lang-dropdown__link.selected {
  color: #9414c4;
}

html[data-site-page] body.dark .lang-dropdown__link {
  color: #fff !important;
}

html[data-site-page] body.dark .lang-dropdown__link.selected {
  color: #b362ff !important;
}

html[data-site-page] .nav-card .card {
  background: linear-gradient(135deg, #f8f9fa, #e9ecef);
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

html[data-site-page] .nav-card .card:hover {
  background: linear-gradient(135deg, #e9ecef, #dee2e6);
  box-shadow: 0 8px 16px rgba(148,20,196,0.2);
  transform: translateY(-5px);
}

html[data-site-page] .nav-card .card-info {
  color: #000;
  font-weight: 700;
  transition: color 0.3s ease;
}

html[data-site-page] .nav-card .card:hover .card-info {
  color: #9414c4;
}

html[data-site-page] body.dark .nav-card .card {
  background: linear-gradient(135deg, #2d2d2d, #1a1a1a);
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

html[data-site-page] body.dark .nav-card .card:hover {
  background: linear-gradient(135deg, #1a1a1a, #0d0d0d);
  box-shadow: 0 8px 16px rgba(148,20,196,0.3);
  animation: cardGlow 2s infinite;
}

html[data-site-page] body.dark .nav-card .card-info {
  color: #fff;
}

html[data-site-page] body.dark .nav-card .card:hover .card-info {
  color: #b362ff;
}

@keyframes cardGlow {
  0% { box-shadow: 0 0 5px rgba(148,20,196,0); }
  50% { box-shadow: 0 0 15px rgba(148,20,196,0.5); }
  100% { box-shadow: 0 0 5px rgba(148,20,196,0); }
}

html[data-site-page] .header__body > h1.title {
  position: absolute !important;
  left: 50% !important;
  width: auto;
  margin-left: 0 !important;
  white-space: nowrap;
  transform: translateX(-50%) !important;
}

html[data-site-page] .cards-section {
  padding-top: 0;
  padding-bottom: 0;
}

html[data-site-page] .item-group {
  max-width: 1300px;
  margin: 0 auto 42px;
  padding: 0 15px;
  text-align: center;
}

html[data-site-page] main.content > .item-group:first-child {
  margin-top: 24px;
}

html[data-site-page] .item-group > h1.title,
html[data-site-page] .item-group > .decor-subtitle {
  margin-top: 0;
}

html[data-site-page] .is-hidden-section {
  display: none !important;
}

html[data-site-page] .item-group .cards {
  justify-content: center;
  align-items: flex-start;
  margin: 0 -15px 0;
}

html[data-site-page] .card-item {
  width: 25%;
  margin-bottom: 3rem;
  padding: 0 16px;
  box-sizing: border-box;
  text-align: center;
}

html[data-site-page] .card-item .media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  line-height: 0;
  vertical-align: top;
}

html[data-site-page] .card-item img,
html[data-site-page] .card-item video {
  display: block;
  margin: 0 auto;
  border-radius: 0.5rem;
  transform: none;
  transform-origin: center;
}

html[data-site-page] .card-item p,
html[data-site-page] .card-info {
  margin: 0;
  padding: 8px 0 10px;
  color: inherit;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  text-align: center;
}

html[data-site-page] body.dark .card-item p,
html[data-site-page] body.dark .card-info {
  color: #fff !important;
  background: transparent !important;
}

@media (max-width: 991px) {
  html[data-site-page] .card-item {
    width: 33.333%;
  }
}

@media (max-width: 767px) {
  html[data-site-page] .card-item {
    width: 50%;
  }
}

@media (max-width: 480px) {
  html[data-site-page] .card-item {
    width: 100%;
  }
}

@media (max-width: 991px) {
  html[data-site-page] .header__body > h1.title {
    position: static !important;
    width: 100% !important;
    margin-top: 15px;
    text-align: center;
    white-space: normal;
    transform: none !important;
  }
}

@media (max-width: 767px) {
  html[data-site-instruction] .instruction-card {
    margin: 18px auto 30px !important;
    padding: 16px 8px 22px 6px !important;
    border-radius: 20px !important;
    font-size: 1.7rem;
  }

  html[data-site-instruction] .instruction-card ul,
  html[data-site-instruction] .instruction-card ol {
    padding-left: 1.5rem;
  }

  html[data-site-instruction] :is(.textS, .g-rudn-item__text) {
    padding-left: 18px !important;
  }

  html[data-site-instruction] :is(.textS, .g-rudn-item__text)::before,
  html[data-site-instruction] :is(.textS, .g-rudn-item__text)::after {
    width: 14px !important;
    height: 14px !important;
    top: 5px !important;
    background-size: 9px !important;
  }

  html[data-site-instruction] .head3 {
    margin-top: 18px !important;
    font-size: 2.3rem !important;
  }

  html[data-site-instruction] .red-text-h3,
  html[data-site-instruction] .u-text-red {
    font-size: 2.1rem !important;
  }
}

/* Page skins moved out of individual HTML files. */
html[data-site-page] body.skin-rust {
  --site-accent: #4f0969;
  --site-accent-soft: rgba(79,9,105,0.28);
  --site-accent-strong: #9414c4;
  --site-accent-strong-soft: rgba(148,20,196,0.45);
}

html[data-site-page] body.skin-rustkick {
  --site-accent: #01a800;
  --site-accent-soft: rgba(1,168,0,0.3);
  --site-accent-strong: #01e800;
  --site-accent-strong-soft: rgba(1,232,0,0.45);
}

html[data-site-page] body.skin-rust .theme-toggle,
html[data-site-page] body.skin-rust #toTop,
html[data-site-page] body.skin-rustkick .theme-toggle,
html[data-site-page] body.skin-rustkick #toTop {
  background: var(--site-accent);
}

html[data-site-page] body.skin-rust.dark .theme-toggle,
html[data-site-page] body.skin-rust.dark #toTop,
html[data-site-page] body.skin-rustkick.dark .theme-toggle,
html[data-site-page] body.skin-rustkick.dark #toTop {
  background: var(--site-accent-strong);
}

html[data-site-page] body.skin-rust .divider,
html[data-site-page] body.skin-rustkick .divider {
  background: linear-gradient(90deg, transparent, var(--site-accent), transparent) !important;
}

html[data-site-page] body.skin-rust.dark .divider,
html[data-site-page] body.skin-rustkick.dark .divider {
  background: linear-gradient(90deg, transparent, var(--site-accent-strong), transparent) !important;
}

html[data-site-page] body.skin-rust .card-item,
html[data-site-page] body.skin-rustkick .card-item {
  overflow: visible;
  cursor: default;
  transition: transform 0.2s ease;
}

html[data-site-page] body.skin-rust .card-item:hover,
html[data-site-page] body.skin-rustkick .card-item:hover {
  transform: scale(1.02);
}

html[data-site-page] body.skin-rust .card-item .media,
html[data-site-page] body.skin-rustkick .card-item .media {
  display: inline-block;
  overflow: hidden;
  padding: 0;
  line-height: 0;
  background: transparent;
  border: 1px solid var(--site-accent);
  box-shadow: 0 0 0 1px var(--site-accent-soft);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

html[data-site-page] body.skin-rust .card-item .media img,
html[data-site-page] body.skin-rust .card-item .media video,
html[data-site-page] body.skin-rustkick .card-item .media img,
html[data-site-page] body.skin-rustkick .card-item .media video {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-radius: 0;
  transform: none;
}

html[data-site-page] body.skin-rust .card-item .media::before,
html[data-site-page] body.skin-rustkick .card-item .media::before {
  content: "SAYDIS";
  position: absolute;
  right: 0;
  bottom: 8px;
  left: 0;
  z-index: 2;
  color: var(--site-accent-strong);
  font-family: Manrope, Arial, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 2px;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0,0,0,0.55);
  pointer-events: none;
}

html[data-site-page] body.skin-rust .card-item .media::before {
  color: #fff !important;
}

html[data-site-page] body.skin-rust .card-item .media::after,
html[data-site-page] body.skin-rustkick .card-item .media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(120deg, transparent 0 62%, var(--site-accent-soft) 62% 64%, transparent 64%),
    radial-gradient(circle at 50% 50%, transparent 0 54%, var(--site-accent-soft) 55%, transparent 70%);
  opacity: 0;
  transition: opacity 0.18s ease;
  pointer-events: none;
}

html[data-site-page] body.skin-rust .card-item:hover .media,
html[data-site-page] body.skin-rustkick .card-item:hover .media {
  border-color: var(--site-accent-strong);
  box-shadow: 0 5px 20px 5px rgba(0,0,0,0.3), 0 0 18px var(--site-accent-strong-soft);
}

html[data-site-page] body.skin-rust .card-item:hover .media::after,
html[data-site-page] body.skin-rustkick .card-item:hover .media::after {
  opacity: 1;
  animation: siteFrameGlitch 1.5s ease-out;
}

html[data-site-page] body.skin-rust .card-item:hover .media,
html[data-site-page] body.skin-rustkick .card-item:hover .media {
  animation: siteFramePulse 1.5s ease-out;
}

html[data-site-page] body.skin-rust .card-item:hover .media::before,
html[data-site-page] body.skin-rustkick .card-item:hover .media::before {
  animation: siteTextFlicker 1.5s ease-out;
}

html[data-site-page] body.skin-rust .card-item:hover .media video,
html[data-site-page] body.skin-rustkick .card-item:hover .media video {
  animation: siteScanlines 1.5s ease-out;
}

@keyframes siteFrameGlitch {
  0%, 100% { transform: translate3d(0,0,0); filter: none; }
  18% { transform: translate3d(2px,-1px,0); filter: saturate(1.35); }
  32% { transform: translate3d(-2px,1px,0); }
  50% { transform: translate3d(1px,0,0); opacity: 0.65; }
  68% { transform: translate3d(0,1px,0); }
}

@keyframes siteFramePulse {
  0%, 100% { filter: brightness(1); }
  35% { filter: brightness(1.18) saturate(1.2); }
  60% { filter: brightness(0.95) saturate(1.35); }
}

@keyframes siteTextFlicker {
  0%, 100% { opacity: 1; transform: translateY(0); }
  15% { opacity: 0.35; transform: translateY(1px); }
  24% { opacity: 1; }
  42% { opacity: 0.55; }
  56% { opacity: 1; transform: translateY(-1px); }
}

@keyframes siteScanlines {
  0%, 100% { filter: none; }
  25% { filter: contrast(1.12) brightness(1.08); }
  50% { filter: contrast(1.25) brightness(0.96); }
  75% { filter: contrast(1.08) brightness(1.12); }
}

html[data-site-page] body.skin-rust .header__body > .decor-item,
html[data-site-page] body.skin-rustkick .header__body > .decor-item {
  position: absolute !important;
  left: 50% !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
}

html[data-site-page] body.skin-rust .header__body > .decor-item:hover,
html[data-site-page] body.skin-rustkick .header__body > .decor-item:hover {
  transform: translateX(-50%) translateY(-3px) !important;
}

@media (max-width: 991px) {
  html[data-site-page] body.skin-rust .header__body > .decor-item,
  html[data-site-page] body.skin-rustkick .header__body > .decor-item {
    position: static !important;
    white-space: normal;
    transform: none !important;
  }

  html[data-site-page] body.skin-rust .header__body > .decor-item:hover,
  html[data-site-page] body.skin-rustkick .header__body > .decor-item:hover {
    transform: translateY(-3px) !important;
  }
}

html[data-site-page] body.skin-rust .decor-item,
html[data-site-page] body.skin-rustkick .decor-item,
html[data-site-page] body.skin-rust .decor-subtitle,
html[data-site-page] body.skin-rustkick .decor-subtitle {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 15px 40px;
  color: var(--site-accent);
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
  background: rgba(240,240,240,0.18);
  border: 3px solid var(--site-accent-soft);
  border-radius: 30px;
  box-shadow: 0 0 25px var(--site-accent-soft);
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

html[data-site-page] body.skin-rust.dark .decor-item,
html[data-site-page] body.skin-rustkick.dark .decor-item,
html[data-site-page] body.skin-rust.dark .decor-subtitle,
html[data-site-page] body.skin-rustkick.dark .decor-subtitle {
  color: var(--site-accent-strong);
  background: rgba(30,30,30,0.3);
  border-color: var(--site-accent-strong-soft);
  box-shadow: 0 0 30px var(--site-accent-strong-soft);
}

html[data-site-page] body.skin-rust .decor-item:hover,
html[data-site-page] body.skin-rustkick .decor-item:hover,
html[data-site-page] body.skin-rust .decor-subtitle:hover,
html[data-site-page] body.skin-rustkick .decor-subtitle:hover {
  transform: translateY(-3px);
  border-color: var(--site-accent-strong);
  box-shadow: 0 0 38px var(--site-accent-strong-soft);
}

html[data-site-page] body.skin-sot .card-item {
  display: block !important;
  width: 25%;
  margin: 0 0 28px !important;
  padding: 0 14px !important;
  background: transparent !important;
}

html[data-site-page] body.skin-sot .card-item .media {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden !important;
  padding: 3px !important;
  line-height: 0 !important;
  isolation: isolate !important;
  background: linear-gradient(315deg,#c084fc,#a855f0,#4c1d95,#2e1065) !important;
  border-radius: 16px !important;
}

html[data-site-page] body.skin-sot .card-item .media::before,
html[data-site-page] body.skin-sot .card-item .media::after {
  content: none !important;
  display: none !important;
}

html[data-site-page] body.skin-sot .card-item .media img {
  display: block !important;
  width: 200px !important;
  height: 200px !important;
  object-fit: cover !important;
  background: transparent !important;
  border-radius: 13px !important;
  transform: scale(1) !important;
  transition: transform 0.25s ease !important;
}

html[data-site-page] body.skin-sot .card-item:hover .media img {
  transform: scale(1.06) !important;
}

html[data-site-page] body:not(.skin-sot):not(.skin-rust):not(.skin-rustkick):not(.skin-phasmophobia) .card-item .media {
  min-height: 0;
}

html[data-site-page] body.skin-warframe .card-item .media {
  min-height: 300px;
}

html[data-site-page] body.skin-warframe .card-item img {
  max-width: none;
  max-height: none;
}

/* Warframe Seva card design tests. Scoped to /warframe/seva1-7 only. */
html[data-site-page] body.card-design-test .item-group {
  max-width: 1900px;
  margin-bottom: 34px;
}

html[data-site-page] body.card-design-test .item-group .container {
  max-width: 1900px;
}

html[data-site-page] body.card-design-test .item-group .cards {
  justify-content: center;
  gap: var(--test-gap, 16px);
  margin: 0;
}

html[data-site-page] body.card-design-test .card-item {
  display: flex;
  flex-direction: column;
  width: var(--test-card-width, calc(20% - 14px));
  margin: 0 0 var(--test-card-bottom, 18px) !important;
  padding: var(--test-card-pad, 12px);
  text-align: center;
  background: var(--test-card-bg);
  border: var(--test-card-border);
  border-radius: var(--test-card-radius, 24px);
  box-shadow: var(--test-card-shadow, 0 18px 38px rgba(0,0,0,0.18));
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, background 0.24s ease;
}

html[data-site-page] body.card-design-test .card-item .media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--test-media-height, 310px);
  padding: var(--test-media-pad, 12px);
  background: var(--test-media-bg);
  border: var(--test-media-border);
  border-radius: var(--test-media-radius, 18px);
  box-shadow: var(--test-media-shadow, inset 0 0 0 1px rgba(255,255,255,0.035));
  overflow: var(--test-media-overflow, visible);
}

html[data-site-page] body.card-design-test .card-item img,
html[data-site-page] body.card-design-test .card-item video {
  max-width: none;
  max-height: none;
  border-radius: var(--test-img-radius, 10px);
  transition: transform 0.24s ease, filter 0.24s ease;
}

html[data-site-page] body.card-design-test .card-item p,
html[data-site-page] body.card-design-test.dark .card-item p {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--test-text-height, 64px);
  margin: var(--test-text-gap, 10px) 0 0;
  padding: var(--test-text-pad, 10px 12px);
  color: var(--test-text-color, #f7f4fb) !important;
  font-size: var(--test-text-size, 1.68rem);
  line-height: 1.2;
  text-align: center;
  background: var(--test-text-bg);
  border: var(--test-text-border);
  border-radius: var(--test-text-radius, 16px);
  box-shadow: var(--test-text-shadow, none);
}

html[data-site-page] body.card-design-test .top {
  padding-top: 30px;
}

html[data-site-page] body.card-design-test main.content .body > h1.title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: var(--test-title-margin, 0 auto 18px) !important;
  padding: var(--test-title-pad, 12px 32px);
  color: var(--test-title-color, #fff);
  font-size: var(--test-title-size, 4rem) !important;
  font-weight: var(--test-title-weight, 800) !important;
  line-height: 1.08 !important;
  letter-spacing: var(--test-title-spacing, 0);
  text-transform: var(--test-title-transform, none);
  background: var(--test-title-bg);
  border: var(--test-title-border);
  border-radius: var(--test-title-radius, 22px);
  box-shadow: var(--test-title-shadow, none);
}

html[data-site-page] body.card-design-test main.content .body > h1.title::after {
  display: none !important;
}

html[data-site-page] body.card-design-test main.content .divider {
  width: var(--test-divider-width, 0);
  height: var(--test-divider-height, 0);
  margin: var(--test-divider-margin, 0 auto 22px);
  background: var(--test-divider-bg, transparent) !important;
  box-shadow: none !important;
}

html[data-site-page] body.card-design-test .card-item:hover {
  transform: var(--test-hover-transform, translateY(-5px));
  box-shadow: var(--test-hover-shadow, 0 24px 48px rgba(0,0,0,0.24));
}

html[data-site-page] body.card-design-test .card-item:hover img,
html[data-site-page] body.card-design-test .card-item:hover video {
  transform: var(--test-img-hover, scale(1.035));
}

html[data-site-page] body.card-design-1 {
  --test-gap: 18px;
  --test-card-width: calc(20% - 15px);
  --test-card-bg: linear-gradient(160deg, rgba(30,27,38,0.94), rgba(13,13,18,0.98));
  --test-card-border: 1px solid rgba(179,98,255,0.24);
  --test-card-radius: 24px;
  --test-media-bg: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(148,20,196,0.11));
  --test-media-border: 1px solid rgba(179,98,255,0.34);
  --test-media-radius: 18px;
  --test-text-bg: linear-gradient(90deg, rgba(79,9,105,0.26), rgba(255,255,255,0.035));
  --test-text-border: 1px solid rgba(179,98,255,0.26);
  --test-title-bg: linear-gradient(90deg, rgba(79,9,105,0.92), rgba(18,18,26,0.86));
  --test-title-border: 1px solid rgba(179,98,255,0.38);
  --test-title-shadow: 0 14px 34px rgba(79,9,105,0.24);
  --test-title-transform: uppercase;
  --test-title-spacing: 0.06em;
}

html[data-site-page] body.card-design-1:not(.dark) {
  --test-card-bg: linear-gradient(160deg, #fff, #eee8f4);
  --test-card-border: 1px solid rgba(79,9,105,0.18);
  --test-media-bg: linear-gradient(180deg, #fff, rgba(79,9,105,0.055));
  --test-media-border: 1px solid rgba(79,9,105,0.18);
  --test-text-bg: linear-gradient(90deg, rgba(79,9,105,0.08), #fff);
  --test-text-border: 1px solid rgba(79,9,105,0.14);
  --test-text-color: #281432;
  --test-title-bg: linear-gradient(90deg, #4f0969, #8b4ca3);
}

html[data-site-page] body.card-design-2 {
  --test-gap: 14px;
  --test-card-width: calc(16.666% - 12px);
  --test-card-pad: 10px;
  --test-card-bg: rgba(19,23,31,0.90);
  --test-card-border: 1px solid rgba(132,162,205,0.26);
  --test-card-radius: 20px;
  --test-card-shadow: 0 16px 30px rgba(0,0,0,0.20);
  --test-media-height: 260px;
  --test-media-bg: linear-gradient(145deg, rgba(86,113,154,0.18), rgba(255,255,255,0.025));
  --test-media-border: 1px solid rgba(142,174,218,0.26);
  --test-media-radius: 16px;
  --test-text-bg: rgba(12,14,20,0.72);
  --test-text-border: 1px solid rgba(142,174,218,0.20);
  --test-title-bg: linear-gradient(90deg, rgba(39,54,78,0.95), rgba(15,17,24,0.92));
  --test-title-border: 1px solid rgba(142,174,218,0.30);
  --test-title-radius: 999px;
  --test-title-size: 3.4rem;
}

html[data-site-page] body.card-design-2:not(.dark) {
  --test-card-bg: #f7f9fd;
  --test-card-border: 1px solid rgba(70,96,132,0.16);
  --test-media-bg: linear-gradient(145deg, #fff, rgba(70,96,132,0.055));
  --test-media-border: 1px solid rgba(70,96,132,0.17);
  --test-text-bg: #fff;
  --test-text-border: 1px solid rgba(70,96,132,0.14);
  --test-text-color: #172033;
  --test-title-bg: linear-gradient(90deg, #e8eef7, #fff);
  --test-title-border: 1px solid rgba(70,96,132,0.18);
  --test-title-color: #172033;
}

html[data-site-page] body.card-design-3 {
  --test-gap: 18px;
  --test-card-width: calc(20% - 15px);
  --test-card-bg: linear-gradient(145deg, rgba(20,20,24,0.96), rgba(10,10,12,0.98));
  --test-card-border: 1px solid rgba(255,255,255,0.12);
  --test-card-radius: 30px;
  --test-card-shadow: 0 20px 46px rgba(0,0,0,0.26);
  --test-media-bg: radial-gradient(circle at 50% 12%, rgba(255,255,255,0.10), transparent 62%);
  --test-media-border: 1px solid rgba(255,255,255,0.16);
  --test-media-radius: 26px;
  --test-text-bg: rgba(255,255,255,0.075);
  --test-text-border: 1px solid rgba(255,255,255,0.12);
  --test-text-radius: 999px;
  --test-title-bg: rgba(255,255,255,0.08);
  --test-title-border: 1px solid rgba(255,255,255,0.16);
  --test-title-radius: 999px;
  --test-title-size: 3.7rem;
}

html[data-site-page] body.card-design-3:not(.dark) {
  --test-card-bg: linear-gradient(145deg, #fff, #f0f0f2);
  --test-card-border: 1px solid rgba(22,22,28,0.12);
  --test-media-bg: radial-gradient(circle at 50% 12%, rgba(22,22,28,0.06), transparent 62%);
  --test-media-border: 1px solid rgba(22,22,28,0.12);
  --test-text-bg: #fff;
  --test-text-border: 1px solid rgba(22,22,28,0.10);
  --test-text-color: #202026;
  --test-title-bg: #fff;
  --test-title-border: 1px solid rgba(22,22,28,0.12);
  --test-title-color: #202026;
}

html[data-site-page] body.card-design-4 {
  --test-gap: 16px;
  --test-card-width: calc(20% - 13px);
  --test-card-bg: linear-gradient(180deg, rgba(11,25,22,0.94), rgba(7,13,13,0.98));
  --test-card-border: 1px solid rgba(76,212,172,0.24);
  --test-card-radius: 26px;
  --test-media-height: 292px;
  --test-media-pad: 12px;
  --test-media-bg: rgba(76,212,172,0.060);
  --test-media-border: 1px solid rgba(76,212,172,0.26);
  --test-media-radius: 20px;
  --test-text-height: 60px;
  --test-text-bg: rgba(76,212,172,0.085);
  --test-text-border: 1px solid rgba(76,212,172,0.20);
  --test-text-size: 1.58rem;
  --test-title-bg: linear-gradient(90deg, rgba(76,212,172,0.16), rgba(7,13,13,0.92));
  --test-title-border: 1px solid rgba(76,212,172,0.30);
  --test-title-radius: 24px;
  --test-title-color: #91f7d9;
}

html[data-site-page] body.card-design-4:not(.dark) {
  --test-card-bg: #f3fffb;
  --test-card-border: 1px solid rgba(20,110,88,0.16);
  --test-media-bg: #fff;
  --test-media-border: 1px solid rgba(20,110,88,0.16);
  --test-text-bg: rgba(20,110,88,0.055);
  --test-text-border: 1px solid rgba(20,110,88,0.14);
  --test-text-color: #10241f;
  --test-title-bg: #e8fff7;
  --test-title-border: 1px solid rgba(20,110,88,0.18);
  --test-title-color: #10241f;
}

html[data-site-page] body.card-design-5 {
  --test-gap: 20px;
  --test-card-width: calc(20% - 16px);
  --test-card-pad: 0;
  --test-card-bg: linear-gradient(135deg, rgba(32,24,14,0.94), rgba(14,12,10,0.98));
  --test-card-border: 1px solid rgba(220,170,83,0.34);
  --test-card-radius: 28px;
  --test-card-shadow: 0 22px 50px rgba(0,0,0,0.28);
  --test-media-height: 322px;
  --test-media-pad: 18px;
  --test-media-bg: radial-gradient(circle at 50% 10%, rgba(220,170,83,0.17), transparent 58%);
  --test-media-border: 0;
  --test-media-radius: 28px 28px 0 0;
  --test-text-gap: 0;
  --test-text-bg: linear-gradient(90deg, rgba(220,170,83,0.18), rgba(255,255,255,0.035));
  --test-text-border: 0;
  --test-text-radius: 0 0 28px 28px;
  --test-title-bg: radial-gradient(circle at 50% 0%, rgba(220,170,83,0.25), rgba(20,15,10,0.88) 70%);
  --test-title-border: 1px solid rgba(220,170,83,0.30);
  --test-title-radius: 999px;
  --test-title-color: #f6deb2;
}

html[data-site-page] body.card-design-5:not(.dark) {
  --test-card-bg: linear-gradient(135deg, #fff9ed, #f0dfc3);
  --test-card-border: 1px solid rgba(145,94,24,0.18);
  --test-media-bg: radial-gradient(circle at 50% 10%, rgba(145,94,24,0.12), transparent 58%);
  --test-text-bg: linear-gradient(90deg, rgba(145,94,24,0.12), rgba(255,255,255,0.72));
  --test-text-color: #2d2214;
  --test-title-bg: #fff7e7;
  --test-title-color: #2d2214;
}

html[data-site-page] body.card-design-6 {
  --test-gap: 18px;
  --test-card-width: calc(20% - 15px);
  --test-card-bg: #191b1a;
  --test-card-border: 1px solid rgba(255,255,255,0.10);
  --test-card-radius: 32px;
  --test-card-shadow: 0 20px 44px rgba(0,0,0,0.22);
  --test-media-bg: linear-gradient(145deg, #222625, #131514);
  --test-media-border: 1px solid rgba(255,255,255,0.10);
  --test-media-radius: 26px;
  --test-text-bg: #222625;
  --test-text-border: 1px solid rgba(255,255,255,0.10);
  --test-text-radius: 22px;
  --test-title-bg: #222625;
  --test-title-border: 1px solid rgba(255,255,255,0.10);
  --test-title-radius: 999px;
  --test-title-color: #f5f6f2;
}

html[data-site-page] body.card-design-6:not(.dark) {
  --test-card-bg: #f9faf8;
  --test-card-border: 1px solid rgba(48,56,50,0.12);
  --test-card-shadow: 0 20px 44px rgba(20,24,22,0.10);
  --test-media-bg: linear-gradient(145deg, #fff, #eef2ed);
  --test-media-border: 1px solid rgba(48,56,50,0.10);
  --test-text-bg: #fff;
  --test-text-border: 1px solid rgba(48,56,50,0.10);
  --test-text-color: #1f2521;
  --test-title-bg: #fff;
  --test-title-border: 1px solid rgba(48,56,50,0.10);
  --test-title-color: #1f2521;
}

html[data-site-page] body.card-design-7 {
  --test-gap: 18px;
  --test-card-width: calc(20% - 15px);
  --test-card-bg: linear-gradient(180deg, rgba(35,20,42,0.96), rgba(12,10,15,0.98));
  --test-card-border: 1px solid rgba(213,148,255,0.26);
  --test-card-radius: 22px;
  --test-media-height: 306px;
  --test-media-bg: linear-gradient(135deg, rgba(148,20,196,0.10), rgba(255,255,255,0.025));
  --test-media-border: 1px solid rgba(213,148,255,0.25);
  --test-media-radius: 18px;
  --test-text-bg: rgba(79,9,105,0.20);
  --test-text-border: 1px solid rgba(213,148,255,0.22);
  --test-text-radius: 18px;
  --test-title-bg: linear-gradient(135deg, rgba(79,9,105,0.45), rgba(255,255,255,0.055));
  --test-title-border: 1px solid rgba(213,148,255,0.28);
  --test-title-color: #f8efff;
  --test-title-transform: uppercase;
  --test-title-spacing: 0.04em;
}

html[data-site-page] body.card-design-7:not(.dark) {
  --test-card-bg: linear-gradient(180deg, #fff, #f2e8f8);
  --test-card-border: 1px solid rgba(79,9,105,0.18);
  --test-media-bg: rgba(79,9,105,0.045);
  --test-media-border: 1px solid rgba(79,9,105,0.15);
  --test-text-bg: rgba(79,9,105,0.07);
  --test-text-border: 1px solid rgba(79,9,105,0.13);
  --test-text-color: #2b1434;
  --test-title-bg: #fff;
  --test-title-border: 1px solid rgba(79,9,105,0.16);
  --test-title-color: #2b1434;
}

@media (max-width: 1500px) {
  html[data-site-page] body.card-design-test .card-item {
    width: calc(25% - 14px);
  }
}

@media (max-width: 991px) {
  html[data-site-page] body.card-design-test .card-item {
    width: calc(33.333% - 12px);
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.card-design-test .card-item {
    width: calc(50% - 10px);
  }
}

@media (max-width: 420px) {
  html[data-site-page] body.card-design-test .card-item {
    width: 100%;
  }
}

/* Warframe Seva concept pass 2: full-page ideas, not color swaps. */
html[data-site-page] body.card-design-test {
  --wf-page-max: 1860px;
  --wf-card-w: calc(20% - 16px);
  --wf-gap: 20px;
  --wf-card-radius: 26px;
  --wf-media-h: 318px;
  --wf-card-bg: linear-gradient(145deg, rgba(25,22,30,0.94), rgba(12,12,16,0.98));
  --wf-card-border: 1px solid rgba(255,255,255,0.10);
  --wf-media-bg: rgba(255,255,255,0.045);
  --wf-media-border: 1px solid rgba(255,255,255,0.12);
  --wf-text-bg: rgba(255,255,255,0.055);
  --wf-text-border: 1px solid rgba(255,255,255,0.10);
  --wf-text-color: #f7f4fb;
  --wf-title-bg: linear-gradient(135deg, rgba(79,9,105,0.82), rgba(255,255,255,0.05));
  --wf-title-border: 1px solid rgba(179,98,255,0.28);
  --wf-title-color: #fff;
  --wf-section-bg: transparent;
  --wf-section-border: 0;
  --wf-section-shadow: none;
  --wf-header-bg: radial-gradient(circle at 20% 0%, rgba(148,20,196,0.24), transparent 38%), linear-gradient(135deg, #121016, #09090d);
  --wf-header-title-bg: rgba(255,255,255,0.06);
  --wf-header-title-border: 1px solid rgba(179,98,255,0.26);
}

html[data-site-page] body.card-design-test:not(.dark) {
  --wf-card-bg: linear-gradient(145deg, #fff, #f2eef5);
  --wf-card-border: 1px solid rgba(30,24,36,0.10);
  --wf-media-bg: rgba(30,24,36,0.035);
  --wf-media-border: 1px solid rgba(30,24,36,0.10);
  --wf-text-bg: #fff;
  --wf-text-border: 1px solid rgba(30,24,36,0.10);
  --wf-text-color: #24182b;
  --wf-title-bg: linear-gradient(135deg, #fff, #f0e8f6);
  --wf-title-border: 1px solid rgba(79,9,105,0.16);
  --wf-title-color: #24182b;
  --wf-header-bg: linear-gradient(135deg, #f5f1f8, #ffffff);
  --wf-header-title-bg: #fff;
  --wf-header-title-border: 1px solid rgba(79,9,105,0.14);
}

html[data-site-page] body.card-design-test .header__top {
  padding: 24px 0 !important;
  background: var(--wf-header-bg) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

html[data-site-page] body.card-design-test:not(.dark) .header__top {
  border-bottom-color: rgba(30,24,36,0.12) !important;
}

html[data-site-page] body.card-design-test .header__body {
  min-height: 128px;
  gap: 22px;
}

html[data-site-page] body.card-design-test .header__logo {
  position: relative;
  display: grid;
  place-items: center;
  width: 128px;
  height: 128px;
  margin-right: 22px !important;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 34px;
  box-shadow: 0 18px 42px rgba(0,0,0,0.24);
}

html[data-site-page] body.card-design-test:not(.dark) .header__logo {
  background: #fff;
  border-color: rgba(30,24,36,0.10);
  box-shadow: 0 18px 42px rgba(30,24,36,0.08);
}

html[data-site-page] body.card-design-test .header__logo .logo {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 28px;
}

html[data-site-page] body.card-design-test .header__body > h1.title {
  position: static !important;
  display: inline-flex;
  align-items: center;
  min-height: 94px;
  margin: 0 !important;
  padding: 18px 34px;
  color: var(--wf-title-color);
  font-size: clamp(3.4rem, 4vw, 6.2rem);
  line-height: 1.05;
  text-align: left;
  white-space: normal;
  background: var(--wf-header-title-bg);
  border: var(--wf-header-title-border);
  border-radius: 34px;
  box-shadow: 0 22px 50px rgba(0,0,0,0.16);
  transform: none !important;
}

html[data-site-page] body.card-design-test .header__body > h1.title::after {
  display: none !important;
}

html[data-site-page] body.card-design-test .item-group {
  max-width: var(--wf-page-max);
  margin: 0 auto 48px;
  padding: var(--wf-section-pad, 0 18px);
  background: var(--wf-section-bg);
  border: var(--wf-section-border);
  border-radius: var(--wf-section-radius, 0);
  box-shadow: var(--wf-section-shadow);
}

html[data-site-page] body.card-design-test .item-group .container {
  max-width: var(--wf-page-max);
}

html[data-site-page] body.card-design-test .item-group .cards {
  justify-content: center;
  gap: var(--wf-gap);
  margin: 0;
}

html[data-site-page] body.card-design-test .card-item {
  width: var(--wf-card-w);
  margin: 0 0 20px !important;
  padding: var(--wf-card-pad, 12px);
  background: var(--wf-card-bg) !important;
  border: var(--wf-card-border) !important;
  border-radius: var(--wf-card-radius);
  box-shadow: var(--wf-card-shadow, 0 18px 40px rgba(0,0,0,0.18));
  transition: transform 0.26s ease, box-shadow 0.26s ease, border-color 0.26s ease;
}

html[data-site-page] body.card-design-test .card-item .media {
  min-height: var(--wf-media-h) !important;
  padding: var(--wf-media-pad, 12px);
  background: var(--wf-media-bg);
  border: var(--wf-media-border);
  border-radius: var(--wf-media-radius, calc(var(--wf-card-radius) - 8px));
  box-shadow: var(--wf-media-shadow, inset 0 0 0 1px rgba(255,255,255,0.035));
  overflow: hidden;
}

html[data-site-page] body.card-design-test .card-item img,
html[data-site-page] body.card-design-test .card-item video {
  max-width: 100%;
  max-height: calc(var(--wf-media-h) - 28px);
  border-radius: var(--wf-img-radius, 12px);
}

html[data-site-page] body.card-design-test .card-item p,
html[data-site-page] body.card-design-test.dark .card-item p {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--wf-text-h, 66px);
  margin: var(--wf-text-gap, 10px) 0 0;
  padding: var(--wf-text-pad, 10px 12px);
  color: var(--wf-text-color) !important;
  font-size: var(--wf-text-size, 1.66rem);
  line-height: 1.18;
  text-align: center;
  background: var(--wf-text-bg) !important;
  border: var(--wf-text-border);
  border-radius: var(--wf-text-radius, 18px);
  box-shadow: var(--wf-text-shadow, none);
}

html[data-site-page] body.card-design-test .item-group .body > h1.title,
html[data-site-page] body.card-design-test .top h1.title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: var(--wf-title-margin, 0 auto 24px) !important;
  padding: var(--wf-title-pad, 14px 34px);
  color: var(--wf-title-color);
  font-size: var(--wf-section-title-size, clamp(2.8rem, 3vw, 4.8rem)) !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: var(--wf-title-spacing, 0);
  text-transform: var(--wf-title-transform, none);
  background: var(--wf-title-bg);
  border: var(--wf-title-border);
  border-radius: var(--wf-title-radius, 999px);
  box-shadow: var(--wf-title-shadow, 0 16px 38px rgba(0,0,0,0.12));
}

html[data-site-page] body.card-design-test .item-group .body > h1.title::after,
html[data-site-page] body.card-design-test .top h1.title::after {
  display: none !important;
}

html[data-site-page] body.card-design-test .divider {
  width: var(--wf-divider-w, 0);
  height: var(--wf-divider-h, 0);
  margin: var(--wf-divider-margin, 0 auto 20px);
  background: var(--wf-divider-bg, transparent) !important;
  box-shadow: none !important;
}

html[data-site-page] body.card-design-test .card-item:hover {
  transform: var(--wf-hover, translateY(-6px));
  box-shadow: var(--wf-hover-shadow, 0 26px 54px rgba(0,0,0,0.26));
}

html[data-site-page] body.card-design-test .card-item:hover img,
html[data-site-page] body.card-design-test .card-item:hover video {
  transform: var(--wf-img-hover, scale(1.035));
}

html[data-site-page] body.card-design-1 {
  --wf-card-w: calc(20% - 16px);
  --wf-gap: 20px;
  --wf-section-bg: linear-gradient(145deg, rgba(255,255,255,0.035), rgba(79,9,105,0.055));
  --wf-section-border: 1px solid rgba(179,98,255,0.14);
  --wf-section-radius: 34px;
  --wf-section-pad: 24px 24px 8px;
  --wf-card-bg: linear-gradient(160deg, rgba(29,25,38,0.96), rgba(13,13,18,0.98));
  --wf-card-border: 1px solid rgba(179,98,255,0.24);
  --wf-media-bg: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(148,20,196,0.11));
  --wf-media-border: 1px solid rgba(179,98,255,0.34);
  --wf-text-bg: linear-gradient(90deg, rgba(79,9,105,0.26), rgba(255,255,255,0.035));
  --wf-text-border: 1px solid rgba(179,98,255,0.26);
  --wf-title-bg: linear-gradient(90deg, #4f0969, rgba(20,18,28,0.92));
  --wf-title-transform: uppercase;
  --wf-title-spacing: 0.06em;
}

html[data-site-page] body.card-design-1:not(.dark) {
  --wf-section-bg: linear-gradient(145deg, #fff, #f3edf7);
  --wf-section-border: 1px solid rgba(79,9,105,0.14);
  --wf-card-bg: linear-gradient(160deg, #fff, #eee8f4);
  --wf-card-border: 1px solid rgba(79,9,105,0.16);
  --wf-media-bg: linear-gradient(180deg, #fff, rgba(79,9,105,0.055));
  --wf-media-border: 1px solid rgba(79,9,105,0.18);
  --wf-text-bg: #fff;
  --wf-text-border: 1px solid rgba(79,9,105,0.13);
  --wf-text-color: #281432;
  --wf-title-bg: linear-gradient(90deg, #4f0969, #8b4ca3);
  --wf-title-color: #fff;
}

html[data-site-page] body.card-design-2 {
  --wf-card-w: calc(16.666% - 12px);
  --wf-gap: 14px;
  --wf-card-radius: 24px;
  --wf-media-h: 270px;
  --wf-card-bg: rgba(19,23,31,0.90);
  --wf-card-border: 1px solid rgba(132,162,205,0.26);
  --wf-media-bg: linear-gradient(145deg, rgba(86,113,154,0.18), rgba(255,255,255,0.025));
  --wf-media-border: 1px solid rgba(142,174,218,0.26);
  --wf-text-bg: rgba(12,14,20,0.72);
  --wf-text-border: 1px solid rgba(142,174,218,0.20);
  --wf-title-bg: linear-gradient(90deg, rgba(39,54,78,0.96), rgba(15,17,24,0.92));
  --wf-title-border: 1px solid rgba(142,174,218,0.30);
  --wf-title-radius: 24px;
  --wf-title-pad: 12px 26px;
  --wf-section-title-size: clamp(2.4rem, 2.4vw, 3.8rem);
}

html[data-site-page] body.card-design-2 .item-group {
  position: relative;
}

html[data-site-page] body.card-design-2 .item-group .body > h1.title,
html[data-site-page] body.card-design-2 .top h1.title {
  width: min(580px, 92%);
}

html[data-site-page] body.card-design-2:not(.dark) {
  --wf-card-bg: #f7f9fd;
  --wf-card-border: 1px solid rgba(70,96,132,0.16);
  --wf-media-bg: linear-gradient(145deg, #fff, rgba(70,96,132,0.055));
  --wf-media-border: 1px solid rgba(70,96,132,0.17);
  --wf-text-bg: #fff;
  --wf-text-border: 1px solid rgba(70,96,132,0.14);
  --wf-text-color: #172033;
  --wf-title-bg: linear-gradient(90deg, #e8eef7, #fff);
  --wf-title-border: 1px solid rgba(70,96,132,0.18);
  --wf-title-color: #172033;
}

html[data-site-page] body.card-design-3 {
  --wf-card-w: calc(20% - 16px);
  --wf-gap: 20px;
  --wf-card-radius: 38px;
  --wf-card-bg: linear-gradient(145deg, rgba(22,22,27,0.96), rgba(10,10,12,0.98));
  --wf-card-border: 1px solid rgba(255,255,255,0.12);
  --wf-card-shadow: 0 20px 46px rgba(0,0,0,0.26);
  --wf-media-bg: radial-gradient(circle at 50% 12%, rgba(255,255,255,0.10), transparent 62%);
  --wf-media-border: 1px solid rgba(255,255,255,0.15);
  --wf-media-radius: 32px;
  --wf-text-bg: rgba(255,255,255,0.075);
  --wf-text-border: 1px solid rgba(255,255,255,0.12);
  --wf-text-radius: 24px;
  --wf-title-bg: rgba(255,255,255,0.08);
  --wf-title-border: 1px solid rgba(255,255,255,0.16);
  --wf-title-radius: 999px;
}

html[data-site-page] body.card-design-3 .item-group {
  position: relative;
}

html[data-site-page] body.card-design-3 .item-group::before {
  content: "";
  position: absolute;
  inset: -8px 12px auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
}

html[data-site-page] body.card-design-3:not(.dark) {
  --wf-card-bg: linear-gradient(145deg, #fff, #f0f0f2);
  --wf-card-border: 1px solid rgba(22,22,28,0.12);
  --wf-media-bg: radial-gradient(circle at 50% 12%, rgba(22,22,28,0.06), transparent 62%);
  --wf-media-border: 1px solid rgba(22,22,28,0.12);
  --wf-text-bg: #fff;
  --wf-text-border: 1px solid rgba(22,22,28,0.10);
  --wf-text-color: #202026;
  --wf-title-bg: #fff;
  --wf-title-border: 1px solid rgba(22,22,28,0.12);
  --wf-title-color: #202026;
}

html[data-site-page] body.card-design-4 {
  --wf-card-w: calc(20% - 14px);
  --wf-gap: 18px;
  --wf-card-radius: 32px;
  --wf-media-h: 300px;
  --wf-card-bg: linear-gradient(180deg, rgba(11,25,22,0.94), rgba(7,13,13,0.98));
  --wf-card-border: 1px solid rgba(76,212,172,0.24);
  --wf-media-bg: rgba(76,212,172,0.060);
  --wf-media-border: 1px solid rgba(76,212,172,0.26);
  --wf-media-radius: 26px;
  --wf-text-bg: rgba(76,212,172,0.085);
  --wf-text-border: 1px solid rgba(76,212,172,0.20);
  --wf-text-size: 1.58rem;
  --wf-title-bg: linear-gradient(90deg, rgba(76,212,172,0.16), rgba(7,13,13,0.92));
  --wf-title-border: 1px solid rgba(76,212,172,0.30);
  --wf-title-color: #91f7d9;
  --wf-title-radius: 28px;
}

html[data-site-page] body.card-design-4:not(.dark) {
  --wf-card-bg: #f3fffb;
  --wf-card-border: 1px solid rgba(20,110,88,0.16);
  --wf-media-bg: #fff;
  --wf-media-border: 1px solid rgba(20,110,88,0.16);
  --wf-text-bg: rgba(20,110,88,0.055);
  --wf-text-border: 1px solid rgba(20,110,88,0.14);
  --wf-text-color: #10241f;
  --wf-title-bg: #e8fff7;
  --wf-title-border: 1px solid rgba(20,110,88,0.18);
  --wf-title-color: #10241f;
}

html[data-site-page] body.card-design-5 {
  --wf-card-w: calc(20% - 16px);
  --wf-gap: 20px;
  --wf-card-pad: 0;
  --wf-card-radius: 30px;
  --wf-media-h: 334px;
  --wf-card-bg: linear-gradient(135deg, rgba(32,24,14,0.94), rgba(14,12,10,0.98));
  --wf-card-border: 1px solid rgba(220,170,83,0.34);
  --wf-card-shadow: 0 22px 50px rgba(0,0,0,0.28);
  --wf-media-bg: radial-gradient(circle at 50% 10%, rgba(220,170,83,0.17), transparent 58%);
  --wf-media-border: 0;
  --wf-media-radius: 30px 30px 0 0;
  --wf-text-gap: 0;
  --wf-text-bg: linear-gradient(90deg, rgba(220,170,83,0.18), rgba(255,255,255,0.035));
  --wf-text-border: 0;
  --wf-text-radius: 0 0 30px 30px;
  --wf-title-bg: radial-gradient(circle at 50% 0%, rgba(220,170,83,0.25), rgba(20,15,10,0.88) 70%);
  --wf-title-border: 1px solid rgba(220,170,83,0.30);
  --wf-title-radius: 999px;
  --wf-title-color: #f6deb2;
}

html[data-site-page] body.card-design-5:not(.dark) {
  --wf-card-bg: linear-gradient(135deg, #fff9ed, #f0dfc3);
  --wf-card-border: 1px solid rgba(145,94,24,0.18);
  --wf-media-bg: radial-gradient(circle at 50% 10%, rgba(145,94,24,0.12), transparent 58%);
  --wf-text-bg: linear-gradient(90deg, rgba(145,94,24,0.12), rgba(255,255,255,0.72));
  --wf-text-color: #2d2214;
  --wf-title-bg: #fff7e7;
  --wf-title-color: #2d2214;
}

html[data-site-page] body.card-design-6 {
  --wf-card-w: calc(20% - 16px);
  --wf-gap: 20px;
  --wf-card-radius: 34px;
  --wf-card-bg: #191b1a;
  --wf-card-border: 1px solid rgba(255,255,255,0.10);
  --wf-card-shadow: 0 20px 44px rgba(0,0,0,0.22);
  --wf-media-bg: linear-gradient(145deg, #222625, #131514);
  --wf-media-border: 1px solid rgba(255,255,255,0.10);
  --wf-media-radius: 28px;
  --wf-text-bg: #222625;
  --wf-text-border: 1px solid rgba(255,255,255,0.10);
  --wf-text-radius: 24px;
  --wf-title-bg: #222625;
  --wf-title-border: 1px solid rgba(255,255,255,0.10);
  --wf-title-radius: 999px;
  --wf-title-color: #f5f6f2;
}

html[data-site-page] body.card-design-6 .item-group {
  --wf-section-bg: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.01));
  --wf-section-border: 1px solid rgba(255,255,255,0.075);
  --wf-section-radius: 44px;
  --wf-section-pad: 26px 28px 10px;
}

html[data-site-page] body.card-design-6:not(.dark) {
  --wf-card-bg: #f9faf8;
  --wf-card-border: 1px solid rgba(48,56,50,0.12);
  --wf-card-shadow: 0 20px 44px rgba(20,24,22,0.10);
  --wf-media-bg: linear-gradient(145deg, #fff, #eef2ed);
  --wf-media-border: 1px solid rgba(48,56,50,0.10);
  --wf-text-bg: #fff;
  --wf-text-border: 1px solid rgba(48,56,50,0.10);
  --wf-text-color: #1f2521;
  --wf-title-bg: #fff;
  --wf-title-border: 1px solid rgba(48,56,50,0.10);
  --wf-title-color: #1f2521;
  --wf-section-bg: linear-gradient(180deg, #fff, #f6f8f5);
  --wf-section-border: 1px solid rgba(48,56,50,0.10);
}

html[data-site-page] body.card-design-7 {
  --wf-card-w: calc(20% - 16px);
  --wf-gap: 20px;
  --wf-card-radius: 26px;
  --wf-media-h: 316px;
  --wf-card-bg: linear-gradient(180deg, rgba(35,20,42,0.96), rgba(12,10,15,0.98));
  --wf-card-border: 1px solid rgba(213,148,255,0.26);
  --wf-media-bg: linear-gradient(135deg, rgba(148,20,196,0.10), rgba(255,255,255,0.025));
  --wf-media-border: 1px solid rgba(213,148,255,0.25);
  --wf-media-radius: 20px;
  --wf-text-bg: rgba(79,9,105,0.20);
  --wf-text-border: 1px solid rgba(213,148,255,0.22);
  --wf-title-bg: linear-gradient(135deg, rgba(79,9,105,0.45), rgba(255,255,255,0.055));
  --wf-title-border: 1px solid rgba(213,148,255,0.28);
  --wf-title-color: #f8efff;
  --wf-title-transform: uppercase;
  --wf-title-spacing: 0.04em;
}

html[data-site-page] body.card-design-7 .item-group .body > h1.title,
html[data-site-page] body.card-design-7 .top h1.title {
  position: relative;
  padding-left: 58px;
}

html[data-site-page] body.card-design-7 .item-group .body > h1.title::before,
html[data-site-page] body.card-design-7 .top h1.title::before {
  content: "";
  position: absolute;
  left: 22px;
  width: 18px;
  height: 18px;
  background: #d594ff;
  border-radius: 50%;
  box-shadow: 0 0 24px rgba(213,148,255,0.75);
}

html[data-site-page] body.card-design-7:not(.dark) {
  --wf-card-bg: linear-gradient(180deg, #fff, #f2e8f8);
  --wf-card-border: 1px solid rgba(79,9,105,0.18);
  --wf-media-bg: rgba(79,9,105,0.045);
  --wf-media-border: 1px solid rgba(79,9,105,0.15);
  --wf-text-bg: rgba(79,9,105,0.07);
  --wf-text-border: 1px solid rgba(79,9,105,0.13);
  --wf-text-color: #2b1434;
  --wf-title-bg: #fff;
  --wf-title-border: 1px solid rgba(79,9,105,0.16);
  --wf-title-color: #2b1434;
}

@media (max-width: 1500px) {
  html[data-site-page] body.card-design-test {
    --wf-card-w: calc(25% - 15px);
  }
}

@media (max-width: 991px) {
  html[data-site-page] body.card-design-test {
    --wf-card-w: calc(33.333% - 14px);
    --wf-media-h: 260px;
  }

  html[data-site-page] body.card-design-test .header__body {
    flex-direction: column;
    min-height: 0;
    text-align: center;
  }

  html[data-site-page] body.card-design-test .header__logo {
    width: 112px;
    height: 112px;
    margin-right: 0 !important;
  }

  html[data-site-page] body.card-design-test .header__body > h1.title {
    justify-content: center;
    min-height: 0;
    text-align: center;
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.card-design-test {
    --wf-card-w: calc(50% - 10px);
    --wf-gap: 14px;
    --wf-media-h: 228px;
  }

  html[data-site-page] body.card-design-test .card-item {
    padding: 9px;
  }
}

@media (max-width: 420px) {
  html[data-site-page] body.card-design-test {
    --wf-card-w: 100%;
    --wf-media-h: 260px;
  }
}

/* Warframe Seva concept pass 3: seven genuinely different prototypes. */
html[data-site-page] body.card-design-test .wf-section {
  margin-top: 54px;
  margin-bottom: 56px;
}

html[data-site-page] body.card-design-test .wf-section:first-of-type {
  margin-top: 30px;
}

html[data-site-page] body.card-design-test .wf-section .body > h1.title {
  margin-bottom: 26px !important;
}

html[data-site-page] body.card-design-test:not(.dark) .header__body > h1.title {
  color: #24182b !important;
}

html[data-site-page] body.card-design-test:not(.dark) .header__body > h1.title {
  background: #fff;
}

html[data-site-page] body.card-design-test:not(.dark) .card-item p {
  color: var(--wf-text-color, #24182b) !important;
}

/* 1. Command deck: strong hero, cards as equipment tiles on section panels. */
html[data-site-page] body.card-design-1 .wf-section {
  padding: 30px 30px 12px;
  background: radial-gradient(circle at 0 0, rgba(148,20,196,0.16), transparent 36%), linear-gradient(145deg, rgba(255,255,255,0.04), rgba(12,12,16,0.72));
  border: 1px solid rgba(179,98,255,0.18);
  border-radius: 42px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.20);
}

html[data-site-page] body.card-design-1 .wf-section .body > h1.title {
  position: relative;
  padding: 15px 34px 15px 56px;
  background: linear-gradient(90deg, #4f0969, rgba(79,9,105,0.28));
  border-radius: 24px;
}

html[data-site-page] body.card-design-1 .wf-section .body > h1.title::before {
  content: "";
  position: absolute;
  left: 22px;
  width: 16px;
  height: 16px;
  background: #f0ccff;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(240,204,255,0.8);
}

html[data-site-page] body.card-design-1 .card-item {
  width: calc(16.666% - 17px);
  padding: 10px;
  background: linear-gradient(160deg, rgba(31,27,39,0.96), rgba(14,14,20,0.98)) !important;
  border-radius: 24px;
}

html[data-site-page] body.card-design-1 .card-item .media {
  min-height: 292px !important;
}

html[data-site-page] body.card-design-1:not(.dark) .wf-section {
  background: linear-gradient(145deg, #fff, #f5eff9);
  border-color: rgba(79,9,105,0.14);
}

html[data-site-page] body.card-design-1:not(.dark) .wf-section .body > h1.title {
  color: #fff !important;
}

/* 2. Bento armory: varied card spans, section titles attached like labels. */
html[data-site-page] body.card-design-2 .wf-section {
  padding: 30px;
  background: linear-gradient(145deg, rgba(11,16,25,0.88), rgba(28,37,55,0.62));
  border: 1px solid rgba(142,174,218,0.24);
  border-radius: 34px;
}

html[data-site-page] body.card-design-2 .wf-section .cards {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

html[data-site-page] body.card-design-2 .card-item {
  width: auto;
  min-width: 0;
}

html[data-site-page] body.card-design-2 .card-item:nth-child(7n+1) {
  grid-column: span 2;
}

html[data-site-page] body.card-design-2 .card-item:nth-child(7n+1) .media {
  min-height: 360px !important;
}

html[data-site-page] body.card-design-2 .card-item:nth-child(7n+4) {
  grid-column: span 2;
}

html[data-site-page] body.card-design-2 .wf-section .body > h1.title {
  display: flex;
  width: fit-content;
  margin-left: 0 !important;
  background: #dceaff;
  color: #121b2a !important;
  border: 0;
  border-radius: 18px 18px 18px 6px;
  box-shadow: 0 16px 30px rgba(0,0,0,0.18);
}

html[data-site-page] body.card-design-2:not(.dark) .wf-section {
  background: linear-gradient(145deg, #f7faff, #eaf1fb);
  border-color: rgba(70,96,132,0.16);
}

/* 3. Inventory board: compact game slots with a big category badge. */
html[data-site-page] body.card-design-3 .header__top {
  background: linear-gradient(90deg, #101014, #1b1b20, #101014) !important;
}

html[data-site-page] body.card-design-3 .wf-section {
  position: relative;
  padding: 28px 26px 14px;
  background-image: linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 22px 22px;
  background-color: rgba(12,12,14,0.82);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 22px;
}

html[data-site-page] body.card-design-3 .wf-section .body > h1.title {
  margin-left: 0 !important;
  padding: 12px 22px;
  background: #f2f2f4;
  color: #101014 !important;
  border-radius: 16px;
  transform: translateY(-48px);
}

html[data-site-page] body.card-design-3 .wf-section .cards {
  margin-top: -34px;
}

html[data-site-page] body.card-design-3 .card-item {
  width: calc(16.666% - 17px);
  padding: 8px;
  background: rgba(255,255,255,0.045) !important;
  border-radius: 18px;
  box-shadow: none;
}

html[data-site-page] body.card-design-3 .card-item .media {
  min-height: 246px !important;
  border-radius: 14px;
}

html[data-site-page] body.card-design-3:not(.dark) .header__top {
  background: linear-gradient(90deg, #ececf1, #fff, #ececf1) !important;
}

html[data-site-page] body.card-design-3:not(.dark) .wf-section {
  background-color: #f8f8fa;
  border-color: rgba(20,20,26,0.12);
  background-image: linear-gradient(rgba(20,20,26,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(20,20,26,0.045) 1px, transparent 1px);
}

/* 4. Rounded marketplace: soft shop cards, category capsule connected to shelf. */
html[data-site-page] body.card-design-4 .wf-section {
  padding: 0 24px 26px;
  background: linear-gradient(180deg, rgba(76,212,172,0.12), rgba(7,13,13,0.22));
  border: 1px solid rgba(76,212,172,0.20);
  border-radius: 44px;
}

html[data-site-page] body.card-design-4 .wf-section .body > h1.title {
  transform: translateY(-22px);
  margin-bottom: -2px !important;
  background: linear-gradient(90deg, #71ecc9, #1c725f);
  color: #061412 !important;
  border: 0;
  border-radius: 999px;
}

html[data-site-page] body.card-design-4 .card-item {
  width: calc(20% - 15px);
  border-radius: 34px;
}

html[data-site-page] body.card-design-4 .card-item .media {
  min-height: 300px !important;
  border-radius: 28px;
}

html[data-site-page] body.card-design-4:not(.dark) .wf-section {
  background: linear-gradient(180deg, #edfff9, #fff);
  border-color: rgba(20,110,88,0.15);
}

/* 5. Prime showcase: premium frames, large but still 5 across. */
html[data-site-page] body.card-design-5 .wf-section {
  padding: 34px 30px 14px;
  background: radial-gradient(circle at 50% 0%, rgba(220,170,83,0.18), transparent 42%), linear-gradient(145deg, rgba(30,22,12,0.66), rgba(10,8,6,0.64));
  border: 1px solid rgba(220,170,83,0.26);
  border-radius: 46px;
}

html[data-site-page] body.card-design-5 .wf-section .body > h1.title {
  background: linear-gradient(135deg, #f4d48a, #8a5b1d);
  color: #1d1307 !important;
  border: 0;
  border-radius: 22px;
}

html[data-site-page] body.card-design-5 .card-item {
  width: calc(20% - 16px);
  overflow: hidden;
}

html[data-site-page] body.card-design-5 .card-item .media {
  min-height: 326px !important;
}

html[data-site-page] body.card-design-5:not(.dark) .wf-section {
  background: radial-gradient(circle at 50% 0%, rgba(145,94,24,0.13), transparent 42%), #fff7e8;
  border-color: rgba(145,94,24,0.18);
}

/* 6. Editorial storefront: airy, clean, but not the old grid. */
html[data-site-page] body.card-design-6 .header__body {
  display: grid;
  grid-template-columns: auto 1fr;
}

html[data-site-page] body.card-design-6 .wf-section {
  padding: 28px 28px 12px;
  background: var(--wf-section-bg);
  border: var(--wf-section-border);
  border-radius: 52px;
}

html[data-site-page] body.card-design-6 .wf-section .body > h1.title {
  width: 100%;
  justify-content: flex-start;
  padding-left: 38px;
  border-radius: 30px;
}

html[data-site-page] body.card-design-6 .card-item {
  width: calc(20% - 16px);
}

html[data-site-page] body.card-design-6 .card-item .media {
  min-height: 310px !important;
}

/* 7. Neon chapter board: title beacon + segmented cards. */
html[data-site-page] body.card-design-7 .wf-section {
  position: relative;
  padding: 30px 26px 12px;
  background: linear-gradient(135deg, rgba(79,9,105,0.20), rgba(16,10,20,0.66));
  border: 1px solid rgba(213,148,255,0.22);
  border-radius: 38px;
}

html[data-site-page] body.card-design-7 .wf-section .body > h1.title {
  margin-left: 0 !important;
  padding-left: 58px;
  border-radius: 18px 999px 999px 18px;
}

html[data-site-page] body.card-design-7 .card-item {
  width: calc(20% - 16px);
  position: relative;
}

html[data-site-page] body.card-design-7 .card-item::after {
  content: "";
  position: absolute;
  inset: 10px auto 10px 10px;
  width: 3px;
  background: linear-gradient(#d594ff, transparent);
  border-radius: 99px;
}

html[data-site-page] body.card-design-7 .card-item .media {
  min-height: 306px !important;
}

html[data-site-page] body.card-design-7:not(.dark) .wf-section {
  background: linear-gradient(135deg, #fff, #f3e9f9);
  border-color: rgba(79,9,105,0.15);
}

@media (max-width: 1500px) {
  html[data-site-page] body.card-design-test .card-item,
  html[data-site-page] body.card-design-1 .card-item,
  html[data-site-page] body.card-design-2 .card-item,
  html[data-site-page] body.card-design-3 .card-item,
  html[data-site-page] body.card-design-4 .card-item,
  html[data-site-page] body.card-design-5 .card-item,
  html[data-site-page] body.card-design-6 .card-item,
  html[data-site-page] body.card-design-7 .card-item {
    width: calc(25% - 15px);
  }
}

@media (max-width: 991px) {
  html[data-site-page] body.card-design-test .card-item,
  html[data-site-page] body.card-design-1 .card-item,
  html[data-site-page] body.card-design-2 .card-item,
  html[data-site-page] body.card-design-3 .card-item,
  html[data-site-page] body.card-design-4 .card-item,
  html[data-site-page] body.card-design-5 .card-item,
  html[data-site-page] body.card-design-6 .card-item,
  html[data-site-page] body.card-design-7 .card-item {
    width: calc(33.333% - 14px);
  }

  html[data-site-page] body.card-design-2 .wf-section .cards {
    display: flex;
  }

  html[data-site-page] body.card-design-2 .card-item:nth-child(7n+1),
  html[data-site-page] body.card-design-2 .card-item:nth-child(7n+4) {
    grid-column: auto;
  }

  html[data-site-page] body.card-design-6 .header__body {
    display: flex;
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.card-design-test .card-item,
  html[data-site-page] body.card-design-1 .card-item,
  html[data-site-page] body.card-design-2 .card-item,
  html[data-site-page] body.card-design-3 .card-item,
  html[data-site-page] body.card-design-4 .card-item,
  html[data-site-page] body.card-design-5 .card-item,
  html[data-site-page] body.card-design-6 .card-item,
  html[data-site-page] body.card-design-7 .card-item {
    width: calc(50% - 10px);
  }

  html[data-site-page] body.card-design-test .wf-section {
    padding-right: 14px;
    padding-left: 14px;
    border-radius: 28px;
  }
}

@media (max-width: 420px) {
  html[data-site-page] body.card-design-test .card-item,
  html[data-site-page] body.card-design-1 .card-item,
  html[data-site-page] body.card-design-2 .card-item,
  html[data-site-page] body.card-design-3 .card-item,
  html[data-site-page] body.card-design-4 .card-item,
  html[data-site-page] body.card-design-5 .card-item,
  html[data-site-page] body.card-design-6 .card-item,
  html[data-site-page] body.card-design-7 .card-item {
    width: 100%;
  }
}

html[data-site-page] .decor-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  max-width: 1200px;
  margin: 24px auto 42px;
  padding: 15px;
}

html[data-site-page] .decor-grid .decor-item {
  flex: 0 0 calc(33.333% - 12px);
  min-width: 260px;
  padding: 12px 16px;
  color: #4f0969;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  background: rgba(240,240,240,0.2);
  border: 1px solid rgba(79,9,105,0.2);
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(79,9,105,0.08);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

html[data-site-page] .decor-grid .decor-item:hover {
  transform: translateY(-3px);
  border-color: rgba(79,9,105,0.48);
  box-shadow: 0 8px 18px rgba(79,9,105,0.14);
}

html[data-site-page] .decor-grid .decor-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(79,9,105,0.1), transparent);
  transition: left 0.5s ease;
}

html[data-site-page] .decor-grid .decor-item:hover::before {
  left: 100%;
}

html[data-site-page] body.dark .decor-grid .decor-item {
  color: #fff;
  background: rgba(30,30,30,0.32);
  border-color: rgba(148,20,196,0.35);
  box-shadow: 0 6px 16px rgba(148,20,196,0.12);
}

html[data-site-page] body.dark .decor-grid .decor-item:hover {
  border-color: rgba(179,98,255,0.72);
  box-shadow: 0 8px 20px rgba(148,20,196,0.24);
}

html[data-site-page] body.dark .decor-grid .decor-item::before {
  background: linear-gradient(90deg, transparent, rgba(148,20,196,0.15), transparent);
}

@media (max-width: 900px) {
  html[data-site-page] .decor-grid .decor-item {
    flex: 0 0 calc(50% - 12px);
  }
}

@media (max-width: 600px) {
  html[data-site-page] .decor-grid .decor-item {
    flex: 0 0 100%;
  }
}

@media (max-width: 991px) {
  html[data-site-page] body.skin-sot .card-item {
    width: 33.333%;
  }
}

@media (max-width: 767px) {
  html[data-site-page] body.skin-sot .card-item {
    width: 50%;
  }
}

@media (max-width: 480px) {
  html[data-site-page] body.skin-sot .card-item {
    width: 100%;
  }
}

html[data-site-page] body.skin-phasmophobia .item-group .cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

html[data-site-page] body.skin-phasmophobia .card-item {
  display: flex;
  flex: 0 0 calc(50% - 40px);
  flex-direction: column;
  align-items: center;
  max-width: calc(50% - 40px);
  margin: 10px;
}

html[data-site-page] body.skin-phasmophobia .card-item .media {
  display: flex;
  justify-content: center;
  width: 100%;
}

html[data-site-page] body.skin-phasmophobia .card-item .media img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 767px) {
  html[data-site-page] body.skin-phasmophobia .card-item {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 10px 0;
  }
}

html[data-site-page] body.skin-stalcraft .decor-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  max-width: 1200px;
  margin: 0 auto 28px;
  padding: 15px;
}

html[data-site-page] body.skin-stalcraft .header__body {
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
  text-align: initial;
}

html[data-site-page] body.skin-stalcraft .styled-title,
html[data-site-page] body.skin-stalcraft .styled-title-blue,
html[data-site-page] body.skin-stalcraft .styled-title-gray,
html[data-site-page] body.skin-stalcraft .styled-title-purple,
html[data-site-page] body.skin-stalcraft .styled-title-red {
  display: inline-block;
  margin: 10px 0;
  padding: 8px 20px;
  color: #fff;
  text-align: center;
  background: #4f0969;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(79,9,105,0.5);
  transition: all 0.3s ease;
}

html[data-site-page] body.skin-stalcraft .styled-title-blue {
  background: #3c359f;
  box-shadow: 0 0 15px rgba(60,53,159,0.5);
}

html[data-site-page] body.skin-stalcraft .styled-title-gray {
  background: #616161;
  box-shadow: 0 0 15px rgba(97,97,97,0.5);
}

html[data-site-page] body.skin-stalcraft .styled-title-purple {
  background: #4b347a;
  box-shadow: 0 0 15px rgba(75,52,122,0.5);
}

html[data-site-page] body.skin-stalcraft .styled-title-red {
  background: #f44336;
  box-shadow: 0 0 15px rgba(244,67,54,0.5);
}

html[data-site-page] body.skin-stalcraft.dark .styled-title {
  background: #9414c4;
  box-shadow: 0 0 20px rgba(179,98,255,0.7);
}

html[data-site-page] body.skin-stalcraft.dark .styled-title-blue {
  background: #3c359f;
  box-shadow: 0 0 20px rgba(60,53,159,0.7);
}

html[data-site-page] body.skin-stalcraft.dark .styled-title-gray {
  background: #9e9e9e;
  box-shadow: 0 0 20px rgba(158,158,158,0.7);
}

html[data-site-page] body.skin-stalcraft.dark .styled-title-purple {
  background: #4b347a;
  box-shadow: 0 0 20px rgba(75,52,122,0.7);
}

html[data-site-page] body.skin-stalcraft.dark .styled-title-red {
  background: #ef5350;
  box-shadow: 0 0 20px rgba(239,83,80,0.7);
}

html[data-site-page] body.skin-stalcraft .decor-item {
  flex: 0 0 calc(33.333% - 12px);
  min-width: 300px;
  padding: 12px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: rgba(240,240,240,0.2);
  border: 1px solid rgba(79,9,105,0.2);
  border-radius: 8px;
  transition: all 0.4s cubic-bezier(0.25,0.8,0.25,1);
}

html[data-site-page] body.skin-stalcraft .decor-item:hover {
  transform: translateY(-5px);
  border-color: rgba(79,9,105,0.4);
  box-shadow: 0 6px 12px rgba(79,9,105,0.1);
}

html[data-site-page] body.skin-stalcraft .decor-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(79,9,105,0.1), transparent);
  transition: left 0.5s ease;
}

html[data-site-page] body.skin-stalcraft .decor-item:hover::before {
  left: 100%;
}

html[data-site-page] body.skin-stalcraft.dark .decor-item {
  color: #fff;
  background: rgba(30,30,30,0.3);
  border: 1px solid rgba(148,20,196,0.3);
}

html[data-site-page] body.skin-stalcraft.dark .decor-item:hover {
  border-color: rgba(148,20,196,0.6);
  box-shadow: 0 6px 12px rgba(148,20,196,0.2);
}

html[data-site-page] body.skin-stalcraft.dark .decor-item::before {
  background: linear-gradient(90deg, transparent, rgba(148,20,196,0.15), transparent);
}

html[data-site-page] body.skin-stalcraft .header__body h1.decor-item {
  display: block;
  width: auto;
  margin: 0;
  font-size: 40px;
  line-height: 1.3;
  white-space: normal;
}

html[data-site-page] body.skin-stalcraft .related-products {
  margin: 30px 0;
  text-align: center;
}

html[data-site-page] body.skin-stalcraft .related-products__title {
  margin-bottom: 25px;
  color: inherit;
  font-size: 28px;
  font-weight: 500;
}

html[data-site-page] body.skin-stalcraft .related-products__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}

html[data-site-page] body.skin-stalcraft .decor-grid .decor-item {
  flex: 0 0 calc(33.333% - 12px);
  min-width: 300px;
  padding: 12px;
  color: inherit;
  text-align: center;
  background: rgba(240,240,240,0.2);
  border: 1px solid rgba(79,9,105,0.2);
  border-radius: 8px;
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

html[data-site-page] body.skin-stalcraft .decor-grid .decor-item:hover {
  transform: translateY(-5px);
  border-color: rgba(79,9,105,0.4);
  box-shadow: 0 6px 12px rgba(79,9,105,0.1);
}

html[data-site-page] body.skin-stalcraft.dark .decor-grid .decor-item {
  color: #fff;
  background: rgba(30,30,30,0.3);
  border-color: rgba(148,20,196,0.3);
}

html[data-site-page] body.skin-stalcraft.dark .decor-grid .decor-item:hover {
  border-color: rgba(148,20,196,0.6);
  box-shadow: 0 6px 12px rgba(148,20,196,0.2);
}

html[data-site-page] body.skin-stalcraft .styled-title-big {
  display: inline-block;
  position: relative;
  padding: 16px 40px;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: linear-gradient(135deg,#9414c4 0%,#4f0969 100%);
  border-radius: 50px;
  box-shadow: 0 8px 0 rgba(0,0,0,0.3), 0 0 20px rgba(148,20,196,0.42);
  transform: translateY(-2px);
  transition: all 0.25s ease;
}

html[data-site-page] body.skin-stalcraft .styled-title-big:hover {
  color: #fff;
  background: linear-gradient(135deg,#b362ff 0%,#4f0969 100%);
  box-shadow: 0 10px 0 rgba(0,0,0,0.3), 0 0 30px rgba(148,20,196,0.58);
  transform: translateY(-4px);
}

html[data-site-page] body.skin-stalcraft .custom-card-btn {
  display: inline-block;
  padding: 14px 32px;
  background: linear-gradient(135deg,#4f0969 0%,#2a0438 100%);
  border-radius: 12px;
  box-shadow: 0 8px 0 rgba(0,0,0,0.3), 0 4px 15px rgba(79,9,105,0.4);
  transform: translateY(-2px);
  transition: all 0.25s ease;
}

html[data-site-page] body.skin-stalcraft .custom-card-btn__title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

html[data-site-page] body.skin-stalcraft .custom-card-btn:hover {
  background: linear-gradient(135deg,#9414c4 0%,#4f0969 100%);
  box-shadow: 0 10px 0 rgba(0,0,0,0.3), 0 8px 20px rgba(79,9,105,0.6);
  transform: translateY(-4px);
}

html[data-site-page] body.skin-stalcraft .warning-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(12px);
}

html[data-site-page] body.skin-stalcraft .warning-modal__panel {
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
  background: linear-gradient(135deg,#2d1b36,#1a0f21);
  border: 1px solid rgba(148,20,196,0.4);
  border-radius: 28px;
  box-shadow: 0 25px 50px -12px rgba(79,9,105,0.5);
}

html[data-site-page] body.skin-stalcraft .warning-modal__content {
  padding: 28px 24px 20px;
}

html[data-site-page] body.skin-stalcraft .warning-modal__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

html[data-site-page] body.skin-stalcraft .warning-modal__icon {
  display: inline-flex;
  padding: 10px;
  background: rgba(148,20,196,0.2);
  border-radius: 60px;
}

html[data-site-page] body.skin-stalcraft .warning-modal__title {
  margin: 0;
  color: red;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.3px;
}

html[data-site-page] body.skin-stalcraft .warning-modal__text {
  margin-bottom: 24px;
  color: #e0e0e0;
  font-size: 15px;
  line-height: 1.6;
}

html[data-site-page] body.skin-stalcraft .warning-modal__text p {
  margin-bottom: 20px;
  font-size: 15px;
}

html[data-site-page] body.skin-stalcraft #confirmBtn {
  width: 100%;
  padding: 16px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
  background: linear-gradient(135deg,#4f0969,#2a0438);
  border: 0;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(79,9,105,0.4);
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 2;
  transition: all 0.2s ease;
}

html[data-site-page] body.skin-stalcraft .warning-modal__danger {
  display: inline-block;
  color: #ff4444;
  font-weight: 700;
}

html[data-site-page] body.skin-stalcraft #confirmBtn:hover {
  background: linear-gradient(135deg,#9414c4,#4f0969);
  box-shadow: 0 6px 16px rgba(148,20,196,0.6);
  transform: scale(1.02);
}

@media (max-width: 900px) {
  html[data-site-page] body.skin-stalcraft .decor-grid .decor-item {
    flex: 0 0 calc(50% - 12px);
  }
}

@media (max-width: 600px) {
  html[data-site-page] body.skin-stalcraft .decor-grid .decor-item {
    flex: 0 0 100%;
  }
}

/* Extracted legacy page styles: grand/data/kick */

/* Extracted from grand/index.html */
html[data-site-page] body.skin-grand-home, html[data-site-page] body.skin-grand-home header, html[data-site-page] body.skin-grand-home .header__top, html[data-site-page] body.skin-grand-home .bgpurple, html[data-site-page] body.skin-grand-home .bl-bsh, html[data-site-page] body.skin-grand-home .head3, html[data-site-page] body.skin-grand-home .textS, html[data-site-page] body.skin-grand-home .link1, html[data-site-page] body.skin-grand-home .theme-toggle, html[data-site-page] body.skin-grand-home #toTop, html[data-site-page] body.skin-grand-home .lang-dropdown__link{transition:all 0.4s ease;}
html[data-site-page] body.skin-grand-home.dark{background-color:#1a1a1a!important;color:#e0e0e0!important;}
html[data-site-page] body.skin-grand-home.dark .header__top{background:#0d0d0d!important;border-bottom:1px solid #333!important;}
html[data-site-page] body.skin-grand-home.dark .bgpurple{background:#1a1a1a!important;}
html[data-site-page] body.skin-grand-home.dark .bl-bsh{background:#2d2d2d!important;}
html[data-site-page] body.skin-grand-home.dark .head3, html[data-site-page] body.skin-grand-home.dark .textS{color:#fff!important;}
html[data-site-page] body.skin-grand-home .head3{text-align:center!important;width:100%!important;margin-left:0!important;padding-left:0!important;}
html[data-site-page] body.skin-grand-home .head3[style*="color: red"], html[data-site-page] body.skin-grand-home.dark .head3[style*="color: red"]{color:red!important;}
html[data-site-page] body.skin-grand-home .link1{color:#4f0969;text-decoration:underline;}
html[data-site-page] body.skin-grand-home.dark .link1{color:#b362ff;}
html[data-site-page] body.skin-grand-home .image-in{max-width:100%;height:auto;display:block;margin:15px 0;}
html[data-site-page] body.skin-grand-home .theme-toggle{position:fixed;top:20px;right:20px;z-index:9999;background:#4f0969;color:white;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
html[data-site-page] body.skin-grand-home .theme-toggle:hover{background:#9414c4;animation:pulse 1.5s infinite;}
html[data-site-page] body.skin-grand-home .theme-toggle:active{transform:scale(0.95);}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(79,9,105,0.4);}70%{box-shadow:0 0 0 10px rgba(79,9,105,0);}100%{box-shadow:0 0 0 0 rgba(79,9,105,0);}}
html[data-site-page] body.skin-grand-home.dark .theme-toggle:hover{animation:pulse-dark 1.5s infinite;}
@keyframes pulse-dark{0%{box-shadow:0 0 0 0 rgba(148,20,196,0.4);}70%{box-shadow:0 0 0 10px rgba(148,20,196,0);}100%{box-shadow:0 0 0 0 rgba(148,20,196,0);}}
html[data-site-page] body.skin-grand-home .divider{height:2px;background:linear-gradient(90deg,transparent,#4f0969,transparent);margin:20px 0;}
html[data-site-page] body.skin-grand-home.dark .divider{background:linear-gradient(90deg,transparent,#9414c4,transparent);}
html[data-site-page] body.skin-grand-home ::-webkit-scrollbar{width:12px;}
html[data-site-page] body.skin-grand-home ::-webkit-scrollbar-thumb{background:#4f0969;}
html[data-site-page] body.skin-grand-home.dark ::-webkit-scrollbar-thumb{background:#9414c4;}
html[data-site-page] body.skin-grand-home .header__body{display:flex;align-items:center;position:relative;width:100%;}
@media (max-width:991px){html[data-site-page] body.skin-grand-home .header__body{flex-direction:column;text-align:center;}
html[data-site-page] body.skin-grand-home .header h1.title{margin-left:0!important;margin-top:15px;width:100%;}}
@media (min-width:992px){html[data-site-page] body.skin-grand-home .header h1.title{position:absolute;left:calc(50% + 0px);transform:translateX(-50%);width:auto;white-space:nowrap;margin-left:0!important;}}
html[data-site-page] body.skin-grand-home.dark .lang-dropdown__link{color:#fff!important;}
html[data-site-page] body.skin-grand-home.dark .lang-dropdown__link.selected{color:#b362ff!important;}
html[data-site-page] body.skin-grand-home .s-school__research-directions-list{list-style:none!important;padding-left:0!important;}
html[data-site-page] body.skin-grand-home .s-school__research-directions-list li{background-image:none!important;}
html[data-site-page] body.skin-grand-home .s-school__research-directions-list li::before, html[data-site-page] body.skin-grand-home .s-school__research-directions-list li::after{display:none!important;content:none!important;}
html[data-site-page] body.skin-grand-home .textS{position:relative!important;padding-left:28px!important;margin-bottom:10px!important;}
html[data-site-page] body.skin-grand-home .textS::before, html[data-site-page] body.skin-grand-home .textS::after{content:''!important;position:absolute!important;left:0!important;top:4px!important;width:20px!important;height:20px!important;background-color:#9414c4!important;border-radius:50%!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:12px!important;}
html[data-site-page] body.skin-grand-home #toTop{display:none;position:fixed;bottom:20px;right:20px;z-index:99;background:#4f0969;color:white;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;}
html[data-site-page] body.skin-grand-home.dark #toTop{background:#9414c4;}
html[data-site-page] body.skin-grand-home #toTop:hover{transform:scale(1.1);}
html[data-site-page] body.skin-grand-home .card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;}
html[data-site-page] body.skin-grand-home .card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(148,20,196,0.2);background:linear-gradient(135deg,#e9ecef,#dee2e6);}
html[data-site-page] body.skin-grand-home .card-info{color:#000;font-weight:bold;transition:color 0.3s ease;}
html[data-site-page] body.skin-grand-home .card:hover .card-info{color:#9414c4;}
html[data-site-page] body.skin-grand-home.dark .card{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);box-shadow:0 4px 8px rgba(0,0,0,0.3);}
html[data-site-page] body.skin-grand-home.dark .card:hover{box-shadow:0 8px 16px rgba(148,20,196,0.3);background:linear-gradient(135deg,#1a1a1a,#0d0d0d);}
html[data-site-page] body.skin-grand-home.dark .card-info{color:#fff;}
html[data-site-page] body.skin-grand-home.dark .card:hover .card-info{color:#b362ff;}
html[data-site-page] body.skin-grand-home .card-item{animation:fadeIn 0.5s ease forwards;opacity:0;}
@keyframes fadeIn{to{opacity:1;}}
@keyframes cardGlow{0%{box-shadow:0 0 5px rgba(148,20,196,0);}50%{box-shadow:0 0 15px rgba(148,20,196,0.5);}100%{box-shadow:0 0 5px rgba(148,20,196,0);}}
html[data-site-page] body.skin-grand-home.dark .card:hover{animation:cardGlow 2s infinite;}


/* Extracted from grand/cars/index.html */
html[data-site-page] body.skin-grand-cars, html[data-site-page] body.skin-grand-cars header, html[data-site-page] body.skin-grand-cars .header__top, html[data-site-page] body.skin-grand-cars .bgpurple, html[data-site-page] body.skin-grand-cars .bl-bsh, html[data-site-page] body.skin-grand-cars .head3, html[data-site-page] body.skin-grand-cars .textS, html[data-site-page] body.skin-grand-cars .link1, html[data-site-page] body.skin-grand-cars .theme-toggle, html[data-site-page] body.skin-grand-cars #toTop, html[data-site-page] body.skin-grand-cars .lang-dropdown__link{transition:all 0.4s ease;}
html[data-site-page] body.skin-grand-cars.dark{background-color:#1a1a1a!important;color:#e0e0e0!important;}
html[data-site-page] body.skin-grand-cars.dark .header__top{background:#0d0d0d!important;border-bottom:1px solid #333!important;}
html[data-site-page] body.skin-grand-cars.dark .bgpurple{background:#1a1a1a!important;}
html[data-site-page] body.skin-grand-cars.dark .bl-bsh{background:#2d2d2d!important;}
html[data-site-page] body.skin-grand-cars.dark .head3, html[data-site-page] body.skin-grand-cars.dark .textS{color:#fff!important;}
html[data-site-page] body.skin-grand-cars .head3{text-align:center!important;width:100%!important;margin-left:0!important;padding-left:0!important;}
html[data-site-page] body.skin-grand-cars .head3[style*="color: red"], html[data-site-page] body.skin-grand-cars.dark .head3[style*="color: red"]{color:red!important;}
html[data-site-page] body.skin-grand-cars .link1{color:#4f0969;text-decoration:underline;}
html[data-site-page] body.skin-grand-cars.dark .link1{color:#b362ff;}
html[data-site-page] body.skin-grand-cars .image-in{max-width:100%;height:auto;display:block;margin:15px 0;}
html[data-site-page] body.skin-grand-cars .theme-toggle{position:fixed;top:20px;right:20px;z-index:9999;background:#4f0969;color:white;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
html[data-site-page] body.skin-grand-cars .theme-toggle:hover{background:#9414c4;animation:pulse 1.5s infinite;}
html[data-site-page] body.skin-grand-cars .theme-toggle:active{transform:scale(0.95);}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(79,9,105,0.4);}70%{box-shadow:0 0 0 10px rgba(79,9,105,0);}100%{box-shadow:0 0 0 0 rgba(79,9,105,0);}}
html[data-site-page] body.skin-grand-cars.dark .theme-toggle:hover{animation:pulse-dark 1.5s infinite;}
@keyframes pulse-dark{0%{box-shadow:0 0 0 0 rgba(148,20,196,0.4);}70%{box-shadow:0 0 0 10px rgba(148,20,196,0);}100%{box-shadow:0 0 0 0 rgba(148,20,196,0);}}
html[data-site-page] body.skin-grand-cars .divider{height:2px;background:linear-gradient(90deg,transparent,#4f0969,transparent);margin:20px 0;}
html[data-site-page] body.skin-grand-cars.dark .divider{background:linear-gradient(90deg,transparent,#9414c4,transparent);}
html[data-site-page] body.skin-grand-cars ::-webkit-scrollbar{width:12px;}
html[data-site-page] body.skin-grand-cars ::-webkit-scrollbar-thumb{background:#4f0969;}
html[data-site-page] body.skin-grand-cars.dark ::-webkit-scrollbar-thumb{background:#9414c4;}
html[data-site-page] body.skin-grand-cars .header__body{display:flex;align-items:center;position:relative;width:100%;}
@media (max-width:991px){html[data-site-page] body.skin-grand-cars .header__body{flex-direction:column;text-align:center;}
html[data-site-page] body.skin-grand-cars .header h1.title{margin-left:0!important;margin-top:15px;width:100%;}}
@media (min-width:992px){html[data-site-page] body.skin-grand-cars .header h1.title{position:absolute;left:calc(50% + 0px);transform:translateX(-50%);width:auto;white-space:nowrap;margin-left:0!important;}}
html[data-site-page] body.skin-grand-cars.dark .lang-dropdown__link{color:#fff!important;}
html[data-site-page] body.skin-grand-cars.dark .lang-dropdown__link.selected{color:#b362ff!important;}
html[data-site-page] body.skin-grand-cars .s-school__research-directions-list{list-style:none!important;padding-left:0!important;}
html[data-site-page] body.skin-grand-cars .s-school__research-directions-list li{background-image:none!important;}
html[data-site-page] body.skin-grand-cars .s-school__research-directions-list li::before, html[data-site-page] body.skin-grand-cars .s-school__research-directions-list li::after{display:none!important;content:none!important;}
html[data-site-page] body.skin-grand-cars .textS{position:relative!important;padding-left:28px!important;margin-bottom:10px!important;}
html[data-site-page] body.skin-grand-cars .textS::before, html[data-site-page] body.skin-grand-cars .textS::after{content:''!important;position:absolute!important;left:0!important;top:4px!important;width:20px!important;height:20px!important;background-color:#9414c4!important;border-radius:50%!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:12px!important;}
html[data-site-page] body.skin-grand-cars #toTop{display:none;position:fixed;bottom:20px;right:20px;z-index:99;background:#4f0969;color:white;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;}
html[data-site-page] body.skin-grand-cars.dark #toTop{background:#9414c4;}
html[data-site-page] body.skin-grand-cars #toTop:hover{transform:scale(1.1);}
html[data-site-page] body.skin-grand-cars .search-container{
        margin: 30px auto;
        max-width: 1200px;
        padding: 0 20px;
      }
html[data-site-page] body.skin-grand-cars .image-placeholder{
        display:grid;
        place-items:center;
        width:100%;
        height:180px;
        padding:12px;
        text-align:center;
        font-size:14px;
        font-weight:700;
        color:#666;
        background:#f8f9fa;
        border:1px dashed #d0d0d0;
        border-radius:12px;
      }
html[data-site-page] body.skin-grand-cars.dark .image-placeholder{
        color:#c3c3c3;
        background:#2a2a2a;
        border-color:#4a4a4a;
      }
html[data-site-page] body.skin-grand-cars .search-input{
        width: 100%;
        padding: 15px 20px;
        font-size: 16px;
        border: 2px solid #4f0969;
        border-radius: 12px;
        background: #ffffff;
        color: #333;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(79, 9, 105, 0.1);
      }
html[data-site-page] body.skin-grand-cars.dark .search-input{
        background: #2d2d2d;
        color: #e0e0e0;
        border-color: #9414c4;
        box-shadow: 0 4px 15px rgba(148, 20, 196, 0.2);
      }
html[data-site-page] body.skin-grand-cars .search-input:focus{
        outline: none;
        border-color: #9414c4;
        box-shadow: 0 4px 20px rgba(148, 20, 196, 0.3);
      }
html[data-site-page] body.skin-grand-cars .autosalon-container{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 25px;
        max-width: 1200px;
        margin: 30px auto;
        padding: 0 20px 40px;
      }
html[data-site-page] body.skin-grand-cars .car-card{
        background: linear-gradient(145deg, #ffffff, #f8f9fa);
        border-radius: 16px;
        padding: 20px;
        border: 2px solid #e9ecef;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
        cursor: pointer;
        position: relative;
        overflow: hidden;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
      }
html[data-site-page] body.skin-grand-cars.dark .car-card{
        background: linear-gradient(145deg, #2d2d2d, #1f1f1f);
        border-color: #333;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
      }
html[data-site-page] body.skin-grand-cars .car-card:hover{
        transform: translateY(-8px) scale(1.02);
        border-color: #9414c4;
        box-shadow: 0 15px 35px rgba(148, 20, 196, 0.25);
      }
html[data-site-page] body.skin-grand-cars.dark .car-card:hover{
        border-color: #b362ff;
        box-shadow: 0 15px 35px rgba(179, 98, 255, 0.25);
      }
html[data-site-page] body.skin-grand-cars .car-card::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #4f0969, #9414c4);
        border-radius: 16px 16px 0 0;
        opacity: 0.7;
      }
html[data-site-page] body.skin-grand-cars.dark .car-card::before{
        background: linear-gradient(90deg, #9414c4, #b362ff);
      }
html[data-site-page] body.skin-grand-cars .car-card img{
        width: 100%;
        height: 180px;
        object-fit: contain;
        border-radius: 12px;
        margin-bottom: 15px;
        background: #f8f9fa;
        padding: 10px;
        border: 1px solid #e9ecef;
        transition: all 0.3s ease;
      }
html[data-site-page] body.skin-grand-cars.dark .car-card img{
        background: #2d2d2d;
        border-color: #444;
      }
html[data-site-page] body.skin-grand-cars .car-card:hover img{
        transform: scale(1.05);
        border-color: #9414c4;
      }
html[data-site-page] body.skin-grand-cars .car-card-content{
        padding: 10px 0;
      }
html[data-site-page] body.skin-grand-cars .car-card-content p{
        margin: 8px 0;
        padding: 8px 12px;
        background: rgba(248, 249, 250, 0.7);
        border-radius: 8px;
        border-left: 3px solid #4f0969;
        font-size: 14px;
        transition: all 0.3s ease;
      }
html[data-site-page] body.skin-grand-cars.dark .car-card-content p{
        background: rgba(45, 45, 45, 0.7);
        border-left-color: #9414c4;
      }
html[data-site-page] body.skin-grand-cars .car-card:hover .car-card-content p{
        background: rgba(248, 249, 250, 0.9);
        border-left-width: 4px;
      }
html[data-site-page] body.skin-grand-cars.dark .car-card:hover .car-card-content p{
        background: rgba(45, 45, 45, 0.9);
      }
html[data-site-page] body.skin-grand-cars .model{
        font-size: 16px !important;
        color: #4f0969 !important;
        border-left-color: #4f0969 !important;
      }
html[data-site-page] body.skin-grand-cars.dark .model{
        color: #b362ff !important;
        border-left-color: #b362ff !important;
      }
html[data-site-page] body.skin-grand-cars .price{
        color: #28a745 !important;
        border-left-color: #28a745 !important;
      }
html[data-site-page] body.skin-grand-cars .truck-size, html[data-site-page] body.skin-grand-cars .tank-size{
        color: #495057 !important;
        border-left-color: #6c757d !important;
      }
html[data-site-page] body.skin-grand-cars.dark .truck-size, html[data-site-page] body.skin-grand-cars.dark .tank-size{
        color: #adb5bd !important;
        border-left-color: #adb5bd !important;
      }
html[data-site-page] body.skin-grand-cars .car-card b{
        color: inherit;
      }
html[data-site-page] body.skin-grand-cars /* Анимация появления */
      @keyframes fadeInUp{
        from {
          opacity: 0;
          transform: translateY(30px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
html[data-site-page] body.skin-grand-cars .car-card{
        animation: fadeInUp 0.5s ease forwards;
        opacity: 0;
      }
html[data-site-page] body.skin-grand-cars /* Адаптивность */
      @media (max-width: 768px){
        .autosalon-container {
          grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
          gap: 20px;
          padding: 0 15px;
        }
        
        .car-card {
          padding: 15px;
        }
        
        .car-card img {
          height: 150px;
        }
      }
@media (max-width: 480px){html[data-site-page] body.skin-grand-cars .autosalon-container{
          grid-template-columns: 1fr;
          gap: 15px;
        }
html[data-site-page] body.skin-grand-cars .search-input{
          padding: 12px 15px;
          font-size: 14px;
        }}


html[data-site-page] body.skin-grand-cars .pagination{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:12px;
        max-width:1200px;
        margin:0 auto 34px;
        padding:0 20px 10px;
      }
html[data-site-page] body.skin-grand-cars .pagination button{
        min-width:110px;
        padding:12px 18px;
        color:#fff;
        font-size:15px;
        font-weight:800;
        background:linear-gradient(135deg,#4f0969,#9414c4);
        border:none;
        border-radius:12px;
        cursor:pointer;
        transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
        box-shadow:0 10px 24px rgba(79,9,105,.18);
      }
html[data-site-page] body.skin-grand-cars .pagination button:hover:not(:disabled){
        transform:translateY(-2px);
        box-shadow:0 14px 30px rgba(79,9,105,.24);
      }
html[data-site-page] body.skin-grand-cars .pagination button:disabled{
        opacity:.45;
        cursor:default;
        box-shadow:none;
      }
html[data-site-page] body.skin-grand-cars .pagination span{
        padding:10px 14px;
        font-size:15px;
        font-weight:800;
        color:var(--saydis-ink);
        background:rgba(248,249,250,.8);
        border:1px solid rgba(79,9,105,.10);
        border-radius:12px;
      }
html[data-site-page] body.skin-grand-cars.dark .pagination span{
        background:rgba(45,45,45,.88);
        border-color:#333;
      }
@media (max-width: 480px){
html[data-site-page] body.skin-grand-cars .pagination{
          flex-direction:column;
        }
html[data-site-page] body.skin-grand-cars .pagination button,
html[data-site-page] body.skin-grand-cars .pagination span{
          width:100%;
        }}

/* Extracted from grand/chip/index.html */
html[data-site-page] body.skin-grand-tool .bg-item.bl-bsh{box-shadow: 0 0 15px rgba(79,9,105,0.3) !important;}
html[data-site-page] body.skin-grand-tool.dark .bg-item.bl-bsh{box-shadow: 0 0 20px rgba(179,98,255,0.6) !important;}
html[data-site-page] body.skin-grand-tool, html[data-site-page] body.skin-grand-tool header, html[data-site-page] body.skin-grand-tool .header__top, html[data-site-page] body.skin-grand-tool .bgpurple, html[data-site-page] body.skin-grand-tool .bl-bsh, html[data-site-page] body.skin-grand-tool .head3, html[data-site-page] body.skin-grand-tool .textS, html[data-site-page] body.skin-grand-tool .link1, html[data-site-page] body.skin-grand-tool .theme-toggle, html[data-site-page] body.skin-grand-tool #toTop, html[data-site-page] body.skin-grand-tool .lang-dropdown__link, html[data-site-page] body.skin-grand-tool #theme-sensitive-image, html[data-site-page] body.skin-grand-tool .image-in{transition:all 0.3s ease!important;}
html[data-site-page] body.skin-grand-tool.dark{background-color:#1a1a1a!important;color:#e0e0e0!important;}
html[data-site-page] body.skin-grand-tool.dark .header__top{background:#0d0d0d!important;border-bottom:1px solid #333!important;}
html[data-site-page] body.skin-grand-tool.dark .bgpurple{background:#1a1a1a!important;}
html[data-site-page] body.skin-grand-tool.dark .bl-bsh{background:#2d2d2d!important;}
html[data-site-page] body.skin-grand-tool.dark .head3, html[data-site-page] body.skin-grand-tool.dark .textS{color:#fff!important;}
html[data-site-page] body.skin-grand-tool .head3{text-align:center!important;width:100%!important;margin-left:0!important;padding-left:0!important;}
html[data-site-page] body.skin-grand-tool .head3[style*="color: red"], html[data-site-page] body.skin-grand-tool.dark .head3[style*="color: red"]{color:red!important;}
html[data-site-page] body.skin-grand-tool .link1{color:#4f0969;text-decoration:underline;}
html[data-site-page] body.skin-grand-tool.dark .link1{color:#b362ff;}
html[data-site-page] body.skin-grand-tool .image-in{max-width:100%;height:auto;display:block;margin:15px 0;border-radius:12px;border:3px solid #e0e0e0;cursor:zoom-in;transition:all 0.3s ease!important;box-shadow:0 0 15px rgba(148,20,196,0.3);}
html[data-site-page] body.skin-grand-tool .image-in:hover{border-color:#9414c4;box-shadow:0 0 20px rgba(148,20,196,0.8);}
html[data-site-page] body.skin-grand-tool.dark .image-in{border:3px solid #b362ff;box-shadow:0 0 20px rgba(179,98,255,0.6);}
html[data-site-page] body.skin-grand-tool.dark .image-in:hover{border-color:#d9b3ff;box-shadow:0 0 25px rgba(217,179,255,0.9);}
html[data-site-page] body.skin-grand-tool #theme-sensitive-image{border-radius:12px;border:3px solid #e0e0e0!important;transition-property:opacity,border-color!important;box-shadow:0 0 15px rgba(148,20,196,0.3)!important;}
html[data-site-page] body.skin-grand-tool #theme-sensitive-image:hover{border-color:#9414c4!important;box-shadow:0 0 20px rgba(148,20,196,0.8)!important;}
html[data-site-page] body.skin-grand-tool.dark #theme-sensitive-image{border:3px solid #b362ff!important;box-shadow:0 0 20px rgba(179,98,255,0.6)!important;}
html[data-site-page] body.skin-grand-tool.dark #theme-sensitive-image:hover{border-color:#d9b3ff!important;box-shadow:0 0 25px rgba(217,179,255,0.9)!important;}
html[data-site-page] body.skin-grand-tool .theme-toggle{position:fixed;top:20px;right:20px;z-index:9999;background:#4f0969;color:white;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
html[data-site-page] body.skin-grand-tool .theme-toggle:hover{background:#9414c4;animation:pulse 1.5s infinite;}
html[data-site-page] body.skin-grand-tool .theme-toggle:active{transform:scale(0.95);}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(79,9,105,0.4);}70%{box-shadow:0 0 0 10px rgba(79,9,105,0);}100%{box-shadow:0 0 0 0 rgba(79,9,105,0);}}
html[data-site-page] body.skin-grand-tool.dark .theme-toggle:hover{animation:pulse-dark 1.5s infinite;}
@keyframes pulse-dark{0%{box-shadow:0 0 0 0 rgba(148,20,196,0.4);}70%{box-shadow:0 0 0 10px rgba(148,20,196,0);}100%{box-shadow:0 0 0 0 rgba(148,20,196,0);}}
html[data-site-page] body.skin-grand-tool .divider{height:2px;background:linear-gradient(90deg,transparent,#4f0969,transparent);margin:20px 0;}
html[data-site-page] body.skin-grand-tool.dark .divider{background:linear-gradient(90deg,transparent,#9414c4,transparent);}
html[data-site-page] body.skin-grand-tool ::-webkit-scrollbar{width:12px;}
html[data-site-page] body.skin-grand-tool ::-webkit-scrollbar-thumb{background:#4f0969;}
html[data-site-page] body.skin-grand-tool.dark ::-webkit-scrollbar-thumb{background:#9414c4;}
html[data-site-page] body.skin-grand-tool .header__body{display:flex;align-items:center;position:relative;width:100%;}
@media (max-width:991px){html[data-site-page] body.skin-grand-tool .header__body{flex-direction:column;text-align:center;}
html[data-site-page] body.skin-grand-tool .header h1.title{margin-left:0!important;margin-top:15px;width:100%;}}
@media (min-width:992px){html[data-site-page] body.skin-grand-tool .header h1.title{position:absolute;left:calc(50% + 0px);transform:translateX(-50%);width:auto;white-space:nowrap;margin-left:0!important;}}
html[data-site-page] body.skin-grand-tool.dark .lang-dropdown__link{color:#fff!important;}
html[data-site-page] body.skin-grand-tool.dark .lang-dropdown__link.selected{color:#b362ff!important;}
html[data-site-page] body.skin-grand-tool .s-school__research-directions-list{list-style:none!important;padding-left:0!important;}
html[data-site-page] body.skin-grand-tool .s-school__research-directions-list li{background-image:none!important;}
html[data-site-page] body.skin-grand-tool .s-school__research-directions-list li::before, html[data-site-page] body.skin-grand-tool .s-school__research-directions-list li::after{display:none!important;content:none!important;}
html[data-site-page] body.skin-grand-tool .textS{position:relative!important;padding-left:28px!important;margin-bottom:10px!important;}
html[data-site-page] body.skin-grand-tool .textS::before, html[data-site-page] body.skin-grand-tool .textS::after{content:''!important;position:absolute!important;left:0!important;top:4px!important;width:20px!important;height:20px!important;background-color:#9414c4!important;border-radius:50%!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:12px!important;}
html[data-site-page] body.skin-grand-tool #toTop{display:none;position:fixed;bottom:20px;right:20px;z-index:99;background:#4f0969;color:white;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;}
html[data-site-page] body.skin-grand-tool.dark #toTop{background:#9414c4;}
html[data-site-page] body.skin-grand-tool #toTop:hover{transform:scale(1.1);}
html[data-site-page] body.skin-grand-tool .head3{text-align:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;display:block!important;float:none!important;position:static!important;left:auto!important;right:auto!important;transform:none!important;}
html[data-site-page] body.skin-grand-tool .image-zoom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.95);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity.25s ease;}
html[data-site-page] body.skin-grand-tool.dark .image-zoom-modal{background-color:rgba(30,30,30,0.95);}
html[data-site-page] body.skin-grand-tool .image-zoom-modal.active{opacity:1;pointer-events:auto;}
html[data-site-page] body.skin-grand-tool .zoomed-image-wrapper{position:relative;max-width:90vw;max-height:90vh;transition:transform.4s cubic-bezier(.2,.9,.3,1.3);transform:scale(.5);cursor:zoom-out;}
html[data-site-page] body.skin-grand-tool .image-zoom-modal.active .zoomed-image-wrapper{transform:scale(1);}
html[data-site-page] body.skin-grand-tool .zoomed-image{width:auto;height:auto;max-width:100%;max-height:90vh;display:block;transform:scale(1.5);transition:transform.4s cubic-bezier(.2,.9,.3,1.3);box-shadow:0 5px 25px rgba(0,0,0,.15);border-radius:4px;border:1px solid #ccc;}
html[data-site-page] body.skin-grand-tool .image-zoom-modal.active .zoomed-image{transform:scale(2);}
@media (max-width:767px){html[data-site-page] body.skin-grand-tool .image-in{pointer-events:none!important;cursor:default!important;}}
html[data-site-page] body.skin-grand-tool .chiptuning-calculator{padding:25px;max-width:1100px;margin:0 auto;font-family:'Segoe UI',Arial,sans-serif}
html[data-site-page] body.skin-grand-tool .settings-section{display:flex;gap:30px;margin-bottom:30px;background:rgba(79,9,105,0.08);padding:25px;border-radius:16px;border:1px solid rgba(79,9,105,0.15);animation:slideDown 0.5s ease-out}
html[data-site-page] body.skin-grand-tool.dark .settings-section{background:rgba(148,20,196,0.08);border-color:rgba(179,98,255,0.15)}
html[data-site-page] body.skin-grand-tool .setting-group{flex:1}
html[data-site-page] body.skin-grand-tool .input-wrapper label{display:block;margin-bottom:10px;font-weight:600;color:#4f0969;font-size:15px}
html[data-site-page] body.skin-grand-tool.dark .input-wrapper label{color:#b362ff}
html[data-site-page] body.skin-grand-tool #stateValue{width:100%;padding:16px 20px;border:2px solid rgba(79,9,105,0.2);border-radius:12px;font-size:18px;background:white;color:#333;height:56px;box-sizing:border-box;font-weight:600;transition:all 0.3s ease}
html[data-site-page] body.skin-grand-tool.dark #stateValue{background:#2d2d2d;border-color:rgba(179,98,255,0.2);color:#e0e0e0}
html[data-site-page] body.skin-grand-tool #stateValue:focus{outline:none;border-color:#4f0969;box-shadow:0 0 0 3px rgba(79,9,105,0.1)}
html[data-site-page] body.skin-grand-tool.dark #stateValue:focus{border-color:#9414c4;box-shadow:0 0 0 3px rgba(148,20,196,0.1)}
html[data-site-page] body.skin-grand-tool .category-selector label{display:block;margin-bottom:12px;font-weight:600;color:#4f0969;font-size:15px}
html[data-site-page] body.skin-grand-tool.dark .category-selector label{color:#b362ff}
html[data-site-page] body.skin-grand-tool .category-buttons{display:flex;gap:12px}
html[data-site-page] body.skin-grand-tool .cat-btn{flex:1;padding:16px 12px;border:2px solid rgba(79,9,105,0.3);border-radius:12px;background:white;color:#4f0969;cursor:pointer;font-weight:600;font-size:14px;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;gap:4px}
html[data-site-page] body.skin-grand-tool.dark .cat-btn{background:#2d2d2d;border-color:rgba(179,98,255,0.3);color:#e0e0e0}
html[data-site-page] body.skin-grand-tool .cat-btn:hover{border-color:#4f0969;transform:translateY(-2px)}
html[data-site-page] body.skin-grand-tool.dark .cat-btn:hover{border-color:#9414c4}
html[data-site-page] body.skin-grand-tool .cat-btn.active{background:#4f0969;color:white;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,9,105,0.2)}
html[data-site-page] body.skin-grand-tool.dark .cat-btn.active{background:#9414c4;box-shadow:0 8px 20px rgba(148,20,196,0.2)}
html[data-site-page] body.skin-grand-tool .cat-name{font-size:15px;font-weight:700}
html[data-site-page] body.skin-grand-tool .cat-discount{font-size:12px;opacity:0.9;font-weight:500}
html[data-site-page] body.skin-grand-tool .quick-section{margin-bottom:30px;animation:fadeIn 0.6s ease-out 0.2s both}
html[data-site-page] body.skin-grand-tool .quick-cards{display:flex;gap:20px}
html[data-site-page] body.skin-grand-tool .quick-card{flex:1;background:white;border:1px solid #e0e0e0;border-radius:16px;padding:25px;position:relative;overflow:hidden;transition:all 0.3s ease;cursor:pointer}
html[data-site-page] body.skin-grand-tool.dark .quick-card{background:#2d2d2d;border-color:#444}
html[data-site-page] body.skin-grand-tool .quick-card:hover{transform:translateY(-3px);border-color:#4f0969;box-shadow:0 10px 30px rgba(79,9,105,0.1)}
html[data-site-page] body.skin-grand-tool.dark .quick-card:hover{border-color:#9414c4;box-shadow:0 10px 30px rgba(148,20,196,0.1)}
html[data-site-page] body.skin-grand-tool .card-bg-icon{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:80px;opacity:0.07;z-index:0;transition:all 0.3s ease}
html[data-site-page] body.skin-grand-tool .quick-card:hover .card-bg-icon{transform:translateY(-50%) scale(1.1);opacity:0.1}
html[data-site-page] body.skin-grand-tool .card-content{position:relative;z-index:1}
html[data-site-page] body.skin-grand-tool .card-title{font-weight:700;color:#4f0969;margin-bottom:5px;font-size:18px}
html[data-site-page] body.skin-grand-tool.dark .card-title{color:#b362ff}
html[data-site-page] body.skin-grand-tool .card-subtitle{font-size:13px;color:#666;margin-bottom:15px;font-weight:500}
html[data-site-page] body.skin-grand-tool.dark .card-subtitle{color:#aaa}
html[data-site-page] body.skin-grand-tool .card-price{font-size:26px;font-weight:800;color:#333}
html[data-site-page] body.skin-grand-tool.dark .card-price{color:#e0e0e0}
html[data-site-page] body.skin-grand-tool .calculator-section{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}
html[data-site-page] body.skin-grand-tool .category-card{background:white;border-radius:16px;padding:25px;border:1px solid rgba(79,9,105,0.1);transition:all 0.3s ease;animation:slideUp 0.5s ease-out;animation-fill-mode:both}
html[data-site-page] body.skin-grand-tool.dark .category-card{background:#2d2d2d;border-color:rgba(179,98,255,0.1)}
html[data-site-page] body.skin-grand-tool .category-card:nth-child(1){animation-delay:0.1s}
html[data-site-page] body.skin-grand-tool .category-card:nth-child(2){animation-delay:0.2s}
html[data-site-page] body.skin-grand-tool .category-card:nth-child(3){animation-delay:0.3s}
html[data-site-page] body.skin-grand-tool .category-card:nth-child(4){animation-delay:0.4s}
html[data-site-page] body.skin-grand-tool .category-card:nth-child(5){animation-delay:0.5s}
html[data-site-page] body.skin-grand-tool .category-card:hover{border-color:rgba(79,9,105,0.3);box-shadow:0 5px 20px rgba(79,9,105,0.08)}
html[data-site-page] body.skin-grand-tool.dark .category-card:hover{border-color:rgba(179,98,255,0.3);box-shadow:0 5px 20px rgba(148,20,196,0.08)}
html[data-site-page] body.skin-grand-tool .driftkit-card{border-color:rgba(255,107,107,0.15)!important}
html[data-site-page] body.skin-grand-tool.dark .driftkit-card{border-color:rgba(255,138,138,0.15)!important}
html[data-site-page] body.skin-grand-tool .driftkit-card:hover{border-color:rgba(255,107,107,0.3)!important;box-shadow:0 5px 20px rgba(255,107,107,0.08)!important}
html[data-site-page] body.skin-grand-tool.dark .driftkit-card:hover{border-color:rgba(255,138,138,0.3)!important;box-shadow:0 5px 20px rgba(255,138,138,0.08)!important}
html[data-site-page] body.skin-grand-tool .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
html[data-site-page] body.skin-grand-tool .category-info{display:flex;align-items:center;gap:15px;flex:1}
html[data-site-page] body.skin-grand-tool .category-icon{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(79,9,105,0.1);border-radius:12px}
html[data-site-page] body.skin-grand-tool.dark .category-icon{background:rgba(179,98,255,0.1)}
html[data-site-page] body.skin-grand-tool .category-name{flex:1}
html[data-site-page] body.skin-grand-tool .category-name h4{margin:0 0 8px 0;color:#333;font-size:20px;font-weight:700}
html[data-site-page] body.skin-grand-tool.dark .category-name h4{color:#e0e0e0}
html[data-site-page] body.skin-grand-tool .category-range{font-size:14px;color:#666;font-weight:500}
html[data-site-page] body.skin-grand-tool.dark .category-range{color:#aaa}
html[data-site-page] body.skin-grand-tool .category-price{text-align:right}
html[data-site-page] body.skin-grand-tool .price-total{font-size:26px;font-weight:800;color:#4f0969;padding:8px 16px;border-radius:10px;background-color:rgba(79,9,105,0.08);border:2px solid rgba(79,9,105,0.15)}
html[data-site-page] body.skin-grand-tool.dark .price-total{color:#b362ff;background-color:rgba(179,98,255,0.08);border-color:rgba(179,98,255,0.15)}
html[data-site-page] body.skin-grand-tool .driftkit-card .price-total{color:#ff6b6b;background-color:rgba(255,107,107,0.08);border-color:rgba(255,107,107,0.15)}
html[data-site-page] body.skin-grand-tool.dark .driftkit-card .price-total{color:#ff8a8a;background-color:rgba(255,138,138,0.08);border-color:rgba(255,138,138,0.15)}
html[data-site-page] body.skin-grand-tool .level-selector{position:relative}
html[data-site-page] body.skin-grand-tool .level-buttons{display:flex;gap:10px;margin-bottom:15px;position:relative;z-index:2}
html[data-site-page] body.skin-grand-tool .level-btn{flex:1;padding:18px 12px;border:2px solid rgba(79,9,105,0.2);border-radius:12px;background:white;color:#4f0969;cursor:pointer;font-weight:600;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;overflow:hidden}
html[data-site-page] body.skin-grand-tool.dark .level-btn{background:#2d2d2d;border-color:rgba(179,98,255,0.2);color:#e0e0e0}
html[data-site-page] body.skin-grand-tool .level-btn:hover{border-color:#4f0969;transform:translateY(-2px)}
html[data-site-page] body.skin-grand-tool.dark .level-btn:hover{border-color:#9414c4}
html[data-site-page] body.skin-grand-tool .level-btn.active{background:#4f0969;color:white;border-color:transparent;transform:translateY(-2px);box-shadow:0 5px 15px rgba(79,9,105,0.2)}
html[data-site-page] body.skin-grand-tool.dark .level-btn.active{background:#9414c4;box-shadow:0 5px 15px rgba(148,20,196,0.2)}
html[data-site-page] body.skin-grand-tool .level-btn.active::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9414c4 0%,#ff6b6b 100%);border-radius:2px 2px 0 0}
html[data-site-page] body.skin-grand-tool .level-number{font-size:20px;font-weight:800;min-width:30px;min-height:30px;display:flex;align-items:center;justify-content:center;background:rgba(79,9,105,0.1);border-radius:8px;padding:4px}
html[data-site-page] body.skin-grand-tool.dark .level-number{background:rgba(179,98,255,0.1)}
html[data-site-page] body.skin-grand-tool .level-btn.active .level-number{background:rgba(255,255,255,0.2)}
html[data-site-page] body.skin-grand-tool .level-text{font-size:13px;font-weight:600}
html[data-site-page] body.skin-grand-tool .level-price{font-size:14px;font-weight:700;opacity:0.9}
html[data-site-page] body.skin-grand-tool .level-btn.active .level-price{opacity:1}
html[data-site-page] body.skin-grand-tool .progress-bar{height:6px;background:rgba(79,9,105,0.1);border-radius:3px;overflow:hidden;position:relative}
html[data-site-page] body.skin-grand-tool.dark .progress-bar{background:rgba(179,98,255,0.1)}
html[data-site-page] body.skin-grand-tool .progress-fill{height:100%;background:linear-gradient(90deg,#4f0969 0%,#9414c4 100%);border-radius:3px;transition:width 0.4s cubic-bezier(0.4,0,0.2,1)}
html[data-site-page] body.skin-grand-tool.dark .progress-fill{background:linear-gradient(90deg,#9414c4 0%,#b362ff 100%)}
html[data-site-page] body.skin-grand-tool .driftkit-control{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
html[data-site-page] body.skin-grand-tool .toggle-wrapper{display:flex;align-items:center;gap:15px}
html[data-site-page] body.skin-grand-tool .toggle-label{font-size:14px;font-weight:600;color:#666;transition:color 0.3s ease}
html[data-site-page] body.skin-grand-tool.dark .toggle-label{color:#aaa}
html[data-site-page] body.skin-grand-tool .driftkit-switch{position:relative;display:inline-block;width:70px;height:36px}
html[data-site-page] body.skin-grand-tool .driftkit-switch input{opacity:0;width:0;height:0}
html[data-site-page] body.skin-grand-tool .switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ddd 0%,#bbb 100%);border-radius:34px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:inset 0 2px 10px rgba(0,0,0,0.1)}
html[data-site-page] body.skin-grand-tool.dark .switch-slider{background:linear-gradient(135deg,#555 0%,#333 100%)}
html[data-site-page] body.skin-grand-tool .driftkit-switch input:checked+.switch-slider{background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);box-shadow:0 0 15px rgba(255,107,107,0.3)}
html[data-site-page] body.skin-grand-tool.dark .driftkit-switch input:checked+.switch-slider{background:linear-gradient(135deg,#ff8a8a 0%,#ffaaaa 100%);box-shadow:0 0 15px rgba(255,138,138,0.3)}
html[data-site-page] body.skin-grand-tool .switch-slider:before{content:'';position:absolute;height:28px;width:28px;left:4px;bottom:4px;background:white;border-radius:50%;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 3px 8px rgba(0,0,0,0.2)}
html[data-site-page] body.skin-grand-tool.dark .switch-slider:before{background:#2d2d2d}
html[data-site-page] body.skin-grand-tool .driftkit-switch input:checked+.switch-slider:before{transform:translateX(34px)}
html[data-site-page] body.skin-grand-tool .driftkit-switch input:checked~.toggle-label:last-child{color:#ff6b6b}
html[data-site-page] body.skin-grand-tool.dark .driftkit-switch input:checked~.toggle-label:last-child{color:#ff8a8a}
html[data-site-page] body.skin-grand-tool .driftkit-price-display{font-size:22px;font-weight:800;color:#ff6b6b;padding:8px 16px;border-radius:10px;background-color:rgba(255,107,107,0.08);border:2px solid rgba(255,107,107,0.15)}
html[data-site-page] body.skin-grand-tool.dark .driftkit-price-display{color:#ff8a8a;background-color:rgba(255,138,138,0.08);border-color:rgba(255,138,138,0.15)}
html[data-site-page] body.skin-grand-tool .results-section{display:flex;gap:20px;animation:fadeIn 0.6s ease-out 0.7s both}
html[data-site-page] body.skin-grand-tool .result-card{flex:1;background:linear-gradient(135deg,#4f0969 0%,#9414c4 100%);padding:25px;border-radius:18px;color:white;position:relative;overflow:hidden;transition:all 0.3s ease}
html[data-site-page] body.skin-grand-tool.dark .result-card{background:linear-gradient(135deg,#9414c4 0%,#b362ff 100%)}
html[data-site-page] body.skin-grand-tool .result-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(79,9,105,0.2)}
html[data-site-page] body.skin-grand-tool.dark .result-card:hover{box-shadow:0 10px 30px rgba(148,20,196,0.2)}
html[data-site-page] body.skin-grand-tool .result-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}
html[data-site-page] body.skin-grand-tool .result-icon{font-size:36px;opacity:0.9}
html[data-site-page] body.skin-grand-tool .result-info{flex:1}
html[data-site-page] body.skin-grand-tool .result-title{font-size:18px;font-weight:700;margin-bottom:4px}
html[data-site-page] body.skin-grand-tool .result-subtitle{font-size:13px;opacity:0.8;font-weight:500}
html[data-site-page] body.skin-grand-tool .result-value{font-size:36px;font-weight:800;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,0.2)}
@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media (max-width:1024px){html[data-site-page] body.skin-grand-tool .settings-section{flex-direction:column;gap:25px}
html[data-site-page] body.skin-grand-tool .quick-cards{flex-direction:column}
html[data-site-page] body.skin-grand-tool .results-section{flex-direction:column}
html[data-site-page] body.skin-grand-tool .level-buttons{flex-wrap:wrap}
html[data-site-page] body.skin-grand-tool .level-btn{min-width:calc(20% - 10px)}}
@media (max-width:768px){html[data-site-page] body.skin-grand-tool .chiptuning-calculator{padding:15px}
html[data-site-page] body.skin-grand-tool .category-buttons{flex-direction:column}
html[data-site-page] body.skin-grand-tool .level-buttons{flex-direction:column}
html[data-site-page] body.skin-grand-tool .level-btn{min-width:100%;flex-direction:row;justify-content:space-between;text-align:left}
html[data-site-page] body.skin-grand-tool .level-number, html[data-site-page] body.skin-grand-tool .level-text, html[data-site-page] body.skin-grand-tool .level-price{flex:1;text-align:center}
html[data-site-page] body.skin-grand-tool .driftkit-control{flex-direction:column;gap:15px;align-items:flex-start}
html[data-site-page] body.skin-grand-tool .price-total, html[data-site-page] body.skin-grand-tool .result-value{font-size:22px}
html[data-site-page] body.skin-grand-tool .card-header{flex-direction:column;align-items:flex-start;gap:15px}
html[data-site-page] body.skin-grand-tool .category-price{width:100%;text-align:left}}


/* Extracted from grand/guns/index.html */
html[data-site-page] body.skin-grand-tool .bg-item.bl-bsh{box-shadow: 0 0 15px rgba(79,9,105,0.3) !important;}
html[data-site-page] body.skin-grand-tool.dark .bg-item.bl-bsh{box-shadow: 0 0 20px rgba(179,98,255,0.6) !important;}
html[data-site-page] body.skin-grand-tool, html[data-site-page] body.skin-grand-tool header, html[data-site-page] body.skin-grand-tool .header__top, html[data-site-page] body.skin-grand-tool .bgpurple, html[data-site-page] body.skin-grand-tool .bl-bsh, html[data-site-page] body.skin-grand-tool .head3, html[data-site-page] body.skin-grand-tool .textS, html[data-site-page] body.skin-grand-tool .link1, html[data-site-page] body.skin-grand-tool .theme-toggle, html[data-site-page] body.skin-grand-tool #toTop, html[data-site-page] body.skin-grand-tool .lang-dropdown__link, html[data-site-page] body.skin-grand-tool #theme-sensitive-image, html[data-site-page] body.skin-grand-tool .image-in{transition:all 0.3s ease!important;}
html[data-site-page] body.skin-grand-tool.dark{background-color:#1a1a1a!important;color:#e0e0e0!important;}
html[data-site-page] body.skin-grand-tool.dark .header__top{background:#0d0d0d!important;border-bottom:1px solid #333!important;}
html[data-site-page] body.skin-grand-tool.dark .bgpurple{background:#1a1a1a!important;}
html[data-site-page] body.skin-grand-tool.dark .bl-bsh{background:#2d2d2d!important;}
html[data-site-page] body.skin-grand-tool.dark .head3, html[data-site-page] body.skin-grand-tool.dark .textS{color:#fff!important;}
html[data-site-page] body.skin-grand-tool .head3{text-align:center!important;width:100%!important;margin-left:0!important;padding-left:0!important;}
html[data-site-page] body.skin-grand-tool .head3[style*="color: red"], html[data-site-page] body.skin-grand-tool.dark .head3[style*="color: red"]{color:red!important;}
html[data-site-page] body.skin-grand-tool .link1{color:#4f0969;text-decoration:underline;}
html[data-site-page] body.skin-grand-tool.dark .link1{color:#b362ff;}
html[data-site-page] body.skin-grand-tool .image-in{max-width:100%;height:auto;display:block;margin:15px 0;border-radius:12px;border:3px solid #e0e0e0;cursor:zoom-in;transition:all 0.3s ease!important;box-shadow:0 0 15px rgba(148,20,196,0.3);}
html[data-site-page] body.skin-grand-tool .image-in:hover{border-color:#9414c4;box-shadow:0 0 20px rgba(148,20,196,0.8);}
html[data-site-page] body.skin-grand-tool.dark .image-in{border:3px solid #b362ff;box-shadow:0 0 20px rgba(179,98,255,0.6);}
html[data-site-page] body.skin-grand-tool.dark .image-in:hover{border-color:#d9b3ff;box-shadow:0 0 25px rgba(217,179,255,0.9);}
html[data-site-page] body.skin-grand-tool #theme-sensitive-image{border-radius:12px;border:3px solid #e0e0e0!important;transition-property:opacity,border-color!important;box-shadow:0 0 15px rgba(148,20,196,0.3)!important;}
html[data-site-page] body.skin-grand-tool #theme-sensitive-image:hover{border-color:#9414c4!important;box-shadow:0 0 20px rgba(148,20,196,0.8)!important;}
html[data-site-page] body.skin-grand-tool.dark #theme-sensitive-image{border:3px solid #b362ff!important;box-shadow:0 0 20px rgba(179,98,255,0.6)!important;}
html[data-site-page] body.skin-grand-tool.dark #theme-sensitive-image:hover{border-color:#d9b3ff!important;box-shadow:0 0 25px rgba(217,179,255,0.9)!important;}
html[data-site-page] body.skin-grand-tool .theme-toggle{position:fixed;top:20px;right:20px;z-index:9999;background:#4f0969;color:white;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
html[data-site-page] body.skin-grand-tool .theme-toggle:hover{background:#9414c4;animation:pulse 1.5s infinite;}
html[data-site-page] body.skin-grand-tool .theme-toggle:active{transform:scale(0.95);}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(79,9,105,0.4);}70%{box-shadow:0 0 0 10px rgba(79,9,105,0);}100%{box-shadow:0 0 0 0 rgba(79,9,105,0);}}
html[data-site-page] body.skin-grand-tool.dark .theme-toggle:hover{animation:pulse-dark 1.5s infinite;}
@keyframes pulse-dark{0%{box-shadow:0 0 0 0 rgba(148,20,196,0.4);}70%{box-shadow:0 0 0 10px rgba(148,20,196,0);}100%{box-shadow:0 0 0 0 rgba(148,20,196,0);}}
html[data-site-page] body.skin-grand-tool .divider{height:2px;background:linear-gradient(90deg,transparent,#4f0969,transparent);margin:20px 0;}
html[data-site-page] body.skin-grand-tool.dark .divider{background:linear-gradient(90deg,transparent,#9414c4,transparent);}
html[data-site-page] body.skin-grand-tool ::-webkit-scrollbar{width:12px;}
html[data-site-page] body.skin-grand-tool ::-webkit-scrollbar-thumb{background:#4f0969;}
html[data-site-page] body.skin-grand-tool.dark ::-webkit-scrollbar-thumb{background:#9414c4;}
html[data-site-page] body.skin-grand-tool .header__body{display:flex;align-items:center;position:relative;width:100%;}
@media (max-width:991px){html[data-site-page] body.skin-grand-tool .header__body{flex-direction:column;text-align:center;}
html[data-site-page] body.skin-grand-tool .header h1.title{margin-left:0!important;margin-top:15px;width:100%;}}
@media (min-width:992px){html[data-site-page] body.skin-grand-tool .header h1.title{position:absolute;left:calc(50% + 0px);transform:translateX(-50%);width:auto;white-space:nowrap;margin-left:0!important;}}
html[data-site-page] body.skin-grand-tool.dark .lang-dropdown__link{color:#fff!important;}
html[data-site-page] body.skin-grand-tool.dark .lang-dropdown__link.selected{color:#b362ff!important;}
html[data-site-page] body.skin-grand-tool .s-school__research-directions-list{list-style:none!important;padding-left:0!important;}
html[data-site-page] body.skin-grand-tool .s-school__research-directions-list li{background-image:none!important;}
html[data-site-page] body.skin-grand-tool .s-school__research-directions-list li::before, html[data-site-page] body.skin-grand-tool .s-school__research-directions-list li::after{display:none!important;content:none!important;}
html[data-site-page] body.skin-grand-tool .textS{position:relative!important;padding-left:28px!important;margin-bottom:10px!important;}
html[data-site-page] body.skin-grand-tool .textS::before, html[data-site-page] body.skin-grand-tool .textS::after{content:''!important;position:absolute!important;left:0!important;top:4px!important;width:20px!important;height:20px!important;background-color:#9414c4!important;border-radius:50%!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:12px!important;}
html[data-site-page] body.skin-grand-tool #toTop{display:none;position:fixed;bottom:20px;right:20px;z-index:99;background:#4f0969;color:white;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;}
html[data-site-page] body.skin-grand-tool.dark #toTop{background:#9414c4;}
html[data-site-page] body.skin-grand-tool #toTop:hover{transform:scale(1.1);}
html[data-site-page] body.skin-grand-tool .head3{text-align:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;display:block!important;float:none!important;position:static!important;left:auto!important;right:auto!important;transform:none!important;}
html[data-site-page] body.skin-grand-tool .image-zoom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.95);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity.25s ease;}
html[data-site-page] body.skin-grand-tool.dark .image-zoom-modal{background-color:rgba(30,30,30,0.95);}
html[data-site-page] body.skin-grand-tool .image-zoom-modal.active{opacity:1;pointer-events:auto;}
html[data-site-page] body.skin-grand-tool .zoomed-image-wrapper{position:relative;max-width:90vw;max-height:90vh;transition:transform.4s cubic-bezier(.2,.9,.3,1.3);transform:scale(.5);cursor:zoom-out;}
html[data-site-page] body.skin-grand-tool .image-zoom-modal.active .zoomed-image-wrapper{transform:scale(1);}
html[data-site-page] body.skin-grand-tool .zoomed-image{width:auto;height:auto;max-width:100%;max-height:90vh;display:block;transform:scale(1.5);transition:transform.4s cubic-bezier(.2,.9,.3,1.3);box-shadow:0 5px 25px rgba(0,0,0,.15);border-radius:4px;border:1px solid #ccc;}
html[data-site-page] body.skin-grand-tool .image-zoom-modal.active .zoomed-image{transform:scale(2);}
@media (max-width:767px){html[data-site-page] body.skin-grand-tool .image-in{pointer-events:none!important;cursor:default!important;}}
html[data-site-page] body.skin-grand-tool .category-header-wrapper{position:relative;padding:0 20px}
html[data-site-page] body.skin-grand-tool .category-header-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 20px);height:calc(100% + 12px);background:linear-gradient(135deg,rgba(79,9,105,0.3) 0%,rgba(148,20,196,0.5) 50%,rgba(79,9,105,0.3) 100%);border-radius:12px;filter:blur(10px);opacity:0;transition:all 0.3s ease;z-index:0}
html[data-site-page] body.skin-grand-tool.dark .category-header-glow{background:linear-gradient(135deg,rgba(148,20,196,0.4) 0%,rgba(179,98,255,0.6) 50%,rgba(148,20,196,0.4) 100%)}
html[data-site-page] body.skin-grand-tool .category-header-section:hover .category-header-glow{opacity:0.6;filter:blur(12px)}
html[data-site-page] body.skin-grand-tool .category-header-box{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:15px 30px;background:linear-gradient(135deg,rgba(79,9,105,0.1) 0%,rgba(148,20,196,0.15) 100%);border:2px solid rgba(79,9,105,0.3);border-radius:10px;box-shadow:0 4px 15px rgba(79,9,105,0.1);transition:all 0.3s ease}
html[data-site-page] body.skin-grand-tool.dark .category-header-box{background:linear-gradient(135deg,rgba(148,20,196,0.1) 0%,rgba(179,98,255,0.15) 100%);border:2px solid rgba(179,98,255,0.3);box-shadow:0 4px 15px rgba(148,20,196,0.1)}
html[data-site-page] body.skin-grand-tool .category-header-section:hover .category-header-box{border-color:rgba(79,9,105,0.5);transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,9,105,0.2)}
html[data-site-page] body.skin-grand-tool.dark .category-header-section:hover .category-header-box{border-color:rgba(179,98,255,0.5);box-shadow:0 6px 20px rgba(148,20,196,0.2)}
html[data-site-page] body.skin-grand-tool .category-header-icon{font-size:24px}
html[data-site-page] body.skin-grand-tool .category-header-text{font-size:24px;font-weight:800;background:linear-gradient(135deg,#4f0969 0%,#9414c4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}
html[data-site-page] body.skin-grand-tool.dark .category-header-text{background:linear-gradient(135deg,#b362ff 0%,#d9b3ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html[data-site-page] body.skin-grand-tool .weapon-calculator{padding:25px;max-width:1100px;margin:0 auto;font-family:'Segoe UI',Arial,sans-serif}
html[data-site-page] body.skin-grand-tool .quick-section{margin-bottom:30px;animation:fadeIn 0.6s ease-out 0.2s both}
html[data-site-page] body.skin-grand-tool .quick-cards{display:flex;gap:20px}
html[data-site-page] body.skin-grand-tool .quick-card{flex:1;background:white;border:1px solid #e0e0e0;border-radius:16px;padding:25px;position:relative;overflow:hidden;transition:all 0.3s ease;cursor:pointer}
html[data-site-page] body.skin-grand-tool.dark .quick-card{background:#2d2d2d;border-color:#444}
html[data-site-page] body.skin-grand-tool .quick-card:hover{transform:translateY(-5px);border-color:#4f0969;box-shadow:0 15px 35px rgba(79,9,105,0.15)}
html[data-site-page] body.skin-grand-tool.dark .quick-card:hover{border-color:#9414c4;box-shadow:0 15px 35px rgba(148,20,196,0.15)}
html[data-site-page] body.skin-grand-tool .card-bg-icon{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:80px;opacity:0.07;z-index:0;transition:all 0.3s ease}
html[data-site-page] body.skin-grand-tool .quick-card:hover .card-bg-icon{transform:translateY(-50%) scale(1.2);opacity:0.1}
html[data-site-page] body.skin-grand-tool .card-content{position:relative;z-index:1}
html[data-site-page] body.skin-grand-tool .card-title{font-weight:700;color:#4f0969;margin-bottom:5px;font-size:18px}
html[data-site-page] body.skin-grand-tool.dark .card-title{color:#b362ff}
html[data-site-page] body.skin-grand-tool .card-subtitle{font-size:13px;color:#666;margin-bottom:15px;font-weight:500;line-height:1.4}
html[data-site-page] body.skin-grand-tool.dark .card-subtitle{color:#aaa}
html[data-site-page] body.skin-grand-tool .card-price{font-size:26px;font-weight:800;color:#333}
html[data-site-page] body.skin-grand-tool.dark .card-price{color:#e0e0e0}
html[data-site-page] body.skin-grand-tool .category-header-section{display:flex;align-items:center;justify-content:center;margin:40px 0 25px 0;position:relative}
html[data-site-page] body.skin-grand-tool .category-header-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,#4f0969,transparent)}
html[data-site-page] body.skin-grand-tool.dark .category-header-line{background:linear-gradient(90deg,transparent,#9414c4,transparent)}
html[data-site-page] body.skin-grand-tool .category-header-content{padding:0 20px;display:flex;align-items:center;gap:10px}
html[data-site-page] body.skin-grand-tool .category-header-icon{font-size:20px}
html[data-site-page] body.skin-grand-tool .category-header-text{font-size:20px;font-weight:700;color:#4f0969;text-align:center}
html[data-site-page] body.skin-grand-tool.dark .category-header-text{color:#b362ff}
html[data-site-page] body.skin-grand-tool .calculator-section{margin-bottom:30px}
html[data-site-page] body.skin-grand-tool .ammo-row, html[data-site-page] body.skin-grand-tool .weapon-row{display:flex;gap:20px;margin-bottom:20px;animation:slideUp 0.5s ease-out;animation-fill-mode:both}
html[data-site-page] body.skin-grand-tool .ammo-row:nth-child(1){animation-delay:0.1s}
html[data-site-page] body.skin-grand-tool .ammo-row:nth-child(2){animation-delay:0.2s}
html[data-site-page] body.skin-grand-tool .ammo-row:nth-child(3){animation-delay:0.3s}
html[data-site-page] body.skin-grand-tool .weapon-row:nth-child(1){animation-delay:0.4s}
html[data-site-page] body.skin-grand-tool .weapon-row:nth-child(2){animation-delay:0.5s}
html[data-site-page] body.skin-grand-tool .weapon-row:nth-child(3){animation-delay:0.6s}
html[data-site-page] body.skin-grand-tool .ammo-card, html[data-site-page] body.skin-grand-tool .weapon-card{flex:1;background:white;border-radius:16px;padding:20px;border:1px solid rgba(79,9,105,0.1);transition:all 0.3s ease;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}
html[data-site-page] body.skin-grand-tool.dark .ammo-card, html[data-site-page] body.skin-grand-tool.dark .weapon-card{background:#2d2d2d;border-color:rgba(179,98,255,0.1)}
html[data-site-page] body.skin-grand-tool .ammo-card:hover, html[data-site-page] body.skin-grand-tool .weapon-card:hover{border-color:rgba(79,9,105,0.3);box-shadow:0 8px 25px rgba(79,9,105,0.1);transform:translateY(-2px)}
html[data-site-page] body.skin-grand-tool.dark .ammo-card:hover, html[data-site-page] body.skin-grand-tool.dark .weapon-card:hover{border-color:rgba(179,98,255,0.3);box-shadow:0 8px 25px rgba(148,20,196,0.1)}
html[data-site-page] body.skin-grand-tool .empty-card{opacity:0.6;border-style:dashed!important}
html[data-site-page] body.skin-grand-tool .ammo-info, html[data-site-page] body.skin-grand-tool .weapon-info{display:flex;align-items:center;gap:15px;margin-bottom:20px}
html[data-site-page] body.skin-grand-tool .ammo-icon, html[data-site-page] body.skin-grand-tool .weapon-icon{font-size:28px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(79,9,105,0.1);border-radius:12px}
html[data-site-page] body.skin-grand-tool.dark .ammo-icon, html[data-site-page] body.skin-grand-tool.dark .weapon-icon{background:rgba(179,98,255,0.1)}
html[data-site-page] body.skin-grand-tool .ammo-details, html[data-site-page] body.skin-grand-tool .weapon-details{flex:1}
html[data-site-page] body.skin-grand-tool .ammo-details h4, html[data-site-page] body.skin-grand-tool .weapon-details h4{margin:0 0 8px 0;color:#333;font-size:18px;font-weight:700}
html[data-site-page] body.skin-grand-tool.dark .ammo-details h4, html[data-site-page] body.skin-grand-tool.dark .weapon-details h4{color:#e0e0e0}
html[data-site-page] body.skin-grand-tool .ammo-price, html[data-site-page] body.skin-grand-tool .weapon-price{font-size:16px;color:#4f0969;font-weight:700}
html[data-site-page] body.skin-grand-tool.dark .ammo-price, html[data-site-page] body.skin-grand-tool.dark .weapon-price{color:#b362ff}
html[data-site-page] body.skin-grand-tool .ammo-controls, html[data-site-page] body.skin-grand-tool .weapon-controls{display:flex;flex-direction:column;gap:15px}
html[data-site-page] body.skin-grand-tool .input-slider-group{display:flex;flex-direction:column;gap:10px}
html[data-site-page] body.skin-grand-tool .ammo-input, html[data-site-page] body.skin-grand-tool .weapon-input{width:100%;padding:12px 15px;border:2px solid rgba(79,9,105,0.2);border-radius:8px;font-size:16px;background:white;color:#333;font-weight:600;transition:all 0.3s ease;text-align:center}
html[data-site-page] body.skin-grand-tool.dark .ammo-input, html[data-site-page] body.skin-grand-tool.dark .weapon-input{background:#2d2d2d;border-color:rgba(179,98,255,0.2);color:#e0e0e0}
html[data-site-page] body.skin-grand-tool .ammo-input:focus, html[data-site-page] body.skin-grand-tool .weapon-input:focus{outline:none;border-color:#4f0969;box-shadow:0 0 0 3px rgba(79,9,105,0.1)}
html[data-site-page] body.skin-grand-tool.dark .ammo-input:focus, html[data-site-page] body.skin-grand-tool.dark .weapon-input:focus{border-color:#9414c4;box-shadow:0 0 0 3px rgba(148,20,196,0.1)}
html[data-site-page] body.skin-grand-tool .slider-container{position:relative}
html[data-site-page] body.skin-grand-tool .ammo-slider, html[data-site-page] body.skin-grand-tool .weapon-slider{width:100%;height:10px;border-radius:5px;background:linear-gradient(90deg,rgba(79,9,105,0.1) 0%,rgba(148,20,196,0.2) 100%);outline:none;transition:all 0.3s ease;cursor:pointer;position:relative}
html[data-site-page] body.skin-grand-tool.dark .ammo-slider, html[data-site-page] body.skin-grand-tool.dark .weapon-slider{background:linear-gradient(90deg,rgba(179,98,255,0.1) 0%,rgba(217,179,255,0.2) 100%)}
html[data-site-page] body.skin-grand-tool .ammo-slider::-webkit-slider-thumb, html[data-site-page] body.skin-grand-tool .weapon-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#4f0969 0%,#9414c4 100%);cursor:pointer;border:3px solid white;box-shadow:0 2px 10px rgba(79,9,105,0.3);transition:all 0.2s ease}
html[data-site-page] body.skin-grand-tool.dark .ammo-slider::-webkit-slider-thumb, html[data-site-page] body.skin-grand-tool.dark .weapon-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#9414c4 0%,#b362ff 100%);border:3px solid #2d2d2d;box-shadow:0 2px 10px rgba(148,20,196,0.3)}
html[data-site-page] body.skin-grand-tool .ammo-slider::-webkit-slider-thumb:hover, html[data-site-page] body.skin-grand-tool .weapon-slider::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#9414c4 0%,#d9b3ff 100%);transform:scale(1.1);box-shadow:0 3px 15px rgba(79,9,105,0.4)}
html[data-site-page] body.skin-grand-tool.dark .ammo-slider::-webkit-slider-thumb:hover, html[data-site-page] body.skin-grand-tool.dark .weapon-slider::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#b362ff 0%,#e6ccff 100%);box-shadow:0 3px 15px rgba(148,20,196,0.4)}
html[data-site-page] body.skin-grand-tool .ammo-slider::-moz-range-thumb, html[data-site-page] body.skin-grand-tool .weapon-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#4f0969 0%,#9414c4 100%);cursor:pointer;border:3px solid white;box-shadow:0 2px 10px rgba(79,9,105,0.3);transition:all 0.2s ease}
html[data-site-page] body.skin-grand-tool .slider-value{display:flex;justify-content:space-between;font-size:14px;color:#666;margin-top:8px}
html[data-site-page] body.skin-grand-tool.dark .slider-value{color:#aaa}
html[data-site-page] body.skin-grand-tool .current-value{font-weight:700;color:#4f0969}
html[data-site-page] body.skin-grand-tool.dark .current-value{color:#b362ff}
html[data-site-page] body.skin-grand-tool .ammo-total, html[data-site-page] body.skin-grand-tool .weapon-total{font-size:22px;font-weight:800;color:#4f0969;text-align:right;padding:10px 15px;border-radius:10px;background-color:rgba(79,9,105,0.08);border:2px solid rgba(79,9,105,0.15);transition:all 0.3s ease}
html[data-site-page] body.skin-grand-tool.dark .ammo-total, html[data-site-page] body.skin-grand-tool.dark .weapon-total{color:#b362ff;background-color:rgba(179,98,255,0.08);border-color:rgba(179,98,255,0.15)}
html[data-site-page] body.skin-grand-tool .ammo-card:hover .ammo-total, html[data-site-page] body.skin-grand-tool .weapon-card:hover .weapon-total{transform:scale(1.05);box-shadow:0 5px 15px rgba(79,9,105,0.1)}
html[data-site-page] body.skin-grand-tool.dark .ammo-card:hover .ammo-total, html[data-site-page] body.skin-grand-tool.dark .weapon-card:hover .weapon-total{box-shadow:0 5px 15px rgba(148,20,196,0.1)}
html[data-site-page] body.skin-grand-tool .results-section{display:flex;gap:20px;animation:fadeIn 0.6s ease-out 0.7s both}
html[data-site-page] body.skin-grand-tool .result-card{flex:1;background:linear-gradient(135deg,#4f0969 0%,#9414c4 100%);padding:25px;border-radius:18px;color:white;position:relative;overflow:hidden;transition:all 0.3s ease}
html[data-site-page] body.skin-grand-tool.dark .result-card{background:linear-gradient(135deg,#9414c4 0%,#b362ff 100%)}
html[data-site-page] body.skin-grand-tool .result-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(79,9,105,0.2)}
html[data-site-page] body.skin-grand-tool.dark .result-card:hover{box-shadow:0 15px 35px rgba(148,20,196,0.2)}
html[data-site-page] body.skin-grand-tool .result-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}
html[data-site-page] body.skin-grand-tool .result-icon{font-size:36px;opacity:0.9}
html[data-site-page] body.skin-grand-tool .result-info{flex:1}
html[data-site-page] body.skin-grand-tool .result-title{font-size:18px;font-weight:700;margin-bottom:4px}
html[data-site-page] body.skin-grand-tool .result-subtitle{font-size:13px;opacity:0.8;font-weight:500}
html[data-site-page] body.skin-grand-tool .result-value{font-size:36px;font-weight:800;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,0.2)}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media (max-width:1024px){html[data-site-page] body.skin-grand-tool .quick-cards{flex-direction:column}
html[data-site-page] body.skin-grand-tool .results-section{flex-direction:column}
html[data-site-page] body.skin-grand-tool .ammo-row, html[data-site-page] body.skin-grand-tool .weapon-row{flex-wrap:wrap}
html[data-site-page] body.skin-grand-tool .ammo-card, html[data-site-page] body.skin-grand-tool .weapon-card{min-width:calc(50% - 10px)}}
@media (max-width:768px){html[data-site-page] body.skin-grand-tool .weapon-calculator{padding:15px}
html[data-site-page] body.skin-grand-tool .quick-cards{flex-direction:column}
html[data-site-page] body.skin-grand-tool .ammo-row, html[data-site-page] body.skin-grand-tool .weapon-row{flex-direction:column}
html[data-site-page] body.skin-grand-tool .ammo-card, html[data-site-page] body.skin-grand-tool .weapon-card{min-width:100%}
html[data-site-page] body.skin-grand-tool .result-value{font-size:28px}
html[data-site-page] body.skin-grand-tool .ammo-details h4, html[data-site-page] body.skin-grand-tool .weapon-details h4{font-size:16px}
html[data-site-page] body.skin-grand-tool .category-header-text{font-size:18px}}
html[data-site-page] body.skin-grand-tool .ammo-slider, html[data-site-page] body.skin-grand-tool .weapon-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
html[data-site-page] body.skin-grand-tool .ammo-slider::-moz-range-thumb, html[data-site-page] body.skin-grand-tool .weapon-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#4f0969 0%,#9414c4 100%);cursor:pointer;border:3px solid white;box-shadow:0 2px 10px rgba(79,9,105,0.3);transition:all 0.2s ease;border:none;}
html[data-site-page] body.skin-grand-tool.dark .ammo-slider::-moz-range-thumb, html[data-site-page] body.skin-grand-tool.dark .weapon-slider::-moz-range-thumb{background:linear-gradient(135deg,#9414c4 0%,#b362ff 100%);border:3px solid #2d2d2d;}
html[data-site-page] body.skin-grand-tool .ammo-slider::-moz-range-thumb:hover, html[data-site-page] body.skin-grand-tool .weapon-slider::-moz-range-thumb:hover{background:linear-gradient(135deg,#9414c4 0%,#d9b3ff 100%);transform:scale(1.1);box-shadow:0 3px 15px rgba(79,9,105,0.4);}


/* Extracted from grand/visual/index.html */
html[data-site-page] body.skin-grand-tool .bg-item.bl-bsh{box-shadow: 0 0 15px rgba(79,9,105,0.3) !important;}
html[data-site-page] body.skin-grand-tool.dark .bg-item.bl-bsh{box-shadow: 0 0 20px rgba(179,98,255,0.6) !important;}
html[data-site-page] body.skin-grand-tool, html[data-site-page] body.skin-grand-tool header, html[data-site-page] body.skin-grand-tool .header__top, html[data-site-page] body.skin-grand-tool .bgpurple, html[data-site-page] body.skin-grand-tool .bl-bsh, html[data-site-page] body.skin-grand-tool .head3, html[data-site-page] body.skin-grand-tool .textS, html[data-site-page] body.skin-grand-tool .link1, html[data-site-page] body.skin-grand-tool .theme-toggle, html[data-site-page] body.skin-grand-tool #toTop, html[data-site-page] body.skin-grand-tool .lang-dropdown__link, html[data-site-page] body.skin-grand-tool #theme-sensitive-image, html[data-site-page] body.skin-grand-tool .image-in{transition:all 0.3s ease!important;}
html[data-site-page] body.skin-grand-tool.dark{background-color:#1a1a1a!important;color:#e0e0e0!important;}
html[data-site-page] body.skin-grand-tool.dark .header__top{background:#0d0d0d!important;border-bottom:1px solid #333!important;}
html[data-site-page] body.skin-grand-tool.dark .bgpurple{background:#1a1a1a!important;}
html[data-site-page] body.skin-grand-tool.dark .bl-bsh{background:#2d2d2d!important;}
html[data-site-page] body.skin-grand-tool.dark .head3, html[data-site-page] body.skin-grand-tool.dark .textS{color:#fff!important;}
html[data-site-page] body.skin-grand-tool .head3{text-align:center!important;width:100%!important;margin-left:0!important;padding-left:0!important;}
html[data-site-page] body.skin-grand-tool .head3[style*="color: red"], html[data-site-page] body.skin-grand-tool.dark .head3[style*="color: red"]{color:red!important;}
html[data-site-page] body.skin-grand-tool .link1{color:#4f0969;text-decoration:underline;}
html[data-site-page] body.skin-grand-tool.dark .link1{color:#b362ff;}
html[data-site-page] body.skin-grand-tool .image-in{max-width:100%;height:auto;display:block;margin:15px 0;border-radius:12px;border:3px solid #e0e0e0;cursor:zoom-in;transition:all 0.3s ease!important;box-shadow:0 0 15px rgba(148,20,196,0.3);}
html[data-site-page] body.skin-grand-tool .image-in:hover{border-color:#9414c4;box-shadow:0 0 20px rgba(148,20,196,0.8);}
html[data-site-page] body.skin-grand-tool.dark .image-in{border:3px solid #b362ff;box-shadow:0 0 20px rgba(179,98,255,0.6);}
html[data-site-page] body.skin-grand-tool.dark .image-in:hover{border-color:#d9b3ff;box-shadow:0 0 25px rgba(217,179,255,0.9);}
html[data-site-page] body.skin-grand-tool #theme-sensitive-image{border-radius:12px;border:3px solid #e0e0e0!important;transition-property:opacity,border-color!important;box-shadow:0 0 15px rgba(148,20,196,0.3)!important;}
html[data-site-page] body.skin-grand-tool #theme-sensitive-image:hover{border-color:#9414c4!important;box-shadow:0 0 20px rgba(148,20,196,0.8)!important;}
html[data-site-page] body.skin-grand-tool.dark #theme-sensitive-image{border:3px solid #b362ff!important;box-shadow:0 0 20px rgba(179,98,255,0.6)!important;}
html[data-site-page] body.skin-grand-tool.dark #theme-sensitive-image:hover{border-color:#d9b3ff!important;box-shadow:0 0 25px rgba(217,179,255,0.9)!important;}
html[data-site-page] body.skin-grand-tool .theme-toggle{position:fixed;top:20px;right:20px;z-index:9999;background:#4f0969;color:white;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
html[data-site-page] body.skin-grand-tool .theme-toggle:hover{background:#9414c4;animation:pulse 1.5s infinite;}
html[data-site-page] body.skin-grand-tool .theme-toggle:active{transform:scale(0.95);}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(79,9,105,0.4);}70%{box-shadow:0 0 0 10px rgba(79,9,105,0);}100%{box-shadow:0 0 0 0 rgba(79,9,105,0);}}
html[data-site-page] body.skin-grand-tool.dark .theme-toggle:hover{animation:pulse-dark 1.5s infinite;}
@keyframes pulse-dark{0%{box-shadow:0 0 0 0 rgba(148,20,196,0.4);}70%{box-shadow:0 0 0 10px rgba(148,20,196,0);}100%{box-shadow:0 0 0 0 rgba(148,20,196,0);}}
html[data-site-page] body.skin-grand-tool .divider{height:2px;background:linear-gradient(90deg,transparent,#4f0969,transparent);margin:20px 0;}
html[data-site-page] body.skin-grand-tool.dark .divider{background:linear-gradient(90deg,transparent,#9414c4,transparent);}
html[data-site-page] body.skin-grand-tool ::-webkit-scrollbar{width:12px;}
html[data-site-page] body.skin-grand-tool ::-webkit-scrollbar-thumb{background:#4f0969;}
html[data-site-page] body.skin-grand-tool.dark ::-webkit-scrollbar-thumb{background:#9414c4;}
html[data-site-page] body.skin-grand-tool .header__body{display:flex;align-items:center;position:relative;width:100%;}
@media (max-width:991px){html[data-site-page] body.skin-grand-tool .header__body{flex-direction:column;text-align:center;}
html[data-site-page] body.skin-grand-tool .header h1.title{margin-left:0!important;margin-top:15px;width:100%;}}
@media (min-width:992px){html[data-site-page] body.skin-grand-tool .header h1.title{position:absolute;left:calc(50% + 0px);transform:translateX(-50%);width:auto;white-space:nowrap;margin-left:0!important;}}
html[data-site-page] body.skin-grand-tool.dark .lang-dropdown__link{color:#fff!important;}
html[data-site-page] body.skin-grand-tool.dark .lang-dropdown__link.selected{color:#b362ff!important;}
html[data-site-page] body.skin-grand-tool .s-school__research-directions-list{list-style:none!important;padding-left:0!important;}
html[data-site-page] body.skin-grand-tool .s-school__research-directions-list li{background-image:none!important;}
html[data-site-page] body.skin-grand-tool .s-school__research-directions-list li::before, html[data-site-page] body.skin-grand-tool .s-school__research-directions-list li::after{display:none!important;content:none!important;}
html[data-site-page] body.skin-grand-tool .textS{position:relative!important;padding-left:28px!important;margin-bottom:10px!important;}
html[data-site-page] body.skin-grand-tool .textS::before, html[data-site-page] body.skin-grand-tool .textS::after{content:''!important;position:absolute!important;left:0!important;top:4px!important;width:20px!important;height:20px!important;background-color:#9414c4!important;border-radius:50%!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:12px!important;}
html[data-site-page] body.skin-grand-tool #toTop{display:none;position:fixed;bottom:20px;right:20px;z-index:99;background:#4f0969;color:white;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;}
html[data-site-page] body.skin-grand-tool.dark #toTop{background:#9414c4;}
html[data-site-page] body.skin-grand-tool #toTop:hover{transform:scale(1.1);}
html[data-site-page] body.skin-grand-tool .head3{text-align:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;display:block!important;float:none!important;position:static!important;left:auto!important;right:auto!important;transform:none!important;}
html[data-site-page] body.skin-grand-tool .image-zoom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.95);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity.25s ease;}
html[data-site-page] body.skin-grand-tool.dark .image-zoom-modal{background-color:rgba(30,30,30,0.95);}
html[data-site-page] body.skin-grand-tool .image-zoom-modal.active{opacity:1;pointer-events:auto;}
html[data-site-page] body.skin-grand-tool .zoomed-image-wrapper{position:relative;max-width:90vw;max-height:90vh;transition:transform.4s cubic-bezier(.2,.9,.3,1.3);transform:scale(.5);cursor:zoom-out;}
html[data-site-page] body.skin-grand-tool .image-zoom-modal.active .zoomed-image-wrapper{transform:scale(1);}
html[data-site-page] body.skin-grand-tool .zoomed-image{width:auto;height:auto;max-width:100%;max-height:90vh;display:block;transform:scale(1.5);transition:transform.4s cubic-bezier(.2,.9,.3,1.3);box-shadow:0 5px 25px rgba(0,0,0,.15);border-radius:4px;border:1px solid #ccc;}
html[data-site-page] body.skin-grand-tool .image-zoom-modal.active .zoomed-image{transform:scale(2);}
@media (max-width:767px){html[data-site-page] body.skin-grand-tool .image-in{pointer-events:none!important;cursor:default!important;}}
html[data-site-page] body.skin-grand-tool .chiptuning-calculator{padding:25px;max-width:1100px;margin:0 auto;font-family:'Segoe UI',Arial,sans-serif}
html[data-site-page] body.skin-grand-tool .settings-section{display:flex;gap:30px;margin-bottom:30px;background:rgba(79,9,105,0.08);padding:25px;border-radius:16px;border:1px solid rgba(79,9,105,0.15);animation:slideDown 0.5s ease-out}
html[data-site-page] body.skin-grand-tool.dark .settings-section{background:rgba(148,20,196,0.08);border-color:rgba(179,98,255,0.15)}
html[data-site-page] body.skin-grand-tool .setting-group{flex:1}
html[data-site-page] body.skin-grand-tool .input-wrapper label{display:block;margin-bottom:10px;font-weight:600;color:#4f0969;font-size:15px}
html[data-site-page] body.skin-grand-tool.dark .input-wrapper label{color:#b362ff}
html[data-site-page] body.skin-grand-tool #stateValue{width:100%;padding:16px 20px;border:2px solid rgba(79,9,105,0.2);border-radius:12px;font-size:18px;background:white;color:#333;height:56px;box-sizing:border-box;font-weight:600;transition:all 0.3s ease}
html[data-site-page] body.skin-grand-tool.dark #stateValue{background:#2d2d2d;border-color:rgba(179,98,255,0.2);color:#e0e0e0}
html[data-site-page] body.skin-grand-tool #stateValue:focus{outline:none;border-color:#4f0969;box-shadow:0 0 0 3px rgba(79,9,105,0.1)}
html[data-site-page] body.skin-grand-tool.dark #stateValue:focus{border-color:#9414c4;box-shadow:0 0 0 3px rgba(148,20,196,0.1)}
html[data-site-page] body.skin-grand-tool .category-selector label{display:block;margin-bottom:12px;font-weight:600;color:#4f0969;font-size:15px}
html[data-site-page] body.skin-grand-tool.dark .category-selector label{color:#b362ff}
html[data-site-page] body.skin-grand-tool .category-buttons{display:flex;gap:12px}
html[data-site-page] body.skin-grand-tool .cat-btn{flex:1;padding:16px 12px;border:2px solid rgba(79,9,105,0.3);border-radius:12px;background:white;color:#4f0969;cursor:pointer;font-weight:600;font-size:14px;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;gap:4px}
html[data-site-page] body.skin-grand-tool.dark .cat-btn{background:#2d2d2d;border-color:rgba(179,98,255,0.3);color:#e0e0e0}
html[data-site-page] body.skin-grand-tool .cat-btn:hover{border-color:#4f0969;transform:translateY(-2px)}
html[data-site-page] body.skin-grand-tool.dark .cat-btn:hover{border-color:#9414c4}
html[data-site-page] body.skin-grand-tool .cat-btn.active{background:#4f0969;color:white;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,9,105,0.2)}
html[data-site-page] body.skin-grand-tool.dark .cat-btn.active{background:#9414c4;box-shadow:0 8px 20px rgba(148,20,196,0.2)}
html[data-site-page] body.skin-grand-tool .cat-name{font-size:15px;font-weight:700}
html[data-site-page] body.skin-grand-tool .cat-discount{font-size:12px;opacity:0.9;font-weight:500}
html[data-site-page] body.skin-grand-tool .quick-section{margin-bottom:30px;animation:fadeIn 0.6s ease-out 0.2s both}
html[data-site-page] body.skin-grand-tool .quick-cards{display:flex;gap:20px}
html[data-site-page] body.skin-grand-tool .quick-card{flex:1;background:white;border:1px solid #e0e0e0;border-radius:16px;padding:25px;position:relative;overflow:hidden;transition:all 0.3s ease;cursor:pointer}
html[data-site-page] body.skin-grand-tool.dark .quick-card{background:#2d2d2d;border-color:#444}
html[data-site-page] body.skin-grand-tool .quick-card:hover{transform:translateY(-3px);border-color:#4f0969;box-shadow:0 10px 30px rgba(79,9,105,0.1)}
html[data-site-page] body.skin-grand-tool.dark .quick-card:hover{border-color:#9414c4;box-shadow:0 10px 30px rgba(148,20,196,0.1)}
html[data-site-page] body.skin-grand-tool .card-bg-icon{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:80px;opacity:0.07;z-index:0;transition:all 0.3s ease}
html[data-site-page] body.skin-grand-tool .quick-card:hover .card-bg-icon{transform:translateY(-50%) scale(1.1);opacity:0.1}
html[data-site-page] body.skin-grand-tool .card-content{position:relative;z-index:1}
html[data-site-page] body.skin-grand-tool .card-title{font-weight:700;color:#4f0969;margin-bottom:5px;font-size:18px}
html[data-site-page] body.skin-grand-tool.dark .card-title{color:#b362ff}
html[data-site-page] body.skin-grand-tool .card-subtitle{font-size:13px;color:#666;margin-bottom:15px;font-weight:500}
html[data-site-page] body.skin-grand-tool.dark .card-subtitle{color:#aaa}
html[data-site-page] body.skin-grand-tool .card-price{font-size:26px;font-weight:800;color:#333}
html[data-site-page] body.skin-grand-tool.dark .card-price{color:#e0e0e0}
html[data-site-page] body.skin-grand-tool .calculator-section{margin-bottom:30px}
html[data-site-page] body.skin-grand-tool .category-row{display:flex;gap:20px;margin-bottom:20px;animation:slideUp 0.5s ease-out;animation-fill-mode:both}
html[data-site-page] body.skin-grand-tool .category-row:nth-child(1){animation-delay:0.1s}
html[data-site-page] body.skin-grand-tool .category-row:nth-child(2){animation-delay:0.2s}
html[data-site-page] body.skin-grand-tool .category-row:nth-child(3){animation-delay:0.3s}
html[data-site-page] body.skin-grand-tool .category-row:nth-child(4){animation-delay:0.4s}
html[data-site-page] body.skin-grand-tool .visual-card{flex:1;background:white;border-radius:16px;padding:20px;border:1px solid rgba(79,9,105,0.1);transition:all 0.3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center}
html[data-site-page] body.skin-grand-tool.dark .visual-card{background:#2d2d2d;border-color:rgba(179,98,255,0.1)}
html[data-site-page] body.skin-grand-tool .visual-card:hover{border-color:rgba(79,9,105,0.3);box-shadow:0 5px 20px rgba(79,9,105,0.08)}
html[data-site-page] body.skin-grand-tool.dark .visual-card:hover{border-color:rgba(179,98,255,0.3);box-shadow:0 5px 20px rgba(148,20,196,0.08)}
html[data-site-page] body.skin-grand-tool .empty-card{opacity:0.6;border-style:dashed!important}
html[data-site-page] body.skin-grand-tool .card-header{display:flex;justify-content:space-between;align-items:center;width:100%}
html[data-site-page] body.skin-grand-tool .category-info{display:flex;align-items:center;gap:15px;flex:1}
html[data-site-page] body.skin-grand-tool .category-icon{font-size:28px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(79,9,105,0.1);border-radius:12px}
html[data-site-page] body.skin-grand-tool.dark .category-icon{background:rgba(179,98,255,0.1)}
html[data-site-page] body.skin-grand-tool .category-name{flex:1}
html[data-site-page] body.skin-grand-tool .category-name h4{margin:0 0 8px 0;color:#333;font-size:18px;font-weight:700}
html[data-site-page] body.skin-grand-tool.dark .category-name h4{color:#e0e0e0}
html[data-site-page] body.skin-grand-tool .category-status{font-size:14px;color:#666;font-weight:600}
html[data-site-page] body.skin-grand-tool.dark .category-status{color:#aaa}
html[data-site-page] body.skin-grand-tool .category-toggle{margin-left:15px}
html[data-site-page] body.skin-grand-tool .visual-switch{position:relative;display:inline-block;width:50px;height:28px}
html[data-site-page] body.skin-grand-tool .visual-switch input{opacity:0;width:0;height:0}
html[data-site-page] body.skin-grand-tool .switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ddd 0%,#bbb 100%);border-radius:34px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:inset 0 2px 10px rgba(0,0,0,0.1)}
html[data-site-page] body.skin-grand-tool.dark .switch-slider{background:linear-gradient(135deg,#555 0%,#333 100%)}
html[data-site-page] body.skin-grand-tool .visual-switch input:checked+.switch-slider{background:linear-gradient(135deg,#4f0969 0%,#9414c4 100%);box-shadow:0 0 15px rgba(79,9,105,0.3)}
html[data-site-page] body.skin-grand-tool.dark .visual-switch input:checked+.switch-slider{background:linear-gradient(135deg,#9414c4 0%,#b362ff 100%);box-shadow:0 0 15px rgba(148,20,196,0.3)}
html[data-site-page] body.skin-grand-tool .switch-slider:before{content:'';position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:white;border-radius:50%;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 5px rgba(0,0,0,0.2)}
html[data-site-page] body.skin-grand-tool.dark .switch-slider:before{background:#2d2d2d}
html[data-site-page] body.skin-grand-tool .visual-switch input:checked+.switch-slider:before{transform:translateX(22px)}
html[data-site-page] body.skin-grand-tool .results-section{display:flex;gap:20px;animation:fadeIn 0.6s ease-out 0.7s both}
html[data-site-page] body.skin-grand-tool .result-card{flex:1;background:linear-gradient(135deg,#4f0969 0%,#9414c4 100%);padding:25px;border-radius:18px;color:white;position:relative;overflow:hidden;transition:all 0.3s ease}
html[data-site-page] body.skin-grand-tool.dark .result-card{background:linear-gradient(135deg,#9414c4 0%,#b362ff 100%)}
html[data-site-page] body.skin-grand-tool .result-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(79,9,105,0.2)}
html[data-site-page] body.skin-grand-tool.dark .result-card:hover{box-shadow:0 10px 30px rgba(148,20,196,0.2)}
html[data-site-page] body.skin-grand-tool .result-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}
html[data-site-page] body.skin-grand-tool .result-icon{font-size:36px;opacity:0.9}
html[data-site-page] body.skin-grand-tool .result-info{flex:1}
html[data-site-page] body.skin-grand-tool .result-title{font-size:18px;font-weight:700;margin-bottom:4px}
html[data-site-page] body.skin-grand-tool .result-subtitle{font-size:13px;opacity:0.8;font-weight:500}
html[data-site-page] body.skin-grand-tool .result-value{font-size:36px;font-weight:800;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,0.2)}
@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media (max-width:1024px){html[data-site-page] body.skin-grand-tool .settings-section{flex-direction:column;gap:25px}
html[data-site-page] body.skin-grand-tool .quick-cards{flex-direction:column}
html[data-site-page] body.skin-grand-tool .results-section{flex-direction:column}
html[data-site-page] body.skin-grand-tool .category-row{flex-wrap:wrap}
html[data-site-page] body.skin-grand-tool .visual-card{min-width:calc(50% - 10px)}}
@media (max-width:768px){html[data-site-page] body.skin-grand-tool .chiptuning-calculator{padding:15px}
html[data-site-page] body.skin-grand-tool .category-buttons{flex-direction:column}
html[data-site-page] body.skin-grand-tool .quick-cards{flex-direction:column}
html[data-site-page] body.skin-grand-tool .category-row{flex-direction:column}
html[data-site-page] body.skin-grand-tool .visual-card{min-width:100%}
html[data-site-page] body.skin-grand-tool .result-value{font-size:28px}
html[data-site-page] body.skin-grand-tool .category-name h4{font-size:16px}}


/* Extracted from data/index1.html */
html[data-site-page] body.skin-kick-generator .bg-item.bl-bsh{box-shadow:0 0 15px rgba(1,232,0,0.3)!important;}
html[data-site-page] body.skin-kick-generator.dark .bg-item.bl-bsh{box-shadow:0 0 20px rgba(1,232,0,0.6)!important;}
html[data-site-page] body.skin-kick-generator, html[data-site-page] body.skin-kick-generator header, html[data-site-page] body.skin-kick-generator .header__top, html[data-site-page] body.skin-kick-generator .bgpurple, html[data-site-page] body.skin-kick-generator .bl-bsh, html[data-site-page] body.skin-kick-generator .head3, html[data-site-page] body.skin-kick-generator .textS, html[data-site-page] body.skin-kick-generator .link1, html[data-site-page] body.skin-kick-generator .theme-toggle, html[data-site-page] body.skin-kick-generator #toTop, html[data-site-page] body.skin-kick-generator .lang-dropdown__link, html[data-site-page] body.skin-kick-generator #theme-sensitive-image, html[data-site-page] body.skin-kick-generator .image-in{transition:all 0.3s ease!important;}
html[data-site-page] body.skin-kick-generator.dark{background-color:#1a1a1a!important;color:#e0e0e0!important;}
html[data-site-page] body.skin-kick-generator.dark .header__top{background:#0d0d0d!important;border-bottom:1px solid #333!important;}
html[data-site-page] body.skin-kick-generator.dark .bgpurple{background:#1a1a1a!important;}
html[data-site-page] body.skin-kick-generator.dark .bl-bsh{background:#2d2d2d!important;}
html[data-site-page] body.skin-kick-generator.dark .head3, html[data-site-page] body.skin-kick-generator.dark .textS{color:#fff!important;}
html[data-site-page] body.skin-kick-generator .head3{text-align:center!important;width:100%!important;margin-left:0!important;padding-left:0!important;}
html[data-site-page] body.skin-kick-generator .head3[style*="color: red"], html[data-site-page] body.skin-kick-generator.dark .head3[style*="color: red"]{color:red!important;}
html[data-site-page] body.skin-kick-generator .link1{color:#01e800;text-decoration:underline;}
html[data-site-page] body.skin-kick-generator.dark .link1{color:#01e800;}
html[data-site-page] body.skin-kick-generator .theme-toggle{position:fixed;top:20px;right:20px;z-index:9999;background:#01e800;color:white;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,0.2);border:2px solid #01e800;}
html[data-site-page] body.skin-kick-generator .theme-toggle:hover{background:#01e800;animation:pulse 1.5s infinite;transform:translateY(-2px);}
html[data-site-page] body.skin-kick-generator .theme-toggle:active{transform:scale(0.95);}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(1,232,0,0.4);}70%{box-shadow:0 0 0 10px rgba(1,232,0,0);}100%{box-shadow:0 0 0 0 rgba(1,232,0,0);}}
html[data-site-page] body.skin-kick-generator.dark .theme-toggle:hover{animation:pulse-dark 1.5s infinite;}
@keyframes pulse-dark{0%{box-shadow:0 0 0 0 rgba(1,232,0,0.4);}70%{box-shadow:0 0 0 10px rgba(1,232,0,0);}100%{box-shadow:0 0 0 0 rgba(1,232,0,0);}}
html[data-site-page] body.skin-kick-generator #toTop{display:none;position:fixed;bottom:20px;right:20px;z-index:99;background:#01e800;color:white;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;border:2px solid #01e800;box-shadow:0 2px 10px rgba(1,232,0,0.3);}
html[data-site-page] body.skin-kick-generator #toTop:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(1,232,0,0.5);}
html[data-site-page] body.skin-kick-generator.dark #toTop{background:#01e800;}
html[data-site-page] body.skin-kick-generator .header h1.title{
    text-align: center !important;
    width: 100% !important;
    position: static !important;
    transform: none !important;
    left: auto !important;
    margin: 15px 0 !important;
}
html[data-site-page] body.skin-kick-generator .kick-generator{
    background: linear-gradient(135deg, #f8fff8 0%, #f0fff0 100%);
    border: 3px solid #01e800;
    border-radius: 20px;
    padding: 30px;
    margin: 30px 0;
    box-shadow: 
        0 8px 25px rgba(1,232,0,0.15),
        inset 0 1px 0 rgba(255,255,255,0.8),
        0 0 0 1px rgba(1,232,0,0.1);
    position: relative;
    overflow: hidden;
}
html[data-site-page] body.skin-kick-generator.dark .kick-generator{
    background: rgba(1,232,0,0.05);
    box-shadow: 0 0 25px rgba(1,232,0,0.2);
    border: 2px solid #01e800;
}
html[data-site-page] body.skin-kick-generator .kick-generator::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-50%;
    width:200%;
    height:200%;
    background:radial-gradient(circle,rgba(1,232,0,0.08)0%,transparent 70%);
    animation:pulse-glow 4s ease-in-out infinite;
}
html[data-site-page] body.skin-kick-generator.dark .kick-generator::before{
    background:radial-gradient(circle,rgba(1,232,0,0.1)0%,transparent 70%);
}
@keyframes pulse-glow{0%,100%{opacity:0.5;transform:scale(1);}50%{opacity:0.8;transform:scale(1.05);}}
html[data-site-page] body.skin-kick-generator .kick-title{
    font-size:28px;
    font-weight:bold;
    color:#01e800;
    text-align:center;
    margin-bottom:4px; 
    text-shadow: 
        0 0 10px rgba(1,232,0,0.3),
        0 1px 1px rgba(0,0,0,0.1);
    background: linear-gradient(135deg, #01e800, #00cc00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
html[data-site-page] body.skin-kick-generator.dark .kick-title{
    text-shadow: 0 0 10px rgba(1,232,0,0.3);
    background: none;
    -webkit-text-fill-color: initial;
    color: #01e800;
}
html[data-site-page] body.skin-kick-generator .kick-subtitle{
    font-size:16px;
    color:#2d7a2d;
    text-align:center;
    margin-bottom:8px; 
    font-weight:500;
    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
}
html[data-site-page] body.skin-kick-generator.dark .kick-subtitle{
    color:#80ff80;
    text-shadow: none;
}
html[data-site-page] body.skin-kick-generator .kick-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:15px; 
}
html[data-site-page] body.skin-kick-generator .kick-code{
    font-size:42px;
    font-weight:bold;
    letter-spacing:4px;
    color:#01e800;
    background: linear-gradient(135deg, #f8fff8 0%, #e8ffe8 100%);
    padding:20px 35px;
    border-radius:15px;
    border: 2px solid #01e800;
    cursor:pointer;
    transition:all 0.3s ease;
    text-shadow: 
        0 0 8px rgba(1,232,0,0.4),
        0 2px 4px rgba(0,0,0,0.1);
    font-family:'Courier New',monospace;
    user-select:none;
    position:relative;
    z-index:10;
    box-shadow: 
        0 4px 15px rgba(1,232,0,0.2),
        inset 0 1px 0 rgba(255,255,255,0.8),
        0 0 0 1px rgba(1,232,0,0.1);
}
html[data-site-page] body.skin-kick-generator .kick-code:hover{
    background: linear-gradient(135deg, #f0fff0 0%, #e0ffe0 100%);
    transform:translateY(-3px);
    box-shadow: 
        0 8px 25px rgba(1,232,0,0.3),
        inset 0 1px 0 rgba(255,255,255,0.9),
        0 0 0 1px rgba(1,232,0,0.2);
}
html[data-site-page] body.skin-kick-generator .kick-code.copied{
    background: linear-gradient(135deg, #e8ffe8 0%, #d8ffd8 100%);
    transform:scale(1.05);
    box-shadow: 
        0 6px 20px rgba(1,232,0,0.4),
        inset 0 1px 0 rgba(255,255,255,0.8);
}
html[data-site-page] body.skin-kick-generator.dark .kick-code{
    background:rgba(1,232,0,0.1);
    border:1px solid rgba(1,232,0,0.3);
    box-shadow: 0 5px 15px rgba(1,232,0,0.2);
}
html[data-site-page] body.skin-kick-generator.dark .kick-code:hover{
    background:rgba(1,232,0,0.15);
    box-shadow: 0 5px 15px rgba(1,232,0,0.2);
}
html[data-site-page] body.skin-kick-generator.dark .kick-code.copied{
    background:rgba(1,232,0,0.25);
}
html[data-site-page] body.skin-kick-generator .wave-animation{
    width:120px;
    height:120px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
html[data-site-page] body.skin-kick-generator .wave-circle{
    position:absolute;
    border: 3px solid #01e800;
    border-radius:50%;
    animation:wave 2s linear infinite;
    box-shadow: 0 0 10px rgba(1,232,0,0.3);
}
html[data-site-page] body.skin-kick-generator.dark .wave-circle{
    box-shadow: 0 0 15px rgba(1,232,0,0.5);
}
html[data-site-page] body.skin-kick-generator .wave-circle:nth-child(1){animation-delay:0s;}
html[data-site-page] body.skin-kick-generator .wave-circle:nth-child(2){animation-delay:0.5s;}
html[data-site-page] body.skin-kick-generator .wave-circle:nth-child(3){animation-delay:1s;}
html[data-site-page] body.skin-kick-generator .wave-circle:nth-child(4){animation-delay:1.5s;}
@keyframes wave{
    0%{width:0;height:0;opacity:1;}
    100%{width:100px;height:100px;opacity:0;}
}
html[data-site-page] body.skin-kick-generator .timer-wave-container{
    width: 140px;
    height: 140px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0; 
}
html[data-site-page] body.skin-kick-generator .timer-wave{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        #01e800 0%,
        #01e800 var(--progress, 0%),
        rgba(1,232,0,0.15) var(--progress, 0%),
        rgba(1,232,0,0.15) 100%
    );
    mask: radial-gradient(circle, transparent 55%, black 56%);
    animation: rotate 30s linear infinite;
    box-shadow: 0 0 20px rgba(1,232,0,0.2);
}
html[data-site-page] body.skin-kick-generator.dark .timer-wave{
    background: conic-gradient(
        from 0deg,
        #01e800 0%,
        #01e800 var(--progress, 0%),
        rgba(1,232,0,0.1) var(--progress, 0%),
        rgba(1,232,0,0.1) 100%
    );
}
html[data-site-page] body.skin-kick-generator .timer-wave-inner{
    position: absolute;
    width: 90%;
    height: 90%;
    background: linear-gradient(135deg, #f8fff8 0%, #f0fff0 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #01e800;
    box-shadow: 
        inset 0 2px 4px rgba(1,232,0,0.1),
        0 2px 8px rgba(1,232,0,0.2);
}
html[data-site-page] body.skin-kick-generator.dark .timer-wave-inner{
    background: rgba(1,232,0,0.05);
    border: 2px solid rgba(1,232,0,0.3);
    box-shadow: none;
}
html[data-site-page] body.skin-kick-generator .timer-text{
    font-size: 24px;
    font-weight: bold;
    color: #01e800;
    text-shadow: 
        0 0 10px rgba(1,232,0,0.5),
        0 1px 1px rgba(0,0,0,0.1);
    z-index: 10;
}
html[data-site-page] body.skin-kick-generator.dark .timer-text{
    text-shadow: 0 0 10px rgba(1,232,0,0.5);
}
@keyframes rotate{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
html[data-site-page] body.skin-kick-generator .wave-pulse{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #01e800;
    animation: wave-pulse 2s ease-out infinite;
    opacity: 0;
    box-shadow: 0 0 15px rgba(1,232,0,0.4);
}
html[data-site-page] body.skin-kick-generator.dark .wave-pulse{
    box-shadow: 0 0 20px rgba(1,232,0,0.6);
}
@keyframes wave-pulse{
    0% {
        transform: scale(0.8);
        opacity: 0.7;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}
html[data-site-page] body.skin-kick-generator .kick-timer{
    display: none; 
}
html[data-site-page] body.skin-kick-generator .kick-copy-badge{
    position:fixed;
    background: linear-gradient(135deg, #2d7a2d 0%, #01e800 100%);
    color:white;
    padding:12px 24px;
    border-radius:10px;
    font-size:14px;
    font-weight:bold;
    pointer-events:none;
    opacity:0;
    transition:all 0.3s ease;
    z-index:1000;
    border:2px solid #01e800;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    box-shadow: 
        0 4px 15px rgba(1,232,0,0.4),
        0 0 0 1px rgba(255,255,255,0.2);
}
html[data-site-page] body.skin-kick-generator .kick-copy-badge.show{
    opacity:1;
    transform:translate(-50%,-60%);
}
html[data-site-page] body.skin-kick-generator.dark .kick-copy-badge{
    background:rgba(0,0,0,0.9);
    color:#01e800;
}
html[data-site-page] body.skin-kick-generator .temp-input{
    position: fixed;
    left: -1000px;
    top: -1000px;
    opacity: 0;
    pointer-events: none;
}
html[data-site-page] body.skin-kick-generator .copy-instructions{
    text-align: center;
    margin: 5px 0;
}
html[data-site-page] body.skin-kick-generator .copy-english{
    font-size: 18px;
    font-weight: bold;
    color: #01e800;
    margin-bottom: 1px;
    text-shadow: 
        0 0 8px rgba(1,232,0,0.3),
        0 1px 1px rgba(0,0,0,0.1);
}
html[data-site-page] body.skin-kick-generator .copy-russian{
    font-size: 14px;
    color: #2d7a2d;
    margin-top: 1px; 
    font-weight: 500;
}
html[data-site-page] body.skin-kick-generator.dark .copy-russian{
    color: #80ff80;
}
@media (max-width:768px){html[data-site-page] body.skin-kick-generator .kick-generator{padding:20px;margin:20px 0;}
html[data-site-page] body.skin-kick-generator .kick-code{font-size:32px;padding:15px 25px;}
html[data-site-page] body.skin-kick-generator .timer-wave-container{width:120px;height:120px;}
html[data-site-page] body.skin-kick-generator .timer-text{font-size:20px;}
html[data-site-page] body.skin-kick-generator .wave-animation{width:100px;height:100px;}
html[data-site-page] body.skin-kick-generator .copy-english{font-size:16px;}
html[data-site-page] body.skin-kick-generator .copy-russian{font-size:13px;}}

/* Restored Rust/Rustkick video frame behavior from the original page design. */
html[data-site-page] body.skin-rust .card-item .media,
html[data-site-page] body.skin-rustkick .card-item .media {
  border: 1px solid var(--site-accent) !important;
  border-image: linear-gradient(-45deg, var(--site-accent), var(--site-accent-soft)) 1 !important;
  box-shadow: none;
  background: transparent;
}

html[data-site-page] body.skin-rust .card-item:hover .media,
html[data-site-page] body.skin-rustkick .card-item:hover .media {
  border: 3px solid var(--site-accent-strong) !important;
  border-image: linear-gradient(-45deg, var(--site-accent-strong), var(--site-accent-strong-soft)) 1 !important;
  box-shadow: 0 5px 20px 5px rgba(0,0,0,0.3), 0 0 18px var(--site-accent-strong-soft);
}

html[data-site-page] body.skin-rust .card-item .media::after,
html[data-site-page] body.skin-rustkick .card-item .media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-repeat: no-repeat, repeat, no-repeat;
  background-position: center, 0 0, center;
  background-size: 60%, 100% 6px, cover;
  opacity: 0;
  transition: opacity 0.1s ease, background-size 0.1s ease;
  pointer-events: none;
}

html[data-site-page] body.skin-rust .card-item .media::after {
  background-image:
    url("rust/kick-frame.svg"),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 4px),
    linear-gradient(45deg, transparent 70%, rgba(79,9,105,0.8) 70% 72%, transparent 72% 85%, rgba(79,9,105,0.35) 85% 87%, transparent 87%);
}

html[data-site-page] body.skin-rustkick .card-item .media::after {
  background-image:
    url("rustkick/kick-frame.svg"),
    repeating-linear-gradient(0deg, rgba(1,232,0,0.08) 0 1px, transparent 1px 4px),
    linear-gradient(45deg, transparent 70%, rgba(1,168,0,0.8) 70% 72%, transparent 72% 85%, rgba(1,168,0,0.35) 85% 87%, transparent 87%);
}

html[data-site-page] body.skin-rust .card-item:hover .media::after,
html[data-site-page] body.skin-rustkick .card-item:hover .media::after {
  opacity: 1;
  background-size: 80%, 100% 6px, cover;
}

html[data-site-page] body.skin-rust .card-item:hover .media::after {
  animation: rustFrameReveal 1.5s ease-out;
}

html[data-site-page] body.skin-rustkick .card-item:hover .media::after {
  animation: rustkickFrameReveal 1.5s ease-out;
}

html[data-site-page] body.skin-rust .card-item .media::before,
html[data-site-page] body.skin-rustkick .card-item .media::before {
  font-family: "Bebas Neue", Arial, sans-serif !important;
  font-size: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

html[data-site-page] body.skin-rust .card-item .media::before {
  color: #fff !important;
}

html[data-site-page] body.skin-rustkick .card-item .media::before {
  color: #01a800 !important;
}

html[data-site-page] body.skin-rust .card-item:hover .media::before,
html[data-site-page] body.skin-rustkick .card-item:hover .media::before {
  animation: rustTextFlicker 1.5s ease-out;
}

html[data-site-page] body.skin-rust .card-item:hover .media video,
html[data-site-page] body.skin-rustkick .card-item:hover .media video {
  animation: rustScanlines 1.5s ease-out;
}

@keyframes rustFrameReveal {
  0% {
    background-image:
      url("rust/kick-frame.svg"),
      repeating-linear-gradient(0deg, rgba(255,255,255,0.12) 0 1px, transparent 1px 3px),
      linear-gradient(45deg, transparent 70%, #4f0969 70% 72%, transparent 72% 85%, rgba(79,9,105,0.3) 85% 87%, transparent 87%);
    background-position: center, 0 -8px, center;
    opacity: 1;
  }
  18% {
    background-image:
      url("rust/kick-frame.svg"),
      repeating-linear-gradient(0deg, rgba(255,255,255,0.1) 0 1px, transparent 1px 5px),
      linear-gradient(90deg, transparent 60%, rgba(79,9,105,0.5) 60% 62%, transparent 62% 75%, #4f0969 75% 77%, transparent 77%);
    background-position: center, 0 6px, center;
  }
  42% {
    background-image:
      url("rust/kick-frame.svg"),
      repeating-linear-gradient(0deg, rgba(255,255,255,0.08) 0 1px, transparent 1px 4px),
      linear-gradient(135deg, transparent 55%, rgba(79,9,105,0.7) 55% 57%, transparent 57% 72%, #4f0969 72% 74%, transparent 74%);
  }
  100% {
    background-position: center, 0 0, center;
    opacity: 1;
  }
}

@keyframes rustkickFrameReveal {
  0% {
    background-image:
      url("rustkick/kick-frame.svg"),
      repeating-linear-gradient(0deg, rgba(1,232,0,0.16) 0 1px, transparent 1px 3px),
      linear-gradient(45deg, transparent 70%, #01a800 70% 72%, transparent 72% 85%, rgba(1,168,0,0.3) 85% 87%, transparent 87%);
    background-position: center, 0 -8px, center;
    opacity: 1;
  }
  18% {
    background-image:
      url("rustkick/kick-frame.svg"),
      repeating-linear-gradient(0deg, rgba(1,232,0,0.12) 0 1px, transparent 1px 5px),
      linear-gradient(90deg, transparent 60%, rgba(1,168,0,0.5) 60% 62%, transparent 62% 75%, #01a800 75% 77%, transparent 77%);
    background-position: center, 0 6px, center;
  }
  42% {
    background-image:
      url("rustkick/kick-frame.svg"),
      repeating-linear-gradient(0deg, rgba(1,232,0,0.1) 0 1px, transparent 1px 4px),
      linear-gradient(135deg, transparent 55%, rgba(1,168,0,0.7) 55% 57%, transparent 57% 72%, #01a800 72% 74%, transparent 74%);
  }
  100% {
    background-position: center, 0 0, center;
    opacity: 1;
  }
}

@keyframes rustTextFlicker {
  0%, 100% { opacity: 1; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }
  12% { opacity: 0.38; text-shadow: 2px 0 3px rgba(255,255,255,0.55); }
  24% { opacity: 1; }
  36% { opacity: 0.55; transform: translateX(1px); }
  48% { opacity: 1; transform: translateX(-1px); }
}

@keyframes rustScanlines {
  0%, 100% { filter: none; }
  18% { filter: contrast(1.15) brightness(1.08); }
  42% { filter: contrast(1.28) brightness(0.95); }
  72% { filter: contrast(1.1) brightness(1.12); }
}


/* Extracted from kick/index1.html */
html[data-site-page] body.skin-kick-generator .bg-item.bl-bsh{box-shadow:0 0 15px rgba(1,232,0,0.3)!important;}
html[data-site-page] body.skin-kick-generator.dark .bg-item.bl-bsh{box-shadow:0 0 20px rgba(1,232,0,0.6)!important;}
html[data-site-page] body.skin-kick-generator, html[data-site-page] body.skin-kick-generator header, html[data-site-page] body.skin-kick-generator .header__top, html[data-site-page] body.skin-kick-generator .bgpurple, html[data-site-page] body.skin-kick-generator .bl-bsh, html[data-site-page] body.skin-kick-generator .head3, html[data-site-page] body.skin-kick-generator .textS, html[data-site-page] body.skin-kick-generator .link1, html[data-site-page] body.skin-kick-generator .theme-toggle, html[data-site-page] body.skin-kick-generator #toTop, html[data-site-page] body.skin-kick-generator .lang-dropdown__link, html[data-site-page] body.skin-kick-generator #theme-sensitive-image, html[data-site-page] body.skin-kick-generator .image-in{transition:all 0.3s ease!important;}
html[data-site-page] body.skin-kick-generator.dark{background-color:#1a1a1a!important;color:#e0e0e0!important;}
html[data-site-page] body.skin-kick-generator.dark .header__top{background:#0d0d0d!important;border-bottom:1px solid #333!important;}
html[data-site-page] body.skin-kick-generator.dark .bgpurple{background:#1a1a1a!important;}
html[data-site-page] body.skin-kick-generator.dark .bl-bsh{background:#2d2d2d!important;}
html[data-site-page] body.skin-kick-generator.dark .head3, html[data-site-page] body.skin-kick-generator.dark .textS{color:#fff!important;}
html[data-site-page] body.skin-kick-generator .head3{text-align:center!important;width:100%!important;margin-left:0!important;padding-left:0!important;}
html[data-site-page] body.skin-kick-generator .head3[style*="color: red"], html[data-site-page] body.skin-kick-generator.dark .head3[style*="color: red"]{color:red!important;}
html[data-site-page] body.skin-kick-generator .link1{color:#01e800;text-decoration:underline;}
html[data-site-page] body.skin-kick-generator.dark .link1{color:#01e800;}
html[data-site-page] body.skin-kick-generator .theme-toggle{position:fixed;top:20px;right:20px;z-index:9999;background:#01e800;color:white;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,0.2);border:2px solid #01e800;}
html[data-site-page] body.skin-kick-generator .theme-toggle:hover{background:#01e800;animation:pulse 1.5s infinite;transform:translateY(-2px);}
html[data-site-page] body.skin-kick-generator .theme-toggle:active{transform:scale(0.95);}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(1,232,0,0.4);}70%{box-shadow:0 0 0 10px rgba(1,232,0,0);}100%{box-shadow:0 0 0 0 rgba(1,232,0,0);}}
html[data-site-page] body.skin-kick-generator.dark .theme-toggle:hover{animation:pulse-dark 1.5s infinite;}
@keyframes pulse-dark{0%{box-shadow:0 0 0 0 rgba(1,232,0,0.4);}70%{box-shadow:0 0 0 10px rgba(1,232,0,0);}100%{box-shadow:0 0 0 0 rgba(1,232,0,0);}}
html[data-site-page] body.skin-kick-generator #toTop{display:none;position:fixed;bottom:20px;right:20px;z-index:99;background:#01e800;color:white;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;border:2px solid #01e800;box-shadow:0 2px 10px rgba(1,232,0,0.3);}
html[data-site-page] body.skin-kick-generator #toTop:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(1,232,0,0.5);}
html[data-site-page] body.skin-kick-generator.dark #toTop{background:#01e800;}
html[data-site-page] body.skin-kick-generator .header h1.title{
    text-align: center !important;
    width: 100% !important;
    position: static !important;
    transform: none !important;
    left: auto !important;
    margin: 15px 0 !important;
}
html[data-site-page] body.skin-kick-generator .kick-generator{
    background: linear-gradient(135deg, #f8fff8 0%, #f0fff0 100%);
    border: 3px solid #01e800;
    border-radius: 20px;
    padding: 30px;
    margin: 30px 0;
    box-shadow: 
        0 8px 25px rgba(1,232,0,0.15),
        inset 0 1px 0 rgba(255,255,255,0.8),
        0 0 0 1px rgba(1,232,0,0.1);
    position: relative;
    overflow: hidden;
}
html[data-site-page] body.skin-kick-generator.dark .kick-generator{
    background: rgba(1,232,0,0.05);
    box-shadow: 0 0 25px rgba(1,232,0,0.2);
    border: 2px solid #01e800;
}
html[data-site-page] body.skin-kick-generator .kick-generator::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-50%;
    width:200%;
    height:200%;
    background:radial-gradient(circle,rgba(1,232,0,0.08)0%,transparent 70%);
    animation:pulse-glow 4s ease-in-out infinite;
}
html[data-site-page] body.skin-kick-generator.dark .kick-generator::before{
    background:radial-gradient(circle,rgba(1,232,0,0.1)0%,transparent 70%);
}
@keyframes pulse-glow{0%,100%{opacity:0.5;transform:scale(1);}50%{opacity:0.8;transform:scale(1.05);}}
html[data-site-page] body.skin-kick-generator .kick-title{
    font-size:28px;
    font-weight:bold;
    color:#01e800;
    text-align:center;
    margin-bottom:4px; 
    text-shadow: 
        0 0 10px rgba(1,232,0,0.3),
        0 1px 1px rgba(0,0,0,0.1);
    background: linear-gradient(135deg, #01e800, #00cc00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
html[data-site-page] body.skin-kick-generator.dark .kick-title{
    text-shadow: 0 0 10px rgba(1,232,0,0.3);
    background: none;
    -webkit-text-fill-color: initial;
    color: #01e800;
}
html[data-site-page] body.skin-kick-generator .kick-subtitle{
    font-size:16px;
    color:#2d7a2d;
    text-align:center;
    margin-bottom:8px; 
    font-weight:500;
    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
}
html[data-site-page] body.skin-kick-generator.dark .kick-subtitle{
    color:#80ff80;
    text-shadow: none;
}
html[data-site-page] body.skin-kick-generator .kick-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:15px; 
}
html[data-site-page] body.skin-kick-generator .kick-code{
    font-size:42px;
    font-weight:bold;
    letter-spacing:4px;
    color:#01e800;
    background: linear-gradient(135deg, #f8fff8 0%, #e8ffe8 100%);
    padding:20px 35px;
    border-radius:15px;
    border: 2px solid #01e800;
    cursor:pointer;
    transition:all 0.3s ease;
    text-shadow: 
        0 0 8px rgba(1,232,0,0.4),
        0 2px 4px rgba(0,0,0,0.1);
    font-family:'Courier New',monospace;
    user-select:none;
    position:relative;
    z-index:10;
    box-shadow: 
        0 4px 15px rgba(1,232,0,0.2),
        inset 0 1px 0 rgba(255,255,255,0.8),
        0 0 0 1px rgba(1,232,0,0.1);
}
html[data-site-page] body.skin-kick-generator .kick-code:hover{
    background: linear-gradient(135deg, #f0fff0 0%, #e0ffe0 100%);
    transform:translateY(-3px);
    box-shadow: 
        0 8px 25px rgba(1,232,0,0.3),
        inset 0 1px 0 rgba(255,255,255,0.9),
        0 0 0 1px rgba(1,232,0,0.2);
}
html[data-site-page] body.skin-kick-generator .kick-code.copied{
    background: linear-gradient(135deg, #e8ffe8 0%, #d8ffd8 100%);
    transform:scale(1.05);
    box-shadow: 
        0 6px 20px rgba(1,232,0,0.4),
        inset 0 1px 0 rgba(255,255,255,0.8);
}
html[data-site-page] body.skin-kick-generator.dark .kick-code{
    background:rgba(1,232,0,0.1);
    border:1px solid rgba(1,232,0,0.3);
    box-shadow: 0 5px 15px rgba(1,232,0,0.2);
}
html[data-site-page] body.skin-kick-generator.dark .kick-code:hover{
    background:rgba(1,232,0,0.15);
    box-shadow: 0 5px 15px rgba(1,232,0,0.2);
}
html[data-site-page] body.skin-kick-generator.dark .kick-code.copied{
    background:rgba(1,232,0,0.25);
}
html[data-site-page] body.skin-kick-generator .wave-animation{
    width:120px;
    height:120px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
html[data-site-page] body.skin-kick-generator .wave-circle{
    position:absolute;
    border: 3px solid #01e800;
    border-radius:50%;
    animation:wave 2s linear infinite;
    box-shadow: 0 0 10px rgba(1,232,0,0.3);
}
html[data-site-page] body.skin-kick-generator.dark .wave-circle{
    box-shadow: 0 0 15px rgba(1,232,0,0.5);
}
html[data-site-page] body.skin-kick-generator .wave-circle:nth-child(1){animation-delay:0s;}
html[data-site-page] body.skin-kick-generator .wave-circle:nth-child(2){animation-delay:0.5s;}
html[data-site-page] body.skin-kick-generator .wave-circle:nth-child(3){animation-delay:1s;}
html[data-site-page] body.skin-kick-generator .wave-circle:nth-child(4){animation-delay:1.5s;}
@keyframes wave{
    0%{width:0;height:0;opacity:1;}
    100%{width:100px;height:100px;opacity:0;}
}
html[data-site-page] body.skin-kick-generator .timer-wave-container{
    width: 140px;
    height: 140px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0; 
}
html[data-site-page] body.skin-kick-generator .timer-wave{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        #01e800 0%,
        #01e800 var(--progress, 0%),
        rgba(1,232,0,0.15) var(--progress, 0%),
        rgba(1,232,0,0.15) 100%
    );
    mask: radial-gradient(circle, transparent 55%, black 56%);
    animation: rotate 30s linear infinite;
    box-shadow: 0 0 20px rgba(1,232,0,0.2);
}
html[data-site-page] body.skin-kick-generator.dark .timer-wave{
    background: conic-gradient(
        from 0deg,
        #01e800 0%,
        #01e800 var(--progress, 0%),
        rgba(1,232,0,0.1) var(--progress, 0%),
        rgba(1,232,0,0.1) 100%
    );
}
html[data-site-page] body.skin-kick-generator .timer-wave-inner{
    position: absolute;
    width: 90%;
    height: 90%;
    background: linear-gradient(135deg, #f8fff8 0%, #f0fff0 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #01e800;
    box-shadow: 
        inset 0 2px 4px rgba(1,232,0,0.1),
        0 2px 8px rgba(1,232,0,0.2);
}
html[data-site-page] body.skin-kick-generator.dark .timer-wave-inner{
    background: rgba(1,232,0,0.05);
    border: 2px solid rgba(1,232,0,0.3);
    box-shadow: none;
}
html[data-site-page] body.skin-kick-generator .timer-text{
    font-size: 24px;
    font-weight: bold;
    color: #01e800;
    text-shadow: 
        0 0 10px rgba(1,232,0,0.5),
        0 1px 1px rgba(0,0,0,0.1);
    z-index: 10;
}
html[data-site-page] body.skin-kick-generator.dark .timer-text{
    text-shadow: 0 0 10px rgba(1,232,0,0.5);
}
@keyframes rotate{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
html[data-site-page] body.skin-kick-generator .wave-pulse{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #01e800;
    animation: wave-pulse 2s ease-out infinite;
    opacity: 0;
    box-shadow: 0 0 15px rgba(1,232,0,0.4);
}
html[data-site-page] body.skin-kick-generator.dark .wave-pulse{
    box-shadow: 0 0 20px rgba(1,232,0,0.6);
}
@keyframes wave-pulse{
    0% {
        transform: scale(0.8);
        opacity: 0.7;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}
html[data-site-page] body.skin-kick-generator .kick-timer{
    display: none; 
}
html[data-site-page] body.skin-kick-generator .kick-copy-badge{
    position:fixed;
    background: linear-gradient(135deg, #2d7a2d 0%, #01e800 100%);
    color:white;
    padding:12px 24px;
    border-radius:10px;
    font-size:14px;
    font-weight:bold;
    pointer-events:none;
    opacity:0;
    transition:all 0.3s ease;
    z-index:1000;
    border:2px solid #01e800;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    box-shadow: 
        0 4px 15px rgba(1,232,0,0.4),
        0 0 0 1px rgba(255,255,255,0.2);
}
html[data-site-page] body.skin-kick-generator .kick-copy-badge.show{
    opacity:1;
    transform:translate(-50%,-60%);
}
html[data-site-page] body.skin-kick-generator.dark .kick-copy-badge{
    background:rgba(0,0,0,0.9);
    color:#01e800;
}
html[data-site-page] body.skin-kick-generator .temp-input{
    position: fixed;
    left: -1000px;
    top: -1000px;
    opacity: 0;
    pointer-events: none;
}
html[data-site-page] body.skin-kick-generator .copy-instructions{
    text-align: center;
    margin: 5px 0;
}
html[data-site-page] body.skin-kick-generator .copy-english{
    font-size: 18px;
    font-weight: bold;
    color: #01e800;
    margin-bottom: 1px;
    text-shadow: 
        0 0 8px rgba(1,232,0,0.3),
        0 1px 1px rgba(0,0,0,0.1);
}
html[data-site-page] body.skin-kick-generator .copy-russian{
    font-size: 14px;
    color: #2d7a2d;
    margin-top: 1px; 
    font-weight: 500;
}
html[data-site-page] body.skin-kick-generator.dark .copy-russian{
    color: #80ff80;
}
@media (max-width:768px){html[data-site-page] body.skin-kick-generator .kick-generator{padding:20px;margin:20px 0;}
html[data-site-page] body.skin-kick-generator .kick-code{font-size:32px;padding:15px 25px;}
html[data-site-page] body.skin-kick-generator .timer-wave-container{width:120px;height:120px;}
html[data-site-page] body.skin-kick-generator .timer-text{font-size:20px;}
html[data-site-page] body.skin-kick-generator .wave-animation{width:100px;height:100px;}
html[data-site-page] body.skin-kick-generator .copy-english{font-size:16px;}
html[data-site-page] body.skin-kick-generator .copy-russian{font-size:13px;}}

/* Exact Rust/Rustkick restored animation layer. */
/* Exact skin-rust video animation restored from the clean backup copy. */
html[data-site-page] body.skin-rust .card-item{position:relative;cursor:default;transform:scale(1);transition:all .2s ease;overflow:hidden}html[data-site-page] body.skin-rust .card-item:hover{transform:scale(1.02)}html[data-site-page] body.skin-rust .card-item:hover .media{border:-11px solid;border-image:linear-gradient(-45deg,#4f0969,rgba(79,9,105,.3)) 1;box-shadow:0 5px 20px 5px rgba(0,0,0,.3)}html[data-site-page] body.skin-rust .card-item:hover .media:after{opacity:1;background-size:80%}html[data-site-page] body.skin-rust .card-item .media{position:relative;overflow:hidden;border:1px solid;border-image:linear-gradient(-45deg,#4f0969,rgba(79,9,105,.2)) 1;transition:all .1s ease;box-sizing:border-box}html[data-site-page] body.skin-rust .card-item .media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("rust/kick-frame.svg");background-repeat:no-repeat;background-position:center;background-size:60%;opacity:0;transition:all .1s ease}html[data-site-page] body.skin-rust .card-item .media:before{content:"SAYDIS";position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#ffffff!important;font-family:"Bebas Neue",Arial,sans-serif;font-size:24px;font-weight:bold;text-transform:uppercase;letter-spacing:2px;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,0.3)}html[data-site-page] body.skin-rust .card-item:hover .media:after{animation:site-rust-tv-glitch 1.5s ease-out}html[data-site-page] body.skin-rust .card-item:hover .media video{animation:site-rust-scanlines 1.5s ease-out}html[data-site-page] body.skin-rust .card-item:hover .media:before{animation:site-rust-text-flicker 1.5s ease-out}html[data-site-page] body.skin-rust .card-item:hover .media{animation:site-rust-frame-pulse 1.5s ease-out}@keyframes site-rust-tv-glitch{0%{background:linear-gradient(45deg,transparent 70%,#4f0969 70%,#4f0969 72%,transparent 72%,transparent 85%,rgba(79,9,105,0.3) 85%,rgba(79,9,105,0.3) 87%,transparent 87%) no-repeat center/cover;opacity:1}10%{background:linear-gradient(90deg,transparent 60%,rgba(79,9,105,0.5) 60%,rgba(79,9,105,0.5) 62%,transparent 62%,transparent 75%,#4f0969 75%,#4f0969 77%,transparent 77%) no-repeat center/cover}20%{background:linear-gradient(135deg,transparent 55%,rgba(79,9,105,0.7) 55%,rgba(79,9,105,0.7) 57%,transparent 57%,transparent 80%,#4f0969 80%,#4f0969 82%,transparent 82%) no-repeat center/cover}30%{background:linear-gradient(180deg,transparent 65%,rgba(79,9,105,0.4) 65%,rgba(79,9,105,0.4) 67%,transparent 67%,transparent 82%,#4f0969 82%,#4f0969 84%,transparent 84%) no-repeat center/cover}40%{background:linear-gradient(225deg,transparent 50%,rgba(79,9,105,0.6) 50%,rgba(79,9,105,0.6) 52%,transparent 52%,transparent 78%,#4f0969 78%,#4f0969 80%,transparent 80%) no-repeat center/cover}50%{background:linear-gradient(270deg,transparent 45%,rgba(79,9,105,0.8) 45%,rgba(79,9,105,0.8) 47%,transparent 47%,transparent 72%,#4f0969 72%,#4f0969 74%,transparent 74%) no-repeat center/cover}60%{background:linear-gradient(315deg,transparent 55%,rgba(79,9,105,0.5) 55%,rgba(79,9,105,0.5) 57%,transparent 57%,transparent 68%,#4f0969 68%,#4f0969 70%,transparent 70%) no-repeat center/cover}70%{background:linear-gradient(360deg,transparent 65%,rgba(79,9,105,0.3) 65%,rgba(79,9,105,0.3) 67%,transparent 67%,transparent 82%,#4f0969 82%,#4f0969 84%,transparent 84%) no-repeat center/cover}80%{background:linear-gradient(45deg,transparent 40%,rgba(79,9,105,0.7) 40%,rgba(79,9,105,0.7) 42%,transparent 42%,transparent 88%,#4f0969 88%,#4f0969 90%,transparent 90%) no-repeat center/cover}90%{background:linear-gradient(90deg,transparent 75%,rgba(79,9,105,0.4) 75%,rgba(79,9,105,0.4) 77%,transparent 77%,transparent 92%,#4f0969 92%,#4f0969 94%,transparent 94%) no-repeat center/cover}100%{background-image:url("rust/kick-frame.svg");background-size:60%;opacity:1}}@keyframes site-rust-scanlines{0%{filter:brightness(1) contrast(1) saturate(1)}15%{filter:brightness(1.1) contrast(1.2) saturate(1.3)}30%{filter:brightness(0.9) contrast(1.1) saturate(0.9)}45%{filter:brightness(1.05) contrast(1.15) saturate(1.2)}60%{filter:brightness(0.95) contrast(1.05) saturate(1.1)}75%{filter:brightness(1.08) contrast(1.18) saturate(1.25)}90%{filter:brightness(0.92) contrast(1.08) saturate(0.95)}100%{filter:brightness(1) contrast(1) saturate(1)}}@keyframes site-rust-text-flicker{0%{text-shadow:0 0 10px #4f0969,0 0 20px #4f0969,0 0 30px #4f0969;transform:scale(1)}20%{text-shadow:0 0 5px #4f0969,0 0 10px #4f0969,0 0 15px #4f0969;transform:scale(1.02)}40%{text-shadow:0 0 15px #4f0969,0 0 25px #4f0969,0 0 35px #4f0969;transform:scale(0.98)}60%{text-shadow:0 0 8px #4f0969,0 0 16px #4f0969,0 0 24px #4f0969;transform:scale(1.01)}80%{text-shadow:0 0 12px #4f0969,0 0 22px #4f0969,0 0 32px #4f0969;transform:scale(0.99)}100%{text-shadow:0 2px 4px rgba(0,0,0,0.3);transform:scale(1)}}@keyframes site-rust-frame-pulse{0%{box-shadow:0 5px 20px 5px rgba(0,0,0,.3)}25%{box-shadow:0 5px 25px 8px rgba(79,9,105,0.2)}50%{box-shadow:0 5px 30px 12px rgba(79,9,105,0.3)}75%{box-shadow:0 5px 25px 8px rgba(79,9,105,0.2)}100%{box-shadow:0 5px 20px 5px rgba(0,0,0,.3)}}@media screen and (max-width:768px){html[data-site-page] body.skin-rust .card-item:hover .media{border-width:1px}html[data-site-page] body.skin-rust .card-item .media:before{font-size:18px;bottom:5px}html[data-site-page] body.skin-rust .card-item .media{border:none!important}html[data-site-page] body.skin-rust .card-item:hover .media:after,html[data-site-page] body.skin-rust .card-item:hover .media video,html[data-site-page] body.skin-rust .card-item:hover .media:before,html[data-site-page] body.skin-rust .card-item:hover .media{animation:none}}html[data-site-page] body.skin-rust.dark .card-item:hover .media{border-image:linear-gradient(-45deg,#9414c4,rgba(148,20,196,.3)) 1;box-shadow:0 5px 20px 5px rgba(0,0,0,.5)}html[data-site-page] body.skin-rust.dark .card-item .media{border-image:linear-gradient(-45deg,#9414c4,rgba(148,20,196,.2)) 1}html[data-site-page] body.skin-rust.dark .card-item .media:before{color:#9414c4;text-shadow:0 2px 4px rgba(0,0,0,0.8);bottom:8px}html[data-site-page] body.skin-rust.dark .card-item:hover .media:after{animation:site-rust-tv-glitch-dark 1.5s ease-out}@keyframes site-rust-tv-glitch-dark{0%{background:linear-gradient(45deg,transparent 70%,#9414c4 70%,#9414c4 72%,transparent 72%,transparent 85%,rgba(148,20,196,0.3) 85%,rgba(148,20,196,0.3) 87%,transparent 87%) no-repeat center/cover;opacity:1}10%{background:linear-gradient(90deg,transparent 60%,rgba(148,20,196,0.5) 60%,rgba(148,20,196,0.5) 62%,transparent 62%,transparent 75%,#9414c4 75%,#9414c4 77%,transparent 77%) no-repeat center/cover}20%{background:linear-gradient(135deg,transparent 55%,rgba(148,20,196,0.7) 55%,rgba(148,20,196,0.7) 57%,transparent 57%,transparent 80%,#9414c4 80%,#9414c4 82%,transparent 82%) no-repeat center/cover}30%{background:linear-gradient(180deg,transparent 65%,rgba(148,20,196,0.4) 65%,rgba(148,20,196,0.4) 67%,transparent 67%,transparent 82%,#9414c4 82%,#9414c4 84%,transparent 84%) no-repeat center/cover}40%{background:linear-gradient(225deg,transparent 50%,rgba(148,20,196,0.6) 50%,rgba(148,20,196,0.6) 52%,transparent 52%,transparent 78%,#9414c4 78%,#9414c4 80%,transparent 80%) no-repeat center/cover}50%{background:linear-gradient(270deg,transparent 45%,rgba(148,20,196,0.8) 45%,rgba(148,20,196,0.8) 47%,transparent 47%,transparent 72%,#9414c4 72%,#9414c4 74%,transparent 74%) no-repeat center/cover}60%{background:linear-gradient(315deg,transparent 55%,rgba(148,20,196,0.5) 55%,rgba(148,20,196,0.5) 57%,transparent 57%,transparent 68%,#9414c4 68%,#9414c4 70%,transparent 70%) no-repeat center/cover}70%{background:linear-gradient(360deg,transparent 65%,rgba(148,20,196,0.3) 65%,rgba(148,20,196,0.3) 67%,transparent 67%,transparent 82%,#9414c4 82%,#9414c4 84%,transparent 84%) no-repeat center/cover}80%{background:linear-gradient(45deg,transparent 40%,rgba(148,20,196,0.7) 40%,rgba(148,20,196,0.7) 42%,transparent 42%,transparent 88%,#9414c4 88%,#9414c4 90%,transparent 90%) no-repeat center/cover}90%{background:linear-gradient(90deg,transparent 75%,rgba(148,20,196,0.4) 75%,rgba(148,20,196,0.4) 77%,transparent 77%,transparent 92%,#9414c4 92%,#9414c4 94%,transparent 94%) no-repeat center/cover}100%{background-image:url("rust/kick-frame.svg");background-size:60%;opacity:1}}html[data-site-page] body.skin-rust.dark .card-item:hover .media:before{animation:site-rust-text-flicker-dark 1.5s ease-out}@keyframes site-rust-text-flicker-dark{0%{text-shadow:0 0 10px #9414c4,0 0 20px #9414c4,0 0 30px #9414c4;transform:scale(1)}20%{text-shadow:0 0 5px #9414c4,0 0 10px #9414c4,0 0 15px #9414c4;transform:scale(1.02)}40%{text-shadow:0 0 15px #9414c4,0 0 25px #9414c4,0 0 35px #9414c4;transform:scale(0.98)}60%{text-shadow:0 0 8px #9414c4,0 0 16px #9414c4,0 0 24px #9414c4;transform:scale(1.01)}80%{text-shadow:0 0 12px #9414c4,0 0 22px #9414c4,0 0 32px #9414c4;transform:scale(0.99)}100%{text-shadow:0 2px 4px rgba(0,0,0,0.8);transform:scale(1)}}html[data-site-page] body.skin-rust.dark .card-item:hover .media{animation:site-rust-frame-pulse-dark 1.5s ease-out}@keyframes site-rust-frame-pulse-dark{0%{box-shadow:0 5px 20px 5px rgba(0,0,0,.5)}25%{box-shadow:0 5px 25px 8px rgba(148,20,196,0.2)}50%{box-shadow:0 5px 30px 12px rgba(148,20,196,0.3)}75%{box-shadow:0 5px 25px 8px rgba(148,20,196,0.2)}100%{box-shadow:0 5px 20px 5px rgba(0,0,0,.5)}}

/* Exact skin-rustkick video animation restored from the clean backup copy. */
html[data-site-page] body.skin-rustkick .card-item{position:relative;cursor:default;transform:scale(1);transition:all .2s ease;overflow:hidden}html[data-site-page] body.skin-rustkick .card-item:hover{transform:scale(1.02)}html[data-site-page] body.skin-rustkick .card-item:hover .media{border:3px solid;border-image:linear-gradient(-45deg,#01a800,rgba(1,168,0,.3)) 1;box-shadow:0 5px 20px 5px rgba(0,0,0,.3)}html[data-site-page] body.skin-rustkick .card-item:hover .media:after{opacity:1;background-size:80%}html[data-site-page] body.skin-rustkick .card-item .media{position:relative;overflow:hidden;border:1px solid;border-image:linear-gradient(-45deg,#01a800,rgba(1,168,0,.2)) 1;transition:all .1s ease;box-sizing:border-box}html[data-site-page] body.skin-rustkick .card-item .media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("rustkick/kick-frame.svg");background-repeat:no-repeat;background-position:center;background-size:60%;opacity:0;transition:all .1s ease}html[data-site-page] body.skin-rustkick .card-item .media:before{content:"SAYDIS";position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#01a800;font-family:"Bebas Neue",Arial,sans-serif;font-size:24px;font-weight:bold;text-transform:uppercase;letter-spacing:2px;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,0.3)}html[data-site-page] body.skin-rustkick .card-item:hover .media:after{animation:site-rustkick-tv-glitch 1.5s ease-out}html[data-site-page] body.skin-rustkick .card-item:hover .media video{animation:site-rustkick-scanlines 1.5s ease-out}html[data-site-page] body.skin-rustkick .card-item:hover .media:before{animation:site-rustkick-text-flicker 1.5s ease-out}html[data-site-page] body.skin-rustkick .card-item:hover .media{animation:site-rustkick-frame-pulse 1.5s ease-out}@keyframes site-rustkick-tv-glitch{0%{background:linear-gradient(45deg,transparent 70%,#01a800 70%,#01a800 72%,transparent 72%,transparent 85%,rgba(1,168,0,0.3) 85%,rgba(1,168,0,0.3) 87%,transparent 87%) no-repeat center/cover;opacity:1}10%{background:linear-gradient(90deg,transparent 60%,rgba(1,168,0,0.5) 60%,rgba(1,168,0,0.5) 62%,transparent 62%,transparent 75%,#01a800 75%,#01a800 77%,transparent 77%) no-repeat center/cover}20%{background:linear-gradient(135deg,transparent 55%,rgba(1,168,0,0.7) 55%,rgba(1,168,0,0.7) 57%,transparent 57%,transparent 80%,#01a800 80%,#01a800 82%,transparent 82%) no-repeat center/cover}30%{background:linear-gradient(180deg,transparent 65%,rgba(1,168,0,0.4) 65%,rgba(1,168,0,0.4) 67%,transparent 67%,transparent 82%,#01a800 82%,#01a800 84%,transparent 84%) no-repeat center/cover}40%{background:linear-gradient(225deg,transparent 50%,rgba(1,168,0,0.6) 50%,rgba(1,168,0,0.6) 52%,transparent 52%,transparent 78%,#01a800 78%,#01a800 80%,transparent 80%) no-repeat center/cover}50%{background:linear-gradient(270deg,transparent 45%,rgba(1,168,0,0.8) 45%,rgba(1,168,0,0.8) 47%,transparent 47%,transparent 72%,#01a800 72%,#01a800 74%,transparent 74%) no-repeat center/cover}60%{background:linear-gradient(315deg,transparent 55%,rgba(1,168,0,0.5) 55%,rgba(1,168,0,0.5) 57%,transparent 57%,transparent 68%,#01a800 68%,#01a800 70%,transparent 70%) no-repeat center/cover}70%{background:linear-gradient(360deg,transparent 65%,rgba(1,168,0,0.3) 65%,rgba(1,168,0,0.3) 67%,transparent 67%,transparent 82%,#01a800 82%,#01a800 84%,transparent 84%) no-repeat center/cover}80%{background:linear-gradient(45deg,transparent 40%,rgba(1,168,0,0.7) 40%,rgba(1,168,0,0.7) 42%,transparent 42%,transparent 88%,#01a800 88%,#01a800 90%,transparent 90%) no-repeat center/cover}90%{background:linear-gradient(90deg,transparent 75%,rgba(1,168,0,0.4) 75%,rgba(1,168,0,0.4) 77%,transparent 77%,transparent 92%,#01a800 92%,#01a800 94%,transparent 94%) no-repeat center/cover}100%{background-image:url("rustkick/kick-frame.svg");background-size:60%;opacity:1}}@keyframes site-rustkick-scanlines{0%{filter:brightness(1) contrast(1) saturate(1)}15%{filter:brightness(1.1) contrast(1.2) saturate(1.3)}30%{filter:brightness(0.9) contrast(1.1) saturate(0.9)}45%{filter:brightness(1.05) contrast(1.15) saturate(1.2)}60%{filter:brightness(0.95) contrast(1.05) saturate(1.1)}75%{filter:brightness(1.08) contrast(1.18) saturate(1.25)}90%{filter:brightness(0.92) contrast(1.08) saturate(0.95)}100%{filter:brightness(1) contrast(1) saturate(1)}}@keyframes site-rustkick-text-flicker{0%{text-shadow:0 0 10px #01a800,0 0 20px #01a800,0 0 30px #01a800;transform:scale(1)}20%{text-shadow:0 0 5px #01a800,0 0 10px #01a800,0 0 15px #01a800;transform:scale(1.02)}40%{text-shadow:0 0 15px #01a800,0 0 25px #01a800,0 0 35px #01a800;transform:scale(0.98)}60%{text-shadow:0 0 8px #01a800,0 0 16px #01a800,0 0 24px #01a800;transform:scale(1.01)}80%{text-shadow:0 0 12px #01a800,0 0 22px #01a800,0 0 32px #01a800;transform:scale(0.99)}100%{text-shadow:0 2px 4px rgba(0,0,0,0.3);transform:scale(1)}}@keyframes site-rustkick-frame-pulse{0%{box-shadow:0 5px 20px 5px rgba(0,0,0,.3)}25%{box-shadow:0 5px 25px 8px rgba(1,168,0,0.2)}50%{box-shadow:0 5px 30px 12px rgba(1,168,0,0.3)}75%{box-shadow:0 5px 25px 8px rgba(1,168,0,0.2)}100%{box-shadow:0 5px 20px 5px rgba(0,0,0,.3)}}@media screen and (max-width:768px){html[data-site-page] body.skin-rustkick .card-item:hover .media{border-width:1px}html[data-site-page] body.skin-rustkick .card-item .media:before{font-size:18px;bottom:5px}html[data-site-page] body.skin-rustkick .card-item .media{border:none!important}html[data-site-page] body.skin-rustkick .card-item:hover .media:after,html[data-site-page] body.skin-rustkick .card-item:hover .media video,html[data-site-page] body.skin-rustkick .card-item:hover .media:before,html[data-site-page] body.skin-rustkick .card-item:hover .media{animation:none}}html[data-site-page] body.skin-rustkick.dark .card-item:hover .media{border-image:linear-gradient(-45deg,#01e800,rgba(1,232,0,.3)) 1;box-shadow:0 5px 20px 5px rgba(0,0,0,.5)}html[data-site-page] body.skin-rustkick.dark .card-item .media{border-image:linear-gradient(-45deg,#01e800,rgba(1,232,0,.2)) 1}html[data-site-page] body.skin-rustkick.dark .card-item .media:before{color:#01e800;text-shadow:0 2px 4px rgba(0,0,0,0.8);bottom:8px}html[data-site-page] body.skin-rustkick.dark .card-item:hover .media:after{animation:site-rustkick-tv-glitch-dark 1.5s ease-out}@keyframes site-rustkick-tv-glitch-dark{0%{background:linear-gradient(45deg,transparent 70%,#01e800 70%,#01e800 72%,transparent 72%,transparent 85%,rgba(1,232,0,0.3) 85%,rgba(1,232,0,0.3) 87%,transparent 87%) no-repeat center/cover;opacity:1}10%{background:linear-gradient(90deg,transparent 60%,rgba(1,232,0,0.5) 60%,rgba(1,232,0,0.5) 62%,transparent 62%,transparent 75%,#01e800 75%,#01e800 77%,transparent 77%) no-repeat center/cover}20%{background:linear-gradient(135deg,transparent 55%,rgba(1,232,0,0.7) 55%,rgba(1,232,0,0.7) 57%,transparent 57%,transparent 80%,#01e800 80%,#01e800 82%,transparent 82%) no-repeat center/cover}30%{background:linear-gradient(180deg,transparent 65%,rgba(1,232,0,0.4) 65%,rgba(1,232,0,0.4) 67%,transparent 67%,transparent 82%,#01e800 82%,#01e800 84%,transparent 84%) no-repeat center/cover}40%{background:linear-gradient(225deg,transparent 50%,rgba(1,232,0,0.6) 50%,rgba(1,232,0,0.6) 52%,transparent 52%,transparent 78%,#01e800 78%,#01e800 80%,transparent 80%) no-repeat center/cover}50%{background:linear-gradient(270deg,transparent 45%,rgba(1,232,0,0.8) 45%,rgba(1,232,0,0.8) 47%,transparent 47%,transparent 72%,#01e800 72%,#01e800 74%,transparent 74%) no-repeat center/cover}60%{background:linear-gradient(315deg,transparent 55%,rgba(1,232,0,0.5) 55%,rgba(1,232,0,0.5) 57%,transparent 57%,transparent 68%,#01e800 68%,#01e800 70%,transparent 70%) no-repeat center/cover}70%{background:linear-gradient(360deg,transparent 65%,rgba(1,232,0,0.3) 65%,rgba(1,232,0,0.3) 67%,transparent 67%,transparent 82%,#01e800 82%,#01e800 84%,transparent 84%) no-repeat center/cover}80%{background:linear-gradient(45deg,transparent 40%,rgba(1,232,0,0.7) 40%,rgba(1,232,0,0.7) 42%,transparent 42%,transparent 88%,#01e800 88%,#01e800 90%,transparent 90%) no-repeat center/cover}90%{background:linear-gradient(90deg,transparent 75%,rgba(1,232,0,0.4) 75%,rgba(1,232,0,0.4) 77%,transparent 77%,transparent 92%,#01e800 92%,#01e800 94%,transparent 94%) no-repeat center/cover}100%{background-image:url("rustkick/kick-frame.svg");background-size:60%;opacity:1}}html[data-site-page] body.skin-rustkick.dark .card-item:hover .media:before{animation:site-rustkick-text-flicker-dark 1.5s ease-out}@keyframes site-rustkick-text-flicker-dark{0%{text-shadow:0 0 10px #01e800,0 0 20px #01e800,0 0 30px #01e800;transform:scale(1)}20%{text-shadow:0 0 5px #01e800,0 0 10px #01e800,0 0 15px #01e800;transform:scale(1.02)}40%{text-shadow:0 0 15px #01e800,0 0 25px #01e800,0 0 35px #01e800;transform:scale(0.98)}60%{text-shadow:0 0 8px #01e800,0 0 16px #01e800,0 0 24px #01e800;transform:scale(1.01)}80%{text-shadow:0 0 12px #01e800,0 0 22px #01e800,0 0 32px #01e800;transform:scale(0.99)}100%{text-shadow:0 2px 4px rgba(0,0,0,0.8);transform:scale(1)}}html[data-site-page] body.skin-rustkick.dark .card-item:hover .media{animation:site-rustkick-frame-pulse-dark 1.5s ease-out}@keyframes site-rustkick-frame-pulse-dark{0%{box-shadow:0 5px 20px 5px rgba(0,0,0,.5)}25%{box-shadow:0 5px 25px 8px rgba(1,232,0,0.2)}50%{box-shadow:0 5px 30px 12px rgba(1,232,0,0.3)}75%{box-shadow:0 5px 25px 8px rgba(1,232,0,0.2)}100%{box-shadow:0 5px 20px 5px rgba(0,0,0,.5)}}
/* End exact Rust/Rustkick restored animation layer. */

/* Seva concept pass 4: final override for seven distinct prototypes. */
html[data-site-page] body.card-design-test {
  --saydis-max: 1900px;
  --saydis-gap: 18px;
  --saydis-card-w: calc(20% - 15px);
  --saydis-media-h: 318px;
  --saydis-text-h: 66px;
  --saydis-radius: 26px;
  --saydis-bg: #111017;
  --saydis-panel: rgba(255,255,255,0.045);
  --saydis-panel-2: rgba(255,255,255,0.075);
  --saydis-border: rgba(255,255,255,0.12);
  --saydis-text: #f7f4fb;
  --saydis-ink: #f7f4fb;
  background:
    radial-gradient(circle at 18% 0%, rgba(148,20,196,0.16), transparent 34%),
    linear-gradient(180deg, #15131b, #0d0d11 52%, #111017) !important;
}

html[data-site-page] body.card-design-test:not(.dark) {
  --saydis-bg: #f7f5f9;
  --saydis-panel: #fff;
  --saydis-panel-2: #f0edf4;
  --saydis-border: rgba(35,25,42,0.13);
  --saydis-text: #25182d;
  --saydis-ink: #25182d;
  background:
    radial-gradient(circle at 18% 0%, rgba(79,9,105,0.07), transparent 34%),
    linear-gradient(180deg, #fbf9fd, #f4f1f7 52%, #fff) !important;
}

html[data-site-page] body.card-design-test .header__top {
  padding: 28px 0 !important;
  background: transparent !important;
  border-bottom: 0 !important;
}

html[data-site-page] body.card-design-test .header__body {
  max-width: var(--saydis-max);
  min-height: 128px;
  margin: 0 auto;
  padding: 18px;
  gap: 22px;
  background: var(--saydis-header-bg, linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)));
  border: 1px solid var(--saydis-border);
  border-radius: var(--saydis-header-radius, 38px);
  box-shadow: var(--saydis-header-shadow, 0 24px 70px rgba(0,0,0,0.22));
}

html[data-site-page] body.card-design-test .header__logo {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: var(--saydis-logo-box, 118px);
  height: var(--saydis-logo-box, 118px);
  margin-right: 0 !important;
  background: var(--saydis-logo-bg, rgba(255,255,255,0.08));
  border: 1px solid var(--saydis-border);
  border-radius: var(--saydis-logo-radius, 30px);
  box-shadow: var(--saydis-logo-shadow, inset 0 0 0 1px rgba(255,255,255,0.035));
}

html[data-site-page] body.card-design-test .header__logo .logo {
  width: var(--saydis-logo-img, 88px);
  height: var(--saydis-logo-img, 88px);
  object-fit: cover;
  border-radius: calc(var(--saydis-logo-radius, 30px) - 8px);
}

html[data-site-page] body.card-design-test .header__body > h1.title {
  position: static !important;
  display: flex;
  align-items: center;
  justify-content: var(--saydis-header-title-justify, flex-start);
  min-height: var(--saydis-header-title-h, 90px);
  margin: 0 !important;
  padding: var(--saydis-header-title-pad, 18px 32px);
  color: var(--saydis-header-title-color, var(--saydis-ink)) !important;
  font-size: clamp(3.2rem, 3.8vw, 6.1rem) !important;
  line-height: 1.02 !important;
  text-align: left;
  white-space: normal;
  background: var(--saydis-header-title-bg, rgba(255,255,255,0.055));
  border: 1px solid var(--saydis-border);
  border-radius: var(--saydis-header-title-radius, 30px);
  box-shadow: none;
  transform: none !important;
}

html[data-site-page] body.card-design-test .header__body > h1.title::after {
  display: none !important;
}

html[data-site-page] body.card-design-test .wf-section {
  max-width: var(--saydis-max);
  margin: var(--saydis-section-margin, 58px auto);
  padding: var(--saydis-section-pad, 28px);
  background: var(--saydis-section-bg, transparent);
  border: var(--saydis-section-border, 0);
  border-radius: var(--saydis-section-radius, 0);
  box-shadow: var(--saydis-section-shadow, none);
}

html[data-site-page] body.card-design-test .wf-section:first-of-type {
  margin-top: 32px;
}

html[data-site-page] body.card-design-test .wf-section .container {
  max-width: var(--saydis-max);
}

html[data-site-page] body.card-design-test .wf-section .cards {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: var(--saydis-gap);
  margin: 0;
}

html[data-site-page] body.card-design-test .card-item {
  display: flex;
  flex-direction: column;
  width: var(--saydis-card-w) !important;
  margin: 0 0 var(--saydis-card-bottom, 18px) !important;
  padding: var(--saydis-card-pad, 12px) !important;
  background: var(--saydis-card-bg, var(--saydis-panel)) !important;
  border: var(--saydis-card-border, 1px solid var(--saydis-border)) !important;
  border-radius: var(--saydis-radius);
  box-shadow: var(--saydis-card-shadow, 0 18px 44px rgba(0,0,0,0.18));
  transform: none;
  overflow: hidden;
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, background 0.24s ease;
}

html[data-site-page] body.card-design-test .card-item .media {
  min-height: var(--saydis-media-h) !important;
  padding: var(--saydis-media-pad, 12px) !important;
  background: var(--saydis-media-bg, var(--saydis-panel-2)) !important;
  border: var(--saydis-media-border, 1px solid var(--saydis-border)) !important;
  border-radius: var(--saydis-media-radius, calc(var(--saydis-radius) - 8px)) !important;
  overflow: hidden !important;
}

html[data-site-page] body.card-design-test .card-item img,
html[data-site-page] body.card-design-test .card-item video {
  max-width: 100% !important;
  max-height: calc(var(--saydis-media-h) - 28px) !important;
  object-fit: contain;
  border-radius: var(--saydis-img-radius, 12px);
  transition: transform 0.25s ease, filter 0.25s ease;
}

html[data-site-page] body.card-design-test .card-item p,
html[data-site-page] body.card-design-test.dark .card-item p {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--saydis-text-h);
  margin: var(--saydis-text-gap, 10px) 0 0;
  padding: var(--saydis-text-pad, 10px 12px);
  color: var(--saydis-text) !important;
  font-size: var(--saydis-text-size, 1.62rem);
  line-height: 1.18;
  text-align: center;
  background: var(--saydis-text-bg, var(--saydis-panel-2)) !important;
  border: var(--saydis-text-border, 1px solid var(--saydis-border));
  border-radius: var(--saydis-text-radius, 18px);
}

html[data-site-page] body.card-design-test .wf-section .body > h1.title {
  position: relative;
  display: var(--saydis-title-display, inline-flex);
  align-items: center;
  justify-content: center;
  width: var(--saydis-title-w, auto);
  margin: var(--saydis-title-margin, 0 auto 28px) !important;
  padding: var(--saydis-title-pad, 14px 32px);
  color: var(--saydis-title-color, var(--saydis-ink)) !important;
  font-size: var(--saydis-title-size, clamp(2.8rem, 3vw, 4.6rem)) !important;
  line-height: 1.05 !important;
  text-transform: var(--saydis-title-transform, none);
  letter-spacing: var(--saydis-title-spacing, 0);
  background: var(--saydis-title-bg, var(--saydis-panel));
  border: var(--saydis-title-border, 1px solid var(--saydis-border));
  border-radius: var(--saydis-title-radius, 999px);
  box-shadow: var(--saydis-title-shadow, none);
}

html[data-site-page] body.card-design-test .wf-section .body > h1.title::after {
  display: none !important;
}

html[data-site-page] body.card-design-test .divider {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-site-page] body.card-design-test .card-item:hover {
  transform: var(--saydis-hover, translateY(-6px));
  box-shadow: var(--saydis-hover-shadow, 0 26px 56px rgba(0,0,0,0.26));
}

html[data-site-page] body.card-design-test .card-item:hover img,
html[data-site-page] body.card-design-test .card-item:hover video {
  transform: var(--saydis-img-hover, scale(1.035));
}

/* 1. Command deck, fixed light theme and no title dot. */
html[data-site-page] body.card-design-1 {
  --saydis-card-w: calc(16.666% - 16px);
  --saydis-gap: 18px;
  --saydis-section-bg: linear-gradient(145deg, rgba(255,255,255,0.04), rgba(79,9,105,0.07));
  --saydis-section-border: 1px solid rgba(179,98,255,0.15);
  --saydis-section-radius: 42px;
  --saydis-card-bg: linear-gradient(160deg, rgba(31,27,39,0.96), rgba(14,14,20,0.98));
  --saydis-media-bg: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(148,20,196,0.10));
  --saydis-text-bg: linear-gradient(90deg, rgba(79,9,105,0.24), rgba(255,255,255,0.035));
  --saydis-title-bg: linear-gradient(90deg, #4f0969, rgba(20,18,28,0.92));
  --saydis-title-color: #fff;
  --saydis-title-transform: uppercase;
  --saydis-title-spacing: 0.06em;
  --saydis-title-radius: 24px;
  --saydis-title-margin: 0 auto 30px;
}

html[data-site-page] body.card-design-1 .wf-section .body > h1.title::before {
  content: none !important;
  display: none !important;
}

html[data-site-page] body.card-design-1:not(.dark) {
  --saydis-section-bg: linear-gradient(145deg, #ffffff, #f3edf8);
  --saydis-section-border: 1px solid rgba(79,9,105,0.13);
  --saydis-card-bg: linear-gradient(160deg, #fff, #eee8f4);
  --saydis-media-bg: linear-gradient(180deg, #fff, rgba(79,9,105,0.055));
  --saydis-text-bg: #fff;
  --saydis-text: #281432;
  --saydis-title-bg: linear-gradient(90deg, #4f0969, #8b4ca3);
  --saydis-title-color: #fff;
  --saydis-header-title-bg: #fff;
  --saydis-header-title-color: #281432;
}

/* 2. Bento magazine: asymmetrical grid, larger hero cards. */
html[data-site-page] body.card-design-2 {
  --saydis-card-w: auto;
  --saydis-media-h: 260px;
  --saydis-title-radius: 18px 18px 18px 6px;
  --saydis-title-bg: #dceaff;
  --saydis-title-color: #111b2c;
  --saydis-card-bg: linear-gradient(145deg, rgba(18,24,34,0.94), rgba(8,11,17,0.98));
  --saydis-media-bg: linear-gradient(145deg, rgba(92,122,170,0.18), rgba(255,255,255,0.03));
  --saydis-text-bg: rgba(11,14,20,0.78);
}

html[data-site-page] body.card-design-2 .wf-section {
  padding: 30px;
  background: linear-gradient(145deg, rgba(11,16,25,0.88), rgba(28,37,55,0.62));
  border: 1px solid rgba(142,174,218,0.24);
  border-radius: 34px;
}

html[data-site-page] body.card-design-2 .wf-section .cards {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

html[data-site-page] body.card-design-2 .card-item {
  width: auto !important;
}

html[data-site-page] body.card-design-2 .card-item:nth-child(8n+1),
html[data-site-page] body.card-design-2 .card-item:nth-child(8n+5) {
  grid-column: span 2;
}

html[data-site-page] body.card-design-2 .card-item:nth-child(8n+1) .media,
html[data-site-page] body.card-design-2 .card-item:nth-child(8n+5) .media {
  min-height: 338px !important;
}

html[data-site-page] body.card-design-2:not(.dark) {
  --saydis-card-bg: #f7f9fd;
  --saydis-media-bg: linear-gradient(145deg, #fff, rgba(70,96,132,0.055));
  --saydis-text-bg: #fff;
  --saydis-text: #172033;
  --saydis-title-bg: #dceaff;
  --saydis-title-color: #111b2c;
}

html[data-site-page] body.card-design-2:not(.dark) .wf-section {
  background: linear-gradient(145deg, #f7faff, #eaf1fb);
  border-color: rgba(70,96,132,0.16);
}

/* 3. Inventory terminal: dense slots and category tabs. */
html[data-site-page] body.card-design-3 {
  --saydis-card-w: calc(16.666% - 16px);
  --saydis-media-h: 246px;
  --saydis-radius: 18px;
  --saydis-card-bg: rgba(255,255,255,0.045);
  --saydis-card-shadow: none;
  --saydis-title-bg: #f2f2f4;
  --saydis-title-color: #101014;
  --saydis-title-radius: 16px;
  --saydis-title-margin: -54px auto 28px 0;
}

html[data-site-page] body.card-design-3 .wf-section {
  margin-top: 86px;
  padding: 34px 24px 12px;
  background-color: rgba(12,12,14,0.82);
  background-image: linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 22px 22px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 22px;
}

html[data-site-page] body.card-design-3:not(.dark) {
  --saydis-card-bg: rgba(20,20,26,0.035);
  --saydis-text-bg: #fff;
  --saydis-text: #202026;
}

html[data-site-page] body.card-design-3:not(.dark) .wf-section {
  background-color: #f8f8fa;
  background-image: linear-gradient(rgba(20,20,26,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(20,20,26,0.045) 1px, transparent 1px);
  border-color: rgba(20,20,26,0.12);
}

/* 4. Soft market shelves. */
html[data-site-page] body.card-design-4 {
  --saydis-card-w: calc(20% - 15px);
  --saydis-radius: 34px;
  --saydis-media-h: 300px;
  --saydis-card-bg: linear-gradient(180deg, rgba(11,25,22,0.94), rgba(7,13,13,0.98));
  --saydis-media-bg: rgba(76,212,172,0.060);
  --saydis-text-bg: rgba(76,212,172,0.085);
  --saydis-title-bg: linear-gradient(90deg, #71ecc9, #1c725f);
  --saydis-title-color: #061412;
  --saydis-title-radius: 999px;
  --saydis-title-margin: -24px auto 10px;
}

html[data-site-page] body.card-design-4 .wf-section {
  padding: 0 24px 26px;
  background: linear-gradient(180deg, rgba(76,212,172,0.12), rgba(7,13,13,0.22));
  border: 1px solid rgba(76,212,172,0.20);
  border-radius: 44px;
}

html[data-site-page] body.card-design-4:not(.dark) {
  --saydis-card-bg: #f3fffb;
  --saydis-media-bg: #fff;
  --saydis-text-bg: rgba(20,110,88,0.055);
  --saydis-text: #10241f;
}

html[data-site-page] body.card-design-4:not(.dark) .wf-section {
  background: linear-gradient(180deg, #edfff9, #fff);
  border-color: rgba(20,110,88,0.15);
}

/* 5. Prime showcase. */
html[data-site-page] body.card-design-5 {
  --saydis-card-w: calc(20% - 16px);
  --saydis-radius: 30px;
  --saydis-card-pad: 0;
  --saydis-media-h: 334px;
  --saydis-card-bg: linear-gradient(135deg, rgba(32,24,14,0.94), rgba(14,12,10,0.98));
  --saydis-media-bg: radial-gradient(circle at 50% 10%, rgba(220,170,83,0.17), transparent 58%);
  --saydis-media-border: 0;
  --saydis-media-radius: 30px 30px 0 0;
  --saydis-text-gap: 0;
  --saydis-text-bg: linear-gradient(90deg, rgba(220,170,83,0.18), rgba(255,255,255,0.035));
  --saydis-text-border: 0;
  --saydis-text-radius: 0 0 30px 30px;
  --saydis-title-bg: linear-gradient(135deg, #f4d48a, #8a5b1d);
  --saydis-title-color: #1d1307;
  --saydis-title-radius: 22px;
}

html[data-site-page] body.card-design-5 .wf-section {
  background: radial-gradient(circle at 50% 0%, rgba(220,170,83,0.18), transparent 42%), linear-gradient(145deg, rgba(30,22,12,0.66), rgba(10,8,6,0.64));
  border: 1px solid rgba(220,170,83,0.26);
  border-radius: 46px;
}

html[data-site-page] body.card-design-5:not(.dark) {
  --saydis-card-bg: linear-gradient(135deg, #fff9ed, #f0dfc3);
  --saydis-text-bg: linear-gradient(90deg, rgba(145,94,24,0.12), rgba(255,255,255,0.72));
  --saydis-text: #2d2214;
}

html[data-site-page] body.card-design-5:not(.dark) .wf-section {
  background: radial-gradient(circle at 50% 0%, rgba(145,94,24,0.13), transparent 42%), #fff7e8;
  border-color: rgba(145,94,24,0.18);
}

/* 6. Editorial catalog. */
html[data-site-page] body.card-design-6 {
  --saydis-card-w: calc(20% - 16px);
  --saydis-radius: 34px;
  --saydis-card-bg: #191b1a;
  --saydis-media-bg: linear-gradient(145deg, #222625, #131514);
  --saydis-text-bg: #222625;
  --saydis-title-bg: #222625;
  --saydis-title-radius: 999px;
}

html[data-site-page] body.card-design-6 .header__body {
  display: grid;
  grid-template-columns: auto 1fr;
}

html[data-site-page] body.card-design-6 .wf-section {
  padding: 28px 28px 12px;
  background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.01));
  border: 1px solid rgba(255,255,255,0.075);
  border-radius: 52px;
}

html[data-site-page] body.card-design-6 .wf-section .body > h1.title {
  width: 100%;
  justify-content: flex-start;
  padding-left: 38px;
}

html[data-site-page] body.card-design-6:not(.dark) {
  --saydis-card-bg: #f9faf8;
  --saydis-media-bg: linear-gradient(145deg, #fff, #eef2ed);
  --saydis-text-bg: #fff;
  --saydis-text: #1f2521;
  --saydis-title-bg: #fff;
}

html[data-site-page] body.card-design-6:not(.dark) .wf-section {
  background: linear-gradient(180deg, #fff, #f6f8f5);
  border-color: rgba(48,56,50,0.10);
}

/* 7. Neon chapter board. */
html[data-site-page] body.card-design-7 {
  --saydis-card-w: calc(20% - 16px);
  --saydis-media-h: 306px;
  --saydis-card-bg: linear-gradient(180deg, rgba(35,20,42,0.96), rgba(12,10,15,0.98));
  --saydis-media-bg: linear-gradient(135deg, rgba(148,20,196,0.10), rgba(255,255,255,0.025));
  --saydis-text-bg: rgba(79,9,105,0.20);
  --saydis-title-bg: linear-gradient(135deg, rgba(79,9,105,0.45), rgba(255,255,255,0.055));
  --saydis-title-transform: uppercase;
  --saydis-title-spacing: 0.04em;
}

html[data-site-page] body.card-design-7 .wf-section {
  position: relative;
  background: linear-gradient(135deg, rgba(79,9,105,0.20), rgba(16,10,20,0.66));
  border: 1px solid rgba(213,148,255,0.22);
  border-radius: 38px;
}

html[data-site-page] body.card-design-7 .wf-section .body > h1.title {
  margin-left: 0 !important;
  border-radius: 18px 999px 999px 18px;
}

html[data-site-page] body.card-design-7 .card-item {
  position: relative;
}

html[data-site-page] body.card-design-7 .card-item::after {
  content: "";
  position: absolute;
  inset: 10px auto 10px 10px;
  width: 3px;
  background: linear-gradient(#d594ff, transparent);
  border-radius: 99px;
}

html[data-site-page] body.card-design-7:not(.dark) {
  --saydis-card-bg: linear-gradient(180deg, #fff, #f2e8f8);
  --saydis-media-bg: rgba(79,9,105,0.045);
  --saydis-text-bg: rgba(79,9,105,0.07);
  --saydis-text: #2b1434;
  --saydis-title-bg: #fff;
}

html[data-site-page] body.card-design-7:not(.dark) .wf-section {
  background: linear-gradient(135deg, #fff, #f3e9f9);
  border-color: rgba(79,9,105,0.15);
}

@media (max-width: 1500px) {
  html[data-site-page] body.card-design-test {
    --saydis-card-w: calc(25% - 15px);
  }

  html[data-site-page] body.card-design-2 .wf-section .cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  html[data-site-page] body.card-design-test {
    --saydis-card-w: calc(33.333% - 14px);
    --saydis-media-h: 260px;
  }

  html[data-site-page] body.card-design-test .header__body,
  html[data-site-page] body.card-design-6 .header__body {
    display: flex;
    flex-direction: column;
    min-height: 0;
    text-align: center;
  }

  html[data-site-page] body.card-design-test .header__body > h1.title {
    justify-content: center;
    text-align: center;
  }

  html[data-site-page] body.card-design-2 .wf-section .cards {
    display: flex !important;
  }

  html[data-site-page] body.card-design-2 .card-item:nth-child(8n+1),
  html[data-site-page] body.card-design-2 .card-item:nth-child(8n+5) {
    grid-column: auto;
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.card-design-test {
    --saydis-card-w: calc(50% - 10px);
    --saydis-gap: 14px;
    --saydis-media-h: 228px;
  }

  html[data-site-page] body.card-design-test .wf-section {
    padding-right: 14px;
    padding-left: 14px;
    border-radius: 28px;
  }
}

@media (max-width: 420px) {
  html[data-site-page] body.card-design-test {
    --saydis-card-w: 100%;
    --saydis-media-h: 260px;
  }
}

/* Seva concept pass 5: reset the experiments into distinct structures. */
html[data-site-page] body.card-design-test {
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

html[data-site-page] body.card-design-1 {
  background: #111017 !important;
}

html[data-site-page] body.card-design-1:not(.dark) {
  background: #f7f3fb !important;
}

html[data-site-page] body.card-design-1 .wf-section .body > h1.title::before {
  content: none !important;
  display: none !important;
}

html[data-site-page] body.card-design-1:not(.dark) .header__body > h1.title,
html[data-site-page] body.card-design-1:not(.dark) .wf-section .body > h1.title {
  color: #281432 !important;
}

html[data-site-page] body.card-design-1:not(.dark) .wf-section .body > h1.title {
  background: linear-gradient(90deg, #ffffff, #eee4f5) !important;
  border-color: rgba(79,9,105,0.18) !important;
}

html[data-site-page] body.card-design-test .wf-design-hero,
html[data-site-page] body.card-design-test .wf-section-nav {
  display: none;
}

html[data-site-page] body.card-design-test .wf-section-head {
  display: contents;
}

html[data-site-page] body.card-design-test .wf-section-index,
html[data-site-page] body.card-design-test .wf-section-count {
  display: none;
}

html[data-site-page] body.card-design-test .wf-section-head .divider {
  display: none !important;
}

html[data-site-page] body.card-design-test:not(.card-design-1) {
  --saydis-max: 1920px;
}

html[data-site-page] body.card-design-test:not(.card-design-1) .wf-design-hero {
  display: grid;
  max-width: 1680px;
  margin: 32px auto 18px;
  padding: 28px 34px;
  color: var(--concept-ink, #f7f4fb);
  text-align: left;
  background: var(--concept-hero-bg, rgba(255,255,255,0.06));
  border: var(--concept-border, 1px solid rgba(255,255,255,0.12));
  border-radius: var(--concept-hero-radius, 34px);
  box-shadow: var(--concept-shadow, 0 28px 70px rgba(0,0,0,0.22));
}

html[data-site-page] body.card-design-test:not(.card-design-1) .wf-design-eyebrow {
  color: var(--concept-muted, rgba(255,255,255,0.62));
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

html[data-site-page] body.card-design-test:not(.card-design-1) .wf-design-title {
  margin-top: 8px;
  font-size: clamp(3.8rem, 5vw, 7.6rem);
  font-weight: 900;
  line-height: 0.98;
}

html[data-site-page] body.card-design-test:not(.card-design-1) .wf-design-subtitle {
  max-width: 760px;
  margin-top: 12px;
  color: var(--concept-muted, rgba(255,255,255,0.70));
  font-size: 1.8rem;
  line-height: 1.4;
}

html[data-site-page] body.card-design-test:not(.card-design-1) .wf-section-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 1680px;
  margin: 0 auto 34px;
}

html[data-site-page] body.card-design-test:not(.card-design-1) .wf-section-nav__item {
  padding: 8px 13px;
  color: var(--concept-ink, #f7f4fb);
  font-size: 1.25rem;
  font-weight: 800;
  background: var(--concept-chip-bg, rgba(255,255,255,0.06));
  border: var(--concept-border, 1px solid rgba(255,255,255,0.12));
  border-radius: 999px;
}

html[data-site-page] body.card-design-test:not(.card-design-1) .wf-section-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-bottom: var(--concept-head-gap, 24px);
}

html[data-site-page] body.card-design-test:not(.card-design-1) .wf-section-index,
html[data-site-page] body.card-design-test:not(.card-design-1) .wf-section-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 7px 13px;
  color: var(--concept-ink, #f7f4fb);
  font-size: 1.25rem;
  font-weight: 900;
  background: var(--concept-chip-bg, rgba(255,255,255,0.07));
  border: var(--concept-border, 1px solid rgba(255,255,255,0.12));
  border-radius: 999px;
}

html[data-site-page] body.card-design-test:not(.card-design-1) .wf-section-head h1.title {
  width: auto;
  margin: 0 !important;
  text-align: left;
}

html[data-site-page] body.card-design-test:not(.card-design-1) .header__top {
  padding: 24px 0 8px !important;
}

html[data-site-page] body.card-design-test:not(.card-design-1) .header__body {
  max-width: 1680px;
  background: var(--concept-header-bg, transparent);
  border: var(--concept-header-border, 0);
  box-shadow: var(--concept-header-shadow, none);
}

/* 2. Real bento storefront: asymmetrical cards and top index. */
html[data-site-page] body.card-design-2 {
  --concept-ink: #edf5ff;
  --concept-muted: rgba(237,245,255,0.70);
  --concept-border: 1px solid rgba(137,178,235,0.22);
  --concept-chip-bg: rgba(137,178,235,0.10);
  --concept-hero-bg: linear-gradient(135deg, rgba(28,44,70,0.92), rgba(8,12,20,0.94));
  --concept-shadow: 0 28px 70px rgba(0,0,0,0.28);
  background: linear-gradient(180deg, #0b1018, #141c29 48%, #0b1018) !important;
}

html[data-site-page] body.card-design-2:not(.dark) {
  --concept-ink: #142033;
  --concept-muted: rgba(20,32,51,0.68);
  --concept-border: 1px solid rgba(70,96,132,0.17);
  --concept-chip-bg: rgba(70,96,132,0.08);
  --concept-hero-bg: linear-gradient(135deg, #f8fbff, #e9f1fb);
  background: #f4f8fd !important;
}

html[data-site-page] body.card-design-2 .wf-section {
  padding: 24px;
  background: rgba(137,178,235,0.07);
  border: var(--concept-border);
  border-radius: 34px;
}

html[data-site-page] body.card-design-2 .wf-section .cards {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 16px;
}

html[data-site-page] body.card-design-2 .card-item {
  width: auto !important;
  min-width: 0;
}

html[data-site-page] body.card-design-2 .card-item:nth-child(9n+1),
html[data-site-page] body.card-design-2 .card-item:nth-child(9n+6) {
  grid-column: span 2;
}

html[data-site-page] body.card-design-2 .card-item:nth-child(9n+1) .media,
html[data-site-page] body.card-design-2 .card-item:nth-child(9n+6) .media {
  min-height: 360px !important;
}

/* 3. Terminal inventory: compact slot board, not a shop grid. */
html[data-site-page] body.card-design-3 {
  --concept-ink: #d8ffe8;
  --concept-muted: rgba(216,255,232,0.62);
  --concept-border: 1px solid rgba(86,255,164,0.20);
  --concept-chip-bg: rgba(86,255,164,0.08);
  --concept-hero-bg: linear-gradient(135deg, rgba(6,30,21,0.94), rgba(5,8,7,0.96));
  --saydis-media-h: 230px;
  background: #050807 !important;
}

html[data-site-page] body.card-design-3:not(.dark) {
  --concept-ink: #10251b;
  --concept-muted: rgba(16,37,27,0.62);
  --concept-border: 1px solid rgba(22,112,72,0.18);
  --concept-chip-bg: rgba(22,112,72,0.08);
  --concept-hero-bg: linear-gradient(135deg, #f2fff8, #ffffff);
  background: #f4fff9 !important;
}

html[data-site-page] body.card-design-3 .wf-section {
  padding: 22px;
  background-image: linear-gradient(rgba(86,255,164,0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(86,255,164,0.07) 1px, transparent 1px);
  background-size: 18px 18px;
  background-color: rgba(8,18,13,0.86);
  border: var(--concept-border);
  border-radius: 18px;
}

html[data-site-page] body.card-design-3:not(.dark) .wf-section {
  background-color: #ffffff;
  background-image: linear-gradient(rgba(22,112,72,0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(22,112,72,0.055) 1px, transparent 1px);
}

html[data-site-page] body.card-design-3 .card-item {
  width: calc(16.666% - 15px) !important;
  border-radius: 14px;
  box-shadow: none;
}

html[data-site-page] body.card-design-3 .card-item .media {
  min-height: 220px !important;
}

/* 4. Floating shelf marketplace with left attached titles. */
html[data-site-page] body.card-design-4 {
  --concept-ink: #eafff8;
  --concept-muted: rgba(234,255,248,0.68);
  --concept-border: 1px solid rgba(91,235,192,0.22);
  --concept-chip-bg: rgba(91,235,192,0.10);
  --concept-hero-bg: linear-gradient(135deg, rgba(10,42,34,0.92), rgba(6,15,14,0.94));
  background: #07100f !important;
}

html[data-site-page] body.card-design-4:not(.dark) {
  --concept-ink: #10251f;
  --concept-muted: rgba(16,37,31,0.65);
  --concept-border: 1px solid rgba(20,110,88,0.16);
  --concept-chip-bg: rgba(20,110,88,0.075);
  --concept-hero-bg: linear-gradient(135deg, #effff9, #fff);
  background: #f4fffb !important;
}

html[data-site-page] body.card-design-4 .wf-section {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 22px;
  padding: 24px;
  background: linear-gradient(145deg, rgba(91,235,192,0.10), rgba(255,255,255,0.025));
  border: var(--concept-border);
  border-radius: 44px;
}

html[data-site-page] body.card-design-4 .wf-section-head {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 100%;
  margin: 0;
}

html[data-site-page] body.card-design-4 .wf-section .cards {
  grid-column: 2;
}

html[data-site-page] body.card-design-4 .card-item {
  width: calc(20% - 15px) !important;
}

/* 5. Prime gallery: dark luxury, staggered first items. */
html[data-site-page] body.card-design-5 {
  --concept-ink: #ffe7b0;
  --concept-muted: rgba(255,231,176,0.66);
  --concept-border: 1px solid rgba(220,170,83,0.24);
  --concept-chip-bg: rgba(220,170,83,0.10);
  --concept-hero-bg: radial-gradient(circle at 20% 0%, rgba(220,170,83,0.22), transparent 45%), linear-gradient(135deg, rgba(45,31,12,0.94), rgba(12,8,4,0.96));
  background: #120d07 !important;
}

html[data-site-page] body.card-design-5:not(.dark) {
  --concept-ink: #2f2110;
  --concept-muted: rgba(47,33,16,0.65);
  --concept-border: 1px solid rgba(145,94,24,0.18);
  --concept-chip-bg: rgba(145,94,24,0.08);
  --concept-hero-bg: linear-gradient(135deg, #fff7e7, #fff);
  background: #fff7e8 !important;
}

html[data-site-page] body.card-design-5 .wf-section {
  padding: 30px;
  background: radial-gradient(circle at 50% 0%, rgba(220,170,83,0.14), transparent 42%), rgba(255,255,255,0.035);
  border: var(--concept-border);
  border-radius: 48px;
}

html[data-site-page] body.card-design-5 .card-item:nth-child(10n+1),
html[data-site-page] body.card-design-5 .card-item:nth-child(10n+2) {
  width: calc(25% - 16px) !important;
}

html[data-site-page] body.card-design-5 .card-item:nth-child(10n+1) .media,
html[data-site-page] body.card-design-5 .card-item:nth-child(10n+2) .media {
  min-height: 370px !important;
}

/* 6. Editorial catalog: clean cards, horizontal chapter header. */
html[data-site-page] body.card-design-6 {
  --concept-ink: #f4f5f1;
  --concept-muted: rgba(244,245,241,0.64);
  --concept-border: 1px solid rgba(255,255,255,0.10);
  --concept-chip-bg: rgba(255,255,255,0.07);
  --concept-hero-bg: linear-gradient(135deg, #222625, #131514);
  background: #151716 !important;
}

html[data-site-page] body.card-design-6:not(.dark) {
  --concept-ink: #1f2521;
  --concept-muted: rgba(31,37,33,0.62);
  --concept-border: 1px solid rgba(48,56,50,0.12);
  --concept-chip-bg: rgba(48,56,50,0.055);
  --concept-hero-bg: #fff;
  background: #f7f8f5 !important;
}

html[data-site-page] body.card-design-6 .wf-section {
  padding: 26px;
  background: var(--concept-hero-bg);
  border: var(--concept-border);
  border-radius: 52px;
}

html[data-site-page] body.card-design-6 .wf-section-head {
  grid-template-columns: auto auto 1fr;
}

html[data-site-page] body.card-design-6 .wf-section-count {
  justify-self: end;
}

/* 7. Neon board: arcade chapters with vertical accents. */
html[data-site-page] body.card-design-7 {
  --concept-ink: #ffeaff;
  --concept-muted: rgba(255,234,255,0.66);
  --concept-border: 1px solid rgba(213,148,255,0.22);
  --concept-chip-bg: rgba(213,148,255,0.09);
  --concept-hero-bg: linear-gradient(135deg, rgba(72,12,96,0.96), rgba(11,7,15,0.96));
  background: #0d0711 !important;
}

html[data-site-page] body.card-design-7:not(.dark) {
  --concept-ink: #2b1434;
  --concept-muted: rgba(43,20,52,0.64);
  --concept-border: 1px solid rgba(79,9,105,0.15);
  --concept-chip-bg: rgba(79,9,105,0.07);
  --concept-hero-bg: linear-gradient(135deg, #fff, #f5e9fb);
  background: #fbf6ff !important;
}

html[data-site-page] body.card-design-7 .wf-section {
  padding: 30px;
  background: linear-gradient(135deg, rgba(79,9,105,0.20), rgba(16,10,20,0.66));
  border: var(--concept-border);
  border-radius: 38px;
}

html[data-site-page] body.card-design-7 .card-item {
  position: relative;
}

html[data-site-page] body.card-design-7 .card-item::after {
  content: "";
  position: absolute;
  inset: 12px auto 12px 12px;
  width: 3px;
  background: linear-gradient(#d594ff, transparent);
  border-radius: 99px;
}

@media (max-width: 1500px) {
  html[data-site-page] body.card-design-test .card-item,
  html[data-site-page] body.card-design-3 .card-item,
  html[data-site-page] body.card-design-4 .card-item {
    width: calc(25% - 15px) !important;
  }

  html[data-site-page] body.card-design-2 .wf-section .cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  html[data-site-page] body.card-design-test .card-item,
  html[data-site-page] body.card-design-3 .card-item,
  html[data-site-page] body.card-design-4 .card-item,
  html[data-site-page] body.card-design-5 .card-item:nth-child(10n+1),
  html[data-site-page] body.card-design-5 .card-item:nth-child(10n+2) {
    width: calc(33.333% - 14px) !important;
  }

  html[data-site-page] body.card-design-2 .wf-section .cards {
    display: flex !important;
  }

  html[data-site-page] body.card-design-4 .wf-section {
    display: block;
  }

  html[data-site-page] body.card-design-test .wf-section-head {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.card-design-test .card-item,
  html[data-site-page] body.card-design-3 .card-item,
  html[data-site-page] body.card-design-4 .card-item,
  html[data-site-page] body.card-design-5 .card-item:nth-child(10n+1),
  html[data-site-page] body.card-design-5 .card-item:nth-child(10n+2) {
    width: calc(50% - 10px) !important;
  }

  html[data-site-page] body.card-design-test .wf-design-hero {
    padding: 22px;
  }
}

@media (max-width: 420px) {
  html[data-site-page] body.card-design-test .card-item,
  html[data-site-page] body.card-design-3 .card-item,
  html[data-site-page] body.card-design-4 .card-item,
  html[data-site-page] body.card-design-5 .card-item:nth-child(10n+1),
  html[data-site-page] body.card-design-5 .card-item:nth-child(10n+2) {
    width: 100% !important;
  }
}

/* Seva rebuilt prototypes: fresh HTML/CSS for warframe/seva2-seva7. */
html[data-site-page] body.saydis-new {
  --saydis-bg: #0d0d11;
  --saydis-ink: #f7f4fb;
  --saydis-muted: rgba(247,244,251,0.68);
  --saydis-panel: rgba(255,255,255,0.06);
  --saydis-panel-strong: rgba(255,255,255,0.10);
  --saydis-line: rgba(255,255,255,0.14);
  --saydis-accent: #b362ff;
  --saydis-card-h: 278px;
  min-height: 100vh;
  color: var(--saydis-ink);
  background: var(--saydis-bg) !important;
}

html[data-site-page] body.saydis-new:not(.dark) {
  --saydis-bg: #f8f6fa;
  --saydis-ink: #24182b;
  --saydis-muted: rgba(36,24,43,0.66);
  --saydis-panel: #fff;
  --saydis-panel-strong: #f0edf4;
  --saydis-line: rgba(36,24,43,0.13);
}

html[data-site-page] body.saydis-new .wrapper {
  overflow: visible;
}

html[data-site-page] body.saydis-new .saydis-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  max-width: 1780px;
  margin: 28px auto 16px;
  padding: 24px;
  background: var(--hero-bg, var(--saydis-panel));
  border: 1px solid var(--saydis-line);
  border-radius: var(--hero-radius, 34px);
  box-shadow: 0 24px 70px rgba(0,0,0,0.20);
}

html[data-site-page] body.saydis-new .saydis-logo {
  position: relative;
  display: grid;
  place-items: center;
  width: 112px;
  height: 112px;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(236,202,255,.14), transparent 46%),
    linear-gradient(145deg, #2f0540 0%, #4f0969 46%, #9414c4 100%);
  border: 0;
  border-radius: 30px;
  box-shadow: 0 20px 42px rgba(79,9,105,.34), 0 0 0 1px rgba(217,166,255,.30), inset 0 0 24px rgba(213,148,255,.18);
}

html[data-site-page] body.saydis-new .saydis-logo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.95), rgba(217,166,255,.44), transparent) top 12px left 50% / 62px 10px no-repeat,
    linear-gradient(90deg, transparent, rgba(255,255,255,.88), rgba(217,166,255,.38), transparent) bottom 12px left 50% / 62px 10px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.92), rgba(217,166,255,.42), transparent) left 12px top 50% / 10px 62px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.86), rgba(217,166,255,.36), transparent) right 12px top 50% / 10px 62px no-repeat;
  filter: drop-shadow(0 0 10px rgba(217,166,255,.32));
  pointer-events: none;
}

html[data-site-page] body.saydis-new .saydis-logo::before {
  content: "";
  position: absolute;
  inset: 9px;
  z-index: 0;
  background:
    radial-gradient(circle at 72% 22%, rgba(236,202,255,.24), transparent 34%),
    linear-gradient(145deg, rgba(148,20,196,.82), rgba(79,9,105,.98));
  border-radius: 23px;
  box-shadow: inset 0 0 0 1px rgba(236,202,255,.24), 0 12px 26px rgba(35,0,52,.18);
  transform: rotate(-3deg);
  pointer-events: none;
}

html[data-site-page] body.saydis-new .saydis-logo img {
  position: relative;
  z-index: 2;
  width: 86px;
  height: 86px;
  object-fit: cover;
  border: 0;
  border-radius: 20px;
  box-shadow: 0 12px 24px rgba(24,0,36,.32), 0 0 0 2px rgba(236,202,255,.24);
}

html[data-site-page] body.saydis-new:not(.dark) .saydis-logo {
  background:
    radial-gradient(circle at 26% 18%, rgba(255,255,255,.72), transparent 32%),
    linear-gradient(145deg, #5d087b 0%, #9414c4 48%, #d99dff 100%);
  box-shadow: 0 18px 38px rgba(79,9,105,.16), 0 0 0 1px rgba(79,9,105,.22), inset 0 0 24px rgba(255,255,255,.28);
}

html[data-site-page] body.saydis-new:not(.dark) .saydis-logo::before {
  background:
    radial-gradient(circle at 72% 22%, rgba(255,255,255,.50), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.38), rgba(148,20,196,.40));
  box-shadow: inset 0 0 0 1px rgba(79,9,105,.18), 0 12px 24px rgba(79,9,105,.10);
}

html[data-site-page] body.saydis-new:not(.dark) .saydis-logo::after {
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.98), rgba(148,20,196,.40), transparent) top 12px left 50% / 62px 10px no-repeat,
    linear-gradient(90deg, transparent, rgba(255,255,255,.94), rgba(148,20,196,.34), transparent) bottom 12px left 50% / 62px 10px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.98), rgba(148,20,196,.38), transparent) left 12px top 50% / 10px 62px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.92), rgba(148,20,196,.32), transparent) right 12px top 50% / 10px 62px no-repeat;
  filter: drop-shadow(0 0 8px rgba(148,20,196,.16));
}

html[data-site-page] body.saydis-new:not(.dark) .saydis-logo img {
  box-shadow: 0 10px 22px rgba(79,9,105,.18), 0 0 0 2px rgba(79,9,105,.18);
}

html[data-site-page] body.saydis-new .saydis-hero__copy {
  min-width: 0;
  padding: 8px 14px;
}

html[data-site-page] body.saydis-new .saydis-hero__copy span,
html[data-site-page] body.saydis-new .saydis-hero__badge {
  color: var(--saydis-muted);
  font-size: 1.3rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

html[data-site-page] body.saydis-new .saydis-hero-kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

html[data-site-page] body.saydis-new .saydis-hero__copy h1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .18em;
  margin: 8px 0 0;
  color: var(--saydis-ink);
  font-size: clamp(4rem, 5vw, 8rem);
  font-weight: 900;
  line-height: .96;
  overflow-wrap: anywhere;
  word-break: normal;
}

html[data-site-page] body.saydis-new .saydis-hero__copy .saydis-title-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75em;
  min-height: .9em;
  margin-left: 0;
  padding: .06em .3em .09em;
  color: #f3ddff;
  font-size: 1em;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 0 0 auto;
  cursor: default;
  pointer-events: none;
  user-select: text;
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(148,20,196,.16));
  border: 2px solid rgba(191,122,255,.48);
  border-radius: .32em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 10px 26px rgba(79,9,105,.24);
  text-shadow: 0 1px 0 rgba(0,0,0,.18);
}

html[data-site-page] body.saydis-new:not(.dark) .saydis-hero__copy .saydis-title-count {
  color: #4f0969;
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(79,9,105,.08));
  border-color: rgba(79,9,105,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(79,9,105,.12);
  text-shadow: none;
}

html[data-site-page] body.saydis-new .saydis-hero-total {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0;
  padding: 7px 11px;
  color: #f3ddff;
  font-size: 1.18rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(148,20,196,.16));
  border: 1px solid rgba(191,122,255,.34);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 10px 22px rgba(79,9,105,.16);
}

html[data-site-page] body.saydis-new:not(.dark) .saydis-hero-total {
  color: #4f0969;
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(79,9,105,.08));
  border-color: rgba(79,9,105,.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 20px rgba(79,9,105,.10);
}

html[data-site-page] body.saydis-new .saydis-hero__copy p {
  max-width: 760px;
  margin: 12px 0 0;
  color: var(--saydis-muted);
  font-size: 1.8rem;
  line-height: 1.4;
}

html[data-site-page] body.saydis-new .saydis-hero__badge {
  align-self: stretch;
  display: grid;
  place-items: center;
  min-width: 180px;
  padding: 18px;
  color: var(--saydis-ink);
  text-align: center;
  background: var(--saydis-panel-strong);
  border: 1px solid var(--saydis-line);
  border-radius: 24px;
}

html[data-site-page] body.saydis-new .saydis-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 1780px;
  margin: 0 auto 34px;
  padding: 0 16px;
}

html[data-site-page] body.saydis-new .saydis-nav a {
  padding: 8px 13px;
  color: var(--saydis-ink);
  font-size: 1.24rem;
  font-weight: 850;
  text-decoration: none;
  background: var(--saydis-panel);
  border: 1px solid var(--saydis-line);
  border-radius: 999px;
}

html[data-site-page] body.saydis-new .saydis-main {
  max-width: 1780px;
  margin: 0 auto 80px;
  padding: 0 16px;
}

html[data-site-page] body.saydis-new img {
  max-width: 100%;
  max-height: calc(var(--saydis-card-h) - 34px);
  object-fit: contain;
}

html[data-site-page] body.saydis-new-2 {
  --saydis-bg: linear-gradient(180deg, #0b1018, #131d2b 52%, #0b1018);
  --saydis-accent: #9fc8ff;
  --hero-bg: linear-gradient(135deg, rgba(32,51,82,.94), rgba(8,12,20,.96));
}

html[data-site-page] body.saydis-new-2:not(.dark) {
  --saydis-bg: #f4f8fd;
  --hero-bg: linear-gradient(135deg, #fff, #e8f1fd);
}

html[data-site-page] body.saydis-new-2 .saydis-bento-section {
  margin: 54px 0;
  padding: 28px;
  background: rgba(159,200,255,.08);
  border: 1px solid rgba(159,200,255,.22);
  border-radius: 34px;
}

html[data-site-page] body.saydis-new-2 .saydis-bento-section header,
html[data-site-page] body.saydis-new-5 .saydis-orbit-heading,
html[data-site-page] body.saydis-new-6 .saydis-print-section header,
html[data-site-page] body.saydis-new-7 .saydis-arcade-section header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

html[data-site-page] body.saydis-new-2 .saydis-bento-section h2,
html[data-site-page] body.saydis-new-5 .saydis-orbit-heading h2,
html[data-site-page] body.saydis-new-6 .saydis-print-section h2,
html[data-site-page] body.saydis-new-7 .saydis-arcade-section h2 {
  margin: 0;
  color: var(--saydis-ink);
  font-size: clamp(2.8rem, 3vw, 5rem);
  font-weight: 900;
}

html[data-site-page] body.saydis-new-2 .saydis-bento-section header span,
html[data-site-page] body.saydis-new-2 .saydis-bento-section header em {
  padding: 8px 12px;
  color: var(--saydis-ink);
  font-style: normal;
  font-weight: 900;
  background: rgba(159,200,255,.12);
  border: 1px solid rgba(159,200,255,.20);
  border-radius: 999px;
}

html[data-site-page] body.saydis-new-2 .saydis-bento-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 16px;
}

html[data-site-page] body.saydis-new-2 .saydis-bento-card,
html[data-site-page] body.saydis-new-2 .saydis-decor {
  padding: 12px;
  background: var(--saydis-panel);
  border: 1px solid var(--saydis-line);
  border-radius: 24px;
}

html[data-site-page] body.saydis-new-2 .saydis-bento-card:nth-child(9n+1),
html[data-site-page] body.saydis-new-2 .saydis-bento-card:nth-child(9n+6) {
  grid-column: span 2;
}

html[data-site-page] body.saydis-new-2 .saydis-bento-media {
  display: grid;
  place-items: center;
  min-height: var(--saydis-card-h);
  background: rgba(159,200,255,.08);
  border-radius: 18px;
}

html[data-site-page] body.saydis-new-2 .saydis-bento-name {
  min-height: 62px;
  margin-top: 10px;
  display: grid;
  place-items: center;
  color: var(--saydis-ink);
  font-size: 1.58rem;
  font-weight: 750;
  text-align: center;
}

html[data-site-page] body.saydis-new-3 {
  --saydis-bg: #050807;
  --saydis-accent: #56ffa4;
  --hero-bg: linear-gradient(135deg, rgba(6,30,21,.94), rgba(5,8,7,.96));
  --saydis-card-h: 218px;
}

html[data-site-page] body.saydis-new-3:not(.dark) {
  --saydis-bg: #f4fff9;
  --hero-bg: linear-gradient(135deg, #f2fff8, #fff);
}

html[data-site-page] body.saydis-new-3 .saydis-terminal-window {
  margin: 44px 0;
  padding: 18px;
  background-color: rgba(8,18,13,.88);
  background-image: linear-gradient(rgba(86,255,164,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(86,255,164,.07) 1px, transparent 1px);
  background-size: 18px 18px;
  border: 1px solid rgba(86,255,164,.20);
  border-radius: 18px;
}

html[data-site-page] body.saydis-new-3:not(.dark) .saydis-terminal-window {
  background-color: #fff;
  background-image: linear-gradient(rgba(22,112,72,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(22,112,72,.055) 1px, transparent 1px);
  border-color: rgba(22,112,72,.18);
}

html[data-site-page] body.saydis-new-3 .saydis-terminal-title {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

html[data-site-page] body.saydis-new-3 .saydis-terminal-title h2 {
  margin: 0;
  color: var(--saydis-ink);
  font-size: clamp(2.6rem, 2.6vw, 4.6rem);
}

html[data-site-page] body.saydis-new-3 .saydis-terminal-title span,
html[data-site-page] body.saydis-new-3 .saydis-terminal-title b {
  color: var(--saydis-accent);
  font-size: 1.35rem;
  letter-spacing: .12em;
}

html[data-site-page] body.saydis-new-3 .saydis-terminal-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

html[data-site-page] body.saydis-new-3 .saydis-slot {
  padding: 9px;
  color: var(--saydis-ink);
  background: rgba(86,255,164,.055);
  border: 1px solid rgba(86,255,164,.18);
  border-radius: 14px;
}

html[data-site-page] body.saydis-new-3 .saydis-slot-img {
  display: grid;
  place-items: center;
  min-height: var(--saydis-card-h);
}

html[data-site-page] body.saydis-new-3 .saydis-slot-name {
  display: grid;
  place-items: center;
  min-height: 54px;
  font-size: 1.42rem;
  font-weight: 800;
}

html[data-site-page] body.saydis-new-4 {
  --saydis-bg: #07100f;
  --saydis-accent: #71ecc9;
  --hero-bg: linear-gradient(135deg, rgba(10,42,34,.92), rgba(6,15,14,.94));
}

html[data-site-page] body.saydis-new-4:not(.dark) {
  --saydis-bg: #f4fffb;
  --hero-bg: linear-gradient(135deg, #effff9, #fff);
}

html[data-site-page] body.saydis-new-4 .saydis-list-section {
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 22px;
  margin: 48px 0;
  padding: 24px;
  background: linear-gradient(145deg, rgba(91,235,192,.10), rgba(255,255,255,.025));
  border: 1px solid rgba(91,235,192,.22);
  border-radius: 44px;
}

html[data-site-page] body.saydis-new-4 .saydis-list-section aside {
  position: sticky;
  top: 18px;
  align-self: start;
  padding: 24px;
  color: var(--saydis-ink);
  background: rgba(91,235,192,.10);
  border: 1px solid rgba(91,235,192,.18);
  border-radius: 30px;
}

html[data-site-page] body.saydis-new-4 .saydis-list-section aside h2 {
  margin: 12px 0;
  font-size: clamp(2.4rem, 2.4vw, 4.2rem);
  line-height: 1;
}

html[data-site-page] body.saydis-new-4 .saydis-list-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

html[data-site-page] body.saydis-new-4 .saydis-card {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 12px;
  background: var(--saydis-panel);
  border: 1px solid var(--saydis-line);
  border-radius: 24px;
}

html[data-site-page] body.saydis-new-4 .saydis-md {
  display: grid;
  place-items: center;
  min-height: 130px;
}

html[data-site-page] body.saydis-new-4 .saydis-md img {
  max-height: 118px;
}

html[data-site-page] body.saydis-new-4 .saydis-copy strong {
  display: block;
  color: var(--saydis-ink);
  font-size: 1.55rem;
  line-height: 1.2;
}

html[data-site-page] body.saydis-new-4 .saydis-copy span {
  color: var(--saydis-muted);
  font-size: 1.2rem;
}

html[data-site-page] body.saydis-new-5 {
  --saydis-bg: #120d07;
  --saydis-accent: #f4d48a;
  --hero-bg: radial-gradient(circle at 20% 0%, rgba(220,170,83,.22), transparent 45%), linear-gradient(135deg, rgba(45,31,12,.94), rgba(12,8,4,.96));
}

html[data-site-page] body.saydis-new-5:not(.dark) {
  --saydis-bg: #fff7e8;
  --hero-bg: linear-gradient(135deg, #fff7e7, #fff);
}

html[data-site-page] body.saydis-new-5 .saydis-orbit-section {
  margin: 58px 0;
  padding: 32px;
  background: radial-gradient(circle at 50% 0%, rgba(220,170,83,.14), transparent 42%), rgba(255,255,255,.035);
  border: 1px solid rgba(220,170,83,.26);
  border-radius: 48px;
}

html[data-site-page] body.saydis-new-5 .saydis-orbit-heading span,
html[data-site-page] body.saydis-new-5 .saydis-orbit-heading p {
  color: var(--saydis-accent);
  font-weight: 900;
}

html[data-site-page] body.saydis-new-5 .saydis-orbit-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}

html[data-site-page] body.saydis-new-5 .saydis-orbit-card {
  width: calc(20% - 15px);
  overflow: hidden;
  background: linear-gradient(135deg, rgba(32,24,14,.94), rgba(14,12,10,.98));
  border: 1px solid rgba(220,170,83,.28);
  border-radius: 30px;
}

html[data-site-page] body.saydis-new-5:not(.dark) .saydis-orbit-card {
  background: linear-gradient(135deg, #fff9ed, #f0dfc3);
}

html[data-site-page] body.saydis-new-5 .saydis-orbit-media {
  display: grid;
  place-items: center;
  min-height: 330px;
  background: radial-gradient(circle at 50% 10%, rgba(220,170,83,.17), transparent 58%);
}

html[data-site-page] body.saydis-new-5 .saydis-orbit-name {
  display: grid;
  place-items: center;
  min-height: 68px;
  padding: 10px;
  color: var(--saydis-ink);
  font-size: 1.58rem;
  font-weight: 850;
  text-align: center;
}

html[data-site-page] body.saydis-new-6 {
  --saydis-bg: #151716;
  --hero-bg: linear-gradient(135deg, #222625, #131514);
}

html[data-site-page] body.saydis-new-6:not(.dark) {
  --saydis-bg: #f7f8f5;
  --hero-bg: #fff;
}

html[data-site-page] body.saydis-new-6 .saydis-print-section {
  margin: 54px 0;
  padding: 30px;
  background: var(--saydis-panel);
  border: 1px solid var(--saydis-line);
  border-radius: 18px;
}

html[data-site-page] body.saydis-new-6 .saydis-print-section header {
  justify-content: space-between;
  border-bottom: 1px solid var(--saydis-line);
  padding-bottom: 18px;
}

html[data-site-page] body.saydis-new-6 .saydis-print-section header p,
html[data-site-page] body.saydis-new-6 .saydis-print-section header span {
  color: var(--saydis-muted);
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html[data-site-page] body.saydis-new-6 .saydis-print-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

html[data-site-page] body.saydis-new-6 .saydis-print-card figure {
  margin: 0;
  padding: 12px;
  background: var(--saydis-panel-strong);
  border: 1px solid var(--saydis-line);
  border-radius: 12px;
}

html[data-site-page] body.saydis-new-6 .saydis-print-card figure img {
  display: block;
  margin: 0 auto;
  max-height: 286px;
}

html[data-site-page] body.saydis-new-6 .saydis-print-card figcaption {
  min-height: 62px;
  display: grid;
  place-items: center;
  color: var(--saydis-ink);
  font-size: 1.52rem;
  font-weight: 750;
  text-align: center;
}

html[data-site-page] body.saydis-new-7 {
  --saydis-bg: #0d0711;
  --saydis-accent: #d594ff;
  --hero-bg: linear-gradient(135deg, rgba(72,12,96,.96), rgba(11,7,15,.96));
}

html[data-site-page] body.saydis-new-7:not(.dark) {
  --saydis-bg: #fbf6ff;
  --hero-bg: linear-gradient(135deg, #fff, #f5e9fb);
}

html[data-site-page] body.saydis-new-7 .saydis-arcade-section {
  margin: 54px 0;
  padding: 28px;
  background: linear-gradient(135deg, rgba(79,9,105,.20), rgba(16,10,20,.66));
  border: 1px solid rgba(213,148,255,.22);
  border-radius: 38px;
}

html[data-site-page] body.saydis-new-7 .saydis-arcade-section header span,
html[data-site-page] body.saydis-new-7 .saydis-arcade-section header strong {
  color: var(--saydis-accent);
  font-size: 1.35rem;
  font-weight: 900;
  text-transform: uppercase;
}

html[data-site-page] body.saydis-new-7 .saydis-arcade-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
}

html[data-site-page] body.saydis-new-7 .saydis-arcade-card {
  position: relative;
  width: calc(20% - 15px);
  padding: 12px;
  background: linear-gradient(180deg, rgba(35,20,42,.96), rgba(12,10,15,.98));
  border: 1px solid rgba(213,148,255,.24);
  border-radius: 26px;
}

html[data-site-page] body.saydis-new-7:not(.dark) .saydis-arcade-card {
  background: linear-gradient(180deg, #fff, #f2e8f8);
}

html[data-site-page] body.saydis-new-7 .saydis-arcade-card::after {
  content: "";
  position: absolute;
  inset: 12px auto 12px 12px;
  width: 3px;
  background: linear-gradient(var(--saydis-accent), transparent);
  border-radius: 99px;
}

html[data-site-page] body.saydis-new-7 .saydis-arcade-screen {
  display: grid;
  place-items: center;
  min-height: 306px;
  background: rgba(213,148,255,.07);
  border-radius: 18px;
}

html[data-site-page] body.saydis-new-7 .saydis-arcade-label {
  min-height: 66px;
  display: grid;
  place-items: center;
  color: var(--saydis-ink);
  font-size: 1.56rem;
  font-weight: 850;
  text-align: center;
}

html[data-site-page] body.saydis-new .saydis-decor,
html[data-site-page] body.saydis-new .saydis-slot--decor,
html[data-site-page] body.saydis-new .saydis-decor,
html[data-site-page] body.saydis-new .saydis-orbit-decor,
html[data-site-page] body.saydis-new .saydis-print-decor,
html[data-site-page] body.saydis-new .saydis-arcade-decor {
  padding: 12px 14px;
  color: var(--saydis-ink);
  font-size: 1.5rem;
  font-weight: 750;
  text-align: center;
  background: var(--saydis-panel);
  border: 1px solid var(--saydis-line);
  border-radius: 18px;
}

html[data-site-page] body.saydis-new .is-decor .saydis-bento-grid,
html[data-site-page] body.saydis-new .is-decor .saydis-terminal-grid,
html[data-site-page] body.saydis-new .is-decor .saydis-list-grid,
html[data-site-page] body.saydis-new .is-decor .saydis-orbit-grid,
html[data-site-page] body.saydis-new .is-decor .saydis-print-grid,
html[data-site-page] body.saydis-new .is-decor .saydis-arcade-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

html[data-site-page] body.saydis-new-4 .is-decor .saydis-list-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

html[data-site-page] body.saydis-new-4 .is-decor .saydis-decor {
  flex: 0 1 calc(16.666% - 9px);
  min-width: 190px;
}

@media (max-width: 1400px) {
  html[data-site-page] body.saydis-new-2 .saydis-bento-grid,
  html[data-site-page] body.saydis-new-3 .saydis-terminal-grid,
  html[data-site-page] body.saydis-new-6 .saydis-print-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  html[data-site-page] body.saydis-new-5 .saydis-orbit-card,
  html[data-site-page] body.saydis-new-7 .saydis-arcade-card {
    width: calc(25% - 14px);
  }
}

@media (max-width: 991px) {
  html[data-site-page] body.saydis-new .saydis-hero {
    grid-template-columns: 1fr;
    text-align: center;
  }
  html[data-site-page] body.saydis-new .saydis-logo {
    margin: 0 auto;
  }
  html[data-site-page] body.saydis-new-2 .saydis-bento-grid,
  html[data-site-page] body.saydis-new-3 .saydis-terminal-grid,
  html[data-site-page] body.saydis-new-4 .saydis-list-grid,
  html[data-site-page] body.saydis-new-6 .saydis-print-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  html[data-site-page] body.saydis-new-4 .saydis-list-section {
    display: block;
  }
  html[data-site-page] body.saydis-new-4 .saydis-list-section aside {
    position: static;
    margin-bottom: 18px;
  }
  html[data-site-page] body.saydis-new-5 .saydis-orbit-card,
  html[data-site-page] body.saydis-new-7 .saydis-arcade-card {
    width: calc(33.333% - 12px);
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.saydis-new-2 .saydis-bento-grid,
  html[data-site-page] body.saydis-new-3 .saydis-terminal-grid,
  html[data-site-page] body.saydis-new-4 .saydis-list-grid,
  html[data-site-page] body.saydis-new-6 .saydis-print-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html[data-site-page] body.saydis-new-5 .saydis-orbit-card,
  html[data-site-page] body.saydis-new-7 .saydis-arcade-card {
    width: calc(50% - 9px);
  }
}

@media (max-width: 420px) {
  html[data-site-page] body.saydis-new-2 .saydis-bento-grid,
  html[data-site-page] body.saydis-new-3 .saydis-terminal-grid,
  html[data-site-page] body.saydis-new-4 .saydis-list-grid,
  html[data-site-page] body.saydis-new-6 .saydis-print-grid {
    grid-template-columns: 1fr;
  }
  html[data-site-page] body.saydis-new-5 .saydis-orbit-card,
  html[data-site-page] body.saydis-new-7 .saydis-arcade-card {
    width: 100%;
  }
}

/* Seva4 selected concept: purple split catalog. */
html[data-site-page] body.saydis-new-4 {
  --saydis-bg: #111017;
  --saydis-ink: #f7f4fb;
  --saydis-muted: rgba(247,244,251,0.68);
  --saydis-panel: rgba(255,255,255,0.055);
  --saydis-panel-strong: rgba(148,20,196,0.13);
  --saydis-line: rgba(179,98,255,0.19);
  --saydis-accent: #9414c4;
  --hero-bg: linear-gradient(135deg, rgba(30,24,40,0.96), rgba(12,12,18,0.98));
}

html[data-site-page] body.saydis-new-4:not(.dark) {
  --saydis-bg: linear-gradient(180deg, #fbf8ff 0%, #f3ecf8 48%, #fbf8ff 100%);
  --saydis-ink: #281432;
  --saydis-muted: rgba(40,20,50,0.68);
  --saydis-panel: rgba(255,255,255,0.82);
  --saydis-panel-strong: rgba(247,238,252,0.90);
  --saydis-line: rgba(79,9,105,0.18);
  --saydis-accent: #4f0969;
  --hero-bg: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(242,229,248,0.94));
}

html[data-site-page] body.saydis-new-4 .saydis-hero {
  grid-template-columns: auto minmax(0, 1fr);
  border: 0;
  box-shadow: 0 24px 70px rgba(79,9,105,0.22), inset 3px 0 0 rgba(148,20,196,0.22), inset -3px 0 0 rgba(148,20,196,0.22);
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-hero {
  border: 0;
  box-shadow: 0 24px 70px rgba(79,9,105,0.12), inset 3px 0 0 rgba(148,20,196,0.18), inset -3px 0 0 rgba(148,20,196,0.18);
}

html[data-site-page] body.saydis-new-4 .saydis-hero:has(.saydis-related) {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

html[data-site-page] body.saydis-new-4 .saydis-related {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 260px;
  max-width: 360px;
  padding: 18px;
  color: var(--saydis-ink);
  text-align: center;
  background: linear-gradient(145deg, rgba(148,20,196,0.17), rgba(255,255,255,0.045));
  border: 0;
  border-radius: 24px;
  box-shadow: inset 3px 0 0 rgba(148,20,196,0.18), inset -3px 0 0 rgba(148,20,196,0.18);
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-related {
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,229,248,.92));
  border: 0;
  box-shadow: inset 3px 0 0 rgba(148,20,196,0.16), inset -3px 0 0 rgba(148,20,196,0.16), 0 14px 34px rgba(79,9,105,.08);
}

html[data-site-page] body.saydis-new-4 .saydis-related span {
  display: block;
  margin-bottom: 12px;
  color: var(--saydis-muted);
  font-size: 1.16rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html[data-site-page] body.saydis-new-4 .saydis-related div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

html[data-site-page] body.saydis-new-4 .saydis-related a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  color: var(--saydis-ink);
  font-size: 1.28rem;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  background: rgba(148,20,196,0.13);
  border: 1px solid rgba(179,98,255,0.22);
  border-radius: 999px;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

html[data-site-page] body.saydis-new-4 .saydis-related a:hover {
  transform: translateY(-2px);
  background: rgba(148,20,196,0.24);
  border-color: rgba(179,98,255,0.42);
}

html[data-site-page] body.saydis-new-4 .saydis-related div:has(a:first-child:last-child),
html[data-site-page] body.inst-design-1 .saydis-related div:has(a:first-child:last-child) {
  gap: 0;
}

html[data-site-page] body.saydis-new-4 .saydis-related div:has(a:first-child:last-child) a,
html[data-site-page] body.inst-design-1 .saydis-related div:has(a:first-child:last-child) a {
  min-width: 156px;
  min-height: 52px;
  padding: 13px 24px;
  font-size: clamp(1.55rem, 1.1vw, 1.95rem);
}

html[data-site-page] body.saydis-new-4 .saydis-related div:has(a:nth-child(2):last-child),
html[data-site-page] body.inst-design-1 .saydis-related div:has(a:nth-child(2):last-child) {
  gap: 12px;
}

html[data-site-page] body.saydis-new-4 .saydis-related div:has(a:nth-child(2):last-child) a,
html[data-site-page] body.inst-design-1 .saydis-related div:has(a:nth-child(2):last-child) a {
  min-width: 118px;
  min-height: 48px;
  padding: 11px 20px;
  font-size: clamp(1.42rem, 1vw, 1.8rem);
}

html[data-site-page] body.saydis-new-4 .saydis-nav a {
  background: rgba(148,20,196,0.10);
  border-color: rgba(179,98,255,0.18);
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-nav a {
  background: #fff;
}

html[data-site-page] body.saydis-new-4 .saydis-list-section {
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
  gap: 16px;
  margin: 42px 0;
  padding: 14px;
  background: linear-gradient(145deg, rgba(148,20,196,0.12), rgba(255,255,255,0.025));
  border-color: rgba(179,98,255,0.22);
  box-shadow: 0 22px 60px rgba(79,9,105,0.18);
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-list-section {
  background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(246,238,250,.88));
  box-shadow: 0 20px 54px rgba(79,9,105,.10), inset 0 1px 0 rgba(255,255,255,.84);
}

html[data-site-page] body.saydis-new-4 .saydis-list-section aside {
  min-width: 0;
  padding: 18px;
  text-align: center;
  background: linear-gradient(145deg, rgba(148,20,196,0.18), rgba(255,255,255,0.05));
  border-color: rgba(179,98,255,0.24);
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-list-section aside {
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,229,248,.92));
  box-shadow: inset 3px 0 0 rgba(148,20,196,.15), inset -3px 0 0 rgba(148,20,196,.08);
}

html[data-site-page] body.saydis-new-4 .saydis-list-section aside h2 {
  margin: 0;
  color: var(--saydis-ink);
  font-size: clamp(2.2rem, 2vw, 3.4rem);
  line-height: 1.05;
  text-align: center;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

html[data-site-page] body.saydis-new-4.skin-tf .saydis-list-section aside h2 {
  font-size: clamp(2rem, 1.65vw, 3rem);
}

html[data-site-page] body.saydis-new-4 .saydis-list-section aside small {
  display: block;
  margin-top: 10px;
  color: var(--saydis-muted);
  font-size: clamp(1.18rem, .9vw, 1.45rem);
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .04em;
}

html[data-site-page] body.saydis-new-4 .saydis-section-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
  padding: 8px 13px;
  color: var(--saydis-ink);
  background: rgba(148,20,196,0.18);
  border: 1px solid rgba(179,98,255,0.25);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 10px 24px rgba(79,9,105,0.16);
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-section-count {
  background: rgba(79,9,105,0.08);
}

html[data-site-page] body.saydis-new-4 .saydis-section-count b {
  color: #f4d8ff;
  font-size: clamp(2rem, 1.65vw, 2.9rem);
  font-weight: 950;
  line-height: 1;
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-section-count b {
  color: #4f0969;
}

html[data-site-page] body.saydis-new-4 .saydis-section-count em {
  color: var(--saydis-muted);
  font-size: 1.05rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html[data-site-page] body.saydis-new-4 .saydis-round-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

html[data-site-page] body.saydis-new-4 .saydis-round-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  padding: 8px 13px;
  color: #f4d8ff;
  font-size: clamp(2rem, 1.65vw, 2.9rem);
  font-weight: 950;
  line-height: 1;
  background: rgba(148,20,196,0.18);
  border: 1px solid rgba(179,98,255,0.25);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 10px 24px rgba(79,9,105,0.16);
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-round-chip {
  color: #4f0969;
  background: rgba(79,9,105,0.08);
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-round-head {
  flex-wrap: nowrap;
  gap: 0;
  margin: 0 auto;
  white-space: nowrap;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-round-chip,
html[data-site-page] body.saydis-new-4.skin-rust .saydis-round-head .saydis-section-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  margin: 0;
  padding: 8px 13px;
  color: #f3ddff;
  font-size: clamp(1.18rem, .82vw, 1.42rem);
  font-weight: 950;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(148,20,196,.16));
  border: 1px solid rgba(191,122,255,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 10px 22px rgba(79,9,105,.16);
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-round-chip {
  border-radius: 999px 8px 8px 999px;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-round-head .saydis-section-count {
  gap: 4px;
  margin-left: -1px;
  border-radius: 8px 999px 999px 8px;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-round-head .saydis-section-count b,
html[data-site-page] body.saydis-new-4.skin-rust .saydis-round-head .saydis-section-count em {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  letter-spacing: inherit;
  text-transform: inherit;
}

html[data-site-page] body.saydis-new-4.skin-rust:not(.dark) .saydis-round-chip,
html[data-site-page] body.saydis-new-4.skin-rust:not(.dark) .saydis-round-head .saydis-section-count {
  color: #4f0969;
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(79,9,105,.08));
  border-color: rgba(79,9,105,.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 20px rgba(79,9,105,.10);
}

html[data-site-page] body.saydis-new-4 .saydis-list-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

html[data-site-page] body.saydis-new-4 .saydis-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 6px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255,255,255,0.065), rgba(148,20,196,0.075));
  border-color: rgba(179,98,255,0.18);
  border-radius: 18px;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

html[data-site-page] body.saydis-new-4 .saydis-card::before {
  content: none;
  display: none;
}

html[data-site-page] body.saydis-new-4 .saydis-card > * {
  position: relative;
  z-index: 1;
}

html[data-site-page] body.saydis-new-4 .saydis-card:hover {
  transform: translateY(-3px);
  border-color: rgba(179,98,255,0.38);
  box-shadow: 0 14px 34px rgba(79,9,105,0.20);
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-card {
  background: linear-gradient(145deg, #fff, #f1e8f7);
  border-color: rgba(79,9,105,0.16);
  box-shadow: none;
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-card::before {
  content: none;
  display: none;
}

html[data-site-page] body.saydis-new-4 .saydis-md {
  position: relative;
  overflow: hidden;
  min-height: 146px;
  background: rgba(148,20,196,0.08);
  border: 1px solid rgba(179,98,255,0.14);
  border-radius: 14px;
}

html[data-site-page] body.saydis-new-4 .saydis-qty {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 32px;
  padding: 6px 10px;
  color: #fff;
  font-size: 1.34rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: .02em;
  background: linear-gradient(135deg, #9414c4, #4f0969);
  border: 1px solid rgba(255,255,255,0.24);
  border-radius: 999px;
  box-shadow: 0 10px 26px rgba(79,9,105,0.42), 0 0 18px rgba(148,20,196,0.34);
  pointer-events: none;
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-qty {
  color: #fff;
  background: linear-gradient(135deg, #7f0fa8, #4f0969);
  box-shadow: 0 10px 24px rgba(79,9,105,0.28);
}

html[data-site-page] body.saydis-new-4 .saydis-m {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  padding: 6px 10px;
  color: #fff;
  font-size: 1.28rem;
  font-weight: 950;
  line-height: 1;
  background: linear-gradient(135deg, #ff4b4b, #9414c4);
  border: 1px solid rgba(255,255,255,0.24);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(79,9,105,0.24), 0 0 18px rgba(148,20,196,0.22);
  pointer-events: none;
  font-size: 0;
  position: absolute;
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-m {
  color: #fff;
  background: linear-gradient(135deg, #ff3b3b, #7f0fa8);
  box-shadow: 0 10px 20px rgba(79,9,105,0.18);
}

html[data-site-page] body.saydis-new-4 .saydis-m::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 50%;
  width: 6px;
  height: 14px;
  background: currentColor;
  border-radius: 999px;
  transform: translateX(-50%);
}

html[data-site-page] body.saydis-new-4 .saydis-m::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  width: 6px;
  height: 6px;
  background: currentColor;
  border-radius: 999px;
  transform: translateX(-50%);
}

html[data-site-page] body.saydis-new-4 .saydis-md img {
  max-height: 136px;
}

html[data-site-page] body.saydis-new-4.skin-tf .saydis-md {
  min-height: 0;
  aspect-ratio: 1 / 1;
  padding: 0;
  background: transparent;
  border-color: rgba(179,98,255,0.26);
  border-radius: 18px;
}

html[data-site-page] body.saydis-new-4.skin-tf .saydis-md img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  border-radius: 17px;
}

html[data-site-page] body.saydis-new-4:not(.dark) .saydis-md {
  background: rgba(79,9,105,0.055);
}

html[data-site-page] body.saydis-new-4.skin-tf:not(.dark) .saydis-md {
  background: transparent;
}

html[data-site-page] body.saydis-new-4 .saydis-copy {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 36px;
  text-align: center;
}

html[data-site-page] body.saydis-new-4 .saydis-copy strong {
  color: var(--saydis-ink);
  font-size: clamp(1.41rem, .76vw, 1.52rem);
  font-weight: 900;
  line-height: 1.16;
  overflow-wrap: anywhere;
}

html[data-site-page] body.saydis-new-4 .saydis-copy:empty {
  display: none;
}

html[data-site-page] body.saydis-new-4 .saydis-decor {
  display: grid;
  place-items: center;
  min-height: 54px;
  margin: 0;
  padding: 10px 12px;
  list-style: none;
}

@media (max-width: 991px) {
  html[data-site-page] body.saydis-new-4 .saydis-hero,
  html[data-site-page] body.saydis-new-4 .saydis-hero:has(.saydis-related) {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px;
  }

  html[data-site-page] body.saydis-new-4 .saydis-hero__copy {
    justify-items: center;
    text-align: center;
  }

  html[data-site-page] body.saydis-new-4 .saydis-hero-kicker,
  html[data-site-page] body.saydis-new-4 .saydis-hero__copy h1 {
    justify-content: center;
    text-align: center;
  }

  html[data-site-page] body.saydis-new-4 .saydis-related {
    align-self: auto;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 14px;
  }

  html[data-site-page] body.saydis-new-4 .saydis-list-section aside {
    text-align: center;
  }

  html[data-site-page] body.saydis-new-4 .saydis-list-section aside h2 {
    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.saydis-new-4 .saydis-list-section {
    margin: 34px 0;
    padding: 12px;
    border-radius: 30px;
  }

  html[data-site-page] body.saydis-new-4 .saydis-list-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
  }

  html[data-site-page] body.saydis-new-4 .saydis-card {
    align-items: start;
    gap: 8px;
    text-align: center;
  }

  html[data-site-page] body.saydis-new-4 .saydis-copy {
    width: 100%;
    justify-items: center;
    text-align: center;
  }

  html[data-site-page] body.saydis-new-4 .saydis-md {
    min-height: 158px;
  }

  html[data-site-page] body.saydis-new-4 .saydis-md img {
    max-height: 148px;
  }

  html[data-site-page] body.saydis-new-4 .saydis-copy strong {
    width: 100%;
    min-height: 0;
    font-size: 1.36rem;
    text-align: center;
  }

  html[data-site-page] body.saydis-new-4 .saydis-list-grid:not(:has(.saydis-decor)) > .saydis-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 5px);
  }
}

@media (max-width: 1500px) and (min-width: 992px) {
  html[data-site-page] body.saydis-new-4 .saydis-list-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  html[data-site-page] body.saydis-new-4 .saydis-list-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 340px) {
  html[data-site-page] body.saydis-new-4 .saydis-list-grid:not(:has(.saydis-decor)) > .saydis-card:last-child:nth-child(odd) {
    width: 100%;
  }
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-list-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  margin: 0 !important;
  padding: 6px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255,255,255,0.065), rgba(148,20,196,0.07));
  border: 1px solid rgba(179,98,255,0.18);
  border-radius: 18px;
  box-sizing: border-box;
  text-align: center;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

html[data-site-page] body.saydis-new-4.skin-rust:not(.dark) .saydis-item {
  background: linear-gradient(145deg, #fff, #f1e8f7);
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-item:hover {
  transform: scale(1.02);
  border-color: rgba(179,98,255,0.38);
  box-shadow: 0 14px 34px rgba(79,9,105,0.20);
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-item .saydis-md {
  position: relative;
  display: block;
  width: 100%;
  min-height: 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  padding: 1px;
  line-height: 0;
  isolation: isolate;
  background: linear-gradient(-45deg,#4f0969,rgba(79,9,105,.2));
  border: 0;
  border-radius: 14px;
  box-shadow: none;
  box-sizing: border-box;
  transition: all .1s ease;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-item .saydis-md::before {
  content: "SAYDIS";
  position: absolute;
  right: 0;
  bottom: 8px;
  left: 0;
  z-index: 2;
  color: #fff !important;
  font-family: "Bebas Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 2px;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0,0,0,0.65);
  pointer-events: none;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-item .saydis-md::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: url("rust/kick-frame.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  border-radius: inherit;
  opacity: 0;
  transition: all .1s ease;
  pointer-events: none;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-item .saydis-md video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  object-fit: cover;
  border-radius: 13px;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-item:hover .saydis-md {
  padding: 3px;
  background: linear-gradient(-45deg,#4f0969,rgba(79,9,105,.3));
  box-shadow: 0 5px 20px 5px rgba(0,0,0,.3);
  animation: site-rust-frame-pulse 1.5s ease-out;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-item:hover .saydis-md::after {
  opacity: 1;
  background-size: 80%;
  animation: site-rust-tv-glitch 1.5s ease-out;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-item:hover .saydis-md::before {
  animation: site-rust-text-flicker 1.5s ease-out;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-item:hover .saydis-md video {
  animation: site-rust-scanlines 1.5s ease-out;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-item .saydis-copy {
  min-height: 38px;
}

html[data-site-page] body.saydis-new-4.skin-rust .saydis-item .saydis-copy strong {
  font-size: clamp(1.41rem, .72vw, 1.42rem);
}

@media (max-width: 1500px) and (min-width: 992px) {
  html[data-site-page] body.saydis-new-4.skin-rust .saydis-list-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  html[data-site-page] body.saydis-new-4.skin-rust .saydis-list-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.saydis-new-4.skin-rust .saydis-list-grid {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
  }
}

html[data-site-page] body.saydis-new-4.skin-rust.dark .saydis-item .saydis-md {
  background: linear-gradient(-45deg,#9414c4,rgba(148,20,196,.2));
}

html[data-site-page] body.saydis-new-4.skin-rust.dark .saydis-item .saydis-md::before {
  color: #fff !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.8);
}

html[data-site-page] body.saydis-new-4.skin-rust.dark .saydis-item:hover .saydis-md {
  background: linear-gradient(-45deg,#9414c4,rgba(148,20,196,.3));
  box-shadow: 0 5px 20px 5px rgba(0,0,0,.5);
  animation: site-rust-frame-pulse-dark 1.5s ease-out;
}

html[data-site-page] body.saydis-new-4.skin-rust.dark .saydis-item:hover .saydis-md::after {
  animation: site-rust-tv-glitch-dark 1.5s ease-out;
}

html[data-site-page] body.saydis-new-4.skin-rust.dark .saydis-item:hover .saydis-md::before {
  animation: site-rust-text-flicker-dark 1.5s ease-out;
}

@media screen and (max-width:768px) {
  html[data-site-page] body.saydis-new-4.skin-rust .saydis-item:hover .saydis-md {
    padding: 1px;
  }

  html[data-site-page] body.saydis-new-4.skin-rust .saydis-item .saydis-md::before {
    bottom: 5px;
    font-size: 18px;
  }

  html[data-site-page] body.saydis-new-4.skin-rust .saydis-item .saydis-md {
    padding: 0 !important;
    background: transparent !important;
  }

  html[data-site-page] body.saydis-new-4.skin-rust .saydis-item:hover .saydis-md,
  html[data-site-page] body.saydis-new-4.skin-rust .saydis-item:hover .saydis-md::before,
  html[data-site-page] body.saydis-new-4.skin-rust .saydis-item:hover .saydis-md::after,
  html[data-site-page] body.saydis-new-4.skin-rust .saydis-item:hover .saydis-md video {
    animation: none;
  }
}

html[data-site-page] body.saydis-new-4.skin-catalog-square .saydis-md {
  min-height: 0;
  aspect-ratio: 1 / 1;
  padding: 0;
  background: transparent;
  border-color: rgba(179,98,255,0.26);
  border-radius: 18px;
}

html[data-site-page] body.saydis-new-4.skin-catalog-square .saydis-md img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  border-radius: 17px;
}

html[data-site-page] body.saydis-new-4.skin-catalog-square:not(.dark) .saydis-md {
  background: transparent;
}

html[data-site-page] body.saydis-new-4.skin-sot .saydis-md {
  background: linear-gradient(145deg, rgba(148,20,196,0.18), rgba(79,9,105,0.14));
  border-color: rgba(179,98,255,0.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

html[data-site-page] body.saydis-new-4.skin-sot:not(.dark) .saydis-md {
  background: linear-gradient(145deg, rgba(148,20,196,0.13), rgba(79,9,105,0.08));
  border-color: rgba(79,9,105,0.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);
}

html[data-site-page] body.saydis-new-4.skin-phasmophobia .saydis-list-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html[data-site-page] body.saydis-new-4.skin-phasmophobia .saydis-md {
  min-height: 0;
  aspect-ratio: 16 / 9;
  padding: 0;
  background: transparent;
  border-color: rgba(179,98,255,0.26);
  border-radius: 20px;
}

html[data-site-page] body.saydis-new-4.skin-phasmophobia .saydis-md img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  border-radius: 19px;
}

html[data-site-page] body.saydis-new-4.skin-phasmophobia .saydis-copy strong {
  font-size: clamp(1.41rem, .86vw, 1.65rem);
}

@media (max-width: 760px) {
  html[data-site-page] body.saydis-new-4.skin-phasmophobia .saydis-list-grid {
    grid-template-columns: 1fr;
  }
}

html[data-site-page] body.saydis-new-4.skin-rustkick {
  --saydis-panel-strong: rgba(1,168,0,0.13);
  --saydis-line: rgba(1,232,0,0.22);
  --saydis-accent: #01a800;
  --hero-bg: linear-gradient(135deg, rgba(18,38,20,0.96), rgba(8,18,10,0.98));
}

html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) {
  --saydis-panel-strong: rgba(1,168,0,0.09);
  --saydis-line: rgba(1,120,0,0.18);
  --saydis-accent: #017f00;
  --hero-bg: linear-gradient(135deg, rgba(255,255,255,0.94), rgba(232,249,232,0.95));
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-hero {
  box-shadow: 0 24px 70px rgba(1,168,0,0.18), inset 3px 0 0 rgba(1,232,0,0.20), inset -3px 0 0 rgba(1,232,0,0.20);
}

html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-hero {
  box-shadow: 0 24px 70px rgba(1,120,0,0.10), inset 3px 0 0 rgba(1,168,0,0.18), inset -3px 0 0 rgba(1,168,0,0.18);
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-logo,
html[data-site-page] body.inst-page.skin-rustkick .saydis-logo {
  background:
    radial-gradient(circle at 50% 50%, rgba(190,255,190,.14), transparent 46%),
    linear-gradient(145deg, #013f00 0%, #017f00 46%, #01a800 100%);
  box-shadow: 0 20px 42px rgba(1,120,0,.34), 0 0 0 1px rgba(148,255,148,.30), inset 0 0 24px rgba(1,232,0,.18);
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-logo::before,
html[data-site-page] body.inst-page.skin-rustkick .saydis-logo::before {
  background:
    radial-gradient(circle at 72% 22%, rgba(190,255,190,.24), transparent 34%),
    linear-gradient(145deg, rgba(1,168,0,.82), rgba(1,84,0,.98));
  box-shadow: inset 0 0 0 1px rgba(190,255,190,.24), 0 12px 26px rgba(0,50,0,.20);
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-logo::after,
html[data-site-page] body.inst-page.skin-rustkick .saydis-logo::after {
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.95), rgba(148,255,148,.44), transparent) top 12px left 50% / 62px 10px no-repeat,
    linear-gradient(90deg, transparent, rgba(255,255,255,.88), rgba(148,255,148,.38), transparent) bottom 12px left 50% / 62px 10px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.92), rgba(148,255,148,.42), transparent) left 12px top 50% / 10px 62px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.86), rgba(148,255,148,.36), transparent) right 12px top 50% / 10px 62px no-repeat;
  filter: drop-shadow(0 0 10px rgba(1,232,0,.28));
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-logo img,
html[data-site-page] body.inst-page.skin-rustkick .saydis-logo img {
  box-shadow: 0 12px 24px rgba(0,36,0,.34), 0 0 0 2px rgba(190,255,190,.24);
}

html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-logo,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .saydis-logo {
  background:
    radial-gradient(circle at 26% 18%, rgba(255,255,255,.74), transparent 32%),
    linear-gradient(145deg, #016f00 0%, #01a800 48%, #93ff93 100%);
  box-shadow: 0 18px 38px rgba(1,120,0,.16), 0 0 0 1px rgba(1,120,0,.22), inset 0 0 24px rgba(255,255,255,.28);
}

html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-logo::before,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .saydis-logo::before {
  background:
    radial-gradient(circle at 72% 22%, rgba(255,255,255,.52), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.38), rgba(1,168,0,.40));
  box-shadow: inset 0 0 0 1px rgba(1,120,0,.18), 0 12px 24px rgba(1,120,0,.10);
}

html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-logo img,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .saydis-logo img {
  box-shadow: 0 10px 22px rgba(1,120,0,.18), 0 0 0 2px rgba(1,120,0,.18);
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-list-section {
  background: linear-gradient(145deg, rgba(1,168,0,0.11), rgba(255,255,255,0.025));
  border-color: rgba(1,232,0,0.22);
  box-shadow: 0 22px 60px rgba(1,120,0,0.16);
}

html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-list-section {
  background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(235,249,235,.9));
  box-shadow: 0 20px 54px rgba(1,120,0,.09), inset 0 1px 0 rgba(255,255,255,.84);
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-list-section aside {
  background: linear-gradient(145deg, rgba(1,168,0,0.18), rgba(255,255,255,0.05));
  border-color: rgba(1,232,0,0.24);
}

html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-list-section aside {
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(235,249,235,.94));
  box-shadow: inset 3px 0 0 rgba(1,168,0,.16), inset -3px 0 0 rgba(1,168,0,.08);
}

html[data-site-page] body.inst-page.skin-rustkick {
  --inst-accent: #01a800;
  --inst-accent-2: #01e800;
  --inst-line: rgba(1,232,0,0.22);
  --inst-panel-strong: rgba(1,168,0,0.13);
  --inst-hero-bg: linear-gradient(135deg, rgba(18,38,20,0.96), rgba(8,18,10,0.98));
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) {
  --inst-accent: #017f00;
  --inst-accent-2: #01a800;
  --inst-line: rgba(1,120,0,0.18);
  --inst-panel-strong: rgba(1,168,0,0.09);
  --inst-hero-bg: linear-gradient(135deg, rgba(255,255,255,0.94), rgba(232,249,232,0.95));
}

html[data-site-page] body.inst-page.skin-rustkick .saydis-hero {
  box-shadow: 0 24px 70px rgba(1,168,0,0.18), inset 3px 0 0 rgba(1,232,0,0.20), inset -3px 0 0 rgba(1,232,0,0.20);
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .saydis-hero {
  box-shadow: 0 24px 70px rgba(1,120,0,0.10), inset 3px 0 0 rgba(1,168,0,0.18), inset -3px 0 0 rgba(1,168,0,0.18);
}

html[data-site-page] body.inst-page.skin-rustkick .saydis-related {
  background: linear-gradient(145deg, rgba(1,168,0,0.16), rgba(255,255,255,0.045));
  box-shadow: inset 3px 0 0 rgba(1,232,0,0.18), inset -3px 0 0 rgba(1,232,0,0.18);
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .saydis-related {
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(235,249,235,.94));
  box-shadow: inset 3px 0 0 rgba(1,168,0,0.16), inset -3px 0 0 rgba(1,168,0,0.16), 0 14px 34px rgba(1,120,0,.08);
}

html[data-site-page] body.inst-page.skin-rustkick .saydis-related a {
  background: rgba(1,168,0,0.14);
  border-color: rgba(1,232,0,0.24);
}

html[data-site-page] body.inst-page.skin-rustkick .saydis-related a:hover {
  background: rgba(1,168,0,0.26);
  border-color: rgba(1,232,0,0.42);
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-round-head {
  flex-wrap: nowrap;
  gap: 0;
  margin: 0 auto;
  white-space: nowrap;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-round-chip,
html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-round-head .saydis-section-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  margin: 0;
  padding: 8px 13px;
  color: #dfffe1;
  font-size: clamp(1.18rem, .82vw, 1.42rem);
  font-weight: 950;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(1,168,0,.18));
  border: 1px solid rgba(1,232,0,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 10px 22px rgba(1,120,0,.16);
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-round-chip {
  border-radius: 999px 8px 8px 999px;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-round-head .saydis-section-count {
  gap: 4px;
  margin-left: -1px;
  border-radius: 8px 999px 999px 8px;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-round-head .saydis-section-count b,
html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-round-head .saydis-section-count em {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  letter-spacing: inherit;
  text-transform: inherit;
}

html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-round-chip,
html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-round-head .saydis-section-count {
  color: #016f00;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(1,168,0,.09));
  border-color: rgba(1,120,0,.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 20px rgba(1,120,0,.10);
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-list-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  margin: 0 !important;
  padding: 6px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255,255,255,0.065), rgba(1,168,0,0.07));
  border: 1px solid rgba(1,232,0,0.18);
  border-radius: 18px;
  box-sizing: border-box;
  text-align: center;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-item {
  background: linear-gradient(145deg, #fff, #edf9ed);
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item:hover {
  transform: scale(1.02);
  border-color: rgba(1,232,0,0.38);
  box-shadow: 0 14px 34px rgba(1,120,0,0.20);
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item .saydis-md {
  position: relative;
  display: block;
  width: 100%;
  min-height: 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  padding: 1px;
  line-height: 0;
  isolation: isolate;
  background: linear-gradient(-45deg,#01a800,rgba(1,168,0,.2));
  border: 0;
  border-radius: 14px;
  box-shadow: none;
  box-sizing: border-box;
  transition: all .1s ease;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item .saydis-md::before {
  content: "SAYDIS";
  position: absolute;
  right: 0;
  bottom: 8px;
  left: 0;
  z-index: 2;
  color: #01e800 !important;
  font-family: "Bebas Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 2px;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0,0,0,0.75);
  pointer-events: none;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item .saydis-md::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: url("rustkick/kick-frame.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  border-radius: inherit;
  opacity: 0;
  transition: all .1s ease;
  pointer-events: none;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item .saydis-md video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  object-fit: cover;
  border-radius: 13px;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item:hover .saydis-md {
  padding: 3px;
  background: linear-gradient(-45deg,#01e800,rgba(1,232,0,.3));
  box-shadow: 0 5px 20px 5px rgba(0,0,0,.36);
  animation: site-rustkick-frame-pulse 1.5s ease-out;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item:hover .saydis-md::after {
  opacity: 1;
  background-size: 80%;
  animation: site-rustkick-tv-glitch 1.5s ease-out;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item:hover .saydis-md::before {
  animation: site-rustkick-text-flicker 1.5s ease-out;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item:hover .saydis-md video {
  animation: site-rustkick-scanlines 1.5s ease-out;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item .saydis-copy {
  min-height: 38px;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item .saydis-copy strong {
  font-size: clamp(1.41rem, .72vw, 1.42rem);
}

@media (max-width: 1500px) and (min-width: 992px) {
  html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-list-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-list-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-list-grid {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
  }
}

@media screen and (max-width:768px) {
  html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item:hover .saydis-md {
    padding: 1px;
  }

  html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item .saydis-md::before {
    bottom: 5px;
    font-size: 18px;
  }

  html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item .saydis-md {
    padding: 0 !important;
    background: transparent !important;
  }

  html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item:hover .saydis-md,
  html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item:hover .saydis-md::before,
  html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item:hover .saydis-md::after,
  html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-item:hover .saydis-md video {
    animation: none;
  }
}

/* Instruction concept lab for warframe/ruTEST. */
html[data-site-page] body.inst-page {
  --inst-bg: #111017;
  --inst-ink: #f8f2ff;
  --inst-muted: rgba(248,242,255,0.68);
  --inst-panel: rgba(255,255,255,0.055);
  --inst-panel-strong: rgba(148,20,196,0.13);
  --inst-line: rgba(179,98,255,0.18);
  --inst-accent: #9414c4;
  --inst-accent-2: #b362ff;
  min-height: 100vh;
  color: var(--inst-ink);
  background: var(--inst-bg) !important;
}

html[data-site-page] body.inst-page:not(.dark) {
  --inst-bg: linear-gradient(180deg, #fbf8ff 0%, #f3ecf8 48%, #fbf8ff 100%);
  --inst-ink: #26142f;
  --inst-muted: rgba(38,20,47,0.68);
  --inst-panel: rgba(255,255,255,0.84);
  --inst-panel-strong: rgba(247,238,252,0.92);
  --inst-line: rgba(79,9,105,0.18);
  --inst-accent: #4f0969;
  --inst-accent-2: #7d139f;
}

html[data-site-page] body.inst-page .wrapper {
  overflow: visible;
}

html[data-site-page] body.inst-page :is(.inst-hero, .saydis-hero) {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  max-width: 1780px;
  margin: 28px auto 16px;
  padding: 24px;
  background: var(--inst-hero-bg, linear-gradient(135deg, rgba(30,24,40,0.96), rgba(12,12,18,0.98)));
  border: 0;
  border-radius: var(--inst-radius, 34px);
  box-shadow: 0 24px 70px rgba(79,9,105,0.21), inset 3px 0 0 rgba(148,20,196,0.20), inset -3px 0 0 rgba(148,20,196,0.20);
}

html[data-site-page] body.inst-page:not(.dark) :is(.inst-hero, .saydis-hero) {
  border: 0;
  box-shadow: 0 24px 70px rgba(38,20,47,0.10), inset 3px 0 0 rgba(79,9,105,0.16), inset -3px 0 0 rgba(79,9,105,0.16);
}

html[data-site-page] body.inst-page :is(.inst-logo, .saydis-logo) {
  position: relative;
  display: grid;
  place-items: center;
  width: 112px;
  height: 112px;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(236,202,255,.14), transparent 46%),
    linear-gradient(145deg, #2f0540 0%, #4f0969 46%, #9414c4 100%);
  border: 0;
  border-radius: 30px;
  box-shadow: 0 20px 42px rgba(79,9,105,.34), 0 0 0 1px rgba(217,166,255,.30), inset 0 0 24px rgba(213,148,255,.18);
}

html[data-site-page] body.inst-page :is(.inst-logo, .saydis-logo)::before {
  content: "";
  position: absolute;
  inset: 9px;
  z-index: 0;
  background:
    radial-gradient(circle at 72% 22%, rgba(236,202,255,.24), transparent 34%),
    linear-gradient(145deg, rgba(148,20,196,.82), rgba(79,9,105,.98));
  border-radius: 23px;
  box-shadow: inset 0 0 0 1px rgba(236,202,255,.24), 0 12px 26px rgba(35,0,52,.18);
  transform: rotate(-3deg);
  pointer-events: none;
}

html[data-site-page] body.inst-page :is(.inst-logo, .saydis-logo)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.95), rgba(217,166,255,.44), transparent) top 12px left 50% / 62px 10px no-repeat,
    linear-gradient(90deg, transparent, rgba(255,255,255,.88), rgba(217,166,255,.38), transparent) bottom 12px left 50% / 62px 10px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.92), rgba(217,166,255,.42), transparent) left 12px top 50% / 10px 62px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.86), rgba(217,166,255,.36), transparent) right 12px top 50% / 10px 62px no-repeat;
  filter: drop-shadow(0 0 10px rgba(217,166,255,.32));
  pointer-events: none;
}

html[data-site-page] body.inst-page:not(.dark) :is(.inst-logo, .saydis-logo) {
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.42), transparent 46%),
    linear-gradient(145deg, #5d087b 0%, #9414c4 48%, #d99dff 100%);
  box-shadow: 0 18px 38px rgba(79,9,105,.16), 0 0 0 1px rgba(79,9,105,.22), inset 0 0 24px rgba(255,255,255,.28);
}

html[data-site-page] body.inst-page:not(.dark) :is(.inst-logo, .saydis-logo)::before {
  background:
    radial-gradient(circle at 72% 22%, rgba(255,255,255,.50), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.38), rgba(148,20,196,.40));
  box-shadow: inset 0 0 0 1px rgba(79,9,105,.18), 0 12px 24px rgba(79,9,105,.10);
}

html[data-site-page] body.inst-page:not(.dark) :is(.inst-logo, .saydis-logo)::after {
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.98), rgba(148,20,196,.40), transparent) top 12px left 50% / 62px 10px no-repeat,
    linear-gradient(90deg, transparent, rgba(255,255,255,.94), rgba(148,20,196,.34), transparent) bottom 12px left 50% / 62px 10px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.98), rgba(148,20,196,.38), transparent) left 12px top 50% / 10px 62px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.92), rgba(148,20,196,.32), transparent) right 12px top 50% / 10px 62px no-repeat;
  filter: drop-shadow(0 0 8px rgba(148,20,196,.16));
}

html[data-site-page] body.inst-page :is(.inst-logo, .saydis-logo) img {
  position: relative;
  z-index: 2;
  width: 86px;
  height: 86px;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 12px 24px rgba(24,0,36,.32), 0 0 0 2px rgba(236,202,255,.24);
}

html[data-site-page] body.inst-page:not(.dark) :is(.inst-logo, .saydis-logo) img {
  box-shadow: 0 10px 22px rgba(79,9,105,.18), 0 0 0 2px rgba(79,9,105,.18);
}

html[data-site-page] body.inst-page :is(.inst-hero__copy, .saydis-hero__copy) {
  min-width: 0;
  padding: 8px 14px;
}

html[data-site-page] body.inst-page :is(.inst-hero__copy, .saydis-hero__copy) span {
  color: var(--inst-muted);
  font-size: 1.3rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

html[data-site-page] body.inst-page :is(.inst-hero__copy, .saydis-hero__copy) h1 {
  margin: 8px 0 0;
  color: var(--inst-ink);
  font-size: clamp(4rem, 5vw, 8rem);
  font-weight: 900;
  line-height: .96;
  overflow-wrap: anywhere;
  word-break: normal;
}

html[data-site-page] body.inst-page :is(.inst-hero__copy, .saydis-hero__copy) p {
  max-width: 780px;
  margin: 12px 0 0;
  color: var(--inst-muted);
  font-size: 1.72rem;
  line-height: 1.42;
}

html[data-site-page] body.inst-page .inst-switcher {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 250px;
}

html[data-site-page] body.inst-page .inst-switcher a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: var(--inst-ink);
  font-size: 1.45rem;
  font-weight: 950;
  text-decoration: none;
  background: rgba(148,20,196,0.13);
  border: 1px solid var(--inst-line);
  border-radius: 999px;
}

html[data-site-page] body.inst-page :is(.inst-related-products, .saydis-related) {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 260px;
  max-width: 360px;
  padding: 18px;
  text-align: center;
  background: linear-gradient(145deg, rgba(148,20,196,0.16), rgba(255,255,255,0.045));
  border: 0;
  border-radius: 24px;
  box-shadow: inset 3px 0 0 rgba(148,20,196,0.18), inset -3px 0 0 rgba(148,20,196,0.18);
}

html[data-site-page] body.inst-page:not(.dark) :is(.inst-related-products, .saydis-related) {
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,229,248,.92));
  border: 0;
  box-shadow: inset 3px 0 0 rgba(148,20,196,0.16), inset -3px 0 0 rgba(148,20,196,0.16), 0 14px 34px rgba(79,9,105,.08);
}

html[data-site-page] body.inst-page :is(.inst-related-products, .saydis-related) > span {
  display: block;
  margin-bottom: 12px;
  color: var(--inst-muted);
  font-size: 1.16rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html[data-site-page] body.inst-page :is(.inst-related-products, .saydis-related) div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

html[data-site-page] body.inst-page :is(.inst-related-products, .saydis-related) a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  color: var(--inst-ink);
  font-size: 1.28rem;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  background: rgba(148,20,196,0.13);
  border: 1px solid rgba(179,98,255,0.22);
  border-radius: 999px;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

html[data-site-page] body.inst-page :is(.inst-related-products, .saydis-related) a:hover {
  transform: translateY(-2px);
  background: rgba(148,20,196,0.24);
  border-color: rgba(179,98,255,0.42);
}

html[data-site-page] body.inst-page .saydis-related div:has(a:first-child:last-child) {
  gap: 0;
}

html[data-site-page] body.inst-page .saydis-related div:has(a:first-child:last-child) a {
  min-width: 156px;
  min-height: 52px;
  padding: 13px 24px;
  font-size: clamp(1.55rem, 1.1vw, 1.95rem);
}

html[data-site-page] body.inst-page .saydis-related div:has(a:nth-child(2):last-child) {
  gap: 12px;
}

html[data-site-page] body.inst-page .saydis-related div:has(a:nth-child(2):last-child) a {
  min-width: 118px;
  min-height: 48px;
  padding: 11px 20px;
  font-size: clamp(1.42rem, 1vw, 1.8rem);
}

html[data-site-page] body.inst-page .inst-main {
  max-width: 1540px;
  margin: 0 auto 80px;
  padding: 0 18px;
}

html[data-site-page] body.inst-page .inst-alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  margin: 0 0 24px;
  padding: 18px 22px;
  color: #ff4b4b;
  background: linear-gradient(145deg, rgba(255,62,62,0.10), rgba(148,20,196,0.06));
  border: 1px solid rgba(255,86,86,0.28);
  border-radius: 28px;
  box-shadow: 0 18px 48px rgba(0,0,0,0.22);
}

html[data-site-page] body.inst-page .inst-alert__mark {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 950;
  background: linear-gradient(135deg, #ff3b3b, #9414c4);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(255,55,55,0.25);
  font-size: 0;
  position: relative;
}

html[data-site-page] body.inst-page .inst-alert__mark::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  width: 8px;
  height: 20px;
  background: currentColor;
  border-radius: 999px;
  transform: translateX(-50%);
}

html[data-site-page] body.inst-page .inst-alert__mark::after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 50%;
  width: 8px;
  height: 8px;
  background: currentColor;
  border-radius: 999px;
  transform: translateX(-50%);
}

html[data-site-page] body.inst-page .inst-alert .head3,
html[data-site-page] body.inst-page .inst-alert h1 {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  color: #ff4b4b !important;
  font-size: clamp(1.65rem, 1.5vw, 2.3rem) !important;
  line-height: 1.32 !important;
  text-align: left !important;
}

html[data-site-page] body.saydis-new-4 .inst-alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  margin: 0 0 24px;
  padding: 18px 22px;
  color: #ff4b4b;
  background: linear-gradient(145deg, rgba(255,62,62,0.10), rgba(148,20,196,0.06));
  border: 1px solid rgba(255,86,86,0.28);
  border-radius: 28px;
  box-shadow: 0 18px 48px rgba(0,0,0,0.22);
}

html[data-site-page] body.saydis-new-4 .inst-alert__mark {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  color: #fff;
  background: linear-gradient(135deg, #ff3b3b, #9414c4);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(255,55,55,0.25);
  font-size: 0;
  position: relative;
}

html[data-site-page] body.saydis-new-4 .inst-alert__mark::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  width: 8px;
  height: 20px;
  background: currentColor;
  border-radius: 999px;
  transform: translateX(-50%);
}

html[data-site-page] body.saydis-new-4 .inst-alert__mark::after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 50%;
  width: 8px;
  height: 8px;
  background: currentColor;
  border-radius: 999px;
  transform: translateX(-50%);
}

html[data-site-page] body.saydis-new-4 .inst-alert__text,
html[data-site-page] body.saydis-new-4 .inst-alert .head3,
html[data-site-page] body.saydis-new-4 .inst-alert h1 {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  color: #ff4b4b !important;
  font-size: clamp(1.65rem, 1.5vw, 2.3rem) !important;
  font-weight: 950;
  line-height: 1.32 !important;
  text-align: center !important;
}

html[data-site-page] body.saydis-new-4 .inst-alert__text br {
  display: block;
}

html[data-site-page] body.saydis-new-4:not(.dark) .inst-alert {
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,237,237,.94));
  box-shadow: 0 18px 42px rgba(79,9,105,.10);
}

html[data-site-page] body.saydis-new-4.skin-rustkick .inst-alert {
  color: #66ff66;
  background: linear-gradient(145deg, rgba(1,168,0,.16), rgba(255,255,255,.045)) !important;
  border-color: rgba(1,232,0,.28) !important;
  box-shadow: 0 22px 58px rgba(1,80,0,.18) !important;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .inst-alert__mark {
  background: linear-gradient(135deg, #01e800, #017f00) !important;
  box-shadow: 0 0 24px rgba(1,232,0,.32) !important;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .inst-alert__text,
html[data-site-page] body.saydis-new-4.skin-rustkick .inst-alert .head3,
html[data-site-page] body.saydis-new-4.skin-rustkick .inst-alert h1 {
  color: #66ff66 !important;
}

@media (max-width: 640px) {
  html[data-site-page] body.saydis-new-4 .inst-alert {
    grid-template-columns: 1fr;
    text-align: center;
    border-radius: 24px;
    padding: 16px;
  }

  html[data-site-page] body.saydis-new-4 .inst-alert__mark {
    margin: 0 auto;
  }

  html[data-site-page] body.saydis-new-4 .inst-alert__text,
  html[data-site-page] body.saydis-new-4 .inst-alert .head3,
  html[data-site-page] body.saydis-new-4 .inst-alert h1 {
    text-align: center !important;
  }
}

html[data-site-page] body.inst-page .inst-panel {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 18px;
  margin: 30px 0;
  padding: 18px;
  background: var(--inst-panel);
  border: 1px solid var(--inst-line);
  border-radius: 34px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.18);
}

html[data-site-page] body.inst-page .inst-panel__meta {
  position: sticky;
  top: 18px;
  align-self: start;
  display: grid;
  gap: 10px;
  justify-items: center;
  padding: 22px 16px;
  color: var(--inst-ink);
  text-align: center;
  background: var(--inst-panel-strong);
  border: 1px solid var(--inst-line);
  border-radius: 26px;
}

html[data-site-page] body.inst-page .inst-panel__meta span {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  color: #fff;
  font-size: 3rem;
  font-weight: 950;
  background: linear-gradient(135deg, var(--inst-accent-2), var(--inst-accent));
  border-radius: 22px;
}

html[data-site-page] body.inst-page .inst-panel__meta b {
  color: var(--inst-muted);
  font-size: 1.1rem;
  letter-spacing: .15em;
  text-transform: uppercase;
}

html[data-site-page] body.inst-page .inst-panel__body {
  min-width: 0;
  padding: 24px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 26px;
}

html[data-site-page] body.inst-page:not(.dark) .inst-panel__body {
  background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(246,238,250,.88));
  border-color: rgba(79,9,105,0.12);
  box-shadow: 0 18px 44px rgba(79,9,105,.08), inset 0 1px 0 rgba(255,255,255,.84);
}

html[data-site-page] body.inst-page .inst-panel__head h2 {
  margin: 0 0 18px;
  color: var(--inst-ink);
  font-size: clamp(2.8rem, 2.8vw, 5rem);
  font-weight: 950;
  line-height: 1;
  text-align: left;
}

html[data-site-page] body.inst-page .inst-flow {
  color: var(--inst-ink);
  font-size: 1.78rem;
  line-height: 1.55;
}

html[data-site-page] body.inst-page .inst-flow ul,
html[data-site-page] body.inst-page .inst-flow ol {
  display: grid;
  gap: 12px;
  margin: 16px 0;
  padding: 0;
  list-style: none;
}

html[data-site-page] body.inst-page .inst-flow li {
  position: relative;
  margin: 0 !important;
  padding: 15px 18px 15px 54px;
  color: var(--inst-ink);
  list-style: none !important;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(179,98,255,0.13);
  border-radius: 18px;
}

html[data-site-page] body.inst-page .inst-flow li::marker {
  content: "" !important;
}

html[data-site-page] body.inst-page:not(.dark) .inst-flow li {
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,240,251,.90));
  border-color: rgba(179,98,255,0.26);
  box-shadow: inset 5px 0 0 #9414c4, 0 10px 24px rgba(79,9,105,.06), 0 0 18px rgba(148,20,196,.14);
}

html[data-site-page] body.inst-page:not(.dark) .inst-flow li::before {
  content: none;
  display: none;
}

html[data-site-page] body.inst-page .inst-flow li::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 18px;
  width: 19px;
  height: 19px;
  background: linear-gradient(135deg, var(--inst-accent-2), var(--inst-accent));
  border-radius: 999px;
  box-shadow: 0 0 18px rgba(148,20,196,0.38);
}

html[data-site-page] body.inst-page .inst-flow p {
  margin: 0;
}

html[data-site-page] body.inst-page .inst-flow .textS {
  padding-left: 0 !important;
}

html[data-site-page] body.inst-page .inst-flow .textS::before,
html[data-site-page] body.inst-page .inst-flow .textS::after,
html[data-site-page] body.inst-page .inst-flow .s-school__research-directions-list li::before,
html[data-site-page] body.inst-page .inst-flow .s-school__research-directions-list li::after {
  content: none !important;
  display: none !important;
}

html[data-site-page] body.inst-page .link1 {
  color: #d9b3ff;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

html[data-site-page] body.inst-page:not(.dark) .link1 {
  color: #4f0969;
}

html[data-site-page] body.inst-page .u-text-red,
html[data-site-page] body.inst-page .red-text-h3 {
  color: #ff4b4b !important;
  font-weight: 900;
}

html[data-site-page] body.inst-page .u-text-green {
  color: #4dff9a !important;
  font-weight: 900;
}

html[data-site-page] body.inst-page .image-in,
html[data-site-page] body.inst-page #theme-sensitive-image {
  display: block;
  width: auto;
  max-width: min(100%, 920px);
  max-height: 620px;
  height: auto;
  margin: 20px auto;
  border: 1px solid rgba(179,98,255,0.26) !important;
  border-radius: 22px;
  box-shadow: 0 18px 54px rgba(0,0,0,0.26), 0 0 24px rgba(148,20,196,0.18) !important;
}

html[data-site-page] body.inst-page:not(.dark) .image-in,
html[data-site-page] body.inst-page:not(.dark) #theme-sensitive-image {
  border-color: rgba(179,98,255,0.26) !important;
  box-shadow: inset 5px 0 0 #9414c4, 0 10px 24px rgba(79,9,105,.06), 0 0 18px rgba(148,20,196,.14) !important;
}

html[data-site-page] body.inst-page .inst-test-wrap {
  max-width: 1380px;
  margin: 38px auto 80px;
  padding: 24px;
  text-align: center;
}

html[data-site-page] body.inst-page .inst-test-wrap > :is(.inst-logo, .saydis-logo) {
  margin: 0 auto 20px;
}

html[data-site-page] body.inst-page .inst-test-wrap h1 {
  margin: 0;
  color: var(--inst-ink);
  font-size: clamp(4rem, 6vw, 8rem);
}

html[data-site-page] body.inst-page .inst-test-wrap p {
  color: var(--inst-muted);
  font-size: 1.8rem;
}

html[data-site-page] body.inst-page .inst-test-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 26px;
}

html[data-site-page] body.inst-page .inst-test-card {
  display: grid;
  gap: 10px;
  padding: 22px;
  color: var(--inst-ink);
  text-align: left;
  text-decoration: none;
  background: var(--inst-panel);
  border: 1px solid var(--inst-line);
  border-radius: 26px;
}

html[data-site-page] body.inst-page .inst-test-card span {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 950;
  background: linear-gradient(135deg, var(--inst-accent-2), var(--inst-accent));
  border-radius: 18px;
}

html[data-site-page] body.inst-page .inst-test-card strong {
  font-size: 2.3rem;
}

html[data-site-page] body.inst-page .inst-test-card em {
  color: var(--inst-muted);
  font-size: 1.35rem;
  font-style: normal;
  line-height: 1.4;
}

html[data-site-page] body.inst-design-1 {
  --inst-hero-bg: linear-gradient(135deg, rgba(30,24,40,0.96), rgba(12,12,18,0.98));
}

html[data-site-page] body.inst-design-1:not(.dark) {
  --inst-hero-bg: linear-gradient(135deg, #ffffff, #efe4f6);
}

html[data-site-page] body.inst-design-1:not(.dark) :is(.inst-hero__copy, .saydis-hero__copy) span,
html[data-site-page] body.inst-design-1:not(.dark) :is(.inst-hero__copy, .saydis-hero__copy) h1 {
  color: #26142f;
}

html[data-site-page] body.inst-design-1:not(.dark) :is(.inst-hero__copy, .saydis-hero__copy) span {
  color: #4f0969;
}

html[data-site-page] body.inst-design-1 .inst-panel {
  grid-template-columns: 1fr;
  margin: 22px 0;
  padding: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,0.055), rgba(148,20,196,0.055));
}

html[data-site-page] body.inst-design-1:not(.dark) .inst-panel {
  background: linear-gradient(145deg, #fff, #f5eff9);
}

html[data-site-page] body.inst-design-1 .inst-panel__body {
  padding: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,0.035), rgba(148,20,196,0.035));
}

html[data-site-page] body.inst-design-1:not(.dark) .inst-panel__body {
  background: linear-gradient(145deg, #fff, #f7f1fb);
}

html[data-site-page] body.inst-design-1 .inst-panel__head h2 {
  margin-bottom: 12px;
}

html[data-site-page] body.inst-design-1 .inst-panel--info .inst-panel__head h2 {
  text-align: center;
}

html[data-site-page] body.inst-design-1 .inst-alert {
  grid-template-columns: auto minmax(0, 1fr);
  justify-items: center;
  padding: 18px 22px;
  color: #ff3030;
  text-align: center;
  background: linear-gradient(135deg, rgba(255,48,48,0.16), rgba(148,20,196,0.12));
  border-color: rgba(255,78,78,0.44);
  box-shadow: 0 24px 70px rgba(255,48,48,0.14), 0 12px 44px rgba(79,9,105,0.20);
}

html[data-site-page] body.inst-design-1 .inst-alert__mark {
  display: grid;
}

html[data-site-page] body.inst-design-1 .inst-alert__text {
  color: #ff3030;
  font-size: clamp(2.05rem, 2vw, 3.1rem);
  font-weight: 950;
  line-height: 1.22;
  text-align: center;
  text-shadow: 0 0 22px rgba(255,48,48,0.20);
}

html[data-site-page] body.inst-design-1 .inst-alert__text br {
  display: block;
}

html[data-site-page] body.inst-design-1:not(.dark) .inst-alert__text {
  color: #d60000;
}

html[data-site-page] body.inst-design-1 .inst-flow li {
  padding: 12px 16px 12px 22px;
  background: linear-gradient(145deg, rgba(255,255,255,0.045), rgba(148,20,196,0.045));
  border-left: 7px solid var(--inst-accent-2);
  box-shadow: 0 10px 26px rgba(0,0,0,0.10);
}

html[data-site-page] body.inst-design-1 .inst-flow li::before {
  content: none;
  display: none;
}

html[data-site-page] body.inst-design-1:not(.dark) .inst-flow li {
  background: linear-gradient(145deg, #fff, #f5eff9);
  color: #26142f;
}

html[data-site-page] body.inst-page .inst-flow li.border-red {
  border: 1px solid rgba(255,75,75,.24) !important;
  border-left: 7px solid #ff4b4b !important;
  border-left-color: #ff4b4b !important;
}

html[data-site-page] body.inst-page:not(.dark) .inst-flow li.border-red {
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,240,240,.92)) !important;
  border-color: rgba(255,75,75,.26) !important;
  border-left-color: #ff4b4b !important;
  box-shadow: 0 10px 24px rgba(255,75,75,.08), 0 0 18px rgba(255,75,75,.12) !important;
}

html[data-site-page] body.inst-page.dark .inst-flow li.border-red {
  background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,75,75,.08)) !important;
  border-color: rgba(255,75,75,.22) !important;
  border-left-color: #ff4b4b !important;
  box-shadow: 0 10px 24px rgba(255,75,75,.10), 0 0 18px rgba(255,75,75,.14) !important;
}

html[data-site-page] body.inst-page .inst-flow li.border-red::before {
  content: none !important;
  display: none !important;
}

html[data-site-page] body.inst-design-1 .image-in,
html[data-site-page] body.inst-design-1 #theme-sensitive-image {
  position: relative;
  max-width: min(100%, 860px);
  max-height: 560px;
  margin: 14px auto 16px 0;
  padding: 0;
  background: linear-gradient(145deg, rgba(255,255,255,0.04), rgba(148,20,196,0.04));
  border: 1px solid rgba(179,98,255,0.22) !important;
  border-left: 7px solid var(--inst-accent-2) !important;
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 16px 42px rgba(0,0,0,0.20) !important;
}

html[data-site-page] body.inst-design-1:not(.dark) .image-in,
html[data-site-page] body.inst-design-1:not(.dark) #theme-sensitive-image {
  background: linear-gradient(145deg, #fff, #f5eff9);
  border-color: rgba(79,9,105,0.16) !important;
  border-left-color: var(--inst-accent) !important;
}

html[data-site-page] body.inst-design-1:not(.dark) .inst-flow li {
  border: 1px solid rgba(79,9,105,0.16) !important;
  border-left: 7px solid var(--inst-accent) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,0.20) !important;
}

html[data-site-page] body.inst-design-1 #theme-sensitive-image {
  max-width: min(100%, 620px);
  max-height: 380px;
}

html[data-site-page] body.inst-design-1 .inst-flow .inst-li-center {
  padding: 12px 16px 12px 22px;
  text-align: left;
  border-left-width: 7px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.10);
}

html[data-site-page] body.inst-design-1 .inst-flow .inst-li-center::before {
  content: none;
  display: none;
}

html[data-site-page] body.inst-design-2 {
  --inst-radius: 24px;
  --inst-panel: rgba(255,255,255,0.045);
  background-image: linear-gradient(90deg, rgba(148,20,196,0.12) 1px, transparent 1px), linear-gradient(rgba(148,20,196,0.08) 1px, transparent 1px) !important;
  background-size: 36px 36px !important;
}

html[data-site-page] body.inst-design-2 .inst-main {
  position: relative;
}

html[data-site-page] body.inst-design-2 .inst-main::before {
  content: "";
  position: absolute;
  top: 90px;
  bottom: 20px;
  left: 122px;
  width: 2px;
  background: linear-gradient(180deg, transparent, var(--inst-accent-2), transparent);
}

html[data-site-page] body.inst-design-2 .inst-panel {
  grid-template-columns: 180px minmax(0, 1fr);
  background: rgba(20,15,28,0.82);
  backdrop-filter: blur(14px);
}

html[data-site-page] body.inst-design-2:not(.dark) .inst-panel {
  background: rgba(255,255,255,0.86);
}

html[data-site-page] body.inst-design-3 {
  --inst-bg: #050807;
  --inst-accent: #1fd96e;
  --inst-accent-2: #66ffac;
  --inst-line: rgba(102,255,172,0.20);
  --inst-panel-strong: rgba(102,255,172,0.09);
  font-family: "Consolas", "Lucida Console", monospace;
  background-image: linear-gradient(rgba(102,255,172,0.06) 1px, transparent 1px) !important;
  background-size: 100% 18px !important;
}

html[data-site-page] body.inst-design-3:not(.dark) {
  --inst-bg: #f4fff8;
  --inst-ink: #102219;
  --inst-muted: rgba(16,34,25,0.68);
}

html[data-site-page] body.inst-design-3 :is(.inst-hero, .saydis-hero),
html[data-site-page] body.inst-design-3 .inst-panel,
html[data-site-page] body.inst-design-3 .inst-alert {
  border-radius: 14px;
  box-shadow: 0 0 0 1px rgba(102,255,172,0.07), 0 18px 50px rgba(0,0,0,0.24);
}

html[data-site-page] body.inst-design-3 .inst-flow li {
  border-radius: 10px;
}

html[data-site-page] body.inst-design-4 {
  --inst-bg: #17131b;
}

html[data-site-page] body.inst-design-4:not(.dark) {
  --inst-bg: #fbf7f1;
}

html[data-site-page] body.inst-design-4 .inst-panel {
  grid-template-columns: 1fr;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding: 34px;
  background: linear-gradient(145deg, rgba(255,255,255,0.075), rgba(148,20,196,0.055));
}

html[data-site-page] body.inst-design-4 .inst-panel__meta {
  position: static;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

html[data-site-page] body.inst-design-4 .inst-panel__body {
  background: transparent;
  border: 0;
  padding: 0;
}

html[data-site-page] body.inst-design-5 {
  --inst-bg: radial-gradient(circle at 10% 0%, rgba(148,20,196,0.22), transparent 34%), radial-gradient(circle at 90% 20%, rgba(179,98,255,0.14), transparent 36%), #100f15;
}

html[data-site-page] body.inst-design-5:not(.dark) {
  --inst-bg: radial-gradient(circle at 10% 0%, rgba(79,9,105,0.10), transparent 34%), #f7f3fb;
}

html[data-site-page] body.inst-design-5 .inst-panel {
  transform: rotate(-0.35deg);
}

html[data-site-page] body.inst-design-5 .inst-panel:nth-of-type(odd) {
  transform: rotate(0.35deg);
}

html[data-site-page] body.inst-design-5 .inst-panel__body,
html[data-site-page] body.inst-design-5 .inst-flow li {
  border-radius: 32px;
}

html[data-site-page] body.inst-design-6 .inst-panel {
  grid-template-columns: 1fr;
}

html[data-site-page] body.inst-design-6 .inst-panel__meta {
  position: static;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
}

html[data-site-page] body.inst-design-6 .inst-flow ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html[data-site-page] body.inst-design-6 .inst-flow li {
  min-height: 120px;
}

html[data-site-page] body.inst-design-7 {
  --inst-bg: #0e0c14;
  --inst-hero-bg: linear-gradient(120deg, rgba(79,9,105,0.95), rgba(20,14,30,0.98));
}

html[data-site-page] body.inst-design-7 .inst-panel {
  grid-template-columns: minmax(0, 1fr) 180px;
}

html[data-site-page] body.inst-design-7 .inst-panel__meta {
  grid-column: 2;
  grid-row: 1;
  position: sticky;
}

html[data-site-page] body.inst-design-7 .inst-panel__body {
  grid-column: 1;
  grid-row: 1;
}

html[data-site-page] body.inst-design-7 .inst-flow li {
  border-left: 5px solid var(--inst-accent-2);
}

@media (max-width: 1100px) {
  html[data-site-page] body.inst-page :is(.inst-hero, .saydis-hero) {
    grid-template-columns: 1fr;
    text-align: center;
  }

  html[data-site-page] body.inst-page :is(.inst-logo, .saydis-logo) {
    margin: 0 auto;
  }

  html[data-site-page] body.inst-page .inst-switcher {
    max-width: none;
    margin: 0 auto;
  }

  html[data-site-page] body.inst-page :is(.inst-related-products, .saydis-related) {
    align-self: auto;
    width: 100%;
    max-width: none;
    margin: 0 auto;
  }

  html[data-site-page] body.inst-page .inst-panel,
  html[data-site-page] body.inst-design-2 .inst-panel,
  html[data-site-page] body.inst-design-7 .inst-panel {
    grid-template-columns: 1fr;
  }

  html[data-site-page] body.inst-page .inst-panel__meta,
  html[data-site-page] body.inst-design-7 .inst-panel__meta {
    position: static;
    grid-column: auto;
    grid-row: auto;
  }

  html[data-site-page] body.inst-design-7 .inst-panel__body {
    grid-column: auto;
    grid-row: auto;
  }

  html[data-site-page] body.inst-design-2 .inst-main::before {
    display: none;
  }

  html[data-site-page] body.inst-design-6 .inst-flow ul {
    grid-template-columns: 1fr;
  }

  html[data-site-page] body.inst-page .inst-test-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.inst-page .inst-main {
    padding: 0 4px;
    margin-bottom: 52px;
  }

  html[data-site-page] body.inst-page :is(.inst-hero, .saydis-hero),
  html[data-site-page] body.inst-page .inst-panel,
  html[data-site-page] body.inst-page .inst-alert {
    border-radius: 24px;
    padding: 8px;
  }

  html[data-site-page] body.inst-page :is(.inst-hero__copy, .saydis-hero__copy) {
    padding: 2px 0;
  }

  html[data-site-page] body.inst-page .inst-alert {
    grid-template-columns: 1fr;
    text-align: center;
  }

  html[data-site-page] body.inst-design-1 .inst-alert {
    grid-template-columns: auto minmax(0, 1fr);
    text-align: center;
  }

  html[data-site-page] body.inst-page .inst-alert__mark {
    margin: 0 auto;
  }

  html[data-site-page] body.inst-page .inst-alert .head3,
  html[data-site-page] body.inst-page .inst-alert h1 {
    text-align: center !important;
  }

  html[data-site-page] body.inst-page .inst-panel {
    gap: 12px;
    margin: 20px 0;
  }

  html[data-site-page] body.inst-page .inst-panel__meta {
    padding: 12px 8px;
  }

  html[data-site-page] body.inst-page .inst-panel__body {
    padding: 8px;
  }

  html[data-site-page] body.inst-page .inst-flow {
    font-size: 1.52rem;
  }

  html[data-site-page] body.inst-page .inst-flow li {
    padding: 10px 6px 10px 10px;
  }

  html[data-site-page] body.inst-page .inst-flow li::before {
    content: none;
    display: none;
  }

  html[data-site-page] body.inst-page .inst-test-grid {
    grid-template-columns: 1fr;
  }
}

/* Final Rustkick override: no purple remains in shared product/instruction layouts. */
html[data-site-page] body.skin-rustkick::-webkit-scrollbar-thumb,
html[data-site-page] body.skin-rustkick.dark::-webkit-scrollbar-thumb,
html[data-site-page] body.skin-rustkick *::-webkit-scrollbar-thumb {
  background: #01a800 !important;
}

html[data-site-page] body.skin-rustkick.dark::-webkit-scrollbar-thumb,
html[data-site-page] body.skin-rustkick.dark *::-webkit-scrollbar-thumb {
  background: #01e800 !important;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-hero-total,
html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-title-count,
html[data-site-page] body.inst-page.skin-rustkick .saydis-hero-total,
html[data-site-page] body.inst-page.skin-rustkick .saydis-title-count {
  color: #ddffdf !important;
  background: linear-gradient(135deg, rgba(1,168,0,.22), rgba(1,232,0,.11)) !important;
  border-color: rgba(1,232,0,.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 24px rgba(1,120,0,.20) !important;
}

html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-hero-total,
html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-title-count,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .saydis-hero-total,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .saydis-title-count {
  color: #015f00 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(1,168,0,.10)) !important;
  border-color: rgba(1,120,0,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 10px 22px rgba(1,120,0,.10) !important;
}

html[data-site-page] body.inst-page.skin-rustkick {
  --inst-bg: #0d170e;
  --inst-ink: #f3fff4;
  --inst-muted: rgba(232,255,234,.70);
  --inst-panel: rgba(255,255,255,.052);
  --inst-panel-strong: rgba(1,168,0,.14);
  --inst-line: rgba(1,232,0,.24);
  --inst-accent: #01a800;
  --inst-accent-2: #01e800;
  --inst-hero-bg: linear-gradient(135deg, rgba(18,38,20,.96), rgba(8,18,10,.98));
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) {
  --inst-bg: linear-gradient(180deg, #f7fff7 0%, #eaf8ea 48%, #fbfffb 100%);
  --inst-ink: #102a12;
  --inst-muted: rgba(16,42,18,.68);
  --inst-panel: rgba(255,255,255,.86);
  --inst-panel-strong: rgba(235,249,235,.94);
  --inst-line: rgba(1,120,0,.20);
  --inst-accent: #017f00;
  --inst-accent-2: #01a800;
  --inst-hero-bg: linear-gradient(135deg, rgba(255,255,255,.95), rgba(232,249,232,.96));
}

html[data-site-page] body.inst-page.skin-rustkick :is(.saydis-hero, .inst-hero) {
  background: var(--inst-hero-bg) !important;
  box-shadow: 0 24px 70px rgba(1,120,0,.20), inset 3px 0 0 rgba(1,232,0,.22), inset -3px 0 0 rgba(1,232,0,.22) !important;
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) :is(.saydis-hero, .inst-hero) {
  box-shadow: 0 24px 70px rgba(1,120,0,.10), inset 3px 0 0 rgba(1,168,0,.18), inset -3px 0 0 rgba(1,168,0,.18) !important;
}

html[data-site-page] body.inst-page.skin-rustkick :is(.saydis-logo, .inst-logo) {
  background: radial-gradient(circle at 50% 50%, rgba(190,255,190,.14), transparent 46%), linear-gradient(145deg, #013f00 0%, #017f00 46%, #01a800 100%) !important;
  box-shadow: 0 20px 42px rgba(1,120,0,.34), 0 0 0 1px rgba(148,255,148,.30), inset 0 0 24px rgba(1,232,0,.18) !important;
}

html[data-site-page] body.inst-page.skin-rustkick :is(.saydis-logo, .inst-logo)::before {
  background: radial-gradient(circle at 72% 22%, rgba(190,255,190,.24), transparent 34%), linear-gradient(145deg, rgba(1,168,0,.82), rgba(1,84,0,.98)) !important;
  box-shadow: inset 0 0 0 1px rgba(190,255,190,.24), 0 12px 26px rgba(0,50,0,.20) !important;
}

html[data-site-page] body.inst-page.skin-rustkick :is(.saydis-logo, .inst-logo)::after {
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.95), rgba(148,255,148,.44), transparent) top 12px left 50% / 62px 10px no-repeat,
    linear-gradient(90deg, transparent, rgba(255,255,255,.88), rgba(148,255,148,.38), transparent) bottom 12px left 50% / 62px 10px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.92), rgba(148,255,148,.42), transparent) left 12px top 50% / 10px 62px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.86), rgba(148,255,148,.36), transparent) right 12px top 50% / 10px 62px no-repeat !important;
  filter: drop-shadow(0 0 10px rgba(1,232,0,.28)) !important;
}

html[data-site-page] body.inst-page.skin-rustkick .saydis-related,
html[data-site-page] body.inst-page.skin-rustkick .inst-related-products {
  background: linear-gradient(145deg, rgba(1,168,0,.16), rgba(255,255,255,.045)) !important;
  box-shadow: inset 3px 0 0 rgba(1,232,0,.18), inset -3px 0 0 rgba(1,232,0,.18) !important;
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .saydis-related,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .inst-related-products {
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(235,249,235,.94)) !important;
  box-shadow: inset 3px 0 0 rgba(1,168,0,.16), inset -3px 0 0 rgba(1,168,0,.16), 0 14px 34px rgba(1,120,0,.08) !important;
}

html[data-site-page] body.inst-page.skin-rustkick :is(.saydis-related, .inst-related-products) a,
html[data-site-page] body.inst-page.skin-rustkick .link1 {
  color: #9dff9d !important;
  background: rgba(1,168,0,.14) !important;
  border-color: rgba(1,232,0,.24) !important;
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) :is(.saydis-related, .inst-related-products) a,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .link1 {
  color: #016f00 !important;
  background: rgba(1,168,0,.09) !important;
  border-color: rgba(1,120,0,.20) !important;
}

html[data-site-page] body.inst-page.skin-rustkick .inst-panel__body,
html[data-site-page] body.inst-page.skin-rustkick .inst-flow li:not(.border-red),
html[data-site-page] body.inst-page.skin-rustkick .image-in,
html[data-site-page] body.inst-page.skin-rustkick #theme-sensitive-image {
  border-color: rgba(1,232,0,.24) !important;
  border-left-color: var(--inst-accent-2) !important;
  box-shadow: 0 16px 42px rgba(1,80,0,.18) !important;
}

html[data-site-page] body.inst-page.skin-rustkick .inst-flow li:not(.border-red) {
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(1,168,0,.075)) !important;
  border-left: 7px solid var(--inst-accent-2) !important;
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .inst-flow li:not(.border-red),
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .image-in,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) #theme-sensitive-image {
  background: linear-gradient(145deg, #fff, #eef9ee) !important;
  border-color: rgba(1,120,0,.18) !important;
  border-left-color: var(--inst-accent) !important;
}

html[data-site-page] body.inst-page.skin-rustkick .inst-alert {
  background: linear-gradient(145deg, rgba(1,168,0,.16), rgba(255,255,255,.045)) !important;
  border-color: rgba(1,232,0,.28) !important;
  box-shadow: 0 22px 58px rgba(1,80,0,.18) !important;
}

html[data-site-page] body.inst-page.skin-rustkick .inst-alert__mark {
  background: linear-gradient(135deg, #01e800, #017f00) !important;
  box-shadow: 0 0 24px rgba(1,232,0,.32) !important;
}

html[data-site-page] body.inst-page.skin-rustkick .inst-alert__text,
html[data-site-page] body.inst-page.skin-rustkick .u-text-red {
  color: #66ff66 !important;
}

/* Unified instruction pages: shared RU/EN shell and protected language controls. */
html.goog-translate-active body {
  top: 0 !important;
}

html[data-site-page] body.inst-page.inst-unified .goog-te-banner-frame,
html[data-site-page] body.inst-page.inst-unified .skiptranslate,
html[data-site-page] body.inst-page.inst-unified > .skiptranslate,
html[data-site-page] body.inst-page.inst-unified iframe.skiptranslate,
html[data-site-page] body.inst-page.inst-unified .goog-te-balloon-frame,
html[data-site-page] body.inst-page.inst-unified #goog-gt-tt,
html[data-site-page] body.inst-page.inst-unified #goog-gt-vt,
html[data-site-page] body.inst-page.inst-unified .goog-tooltip,
html[data-site-page] body.inst-page.inst-unified .VIpgJd-ZVi9od-ORHb-OEVmcd,
html[data-site-page] body.inst-page.inst-unified .VIpgJd-ZVi9od-aZ2wEe,
html[data-site-page] body.inst-page.inst-unified .VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
html[data-site-page] body.inst-page.inst-unified .VIpgJd-yAWNEb-L7lbkb {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-site-page] body.inst-page.inst-unified .saydis-hero {
  align-items: stretch;
}

html[data-site-page] body.inst-page.inst-unified .saydis-hero:not(:has(.saydis-related)),
html[data-site-page] body.inst-page.inst-unified .saydis-hero.inst-no-related {
  grid-template-columns: 1fr;
  justify-content: center;
  justify-items: center;
  width: min(760px, calc(100% - 20px));
  text-align: center;
}

html[data-site-page] body.inst-page.inst-unified .saydis-hero:not(:has(.saydis-related)) .saydis-logo,
html[data-site-page] body.inst-page.inst-unified .saydis-hero.inst-no-related .saydis-logo {
  justify-self: center;
}

html[data-site-page] body.inst-page.inst-unified .saydis-hero:not(:has(.saydis-related)) .saydis-hero__copy,
html[data-site-page] body.inst-page.inst-unified .saydis-hero.inst-no-related .saydis-hero__copy {
  max-width: 640px;
  padding: 0;
  text-align: center;
}

html[data-site-page] body.inst-page.inst-unified .saydis-hero > .inst-language-footer {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: minmax(170px, 240px) minmax(150px, 220px);
  justify-content: center;
  gap: 10px;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(179,98,255,.20);
}

html[data-site-page] body.inst-page.inst-unified:not(.dark) .saydis-hero > .inst-language-footer {
  border-top-color: rgba(79,9,105,.16);
}

html[data-site-page] body.inst-page.inst-unified .saydis-hero:not(:has(.saydis-related)) > .inst-language-footer,
html[data-site-page] body.inst-page.inst-unified .saydis-hero.inst-no-related > .inst-language-footer {
  max-width: 460px;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-lang-card__native {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-lang-card__native a,
html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-google-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 38px;
  width: 100%;
  padding: 8px 14px;
  color: var(--inst-ink);
  font: inherit;
  font-size: 1.08rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  background: rgba(148,20,196,0.13);
  border: 1px solid rgba(179,98,255,0.24);
  border-radius: 999px;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-lang-card__native a:hover,
html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-google-toggle:hover {
  transform: translateY(-2px);
  background: rgba(148,20,196,0.24);
  border-color: rgba(179,98,255,0.42);
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-lang-card__native a.is-active,
html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-lang-card__native a.selected {
  color: #fff;
  background: linear-gradient(135deg, var(--inst-accent-2), var(--inst-accent));
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 12px 28px rgba(79,9,105,.22);
}

html[data-site-page] body.home-root:not(.dark) .inst-lang-card__native a.is-active,
html[data-site-page] body.home-root:not(.dark) .inst-lang-card__native a.selected {
  color: #fff !important;
  background: linear-gradient(135deg, #9414c4, #4f0969) !important;
  border-color: rgba(79,9,105,.18) !important;
  box-shadow: 0 12px 24px rgba(79,9,105,.16) !important;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-google-toggle {
  margin: 0;
  text-transform: none;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-google-panel {
  grid-column: 1 / -1;
  justify-self: center;
  width: 100%;
  max-width: 620px;
  margin-top: 0;
  padding: 12px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(179,98,255,.18);
  border-radius: 18px;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root):not(.dark) .inst-google-panel {
  background: rgba(255,255,255,.86);
  border-color: rgba(79,9,105,.16);
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-google-panel[hidden],
html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-lang-panel[hidden] {
  display: none !important;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) #google_translate_element {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-google-options {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-google-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 10px;
  color: var(--inst-ink);
  font: inherit;
  font-size: 1.08rem;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(179,98,255,.16);
  border-radius: 14px;
  cursor: pointer;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-google-option:hover,
html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-google-option.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--inst-accent-2), var(--inst-accent));
  border-color: rgba(255,255,255,.18);
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root):not(.dark) .inst-google-option:hover,
html[data-site-page] body:is(.inst-page.inst-unified, .home-root):not(.dark) .inst-google-option.is-active {
  color: #fff;
  background: linear-gradient(135deg, #7d139f, #4f0969);
}

html[data-site-page] body.inst-page.inst-unified .inst-lang-panel {
  display: block;
}

html[data-site-page] body.inst-page.inst-unified .inst-theme-image {
  max-width: min(100%, 620px);
  max-height: 380px;
}

html[data-site-page] body.inst-page.inst-unified.skin-rustkick .saydis-hero > .inst-language-footer {
  border-top-color: rgba(1,232,0,.20);
}

html[data-site-page] body.inst-page.inst-unified.skin-rustkick:not(.dark) .saydis-hero > .inst-language-footer {
  border-top-color: rgba(1,120,0,.16);
}

html[data-site-page] body.inst-page.inst-unified.skin-rustkick .inst-lang-card__native a,
html[data-site-page] body.inst-page.inst-unified.skin-rustkick .inst-google-toggle {
  color: var(--inst-ink) !important;
  background: rgba(1,168,0,.14) !important;
  border-color: rgba(1,232,0,.24) !important;
}

html[data-site-page] body.inst-page.inst-unified.skin-rustkick .inst-lang-card__native a:hover,
html[data-site-page] body.inst-page.inst-unified.skin-rustkick .inst-google-toggle:hover,
html[data-site-page] body.inst-page.inst-unified.skin-rustkick .inst-lang-card__native a.is-active,
html[data-site-page] body.inst-page.inst-unified.skin-rustkick .inst-google-option:hover,
html[data-site-page] body.inst-page.inst-unified.skin-rustkick .inst-google-option.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #01e800, #017f00) !important;
  border-color: rgba(190,255,190,.28) !important;
}

html[data-site-page] body.inst-page.inst-unified.skin-rustkick .inst-google-panel,
html[data-site-page] body.inst-page.inst-unified.skin-rustkick .inst-google-option {
  border-color: rgba(1,232,0,.18) !important;
}

@media (max-width: 980px) {
  html[data-site-page] body.inst-page.inst-unified .saydis-hero {
    grid-template-columns: 1fr;
    margin: 16px 10px;
    padding: 18px;
    text-align: center;
  }

  html[data-site-page] body.inst-page.inst-unified .saydis-logo {
    justify-self: center;
  }

  html[data-site-page] body.inst-page.inst-unified .saydis-hero__copy {
    padding: 0;
  }

  html[data-site-page] body.inst-page.inst-unified .saydis-related {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  html[data-site-page] body.inst-page.inst-unified .saydis-hero > .inst-language-footer {
    grid-template-columns: minmax(0, 1fr);
    max-width: 460px;
  }

  html[data-site-page] body.inst-page.inst-unified .inst-google-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.inst-page.inst-unified .inst-main {
    padding: 0 10px;
  }
}

.selected {
    color: #0081df;
}
:root {
    --swiper-navigation-size: 44px;
}
@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes iziM-comingIn {
    0% {
        opacity: 0;
        transform: scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0) perspective(600px) rotateX(0);
    }

}
@-moz-keyframes iziM-comingIn {
    0% {
        opacity: 0;
        transform: scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0) perspective(600px) rotateX(0);
    }
}
@keyframes iziM-comingIn {
    0% {
        opacity: 0;
        transform: scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0) perspective(600px) rotateX(0);
    }
}
@-webkit-keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.9);
    }
}
@-moz-keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.9);
    }
}
@keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.9);
    }
}
@-webkit-keyframes iziM-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-moz-keyframes iziM-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes iziM-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes iziM-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes iziM-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes iziM-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes iziM-slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes iziM-slideIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(50px);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@keyframes iziM-slideIn {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes iziM-slideDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 0) translateY(-40px);
        -webkit-transform-origin: center top;
    }
}
@-moz-keyframes iziM-slideDown {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 0) translateY(-40px);
        -moz-transform-origin: center top;
    }
}
@keyframes iziM-slideDown {
    0% {
        opacity: 0;
        transform: scale(1, 0) translateY(-40px);
        transform-origin: center top;
    }
}
@-webkit-keyframes iziM-revealIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 1);
    }
}
@-moz-keyframes iziM-revealIn {
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.3, 0.3, 1);
    }
}
@keyframes iziM-revealIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 1);
    }
}
@-webkit-keyframes iziM-bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes iziM-bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
}
@keyframes iziM-bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
}
@-webkit-keyframes iziM-bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes iziM-bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes iziM-bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes iziM-bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0);
    }
}
@-webkit-keyframes iziM-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes iziM-fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}
@keyframes iziM-fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}
@-webkit-keyframes iziM-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes iziM-fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}
@keyframes iziM-fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}
@-webkit-keyframes iziM-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes iziM-fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
}
@keyframes iziM-fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
}
@-webkit-keyframes iziM-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes iziM-fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
}
@keyframes iziM-fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
}
@-webkit-keyframes iziM-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(60deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    to {
        -webkit-transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}
@keyframes iziM-flipInX {
    0% {
        transform: perspective(400px) rotateX(60deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    to {
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}
@-webkit-keyframes iziM-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        opacity: 0;
    }
}
@keyframes iziM-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        opacity: 0;
    }
} 

@-webkit-keyframes os-resize-observer-dummy-animation {
    0% {
        z-index: 0;
    }
    to {
        z-index: -1;
    }
}
@keyframes os-resize-observer-dummy-animation {
    0% {
        z-index: 0;
    }
    to {
        z-index: -1;
    }
}
@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/ManropeRegular.woff) format("woff"), url(fonts/ManropeRegular.woff2) format("woff2");
}
@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/ManropeMedium.woff) format("woff"), url(fonts/ManropeMedium.woff2) format("woff2");
}
@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/ManropeSemiBold.woff) format("woff"), url(fonts/ManropeSemiBold.woff2) format("woff2");
}
@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/ManropeBold.woff) format("woff"), url(fonts/ManropeBold.woff2) format("woff2");
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
}
header,
main,
section {
    display: block;
}
.logo {
    max-width: 100%;
    height: 100px;
    border-radius: 100px;
}
html {
    -webkit-text-size-adjust: 100%;
}
main {
    display: block;
}
a {
    background-color: transparent;
}
img {
    border-style: none;
}
.image-in {max-width:100%;max-height:450px;}
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
[hidden] {
    display: none;
}
html {
    font-size: 62.5%;
}

/* Rustkick must stay green everywhere, including the new shared layouts. */
html[data-site-page] body.skin-rustkick::-webkit-scrollbar-thumb,
html[data-site-page] body.skin-rustkick.dark::-webkit-scrollbar-thumb,
html[data-site-page] body.skin-rustkick *::-webkit-scrollbar-thumb {
  background: #01a800 !important;
}

html[data-site-page] body.skin-rustkick.dark::-webkit-scrollbar-thumb,
html[data-site-page] body.skin-rustkick.dark *::-webkit-scrollbar-thumb {
  background: #01e800 !important;
}

html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-hero-total,
html[data-site-page] body.saydis-new-4.skin-rustkick .saydis-title-count,
html[data-site-page] body.inst-page.skin-rustkick .saydis-hero-total,
html[data-site-page] body.inst-page.skin-rustkick .saydis-title-count {
  color: #ddffdf !important;
  background: linear-gradient(135deg, rgba(1,168,0,.22), rgba(1,232,0,.11)) !important;
  border-color: rgba(1,232,0,.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 24px rgba(1,120,0,.20) !important;
}

html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-hero-total,
html[data-site-page] body.saydis-new-4.skin-rustkick:not(.dark) .saydis-title-count,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .saydis-hero-total,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .saydis-title-count {
  color: #015f00 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(1,168,0,.10)) !important;
  border-color: rgba(1,120,0,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 10px 22px rgba(1,120,0,.10) !important;
}

html[data-site-page] body.inst-page.skin-rustkick {
  --inst-bg: #0d170e;
  --inst-ink: #f3fff4;
  --inst-muted: rgba(232,255,234,.70);
  --inst-panel: rgba(255,255,255,.052);
  --inst-panel-strong: rgba(1,168,0,.14);
  --inst-line: rgba(1,232,0,.24);
  --inst-accent: #01a800;
  --inst-accent-2: #01e800;
  --inst-hero-bg: linear-gradient(135deg, rgba(18,38,20,.96), rgba(8,18,10,.98));
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) {
  --inst-bg: linear-gradient(180deg, #f7fff7 0%, #eaf8ea 48%, #fbfffb 100%);
  --inst-ink: #102a12;
  --inst-muted: rgba(16,42,18,.68);
  --inst-panel: rgba(255,255,255,.86);
  --inst-panel-strong: rgba(235,249,235,.94);
  --inst-line: rgba(1,120,0,.20);
  --inst-accent: #017f00;
  --inst-accent-2: #01a800;
  --inst-hero-bg: linear-gradient(135deg, rgba(255,255,255,.95), rgba(232,249,232,.96));
}

html[data-site-page] body.inst-page.skin-rustkick :is(.saydis-hero, .inst-hero) {
  background: var(--inst-hero-bg) !important;
  box-shadow: 0 24px 70px rgba(1,120,0,.20), inset 3px 0 0 rgba(1,232,0,.22), inset -3px 0 0 rgba(1,232,0,.22) !important;
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) :is(.saydis-hero, .inst-hero) {
  box-shadow: 0 24px 70px rgba(1,120,0,.10), inset 3px 0 0 rgba(1,168,0,.18), inset -3px 0 0 rgba(1,168,0,.18) !important;
}

html[data-site-page] body.inst-page.skin-rustkick :is(.saydis-logo, .inst-logo) {
  background: radial-gradient(circle at 50% 50%, rgba(190,255,190,.14), transparent 46%), linear-gradient(145deg, #013f00 0%, #017f00 46%, #01a800 100%) !important;
  box-shadow: 0 20px 42px rgba(1,120,0,.34), 0 0 0 1px rgba(148,255,148,.30), inset 0 0 24px rgba(1,232,0,.18) !important;
}

html[data-site-page] body.inst-page.skin-rustkick :is(.saydis-logo, .inst-logo)::before {
  background: radial-gradient(circle at 72% 22%, rgba(190,255,190,.24), transparent 34%), linear-gradient(145deg, rgba(1,168,0,.82), rgba(1,84,0,.98)) !important;
  box-shadow: inset 0 0 0 1px rgba(190,255,190,.24), 0 12px 26px rgba(0,50,0,.20) !important;
}

html[data-site-page] body.inst-page.skin-rustkick :is(.saydis-logo, .inst-logo)::after {
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.95), rgba(148,255,148,.44), transparent) top 12px left 50% / 62px 10px no-repeat,
    linear-gradient(90deg, transparent, rgba(255,255,255,.88), rgba(148,255,148,.38), transparent) bottom 12px left 50% / 62px 10px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.92), rgba(148,255,148,.42), transparent) left 12px top 50% / 10px 62px no-repeat,
    linear-gradient(180deg, transparent, rgba(255,255,255,.86), rgba(148,255,148,.36), transparent) right 12px top 50% / 10px 62px no-repeat !important;
  filter: drop-shadow(0 0 10px rgba(1,232,0,.28)) !important;
}

html[data-site-page] body.inst-page.skin-rustkick .saydis-related,
html[data-site-page] body.inst-page.skin-rustkick .inst-related-products {
  background: linear-gradient(145deg, rgba(1,168,0,.16), rgba(255,255,255,.045)) !important;
  box-shadow: inset 3px 0 0 rgba(1,232,0,.18), inset -3px 0 0 rgba(1,232,0,.18) !important;
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .saydis-related,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .inst-related-products {
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(235,249,235,.94)) !important;
  box-shadow: inset 3px 0 0 rgba(1,168,0,.16), inset -3px 0 0 rgba(1,168,0,.16), 0 14px 34px rgba(1,120,0,.08) !important;
}

html[data-site-page] body.inst-page.skin-rustkick :is(.saydis-related, .inst-related-products) a,
html[data-site-page] body.inst-page.skin-rustkick .link1 {
  color: #9dff9d !important;
  background: rgba(1,168,0,.14) !important;
  border-color: rgba(1,232,0,.24) !important;
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) :is(.saydis-related, .inst-related-products) a,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .link1 {
  color: #016f00 !important;
  background: rgba(1,168,0,.09) !important;
  border-color: rgba(1,120,0,.20) !important;
}

html[data-site-page] body.inst-page.skin-rustkick .inst-panel__body,
html[data-site-page] body.inst-page.skin-rustkick .inst-flow li:not(.border-red),
html[data-site-page] body.inst-page.skin-rustkick .image-in,
html[data-site-page] body.inst-page.skin-rustkick #theme-sensitive-image {
  border-color: rgba(1,232,0,.24) !important;
  border-left-color: var(--inst-accent-2) !important;
  box-shadow: 0 16px 42px rgba(1,80,0,.18) !important;
}

html[data-site-page] body.inst-page.skin-rustkick .inst-flow li:not(.border-red) {
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(1,168,0,.075)) !important;
  border-left: 7px solid var(--inst-accent-2) !important;
}

html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .inst-flow li:not(.border-red),
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) .image-in,
html[data-site-page] body.inst-page.skin-rustkick:not(.dark) #theme-sensitive-image {
  background: linear-gradient(145deg, #fff, #eef9ee) !important;
  border-color: rgba(1,120,0,.18) !important;
  border-left-color: var(--inst-accent) !important;
}

html[data-site-page] body.inst-page.skin-rustkick .inst-alert {
  background: linear-gradient(145deg, rgba(1,168,0,.16), rgba(255,255,255,.045)) !important;
  border-color: rgba(1,232,0,.28) !important;
  box-shadow: 0 22px 58px rgba(1,80,0,.18) !important;
}

html[data-site-page] body.inst-page.skin-rustkick .inst-alert__mark {
  background: linear-gradient(135deg, #01e800, #017f00) !important;
  box-shadow: 0 0 24px rgba(1,232,0,.32) !important;
}

html[data-site-page] body.inst-page.skin-rustkick .inst-alert__text,
html[data-site-page] body.inst-page.skin-rustkick .u-text-red {
  color: #66ff66 !important;
}

/* Unified instruction side panel: related products and language controls share one slot. */
html[data-site-page] body.inst-page.inst-unified .saydis-hero,
html[data-site-page] body.inst-page.inst-unified .saydis-hero.inst-no-related,
html[data-site-page] body.inst-page.inst-unified .saydis-hero:not(:has(.saydis-related)) {
  grid-template-columns: auto minmax(0, 1fr) minmax(245px, 340px) !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
  width: auto !important;
  max-width: 1780px !important;
  text-align: left !important;
}

html[data-site-page] body.inst-page.inst-unified .saydis-hero .saydis-logo {
  justify-self: auto !important;
  align-self: center !important;
  transform: translateY(5px);
}

html[data-site-page] body.inst-page.inst-unified .saydis-hero .saydis-hero__copy,
html[data-site-page] body.inst-page.inst-unified .saydis-hero.inst-no-related .saydis-hero__copy,
html[data-site-page] body.inst-page.inst-unified .saydis-hero:not(:has(.saydis-related)) .saydis-hero__copy {
  align-self: center !important;
  max-width: none !important;
  padding: 8px 14px !important;
  text-align: left !important;
  transform: translateY(5px);
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  min-width: 245px;
  max-width: 340px;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel:not(:has(.saydis-related)) {
  justify-self: center;
  align-self: center;
  width: min(252px, 100%);
  min-width: 0;
}

html[data-site-page] body.home-root .inst-side-panel:not(:has(.saydis-related)) {
  justify-self: center;
  align-self: center;
  width: min(252px, 100%);
  max-width: 252px;
  margin-left: 0;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel:has(.saydis-related),
html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel:not(:has(.saydis-related)) {
  padding: 16px;
  text-align: center;
  background: linear-gradient(145deg, rgba(148,20,196,0.16), rgba(255,255,255,0.045));
  border-radius: 24px;
  box-shadow: inset 3px 0 0 rgba(148,20,196,0.18), inset -3px 0 0 rgba(148,20,196,0.18);
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root):not(.dark) .inst-side-panel:has(.saydis-related),
html[data-site-page] body:is(.inst-page.inst-unified, .home-root):not(.dark) .inst-side-panel:not(:has(.saydis-related)) {
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,229,248,.92));
  box-shadow: inset 3px 0 0 rgba(148,20,196,0.16), inset -3px 0 0 rgba(148,20,196,0.16), 0 14px 34px rgba(79,9,105,.08);
}

html[data-site-page] body.inst-page.inst-unified.skin-rustkick .inst-side-panel:has(.saydis-related),
html[data-site-page] body.inst-page.inst-unified.skin-rustkick .inst-side-panel:not(:has(.saydis-related)) {
  background: linear-gradient(145deg, rgba(1,168,0,.16), rgba(255,255,255,.045)) !important;
  box-shadow: inset 3px 0 0 rgba(1,232,0,.18), inset -3px 0 0 rgba(1,232,0,.18) !important;
}

html[data-site-page] body.inst-page.inst-unified.skin-rustkick:not(.dark) .inst-side-panel:has(.saydis-related),
html[data-site-page] body.inst-page.inst-unified.skin-rustkick:not(.dark) .inst-side-panel:not(:has(.saydis-related)) {
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(235,249,235,.94)) !important;
  box-shadow: inset 3px 0 0 rgba(1,168,0,.16), inset -3px 0 0 rgba(1,168,0,.16), 0 14px 34px rgba(1,120,0,.08) !important;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel .saydis-related {
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 0 0 13px;
  background: transparent !important;
  border-radius: 0;
  box-shadow: none !important;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel .inst-language-footer {
  display: grid !important;
  grid-template-columns: minmax(126px, 1fr) minmax(104px, .72fr);
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel:has(.saydis-related) .inst-language-footer {
  margin-top: 2px;
  padding: 14px 0 0;
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(179,98,255,.22);
  border-radius: 0;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root):not(.dark) .inst-side-panel:has(.saydis-related) .inst-language-footer {
  background: transparent;
  border-top-color: rgba(79,9,105,.18);
}

html[data-site-page] body.inst-page.inst-unified.skin-rustkick .inst-side-panel:has(.saydis-related) .inst-language-footer {
  border-top-color: rgba(1,232,0,.22);
}

html[data-site-page] body.inst-page.inst-unified.skin-rustkick:not(.dark) .inst-side-panel:has(.saydis-related) .inst-language-footer {
  border-top-color: rgba(1,120,0,.18);
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel:not(:has(.saydis-related)) .inst-language-footer {
  grid-template-columns: minmax(0, 220px);
  justify-content: center;
  gap: 8px;
}

html[data-site-page] body.home-root .inst-side-panel:not(:has(.saydis-related)) .inst-language-footer {
  grid-template-columns: minmax(0, 220px);
  width: 100%;
  max-width: 220px;
}

html[data-site-page] body.home-root .inst-lang-card__native a {
  min-height: 36px;
  font-size: .98rem;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel .inst-lang-card__native {
  min-width: 0;
  gap: 7px;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel:not(:has(.saydis-related)) .inst-lang-card__native {
  width: 100%;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel .inst-lang-card__native a,
html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel .inst-google-toggle {
  min-height: 36px;
  padding: 7px 10px;
  font-size: .98rem;
  white-space: nowrap;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel .inst-google-toggle {
  grid-column: auto;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel:not(:has(.saydis-related)) .inst-google-toggle {
  grid-column: 1 / -1;
  width: 100%;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel .inst-google-panel {
  grid-column: 1 / -1;
  max-width: none;
  padding: 10px;
}

html[data-site-page] body:is(.inst-page.inst-unified, .home-root) .inst-side-panel .inst-google-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 980px) {
  html[data-site-page] body.inst-page.inst-unified .saydis-hero,
  html[data-site-page] body.inst-page.inst-unified .saydis-hero.inst-no-related,
  html[data-site-page] body.inst-page.inst-unified .saydis-hero:not(:has(.saydis-related)) {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  html[data-site-page] body.inst-page.inst-unified .saydis-hero .saydis-logo {
    justify-self: center !important;
    transform: none;
  }

  html[data-site-page] body.inst-page.inst-unified .saydis-hero .saydis-hero__copy,
  html[data-site-page] body.inst-page.inst-unified .saydis-hero.inst-no-related .saydis-hero__copy,
  html[data-site-page] body.inst-page.inst-unified .saydis-hero:not(:has(.saydis-related)) .saydis-hero__copy {
    padding: 0 !important;
    text-align: center !important;
    transform: none;
  }

  html[data-site-page] body.inst-page.inst-unified .inst-side-panel {
    justify-self: center;
    width: 100%;
    max-width: 460px;
  }
}

/* Stalcraft item pages use the same right-side language panel, but keep page content untouched. */
html[data-site-page] body.inst-page:not(.inst-unified) .saydis-logo,
html[data-site-page] body.inst-page:not(.inst-unified) .saydis-hero__copy {
  align-self: center;
  transform: translateY(5px);
}

html[data-site-page] body.sc-items.skin-stalcraft .saydis-hero {
  grid-template-columns: auto minmax(0, 1fr) minmax(245px, 340px);
}

html[data-site-page] body.sc-items.skin-stalcraft .saydis-logo,
html[data-site-page] body.sc-items.skin-stalcraft .saydis-hero__copy {
  align-self: center;
  transform: translateY(5px);
}

html[data-site-page] body.sc-items.skin-stalcraft .inst-side-panel {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  min-width: 245px;
  max-width: 340px;
  padding: 16px;
  text-align: center;
  background: linear-gradient(145deg, rgba(148,20,196,0.16), rgba(255,255,255,0.045));
  border-radius: 24px;
  box-shadow: inset 3px 0 0 rgba(148,20,196,0.18), inset -3px 0 0 rgba(148,20,196,0.18);
}

html[data-site-page] body.sc-items.skin-stalcraft:not(.dark) .inst-side-panel {
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,229,248,.92));
  box-shadow: inset 3px 0 0 rgba(148,20,196,0.16), inset -3px 0 0 rgba(148,20,196,0.16), 0 14px 34px rgba(79,9,105,.08);
}

html[data-site-page] body.sc-items.skin-stalcraft .inst-side-panel .saydis-related {
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 0 0 13px;
  background: transparent !important;
  border-radius: 0;
  box-shadow: none !important;
}

html[data-site-page] body.sc-items.skin-stalcraft .inst-language-footer {
  display: grid;
  grid-template-columns: minmax(126px, 1fr) minmax(104px, .72fr);
  gap: 8px;
  width: 100%;
  min-width: 0;
  margin-top: 2px;
  padding: 14px 0 0;
  border-top: 1px solid rgba(179,98,255,.22);
}

html[data-site-page] body.sc-items.skin-stalcraft:not(.dark) .inst-language-footer {
  border-top-color: rgba(79,9,105,.18);
}

html[data-site-page] body.sc-items.skin-stalcraft .inst-lang-card__native {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
  width: 100%;
}

html[data-site-page] body.sc-items.skin-stalcraft .inst-lang-card__native button,
html[data-site-page] body.sc-items.skin-stalcraft .inst-google-toggle,
html[data-site-page] body.sc-items.skin-stalcraft .inst-google-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 36px;
  padding: 7px 10px;
  color: var(--saydis-ink);
  font: inherit;
  font-size: .98rem;
  font-weight: 950;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background: rgba(148,20,196,0.13);
  border: 1px solid rgba(179,98,255,0.24);
  border-radius: 999px;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

html[data-site-page] body.sc-items.skin-stalcraft .inst-lang-card__native button:hover,
html[data-site-page] body.sc-items.skin-stalcraft .inst-lang-card__native button.is-active,
html[data-site-page] body.sc-items.skin-stalcraft .inst-google-toggle:hover,
html[data-site-page] body.sc-items.skin-stalcraft .inst-google-option:hover,
html[data-site-page] body.sc-items.skin-stalcraft .inst-google-option.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--saydis-accent-2, #9414c4), var(--saydis-accent, #4f0969));
  border-color: rgba(255,255,255,.22);
}

html[data-site-page] body.sc-items.skin-stalcraft .inst-google-panel {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  margin-top: 0;
  padding: 10px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(179,98,255,.18);
  border-radius: 18px;
}

html[data-site-page] body.sc-items.skin-stalcraft:not(.dark) .inst-google-panel {
  background: rgba(255,255,255,.86);
  border-color: rgba(79,9,105,.16);
}

html[data-site-page] body.sc-items.skin-stalcraft .inst-google-panel[hidden] {
  display: none !important;
}

html[data-site-page] body.sc-items.skin-stalcraft .inst-google-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

html[data-site-page] body.sc-items.skin-stalcraft #google_translate_element {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

html[data-site-page] body.sc-items.skin-stalcraft .goog-te-banner-frame,
html[data-site-page] body.sc-items.skin-stalcraft .skiptranslate,
html[data-site-page] body.sc-items.skin-stalcraft > .skiptranslate,
html[data-site-page] body.sc-items.skin-stalcraft iframe.skiptranslate,
html[data-site-page] body.sc-items.skin-stalcraft .goog-te-balloon-frame,
html[data-site-page] body.sc-items.skin-stalcraft #goog-gt-tt,
html[data-site-page] body.sc-items.skin-stalcraft #goog-gt-vt,
html[data-site-page] body.sc-items.skin-stalcraft .goog-tooltip,
html[data-site-page] body.sc-items.skin-stalcraft .VIpgJd-ZVi9od-ORHb-OEVmcd,
html[data-site-page] body.sc-items.skin-stalcraft .VIpgJd-ZVi9od-aZ2wEe,
html[data-site-page] body.sc-items.skin-stalcraft .VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
html[data-site-page] body.sc-items.skin-stalcraft .VIpgJd-yAWNEb-L7lbkb {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 980px) {
  html[data-site-page] body.sc-items.skin-stalcraft .saydis-hero {
    grid-template-columns: 1fr;
    text-align: center;
  }

  html[data-site-page] body.sc-items.skin-stalcraft .saydis-logo,
  html[data-site-page] body.sc-items.skin-stalcraft .saydis-hero__copy {
    justify-self: center;
    transform: none;
  }

  html[data-site-page] body.inst-page:not(.inst-unified) .saydis-logo,
  html[data-site-page] body.inst-page:not(.inst-unified) .saydis-hero__copy {
    transform: none;
  }

html[data-site-page] body.sc-items.skin-stalcraft .inst-side-panel {
    justify-self: center;
    width: 100%;
    max-width: 460px;
  }
}

/* NW follows the Warframe-style cards: natural image proportions, clamped inside the frame. */
html[data-site-page] body.saydis-new-4.skin-nw .saydis-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

html[data-site-page] body.saydis-new-4.skin-nw .saydis-md {
  display: grid !important;
  place-items: center !important;
  min-height: 146px !important;
  padding: 8px !important;
  overflow: hidden !important;
  background: rgba(148,20,196,0.08) !important;
  border: 1px solid rgba(179,98,255,0.14) !important;
  border-radius: 14px !important;
}

html[data-site-page] body.saydis-new-4.skin-nw .saydis-md img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 136px !important;
  object-fit: contain !important;
  border-radius: 12px !important;
}

html[data-site-page] body.saydis-new-4.skin-nw .saydis-copy {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 36px !important;
  text-align: center !important;
}

html[data-site-page] body.saydis-new-4.skin-nw .saydis-copy strong {
  display: block !important;
  width: 100% !important;
  color: var(--saydis-ink) !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
}

html[data-site-page] body.saydis-new-4.skin-nw:not(.dark) .saydis-md {
  background: rgba(79,9,105,0.055) !important;
}

/* Unified square catalog cards for ordinary item pages. */
html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw):not(.skin-sot):not(.skin-warframe):not(.skin-phasmophobia):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) > .saydis-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  padding: 8px !important;
  gap: 8px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw):not(.skin-sot):not(.skin-warframe):not(.skin-phasmophobia):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) .saydis-md {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  padding: 8px !important;
  overflow: hidden !important;
  background: rgba(148,20,196,0.08) !important;
  border: 1px solid rgba(179,98,255,0.14) !important;
  border-radius: 18px !important;
}

html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw):not(.skin-sot):not(.skin-warframe):not(.skin-phasmophobia):not(.skin-stalcraft):not(.dark) .saydis-md {
  background: rgba(79,9,105,0.055) !important;
}

html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw):not(.skin-sot):not(.skin-warframe):not(.skin-phasmophobia):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) .saydis-md img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  border-radius: 14px !important;
}

html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw):not(.skin-sot):not(.skin-warframe):not(.skin-phasmophobia):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) .saydis-copy {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  text-align: center !important;
}

html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw):not(.skin-sot):not(.skin-warframe):not(.skin-phasmophobia):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) .saydis-copy strong {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 100% !important;
  color: var(--saydis-ink) !important;
  font-size: clamp(1.41rem, .82vw, 1.34rem) !important;
  line-height: 1.14 !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
}

/* Stalcraft product pages - clean layer */
html[data-site-page] body.sc-items {
  --st-panel: var(--saydis-panel, rgba(28,24,34,0.82));
  --st-border: rgba(179,98,255,0.22);
  --st-ink: var(--saydis-ink, #f7edff);
  --st-muted: rgba(247,237,255,0.70);
  color: var(--st-ink);
}

html[data-site-page] body.sc-items:not(.dark) {
  --st-panel: rgba(255,255,255,0.90);
  --st-border: rgba(79,9,105,0.16);
  --st-ink: #24122e;
  --st-muted: rgba(36,18,46,0.68);
}

html[data-site-page] body.sc-items .saydis-hero {
  margin-bottom: 22px;
}

html[data-site-page] body.sc-items .sc-total-hero {
  grid-template-columns: 1fr !important;
  margin-top: -8px;
  margin-bottom: 30px;
  padding: 22px 26px;
}

html[data-site-page] body.sc-items .sc-total-hero .saydis-hero__copy,
html[data-site-page] body.sc-items .sc-total-hero .saydis-hero-kicker {
  justify-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
}

html[data-site-page] body.sc-items .sc-total {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 14px 20px;
  color: #fff !important;
  font-size: clamp(1.35rem, 2.3vw, 2.35rem) !important;
  font-weight: 950;
  line-height: 1.12;
  text-align: center;
  overflow-wrap: anywhere;
  background: linear-gradient(135deg, rgba(148,20,196,0.96), rgba(79,9,105,0.94));
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 24px;
  box-shadow: 0 16px 38px rgba(79,9,105,0.30), inset 0 1px 0 rgba(255,255,255,0.18);
}

html[data-site-page] body.sc-items:not(.dark) .sc-total {
  color: #4f0969 !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(148,20,196,0.12));
  border-color: rgba(79,9,105,0.22);
  box-shadow: 0 14px 30px rgba(79,9,105,0.12), inset 0 1px 0 rgba(255,255,255,0.85);
}

html[data-site-page] body.sc-items .sc-list,
html[data-site-page] body.skin-stalcraft .st-items-section {
  display: grid;
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
  gap: 16px;
  margin: 30px 0;
  padding: 16px;
  background: linear-gradient(145deg, rgba(148,20,196,0.12), rgba(255,255,255,0.025));
  border: 1px solid var(--st-border);
  border-radius: 34px;
  box-shadow: 0 22px 60px rgba(79,9,105,0.18);
}

html[data-site-page] body.sc-items:not(.dark) .sc-list,
html[data-site-page] body.skin-stalcraft:not(.dark) .st-items-section {
  background: linear-gradient(145deg, rgba(255,255,255,0.94), rgba(242,229,248,0.92));
  box-shadow: 0 18px 44px rgba(79,9,105,0.10);
}

html[data-site-page] body.sc-items .sc-list > aside,
html[data-site-page] body.skin-stalcraft .st-items-section > aside {
  position: sticky;
  top: 18px;
  align-self: start;
  min-width: 0;
  padding: 18px;
  color: var(--st-ink);
  text-align: left;
  background: linear-gradient(145deg, rgba(148,20,196,0.18), rgba(255,255,255,0.05));
  border: 1px solid rgba(179,98,255,0.24);
  border-radius: 26px;
}

html[data-site-page] body.sc-items:not(.dark) .sc-list > aside,
html[data-site-page] body.skin-stalcraft:not(.dark) .st-items-section > aside {
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,229,248,.92));
  box-shadow: inset 3px 0 0 rgba(148,20,196,.15), inset -3px 0 0 rgba(148,20,196,.08);
}

html[data-site-page] body.sc-items .sc-list > aside h2,
html[data-site-page] body.skin-stalcraft .st-items-section > aside h2 {
  margin: 0;
  color: var(--st-ink);
  font-size: clamp(1.75rem, 1.7vw, 2.75rem);
  font-weight: 950;
  line-height: 1.05;
  text-align: left;
  overflow-wrap: anywhere;
}

html[data-site-page] body.sc-items .saydis-section-count {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 14px;
  padding: 8px 12px;
  color: #fff;
  background: linear-gradient(135deg, rgba(148,20,196,.92), rgba(79,9,105,.92));
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(79,9,105,.20);
}

html[data-site-page] body.sc-items .saydis-section-count b {
  font-size: 1.24rem;
  line-height: 1;
}

html[data-site-page] body.sc-items .saydis-section-count em {
  font-size: .94rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1;
}

html[data-site-page] body.sc-items .sc-grid {
  min-width: 0;
}

html[data-site-page] body.sc-items .sc-pack-section .sc-grid {
  display: block;
}

html[data-site-page] body.sc-items .sc-pack {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 18px;
  width: 100%;
}

html[data-site-page] body.sc-items .sc-pack .styled-title,
html[data-site-page] body.sc-items .sc-pack .styled-title-blue,
html[data-site-page] body.sc-items .sc-pack .styled-title-gray,
html[data-site-page] body.sc-items .sc-pack .styled-title-purple,
html[data-site-page] body.sc-items .sc-pack .styled-title-red {
  margin: 0;
  padding: 14px 20px;
  color: #fff;
  font-size: clamp(1.35rem, 2.3vw, 2.35rem);
  font-weight: 950;
  line-height: 1.12;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(79,9,105,0.18);
}

html[data-site-page] body.sc-items .sc-note .sc-grid,
html[data-site-page] body.sc-items .sc-info .sc-grid,
html[data-site-page] body.sc-items .sc-cases .sc-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

html[data-site-page] body.sc-items .sc-note .sc-card,
html[data-site-page] body.sc-items .sc-info .sc-card {
  display: block;
  width: 100%;
  min-height: 0;
  padding: 18px 20px;
  background: linear-gradient(145deg, rgba(148,20,196,0.11), rgba(255,255,255,0.04));
  border: 1px solid var(--st-border);
  border-radius: 24px;
  box-shadow: 0 16px 42px rgba(0,0,0,0.16);
}

html[data-site-page] body.sc-items .sc-note .saydis-copy,
html[data-site-page] body.sc-items .sc-info .saydis-copy {
  display: grid;
  gap: 16px;
  min-height: 0;
  padding: 0;
}

html[data-site-page] body.sc-items .sc-note .head3,
html[data-site-page] body.sc-items .sc-info .head3 {
  margin: 0;
  color: var(--st-ink);
  font-size: clamp(1.18rem, 1.65vw, 1.48rem);
  font-weight: 850;
  line-height: 1.55;
  text-align: center;
}

html[data-site-page] body.sc-items:not(.dark) .sc-note .head3,
html[data-site-page] body.sc-items:not(.dark) .sc-info .head3 {
  color: #24122e;
}

html[data-site-page] body.sc-items .sc-case {
  display: grid;
  grid-template-columns: minmax(170px, 250px) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  width: 100%;
  padding: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,0.065), rgba(148,20,196,0.075));
  border: 1px solid rgba(179,98,255,0.18);
  border-radius: 22px;
}

html[data-site-page] body.sc-items:not(.dark) .sc-case {
  background: linear-gradient(145deg, rgba(255,255,255,0.92), rgba(242,229,248,0.82));
}

html[data-site-page] body.sc-items .sc-case-mini {
  display: grid;
  place-items: center;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  text-align: center;
  background: rgba(148,20,196,0.08);
  border: 1px solid rgba(179,98,255,0.16);
  border-radius: 18px;
}

html[data-site-page] body.sc-items .sc-case-mini img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 180px !important;
  object-fit: contain !important;
}

html[data-site-page] body.sc-items .sc-case-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 230px);
  min-height: 48px;
  padding: 8px 14px !important;
  color: #fff;
  text-align: center;
  background: linear-gradient(135deg, #9414c4, #4f0969);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 10px;
}

html[data-site-page] body.sc-items .sc-case-title strong {
  display: block;
  width: 100%;
  color: #fff;
  font-size: clamp(1.12rem, 1.22vw, 1.42rem);
  line-height: 1.16;
  text-align: center;
}

html[data-site-page] body.sc-items .sc-case-big {
  display: grid;
  place-items: center;
  min-width: 0;
}

html[data-site-page] body.sc-items .sc-case-big img.image-in {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 520px !important;
  object-fit: contain !important;
  border: 3px solid #b362ff !important;
  border-radius: 12px !important;
  box-shadow: 0 0 20px rgba(179,98,255,0.6) !important;
}

html[data-site-page] body.skin-stalcraft .st-chip-grid {
  display: flex !important;
  flex-wrap: wrap;
  align-self: center;
  align-items: center;
  align-content: center;
  justify-content: start;
  gap: 10px 14px;
  min-width: 0;
}

html[data-site-page] body.skin-stalcraft .st-items-section {
  align-items: center;
}

html[data-site-page] body.skin-stalcraft .st-items-section > aside {
  align-self: center;
}

html[data-site-page] body.skin-stalcraft .st-chip-grid > .styled-title,
html[data-site-page] body.skin-stalcraft .st-chip-grid > .styled-title-blue,
html[data-site-page] body.skin-stalcraft .st-chip-grid > .styled-title-gray,
html[data-site-page] body.skin-stalcraft .st-chip-grid > .styled-title-purple,
html[data-site-page] body.skin-stalcraft .st-chip-grid > .styled-title-red {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 8px 20px;
  color: #fff;
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  border-radius: 20px;
}

html[data-site-page] .image-zoom-modal--sc-case .zoomed-image-wrapper,
html[data-site-page] .image-zoom-modal--sc-case.active .zoomed-image-wrapper {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  width: auto !important;
  height: auto !important;
  max-width: min(94vw, 1320px);
  max-height: 92vh;
  transform: translate(-50%,-50%) scale(1) !important;
}

html[data-site-page] .image-zoom-modal--sc-case .zoomed-image,
html[data-site-page] .image-zoom-modal--sc-case.active .zoomed-image {
  display: block;
  width: auto;
  height: auto;
  max-width: min(94vw, 1320px);
  max-height: 90vh;
  object-fit: contain;
  transform: none !important;
}

@media (max-width: 980px) {
  html[data-site-page] body.sc-items .sc-list,
  html[data-site-page] body.skin-stalcraft .st-items-section {
    grid-template-columns: 1fr;
  }

  html[data-site-page] body.sc-items .sc-list > aside,
  html[data-site-page] body.skin-stalcraft .st-items-section > aside {
    position: static;
  }

  html[data-site-page] body.sc-items .sc-case {
    grid-template-columns: 1fr;
  }

  html[data-site-page] body.sc-items .sc-pack {
    gap: 10px;
  }

  html[data-site-page] body.sc-items .sc-pack .styled-title,
  html[data-site-page] body.sc-items .sc-pack .styled-title-blue,
  html[data-site-page] body.sc-items .sc-pack .styled-title-gray,
  html[data-site-page] body.sc-items .sc-pack .styled-title-purple,
  html[data-site-page] body.sc-items .sc-pack .styled-title-red {
    padding: 14px 22px;
    font-size: clamp(1.2rem, 7vw, 1.7rem);
    border-radius: 18px;
  }

  html[data-site-page] body.skin-stalcraft .st-chip-grid {
    justify-content: flex-start;
  }
}

/* Main page product catalog. */
html[data-site-page] body.home-root .saydis-lc {
  display: grid;
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
  gap: 20px;
  margin: 48px 0;
  padding: 18px;
  background: linear-gradient(145deg, rgba(148,20,196,0.12), rgba(255,255,255,0.025));
  border: 1px solid rgba(179,98,255,0.22);
  border-radius: 44px;
  box-shadow: 0 22px 60px rgba(79,9,105,0.18);
}

html[data-site-page] body.home-root:not(.dark) .saydis-lc {
  background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(246,238,250,.88));
  box-shadow: 0 20px 54px rgba(79,9,105,.10), inset 0 1px 0 rgba(255,255,255,.84);
}

html[data-site-page] body.home-root .saydis-lc aside {
  position: sticky;
  top: 18px;
  align-self: start;
  min-width: 0;
  padding: 22px;
  color: var(--saydis-ink);
  text-align: center;
  background: linear-gradient(145deg, rgba(148,20,196,0.18), rgba(255,255,255,0.05));
  border: 1px solid rgba(179,98,255,0.24);
  border-radius: 34px;
}

html[data-site-page] body.home-root:not(.dark) .saydis-lc aside {
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,229,248,.92));
  box-shadow: inset 3px 0 0 rgba(148,20,196,.15), inset -3px 0 0 rgba(148,20,196,.08);
}

html[data-site-page] body.home-root .saydis-lc aside h2 {
  margin: 0;
  color: var(--saydis-ink);
  font-size: clamp(2.5rem, 2.2vw, 3.8rem);
  line-height: 1.05;
  text-align: center;
}

html[data-site-page] body.home-root .saydis-lc .saydis-list-grid {
  display: grid;
  grid-template-columns: repeat(16, minmax(0, 1fr));
  grid-auto-flow: row dense;
  align-items: start;
  gap: 10px;
}

html[data-site-page] body.home-root .hp-game {
  --hp-accent-rgb: 148,20,196;
  --hp-accent-2-rgb: 179,98,255;
  --home-char-pos: center;
  --home-char-size: cover;
  --home-char-opacity: .22;
  --home-char-filter: none;
  --home-char-scale: 1.05;
  --hp-section-char-pos: var(--home-char-pos);
  --hp-section-char-size: cover;
  --hp-section-char-opacity: .30;
  --hp-section-char-filter: blur(3px) saturate(1.03) contrast(1.01);
  --hp-section-char-scale: 1.08;
  position: relative;
  display: grid;
  grid-column: span 1;
  grid-template-rows: auto 1fr;
  gap: 10px;
  box-sizing: border-box;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 20% 0, rgba(var(--hp-accent-2-rgb), .18), transparent 40%),
    linear-gradient(145deg, rgba(var(--hp-accent-rgb), .18), rgba(18,9,24,.34) 58%, rgba(var(--hp-accent-2-rgb), .08));
  border: 0;
  border-radius: 22px;
  box-shadow: inset 0 0 0 1px rgba(var(--hp-accent-rgb), .24), inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(0,0,0,.13);
}

html[data-site-page] body.home-root .hp-game::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -2;
  pointer-events: none;
  background-image: var(--home-char);
  background-repeat: no-repeat;
  background-position: var(--hp-section-char-pos);
  background-size: var(--hp-section-char-size);
  opacity: var(--hp-section-char-opacity);
  filter: var(--hp-section-char-filter);
  transform: scale(var(--hp-section-char-scale));
  transform-origin: center;
  border-radius: inherit;
}

html[data-site-page] body.home-root .hp-game::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 42%, rgba(var(--hp-accent-rgb), .08));
  border-radius: inherit;
}

html[data-site-page] body.home-root .hp-game > * {
  position: relative;
  z-index: 1;
}

html[data-site-page] body.home-root:not(.dark) .hp-game {
  background:
    radial-gradient(circle at 20% 0, rgba(var(--hp-accent-2-rgb), .20), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(var(--hp-accent-rgb), .10) 64%, rgba(var(--hp-accent-2-rgb), .16));
  box-shadow: inset 0 0 0 1px rgba(var(--hp-accent-rgb), .22), inset 0 1px 0 rgba(255,255,255,.72), 0 10px 22px rgba(79,9,105,.08);
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(2)) {
  grid-column: span 2;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(3)) {
  grid-column: span 3;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(4)) {
  grid-column: span 4;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(5)) {
  grid-column: span 5;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(6)) {
  grid-column: span 6;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(7)) {
  grid-column: span 7;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(8)) {
  grid-column: span 8;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(9)) {
  grid-column: span 9;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(10)) {
  grid-column: span 10;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(11)) {
  grid-column: span 11;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(12)) {
  grid-column: span 12;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(13)) {
  grid-column: span 13;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(14)) {
  grid-column: span 14;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(15)) {
  grid-column: span 15;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(16)) {
  grid-column: span 16;
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(2)) .hp-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(3)) .hp-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(4)) .hp-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(5)) .hp-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(6)) .hp-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(7)) .hp-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(8)) .hp-grid {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(9)) .hp-grid {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(10)) .hp-grid {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(11)) .hp-grid {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(12)) .hp-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(13)) .hp-grid {
  grid-template-columns: repeat(13, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(14)) .hp-grid {
  grid-template-columns: repeat(14, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(15)) .hp-grid {
  grid-template-columns: repeat(15, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(16)) .hp-grid {
  grid-template-columns: repeat(16, minmax(0, 1fr));
}

html[data-site-page] body.home-root .hp-game h3 {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 52px;
  margin: 0;
  padding: 9px 10px;
  color: var(--saydis-ink);
  font-size: clamp(.58rem, .5vw, .96rem);
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -.035em;
  overflow: hidden;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
  background: linear-gradient(145deg, rgba(var(--hp-accent-rgb), .28), rgba(var(--hp-accent-2-rgb), .11));
  border: 1px solid rgba(var(--hp-accent-rgb), .25);
  border-radius: 12px;
}

html[data-site-page] body.home-root:not(.dark) .hp-game h3 {
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(var(--hp-accent-rgb), .12));
  border-color: rgba(var(--hp-accent-rgb), .18);
}

html[data-site-page] body.home-root .hp-game[data-hp-title="long"] h3 {
  font-size: clamp(.38rem, .32vw, .63rem);
  letter-spacing: -.06em;
}

html[data-site-page] body.home-root .hp-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
  position: relative;
}

html[data-site-page] body.home-root .hp-link {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  min-width: 0;
  padding: 12px;
  color: #fff;
  line-height: 1.02;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow-wrap: anywhere;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.16), transparent 24%),
    linear-gradient(145deg, rgba(12,10,18,.42), rgba(33,16,46,.26) 58%, rgba(var(--hp-accent-2-rgb), .12));
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 15px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 20px rgba(0,0,0,.16);
  backdrop-filter: blur(1px);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

html[data-site-page] body.home-root .hp-link::before {
  content: none;
}

html[data-site-page] body.home-root .hp-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, rgba(255,255,255,.10), transparent 48%, rgba(var(--hp-accent-2-rgb), .14));
}

html[data-site-page] body.home-root .hp-link strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 8px 11px;
  color: #fff;
  font-size: clamp(.76rem, .66vw, 1.12rem);
  font-weight: 1000;
  letter-spacing: -.03em;
  text-shadow: 0 2px 12px rgba(0,0,0,.58);
  background: linear-gradient(135deg, rgba(11,10,16,.86), rgba(79,9,105,.58));
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(0,0,0,.24);
}

html[data-site-page] body.home-root:not(.dark) .hp-link {
  color: var(--saydis-ink);
  background:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.84), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.46), rgba(var(--hp-accent-rgb), .16) 64%, rgba(var(--hp-accent-2-rgb), .12));
  border-color: rgba(var(--hp-accent-rgb), .18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 8px 18px rgba(var(--hp-accent-rgb), .09);
}

html[data-site-page] body.home-root:not(.dark) .hp-link::before {
  content: none;
}

html[data-site-page] body.home-root:not(.dark) .hp-link strong {
  color: #251032;
  text-shadow: 0 1px 12px rgba(255,255,255,.72);
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(238,223,247,.92));
  border-color: rgba(79,9,105,.12);
  box-shadow: 0 10px 24px rgba(79,9,105,.08);
}

html[data-site-page] body.home-root .hp-link:hover {
  transform: translateY(-3px);
  border-color: rgba(var(--hp-accent-2-rgb), .50);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 16px 30px rgba(var(--hp-accent-rgb), .22);
}

@media (max-width: 1500px) {
  html[data-site-page] body.home-root .saydis-lc .saydis-list-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(13)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(14)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(15)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(16)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(13)) .hp-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(14)) .hp-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(15)) .hp-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(16)) .hp-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  html[data-site-page] body.home-root .saydis-lc .saydis-list-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(11)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(12)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(13)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(14)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(15)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(16)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(11)) .hp-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(12)) .hp-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(13)) .hp-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(14)) .hp-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(15)) .hp-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(16)) .hp-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  html[data-site-page] body.home-root .saydis-lc {
    display: block;
  }

  html[data-site-page] body.home-root .saydis-lc aside {
    position: static;
    margin-bottom: 18px;
  }

  html[data-site-page] body.home-root .saydis-lc .saydis-list-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(9)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(10)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(11)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(12)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(13)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(14)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(15)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(16)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(9)) .hp-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(10)) .hp-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(11)) .hp-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(12)) .hp-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(13)) .hp-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(14)) .hp-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(15)) .hp-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(16)) .hp-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  html[data-site-page] body.home-root .saydis-lc {
    margin: 34px 0;
    padding: 14px;
    border-radius: 30px;
  }

  html[data-site-page] body.home-root .saydis-lc aside h2 {
    margin: 0 auto;
    text-align: center;
  }

  html[data-site-page] body.home-root .saydis-lc .saydis-list-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game h3 {
    min-height: 48px;
    padding: 8px 9px;
    font-size: clamp(.74rem, 2vw, 1rem);
  }

  html[data-site-page] body.home-root .hp-link {
    padding: 10px;
  }

  html[data-site-page] body.home-root .hp-link strong {
    padding: 8px 10px;
    font-size: clamp(.82rem, 2.4vw, 1rem);
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(5)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(6)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(7)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(8)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(9)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(10)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(11)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(12)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(13)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(14)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(15)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(16)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(5)) .hp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(6)) .hp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(7)) .hp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(8)) .hp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(9)) .hp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(10)) .hp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(11)) .hp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(12)) .hp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(13)) .hp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(14)) .hp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(15)) .hp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(16)) .hp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

html[data-site-page] body.skin-accfull .saydis-hero {
  grid-template-columns: auto minmax(0, 1fr);
}

html[data-site-page] body.skin-accfull .saydis-hero__copy p {
  max-width: 720px;
}

html[data-site-page] body.skin-accfull .acc-gallery .saydis-list-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

html[data-site-page] body.skin-accfull .acc-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  padding: 8px;
}

html[data-site-page] body.skin-accfull .acc-md {
  display: grid;
  place-items: center;
  min-height: 0;
  aspect-ratio: 1 / 1;
  padding: 8px;
  overflow: hidden;
  background: transparent;
  border-color: rgba(179,98,255,0.26);
  border-radius: 18px;
}

html[data-site-page] body.skin-accfull .acc-md img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  border-radius: 14px;
}

html[data-site-page] body.skin-accfull .acc-copy {
  display: grid;
  gap: 4px;
  justify-items: center;
  width: 100%;
  min-width: 0;
  text-align: center;
}

html[data-site-page] body.skin-accfull .acc-copy strong {
  width: 100%;
  font-size: clamp(1rem, 1vw, 1.14rem);
  line-height: 1.14;
  text-align: center;
}

html[data-site-page] body.skin-accfull .acc-sub {
  color: var(--saydis-muted);
  font-size: .96rem;
  font-weight: 700;
  line-height: 1.1;
}

html[data-site-page] body.skin-accfull:not(.dark) .acc-md {
  background: transparent;
}

@media (max-width: 991px) {
  html[data-site-page] body.skin-accfull .saydis-hero {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  html[data-site-page] body.skin-accfull .saydis-hero__copy,
  html[data-site-page] body.skin-accfull .saydis-hero__copy h1,
  html[data-site-page] body.skin-accfull .saydis-hero-kicker {
    text-align: center;
    justify-content: center;
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.skin-accfull .acc-gallery .saydis-list-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  html[data-site-page] body.skin-accfull .acc-card {
    padding: 7px;
    gap: 7px;
  }

  html[data-site-page] body.skin-accfull .acc-copy strong {
    font-size: clamp(.88rem, 4vw, 1rem);
  }
}

@media (max-width: 520px) {
  html[data-site-page] body.home-root .saydis-lc .saydis-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(3)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(4)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(5)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(6)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(7)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(8)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(9)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(10)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(11)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(12)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(13)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(14)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(15)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(16)) {
    grid-column: 1 / -1;
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(3)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(4)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(5)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(6)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(7)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(8)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(9)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(10)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(11)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(12)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(13)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(14)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(15)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

html[data-site-page] body.home-root .hp-game:has(.hp-link:nth-child(16)) .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Unique KICK data page. */
html[data-site-page] body.skin-kick-data {
  --kd-accent: #01a800;
  --kd-accent-2: #01e800;
  --kd-soft: rgba(1,168,0,.16);
  --kd-line: rgba(1,232,0,.24);
  --kd-panel: rgba(8,18,10,.76);
  --kd-card: rgba(1,168,0,.10);
  --kd-ink: #efffee;
  --kd-muted: #a5f6a5;
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 8%, rgba(1,232,0,.16), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(148,255,148,.08), transparent 30%),
    linear-gradient(135deg, #09100b, #141415 58%, #061307);
  color: var(--kd-ink);
}

html[data-site-page] body.skin-kick-data:not(.dark) {
  --kd-panel: rgba(255,255,255,.90);
  --kd-card: rgba(1,168,0,.075);
  --kd-ink: #102116;
  --kd-muted: #2b7a2d;
  background:
    radial-gradient(circle at 18% 8%, rgba(1,168,0,.14), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(1,232,0,.10), transparent 30%),
    linear-gradient(135deg, #f4fff4, #ffffff 58%, #e9fae9);
}

html[data-site-page] body.skin-kick-data .kd-hero {
  margin-top: 36px;
}

html[data-site-page] body.skin-kick-data .kd-main {
  width: min(1120px, calc(100% - 28px));
  margin: 34px auto 70px;
}

html[data-site-page] body.skin-kick-data .kd-card {
  position: relative;
  overflow: hidden;
  padding: clamp(18px, 3vw, 34px);
  background:
    radial-gradient(circle at 18% 0, rgba(1,232,0,.16), transparent 34%),
    linear-gradient(145deg, var(--kd-panel), rgba(1,168,0,.07));
  border: 1px solid var(--kd-line);
  border-radius: 38px;
  box-shadow: 0 28px 70px rgba(1,80,0,.22), inset 3px 0 0 rgba(1,232,0,.16), inset -3px 0 0 rgba(1,232,0,.12);
}

html[data-site-page] body.skin-kick-data:not(.dark) .kd-card {
  box-shadow: 0 22px 54px rgba(1,120,0,.10), inset 3px 0 0 rgba(1,168,0,.14), inset -3px 0 0 rgba(1,168,0,.10);
}

html[data-site-page] body.skin-kick-data .kd-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 42%, rgba(1,232,0,.10));
  border-radius: inherit;
}

html[data-site-page] body.skin-kick-data .kd-card > * {
  position: relative;
  z-index: 1;
}

html[data-site-page] body.skin-kick-data .kd-head {
  display: grid;
  justify-items: center;
  gap: 8px;
  margin-bottom: 24px;
  text-align: center;
}

html[data-site-page] body.skin-kick-data .kd-head span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 14px;
  color: var(--kd-accent-2);
  font-size: .86rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .11em;
  background: rgba(1,168,0,.14);
  border: 1px solid var(--kd-line);
  border-radius: 999px;
}

html[data-site-page] body.skin-kick-data .kd-head h2 {
  margin: 0;
  color: var(--kd-ink);
  font-size: clamp(2.4rem, 6vw, 5.8rem);
  line-height: .95;
  text-transform: uppercase;
  letter-spacing: -.06em;
}

html[data-site-page] body.skin-kick-data .kd-head p {
  max-width: 680px;
  margin: 0;
  color: var(--kd-muted);
  font-size: clamp(1rem, 1.35vw, 1.32rem);
  font-weight: 800;
}

html[data-site-page] body.skin-kick-data .kd-head p strong {
  color: var(--kd-accent-2);
  font-style: normal;
}

html[data-site-page] body.skin-kick-data .kd-head p em {
  color: var(--kd-muted);
  font-style: normal;
}

html[data-site-page] body.skin-kick-data .kd-content {
  display: grid;
  justify-items: center;
  gap: 16px;
}

html[data-site-page] body.skin-kick-data .kd-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
}

html[data-site-page] body.skin-kick-data .data-item {
  display: grid;
  gap: 8px;
  min-width: 0;
}

html[data-site-page] body.skin-kick-data .data-label {
  color: var(--kd-accent-2);
  font-size: .96rem;
  font-weight: 950;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .08em;
}

html[data-site-page] body.skin-kick-data .kd-muted {
  color: var(--kd-muted);
}

html[data-site-page] body.skin-kick-data .kd-sep {
  color: rgba(255,255,255,.46);
}

html[data-site-page] body.skin-kick-data:not(.dark) .kd-sep {
  color: rgba(1,120,0,.36);
}

html[data-site-page] body.skin-kick-data .data-value {
  display: grid;
  place-items: center;
  min-height: 70px;
  min-width: 0;
  padding: 15px 18px;
  color: var(--kd-accent-2);
  font-family: "Courier New", monospace;
  font-size: clamp(1.02rem, 1.6vw, 1.45rem);
  font-weight: 950;
  line-height: 1.12;
  text-align: center;
  letter-spacing: .05em;
  overflow-wrap: anywhere;
  cursor: pointer;
  user-select: none;
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.10), transparent 28%),
    linear-gradient(145deg, rgba(1,168,0,.14), rgba(1,232,0,.055));
  border: 1px solid var(--kd-line);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 14px 28px rgba(0,0,0,.16);
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease, border-color .18s ease;
}

html[data-site-page] body.skin-kick-data:not(.dark) .data-value {
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.88), transparent 28%),
    linear-gradient(145deg, #fff, rgba(1,168,0,.11));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 12px 24px rgba(1,120,0,.09);
}

html[data-site-page] body.skin-kick-data .data-value:hover,
html[data-site-page] body.skin-kick-data .data-value.copied {
  transform: translateY(-3px);
  border-color: rgba(1,232,0,.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 34px rgba(1,120,0,.26), 0 0 24px rgba(1,232,0,.16);
}

html[data-site-page] body.skin-kick-data .kd-timer {
  width: 148px;
  height: 148px;
  margin: 6px 0 2px;
}

html[data-site-page] body.skin-kick-data .timer-wave-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

html[data-site-page] body.skin-kick-data .timer-wave {
  position: absolute;
  width: 100%;
  height: 100%;
  background: conic-gradient(from 0deg, var(--kd-accent-2) 0%, var(--kd-accent-2) var(--progress,0%), rgba(1,232,0,.13) var(--progress,0%), rgba(1,232,0,.13) 100%);
  border-radius: 50%;
  mask: radial-gradient(circle, transparent 55%, black 56%);
  box-shadow: 0 0 20px rgba(1,232,0,.20);
  animation: kd-rotate 30s linear infinite;
}

html[data-site-page] body.skin-kick-data .timer-wave-inner {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88%;
  height: 88%;
  background: linear-gradient(145deg, rgba(1,168,0,.16), rgba(8,18,10,.86));
  border: 1px solid var(--kd-line);
  border-radius: 50%;
  box-shadow: inset 0 0 24px rgba(1,232,0,.10);
}

html[data-site-page] body.skin-kick-data:not(.dark) .timer-wave-inner {
  background: linear-gradient(145deg, #fff, rgba(1,168,0,.10));
}

html[data-site-page] body.skin-kick-data .timer-text {
  color: var(--kd-accent-2);
  font-size: 1.55rem;
  font-weight: 1000;
  text-shadow: 0 0 12px rgba(1,232,0,.44);
}

html[data-site-page] body.skin-kick-data .wave-pulse {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid var(--kd-accent-2);
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0 0 18px rgba(1,232,0,.42);
  animation: kd-pulse 2s ease-out infinite;
}

html[data-site-page] body.skin-kick-data .kd-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: min(520px, 100%);
  margin: 4px 0;
}

html[data-site-page] body.skin-kick-data .link-button,
html[data-site-page] body.skin-kick-data .single-link-button {
  display: grid;
  place-items: center;
  min-height: 58px;
  padding: 13px 20px;
  color: var(--kd-accent-2);
  font-size: 1rem;
  font-weight: 950;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .04em;
  background: linear-gradient(145deg, rgba(1,168,0,.13), rgba(1,232,0,.06));
  border: 1px solid var(--kd-line);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 12px 24px rgba(0,0,0,.14);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

html[data-site-page] body.skin-kick-data .link-button:hover,
html[data-site-page] body.skin-kick-data .single-link-button:hover {
  color: var(--kd-accent-2);
  text-decoration: none;
  transform: translateY(-3px);
  border-color: rgba(1,232,0,.56);
  box-shadow: 0 18px 34px rgba(1,120,0,.24);
}

html[data-site-page] body.skin-kick-data .kd-tips {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
  margin-top: 8px;
}

html[data-site-page] body.skin-kick-data .instruction-box {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 0;
  padding: 18px;
  text-align: left;
  background: linear-gradient(145deg, rgba(1,168,0,.105), rgba(255,255,255,.035));
  border: 1px solid var(--kd-line);
  border-radius: 22px;
  box-shadow: inset 3px 0 0 rgba(1,232,0,.20), 0 12px 28px rgba(0,0,0,.12);
}

html[data-site-page] body.skin-kick-data:not(.dark) .instruction-box {
  background: linear-gradient(145deg, #fff, rgba(1,168,0,.08));
  box-shadow: inset 3px 0 0 rgba(1,168,0,.16), 0 10px 24px rgba(1,120,0,.08);
}

html[data-site-page] body.skin-kick-data .instruction-title {
  color: var(--kd-accent-2);
  font-size: 1.08rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .06em;
}

html[data-site-page] body.skin-kick-data .instruction-text {
  color: var(--kd-ink);
  font-size: clamp(.95rem, 1.08vw, 1.05rem);
  font-weight: 700;
  line-height: 1.55;
}

html[data-site-page] body.skin-kick-data .kick-copy-badge {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;
  padding: 12px 22px;
  color: #fff;
  font-size: .95rem;
  font-weight: 950;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(135deg, #017f00, #01e800);
  border: 1px solid rgba(190,255,190,.55);
  border-radius: 14px;
  box-shadow: 0 16px 34px rgba(1,120,0,.34);
  transform: translate(-50%,-50%);
  transition: opacity .24s ease, transform .24s ease;
}

html[data-site-page] body.skin-kick-data .kick-copy-badge.show {
  opacity: 1;
  transform: translate(-50%,-62%);
}

html[data-site-page] body.skin-kick-data .temp-input {
  position: fixed;
  top: -1000px;
  left: -1000px;
  opacity: 0;
  pointer-events: none;
}

html[data-site-page] body.skin-kick-data .kg-progress-0 { --progress: 0%; }
html[data-site-page] body.skin-kick-data .kg-progress-1 { --progress: 3.333%; }
html[data-site-page] body.skin-kick-data .kg-progress-2 { --progress: 6.667%; }
html[data-site-page] body.skin-kick-data .kg-progress-3 { --progress: 10%; }
html[data-site-page] body.skin-kick-data .kg-progress-4 { --progress: 13.333%; }
html[data-site-page] body.skin-kick-data .kg-progress-5 { --progress: 16.667%; }
html[data-site-page] body.skin-kick-data .kg-progress-6 { --progress: 20%; }
html[data-site-page] body.skin-kick-data .kg-progress-7 { --progress: 23.333%; }
html[data-site-page] body.skin-kick-data .kg-progress-8 { --progress: 26.667%; }
html[data-site-page] body.skin-kick-data .kg-progress-9 { --progress: 30%; }
html[data-site-page] body.skin-kick-data .kg-progress-10 { --progress: 33.333%; }
html[data-site-page] body.skin-kick-data .kg-progress-11 { --progress: 36.667%; }
html[data-site-page] body.skin-kick-data .kg-progress-12 { --progress: 40%; }
html[data-site-page] body.skin-kick-data .kg-progress-13 { --progress: 43.333%; }
html[data-site-page] body.skin-kick-data .kg-progress-14 { --progress: 46.667%; }
html[data-site-page] body.skin-kick-data .kg-progress-15 { --progress: 50%; }
html[data-site-page] body.skin-kick-data .kg-progress-16 { --progress: 53.333%; }
html[data-site-page] body.skin-kick-data .kg-progress-17 { --progress: 56.667%; }
html[data-site-page] body.skin-kick-data .kg-progress-18 { --progress: 60%; }
html[data-site-page] body.skin-kick-data .kg-progress-19 { --progress: 63.333%; }
html[data-site-page] body.skin-kick-data .kg-progress-20 { --progress: 66.667%; }
html[data-site-page] body.skin-kick-data .kg-progress-21 { --progress: 70%; }
html[data-site-page] body.skin-kick-data .kg-progress-22 { --progress: 73.333%; }
html[data-site-page] body.skin-kick-data .kg-progress-23 { --progress: 76.667%; }
html[data-site-page] body.skin-kick-data .kg-progress-24 { --progress: 80%; }
html[data-site-page] body.skin-kick-data .kg-progress-25 { --progress: 83.333%; }
html[data-site-page] body.skin-kick-data .kg-progress-26 { --progress: 86.667%; }
html[data-site-page] body.skin-kick-data .kg-progress-27 { --progress: 90%; }
html[data-site-page] body.skin-kick-data .kg-progress-28 { --progress: 93.333%; }
html[data-site-page] body.skin-kick-data .kg-progress-29 { --progress: 96.667%; }

@keyframes kd-rotate {
  to { transform: rotate(360deg); }
}

@keyframes kd-pulse {
  0% { opacity: .68; transform: scale(.78); }
  100% { opacity: 0; transform: scale(1.42); }
}

@media (max-width: 860px) {
  html[data-site-page] body.skin-kick-data .kd-fields,
  html[data-site-page] body.skin-kick-data .kd-tips {
    grid-template-columns: 1fr;
  }

  html[data-site-page] body.skin-kick-data .kd-card {
    border-radius: 30px;
  }
}

@media (max-width: 560px) {
  html[data-site-page] body.skin-kick-data .kd-main {
    width: min(100% - 18px, 1120px);
    margin-top: 22px;
  }

  html[data-site-page] body.skin-kick-data .kd-card {
    padding: 14px;
    border-radius: 24px;
  }

  html[data-site-page] body.skin-kick-data .kd-links {
    grid-template-columns: 1fr;
  }

  html[data-site-page] body.skin-kick-data .kd-timer {
    width: 124px;
    height: 124px;
  }
}

/* Mobile catalog fix for ordinary item pages. */
@media (max-width: 640px) {
  html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw, .skin-phasmophobia):not(.skin-sot):not(.skin-warframe):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw, .skin-phasmophobia):not(.skin-sot):not(.skin-warframe):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) > .saydis-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 7px !important;
    gap: 7px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw, .skin-phasmophobia):not(.skin-sot):not(.skin-warframe):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) .saydis-md {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw, .skin-phasmophobia):not(.skin-sot):not(.skin-warframe):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) .saydis-md img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }

  html[data-site-page] body.saydis-new-4.skin-catalog-square:not(.skin-sot):not(.skin-warframe):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) .saydis-md img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
  }

  html[data-site-page] body.saydis-new-4.skin-phasmophobia .saydis-list-grid:has(> .saydis-card) .saydis-md {
    aspect-ratio: 16 / 9 !important;
  }

  html[data-site-page] body.saydis-new-4.skin-phasmophobia .saydis-list-grid:has(> .saydis-card) .saydis-md img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
  }

  html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw, .skin-phasmophobia):not(.skin-sot):not(.skin-warframe):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) .saydis-copy {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    text-align: center !important;
  }

  html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw, .skin-phasmophobia):not(.skin-sot):not(.skin-warframe):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) .saydis-copy strong {
    width: 100% !important;
    min-height: 0 !important;
    font-size: clamp(1.02rem, 4vw, 1.18rem) !important;
    line-height: 1.12 !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 360px) {
  html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw, .skin-phasmophobia):not(.skin-sot):not(.skin-warframe):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) {
    gap: 8px !important;
  }

  html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw, .skin-phasmophobia):not(.skin-sot):not(.skin-warframe):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) > .saydis-card {
    padding: 6px !important;
    gap: 6px !important;
    border-radius: 18px !important;
  }

  html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw, .skin-phasmophobia):not(.skin-sot):not(.skin-warframe):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) .saydis-copy strong {
    font-size: clamp(.92rem, 3.8vw, 1.04rem) !important;
  }
}

/* Warframe keeps the mobile catalog grid, but preserves non-square item art. */
@media (max-width: 640px) {
  html[data-site-page] body.saydis-new-4.skin-warframe .saydis-list-grid:has(> .saydis-card) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html[data-site-page] body.saydis-new-4.skin-warframe .saydis-list-grid:has(> .saydis-card) > .saydis-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 7px !important;
    gap: 7px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  html[data-site-page] body.saydis-new-4.skin-warframe .saydis-list-grid:has(> .saydis-card) .saydis-md {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html[data-site-page] body.saydis-new-4.skin-warframe .saydis-list-grid:has(> .saydis-card) .saydis-md img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 92% !important;
    max-height: 92% !important;
    object-fit: contain !important;
  }

  html[data-site-page] body.saydis-new-4.skin-warframe .saydis-list-grid:has(> .saydis-card) .saydis-copy {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    text-align: center !important;
  }

  html[data-site-page] body.saydis-new-4.skin-warframe .saydis-list-grid:has(> .saydis-card) .saydis-copy strong {
    width: 100% !important;
    min-height: 0 !important;
    font-size: clamp(.86rem, 3.8vw, 1.06rem) !important;
    line-height: 1.12 !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 360px) {
  html[data-site-page] body.saydis-new-4.skin-warframe .saydis-list-grid:has(> .saydis-card) {
    gap: 8px !important;
  }

  html[data-site-page] body.saydis-new-4.skin-warframe .saydis-list-grid:has(> .saydis-card) > .saydis-card {
    padding: 6px !important;
    gap: 6px !important;
    border-radius: 18px !important;
  }

html[data-site-page] body.saydis-new-4.skin-warframe .saydis-list-grid:has(> .saydis-card) .saydis-copy strong {
  font-size: clamp(.78rem, 3.6vw, .96rem) !important;
}
}

html[data-site-page] body.saydis-new-4.skin-warframe.wf-rare-test #s08 .saydis-list-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 14px !important;
}

html[data-site-page] body.saydis-new-4.skin-warframe.wf-rare-test #s08 .saydis-card {
  padding: 10px !important;
  gap: 10px !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(255,255,255,0.075), rgba(148,20,196,0.11)) !important;
  border-color: rgba(179,98,255,0.24) !important;
  box-shadow: 0 16px 34px rgba(79,9,105,0.16) !important;
}

html[data-site-page] body.saydis-new-4.skin-warframe.wf-rare-test #s08 .saydis-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 40px rgba(79,9,105,0.22) !important;
}

html[data-site-page] body.saydis-new-4.skin-warframe.wf-rare-test #s08 .saydis-md {
  display: grid !important;
  place-items: center !important;
  min-height: 0 !important;
  padding: 12px !important;
  background: linear-gradient(180deg, rgba(148,20,196,0.12), rgba(12,10,18,0.28)) !important;
  border: 1px solid rgba(179,98,255,0.28) !important;
  border-radius: 18px !important;
}

html[data-site-page] body.saydis-new-4.skin-warframe.wf-rare-test #s08 .saydis-md {
  aspect-ratio: 200 / 271 !important;
}

html[data-site-page] body.saydis-new-4.skin-warframe.wf-rare-test #s08 .saydis-md img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

html[data-site-page] body.saydis-new-4.skin-warframe.wf-rare-test #s08 .saydis-copy {
  display: grid !important;
  place-items: center !important;
  min-height: 58px !important;
  padding: 0 6px 4px !important;
  text-align: center !important;
}

@media (max-width: 980px) {
  html[data-site-page] body.saydis-new-4.skin-warframe.wf-rare-test #s08 .saydis-list-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.saydis-new-4.skin-warframe.wf-rare-test #s08 .saydis-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html[data-site-page] body.saydis-new-4.skin-warframe.wf-rare-test #s08 .saydis-card {
    padding: 8px !important;
    gap: 8px !important;
    border-radius: 18px !important;
  }

  html[data-site-page] body.saydis-new-4.skin-warframe.wf-rare-test #s08 .saydis-md {
    padding: 8px !important;
    border-radius: 16px !important;
  }

  html[data-site-page] body.saydis-new-4.skin-warframe.wf-rare-test #s08 .saydis-copy {
    min-height: 44px !important;
    padding: 0 2px 2px !important;
  }

}

@media (max-width: 640px) {
  html[data-site-page] body.saydis-new-4:is(.skin-catalog-square, .skin-nw):not(.skin-sot):not(.skin-warframe):not(.skin-phasmophobia):not(.skin-stalcraft) .saydis-list-grid:has(> .saydis-card) .saydis-md img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
  }
}

html[data-site-page] body.skin-sot .sot-sort-switch {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: fit-content;
  max-width: min(100% - 24px, 820px);
  margin: 18px auto 2px;
  padding: 10px 12px;
  color: var(--saydis-ink);
  background: radial-gradient(circle at 50% 0%, rgba(179,98,255,0.14), transparent 58%), linear-gradient(145deg, rgba(255,255,255,0.052), rgba(148,20,196,0.105));
  border: 1px solid rgba(179,98,255,0.20);
  border-radius: 26px;
  box-shadow: 0 14px 36px rgba(79,9,105,0.14);
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .saydis-main {
  width: 100%;
  box-sizing: border-box;
}

html[data-site-page] body.skin-sot:not(.dark) .sot-sort-switch {
  background: radial-gradient(circle at 50% 0%, rgba(148,20,196,0.10), transparent 58%), linear-gradient(145deg, rgba(255,255,255,0.95), rgba(148,20,196,0.07));
  border-color: rgba(79,9,105,0.16);
  box-shadow: 0 12px 24px rgba(79,9,105,0.08);
}

html[data-site-page] body.skin-sot .sot-sort-title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 118px;
  padding: 0 6px;
  color: var(--saydis-muted);
  font-size: clamp(1.02rem, .76vw, 1.18rem);
  font-weight: 950;
  letter-spacing: .06em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

html[data-site-page] body.skin-sot .sot-sort-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  width: min(58vw, 360px);
  padding: 5px;
  align-items: center;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(179,98,255,0.16);
  border-radius: 20px;
}

html[data-site-page] body.skin-sot:not(.dark) .sot-sort-buttons {
  background: rgba(255,255,255,0.72);
  border-color: rgba(79,9,105,0.12);
}

html[data-site-page] body.skin-sot .sot-sort-buttons button {
  min-height: 38px;
  padding: 8px 12px;
  color: var(--saydis-ink);
  font: inherit;
  font-size: 1.08rem;
  font-weight: 850;
  letter-spacing: 0;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 15px;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

html[data-site-page] body.skin-sot .sot-sort-buttons button:hover {
  transform: translateY(-1px);
  border-color: rgba(179,98,255,0.28);
  background: rgba(255,255,255,0.055);
}

html[data-site-page] body.skin-sot .sot-sort-buttons button.active {
  color: #fff;
  background: linear-gradient(135deg, #9414c4, #4f0969);
  border-color: rgba(255,255,255,0.22);
  box-shadow: 0 9px 22px rgba(79,9,105,0.24), inset 0 1px 0 rgba(255,255,255,0.18);
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-buttons {
  grid-template-columns: minmax(116px, max-content) minmax(136px, max-content) 118px;
  width: auto;
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-slot {
  position: relative;
  width: 118px;
  min-width: 0;
  overflow: visible;
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-toggle,
html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-input {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 8px 12px;
  color: var(--saydis-ink);
  font: inherit;
  font-size: 1.08rem;
  font-weight: 850;
  letter-spacing: 0;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 15px;
  box-sizing: border-box;
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-input {
  position: absolute;
  inset: 0;
  outline: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  text-align: center;
  caret-color: currentColor;
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-input::placeholder {
  color: var(--saydis-ink);
  opacity: 1;
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-input:focus {
  transform: translateY(-1px);
  border-color: rgba(179,98,255,0.28);
  background: rgba(255,255,255,0.055);
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-slot.is-open .sot-sort-search-toggle,
html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-slot.has-query .sot-sort-search-toggle {
  opacity: 0;
  pointer-events: none;
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-slot.is-open .sot-sort-search-input,
html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-slot.has-query .sot-sort-search-input {
  opacity: 1;
  pointer-events: auto;
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-slot.is-long-query .sot-sort-search-input {
  text-align: left;
}

html[data-site-page] body.skin-sot[data-sot-auto-sets]:not(.dark) .sot-sort-search-input:focus {
  border-color: rgba(79,9,105,0.12);
  background: rgba(255,255,255,0.72);
}

html[data-site-page] body.skin-sot .sot-type-view[hidden],
html[data-site-page] body.skin-sot .sot-set-view-hidden {
  display: none !important;
}

@media (max-width: 640px) {
  html[data-site-page] body.skin-sot .sot-sort-switch {
    grid-template-columns: 1fr;
    gap: 9px;
    width: min(100% - 18px, 1900px);
    margin-top: 14px;
    padding: 10px;
    border-radius: 24px;
  }

  html[data-site-page] body.skin-sot .sot-sort-title {
    padding: 0;
    text-align: center;
  }

  html[data-site-page] body.skin-sot .sot-sort-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  html[data-site-page] body.skin-sot .sot-sort-buttons button {
    min-height: 38px;
    padding: 9px 8px;
    font-size: 1rem;
  }
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .saydis-card.sot-search-match {
  transform: translateY(-4px) scale(1.01);
  background: linear-gradient(165deg, rgba(86,26,120,0.96), rgba(50,20,71,0.98));
  border-color: rgba(239,223,255,0.34);
  box-shadow: 0 24px 52px rgba(79,9,105,0.24), 0 0 0 1px rgba(239,223,255,0.24), 0 0 34px rgba(148,20,196,0.18);
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .saydis-card.sot-search-match .saydis-copy strong {
  color: #fff;
  text-shadow: 0 0 10px rgba(214,176,255,0.22);
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .saydis-card.sot-search-match .saydis-md {
  box-shadow: inset 0 0 0 1px rgba(239,223,255,0.18), 0 14px 24px rgba(79,9,105,0.18);
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-search-empty {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 18px auto 10px;
  padding: 8px 0 0;
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-search-empty[hidden] {
  display: none !important;
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-search-empty img {
  display: block;
  width: min(100%, 328px);
  height: auto;
  max-height: none;
  object-fit: contain;
  margin: 0 auto;
  border-radius: 24px;
  box-shadow: 0 28px 58px rgba(18,6,26,0.34);
}

html[data-site-page] body.skin-sot[data-sot-auto-sets]:not(.dark) .saydis-card.sot-search-match {
  background: linear-gradient(165deg, rgba(255,255,255,0.96), rgba(243,232,250,0.98));
  border-color: rgba(125,23,163,0.24);
  box-shadow: 0 20px 40px rgba(79,9,105,0.12), 0 0 0 1px rgba(125,23,163,0.14), 0 0 24px rgba(148,20,196,0.10);
}

html[data-site-page] body.skin-sot[data-sot-auto-sets]:not(.dark) .saydis-card.sot-search-match .saydis-copy strong {
  color: #311946;
  text-shadow: none;
}

html[data-site-page] body.skin-sot[data-sot-auto-sets]:not(.dark) .saydis-card.sot-search-match .saydis-md {
  box-shadow: inset 0 0 0 1px rgba(125,23,163,0.12), 0 12px 22px rgba(79,9,105,0.10);
}

html[data-site-page] body.skin-sot[data-sot-auto-sets] .saydis-list-section.sot-demo-section-empty {
  display: none !important;
}

@media (max-width: 640px) {
html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-slot {
    width: 100%;
  }

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-buttons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-toggle,
html[data-site-page] body.skin-sot[data-sot-auto-sets] .sot-sort-search-input {
    font-size: 1rem;
  }
}

/* ACC12+ portrait catalog */
html[data-site-page] body.skin-acc12 .saydis-hero {
  grid-template-columns: auto minmax(0, 1fr) minmax(240px, 320px);
}

html[data-site-page] body.skin-acc12 .saydis-hero__copy p {
  max-width: 700px;
}

html[data-site-page] body.skin-acc12 .saydis-related {
  min-width: 0;
}

html[data-site-page] body.skin-acc12 .saydis-related a.is-on {
  color: #fff;
  background: linear-gradient(135deg, #9414c4, #4f0969);
  border-color: rgba(255,255,255,0.22);
  box-shadow: 0 10px 24px rgba(79,9,105,0.22), inset 0 1px 0 rgba(255,255,255,0.18);
}

html[data-site-page] body.skin-acc12:not(.dark) .saydis-related a.is-on {
  color: #fff;
  background: linear-gradient(135deg, #7d17a3, #54126b);
  border-color: rgba(79,9,105,0.28);
  box-shadow: 0 10px 24px rgba(79,9,105,0.12), inset 0 1px 0 rgba(255,255,255,0.35);
}

html[data-site-page] body.skin-acc12 .acc-nav .saydis-list-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

html[data-site-page] body.skin-acc12 .acc-gallery .saydis-list-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

html[data-site-page] body.skin-acc12 .acc-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 7px;
}

html[data-site-page] body.skin-acc12 a.acc-card {
  text-decoration: none;
}

html[data-site-page] body.skin-acc12 .acc-card:hover {
  transform: translateY(-3px);
  border-color: rgba(179,98,255,0.36);
  box-shadow: 0 16px 34px rgba(79,9,105,0.18);
}

html[data-site-page] body.skin-acc12 .acc-card.is-on {
  border-color: rgba(179,98,255,0.34);
  box-shadow: 0 18px 34px rgba(79,9,105,0.16), inset 0 0 0 1px rgba(255,255,255,0.05);
}

html[data-site-page] body.skin-acc12:not(.dark) .acc-card.is-on {
  border-color: rgba(79,9,105,0.22);
  box-shadow: 0 14px 26px rgba(79,9,105,0.10);
}

html[data-site-page] body.skin-acc12 .acc-md {
  min-height: 0;
  aspect-ratio: 362 / 499;
  padding: 0;
  overflow: hidden;
}

html[data-site-page] body.skin-acc12 .acc-md img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}

html[data-site-page] body.skin-acc12 .acc-copy {
  display: grid;
  gap: 4px;
  justify-items: center;
  width: 100%;
  min-width: 0;
  text-align: center;
}

html[data-site-page] body.skin-acc12 .acc-copy strong {
  width: 100%;
  font-size: clamp(.95rem, 1vw, 1.08rem);
  line-height: 1.14;
  text-align: center;
}

html[data-site-page] body.skin-acc12 .acc-sub {
  color: var(--saydis-muted);
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.1;
}

@media (max-width: 1500px) and (min-width: 992px) {
  html[data-site-page] body.skin-acc12 .acc-gallery .saydis-list-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  html[data-site-page] body.skin-acc12 .acc-gallery .saydis-list-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  html[data-site-page] body.skin-acc12 .saydis-hero {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  html[data-site-page] body.skin-acc12 .saydis-hero__copy,
  html[data-site-page] body.skin-acc12 .saydis-hero__copy h1,
  html[data-site-page] body.skin-acc12 .saydis-hero-kicker {
    text-align: center;
    justify-content: center;
  }

  html[data-site-page] body.skin-acc12 .acc-nav .saydis-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.skin-acc12 .acc-gallery .saydis-list-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.skin-acc12 .acc-nav .saydis-list-grid,
  html[data-site-page] body.skin-acc12 .acc-gallery .saydis-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  html[data-site-page] body.skin-acc12 .acc-card {
    padding: 6px;
    gap: 6px;
    border-radius: 18px;
  }

  html[data-site-page] body.skin-acc12 .acc-copy strong {
    font-size: clamp(.82rem, 3.7vw, .96rem);
  }
}

/* Homepage product cards tuning. */
html[data-site-page] body.home-root .saydis-lc {
  border: 1px solid rgba(179,98,255,.22);
  box-shadow: 0 22px 60px rgba(79,9,105,.18), inset 0 1px 0 rgba(255,255,255,.05);
}

html[data-site-page] body.home-root .saydis-lc aside {
  border: 1px solid rgba(179,98,255,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 18px rgba(79,9,105,.08);
}

html[data-site-page] body.home-root .saydis-lc .saydis-list-grid {
  display: block;
  column-width: 360px;
  column-gap: 14px;
}

html[data-site-page] body.home-root .hp-game {
  display: inline-grid;
  width: 100%;
  grid-column: auto !important;
  gap: 12px;
  margin: 0 0 14px;
  padding: 12px;
  border-radius: 28px;
  break-inside: avoid;
  border: 1px solid rgba(var(--hp-accent-rgb), .18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 30px rgba(79,9,105,.14);
}

html[data-site-page] body.home-root .hp-game::after {
  content: none;
}

html[data-site-page] body.home-root .hp-game h3 {
  min-height: 50px;
  padding: 12px 15px;
  font-size: clamp(1.42rem, 1.16vw, 1.84rem);
  border: 1px solid rgba(var(--hp-accent-rgb), .20);
  background: linear-gradient(145deg, rgba(var(--hp-accent-rgb), .18), rgba(var(--hp-accent-2-rgb), .10));
}

html[data-site-page] body.home-root .hp-game[data-hp-title="long"] h3 {
  font-size: clamp(1.22rem, 1.02vw, 1.52rem);
  letter-spacing: -.04em;
}

html[data-site-page] body.home-root .hp-grid {
  grid-template-columns: repeat(auto-fit, minmax(158px, 1fr)) !important;
  gap: 10px;
}

html[data-site-page] body.home-root .hp-link {
  aspect-ratio: auto;
  min-height: 86px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(79,9,105,.13);
}

html[data-site-page] body.home-root .hp-link::before {
  content: none;
}

html[data-site-page] body.home-root .hp-game[data-hp-sliced] .hp-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: var(--hp-slice-image);
  background-repeat: no-repeat;
  background-position: var(--hp-slice-x) var(--hp-slice-y);
  background-size: var(--hp-slice-width) var(--hp-slice-height);
  opacity: var(--hp-slice-opacity, .26);
  filter: none;
}

html[data-site-page] body.home-root:not(.dark) .hp-game[data-hp-sliced] .hp-link::before {
  opacity: var(--hp-slice-opacity-light, .38);
}

html[data-site-page] body.home-root .hp-link strong {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 0;
  font-size: clamp(1.58rem, 1.18vw, 2.06rem);
  line-height: 1.06;
  letter-spacing: -.03em;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  text-wrap: balance;
}

html[data-site-page] body.home-root .hp-link.is-hp-last-single {
  grid-column: 1 / -1;
  justify-self: center;
  width: min(100%, var(--hp-last-width, 100%));
}

html[data-site-page] body.home-root .hp-game:not(:has(.hp-link:nth-child(2))) .hp-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

html[data-site-page] body.home-root .hp-game:not(:has(.hp-link:nth-child(2))) .hp-link {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
}

html[data-site-page] body.home-root:not(.dark) .hp-link strong {
  color: #2c1239;
  text-shadow: 0 1px 10px rgba(255,255,255,.52);
  background: none;
}

@media (max-width: 1100px) {
  html[data-site-page] body.home-root .saydis-lc .saydis-list-grid {
    column-width: 320px;
  }

  html[data-site-page] body.home-root .hp-grid {
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  html[data-site-page] body.home-root .hp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-site-page] body.home-root .hp-link {
    min-height: 82px;
  }

  html[data-site-page] body.home-root .hp-link strong {
    font-size: clamp(1.12rem, 4.6vw, 1.3rem);
  }

  html[data-site-page] body.home-root .saydis-hgc .saydis-md {
    display: grid;
    place-items: center;
  }

  html[data-site-page] body.home-root .saydis-hgc .saydis-md img {
    max-height: min(calc(74% * var(--home-logo-scale, 1)), 96%) !important;
  }

  html[data-site-page] body.home-root .saydis-hgc .saydis-md::after {
    transform: none;
  }
}

/* Homepage game art backgrounds. */
html[data-site-page] body.home-root .saydis-hgc {
  --home-char-pos: center;
  --home-char-size: cover;
  --home-char-opacity: .4;
  --home-char-filter: none;
  --home-char-scale: 1;
}

html[data-site-page] body.home-root .saydis-hgc .saydis-md {
  position: relative;
  isolation: isolate;
  background: linear-gradient(145deg, rgba(148,20,196,.12), rgba(255,255,255,.03));
}

html[data-site-page] body.home-root .saydis-hgc .saydis-md::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(10,7,16,.14), rgba(10,7,16,.26)),
    linear-gradient(145deg, rgba(148,20,196,.10), rgba(255,255,255,.02));
}

html[data-site-page] body.home-root:not(.dark) .saydis-hgc .saydis-md::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.10)),
    linear-gradient(145deg, rgba(148,20,196,.10), rgba(255,255,255,.26));
}

html[data-site-page] body.home-root .saydis-hgc .saydis-md::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--home-char);
  background-position: var(--home-char-pos);
  background-repeat: no-repeat;
  background-size: var(--home-char-size);
  opacity: var(--home-char-opacity);
  filter: var(--home-char-filter);
  transform: scale(var(--home-char-scale));
  transform-origin: center;
}

html[data-site-page] body.home-root .saydis-hgc .saydis-md img {
  display: block;
}

html[data-site-page] body.home-root :is(a[data-home-inst-base^="warframe/inst/"], article.hp-game[data-hp-logo$="warframe.svg"]) { --home-char: url("images/home/bg/warframe.png"); --home-char-pos: center top; --home-char-opacity: .34; }
html[data-site-page] body.home-root :is(a[data-home-inst-base^="stalcraft/inst/"], article.hp-game[data-hp-logo$="stalcraft.svg"]) { --home-char: url("images/home/bg/stalcraft.png"); --home-char-pos: 100% 18%; --home-char-size: 340% auto; --home-char-opacity: .34; }
html[data-site-page] body.home-root :is(a[data-home-inst-base^="SoT/inst/"], article.hp-game[data-hp-logo$="sot.svg"]) { --home-char: url("images/home/bg/sot.webp"); --home-char-pos: center; --home-char-opacity: .30; }
html[data-site-page] body.home-root :is(a[data-home-inst-base^="rust/inst/"]) { --home-char: url("images/home/bg/rust-home.jpg"); --home-char-pos: 34% 44%; --home-char-size: 214% auto; --home-char-opacity: .41; }
html[data-site-page] body.home-root article.hp-game[data-hp-logo$="rustkick.svg"] { --home-char: url("images/home/bg/rustkick-home.jpg"); --home-char-pos: 62% 46%; --home-char-size: 234% auto; --home-char-opacity: .36; --hp-accent-rgb: 42,176,104; --hp-accent-2-rgb: 147,255,191; }
html[data-site-page] body.home-root a[data-home-inst-base^="rustkick/inst/"] { --home-char: url("images/home/bg/rustkick-home.jpg"); --home-char-pos: 62% 46%; --home-char-size: 234% auto; --home-char-opacity: .42; }
html[data-site-page] body.home-root a[data-home-inst-base^="rustkick/inst/"] .saydis-md::before {
  background:
    linear-gradient(180deg, rgba(6,18,10,.18), rgba(6,18,10,.32)),
    linear-gradient(145deg, rgba(24,196,116,.18), rgba(255,255,255,.02));
}
html[data-site-page] body.home-root :is(a[data-home-inst-base^="hunt/inst/"], article.hp-game[data-hp-logo$="hunt.svg"]) { --home-char: url("images/home/bg/hunt.jpg"); --home-char-pos: center; --home-char-opacity: .33; }
html[data-site-page] body.home-root :is(a[data-home-inst-base^="CB/inst/"], article.hp-game[data-hp-logo$="cb.svg"]) { --home-char: url("images/home/bg/cb.jpg"); --home-char-pos: 100% 10%; --home-char-size: 390% auto; --home-char-opacity: .31; }
html[data-site-page] body.home-root :is(a[data-home-inst-base^="NW/inst/"], article.hp-game[data-hp-logo$="nw.svg"]) { --home-char: url("images/home/bg/nw.jpg"); --home-char-pos: 0% 18%; --home-char-size: 282% auto; --home-char-opacity: .35; }
html[data-site-page] body.home-root :is(a[data-home-inst-base^="POE/inst/"], article.hp-game[data-hp-logo$="poe.svg"]) { --home-char: url("images/home/bg/poe.jpg"); --home-char-pos: 100% 22%; --home-char-size: 294% auto; --home-char-opacity: .35; }
html[data-site-page] body.home-root a[data-home-inst-base^="NW/inst/"] .saydis-md img { --home-logo-scale: 1.5; }
html[data-site-page] body.home-root a[data-home-inst-base^="POE/inst/"] .saydis-md img { --home-logo-scale: 1.8; }
html[data-site-page] body.home-root :is(a[data-home-inst-base^="apex/inst/"], article.hp-game[data-hp-logo$="apex.svg"]) { --home-char: url("images/home/bg/apex.jpg"); --home-char-pos: 100% 24%; --home-char-size: 268% auto; --home-char-opacity: .31; }
html[data-site-page] body.home-root :is(a[data-home-inst-base^="MarvelRivals/inst/"], article.hp-game[data-hp-logo$="marvel.svg"]) { --home-char: url("images/home/bg/marvel.jpg"); --home-char-pos: 100% 18%; --home-char-size: 276% auto; --home-char-opacity: .35; }
html[data-site-page] body.home-root :is(a[data-home-inst-base^="TF/inst/"], article.hp-game[data-hp-logo$="tf.svg"]) { --home-char: url("images/home/bg/tf.jpg"); --home-char-pos: 100% 18%; --home-char-size: 214% auto; --home-char-opacity: .35; }
html[data-site-page] body.home-root :is(a[data-home-inst-base^="EVE/inst/"], article.hp-game[data-hp-logo$="eve.svg"]) { --home-char: url("images/home/bg/eve-aura.jpg"); --home-char-pos: 72% 18%; --home-char-size: 176% auto; --home-char-opacity: .42; }
html[data-site-page] body.home-root :is(a[data-home-inst-base^="phasmophobia/inst/"], article.hp-game[data-hp-logo$="phasmophobia.svg"]) { --home-char: url("images/home/bg/phasmophobia-home.jpg"); --home-char-pos: 58% 40%; --home-char-size: 182% auto; --home-char-opacity: .50; }
html[data-site-page] body.home-root :is(a[data-home-inst-base^="ARC/inst/"], article.hp-game[data-hp-logo$="arc.svg"]) { --home-char: url("images/home/bg/arc.png"); --home-char-pos: 100% 16%; --home-char-size: 262% auto; --home-char-opacity: .33; }
html[data-site-page] body.home-root a[data-home-inst-base^="other/inst/"] { --home-char: url("images/home/bg/lostark.jpg"); --home-char-pos: 52% 0%; --home-char-size: 258% auto; --home-char-opacity: .29; }
html[data-site-page] body.home-root article.hp-game[data-hp-logo$="lostark.svg"] { --home-char: url("images/home/bg/lostark.jpg"); --home-char-pos: 52% 0%; --home-char-size: 258% auto; --home-char-opacity: .29; }
html[data-site-page] body.home-root article.hp-game[data-hp-logo$="tal.svg"] { --home-char: url("images/home/bg/tal-home.jpg"); --home-char-pos: 78% 44%; --home-char-size: 210% auto; --home-char-opacity: .30; }
html[data-site-page] body.home-root article.hp-game[data-hp-logo$="dune.svg"] { --home-char: url("images/home/bg/dune-home.jpg"); --home-char-pos: 19% 68%; --home-char-size: 236% auto; --home-char-opacity: .28; }
html[data-site-page] body.home-root article.hp-game[data-hp-logo$="enshrouded.svg"] { --home-char: url("images/home/bg/enshrouded-home.jpg"); --home-char-pos: 78% 48%; --home-char-size: 218% auto; --home-char-opacity: .30; }
html[data-site-page] body.home-root article.hp-game[data-hp-logo$="outlast.svg"] { --home-char: url("images/home/bg/outlast-home.jpg"); --home-char-pos: center 18%; --home-char-size: 122% auto; --home-char-opacity: .38; }
html[data-site-page] body.home-root article.hp-game[data-hp-logo$="scum.svg"] { --home-char: url("images/home/bg/scum-home.png"); --home-char-pos: center 28%; --home-char-size: 120% auto; --home-char-opacity: .34; }
html[data-site-page] body.home-root article.hp-game[data-hp-logo$="ufl.svg"] { --home-char: url("images/home/bg/ufl-home.jpg"); --home-char-pos: 82% 30%; --home-char-size: 196% auto; --home-char-opacity: .26; }
html[data-site-page] body.home-root article.hp-game[data-hp-logo$="darktide.svg"] { --home-char: url("images/home/bg/darktide-home.jpg"); --home-char-pos: 50% 8%; --home-char-size: 170% auto; --home-char-opacity: .28; }

/* Grand pages in the unified Saydis shell */
html[data-site-page] body.saydis-new.skin-grand-home .saydis-hero,
html[data-site-page] body.saydis-new.skin-grand-tool .saydis-hero,
html[data-site-page] body.saydis-new.skin-grand-cars .saydis-hero {
  max-width: 1780px;
}

html[data-site-page] body.saydis-new.skin-grand-home .saydis-list-section,
html[data-site-page] body.saydis-new.skin-grand-tool .saydis-list-section,
html[data-site-page] body.saydis-new.skin-grand-cars .saydis-list-section {
  background: linear-gradient(145deg, rgba(148,20,196,.12), rgba(255,255,255,.025));
  border-color: rgba(179,98,255,.22);
  box-shadow: 0 22px 60px rgba(79,9,105,.18);
}

html[data-site-page] body.saydis-new.skin-grand-home:not(.dark) .saydis-list-section,
html[data-site-page] body.saydis-new.skin-grand-tool:not(.dark) .saydis-list-section,
html[data-site-page] body.saydis-new.skin-grand-cars:not(.dark) .saydis-list-section {
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,229,248,.90));
  box-shadow: 0 18px 48px rgba(79,9,105,.10), inset 0 1px 0 rgba(255,255,255,.88);
}

html[data-site-page] body.saydis-new.skin-grand-home .saydis-list-section aside,
html[data-site-page] body.saydis-new.skin-grand-tool .saydis-list-section aside,
html[data-site-page] body.saydis-new.skin-grand-cars .saydis-list-section aside {
  background: linear-gradient(145deg, rgba(148,20,196,.18), rgba(255,255,255,.05));
  border-color: rgba(179,98,255,.18);
  box-shadow: inset 3px 0 0 rgba(148,20,196,.16), inset -3px 0 0 rgba(148,20,196,.08);
}

html[data-site-page] body.saydis-new.skin-grand-home:not(.dark) .saydis-list-section aside,
html[data-site-page] body.saydis-new.skin-grand-tool:not(.dark) .saydis-list-section aside,
html[data-site-page] body.saydis-new.skin-grand-cars:not(.dark) .saydis-list-section aside {
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(242,229,248,.92));
}

html[data-site-page] body.saydis-new.skin-grand-home .saydis-related a.is-on,
html[data-site-page] body.saydis-new.skin-grand-tool .saydis-related a.is-on,
html[data-site-page] body.saydis-new.skin-grand-cars .saydis-related a.is-on {
  color: #fff;
  background: linear-gradient(135deg, #9414c4, #4f0969);
  border-color: rgba(217,166,255,.40);
}

html[data-site-page] body.saydis-new.skin-grand-home:not(.dark) .saydis-related a.is-on,
html[data-site-page] body.saydis-new.skin-grand-tool:not(.dark) .saydis-related a.is-on,
html[data-site-page] body.saydis-new.skin-grand-cars:not(.dark) .saydis-related a.is-on {
  color: #fff;
  background: linear-gradient(135deg, #7d17a3, #54126b);
}

html[data-site-page] body.saydis-new.skin-grand-home .grand-home-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html[data-site-page] body.saydis-new.skin-grand-home .grand-nav-card {
  grid-template-columns: 1fr;
  min-height: 170px;
  text-decoration: none;
}

html[data-site-page] body.saydis-new.skin-grand-home .grand-nav-card .saydis-copy {
  display: grid;
  gap: 10px;
  align-content: center;
}

html[data-site-page] body.saydis-new.skin-grand-home .grand-nav-card strong {
  font-size: clamp(2rem, 1.6vw, 2.9rem);
  line-height: 1.02;
}

html[data-site-page] body.saydis-new.skin-grand-home .grand-nav-card small {
  display: block;
  font-size: 1.42rem;
  line-height: 1.35;
  color: var(--saydis-muted);
}

html[data-site-page] body.saydis-new.skin-grand-home .grand-nav-card:hover {
  transform: translateY(-4px);
}

html[data-site-page] body.saydis-new.skin-grand-tool .grand-panel__body,
html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body {
  min-width: 0;
}

html[data-site-page] body.saydis-new.skin-grand-tool .grand-panel__body .chiptuning-calculator,
html[data-site-page] body.saydis-new.skin-grand-tool .grand-panel__body .weapon-calculator {
  max-width: none;
  margin: 0;
}

html[data-site-page] body.saydis-new.skin-grand-tool .grand-panel__body :is(.quick-card, .category-card, .ammo-card, .weapon-card, .result-card) {
  opacity: 1;
  animation: none;
}

html[data-site-page] body.saydis-new.skin-grand-tool .grand-panel__body :is(.settings-section, .quick-section, .results-section, .category-row, .ammo-row, .weapon-row) {
  opacity: 1;
  animation: none;
}

html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body .search-container {
  max-width: none;
  margin: 0 0 22px;
  padding: 0;
}

html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body .autosalon-container {
  max-width: none;
  margin: 0;
  padding: 0 0 10px;
}

html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body .car-card {
  opacity: 1;
  animation: none;
}

html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body .pagination {
  max-width: none;
  margin: 18px 0 0;
  padding: 0;
}

html[data-site-page] body.saydis-new.skin-grand-cars .saydis-main {
  max-width: 100%;
}

html[data-site-page] body.saydis-new.skin-grand-cars .grand-car-shell {
  display: block;
  width: min(1760px, calc(100vw - 32px));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body {
  display: block;
  width: 100%;
  max-width: none;
  padding: 28px 32px 30px;
}

html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body > #app {
  width: 100%;
  max-width: none;
}

html[data-site-page] body.saydis-new.skin-grand-cars search-bar,
html[data-site-page] body.saydis-new.skin-grand-cars car-list {
  display: block;
  width: 100%;
}

html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body .search-container {
  width: 100%;
}

html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body .autosalon-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
  width: 100%;
}

html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body .car-card {
  width: 100%;
  margin: 0;
}

@media (max-width: 980px) {
  html[data-site-page] body.saydis-new.skin-grand-home .grand-home-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body {
    padding: 22px 18px 24px;
  }

  html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body .autosalon-container {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.saydis-new.skin-grand-home .grand-home-grid {
    grid-template-columns: 1fr;
  }

  html[data-site-page] body.saydis-new.skin-grand-home .grand-nav-card {
    min-height: 144px;
  }

  html[data-site-page] body.saydis-new.skin-grand-cars .grand-panel__body {
    padding: 18px 14px 20px;
  }

  html[data-site-page] body.saydis-new.skin-grand-cars .grand-car-shell {
    width: calc(100vw - 18px);
  }
}

html[data-site-page] body.skin-metrics {
  background:
    radial-gradient(circle at 12% 18%, rgba(177,56,255,0.26), transparent 30%),
    radial-gradient(circle at 82% 14%, rgba(97,53,255,0.18), transparent 26%),
    radial-gradient(circle at 50% 100%, rgba(255,102,204,0.12), transparent 32%),
    #090b14;
}

html[data-site-page] body.skin-metrics .metrics-hero {
  position: relative;
  overflow: hidden;
  align-items: flex-end;
  gap: 24px;
}

html[data-site-page] body.skin-metrics .metrics-hero .saydis-logo img {
  border-radius: 28px;
  box-shadow: 0 20px 48px rgba(5, 7, 17, 0.38);
}

html[data-site-page] body.skin-metrics .metrics-hero__copy {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

html[data-site-page] body.skin-metrics .metrics-hero-kicker,
html[data-site-page] body.skin-metrics .metrics-stat__label,
html[data-site-page] body.skin-metrics .metrics-card__head span,
html[data-site-page] body.skin-metrics .metrics-filter-field span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(225,228,255,0.62);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.20em;
  text-transform: uppercase;
}

html[data-site-page] body.skin-metrics .metrics-hero-panel {
  display: grid;
  gap: 14px;
  min-width: min(100%, 280px);
  margin-left: auto;
  padding: 18px 20px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(26,19,44,0.92), rgba(10,12,22,0.92));
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 30px 72px rgba(3,5,12,0.42), inset 0 1px 0 rgba(255,255,255,0.05);
}

html[data-site-page] body.skin-metrics .metrics-hero-panel__meta {
  display: grid;
  gap: 6px;
}

html[data-site-page] body.skin-metrics .metrics-hero-panel__meta strong {
  color: #fff;
  font-size: 1.28rem;
  line-height: 1.1;
}

html[data-site-page] body.skin-metrics .metrics-main {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-bottom: 26px;
}

html[data-site-page] body.skin-metrics .metrics-login,
html[data-site-page] body.skin-metrics .metrics-stats,
html[data-site-page] body.skin-metrics .metrics-layout,
html[data-site-page] body.skin-metrics .metrics-grid,
html[data-site-page] body.skin-metrics .metrics-recent,
html[data-site-page] body.skin-metrics .metrics-empty,
html[data-site-page] body.skin-metrics .metrics-filters-shell {
  width: 100%;
}

html[data-site-page] body.skin-metrics .metrics-card {
  position: relative;
  overflow: hidden;
  padding: 26px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(26,19,44,0.93), rgba(10,12,22,0.96));
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 32px 90px rgba(3,5,12,0.48), inset 0 1px 0 rgba(255,255,255,0.05);
}

html[data-site-page] body.skin-metrics .metrics-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,0.26), rgba(255,255,255,0));
  pointer-events: none;
}

html[data-site-page] body.skin-metrics .metrics-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

html[data-site-page] body.skin-metrics .metrics-card__head h2,
html[data-site-page] body.skin-metrics .metrics-empty h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.72rem, 2.5vw, 2.45rem);
  line-height: 1.02;
}

html[data-site-page] body.skin-metrics .metrics-placeholder,
html[data-site-page] body.skin-metrics .metrics-empty p {
  margin: 0;
  color: rgba(236,240,255,0.72);
  font-size: 15px;
  line-height: 1.65;
}

html[data-site-page] body.skin-metrics .metrics-login {
  display: flex;
  justify-content: center;
}

html[data-site-page] body.skin-metrics .metrics-login-card {
  display: block;
}

html[data-site-page] body.skin-metrics .metrics-login-card--compact {
  width: min(100%, 460px);
}

html[data-site-page] body.skin-metrics .metrics-login-form {
  display: grid;
  gap: 14px;
}

html[data-site-page] body.skin-metrics .metrics-label {
  color: rgba(255,255,255,0.74);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html[data-site-page] body.skin-metrics .metrics-input {
  width: 100%;
  min-height: 56px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  background: rgba(9,10,18,0.84);
  color: #fff;
  font-size: 16px;
  outline: none;
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

html[data-site-page] body.skin-metrics .metrics-input:focus {
  border-color: rgba(194,126,255,0.76);
  box-shadow: 0 0 0 4px rgba(168,72,255,0.18);
}

html[data-site-page] body.skin-metrics .metrics-select {
  appearance: none;
  padding-right: 46px;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.78) 50%),
    linear-gradient(135deg, rgba(255,255,255,0.78) 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(50% - 3px),
    calc(100% - 14px) calc(50% - 3px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

html[data-site-page] body.skin-metrics .metrics-button,
html[data-site-page] body.skin-metrics .metrics-tab,
html[data-site-page] body.skin-metrics .metrics-logout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 22px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(167,52,246,0.92), rgba(119,19,184,0.92));
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(132,33,207,0.35), inset 0 1px 0 rgba(255,255,255,0.18);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

html[data-site-page] body.skin-metrics .metrics-button:hover,
html[data-site-page] body.skin-metrics .metrics-tab:hover,
html[data-site-page] body.skin-metrics .metrics-logout:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(132,33,207,0.42), inset 0 1px 0 rgba(255,255,255,0.22);
}

html[data-site-page] body.skin-metrics .metrics-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

html[data-site-page] body.skin-metrics .metrics-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px;
}

html[data-site-page] body.skin-metrics .metrics-tab {
  min-height: 48px;
  padding: 0 18px;
  background: rgba(16,18,30,0.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}

html[data-site-page] body.skin-metrics .metrics-tab.is-active {
  background: linear-gradient(180deg, rgba(189,73,255,0.98), rgba(113,20,173,0.98));
  border-color: rgba(232,190,255,0.34);
}

html[data-site-page] body.skin-metrics .metrics-toolbar__meta {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  color: rgba(234,237,255,0.72);
  font-size: 13px;
}

html[data-site-page] body.skin-metrics .metrics-logout {
  min-height: 48px;
  background: rgba(16,18,30,0.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}

html[data-site-page] body.skin-metrics .metrics-filters-shell {
  display: grid;
  grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
  gap: 18px;
}

html[data-site-page] body.skin-metrics .metrics-filter-card {
  overflow: visible;
}

html[data-site-page] body.skin-metrics .metrics-filter-form {
  display: grid;
  gap: 14px;
}

html[data-site-page] body.skin-metrics .metrics-filter-form--range {
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  align-items: end;
}

html[data-site-page] body.skin-metrics .metrics-filter-form--full {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

html[data-site-page] body.skin-metrics .metrics-filter-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

html[data-site-page] body.skin-metrics .metrics-filter-field--wide {
  grid-column: span 2;
}

html[data-site-page] body.skin-metrics .metrics-filter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: end;
  grid-column: span 2;
}

html[data-site-page] body.skin-metrics .metrics-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 18px;
}

html[data-site-page] body.skin-metrics .metrics-stat {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

html[data-site-page] body.skin-metrics .metrics-stat strong {
  color: #fff;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1;
  letter-spacing: -0.04em;
}

html[data-site-page] body.skin-metrics .metrics-delta {
  display: inline-flex;
  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.07);
  color: rgba(236,240,255,0.82);
  font-size: 12px;
  font-weight: 700;
}

html[data-site-page] body.skin-metrics .metrics-delta--up {
  background: rgba(46,214,143,0.15);
  color: #81ffc2;
}

html[data-site-page] body.skin-metrics .metrics-delta--down {
  background: rgba(255,95,120,0.15);
  color: #ff8ea2;
}

html[data-site-page] body.skin-metrics .metrics-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr));
  gap: 18px;
}

html[data-site-page] body.skin-metrics .metrics-card--wide {
  grid-column: 1 / 2;
  grid-row: span 2;
}

html[data-site-page] body.skin-metrics .metrics-bars {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22px, 1fr));
  align-items: end;
  gap: 12px;
  min-height: 300px;
}

html[data-site-page] body.skin-metrics .metrics-bar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  gap: 8px;
  min-height: 100%;
}

html[data-site-page] body.skin-metrics .metrics-bar span {
  display: block;
  width: 100%;
  min-height: 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, #d46dff 0%, #8220c8 100%);
  box-shadow: 0 10px 24px rgba(160,55,231,0.34);
}

html[data-site-page] body.skin-metrics .metrics-bar em,
html[data-site-page] body.skin-metrics .metrics-bar small {
  font-style: normal;
}

html[data-site-page] body.skin-metrics .metrics-bar em {
  color: rgba(255,255,255,0.84);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

html[data-site-page] body.skin-metrics .metrics-bar small {
  color: rgba(220,225,255,0.58);
  font-size: 10px;
  text-align: center;
  line-height: 1.2;
}

html[data-site-page] body.skin-metrics .metrics-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-site-page] body.skin-metrics .metrics-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.04);
  color: rgba(240,242,255,0.84);
}

html[data-site-page] body.skin-metrics .metrics-list li span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-site-page] body.skin-metrics .metrics-list li strong {
  color: #fff;
  font-size: 16px;
}

html[data-site-page] body.skin-metrics .metrics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

html[data-site-page] body.skin-metrics .metrics-table-wrap {
  overflow-x: auto;
}

html[data-site-page] body.skin-metrics .metrics-table {
  width: 100%;
  border-collapse: collapse;
}

html[data-site-page] body.skin-metrics .metrics-table th,
html[data-site-page] body.skin-metrics .metrics-table td {
  padding: 14px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  color: rgba(240,243,255,0.8);
  font-size: 14px;
  text-align: left;
}

html[data-site-page] body.skin-metrics .metrics-table th {
  color: rgba(225,228,255,0.56);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

html[data-site-page] body.skin-metrics .metrics-table__num {
  text-align: right !important;
  white-space: nowrap;
}

html[data-site-page] body.skin-metrics .metrics-table__muted {
  color: rgba(220,225,255,0.54);
}

html[data-site-page] body.skin-metrics .metrics-sort {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 0;
  color: inherit;
  font: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  background: transparent;
  border: 0;
  cursor: pointer;
}

html[data-site-page] body.skin-metrics .metrics-sort[data-sort-active="asc"]::after,
html[data-site-page] body.skin-metrics .metrics-sort[data-sort-active="desc"]::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}

html[data-site-page] body.skin-metrics .metrics-sort[data-sort-active="asc"]::after {
  transform: rotate(-135deg);
}

html[data-site-page] body.skin-metrics .metrics-sort[data-sort-active="desc"]::after {
  transform: rotate(45deg);
}

html[data-site-page] body.skin-metrics .metrics-error {
  padding: 12px 14px;
  border: 1px solid rgba(255,125,152,0.34);
  border-radius: 16px;
  background: rgba(255,86,126,0.1);
  color: #ff98b3;
  font-size: 14px;
}

@media (max-width: 1180px) {
  html[data-site-page] body.skin-metrics .metrics-filters-shell,
  html[data-site-page] body.skin-metrics .metrics-layout,
  html[data-site-page] body.skin-metrics .metrics-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-site-page] body.skin-metrics .metrics-card--wide {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

@media (max-width: 920px) {
  html[data-site-page] body.skin-metrics .metrics-hero {
    align-items: flex-start;
  }

  html[data-site-page] body.skin-metrics .metrics-hero-panel {
    width: 100%;
    min-width: 0;
    margin-left: 0;
  }

  html[data-site-page] body.skin-metrics .metrics-filter-form--full {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  html[data-site-page] body.skin-metrics .metrics-toolbar,
  html[data-site-page] body.skin-metrics .metrics-card__head,
  html[data-site-page] body.skin-metrics .metrics-toolbar__meta {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  html[data-site-page] body.skin-metrics .metrics-filter-form--range,
  html[data-site-page] body.skin-metrics .metrics-filter-form--full,
  html[data-site-page] body.skin-metrics .metrics-stats {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-site-page] body.skin-metrics .metrics-filter-field--wide,
  html[data-site-page] body.skin-metrics .metrics-filter-actions {
    grid-column: auto;
  }

  html[data-site-page] body.skin-metrics .metrics-bars {
    min-height: 240px;
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.skin-metrics .metrics-card {
    padding: 20px;
    border-radius: 24px;
  }

  html[data-site-page] body.skin-metrics .metrics-hero .saydis-logo img {
    border-radius: 22px;
  }

  html[data-site-page] body.skin-metrics .metrics-table th,
  html[data-site-page] body.skin-metrics .metrics-table td {
    padding: 12px 10px;
    font-size: 13px;
  }

  html[data-site-page] body.skin-metrics .metrics-sort {
    white-space: nowrap;
  }
}

/* Hotfixes after server deploy: mobile card badges, Warframe card alignment, homepage single links, theme toggle pulse colors. */
@keyframes site-theme-pulse-violet {
  0% { box-shadow: 0 0 0 0 rgba(148,20,196,0.42); }
  70% { box-shadow: 0 0 0 10px rgba(148,20,196,0); }
  100% { box-shadow: 0 0 0 0 rgba(148,20,196,0); }
}

@keyframes site-theme-pulse-violet-dark {
  0% { box-shadow: 0 0 0 0 rgba(179,98,255,0.44); }
  70% { box-shadow: 0 0 0 10px rgba(179,98,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(179,98,255,0); }
}

@keyframes site-theme-pulse-green {
  0% { box-shadow: 0 0 0 0 rgba(1,232,0,0.40); }
  70% { box-shadow: 0 0 0 10px rgba(1,232,0,0); }
  100% { box-shadow: 0 0 0 0 rgba(1,232,0,0); }
}

@keyframes site-theme-pulse-green-dark {
  0% { box-shadow: 0 0 0 0 rgba(1,232,0,0.46); }
  70% { box-shadow: 0 0 0 10px rgba(1,232,0,0); }
  100% { box-shadow: 0 0 0 0 rgba(1,232,0,0); }
}

html[data-site-page] body:not(.skin-rustkick):not(.skin-kick-data) .theme-toggle:hover {
  background: #9414c4 !important;
  animation: site-theme-pulse-violet 1.5s infinite !important;
}

html[data-site-page] body.dark:not(.skin-rustkick):not(.skin-kick-data) .theme-toggle:hover {
  animation: site-theme-pulse-violet-dark 1.5s infinite !important;
}

html[data-site-page] body:is(.skin-rustkick, .skin-kick-data) .theme-toggle:hover {
  background: #01e800 !important;
  animation: site-theme-pulse-green 1.5s infinite !important;
}

html[data-site-page] body.dark:is(.skin-rustkick, .skin-kick-data) .theme-toggle:hover {
  animation: site-theme-pulse-green-dark 1.5s infinite !important;
}

@media (hover: none), (pointer: coarse) {
  html[data-site-page] .theme-toggle:hover {
    animation: none !important;
    transform: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
  }
}

@media (max-width: 640px) {
  html[data-site-page] body.saydis-new-4 .saydis-m,
  html[data-site-page] body.saydis-new-4 .saydis-qty {
    z-index: 3 !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  html[data-site-page] body.saydis-new-4 .saydis-m {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
    flex: 0 0 34px;
  }

  html[data-site-page] body.saydis-new-4.skin-warframe :is(#s01, #s08) .saydis-list-grid:has(> .saydis-card) .saydis-md {
    align-items: center !important;
    justify-items: center !important;
    align-content: center !important;
  }

  html[data-site-page] body.saydis-new-4.skin-warframe :is(#s01, #s08) .saydis-list-grid:has(> .saydis-card) .saydis-md img {
    margin: auto !important;
    align-self: center !important;
    justify-self: center !important;
    vertical-align: middle !important;
    transform: translate3d(0, -6px, 0) !important;
  }
}

@media (max-width: 768px) {
  html[data-site-page] body.saydis-new-4:is(.skin-rust, .skin-rustkick) .saydis-list-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: start !important;
  }

  html[data-site-page] body.saydis-new-4:is(.skin-rust, .skin-rustkick) .saydis-item {
    width: 100% !important;
    min-width: 0 !important;
    align-self: stretch !important;
  }

  html[data-site-page] body.saydis-new-4:is(.skin-rust, .skin-rustkick) .saydis-item .saydis-md {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
  }

  html[data-site-page] body.saydis-new-4:is(.skin-rust, .skin-rustkick) .saydis-item .saydis-md video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    object-fit: cover !important;
  }
}

html[data-site-page] body:is(.skin-rust, .skin-rustkick) :is(.saydis-hero__copy h1, .saydis-round-chip, .saydis-round-head .saydis-section-count, .saydis-copy strong) :is(a[href^="tel:"], a[x-apple-data-detectors], [x-apple-data-detectors]) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  background: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}