/* dobavkata.com — началната страница (v1.2.0, docs/design/Home.html; от v1.2.5 по docs/design/zhivot/ZHIVOT.md §3):
   заглавната част в тетрадъчна мрежа с две колони (вляво заглавието с подчертаното „обяснени ясно“, търсенето и
   чиповете, вдясно картата от тетрадката под −2° с бележка на ръка), лентата с числата, разделите с по-голям отстъп
   (64 px), четирите нива в „Как оценяваме“ и редът с подписа. Компонентите (и картата .dob-nbcard) са в components.css. */

.dob-home__hero { background-color: #EAF2F3; background-image: linear-gradient(rgba(31, 110, 134, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 110, 134, .08) 1px, transparent 1px); background-size: 28px 28px; border-bottom-color: #D3E2E6; }
.dob-home__hero > .dob-wrap { padding-top: 72px; padding-bottom: 64px; }
.dob-home__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 32px 56px; align-items: center; }
.dob-home__grid--one { grid-template-columns: minmax(0, 1fr); }   /* без карта (нито една добавка с ✓ и ✗/?) — една колона */
.dob-home__grid--one .dob-home__intro { max-width: 880px; }
.dob-home__card { padding: 8px 0 0; }
.dob-home__cardnote { margin: 22px 0 0 18px; font-size: 22px; transform: rotate(-1deg); }
.dob-home__h1 { font-size: 56px; line-height: 1.08; margin: 0 0 22px; }
.dob-underline { position: relative; white-space: nowrap; color: inherit; }
.dob-underline svg { position: absolute; left: -1%; bottom: -12px; width: 102%; height: 16px; color: var(--dob-teal); overflow: visible; }

/* лентата с числата под героя (v1.2.5) */
.dob-stats { background: var(--dob-bg); border-bottom: 1px solid var(--dob-line); }
.dob-stats__in { display: flex; flex-wrap: wrap; gap: 14px 52px; padding-top: 22px; padding-bottom: 22px; }
.dob-stat { margin: 0; display: flex; flex-direction: column; }
.dob-stat__n { font-family: var(--dob-serif); font-weight: 500; font-size: 26px; line-height: 1.2; color: var(--dob-text); }
.dob-stat__l { font-size: 15px; line-height: 1.4; color: var(--dob-text-3); }
.dob-home__lead { font-size: 19px; line-height: 1.55; max-width: 640px; margin: 0; }
.dob-home__chips { margin-top: 18px; }

.dob-sec--home { padding: 64px 0; border-top: none; }
.dob-sec--line { border-top: 1px solid var(--dob-line); }
.dob-home .dob-h2 { font-size: 28px; }
.dob-sec--kak { background: var(--dob-bg-2); border-top: 1px solid var(--dob-line); }
.dob-levels { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 20px; }
.dob-level { display: flex; flex-direction: column; gap: 10px; padding: 20px 0; border-top: 2px solid var(--dob-text); }
.dob-level .dob-lvl { font-size: 17px; }
.dob-level p { margin: 0; font-size: 15px; color: var(--dob-text-2); }
.dob-level__hand { font-size: 23px; transform: rotate(-2deg); display: inline-block; }
.dob-kak__sig { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--dob-line-2); }
.dob-sig--home { font-size: 17px; color: var(--dob-text-lead); }
.dob-sig--home .dob-signame svg { height: 54px; }
a.dob-kak__all { font-size: 15px; display: inline-flex; align-items: center; min-height: 44px; margin-left: auto; }

@media (max-width: 900px) {
    .dob-home__grid { grid-template-columns: minmax(0, 1fr); }   /* таблет и телефон: картата е под търсенето, без завъртане */
    .dob-home__card { max-width: 560px; }
    .dob-home__card .dob-nbcard--hero { transform: none; }
}

@media (max-width: 640px) {
    .dob-home__hero > .dob-wrap { padding-top: 36px; padding-bottom: 40px; }
    .dob-home__h1 { font-size: 36px; }
    .dob-underline svg { bottom: -8px; height: 12px; }
    .dob-home__lead { font-size: 16px; }
    .dob-home__cardnote { margin-left: 0; font-size: 20px; }
    .dob-stats__in { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; padding-top: 18px; padding-bottom: 18px; }
    .dob-stat__n { font-size: 23px; }
    .dob-stat__l { font-size: 14px; }
    .dob-sec--home { padding: 44px 0; }
    .dob-home .dob-h2 { font-size: 23px; }
    .dob-sig--home .dob-signame svg { height: 44px; }
    a.dob-kak__all { margin-left: 0; }
}