/* Add custom CSS styles below */ 
#app.product-ratio-unset .product-block__thumb .thumb-wrapper img{
border-radius:11px;
}
.product-block .badge{
background-color:#07630796;
}
.mt-6{
margin-top:0.1rem;
}
.py-5{
padding-top:0.0rem;
padding-bottom:0.0rem;
}

.iti__country-list  {
z-index:9999999;
}

.s-modal-container {
  z-index:200;
}

.modal-is-open .mobile-nav-inner  {
visibility: hidden !important;
}
.product-single.total-price{
color:#ef4444;
}

.rtl .form-select, .rtl select, [dir=rtl] .form-select, [dir=rtl] select
{
background-color:#d8f3ed
}

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

.text-red-500{
  animation: scaleAnimation 2s infinite;
  color: #1ca00e
}

#app .price-ratio-over{
bottom:0.3rem;
}

.product-block {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease-in-out;
  padding: 16px;
}

.product-block:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}