@font-face {
    font-family: "Nunito Sans";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("//9to9.co.id/cdn/fonts/nunito_sans/nunitosans_n4.0276fe080df0ca4e6a22d9cb55aed3ed5ba6b1da.woff2?h1=OXRvOW1hcmtldHBsYWNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=OXRvOS5jby5pZA&hmac=dbc4b9388ac74e8d8093b1cbc67a914ef2bafc57202f47716f88242d0be71323") format("woff2"),
         url("//9to9.co.id/cdn/fonts/nunito_sans/nunitosans_n4.b4964bee2f5e7fd9c3826447e73afe2baad607b7.woff?h1=OXRvOW1hcmtldHBsYWNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=OXRvOS5jby5pZA&hmac=b39a3be560bd8061fee697045ccdc8f0fb90e558e9302aaad2d53d1528215298") format("woff");
  }
  @font-face {
    font-family: "Nunito Sans";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("//9to9.co.id/cdn/fonts/nunito_sans/nunitosans_n7.25d963ed46da26098ebeab731e90d8802d989fa5.woff2?h1=OXRvOW1hcmtldHBsYWNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=OXRvOS5jby5pZA&hmac=6c7484a1afaf1fa51cdba7dce2370cf5e174b831861ae0f2cdff18ee859c7621") format("woff2"),
         url("//9to9.co.id/cdn/fonts/nunito_sans/nunitosans_n7.d32e3219b3d2ec82285d3027bd673efc61a996c8.woff?h1=OXRvOW1hcmtldHBsYWNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=OXRvOS5jby5pZA&hmac=762df44052f8519d021dc50d601fd784b25b607979e6b9ebbd7b79ca95ebba82") format("woff");
  }
  @font-face {
    font-family: "Nunito Sans";
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url("//9to9.co.id/cdn/fonts/nunito_sans/nunitosans_i4.6e408730afac1484cf297c30b0e67c86d17fc586.woff2?h1=OXRvOW1hcmtldHBsYWNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=OXRvOS5jby5pZA&hmac=b6eaeefb99d1a9b8fa9703b46cdd9518867d8202ba006ed333cf4fdec17c9521") format("woff2"),
         url("//9to9.co.id/cdn/fonts/nunito_sans/nunitosans_i4.c9b6dcbfa43622b39a5990002775a8381942ae38.woff?h1=OXRvOW1hcmtldHBsYWNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=OXRvOS5jby5pZA&hmac=0e100a9aa034545a461c1b435fd6d07faedf8afeabd34d7c7aad0d0930bebce7") format("woff");
  }
  @font-face {
    font-family: "Nunito Sans";
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url("//9to9.co.id/cdn/fonts/nunito_sans/nunitosans_i7.8c1124729eec046a321e2424b2acf328c2c12139.woff2?h1=OXRvOW1hcmtldHBsYWNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=OXRvOS5jby5pZA&hmac=b666715b369318bc70067d54761befa1c6111232081bd97b2f099f9b3fd06724") format("woff2"),
         url("//9to9.co.id/cdn/fonts/nunito_sans/nunitosans_i7.af4cda04357273e0996d21184432bcb14651a64d.woff?h1=OXRvOW1hcmtldHBsYWNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=OXRvOS5jby5pZA&hmac=3c776fcb69e6f914eb019af07f2e38b40ac31965fc4c54fab4d5e0811c1311ce") format("woff");
  }
  @font-face {
    font-family: "Nunito Sans";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("//9to9.co.id/cdn/fonts/nunito_sans/nunitosans_n7.25d963ed46da26098ebeab731e90d8802d989fa5.woff2?h1=OXRvOW1hcmtldHBsYWNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=OXRvOS5jby5pZA&hmac=6c7484a1afaf1fa51cdba7dce2370cf5e174b831861ae0f2cdff18ee859c7621") format("woff2"),
         url("//9to9.co.id/cdn/fonts/nunito_sans/nunitosans_n7.d32e3219b3d2ec82285d3027bd673efc61a996c8.woff?h1=OXRvOW1hcmtldHBsYWNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=OXRvOS5jby5pZA&hmac=762df44052f8519d021dc50d601fd784b25b607979e6b9ebbd7b79ca95ebba82") format("woff");
  }
  @font-face {
    font-family: "Nunito Sans";
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url("//9to9.co.id/cdn/fonts/nunito_sans/nunitosans_n8.46743f6550d9e28e372733abb98c89d01ae54cb3.woff2?h1=OXRvOW1hcmtldHBsYWNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=OXRvOS5jby5pZA&hmac=da0d927f4ff145cd59036209ad16d528ed168c7c8cb313f45964f266dc4ce428") format("woff2"),
         url("//9to9.co.id/cdn/fonts/nunito_sans/nunitosans_n8.1967fa782017f62397f3e87f628afca3a56cb2e4.woff?h1=OXRvOW1hcmtldHBsYWNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=OXRvOS5jby5pZA&hmac=da612bf7515fbde02a5781411aa827d76ccf8e34e164e4bd83542c0c857471ee") format("woff");
  }
  :root {
        --bg-color: 231 231 238 / 1.0;
        --bg-color-og: 231 231 238 / 1.0;
        --heading-color: 0 0 0;
        --text-color: 0 0 0;
        --text-color-og: 0 0 0;
        --scrollbar-color: 0 0 0;
        --link-color: 0 0 0;
        --link-color-og: 0 0 0;
        --star-color: 255 215 55;--swatch-border-color-default: 185 185 190;
          --swatch-border-color-active: 116 116 119;
          --swatch-card-size: 32px;
          --swatch-variant-picker-size: 32px;--color-scheme-1-bg: 255 255 255 / 1.0;
        --color-scheme-1-grad: linear-gradient(46deg, rgba(245, 245, 245, 1) 13%, rgba(249, 249, 249, 1) 86%);
        --color-scheme-1-heading: 0 0 0;
        --color-scheme-1-text: 0 0 0;
        --color-scheme-1-btn-bg: 255 106 0;
        --color-scheme-1-btn-text: 255 255 255;
        --color-scheme-1-btn-bg-hover: 255 137 53;--color-scheme-2-bg: 46 46 46 / 1.0;
        --color-scheme-2-grad: linear-gradient(180deg, rgba(46, 46, 46, 1), rgba(46, 46, 46, 1) 100%);
        --color-scheme-2-heading: 255 255 255;
        --color-scheme-2-text: 255 255 255;
        --color-scheme-2-btn-bg: 98 25 121;
        --color-scheme-2-btn-text: 255 255 255;
        --color-scheme-2-btn-bg-hover: 131 65 152;--color-scheme-3-bg: 98 25 121 / 1.0;
        --color-scheme-3-grad: linear-gradient(180deg, rgba(98, 25, 121, 1), rgba(98, 25, 121, 1) 100%);
        --color-scheme-3-heading: 255 255 255;
        --color-scheme-3-text: 255 255 255;
        --color-scheme-3-btn-bg: 255 255 255;
        --color-scheme-3-btn-text: 98 25 121;
        --color-scheme-3-btn-bg-hover: 238 231 241;
  
        --drawer-bg-color: 255 255 255 / 1.0;
        --drawer-text-color: 0 0 0;
  
        --panel-bg-color: 245 245 245 / 1.0;
        --panel-heading-color: 0 0 0;
        --panel-text-color: 0 0 0;
  
        --in-stock-text-color: 13 164 74;
        --low-stock-text-color: 54 55 55;
        --very-low-stock-text-color: 227 43 43;
        --no-stock-text-color: 7 7 7;
        --no-stock-backordered-text-color: 119 119 119;
  
        --error-bg-color: 252 237 238;
        --error-text-color: 180 12 28;
        --success-bg-color: 232 246 234;
        --success-text-color: 44 126 63;
        --info-bg-color: 228 237 250;
        --info-text-color: 26 102 210;
  
        --heading-font-family: "Nunito Sans", sans-serif;
        --heading-font-style: normal;
        --heading-font-weight: 700;
        --heading-scale-start: 4;
  
        --navigation-font-family: "Nunito Sans", sans-serif;
        --navigation-font-style: normal;
        --navigation-font-weight: 800;
        --heading-text-transform: uppercase;
  --subheading-text-transform: none;
        --body-font-family: "Nunito Sans", sans-serif;
        --body-font-style: normal;
        --body-font-weight: 400;
        --body-font-size: 16;
  
        --section-gap: 32;
        --heading-gap: calc(8 * var(--space-unit));--heading-gap: calc(6 * var(--space-unit));--grid-column-gap: 20px;--btn-bg-color: 255 106 0;
        --btn-bg-hover-color: 255 137 53;
        --btn-text-color: 255 255 255;
        --btn-bg-color-og: 255 106 0;
        --btn-text-color-og: 255 255 255;
        --btn-alt-bg-color: 255 255 255;
        --btn-alt-bg-alpha: 1.0;
        --btn-alt-text-color: 0 0 0;
        --btn-border-width: 1px;
        --btn-padding-y: 12px;
  
        
        --btn-border-radius: 9px;
        
  
        --btn-lg-border-radius: 50%;
        --btn-icon-border-radius: 50%;
        --input-with-btn-inner-radius: var(--btn-border-radius);
        --btn-text-transform: capitalize;
  
        --input-bg-color: 255 255 255;
        --input-text-color: 0 0 0;
        --input-border-width: 1px;
        --input-border-radius: 8px;
        --textarea-border-radius: 8px;
        --input-border-radius: 9px;
        --input-bg-color-diff-3: #dedee8;
        --input-bg-color-diff-6: #d5d5e1;
  
        --modal-border-radius: 8px;
        --modal-overlay-color: 0 0 0;
        --modal-overlay-opacity: 0.4;
        --drawer-border-radius: 8px;
        --overlay-border-radius: 0px;--custom-label-bg-color: 129 244 225;
        --custom-label-text-color: 7 7 7;--sale-label-bg-color: 255 106 0;
        --sale-label-text-color: 255 255 255;--sold-out-label-bg-color: 46 46 46;
        --sold-out-label-text-color: 255 255 255;--new-label-bg-color: 26 102 210;
        --new-label-text-color: 255 255 255;--preorder-label-bg-color: 86 203 249;
        --preorder-label-text-color: 0 0 0;
  
        --page-width: 1440px;
        --gutter-sm: 20px;
        --gutter-md: 32px;
        --gutter-lg: 64px;
  
        --payment-terms-bg-color: #e7e7ee;
  
        --coll-card-bg-color: #f5f5f5;
        --coll-card-border-color: #ffffff;--blend-bg-color: #f5f5f5;
          
            --aos-animate-duration: 1s;
          
  
          
            --aos-min-width: 600;
          
        
  
        --reading-width: 48em;
      }
  
      @media (max-width: 769px) {
        :root {
          --reading-width: 36em;
        }
      }
  
      .btn--primary {
          background: linear-gradient(to bottom, #ff4d4f 0%, #7a0000 50%, #000000 100%) !important;
      }

      .swiper-container.thumbs-swiper {
        position: relative;
      }
      .swiper-button-prev--thumbs,
      .swiper-button-next--thumbs {
        width: 24px;
        height: 24px;
        color: black;
        z-index: 10;
        position: absolute;
        left: 20px;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 100%;
        cursor: pointer;
      }
  
      .swiper-button-prev--thumbs {
        top: 5px;
      }
  
      .thumbs-swiper .swiper-wrapper {
        height: auto;
      }
  
      .swiper-button-next--thumbs {
        bottom: 5px;
      }
      @media (max-width: 768px) {
        .swiper-container.thumbs-swiper {
          display: none;
        }
      }

      /* === RESET === */
.obito-bar, .obito-bar *{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

/* === CONTAINER FULL WIDTH === */
.obito-bar{
  width:100%;
  display:flex;
  border-radius:18px;
  overflow:hidden;
  margin:25px 0;
  background: radial-gradient(circle at center, #1a0000, #000);
  box-shadow: 0 0 25px rgba(255,0,0,0.6), inset 0 0 15px rgba(255,0,0,0.4);
  position:relative;
}

/* === AURA ANIME (KAMUI EFFECT) === */
.obito-bar::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle, rgba(255,0,0,0.2) 0%, transparent 70%);
  animation: obitoAura 4s infinite linear;
}

@keyframes obitoAura{
  0%{transform:scale(1) rotate(0deg); opacity:0.6;}
  50%{transform:scale(1.2) rotate(180deg); opacity:1;}
  100%{transform:scale(1) rotate(360deg); opacity:0.6;}
}

/* === BUTTON === */
.obito-btn{
  flex:1;
  text-align:center;
  padding:16px 10px;
  text-decoration:none;
  font-weight:700;
  font-size:16px;
  letter-spacing:1px;
  color:#fff;
  position:relative;
  z-index:2;
  transition:all .3s ease;
}

/* === DAFTAR (MERAH MENYALA) === */
.obito-btn.daftar{
  background: linear-gradient(135deg,#8b0000,#ff0000);
  box-shadow: inset 0 0 10px rgba(255,255,255,0.2), 0 0 15px rgba(255,0,0,0.6);
}

/* === LOGIN (GELAP + SHARINGAN GLOW) === */
.obito-btn.login{
  background: linear-gradient(135deg,#000,#2b0000);
  border-left:1px solid rgba(255,0,0,0.5);
  box-shadow: inset 0 0 10px rgba(255,0,0,0.4);
}

/* === HOVER EFFECT === */
.obito-btn:hover{
  transform:scale(1.05);
  box-shadow: 0 0 20px rgba(255,0,0,0.9), 0 0 40px rgba(255,0,0,0.6);
  color:#ffd700;
}

/* === CONTAINER === */
.obito-info-box{
  width:100%;
  margin:25px 0;
  padding:20px;
  border-radius:20px;
  background: radial-gradient(circle at center, #1a0000, #000);
  box-shadow: 0 0 25px rgba(255,0,0,0.5), inset 0 0 15px rgba(255,0,0,0.3);
  position:relative;
  overflow:hidden;
}

/* === AURA EFFECT === */
.obito-info-box::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle, rgba(255,0,0,0.15) 0%, transparent 70%);
  animation: auraSpin 6s linear infinite;
}

@keyframes auraSpin{
  0%{transform:rotate(0deg) scale(1);}
  50%{transform:rotate(180deg) scale(1.1);}
  100%{transform:rotate(360deg) scale(1);}
}

/* === H3 TITLE === */
.obito-info-box h3{
  position:relative;
  z-index:2;
  text-align:center;
  color:#ff2a2a;
  font-size:20px;
  margin-bottom:15px;
  text-shadow: 0 0 10px #ff0000, 0 0 20px #8b0000;
  letter-spacing:1px;
}

/* === TABLE === */
.obito-table{
  width:100%;
  border-collapse:collapse;
  position:relative;
  z-index:2;
  overflow:hidden;
  border-radius:12px;
}

/* === ROW STYLE === */
.obito-table tr{
  border-bottom:1px solid rgba(255,0,0,0.3);
}

.obito-table td{
  padding:12px;
  font-size:14px;
  color:#fff;
}

/* === LEFT COLUMN === */
.obito-table td:first-child{
  width:40%;
  color:#ff4d4d;
  font-weight:600;
}

/* === RIGHT COLUMN === */
.obito-table td:last-child{
  color:#eee;
}

/* === HOVER EFFECT === */
.obito-table tr:hover{
  background: rgba(255,0,0,0.08);
  transition:0.3s;
}

/* === WRAP UTAMA === */
#panel-0{
  background: radial-gradient(circle at center, #140000 0%, #000 80%);
  padding:20px;
  border-radius:18px;
  box-shadow: 0 0 25px rgba(255,0,0,0.5), inset 0 0 20px rgba(255,0,0,0.3);
  position:relative;
  overflow:hidden;
}

/* === AURA BASE === */
#panel-0::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle, rgba(255,0,0,0.12) 0%, transparent 70%);
  animation: obitoAura 6s linear infinite;
  z-index:0;
}

/* === SHARINGAN EYE BACKGROUND === */
#panel-0::after{
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(circle at center, #ff0000 10%, #000 40%, transparent 70%),
    repeating-conic-gradient(
      from 0deg,
      rgba(255,0,0,0.8) 0deg 10deg,
      transparent 10deg 60deg
    );
  border-radius:50%;
  opacity:0.08;
  filter: blur(1px);
  animation: sharinganSpin 10s linear infinite;
  z-index:0;
}

/* === ANIMATION === */
@keyframes sharinganSpin{
  0%{transform:translate(-50%,-50%) rotate(0deg) scale(1);}
  50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.1);}
  100%{transform:translate(-50%,-50%) rotate(360deg) scale(1);}
}

@keyframes obitoAura{
  0%{transform:scale(1); opacity:0.6;}
  50%{transform:scale(1.2); opacity:1;}
  100%{transform:scale(1); opacity:0.6;}
}

/* === CONTENT FIX === */
#panel-0 .product-spec__value{
  position:relative;
  z-index:2;
}

/* === JUDUL === */
#panel-0 h1{
  color:#ff1a1a;
  font-size:24px;
  margin-bottom:15px;
  text-align:center;
  text-shadow:0 0 10px #ff0000,0 0 25px #8b0000;
}

/* === PARAGRAF === */
#panel-0 p{
  color:#f5f5f5;
  line-height:1.7;
  margin-bottom:14px;
}

/* === LINK EFFECT === */
#panel-0 a{
  color:#ff2a2a !important;
  font-weight:700;
  text-decoration:none;
  transition:0.3s;
}

#panel-0 a:hover{
  color:#ffd700 !important;
  text-shadow:0 0 10px #ff0000;
}

.Alexistogel-X-PimZ {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 18px 12px 5px 12px;
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.98), rgba(20, 20, 20, 0.95));
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border-top: 2px solid rgba(134, 0, 0, 0.4);
  box-shadow:
      0 -15px 50px rgba(0, 0, 0, 0.95),
      0 -8px 25px rgba(255, 215, 0, 0.15),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
  border-radius: 28px 28px 0 0;
  font-family: 'Segoe UI', 'Montserrat', sans-serif;
}

.Alexistogel-X-PimZ a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #b0b0b0;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  flex: 1;
  position: relative;
  overflow: hidden;
  padding: 12px 8px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 215, 0, 0.1);
}

.Alexistogel-X-PimZ a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255, 215, 0, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.Alexistogel-X-PimZ a:hover::before {
  width: 200px;
  height: 200px;
}

.Alexistogel-X-PimZ a:hover {
  color: #ffd700 !important;
  transform: translateY(-8px) scale(1.1);
  background: linear-gradient(145deg, rgba(255, 215, 0, 0.15), rgba(255, 215, 0, 0.08));
  border-color: rgba(255, 215, 0, 0.5);
  box-shadow:
      0 15px 35px rgba(255, 215, 0, 0.3),
      0 0 25px rgba(255, 215, 0, 0.6),
      inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.Alexistogel-X-PimZ img {
  width: 28px;
  height: 28px;
  margin-bottom: 6px;
  filter: grayscale(100%) brightness(1.5) contrast(1.2);
  transition: all 0.4s ease;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.Alexistogel-X-PimZ a:hover img {
  filter:
      drop-shadow(0 0 8px rgba(134, 0, 0, 0.8)) brightness(1.8) scale(1.2);
  transform: scale(1.2) rotate(10deg);
}

.Alexistogel-X-PimZ a.tada {
  position: relative;
  top: -35px;
  z-index: 10;
  background: linear-gradient(135deg,
  #860000 0%,
  #860000 25%,
  #860000 50%,
  #860000 75%,
  #860000 100%);
  background-size: 300% 300%;
  animation: goldFlow 4s ease infinite;
  color: #F8F8F8 !important;
  font-weight: 900;
  font-size: 12px;
  min-width: 80px;
  height: 68px;
  padding: 0 20px;
  border-radius: 40px;
  border: 3px solid rgba(0, 0, 0, 0.3);
  box-shadow:
      0 12px 30px rgba(212, 175, 55, 0.5),
      0 8px 20px rgba(0, 0, 0, 0.6),
      0 4px 10px rgba(255, 215, 0, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.4),
      inset 0 -2px 4px rgba(0, 0, 0, 0.3);
  transform-style: preserve-3d;
  animation: megaFloat 2.5s ease-in-out infinite;
}

@keyframes goldFlow {
  0% {
      background-position: 0% 50%;
  }

  50% {
      background-position: 100% 50%;
  }

  100% {
      background-position: 0% 50%;
  }
}

@keyframes megaFloat {

  0%,
  100% {
      transform: translateY(0) rotateX(0deg);
      box-shadow:
          0 12px 30px rgba(212, 175, 55, 0.5),
          0 8px 20px rgba(0, 0, 0, 0.6);
  }

  33% {
      transform: translateY(-8px) rotateX(5deg);
      box-shadow:
          0 20px 45px rgba(212, 175, 55, 0.7),
          0 12px 25px rgba(0, 0, 0, 0.8),
          0 0 30px rgba(255, 215, 0, 0.5);
  }

  66% {
      transform: translateY(-4px) rotateX(-3deg);
  }
}

.Alexistogel-X-PimZ a.tada:hover {
  animation-play-state: paused;
  transform: translateY(-15px) rotateX(8deg) scale(1.15) !important;
  box-shadow:
      0 30px 60px rgba(212, 175, 55, 0.8),
      0 20px 40px rgba(0, 0, 0, 0.9),
      0 0 50px rgba(255, 215, 0, 1),
      inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.Alexistogel-X-PimZ a.tada img {
  width: 26px;
  height: 26px;
  margin-bottom: 3px;
  filter: brightness(0) contrast(1.3);
  transition: all 0.4s ease;
}

.Alexistogel-X-PimZ a.tada:hover img {
  filter: brightness(0) drop-shadow(0 0 6px rgba(255, 255, 255, 0.8));
  transform: scale(1.3);
}

.Alexistogel-X-PimZ::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 28px 28px 0 0;
  padding: 2px;
  background: linear-gradient(45deg,
          rgba(255, 215, 0, 0.4),
          rgba(255, 140, 0, 0.4),
          rgba(255, 215, 0, 0.6));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: -1;
}

.Alexistogel-X-PimZ:hover::before {
  opacity: 1;
}

@media (max-width: 480px) {
  .Alexistogel-X-PimZ {
      padding: 15px 10px 25px 10px;
      border-radius: 24px 24px 0 0;
  }

  .Alexistogel-X-PimZ a {
      font-size: 10px;
      padding: 10px 6px;
  }

  .Alexistogel-X-PimZ img {
      width: 24px;
      height: 24px;
  }

  .Alexistogel-X-PimZ a.tada {
      top: -30px;
      min-width: 70px;
      height: 60px;
      font-size: 11px;
  }

  body {
      padding-bottom: 110px;
  }
}

@media (max-width: 360px) {
  .Alexistogel-X-PimZ {
      flex-wrap: wrap;
      gap: 8px;
      padding: 12px 8px 22px 8px;
  }

  .Alexistogel-X-PimZ a.tada {
      top: 0;
      order: 6;
      width: 100%;
      margin-top: 8px;
      height: 55px;
  }
}