html {
    /* укажи цвет фона html */
    background: #FEFEFE;
}

/* Редизайн 2026 (26.10): пара шрифтов Cormorant Garamond (заголовки) + Manrope (текст).
   Tilda назначает шрифт заголовков также классам .t-descr/.t-btn/.t-input/.t-select,
   поэтому описания, кнопки и поля стандартных блоков (каталог, корзина, cookie, формы)
   выходили в антикве. Возвращаем им Manrope. Vibe-блоки (vb-*) и Zero-блоки не затронуты. */
.t-descr, .t-text, .t-btn, .t-submit, .t-btntext, .t-btnflex,
.t-input, .t-input__vis-ph, .t-select, .t-input-title, .t-input-subtitle,
.t-radio__wrapper, .t-checkbox__control, .t-form__errorbox-text, .t-form__successbox,
.t-store__card__btn, .t-catalog__card__btn, .t-store__card__descr, .t-catalog__card__descr {
    font-family: 'Manrope', 'Helvetica Neue', Arial, sans-serif !important;
}

/* 27.10: кнопки Vibe-блоков (vb-*__btn) задают padding: 0 Npx и этим обнуляют
   вертикальные отступы, которые .t-btnflex считает из --height. Кнопки выходили
   высотой 24px. Возвращаем нормальную высоту: ~54px на десктопе, ~50px на телефоне. */
.t-btnflex[class*="vb-"][class*="__btn"] {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 640px) {
    .t-btnflex[class*="vb-"][class*="__btn"] {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}



.underline1[data-elem-type="text"] a {
    border: 0 !important;
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    /* цвет ссылки до наведения */
    color: #161615 !important;
}

.underline1[data-elem-type="text"] a:hover {
    /* цвет ссылки после наведения */
    color: #161615 !important;
}

.underline1[data-elem-type="text"] a::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease;
    margin: auto;
    /* отступ между ссылкой и подчеркиванием; 
    если нужно сделать расстояние больше, то используй отрицательное значение */
    margin-bottom: -3px;
    /* толщина подчеркивания */
    height: 1px;  
    /* цвет подчеркивания до наведения */
    background: transparent; 
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    width: 0;
     
}

.underline1[data-elem-type="text"] a:hover::after {
    /* цвет подчеркивания после наведения */
    background: #161615;
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    width: 100%;
     
}

/* 29.10: /blog (pageid 331519609) — 6 Zero-блоков переведены в стиль редизайна
   ТОЛЬКО через этот CSS: тексты, адреса и позиции элементов не тронуты.
   Записи: шапка 5115231601, статьи 5115250001/0101/0201/0401, призыв 5115250501.
   Размеры заголовков — по брейкпоинтам Zero Block (1200 / 960 / 480). */
:is(#rec5115231601, #rec5115250001, #rec5115250101, #rec5115250201, #rec5115250401, #rec5115250501) .tn-elem[data-elem-type="text"] .tn-atom {
    font-family: 'Manrope', 'Helvetica Neue', Arial, sans-serif !important;
}
/* Специфичность выше правила выше (иначе заголовки остаются в Manrope) */
:is(#rec5115231601, #rec5115250001, #rec5115250101, #rec5115250201, #rec5115250401, #rec5115250501) .tn-elem[data-elem-type="text"] :is(h1, h2).tn-atom {
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
    font-weight: 500 !important;
    letter-spacing: -0.005em !important;
    line-height: 1.06 !important;
}
#rec5115250001 .t396__artboard, #rec5115250201 .t396__artboard { background-color: #F3EDE2 !important; }
#rec5115250101 .t396__artboard, #rec5115250401 .t396__artboard { background-color: #FBF7F1 !important; }
#rec5115250501 .t396__artboard { background-color: #171512 !important; }
#rec5115231601 [data-elem-id="1792900000000000001"] .tn-atom {
    color: #D4AC5C !important;
    font-weight: 600 !important;
    letter-spacing: .16em !important;
}
:is(#rec5115250001, #rec5115250101, #rec5115250201, #rec5115250401) :is([data-elem-id="1792901000000000006"], [data-elem-id="1792902000000000011"], [data-elem-id="1792903000000000016"], [data-elem-id="1792904000000000021"]) .tn-atom {
    color: #8E3B20 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: .16em !important;
}
:is(#rec5115250001, #rec5115250101, #rec5115250201, #rec5115250401) h2.tn-atom { color: #171512 !important; }
:is(#rec5115250001, #rec5115250101, #rec5115250201, #rec5115250401) :is([data-elem-id="1792901000000000008"], [data-elem-id="1792902000000000013"], [data-elem-id="1792903000000000018"], [data-elem-id="1792904000000000023"]) .tn-atom { color: #4A4038 !important; }
:is(#rec5115250001, #rec5115250101, #rec5115250201, #rec5115250401) :is([data-elem-id="1792901000000000008"], [data-elem-id="1792902000000000013"], [data-elem-id="1792903000000000018"], [data-elem-id="1792904000000000023"]) .tn-atom :is(b, strong) { color: #171512 !important; font-weight: 600 !important; }
:is(#rec5115250001, #rec5115250101, #rec5115250201, #rec5115250401) .tn-elem[data-elem-type="image"] :is(.tn-atom, .tn-atom__img, img) {
    border-radius: 0 !important;
    box-shadow: none !important;
}
#rec5115250501 h2.tn-atom { color: #F3EDE2 !important; }
#rec5115250501 [data-elem-id="1792906000000000025"] .tn-atom { color: rgba(243,237,226,.8) !important; }
#rec5115250501 [data-elem-id="1792906000000000026"] .tn-atom {
    font-family: 'Manrope', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    background-color: #F3EDE2 !important;
    color: #171512 !important;
    border-color: #F3EDE2 !important;
    border-radius: 999px !important;
    transition: background-color .3s ease, border-color .3s ease !important;
}
#rec5115250501 [data-elem-id="1792906000000000026"] .tn-atom:hover {
    background-color: #D4AC5C !important;
    border-color: #D4AC5C !important;
    color: #171512 !important;
}
@media screen and (min-width: 1200px) {
    #rec5115231601 h1.tn-atom { font-size: 60px !important; }
    :is(#rec5115250001, #rec5115250101, #rec5115250201, #rec5115250401) h2.tn-atom { font-size: 40px !important; }
    #rec5115250501 h2.tn-atom { font-size: 50px !important; }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    #rec5115231601 h1.tn-atom { font-size: 52px !important; }
    :is(#rec5115250001, #rec5115250101, #rec5115250201, #rec5115250401) h2.tn-atom { font-size: 40px !important; }
    #rec5115250501 h2.tn-atom { font-size: 50px !important; }
}
@media screen and (min-width: 480px) and (max-width: 959px) {
    #rec5115231601 h1.tn-atom { font-size: 42px !important; }
    :is(#rec5115250001, #rec5115250101, #rec5115250201, #rec5115250401) h2.tn-atom { font-size: 33px !important; }
    #rec5115250501 h2.tn-atom { font-size: 36px !important; }
}
@media screen and (max-width: 479px) {
    #rec5115231601 h1.tn-atom { font-size: 34px !important; }
    :is(#rec5115250001, #rec5115250101, #rec5115250201, #rec5115250401) h2.tn-atom { font-size: 28px !important; }
    #rec5115250501 h2.tn-atom { font-size: 34px !important; }
}