/* =========================================================
   Лендинг «Подать требу» — Свято-Георгиевский монастырь
   Все стили скоупятся под .treba-landing, чтобы не влиять
   на остальную тему. Классы плагина fs-prayer (prayer__*,
   o-prayer-list__*) сохранены для совместимости.
   ========================================================= */

.treba-landing{
    --t-blue:#1f4e9b;
    --t-blue-2:#2e6fd6;
    --t-red:#c0392b;
    --t-red-2:#e0584a;
    --t-yellow:#c9a14a;
    --t-yellow-soft:#e7d29a;
    --t-ink:#212121;
    --t-ink-soft:#4d4d4d;
    --t-paper:#f6f4ee;
    --t-paper-2:#ffffff;
    --t-line:#e8e8e8;
    --t-grad-blue:linear-gradient(180deg,#2e6fd6 0%,#1f4e9b 100%);
    --t-grad-red:linear-gradient(180deg,#e0584a 0%,#c0392b 100%);
    --t-decor:'Forum','PT Serif',serif;
    --t-serif:'PT Serif',Georgia,serif;
    --t-sans:'Montserrat',system-ui,sans-serif;
    --t-maxw:1180px;
}

/* подключаем шрифты лендинга */
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&family=Forum&family=Montserrat:wght@400;500;600;700&display=swap');

.treba-landing{margin:0;font-family:var(--t-sans);color:var(--t-ink);background:var(--t-paper);line-height:1.6;-webkit-font-smoothing:antialiased;}
.treba-landing *{box-sizing:border-box;}
.treba-landing img{max-width:100%;display:block;}
.treba-landing a{color:var(--t-blue);text-decoration:none;}
.treba-landing a:hover{text-decoration:underline;}
.treba-landing #scroll-container{overflow:hidden;}

.treba-wrap{max-width:var(--t-maxw);margin:0 auto;padding:0 24px;}

/* ---------- заголовки ---------- */
.treba-landing .treba-title{
    font-family:var(--t-decor);font-weight:400;
    font-size:clamp(28px,4vw,44px);letter-spacing:.01em;
    text-align:center;margin:0 0 8px;color:var(--t-ink);
}
.treba-landing .treba-title::after{content:"";display:block;width:64px;height:2px;margin:18px auto 0;background:var(--t-yellow);}
.treba-landing .display-title{
    font-family:var(--t-decor);font-weight:400;
    font-size:clamp(36px,6vw,68px);line-height:1.04;margin:0;
    background:var(--t-grad-blue);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.treba-landing .eyebrow{display:inline-block;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--t-red);margin-bottom:14px;font-weight:600;}
.treba-landing .cross-mark{color:var(--t-yellow);}

/* ---------- кнопки ---------- */
.treba-landing .treba-btn{
    display:inline-flex;align-items:center;justify-content:center;
    padding:14px 30px;border:none;border-radius:2px;cursor:pointer;
    font-family:var(--t-sans);font-weight:600;font-size:15px;letter-spacing:.02em;
    text-decoration:none;transition:.2s;line-height:1;
}
.treba-landing .treba-btn:hover{text-decoration:none;transform:translateY(-1px);}
.treba-landing .treba-btn_red{background:var(--t-grad-red);color:#fff;box-shadow:0 6px 18px rgba(192,57,43,.28);}
.treba-landing .treba-btn_yellow{background:var(--t-yellow);color:#fff;box-shadow:0 6px 18px rgba(201,161,74,.28);}
.treba-landing .treba-btn_outline{background:transparent;border:2px solid var(--t-yellow);color:var(--t-blue);}
.treba-landing .treba-btn_outline:hover{background:var(--t-yellow);color:#fff;}

/* =========================================================
   HEADER
   ========================================================= */
.treba-landing .treba-header{
    position:sticky;top:0;z-index:50;
    background:rgba(246,244,238,.92);backdrop-filter:blur(8px);
    border-bottom:1px solid var(--t-line);
}
.treba-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:74px;}
.treba-header__logo{display:flex;align-items:center;gap:12px;color:var(--t-ink);}
.treba-header__logo:hover{text-decoration:none;}
.treba-header__logo .cross-mark{font-size:30px;line-height:1;}
.treba-header__logo-text{font-family:var(--t-serif);font-size:14px;line-height:1.25;font-weight:700;}
.treba-header__logo-text em{font-style:normal;font-weight:400;color:var(--t-ink-soft);}
.treba-header__logo img{max-height:48px;width:auto;}
.treba-nav{display:flex;gap:28px;}
.treba-nav a{color:var(--t-ink);font-weight:500;font-size:15px;position:relative;}
.treba-nav a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--t-yellow);transition:.25s;}
.treba-nav a:hover{text-decoration:none;}
.treba-nav a:hover::after{width:100%;}
.treba-nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
.treba-nav-toggle span{width:24px;height:2px;background:var(--t-ink);}

/* =========================================================
   1. ПОДАТЬ ТРЕБУ
   ========================================================= */
.treba-landing .s-prayer{position:relative;padding:64px 0 80px;overflow:hidden;}
.treba-landing .s-prayer__bg{
    position:absolute;inset:0;z-index:0;
    background:
        radial-gradient(1200px 480px at 50% -10%, rgba(46,111,214,.10), transparent 60%),
        linear-gradient(180deg,#eef2f8 0%,var(--t-paper) 70%);
}
.treba-landing .s-prayer .treba-wrap{position:relative;z-index:1;}
.treba-landing .s-prayer__head{text-align:center;max-width:720px;margin:0 auto 44px;}
.treba-landing .s-prayer__lead{margin:20px auto 0;color:var(--t-ink-soft);font-size:17px;max-width:600px;}

.treba-landing .prayer__inner{
    position:relative;max-width:760px;margin:0 auto;
    background:var(--t-paper-2);padding:40px 38px;
    box-shadow:0 24px 60px rgba(31,78,155,.12);
}
.treba-landing .prayer__inner:before,.treba-landing .prayer__inner:after{
    content:"";position:absolute;width:34px;height:34px;border:2px solid var(--t-yellow);
}
.treba-landing .prayer__inner:before{top:10px;left:10px;border-right:none;border-bottom:none;}
.treba-landing .prayer__inner:after{bottom:10px;right:10px;border-left:none;border-top:none;}
.treba-landing .prayer__angle{position:absolute;width:34px;height:34px;border:2px solid var(--t-yellow);}
.treba-landing .prayer__angle:nth-of-type(1){top:10px;right:10px;border-left:none;border-bottom:none;}
.treba-landing .prayer__angle:nth-of-type(2){bottom:10px;left:10px;border-right:none;border-top:none;}

.treba-landing .prayer__steps__title{font-family:var(--t-decor);font-size:24px;color:var(--t-ink);text-align:center;margin-bottom:22px;}
.treba-landing .prayer__hint{text-align:center;color:var(--t-ink-soft);font-size:13px;margin:-10px 0 20px;}
.treba-landing .prayer__recurent__info{text-align:center;color:var(--t-ink-soft);font-size:14px;}

.treba-landing .prayer__steps__buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.treba-landing .prayer__steps__buttons__item button{
    background:transparent;border:1px dotted #9aa0a8;border-radius:2px;
    padding:13px 20px;cursor:pointer;font-family:var(--t-sans);font-size:14.5px;font-weight:500;color:var(--t-ink);
    transition:.2s;line-height:1.2;
}
.treba-landing .prayer__steps__buttons__item button .sub{display:block;font-size:11px;color:var(--t-ink-soft);font-weight:400;}
.treba-landing .prayer__steps__buttons__item button:hover{border-color:var(--t-yellow);color:var(--t-red);}
.treba-landing .prayer__steps__buttons__item button.active{border:2px solid var(--t-yellow);color:var(--t-red);font-weight:600;background:#fbf8f0;}

.treba-landing .prayer__steps__names{display:flex;flex-direction:column;gap:12px;max-width:460px;margin:0 auto;}
.treba-landing .prayer__steps__names__item{position:relative;}
.treba-landing .prayer__steps__names__item input{
    width:100%;background:#fff;border:2px solid var(--t-line);border-radius:2px;
    padding:13px 16px;font-family:var(--t-sans);font-size:15px;transition:.2s;
}
.treba-landing .prayer__steps__names__item input:focus{outline:none;border-color:var(--t-blue-2);}
.treba-landing .prayer__steps__names__add{display:flex;align-items:center;gap:10px;margin:18px auto 0;background:none;border:none;cursor:pointer;color:var(--t-red);font-weight:600;font-size:14px;}
.treba-landing .prayer__steps__names__add span{position:relative;width:22px;height:22px;border-radius:50%;background:var(--t-grad-red);flex:none;}
.treba-landing .prayer__steps__names__add span:before,.treba-landing .prayer__steps__names__add span:after{content:"";position:absolute;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%);}
.treba-landing .prayer__steps__names__add span:before{width:10px;height:2px;}
.treba-landing .prayer__steps__names__add span:after{width:2px;height:10px;}

.treba-landing .prayer__steps__donate__label{text-align:center;color:var(--t-ink-soft);margin-bottom:18px;}
.treba-landing .prayer__steps__donate__form{display:flex;flex-direction:column;gap:12px;max-width:460px;margin:0 auto;}
.treba-landing .prayer__steps__donate__field input{width:100%;background:#fff;border:2px solid var(--t-line);border-radius:2px;padding:13px 16px;font-family:var(--t-sans);font-size:15px;}
.treba-landing .prayer__steps__donate__field input:focus{outline:none;border-color:var(--t-blue-2);}

.treba-landing .payment-method{max-width:460px;margin:22px auto 0;display:flex;flex-direction:column;gap:10px;}
.treba-landing .payment-method-popup_btn{border:2px solid var(--t-line);border-radius:2px;padding:12px 16px;cursor:pointer;transition:.2s;}
.treba-landing .payment-method-popup_btn.active{border-color:var(--t-yellow);background:#fbf8f0;}
.treba-landing .payment-method .space-between{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.treba-landing .payment-method .round{width:18px;height:18px;border-radius:50%;border:2px solid #c2c8d0;flex:none;}
.treba-landing .payment-method-popup_btn.active .round{border-color:var(--t-yellow);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px var(--t-yellow);}
.treba-landing .pm-ico{width:26px;height:18px;border-radius:2px;background:#dfe5ee;display:inline-block;}
.treba-landing .pm-ico.card{background:linear-gradient(180deg,#2e6fd6,#1f4e9b);}
.treba-landing .pm-ico.sbp{background:linear-gradient(90deg,#7b2ff7,#f72f8f 50%,#ffb400);}
.treba-landing .pm-ico.pay{background:#9aa0a8;}

.treba-landing .prayer__ctrl,.treba-landing .prayer__steps__send{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px;}
.treba-landing .prayer__ctrl__prev{cursor:pointer;color:var(--t-ink-soft);font-weight:600;font-size:14px;}
.treba-landing .prayer__ctrl__prev:hover{color:var(--t-red);}
.treba-landing .prayer__ctrl__prev span::before{content:"← ";}
.treba-landing .prayer__donate{cursor:pointer;}

.treba-landing .s-prayer__note{max-width:760px;margin:26px auto 0;text-align:center;font-size:13px;color:#8a8f97;}
.treba-landing .s-prayer__note code{background:#eef2f8;padding:2px 6px;border-radius:3px;color:var(--t-blue);}

/* =========================================================
   2. ИМЕНА ПОДАННЫЕ В МОНАСТЫРЬ
   ========================================================= */
.treba-landing .s-names{padding:72px 0;background:var(--t-paper-2);}
.treba-landing .o-prayer-list__head{max-width:820px;margin:0 auto 30px;}
.treba-landing .blue-item{background:#eff5fd;border-left:3px solid var(--t-blue-2);padding:14px 18px;margin-top:18px;font-size:14px;color:var(--t-ink-soft);text-align:justify;border-radius:2px;}
.treba-landing .o-prayer-list__inner{max-width:900px;margin:0 auto;border-top:1px solid var(--t-line);}
.treba-landing .o-prayer-list__item{display:grid;grid-template-columns:74px 1fr 220px;gap:8px 18px;align-items:start;padding:18px 6px;border-bottom:1px solid var(--t-line);}
.treba-landing .o-prayer-list__item__number{font-family:var(--t-decor);font-size:20px;color:var(--t-yellow);font-weight:400;}
.treba-landing .o-prayer-list__item__names{font-family:var(--t-serif);font-size:16px;color:var(--t-ink);font-weight:700;line-height:1.4;}
.treba-landing .o-prayer-list__item__type{grid-column:2;font-size:13px;color:var(--t-ink-soft);}
.treba-landing .o-prayer-list__item__type span{display:inline-block;background:#f1f4f9;padding:3px 10px;border-radius:20px;}
.treba-landing .donors__item__col_date{grid-column:3;grid-row:1 / span 2;text-align:right;}
.treba-landing .donors__item__col_date ul{list-style:none;margin:0;padding:0;}
.treba-landing .donors__item__date{font-weight:600;font-size:14px;color:var(--t-ink);}
.treba-landing .donors__item__time{font-size:13px;color:#9aa0a8;}

/* =========================================================
   3. О МОНАСТЫРЕ
   ========================================================= */
.treba-landing .s-about{padding:80px 0;}
.treba-landing .s-about__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:36px;}
.treba-landing .s-about__lead blockquote{margin:0 0 18px;}
.treba-landing .s-about__lead blockquote p{font-family:var(--t-serif);font-size:19px;line-height:1.7;color:var(--t-ink);}
.treba-landing .first-letter{float:left;font-family:var(--t-decor);font-size:64px;line-height:.8;padding:6px 12px 0 0;color:var(--t-red);}
.treba-landing .s-about__lead p,.treba-landing .s-about__body p{color:var(--t-ink-soft);margin:0 0 16px;}
.treba-landing .s-about__body p:last-child{margin-bottom:0;}

.treba-landing .s-director{margin-top:56px;background:var(--t-grad-blue);color:#fff;border-radius:4px;padding:48px 44px;position:relative;overflow:hidden;}
.treba-landing .s-director::before{content:"\2628";position:absolute;right:-10px;top:-30px;font-size:200px;color:rgba(255,255,255,.06);line-height:1;}
.treba-landing .s-director__subtitle{opacity:.85;font-size:15px;margin-bottom:6px;}
.treba-landing .s-director__name{font-family:var(--t-decor);font-weight:400;font-size:32px;margin:0 0 18px;color:var(--t-yellow-soft);}
.treba-landing .s-director p{margin:0;max-width:760px;color:rgba(255,255,255,.92);}

/* =========================================================
   4. КОНТАКТЫ
   ========================================================= */
.treba-landing .s-contacts{padding:80px 0;background:var(--t-paper-2);}
.treba-landing .s-contacts__inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:36px;align-items:stretch;}
.treba-landing .s-contacts__card{border:1px solid var(--t-line);border-top:3px solid var(--t-yellow);border-radius:3px;padding:30px 28px;}
.treba-landing .organization-name{font-family:var(--t-serif);font-weight:700;font-size:20px;margin:0 0 16px;color:var(--t-ink);}
.treba-landing .rpc{margin:0 0 14px;color:var(--t-ink);font-size:15px;}
.treba-landing .rpc span{color:var(--t-ink-soft);}
.treba-landing .rpc em{font-style:normal;color:#9aa0a8;font-size:13px;}
.treba-landing .s-contacts__buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.treba-landing .s-contacts__map{min-height:380px;border-radius:3px;overflow:hidden;border:1px solid var(--t-line);}
.treba-landing .s-contacts__map iframe{display:block;width:100%;height:100%;min-height:380px;border:0;}

/* =========================================================
   5. ФУТЕР
   ========================================================= */
.treba-landing .treba-footer{background:#15233f;color:#c8d2e4;padding:54px 0 30px;font-size:14px;}
.treba-landing .treba-footer a{color:#9fc0ff;}
.treba-footer__top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.10);}
.treba-footer__bless{line-height:1.5;max-width:440px;color:#aab6cc;}
.treba-social{display:flex;gap:10px;list-style:none;margin:0;padding:0;}
.treba-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:600;}
.treba-social a:hover{background:var(--t-yellow);text-decoration:none;}
.treba-footer__bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px 0;}
.treba-banks{display:flex;gap:14px;list-style:none;margin:0 0 12px;padding:0;flex-wrap:wrap;}
.treba-banks li{background:rgba(255,255,255,.10);padding:5px 12px;border-radius:3px;font-size:12px;letter-spacing:.04em;}
.treba-cancelling{color:#9aa6bd;margin:0;}
.treba-footer__col_docs p{margin:0 0 8px;}
.treba-footer__copy{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.10);color:#7e8aa3;font-size:13px;}

/* =========================================================
   to-top
   ========================================================= */
.treba-to-top{
    position:fixed;right:24px;bottom:24px;z-index:60;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;
    background:var(--t-grad-red);color:#fff;font-size:18px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 8px 20px rgba(192,57,43,.35);
}
.treba-to-top.show{opacity:1;pointer-events:auto;}

/* =========================================================
   АДАПТИВ
   ========================================================= */
@media (max-width:900px){
    .treba-landing .s-about__grid,.treba-landing .s-contacts__inner,.treba-footer__bottom{grid-template-columns:1fr;gap:28px;}
    .treba-landing .s-director{padding:36px 28px;}
}
@media (max-width:760px){
    .treba-nav{position:absolute;top:74px;left:0;right:0;flex-direction:column;gap:0;background:var(--t-paper-2);border-bottom:1px solid var(--t-line);max-height:0;overflow:hidden;transition:max-height .3s;}
    .treba-nav.open{max-height:320px;}
    .treba-nav a{padding:14px 24px;border-top:1px solid var(--t-line);}
    .treba-nav-toggle{display:flex;}
    .treba-landing .prayer__inner{padding:32px 20px;}
    .treba-landing .o-prayer-list__item{grid-template-columns:56px 1fr;}
    .treba-landing .o-prayer-list__item__type{grid-column:2;}
    .treba-landing .donors__item__col_date{grid-column:1 / -1;grid-row:auto;text-align:left;margin-top:4px;}
    .treba-landing .donors__item__col_date ul{display:flex;gap:10px;}
}
@media (prefers-reduced-motion:reduce){
    .treba-landing *{transition:none!important;}
}