/* ===== extracted style block 1 ===== */
:root{
  --btt-bg:#030301;
  --btt-card:#090601;
  --btt-card2:#1a0a10;
  --btt-gold:#7A1F2B;
  --btt-gold2:#3D0F16;
  --btt-text:#f1e4e6;
  --btt-muted:#b8a29e;
  --btt-line:rgba(122, 31, 43, 0.42);
}
html,body{background:#030201!important;color:var(--btt-text)!important;font-family:Poppins,Arial,Helvetica,sans-serif!important}
body *{font-family:Poppins,Arial,Helvetica,sans-serif}
img[src*="SL9W8mGl63eun4gY.gif"],img[alt*="TIMNAS4D"],img[title*="TIMNAS4D"]{object-fit:contain!important;max-width:100%!important;height:auto}
img[src*="bKVbPZ4vo74OedGn.png"]{object-fit:contain!important}
.btt-scene,.fx-article-wrap,.fx-article{position:relative;background:#030201!important;color:var(--btt-text)!important;overflow:hidden}
.btt-rain,.btt-fog{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.btt-fog:before,.btt-fog:after{content:"";position:absolute;width:70vw;height:38vh;left:-10vw;top:12%;background:radial-gradient(ellipse at center,rgba(122, 31, 43, 0.14),transparent 65%);filter:blur(28px);animation:bttFog 18s linear infinite}
.btt-fog:after{left:auto;right:-18vw;top:58%;animation-duration:25s;opacity:.65}
.btt-rain span{position:absolute;top:-120px;width:1px;height:54px;background:linear-gradient(to bottom,transparent,rgba(156, 42, 58,.72),transparent);opacity:.42;transform:rotate(13deg);animation:bttRain linear infinite}
@keyframes bttRain{0%{transform:translate3d(0,-130px,0) rotate(13deg);opacity:0}12%{opacity:.55}100%{transform:translate3d(-140px,115vh,0) rotate(13deg);opacity:0}}
@keyframes bttFog{from{transform:translateX(-14vw)}to{transform:translateX(32vw)}}
.btt-wrap{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:28px 16px 42px;color:var(--btt-text)}
.btt-wrap *{box-sizing:border-box}
.btt-hero{position:relative;min-height:320px;border:1px solid var(--btt-line);border-radius:26px;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.18)),url('timnas4ddov1.webp') center/cover no-repeat;box-shadow:0 0 34px rgba(122, 31, 43,.2),inset 0 0 70px rgba(122, 31, 43,.08);display:flex;align-items:center;padding:34px}
.btt-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at right,rgba(122, 31, 43,.16),transparent 38%);pointer-events:none}
.btt-hero-inner{position:relative;z-index:2;max-width:720px}
.btt-logo{width:230px;max-width:82%;margin-bottom:18px}
.btt-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--btt-line);border-radius:999px;background:rgba(0,0,0,.6);color:var(--btt-gold);font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.btt-title{font-size:clamp(30px,5.4vw,62px);line-height:1.04;margin:16px 0 12px;font-weight:900;color:#fff;text-shadow:0 0 16px rgba(122, 31, 43, 0.44),0 0 26px rgba(122, 31, 43, 0.28)}
.btt-desc{font-size:17px;line-height:1.7;color:var(--btt-text);max-width:760px}
.btt-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btt-btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:14px 20px;border-radius:14px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;text-decoration:none!important}
.btt-btn-login{background:linear-gradient(180deg,#171008,#050301);color:var(--btt-text)!important;border:1px solid var(--btt-line);box-shadow:0 0 20px rgba(122, 31, 43,.2)}
.btt-btn-daftar{background:linear-gradient(180deg,#f1e4e6,#9C2A3A 48%,#9C2A3A);color:#1a0a10!important;border:1px solid rgba(156, 42, 58,.7);box-shadow:0 0 20px rgba(122, 31, 43, 0.35)}
.btt-panel,.btt-game-card,.btt-stat,.btt-signal,.btt-review,.btt-faq details,.btt-article,.idrtt-block,.idrtt-card,.idrtt-review-card{background:linear-gradient(180deg,rgba(19,12,3,.92),rgba(0,0,0,.96))!important;border:1px solid var(--btt-line)!important;border-radius:18px!important;box-shadow:0 0 24px rgba(255,190,32,.12),inset 0 0 22px rgba(122, 31, 43,.04)!important}
.btt-panel{margin-top:22px;padding:22px;border-radius:24px!important}
.btt-section-title,.btt-article h1,.btt-article h2,.idrtt-head,.idrtt-title{color:var(--btt-gold)!important;text-shadow:0 0 14px rgba(122, 31, 43, 0.45)!important;font-weight:900!important}
.btt-section-title{text-align:center;margin:0 0 10px;letter-spacing:1px;text-transform:uppercase;font-size:clamp(22px,3vw,38px)}
.btt-section-sub{text-align:center;color:var(--btt-muted)!important;margin:0 0 18px;letter-spacing:.8px}
.btt-smart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.btt-game-card{padding:16px;text-align:center}
.btt-game-card img{width:88px;height:88px;object-fit:cover;border-radius:18px;margin:0 auto 10px;border:2px solid var(--btt-gold);box-shadow:0 0 16px rgba(122, 31, 43, 0.5)}
.btt-game-card h3{font-size:14px;margin:0 0 8px;color:#f1e4e6!important;font-weight:900}
.btt-rtp{height:7px;border-radius:20px;background:rgba(255,255,255,.14);overflow:hidden;margin:8px 0}
.btt-rtp i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#f1e4e6,var(--btt-gold),#9C2A3A);animation:bttBar 3s ease-in-out infinite}
@keyframes bttBar{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
.btt-radar{overflow:hidden;border-block:1px solid var(--btt-line);padding:16px 0;margin-top:22px;background:linear-gradient(90deg,transparent,rgba(122, 31, 43,.04),transparent)}
.btt-radar-track{display:flex;gap:18px;width:max-content;animation:bttMarquee 26s linear infinite}
.btt-radar img{width:82px;height:82px;object-fit:cover;border-radius:18px;border:2px solid rgba(122, 31, 43,.9);box-shadow:0 0 16px rgba(122, 31, 43, 0.44)}
@keyframes bttMarquee{to{transform:translateX(-50%)}}
.btt-stats,.btt-signals,.btt-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.btt-stat,.btt-signal,.btt-review{padding:16px;text-align:center;color:var(--btt-text)!important}
.btt-stat b,.btt-signal b,.btt-review b,.btt-faq summary{display:block;color:var(--btt-gold)!important;font-weight:900}
.btt-stat b{font-size:31px;line-height:1.1}.btt-signal b{font-size:24px}
.btt-content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:22px}
.btt-article{padding:22px}
.btt-article p,.btt-faq p,.btt-review p,.idrtt-block p,.idrtt-review-card p{line-height:1.76;color:var(--btt-text)!important}
.btt-article a,.btt-tags a{color:var(--btt-gold)!important;font-weight:800}
.btt-faq{display:grid;gap:12px}
.btt-faq details{padding:14px}
.btt-faq summary{cursor:pointer;list-style:none;position:relative;padding-right:36px}
.btt-faq summary::-webkit-details-marker{display:none}
.btt-faq summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--btt-line);color:var(--btt-gold)}
.btt-faq details[open] summary:after{content:"−"}
.btt-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
.btt-stars{color:var(--btt-gold);letter-spacing:2px}
.btt-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.btt-tags a,.btt-tags span{padding:10px 14px;border-radius:999px;border:1px solid var(--btt-line);background:rgba(122, 31, 43,.06);color:#f1e4e6!important;text-decoration:none!important;font-weight:800}
.daftarku-fixed-footer{background:linear-gradient(180deg,#9C2A3A,#000 52%,#9C2A3A)!important;border:1px solid rgba(156, 42, 58,.7)!important;box-shadow:0 0 20px rgba(122, 31, 43, 0.42)!important}
.daftarku-fixed-footer a,.daftarku-fixed-footer span,.daftarku-fixed-footer div{color:#f1e4e6!important;text-shadow:0 0 8px rgba(0,0,0,.85)}
@media (max-width:900px){.btt-smart-grid,.btt-stats,.btt-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.btt-content-grid{grid-template-columns:1fr}.btt-review-grid{grid-template-columns:1fr}.btt-hero{padding:24px;min-height:260px}.btt-radar img{width:68px;height:68px}}
@media (max-width:560px){.btt-wrap{padding:20px 10px 34px}.btt-smart-grid,.btt-stats,.btt-signals{grid-template-columns:1fr}.btt-panel{padding:16px}.btt-title{font-size:31px}.btt-desc{font-size:15px}.btt-rain span:nth-child(n+36){display:none}.btt-fog{opacity:.55}}

/* ===== extracted style block 2 ===== */
#notification {z-index: 99;width: 100%;transition: top 0.2s ease-in-out;}
   #notification.promo-up {top: -48px!important;}
   .promo-bg {width: 100%;padding: 6px 0;background-color: #242424;}
   .notification__message p {margin: 0;color: #000000;font-size: 14px!important;}
   .notification__message p a {text-decoration: underline;color: #ffffff;}
   @media (max-width: 991px){
     .notification__message p {font-size: 14px!important;}
   }

/* ===== extracted style block 3 ===== */
#search-trigger {
     cursor: pointer;
   }
   #search-popup {
     display: none;
     position: fixed;
     left: 0;
     width: 100%;
     top: 0;
     height: 100%;
     justify-content: center;
     z-index: 9999;
     background: rgb(196 196 196 / 30%);
   }
   #search-input {
     align-self: center;
     width: 100%;
     height: 80px;
     position: absolute;
     top: 0;
     border-bottom: 0.5px solid #A3A3A3;
     background-color: #fff;
   }
   #search-input * {
     align-self: center;
   }
   #search-type {
     width: 100%;
     border: none;
     padding-right: 20px;
     padding-left: 20px;
     font-size: 16px;
     color: #757575;
   }
   #search-btn {
     font-size: 16px;
     font-weight: 500;
   }
   #search-result {
     min-height: 490px;
     width: 100%;
     padding-top: 80px;
   }
   #search-result .container {
     background-color: #fff;
     padding: 20px 40px;
   }
   body.search-popup-open {
   /* .search-popup-open */
     overflow: hidden;
   }
   .search-popup-open #loc_delivery {
     display: none
   }
   .search-header svg {
     display: none;
     cursor: pointer;
   }
   .wrapper-search-popup {
     max-height: calc(100vh - 150px);
     overflow-y: auto;
     overflow-x: hidden;
   }
 
   .group-recommend {
     padding: 20px 40px;
   }
 
   .resultsearch {
     display: none;
   }
   .results { padding: 20px 40px }
   .resultsearch label {
     font-weight: 600;
     padding-bottom: 20px;
     display: block;
     margin-bottom: 20px;
     border-bottom: 1px solid #AAAAAA;
   }
 
   ul.result_product {
     max-height: 300px;
     overflow: auto;
   }
 
   .group-promotion ul {
     margin: 0;
   }
   .group-promotion li {
     list-style: none;
     margin-bottom: 12px;
   }
   .group-promotion li a {
     color: inherit;
   }
 
   .group-recent {
     position: relative;
     padding: 20px 40px;
   }
   .group-recent ul {
     margin: 0;
   }
   .group-recent li {
     list-style: none;
     display: inline-block;
     margin-right: 60px;
   }
   .group-recent li a {
     color: inherit;
   }
 
   .last-search svg {
     width: 20px;
     vertical-align: middle;
   }
   ul.last-search a {
     vertical-align: middle;
     padding: 0 10px;
   }
   ul.last-search li span {
     cursor: pointer;
   }
   .delete-all-history {
     position: absolute;
     top: 25px;
     right: 40px;
     text-decoration: underline;
     color: #e11d1d;
     cursor: pointer;
     font-size: 12px;
   }
 
   form.search.search-modal__form {
     position: relative;
   }
 
   button.search__button svg {
     width: 25px;
     color: #495057;
     fill: #757582;
   }
 
   button.search__button.field__button {
     position: absolute;
     top: 50%;
     margin-top: -12px;
   }
 
   .close-search {
     display: none;
     position: absolute;
     right: 65px;
     top: 10px;
     cursor: pointer;
   }
 
   .site-overlay {
     position: fixed;
     top: 0;
     width: 100vw;
     height: 100vh;
     z-index: 1000;
     background: #0000005c;
     visibility: hidden;
     opacity: 0;
     pointer-events: none;
     transition: all .3s linear;
     display: block !important;
   }
 
   .search-popup-open .site-overlay {
     opacity: 1;
     visibility: visible;
     pointer-events: all;
     z-index: -1;
     cursor: pointer;
   }
 
   @media (min-width: 991px) {
     .group-recent ul {
       column-count: 3;
     }
     .group-promotion li a {
       font-size: 12px;
       font-weight: 400;
     }
     .group-recent li a {
       font-size: 12px;
       font-weight: 400;
     }
   }
 
   .moreresult {
     padding: 10px 40px;
     border-top: 1px solid #AAAAAA;
   }
   .moreresult * {
     align-self: center;
   }
   .moreresult p {
     margin: 0;
     font-size: 12px !important;
   }
   .moreresult svg {
     width: 13px;
   }
 
   @media (max-width: 992px) {
     .icon-key-mobile {
         height: auto!important;
         width: 10px!important;
     }
     body.grid-view.search-popup-open .products {
       -ms-flex: 0 0 100%!important;
       flex: 0 0 100%!important;
       max-width: 100%!important;
     }
     button.search__button svg {
       width: 20px;
     }
     #search-result {
       padding-left: 0;
       padding-right: 0;
     }
     #search-result {
       padding-top: 55px;
     }
     #search-input {
       height: 55px;
     }
     .group-recommend {
       padding: 20px;
     }
     #search-input .container {
       padding: 0 20px;
     }
     #search-type {
       font-size: 14px;
     }
     #search-btn {
       font-size: 12px;
       text-decoration: underline;
     }
     .results {
       padding: 20px;
     }
     .group-recommend h3 {
       font-size: 16px;
     }
     .products .card-body {
       padding: 8px 0px 10px;
     }
     .moreresult {
       padding: 10px 20px;
     }
   }

/* ===== extracted style block 4 ===== */
:root {
        --fx-tosca: #7A1F2B;
        --fx-tosca-dark: #9C2A3A;
        --fx-tosca-deep: #1a0a10;
        --fx-tosca-soft: #9C2A3A;
        --fx-aqua: #f1e4e6;
        --fx-cream: #f1e4e6;
        --fx-white: #ffffff;
        --fx-text: #f1e4e6;
        --fx-border: rgba(156, 42, 58, .52);
        --fx-bg: rgba(73, 62, 0, 0.76);
        --fx-shadow: 0 20px 60px rgba(122, 31, 43, 0.34);

        --purple: #7A1F2B;
        --accent: #9C2A3A;
        --white: #ffffff;
    }

    /* =========================
       ADVERTISEMENT PLACEHOLDER
    ========================== */
    div.advertisement-placeholder {
        text-align: center;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    div.advertisement-text p {
        margin: 0;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 20px;
        color: #9C2A3A;
    }

    div.advertisement-banner {
        margin: 0px auto;
    }

    div#div-gpt-ad-billboard-placeholder {
        width: 996px;
        margin: 0 auto;
        background: #f1e4e6;
        padding-bottom: unset !important;
        min-height: 200px;
    }

    div#div-gpt-ad-lb-placeholder {
        background: #f1e4e6;
        padding-bottom: unset !important;
        min-height: 280px;
    }

    /* =========================
       VIDEO BACKGROUND
    ========================== */
    .fx-video-bg {
        position: relative;
        width: 100%;
        min-height: 100vh;
        overflow: hidden;
    }

    .fx-video-bg video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translate(-50%, -50%);
        object-fit: cover;
        z-index: 1;
    }

    .fx-video-overlay {
        position: absolute;
        inset: 0;
        z-index: 2;
        background:
            radial-gradient(circle at 30% 20%, rgba(122, 31, 43, 0.34), transparent 55%),
            radial-gradient(circle at 70% 80%, rgba(156, 42, 58, .22), transparent 60%),
            linear-gradient(180deg, rgba(0, 0, 0, .70), rgba(43, 35, 0, 0.94));
    }

    /* =========================
       ARTICLE WRAPPER
    ========================== */
    .fx-article-wrap {
        position: relative;
        z-index: 3;
        max-width: 1280px;
        margin: 0 auto;
        padding: 60px 14px;
    }

    .fx-article {
        position: relative;
        border-radius: 22px;
        padding: 26px 22px;
        color: var(--fx-text);
        background:
            radial-gradient(circle at top, rgba(122, 31, 43, 0.12), transparent 45%),
            rgba(73, 62, 0, 0.52);
        border: 1px solid var(--fx-border);
        box-shadow: var(--fx-shadow);
        backdrop-filter: blur(6px);
    }

    .fx-badge {
        display: inline-block;
        margin-bottom: 12px;
        padding: 6px 12px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .6px;
        border-radius: 999px;
        color: #9C2A3A;
        background: linear-gradient(90deg, #9C2A3A, #7A1F2B, #f1e4e6);
        box-shadow: 0 0 18px rgba(122, 31, 43, 0.56);
    }

    .fx-article h1 {
        font-size: 1.8rem;
        margin-bottom: 14px;
        text-shadow:
            0 2px 8px rgba(0, 0, 0, .75),
            0 0 18px rgba(122, 31, 43, 0.52);
    }

    .fx-article h2 {
        font-size: 1.3rem;
        margin: 18px 0 10px;
        border-left: 4px solid var(--fx-tosca);
        padding-left: 10px;
    }

    .fx-article p {
        line-height: 1.75;
        margin-bottom: 14px;
        color: rgba(241, 228, 230, .95);
    }

    .fx-article a {
        color: #9C2A3A;
        border-bottom: 1px dashed rgba(156, 42, 58, .78);
        text-decoration: none;
    }

    .fx-article a:hover {
        color: #ffffff;
        text-shadow: 0 0 12px rgba(122, 31, 43, 0.78);
    }

    .fx-callout {
        margin: 18px 0;
        padding: 14px;
        border-radius: 14px;
        background:
            linear-gradient(145deg, rgba(122, 31, 43, 0.18), rgba(61, 15, 22, 0.22));
        border: 1px solid rgba(156, 42, 58, .52);
    }

    /* =========================
       FAQ & REVIEW SECTION
    ========================== */
    .faq-review-section {
        position: relative;
        max-width: 1190px;
        margin: 60px auto;
        padding: 40px 30px;
        border-radius: 25px;
        background:
            linear-gradient(145deg, rgba(122, 31, 43, 0.12), rgba(156, 42, 58, .08));
        overflow: hidden;
        box-shadow:
            0 0 40px rgba(122, 31, 43, 0.68),
            inset 0 0 18px rgba(156, 42, 58, .10);
    }

    .faq-review-section::before {
        content: "";
        position: absolute;
        width: 150%;
        height: 150%;
        background: radial-gradient(circle at center, rgba(156, 42, 58, .14), transparent 70%);
        animation: spinAura 15s linear infinite;
        top: -25%;
        left: -25%;
    }

    .section-title {
        text-align: center;
        color: var(--fx-aqua);
        font-size: 1.9rem;
        letter-spacing: 1px;
        font-weight: 700;
        text-shadow: 0 0 20px rgba(255, 193, 7, .82);
        position: relative;
        z-index: 2;
        margin-bottom: 25px;
    }

    .section-title::after {
        content: '';
        width: 100px;
        height: 3px;
        background: linear-gradient(90deg, #9C2A3A, #7A1F2B, #f1e4e6);
        display: block;
        margin: 10px auto;
        border-radius: 2px;
        box-shadow: 0 0 10px rgba(255, 193, 7, .64);
        animation: pulseLine 2s infinite alternate;
    }

    /* =========================
       FAQ & REVIEW ITEM
    ========================== */
    .faq-item,
    .review-item {
        background:
            linear-gradient(145deg, rgba(122, 104, 0, 0.58)rgba(122, 31, 43, 0.34)4));
        border: 1px solid rgba(156, 42, 58, .42);
        border-radius: 18px;
        padding: 18px 20px;
        margin: 18px 0;
        color: var(--fx-white);
        box-shadow: inset 0 0 0 rgba(255, 152, 0, 0);
        transform: perspective(800px) rotateX(15deg) scale(0.95);
        opacity: 0;
        transition: all 0.7s ease, box-shadow 0.4s ease;
    }

    .faq-item.show,
    .review-item.show {
        opacity: 1;
        transform: perspective(800px) rotateX(0deg) scale(1);
    }

    .faq-item:hover,
    .review-item:hover {
        background:
            linear-gradient(145deg, rgba(156, 42, 58, .36), rgba(255, 193, 7, .44));
        box-shadow: 0 0 25px rgba(122, 31, 43, 0.62);
        transform: scale(1.02);
    }

    .faq-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        border: 2px solid transparent;
        background: linear-gradient(120deg, #9C2A3A, #7A1F2B, #f1e4e6) border-box;
        mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        opacity: 0;
        transition: opacity .3s ease;
    }

    /* =========================
       FAQ CONTENT
    ========================== */
    .faq-question {
        cursor: pointer;
        font-weight: 600;
        color: var(--fx-aqua);
        position: relative;
        font-size: 1.9rem;
        padding-right: 25px;
        text-shadow: 0 0 10px rgba(255, 193, 7, .88);
    }

    .faq-question::after {
        content: "+";
        position: absolute;
        right: 0;
        top: 0;
        color: #ffffff;
        font-weight: bold;
        font-size: 1.4rem;
        transition: transform .3s;
    }

    .faq-item.active .faq-question::after {
        transform: rotate(45deg);
    }

    .faq-answer {
        display: none;
        color: #ffffff;
        line-height: 1.6em;
        padding-top: 10px;
        border-top: 1px dashed rgba(156, 42, 58, .52);
        margin-top: 10px;
    }

    .faq-item.active .faq-answer {
        display: block;
        animation: fadeUp .4s ease;
    }

    /* =========================
       REVIEW CONTENT
    ========================== */
    .review-author {
        font-weight: 700;
        color: var(--fx-aqua);
        font-size: 1.9rem;
        text-shadow: 0 0 10px rgba(255, 193, 7, .88);
    }

    .review-text {
        color: #ffffff;
        margin: 6px 0;
        font-style: italic;
    }

    .review-rating {
        color: var(--fx-aqua);
        font-weight: bold;
        font-size: 1rem;
        text-shadow: 0 0 8px rgba(255, 255, 255, .45);
    }

    /* =========================
       ANIMATION
    ========================== */
    @keyframes spinAura {
        to {
            transform: rotate(360deg);
        }
    }

    @keyframes pulseLine {
        from {
            opacity: .6;
            transform: scaleX(.7);
        }

        to {
            opacity: 1;
            transform: scaleX(1);
        }
    }

    @keyframes fadeUp {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

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

    /* =========================
       RESPONSIVE
    ========================== */
    @media (max-width: 768px) {
        .fx-article-wrap {
            padding: 40px 12px;
        }

        .fx-article h1 {
            font-size: 1.5rem;
        }

        .faq-review-section {
            padding: 28px 18px;
        }

        .section-title {
            font-size: 1.5rem;
        }
    }

/* ===== extracted style block 5 ===== */
#breadcrumbProduct {
     padding: 20px 0;
   }
   #breadcrumbProduct ul {
       display: flex;
       padding: 0;
       list-style: none;
       margin: 0;
       gap: 12px;
   }
   #breadcrumbProduct ul li {
     text-transform: uppercase;
     margin: 0;
     font-size: 12px;
 }
   #breadcrumbProduct ul li a {
     color: #757575;
   }
 
   #breadcrumbProduct ul li svg {
     width: 10px;
     height: 10px;
     padding: 0;
     color: #757575;
     vertical-align: middle;
   }

/* ===== extracted style block 6 ===== */
.bg-card {
     background-color: #000000;
 }

/* ===== extracted style block 7 ===== */
.view-video{display:block; margin:auto; padding:5px 10px;font-size:16px;font-weight:bold;border:2px solid #ffffff;background:#fff;}
       .view-video .icon-play{fill:#ffffff;vertical-align: middle;}
       .video-modal{display:none;position:fixed;background: rgba(0,0,0,.5); width:100%; height:100%; overflow:auto; z-index:1; top:0;left:0;}
       .close-video{position:absolute;right:9px; top:8%;z-index:2;padding:5px;}
       .close-video .icon{width:30px;height:30px;}
       /*responsive iframe */
       .video-container {position: relative;padding-bottom: 48.25%;padding-top: 35px;height: 0;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);}
       .video-container iframe {position: absolute;top:60%;left: 0;width: 100%;height: 100%;}
 
       .youtube {
         background-color: #000;
         margin-bottom: 30px;
         position: relative;
         padding-top: 56.25%;
         overflow: hidden;
         cursor: pointer;
         width: 100%;
       }
       .swiper-slide .youtube {
         max-width: 480px;
       }
       .youtube img {
         width: 100%;
         top: -16.82%;
         left: 0;
         opacity: 0.7;
       }
       .youtube .play-button {
         width: 90px;
         height: 60px;
         background-color: #333;
         box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
         z-index: 1;
         opacity: 0.8;
         border-radius: 6px;
       }
       .youtube .play-button:before {
         content: "";
         border-style: solid;
         border-width: 15px 0 15px 26.0px;
         border-color: transparent transparent transparent #fff;
       }
       .youtube img,
       .youtube .play-button {
         cursor: pointer;
       }
       .youtube img,
       .youtube iframe,
       .youtube .play-button,
       .youtube .play-button:before {
         position: absolute;
       }
       .youtube .play-button,
       .youtube .play-button:before {
         top: 50%;
         left: 50%;
         transform: translate3d( -50%, -50%, 0 );
       }
       .youtube iframe {
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
       }

/* ===== extracted style block 8 ===== */
.c-pdp-product-info__service--active {
     font-size: 12px;
     padding-left: 10px;
     text-align: left;
     max-width: 550px;
     margin: auto;
   }
   .c-pdp-product-info__service--active li {
     list-style: disc;
   }
   .c-pdp-product-info {
     background-color: #f5f5f5;
     padding: 12px;
     margin: 0;
   }
   .freeship em {
     font-style: italic;
     font-size: 12px !important;
   }

/* ===== extracted style block 9 ===== */
.product-meta--review {margin-top:10px}
   .freeship * {font-size: 14px !important;font-style: normal;}

/* ===== extracted style block 10 ===== */
.short-desc-desktop {
         margin-bottom: 2rem;
         color: white;
     }
     .short-desc ul li:nth-child(n + 4) {
         display: none;
     }
     .short-desc ul li.showList:nth-child(n + 4) {
         display: list-item;
     }
     label.more {
         display: none;
     }
     label.more.showMe {
         display: block;
         font-size: 12px;
         text-transform: uppercase;
         font-weight: 700;
         cursor: pointer;
     }

/* ===== extracted style block 11 ===== */
.variant-metafield {
     display: block!important;
     width: 1px;
     padding: 0;
     border-color: #fff;
   }
   .select2-results__option[aria-disabled] {
     display: none;
   }
 
   .towel-bordir {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-around;
   }

/* ===== extracted style block 12 ===== */
.file-dnd * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
   }
   .file-dnd {
     width: 100%;
     height: 250px;
     border: 1px solid #ddd;
     border-radius: 10px;
     padding: 15px;
     display: flex;
     flex-direction: column;
     gap: 10px;
     /* box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.05); */
     margin: auto;
   }
   .file-dnd input {
     display: none;
   }
   .file-dnd .before-upload {
     border: 1px dashed #888;
     flex: 1;
     border-radius: 5px;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     cursor: pointer;
   }
   .file-dnd .before-upload > div {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 8px;
   }
   .file-dnd .before-upload > div h4 {
     width: 150px;
   }
   .file-dnd .before-upload > div p {
     font-size: 12px !important;
     color: #555;
   }
   .file-dnd.active .before-upload {
     border: 1px solid #5750d9;
     background-color: #f5f5ff;
   }
   .file-dnd .after-upload {
     position: relative;
     display: none;
   }
   .file-dnd .after-upload img {
     width: 100%;
     border-radius: 5px;
     max-height: 180px;
     object-fit: contain;
     display: block;
   }
   .file-dnd .after-upload .clear-btn {
     position: absolute;
     top: 10px;
     right: 10px;
     background: rgba(0, 0, 0, 0.5);
     width: 15px;
     height: 15px;
     text-align: center;
     line-height: 15px;
     border-radius: 50%;
     color: #fff;
     cursor: pointer;
     font-size: 14px;
   }

/* ===== extracted style block 13 ===== */
@media (max-width: 768px) {
     .select2-search__field {
       pointer-events: none !important;
     }
     
     .select2-search {
       display: none !important;
     }
   }

/* ===== extracted style block 14 ===== */
.icon-img-footer {
     width: 80px; 
     padding: 0px 5px;
 }
 @media (min-width: 768px) {
     .icon-img-footer {
         width: 120px; 
     }
 }
 @media (min-width: 992px) {
     .icon-img-footer {
         width: 120px; 
     }
 }

/* ===== extracted style block 15 ===== */
#PBarNextFrameWrapper {
     display: none;
   }
   #backgroundPopup {
     display: none;
     position: fixed;
     _position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     background: rgb(117 117 117 / 24%);
     z-index: 1;
   }
   .sectionPurchase {
     height: 100%;
     position: relative;
     max-width: 1344px;
     background-color: #fff;
     padding: 0;
     overflow: hidden; /* Changed from auto to hidden */
     display: flex;
     flex-direction: column;
   }
   .sectionPurchase.purchaseAddonSpotify {
     max-width: 1070px!important;
     max-height: 765px!important;
   }
   .sectionPurchaseBoard {
     max-width: 872px!important;
     max-height: 821px!important;
   }
   .purchaseAddonSpotify .btn-action {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     display: flex;
     gap: 10px;
   }
   .wrapperPurchase {
     position: relative;
     height: 100%;
     display: flex;
     flex-direction: column;
   }
   
   /* New styles for scrollable content and sticky button */
   .purchase-content {
     flex: 1;
     overflow-y: auto;
     overflow-x: hidden;
     padding: 20px;
   }
   
   .purchase-button-wrapper {
     position: sticky;
     bottom: 0;
     background-color: #fff;
     border-top: 1px solid #e0e0e0;
     padding: 15px 0;
     margin-top: auto;
     z-index: 10;
   }
   
   .purchasePopup {
     display: none;
     position: fixed;
     background: rgb(117 117 117 / 24%);
     z-index: 999;
     padding: 40px;
     font-size: 13px;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
   }
   .popupPurchaseClose{
     font-size:14px;
     line-height:14px;
     right:45px;
     top:45px;
     position:absolute;
     color:#6fa5fd;
     font-weight:700;
     display:block;
     cursor: pointer;
   }
 
   .headerPurchase {
     margin-bottom: 30px;
     display: flex;
     justify-content: space-between;
   }
 
   .headerPurchase h3 {
     font-size: 16px;
     text-transform: uppercase;
   }
 
   .sectionPurchaseBoard .headerPurchase {
     margin-bottom: 15px;
   }
 
   .sectionPurchaseBoard .formAddressPurchase {
     padding-top: 0;
   }
 
   .purchaseArea {
     position: relative;
     height: 100%;
   }
 
   .purchaseArea h4 {
     width: 100%;
     font-size: 12px;
     font-weight: 600;
     margin-bottom: 10px;
     text-transform: uppercase;
   }
 
   .menuPurchase {
     margin-bottom: 30px;
   }
 
   .menuPurchase ul {
     list-style-type: none;
     margin: 0;
   }
 
   .menuPurchase ul li {
     display: inline-block;
     border: 1px solid #ffffff;
     padding: 5px 20px;
     margin-right: 5px;
     margin-bottom: 10px;
     font-size: 12px;
     font-weight: 400;
   }
 
   .menuPurchase ul li:hover, .menuPurchase ul li.selected {
     background-color: #ffffff;
     color: #ffffff;
   }
 
   .contentPurchase h5 {
       font-size: 12px;
       margin-bottom: 10px;
       font-weight: 400;
       overflow: hidden;
   }
 
   /* Card */
 
   #itemCards {
     max-height: 430px;
     overflow: auto;
   }
 
   .item-cards {
       width: 100%;
   }
   .item-card.selected {
       border: 1px solid #ffffff;
   }
   .item-card:hover {
       border: 1px solid #C4C4C4;
   }
   .item-cards .item-card {
     position: relative;
     width: calc(33% - 10px);
     max-width: calc(33% - 10px);
     flex: 0 0 calc(33% - 10px);
     margin-bottom: 20px;
   }
   .item-cards .item-card label,
   .item-addons .item-addon label {
       position: absolute;
       left: 0;
       width: 100%;
       height: 100%;
   }
   .item-cards .item-card .card-image img,
   .item-addons .item-addon .card-image img {
       display: block;
       width: 100%;
   }
   .item-card .card-meta,
   .item-addon .card-meta {
       padding: 10px 5px 5px;
   }
   .item-card.selected .card-meta,
   .item-addon.selected .card-meta,
   .item-card.selected .card-qty {
       background-color: #ffffff;
       color: #fff;
       visibility: visible!important;
   }
   .item-card:hover .card-meta,
   .item-addon:hover .card-meta,
   .item-card:hover .card-qty {
       background-color: #C4C4C4;
       color: #fff;
       visibility: visible!important;
   }
   .item-cards .item-card p,
   .item-addons .item-addon p {
     font-size: 12px !important;
     margin: 0;
     font-weight: 600;
   }
   .item-card .card-meta input,
   .item-addon .card-meta input {
       display: none;
   }
   .item-cards .item-card h5,
   .item-addons .item-addon h5 {
     text-transform: uppercase;
     max-height: 35px;
   }
 
   @media (max-width: 768px) {
     .item-cards .item-card {
         width: calc(50% - 10px);
         max-width: calc(50% - 10px);
         flex: 0 0 calc(50% - 10px);
         margin-bottom: 0;
     }
   }
 
   .card-qty {
     display: flex;
     padding: 5px;
     visibility: hidden;
     background-color: #fff !important;
     z-index: 999;
   }
   .card-qty a {
     border-width: 1px;
     width: 30%;
     cursor: pointer;
     text-align: center;
     align-self: center;
     height: 28px;
     display: block;
     position: relative;
   }
   .card-qty a svg {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
   }
   input.btn-qty {
     border-width: 0px;
     border-radius: 0;
     background-color: #fff;
     -webkit-appearance: none;
     box-shadow: none !important;
     -webkit-box-shadow: none !important;
     -moz-box-shadow: none!important;
     width: 40%;
     border-left: 1px solid #c4c4c4;
     border-right: 1px solid #c4c4c4;
     padding: 0;
   }
 
   .sectionPurchaseBoard #itemAddons .item-card {
     width: calc(20% - 15px);
     max-width: calc(20% - 15px);
     flex: 0 0 calc(20% - 15px);
   }
 
   .purchase-button {
     width: 100%;
     padding: 0; /* Reset padding as it's now handled by wrapper */
     margin: 0;
   }
 
   .sectionPurchaseBoard .purchase-button {
     margin-top: 0 !important; /* Reset margin */
   }
 
   .back-purchase-button, .back-spotify {
       width: 139px;
       border: 1px solid;
       height: 43px;
   }
   .purchase-button .btn {
     width: 297px;
     height: 43px;
     background-color: #ffffff;
     color: #ffffff;
   }
   .purchase-button .btn[disabled] {
     background-color: #EEEEEE;
   }
   .back-purchase-button svg, .back-spotify svg {
     align-self: center;
     vertical-align: middle;
     margin-right: 10px;
   }
 
   #purchaseProduct .row .error {
     font-size: 12px !important;
     color: orange;
     margin-top: 5px;
   }
 
   .reviewCardPurchase {
     max-width: 448px;
     float: right;
   }
 
   .addonsPurchase .addon-item {display: flex;justify-content: space-between;}
   .addon-item * {align-self: center;font-size: 12px;}
   .addon-itm-title {width: 360px;}
   .addon-itm-line-price {color: #757575;width: 80px;justify-content: space-between;display: flex;}
 
   .propsAddonSpotify p {
     margin: 0;
     display: flex;
     font-size: 12px !important;
     margin-bottom: 5px;
   }
   .propsAddonSpotify p span:first-child {
     text-transform: uppercase;
     font-weight: 600;
     -ms-flex: 0 0 150px;
     flex: 0 0 150px;
     max-width: 150px;
   }
 
   .addonsPurchase .addons {
     max-height: 250px;
     overflow: auto;
   }
 
   .btn .loading:after {
     content: "";
     display: inline-block;
     width: 20px;
     height: 20px;
     padding: 3px;
     aspect-ratio: 1;
     border-radius: 50%;
     background: #FFFFFF;
     --_m: conic-gradient(#0000 10%, #ffffff), linear-gradient(#ffffff 0 0) content-box;
     -webkit-mask: var(--_m);
     mask: var(--_m);
     -webkit-mask-composite: source-out;
     mask-composite: subtract;
     animation: l3 1s infinite linear;
     margin: auto;
     vertical-align: middle;
     margin-left: 10px;
   }
 
   #qrcode img, #qrcode canvas {
     width: 50px;
     position: absolute;
     top: 12px;
     left: 16px;
   }
 
   .t-preview {
     position: absolute;
     top: 17px;
     left: 75px;
   }
   .t-preview p {
     margin: 0;
     font-size: 12px !important;
   }
   .t-preview .h3 {
     font-size: 16px !important;
     margin-bottom: 5px;
     font-weight: 600;
   }
   .scanCard {
     width: 100%;
     border: 1px solid;
     height: 76px;
     background-color: #fff;
   }
   .scanCard > div > img {
     position: absolute;
     right: 0;
     width: 55px;
   }
 
   @keyframes l3 {
     100% {
       transform: rotate(1turn);
     }
   }
 
   @media (min-width: 991px) {
     .sectionPurchase {
       height: 100%;
       position: relative;
       max-width: 1344px;
       background-color: #fff;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
     }
     .headerPurchase h3 {
       font-size: 20px;
     }
     .purchaseArea h4 {
       font-size: 16px;
     }
 
     .menuPurchase ul li {
         font-size: 16px;
     }
     
     .contentPurchase {
       margin-bottom: 30px;
     }
     .contentPurchase h5 {
       font-size: 16px;
     }
 
     .item-cards .item-card p,
     .item-addons .item-addon p {
       font-size: 16px !important;
     }
 
     .cards {
       float: right;
       width: 400px;
     }
 
     .item-cards .item-card {
       width: calc(25% - 30px);
       max-width: calc(25% - 30px);
       flex: 0 0 calc(25% - 30px);
     }
 
       #itemAddons .item-card {
         position: relative;
         width: calc(16% - 40px);
         max-width: calc(16% - 40px);
         flex: 0 0 calc(16% - 40px);
       }
       
     .purchase-button-wrapper {
         padding: 10px 20px;
     }
   }
 
   @media (max-width: 1200px) {
     .item-cards .item-card {
       width: calc(33% - 30px);
       max-width: calc(33% - 30px);
       flex: 0 0 calc(33% - 30px);
     }
   }
 
   @media (max-width: 992px) {
     .purchasePopup {
       padding: 0;
     }
     .item-cards .item-card h5,
     .item-addons .item-addon h5 {
       max-height: 30px;
     }
 
     .back-purchase-button, .back-spotify, .next-purchase-button {
         width: 100%;
     }
     .addon-itm-title {
       width: 300px;
     }
     .addon-itm-line-price {
       margin-right: 10px;
     }
     .t-preview {
       top: 10px;
     }
 
     .card-qty a {
       height: 15px;
     }
     
     .purchase-button-wrapper {
       padding: 15px;
     }
   }
 
   @media (max-width: 576px) {
     .purchase-button .btn {
         width: 100%!important;
     }
     .purchase-button > .col-12 {
       padding-left: 0;
       padding-right: 0;
     }
   }

/* ===== extracted style block 16 ===== */
.customize-papan .group-field-1 .input-field {float: left;width: 100%;height: 317px;background-color: #E5E5EA;}
   .customize-papan .input-field textarea {width: 100%;max-width: 421px;min-height: 150px;font-weight: 400;font-size: 16px;resize: none;background-color: #E5E5EA;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #ffffff;border: none;}
   
   .customize-papan .field-papan.group-field-2 .input-field.field-logo {height: 90px;margin: 0;border-radius: 0;position: relative;-ms-flex: 0 0 174px;flex: 0 0 174px;max-width: 174px;}
   .customize-papan .btn-upload-papan svg {width: 21px;height: 25px;display: block;align-self: center;margin: auto;margin-bottom: 12px;}
   .svgLogoPapan {position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
   .svgLogoPapan p {color: #8E8E93; margin: 0;}
   .svgLogoPapan p span {font-size: 12px;color: #FF0E00;}
   .customize-papan .btn-upload-papan img {margin: auto;display: block;position: absolute;width: 80px;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
   #suggest-messages {position: absolute;bottom: 5px;left: 5px;}
   #suggest-messages a {border: 1px solid #979797;background: #fff;color: #979797;border-radius: 3px;padding: 5px 10px;font-size: 10px;font-weight: 600;display: inline-block;}
   .case-occasion .nice-select:after {border-bottom: 2px solid #333;border-right: 2px solid #333;right: 20px;top: 42%;width: 10px;height: 10px;}
   .customize-papan .input-field input {font-weight: 600;font-size: 16px;width: 100%;height: 90px;min-height: 44px !important;border: none;background: #E5E5EA;margin: 0;border-radius: 0;text-align: center;color: #ffffff;}
   .customize-papan .input-field .limit {position: absolute;right: 15px;top: 0;color: #757575;}
 
   @media (min-width: 991px) {
     .customize-papan:before {content: "";position: absolute;border: 4px solid #ffffff;bottom: -50px;left: 210px;width: 100px;display: block;-ms-transform: rotate(60deg);-webkit-transform: rotate(60deg);transform: rotate(-65deg);}
     .customize-papan:after {content: "";position: absolute;border: 4px solid #ffffff;bottom: -52px;right: 240px;width: 100px;display: block;-ms-transform: rotate(-120deg);-webkit-transform: rotate(70deg);transform: rotate(70deg);}
   }

/* ===== extracted style block 17 ===== */
.animated-title {
     text-align: center;
     font-weight: bold;
     color: #079c02;
     font-size: 28px;
     position: relative;
     animation: glow 2s infinite alternate, moveUpDown 3s infinite;
 }
 
 /* Efek glow / bercahaya hijau */
 @keyframes glow {
     0% { text-shadow: 0 0 5px #079c02; color: #079c02; }
     50% { text-shadow: 0 0 20px #00ff55; color: #12d12b; }
     100% { text-shadow: 0 0 10px #1bff00; color: #079c02; }
 }
 
 /* Efek gerakan naik turun */
 @keyframes moveUpDown {
     0% { transform: translateY(0px); }
     50% { transform: translateY(-5px); }
     100% { transform: translateY(0px); }
 }

/* ===== extracted style block 18 ===== */
.stamped-review-header-title,
     .stamped-review-header .author,
     .stamped-review-content-body,
     .stamped-sort-select,
     .stamped-review-header .verified-badge[data-type=buyer]:after,
     .stamped-review-header-byline,
     .stamped-review-reply-body {font-size: 14px!important;font-family: 'Barlow',sans-serif!important;}
     .stamped-review {margin-bottom: 0;}
     .stamped-review-body {padding-left: 65px;}
     .stamped-review:first-child {padding-top: 25px;}
     .stamped-review-content {clear: none;}
     .stamped-review-reply {margin: 15px 0 0 65px;background: #f2f2f2;border-left: none;}
     .stamped-review-reply-body {padding-left: 65px;}
     .stamped-review-header .author {text-transform: capitalize;}
     .stamped-questions .stamped-review-content {padding-left: 65px;}
 
     .stamped-pagination {margin: 20px 0 0;}
     .stamped-pagination li {position: initial!important;display: inline-block;position: relative;vertical-align: middle;text-decoration: none;-webkit-tap-highlight-color: transparent;-webkit-box-flex: 0;-moz-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: 0 0;text-transform: none;color: #33373D;font-weight: 400;-webkit-transition: background .1s ease,box-shadow .1s ease,color .1s ease;transition: background .1s ease,box-shadow .1s ease,color .1s ease;border: 1px solid #ccc;border-right: none;margin-bottom: 0;}
     .stamped-pagination li a {color: #121212;padding: 13px 18px;vertical-align: middle;display: block;}
     .stamped-pagination li.active a {background-color: #ddd;font-weight: 400;}
     .stamped-pagination li:hover a {background: #ddd;}
     .stamped-pagination .next {border-right: 1px solid #ccc;}
     .stamped-pagination li:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
     .stamped-pagination li:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
 
     #stamped-pagination-question span.page {display: inline-block;border: 1px solid #ccc;width: 47px;}
     #stamped-pagination-question span {font-size: 14px;}
     #stamped-pagination-question .page.active {padding: 12px;font-weight: 400;background: #ddd;}
     #stamped-pagination-question a, #stamped-pagination-question .page.active {color: #121212;padding: 13px 18px;vertical-align: middle;display: inline-block;}
     .stamped-pagination-deco {color: #121212;padding: 13px 18px;width: 47px;vertical-align: middle;display: inline-block;border: 1px solid #ccc;padding: 12px;}
     .stamped-pagination-prev, .stamped-pagination-next {position: inherit;}
     .stamped-pagination-prev a, .stamped-pagination-next a {width: auto!important;border: 1px solid #ccc;}
 
     @media (max-width: 480px){
       .stamped-review-reply {margin-left: 0!important;}
       select.stamped-sort-select {font-size: 13px!important;}
     }
 
   #product-reviews .stamped-summary-ratings, #product-reviews .stamped-summary-actions, .stamped-content {
       display: block !important;
   }

/* ===== extracted style block 19 ===== */
#shopify-section-newsletter {
       background: url('timnas4ddov1.webp');
       background-attachment: fixed;
       margin-bottom: 0;
     }
     input:-webkit-autofill,
     input:-webkit-autofill:hover,
     input:-webkit-autofill:active,
     input:-webkit-autofill:focus {
       -webkit-box-shadow:0 0 0 50px white inset;
       -webkit-text-fill-color: #ffffff;
     }
     .section-newsletter {
       max-width: 800px;
       margin: auto;
       padding: 50px 0;
     }
     .section-newsletter h2 {
       font-weight: 700;
       font-size: 24px;
     }
     .section-newsletter input[type="email"] {
       width: 100%;
       text-align: center;
       border: none;
       border-bottom: 1px solid #ffffff;
       font-size: 16px;
       color: #757575;
       background-color: #eeeeee;
     }
     .section-newsletter .row label {
       font-size: 14px;
       cursor: pointer;
     }
     .section-newsletter .radio-inline input {
       width: auto;
     }
     .section-newsletter .btn {
       width: 130px;
       border: 1px solid #ffffff;
       box-shadow: none;
       font-size: 16px;
       font-weight: 500;
       text-transform: uppercase;
     }
     .section-newsletter form {
       margin: 30px 0 60px;
     }
     .section-newsletter input[type="radio"] {
       position: absolute;
       width: 1px;
       height: 1px;
     }
     .section-newsletter [type="radio"]:checked + label, .section-newsletter [type="radio"]:not(:checked) + label {
       position: relative;
       padding-left: 28px;
       cursor: pointer;
       line-height: 20px;
       display: inline-block;
       color: #666;
     }
     .section-newsletter [type="radio"]:checked + label:before, .section-newsletter [type="radio"]:not(:checked) + label:before {
       content: '';
       position: absolute;
       left: 0;
       top: 0;
       width: 18px;
       height: 18px;
       border: 1px solid #ddd;
       border-radius: 100%;
       background: #fff;
     }
     .section-newsletter [type="radio"]:checked + label:after, .section-newsletter [type="radio"]:not(:checked) + label:after {
       content: '';
       width: 12px;
       height: 12px;
       background: #ffffff;
       position: absolute;
       top: 3px;
       left: 3px;
       border-radius: 100%;
       -webkit-transition: all 0.2s ease;
       transition: all 0.2s ease;
     }
     .section-newsletter [type="radio"]:not(:checked) + label:after {
       opacity: 0;
       -webkit-transform: scale(0);
       transform: scale(0);
     }
     .opt-newsletter {display:none;}
     .footer-newsletter p, .footer-newsletter p a {
       color: #757575;
     }
     @media (max-width:991px){
       .section-newsletter h2 {
         font-size: 32px;
       }
       .section-newsletter input {
         width: 300px;
         font-size: 14px;
       }
       .section-newsletter {
         padding: 50px 20px;
       }
     }
     @media (max-width: 480px){
       .section-newsletter input[type="email"] {font-size: 16px;}
     }

/* ===== extracted style block 20 ===== */
.icon-img-footer {
    width: 80px;
    padding: 0 5px;
}

@media (min-width: 768px) {
    .icon-img-footer {
        width: 120px;
    }
}

@media (min-width: 992px) {
    .icon-img-footer {
        width: 120px;
    }
}

.button-login-daftar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-weight: 700;
    gap: 10px;
}

.button-login-daftar a {
    text-align: center;
    text-decoration: none;
}

.login,
.register {
    padding: 15px 10px;
    font-size: 23px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* LOGIN - ORANGE KUNING ELEGANT */
.login,
.login-button {
    background:
        radial-gradient(circle at top, rgb(0 0 0 / 28%), transparent 42%), linear-gradient(to bottom, #9C2A3A 0%, #000000 48%, #000000 72%, #9C2A3A 100%);
    border: 2px solid #9C2A3A;
    color: #ffffff;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.9),
        0 0 8px rgba(122, 31, 43, 0.7);
    box-shadow:
        0 0 16px rgba(122, 31, 43, 0.58),
        0 0 26px rgba(122, 31, 43, 0.28),
        inset 0 0 12px rgba(156, 42, 58, 0.14);
}

/* REGISTER - KUNING TERANG PREMIUM */
.register,
.register-button {
    background:
        radial-gradient(circle at top, rgb(0 0 0 / 28%), transparent 42%), linear-gradient(to bottom, #9C2A3A 0%, #000000 48%, #000000 72%, #9C2A3A 100%);
    border: 2px solid #f1e4e6;
    color: #9C2A3A;
    text-shadow:
        0 1px 2px rgba(255, 255, 255, 0.62),
        0 0 6px rgba(122, 31, 43, 0.7);
    box-shadow:
        0 0 18px rgba(122, 31, 43, 0.58),
        0 0 30px rgba(122, 31, 43, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.48);
}

/* SHINE EFFECT */
.login::before,
.register::before,
.login-button::before,
.register-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 55%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255, 255, 255, 0.42),
        transparent
    );
    transform: skewX(-22deg);
    transition: left 0.65s ease;
    pointer-events: none;
}

.login:hover::before,
.register:hover::before,
.login-button:hover::before,
.register-button:hover::before {
    left: 130%;
}

.login:hover,
.register:hover,
.login-button:hover,
.register-button:hover {
    filter: brightness(1.12) contrast(1.06);
    transform: translateY(-2px);
    box-shadow:
        0 0 24px rgba(255, 145, 0, 0.78),
        0 0 38px rgba(156, 42, 58, 0.48),
        inset 0 0 14px rgba(255, 255, 255, 0.14);
}

/* ===== extracted style block 21 ===== */
#CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty button,
   #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty button,
   #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty button {display: none;}
   #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty input,
   #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty input,
   #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty input {pointer-events: none;opacity: 0.5;}
   #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty input,
   #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty input,
   #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty input {pointer-events: none;}

/* ===== extracted style block 22 ===== */
/** Search AutoComplete **/
   .resultsearch .ui-menu-item[data-cat="Collection"],
   .resultsearch .ui-menu-item[data-cat="Collection"] {display: none;}
   .resultsearch .ui-widget.ui-widget-content {
     width: 100%;
     top: 48px;
     border: none;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
   }
   .resultsearch .ui-menu-item {text-align: left;}
   .resultsearch .ui-menu-item>a, .resultsearch .ui-menu-item>span {display: inline-block;width: 100%;font-size: 16px;}.resultsearch .ui-menu-item img {vertical-align: middle;}.resultsearch .ui-menu-item a[data-cat="Collection"] img {display: none;}.resultsearch .ui-menu .ui-state-focus, .resultsearch .ui-menu .ui-state-active {margin: 0;}.ui-state-active, .ui-widget-content .ui-state-active {background: #f2f2f2;border: none;color: #ffffff;}.resultsearch .ui-menu-item>a,.resultsearch .ui-menu-item>span {display: inline-block;width: 100%;font-size: 13px;}.resultsearch .ui-menu-item a[data-cat="Produk"] img {margin-right: 10px;}.resultsearch .ui-menu-item a[data-cat="Produk"] .price {float: right;padding: 15px 0;}.ui-autocomplete-category.ui-menu-item[data-cat="Produk"]:before {content: "Product Populer";font-size: 13px;padding: 5px;margin: 5px 0;background: #f2f2f2;width: 100%;display: block;color: #ffffff;}.ui-autocomplete-category.ui-menu-item[data-cat="Produk"] span {display: none;}
   .ui-state-active {
     border: none!important;
     background-color: #fafafa!important;
     color: #000!important;
   }
   .ui-menu-item a[data-cat="Collection"] {padding: 5px 12px;}
   .ui-menu .ui-menu-item {line-height: normal;}

/* ===== extracted style block 23 ===== */
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.fade.in{opacity:1}.modal-open .modal{overflow-x:hidden;overflow-y:auto;z-index:999999;background-color:rgba(0,0,0,.3)}.modal-dialog{position:relative;width:auto;margin:10px}.wishlist-model .modal-dialog{width:700px}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.wishlist-model .modal-content{}.wishlist-model .modal-header{min-height:0;padding:0;border-bottom:0}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #121212;filter:alpha(opacity=20);opacity:.2}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-header .close{margin-top:-2px}.wishlist-model .close{position:absolute;top:-10px;right:-10px;background:#fff;opacity:1;width:30px;height:30px;font-size:15px;border-radius:50%;z-index:10;box-shadow:0 1px 4px 0 #121212}.wishlist-model .close .icon-close{width:25px;height:25px}.modal-body{position:relative;padding:15px}.wishlist-model .modal-body{padding:0 30px;display:flex}.wishlist-model .wishlist-left{width:66.67%;border-right:1px solid #ccc;padding:30px 0}.wishlist-model .wishlist-note{position:relative;display:inline-block;margin-bottom:20px;margin-left:35px;border-bottom:1px solid #121212;color:#121212}.wishlist-model .wishlist-note a{color: #ffffff;}.wishlist-model .wishlist-note .cirle{position:absolute;top:-4px;left:-35px;width:25px;height:25px;color:#fff;background:#121212;line-height:25px;border-radius:50%;text-align:center}.wishlist-model .wishlist-note svg{fill:#fff}.wishlist-model .wishlist-note .cirle .icon-check{vertical-align:middle}.wishlist-model .product-left{width:33.33%;float:left;margin-right:30px}.wishlist-model .wishlist-image{overflow:hidden}.wishlist-model .wishlist-image img{transition:all .3s linear}.wishlist-model .wishlist-name{padding:0;margin-bottom:10px}.wishlist-model .wishlist-name a{color: #ffffff;}.wishlist-model .wishlist-price{margin-bottom:10px}.wishlist-model .wishlist-price .price{font-weight:700;margin-right:10px;font-size:15px}.wishlist-model .wishlist-price .price_compare{color:#ccc}.wishlist-model .wishlist-right{width:33.33%;padding:30px 0;padding-left:30px}.wishlist-model .btn-quick-shop{width:100%;border-color:#121212;background:#fff;color:#121212;padding:0 30px;transition:all .2s linear;height:36px;margin-bottom:10px;text-transform:uppercase}.wishlist-model .btn-cta{width:100%;font-size:1em;border-color:#ffffff;background:#ffffff;color:#fff;padding:0;transition:all .2s linear;height:36px;line-height:36px;margin-bottom:10px}.wishlist-model .quantity-content{text-align:center}.wishlist-model .quantity-content input{outline:none;text-align:center;font-weight:600;border:1px solid #121212}.wishlist-model .quantity-content button{border-color:#121212}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}}

/* ===== extracted style block 24 ===== */
.stamped-badge[data-rating="0.0"]{display: none !Important;}
        
         div[data-load-type="continue"] ul.stamped-pagination li.next a, div[data-widget-load-type="continue"] ul.stamped-pagination li.next a {
           border-radius: 0px;
       }
           .stamped-review-body {
           padding-left: 0px !important;
       }
           #product-reviews .stamped-header:after {
             display:none !Important;
           }
       #stamped-main-widget .stamped-container, .stamped-badge-caption,#stamped-reviews-widget {
           font-family:inherit !important;
       }

/* ===== extracted style block 25 ===== */
.jss59 {
     background-color: rgba(0, 0, 0, 0.6);
   }
   .MuiBackdrop-root {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     display: flex;
     z-index: -1;
     position: fixed;
     align-items: center;
     justify-content: center;
     background-color: rgba(0, 0, 0, 0.5);
     -webkit-tap-highlight-color: transparent;
   }
   .MuiDialog-scrollPaper {
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .MuiDialog-container {
     height: 100%;
     outline: 0;
   }
   .MuiPaper-elevation24 {
     box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2), 0px 24px 38px 3px rgba(0,0,0,0.14), 0px 9px 46px 8px rgba(0,0,0,0.12);
   }
   .MuiDialog-paper {
     margin: 32px;
     position: relative;
     overflow-y: auto;
   }
   .MuiDialog-paperScrollPaper {
     display: flex;
     max-height: calc(100% - 64px);
     flex-direction: column;
   }
   .MuiDialog-paperWidthSm {
     max-width: 600px;
   }
   #location-lock-dialog {
     top: 20%;
     left: 0;
     right: 0;
     width: 30%;
     margin: 0px auto;
     display: block;
     padding: 30px;
     z-index: 99999;
     position: fixed;
     font-size: 14px;
     background: rgb(0, 0, 0);
     box-shadow: rgba(11, 11, 12, 0.2) 2px 4px 5px 0px;
     text-align: center;
     font-family: Roboto, Arial, sans-serif;
     line-height: 1;
     border-radius: 8px;
     -webkit-font-smoothing: subpixel-antialiased;
   }
   .MuiButtonBase-root {
     color: inherit;
     border: 0;
     cursor: pointer;
     margin: 0;
     display: inline-flex;
     outline: 0;
     padding: 0;
     position: relative;
     align-items: center;
     user-select: none;
     border-radius: 0;
     vertical-align: middle;
     -moz-appearance: none;
     justify-content: center;
     text-decoration: none;
     background-color: transparent;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: transparent;
   }
   .MuiIconButton-root {
     flex: 0 0 auto;
     color: rgba(0, 0, 0, 0.54);
     padding: 12px;
     overflow: visible;
     font-size: 1.5rem;
     text-align: center;
     transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     border-radius: 50%;
   }
   .MuiIconButton-label {
     width: 100%;
     display: flex;
     align-items: inherit;
     justify-content: inherit;
   }
   .MuiSvgIcon-root {
     fill: currentColor;
     width: 1em;
     height: 1em;
     display: inline-block;
     font-size: 1.5rem;
     transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     flex-shrink: 0;
     user-select: none;
   }
   .MuiTouchRipple-root {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 0;
     overflow: hidden;
     position: absolute;
     border-radius: inherit;
     pointer-events: none;
   }
   .jss36 {
     color: #222222;
     font-size: 24px;
     font-family: Roboto, Arial, sans-serif;
     font-weight: 500;
   }
   .jss37 {
     color: #555555;
     padding: 10px 0px 0px;
     font-size: 14px;
   }
   .MuiFormGroup-root {
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
   }
   .MuiFormGroup-row {
     flex-direction: row;
   }
   .jss63 {
     width: 85%;
     margin: 15px auto;
     display: flex;
     padding: 11px 0px 0px;
     justify-content: space-evenly;
   }
   .MuiFormControlLabel-root {
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     margin-left: -11px;
     margin-right: 16px;
     vertical-align: middle;
     -webkit-tap-highlight-color: transparent;
   }
   .jss70 {
     margin: 0;
   }
   .MuiButtonBase-root {
     color: inherit;
     border: 0;
     cursor: pointer;
     margin: 0;
     display: inline-flex;
     outline: 0;
     padding: 0;
     position: relative;
     align-items: center;
     user-select: none;
     border-radius: 0;
     vertical-align: middle;
     -moz-appearance: none;
     justify-content: center;
     text-decoration: none;
     background-color: transparent;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: transparent;
   }
   .MuiIconButton-root {
     flex: 0 0 auto;
     color: rgba(0, 0, 0, 0.54);
     padding: 12px;
     overflow: visible;
     font-size: 1.5rem;
     text-align: center;
     transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     border-radius: 50%;
   }
   .MuiIconButton-colorSecondary {
     color: #f50057;
   }
   .jss71 {
     padding: 9px;
   }
   .MuiRadio-root {
     color: rgba(0, 0, 0, 0.54);
   }
   .jss64 {
     padding: 2px;
   }
   .MuiRadio-colorSecondary.Mui-checked {
     color: #f50057;
   }
   .MuiIconButton-label {
     width: 100%;
     display: flex;
     align-items: inherit;
     justify-content: inherit;
   }
   .MuiTypography-root {
     margin: 0;
   }
   .MuiTypography-body1 {
     font-size: 18px;
     font-family: Roboto,sans-serif;
     font-weight: 400;
     line-height: 1.5;
   }
   .location-popup_area-block__sp9Ws {
     display: -moz-box;
     display: flex;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
     flex-direction: column;
     -moz-box-pack: center;
     justify-content: center;
     position: relative;
     margin: 10px 10% 0;
   }
   .location-popup_pin-search-box__3l5mJ {
     width: 100%;
     display: -moz-box;
     display: flex;
     -moz-box-align: center;
     align-items: center;
   }
   .location-popup_place-icon-city__1XAX5, .location-popup_place-icon__jSG0Q {
     position: absolute;
     z-index: 999;
   }
   .location-popup_place-icon__jSG0Q {
     color: #ffffff;
     padding-left: 8px;
   }
   .location-popup_place-icon__jSG0Q svg {
     width: 18px;
     height: 18px;
   }
   .location-popup_cancel-icon__FHujU {
     color: #fff;
     right: 10px;
     width: 16px;
     cursor: pointer;
     height: 16px;
     display: none;
     padding: 5px;
     position: absolute;
     background: #999;
     text-align: center;
     border-radius: 50%;
   }
   .location-popup_pin-search-box__3l5mJ>div>select {
 /*     -webkit-box-shadow: 0 0 10px #ffffff;
     box-shadow: 0 0 10px #ffffff; */
     text-transform: capitalize;
     border: 1px solid #ffffff;
     color: #ffffff;
     width: 100%;
     margin: 0;
     display: -moz-box;
     display: flex;
     padding: 0 30px;
     -webkit-animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite;
     -moz-animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite;
     animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite;
     font-size: 16px;
     border-radius: 4px;
     height: 44px;
     moz-animation: location-popup_focuses__1I8Gj ease-in-out 1.5s infinite;
     webkit-animation: location-popup_focuses__1I8Gj ease-in-out 1.5s infinite;
   }
   .MuiButtonBase-root {
     color: inherit;
     border: 0;
     cursor: pointer;
     margin: 0;
     display: inline-flex;
     outline: 0;
     padding: 0;
     position: relative;
     align-items: center;
     user-select: none;
     border-radius: 0;
     vertical-align: middle;
     -moz-appearance: none;
     justify-content: center;
     text-decoration: none;
     background-color: transparent;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: transparent;
   }
   .MuiButton-root {
     color: rgba(0, 0, 0, 0.87);
     padding: 6px 16px;
     font-size: 0.875rem;
     min-width: 64px;
     box-sizing: border-box;
     transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     font-family: Roboto,sans-serif;
     font-weight: 500;
     line-height: 1.75;
     border-radius: 4px;
     text-transform: uppercase;
   }
   .MuiButton-contained {
     color: rgba(0, 0, 0, 0.87);
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
     background-color: #e0e0e0;
   }
   .MuiButtonBase-root.Mui-disabled {
     cursor: default;
     pointer-events: none;
   }
   .MuiButton-label {
     width: 100%;
     display: inherit;
     align-items: inherit;
     justify-content: inherit;
   }
   .cartButton_login_content__2j1f7 {
     display: -moz-box;
     display: flex;
     text-align: center;
     z-index: 9;
     font-size: 18px;
     font-weight: 500;
     color: #fff;
   }
   
   .jss35 {
     top: 5px;
     right: 5px;
     padding: 4px;
     position: absolute;
     border-radius: 50%;
   }
   .jss67 {
     cursor: pointer;
     font-size: 15px;
     line-height: 1.3;
     padding-left: 5px;
   }
   .jss69 {
     color: #222222;
   }
   .jss80 {
     color: #fff;
     width: 100%;
     height: 52px;
     padding: 11px 16px;
     font-size: 18px;
     min-width: 88px;
     min-height: 36px;
     transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     font-weight: 500;
     line-weight: 1em;
     border-radius: 4px;
     text-transform: uppercase;
     background-color: #E87325;
   }
   @media (min-width: 991px){
     .cartButton_login_content__2j1f7 {
         font-weight: 500;
     }
   }
 
   @media (max-width: 992px) {
     #location-lock-dialog {
       width: 100%;
       top: auto;
       bottom: 0;
       padding-left: 0;
       padding-right: 0;
     }
     .MuiFormGroup-row {
       display: block
     }
     .MuiIconButton-label input {
       margin: 0;
     }
   }

/* ===== extracted style block 26 ===== */
.daftarku-fixed-footer {
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        height: 70px;
        background:
            radial-gradient(circle at top, rgba(156, 42, 58, 0.35), transparent 45%),
            linear-gradient(135deg, #3D0F16, #9C2A3A, #7A1F2B);
        border: 1.5px solid rgba(122, 31, 43, 0.75);
        border-radius: 20px;
        backdrop-filter: blur(10px);
        box-shadow:
            0 0 25px rgba(255, 152, 0, 0.45),
            inset 0 0 15px rgba(241, 228, 230, 0.18);
        display: flex;
        justify-content: space-around;
        align-items: center;
        overflow: hidden;
        z-index: 9999;
        animation: floatUp 0.8s ease-out;
    }

    .daftarku-fixed-footer::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 20px;
        padding: 2px;
        background: linear-gradient(
            120deg,
            #7A1F2B,
            #f1e4e6,
            #3D0F16,
            #f1e4e6,
            #9C2A3A,
            #7A1F2B,
            #3D0F16,
            #7A1F2B
        );
        background-size: 400%;
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        animation: ledRotate 6s linear infinite;
    }

    @keyframes ledRotate {
        0% { background-position: 0% 50%; }
        100% { background-position: 400% 50%; }
    }

    .daftarku-fixed-footer::after {
        content: "";
        position: absolute;
        top: -50%;
        left: 0;
        width: 100%;
        height: 200%;
        background: radial-gradient(circle at 50% 0%, rgba(122, 31, 43, 0.28), transparent 70%);
        animation: shinePass 5s ease-in-out infinite;
    }

    @keyframes shinePass {
        0%, 100% { opacity: 0.3; }
        50% { opacity: 0.7; }
    }

    .daftarku-fixed-footer a {
        flex: 1;
        text-align: center;
        color: #f1e4e6;
        font-weight: 700;
        text-decoration: none;
        font-size: 13px;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: 0.3s ease;
        z-index: 2;
        text-shadow:
            0 1px 2px rgba(0, 0, 0, 0.85),
            0 0 8px rgba(122, 31, 43, 0.65);
    }

    .daftarku-fixed-footer a img {
        width: 30px;
        height: 30px;
        margin-bottom: 4px;
        filter:
            drop-shadow(0 0 8px #7A1F2B)
            drop-shadow(0 0 12px rgba(156, 42, 58, 0.55));
        transition: 0.3s ease;
        animation: floatBtn 3s ease-in-out infinite;
    }

    @keyframes floatBtn {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-4px); }
    }

    .daftarku-fixed-footer a:hover {
        color: #f1e4e6;
        transform: scale(1.15);
        text-shadow:
            0 0 12px #f1e4e6,
            0 0 25px #7A1F2B;
    }

    .daftarku-fixed-footer a:hover img {
        transform: scale(1.25) rotate(10deg);
        filter:
            drop-shadow(0 0 15px #7A1F2B)
            drop-shadow(0 0 20px rgba(156, 42, 58, 0.75));
    }

    .daftarku-fixed-footer a.tada {
        background:
            radial-gradient(circle, #f1e4e6 0%, #9C2A3A 42%, #3D0F16 80%);
        padding: 6px 12px;
        border-radius: 12px;
        box-shadow:
            0 0 20px #7A1F2B,
            inset 0 0 10px #f1e4e6;
        color: #3D0F16;
        position: relative;
        overflow: hidden;
        animation: pulseEnergy 2s infinite ease-in-out;
    }

    .daftarku-fixed-footer a.tada::before {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: conic-gradient(
            from 0deg,
            rgba(156, 42, 58, 0.70),
            transparent 60%
        );
        animation: spinEnergy 2s linear infinite;
    }

    @keyframes pulseEnergy {
        0%, 100% {
            box-shadow:
                0 0 20px #7A1F2B,
                inset 0 0 10px rgba(156, 42, 58, 0.45);
        }
        50% {
            box-shadow:
                0 0 40px #3D0F16,
                0 0 55px rgba(255, 152, 0, 0.55);
        }
    }

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

    @keyframes floatUp {
        0% {
            opacity: 0;
            transform: translate(-50%, 50px);
        }

        100% {
            opacity: 1;
            transform: translate(-50%, 0);
        }
    }

/* ===== extracted style block 27 ===== */
.btt-panel{clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))!important;border-radius:0!important;border:1px solid var(--btt-line)!important;background:linear-gradient(160deg,var(--btt-card2),#030201)!important}

.btt-section-title{text-align:left!important;display:flex!important;align-items:center!important;gap:12px!important;font-size:clamp(18px,2.4vw,26px)!important}
.btt-section-title::before{content:"";width:10px;height:10px;background:var(--btt-gold);transform:rotate(45deg);flex-shrink:0;box-shadow:0 0 8px var(--btt-gold)}
.btt-section-sub{text-align:left!important;margin-left:22px!important}

.btt-smart-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.btt-game-card{display:flex!important;align-items:center!important;gap:14px!important;text-align:left!important;background:rgba(122, 31, 43,.04)!important;border:1px solid var(--btt-line)!important;clip-path:polygon(0 0,100% 0,100% 100%,16px 100%,0 calc(100% - 16px))!important}
.btt-game-card img{width:64px!important;height:64px!important;margin:0!important;flex-shrink:0!important;border-radius:0!important;clip-path:polygon(0 0,100% 0,100% 100%,20% 100%,0 80%)!important}
.btt-game-card h3{text-align:left!important;margin:0 0 6px!important}
.btt-game-card p{margin:0!important}

.btt-stats,.btt-signals{display:flex!important;flex-wrap:wrap!important;border:1px solid var(--btt-line)!important;border-radius:0!important;background:rgba(122, 31, 43,.03)!important}
.btt-stat,.btt-signal{flex:1 1 140px!important;border-right:1px solid var(--btt-line)!important}
.btt-stat:last-child,.btt-signal:last-child{border-right:none!important}

.btt-faq-item{border-bottom:1px solid var(--btt-line);padding:14px 0}
.btt-faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;color:var(--btt-text);font-weight:700;font-size:14px}
.btt-faq-item summary::-webkit-details-marker{display:none}
.btt-faq-item summary::before{content:"";flex-shrink:0;width:20px;height:20px;border:1px solid var(--btt-gold);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);transition:.2s ease}
.btt-faq-item[open] summary::before{background:var(--btt-gold);box-shadow:0 0 10px var(--btt-gold)}
.btt-faq-item p{margin:12px 0 0 34px;color:var(--btt-muted);font-size:13px;line-height:1.7}

.btt-review-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.btt-review{position:relative!important;text-align:left!important;border:1px solid var(--btt-line)!important;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)!important;background:rgba(122, 31, 43,.03)!important;padding-top:22px!important}
.btt-review b{font-size:13px!important}
.btt-review .btt-stars{position:absolute!important;top:6px!important;right:8px!important;font-size:9px!important;letter-spacing:1px!important}
.btt-review p{text-align:left!important;font-size:12.5px!important;margin-top:8px!important}

.badge.btt-tag{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)!important;border-radius:0!important;border:1px solid var(--btt-line)!important;background:rgba(122, 31, 43,.06)!important;color:#f1e4e6!important;font-weight:700!important;font-size:11px!important;text-decoration:none!important}
.badge.btt-tag:hover{background:var(--btt-gold)!important;color:#1a0a10!important}

@media(max-width:768px){
.btt-smart-grid{grid-template-columns:1fr!important}
.btt-review-grid{grid-template-columns:1fr!important}
.btt-stat,.btt-signal{flex:1 1 45%!important}
}

/* ===== TIMNAS4D - rapikan detail pengiriman/keranjang jadi kotak-kotak ===== */
.itemProperties{display:flex;flex-direction:column;gap:12px;margin:14px 0}
.propDeliver,.propAddress,.itemAddonCart{
  background:linear-gradient(160deg,var(--btt-card2,#1a0a10),#030201);
  border:1px solid var(--btt-line,rgba(122,31,43,.42));
  border-radius:10px;
  padding:14px 16px;
}
.itemAddonCart{margin:14px 0}
.propDeliver h4,.propAddress h4,.itemAddonCart h4,.toggleAddonCart h4{
  margin:0 0 10px;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  color:var(--btt-gold,#7A1F2B);
}
.propDeliver p,.propAddress p{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin:0 0 8px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(122,31,43,.18);
  font-size:12px;
}
.propDeliver p:last-child,.propAddress p:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.propDeliver p span:first-child,.propAddress p span:first-child{
  color:var(--btt-muted,#b8a29e);
  text-transform:uppercase;
  font-size:10px;
  letter-spacing:.5px;
  flex-shrink:0;
  max-width:38%;
}
.propDeliver p span:last-child,.propAddress p span:last-child{
  color:var(--btt-text,#f1e4e6);
  font-weight:600;
  text-align:right;
}
.itemAddonCart{cursor:pointer}
.toggleAddonCart{align-items:center}
.toggleAddonCart svg path{fill:var(--btt-gold,#7A1F2B)!important}

#row-delivery-date,#row-delivery-time{
  margin:16px 0!important;
  padding-bottom:16px;
  border-bottom:1px solid rgba(122,31,43,.25);
}
.date-full{
  width:100%;
  background:linear-gradient(160deg,var(--btt-card2,#1a0a10),#030201)!important;
  border:1px solid var(--btt-line,rgba(122,31,43,.42))!important;
  border-radius:10px!important;
  color:var(--btt-text,#f1e4e6)!important;
  padding:14px 16px!important;
  font-weight:700!important;
  cursor:pointer;
}
#row-delivery-date > div:first-child{position:relative}
#row-delivery-date label{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
}
#row-delivery-date label svg path{fill:var(--btt-gold,#7A1F2B)}

#personalizeBtn{margin:16px 0}
#personalizeBtn > button{
  background:linear-gradient(135deg,#7A1F2B,#3D0F16)!important;
  border:1px solid var(--btt-line,rgba(122,31,43,.42))!important;
  border-radius:10px!important;
  color:var(--btt-text,#f1e4e6)!important;
  padding:14px!important;
  font-weight:800!important;
}
.button-share-wishlist{
  margin-top:14px!important;
  gap:10px;
}
.button-share,.button-wishlist{
  flex:1;
  background:rgba(122,31,43,.08);
  border:1px solid var(--btt-line,rgba(122,31,43,.42));
  border-radius:8px;
  padding:10px;
}
.button-share p,.button-wishlist p{
  justify-content:center!important;
  margin:0!important;
  font-size:12px;
  color:var(--btt-text,#f1e4e6)!important;
}

.btt-trending-tags{margin-bottom:90px!important}
.btt-trending-tags .badge.btt-tag{margin-bottom:8px}