/* ===== СТИЛИ ДЛЯ БЛОКА #rec1395849331 ===== */

/* Контейнер */
#rec1395849331 .t1025 > .t-container{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

/* ===== СЕТКА (общая для разных вариантов разметки) ===== */

/* Десктоп: 2 колонки */
@media (min-width:961px){
  #rec1395849331 .t-store__grid-cont_itemwrapper,
  #rec1395849331 .t-store__card-list,
  #rec1395849331 .js-store-grid-cont.t-store__grid-cont:not(.t-store__grid-cont_mobile-one-row){
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:20px !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
}

/* Мобила: 1 колонка */
@media (max-width:960px){
  #rec1395849331 .t-store__grid-cont_itemwrapper,
  #rec1395849331 .t-store__card-list,
  #rec1395849331 .js-store-grid-cont.t-store__grid-cont:not(.t-store__grid-cont_mobile-one-row){
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
}

/* ===== КАРТОЧКИ ===== */

#rec1395849331 .t-store__card{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:10px 14px !important;
  min-height:140px !important;
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:16px !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
  width:100% !important; /* чтобы grid сам управлял шириной */
}

/* Картинка — квадрат */
#rec1395849331 .t-store__card__imgwrapper_column{
  flex:0 0 120px !important;
  max-width:120px !important;
}
#rec1395849331 .t-store__card__imgwrapper{
  width:120px !important;
  height:120px !important;
  padding-bottom:0 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  position:relative !important;
}
#rec1395849331 .t-store__card__imgwrapper_1-1{
  padding-bottom:0 !important;
  height:120px !important;
  width:120px !important;
}
#rec1395849331 .t-store__card__bgimg{
  width:100% !important;
  height:100% !important;
  background-size:cover !important;
  background-position:center !important;
}

/* Текст: центруем ФИО в свободном пространстве справа от картинки */
#rec1395849331 .t-store__card__contentwrapper{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;   /* центр по вертикали */
  align-items:flex-start !important;   /* текст остаётся слева */
  height:100% !important;
}
#rec1395849331 .t-store__card__textwrapper{
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;   /* дополнительно центр внутри текстового блока */
}

/* ФИО — максимум 2 строки */
#rec1395849331 .t-store__card .t-typography__title,
#rec1395849331 .t-store__card__title{
  font-size:20px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  margin:2px 0 0 0 !important; /* лёгкий отступ сверху, чтобы визуально центрировать */
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  color:#000 !important;
}

/* Цена/кнопки скрываем полностью */
#rec1395849331 .t-store__card__price-buttons,
#rec1395849331 .t-store__card__price-wrapper,
#rec1395849331 .t-store__card__price{
  display:none !important;
}

/* Мобила: чуть меньше всё */
@media (max-width:960px){
  #rec1395849331 .t-store__card{
    min-height:130px !important;
    padding:8px 12px !important;
  }

  #rec1395849331 .t-store__card__imgwrapper_column{
    flex:0 0 100px !important;
    max-width:100px !important;
  }

  #rec1395849331 .t-store__card__imgwrapper,
  #rec1395849331 .t-store__card__imgwrapper_1-1{
    width:100px !important;
    height:100px !important;
  }

  #rec1395849331 .t-store__card__title{
    font-size:18px !important;
  }
}

/* === Блок "Художники галереи" — контейнер === */
#rec1395849331 .t-container {
  max-width: 1180px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Контейнер блока по центру (дублируется, но не мешает) */
#rec1395849331 .t-container {
  max-width: 1180px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ===== ДЕСКТОП: 2 колонки шириной на весь контейнер ===== */
@media (min-width: 961px) {

  /* грид — прямо на js-store-grid-cont */
  #rec1395849331 .js-store-grid-cont {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 32px !important;
    width: 100% !important;
  }

  /* .t-store__card-list не участвует в раскладке */
  #rec1395849331 .t-store__card-list {
    display: contents !important;
  }

  /* карточки — полноценные grid-items без фикс-ширины */
  #rec1395849331 .t-store__card_fixed-width,
  #rec1395849331 .t-store__card {
    max-width: none !important;
    width: 100% !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
  }
}

/* ===== МОБИЛА/ПЛАНШЕТ: 1 колонка на всю ширину ===== */
@media (max-width: 960px) {
  #rec1395849331 .js-store-grid-cont {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
  }

  #rec1395849331 .t-store__card-list {
    display: contents !important;
  }

  #rec1395849331 .t-store__card_fixed-width,
  #rec1395849331 .t-store__card {
    max-width: none !important;
    width: 100% !important;
    justify-self: stretch !important;
  }
}



/*  ASG / ST320N — общий стиль карточек
   Использование: добавить класс uc-asg-st320n в блок
   ========================================================= */

/* Шрифт проекта */
.uc-asg-st320n,
.uc-asg-st320n * {
  font-family:'RF Dewi','Helvetica Neue',Arial,sans-serif !important;
  letter-spacing:.01em;
  box-sizing:border-box;
}

/* Контейнер / грид */
.uc-asg-st320n .t951__cont-w-filter,
.uc-asg-st320n .t951__cont-wrapper {
  display:block !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
}

/* Сайдбар выключен */
.uc-asg-st320n .t951__sidebar {
  display:none !important;
}

/* Грид карточек — 1180px */
.uc-asg-st320n .t951__grid-cont,
.uc-asg-st320n .t-store__grid-cont {
  width:1180px !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}

/* Скрытие фильтров/поиска/сортировки */
.uc-asg-st320n .t-store__filter,
.uc-asg-st320n .t-store__filter__search,
.uc-asg-st320n .t-store__filter__options,
.uc-asg-st320n .t-store__filter__sort,
.uc-asg-st320n .t-store__parts-switch,
.uc-asg-st320n .t-store__filter__chosen-bar,
.uc-asg-st320n .t-store__filter__item,
.uc-asg-st320n .t-store__filter__opts-mob-btn,
.uc-asg-st320n .t-store__filter__search-mob-btn {
  display:none !important;
}

/* ===== СЕТКА КАРТОЧЕК (как в ST305N) ===== */

/* сама сетка должна висеть на .t-store__card-list */
.uc-asg-st320n .t-store__card-list {
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important; /* 3 колонки на десктопе */
  gap:28px 25px !important;
  width:1180px !important;
  margin:0 auto !important;
}

/* карточка заполняет ячейку грида */
.uc-asg-st320n .t-store__card-list .t-store__card {
  width:100% !important;
}

/* КАРТОЧКИ (1:1, градиент, без кнопки) */
.uc-asg-st320n .t-store__card {
  position:relative !important;
  border-radius:24px !important;
  overflow:hidden !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
}

/* Масштаб в сетке */
.uc-asg-st320n .t-store__grid-cont .t-store__card {
  transform:scale(.94);
  transform-origin:center top;
  margin:0 !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
}

.uc-asg-st320n .t-store__grid-cont .t-store__card:hover {
  transform:scale(.96) translateY(-3px);
  box-shadow:0 12px 28px rgba(0,0,0,.15) !important;
}

/* Hover-оверлей сверху всей карточки */
.uc-asg-st320n .t-store__card::before {
  content:''; 
  position:absolute; 
  inset:0; 
  z-index:2;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0) 15%,
    rgba(0,0,0,.18) 55%,
    rgba(0,0,0,.38) 100%
  );
  opacity:0; 
  transition:.25s ease; 
  pointer-events:none;
}

.uc-asg-st320n .t-store__card:hover::before {
  opacity:1 !important;
}

/* Изображение + постоянный нижний градиент */
.uc-asg-st320n .t-store__card__imgwrapper {
  display:block !important;
  position:relative !important;
  width:100% !important;
  aspect-ratio:1/1 !important;
  border-radius:inherit !important;
  overflow:hidden !important;
  z-index:0;
}

.uc-asg-st320n .t-store__card__imgwrapper::after {
  content:''; 
  position:absolute; 
  inset:0; 
  z-index:1;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0) 40%,
    rgba(0,0,0,.60) 100%
  );
  opacity:.85; 
  transition:.25s ease;
  pointer-events:none;
}

.uc-asg-st320n .t-store__card__bgimg {
  position:absolute !important;
  inset:0 !important;
  background-size:cover !important;
  background-position:center !important;
  border-radius:inherit !important;
  z-index:0;
}

.uc-asg-st320n .t-store__card__imgwrapper_column {
  margin:0 !important;
  padding:0 !important;
}

/* Текстовый оверлей */
.uc-asg-st320n .t-store__card__textwrapper {
  position:absolute !important;
  left:0; 
  right:0; 
  bottom:0;
  z-index:3 !important;
  padding:22px 24px 24px !important;
  display:block !important;
  color:#fff !important;
  pointer-events:none !important;
  opacity:0;
  transform:translateY(8px);
  transition:.25s ease !important;
}

.uc-asg-st320n .t-store__card:hover .t-store__card__textwrapper {
  opacity:1 !important;
  transform:translateY(0) !important;
}

/* Заголовки */
.uc-asg-st320n .t-store__card__title {
  margin:0 !important;
  text-transform:uppercase !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size:20px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Описание */
.uc-asg-st320n .t-store__card__descr {
  margin-top:20px !important;
  font-size:15px !important;
  color:#fff !important; 
  opacity:.95 !important;
}

/* Цена скрыта */
.uc-asg-st320n .t-store__card__price-wrapper,
.uc-asg-st320n .t-store__card__price {
  display:none !important;
}

/* Кнопка убрана */
.uc-asg-st320n .t-store__card__textwrapper::after {
  display:none !important;
}

/* Load more */
.uc-asg-st320n .t-store__load-more-btn {
  margin-top:24px !important;
}

/* ===== МОБИЛЬНАЯ СЕТКА: 2 карточки в ряд ===== */
@media screen and (max-width: 640px) {
  /* контейнер на всю ширину экрана */
  .uc-asg-st320n .t951__cont-w-filter,
  .uc-asg-st320n .t951__cont-wrapper,
  .uc-asg-st320n .t951__grid-cont,
  .uc-asg-st320n .t-store__grid-cont,
  .uc-asg-st320n .t-store__card-list {
    width:100% !important;
    max-width:100% !important;
    padding:0 16px !important;      /* можно подправить отступы */
    margin:0 auto !important;
  }

  /* именно сетка: 2 колонки на телефоне */
  .uc-asg-st320n .t-store__card-list {
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:16px 12px !important;       /* расстояние между карточками */
  }

  /* убираем масштабирование, чтобы карточки не были странно уменьшены */
  .uc-asg-st320n .t-store__grid-cont .t-store__card {
    transform:none !important;
  }

  /* можно чуть уменьшить радиус, чтобы смотрелось аккуратнее */
  .uc-asg-st320n .t-store__card {
    border-radius:18px !important;
  }

  /* шрифты на мобильных */
  .uc-asg-st320n .t-store__card__title {
    font-size:16px !important;
  }
  .uc-asg-st320n .t-store__card__descr {
    font-size:13px !important;
    margin-top:12px !important;
  }
}

@media screen and (max-width: 640px) {

  /* заголовок */
  .uc-asg-st320n .t-store__card__title {
    font-size: 15px !important;
    line-height: 1.25 !important;
    margin: 0 0 4px 0 !important;
    white-space: normal !important;      /* позволяем перенос строк */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;               /* максимум 2 строки */
    -webkit-box-orient: vertical;
  }

  /* описание */
  .uc-asg-st320n .t-store__card__descr {
    font-size: 13px !important;
    line-height: 1.3 !important;
    opacity: 0.9 !important;
    margin-top: 2px !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  /* отступы текста внутри карточки */
  .uc-asg-st320n .t-store__card__textwrapper {
    padding: 14px 14px 16px !important;
  }
}

/* ===== ПЛАНШЕТНАЯ СЕТКА: 2 карточки в ряд ===== */
@media screen and (min-width: 641px) and (max-width: 980px) {

  /* контейнер */
  .uc-asg-st320n .t951__cont-w-filter,
  .uc-asg-st320n .t951__cont-wrapper,
  .uc-asg-st320n .t951__grid-cont,
  .uc-asg-st320n .t-store__grid-cont,
  .uc-asg-st320n .t-store__card-list {
    width:100% !important;
    max-width:100% !important;
    padding:0 24px !important;
    margin:0 auto !important;
  }

  /* сетка — 2 колонки */
  .uc-asg-st320n .t-store__card-list {
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:24px 22px !important;
  }

  /* карточки — без уменьшения */
  .uc-asg-st320n .t-store__grid-cont .t-store__card {
    transform:none !important;
  }

  /* пропорции и радиус */
  .uc-asg-st320n .t-store__card {
    border-radius:22px !important;
  }

  /* ОТСТУПЫ ВНУТРИ */
  .uc-asg-st320n .t-store__card__textwrapper {
    padding:18px 20px 22px !important;
  }

  /* ЗАГОЛОВКИ */
  .uc-asg-st320n .t-store__card__title {
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.28 !important;

    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;

    display:-webkit-box !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  /* ОПИСАНИЕ */
  .uc-asg-st320n .t-store__card__descr {
    margin-top:12px !important;
    font-size:14px !important;
    line-height:1.3 !important;
    opacity:0.95 !important;

    white-space:normal !important;
    overflow:hidden !important;

    display:-webkit-box !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
}

/* ОБЩИЕ НАСТРОЙКИ ДЛЯ МОБИЛЫ + ПЛАНШЕТА: 2 колонки и нормальный gap */
@media screen and (max-width: 980px) {
  .uc-asg-st320n .t-store__card-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    /* расстояние между карточками */
    gap: 24px 16px !important;        /* shorthand */
    row-gap: 24px !important;         /* на случай, если Тильда перебивает */
    column-gap: 16px !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
  }

  /* чтобы ничего не «наезжало» внутрь */
  .uc-asg-st320n .t-store__grid-cont .t-store__card {
    transform: none !important;
    margin: 0 !important;
  }
}

