/* ====================================================================== RAO.KZ — оформление «золото и бирюза» (13.09.2026) Орнамент «қошқар мүйіз» и цвета флага: бирюзовый #00AFCA, золотой #FEC50C. Шапка, главное меню, разделы (фильтр и обложки карточек). Главная — в home_blocks.php. Подключается в через asset_version.php?set=theme, поэтому правила разделов начинаются с «body»: файл фильтра docs-filter.css грузится ниже и иначе перебил бы их. ====================================================================== */ /* ── Шрифт Onest вместо Manrope ── В Manrope нет казахских букв Ғ Қ Ң Ұ Ә (даже в полной версии от Google), браузер подставлял их из чужого шрифта, и они «прыгали». Onest — близкий по характеру, с полным казахским алфавитом. Вариативный: один файл на набор символов, веса 400–800. */ @font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url('/templates/keysh/webfonts/onest-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url('/templates/keysh/webfonts/onest-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url('/templates/keysh/webfonts/onest-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url('/templates/keysh/webfonts/onest-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} body{font-family:'Onest','Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif} input,button,select,textarea{font-family:inherit} :root{--orn-turq:#00AFCA;--orn-turq-d:#0098b3;--orn-teal:#00839a;--orn-ink:#0b3b45;--orn-gold:#FEC50C;--orn-gold-d:#E0A800;--accent:#0098b3} /* ── Шапка ── */ .header{position:relative;background:linear-gradient(180deg,#ffffff 0%,#f1fbfd 100%)} .header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--orn-turq-d),var(--orn-gold) 50%,var(--orn-turq-d))} .header .logo{color:var(--orn-ink) !important} .search-block__input[type="text"],.search-block__input[type="text"]:focus{border:1.5px solid #bfe6ee} .search-block__input[type="text"]:focus{border-color:var(--orn-turq);box-shadow:0 0 0 3px rgba(0,175,202,.15)} .search-block__btn{color:var(--orn-teal)} .header .header__link{color:var(--orn-teal)} .header .header__link:hover{color:var(--orn-gold-d)} a.header__btn-login,button.header__btn-login,.header .header__btn-login{background:linear-gradient(135deg,var(--orn-turq-d),var(--orn-turq)) !important;color:#fff !important} a.header__btn-login:hover,button.header__btn-login:hover{background:linear-gradient(135deg,var(--orn-teal),#00a3bc) !important} .header select{border:1.5px solid #bfe6ee;border-radius:20px;color:var(--orn-ink);background-color:#fff} .header__btn-menu{color:var(--orn-teal)} .lang-btn.active{background:var(--orn-turq-d);border-color:var(--orn-turq-d)} /* ── Главное меню: бирюзовая полоса, под ней орнамент ── */ .nav{position:relative;padding-top:0;padding-bottom:0;border-top:0;background:linear-gradient(90deg,#0a6f82,var(--orn-turq-d) 50%,#0a6f82);box-shadow:0 6px 18px rgba(0,131,154,.18)} .nav{margin-bottom:16px} .nav::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2764%27 height=%2728%27 viewBox=%270 0 64 28%27 fill=%27none%27 stroke=%27%23E0A800%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M32 25V19C32 11 25 5 17 5C11 5 7 9 7 14C7 18 10 21 14 21C17 21 19 19 19 16C19 14 17.5 12.5 15.5 12.5%27/%3E%3Cpath d=%27M32 19C32 11 39 5 47 5C53 5 57 9 57 14C57 18 54 21 50 21C47 21 45 19 45 16C45 14 46.5 12.5 48.5 12.5%27/%3E%3C/svg%3E") repeat-x center/32px 14px;opacity:.9;pointer-events:none} .nav .nav__list > li + li{border-left:1px solid rgba(255,255,255,.18)} .nav .nav__list > li > a{height:48px;color:#fff;position:relative} .nav .nav__list > li > a::after{content:"";position:absolute;left:50%;bottom:8px;width:0;height:3px;border-radius:2px;background:var(--orn-gold);transform:translateX(-50%);transition:width .2s} .nav .nav__list > li:hover > a{color:var(--orn-gold)} .nav .nav__list > li:hover > a::after,.nav .nav__list > li > a.is-active::after{width:40px} .nav .nav__list-hidden{border-top:3px solid var(--orn-gold)} .nav .nav__list-hidden a:hover{color:var(--orn-turq-d)} /* ── Разделы: заголовок раздела с орнаментом ── */ body .sect__title{color:var(--orn-ink)} body .sect__header{position:relative;padding-bottom:18px} body .sect__header::after{content:"";position:absolute;left:0;bottom:0;width:128px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2764%27 height=%2728%27 viewBox=%270 0 64 28%27 fill=%27none%27 stroke=%27%23E0A800%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M32 25V19C32 11 25 5 17 5C11 5 7 9 7 14C7 18 10 21 14 21C17 21 19 19 19 16C19 14 17.5 12.5 15.5 12.5%27/%3E%3Cpath d=%27M32 19C32 11 39 5 47 5C53 5 57 9 57 14C57 18 54 21 50 21C47 21 45 19 45 16C45 14 46.5 12.5 48.5 12.5%27/%3E%3C/svg%3E") repeat-x left center/32px 14px} /* ── Разделы: панель фильтра ── */ body .df-panel{background:linear-gradient(180deg,#f3fbfd 0%,#e8f7fa 100%);border:1px solid #bfe6ee;border-top:4px solid var(--orn-gold);box-shadow:0 4px 18px rgba(0,152,179,.08)} body .df-head__ic{background:#dff3f7} body .df-head__t{color:var(--orn-ink)} body .df-count{color:var(--orn-teal);border-color:#bfe6ee} body .df-sel{border-color:#cfeaf0;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M6 9l6 6 6-6%27 stroke=%27%230098b3%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")} body .df-sel:hover{border-color:#9fdbe6} body .df-sel:focus,body .df-sel.df-active{border-color:var(--orn-turq);box-shadow:0 0 0 3px rgba(0,175,202,.15)} body .df-sel.df-active{background-color:#f0fbfd} body .df-chip{background:var(--orn-turq-d)} body .df-more,body .df-more:hover{background:linear-gradient(135deg,var(--orn-turq-d),var(--orn-turq));color:#fff} /* ── Карточки материалов ── */ body .exam-card{border-color:#cdeaf0} body .exam-card:hover{border-color:#8fd6e3;box-shadow:0 12px 26px -6px rgba(0,152,179,.28)} body .exam-icon-container{background:#e3f6fa} body .exam-card:hover .exam-icon-container{background:#cdeff5} body .df-badge--subject{color:var(--orn-teal);background:#e6f7fa;border-color:#bfe6ee} body .df-badge--type{color:#8a6200;background:#fff6d6;border-color:#f3dc8a} /* обложки — один цвет для всех типов: бирюза и золотая полоса сверху */ /* 14.09.2026: у каждого типа документа свой цвет обложки (золотая полоса сверху общая) */ body .cc{background:linear-gradient(135deg,#5d6b78 0%,#7f8d99 100%);box-shadow:inset 0 4px 0 var(--orn-gold)} body .cc--ktp{background:linear-gradient(135deg,#0a8aa3 0%,#18b4cc 100%)} body .cc--ksp{background:linear-gradient(135deg,#2a5bb8 0%,#4a86de 100%)} body .cc--sor{background:linear-gradient(135deg,#c2552a 0%,#e5843f 100%)} body .cc--po{background:linear-gradient(135deg,#6a4db6 0%,#9075d8 100%)} body .cc--ws{background:linear-gradient(135deg,#2c8753 0%,#46b073 100%)} body .cc--slides{background:linear-gradient(135deg,#b3305a 0%,#dc5b82 100%)} body .cc--hour{background:linear-gradient(135deg,#a36d0c 0%,#d49b26 100%)} body .cc--doc{background:linear-gradient(135deg,#5d6b78 0%,#7f8d99 100%)} body .cc::after{background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 48 60%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272.4%27 stroke-linejoin=%27round%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M8 3h22l14 14v36a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4z%27/%3E%3Cpath d=%27M30 3v10a4 4 0 0 0 4 4h10%27/%3E%3Cpath d=%27M13 30h22M13 38h22M13 46h14%27/%3E%3C/svg%3E") no-repeat center/contain;opacity:.38} body .cc__kind{text-shadow:0 1px 0 rgba(0,0,0,.08)} body .cc__foot{color:#fff6cf;opacity:1} /* ── Главная: плитки разделов (main-block.tpl, секции .home-tiles) ── Стили плиток лежат прямо в шаблоне, ниже темы — поэтому здесь «body .home-tiles …» */ body .home-tiles .section-title{position:relative;margin:8px 0 18px;padding-bottom:18px;font-size:24px;font-weight:800;line-height:1.25;color:var(--orn-ink);text-transform:none;letter-spacing:0} body .home-tiles .section-title::after{content:"";position:absolute;left:0;bottom:0;width:128px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2764%27 height=%2728%27 viewBox=%270 0 64 28%27 fill=%27none%27 stroke=%27%23E0A800%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M32 25V19C32 11 25 5 17 5C11 5 7 9 7 14C7 18 10 21 14 21C17 21 19 19 19 16C19 14 17.5 12.5 15.5 12.5%27/%3E%3Cpath d=%27M32 19C32 11 39 5 47 5C53 5 57 9 57 14C57 18 54 21 50 21C47 21 45 19 45 16C45 14 46.5 12.5 48.5 12.5%27/%3E%3C/svg%3E") repeat-x left center/32px 14px} body .home-tiles .exam-card{border:1.5px solid #cdeaf0;box-shadow:0 1px 3px rgba(0,152,179,.08)} body .home-tiles .exam-card:hover{border-color:#8fd6e3;box-shadow:0 12px 26px -6px rgba(0,152,179,.28)} body .home-tiles .exam-card::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:3px;border-radius:3px;background:var(--orn-gold);transform:scaleX(0);transition:transform .25s ease} body .home-tiles .exam-card:hover::after{transform:scaleX(1)} body .home-tiles .exam-icon-container{background:#e3f6fa;border-radius:12px} body .home-tiles .exam-card:hover .exam-icon-container{background:var(--orn-gold)} body .home-tiles .exam-icon svg path[fill]{fill:var(--orn-turq-d);transition:fill .25s ease} body .home-tiles .exam-card:hover .exam-icon svg path[fill]{fill:#5a4300} body .home-tiles .exam-title{color:var(--orn-ink)} @media(max-width:560px){body .home-tiles .section-title{font-size:20px;margin-bottom:14px}} /* 14.09.2026: страница тарифов /perehod.html в стиле сайта (бирюза, золото, орнамент) */ body .paybanner{position:relative;overflow:hidden;background:linear-gradient(135deg,#00afca,#006f84);color:#fff;border-radius:18px;padding:24px 20px 20px;border-top:5px solid var(--orn-gold,#fec50c);box-shadow:0 10px 30px rgba(0,111,132,.22)} body .paybanner:after{content:'';position:absolute;right:-10px;bottom:-24px;width:190px;height:130px;opacity:.16;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 60 30%27%3E%3Cpath d=%27M30 26C30 12 18 6 12 10s-2 12 5 9M30 26C30 12 42 6 48 10s2 12-5 9%27 fill=%27none%27 stroke=%27%23fec50c%27 stroke-width=%273%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") center/contain no-repeat} body .paybanner__sum{font-size:38px;color:#fff;letter-spacing:-.01em} body .paybanner__tail{color:#e6f8fb;font-size:16px;font-weight:600} body .paybanner__alt{color:#fff6cf;font-size:15px;margin-top:6px} body .paybanner__inc{color:#fff;border-top:1px solid rgba(255,255,255,.28);margin-top:12px;padding-top:12px;font-size:15px} body .paycta{font-size:18px;color:#17323a;margin:22px 0 4px} body .paycta span{color:#0098b3} body .paysec{display:flex;align-items:center;gap:10px;font-size:14px;color:#006f84;margin:22px 2px 8px} body .paysec:after{content:'';flex:1;height:10px;opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 40 10%27%3E%3Cpath d=%27M20 9C20 4 15 1 12 3s-1 5 2 4M20 9C20 4 25 1 28 3s1 5-2 4%27 fill=%27none%27 stroke=%27%23fec50c%27 stroke-width=%271.6%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") left center/40px 10px repeat-x} body .paylist{gap:10px} body .pill{border:1px solid #d6eef3;border-left:4px solid #0098b3;border-radius:12px;min-height:58px;box-shadow:0 3px 12px rgba(0,80,100,.06)} body .pill:hover{border-color:#0098b3;border-left-color:#fec50c;box-shadow:0 8px 20px rgba(0,152,179,.18);background:#f3fbfd} body .pill__n{font-size:15px;color:#17323a} body .pill__a{color:#0098b3} body .pill__s{color:#0b7285} body .tscope-how{border-left:4px solid #fec50c} body .guestcta{border:1px solid #d6eef3;border-top:4px solid #fec50c;border-radius:16px} body .guesth{color:#006f84} @media(max-width:560px){body .paybanner__sum{font-size:32px}} /* 14.09.2026: сиреневая подложка и синие шапки аккордеона (engine.css) на страницах оплаты → в цветах сайта */ body .tab-title1,body .tab1 :checked + .tab-title1{background:linear-gradient(135deg,#00afca,#006f84);border-radius:14px 14px 0 0;border-bottom:3px solid #fec50c;font-size:18px;letter-spacing:.3px} body .tab-title1 h2{color:#fff;margin:0} body .tab-content1{background:#f4fafb;border:1px solid #d6eef3;border-top:0;border-radius:0 0 16px 16px;padding:18px 20px 22px} body .accordion .content-block{background:transparent} body .paysec:after{flex:0 1 180px;opacity:.7} body .pill{background:#fff} /* 15.09.2026: значок у логотипа в цветах сайта (бирюза, золотая полоса, книга, орнамент) */ body .logo{background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 40 40%27%3E%3Cdefs%3E%3ClinearGradient id=%27g%27 x1=%270%27 y1=%270%27 x2=%271%27 y2=%271%27%3E%3Cstop offset=%270%27 stop-color=%27%2322c3d9%27/%3E%3Cstop offset=%271%27 stop-color=%27%2300748a%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%2740%27 height=%2740%27 rx=%2712%27 fill=%27url(%23g)%27/%3E%3Cpath d=%27M9 14.5c4-1.6 8-1.4 11 1v14c-3-2.4-7-2.6-11-1z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M31 14.5c-4-1.6-8-1.4-11 1v14c3-2.4 7-2.6 11-1z%27 fill=%27%23fff%27 opacity=%27.78%27/%3E%3Cpath d=%27M14 10.5c0-2.6 2.8-3.6 4.2-2.1M26 10.5c0-2.6-2.8-3.6-4.2-2.1M20 12.5c0-2.6-1-4-1.8-4.1M20 12.5c0-2.6 1-4 1.8-4.1%27 fill=%27none%27 stroke=%27%23fec50c%27 stroke-width=%271.8%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") 0 2px / 36px no-repeat;padding-left:46px}