/* ======================================================
   PEP SHOP TEASER v3 — GLOBAL CSS FOR ST305N
   Блок каталога: uc-pep-shop
   Вставить в Настройки сайта → Добавление CSS-кода
   БЕЗ 
====================================================== */

/* 01. ФОН */
.uc-pep-shop{
  background:#ffffff!important;
}

.uc-pep-shop .t-store__grid-cont{
  padding-top:8px!important;
  padding-bottom:8px!important;
}

/* 02. 4 КАРТОЧКИ В РЯД НА DESKTOP */
@media screen and (min-width:981px){
  .uc-pep-shop .t-store__card-list{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
  }

  .uc-pep-shop .t-store__card{
    width:auto!important;
    max-width:none!important;
    margin:0!important;
  }

  .uc-pep-shop .t-store__grid-separator{
    display:none!important;
  }
}

/* 03. КАРТОЧКА */
.uc-pep-shop .t-store__card{
  overflow:hidden;
  border:1px solid rgba(1,173,181,.13)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(35,82,86,.04);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

@media (hover:hover){
  .uc-pep-shop .t-store__card:hover{
    transform:translateY(-3px);
    border-color:rgba(1,173,181,.25)!important;
    box-shadow:0 14px 30px rgba(35,82,86,.065);
  }
}

/* 04. ИЗОБРАЖЕНИЕ — КОМПАКТНОЕ, БЕЗ "КОРОБКИ В КОРОБКЕ" */
.uc-pep-shop .t-store__card__imgwrapper{
  overflow:hidden;
  margin:8px 8px 0!important;
  padding-bottom:76.9230769231%!important;
  border-radius:13px!important;
  background:#F5FAFA!important;
}

.uc-pep-shop .t-store__card__bgimg,
.uc-pep-shop .t-store__card__bgimg_second{
  border-radius:13px!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  transform:none!important;
  transition:transform .3s ease;
}

@media (hover:hover){
  .uc-pep-shop .t-store__card:hover .t-store__card__bgimg{
    transform:scale(1.018)!important;
  }
}

/* 05. ТЕКСТОВАЯ ЧАСТЬ */
.uc-pep-shop .t-store__card__wrap_txt-and-btns{
  padding:12px 13px 14px!important;
}

.uc-pep-shop .t-store__card__textwrapper{
  padding:0!important;
}

/* 06. НАЗВАНИЕ */
.uc-pep-shop .t-store__card__title,
.uc-pep-shop .js-store-prod-name{
  margin:0!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:17px!important;
  line-height:1.22!important;
  font-weight:600!important;
  letter-spacing:-.2px!important;
  text-transform:none!important;
  color:#283337!important;
}

/* 07. ОПИСАНИЕ */
.uc-pep-shop .t-store__card__descr,
.uc-pep-shop .js-store-prod-descr{
  margin-top:6px!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#718084!important;
}

/* 08. АРТИКУЛ */
.uc-pep-shop .t-store__card__sku{
  margin-top:5px!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:9px!important;
  line-height:1.3!important;
  font-weight:500!important;
  color:#96A1A4!important;
}

/* 09. ЦЕНА */
.uc-pep-shop .t-store__card__price-wrapper{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:10px!important;
}

.uc-pep-shop .t-store__card__price,
.uc-pep-shop .t-store__card__price-value,
.uc-pep-shop .t-store__card__price-currency{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:-.2px!important;
  text-transform:none!important;
  color:#283337!important;
}

/* 10. СТАРАЯ ЦЕНА */
.uc-pep-shop .t-store__card__price_old,
.uc-pep-shop .t-store__card__price_old .t-store__card__price-value,
.uc-pep-shop .t-store__card__price_old .t-store__card__price-currency{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:500!important;
  color:#9AA5A8!important;
}

/* 11. КАТЕГОРИИ */
.uc-pep-shop .t-store__parts-switch-wrapper,
.uc-pep-shop .t-store__parts-switch{
  margin-bottom:14px!important;
}

.uc-pep-shop .t-store__parts-switch-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:7px 13px!important;
  border:1px solid #D9EEEE!important;
  border-radius:999px!important;
  background:#fff!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
  color:#087C83!important;
}

.uc-pep-shop .t-store__parts-switch-btn.t-active,
.uc-pep-shop .t-store__parts-switch-btn_active{
  background:#01ADB5!important;
  border-color:#01ADB5!important;
  color:#fff!important;
}

/* 12. POPUP — ОСТАВЛЯЕМ В ДИЗАЙНЕ САЙТА */
.uc-pep-shop .t-popup{
  background:rgba(247,251,251,.96)!important;
}

.uc-pep-shop .t-popup__container{
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(35,82,86,.12)!important;
}

.uc-pep-shop .t-store__prod-popup__name{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:32px!important;
  line-height:1.08!important;
  font-weight:600!important;
  letter-spacing:-.8px!important;
  text-transform:none!important;
  color:#283337!important;
}

.uc-pep-shop .t-store__prod-popup__sku,
.uc-pep-shop .t-store__prod-popup__brand{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:10px!important;
  color:#8A9699!important;
}

.uc-pep-shop .t-store__prod-popup__text{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.58!important;
  color:#637277!important;
}

.uc-pep-shop .t-store__prod-popup__price,
.uc-pep-shop .t-store__prod-popup__price-value,
.uc-pep-shop .t-store__prod-popup__price-currency{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:22px!important;
  font-weight:600!important;
  color:#283337!important;
}

.uc-pep-shop .t-store__prod-popup__price_old,
.uc-pep-shop .t-store__prod-popup__price_old .t-store__prod-popup__price-value,
.uc-pep-shop .t-store__prod-popup__price_old .t-store__prod-popup__price-currency{
  font-size:14px!important;
  font-weight:500!important;
  color:#9AA5A8!important;
}

/* 13. ОПЦИИ / ХАРАКТЕРИСТИКИ */
.uc-pep-shop .t-product__option-title,
.uc-pep-shop .t-typography__characteristics{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#526165!important;
}

.uc-pep-shop .t-product__option-select{
  min-height:40px!important;
  border:1px solid #D9EEEE!important;
  border-radius:11px!important;
  background:#fff!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:12px!important;
  color:#344448!important;
}

/* 14. КНОПКИ */
.uc-pep-shop .t-btnflex.t-btnflex_type_button,
.uc-pep-shop .t-store__prod-popup__btn,
.uc-pep-shop .t-store__load-more-btn{
  min-height:45px!important;
  padding:12px 22px!important;
  border:0!important;
  border-radius:13px!important;
  background:#01ADB5!important;
  box-shadow:0 10px 24px rgba(1,133,140,.15)!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:600!important;
  color:#fff!important;
}

@media (hover:hover){
  .uc-pep-shop .t-btnflex.t-btnflex_type_button:hover,
  .uc-pep-shop .t-store__prod-popup__btn:hover,
  .uc-pep-shop .t-store__load-more-btn:hover{
    background:#087C83!important;
    box-shadow:0 14px 28px rgba(1,133,140,.19)!important;
  }
}

/* 15. TABLET */
@media screen and (min-width:641px) and (max-width:980px){
  .uc-pep-shop .t-store__card-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }

  .uc-pep-shop .t-store__card{
    width:auto!important;
    max-width:none!important;
    margin:0!important;
  }

  .uc-pep-shop .t-store__grid-separator{
    display:none!important;
  }
}

/* 16. MOBILE */
@media screen and (max-width:640px){
  .uc-pep-shop .t-store__grid-cont{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .uc-pep-shop .t-store__card{
    border-radius:15px!important;
  }

  .uc-pep-shop .t-store__card__imgwrapper{
    margin:6px 6px 0!important;
    border-radius:11px!important;
  }

  .uc-pep-shop .t-store__card__bgimg,
  .uc-pep-shop .t-store__card__bgimg_second{
    border-radius:11px!important;
  }

  .uc-pep-shop .t-store__card__wrap_txt-and-btns{
    padding:9px 9px 11px!important;
  }

  .uc-pep-shop .t-store__card__title,
  .uc-pep-shop .js-store-prod-name{
    font-size:15px!important;
  }

  .uc-pep-shop .t-store__card__descr,
  .uc-pep-shop .js-store-prod-descr{
    font-size:11px!important;
  }

  .uc-pep-shop .t-store__card__price,
  .uc-pep-shop .t-store__card__price-value,
  .uc-pep-shop .t-store__card__price-currency{
    font-size:16px!important;
  }

  .uc-pep-shop .t-store__prod-popup__name{
    font-size:26px!important;
  }
}


/* ST340A — описание товара максимум 3 строки */
.uc-pep-shop .t-catalog__card__descr {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
}