/* =========================================================
   Разборы — мобильная версия
   ========================================================= */

    .readings-container {
        width: 335px;

        padding-top: 32px;
    }


    /* =====================================================
       Верхняя часть
       ===================================================== */

    .readings-header {
        position: relative;

        display: block;

        margin-bottom: 28px;
    }


    .readings-label {
        margin-bottom: 20px;
        padding-bottom: 8px;

        font-size: 10px;
        letter-spacing: 1.7px;
    }


    .readings-label::after {
        width: 45px;
    }


    .readings-heading h2 {
        width: 270px;

        margin-bottom: 20px;

        font-size: 25px;
        line-height: 1.12;
    }


    .readings-description {
        width: 100%;

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


 
    
/* Все разборы */

.reading-all1 {
        position: absolute;

        top: 70px;
        right: 0;

        width: 105px;

        margin: 0;
        padding-bottom: 6px;

        font-size: 10px;
}


    .reading-all-arrow1 {
        font-size: 20px;
        line-height: 1;
    
        color: var(--gold);
    }    
    
    .readings-all {
        position: absolute;

        top: 70px;
        right: 0;

        width: 105px;

        margin: 0;
        padding-bottom: 6px;
     
        padding-bottom: 7px;
        border-bottom: 1px solid var(--gold);
    
        color: var(--gold);
        font-weight: 400;    
        font-size: 10px;
                
    }

    .readings-all-arrow {
        display: block;
        width: 25px;
        height: 8px;
    
        background-image: url('../../images/base/arrow.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    
        flex-shrink: 0;
    }



    /* =====================================================
       Карточки
       ===================================================== */

    .readings-grid {
        display: flex;
        flex-direction: column;

        gap: 10px;
    }


.reading-card {
    display: grid;
    grid-template-columns: 142px minmax(0, 1fr);

    column-gap: 15px;

    box-sizing: border-box;

    height: 185px;

    border: 1px solid var(--cream-300);
    border-radius: 5px;

    overflow: hidden;

    align-items: start;
}


    /* Изображение */

    .reading-card-image {
        grid-column: 1;
        grid-row: 1 / 4;

        width: 142px;
        height: 142px;

        border-radius: 4px;
    }


    /* =========================================================
       Имя
       ========================================================= */
    
    .reading-card h3 {
        margin: 0;
    
        color: var(--charcoal);
    
        font-weight: 400;
        line-height: 1.25;
    }
    
    .reading-card-name {
        display: block;
    
        font-size: 16px;
        font-weight: 500;
    }
    
    .reading-card-subtitle {
        display: block;
    
        margin-top: 4px;
    
        color: var(--charcoal);
    
        font-size: 10px;
        font-weight: 600;
        line-height: 1.3;
    }


    /* Фраза */

    .reading-card-lead {
        grid-column: 2;
        grid-row: 2;

        min-height: 0;

        margin: 10px 10px 0 0;

        font-size: 10px;
        line-height: 1.45;
    }


   /* =====================================================
       Подробнее ->
       ===================================================== */

    .reading-card-link {
        grid-column: 2;
        grid-row: 3;
    
        width: 105px;
    
        margin: 0 0 12px;
        padding-bottom: 5px;    
        
        border-bottom: 1px solid var(--gold);
    
        text-decoration: none;
        color: var(--gold);
    
        font-size: 10px;
        line-height: 1;    
    }
    
    .reading-card-arrow {
        display: block;
        width: 25px;
        height: 8px;
    
        background-image: url('../../images/base/arrow.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    
        flex-shrink: 0;
    }

    /* =====================================================
       Нижний разделитель
       ===================================================== */

    .readings-divider {
        gap: 15px;

        margin-top: 28px;
        padding-bottom: 18px;
    }


    .readings-divider-symbol {
        font-size: 21px;
    }