/* Google Fonts - Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}
:root {
    /* --color-success-bg: rgb(241, 158, 2); */
     --color-success-bg: #ff6a00; 
    --color-success-bg1: #693382;
    --color-secondary: whitesmoke;
}
body {
  /* background: #552586; */
  background: var(--color-secondary);
  font-family: "Abel", sans-serif;
  font-weight: 400;
  font-style: normal;
}
a{
  text-decoration: none;
}
.error-text{
    color: red;
}
.back{
  left:1rem;
    width: 2rem;
    padding: 1rem;
    font-size: 20px;
    position: absolute;
    z-index: 10;
}
.shareBtn1{
    right:1rem;
    bottom: 1rem;
    width: 2rem;
    padding: 10px;
    font-size: 20pt;
    position: absolute;
    font-weight: 400;
    z-index: 10;
}
.back i,.shareBtn1 i{
    background: #FFFFFF;
    padding: .3rem;
    border-radius: .5rem;
    width: 2rem;
}
.back i:hover,.shareBtn1 i:hover{
    color:red;
}

.fname{
    text-transform:capitalize;
}


.count,.notifycount{
    background:var(--color-success-bg1);
    padding: 2px 8px;
    border-radius: 10px;
    margin-left: .4rem;
    top: -1rem;
    position: relative;
    font-size: 9pt;
    color: #fff;
}


/* ===========================
   DAMIA UNIQUE INFINITE SCROLL CLASSES
   =========================== */

/* Skeleton shimmer */
@keyframes dm-skeleton-shimmer {
  0% { background-position: -200px 0; }
  100% { background-position: 200px 0; }
}

.dm-skeleton-card {
  opacity: 1 !important;
}

.dm-skeleton-rect,
.dm-skeleton-text {
  background-image: linear-gradient(90deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.03) 40%, rgba(0,0,0,0.06) 80%);
  background-size: 200% 100%;
  animation: dm-skeleton-shimmer 1.2s linear infinite;
  border-radius: 4px;
}

.dm-skeleton-rect {
  width: 100%;
  height: 160px;
  border-radius: 10px;
}

.dm-skeleton-text {
  height: 14px;
  margin: 8px 0;
}

/* Fade-in animation for real product cards */
.dm-product-fade {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 350ms ease-out, transform 350ms ease-out;
}

.dm-product-fade.dm-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Unique spinner */
.dm-spinner {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 4px solid rgba(0,0,0,0.08);
  border-top-color: rgba(0,0,0,0.6);
  animation: dm-spin 0.8s linear infinite;
  margin: 0 auto 8px;
}

@keyframes dm-spin {
  to { transform: rotate(360deg); }
}

.dm-loader-text {
  text-align: center;
  font-size: .9rem;
  color: #777;
}

/* Unique end-of-list message */
.dm-end-message {
  text-align: center;
  padding: 18px;
  display: none;
  color: #666;
  font-size: .9rem;
}
