body {
  background-color: var(--Primary);
}

.bg-design-logo {
  position: relative;
  overflow: hidden; 
  z-index: 1;
}

.bg-design-logo::before {
  content: "";
  position: absolute;
  inset: 0; /* معادل top: 0; right: 0; bottom: 0; left: 0; */
  background-image: url('../../Imags/logo/logo.png');
  background-repeat: space;

  opacity: 0.05; /* اینجا اپسیتی تصویر رو کنترل می‌کنی */
  z-index: -1; /* بفرست زیر محتوا */
}

.mattCarpet::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 1s;
}
.carpet:hover .mattCarpet::after {
  opacity: 1;
}
.carpet:hover .mattCarpet img {
  scale: 1.1;
}
.thumbs-hidden {
  width: 0 !important;
  opacity: 0;
  padding: 0 !important;
}

/* کلاس برای باز و بسته شدن آیکون‌ها */
.icon-thumbs-open {
  display: block;
}

.icon-thumbs-close {
  display: none;
}

.icon-thumbs-open.hidden {
  display: none;
}

.icon-thumbs-close.block {
  display: block;
}
/* کلاس برای زمانی که کتاب به مرکز صفحه می‌رود */
.center-book {
  transition: all 0.5s ease-in-out;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}



.bookCover::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  /* z-index: -1; */
  background-color: rgba(0, 0, 0, 0.3); /* نیمه‌شفاف */
  backdrop-filter: blur(4px); /* افکت بلور */
  /* background-color: rgba(0, 0, 0, 0.5); */
}