custom sepehrtv.ir by mimvahedi

/* ==UserStyle==
@name       sepehrtv.ir - دی ۱۴۰۲
@version    20240204.10.09
@namespace  ?
==/UserStyle== */

@-moz-document domain("sepehrtv.ir") {
  
body {
  background: #0A0A0A;
  --COLW:  33.333%;
}

@media (max-width: 400px){
 
body {
  --COLW:  100%;
} 
}

#headerArea {
  position: static;
}
.page-content-wrapper {
  margin-top: 0;
}

.top-products-area > .row.g-3 > .col-6 {
  width: var(--COLW);
}
.card.single-product-card a div {
  display: flex;
}
.product-thumbnail.d-block {
  width: 1em;
  height: 1em;
  margin: 0;
  font-size: 2rem;
}
.single-product-card .product-thumbnail img {
  height: 100% !important;
}
.card-content-live * {
  font-family: system-ui;
  margin: 0;
  font-size: 1rem;
}
.liveOverlay {
  opacity: 1;
  z-index: -1 !important;
}
.liveOverlay img {
  object-fit: cover;
}
.card-content-live p {
  position: absolute;
  bottom: 0;
  background: linear-gradient(to top,#000,#000a,#0000);
  color: #fff;
  line-height: 2;
  padding: 1em;
  display: block;
  width: 100%;
  font-w: ;
  font-weight: bold;
  right: 0;
  padding-top: 5rem;
}
.single-product-card .product-title {
  margin: 0;
}
.card-body.card-content-live.p-3.liveOverlayContainer {
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 10px -4px #000a;
  transition: ease-in-out 250ms;
  height: 4rem !important;
}

.card-body.card-content-live.p-3.liveOverlayContainer:is(:hover,:focus) {
  _transform: scale(90%);
  height: 10rem !important;
}

body .card.single-product-card {
  background: transparent;
}

#footerNav.footer-nav-area {
  position: static !important;
}
}