/* Add custom CSS styles below */ 
@keyframes textShine {
 0% {
   background-position: 0%  ; 
 }
100% {
  background-position:  100% ;
}

}



button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center ,
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center{
  color: #121212 !important;
  border: none ; 
  font-weight: bold !important;
  background: linear-gradient(to right, #4C8BF5 20%, #4C8BF5 30%, #fff 70%, #4C8BF5 80% ,#4C8BF5 100%) ; 
  animation: textShine 4s ease-in-out infinite alternate;
  background-size: 500% auto;
  box-shadow: 0px 2px 0px 1px rgb(255 255 255 / 47%)

}


button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center.s-button-wrap.hydrated ,
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center.s-button-wrap.hydrated{
  color: #121212 !important; 
  border: none ; 
  font-weight: bold !important;
  background: linear-gradient(to right, #4C8BF5 20%, #4C8BF5 30%, #fff 70%, #4C8BF5 80% ,#4C8BF5 100%) ; 
  animation: textShine 4s ease-in-out infinite alternate;
  background-size: 500% auto;
  box-shadow: 0px 2px 0px 2px rgb(255 255 255 / 47%)
 

}


body {

  background-image: url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExbm9rZGpheDV2eHNmcDE5aGtodXZiejhsbmNtdWlyaHhicWZ4eHphMyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/BM1iN3VaH2ZKdLR1PC/giphy.gif);
  background-attachment: fixed; 
}




.s-product-card-entry.no-bg {
   transition: transform 0.2s ease;
   transform-origin: bottom;
}


.s-product-card-entry.no-bg:hover {
  transform: scale(1.003);
  background-color: #3c7dd9 ; 
}
img.w-full.object-contain.lazy.loaded {
  border-radius: 20px;
}

@media (max-width:1024px)
{
  img.w-full.object-contain.lazy.loaded {
    border-radius: 6px;
  }
}


.s-product-card-content-title a:hover ,
.dark .s-product-card-price:hover , 
a.fix-align.text-primary,
.sicon-store2:before, 
.sicon-shipping-fast:before,
.sicon-fire:before,
h2.coupon-title.text-primary{

  color: #000 !important; 
}

.sicon-menu:before ,
span#has_discount {

  color: #fff !important ; 
}


a.tab-trigger.reveiws-tab.inactive , 
a.tab-trigger.description-tab.inactive ,
a.tab-trigger.reveiws-tab{
  background-color: #fff ; 
  color: #000 ; 
}



h3.sub-title.text-sm {
  border: 1px solid #000 ; 
  border-radius: 12px ;
}



.angel-discountcoupon .copycodebtn {

  background-color: #0d1117;
  border: 1px solid #3c7dd9 ; 
  border-radius: 12px ; 
}

input#coupon-value {
  border: 1px solid #fff ;
}



 .s-block--faqs .faqs-list input:checked+div .open-badge {

   background-color: #0d1117 !important ;


 }


.s-block--faqs .faqs-list input:checked+div
 {

  border: 1px solid #fff ; 
}


.s-block--faqs .faqs-list input:checked+div label {
  color: #0d1117 !important ;
}



p.text-base.da-tm.leading-6.w-full.da-tm.text-center.my-2  {
  white-space: nowrap ; 
  overflow: hidden ; 
  text-overflow: ellipsis ;
}


h2.w-full.da-cp ,
.dark .s-slider-blocktitle h2 ,
.store-footer h3 ,
.store-footer .footer-container .footer-list a:hover{

  color: #3c7dd9 !important ;

}

.dark .s-slider-blocktitle h2
{
  font-size: 1.5rem;
}

@media (max-width:1024px) {
  .dark .s-slider-block__title h2 {
    font-size: 1.3rem;
  }
}

.gvlr-coupon{
  max-width: 760px;
  margin: 16px 0;
  padding: 16px;
  border-radius: 14px;
  background: rgba(37, 99, 255, .18);
  border: 2px dashed rgba(255,255,255,.25);
}

.gvlr-title{
  color:#fff;
  font-size:18px;
  font-weight:900;
  text-align:right;
  margin-bottom:10px;
}

.gvlr-row{
  display:flex;
  gap:10px;
  flex-direction: row-reverse;
  align-items:center;
}

.gvlr-input{
  flex:1;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.15);
  background: rgba(0,0,0,.35);
  color:#fff;
  font-size:16px;
  font-weight:900;
  padding:0 14px;
  text-align:right;
  outline:none;
}

.gvlr-btn{
  height:44px;
  padding:0 16px;
  border-radius:12px;
  border:0;
  cursor:pointer;
  background:#0f1115;
  color:#fff;
  font-size:15px;
  font-weight:900;
}

.gvlr-hint{
  margin-top:8px;
  color: rgba(255,255,255,.8);
  font-size:13px;
  font-weight:700;
  text-align:right;
}

.gvlr-msg{
  margin-top:8px;
  color:#9dffb0;
  font-weight:900;
  text-align:right;
  transition:.2s;
}