/* =====================================================
   KUMPULAN STYLE CSS LENGKAP (PREVIEW, NAV, CRIMSON AUTH, INFO BOX, CONTENT, & FIXED FOOTER)
   Catatan: Semua style digabungkan menjadi satu file CSS dengan komentar pemisah untuk masing-masing bagian.
   Struktur, class, dan nilai asli dipertahankan sepenuhnya tanpa perubahan untuk mencegah kerusakan tata letak.
===================================================== */

/* --- BAGIAN 1: STYLE PREVIEW & GLIDER --- */
.preview,
.m-product-preview__glider,
.glide,
.glide__track {
 overflow: hidden !important;
 max-width: 100% !important;
}

.glide__slides {
 display: flex !important;
 margin: 0 !important;
 contain: none !important;
}

.glide__slide img,
.m-product-preview__glider-img img,
.preview .jsProductMainImage {
 max-width: 100% !important;
 height: auto !important;
 display: block !important;
 opacity: 1 !important;
 visibility: visible !important;
}

html,
body {
 overflow-x: hidden !important;
}

/* --- BAGIAN 2: STYLE EXPLORE NAV --- */
.m-explore-nav__link{
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:flex-start;
 width:110px;
 min-width:110px;
 text-align:center;
 gap:6px;
 box-sizing:border-box;
}

.m-explore-nav__link .teepublicon{
 width:40px;
 height:40px;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-shrink:0;
}

.m-explore-nav__link img{
 width:40px;
 height:40px;
 display:block;
}

.m-explore-nav__link .link__content{
 display:block;
 width:100%;
 line-height:1.2;
 font-size:12px;
 font-weight:700;
 text-align:center;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}

/* --- BAGIAN 3: STYLE CRIMSON AUTH SECTION & HEADER LOGO --- */
.vc-header-logo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;justify-content:space-between;gap:12px}

.slot-depo-5k-crimson-auth-section,.slot-depo-5k-crimson-auth-section *{box-sizing:border-box}
.slot-depo-5k-crimson-auth-section{position:relative;width:calc(100% - 28px);max-width:1200px;margin:30px auto 34px!important;padding:0!important;background:transparent!important}
.slot-depo-5k-crimson-auth-section .container,.slot-depo-5k-crimson-auth-section .col-12,.slot-depo-5k-crimson-auth-section .w-100{width:100%;max-width:none;margin:0!important;padding:0!important}
.slot-depo-5k-crimson-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%}
.slot-depo-5k-crimson-auth-btn{position:relative;display:flex;align-items:center;justify-content:center;min-height:54px;padding:13px 18px;overflow:hidden;color:#ffecef!important;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:17px;font-weight:800;line-height:1.2;letter-spacing:.8px;text-align:center;text-decoration:none!important;text-transform:uppercase;border:1px solid #bd1c35;border-radius:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -8px 16px rgba(0,0,0,.27),0 7px 16px rgba(55,0,8,.3);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,filter .25s ease}
.slot-depo-5k-crimson-auth-btn::before{content:"";position:absolute;top:2px;left:4%;width:92%;height:36%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04),transparent);border-radius:10px 10px 0 0}
.slot-depo-5k-crimson-auth-btn::after{content:"";position:absolute;top:-80%;left:-55%;width:32%;height:260%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),rgba(255,255,255,.28),rgba(255,255,255,.07),transparent);transform:rotate(22deg);transition:left .7s ease}
.slot-depo-5k-crimson-auth-btn:hover::after{left:125%}
.slot-depo-5k-crimson-auth-login{background:linear-gradient(145deg,#390007 0%,#650010 52%,#2a0005 100%)}
.slot-depo-5k-crimson-auth-daftar{background:linear-gradient(145deg,#d00025 0%,#8b0017 52%,#52000c 100%);border-color:#ff526b;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -8px 16px rgba(60,0,9,.3),0 7px 18px rgba(91,0,14,.4),0 0 18px rgba(195,0,34,.15)}
.slot-depo-5k-crimson-auth-btn:hover{color:#fff!important;border-color:#ff657c;filter:brightness(1.1);transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -8px 16px rgba(0,0,0,.24),0 11px 22px rgba(65,0,10,.42),0 0 20px rgba(255,55,87,.2)}
.slot-depo-5k-crimson-auth-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 8px rgba(0,0,0,.28),0 3px 8px rgba(45,0,7,.3)}

@media(max-width:600px){
.vc-header-logo{gap:8px}
.slot-depo-5k-crimson-auth-section{width:calc(100% - 18px);margin:24px auto 28px!important}
.slot-depo-5k-crimson-auth-grid{gap:8px}
.slot-depo-5k-crimson-auth-btn{min-height:48px;padding:11px 8px;font-size:14px;letter-spacing:.5px;border-radius:11px}
}

@media(prefers-reduced-motion:reduce){
.slot-depo-5k-crimson-auth-btn,.slot-depo-5k-crimson-auth-btn::after{transition:none}
}

/* --- BAGIAN 4: STYLE SLOT DEPOSIT 5000 CRIMSON INFO BOX --- */
.slot-depo-5k-info-box,
.slot-depo-5k-info-box * {
    box-sizing: border-box;
}

.slot-depo-5k-info-box {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 8px auto 20px;
    overflow: hidden;

    font-family: Ubuntu, -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    background:
        radial-gradient(
            circle at top left,
            rgba(255, 64, 92, 0.18),
            transparent 38%
        ),
        radial-gradient(
            circle at bottom right,
            rgba(195, 0, 34, 0.18),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            #250004 0%,
            #470009 45%,
            #210003 100%
        );

    border: 1px solid #c51d36;
    border-radius: 18px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -12px 24px rgba(0, 0, 0, 0.25),
        0 12px 28px rgba(71, 0, 10, 0.25);
}

.slot-depo-5k-info-box::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background:
        repeating-linear-gradient(
            -45deg,
            transparent 0,
            transparent 14px,
            rgba(255, 255, 255, 0.018) 14px,
            rgba(255, 255, 255, 0.018) 16px
        );
}

.slot-depo-5k-info-box::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -45%;
    z-index: 0;
    width: 30%;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 80, 105, 0.04),
        rgba(255, 105, 125, 0.15),
        rgba(255, 80, 105, 0.04),
        transparent
    );

    filter: blur(2px);
    animation: SLOTDEPO5Kinfosweep 7s linear infinite;
}

.slot-depo-5k-info-header {
    position: relative;
    z-index: 2;

    padding: 18px 20px;

    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: 0.8px;
    text-align: center;
    text-transform: uppercase;

    background: linear-gradient(
        90deg,
        #3b0007 0%,
        #850016 50%,
        #3b0007 100%
    );

    border-bottom: 1px solid #e33550;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -8px 16px rgba(0, 0, 0, 0.22);
}

.slot-depo-5k-info-header::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 20%;
    width: 60%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        #ff7388,
        transparent
    );
}

.slot-depo-5k-info-row {
    position: relative;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

    min-height: 45px;
    padding: 10px 17px;

    border-bottom: 1px solid rgba(255, 82, 107, 0.15);

    transition:
        background 0.25s ease,
        border-color 0.25s ease;
}

.slot-depo-5k-info-row:last-child {
    border-bottom: 0;
}

.slot-depo-5k-info-row:hover {
    background: rgba(255, 58, 86, 0.07);
    border-color: rgba(255, 93, 116, 0.28);
}

.slot-depo-5k-info-label {
    position: relative;
    flex: 0 0 35%;

    padding-left: 17px;

    color: #ffd9df;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.2px;
}

.slot-depo-5k-info-label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;

    width: 7px;
    height: 7px;

    background: #ff4965;
    border-radius: 50%;

    box-shadow:
        0 0 0 3px rgba(255, 73, 101, 0.12),
        0 0 10px rgba(255, 73, 101, 0.55);

    transform: translateY(-50%);
}

.slot-depo-5k-info-value {
    flex: 1;

    color: #fff3f5;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    text-align: right;
}

.slot-depo-5k-info-value strong {
    display: inline-block;

    padding: 4px 11px;

    color: #ffffff;
    font-weight: 800;

    background: linear-gradient(
        145deg,
        #c30022,
        #750013
    );

    border: 1px solid rgba(255, 92, 115, 0.55);
    border-radius: 30px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 4px 10px rgba(40, 0, 6, 0.3);
}

.slot-depo-5k-info-rating {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.slot-depo-5k-info-stars {
    color: #ff536e;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 2px;

    text-shadow:
        0 0 8px rgba(255, 83, 110, 0.42);
}

.slot-depo-5k-info-score {
    display: inline-flex;
    align-items: center;

    padding: 4px 10px;

    color: #ffffff;
    font-size: 11px;
    font-weight: 800;

    background: linear-gradient(
        145deg,
        #c30022,
        #6e0012
    );

    border: 1px solid #ff526b;
    border-radius: 30px;
}

@keyframes SLOTDEPO5Kinfosweep {
    0% {
        left: -45%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    55% {
        left: 115%;
        opacity: 0.8;
    }

    100% {
        left: 115%;
        opacity: 0;
    }
}

@media (max-width: 600px) {
    .slot-depo-5k-info-box {
        margin: 10px auto 18px;
        border-radius: 15px;
    }

    .slot-depo-5k-info-header {
        padding: 15px 12px;
        font-size: 15px;
        letter-spacing: 0.4px;
    }

    .slot-depo-5k-info-row {
        display: block;
        min-height: 0;
        padding: 12px 14px;
    }

    .slot-depo-5k-info-label {
        display: block;
        width: 100%;
        margin-bottom: 7px;
        padding-left: 15px;
        font-size: 11px;
    }

    .slot-depo-5k-info-value {
        display: block;
        width: 100%;
        padding-left: 15px;
        text-align: left;
        font-size: 12px;
    }

    .slot-depo-5k-info-rating {
        justify-content: flex-start;
    }

    .slot-depo-5k-info-stars {
        font-size: 14px;
        letter-spacing: 1px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .slot-depo-5k-info-box::after {
        animation: none;
    }
}

/* --- BAGIAN 5: STYLE CRIMSON LUXURY CONTENT (ARTIKEL, ULASAN, FAQ) --- */
.slot-depo-5k-crimson-content-shell, .slot-depo-5k-crimson-content-shell *{box-sizing:border-box;}
.slot-depo-5k-crimson-content-shell{width:100%;max-width:1200px;margin:32px auto;padding:0 20px;color:#ffecef;font-family:Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;}

.slot-depo-5k-crimson-content{position:relative;isolation:isolate;overflow:hidden;margin-bottom:28px;padding:30px;background:radial-gradient(circle at top left, rgba(255, 66, 96, 0.16), transparent 34%), radial-gradient(circle at bottom right, rgba(195, 0, 34, 0.13), transparent 38%), linear-gradient(145deg, #250004 0%, #420008 45%, #180002 100%);border:1px solid #a9162d;border-radius:20px;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -18px 30px rgba(0, 0, 0, 0.2), 0 14px 30px rgba(64, 0, 9, 0.2);}
.slot-depo-5k-crimson-content::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:repeating-linear-gradient(-45deg, transparent 0, transparent 15px, rgba(255, 255, 255, 0.018) 15px, rgba(255, 255, 255, 0.018) 17px);}
.slot-depo-5k-crimson-content::after{content:"";position:absolute;top:0;bottom:0;left:-45%;z-index:-1;width:28%;pointer-events:none;background:linear-gradient(90deg, transparent, rgba(255, 60, 90, 0.04), rgba(255, 105, 126, 0.12), rgba(255, 60, 90, 0.04), transparent);filter:blur(2px);animation:crimsonContentSweep 9s linear infinite;}

.slot-depo-5k-crimson-content-title{position:relative;margin:0 0 26px;padding:0 0 15px;color:#ffffff;font-size:25px;font-weight:800;line-height:1.35;letter-spacing:0.3px;text-align:center;}
.slot-depo-5k-crimson-content-title::before{content:"";position:absolute;bottom:0;left:50%;width:110px;height:2px;background:linear-gradient(90deg, transparent, #ff536e, transparent);transform:translateX(-50%);}
.slot-depo-5k-crimson-content-title::after{content:"◆";position:absolute;bottom:-6px;left:50%;padding:0 7px;color:#ff536e;background:#370007;font-size:9px;transform:translateX(-50%);}

.slot-depo-5k-crimson-article-content{color:#f7dfe3;font-size:16px;line-height:1.85;}
.slot-depo-5k-crimson-article-content h3{position:relative;margin:30px 0 14px;padding-left:17px;color:#ffffff;font-size:19px;font-weight:750;line-height:1.5;}
.slot-depo-5k-crimson-article-content h3:first-child{margin-top:0;}
.slot-depo-5k-crimson-article-content h3::before{content:"";position:absolute;top:8px;bottom:7px;left:0;width:4px;background:linear-gradient(180deg, #ff6078, #a7001c);border-radius:20px;box-shadow:0 0 10px rgba(255, 68, 96, 0.4);}
.slot-depo-5k-crimson-article-content h3 strong{color:inherit;font-weight:inherit;}
.slot-depo-5k-crimson-article-content p{margin:0 0 18px;color:#f0d8dc;text-align:justify;}
.slot-depo-5k-crimson-article-content p:last-child{margin-bottom:0;}
.slot-depo-5k-crimson-article-content strong{color:#ffffff;font-weight:750;}
.slot-depo-5k-crimson-article-content a{color:#ff7187;font-weight:750;text-decoration:none;border-bottom:1px solid rgba(255, 113, 135, 0.38);transition:color 0.25s ease, border-color 0.25s ease;}
.slot-depo-5k-crimson-article-content a:hover{color:#ffffff;border-color:#ff7187;}

.slot-depo-5k-crimson-reviews-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:17px;}
.slot-depo-5k-review-card{position:relative;overflow:hidden;min-height:165px;padding:21px 20px 20px;background:linear-gradient(145deg, rgba(106, 0, 19, 0.55), rgba(28, 0, 4, 0.88));border:1px solid rgba(255, 73, 101, 0.25);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 8px 18px rgba(20, 0, 3, 0.2);transition:transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;}
.slot-depo-5k-review-card::before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:linear-gradient(180deg, #ff6078, #990018);box-shadow:0 0 12px rgba(255, 73, 101, 0.35);}
.slot-depo-5k-review-card::after{content:"“";position:absolute;top:3px;right:13px;color:rgba(255, 82, 107, 0.15);font-family:Georgia, serif;font-size:66px;font-weight:700;line-height:1;}
.slot-depo-5k-review-card:hover{transform:translateY(-4px);border-color:rgba(255, 88, 113, 0.48);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.075), 0 13px 25px rgba(61, 0, 9, 0.34);}
.slot-depo-5k-review-name{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-bottom:11px;color:#ffffff;font-size:16px;font-weight:800;line-height:1.4;}
.slot-depo-5k-review-name::before{content:"★";display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:27px;height:27px;color:#ffffff;background:linear-gradient(145deg, #c30022, #690010);border:1px solid #ff526b;border-radius:50%;font-size:12px;box-shadow:0 4px 10px rgba(38, 0, 5, 0.32);}
.slot-depo-5k-review-stars{margin:0 0 9px 37px;color:#ff526b;font-size:13px;letter-spacing:2px;text-shadow:0 0 8px rgba(255, 82, 107, 0.35);}
.slot-depo-5k-review-text{position:relative;z-index:2;color:#edd5d9;font-size:14px;font-style:italic;line-height:1.7;}

.slot-depo-5k-faq-list{display:flex;flex-direction:column;gap:13px;}
.slot-depo-5k-faq-item{position:relative;overflow:hidden;padding:20px 22px;background:linear-gradient(145deg, rgba(101, 0, 18, 0.52), rgba(24, 0, 3, 0.9));border:1px solid rgba(255, 77, 104, 0.23);border-radius:13px;transition:transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;}
.slot-depo-5k-faq-item::before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:linear-gradient(180deg, #ff6078, #870015);opacity:0.65;transition:opacity 0.25s ease;}
.slot-depo-5k-faq-item:hover{transform:translateX(4px);background:linear-gradient(145deg, rgba(124, 0, 22, 0.62), rgba(28, 0, 4, 0.94));border-color:rgba(255, 91, 115, 0.46);}
.slot-depo-5k-faq-item:hover::before{opacity:1;}
.slot-depo-5k-faq-question{position:relative;display:flex;align-items:flex-start;gap:12px;margin-bottom:11px;color:#ffffff;font-size:17px;font-weight:800;line-height:1.5;}
.slot-depo-5k-faq-question::before{content:"Q";display:inline-flex;justify-content:center;align-items:center;flex:0 0 27px;width:27px;height:27px;margin-top:0;color:#ffffff;background:linear-gradient(145deg, #c30022, #6e0012);border:1px solid #ff536e;border-radius:8px;font-size:12px;font-weight:900;box-shadow:0 4px 10px rgba(38, 0, 5, 0.32);}
.slot-depo-5k-faq-answer{position:relative;margin-left:39px;padding-left:13px;border-left:1px solid rgba(255, 82, 107, 0.28);}
.slot-depo-5k-faq-answer p{margin:0;color:#edd4d9;font-size:15px;line-height:1.75;}

@keyframes crimsonContentSweep{0%{left:-45%;opacity:0;}
12%{opacity:1;}
52%{left:115%;opacity:0.75;}
100%{left:115%;opacity:0;}}

@media (max-width:768px){.slot-depo-5k-crimson-content-shell{margin:24px auto;padding:0 14px;}
.slot-depo-5k-crimson-content{margin-bottom:20px;padding:23px 20px;border-radius:17px;}
.slot-depo-5k-crimson-content-title{margin-bottom:23px;font-size:21px;}
.slot-depo-5k-crimson-article-content{font-size:15px;line-height:1.78;}
.slot-depo-5k-crimson-article-content h3{font-size:17px;}}

@media (max-width:520px){.slot-depo-5k-crimson-content-shell{padding:0 9px;}
.slot-depo-5k-crimson-content{padding:20px 15px;border-radius:15px;}
.slot-depo-5k-crimson-content-title{font-size:19px;}
.slot-depo-5k-crimson-article-content p{text-align:left;}
.slot-depo-5k-crimson-reviews-grid{grid-template-columns:1fr;}
.slot-depo-5k-review-card{min-height:auto;padding:19px 16px 18px;}
.slot-depo-5k-faq-item{padding:17px 15px;}
.slot-depo-5k-faq-question{gap:9px;font-size:15px;}
.slot-depo-5k-faq-answer{margin-left:36px;padding-left:10px;}
.slot-depo-5k-faq-answer p{font-size:14px;}}

@media (prefers-reduced-motion:reduce){.slot-depo-5k-crimson-content::after{animation:none;}}

/* --- BAGIAN 6: STYLE VISUALLY HIDDEN --- */
.slot-depo-5k-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* --- BAGIAN 7: STYLE CRIMSON FIXED FOOTER --- */
.slot-depo-5k-crimson-fixed-footer{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;justify-content:center;align-items:flex-end;gap:4px;width:100%;padding:8px 12px calc(7px + env(safe-area-inset-bottom));box-sizing:border-box;overflow:visible;isolation:isolate;background:linear-gradient(90deg,#210003 0%,#52000b 25%,#850016 50%,#52000b 75%,#210003 100%);border-top:1px solid #c51d36;border-radius:22px 22px 0 0;box-shadow:inset 0 1px 0 rgba(255,70,95,.17),inset 0 -7px 16px rgba(0,0,0,.38),0 -5px 20px rgba(70,0,10,.32)}
.slot-depo-5k-crimson-fixed-footer:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(-45deg,transparent 0,transparent 13px,rgba(255,255,255,.025) 13px,rgba(255,255,255,.025) 15px);animation:footerPattern 14s linear infinite}
.slot-depo-5k-crimson-fixed-footer:after{content:"";position:absolute;top:0;bottom:0;left:-35%;z-index:-1;width:28%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,35,65,.06),rgba(255,65,90,.22),rgba(255,35,65,.06),transparent);filter:blur(2px);animation:footerSweep 7s linear infinite}
.slot-depo-5k-crimson-fixed-footer a{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;max-width:100px;min-height:43px;padding:4px 3px;box-sizing:border-box;color:#ffecef!important;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:11px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:9px;transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease}
.slot-depo-5k-crimson-fixed-footer a:hover{color:#fff!important;background:rgba(255,40,70,.1);border-color:rgba(255,80,105,.3);transform:translateY(-3px)}
.slot-depo-5k-crimson-fixed-footer img{display:block;width:22px!important;height:22px!important;max-width:22px;max-height:22px;margin:0;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}
.slot-depo-5k-crimson-fixed-footer .slot-depo-5k-crimson-main{min-height:54px;margin-top:-18px;padding:7px 5px;background:linear-gradient(145deg,#c30022,#6e0012);border:1px solid #ff526b;border-bottom-color:#51000c;border-radius:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -5px 10px rgba(50,0,8,.34),0 5px 14px rgba(55,0,8,.55)}
.slot-depo-5k-crimson-fixed-footer .slot-depo-5k-crimson-main:before{content:"";position:absolute;inset:-4px;z-index:-1;border:1px solid rgba(255,65,90,.25);border-radius:16px;animation:mainPulse 2s ease-in-out infinite}
.slot-depo-5k-crimson-fixed-footer .slot-depo-5k-crimson-main img{width:27px!important;height:27px!important;max-width:27px;max-height:27px}
.slot-depo-5k-crimson-fixed-footer .slot-depo-5k-crimson-main:hover{background:linear-gradient(145deg,#e0002b,#850016);border-color:#ff7187;transform:translateY(-3px)}

@keyframes footerPattern{to{background-position:90px 0}}
@keyframes footerSweep{0%{left:-35%;opacity:0}12%{opacity:1}52%{left:110%;opacity:.85}100%{left:110%;opacity:0}}
@keyframes mainPulse{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.035)}}

@media(max-width:480px){
.slot-depo-5k-crimson-fixed-footer{gap:1px;padding-left:5px;padding-right:5px;border-radius:18px 18px 0 0}
.slot-depo-5k-crimson-fixed-footer a{font-size:10px;max-width:none}
.slot-depo-5k-crimson-fixed-footer img{width:20px!important;height:20px!important}
.slot-depo-5k-crimson-fixed-footer .slot-depo-5k-crimson-main{margin-top:-16px}
.slot-depo-5k-crimson-fixed-footer .slot-depo-5k-crimson-main img{width:25px!important;height:25px!important}
}

@media(prefers-reduced-motion:reduce){
.slot-depo-5k-crimson-fixed-footer:before,.slot-depo-5k-crimson-fixed-footer:after,.slot-depo-5k-crimson-fixed-footer .slot-depo-5k-crimson-main:before{animation:none}
}