/* ==========================================================================
   1. СЕМЕЙСТВО ШРИФТОВ: e-Ukraine
   ========================================================================== */

/* UltraLight (Сверхтонкий) */
@font-face {
    font-family: 'e-Ukraine';
    src: url('../fonts/e-Ukraine-UltraLight.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

/* Thin (Тонкий) */
@font-face {
    font-family: 'e-Ukraine';
    src: url('../fonts/e-Ukraine-Thin.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

/* Light (Светлый) */
@font-face {
    font-family: 'e-Ukraine';
    src: url('../fonts/e-Ukraine-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

/* Regular (Обычный) */
@font-face {
    font-family: 'e-Ukraine';
    src: url('../fonts/e-Ukraine-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* Medium (Средний) */
@font-face {
    font-family: 'e-Ukraine';
    src: url('../fonts/e-Ukraine-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

/* Bold (Жирный) */
@font-face {
    font-family: 'e-Ukraine';
    src: url('../fonts/e-Ukraine-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* Thin (Тонкий) */
@font-face {
    font-family: 'Gart Serif Trial';
    src: url('../fonts/gartseriftrial-thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

/* Light (Светлый) */
@font-face {
    font-family: 'Gart Serif Trial';
    src: url('../fonts/gartseriftrial-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

/* Regular (Обычный) */
@font-face {
    font-family: 'Gart Serif Trial';
    src: url('../fonts/gartseriftrial-regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* Medium (Средний) */
@font-face {
    font-family: 'Gart Serif Trial';
    src: url('../fonts/gartseriftrial-medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

/* Bold (Жирный) */
@font-face {
    font-family: 'Gart Serif Trial';
    src: url('../fonts/gartseriftrial-bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
* {
    -webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

ol, ul {
    list-style:none;
}

input, select {
    vertical-align:middle;
}
*,
*::after,
*::before{
    padding: 0;
    margin: 0;
    box-sizing: border-box;   
}
a{
    color: inherit;
    text-decoration: none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html,body{
    color: #000;
    font-family: 'e-Ukraine', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 148%;
    scroll-behavior: smooth;
    background: #FEF8EF;
}
.body{
    min-width: 320px;
}
.body.no-scroll{
    overflow: hidden;
}
.container{
    max-width: 816px;
    padding: 0 15px;
    margin: 0 auto;
}
button{
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
textarea,
textarea::placeholder,
input,
input::placeholder{

}
textarea,
input{
    border: none;
    outline: none;
    background-color: transparent;
    width: 100%;
}
textarea{
    resize: none;
    height: 150px;
}

@media (max-width: 400px) {

}


main.main{
    padding-top: 75px;
    overflow: hidden;
}
.title{
    color: #000;
    text-align: center;
    font-family: "Gart Serif Trial", sans-serif;
    font-size: 36px;
    font-weight: 300;
    line-height: 109.033%; /* 39.252px */
}





.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #7E2C17;
}
.header__inner{
    padding: 12px 0;
}
.header__logo{
    color: #FEF8EF;
    font-family: "Gart Serif Trial", sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 110%; /* 23.1px */
}



/* hero */
.hero{
    padding: 29px 0 35px;
}
.hero__name{
    color: #F15937;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.hero__title{
    color: #7E2C17;
    text-align: center;
    font-family: "Gart Serif Trial", sans-serif;
    font-size: 46px;
    font-weight: 300;
    line-height: 109.033%; /* 50.155px */
    margin-bottom: 25px;
}
.hero__descr{
    text-align: center;
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    line-height: 124.965%; /* 24.993px */
}
.hero__image{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 27px auto 35px;
    max-width: 56.112%;
}
.hero__image img{
    width: 100%;
}
.hero__line{
    overflow: hidden;
    padding: 5px 0;
    border-top: 1px solid #7E2C17;
    border-bottom: 1px solid #7E2C17;
    display: flex;
    align-items: center;
}
.hero__line-image{
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero__line-inner{
    display: flex;
    align-items: center;
    gap: 30px;
    flex-shrink: 0;
    min-width: 100%;
    justify-content: space-around;
    padding-right: 30px;
    animation: hero-line-scroll 100s linear infinite;
}
.hero__line:hover .hero__line-inner{
    animation-play-state: paused;
}
@keyframes hero-line-scroll{
    from{ transform: translateX(0); }
    to{ transform: translateX(-100%); }
}
@media (prefers-reduced-motion: reduce){
    .hero__line-inner{ animation: none; }
}



/* days */
.days{
    padding: 24px 0 27px;
    border-radius: 25px;
    background: #F5DF89;
}
.days__title{
    color: #7E2C17;
    text-align: center;
    font-family: "Gart Serif Trial", sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 119.973%; /* 33.592px */
    padding: 0 20px;
}
.days__content{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 38px;
}
.days__slide{
    border-radius: 15px;
    border: 1px solid #7E2C17;
    background: #FEF8EF;
    display: flex;
    flex-direction: column;
}
.days__slide-top{
    padding: 19px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px dashed #7E2C17;
}
.days__slide-title{
    color: #7E2C17;
    text-align: center;
    font-family: "Gart Serif Trial", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 119%; /* 35.7px */
}
.days__slide-image{
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 30px);
    overflow: hidden;
    border-radius: 10px;
    margin: 15px;
}
.days__slide-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.slider-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' transform='matrix(-1 0 0 1 33 0)' stroke='%237E2C17' stroke-width='2'/%3E%3Cpath d='M23.5713 15.5C24.1236 15.5 24.5713 15.9477 24.5713 16.5C24.5713 17.0523 24.1236 17.5 23.5713 17.5V16.5V15.5ZM8.72133 17.2071C8.3308 16.8166 8.3308 16.1834 8.72133 15.7929L15.0853 9.42893C15.4758 9.03841 16.109 9.03841 16.4995 9.42893C16.89 9.81946 16.89 10.4526 16.4995 10.8431L10.8426 16.5L16.4995 22.1569C16.89 22.5474 16.89 23.1805 16.4995 23.5711C16.109 23.9616 15.4758 23.9616 15.0853 23.5711L8.72133 17.2071ZM23.5713 16.5V17.5H9.42843V16.5V15.5H23.5713V16.5Z' fill='%237E2C17'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 33px;
    height: 33px;
    min-width: 33px;
}
.btn-next{
    transform: scaleX(-1);
}
.slider-pagination{
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}
.slider-pagination span{
    border-radius: 8px;
    background: rgba(126, 44, 23, 0.40);
    width: 8px;
    height: 8px;
    min-width: 8px;
    opacity: 1;
    cursor: pointer;
    transition: background 0.2s, width 0.2s;
}
.slider-pagination span.is-active{
    background: #7E2C17;
    width: 20px;
}
/* days — StPageFlip (перегортання сторінки коміксу) */
.days__content{
    justify-content: center;
}
.days__book{
    flex: 0 1 420px;
    min-width: 0;
    width: 100%;
    max-width: 420px;   /* ширина однієї сторінки — розворот на 2 не вміщається */
    aspect-ratio: 350 / 540;
    margin: 0 auto;
    touch-action: pan-y;
}
.days__book .days__page{
    width: 100%;
    height: 100%;
    background: #FEF8EF;
    border-radius: 15px;
    overflow: hidden;
}
.days__page .days__slide{
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
}


.infoblock{
    margin-top: -40px;
    padding: 80px 0 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='649' viewBox='0 0 60 649' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 648H10V12V0.5H0V648Z' fill='%23F5DF89'/%3E%3Cpath d='M40 0.5H49V648.5H40V0.5Z' fill='%23F5DF89'/%3E%3Crect x='20' width='10' height='648' fill='%23F5DF89'/%3E%3C/svg%3E%0A");
    background-position: left;
    background-repeat: repeat-x;
    background-size: contain;
}
.infoblock__content{
    border-radius: 15px;
    border: 2px solid #7E2C17;
    background: #FEF8EF;
    padding: 15px;
}
.infoblock__title{
    color: #7E2C17;
    font-family: "Gart Serif Trial", sans-serif;
    font-size: 36px;
    font-weight: 300;
    line-height: 109.033%; /* 39.252px */
}
.infoblock__images{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}
.infoblock__image{
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.infoblock__image img{
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.infoblock__message{
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 148%; /* 25.16px */
}
.infoblock__inner{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.infoblock__name{
    color: #7E2C17;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}
.infoblock__content .infoblock__images{
    margin-top: 16px;
}
.infoblock__content .infoblock__message{
    margin-top: 16px;
}
/* друга картка — заголовок та ім'я праворуч */
.infoblock__content--right .infoblock__name,
.infoblock__content--right .infoblock__title{
    text-align: right;
}
/* скрол довгого тексту в другій картці */
.infoblock__message--scroll{
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 12px;
    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #7E2C17 rgba(126, 44, 23, 0.40);
}
.infoblock__message--scroll::-webkit-scrollbar{
    width: 6px;
}
.infoblock__message--scroll::-webkit-scrollbar-track{
    border-radius: 23px;
    background: rgba(126, 44, 23, 0.40);
}
.infoblock__message--scroll::-webkit-scrollbar-thumb{
    border-radius: 23px;
    background: #7E2C17;
}



/*  */
.whathide{
    margin: 25px 0 29px;
}
.whathide__title{
    color: #000;
    text-align: center;
    font-family: "Gart Serif Trial", sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 119.973%; /* 33.592px */
    padding: 0 20px;
}
.whathide__name{
    border-radius: 15px;
    border: 2px dashed #000;
    color: #000;
    text-align: center;
    font-size: 19px;
    font-weight: 400;
    line-height: 124.965%; /* 23.743px */
    padding: 14px 6px 18px;
}
.whathide__image{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 480px;
    margin: 45px auto 37px;
}
.whathide__image img{
    width: 100%;
}

/* reviews */
.reviews{
    padding: 56px 0 55px;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='649' viewBox='0 0 60 649' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 648H10V12V0.5H0V648Z' fill='%23F5DF89'/%3E%3Cpath d='M40 0.5H49V648.5H40V0.5Z' fill='%23F5DF89'/%3E%3Crect x='20' width='10' height='648' fill='%23F5DF89'/%3E%3C/svg%3E%0A");
    background-position: left;
    background-repeat: repeat-x;
    background-size: contain;
}
.reviews__content{
    border-radius: 15px;
    border: 2px solid #7E2C17;
    background: #FEF8EF;
}
.reviews__top{
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-bottom: 2px dashed #7E2C17;
}
.reviews__title{
    color: #7E2C17;
    text-align: center;
    font-family: "Gart Serif Trial", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: 109.033%; /* 39.252px */
}
.reviews__prev,
.reviews__next{
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.767 1C7.16385 1 1.00046 7.1635 1.00037 14.7666C1.00037 22.3698 7.16379 28.5332 14.767 28.5332C22.3701 28.5331 28.5336 22.3697 28.5336 14.7666C28.5335 7.16356 22.37 1.00009 14.767 1Z' fill='%23F5DF89' stroke='%237E2C17' stroke-width='2'/%3E%3Cpath d='M21.0955 13.7668C21.6477 13.7668 22.0955 14.2146 22.0955 14.7668C22.0955 15.3191 21.6477 15.7668 21.0955 15.7668V14.7668V13.7668ZM7.73112 15.474C7.3406 15.0834 7.3406 14.4503 7.73112 14.0597L14.0951 7.69578C14.4856 7.30525 15.1188 7.30525 15.5093 7.69578C15.8998 8.0863 15.8998 8.71947 15.5093 9.10999L9.85244 14.7668L15.5093 20.4237C15.8998 20.8142 15.8998 21.4474 15.5093 21.8379C15.1188 22.2284 14.4856 22.2284 14.0951 21.8379L7.73112 15.474ZM21.0955 14.7668V15.7668H8.43823V14.7668V13.7668H21.0955V14.7668Z' fill='%237E2C17'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 33px;
    height: 33px;
    min-width: 33px;
}
.reviews__next{
    transform: scaleX(-1);
}
/* reviews — StPageFlip (перегортання). Фіксована висота сторінки + скрол
   усередині довгого відгуку. Гортання лише стрілками. */
.reviews__book{
    width: 100%;
    max-width: 460px;   /* одна сторінка, без розвороту на 2 */
    margin: 28px auto 16px;
    height: 367px;      /* максимальна висота сторінки відгуку */
    touch-action: pan-y;
}
.reviews__book .reviews__page{
    background: #FEF8EF;
    overflow: hidden;
}
.reviews__scroll{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 8px 16px;
    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #7E2C17 rgba(126, 44, 23, 0.40);
}
/* WebKit (Chrome, Safari) */
.reviews__scroll::-webkit-scrollbar{
    width: 6px;
}
.reviews__scroll::-webkit-scrollbar-track{
    border-radius: 23px;
    background: rgba(126, 44, 23, 0.40);
}
.reviews__scroll::-webkit-scrollbar-thumb{
    border-radius: 23px;
    background: #7E2C17;
}
.reviews__pagination{
    margin-top: 20px;
    padding-bottom: 24px;
}





.programs{
    margin: 36px 0 64px;
}
.faq{
    margin: 35px 0 61px;
}
.programs__block,
.faq__block{
    margin-top: 44px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.programs__item,
.faq__item{
    border-radius: 9px;
    border: 1px solid #000;
    transition: all .2s ease;
}
.programs__item-title,
.faq__item-title{
    padding: 10px 12px;
    color: #000;
    font-size: 19px;
    font-weight: 300;
    line-height: 124.965%; /* 23.743px */
    cursor: pointer;
    user-select: none;
}
.programs__item-content,
.faq__item-content{
    display: none;
    padding: 5px 12px 12px;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    line-height: 124.965%; /* 23.743px */
}
.programs__item.active{
    background: #F5DF89;
}
.faq__item.active{
    background: #AAD2EB;
}




.fixedbtn{
    position: fixed;
    justify-content: center;
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    max-width: 400px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    border-radius: 15px;
    border: 2px solid #7E2C17;
    background: #F5DF89;
    padding: 9px 16px;
    color: #7E2C17;
    font-family: "Gart Serif Trial", sans-serif;
    font-size: 34px;
    font-weight: 300;
    line-height: 109.033%; /* 41.433px */
    gap: 10px;
    z-index: 100;
}
.fixedbtn svg{
    min-width: 89px;
    width: 89px;
    height: auto;
}



/* footer */
.footer{
    padding: 20px 0 150px;
    background: #7E2C17;
}
.footer__title{
    text-align: center;
    color: #F15937;
    font-family: "Gart Serif Trial", sans-serif;
    font-size: 29px;
    font-weight: 300;
    line-height: 109.033%; /* 31.62px */
}
.footer__name{
    margin-top: 24px;
    color: #FEF8EF;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 124.965%; /* 16.245px */
}
.footer__name a:not(:hover){
    text-decoration: underline;
}
.footer__info{
    margin-top: 16px;
    color: #FEF8EF;
    text-align: center;
    font-size: 11px;
    font-weight: 300;
    line-height: 124.965%; /* 13.746px */
}
strong{
    font-weight: 500;
}