/* тема neon — тёмная витрина. Генерируется движком, править тему, а не этот файл */
*{margin:0;padding:0;box-sizing:border-box}
body{background:#0d0d10;color:#d9d9e3;font:16px/1.6 "Segoe UI",Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
a{color:#b6ff3a;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
h1,h2,h3,h4{font-family:"Segoe UI Semibold","Segoe UI",Roboto,Arial,sans-serif;color:#fff;line-height:1.2}
h1{font-size:38px;font-weight:800;letter-spacing:-.5px}
h2{font-size:28px;font-weight:800;margin-bottom:8px}
h3{font-size:18px;font-weight:700}
p+p{margin-top:12px}

/* верхняя строка */
.topbar{background:#000;border-bottom:1px solid #22222a;font-size:13px}
.topbar .wrap{display:flex;align-items:center;gap:16px;height:38px}
.age{display:inline-block;min-width:34px;padding:2px 7px;border:1px solid #b6ff3a;border-radius:4px;
	color:#b6ff3a;font-weight:700;font-size:12px;text-align:center;letter-spacing:.5px}
.tb-hours{color:#8a8a96}
.tb-tel{margin-left:auto;color:#fff;font-weight:700}

/* шапка: название + адрес + телефон */
.head{background:#111117;border-bottom:1px solid #22222a}
.head .wrap{display:flex;align-items:center;gap:28px;padding-top:20px;padding-bottom:20px}
.logo{display:block;color:#fff}
.logo:hover{text-decoration:none}
.logo-name{display:block;font-size:30px;font-weight:800;letter-spacing:-.5px;color:#fff;
	text-shadow:0 0 18px rgba(182,255,58,.35)}
.logo-sub{display:block;margin-top:2px;font-size:12px;letter-spacing:2.4px;text-transform:uppercase;color:#b6ff3a}
.head-addr{margin-left:auto;max-width:340px;text-align:right;font-size:14px}
.head-addr b{display:block;color:#fff;font-weight:600}
.head-addr span{color:#8a8a96}
.head-tel{text-align:right;border-left:1px solid #22222a;padding-left:28px}
.head-tel a{display:block;font-size:22px;font-weight:800;color:#fff;white-space:nowrap}
.head-tel span{font-size:12px;color:#8a8a96}

/* меню */
.nav{background:#0d0d10;border-bottom:1px solid #22222a}
.nav ul{display:flex;list-style:none;flex-wrap:wrap}
.nav li a{display:block;padding:15px 20px;color:#c9c9d3;font-size:15px;font-weight:600}
.nav li a:hover{color:#0d0d10;background:#b6ff3a;text-decoration:none}
.nav li.on a{color:#b6ff3a;box-shadow:inset 0 -3px 0 #b6ff3a}
.mnu-check,.mnu-btn{display:none}

/* хлебные крошки и заголовок страницы */
.crumbs{background:#111117;font-size:13px;color:#6d6d78}
.crumbs .wrap{padding-top:10px;padding-bottom:10px}
.crumbs span{margin:0 6px;color:#3a3a44}
.ptitle{background:#111117;padding:22px 0 30px;border-bottom:1px solid #22222a}

/* промо-блок */
.hero{position:relative;padding:64px 0;background:#000 url(../img/hero.jpg) center/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.94) 0%,rgba(8,8,10,.78) 55%,rgba(8,8,10,.55) 100%)}
.hero .wrap{position:relative}
.hero h1{max-width:760px}
.lead{margin-top:14px;max-width:680px;font-size:18px;color:#c3c3cd}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-facts{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin-top:34px}
.hero-facts li{flex:1 1 210px;background:rgba(20,20,26,.85);border:1px solid #26262f;border-left:3px solid #b6ff3a;padding:12px 16px}
.hero-facts b{display:block;color:#fff;font-size:16px}
.hero-facts span{font-size:12px;color:#8a8a96;text-transform:uppercase;letter-spacing:1px}

/* кнопки */
.btn{display:inline-block;padding:13px 26px;font-weight:700;border-radius:3px;border:2px solid transparent}
.btn-big{background:#b6ff3a;color:#0d0d10;font-size:19px}
.btn-big:hover{background:#c9ff70;text-decoration:none}
.btn-ghost{border-color:#3d3d48;color:#fff}
.btn-ghost:hover{border-color:#b6ff3a;color:#b6ff3a;text-decoration:none}

/* секции */
.sec{padding:52px 0}
.sec-alt{background:#111117;border-top:1px solid #1c1c23;border-bottom:1px solid #1c1c23}
.sub{max-width:720px;margin-bottom:26px;color:#9a9aa6}
.narrow{max-width:820px}

/* шаги */
.steps{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px}
.step{flex:1 1 240px;background:#15151b;border:1px solid #26262f;padding:24px 20px 22px;position:relative}
.step.wide{flex:1 1 46%}
.step span{display:inline-block;width:34px;height:34px;line-height:34px;text-align:center;
	background:#b6ff3a;color:#0d0d10;font-weight:800;border-radius:50%;margin-bottom:12px}
.step p{margin-top:8px;color:#9a9aa6;font-size:15px}

/* категории плитками */
.cats{display:flex;flex-wrap:wrap;gap:16px}
.cat{flex:1 1 210px;position:relative;overflow:hidden;border:1px solid #26262f;background:#15151b}
.cat img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:brightness(.62);transition:filter .2s}
.cat:hover img{filter:brightness(.85)}
.cat b{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;color:#fff;font-size:16px;
	background:linear-gradient(180deg,rgba(13,13,16,0),rgba(13,13,16,.92))}
.cat:hover{text-decoration:none}

/* преимущества */
.advs{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px}
.adv{flex:1 1 300px;border-left:3px solid #b6ff3a;padding:4px 0 4px 18px}
.adv p{margin-top:6px;color:#9a9aa6;font-size:15px}

/* строки ассортимента */
.rows{margin-top:28px}
.row{display:flex;gap:26px;align-items:center;padding:22px 0;border-top:1px solid #22222a}
.row.flip{flex-direction:row-reverse}
.row-img{flex:0 0 300px}
.row-img img{border:1px solid #26262f}
.row-txt{flex:1 1 auto}
.row-txt p{margin-top:8px;color:#9a9aa6}

/* вопросы */
.fqs{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}
.fq{flex:1 1 44%;background:#15151b;border:1px solid #26262f;padding:20px}
.fq p{margin-top:8px;color:#9a9aa6;font-size:15px}

/* врезка-предупреждение */
.note{display:flex;gap:16px;align-items:flex-start;margin-top:30px;padding:18px 20px;
	background:rgba(182,255,58,.06);border:1px solid #2f3a1c}
.note b{color:#b6ff3a;white-space:nowrap}
.note p{color:#9a9aa6;font-size:15px}

/* фото и колонки */
.shots{display:flex;gap:18px;margin-bottom:30px}
.shots img{flex:1 1 50%;border:1px solid #26262f}
.cols{display:flex;gap:34px;align-items:flex-start}
.col{flex:1 1 50%}
.shot{border:1px solid #26262f}
.ctab{width:100%;border-collapse:collapse;margin-bottom:24px}
.ctab th,.ctab td{padding:13px 0;border-bottom:1px solid #22222a;text-align:left;vertical-align:top}
.ctab th{width:170px;color:#8a8a96;font-weight:600}
.ctab td{color:#fff}
.small{margin-top:16px;font-size:14px;color:#8a8a96}

/* полоса призыва */
.cta{background:#b6ff3a;color:#0d0d10}
.cta .wrap{display:flex;align-items:center;gap:24px;padding-top:26px;padding-bottom:26px}
.cta h2{color:#0d0d10;font-size:24px}
.cta p{color:#2c3a12;font-size:15px}
.cta .btn-big{margin-left:auto;background:#0d0d10;color:#b6ff3a;white-space:nowrap}
.cta .btn-big:hover{background:#000}

/* подвал */
.foot{background:#000;padding:44px 0 24px;font-size:15px;color:#8a8a96;border-top:1px solid #22222a}
.foot .wrap{display:flex;gap:34px;flex-wrap:wrap}
.fcol{flex:1 1 260px}
.fcol h4{font-size:15px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;color:#fff}
.fcol ul{list-style:none}
.fcol li a{display:block;padding:4px 0;color:#a8a8b4}
.ftel{display:block;margin-top:10px;font-size:20px;font-weight:800;color:#fff}
.disclaimer{display:flex;gap:14px;align-items:center;margin-top:30px;padding-top:18px;border-top:1px solid #1c1c23;font-size:13px}
.copy{margin-top:14px;font-size:13px;color:#4d4d58}

@media (max-width:900px){
	h1{font-size:29px}
	h2{font-size:23px}
	.head .wrap{flex-wrap:wrap;gap:14px}
	.head-addr{margin-left:0;text-align:left;max-width:none;flex:1 1 100%;order:3}
	.head-tel{margin-left:auto;border:0;padding-left:0;text-align:right}
	.cols,.shots,.row,.row.flip{flex-direction:column;gap:18px}
	.row-img{flex:none;width:100%}
	.cta .wrap{flex-direction:column;align-items:flex-start}
	.cta .btn-big{margin-left:0}
	.fq,.step.wide{flex:1 1 100%}
	.hero{padding:44px 0}
}
@media (max-width:640px){
	.topbar .tb-hours{display:none}
	.mnu-btn{display:flex;align-items:center;gap:10px;padding:14px 0;color:#fff;font-weight:700;cursor:pointer}
	.mnu-btn i{display:block;width:22px;height:2px;background:#b6ff3a;box-shadow:0 6px 0 #b6ff3a,0 -6px 0 #b6ff3a}
	.nav ul{display:none;flex-direction:column;padding-bottom:8px}
	.mnu-check:checked ~ ul{display:flex}
	.nav li a{padding:12px 0;border-top:1px solid #22222a}
	.nav li.on a{box-shadow:none}
	.cat{flex:1 1 100%}
}