.deal-detail {
  display: flex;
  gap: 24px; }
  @media (max-width: 1099px) {
    .deal-detail {
      flex-direction: column; } }
  .deal-detail .product-image {
    justify-content: center; }

.content-gallery {
  max-width: 865px;
  width: 100%; }
  @media (max-width: 1559px) {
    .content-gallery {
      max-width: 50%; } }
  @media (max-width: 1099px) {
    .content-gallery {
      max-width: none;
      float: none; } }
  @media (max-width: 1559px) {
    .content-gallery .product-image__nav {
      aspect-ratio: 80/509; } }
  @media (max-width: 1249px) {
    .content-gallery .product-image__nav {
      aspect-ratio: 48/441; } }

.deal-detail__content {
  max-width: 611px; }
  @media (max-width: 1099px) {
    .deal-detail__content {
      margin-top: 20px; } }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }

.deal-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px; }
  @media (max-width: 1099px) {
    .deal-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px; } }

.deal-list__item {
  display: flex;
  min-width: 0; }

.deal-card {
  padding: 16px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
  transition: all ease 0.3s;
  border: 1px solid #e4e4e4; }
  @media (max-width: 1099px) {
    .deal-card {
      gap: 12px;
      padding: 8px; } }
  @media (hover: hover) {
    .deal-card:hover {
      cursor: pointer;
      box-shadow: 4px 4px 15px 0 rgba(60, 61, 54, 0.15); }
      .deal-card:hover .deal-card__title {
        color: var(--theme-base-color); } }

.deal-card__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1; }

.deal-card__title {
  font-weight: 600;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word; }
  .deal-card__title.link-full {
    display: -webkit-box; }
  @media (max-width: 575px) {
    .deal-card__title {
      font-size: 14px;
      -webkit-line-clamp: 3;
      line-clamp: 3; } }

.deal-card__descr {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word; }

.deal-card__price {
  font-weight: 600;
  margin-top: auto; }

.deal-card__image {
  aspect-ratio: 1/1;
  border-radius: 6px;
  overflow: hidden; }
  .deal-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }