/* ===========================
   Кастомные стили для AnderTime
   Вынесены из <style> в HTML
   =========================== */

/* Полоса загрузки Stripe */
.stripe-loading-indicator {
    height: 3px !important;
}

.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded {
    background: #8b00ff !important;
}

/* Полупрозрачный оверлей поверх фоновой картинки */
.overlay::before {
    position: absolute;
    content: "";
    background: linear-gradient(0deg, rgba(15, 15, 15, 1) 0%, rgba(15, 15, 15, 0.7) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

/* Фоновые оттенки */
.bg-light {
    background: #8b00ff20;
}

.bg-medium {
    background: #8b00ff35;
}

/* Скроллбар магазина */
.shop::-webkit-scrollbar-thumb {
    background: #8b00ffaa;
}

.shop::-webkit-scrollbar-thumb:hover {
    background: #8b00ff;
}

/* Скелетон-заглушка (анимация загрузки) */
.skeleton-box {
    display: inline-block;
    height: 1em;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    background-color: #0f0f0f;
}

.skeleton-box::after {
    position: absolute;
    border-radius: 10px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
        90deg,
        #8b00ff00 0,
        #8b00ff30 20%,
        #8b00ff80 60%,
        #8b00ff00
    );
    -webkit-animation: shimmer 1s infinite;
    animation: shimmer 1.6s infinite;
    content: "";
}

@-webkit-keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

/* SmartCaptcha: затемняющий фон и спиннер */
.SmartCaptcha-Overlay {
    position: fixed;
    z-index: 9999999;
    top: -10000px;
    left: -10000px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.4);
}

.SmartCaptcha-Overlay.SmartCaptcha-Overlay_visible {
    position: fixed;
    top: 0;
    left: 0;
}

.SmartCaptcha-Overlay.SmartCaptcha-Overlay_no_background {
    background: none;
}

.SmartCaptcha-Overlay .SmartCaptcha-Spin {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
}

.SmartCaptcha-Spin {
    display: none;
    visibility: hidden;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 0)
    );
}

.SmartCaptcha-Overlay_visible.SmartCaptcha-Overlay_show_spinner .SmartCaptcha-Spin {
    display: inline-block;
    visibility: visible;
    width: 50px;
    height: 50px;
    border-top-color: #5282ff;
    border-left-color: #5282ff;
    animation: islands-spin 1s .21s infinite linear;
    backface-visibility: hidden;
}

@keyframes islands-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Размеры виджета капчи */
.smart-captcha {
    min-width: 300px;
    height: 102px;
}

.smart-captcha_invisible {
    height: 0;
}

/* Jarallax контейнер (клип по высоте/ширине) */
#jarallax-container-0 {
    clip: rect(0 321.90478515625px 511.1161193847656px 0);
}

/* Эффект снегопада (canvas поверх страницы) */
#snow {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    z-index: 99;
}