/* home.css — главная страница Vitrina.store */

.home {
    width: 100%;
}

/* ============================================================
   7-Й БЛОК — ИНФО СВЕРХУ (светлый Morning Mist)
   ============================================================ */

.home__info {
    width: 100%;
}

.home__info--light {
    background-color: #CED3D6;   /* Morning Mist */
}

.home__info--top {
    position: relative;
    min-height: 36.35vh;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;                            /* между top-row и bottom-right */
    padding: 120px;
    box-sizing: border-box;
    color: #151618;
    overflow: visible;
}

/* === Верхняя строка: intro + H2 === */
.home__b7-top-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
}

.home__b7-top-left {
    align-self: flex-start;
    max-width: 400px;
}

.home__b7-intro {
    display: flex;
    align-items: flex-start;
    gap: 12px;                            /* было 16px */
    max-width: 400px;
}

.home__b7-intro-text {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5;
    color: #151618;
    margin: 0;
}

.home__b7-title {
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 96px;
    line-height: 1.05;
    color: #151618;
    text-align: right;
    margin: 0;
}

/* === Нижняя строка: колонки справа === */
.home__b7-bottom-right {
    align-self: flex-end;
}

.home__b7-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 60px;                       /* было 30px 60px */
    width: 750px;
}

.home__b7-col {
    display: flex;
    flex-direction: column;
    gap: 6px;                             /* было 8px */
}

.home__b7-col-label {
    font-family: var(--font-main);
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #151618;
}

.home__b7-col-text {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5;
    color: #151618;
    margin: 0;
}

/* ============================================================
   БЛОКИ 1–5 (КАТЕГОРИИ) — 72.7vh, две колонки (текст + фото)
   ============================================================ */

.home__block {
    width: 100%;
    height: 72.7vh;
    position: relative;
}

/* Чередование: светлый / тёмный */
.home__block--light {
    background-color: #CED3D6;
    color: #151618;
}

.home__block--dark {
    background-color: #151618;
    color: #CED3D6;
}

/* === Блок категории: flex-row === */
.home__block--category {
    display: flex;
    flex-direction: row;
}

/* Текстовая часть — 50% */
.home__cat-text {
    width: 50%;
    height: 100%;
    padding: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
}

.home__cat-text--left,
.home__cat-text--right {
    align-items: flex-start;
    text-align: left;
}

/* Номер */
.home__cat-num {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 96px;
    line-height: 1;
    margin-bottom: 20px;                  /* было 40px */
    opacity: 0.6;
}

/* Заголовок категории */
.home__cat-title {
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 120px;
    line-height: 1.05;
    margin: 0 0 20px 0;                   /* было 32px */
    color: inherit;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    transition: font-size 0.15s ease;
}

/* Описание */
.home__cat-desc {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 17px;
    line-height: 1.6;
    margin: 0 0 20px 0;                   /* было 40px */
    max-width: 450px;
    color: inherit;
}

/* Ссылка */
.home__cat-link {
    font-family: var(--font-main);
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.02em;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid currentColor;
    padding-bottom: 4px;
    transition: opacity 0.2s;
}

.home__cat-link:hover {
    opacity: 0.6;
}

/* Фото — 50% */
.home__cat-photo {
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.home__cat-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ============================================================
   6-Й БЛОК — CTA «О проекте» + кнопка
   ============================================================ */

.home__info--cta {
    background-color: #3C4449;
    color: #CED3D6;
    min-height: 36.35vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px;
    box-sizing: border-box;
}

.home__cta-inner {
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;                            /* было 24px */
}

.home__cta-label {
    font-family: var(--font-main);
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #CED3D6;
    opacity: 0.7;
}

.home__cta-title {
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 96px;
    line-height: 1.05;
    margin: 0;
    color: #CED3D6;
}

.home__cta-text {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 17px;
    line-height: 1.6;
    margin: 0;
    max-width: 650px;
    color: #CED3D6;
    opacity: 0.85;
}

.home__cta-btn {
    font-family: var(--font-main);
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.02em;
    padding: 18px 36px;
    background-color: #CED3D6;
    color: #151618;
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: opacity 0.2s;
    margin-top: 8px;
}

.home__cta-btn:hover {
    opacity: 0.85;
}

/* ============================================================
   АДАПТИВ ПО ВЫСОТЕ
   ============================================================ */

@media (min-height: 1800px) {
    .home__info--top { min-height: 36.35vh; }
}
@media (min-height: 900px) and (max-height: 1799px) {
    .home__info--top { min-height: 42.35vh; }
}
@media (min-height: 700px) and (max-height: 899px) {
    .home__info--top { min-height: 55vh; }
}
@media (min-height: 500px) and (max-height: 699px) {
    .home__info--top { min-height: 70vh; }
}
@media (max-height: 499px) {
    .home__info--top { min-height: 85vh; }
}

/* ============================================================
   АДАПТИВ ПО ШИРИНЕ
   ============================================================ */

@media (max-width: 1024px) {
    .home__info--top { padding: 60px; }
    .home__cat-text { padding: 60px; }
    .home__cat-title { font-size: 72px; }
    .home__cat-num { font-size: 64px; margin-bottom: 12px; }
    .home__b7-title { font-size: 72px; }
    .home__b7-columns { width: 100%; gap: 20px 40px; }
    .home__info--cta { padding: 60px; }
    .home__cta-title { font-size: 64px; }
    .home__cta-inner { gap: 16px; }
}

@media (max-width: 768px) {
    .home__info--top { gap: 20px; padding: 40px; }
    .home__b7-top-row { flex-direction: column; gap: 20px; }
    .home__b7-title { text-align: left; font-size: 48px; }
    .home__b7-columns { grid-template-columns: 1fr; gap: 20px; }
    .home__b7-col { gap: 6px; }
    .home__block--category { flex-direction: column; }
    .home__cat-text { width: 100%; padding: 40px; }
    .home__cat-num { font-size: 56px; margin-bottom: 12px; }
    .home__cat-title { font-size: 48px; margin: 0 0 16px 0; }
    .home__cat-desc { margin: 0 0 16px 0; }
    .home__cat-photo { width: 100%; height: 50%; }
    .home__info--cta { padding: 40px; }
    .home__cta-title { font-size: 40px; }
    .home__cta-inner { gap: 12px; }
}