/* Start:/bitrix/templates/rephon012018/css/lk.css?17560937288480*/
/* =========================
   REPHON — Личный кабинет
   ========================= */

/* === Токены === */
:root{
  /* базовые */
  --lk-max:1100px;
  --lk-gap:24px;
  --lk-radius:14px;

  /* палитра */
  --lk-text:#1f2937;
  --lk-muted:#64748b;
  --lk-line:#e5eaef;
  --lk-bg:#fff;

  --lk-brand:#0a5bd3;
  --lk-brand-ghost:#f0f6ff;

  --lk-success:#22c55e;
  --lk-warning:#f59e0b;
  --lk-danger:#ef4444;
  --lk-info:#3b82f6;
}

/* === Каркас === */
.lk-h1{max-width:var(--lk-max);margin:8px auto 18px;font-size:28px;font-weight:800}
.lk-wrap{display:grid;grid-template-columns:260px 1fr;gap:var(--lk-gap);align-items:start}
.lk-wrap--with-aside{max-width:var(--lk-max);margin:24px auto}
.lk-wrap--single{max-width:var(--lk-max);margin:24px auto;grid-template-columns:1fr}

.lk-aside{
  position:sticky;top:14px;
  background:var(--lk-bg);border:1px solid var(--lk-line);border-radius:var(--lk-radius);padding:16px
}
.lk-aside__caption{color:var(--lk-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(--lk-text);border:1px solid transparent
}
.lk-nav__link:hover{border-color:var(--lk-line);background:#f8fafc}
.lk-nav__link.is-active{background:#edf5ff;border-color:#d7e7ff;color:var(--lk-brand);font-weight:700}

.lk-main{min-width:0}
.lk-card{
  background:var(--lk-bg);border:1px solid var(--lk-line);
  border-radius:var(--lk-radius);padding:16px
}
.lk-card + .lk-card{margin-top:14px}

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

/* === Бейджи === */
.lk-badge{display:inline-block;padding:4px 8px;border-radius:8px;background:#eef2f7;color:#334155;font-size:13px;line-height:1}
.lk-badge.is-success{background:rgba(34,197,94,.14);color:#106c36}
.lk-badge.is-warning{background:rgba(245,158,11,.16);color:#8a5200}
.lk-badge.is-danger{background:rgba(239,68,68,.14);color:#9a2727}
.lk-badge.is-info{background:rgba(59,130,246,.14);color:#1d4ed8}

/* === Список заказов (универсальные классы) === */
.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__sep{opacity:.6;margin:0 .4em}
.rf-order__date{color:var(--lk-muted)}

.rf-order__meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}
.rf-meta__label{color:var(--lk-muted);margin-right:6px}
.rf-meta__value{font-weight:700}

.rf-order__items{
  margin:10px 0 0;padding-left:0;list-style:none;
  border-top:1px dashed var(--lk-line);padding-top:10px;display:grid;gap:6px
}
.rf-item{display:flex;gap:8px;align-items:center}
.rf-item__name{flex:1;min-width:0}
.rf-item__dot{width:4px;height:4px;border-radius:50%;background:var(--lk-line)}
.rf-item__qty{white-space:nowrap;color:var(--lk-muted)}

/* Бейдж для статусов (чип) */
.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:var(--lk-text)
}
.rf-badge--thin{height:22px;font-weight:600}
.rf-badge.is-success{background:rgba(24,169,87,.12);color:var(--lk-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(--lk-danger)}
.rf-badge.is-info{background:rgba(59,130,246,.12);color:var(--lk-info)}

/* === Кнопки === */
.lk-link{color:var(--lk-brand);text-decoration:none}
.lk-link.is-danger{color:var(--lk-danger)}
.lk-link:hover{text-decoration:underline}

/* общие */
.lk-btn{height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:10px;border:1px solid var(--lk-line);background:#fff;color:var(--lk-text);cursor:pointer}
.lk-btn[disabled]{opacity:.6;cursor:not-allowed}

/* фирменные */
.lk-main .btn-primary{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--lk-brand) !important;color:#fff !important;
  border:1px solid var(--lk-brand) !important;border-radius:10px;
  height:48px;padding:0 18px;font-weight:700
}
.lk-main .btn-primary[disabled]{
  background:#eef1f4 !important;color:#9aa4b2 !important;border-color:#e1e6ea !important;cursor:not-allowed
}
.rf-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--lk-brand);background:var(--lk-brand);color:#fff;text-decoration:none;font-weight:700}
.rf-btn--ghost{background:#fff;color:var(--lk-brand)}
.rf-btn--danger{border-color:var(--lk-danger);background:#fff;color:var(--lk-danger)}
.rf-btn--danger:hover{background:#fff5f5}

/* === Форма профиля === */
.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(--lk-muted)}
.req{color:#e11d48}
.i{height:44px;border:1px solid #cfd6da;border-radius:10px;padding:0 12px;width:100%}

.lk-actions{
  grid-column:1 / -1;display:flex;gap:12px;justify-content:flex-start
}
.lk-form .btn,.lk-form .btn-primary{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;min-width:160px;height:48px;padding:0 18px
}

/* === Блок подтверждения телефона === */
.lk-verify{
  margin-top:14px;background:#fff;border:1px solid var(--lk-line);border-radius:14px;
  padding:14px;display:grid;row-gap:12px
}
.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-pager{margin-top:12px}
.rf-pager .modern-page-current{background:var(--lk-brand)!important;color:#fff!important;border-color:var(--lk-brand)!important;border-radius:8px}
.rf-pager a{border-radius:8px}

/* === Адаптив === */
@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}
  .lk-form .btn,.lk-form .btn-primary{width:100%;min-width:0}
}
@media (max-width:520px){
  .lk-aside{padding:14px}
  .lk-card{padding:14px}
  .lk-tab{padding:7px 10px}
}
/* ——— Кнопки в карточке заказа: больше расстояние и лучшее поведение ——— */
.rf-actions{
  margin-top:14px;              /* было 12 — чуть больше отступ сверху */
  display:flex;
  flex-wrap:wrap;               /* разрешаем перенос */
  gap:12px 14px;                /* горизонтальный/вертикальный зазоры между кнопками */
}

.rf-actions .rf-btn{
  min-width:140px;              /* чтобы не были узкими */
  height:42px;
  padding:0 16px;
}

/* если места мало — кнопки растягиваются и складываются по 2 в ряд */
@media (max-width: 1024px){
  .rf-actions .rf-btn{
    flex:1 1 180px;             /* занимаем доступную ширину, но не меньше 180px */
  }
}

/* на совсем узких экранах — каждая кнопка во всю строку */
@media (max-width: 560px){
  .rf-actions{gap:10px}
  .rf-actions .rf-btn{
    flex:1 1 100%;
    min-width:0;
  }
}

/* чуть больше зазор между списком товаров и кнопками */
.rf-order__items{ margin-top:12px }
/* Блок подтверждения телефона */
.lk-verify{
  margin-top:16px;
  background:#fff;
  border:1px solid #e5eaef;
  border-radius:14px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.lk-verify__row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.lk-verify__note{
  font-weight:600;
  color:#0a7a2f;
}

.lk-verify__code{
  max-width:160px;
}

.lk-verify .btn,
.lk-verify .btn-primary{
  height:44px;
  padding:0 16px;
  border-radius:10px;
  font-weight:600;
}
/* 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?17560937288480 */
/* /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 */