/* Start:/bitrix/templates/rephon012018/css/lk.css?175614007116273*/
/* =========================================================
   REPHON — Личный кабинет (единый стиль)
   ========================================================= */

/* Токены */
:root{
  --lk-max:1100px;
  --lk-gap:24px;

  --rf-primary:#0a5bd3;
  --rf-text:#1f2937;
  --rf-muted:#6b7280;
  --rf-line:#d8e0e9;
  --rf-bg:#ffffff;

  --rf-badge:#eef2f7;
  --rf-success:#18a957;
  --rf-warning:#ffb020;
  --rf-danger:#ef4444;
  --rf-info:#3b82f6;

  --rf-radius:14px;
  --rf-shadow:0 2px 6px rgba(0,0,0,.05);
}

/* Заголовок страницы */
.lk-h1{
  font-size:28px;
  font-weight:800;
  margin:8px auto 18px;
  max-width:var(--lk-max);
}

/* Каркас */
.lk-wrap{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:var(--lk-gap);
  margin:0 auto;
  max-width:var(--lk-max);
  align-items:start;
}
.lk-wrap--with-aside{ grid-template-columns:260px 1fr; }
.lk-wrap--single{ grid-template-columns:1fr; }

/* Левое меню */
.lk-aside{
  background:var(--rf-bg);
  border:1px solid var(--rf-line);
  border-radius:var(--rf-radius);
  padding:18px;
  box-shadow:var(--rf-shadow);
  height:max-content;
}
.lk-aside__caption{ color:var(--rf-muted); font-size:14px; }
.lk-aside__name{ font-weight:800; margin-top:4px; }
.lk-nav{ margin-top:12px; display:grid; gap:8px; }
.lk-nav__link{
  display:block;
  padding:10px 12px;
  border-radius:10px;
  text-decoration:none;
  color:var(--rf-text);
  border:1px solid transparent;
}
.lk-nav__link:hover{ border-color:var(--rf-line); background:#f8fafc; }
.lk-nav__link.is-active{
  background:#edf5ff;
  border-color:#d7e7ff;
  color:var(--rf-primary);
  font-weight:700;
}

/* Правая колонка */
.lk-main{ min-width:0; }

/* Карточки (рамка + тень) */
.lk-card{
  background:var(--rf-bg);
  border:1px solid var(--rf-line);
  border-radius:var(--rf-radius);
  padding:16px 18px;
  box-shadow:var(--rf-shadow);
  margin-bottom:18px;
}

/* Алерты */
.alert{
  border-radius:10px;
  padding:12px 14px;
  margin-bottom:14px;
  border:1px solid var(--rf-line);
  box-shadow:var(--rf-shadow);
  background:#fff;
}
.alert-ok{ background:#e9f8eb; border-color:#9fe2b2; }
.alert-err{ background:#ffecec; border-color:#ff9b9b; }

/* Формы профиля */
.lk-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.field{ display:flex; flex-direction:column; gap:6px; }
.field--full{ grid-column:1 / -1; }
.field__label{ font-size:14px; color:var(--rf-muted); }
.req{ color:#e11d48; }

.i{
  width:100%;
  height:44px;
  padding:0 12px;
  border:1px solid #cfd6da;
  border-radius:10px;
}

/* Кнопки (общие) */
.btn, .btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:48px;
  padding:0 18px;
  border-radius:10px;
  font-weight:700;
}
.btn{
  background:#fff;
  color:var(--rf-primary);
  border:1px solid var(--rf-primary);
}
.btn-primary{
  background:var(--rf-primary);
  color:#fff;
  border:1px solid var(--rf-primary);
}
.btn[disabled], .btn-primary[disabled]{
  background:#eef1f4 !important;
  color:#9aa4b2 !important;
  border-color:#e1e6ea !important;
  cursor:not-allowed;
}

/* Блок подтверждения телефона */
.lk-verify{
  margin-top:14px;
  background:#fff;
  border:1px solid var(--rf-line);
  border-radius:14px;
  padding:14px;
  display:grid;
  row-gap:12px;
  box-shadow:var(--rf-shadow);
}
.lk-verify__row{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.lk-verify__code{ max-width:160px; }
.lk-verify__note{ font-weight:600; color:#0a7a2f; }

/* Бейджи статусов / оплат */
.rf-badge{
  display:inline-flex;
  align-items:center;
  height:26px;
  padding:0 10px;
  border-radius:999px;
  background:var(--rf-badge);
  font-size:12px;
  font-weight:700;
  color:var(--rf-text);
}
.rf-badge--thin{ height:22px; font-weight:600; }
.rf-badge.is-success{ background:rgba(24,169,87,.12); color:var(--rf-success); }
.rf-badge.is-warning{ background:rgba(255,176,32,.14); color:#9a6b00; }
.rf-badge.is-danger{ background:rgba(239,68,68,.12); color:var(--rf-danger); }
.rf-badge.is-info{ background:rgba(59,130,246,.12); color:var(--rf-info); }

/* Шапки/мета заказа */
.rf-order__head{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.rf-order__title{ font-weight:700; }
.rf-order__num{ white-space:nowrap; }
.rf-order__date{ color:var(--rf-muted); }
.rf-order__meta{ display:flex; gap:18px; flex-wrap:wrap; margin-top:10px; }
.rf-meta__label{ color:var(--rf-muted); margin-right:6px; }
.rf-meta__value{ font-weight:700; }

/* Действия */
.rf-actions{ margin-top:12px; display:flex; gap:10px; flex-wrap:wrap; }
.rf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 14px;
  border-radius:10px;
  border:1px solid var(--rf-primary);
  background:var(--rf-primary);
  color:#fff;
  text-decoration:none;
  font-weight:700;
}
.rf-btn:hover{ opacity:.95; }
.rf-btn:active{ transform:translateY(1px); }
.rf-btn--ghost{ background:#fff; color:var(--rf-primary); }
.rf-btn--danger{ border-color:var(--rf-danger); background:#fff; color:var(--rf-danger); }
.rf-btn--danger:hover{ background:#fff5f5; }

/* Таблица состава заказа */
.lk-table{
  width:100%;
  border-collapse:collapse;
  margin-top:12px;
}
.lk-table th,
.lk-table td{
  border:1px solid #e5eaef;
  padding:10px 12px;
  text-align:left;
  vertical-align:top;
}
.lk-table th{
  background:#f9fafb;
  font-weight:600;
  color:#374151;
}
.lk-total{
  text-align:right;
  font-weight:700;
  padding-top:10px;
}

/* Пагинация (деликатный твик) */
.rf-pager{ margin-top:12px; }
.rf-pager .modern-page-current{
  background:var(--rf-primary)!important;
  color:#fff!important;
  border-color:var(--rf-primary)!important;
  border-radius:8px;
}
.rf-pager a{ border-radius:8px; }

/* Табы (если используются) */
.lk-tabs{ display:flex; gap:10px; margin-bottom:14px; flex-wrap:wrap; }
.lk-tab{
  display:inline-block;
  padding:8px 12px;
  border:1px solid var(--rf-line);
  border-radius:10px;
  background:#fff;
  color:var(--rf-text);
  text-decoration:none;
}
.lk-tab.is-active{ background:var(--rf-primary); border-color:var(--rf-primary); color:#fff; }

/* Адаптив */
@media (max-width:1024px){
  .lk-wrap{ grid-template-columns:1fr; }
  .lk-aside{ position:static; }
}
@media (max-width:960px){
  .lk-form{ grid-template-columns:1fr; }
  .lk-actions{ justify-content:stretch; }
  .btn, .btn-primary{ width:100%; min-width:0; }
  .lk-verify__row{ flex-direction:column; align-items:stretch; }
  .lk-verify__code{ max-width:none; }
}
/* === Выравниваем типографику заголовков на всех экранах === */
.lk-h1{
  font-size: 28px;
  line-height: 1.15;
  margin: 8px auto 18px;
}

/* === Карточки: единая рамка/тень/отступы (список и детальная) === */
.lk-card{
  background:#fff;
  border:1px solid #d8e0e9;
  border-radius:14px;
  padding:16px 18px;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
  margin-bottom:18px;
}

/* === Левая колонка: одинаковая «пилюля» активного пункта === */
.lk-aside{background:#fff;border:1px solid #d8e0e9;border-radius:14px;padding:18px;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.lk-nav__link{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#1f2937;border:1px solid transparent}
.lk-nav__link:hover{background:#f4f7fb;border-color:#e9eef5}
.lk-nav__link.is-active{background:#edf5ff;border:1px solid #d7e7ff;color:#0a5bd3;font-weight:700}

/* === Кнопки действий в списке заказов: равные отступы === */
.rf-actions,
.lk-order .rf-actions{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap}
.rf-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:10px;border:1px solid #0a5bd3;background:#0a5bd3;color:#fff;text-decoration:none;font-weight:700}
.rf-btn--ghost{background:#fff;color:#0a5bd3}
.rf-btn--danger{border-color:#ef4444;background:#fff;color:#ef4444}
.rf-btn--danger:hover{background:#fff5f5}

/* === Бейджи статусов и оплаты — одинаковая «чипса» === */
.rf-badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#eef2f7;font-size:12px;font-weight:700;color:#1f2937;gap:6px}
.rf-badge--thin{height:22px}
.rf-badge.is-success{background:rgba(24,169,87,.12);color:#18a957}
.rf-badge.is-danger{background:rgba(239,68,68,.12);color:#ef4444}

/* === Таблица на детальной: читаемость + адаптив === */
.lk-table{width:100%;border-collapse:collapse;margin-top:12px}
.lk-table th,.lk-table td{border:1px solid #e5eaef;padding:10px 12px;text-align:left;vertical-align:top}
.lk-table th{background:#f9fafb;font-weight:600;color:#374151;white-space:nowrap}
.lk-total{text-align:right;font-weight:700;padding-top:12px}

/* Горизонтальная прокрутка на узких экранах (не ломаем сетку) */
.lk-table-wrap{overflow:auto;border-radius:12px}
.lk-table-wrap .lk-table{min-width:720px}

/* === Формы профиля: кнопка/поля одинаковых размеров === */
.lk-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lk-form .field{display:flex;flex-direction:column;gap:6px}
.lk-form .field--full{grid-column:1 / -1}
.lk-form .i{height:44px;border:1px solid #cfd6da;border-radius:10px;padding:0 12px;width:100%}
.lk-form .btn-primary{height:48px;padding:0 18px;border-radius:10px;background:#0a5bd3!important;border:1px solid #0a5bd3!important;color:#fff!important;font-weight:700}

/* === Мелкие выравнивания в шапке детальной === */
.order-head{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;
}
.order-head__num{font-weight:800}
.order-head__price{font-weight:800}

/* === Отступы между блоками на детальной === */
.order-meta{display:grid;gap:6px;margin:8px 0 10px}

/* === Мобильные правки === */
@media (max-width:1024px){
  .lk-wrap{grid-template-columns:1fr}
  .lk-aside{position:static}
}
@media (max-width:640px){
  .rf-actions{gap:10px}
  .rf-btn,
  .rf-btn--ghost,
  .rf-btn--danger{height:44px}
  .lk-form{grid-template-columns:1fr}
}
/* Пагинация */
.rf-pager{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  font-size:14px;
}
.rf-pager a,
.rf-pager b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  min-width:36px;
  padding:0 12px;
  border:1px solid #d8e0e9;
  border-radius:10px;
  background:#fff;
  color:#1f2937;
  text-decoration:none;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.rf-pager a:hover{ background:#f8fafc; }
.rf-pager b{
  background:#0a5bd3;
  border-color:#0a5bd3;
  color:#fff;
  font-weight:700;
}
.rf-pager .disabled,
.rf-pager .disabled:hover{
  opacity:.45; pointer-events:none;
}

/* Утилиты */
.lk-price{ font-weight:700; }
.lk-link{ color:var(--rf-primary); text-decoration:none; }
.lk-link:hover{ text-decoration:underline; }
/* Общая подложка для всего списка */
.lk-card.lk-list{
  padding: 6px 0; /* тонкие поля по краям */
}

/* Строка заказа как «элемент соразделителями» */
.rf-order{
  padding: 14px 16px;
}
.rf-order + .rf-order{
  border-top: 1px solid #e9edf2;
}

/* Шапка строки заказа */
.rf-order__head{
  display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap;
  align-items: center;
}
.rf-order__title{ font-weight:600 }
.rf-order__sep{ opacity:.5; margin:0 .4em }
.rf-order__date{ color:#64748b }

/* Вспомогательные строковые блоки */
.rf-order__line{ margin-top:6px; color:#475569 }

/* Компактный список товаров в строке заказа */
.rf-order__items{ margin:10px 0 0 0; padding:0; list-style:none }
.rf-order__items--clean{ margin-top:8px }
.rf-item{
  display:grid;
  grid-template-columns: 6px 1fr auto;
  align-items:center;
  gap:8px 10px;
  font-size:14px;
}
.rf-item + .rf-item{ margin-top:4px }
.rf-item__dot{
  width:4px; height:4px; border-radius:50%;
  background:#d1d8e2; display:inline-block;
}
.rf-item__name{
  color:#1f2937; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.rf-item__qty{ color:#64748b; white-space:nowrap }

/* Кнопки действий в строке */
.rf-actions{
  margin-top:10px; display:flex; gap:10px; flex-wrap:wrap;
}

/* бейджи: чутка компактнее */
.rf-badge{ display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:999px; background:#eef2f7; font-size:12px; font-weight:700; color:#1f2937 }
.rf-badge--thin{ height:22px; font-weight:600 }
.rf-badge.is-success{ background:rgba(24,169,87,.12); color:#18a957 }
.rf-badge.is-danger{ background:rgba(239,68,68,.12); color:#ef4444 }

/* Адаптив: убираем лишние отступы и переносим экшены ниже */
@media (max-width: 768px){
  .rf-order{ padding:12px 12px }
  .rf-actions{ gap:8px }
}
/* Общая подложка с мягким фоном */
.lk-card.lk-list{
  background:#f9fbfe; /* деликатный фон контейнера */
  padding:16px;
}

/* Карточка одного заказа внутри общей подложки */
.rf-order--card{
  background:#fff;
  border:1px solid var(--rf-line, #e5eaef);
  border-radius:14px;
  padding:14px;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
}

/* Отступы между карточками заказов */
.rf-order--card + .rf-order--card{ margin-top:12px }

/* Шапка строки */
.rf-order__head{
  display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; align-items:center;
}
.rf-order__title{ font-weight:600 }
.rf-order__sep{ opacity:.6; margin:0 .4em }

/* Акуратный список товаров в строку */
.rf-order__items--clean{ 
  margin:10px 0 0; padding:0; list-style:none; 
  border-top:1px dashed var(--rf-line, #e5eaef); padding-top:10px;
  display:grid; gap:6px;
}
.rf-item{ display:grid; grid-template-columns:6px 1fr auto; gap:8px 10px; align-items:center }
.rf-item__dot{ width:4px; height:4px; border-radius:50%; background:#d1d8e2 }
.rf-item__name{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.rf-item__qty{ color:#64748b; white-space:nowrap }

/* Тонкие информационные строки */
.rf-order__line{ margin-top:6px; color:#475569 }

/* Кнопки действий */
.rf-actions{ margin-top:10px; display:flex; gap:10px; flex-wrap:wrap }
/* Левая колонка – фиксируем при скролле */
.lk-aside{
  position:sticky;
  top:20px;           /* отступ от верха */
  align-self:flex-start;
  height:max-content;
}

/* Список товаров — крупнее и «воздуха» больше */
.rf-order__items--clean{ 
  margin:14px 0 0; 
  padding:0; 
  list-style:none; 
  border-top:1px dashed var(--rf-line, #e5eaef); 
  padding-top:12px;
  display:grid; 
  gap:10px;
}

.rf-item{ 
  display:grid; 
  grid-template-columns:8px 1fr auto; 
  gap:8px 12px; 
  align-items:center;
}

.rf-item__dot{ 
  width:6px; 
  height:6px; 
  border-radius:50%; 
  background:#d1d8e2;
}

.rf-item__name{ 
  font-size:15px;       /* чуть крупнее чем было */
  font-weight:500;
  color:#1e293b;
  white-space:nowrap; 
  overflow:hidden; 
  text-overflow:ellipsis;
}

.rf-item__qty{ 
  font-size:15px;
  color:#334155;
  font-weight:500;
  white-space:nowrap;
}
.rf-item__qty{
  font-size:13px;
  font-weight:500;
  color:#475569;
  white-space:nowrap;
}

.rf-item__qty-badge{
  display:inline-block;
  padding:2px 8px;
  border-radius:12px;
  background:#f1f5f9;   /* светло-серый фон */
  color:#0f172a;        /* тёмный текст */
  font-size:13px;
  font-weight:500;
  line-height:1.2;
  margin-left:6px;
}
/* End */


/* Start:/bitrix/templates/rephon012018/components/bitrix/menu/top_menu/style.min.css?1604594366490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/rephon012018/components/bitrix/menu/top_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/rephon012018/components/bitrix/breadcrumb/ul/style.min.css?1604594366467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/rephon012018/styles.css?17556613311265*/
.catalog-column_left .catalog-filter-custom:before,
.catalog-row:before {
	content: '';
	display: block;
}

.catalog-column_left .catalog-filter-custom:after,
.catalog-row:after {
  display: block;
  clear: both;
  content: "";
}

.catalog-column_left #ys_filter_bitronic {
	width: 100%;
}

.catalog-column_left {
	/*width: 240px;*/

	-ms-flex: 0 0 240px;
  	flex: 0 0 240px;
  	max-width: 240px;

	margin-right: 30px;
	float: left;
}

.catalog-column_right {
	width: 100%;
	/*overflow: hidden;*/
}

.catalog-row {
	width: 100%;
	display: -ms-inline-flexbox;
  	display: inline-flex;
}

.bx_catalog_text .bx_catalog_text_ul li {
	display: inline-block;
	vertical-align: top;
	float: none;
}

#ys_filter_bitronic #modef {
	display: none;
}

#ys_filter_bitronic .text.hide + .notloader {
	display: none !important;
}

#ys_filter_bitronic .disable .text.hide + .notloader {
	display: inline !important;
}

#ys_filter_bitronic .disable .text.hide {
	display: none;
}

#ys_filter_bitronic .text.hide {
	display: inline;
}

#set_filter {
	display: none !important;
}

#kombox-filter {
    border-color: #f3f3f4;
}

.kombox-filter-choice .kombox-filter-choice-count {
	display: none;
}

.kombox-filter-choice ul {
	list-style: none;
	padding: 0;
	margin: 0 15px 10px 0;
}

/* End */


/* Start:/local/css/reaspekt/reaspekt.geobase/style.css?1604594304974*/
.ReaspektPopupOverlay {
	height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
	background-color: #000;
	filter: alpha(opacity=60); 	/*Filter for IE*/
}
#ReaspektPopupBody {
    position: absolute !important;
    padding: 30px 50px;
    left: 0;
    top: 0;
    /*width: 500px;
    min-height: 100%;
    height: 1000px;*/
    z-index: 510;
    background-color: #fff;
	box-shadow: 0px 0px 15px #000000;
    box-sizing: border-box;
}
#ReaspektPopupBody .ReaspektClosePosition {
	position: relative;
}

#ReaspektPopupBody #ReaspektCloseBtn {
	position: absolute;
	right: -40px;
    top: -20px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background:url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat top;
}

#ReaspektPopupBody #ReaspektCloseBtn:hover {
	background: url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat 0 -24px;
}

#ReaspektPopupContainer {
	max-width: 900px;
}
/* End */
/* /bitrix/templates/rephon012018/css/lk.css?175614007116273 */
/* /bitrix/templates/rephon012018/components/bitrix/menu/top_menu/style.min.css?1604594366490 */
/* /bitrix/templates/rephon012018/components/bitrix/breadcrumb/ul/style.min.css?1604594366467 */
/* /bitrix/templates/rephon012018/styles.css?17556613311265 */
/* /local/css/reaspekt/reaspekt.geobase/style.css?1604594304974 */