/* Start:/bitrix/templates/monetka/components/bitrix/news/vacansies/bitrix/news.detail/.default/style.css?17616272104976*/
:root{
  --orange:#ED6B06;      /* Monetka Orange */
  --lime:#B3D449;        /* Monetka Lime */
  --blue:#5878A9;        /* Blue Yonder */
  --yellow:#FFAC40;      /* Yellow Orange */
  --amazon:#39794D;      /* Amazon */

  --text:#222;
  --muted:#4F4F4F;
  --bg:#F7F7F7;
  --line:#E7E7E7;
  --card:#F8FAF2;
  --r:14px;
}


body .vacancy{font-family:"Montserrat",system-ui,-apple-system,Arial,sans-serif;color:var(--text)}
.vacancy{margin:8px 0}

/* ===== HERO */
.v-hero{
  border-radius:20px; padding:26px 22px; background:#fff; box-shadow:0 10px 28px rgba(0,0,0,.06);
  background-image: radial-gradient(900px 320px at 18% -10%, rgba(179,212,73,.35), transparent 55%);
}
.v-hero__row{display:flex; gap:16px; align-items:flex-start}
.v-hero__left{flex:1}
.v-hero__right{display:flex; align-items:center; gap:10px; min-height:40px}
.v-hero__badges{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px}
.v-badge{display:inline-block; padding:6px 10px; border-radius:999px; background:var(--lime); color:#183c0b; font-weight:800; font-size:12px; letter-spacing:.2px}
.v-hero__title{margin:0 0 10px; font-size:30px; font-weight:800; line-height:1.2}
.v-hero__meta{display:flex; gap:12px; flex-wrap:wrap}
.meta-item{display:inline-flex; align-items:center; gap:8px; color:var(--muted); font-size:14px}

/* подпись «горячая вакансия» справа */
.hot-note{display:inline-flex; align-items:center; gap:8px; font-weight:800; color:#C12F12; background:rgba(255,92,54,.1); border:1px solid rgba(255,92,54,.25); padding:8px 10px; border-radius:12px}
.hot-dot{width:8px;height:8px;border-radius:50%;background:#FF5C36;display:inline-block;box-shadow:0 0 0 3px rgba(255,92,54,.18)}

/* CTA */
.btn-cta{
  background:var(--orange); border:0; color:#fff; padding:12px 18px; border-radius:12px;
  font-weight:800; cursor:pointer; box-shadow:0 6px 20px rgba(255,92,54,.35);
  transition:transform .05s, filter .2s, color .2s
}
.btn-cta:hover{filter:brightness(.96); color:#fff}
.btn-cta:active{transform:translateY(1px)}
.btn-cta--full{width:100%}
.btn-link{margin-left:0; color:var(--blue); text-decoration:none; font-weight:600}
.btn-link:hover{text-decoration:underline}
.btn-link--lg{font-size:16px}

/* ===== FACTS */
.v-facts{display:grid; gap:16px; margin:20px 0 12px; grid-template-columns:repeat(4,minmax(0,1fr))}
.fact{background:var(--card); border:1px solid #E6F0C2; border-radius:16px; padding:16px 18px; min-height:98px; display:flex; flex-direction:column; justify-content:center}
.fact__icon{color:#2c2c2c; opacity:.85; margin-bottom:6px}
.fact__title{font-size:12px; letter-spacing:.3px; text-transform:uppercase; color:#3A3A3A; margin-bottom:4px; font-weight:800}
.fact__value{font-size:16px; font-weight:700; color:#1f1f1f}

/* ===== BODY */
.v-body{display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; align-items:start}
.v-content{background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px; box-shadow:0 6px 16px rgba(0,0,0,.04); line-height:1.7}
.v-content h2,.v-content h3{margin-top:18px}
.back-wrap{margin-top:20px}

.v-aside{position:sticky; top:16px}
.aside-card{background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px; box-shadow:0 8px 22px rgba(0,0,0,.06)}
.aside-title{font-weight:800; margin-bottom:6px}
.aside-text{color:var(--muted); font-size:14px; margin-bottom:12px}
.aside-meta{margin-top:10px; color:#666; font-size:12px; display:grid; gap:4px}

/* Поделиться (в сайдбаре) */
.share-card{margin-top:14px}
.share-title{font-weight:800; margin-bottom:8px}

/* Темы/варианты */
.variant-b .v-hero{
  background:#fff;
  background-image:
    linear-gradient(135deg, rgba(179,212,73,.18), rgba(179,212,73,0) 35%),
    linear-gradient(180deg, #ffffff, #ffffff);
  border:1px solid #EEF4D6;
}
.variant-b .v-hero__title{font-size:32px}
.variant-b .v-facts .fact{background:#fff; border:1px solid var(--line)}
.variant-b.theme-store .v-hero{background-image:
  linear-gradient(135deg, rgba(255,92,54,.12), rgba(255,92,54,0) 40%),
  linear-gradient(180deg, #ffffff, #ffffff);}
.variant-b.theme-dc .v-hero{background-image:
  linear-gradient(135deg, rgba(57,121,77,.14), rgba(57,121,77,0) 40%),
  linear-gradient(180deg, #ffffff, #ffffff);}
.theme-office .btn-cta{background:var(--blue)}
.theme-office .btn-cta:hover{filter:brightness(.95)}
.theme-store .btn-cta{background:var(--orange)}
.theme-dc    .btn-cta{background:var(--amazon)}
.vacancy__image {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}
.vacancy__image img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
}



/* responsive */
@media (max-width:1024px){ .v-body{grid-template-columns:1fr} .v-aside{position:static} }
@media (max-width:760px){
  .v-hero__title{font-size:24px}
  .v-facts{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  .v-facts{grid-template-columns:1fr}
  .v-hero{padding:22px 18px}
}
/* End */
/* /bitrix/templates/monetka/components/bitrix/news/vacansies/bitrix/news.detail/.default/style.css?17616272104976 */