@charset "utf-8";

header, nav, article, aside, section, footer {
 display: block;
}
html, body {
 margin: 0;
 padding: 0;
}
textarea, input {
 outline: none;
 resize: none;
}
img, a img {
 border: none;
 outline: none;
}
a, a:link, a:visited, a:active, a:hover {
 color: #000;
 text-decoration: none;
}
a:hover {
 color: #ef3734 !important;
}
body {
 font: 13px/20px 'Roboto Slab';
 background: #fff url(/img/bg.jpg) center fixed no-repeat;
 background-size: cover;
 color: #7a7a7a;
 font-weight: 400;
 padding: 50px 0;
}
h1, h2, h3, h4, h5, h6 {
 padding: 0;
 margin: 5px 0 10px 0;
 font-weight: normal;
 font-family: 'Roboto Slab';
 color: #000;
 letter-spacing: 1px;
}
aside ul, aside ol, aside li {
 margin: 0;
 padding: 0;
}
textarea {
 overflow: auto;
}
#t-container textarea, #t-container input[type="text"], #t-container input[type="password"] {
 max-width: 94% !important;
 padding-left: 3%;
 padding-right: 3%;
 border: 1px solid #dcdcdc;
 background: #f8f8f8;
 font-family: 'Roboto Slab';
 font-size: 13px;
 color: #7a7a7a;
 padding-top: 7px;
 padding-bottom: 7px;
}
#t-container textarea:focus, #t-container input[type="text"]:focus, #t-container input[type="password"]:focus {
 border: 1px solid #000;
 color: #000;
}
#t-container input[type="button"], #t-container input[type="submit"], #t-container input[type="reset"] {
 font-family: 'Roboto Slab';
 font-size: 13px;
 border: none;
 background: #ef3734;
 color: #fff;
 height: 30px;
 text-transform: uppercase;
 cursor: pointer;
 padding-left: 20px;
 padding-right: 20px;
}
#t-container {
 max-width: 1230px;
 margin: 0 auto;
 background: #fff;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.cnt {
 padding: 0 30px;
}
.oh:after {
 content: "";
 display: block;
 clear: both;
}
i.sprt:before {
 content: "/";
 font-style: normal;
 display: inline-block;
 padding: 0 5px;
}
.col2, .col3, .col4, .col2f {
 float: left;
 margin-right: 30px;
}
.col2 {
 width: 420px;
}
.col2f {
 width: 120px;
}
.col3, .col4 {
 width: 270px;
}
.col2:nth-child(2n), .col2f:nth-child(2n), .col3:nth-child(3n), .col4:nth-child(4n) {
 margin-right: 0;
}
.img1, .img2, .img3 {
 background-position: center;
 background-size: cover;
 background-color: #dcdcdc;
}
.img1 {
 width: 270px;
 height: 170px;
}
.img2 {
 width: 570px;
 height: 360px;
}
.img3 {
 width: 870px;
 height: 550px;
}
#top {
 height: 40px;
 line-height: 40px;
 background: rgba(0, 0, 0, 0.9) url(/img/overlay.png);
 color: #fff;
}
.top-day {
 float: left;
}
.top-day .fa {
 font-size: 14px;
 padding-right: 5px;
}
.top-links {
 float: right;
}
.top-links a {
 color: #fff;
}
.top-links a:hover {
 color: #ef3734 !important;
 text-decoration: underline;
}
#header {
 height: 90px;
 padding: 20px 0;
}
#logo {
 float: left;
 padding: 20px 0;
}
#logo > a {
 font-size: 36px;
 font-weight: 700;
 line-height: 36px;
 letter-spacing: 1px;
}
#logo > span {
 display: block;
 line-height: 14px;
}
#header-banner {
 height: 90px;
 overflow: hidden;
 float: right;
}
#nav {
 border-bottom: 1px solid #dcdcdc;
 position: relative;
 z-index: 999;
 padding-bottom: 10px;
}
#nav .uMenuV {
 float: left;
}
#nav .uMenuV ul, #nav .uMenuV li {
 padding: 0;
 margin: 0;
 list-style: none;
}
#nav .uMenuV .uMenuRoot > li {
 float: left;
}
#nav .uMenuV .uMenuRoot > li i.sprt {
 color: #7a7a7a;
 font-weight: 400;
 padding: 0 10px;
}
#nav .uMenuV .uMenuRoot > li:last-child i.sprt {
 display: none;
}
#nav .uMenuV .uMenuRoot > li > a {
 text-transform: uppercase;
 font-weight: bold;
 letter-spacing: 1px;
 display: inline-block;
 padding-bottom: 10px;
}
#nav .uMenuV .uMenuRoot > li > a.uMenuItemA {
 color: #7a7a7a;
}
.uWithSubmenu {
 position: relative;
}
.uWithSubmenu ul {
 display: none;
 position: absolute;
 width: 200px;
 background: rgba(0, 0, 0, 0.9) url(/img/overlay.png);
 color: #fff;
 top: 30px;
}
.uWithSubmenu:hover > ul {
 display: block;
}
.uWithSubmenu ul a {
 display: block;
 color: #fff !important;
 border-bottom: 1px solid #000;
 line-height: 30px;
 padding: 0 10px;
}
.uWithSubmenu ul a:hover {
 background: #ef3734;
}
#nav .uMenuV .uMenuRoot > li.uWithSubmenu:hover > a {
 color: #ef3734;
}
.uWithSubmenu ul li ul {
 left: 200px;
 top: 0px;
}
.search-link {
 float: right;
}
.search-link .fa {
 font-size: 14px;
}
#middle {
 padding: 20px 0 50px;
}
#content {
 float: left;
 width: 870px;
}
#slider-cnt, #slider {
 height: 400px;
 width: 870px;
 overflow: hidden;
 position: relative;
}
#slider-cnt {
 margin-bottom: 50px;
}
#slider ul, #slider ul li {
 padding: 0;
 margin: 0;
 list-style: none;
 height: 400px;
 width: 870px;
 position: relative;
}
#slider ul li {
 background-position: center;
 background-size: cover;
 background-clip: #dcdcdc;
}
.slide-info {
 width: 830px;
 padding: 20px;
 position: absolute;
 z-index: 2;
 bottom: 0;
 background: rgba(0, 0, 0, 0.8) url(/img/overlay.png);
 color: #fff;
}
.slide-info a {
 color: #fff;
}
.slide-title {
 font-size: 18px;
}
.slide-b {
 font-size: 11px;
 padding-top: 7px;
 letter-spacing: 1px;
}
.slide-b a {
 color: #ef3734 !important;
}
#prevBtn, #nextBtn {
 position: absolute;
 z-index: 10;
 width: 40px;
 height: 40px;
 top: 50%;
 margin-top: -20px;
 display: none;
}
#prevBtn {
 left: 0;
}
#nextBtn {
 right: 0;
}
#slider-cnt:hover #prevBtn, #slider-cnt:hover #nextBtn {
 display: block;
}
#prevBtn a, #nextBtn a {
 display: block;
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 color: #fff !important;
 background: rgba(0, 0, 0, 0.8) url(/img/overlay.png);
 opacity: 0.5;
}
#prevBtn a:hover, #nextBtn a:hover {
 opacity: 1;
}
.tabs-head {
 text-transform: uppercase;
 letter-spacing: 1px;
 padding-bottom: 20px;
 margin-bottom: 20px;
 border-bottom: 1px solid #dcdcdc;
 line-height: 13px;
}
.tabs-head a {
 font-weight: 700;
}
.tabs-link-cur {
 color: #7a7a7a !important;
}
.news-name {
 display: block;
 padding: 15px 0 10px;
 line-height: 18px;
 font-size: 15px;
 font-weight: 700;
}
.news-det {
 line-height: 11px;
 font-size: 11px;
 padding-bottom: 10px;
 color: #000;
 font-weight: 700;
}
.news-det a {
 color: #ef3734 !important;
}
.news-mes {
 line-height: 18px;
 padding-bottom: 10px;
}
.news-more {
 color: #ef3734 !important;
 text-decoration: underline !important;
}
.news-more span {
 font-family: arial;
}
.news-more:hover {
 color: #000 !important;
}
.tabs-cnt {
 display: none;
}
.tabs-cnt.tabs-cnt-cur {
 display: block;
}
.inf_block, .inf_block2, .inf_block3 {
 margin-bottom: 50px;
}
.inf-head {
 text-transform: uppercase;
 font-weight: 700;
 color: #000;
 letter-spacing: 1px;
 line-height: 13px;
 padding-bottom: 20px;
 margin-bottom: 20px;
 border-bottom: 1px solid #dcdcdc;
}
.inf-head > a {
 float: right;
 text-transform: none;
 letter-spacing: 0;
}
.first-big .news1 {
 margin-left: 600px;
 margin-bottom: 30px;
}
.first-big .news1 .news-mes, .first-big .news1 .news-more {
 display: none;
}
.first-big .news1:first-child {
 margin-left: 0;
 width: 570px;
 float: left;
}
.first-big .news1:first-child .news-mes, .first-big .news1:first-child .news-more {
 display: block;
}
#sidebar {
 float: right;
 width: 270px;
}
.block {
 margin-bottom: 30px;
}
.block-title {
 font-weight: 700;
 text-transform: uppercase;
 padding-bottom: 10px;
 letter-spacing: 1px;
 color: #ef3734;
}
.login-f-links {
 padding-top: 7px;
}
.login-f-links a {
 text-decoration: underline;
 color: #ef3734;
}
.login-f-links a:hover {
 color: #000 !important;
}
.sm-news {
 padding-bottom: 15px;
 margin-bottom: 15px;
 border-bottom: 1px solid #dcdcdc;
 line-height: 16px;
}
.sm-news-img {
 width: 70px;
 height: 70px;
 background-position: center;
 background-size: cover;
 margin-right: 15px;
 float: left;
}
.sm-news > a {
 font-weight: bold;
}
.sm-news span {
 line-height: 30px;
}
.soc {
 padding-top: 20px;
}
.soc a {
 display: block;
 float: left;
 width: 43px;
 height: 43px;
 line-height: 43px;
 text-align: center;
 font-size: 17px;
 background: #f2f2f2;
 border: 1px solid #dcdcdc;
 border-radius: 2px;
 margin-right: 10px;
 margin-bottom: 10px;
}
.soc a:nth-child(5n) {
 margin-right: 0;
}
.soc a:hover {
 background: #fff;
}
.eTag {
 display: block;
 float: left;
 margin: 0 5px 5px 0;
 font-size: 13px !important;
 padding: 0 10px;
 text-transform: lowercase;
 background: #f2f2f2;
 border: 1px solid #dcdcdc;
 border-radius: 2px;
 line-height: 30px;
}
.eTag:hover {
 background: #fff;
}
.block-cnt ul, .block-cnt li {
 margin: 0;
 padding: 0;
 list-style: none;
 list-style-type: none;
 line-height: 30px;
}
.block-cnt li a:hover, .block-cnt .catsTable .catsTd a:hover {
 text-decoration: underline;
}
.block-cnt li .fa, .block-cnt .catsTable .catsTd .fa {
 padding-right: 7px;
 color: #000;
}
.block-cnt .catsTable .catsTd {
 line-height: 30px;
}
.footer-bocks {
 padding-top: 50px;
 padding-bottom: 50px;
 background: #0f0e0f;
 color: #5c5d5d;
}
.footer-bocks a {
 color: #fff;
}
#footer .block .sm-news {
 border-bottom: 1px solid #323232;
}
#footer .block .sm-news a {
 font-weight: 400;
}
#footer .soc a, #footer .eTag {
 background: #323232;
 border-color: #323232 !important;
}
#footer .soc a:hover i {
 color: #ef3734 !important;
}
#footer .block-cnt .fa {
 color: #fff;
}
.footer-contact {
 margin-top: 25px;
}
.footer-contact i {
 display: block;
 float: left;
 width: 27px;
 padding-top: 3px;
 font-size: 16px;
 line-height: 16px;
}
.footer-contact span {
 display: block;
 margin-left: 25px;
}
.bottom {
 padding: 25px 0;
 background: rgba(0, 0, 0, 0.9) url(/img/overlay.png);
 text-align: center;
}
.bottom a {
 color: #ef3734 !important;
}
.post {
 padding-bottom: 30px;
 margin-bottom: 30px;
 border-bottom: 1px solid #dcdcdc;
}
.post-image {
 float: left;
}
.post-cnt {
 margin-left: 290px;
}
.post-title {
 font-size: 18px;
 font-weight: 700;
}
.post-det {
 font-size: 11px;
 color: #5c5c5c;
}
.post-det a {
 color: #5c5c5c;
}
.post-mes {
 padding: 10px 0;
}
.swchItem {
 display: inline-block;
 line-height: 30px;
 min-width: 20px;
 text-align: center;
 margin: 0 2px;
 background: #f2f2f2;
 border: 1px solid #dcdcdc;
 border-radius: 2px;
 font-weight: 700;
 padding: 0 5px;
}
.swchItemA {
 display: inline-block;
 line-height: 30px;
 min-width: 20px;
 text-align: center;
 margin: 0 2px;
 background: rgba(0, 0, 0, 0.9) url(/img/overlay.png);
 border: 1px solid rgba(0, 0, 0, 0.9);
 border-radius: 2px;
 font-weight: 700;
 color: #fff;
 padding: 0 5px;
}
.swchItem:hover {
 background: #fff;
}
.eTitle {
 font-size: 18px;
 font-weight: 700;
 padding-bottom: 10px;
 color: #000;
}
.eDetails {
 padding-top: 10px;
 font-size: 11px;
}
.eBlock {
 padding-bottom: 20px;
 margin-bottom: 20px;
 border-bottom: 1px solid #dcdcdc;
}
hr {
 height: 1px;
 border: none;
 background: #dcdcdc;
}
#allEntries > div[id^='comEnt'] {
 margin-top: 20px;
 margin-bottom: -5px;
 padding: 10px;
 border: 1px solid #dcdcdc;
 border-radius: 2px;
 background: #f6f6f6;
}
.commTable {
 padding-top: 20px;
}
.commFl {
 width: 94%;
}

.gTable {
 background: none;
 border-spacing: 0;
}
.gTable td {
 padding: 10px 20px;
}
.gTableTop {
 line-height: 20px;
 padding: 10px 20px !important;
 color: #fff;
 text-decoration: none;
 font-size: 13px !important;
 text-transform: uppercase;
 font-weight: 700;
 letter-spacing: 1px;
}
.gTableTop a {
 color: #fff;
 text-decoration: none;
 font-size: 14px;
}
.gTableSubTop {
 padding: 5px 10px;
 color: #fff;
}
.gTableSubTop a {
 color: #fff;
}
.catLink {
 color: #fff !important;
 font-size: 13px !important;
 text-transform: uppercase;
 font-weight: 700;
 letter-spacing: 1px;
}
.funcBlock {
 padding-right: 10px;
}
.forumIcoTd {
 text-align: center;
}
.forumIcoTd,
.forumNameTd,
.forumThreadTd,
.forumPostTd,
.forumLastPostTd {
 padding: 5px 10px;
 border-bottom: 1px solid #dcdcdc;
}
.forumThreadTd,
.forumPostTd,
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.threadIcoTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd
{
 vertical-align: middle;
 padding-left: 20px;
 border-bottom: 1px solid #dcdcdc;
}
.forumNameTd {
 line-height: 24px;
 color: #7a7a7a;
}
.forumNameTd a {
 font-size: 15px;
}
.forumNamesBar {
 padding-left: 10px !important;
}
.frmBtns {
 text-align: right;
 padding-right: 10px;
}
.legendTd {
 padding: 0 10px;
}
.forumLastPostTd {} .threadIcoTd,
.threadIcoTd {
 text-align: center;
 vertical-align: middle;
}
.threadsDetails {
 padding: 5px;
}
.postTdTop {
 text-align: center;
 padding: 5px;
 border-top: 1px solid #dcdcdc;
 border-bottom: 1px solid #dcdcdc;
}
.postTdInfo {
 text-align: center;
 border-right: 1px solid #dcdcdc;
}
.posttdMessage {
 vertical-align: top;
 padding: 5px;
}
.gTableSubTop {
 background: #f2f2f2;
 color: #5c5c5c;
}
.threadsDetails,
.postTdTop {
 background: none;
}
.gTable tr {
 background: none;
}
.gDivBottomRight {
 height: 50px;
}
.pagesInfo {
 background: #f2f2f2;
 border-radius: 2px 0 0 2px;
 padding: 5px 10px;
}
.switchActive {
 padding: 5px 10px;
 border-radius: 0 2px 2px 0;
 color: #fff;
}
.postBottom {
 border-top: 1px solid #dcdcdc;
 border-bottom: 1px solid #dcdcdc;
 padding: 0 20px !important;
}
#thread_search_form {
 position: relative;
 padding-bottom: 10px;
 overflow: hidden;
}
#thread_search_button {
 position: absolute;
 top: -1px;
 right: 0;
}
.gTableTop, .switchActive {
 background: rgba(0, 0, 0, 0.9) url(/img/overlay.png);
}
#sfSbm {margin-right: 30px;}
.calTable {
 width: 100%;
}
.calTable td {
 line-height: 30px;
 border: 1px solid #dcdcdc;
 border-radius: 2px;
}
.calMonth {
 border: none !important;
 font-weight: 700;
 text-transform: uppercase;
}
.calWday {
 background: rgba(0, 0, 0, 0.9) url(/img/overlay.png);
 border: 1px solid #000 !important;
 color: #fff;
}
.calWdaySu, .calWdaySe {
 background: #ef3734;
 border: 1px solid #ef3734 !important;
 color: #fff;
}

/* =========================================================
 ПРАВКИ: ТОЛЬКО САЙДБАР УБРАТЬ + МЕНЮ ГОРИЗОНТАЛЬНОЕ
 ========================================================= */

/* 1) УБРАТЬ САЙДБАР */
#sidebar {
 display: none !important;
}

/* чтобы контент занял освободившееся место */
#content {
 float: none !important;
 width: 100% !important;
}

/* 2) МЕНЮ ГОРИЗОНТАЛЬНОЕ (если вдруг выводится не uMenu, а обычный UL) */
#nav ul, #nav li {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Горизонтально только первый уровень в #nav (чтобы подменю не ломалось) */
#nav > .cnt > ul > li {
 float: left;
}

/* Подменю оставляем вертикальным */
#nav > .cnt > ul > li ul li {
 float: none;
}
/* ====== ИДЕАЛЬНО РОВНОЕ МЕНЮ С РАЗДЕЛИТЕЛЕМ ====== */

/* Верхний уровень меню — flex */
#nav .uMenuRoot {
 display: flex !important;
 align-items: center !important;
}

/* Пункты меню */
#nav .uMenuRoot > li {
 display: flex !important;
 align-items: center !important;
 float: none !important;
}

/* Ссылки — убираем нижний отступ, который ломал линию */
#nav .uMenuRoot > li > a {
 display: inline-flex !important;
 align-items: center !important;
 font-size: 13px !important;
 font-weight: 700 !important;
 letter-spacing: 1px;
 text-transform: uppercase;
 line-height: 20px !important;
 padding: 0 !important; /* 🔥 ВАЖНО */
}

/* Разделитель "/" */
#nav .uMenuRoot > li:not(:last-child)::after {
 content: "/";
 display: inline-flex;
 align-items: center;
 font-size: 15px;
 font-weight: 700;
 line-height: 20px;
 margin: 0 10px;
 color: #7a7a7a;
}
/* ====== МЕНЮ: ПРИНУДИТЕЛЬНО ЖИРНОЕ (для a и всех вложенных элементов) ====== */

#nav .uMenuRoot > li,
#nav .uMenuRoot > li * {
 font-weight: 900 !important;
}

/* визуальная “жирность” (работает везде, даже если у шрифта нет 700/900) */
#nav .uMenuRoot > li > a,
#nav .uMenuRoot > li > a * {
 text-shadow:
 0.6px 0 0 currentColor,
 -0.6px 0 0 currentColor,
 0 0.6px 0 currentColor,
 0 -0.6px 0 currentColor;
}
/* ====== МЕНЮ: ЧУТЬ КРУПНЕЕ + МАКСИМАЛЬНО ПЛОТНО ====== */

#nav .uMenuRoot > li,
#nav .uMenuRoot > li * {
 font-size: 14px !important; /* ← БОЛЬШЕ (было 13) */
 font-weight: 900 !important;
 letter-spacing: 1px;
 text-transform: uppercase;
}

/* усиливаем визуальную плотность (работает всегда) */
#nav .uMenuRoot > li > a,
#nav .uMenuRoot > li > a * {
 text-shadow:
 0.5px 0 0 currentColor,
 -0.5px 0 0 currentColor;
}



/* ====== ПОИСК: ПОЛЕ + ЛУПА БЕЗ КНОПКИ ====== */

.search-box {
 float: right;
 position: relative;
}

/* форма без отступов */
.search-box form {
 margin: 0;
}

/* поле ввода */
.search-box input[type="text"] {
 height: 30px;
 width: 180px;
 padding: 0 30px 0 10px; /* место под лупу */
 border: 1px solid #dcdcdc;
 font-family: 'Roboto Slab';
 font-size: 13px;
 color: #000;
}

/* УБИРАЕМ кнопку */
.search-box input[type="submit"] {
 display: none !important;
}

/* лупа */
.search-icon {
 position: absolute;
 right: 8px;
 top: 50%;
 transform: translateY(-50%);
 color: #7a7a7a;
 pointer-events: none; /* чтобы Enter работал как обычно */
}

/* ====== ЛОГОТИП ПО ЦЕНТРУ ПОДВАЛА ====== */

.footer-logo-center {
 width: 100%;
 text-align: center;
 margin-top: 30px;
}

.footer-logo-center img {
 width: 110px; /* оптимально, можно 70–110 */
 height: auto;
 opacity: 0.95;
}

.footer-logo-center img:hover {
 opacity: 1;
}


/* ===== Категории uCoz (в контенте): в ряд, крупно ===== */
#content .cats-bar{
 margin: 12px 0 18px;
}

/* uCoz часто выводит категории как UL/LI */
#content .cats-bar ul{
 list-style: none !important;
 margin: 0 !important;
 padding: 0 !important;

 display: flex !important;
 flex-wrap: wrap !important;
 gap: 10px !important;
 align-items: center !important;
}

/* сброс вертикального меню/float из темы */
#content .cats-bar ul li{
 float: none !important;
 display: inline-block !important;
 width: auto !important;
 margin: 0 !important;
 padding: 0 !important;
}

/* кнопки */
#content .cats-bar ul li a,
#content .cats-bar ul li b,
#content .cats-bar a,
#content .cats-bar b{
 display: inline-block !important;
 padding: 10px 16px !important;
 border-radius: 18px !important;

 font-size: 18px !important; /* КРУПНО */
 font-weight: 700 !important;

 background: #eef2fb !important;
 border: 1px solid #dbe2f7 !important;
 color: #2d355d !important;

 text-decoration: none !important;
 line-height: 1 !important;
}

/* активная категория (часто uCoz делает её <b>) */
#content .cats-bar b{
 background: #4f7cff !important;
 border-color: #4f7cff !important;
 color: #fff !important;
}

/* hover */
#content .cats-bar a:hover{
 background: #e3e9ff !important;
 border-color: #b8c6ff !important;
}
/* ===== УБИРАЕМ ФОНЫ ТЕМЫ ===== */
html:before, html:after,
body:before, body:after{
 content:none !important;
 display:none !important;
 background:none !important;
}

/* ===== КЛЕТКА ТОЛЬКО ВОКРУГ СТРАНИЦЫ ===== */
body{
 background-color:#ffffff !important;
 background-image:
 repeating-linear-gradient(to right, rgba(210,225,255,.55) 0 1px, transparent 1px 28px),
 repeating-linear-gradient(to bottom, rgba(210,225,255,.55) 0 1px, transparent 1px 28px) !important;
 background-attachment:fixed;
}
/* ===== КНОПКА КУПИТЬ ===== */
.buy-btn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:10px;
 padding:14px 28px;
 font-size:20px;
 font-weight:700;
 color:#fff !important;
 text-decoration:none;
 border-radius:14px;
 background:linear-gradient(135deg,#5b7cff,#7a96ff);
 box-shadow:0 8px 18px rgba(91,124,255,.35);
 transition:.18s ease;
 position:relative;
 overflow:hidden;
}

.buy-btn:hover{
 transform:translateY(-2px);
 box-shadow:0 12px 26px rgba(91,124,255,.45);
 background:linear-gradient(135deg,#6c87ff,#94abff);
}

.buy-btn:active{
 transform:translateY(1px);
 box-shadow:0 6px 12px rgba(91,124,255,.3);
}

/* блик */
.buy-btn::after{
 content:"";
 position:absolute;
 top:0;
 left:-120%;
 width:60%;
 height:100%;
 background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);
 transition:.6s;
}
.buy-btn:hover::after{ left:120%; }

/* иконка */
.buy-icon{
 font-size:22px;
}