.hamburger {
	display: block;
	width: 30px;
	height: 4px;
	background: #333;
	position: relative;
	transition: all 0.3s ease;
}

.hamburger::before,
.hamburger::after {
	content: '';
	position: absolute;
	width: 30px;
	height: 4px;
	background: #333;
	transition: all 0.3s ease;
}

.hamburger::before {
	top: -10px;
	left: 0;
}

.hamburger::after {
    top: 10px;
    left: 0;
}

/* Состояние открытого меню */
.menu-toggle.active .hamburger {
	background: transparent;
}

.menu-toggle.active .hamburger::before {
	transform: rotate(45deg);
	top: 0;
}

.menu-toggle.active .hamburger::after {
	transform: rotate(-45deg);
	top: 0;
}
/**/

@media screen and (max-width: 768px) {
	html, body {
		min-width: 320px; /* Минимальная ширина для мобильных */
		min-height: 100vh; /* Минимальная высота = высоте экрана */
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		font-size: 13px;
	}
	body {
	    background: fixed transparent url('/images/img/body.jpg') top center repeat;
	}
	img:not(.captch_key) {
		max-width: 100% !important;
		height: auto;
		width: auto !important;
		box-sizing: border-box;
	}
	
	.kosmos article h1 {
		line-height: 25px;
	}
	.kosmos article h1{
		font-size: 17px !important;
	}
	.kosmos article.content h2{
		font-size: 16px;
	}
	.kosmos article.content h3{
		font-size: 14px;
	}
	.kosmos article.content h4{
		font-size: 14px;
	}
	.kosmos article[class] h1.h16, 
	.kosmos article[class] h3.h16{
		font-size:14px;
	}
	.kosmos article[class] h1.h17, 
	.kosmos article[class] h3.h17{
		font-size:14px;
	}
	.kosmos article[class] h1.h18, 
	.kosmos article[class] h2.h18, 
	.kosmos article[class] h3.h18{
		font-size:14px;
	}
	.kosmos article[class] h1.h19, 
	.kosmos article[class] h3.h19{
		font-size:15px;
	}
	.kosmos article[class] h1.h20, 
	.kosmos article[class] h3.h20{
		font-size:16px;
	}
	.kosmos article[class] h1.h21, 
	.kosmos article[class] h2.h21, 
	.kosmos article[class] h3.h21{
		font-size:16px;
	}
	.kosmos article[class] h1.h22{
		font-size:16px;
	}
	.kosmos article[class] h1.h23{
		font-size:16px;
	}

	.mbl_hdn { /*если нужно что-то скрыть от мобилок*/
		display: none !important
	}
	.mbl_dsp {/*если нужно что-то показать мобилкам*/
		display: block !important
	}

	/*для сброса таблиц на мобилках для форм*/
	table.mbtbl_res,
	table.mbtbl_res tbody,
	table.mbtbl_res tr,
	table.mbtbl_res td {
		display: block;
		clear: both;
		/* width: fit-content; */
		width: 250px !important;  /* такой же размер самих инпутов в основном стиле */
		max-width: 100% !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
	
	/* топовый текст заголовок, например лунный день сегодня */
	.kosmos article.top .conteiner * {
		font-size: 17px !important;
		line-height: 23px !important;
	}
	.kosmos article.top .conteiner h1::after {
		content: ":";
		margin-left: 0
	}
	.kosmos article.top{
		container-type: inline-size;
	}
	.kosmos article.content {
		container-type: inline-size;
	}
	/*
	@container art_top (max-width: 420px){
		.kosmos article.top img.image_ramka {
			float: none;
			display: block;
			margin-right: auto;
			margin-left: auto;
		}
	}*/
	@container (max-width: 500px) {
		.kosmos article.top p.p1{
			padding: 5px 10px;
			background: rgb(255 255 255 / 14%);
			border-top: 1px solid #dddddd;
			box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 2px #dadada, 0 3px #c4c4c4, 0 4px 3px rgba(0, 0, 0, 0.1);
			width: 100%;
			max-width: none;
			margin-bottom: 15px;
			border-radius: 5px;
		}
	}
	
	/* Показываем кнопку бургера */
	.menu-toggle {
		display: block;
		position: fixed;
		top: 15px;
        left: 5px;
	}
  
  	div.gl .sub{
		display: none;
	}

	/* Скрываем обычное меню */
	div.gl nav.gl_menu {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #f3e8d8;
		z-index: 1000;
		padding: 0;
		margin:0;
		box-sizing: border-box;
		overflow-y: auto;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
	}
  
	/* Показываем меню при активации */
	div.gl nav.gl_menu.active {
		display: block;
		transform: translateX(0);
	}
  
	/* Адаптируем пункты меню */
	div.gl nav.gl_menu.active ul.top {
		/* flex-direction: column; */
		/* align-items: flex-start; */
		margin: 10px 0 0 0;
		padding:0;
		float: none;
	}
  
	div.gl nav.gl_menu.active ul.top li {
		margin: 0;
		height: auto;
		width: 100%;
		background: none;
		display: inline-block !important
	}
	
	div.gl nav.gl_menu.active ul.top li a{
		margin:0;
		padding:0;
		height: 35px;
		line-height: 35px;
	}
	  
	/*.gl_menu::before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background1: rgba(0,0,0,0.5);
		display: none;
	}

	.gl_menu.active::before {
		display: block;
	}*/
	
	div.gl{
		width: auto;
		margin:0;
		padding:0;
	}
	
	div.gl header.gl {
		width: 100%;
	}
	div.gl header.gl .na_gl {
		display: none;
	}
	
	div.gl .kosmos{
		width: 100%;
		background-position: center;
	}
	.kosmos article.top {
        width: 100%;
        max-width: 100%;
        padding: 15px;
        box-sizing: border-box;
        margin: 0;
	}
  	.kosmos nav.left_menu	{
		display: none;
	}
	
	.kosmos article.content{
        float: left;
        width: 100%;
        margin: 0;
        padding: 15px;
        box-sizing: border-box;
	}

	
	/*все-события в календарях*/
	.kosmos article.top table.sp.rashir{
		width: 100%;
		max-width: 100%;
	}
	.kosmos article.top table.sp {
		margin: 0;
		max-width: 100%;
		min-width: 100%;
	}
	/**/

	/* ===== Карточки «Персональные расчёты» (мобильная версия) ===== */
	/*.kosmos article.content .cbox {
		margin-right: auto;
		margin-left: auto;
		float: none !important
	}*/
	.kosmos article.content .cbox,
	.kosmos article.content .cbox.fr {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		float: none !important;
		clear: both;
		width: 100%;
		max-width: 520px;
		margin: 0 auto 22px auto;
		padding: 14px 12px 14px 12px;
		box-sizing: border-box;
		border-radius: 10px;
		box-shadow: 1px 3px 6px #B5ADA2;
		text-align: center;
		background: #f3e8d8;                 /* запасной фон, пока не загрузилась картинка */
		transition: transform .15s ease, box-shadow .15s ease;
		-webkit-tap-highlight-color: transparent;
	}
	.kosmos article.content .cbox:active {
		transform: scale(.985);
		box-shadow: 1px 2px 4px #B5ADA2;
	}
	/* размытая копия картинки на фоне */
	.kosmos article.content .cbox::before {
		content: "";
		position: absolute;
		inset: -30px;
		background: var(--bg) center / cover no-repeat;
		filter: blur(22px) saturate(.9);
		transform: scale(1.15);
		z-index: -2;
	}
	/* плавное осветление к низу, чтобы текст читался */
	.kosmos article.content .cbox::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(to bottom,
			rgba(243,232,216,0) 25%,
			rgba(243,232,216,.88) 60%,
			rgba(243,232,216,.96) 100%);
		z-index: -1;
	}
	/* ссылка: static, чтобы её ::after растянулся на всю карточку */
	.kosmos article.content .cbox a {
		position: static;
		display: block;
		font-size: 15px;
		font-weight: 700;
		line-height: 1.35;
		text-shadow: 0 1px 0 rgba(255,255,255,.6);
	}
	/* вся карточка кликабельна */
	.kosmos article.content .cbox a::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 2;
	}
	/* фото: без коричневой рамки, со скруглением и тенью */
	.kosmos article.content .cbox a img,
	.kosmos article.content .cbox a img.image_ramka {
		display: block;
		margin: 0 auto 10px auto;
		width: auto !important;
		max-width: 100% !important;
		height: auto;
		border: 0;
		border-radius: 8px;
		opacity: 1;
		box-shadow: 0 6px 18px rgba(0,0,0,.35);
		/* если захотите оставить тонкий намёк на фирменную рамку, замените border:0 выше на:*/
		border: 2px solid rgba(163,141,104,.7); 
	}
	/* подпись */
	.kosmos article.content .cbox p {
		margin: 4px 0 0 0;
		padding: 0 2px;
		text-align: center;
		text-indent: 0;
		font-size: 13px;
		line-height: 1.5;
		color: #4a3a28;
	}
	/* на главной тег B используется и его нужно в любом случае сбросить */
	.kosmos article.content.ind .cbox a b {
		all: unset;
	}
	.kosmos article.content.ind a.more_r.top {
		margin-right: auto;
		margin-left: auto;
		display: block;
		max-width: 520px;
		width: 100%;
		float: none;
		display: block;
	}
	/* ===== конец блока ===== */
	
	/* ссылка в календарях*/
	a.more_r {
		 float: left;
		 clear: both;
	}
	/**/
	
	/* ===== Фотогалерея (мобильная версия) ===== */
	.kosmos article.content ul.sp_foto {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		float: none;
		clear: both;
		width: 100%;
		margin: 0 0 18px 0;
	}
	.kosmos article.content ul.sp_foto li,
	.kosmos article.content ul.sp_foto li.last {
		float: none;
		margin: 0;
		min-width: 0;
	}
	.kosmos article.content ul.sp_foto li a {
		display: block;
		position: relative;
		opacity: 1;
		-webkit-tap-highlight-color: transparent;
	}
	.kosmos article.content ul.sp_foto li a:active {
		opacity: .85;
	}
	.kosmos article.content ul.sp_foto li a img,
	.kosmos article.content ul.sp_foto li a img.image_ramka {
		display: block;
		width: 100% !important;       /* перебиваем img{width:auto!important} */
		max-width: 100% !important;
		height: auto;
		border: 2px solid rgba(163,141,104,.7);
		border-radius: 8px;
		box-shadow: 0 3px 8px rgba(0,0,0,.25);
	}
	.kosmos article.content ul.sp_foto li a b {
		left: 2px;
		bottom: 2px;
		max-width: calc(100% - 4px);
		box-sizing: border-box;
		font-size: 12px;
		border-radius: 0 8px 0 6px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	/* на широких телефонах и небольших планшетах — три колонки, как на десктопе */
	@media (min-width: 520px) {
		.kosmos article.content ul.sp_foto {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}
	
	/*меню статьи*/
	ol.list_myadvert.stati {
		width: 100%;
	}
	
	/*следующие статьи, календари - красивые блоки*/
	.stati .list_stati .box,
	.kosmos article.content .dalee .box{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}
	.stati .list_stati .box b,
	.kosmos article.content .dalee .box strong{
		hyphens: auto !important;
		overflow-wrap: break-word !important; /* На случай, если hyphens не поддерживается */
		font-size: 14px !important;
	}
	.stati .list_stati .box img,
	.kosmos article.content .dalee .box img{
		border-radius: 4px 4px 16px 4px !important;
		max-width: 130px!important;
		height: auto;
	}
	.stati .list_stati p,
	.kosmos article.content .dalee p{
		text-align:left !important;
		hyphens: auto !important;
		overflow-wrap: break-word !important; /* На случай, если hyphens не поддерживается */
	}
	.stati .list_stati .box b,
	.kosmos article.content .dalee .box strong{
		padding-top: 7px;
		padding-left: 7px;
		hyphens: auto;
		overflow-wrap: break-word;
	}
	
	/*список статей*/
	.stati .list_stati p{
		padding: 8px 0 12px 10px !important;
	}
	.stati .list_stati .box img{
		float: left;
		height: auto;
		margin: 0 17px 0 0;
		box-shadow: 0 0 5px 0 #888;
		opacity: 0.9;
	}
	.stati .list_stati .box figure {
		width: auto;
		height: auto;
		overflow: unset;
		margin: 0;
		box-shadow: unset;
		border-right: 0;
		border-right: 1px solid #9f9f9f;
		float: unset;
	}
	/**/
	
	/*теги*/
	.kosmos article.content .tags {
		padding:0 !important;
	}
	.tags table, .tags tbody, .tags tr, .tags td {
		display: block;
		width: 100% !important
	}
	.kosmos article.content .tags.year a.r {
		float: left;
		clear: both;
		padding-left: 0;
	}
	/**/
  
	/*сонник*/
	.content.sonnik .spisok_slov .rht {
		display: none
	}
	.kosmos article.content.sonnik {
		width: 100%;
		padding: 25px 25px 25px 25px;
		box-sizing: border-box;
		margin: 0 
	}
	.content.sonnik .spisok_slov .lft {
		width: 100%;
		margin: 0
	}
	.content.sonnik .top_sonnik .search_box .search_input{
		width: 50%
	}
	.content.sonnik .top_sonnik ol {
		width: 100%
	}
	.content.sonnik .righter,
	.content.sonnik .sidenav{
		display: none
	}
	.content.sonnik .main{
		padding:0;
		border:0;
		float: left;
		width: 100%;
	}
	.content.sonnik .lft_grup{
		float: left;
		margin: 0;
		width: 100%;
	}
	.spisok_slov .lft .info {
		width: 100%;
		box-sizing: border-box;
	}
	.content.sonnik .main .word h1.str25 {
		line-height: 25px;
	}
	.qtip{
		max-width: 200px !important;
	}
	/**/
	
	/*общий пагинатор*/
	#pagination li:first-child,
	#pagination li:last-child {
		display: none
	}
	/**/
	
	/*кешеляр*/
	.keshe select{
		width: 180px !important;
	}
	.keshe input[type="text"]{
		width: 174px !important;
	}
	.keshe select,
	.keshe input[type="text"]{
		float: left !important;
		clear: left !important;
		margin: 0 0 5px 0 !important;
	}
	.keshe .strelka{
		display: none
	}
	/**/

	/*поля формы*/
	.kosmos article.content .frm .dom {
		margin: 0;
		clear: both;
		margin-top: 6px;
	}
	.kosmos article.content .frm .orb {
		margin-top: 6px;
	}
	.kosmos article.content .frm .orb_mob {
		margin-top: 0;
	}
	.kosmos article.content .frm .hs {
		width: 90px;
	}
	.kosmos article.content .frm .inselct.chas.f{
		float: left;
		clear: left;
		margin-left: 0
	}
	.kosmos article.content .frm .inselct.chas,
	.kosmos article.content .frm .inselct.tz,
	.kosmos article.content .frm .inselct.gender {
		/* width: 43px; */
		width: 55.5px;
		margin-top: 5px;
	}
	.kosmos article.content .frm .inselct.gender {
		clear: left;
	}
	.kosmos article.content .frm .tek_time {
		margin-top: 5px;
	}
	.kosmos article.content .frm .tek_time_mob {
		margin-top: 1px;
	}
	.kosmos article.content .frm .toch {
		margin-top: 7px;
	}
	.kosmos article.content .frm .states.lft {
		/* margin: 0 0 0 4px; */
		margin: 0 0 0 0;
		float: left;
		clear: left;
	}
	.kosmos article .frm .lft_mob {
		margin-left: 0 !important;
		clear: left !important;
	}
	.kosmos article .frm .flx_mob {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 6px 5px !important;
		align-items: center !important;
		justify-content: start !important;
	}
	/**/

	/*popup выбор региона*/
	/*
	table.popup_region,
	table.popup_region tbody,
	table.popup_region tr td,
	table.popup_region tr td{
		display: block;
	}
	*/
	/**/

	/*анализ карт натала chart*/
	.charts .analyse {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch; /* Плавная прокрутка на iOS */
		width: 100%;
		max-width: 100%;
		border: 1px dashed #7c6957;
		border-radius: 12px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
		margin: 5px 0 10px 0;
		box-sizing: border-box;
	}
	.charts .analyse .control{
		clear:both;
		float:left
	}
	.charts .analyse .toolbox.ai .zametki,
	.charts .analyse .toolbox.ai .act,
	.charts .analyse .toolbox.ai .tool .longcalc_tip,
	.kosmos article.content .frm .comment {
		width: 82%;
		min-width: 82%;
		max-width: 82%;
	}
	.charts .analyse .toolbox.ai .block .question{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	.charts .choice_analyse .subm.mobile {
		clear: both;
		margin: 5px 0 0 0;
		float: left;
	}
	.charts .choice_analyse button.small3 {
		margin:0
	}
	
	.kosmos article.content .frm .button.dinamic {
		float: left !important;
		clear: left;
		margin-top: 10px;
		display: none
	}
	
	.charts .star-spinner{
		display: none !important;
	}
		
	.charts .analyse .toolbox {
		margin-top: 9px;
	}
	.charts .analyse:fullscreen .top_cont{
		overflow: auto;
	}
	.charts .analyse:fullscreen .value{
		flex: 1; /* займёт всё оставшееся место */
		overflow: auto;
		min-height: 70%;
	}
	
	/*выбор в графах чекбоксы*/
	.charts .analyse .toolbox .asp_sel table td{
		float: left;
		clear: both;
		border-left: 0 !important;
		background: inherit !important;
		padding: 2px 6px 2px 2px !important;
	}	
	.charts .analyse .toolbox .asp_sel table td .dv:has(.inselct){
		margin: 2px !important;
	}
	/**/

	/*ЛИЧНЫЙ КАБИНЕТ*/
	/*верхняя менюшка пользователя*/
	ol.list_myadvert li{
		width:100%;
	}
	ol.list_myadvert li.thri {
		background: #ece5db;
		float: left;
	}
	@container (max-width: 630px){
		.pro_mob .image_ramka{
			float: none;
			display: block;
			margin: 5px auto 10px auto;
		}
	}
	
	/*формы с данными все*/
	.content .h1_min { /*"Личный кабинет" - заголовок*/
		margin-bottom:10px !important
	}
	.reg_user{
		transform: none !important;
	}
	.reg_user b.tit{
		margin-bottom:1px !important;
	}
	.reg_user .label_info{
		text-align: left !important;
		padding: 10px 0 0 0 !important;
		width: auto !important;
	}
	.reg_user .label_info.right_align_always{
		text-align:right !important;
	}
	.reg_user .label_info.second {
		padding-top: 0 !important;
	}
	.reg_user .dop_mobpad{
		padding-top:15px !important;
	}
	.reg_user .dop_mobpadMarg{
		margin-top:15px !important;
	}
	
	/*форма регистрация пользователя*/
	.reg_user.newUser #email{
		margin-top:0 !important;
	}
	.reg_user.newUser .check-row {
		margin-top: 12px;
	}
	
	/*форма регистрации на учёбу пользователя*/
	table.reg_user.teach_user,
	table.reg_user.teach_user :is(tbody, tr, td) {
		width: 100% !important;
	}
	
	/*форма удаления пользователя*/
	.reg_user.del_user textarea{
		margin-bottom: 0;
	}

	/*форма данных пользователя*/
	.reg_user.personal #upd_sel_register,
	.reg_user.personal #upd_sel_register_live {
		margin-top: 0
	}
	
	/*страница контакты*/
	.kosmos article.content.contact_form {
		width:100%;
	}
	.contact_form table.reg_user,
	.contact_form table.reg_user :is(tbody, tr, td) {
		width: 100% !important;
	}
	.contact_form .reg_user .intxt,
	.contact_form .reg_user .txtarea{
		width: 100%;
	}
	/**/
	
	/*календари метод подбора*/
	.tabs {
		width: 100%;
	}
	.tabs label {
		width: auto;
		padding: 0 9px;
	}
	.tabs table,
	.tabs table tbody,
	.tabs table tr td,
	.tabs table tr td{
		display: block;
		clear: left
	}

	.tbl_month tr:first-child td, .tbl_month.rows2 tr:first-child td {
		min-width: auto;
	}
	.tbl_month tr td {
		padding: 3px 2px 3px 2px;
	}
	/**/
	
	/*таблица календарей лунных*/
	.tbl_month tr td.l {
		min-width: 300px;
	}
	/**/

	/*подсказки в таблицах в личном кабинете и в календарях метод подбора*/
	.helps_td {
		display: none !important;
	}
	/**/

	/*2 блока общие календари на сегодня и на месяц*/
	.kosmos article.content .dalee_dop .box.r {
		margin-left: 0;
		clear: both;
	}

	/* пагинация знаков */
	.kosmos article.content .pg.znaki table{
		width:100%
	}
	
	/* гороскопы */
	.kosmos article.content .pg ul {
		margin: 5px 0 10px 0;
		width: 100% !important
	}
	.kosmos article.content .pg ul li.fs,
	.kosmos article.content .pg ul li.ls,
	.kosmos article.content .pg ul li.v7{
		display: none;
	}
	.kosmos article.content .pg ul li,
	.kosmos article.content .pg ul li {
		width: 100% !important
	}
	.kosmos article.content.horo_zn .txt {
		padding-top: 10px;
	}
	.kosmos article.content.horo_zn .tit_horo{
		font-size:16px !important
	}
	/*article.horo_zn .talk .markdown-body{
		clear: left;
		float: left;
	}*/
	/**/
 
	/* для любых таблиц если широкие */
	.on_mobile_overflow{
		overflow-x: auto;
		-webkit-overflow-scrolling: touch; /* Плавная прокрутка на iOS */
		width: 100%;
		max-width: 100%;
		border: 1px dashed #7c6957;
		border-radius: 12px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
		margin: 7px 0 15px 0;
		box-sizing: border-box;
		padding: 5px;
	}
	.on_mobile_overflow.another_backgr{
		background:#f1e2e28c;
	}
	
	/*доп настройки календарей*/
	.kosmos article.content .nastr_calend{
		margin-bottom:25px
	}
	/**/

	/*пагиницая по знакам в календаре камни-по-знакам-зодиака-и-время-ношения-камней/ноябрь*/
	/*article.pg.znaki table tr,
	article.pg.znaki table tr td{
		float: left
	}*/
	/**/
	
	/*комменты*/
	.comnt_view .div_form_id form table,
	.comnt_view .div_form_id form table tbody,
	.comnt_view .div_form_id form table tr,
	.comnt_view .div_form_id form table tr td{
		display: block;
	}
	.comnt_view .div_form_id form table tr td .intxt{
		width: 100% !important
	}
	.comnt_view .div_form_id form label {
		margin-right: 0 !important
	}
	/**/

	/*затмения блок верхний*/
	.kosmos article.content p.mag1{
		margin-left:0 !important
	}
	/**/
	
	/*астроклуб*/
	.kosmos article.pro_lun p{
		text-align: left
	}
	.kosmos article.top .tbl_price_box{
		flex-direction: column;
	}
	.kosmos article.top .tbl_price_box .tbl_price.first,
	.kosmos article.top .tbl_price_box .tbl_price.sredn_top,
	.kosmos article.top .tbl_price_box .tbl_price.sredn {
		margin-right: 0 !important;
	}
	/**/
	
	/*методы подбора в календарях*/
	.kosmos .cd-multi-steps{
		overflow: hidden;
	}
	.kosmos .tabs_cont #toploader{
		margin:auto auto 8px auto;
		float: inherit;
	}
	/**/
	
	/*в календарях*/
	.kosmos article.content h2.dl_sp {
		font-size: 14px !important;
	}
	
	/**/
	
	/*футер*/
	div.gl div.footers {
		width: 100%;
        background-position: top center;
        vertical-align: top;
	}
	
	div.bot_text {
		display: none;
	}
	/* Преобразуем таблицу в блочную структуру */
	footer {
		min-width: auto;
	}
	footer .foot{
		padding: 25px 0 0 0;
	}
	footer table{
		float:left
	}
	footer table td:last-child,
	footer table td:first-child{
		padding: 0;
	}
	footer table, footer tbody, footer tr, footer td {
		display: block;
		width: 100% !important;
		background: #4E6175;
	}

	/* Стили для ячеек */
	footer table td {
		padding: 0;
		/* border-bottom: 1px solid #eee; */
	}

	/* Скрываем разделительную линию */
	footer tr.ln {
		display: none;
	}

	/* Центрируем копирайт */
	footer tr.cop td {
	text-align: center;
	padding: 20px 10px;
	}

	/* Уменьшаем заголовки */
	footer td strong {
		font-size: 1.2rem;
		margin-bottom: 10px;
		margin-left: 10px;
		/* color: #444; */
	}

	/* Стили для списков */
	footer td ul {
		padding-left: 20px;
		margin-bottom: 10px;
	}

	footer td ul li {
		margin-bottom: 5px;
		font-size: 16px;
		line-height: 29px;
	}

	/* Особые стили для первой ячейки с вложенной таблицей */
	footer > table > tbody > tr > td:first-child table {
		width: 100%;
	}

	footer > table > tbody > tr > td:first-child table tr {
		display: block;
		margin-bottom: 15px;
	}

	footer > table > tbody > tr > td:first-child table td {
		padding: 0;
		border: none;
	}

	footer > table > tbody > tr > td:first-child table td ul {
		padding-left: 25px;
	}

	footer .copyr {
		float: none;
	}
	
	/*во всех расчетах, напр ната карта, транзиты, статьи и т.д.*/
	/*выбор месяца для календарей стрижек*/
	/*@container (max-width: 590px){
		.kosmos article.content ul.spm li {
			float: none;
			margin: 0 auto;
		}
	}*/
	/* ===== Выбор месяца в календарях (мобильная версия) ===== */
	.kosmos article.content ul.spm {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px 12px;
		margin: 0 0 20px 0;
	}
	.kosmos article.content ul.spm li:first-child {
		grid-column: 1 / -1;
		margin: 0 !important;
	}
	.kosmos article.content ul.spm li {
		float: none !important;
		width: auto;
		margin: 0 !important;
		padding: 8px 8px 10px 8px;
		box-sizing: border-box;
		background: #f8f3f0;
		border-radius: 10px;
		box-shadow: 1px 3px 5px #B5ADA2;
		text-align: center;
		transition: transform .15s ease;
		-webkit-tap-highlight-color: transparent;
	}
	.kosmos article.content ul.spm li:not(:first-child):active {
		transform: scale(.97);
	}
	.kosmos article.content ul.spm li:first-child {
		background: none;
		box-shadow: none;
		border-radius: 0;
		padding: 3px 0 2px 2px;
	}
	/* ссылка и фото */
	.kosmos article.content ul.spm li a {
		display: block;
		font-size: 12px;
		line-height: 1.35;
	}
	.kosmos article.content ul.spm li .foto {
		width: 100%;
		max-width: 240px;
		margin: 0 auto 6px auto;
		opacity: 1;
	}
	.kosmos article.content ul.spm li .foto img,
	.kosmos article.content ul.spm li .foto img.image_ramka {
		display: block;
		width: 100% !important;       /* перебиваем img{width:auto!important}, чтобы вписывалось в колонку */
		max-width: 240px !important;  /* больше натурального размера не растягиваем */
		height: auto;
		border: 2px solid rgba(163,141,104,.7);
		border-radius: 8px;
		box-shadow: 0 3px 8px rgba(0,0,0,.25);
	}
	/* плашка с названием месяца */
	.kosmos article.content ul.spm li .foto i,
	.kosmos article.content ul.spm li .foto i.sadi {
		top: 4px;
		left: 4px;
		width: auto;                  
		right: 4px;
		font-size: 11px;
		text-align: left;
		border-radius: 6px;
	}
	/*конец выбор месяца*/

	/*работа с фото*/
	/*
	@container (max-width: 500px){
		.kosmos article.content .fot img.image_ramka:is(.obl, .obl2, .obl3),
		.kosmos.stati article.content .fot img {
		.kosmos article.content:not(.calendari) .fot img.image_ramka { 
		
		.kosmos article.content.calendari1 .fot:has(img.image_ramka) {
			float: none;
			width: fit-content;
			margin: 0 auto 15px auto;
		}
		.kosmos article.content.calendari1 .fot img.image_ramka {
			float: none;
			display: block;
		}
	} */
	/*фото например при расчете лилит и другие — обычные фото на сайте не большие до 250px*/
	@container (max-width: 450px){
		.kosmos article.content .fot.mob_img {
			float: none;
			display: inline-block
		}
	}
	/*фото например при расчете лилит и другие — обычные фото на сайте не большие до 200px*/
	@container (max-width: 370px){
		.kosmos article.content img.img_cont {
			float: none;
		}
		.kosmos article.content:not(.calendari) img.image_ramka:not(.fot *) { /*вообще на все фото, кроме - календари стрижка и т.д. кроме обёртки fot*/
			float: none;
			/* display: block; */
			/* margin: 0 auto 15px auto; */
		}
	}
	/*верхние главные фото с фоном, где натальна карты и др, лунный день сегодня, календарь стрижек*/
	/*
	@container (max-width: 5px) {
		.kosmos article.top .fot,
		.kosmos article.content h1 ~ .fot {
			float: none !important;
			width: calc(100% + 30px) !important;
			margin: 0 -15px 20px -15px !important;
			padding: 20px 15px !important;
			position: relative !important;
			overflow: hidden;
			display: flex !important;
			justify-content: center;
			background: var(--fot-bg, #f7ecd9);
		}
		.kosmos article.top .fot::before,
		.kosmos article.content h1 ~ .fot::before {
			content: "";
			position: absolute;
			inset: -20px;
			background: var(--fot-bg, #f7ecd9) center / cover no-repeat;
			filter: blur(30px) saturate(0.7) brightness(1.05);
			opacity: 0.7;
			z-index: 0;
			transform: scale(1.1);
		}
		.kosmos article.top .fot img,
		.kosmos article.content h1 ~ .fot img {
			float: none !important;
			display: block !important;
			margin: 0 !important;
			position: relative;
			z-index: 1;
			border-radius: 8px;
			border: 2px solid rgba(163,141,104,.7); 
			box-shadow: 0 8px 24px rgba(98,38,14,0.25);
		}
		

	}
	*/
	@container (max-width: 500px) {
		.kosmos article.top .fot,
		.kosmos article.content h1 ~ .fot {
			float: none !important;
			width: calc(100% + 30px) !important;
			margin: 0 -15px 20px -15px !important;
			padding: 20px 15px !important;
			position: relative !important;
			overflow: hidden;
			isolation: isolate;
			display: flex !important;
			justify-content: center;
			background: #f7ecd9;                /* только цвет, без картинки */
		}
		.kosmos article.top .fot::before,
		.kosmos article.content h1 ~ .fot::before {
			content: "";
			position: absolute;
			inset: -8px;                        /* небольшой запас под размытие краёв */
			background: var(--fot-bg) center / cover no-repeat;   /* одна картинка, без плитки */
			filter: blur(4px) saturate(0.9);    /* слабое размытие: фото читается */
			opacity: 0.8;
			z-index: -1;
		}
		.kosmos article.top .fot img,
		.kosmos article.content h1 ~ .fot img {
			float: none !important;
			display: block !important;
			margin: 0 !important;
			position: relative;
			border-radius: 8px;
			border: 2px solid rgba(163,141,104,.7);
			box-shadow: 0 8px 24px rgba(98,38,14,0.35);
		}
	}

	/*вывод текста при расчетах*/
	.kosmos article.content dl.sp dd article.p.p_j p {
		clear: left;
		padding-top: 10px;
	}
	.kosmos article.content dl.sp dd article.p.p_j h2 {
		margin-bottom: -3px !important;	
	}
	.kosmos article.content dl.sp dd i.i span.st{
		margin-top: 5px;
	}

	/*вывод текста и фото в calend_bot*/
	.kosmos article.content dl.sp dd div.p img.img_info {
		max-width: 41% !important;
		height: auto !important;
	}
	
	/*фото где объясняется принципы анализов*/
	.text-container img.imges{
		max-width: 85px !important;
	}
	
	/*текст над картами*/
	.kosmos article.top h2.txt_line {
		font-size:12px;
		line-height: 17px;
	}
	
	/*текст ИИ*/
	.kosmos .info.dop_info {
		font-size:90%;
		text-align: inherit;
	}
	
	/*блоки видео*/
	.video_load .video-container{
		height: 170px;
	}
	.video_load .video-container.big{
		height: 170px;
	}
	
	/*разница во времени*/
	.kosmos article.content.is_tm_now.razn .time_now.r{
		float:left;
		clear: both
	}
	
	/*тек. точное время*/
	.kosmos article.content.is_tm_now .time_now {
		line-height: 120%;
	}
	
	/*фото всех расчетов верхние*/
	.kosmos article.top.card_img img.house_img {
		clip-path: inset(0 0 26px 26px);
		margin: 10px 0 0 -10px;
	}
	
	/*фотогалерея*/
	.fotogal .foto_vivod div u {
		clear: both;
		float: left;
	}
	
	/* ====== Яндекс-кнопка и форма ====== */
	.yandex_oath{
		transform: none !important;
	}

}