/* ==========================================================================
   Стили страницы из старого index.php — перенесены один в один.
   Раньше они жили в inline <style> прямо на странице: зелёный баннер,
   верхнее меню личного кабинета и общие правила шаблона.
   ========================================================================== */
.nask{display:flex;flex-direction:row-reverse;position:relative;top:-17px;left:20px}.sidebar-nav-list a.active{color:#000;background:#e3e3e3}nav ul li:hover a:after{border-bottom:none!important}h1#pagetitle{display:none}.container{max-width:1000px;margin:0 auto;padding:20px}.top-navigation{background-color:white;border-radius:0;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-bottom:30px;overflow:hidden}.top-nav-list{display:flex;list-style:none;flex-wrap:wrap}.top-nav-list li{flex:1;min-width:200px;border-right:1px solid #f0f0f0}.top-nav-list li:last-child{border-right:none}.top-nav-list a{display:flex;align-items:center;padding:18px 20px;text-decoration:none;color:#333;transition:all 0.3s ease;height:100%}.top-nav-list a:hover{background-color:#f9f9f9;color:#063}.top-nav-list a.active{background-color:#e3e3e3;color:#165d41}.top-nav-list img{width:45px;height:45px;margin-right:15px;object-fit:contain}.top-nav-list span{font-weight:700;font-size:16px}.content-with-sidebar{grid-template-columns:280px 1fr;gap:30px;align-items:start}.sidebar{background-color:white;border-radius:0;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:0;overflow:hidden}.sidebar-nav-list{list-style:none}.sidebar-nav-list li{border-bottom:1px solid #f0f0f0}.sidebar-nav-list li:last-child{border-bottom:none}.sidebar-nav-list a{display:flex;align-items:center;padding:18px 20px;text-decoration:none;color:#333;transition:all 0.3s ease}.sidebar-nav-list a:hover{background-color:#f9f9f9;color:#063}.sidebar-nav-list a.active{color:#000}.sidebar-nav-list img{width:45px;height:45px;margin-right:15px;object-fit:contain}.sidebar-nav-list span{font-weight:700;font-size:16px}.main-content{background-color:white;padding:15px;border-radius:0;box-shadow:0 2px 5px rgba(0,0,0,.1)}.page-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.page-header h1{color:#669518;font-size:28px;margin-bottom:10px}.page-header p{font-size:16px;color:#666}.content-section{margin-bottom:10px}.content-section:last-child{margin-bottom:0}.content-section h2{color:#669518;margin-bottom:20px;font-size:22px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.content-section h3{color:#333;margin-bottom:15px;font-size:18px}.content-section p{margin-bottom:5px}.content-section b{color:#333}.content-section a{color:#063;text-decoration:none}.content-section a:hover{text-decoration:underline}.info-box{background-color:#f9f9f9;padding:20px;border-radius:0;border-left:4px solid #063;margin:20px 0}.payment-list{list-style:none;margin-left:20px}.payment-list li{margin-bottom:10px;position:relative;padding-left:20px}.payment-list li:before{content:"—";position:absolute;left:0;color:#063}.section-divider{height:1px;background:linear-gradient(to right,transparent,#e0e0e0,transparent);margin:11px 0;color:#000}@media screen and (max-width:1024px){.content-with-sidebar{grid-template-columns:250px 1fr;gap:20px}}@media screen and (max-width:768px){.content-with-sidebar{grid-template-columns:1fr;gap:20px}.sidebar{order:2}.main-content-wrapper{order:1}.top-nav-list li{flex:1 1 calc(50% - 1px);border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.top-nav-list li:nth-child(even){border-right:none}.sidebar-nav-list{display:grid;grid-template-columns:1fr 1fr}.sidebar-nav-list li{border-right:1px solid #f0f0f0}.sidebar-nav-list li:nth-child(even){border-right:none}}@media screen and (max-width:500px){.container{padding:10px}.main-content{padding:20px}.top-nav-list{flex-direction:column}.top-nav-list li{flex:1 1 100%;border-right:none;border-bottom:1px solid #f0f0f0}.top-nav-list li:last-child{border-bottom:none}.sidebar-nav-list{grid-template-columns:1fr}.sidebar-nav-list li{border-right:none}.page-header h1{font-size:24px}}.fixed_basket{top:13%!important}.fix{position:fixed;top:1%;z-index:9999999;background:#fff;left:0;padding:5px}.banner_small{align-items:center;background:url(/images/bg_small.jpg) no-repeat top center;width:1000px;margin:0 auto}.banner_small .text_part{padding:20px 40px 20px}.banner_small .text_part h1{padding-bottom:20px;font-weight:700;font-size:40px;line-height:47px;color:#FFF}.banner_small .text_part p{margin-bottom:30px;padding-bottom:0;padding-left:10px;font-weight:400;font-size:18px;line-height:21px;color:#FFF;font-style:italic;border-left:3px solid #fff}ol,ul{padding-left:0rem}.top-nav-list a{font-size:15px;line-height:18px;text-align:center}.top-nav-list img{width:26px!important;height:26px!important;margin-right:12px!important}.top-nav-list li{min-width:auto!important}.main-content-wrapper{background:#fff;border-radius:0;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:0;overflow:hidden}.materials-header{padding:20px;border-bottom:1px solid #e0e0e0}.materials-header h2{color:#669518!important;font-size:24px!important;margin:0!important}.materials-content-block{padding:20px}.partner_text{margin-bottom:30px}.partner_text h2{color:#669518!important;font-size:22px!important;margin-bottom:15px!important}.partner_text p{margin-bottom:10px;line-height:1.5}.green-text-link{color:#006633!important;text-decoration:none!important}.green-text-link:hover{text-decoration:underline!important}#accordion3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.materials-col{display:flex;flex-direction:column;gap:20px}.material{background:#f9f9f9;border-left:4px solid #063;padding:0}.material h3{color:#063;margin:0;padding:15px 20px;font-size:18px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color 0.3s ease}.material h3:hover{background-color:#f0f0f0}.material h3.active{background-color:#e8f5e8}.accordion-arrow{font-size:12px;transition:transform 0.3s ease}.material h3.active .accordion-arrow{transform:rotate(180deg)}.materials-content{padding:0 20px;display:none}.materials-content.active{display:block}.materials-content p{margin:0 0 15px 0;padding:0;display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e0e0e0}.materials-content p:last-child{border-bottom:none;margin-bottom:0}.materials-content span{flex-grow:1;margin-right:15px}.materials-content a{background:#063;color:white;padding:5px 15px;text-decoration:none;border-radius:0;font-size:12px;white-space:nowrap;transition:background-color 0.3s ease}.materials-content a:hover{background:#004d26;color:white}.materials-content{transition:all 0.3s ease}@media screen and (max-width:768px){#accordion3{grid-template-columns:1fr}.materials-content p{flex-direction:column;align-items:flex-start;gap:10px}.materials-content a{align-self:flex-end}.material h3{padding:12px 15px;font-size:16px}.materials-content span{margin-right:0}}

/* ==========================================================================
   Базовые стили контента страницы
   ========================================================================== */
#zu-page{
    --zu-dark:#0f5a32;
    --zu-green:#17753f;
    --zu-accent:#2f9e4f;
    --zu-line:#dcead0;
    --zu-r:14px;
    max-width:1000px;
    margin:0 auto 40px;
    padding:0 20px;
    color:#3a3a3a;
    font-size:15px;
    line-height:1.5;
    box-sizing:border-box;
}
#zu-page *,#zu-page *:before,#zu-page *:after{box-sizing:border-box}
#zu-page img{max-width:100%;display:block}
#zu-page ul{list-style:none;margin:0;padding:0}
#zu-page p{margin:0}
#zu-page a{color:var(--zu-green)}

body:not(.zu-editing) .zu-empty{display:none!important}
.zu-editing .zu-empty{opacity:.75}

/* ==========================================================================
   Карточки-баннеры раздела «Академия Фаско»
   ========================================================================== */
.ac-card{
    position:relative;
    display:grid;grid-template-columns:minmax(0,1fr) 46%;
    background:#f4f4f4;border-radius:14px;overflow:hidden;
    margin-bottom:34px;min-height:300px;
}
.ac-card:last-child{margin-bottom:0}

#zu-page .ac-card__body{position:relative;z-index:2;padding:30px 32px;align-self:center}
#zu-page .ac-card__head{display:flex;gap:18px;align-items:center;margin-bottom:14px}
.ac-card__ico{
    flex:none;width:62px;height:62px;border-radius:50%;
    background:var(--zu-dark);color:#fff;
    display:flex;align-items:center;justify-content:center;
}
#zu-page .ac-card__title{color:var(--zu-dark);font-size:27px;line-height:1.15;font-weight:700;margin:0}

#zu-page .ac-card__text{max-width:420px;margin-bottom:14px;font-size:15px;line-height:1.45}
#zu-page .ac-card__text:last-of-type{margin-bottom:18px}

#zu-page .ac-card__list-title{margin-bottom:8px;color:var(--zu-dark);font-size:15px;font-weight:700}
#zu-page .ac-card__list{margin:0 0 18px;padding:0;list-style:none}
#zu-page .ac-card__list li{display:flex;gap:9px;align-items:flex-start;margin-bottom:5px;font-size:15px;line-height:1.4}
#zu-page .ac-card__list li:last-child{margin-bottom:0}

#zu-page .ac-card__act{display:flex;align-items:center;gap:6px}

.ac-card__media{position:absolute;inset:0 0 0 38%;z-index:1}
.ac-card__media img{width:100%;height:100%;object-fit:cover;object-position:center}
.ac-card__media:after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(to right,#f4f4f4 0,#f4f4f4 14%,rgba(244,244,244,0) 52%);
}

@media (max-width:860px){
    .ac-card{grid-template-columns:1fr;min-height:0}
    .ac-card__media{position:relative;inset:auto;order:-1;}
    .ac-card__media:after{background:linear-gradient(to bottom,rgba(244,244,244,0) 55%,#f4f4f4 100%)}
    .ac-card__body{padding:22px 22px 26px}
    .ac-card__text{max-width:none}
}
@media (max-width:560px){
    #zu-page{padding:0 10px}
    .ac-card__head{gap:12px}
    .ac-card__ico{width:48px;height:48px}
    .ac-card__title{font-size:22px}
    .ac-card__act .zu-btn{width:100%}
}

/* ---------- кнопки ---------- */
.zu-btn{
    display:inline-flex;align-items:center;justify-content:center;
    padding:13px 18px;border-radius:10px;
    background:var(--zu-green);color:#fff!important;
    font-size:14.5px;font-weight:600;text-decoration:none!important;white-space:nowrap;
    border:2px solid var(--zu-green);transition:.2s;cursor:pointer;
}
.zu-btn:hover{background:var(--zu-dark);border-color:var(--zu-dark)}
.zu-btn--ghost{background:transparent;color:var(--zu-green)!important;border-color:#b9d5a8}
.zu-btn--ghost:hover{background:#fff;color:var(--zu-dark)!important;border-color:var(--zu-green)}
/* ---------- слоты иконок ---------- */
.zu-ico-slot{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none}
.zu-ico-img{object-fit:contain}
/* ==========================================================================
   Инлайн-редактор (виден только редакторам)
   ========================================================================== */
.zu-pen{
    display:none;vertical-align:middle;margin-left:6px;
    width:24px;height:24px;padding:0;line-height:22px;text-align:center;
    border:1px solid #b9d5a8;border-radius:6px;background:#fff;color:var(--zu-green);
    font-size:13px;cursor:pointer;
}
.zu-editing .zu-pen{display:inline-block}
.ac-card__media .zu-pen{
    position:absolute;top:8px;right:8px;z-index:6;box-shadow:0 1px 4px rgba(0,0,0,.2)
}
.zu-pen:hover{background:#eaf5e1}

.zu-editing [data-zu]{
    cursor:text;border-radius:6px;
    outline:1px dashed transparent;outline-offset:3px;
    transition:outline-color .15s,background-color .15s;
}
.zu-editing [data-zu]:hover{outline-color:#8dc06d;background:rgba(255,255,255,.55)}
.zu-editing [data-zu].zu-active{
    outline:2px solid var(--zu-accent);background:#fff;
    white-space:pre-wrap;font-family:inherit;
}
.zu-editing [data-zu].zu-saving{opacity:.55}
.zu-editing [data-zu].zu-saved{outline:2px solid #7ac143;background:#f2fbea}
.zu-editing [data-zu]:empty:before{content:"+ добавить текст";color:#9aa89a;font-style:normal;font-weight:400}

.zu-panel{
    position:fixed;right:18px;bottom:18px;z-index:99998;
    width:250px;padding:14px 16px;border-radius:12px;
    background:#fff;box-shadow:0 6px 26px rgba(0,0,0,.18);
    font:13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#333;
}
.zu-switch{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.zu-switch input{position:absolute;opacity:0;pointer-events:none}
.zu-switch__track{
    position:relative;flex:none;width:40px;height:22px;border-radius:22px;background:#ccc;transition:.2s;
}
.zu-switch__track:after{
    content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s;
}
.zu-switch input:checked+.zu-switch__track{background:var(--zu-accent,#2f9e4f)}
.zu-switch input:checked+.zu-switch__track:after{transform:translateX(18px)}
.zu-switch__label{font-weight:600}
.zu-panel__hint{margin-top:10px;padding-top:10px;border-top:1px solid #eee;color:#777;font-size:12px}
.zu-panel__hint b{color:#444;font-weight:600}

.zu-toast{
    position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);z-index:99999;
    max-width:min(560px,92vw);padding:11px 20px;border-radius:10px;
    background:#1f2d1a;color:#fff;font:14px/1.4 sans-serif;
    opacity:0;pointer-events:none;transition:.2s;
}
.zu-toast--show{opacity:1;transform:translate(-50%,0)}
.zu-toast--error{background:#b3261e}

.zu-pop{
    position:absolute;z-index:99999;width:330px;padding:14px;
    background:#fff;border-radius:10px;box-shadow:0 6px 26px rgba(0,0,0,.2);
    font:13px/1.4 sans-serif;
}
.zu-pop__t{margin-bottom:8px;font-weight:600;color:#333}
.zu-pop__i{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:7px;font-size:13px}
.zu-pop__b{display:flex;gap:8px;margin-top:10px}
.zu-pop__b button{
    padding:7px 14px;border:1px solid #b9d5a8;border-radius:7px;background:#fff;cursor:pointer;font-size:13px;
}
.zu-pop__b button[data-a=ok]{background:#17753f;border-color:#17753f;color:#fff}

/* ---------- загрузка картинок ---------- */
.zu-pen--media{font-size:14px}
.zu-editing [data-zu-img]{outline:1px dashed transparent;outline-offset:2px;transition:outline-color .15s}
.zu-editing [data-zu-img]:hover{outline-color:#8dc06d}
.zu-editing [data-zu-img].zu-drop{outline:2px solid var(--zu-accent,#2f9e4f);background:#eaf5e1}
.zu-ico-slot .zu-pen{position:absolute;top:-9px;right:-13px;width:20px;height:20px;line-height:18px;font-size:11px;z-index:6}
.zu-pop__file{
    width:100%;padding:10px;margin-bottom:10px;border:1px dashed #8dc06d;border-radius:8px;
    background:#f3faec;color:#17753f;font-size:13px;font-weight:600;cursor:pointer;
}
.zu-pop__file:hover{background:#eaf5e1}
.zu-pop__or{margin-bottom:6px;color:#999;font-size:11px;text-align:center}
.zu-pop__b{flex-wrap:wrap}
.zu-pop__wait{display:none;margin-top:8px;color:#17753f;font-size:12px}
.zu-pop--busy .zu-pop__wait{display:block}
.zu-pop--busy .zu-pop__file,.zu-pop--busy .zu-pop__b{opacity:.5;pointer-events:none}

@media print{.zu-panel,.zu-toast,.zu-pop,.zu-pen{display:none!important}}
