.prod {
  margin-top: 24px;
  margin-bottom: 32px;
}

/* .swiper {
	width: 600px;
	height: 300px;
} */

.prod-desc {
  margin-top: 24px;
  display: flex;
  gap: 32px;
  height: 500px;
  position: relative;
  margin-bottom: 48px;
}

.prod-desc__like {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  background-color: transparent;
  border: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.0002 17.2629L16.0002 27.1669L6.00024 17.2629C5.34065 16.6211 4.8211 15.8496 4.4743 14.9971C4.12751 14.1446 3.96099 13.2295 3.98522 12.3095C4.00946 11.3895 4.22392 10.4844 4.61512 9.65135C5.00631 8.81829 5.56575 8.07524 6.25822 7.46901C6.95069 6.86278 7.76118 6.40649 8.63865 6.12888C9.51613 5.85127 10.4416 5.75835 11.3567 5.85597C12.2719 5.95359 13.1569 6.23965 13.9561 6.69611C14.7552 7.15258 15.4512 7.76957 16.0002 8.50824C16.5516 7.77493 17.2484 7.16333 18.047 6.71171C18.8457 6.26009 19.7289 5.97817 20.6415 5.8836C21.5541 5.78902 22.4763 5.88383 23.3506 6.16209C24.2249 6.44035 25.0323 6.89607 25.7223 7.50072C26.4123 8.10537 26.9701 8.84595 27.3608 9.67609C27.7515 10.5062 27.9666 11.4081 27.9927 12.3252C28.0187 13.2423 27.8553 14.1549 27.5124 15.0059C27.1696 15.8569 26.6548 16.628 26.0002 17.2709' stroke='black' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  z-index: 1;
}

.prod-desc__like.active {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.30518 4.59852C10.4853 4.39745 11.6954 4.46378 12.8465 4.79261C13.9975 5.12145 15.0601 5.70441 15.9558 6.49852L16.0052 6.54252L16.0505 6.50252C16.9054 5.75225 17.9105 5.19291 18.9987 4.86183C20.087 4.53075 21.2333 4.43553 22.3612 4.58252L22.6892 4.63052C24.1109 4.876 25.4398 5.50139 26.5351 6.44048C27.6304 7.37956 28.4514 8.59738 28.9111 9.96497C29.3708 11.3326 29.4521 12.799 29.1464 14.209C28.8407 15.619 28.1593 16.9201 27.1745 17.9745L26.9345 18.2212L26.8705 18.2759L16.9372 28.1145C16.7079 28.3414 16.4042 28.4775 16.0824 28.4976C15.7605 28.5177 15.4422 28.4204 15.1865 28.2239L15.0612 28.1145L5.07051 18.2185C4.01214 17.1887 3.25944 15.8861 2.89579 14.4549C2.53213 13.0237 2.57171 11.5197 3.01014 10.1096C3.44856 8.6995 4.26872 7.43825 5.37979 6.46555C6.49086 5.49285 7.84948 4.84665 9.30518 4.59852Z' fill='%23FF5F00'/%3E%3C/svg%3E%0A");
}

.prod-desc__slider {
  width: 50%;
  height: 100%;
  display: flex;
  gap: 8px;
  position: relative;
}

.prod-desc__slider-thumbs {
  flex-shrink: 0;
  display: block;
  width: 120px;
}

.prod-desc__slider-thumbs .swiper-slide {
  border-radius: 8px;
}

.prod-desc__slider-thumbs .swiper-slide-thumb-active {
  border: 1.5px solid var(--border-brand);
}

.prod-desc__slider-thumbs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.prod-desc__slider-card {
  width: 100%;
}

.prod-desc__slider-card .swiper-slide {
  border-radius: 8px;
}

.prod-desc__slider-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.prod-desc__slider-card .swiper-button-prev {
  left: 0;
}

.prod-desc__slider-card .swiper-button-prev::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.7071 5.29289C16.0976 5.68342 16.0976 6.31658 15.7071 6.70711L10.4142 12L15.7071 17.2929C16.0976 17.6834 16.0976 18.3166 15.7071 18.7071C15.3166 19.0976 14.6834 19.0976 14.2929 18.7071L8.29289 12.7071C7.90237 12.3166 7.90237 11.6834 8.29289 11.2929L14.2929 5.29289C14.6834 4.90237 15.3166 4.90237 15.7071 5.29289Z' fill='black' stroke='white' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.prod-desc__slider-card .swiper-button-next {
  right: 0;
}

.prod-desc__slider-card .swiper-button-next::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.29289 5.29289C8.68342 4.90237 9.31658 4.90237 9.70711 5.29289L15.7071 11.2929C16.0976 11.6834 16.0976 12.3166 15.7071 12.7071L9.70711 18.7071C9.31658 19.0976 8.68342 19.0976 8.29289 18.7071C7.90237 18.3166 7.90237 17.6834 8.29289 17.2929L13.5858 12L8.29289 6.70711C7.90237 6.31658 7.90237 5.68342 8.29289 5.29289Z' fill='black' stroke='white' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.prod-desc__tag {
  position: absolute;
  z-index: 1;
  right: 0;
}

.prod-desc__tag-block {
  position: relative;
}

.prod-desc__tag-btn {
  display: flex;
  width: fit-content;
  padding: 4px;
  gap: 4px;
  align-items: center;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.offline_trade .prod-desc__tag-btn{
    color: #04a7ba;
    background-color: #d8fbfd;
    border: solid 0.5px #04a7ba;
    
}

.in_reserve .prod-desc__tag-btn{
    color: #3B3B3B;
    background-color: #F2EFEA;
    border: solid 0.5px #3B3B3B;
}

.my_lot .prod-desc__tag-btn{
  color: #121212;
  background-color: #F4F4F5;
  border: solid 0.5px #121212;
}

.offline_trade .prod-desc__tag-btn .prod-card__tag-icon{
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12.3346L6 11.3346M6 11.3346L2 13.3346V4.66797L6 2.66797M6 11.3346V2.66797M6 2.66797L10 4.66797M10 4.66797L14 2.66797V7.66797M10 4.66797V8.33464M12.6667 12.0013V12.008M14.0807 13.4153C14.3604 13.1356 14.551 12.7793 14.6282 12.3913C14.7054 12.0033 14.6658 11.6011 14.5145 11.2356C14.3631 10.8702 14.1068 10.5578 13.7779 10.338C13.449 10.1182 13.0623 10.0009 12.6667 10.0009C12.2711 10.0009 11.8844 10.1182 11.5555 10.338C11.2266 10.5578 10.9702 10.8702 10.8189 11.2356C10.6675 11.6011 10.6279 12.0033 10.7051 12.3913C10.7824 12.7793 10.9729 13.1356 11.2527 13.4153C11.5313 13.6944 12.0027 14.112 12.6667 14.668C13.3676 14.0746 13.8389 13.6571 14.0807 13.4153Z' stroke='%23049CAE' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.in_reserve .prod-desc__tag-btn .prod-card__tag-icon{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.9615 8.679C14.1024 7.44188 13.8549 6.19156 13.2534 5.10138C12.6519 4.0112 11.7261 3.13515 10.6044 2.5947C9.48265 2.05424 8.22058 1.87614 6.99311 2.08509C5.76565 2.29405 4.63359 2.87969 3.75388 3.76085C2.87417 4.64201 2.29038 5.77502 2.08345 7.00283C1.87651 8.23064 2.05668 9.49241 2.59898 10.6132C3.14128 11.7341 4.01884 12.6584 5.11001 13.2581C6.20118 13.8579 7.4519 14.1033 8.6888 13.9603' stroke='%233B3B3B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 4.66406V7.9974L9.33333 9.33073M11.3333 11.3307V14.6641M14 11.3307V14.6641' stroke='%233B3B3B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.my_lot .prod-desc__tag-btn .prod-card__tag-icon{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.33594 5.0026C4.33594 5.17942 4.40618 5.34898 4.5312 5.47401C4.65622 5.59903 4.82579 5.66927 5.0026 5.66927C5.17942 5.66927 5.34898 5.59903 5.47401 5.47401C5.59903 5.34898 5.66927 5.17942 5.66927 5.0026C5.66927 4.82579 5.59903 4.65622 5.47401 4.5312C5.34898 4.40618 5.17942 4.33594 5.0026 4.33594C4.82579 4.33594 4.65622 4.40618 4.5312 4.5312C4.40618 4.65622 4.33594 4.82579 4.33594 5.0026Z' stroke='%23121212' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M2 4V7.448C2.00008 7.80159 2.1406 8.14068 2.39067 8.39067L7.53067 13.5307C7.83197 13.8319 8.24059 14.0012 8.66667 14.0012C9.09274 14.0012 9.50137 13.8319 9.80267 13.5307L13.5307 9.80267C13.8319 9.50137 14.0012 9.09274 14.0012 8.66667C14.0012 8.24059 13.8319 7.83197 13.5307 7.53067L8.39067 2.39067C8.14068 2.1406 7.80159 2.00008 7.448 2H4C3.46957 2 2.96086 2.21071 2.58579 2.58579C2.21071 2.96086 2 3.46957 2 4Z' stroke='%23121212' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.prod-desc__tag-btn p {
  white-space: nowrap;
}

.prod-desc__tag-info {
  display: none;
  position: absolute;
  top: 36px;
  width: 263px;
  height: 66px;
  border-radius: 10px;
  padding: 6px;
  background-color: var(--bg-basic);
  font-size: 12px;
  box-shadow: 0px 0px 8px 0px #5a596633;
}

.prod-desc__tag-info::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 12px;
  display: block;
  width: 8px;
  height: 4px;

  background-image: url("data:image/svg+xml,%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4L4 0L8 4H0Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media (min-width: 1024px) {
  .prod-desc__tag-btn:hover + .prod-desc__tag-info {
    display: block;
  }
}

.prod-info {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: space-between;
  height: 100%;
  flex-grow: 1;
}

.prod-info__title {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-right: 42px;
}

.prod__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.prod__item {
  display: flex;
  justify-content: space-between;
  position: relative;
  gap: 10px;
}

.prod__item .p-m {
  text-align: right;
}

.prod__item::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: -2px;
  width: 100%;
  height: 1px;
  margin: 5px 0;
  background-image: linear-gradient(
    to right,
    #fff 40%,
    var(--border-basic) 40%
  );
  background-size: 10px 1px;
  background-repeat: repeat-x;
}

.prod-info__box .bttn-primary {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items:center;
  gap: 6px;
}

.prod-info__box .bttn-primary +  .bttn-primary {
  margin-top: 10px;
}

.seller {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.seller__info {
  display: flex;
  gap: 8px;
}

.seller__img {
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  object-fit: cover;
}

.seller__bttns {
  display: flex;
  gap: 8px;
}

.recom {
  margin-top: 70px;
  position: relative;
}

.recom .h2 {
  margin-bottom: 24px;
}

.recom .swiper-button-next,
.recom .swiper-button-prev {
  position: absolute;
  top: 0;
  margin-top: 0;
}

.recom .swiper-button-next {
  right: 8px;
}
.recom .swiper-button-prev {
  right: 62px;
  left: auto;
}

.recom .swiper-button-next::after,
.recom .swiper-button-prev::after {
  content: "";
  display: block;
  width: 32px;
  height: 33px;
}

.recom .swiper-button-prev::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.6665 16.5H25.3332M6.6665 16.5L14.6665 24.5M6.6665 16.5L14.6665 8.5' stroke='black' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.recom .swiper-button-next::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.6665 16.5H25.3332M25.3332 16.5L17.3332 24.5M25.3332 16.5L17.3332 8.5' stroke='black' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.recom .swiper-slide {
  width: 300px;
}

@media (max-width: 1024px) {
  .prod-desc {
    flex-direction: column;
    height: auto;
    width: 100%;
    margin-bottom: 24px;
    gap: 10px;
  }

  .prod-desc__slider {
    width: 100%;
    height: 497px;
    flex-direction: column;
  }
  .prod-desc__slider-thumbs {
    order: 2;
    height: 83px;
    width: 100%;
  }

  .prod-desc__slider-card {
    width: 100%;
    height: 100%;
  }

  .prod-desc__like {
    top: 12px;
    right: 12px;
  }

  .prod-desc__tag {
    position: static;
    order: 10;
    margin-top: 24px;
  }

  .prod-desc__tag-btn {
    border-radius: 34px;
    padding: 4px 8px;
  }

  .prod__list {
    gap: 12px;
  }

  .seller {
    flex-direction: column;
    gap: 16px;
  }

  .seller .bttn {
    flex-grow: 1;
  }

  .prod-desc__tag-btn.active + .prod-desc__tag-info {
    display: block;
  }
}

.modal-slider {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
  /* display: flex; */
  justify-content: center;
  align-items: center;
}

.modal-slider.active {
  display: flex;
}

.modal-slider__cross {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  z-index: 12;
}

.swiper-button-prev-slider-big {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8221 8.82202C24.473 8.17114 25.5272 8.17114 26.1781 8.82202C26.829 9.47289 26.829 10.5271 26.1781 11.178L17.3561 20L26.1781 28.822L26.2928 28.9478C26.827 29.6024 26.7884 30.5677 26.1781 31.178C25.5678 31.7883 24.6025 31.8269 23.9479 31.2927L23.8221 31.178L13.8221 21.178C13.1713 20.5271 13.1713 19.4729 13.8221 18.822L23.8221 8.82202Z' fill='white' stroke='black' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  z-index: 11;
}

.swiper-button-next-slider-big {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8212 8.82127C14.4313 8.21111 15.397 8.1732 16.0516 8.70701L16.1786 8.82127L26.1786 18.8213C26.8295 19.4721 26.8295 20.5278 26.1786 21.1787L16.1786 31.1787C15.5277 31.8296 14.472 31.8296 13.8212 31.1787C13.1703 30.5278 13.1703 29.4721 13.8212 28.8213L22.6425 20L13.8212 11.1787L13.7069 11.0517C13.1731 10.3971 13.211 9.43142 13.8212 8.82127Z' fill='white' stroke='black' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  z-index: 11;
}

.prod-desc__slider-big .swiper-wrapper {
  align-items: center;
}

.prod-desc__slider-big .swiper-slide {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.prod-desc__slider-big img {
  max-width: 90vw;
  max-height: 100dvh;
}