.pr-analogues h2 {
    font-size: 24px;
    color: #000;
    line-height: 1;
    margin: 0 0 20px 0;
}
.pr-analogues__input-label {
    color: #000;
    line-height: 1;
    margin: 0;
}

/* input -------------------------------------------------------------------------------------| */
.pr-analogues__text-input {
    border: 1px solid #cfcfcf;
    padding: 0 10px;
    height: 36.8px;
    width: 350px;
    position: relative;
}
.pr-analogues__text-input.search-input {
    padding: 0 30px 0 10px;
}
.pr-analogues__text-input::-webkit-outer-spin-button,
.pr-analogues__text-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pr-analogues__text-input { -moz-appearance: textfield; }
.pr-analogues__text-input:focus,
.pr-analogues__text-input:focus-visible {
    border: 1px solid;
    border-radius: 3px;
    outline: none;
}
.pr-analogues__input-arrow {
    pointer-events: none;
    position: absolute;
    top: calc(50% - 10px);
    right: 10px;
}
.pr-analogues__input-arrow svg{
    transform: rotate(180deg);
}
.pr-analogues__input-arrow._opened svg {
    transform: rotate(0);
}
/* -------------------------------------------------------------------------------------------| */


.pr-analogues__error-text, .pr-analogues__loading {
    margin: 20px 0;
    color: #9b9b9b !important;
}


/* кнопки ------------------------------------------------------------------------------------| */
.pr-analogues__get-analogues-btn {
    border: none;
    background-color: #008f86;
    border-radius: 3px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.2;
    font-size: 14px;
    padding: 10px;
}
.pr-analogues__get-analogues-btn._inactive {
    background-color: #C4C4C4;
}
/* -------------------------------------------------------------------------------------------| */



.pr-analogues {}
.pr-analogues__header {
    padding: 32px 24px;
    background-color: #F5F4F4;
}


/* поиск -------------------------------------------------------------------------------------| */
.pr-analogues__search-panel {
    display: inline-flex;
    gap: 10px;
}
@media (max-width: 768px) {
    .pr-analogues__search-panel {
        flex-direction: column;
        width: 100%;
    }
    .pr-analogues__text-input {
        width: 100%;
    }
}
.pr-analogues__input-box {
    position: relative;
}
/* -------------------------------------------------------------------------------------------| */



/* подсказки(модификации) --------------------------------------------------------------------| */
.pr-analogues__option-list {
    position: absolute;
    top: 40px;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 0px #cfcfcf;
    overflow: hidden;
    z-index: 9999;

    max-height: 300px;
    overflow-y: scroll;

    scrollbar-width: thin;
    scrollbar-color: #d6d6d6 #fff;
}
.pr-analogues__option-list p {
    color: #9b9b9b;
    cursor: pointer;
    padding: 5px 10px;
    margin: 0;
}
.pr-analogues__option-list p:hover {
    background-color: #f2f2f2;
}
.pr-analogues__option-list p span {
    color: #008f86;
}

/* -------------------------------------------------------------------------------------------| */



/* result ------------------------------------------------------------------------------------| */
.pr-analogues__search-result {}
.pr-analogues__search-result-heading {
    margin: 10px 0;
    font-size: 20px !important;
    font-weight: 600 !important;
}
.pr-analogues__search-result-content {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
/* копка покупки -------------------| */
.pr-analogues__buy-btn {
    width: 40px;
    height: 40px;
    border-radius: 2px;
    background-color: #008f86;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.pr-analogues__buy-btn:hover {
    background-color: #00736c;
}
.pr-analogues__buy-btn svg {
    width: 16px;
    height: 16px;
    fill: #fff;
}
/* ---------------------------------| */
.analog-data {
    flex: 0 0 49%;
    padding: 20px;
    border: 1px solid #DCDCDC;
    margin: 0 0 10px 0;

    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .analog-data {
        flex: 0 0 100%;
    }
}
.analog-data__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 768px) {
    .analog-data__head {
        display: block;
        margin: 0 0 20px 0;
    }
}
.analog-data__image {
    width: 164px;
    height: auto;
}
.analog-data__name p {
    font-size: 18px !important;
    line-height: 16px !important;
    font-weight: 600 !important;
    margin: 0;
}
.analog-data__content {
    flex: 1;
}
.analog-data__properties {
    margin: 0 0 15px 0;
}
.analog-data__properties p {
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    margin: 0 0 8px 0;
}
@media (max-width: 768px) {
    .analog-data__properties p {
        font-size: 12px;
    }
}
.analog-data__properties p span {
    line-height: 1.2;
    flex: 0 0 48%;
}
.analog-data__properties p span:first-child {
    color: #81858F;
}
.analog-data__properties p span:last-child {
    color: #000;
}
.analog-data__comment i {
    font-size: 12px;
    line-height: 1;
}
.analog-data__comment b {
    font-weight: 600;
}
.analog-data__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 500px) {
    .analog-data__footer {
        flex-direction: column;
        align-items: start;
    }
}
.analog-data__footer p {
    margin: 0;
}
.analog-data__footer a:hover {
    color: #00736c !important;
}
.analog-data__buy-block {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}
@media (max-width: 500px) {
    .analog-data__buy-block {
        margin-top: 10px;
    }
}
.analog-data__price {
    color: #000 !important;
    font-size: 18px !important;
    margin: 0 !important;
}
/* -------------------------------------------------------------------------------------------| */