/* Start:/bitrix/components/malls/rent/templates/new/style.css?17912837238932*/
/* Malls.ru — раздел «Аренда и продажа», стилевой рефреш 2026.
   Файл кладётся в шаблон комплексного компонента malls:rent (templates/new/style.css),
   Bitrix подключает его сам на всех страницах раздела. Единый стиль с кабинетом и формой добавления:
   PT Sans, фирменный #226e8f, карточки с радиусом 12px, превью 4:3 без искажений. */

:root{--r-brand:#226e8f;--r-brand-d:#1b5a75;--r-ink:#22292e;--r-muted:#6b7780;--r-soft:#8b969e;--r-line:#e6edf1;--r-bg:#f6fafb;--r-hover:#f4f9fb}

/* ---------- заголовки ---------- */
.content__head h1{font-family:'PT Sans','Trebuchet MS',Arial,sans-serif !important;text-transform:none !important;font-size:26px !important;line-height:1.2 !important;color:var(--r-ink) !important;letter-spacing:0 !important;margin-bottom:14px !important}
header.title h2,header.title h2 a{font-family:'PT Sans','Trebuchet MS',Arial,sans-serif !important;font-size:20px !important;font-weight:700 !important;color:var(--r-ink) !important;text-decoration:none !important}
header.title h2 a:hover,header.title h2 a.active{color:var(--r-brand) !important}

/* ---------- блоки «Предложения» и «Возьмём в аренду» ---------- */
.content_application__horisontal{background:#fff;border:1px solid var(--r-line) !important;border-radius:12px;padding:18px 20px 8px !important;box-shadow:none !important;margin-bottom:22px !important}
.content_application__horisontal .content__title{font-family:'PT Sans','Trebuchet MS',Arial,sans-serif !important;font-size:20px !important;font-weight:700 !important;color:var(--r-ink) !important;text-decoration:none !important}
.content_application__horisontal .separate__line{background:var(--r-line) !important;height:1px !important;margin:12px 0 14px !important}
.content_application__horisontal .content_rent__list,.content_application__horisontal .content_application__list{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
.content_rent__item-hs{display:flex !important;flex-wrap:wrap;align-items:flex-start;gap:4px 14px;width:auto !important;margin:0 !important;float:none !important}
.content_rent__item-hs .content_rent__type{flex:1 1 100%;font-size:11px !important;letter-spacing:.04em;text-transform:uppercase;color:var(--r-soft) !important;font-family:'PT Sans',Arial,sans-serif !important}
.content_rent__photo-hs{flex:0 0 120px;width:120px !important;height:90px !important;margin:0 !important;border-radius:8px;overflow:hidden;background:var(--r-bg)}
.content_rent__photo-hs a{display:block;width:100%;height:100%}
.content_rent__photo-hs img{width:100% !important;height:100% !important;max-width:none !important;object-fit:cover;display:block}
.content_rent__descr-hs{flex:1 1 140px;width:auto !important;margin:0 !important;padding:0 !important}
.content_rent__name{display:block;font-family:'PT Sans','Trebuchet MS',Arial,sans-serif !important;font-size:15px !important;font-weight:700 !important;line-height:1.3 !important;color:var(--r-brand) !important;text-decoration:none !important;margin-bottom:6px}
.content_rent__name:hover{color:var(--r-brand-d) !important;text-decoration:underline !important}
.content_rent__chars p{font-family:'PT Sans',Arial,sans-serif !important;font-size:13px !important;line-height:1.4 !important;color:var(--r-muted) !important;margin:0 0 2px !important}
.content_rent__chars .bold{color:var(--r-ink) !important;font-weight:700}

/* кнопки «Добавить» и «Применить» */
.content_add__btn{font-family:'PT Sans','Trebuchet MS',Arial,sans-serif !important;font-weight:700 !important;font-size:14px !important;background:var(--r-brand) !important;border:0 !important;border-radius:8px !important;padding:9px 18px !important;color:#fff !important;text-decoration:none !important;box-shadow:none !important;transition:background .15s}
.content_add__btn:hover{background:var(--r-brand-d) !important}

/* ---------- фильтр ---------- */
.b_filter{background:#fff !important;border:1px solid var(--r-line) !important;border-radius:12px !important;padding:18px 20px !important;box-shadow:none !important}
.b_filter .filter__parameters_trigger{color:var(--r-brand) !important;font-size:13px !important;font-family:'PT Sans',Arial,sans-serif !important}
.b_filter .filter_col__label{font-family:'PT Sans',Arial,sans-serif !important;font-size:13px !important;font-weight:700;color:var(--r-ink)}

/* поля фильтра в одном стиле с формой добавления (после подключения jquery.customselect) */
.b_filter .filter__col{vertical-align:top}
.b_filter .customselect-dropdown-text,.b_filter .jq-selectbox__select,.b_filter input.filter__input{background:#fff !important;background-image:none !important;border:1px solid #c9d3da !important;border-radius:8px !important;box-shadow:none !important;font-family:'PT Sans',Arial,sans-serif !important;font-size:14px !important;color:var(--r-ink)}
.b_filter input.filter__input{height:38px !important;padding:0 10px !important;box-sizing:border-box}
.b_filter input.filter__input:focus{border-color:#2f8bb0 !important;box-shadow:0 0 0 3px rgba(47,139,176,.18) !important;outline:0}
.b_filter .filter__parameters_trigger{border-bottom-style:dashed !important}

/* ---------- список объявлений ---------- */
.offers.simple{font-family:'PT Sans','Trebuchet MS',Arial,sans-serif !important;background:#fff;border:1px solid var(--r-line);border-radius:12px;overflow:hidden;margin-bottom:14px}
.offers.simple header.top{font-family:'PT Sans',Arial,sans-serif !important;font-size:11px !important;font-weight:700;letter-spacing:.04em;color:var(--r-soft) !important;background:var(--r-bg) !important;border:0 !important;border-bottom:1px solid var(--r-line) !important;padding:10px 16px !important}
.offers.simple article{border-bottom:1px solid var(--r-line) !important;padding:12px 16px !important;transition:background .12s}
.offers.simple article:last-child{border-bottom:0 !important}
.offers.simple article:hover{background:var(--r-hover)}
/* превью: одна рамка 4:3, без искажений, чёткие на ретине (исходник 240x180) */
.offers.simple article .nofloat{display:flex;gap:0;align-items:flex-start;overflow:hidden}
.offers.simple .photo-small{display:block;float:none;flex:0 0 auto;width:120px !important;min-width:120px !important;height:90px;margin:0 14px 0 0 !important;border-radius:8px;overflow:hidden;background:var(--r-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' stroke='%23c9d3da' stroke-width='1.5'%3E%3Crect x='3' y='6' width='22' height='16' rx='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Cpath d='M3 20l7-6 5 4 4-3 6 5'/%3E%3C/svg%3E") center/28px no-repeat}
.offers.simple .photo-small a{display:block;width:100%;height:100%}
.offers.simple .photo-small img{width:100% !important;height:100% !important;max-width:none !important;object-fit:cover;display:block}
.offers.simple .rent__text-info{font-size:13px !important;line-height:1.4 !important;color:#4a555c !important}
.offers.simple .rent__text-info .small,.offers.simple .rent__text-info-mobile .small{font-size:11px !important;letter-spacing:.04em;color:var(--r-soft) !important;margin:2px 0 !important}
.offers.simple .type-name{font-family:'PT Sans',Arial,sans-serif !important;font-size:11px !important;letter-spacing:.04em;color:var(--r-soft) !important;margin:0 0 3px !important}
.offers.simple .right a{font-size:15px !important;font-weight:700 !important;line-height:1.3 !important;color:var(--r-brand) !important;text-decoration:none !important}
.offers.simple .right a:hover{color:var(--r-brand-d) !important;text-decoration:underline !important}
.offers.simple .fl-container .fl,.offers.simple header.top .fl{background:none !important}
.offers.simple .fl-container .fl{font-size:13px !important;font-weight:700 !important;color:var(--r-ink) !important}
.offers.simple .fl-container .fl.red,.offers.simple .fl-container .fl.green{color:var(--r-ink) !important}

/* ссылки «Все предложения» и пейджер */
.all-link2 a{color:var(--r-brand) !important;font-weight:700;font-family:'PT Sans',Arial,sans-serif !important}

@media (max-width:630px){
  .offers.simple article{padding:12px !important}
  .offers.simple .photo-small{width:96px !important;min-width:96px !important;height:72px;margin-right:10px !important}
  .offers.simple article .right{width:calc(100% - 106px) !important}
  .content_rent__photo-hs{flex-basis:96px;width:96px !important;height:72px !important}
  .content_application__horisontal .content_rent__list,.content_application__horisontal .content_application__list{grid-template-columns:1fr}
}
/* End */
/* /bitrix/components/malls/rent/templates/new/style.css?17912837238932 */