:root {
  --blue-100: #f1f8ff;
  --blue-800: #081660;
  --yellow-100: #fff9ec;
  --yellow-800: #402a00;
  --green-100: #e8ffe8;
  --green-800: #003200;
  --red-100: #ffe6d9;
  --red-800: #441800;
  --purple-100: #fef4ff;
  --purple-800: #30025d;
  --mb-green-100: #effffe;
  --mb-green-200: #cff3f1;
  --mb-green-300: #a2e4e0;
  --mb-green-500: #018f8a;
  --mb-green-700: #02676e;
  --mb-green-800: #044E4C;
  --mb-green-900: #003634;
  --gray-500: #9ca1ae;
  --gray-700: #616673;
  --prose: 65ch;
}

body {
    font-family: Raleway, system-ui, sans-serif !important;
}

/* Минимальная сумма в корзине */
.t706__cartwin-prodamount-minorder.t706__minimal {
    font-size: 16px;
    color: #AC372C;
}

/*Кнопка Контакты и Доставка в хедере */
.t461__additional_buttons table {
    font-weight: 600;
    color: #044e4c;
}


/* Добавить красную звездочку для обязательных полей в форме корзины */
#form728237973 label:after {
    content: ' *';
    color: red;
}


span.t-store__filter__title {
    font-size: 16px;
}

.t-img.t-width.t107__width.t-width_100.t107__mobpadding {
    max-height: 550px;
    object-fit: cover;
}

@media (max-width: 480px) {
    
    /*Спрятать анимацию «Скролльте» для продуктов «Вам может подойти */
    .t-store__scroll-icon-wrapper {
        display: none !important;
    }
    
    .t-section__topwrapper.t-align_center {
    text-align: left;
}

}

/* Центрировать контент в табах продукта для десктопа */
.t-store__tabs__content.t-descr.t-descr_xxs {
    margin-left: auto !important;
    margin-right: auto !important;
}


.t-store__filter__item-title.js-store-filter-item-title {
    margin-top: 2rem;
    font-size: 24px;
}

.js-store-prod-all-text {
        color: #363A44 !important;
    font-size: 18px;
}

.t-store__tabs__content.t-descr.t-descr_xxs, .js-store-prod-all-charcs {
    font-size: 18px;
}

.js-store-prod-text.t-store__prod-popup__text.t-typography__descr.t-descr.t-descr_xxs, .js-store-prod-text.t-store__prod-popup__text.t-descr.t-descr_xxs {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.js-store-prod-all-charcs {
    order: -1;
}

.t-store__filter__item-title.js-store-filter-item-title {
    color: #8A909F !important;
}

.js-product-img.t-store__card__img.t-img {
    margin-bottom: 0 !important;
}

    .js-product.t-store__card > a {
        cursor: default !important;
    }
    
.t-store__tabs__button-title.t-name.t-name_xs {
    font-size: 20px;
    color: #8A909F;
}

.t-store__tabs__button_active .t-store__tabs__button-title.t-name.t-name_xs {
    color: #17191E;
}

.t-store__prod-popup__btn.t-btn.t-btn_sm {
    border: unset !important;
    background: #02676E !important;
    color: #fff !important;
}


/* Спрятать короткое описание для постов в архиве */
.uc-blog-archive .js-feed-post-descr {
    display:none;
}


/* Стили протоколов и архива протоколов */
.container-md {
  max-width: 768px;
  margin: auto;
}
.container-md p {
  box-sizing: border-box !important;
  margin: 0;
}
.container-md a {
  display: inline-block;
  width: fit-content;
  text-decoration: none;
  color: inherit !important;
  cursor: pointer;
}
.container-md a:visited {
  color: inherit !important;
}
.container-md h3 {
  margin: 0;
}
.container-md strong {
  font-weight: 600;
}
.container-md img {
  display: block;
}


/* Усилить контраст ссылок в потоках */
.t-redactor__text a {
    font-weight: 600;
}

/* Aspect Ratio changed for cover image on mobile devices */
@media (width < 961px) {
    .uc-protocol__cover .t-img.t-width.t107__width.t-width_8 {
    aspect-ratio: 4/3;
    object-fit: cover;
}
}

/* Breadcrumbs top padding */
@media( width > 480px) and (width < 981px) {
  .t758 {
    padding-top: 32px;
}  
}

/* Filtered results amount in catalogue */
.t-store__filter__prods-number.js-store-filters-prodsnumber-wrap.t-descr.t-descr_xxs {
    padding: 0.5rem !important;
    font-size: 14px !important;
}



/* PROTOCOL CARDS */


 /* Спрятать подпись для категории на странице */
.uc-protocol__title .t030__descr {
    display: none;
}

.protocol-cards {
    padding-top: 2rem;
}

.protocol-cards__wrapper {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  overflow-x: clip;
  position: relative;
  overflow-y: clip;
}
.protocol-cards__card {
  padding: 0.75rem;
  min-width: 70dvw;
  max-width: 768px;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  border-radius: 4px;
}
@media (width > 768px) {
  .protocol-cards__card {
    padding: 1.5rem;
    min-width: fit-content;
  }
}
.protocol-cards__card_morning {
  border: solid 1px var(--mb-green-300);
}
.protocol-cards__card_evening {
  background-color: var(--mb-green-900);
  position: relative;
  z-index: 2;
}
.protocol-cards__buttons-wrapper {
  margin: 0 0 1rem 0;
  display: flex;
  gap: 1rem;
}
.protocol-cards__buttons-wrapper .protocol-cards__button {
  display: flex;
  padding: 0.5rem;
  font-size: 1.25rem;
  line-height: 130%;
  background: unset;
  border: unset;
  font-weight: 400;
  color: var(--gray-500);
  cursor: pointer;
}
@media (width > 768px) {
  .protocol-cards__buttons-wrapper .protocol-cards__button {
    font-size: 1.5rem;
  }
}
.protocol-cards__buttons-wrapper .protocol-cards__button_active {
  color: var(--mb-green-700);
}
.protocol-cards__stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
@media (width > 768px) {
  .protocol-cards__stage {
    gap: 1rem;
    flex-direction: row;
  }
}
.protocol-cards__stage__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: var(--prose);
}
@media (width > 768px) {
  .protocol-cards__stage__text-wrapper {
    gap: 0.75rem;
  }
}
.protocol-cards__stage__product-image {
  max-width: 180px !important;
  margin-bottom: 4px;
  transition: 0.2s ease;
}
@media (width > 768px) {
  .protocol-cards__stage__product-image {
    margin-bottom: 0;
  }
}
.protocol-cards__stage__product-image:hover {
  transform: scale(1.07);
}
.protocol-cards__stage__titles-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.protocol-cards__stage__stage-title {
  font-size: 14px;
}
.protocol-cards__stage__stage-title_morning {
  color: var(--gray-700);
}
.protocol-cards__stage__stage-title_evening {
  color: var(--mb-green-300);
}
.protocol-cards__stage__product-title {
  transition: 0.2s ease;
}
.protocol-cards__stage__product-title_morning {
  color: var(--mb-green-700);
}
.protocol-cards__stage__product-title_morning:hover {
  color: var(--mb-green-500);
}
.protocol-cards__stage__product-title_evening {
  color: #fff;
}
.protocol-cards__stage__product-title_evening:hover {
  color: var(--mb-green-300);
}
.protocol-cards__stage__how-to-text {
    font-size: 1rem;
  line-height: 130%;
}
.protocol-cards__stage__how-to-text_evening {
  color: var(--mb-green-100);
}

.protocol__cover-category {
  position: absolute;
  display: inline-block;
  align-content: center;
  bottom: 0;
  margin: auto;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  text-align: center;
}
.protocol__cover-category::first-letter {
    text-transform: capitalize;
}
.protocol__cover-category_big {
  height: 64px;
  padding: 1.25rem;
}
.protocol__cover-category_small {
  padding: 0.5rem 1rem;
  font-size: 14px;
  height: 48px;
}
.protocol__cover-category_acne {
  background-color: var(--blue-100);
  color: var(--blue-800);
}
.protocol__cover-category_rosacea {
  background-color: var(--green-100);
  color: var(--green-800);
}
.protocol__cover-category_solar {
  background-color: var(--yellow-100);
  color: var(--yellow-800);
}
.protocol__cover-category_antiage {
  background-color: var(--purple-100);
  color: var(--purple-800);
}
.protocol__cover-category_general {
  background-color: var(--mb-green-100);
  color: var(--mb-green-800);
}
.protocol__cover-category_autumn {
  background-color: var(--red-100);
  color: var(--red-800);
}


/** Expert Card */
.expert {
  padding: 0.75rem;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 4px;
}
@media (width > 768px) {
  .expert {
    margin: 2rem auto 0 auto;
    gap: 1.5rem;
    padding: 1.5rem;
  }
}
.expert_rosacea {
  background-color: var(--green-100);
  color: var(--green-800);
}
.expert_acne {
  background-color: var(--blue-100);
  color: var(--blue-800);
}
.expert_solar {
  background-color: var(--yellow-100);
  color: var(--yellow-800);
}
.expert_antiage {
  background-color: var(--purple-100);
  color: var(--purple-800);
}
.expert_general {
  background-color: var(--mb-green-100);
  color: var(--mb-800);
}
.expert_autumn {
  background-color: var(--red-100);
  color: var(--red-800);
}
.expert__head {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (width > 768px) {
  .expert__head {
    gap: 1rem;
    flex-direction: row;
    align-items: center;
  }
}
.expert__photo {
  max-width: 128px !important;
  border-radius: 999rem;
}
.expert__title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.expert__title-wrapper-subtitle {
  font-size: 14px;
  color: var(--gray-700);
}
@media (width > 768px) {
  .expert__title-wrapper-subtitle {
    font-size: 1rem;
  }
}
.expert__title-wrapper-title {
  font-size: 1.25rem;
  font-weight: 600;
}
@media (width > 768px) {
  .expert__title-wrapper-title {
    font-size: 1.75rem;
  }
}
.expert__text {
  margin: 0;
  padding: 0;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.expert__text-item {
  line-height: 130%;
}

@media (width < 768px){
    /* Increase top padding for blogposts */
  .t-feed__post-popup__container.t-container.t-popup__container.t-popup__container-static {
    padding-top: 120px !important;
}
}

footer a:hover, #t-footer a:hover {
  color: var(--mb-green-500) !important;
}