/*
Где можно увидеть все блоки - https://stim.space/test.html
1. Комментарий обычный - .coment
2. Блок с перечислением 1, 2, 3, 4... / блок с преимуществами - .fspis
3. Комментарий EAT - .comment_eat
4. Обычный список - .stand-ul
5. Нумерованный список - .stand-ol
6. Показания противопоказания - .border-ul
7. Вопрос-ответ - .faqmod
*/

/* coment */
.coment {background: var(--clrfon1);padding: 30px 54px;border-radius: var(--brdr);color: var(--clrtx);position: relative;border: 1px solid var(--clrakc);margin: 20px 0;}
.coment:before, .coment:after {content:'';position: absolute;width: 6px;height: calc(100% - 50px);background: var(--clrakc);transform: translateY(-50%);top: 50%;border-radius: 11px;}
.coment:before {left: -3px;}
.coment:after {right: -3px;}
.coment span {font-weight: 500;}
@media screen and (max-width: 481px) {.coment {padding: 26px 24px;}}
/* coment end */

/*fspis*/
.fspis {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
.fspis__new-item {counter-increment: cntr;}
.fspis__new-item p {background: #f0f2f3;padding: 30px 24px;border: 1px solid var(--clrakc);border-radius: var(--brdr);position: relative;}
.fspis__new-item p:before {content: counter(cntr);position: absolute;top: 60px;font-size: 148px;color: #29b29821;font-weight: 700;right: 5%;}
.fspis__new-item h3 {margin-top: 0px;}
.fspis__item {counter-increment: cntr;position: relative;}
.fspis__item ul {background: #f0f2f3;padding: 30px 54px;border: 1px solid var(--clrakc);border-radius: var(--brdr);margin: 0px;}
.fspis__item ul:before {content: counter(cntr);position: absolute;top: 140px;font-size: 148px;color: #29b29821;font-weight: 700;right: 5%;}
.fspis__item li {}
@media screen and (max-width: 768px) {
.fspis {grid-template-columns: 1fr;}
}
/*fspis end*/


/* comment_eat */
.comment_eat {background: var(--clrfon1);display: flex;padding: 5px;border-radius: 200px var(--brdr) var(--brdr) 200px;align-items: center;justify-content: space-between;margin:0 0 30px;}
.img_eat {display: inline-block;border: 5px solid #fff;border-radius: 100px;width: 145px;height: 145px;}
.comment_eat p {}
.avtor_eat {color: var(--clrakc2);font-size: 15px;}
.text_eat {padding: 20px;flex: auto;}
.text_eat a {color:#fff;}
@media screen and (max-width:500px) {
.comment_eat {flex-direction: column; border-radius: 20px;}
.img_eat {margin: 10px;}
}
/* comment_eat end */

/* stand-ul / stand-ol */

.stand-ul {margin: 20px 0;padding: 0 0 0 30px;font-size: var(--fstx);line-height: var(--lnht);color: var(--clrtx);}
.stand-ul li {list-style-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m0 15 12-7.5L0 0v15zm2.182-3.91V3.91L7.909 7.5l-5.727 3.59z' fill='%233ACBDA'/%3e%3c/svg%3e");padding: 0 0 0 5px;list-style-position: outside;}
.stand-ul li:not(:last-child) {margin: 0 0 0.6em 0;}
.stand-ol {margin: 20px 0;padding: 0 0 0 30px;font-size: var(--fstx);line-height: var(--lnht);color: var(--clrtx);}
.stand-ol li {list-style: decimal;padding: 0 0 0 5px;}
.stand-ol li::marker {font-weight: 600;color: var(--clrakc);}
.stand-ol li:not(:last-child) {margin: 0 0 0.6em 0;}

/* stand-ul / stand-ol end*/


/*speciolisty*/
.spec {display: grid;grid-template-columns: 1fr 1fr;gap: 20px 20px;}
.spec__item {display: grid;grid-template-columns: 250px auto;gap: 20px;border: 1px solid #d2d2d2;background: #f0f2f3;padding: 15px;border-radius: 2px;align-items: center;justify-items: center;}
.spec_buttn {height: 37px;gap: 6px;font-size: 15px;margin: auto auto 0 0;padding: 0 15px;}
.spec_buttn:hover svg {fill: #fff;}
.spec__item img {border-radius: 3px;max-width: 200px;object-fit: cover;}
.spec__item-info {display: flex;flex-direction: column;}
.spec__item-info__name {font-weight: 500;font-size: 19px;margin: -3px 0 20px;line-height: 130%;}
.spec__item-info__opis {display: grid;margin: 0 0 12px;}
.spec__item-info__opis-title {font-size: 14px;color: #736964;font-weight: 300;font-style: italic;}
.spec__item-info__opis-desc {text-transform: lowercase;}
@media screen and (max-width: 992px) {
.spec__item {grid-template-columns: 1fr;}
.spec__item img {width:100%;}  
  }
@media screen and (max-width: 460px) {
.spec {display: grid;grid-template-columns: 1fr;}
  }
/*speciolisty end*/


/*border-ul*/
.border-ul {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;margin: 0 0 30px;}
.border-ul li {background: var(--clrfon1);padding: 10px;text-align: center;border-radius: var(--brdr);border: 1px solid #9ac8cd;display: flex;justify-content: center;align-items: center;}
@media screen and (max-width: 739px) {
.border-ul {grid-template-columns: 1fr 1fr;}
  }
@media screen and (max-width: 460px) {
.border-ul {grid-template-columns: 1fr;}
  }
/*border-ul end*/

/* faqmod  */
.faqmod {}
.faqmod__title {}
.faqmod__box {}
.faqmod__blok {background: var(--clrfon1); border-radius: var(--brdr); padding: var(--pdgots); margin: 0 0 var(--gridots);}
.faqmod__quest {margin: 0px;display: flex;align-items: center;justify-content: space-between;font-weight: 500;cursor: pointer;user-select: none;gap: 10px;}
.faqmod__quest svg {fill: var(--clrfon2);transform: rotate(90deg);transition: 0.2s;flex-shrink: 0;height: auto;}
.faqmod__quest.jsfaq-qst-up svg {transform: rotate(-90deg); fill: var(--clrakc);}
.faqmod__answer {margin: 13px 0 0; display: none;}
.faqmod__answer>div>*:last-child {margin-bottom: 0px;}

@media screen and (max-width: 481px) {
.faqmod__quest svg {width: 27px;}
}
/* faqmod  end */