/* Start:/local/templates/weeksmile/components/bitrix/form/main-v2/bitrix/form.result.new/.default/style.css?178834659410136*/
/* ============================================================
   WeekSmile — форма «Проконсультироваться онлайн (удаленно)»
   Шаблон компонента bitrix:form → consult_online → form.result.new (style.css)
   Надстройка над штатной структурой шаблона:
     .sub-section.dark.mobile.co → .wrapper → .sidebar/.content
                                 → .wrapper → .feedback → .two_block → .text-col
   Из template CSS берутся как есть: фон/радиус секции, сетка wrapper,
   sidebar 24% / content 76%, h2 (48→41→24), p 18/140%, .two_block,
   .form_callback_modal input (#F3F2F2 r8 Inter 500 20/120%),
   .dark .small-button (белая + arrow-black-in.svg), брейкпоинты 1500/1279/769/580/450.
   Здесь — только новое (label, textarea, файл, согласие) и 5 точечных
   переопределений, все под скоупом .sub-section.dark.
   ============================================================ */

.sub-section.dark .feedback.co{
  --co-accent:#158A94;
  --co-field:#F3F2F2;
  --co-placeholder:#797979;
  --co-hint:#BABABA;
  --co-error:#FF5268;
}


div[id^="wait_"]
{
    display: none !important;
    background: none !important;
    border: 0 !important;
    font-style: normal !important;
    font-variant: normal !important;
    letter-spacing: normal !important;
    padding: 0 !important;
    text-align: center !important;
    text-indent: 0 !important;
    width: 0px !important;
    height: 0px !important;
    word-spacing: normal !important;
}

/* --- переопределения шаблона (минимум) --- */
.sub-section.dark .wrapper.co-head .content h2{width:100%;text-align:center}           /* заголовок по центру контента, как в макете */
.sub-section.dark .feedback.co .two_block{align-items:stretch}
.sub-section.dark .feedback.co .two_block .text-col{width:50%}
.sub-section.dark .feedback.co .two_block .text-col > p{padding-bottom:35px}
.sub-section.dark .feedback.co .two_block .text-col.co-media{padding-top:60px}      /* верх фото = уровень первого поля */
.sub-section.dark .feedback.co .two_block .text-col.co-media img.image{
  height:100%;min-height:0;object-fit:cover;object-position:center top;
}
.sub-section.dark .feedback.co .form_callback_modal form{gap:20px}
.sub-section.dark .feedback.co .form_callback_modal input:not([type=checkbox]):not([type=file]),
.sub-section.dark .feedback.co .form_callback_modal textarea{
  width:100%;min-height:72px;padding:17px 20px 17px 16px;
  border:1px solid transparent;border-radius:8px;background:var(--co-field);
  color:#1C1C1C;font-family:Inter;font-weight:400;font-size:20px;line-height:120%;
  outline:none;-webkit-appearance:none;appearance:none;
  transition:border-color .15s,box-shadow .15s;
}
.sub-section.dark .feedback.co .form_callback_modal textarea{min-height:123px;resize:vertical;display:block}
.sub-section.dark .feedback.co .form_callback_modal input::placeholder,
.sub-section.dark .feedback.co .form_callback_modal textarea::placeholder{color:var(--co-placeholder);opacity:1}
.sub-section.dark .feedback.co .form_callback_modal input:focus,
.sub-section.dark .feedback.co .form_callback_modal textarea:focus{border-color:var(--co-accent);box-shadow:0 0 0 3px rgba(21,138,148,.25)}
.sub-section.dark .feedback.co .small-button{
  height:53px;padding:0 60px 0 16px;margin:0;border:0;align-items:center;cursor:pointer;font-family:Inter;
}
.sub-section.dark .feedback.co .small-button:after{right:6px;top:6px}
.sub-section.dark .feedback.co .small-button[disabled]{opacity:.6;cursor:default}
.sub-section.dark .feedback.co .small-button.is-loading{color:transparent}
.sub-section.dark .feedback.co .small-button.is-loading::before{
  content:'';position:absolute;left:24px;top:50%;width:18px;height:18px;margin-top:-9px;
  border:2px solid #1C1C1C;border-right-color:transparent;border-radius:50%;animation:co-spin .7s linear infinite;
}
@keyframes co-spin{to{transform:rotate(360deg)}}

/* --- новые элементы --- */
.sub-section.dark .feedback.co .co-row{display:flex;gap:19px}
.sub-section.dark .feedback.co .co-row > .co-field{flex:1 1 0;min-width:0}
.sub-section.dark .feedback.co .co-field{display:flex;flex-direction:column;gap:12px}
.sub-section.dark .feedback.co .co-label{
  display:flex;align-items:center;gap:8px;
  font-family:Inter;font-weight:400;font-size:20px;line-height:120%;color:var(--co-field);
}
.sub-section.dark .feedback.co .co-label svg{flex:0 0 auto;width:15px;height:20px}
.sub-section.dark .feedback.co .co-hint{margin-top:-4px;font-family:Inter;font-size:13px;line-height:120%;color:var(--co-hint)}
.sub-section.dark .feedback.co .co-error{display:none;font-family:Inter;font-size:13px;line-height:120%;color:var(--co-error)}
.sub-section.dark .feedback.co .co-field.is-error .co-error{display:block}
.sub-section.dark .feedback.co .co-field.is-error input,
.sub-section.dark .feedback.co .co-field.is-error textarea,
.sub-section.dark .feedback.co .co-field.is-error .co-drop,
.sub-section.dark .feedback.co .co-field.is-error .co-check{border-color:var(--co-error)}

/* файл */
.sub-section.dark .feedback.co .co-drop{
  position:relative;display:flex;align-items:center;justify-content:center;gap:6px;
  min-height:70px;padding:16px 20px;border:1px dashed var(--co-field);border-radius:8px;
  font-family:Inter;font-size:20px;line-height:120%;color:#fff;cursor:pointer;
  transition:background-color .15s,border-color .15s;
}
.sub-section.dark .feedback.co .co-drop:hover,
.sub-section.dark .feedback.co .co-drop.is-drag{background:rgba(255,255,255,.06)}
.sub-section.dark .feedback.co .co-drop.is-drag{border-style:solid;border-color:var(--co-accent)}
.sub-section.dark .feedback.co .co-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.sub-section.dark .feedback.co .co-drop__link{
  font-weight:500;color:var(--co-accent);text-decoration:underline;
  text-underline-offset:8px;text-decoration-thickness:2px;
}
.sub-section.dark .feedback.co .co-drop__file{display:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sub-section.dark .feedback.co .co-drop__clear{
  display:none;position:relative;z-index:1;margin-left:6px;padding:0;border:0;background:none;
  color:var(--co-hint);font:inherit;font-size:16px;cursor:pointer;
}
.sub-section.dark .feedback.co .co-drop.has-file .co-drop__text{display:none}
.sub-section.dark .feedback.co .co-drop.has-file .co-drop__file,
.sub-section.dark .feedback.co .co-drop.has-file .co-drop__clear{display:inline-block}

/* согласие: квадрат 18×18, белая рамка r4 */
.sub-section.dark .feedback.co .political.co-consent{
  display:flex;align-items:flex-start;gap:10px;cursor:pointer;
  font-family:Inter;font-size:15px;line-height:120%;color:#fff;
}
.sub-section.dark .feedback.co .co-consent input{position:absolute;opacity:0;width:0;height:0}
.sub-section.dark .feedback.co .co-check{
  flex:0 0 auto;width:18px;height:18px;border:1px solid #fff;border-radius:4px;
  transition:background-color .15s,border-color .15s;
}
.sub-section.dark .feedback.co .co-consent input:checked + .co-check{
  background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231C1C1C' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e") center/10px no-repeat;
}
.sub-section.dark .feedback.co .co-consent input:focus-visible + .co-check{box-shadow:0 0 0 3px rgba(21,138,148,.45)}
.sub-section.dark .feedback.co .co-consent .info{color:#fff}
.sub-section.dark .feedback.co .co-consent a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sub-section.dark .feedback.co .co-consent a:hover{color:var(--co-accent)}

/* результат */
.sub-section.dark .feedback.co .co-result{display:none;margin-top:20px;padding:20px 24px;border-radius:8px;font-family:Inter;font-size:18px;line-height:140%;color:#fff}
.sub-section.dark .feedback.co .co-result.is-ok{display:block;background:rgba(21,138,148,.18);border:1px solid var(--co-accent)}
.sub-section.dark .feedback.co .co-result.is-fail{display:block;background:rgba(255,82,104,.15);border:1px solid var(--co-error)}

.sub-section.dark .feedback.co .co-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* --- адаптив: поверх брейкпоинтов шаблона --- */
@media (max-width:1350px){
      .sub-section.dark .feedback.co .two_block .text-col{width:100%}
}

@media (max-width:1279px){
  .sub-section.dark .feedback.co .two_block .text-col.co-media{padding-top:0}
    .sub-section.dark .feedback.co .two_block .text-col{width:100%}
}
@media (max-width:769px){
  .sub-section.dark .wrapper.co-head .sidebar{display:none}
  .sub-section.dark .wrapper.co-head .content{width:100%}
  .sub-section.dark .feedback.co .two_block .text-col{width:100%}
  .sub-section.dark .feedback.co .two_block .text-col.co-media img.image{height:auto;aspect-ratio:345/200}
}
@media (max-width:580px){
  .sub-section.dark .feedback.co .co-row{flex-direction:column;gap:20px}
  .sub-section.dark .feedback.co .co-label{font-size:18px}
  .sub-section.dark .feedback.co .form_callback_modal input:not([type=checkbox]):not([type=file]),
  .sub-section.dark .feedback.co .form_callback_modal textarea{font-size:16px;min-height:60px;padding:17px 16px}
  .sub-section.dark .feedback.co .form_callback_modal textarea{min-height:110px}
  .sub-section.dark .feedback.co .co-drop{flex-direction:column;gap:4px;font-size:16px;text-align:center;min-height:64px}
  .sub-section.dark .feedback.co .political.co-consent{font-size:14px}
  .sub-section.dark .feedback.co .small-button{width:100%;justify-content:center}
  .sub-section.dark .feedback.co .two_block .text-col > p{padding-bottom:20px}
}
@media (prefers-reduced-motion:reduce){
  .sub-section.dark .feedback.co *{transition:none!important;animation:none!important}
}

/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/modern/style.css?1772726965754*/
div.modern-page-navigation {
	padding: 0.5em 0;}
div.modern-page-navigation a,
span.modern-page-current,
span.modern-page-dots
{
	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 0.75em;
	padding-right: 0.5em;
	text-decoration: none;
}
div.modern-page-navigation a.modern-page-previous {
	border-right-width: 1px;
	border-right-style: solid;
	border-left: none; }
div.modern-page-navigation a.modern-page-first,
div.modern-page-navigation span.modern-page-first {
	border-left: none;
	padding-left: 0.5em; }

span.modern-page-current {
	font-weight: var(--ui-font-weight-bold);
}
div.modern-page-navigation a,
span.modern-page-current,
div.modern-page-navigation a.modern-page-previous,
span.modern-page-dots {
	border-color: #cdcdcd; }

/* End */
/* /local/templates/weeksmile/components/bitrix/form/main-v2/bitrix/form.result.new/.default/style.css?178834659410136 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/modern/style.css?1772726965754 */