/*
Theme Name: Propiska
Theme URI:
Description:
Author: Ilya Bolyasov
Author URI: https://atom-team.ru/
*/
.notice {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  z-index: 9999999;
  padding: 27px 0;
  font-size: 22px;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition:
    transform 0.3s,
    -webkit-transform 0.3s;
  opacity: 0;
  margin-top: -60px;
}

@media (max-width: 760px) {
  .notice {
    padding: 20px 0;
    font-size: 18px;
  }
}

.notice.active {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  transition: -webkit-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition:
    transform 0.3s,
    -webkit-transform 0.3s;
  opacity: 1;
}

.notice a {
  color: #fff;
}

.notice_warning {
  background: #181c19;
  color: #fff;
}

.notice_success {
  background-color: #28a745;
  color: #fff;
}

.notice_top {
  top: 0;
  bottom: auto;
}
.menu ul li.current_page_item a {
  opacity: 1;
}

.social .social-link_max {
  background: linear-gradient(90deg, #44ccff, #5533ee, #9933dd) !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  min-height: auto !important;
  padding: 5px 16px 5px 5px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.social .social-link_max img {
  width: 55px !important;
  height: 55px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  display: block !important;
  padding: 10px !important;
  object-fit: contain !important;
}

.social .social-link_max span:not(.max-icon-wrap) {
  line-height: 100% !important;
  text-transform: uppercase !important;
}

@media (hover: hover) {
  .social .social-link_max:hover {
    background: linear-gradient(90deg, #9933dd, #5533ee, #44ccff) !important;
    transform: scale(0.95) !important;
  }
}

@media (max-width: 1199px) {
  .social .social-link_max {
    min-width: 150px !important;
  }
}

.header__social .header__link {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.3s ease-in-out !important;
}

.header__social .header__link_max {
  background: linear-gradient(90deg, #44ccff, #5533ee, #9933dd) !important;
}

.header__social .header__link_wa {
  background-color: var(--wa, #27d045) !important;
}

.header__social .header__link_tg {
  background-color: var(--tg, #2aa2d5) !important;
}

.header__social .header__link svg *,
.header__social .header__link svg path {
  fill: #ffffff !important;
}

.header__social .header__link svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  transition: transform 0.3s ease-in-out !important;
}

.header__social .header__link_max:hover {
  background: linear-gradient(90deg, #9933dd, #5533ee, #44ccff) !important;
}

.header__social .header__link_max:hover img {
  transform: scale(1.05) !important;
}

.header__social .header__link_wa:hover,
.header__social .header__link_tg:hover {
  filter: brightness(1.1) !important;
}

.header__social .header__link:hover svg {
  transform: scale(1.05) !important;
}

.prices__nav .btn-item_max {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
  box-sizing: border-box !important;
  background: linear-gradient(90deg, #44ccff, #5533ee, #9933dd) !important;
  color: #ffffff !important;
}

.prices__nav .btn-item_max::before {
  content: '' !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px !important;
  flex-shrink: 0 !important;
  background-image: url('/wp-content/uploads/2026/06/max2.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: brightness(0) invert(1) !important;
  transition: transform 0.3s ease !important;
}

.prices__nav .btn-item_max:hover {
  background: linear-gradient(90deg, #9933dd, #5533ee, #44ccff) !important;
  color: #ffffff !important;
}

.prices__nav .btn-item_max:hover::before {
  transform: scale(1.08) !important;
}

/* =========================================================
   VPN NOTICE — верхняя плашка
   ========================================================= */

@font-face {
	font-family: "VPN Inter Tight";
	src: url("/assets/fonts/InterTight-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

.vpn-notice {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: clamp(0.5rem, 0.4489rem + 0.2273vw, 0.6875rem) 15px;
	background: #16883f;
	color: #ffffff;
	box-sizing: border-box;
}

.vpn-notice__text {
	display: block;
	width: 100%;
	max-width: clamp(20.1875rem, 13.3693rem + 30.303vw, 45.1875rem);
	margin: 0 auto;
	padding: 0;
	color: #ffffff;
	font-family: "VPN Inter Tight", Arial, sans-serif;
	font-size: clamp(0.8125rem, 0.6591rem + 0.6818vw, 1.375rem);
	font-weight: 500;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: -0.01em;
	text-align: center;
	box-sizing: border-box;
}

/* Существующие отступы dez-header — без изменений */

.dez-header-top-spacer,
#dezHeaderTopSpacer {
	height: 110px !important;
	min-height: 110px !important;
	padding: 0 !important;
}

@media (max-width: 767px) {
	.dez-header-top-spacer,
	#dezHeaderTopSpacer {
		height: 116px !important;
		min-height: 116px !important;
		padding: 0 !important;
	}
}

@media (max-width: 480px) {
	.dez-header-top-spacer,
	#dezHeaderTopSpacer {
		height: 122px !important;
		min-height: 122px !important;
		padding: 0 !important;
	}
}

@media (max-width: 380px) {
	.vpn-notice {
		padding-right: 10px;
		padding-left: 10px;
	}
}

/* Шапка располагается после плашки на всех страницах */

.header {
	position: relative;
	top: auto;
	left: auto;
	z-index: 88;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: var(--blue, #145bc7);
	transition: all 0.3s ease-in-out;
}
/* ГЛАВНАЯ — убираем лишнюю высоту первого экрана */

.promo {
	height: auto;
	min-height: calc(100vh - var(--site-top-height, 170px));
	min-height: calc(100svh - var(--site-top-height, 170px));
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.promo > .wrapper {
	width: 100%;
	height: auto;
}

.promo__body {
	height: auto;
}

.promo__wrap {
	width: 100%;
	min-width: 0;
}

/* ГЛАВНАЯ — заголовок и подзаголовок */

.promo__title.title.title_big {
	margin-bottom: 24px;
}

.promo__title.title.title_big > h1 {
	margin: 0;
	font-size: 52px !important;
	font-weight: 500;
	line-height: 1.15 !important;
	white-space: normal !important;
	overflow-wrap: normal !important;
	word-break: normal !important;
}

.promo__title.title.title_big > span {
	display: block;
	margin-top: 12px !important;
	padding-left: 0 !important;
	font-size: 26px !important;
	line-height: 1.3 !important;
}

.promo__row {
	padding-left: 0 !important;
}

.promo__subtitle {
	font-size: 28px;
	line-height: 1.25;
}

/* ВНУТРЕННИЕ СТРАНИЦЫ — заголовки */

.page-top .title > h1 {
	margin: 0;
	font-size: 48px;
	font-weight: 500;
	line-height: 1.15;
	white-space: normal;
	overflow-wrap: normal;
	word-break: normal;
}

/* Текст под H1 на странице постоянной прописки */

.page-top .title.title_normal {
	font-size: 24px;
	line-height: 1.35;
}

.page-top .title.title_normal > h1 {
	margin-bottom: 12px;
}

.page-top .title.title_normal > h1 + br {
	display: none;
}

/* МОБИЛЬНАЯ ВЕРСИЯ */

@media (max-width: 760px) {
	.promo {
		padding-top: 32px;
		padding-bottom: 40px;
	}

	.promo__title.title.title_big > h1 {
		font-size: 32px !important;
	}

	.promo__title.title.title_big > span {
		margin-top: 10px !important;
		font-size: 20px !important;
	}

	.promo__subtitle {
		font-size: 22px;
	}

	.page-top .title > h1 {
		font-size: 32px;
	}

	.page-top .title.title_normal {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.promo__title.title.title_big > h1,
	.page-top .title > h1 {
		font-size: 28px !important;
	}

	.promo__title.title.title_big > span {
		font-size: 18px !important;
	}
}