/* =========================================================
   КАРТОЧКА ОРГАНИЗАЦИИ
   ========================================================= */

.dcx-card{
    --dcx-left-width:150px;
    --dcx-gap:28px;

    width:100%;
    margin:0 0 20px;
    padding:24px;

    background:#fff;
    border:1px solid #ededed;
    border-radius:8px;
    box-shadow:0 0 12px rgba(0,0,0,.07);

    color:#222;
    font-size:12px;
    line-height:1.45;
}

.dcx-card__top{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:28px;
    align-items:start;

    margin-bottom:24px;
}

.dcx-card__logo{
    width:150px;
}

.dcx-card__logo-image{
    display:block;
    width:150px;
    max-width:150px;
    max-height:160px;

    height:auto;
    object-fit:contain;
    object-position:left top;
}

.dcx-card__heading{
    min-width:0;
}

.dcx-card__title-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
}

.dcx-card__title{
    margin:0;

    color:#111;
    font-size:23px;
    font-weight:700;
    line-height:1.25;

    overflow-wrap:anywhere;
}

.dcx-card__id{
    flex:0 0 auto;

    color:#666;
    font-size:12px;
    white-space:nowrap;
    text-align:right;
}

.dcx-card__tags{
    margin-top:10px;
}

.dcx-card__tags span{
    display:inline-block;

    margin:0 5px 7px 0;
    padding:5px 10px;

    background:#63A583;
    color:#fff;

    border-radius:15px;

    font-size:12px;
}

/* =========================================================
   АДРЕС • ОРИЕНТИР • ТЕЛЕФОН • ПРО НАС
   ========================================================= */

.dcx-card__details{
    margin:0 0 24px;
}

.dcx-card__detail-row{
    display:grid;
    grid-template-columns:130px minmax(0,1fr);
    column-gap:20px;
    align-items:start;
    margin-bottom:10px;
}

.dcx-card__detail-row:last-child{
    margin-bottom:0;
}

.dcx-card__detail-label{
    width:100%;
    text-align:left;
    color:#666;
    font-style:italic;
    line-height:1.45;
    white-space:nowrap;
}
.dcx-card__label-text{
    display:inline;
}

.dcx-card__icon{
    display:none;
}

.dcx-card__detail-value{
    min-width:0;
    text-align:left;
    line-height:1.45;
    overflow-wrap:anywhere;
}

/* ---------- Телефон ---------- */

.dcx-card__phone-row{
    display:grid;
    grid-template-columns:130px minmax(0,1fr);
    column-gap:20px;
    align-items:start;
}

.dcx-card__phone-number{
    margin:0;
}

.dcx-card__phone-link{
    display:block;
    width:fit-content;
    color:#1683e6;
    text-decoration:none;
    font-weight:600;
}

.dcx-card__phone-link:hover{
    text-decoration:underline;
}

.dcx-card__phone-description{
    display:block;
    margin-top:2px;
    color:#444;
    line-height:1.35;
    overflow-wrap:anywhere;
    clear:both;
}

/* ---------- Про нас ---------- */

.dcx-card__about{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    column-gap:28px;
    align-items:start;

    margin-top:22px;
}

.dcx-card__about-text{
    line-height:1.6;
    overflow-wrap:anywhere;
}
/* ---------- Контакты (телефон) ---------- */

.dcx-card__detail-row{
    display:grid;
    grid-template-columns:110px minmax(0,1fr);
    column-gap:12px;
    align-items:start;
}

.dcx-card__phone-row{
    display:grid;
    grid-template-columns:110px minmax(0,1fr);
    column-gap:12px;
    align-items:start;
}

.dcx-card__phone-number{
    display:block;
    line-height:1.45;
}

.dcx-card__phone-description{
    margin-top:2px;
    color:#666;
    font-size:11px;
    line-height:1.4;
    text-align:left;
}


/* Нижняя часть */

.dcx-card__footer {
    width: 100%;
    margin-top: 10px;
}

.dcx-card__comments-count {
    position: static;

    width: 100%;
    margin: 0 0 9px;

    color: #222222;
    opacity: 0.5;

    font-size: 12px;
    line-height: 1.4;
    text-align: right;
}

.dcx-card__buttons {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 8px;

    width: 100%;
}

/* Общий стиль кнопок */

.dcx-card__button {
    min-width: 0;
    min-height: 40px;
    padding: 9px 16px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto;

    border: 1px solid #6e93d6;
    border-radius: 25px;

    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;

    cursor: pointer;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

.dcx-card__button--blue {
    background: #6e93d6;
    color: #ffffff;
}

.dcx-card__button--blue:hover {
    background: #587fc5;
    border-color: #587fc5;
    color: #ffffff;
}

.dcx-card__button--white {
    background: #ffffff;
    color: #6e93d6;
}

.dcx-card__button--white:hover {
    background: #f4f7fd;
    border-color: #587fc5;
    color: #587fc5;
}

.dcx-card__button--disabled {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.dcx-card__likes {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    width: 100%;
    margin-top: 15px;
}

/* Планшет */

@media (max-width: 991px) {

    .dcx-card {
        --dcx-left-width: 125px;
        --dcx-gap: 18px;
    }

    .dcx-card__logo-image {
        max-width: 110px;
        max-height: 120px;
    }

    .dcx-card__title {
        font-size: 21px;
    }

    

    .dcx-card__buttons {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .dcx-card__button {
        flex: 1 1 calc(33.333% - 8px);
    }
}

/* Телефон */

@media (max-width:768px){

    .dcx-card{
        padding:16px;
        --dcx-left-width:100%;
        --dcx-gap:0;
    }

    .dcx-card__label-text{
        display:none;
    }

    .dcx-card__icon{
        display:inline-flex;
        align-items:center;
        justify-content:center;
    }

    .dcx-card__icon svg{
        width:20px;
        height:20px;
        display:block;
    }

  
    /* Верх карточки */

    .dcx-card__top{
        display:block;
        margin-bottom:20px;
    }

    .dcx-card__logo{
        width:100%;
        margin:0 0 18px;
        text-align:center;
    }

    .dcx-card__logo-image{

        display:inline-block;

        width:auto;
        max-width:150px;
        max-height:140px;

        object-fit:contain;
        object-position:center;
    }

    .dcx-card__title-row{
        display:block;
        text-align:center;
    }

    .dcx-card__title{

        margin-bottom:6px;

        font-size:24px;
        line-height:1.3;
    }

    .dcx-card__id{

        display:block;
        text-align:center;
        margin-bottom:8px;
    }

    .dcx-card__tags{

        text-align:center;
        margin-top:10px;
    }

    /* Контакты */

    .dcx-card__details{

        margin-bottom:22px;
    }

    .dcx-card__detail-row,
.dcx-card__phone-row{
    display:grid;
    grid-template-columns:32px 1fr;
    column-gap:10px;
    align-items:start;
    margin-bottom:16px;
}
        .dcx-card__detail-label{
    width:32px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    margin:0;
    color:#444;
    font-style:normal;
    font-weight:700;
}

    .dcx-card__detail-value{

        display:block;

        font-size:16px;
        line-height:1.55;
    }

    /* Телефоны */

    .dcx-card__phone-number{
    display:block;
    line-height:1.45;
}

    .dcx-card__phone-link{

        display:inline-block;

        font-size:18px;
        font-weight:700;
    }

   .dcx-card__phone-description{
    margin-top:2px;
    color:#666;
    font-size:11px;
    line-height:1.4;
    text-align:left;
}
    /* Про нас */

    .dcx-card__about{

        display:block;

        margin-bottom:20px;
    }

    .dcx-card__about-text{
    font-size:16px;
    line-height:1.6;
}

/* ---------- Контакты ---------- */

.dcx-card__detail-row{
    display:grid;
    grid-template-columns:110px minmax(0,1fr);
    column-gap:12px;
    align-items:start;
}

.dcx-card__phone-row{
    display:grid;
    grid-template-columns:110px minmax(0,1fr);
    column-gap:12px;
    align-items:start;
}

.dcx-card__phone-number{
    display:block;
    line-height:1.45;
}

.dcx-card__phone-description{
    margin-top:2px;
    color:#666;
    font-size:11px;
    line-height:1.4;
    text-align:left;
}

/* Комментарии */

    /* Комментарии */

    .dcx-card__comments-count{

        margin-bottom:14px;
        text-align:center;
    }

    /* Кнопки */

    .dcx-card__buttons{

        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
    }

    .dcx-card__button{

        width:100%;
        min-height:46px;

        padding:10px 8px;

        font-size:12px;
        line-height:1.2;
    }

    .dcx-card__likes{

        justify-content:center;
    }
}

/* Маленький телефон */

@media (max-width: 400px) {

    .dcx-card {
        --dcx-left-width: 82px;
        --dcx-gap: 8px;
    }

    .dcx-card__detail-row {
        font-size: 11px;
    }

    .dcx-card__buttons {
        grid-template-columns: 1fr;
    }

    .dcx-card__button {
        font-size: 11px;
    }
}