/* ============================================================
   site2026.css - ОБЩИЙ шаблон нового дизайна ВНУТРЕННИХ страниц
   (все страницы сайта, кроме главной; август 2026).
   Подключается из des/header.php ПОСЛЕ старых style.css/style1.css
   и ПОСЛЕ des/index2026.css: база нового дизайна (палитра, шрифты,
   верхнее меню, подвал, подсказки, модальные окна) берётся оттуда.
   Здесь - только то, что нужно именно внутренним страницам:
   контейнер контента и мягкая доводка старых элементов под стиль.
   Кодировка файла: windows-1251 (комментарии на русском).
   ============================================================ */

/* ---------- контейнер контента внутренней страницы ---------- */
/* колонкой служит сам <main class="nd-main nd-page"> из des/header.php -
   без внутренней div-обёртки, чтобы общий подвал des/footer.php закрывал
   одинаковую разметку и на главной (там <main> без nd-page), и здесь;
   слагаемое 100% - 6px гарантирует боковые зазоры не менее 3px
   (наказ автора 10.08.2026, как у подвала) */
main.nd-page{
  display:block;
  width:min(1180px,94vw,100% - 6px);
  margin:0 auto;
  padding:1.4rem 0 2.6rem;
}

/* ---------- типографика контента ---------- */
/* заголовки страниц: шрифт Philosopher и снятие подчёркивания уже заданы
   глобально в index2026.css; здесь - цвет, размер и отступы */
main.nd-page h1,main.nd-page h2,main.nd-page h3{color:var(--maroon);margin:1.1rem 0 .65rem}
main.nd-page h1{font-size:1.6rem}
/* 25.08.2026: на формах goroskop*.php название раздела ($lname) выводится как <h1 class="form__legend">
   (on-page h1 для поиска; видимая легенда скрыта). Вид - как был у легенды: 18px, --muted, по центру,
   без отступов; селектор специфичнее main.nd-page h1 выше, поэтому перебивает его маронный заголовок. */
main.nd-page h1.form__legend{font-size:18px;color:var(--muted);margin:0;padding:0 8px}
main.nd-page h2{font-size:1.32rem}
main.nd-page h3{font-size:1.12rem}
/* ссылки контента - марун, как в подвале нового дизайна;
   старые цвета style.css перекрываем мягко (без !important, чтобы
   точечные инлайн-стили страниц продолжали работать) */
main.nd-page a{color:var(--maroon)}
main.nd-page a:hover{color:var(--gold-deep)}

/* ---------- поля форм внутренних страниц (мягкая доводка) ---------- */
/* правим только цвета/рамки/шрифт; размеры и раскладку старых форм не
   трогаем - формы построения гороскопов остаются работоспособными.
   Форма настроек nast.php оформляется своим des/nast2026.css - его
   правила специфичнее (form[name=nastform]) и потому главнее этих */
main.nd-page select,
main.nd-page input[type=text],
main.nd-page input[type=password],
main.nd-page textarea{
  font-family:"PT Sans",sans-serif;color:var(--ink);
  background:var(--bg);border:1px solid var(--line);border-radius:8px;
  padding:.3rem .5rem;
}
main.nd-page select:focus,
main.nd-page input[type=text]:focus,
main.nd-page input[type=password]:focus,
main.nd-page textarea:focus{
  outline:none;border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(185,134,46,.22);
}
/* кнопки действий - золотая пилюля нового дизайна (как кнопки образца);
   :not(.ts-tab) - пилюли нового слайдера красит index2026.css, их не трогаем,
   иначе неактивные вкладки тоже становились золотыми (замечено 10.08.2026) */
main.nd-page input[type=submit],
main.nd-page input[type=button],
main.nd-page button:not(.ts-tab){
  font-family:"PT Sans",sans-serif;font-weight:700;color:#fff8ea;
  background:linear-gradient(135deg,#d3a344 0%,#a97b1f 55%,#8a5f14 100%);
  border:none;border-radius:999px;padding:.5rem 1.35rem;cursor:pointer;
  box-shadow:0 10px 22px -10px rgba(138,95,20,.65), inset 0 1px 0 rgba(255,240,200,.5);
  transition:transform .2s ease, box-shadow .2s ease;
}
main.nd-page input[type=submit]:hover,
main.nd-page input[type=button]:hover,
main.nd-page button:not(.ts-tab):hover{
  transform:translateY(-1px);
  box-shadow:0 14px 26px -11px rgba(138,95,20,.7);
}

/* ---------- прочие мелочи старого контента ---------- */
/* маркеры-стрелочки us.gif в текстах ссылок больше не нужны в новом
   дизайне (в подвале их прячет index2026.css; тут - для контента) */
main.nd-page img[src*='us.gif']{display:none}
/* широкие таблицы гороскопов не должны распирать страницу на телефоне:
   прокрутка внутри собственной обёртки (как на главной .tab-wrap) */
main.nd-page .tab-wrap{overflow-x:auto;height:auto}

/* ---------- карточка формы настроек на странице nasts.php ---------- */
/* двойная золотая рамка берётся из .card (index2026.css); обёртку ставит
   nasts.php вокруг include nast.php (наказ автора 10.08.2026) - здесь
   только ширина колонкой по центру и просторные поля */
main.nd-page .nast-card{
  max-width:940px;
  margin:1rem auto 1.4rem;
  padding:1.8rem clamp(.8rem,3vw,2.2rem);
}

/* ---------- чекбокс согласия главной формы - золотой стиль сайта ---------- */
/* как флажок трансатурновых планет в настройках (nast2026.css .nd-check):
   золотая коробочка со скруглением и белой галочкой (наказ автора 10.08.2026);
   перекрывает вид form-style.css (бордовая рамка 15px и бордовая птичка) */
main.nd-page .form__checkbox + .form__checkbox-indicator{
  width:20px;height:20px;margin-top:-10px;border-radius:6px;
  border:1px solid var(--gold);background:var(--ivory);
  box-shadow:inset 0 1px 2px rgba(90,58,16,.15);
  transition:background .2s ease,border-color .2s ease;
}
main.nd-page .form__checkbox:checked + .form__checkbox-indicator{
  background:linear-gradient(135deg,#d3a344 0%,#a97b1f 55%,#8a5f14 100%);
  border-color:var(--gold-deep);
}
/* белая галочка из двух штрихов (символа галочки нет в cp1251) */
main.nd-page .form__checkbox:checked + .form__checkbox-indicator:before{
  top:2px;left:6px;width:6px;height:11px;
  border:solid #fff8ea;border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
/* видимый фокус с клавиатуры - золотая обводка, как у флажка настроек */
main.nd-page .form__checkbox:focus-visible + .form__checkbox-indicator{
  outline:2px solid var(--gold);outline-offset:2px;
}

/* поле года главной формы (двойной ввод даты): четыре цифры не помещались
   в стандартную ширину поля formstyler - расширяем только год (#tg) */
main.nd-page input#tg{width:66px}

/* кнопка «Определить ЧП» главной формы: стандартная высота, как у соседних
   полей «Часовой пояс»/«разница с Гринвичем» (32px), без переноса строки
   (наказ автора 10.08.2026; прежний длинный текст переносился на 3 строки) */
main.nd-page button#prvdt{
  box-sizing:border-box;height:32px;padding:.15rem 1rem;
  white-space:nowrap;min-width:0;font-size:.9rem;
  /* текст строго по центру кнопки (наказ автора 10.08.2026) */
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
}

/* ---------- стандартный блок над картой (gorohead.php) ---------- */
/* заголовок h1 внутри .goro-head - размер как на главной (перекрываем
   более крупный общий main.nd-page h1) */
main.nd-page .goro-head h1{font-size:clamp(1.15rem,1.5vw,1.45rem)}

/* ---------- Сарватобхадра чакра: квадрат в стандартном режиме ---------- */
/* раньше страница рендерилась в quirks mode и height:100% из square.css
   давал квадрат; после починки доктайпа высота схлопывалась до min-height
   456px при ширине 600px. aspect-ratio держит высоту равной ширине
   (наказ автора 10.08.2026: «увеличить высоту до размера ширины») */
main.nd-page .square{height:auto;aspect-ratio:1/1;max-height:none}
main.nd-page .square__wrapper{
  position:relative;left:auto;top:auto;transform:none;
  height:100%;max-height:none;margin:0 auto;
}

/* ---------- кнопки главной формы (наказ автора 10.08.2026) ---------- */
/* текст кнопок не переносится на новую строку */
main.nd-page form[name=mainform] button{white-space:nowrap}
/* «Выбрать дату» и «Выбрать время» - не выше полей даты/времени (32px) */
main.nd-page form[name=mainform] button.form__button{
  box-sizing:border-box;height:32px;padding:.15rem 1.1rem;font-size:.9rem;
  display:inline-flex;align-items:center;justify-content:center;
}
/* кнопка «Рассчитать» остаётся крупной - только запрет переноса (правило выше) */

/* ---------- пилюли С-Ю / В-З главной формы ---------- */
/* копия hem-switch из des/nast2026.css (там правила заперты на form[name=nastform]
   и сюда не достают); высота пилюль подогнана к полям формы (32px) */
main.nd-page .hem-switch{
  display:inline-flex;border:1px solid rgba(150,108,42,.38);border-radius:999px;
  overflow:hidden;background:var(--bg);vertical-align:middle;margin:3px 6px 3px 2px;
}
main.nd-page .hem{position:relative;cursor:pointer;margin:0}
main.nd-page .hem input{position:absolute;opacity:0;width:1px;height:1px}
main.nd-page .hem span{
  display:block;padding:.3rem .95rem;
  font-family:"PT Sans",sans-serif;font-weight:700;font-size:.9rem;
  color:var(--muted);transition:background .25s ease,color .25s ease;
}
main.nd-page .hem:hover span{color:var(--gold-deep)}
main.nd-page .hem input:checked + span{
  background:linear-gradient(135deg,#d3a344 0%,#a97b1f 55%,#8a5f14 100%);
  color:#fff8ea;
}
main.nd-page .hem input:focus-visible + span{outline:2px solid var(--gold);outline-offset:-2px}

/* ---------- фоновые мандалы контентного блока (наказ автора 11.08.2026) ---------- */
/* как на главной (.chart-section .mandala из index2026.css): первая мандала в
   левом верхнем углу, вторая справа внизу. Псевдоэлементы main.nd-page - без
   правки разметки ~170 страниц; z-index:-1 кладёт узор ПОД текст (фоновый
   рисунок), z-index:0 на самом main создаёт контекст наложения, чтобы узор
   не провалился под фон страницы; overflow:hidden обрезает выступающие края */
/* без overflow:hidden: мандалы должны УПИРАТЬСЯ в край окна, а не резаться
   краем центральной колонки (наказ автора 11.08.2026); горизонтальный
   излишек прячет глобальное html{overflow-x:hidden} из index2026.css */
main.nd-page{position:relative;z-index:0}
main.nd-page::before,
main.nd-page::after{
  content:"";position:absolute;z-index:-1;width:520px;height:520px;
  opacity:.28;pointer-events:none;
  background:url("/img/mandala_img.png") center/contain no-repeat;
}
/* смещения от КРАЯ ОКНА (как на главной, где секция во всю ширину):
   calc(50% - 50vw) - расстояние от края центрированной колонки до края окна */
main.nd-page::before{top:-140px;left:calc(50% - 50vw - 140px)}
main.nd-page::after{bottom:2rem;right:calc(50% - 50vw - 140px);transform:rotate(18deg)}

/* ---------- ряды даты и времени главной формы (наказ автора 11.08.2026) ---------- */
/* поля идут первыми, кнопка-иконка - в конце ряда; оба ряда - в одну строку,
   на узких экранах переносятся целиком и/или по полям (flex-wrap) */
main.nd-page form[name=mainform] .form__item--date,
main.nd-page form[name=mainform] .form__item--time{
  display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:center;
  gap:8px;vertical-align:top;margin:0 1.4rem .6rem 0;width:auto;
  max-width:none; /* form-style.css зажимал ряд в 130px - снимаем предел */
}
/* подписи-обёртки полей внутри рядов - без старых колоночных отступов */
main.nd-page form[name=mainform] .form__item--date .form__label,
main.nd-page form[name=mainform] .form__item--time .form__label{margin:0}

/* кнопки-иконки календаря и часов - золотые квадратики в высоту полей */
main.nd-page form[name=mainform] button.form__button--icon{
  width:38px;height:32px;min-width:0;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
}
main.nd-page form[name=mainform] button.form__button--icon svg{
  width:18px;height:18px;color:#fff8ea; /* цвет линий иконки - слоновая кость кнопки */
}

/* мобильные экраны: каждый ряд - во всю ширину (иначе два ряда зажимались
   в узкие столбики бок о бок), поля внутри в строку с переносом */
@media (max-width: 560px){
  main.nd-page form[name=mainform] .form__item--date,
  main.nd-page form[name=mainform] .form__item--time{
    display:flex;width:100%;margin:0 0 .6rem;gap:6px;
  }
  /* подписи и обёртки полей не растягиваются на всю строку (мобильные
     правила form-style.css давали 100% - поля вставали в столбик) */
  main.nd-page form[name=mainform] .form__item--date .form__label,
  main.nd-page form[name=mainform] .form__item--time .form__label,
  main.nd-page form[name=mainform] .form__item--date .form__label > *,
  main.nd-page form[name=mainform] .form__item--time .form__label > *{
    width:auto;max-width:none;flex:0 0 auto;
  }
}

/* ---------- доводка главной формы (наказ автора 11.08.2026, вечер) ---------- */
/* ряды даты и времени не липнут к полю имени */
main.nd-page form[name=mainform] .form__item--date,
main.nd-page form[name=mainform] .form__item--time{margin-top:calc(1rem + 3px)} /* +3px (наказ автора 13.08.2026) */
/* кнопки-иконки календаря/часов: шире и с умеренным скруглением - не овал */
main.nd-page form[name=mainform] button.form__button--icon{width:46px;border-radius:11px}
/* полушария (пилюли С-Ю/В-З) - в одном ряду со своими координатами:
   обёртка-половина становится гибким рядом, подпись «Широта:»/«Долгота:»
   теперь в ОДНОЙ строке с полями - наказ автора 13.08.2026 */
main.nd-page form[name=mainform] .form__wrapper--half{
  width:auto;max-width:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;
}
/* подпись в одной строке с полями (13.08.2026); прежнее правило на всю строку:
main.nd-page form[name=mainform] .form__wrapper--half .form__sublegend{flex:1 1 100%} */
main.nd-page form[name=mainform] .form__wrapper--half .form__sublegend{flex:0 0 auto;width:auto;margin-bottom:0}
main.nd-page form[name=mainform] .form__wrapper--half .form__label{width:auto;margin:0}
main.nd-page form[name=mainform] .form__wrapper--half .hem-switch{margin:0}
/* чекбокс согласия - по центру формы */
main.nd-page form[name=mainform] .form__checkbox-wrapper{justify-content:center}
main.nd-page form[name=mainform] .form__label--save{width:auto;max-width:none}

/* ---------- страховки стайлера селектов (наказ автора 11.08.2026) ---------- */
/* оригинальный селект под обёрткой стайлера никогда не должен просвечивать
   («под полями видны старые поля» - при сбое загрузки темы стайлера) */
main.nd-page .jq-selectbox select{opacity:0 !important;pointer-events:none}
/* стилизованный селект не шире родителя: длинная «Поправка» распирала форму
   на узких экранах - текст усечётся многоточием */
/* ЖЁСТКИЙ потолок по вьюпорту: процентный max-width не работал - родительские
   рамки сами растянуты min-content-ом этого же селекта (круговая зависимость);
   vw от родителя не зависит. На десктопе прежняя ширина сохраняется */
main.nd-page .jq-selectbox{max-width:min(580px,82vw) !important} /* 82vw: с учётом отступов вложенных рамок (11.08.2026) */
/* обёртки «Поправки» (#dtsp/#dtsp2) - блочные и на всю ширину формы: метка
   «Поправка:» убрана, селект поправки растянут на весь ряд (наказ автора
   13.08.2026; ранее inline-block - селекту нужна была база для max-width) */
main.nd-page #dtsp, main.nd-page #dtsp2{display:block;width:100%;max-width:100%}
/* рамки формы не расползаются шире доступного места на узких экранах:
   инлайновые width:90/95% из разметки перебиваются гибкой шириной, легенды
   переносятся по словам (их однострочный min-content распирал рамки) */
main.nd-page fieldset.ramas{width:auto !important;max-width:100%;box-sizing:border-box;min-width:0}
/* min-width:0 обязателен: у fieldset браузерное умолчание min-width:min-content -
   рамка не сжималась уже самой длинной строки и вылезала за экран */
main.nd-page fieldset.ramas legend{white-space:normal;max-width:88vw}
main.nd-page .jq-selectbox__select{max-width:100%;overflow:hidden}
main.nd-page .jq-selectbox__select-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* на узких экранах неразрывные ряды (<nobr> координат и времени) должны
   переноситься - иначе форма шире телефона (наказ автора 11.08.2026) */
@media (max-width: 700px){
  main.nd-page nobr{white-space:normal}
  /* компактные поля вложенных рамок - вложенность съедала ширину телефона */
  main.nd-page fieldset.ramas{padding:.7rem .45rem .8rem}
}

/* ---------- форма совместимости: третья волна (наказ автора 11.08.2026) ---------- */
/* СЕРЫЕ ПОЛОСЫ у полей: старое правило style.css (.gorsel/.gornam: border-left
   #ccc 5px и серые рамки) попадало на ОБЁРТКИ стайлера - он копирует классы
   оригинала на .jq-selectbox/.jq-number. Гасим на обёртках новым видом */
main.nd-page .jq-selectbox.gorsel, main.nd-page .jq-selectbox.gorselsm,
main.nd-page .jq-selectbox.gornam{
  border:none;border-radius:0;padding-left:0;background:none;
}
main.nd-page .jq-selectbox.gorsel:hover{background:none}
/* .jq-number из нейтрализации ИСКЛЮЧЁН (12.08.2026): серые правила style.css
   на .gorsel0 не действуют, а нейтрализация снимала нужную рамку полей -
   «Час, минуты, широта, долгота потеряли оформление границ» */
/* рамки числовых полей и полей ввода - единый вид нового дизайна на всех формах */
main.nd-page .jq-number{
  border:1px solid var(--line);border-radius:8px;background:var(--bg);
}
main.nd-page .jq-number input{border:none;background:none}
/* подписи полей - стиль подписей образца app (малые прописные, приглушённый
   цвет нового дизайна), позиция прежняя - перед полем */
main.nd-page .nd-flabel{
  font-family:"PT Sans",sans-serif;font-size:.76rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
}
/* подпись «Поправка:» (b#spop/spop2) - тем же стилем подписей */
main.nd-page #spop, main.nd-page #spop2{
  font-family:"PT Sans",sans-serif;font-size:.76rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
}

/* поля имени и города формы совместимости - на всю ширину, масштабируемые
   (наказ автора 12.08.2026); подпись живёт внутри поля (placeholder) */
main.nd-page input.nd-wide{
  width:100%;box-sizing:border-box;height:32px; /* на всю ширину формы (13.08.2026; было 92%/max 720px) */
  border:1px solid var(--line);border-radius:8px;background:var(--bg);
  padding:0 10px;font-family:"PT Sans",sans-serif;color:var(--ink);
}
main.nd-page input.nd-wide::placeholder{
  font-family:"PT Sans",sans-serif;font-size:.76rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:1;
}
main.nd-page input.nd-wide:focus{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(185,134,46,.22);
}
/* обёртка поля города: блочная, на всю ширину - иначе inline-block nobr
   сжимался по контенту и поле города не растягивалось (12.08.2026) */
main.nd-page nobr.nd-cityrow{display:block;width:100%;white-space:normal}

/* ---------- форма совместимости: пятая волна (наказ автора 13.08.2026) ---------- */
/* кнопки-иконки календаря и часов - по средней линии строки, как поля и
   селекты (инлайн-флекс по умолчанию стоит на базовой линии, из-за этого
   кнопки висели ВЫШЕ полей ввода) */
main.nd-page form[name=mainform] button.form__button--icon{vertical-align:middle}
/* группа «час + минуты + кнопка времени»: переносится только целиком; это
   span, а не nobr - медиа-правило nobr{white-space:normal} на него не действует */
main.nd-page .nd-timegrp{display:inline-block;white-space:nowrap;vertical-align:middle}
/* пилюли полушарий - ровно в высоту соседних полей координат (32px):
   растянутые флексом подписи центрируются по вертикали */
main.nd-page .hem-switch{height:32px;box-sizing:border-box;margin:2px 6px;vertical-align:middle}
main.nd-page .hem{display:flex}
main.nd-page .hem span{display:flex;align-items:center;padding:0 .9rem}
/* селект «Поправки» - на всю ширину формы; специфичность с id перебивает
   общий потолок .jq-selectbox{max-width:min(580px,82vw)} */
main.nd-page #dtsp .jq-selectbox, main.nd-page #dtsp2 .jq-selectbox{
  width:100% !important;max-width:100% !important;
}
/* единый вертикальный ритм рядов формы совместимости: одинаковые зазоры между
   строками полей (селекты, числа, кнопки-иконки, широкие поля) */
main.nd-page fieldset.ramas .jq-selectbox,
main.nd-page fieldset.ramas .jq-number,
main.nd-page fieldset.ramas button.form__button--icon,
main.nd-page fieldset.ramas .hem-switch,
main.nd-page fieldset.ramas input.nd-wide{margin-top:4.5px;margin-bottom:4.5px} /* было 3px+3px; +3px к интервалам, симметрия для выравнивания рядов (наказ автора 13.08.2026) */

/* скрытое нативное поле времени (input type="time"): его системный пикер
   открывается кнопкой «Выбрать время» через showPicker() и даёт РАЗДЕЛЬНЫЙ
   выбор часов и минут - как поле времени шаблона app/ (наказ автора 13.08.2026).
   Поле остаётся 1x1px В ПОТОКЕ рядом с кнопкой (не display:none - иначе
   showPicker() не работает; и не absolute - попап привязывается к месту поля) */
main.nd-page .nd-timehid{display:inline-block;width:1px;height:1px;opacity:0;border:0;padding:0;margin:0;vertical-align:middle}

/* ---------- выпадающий выбор часов и минут (наказ автора 13.08.2026) ---------- */
/* панель у кнопки «Выбрать время» (движок ndTimeDrop в js/index2026.js): цвета и
   оттенки сайта, размеры соотнесены с полями формы; две колонки со скроллом и
   двоеточием между ними; выбранное - марун, наведение - золотая подсветка.
   Панель добавляется в body: переменные палитры объявлены на :root (index2026.css) */
.nd-tdrop{
  position:absolute;z-index:10500;display:none;
  background:var(--bg);border:1px solid var(--line);border-radius:10px;
  box-shadow:0 12px 28px rgba(61,47,32,.18);padding:6px 8px;
}
.nd-tdrop.open{display:flex}
.nd-tdrop-sep{display:flex;align-items:center;padding:0 4px;color:var(--muted);
  font-family:"PT Sans",sans-serif;font-weight:700}
.nd-tdrop-list{overflow-y:auto;height:186px;width:54px;
  scrollbar-width:thin;scrollbar-color:var(--gold-soft) transparent}
.nd-tdrop-item{
  font-family:"PT Sans",sans-serif;font-size:.9rem;line-height:1.5;color:var(--ink);
  text-align:center;padding:3px 0;border-radius:6px;cursor:pointer;
}
.nd-tdrop-item:hover{background:rgba(217,184,119,.35)} /* мягкое золото */
.nd-tdrop-item.sel{background:var(--maroon);color:#fff}

/* зазор между блоками широты и долготы главной формы: половины прилипали друг
   к другу, когда долгота оказывалась под широтой (наказ автора 13.08.2026) */
main.nd-page form[name=mainform] .form__item--justify{gap:9px 24px} /* 6px + 3px (наказ автора 13.08.2026) */

/* ========== волна 8 (наказ автора 13.08.2026) ========== */
/* +3px к вертикальному интервалу между рядами главной формы:
   form-style.css задаёт 10px - поднимаем до 13px */
main.nd-page form[name=mainform] .form__item:not(:first-of-type){margin-top:13px}
/* ряды даты и времени: правило 13px выше по специфичности их базового отступа
   calc(1rem + 3px) - возвращаем рядам увеличенный отступ (13.08.2026) */
main.nd-page form[name=mainform] .form__item--date:not(:first-of-type),
main.nd-page form[name=mainform] .form__item--time:not(:first-of-type){margin-top:calc(1rem + 3px)}
/* (+3px к ритму формы совместимости сделано в правиле «единый вертикальный
   ритм» выше: 3px+3px -> 4.5px+4.5px; отдельное правило не нужно - 13.08.2026) */
/* выпадающий список часовых поясов («Поправка») на форме совместимости -
   текст по левому краю: наследовал text-align:center от старой разметки
   <center>; на главной форме список и так по левому краю */
#dtsp .jq-selectbox__dropdown ul,
#dtsp2 .jq-selectbox__dropdown ul,
#dtsp .jq-selectbox__dropdown li,
#dtsp2 .jq-selectbox__dropdown li{text-align:left}

/* ========== волна 10 (наказ автора 14.08.2026): пояс на всю ширину + ручной ввод ========== */
/* выпадающий список часовых поясов главной формы - на всю ширину формы;
   inline-ширину текста выбранного пункта ставит стайлер - перебиваем */
main.nd-page form[name=mainform] .form__label--corrective{width:100%}
main.nd-page form[name=mainform] .jq-selectbox.form__select--corrective{width:100% !important;max-width:100% !important}
main.nd-page form[name=mainform] .jq-selectbox.form__select--corrective .jq-selectbox__select-text{width:auto !important}
/* ряд ручного ввода пояса: пилюли + часы/минуты + кнопки с общим зазором */
main.nd-page form[name=mainform] #ndtzrow{gap:8px}
main.nd-page form[name=mainform] .nd-svbtn{height:32px;min-width:46px;padding:0 12px}

/* правило точки характера накшатры (.ndnkdot) перенесено в index2026.css -
   site2026.css не грузится на главной, и там пропадал промежуток (14.08.2026) */

/* Наказ автора 15.08.2026: поля даты главной формы шире - в «день» не влезало
   «20» (min-width 90px темы стайлера); месяц и год - заодно */
main.nd-page form[name=mainform] .jq-selectbox.form__select{min-width:104px}
/* Наказ автора 16.08.2026: то же для форм со старым классом gorsel (гороскоп
   совместимости) - в кнопке «день» не влезало «20»; месяц и год - заодно */
main.nd-page form[name=mainform] .jq-selectbox.gorsel{min-width:104px}
/* flex-ряд ручного пояса совместимости: стандартные зазоры между кнопками,
   в т.ч. при переносе «Определить ЧП»/«СВ» на новую строку (16.08.2026) */
main.nd-page form[name=mainform] .nd-tzrow{display:inline-flex;flex-wrap:wrap;gap:5px 8px;align-items:center;justify-content:center;max-width:100%;vertical-align:middle}
/* и зазор между кнопкой-часами ряда пояса и «Определить ЧП» - короче */
main.nd-page #ndtzrow .ndtztime{margin-right:0}
main.nd-page #ndtzrow #prvdt{margin-left:0}


/* ---------- машина времени (mvrem.php) вне слайдера вкладок: тот же вид,
   что на главной и «Лунном календаре стрижки» (наказ автора 16.08.2026).
   На стрижке блок лежит во вкладке слайдера и его красят правила .ts-slide
   из index2026.css; на садоводе он вне слайдера - дублируем скоупом страницы */
main.nd-page fieldset.mvramas{
  border:1px dashed var(--line);border-radius:11px;padding:1rem 1.1rem;margin:0 auto 1rem;
}
main.nd-page fieldset.mvramas legend{color:var(--muted);letter-spacing:.08em;padding:0 .5rem}
main.nd-page .polediv{
  display:inline-flex;align-items:center;gap:.5rem;
  margin:.45rem .8rem .45rem 0;vertical-align:middle;
}
main.nd-page input.mvrem{
  font-family:"PT Sans",sans-serif;font-size:1rem;color:var(--ink);width:7em;
  background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:.45rem .6rem;
}
main.nd-page input.mvrem:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(185,134,46,.22)}
/* кнопки перемещений (+1, -365...) - светлые пилюли, как на главной */
main.nd-page input[type=submit].nastbtn1{
  color:var(--maroon);background:rgba(255,250,240,.6);
  border:1px solid var(--line);border-radius:999px;
  padding:.45rem 1.05rem;margin:4px 3px;cursor:pointer;
  font-family:"PT Sans",sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.03em;
  box-shadow:none;
}
main.nd-page input[type=submit].nastbtn1:hover{
  background:var(--ivory);border-color:var(--gold);color:var(--gold-deep);
  transform:translateY(-1px);box-shadow:none;
}


/* ============ выпадающий список подсказок города (jquery.autocomplete:
   главная форма и формы совместимости) - в стиле сайта, со значком локации
   перед названием города (наказ автора 17.08.2026); прежний системный вид
   задавал des/stform.css (WindowFrame/Window) - здесь он переопределяется ============ */
.ac_results{
  background:var(--ivory,#fffaf0) !important;
  border:1px solid var(--line,rgba(150,108,42,.38)) !important;
  border-radius:10px;
  box-shadow:0 16px 34px -14px rgba(90,58,16,.55);
  overflow:hidden;
  z-index:70;
}
.ac_results li{
  position:relative;
  font:400 .92rem/1.35 'PT Sans',Arial,sans-serif !important;
  color:var(--ink,#452f1b);
  padding:.45rem .75rem .45rem 22px !important;
  border-bottom:1px dashed rgba(150,108,42,.22);
}
.ac_results li:last-child{border-bottom:none}
.ac_results li:before{ /* значок локации перед названием города - пин img/nd-city-pin.svg по образу Google Places прежней версии сайта lagna.ru (наказ автора 17.08.2026) */
  content:'';position:absolute;left:5px;top:50%;margin-top:-7px;
  width:12px;height:14px;background:url('/img/nd-city-pin.svg') no-repeat;background-size:12px 14px;
}
.ac_results li.ac_over,.ac_results li:hover{
  background-color:rgba(217,184,119,.35);color:var(--maroon,#7c2a1c);cursor:pointer;
}
.ac_results li .qnt{margin:0;color:var(--muted,#8d7148);font-size:.85em}
.ac_results li.ac_over .qnt,.ac_results li:hover .qnt{color:var(--maroon,#7c2a1c)}

/* Страницы подпериодов даш (vandasha, yandasha, jai*dashaad): цепочка родительских периодов
   под заголовком - по центру, без абзацного отступа (наказ автора 22.08.2026) */
p.maintext.nd-dasha-chain{text-align:center;text-indent:0;margin:.35em 0}
