/* Простір і контейнер */
.careers-container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}
.careers-section-title{font-size:28px;text-transform: uppercase;font-weight:700;text-align:center;margin:0 0 28px}
.careers-section-title--left{text-align:left}

/* Кнопки */
.careers-btn{display:inline-block;padding:12px 20px;border-radius:6px;text-decoration:none;font-weight:600;transition:.2s}
.careers-btn--primary{background:#d8322a;color:#fff;text-transform: uppercase;}
.careers-btn--primary:hover{filter:brightness(.95)}

/* Hero блок (без header тегу) */
.careers-hero{
  position:relative;min-height:360px;display:flex;align-items:center;width: 100vw;transform: translateX(-50%);left: 50%;
  background:center/cover no-repeat;
}
.careers-hero__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.careers-hero__content{position:relative;text-align:center;color:#fff;padding:64px 0}
.careers-hero__title{margin:0 0 10px;color: #fff; font-size:34px;font-weight:800;letter-spacing:.2px;text-transform:uppercase}
.careers-hero__title span{color:#d8322a}
.careers-hero__subtitle{margin:0 0 20px;color:#e5e7eb;font-weight:500}

/* Блок переваг — фон як на макеті (світло-сірий) */
.careers-benefits{padding:56px 0}
.careers-benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;margin-top:24px}
.careers-benefit{padding:20px;text-align:center}
.careers-benefit__icon{font-size:28px;margin-bottom:8px}

/* Vision: фон білий у контенті на світло-сірому полотні */
.careers-vision{padding:64px 0;background:#eeeeee;position: relative;width: 100vw;transform: translateX(-50%);left: 50%;}
.careers-vision__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.careers-vision__media{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center}
.careers-vision__img{position:absolute;width:62%;border-radius:12px;border:1px solid #e5e7eb;object-fit:cover;aspect-ratio:4/3;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.careers-vision__img--a{left:0;top:0}
.careers-vision__img--b{right:0;bottom:0}
.careers-vision__img--single{position:static;max-width:500px;width:100%;left:auto;top:auto;right:auto;bottom:auto}
.careers-vision__text p{color:#1F1F1F;margin:0 0 12px; font-size: 20px; line-height: 24px; font-weight: 400;}
.careers-vision .careers-btn {margin-top: 30px;}
/* Values: картки на світло-сірому фоні */
.careers-values{padding:64px 0;}
.careers-values__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px; margin-top: 50px;}
.careers-values .careers-container {text-align: center;}

.careers-card{
  background:transparent;
  border:0;
  border-radius:0;
  overflow:visible;
  box-shadow:none;
}
/* careers-values — квадратніші зображення */
.careers-card img{
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;   /* робимо майже квадрат */
  object-fit:cover;
  object-position:center;
  border-radius:14px;   /* округлення зверху і знизу */
  display:block;
}

/* трохи компактніший текст та центрування */
.careers-card__body{
  padding:10px 0 0;
  text-align:center;
}
.careers-card__body h3{margin:10px 0 6px}
.careers-card__body p{margin:0;}

/* Banner: фотофон з затемненням як на референсі */
.careers-banner{position:relative;isolation:isolate;width: 100vw;left: 50%;transform: translateX(-50%);}
.careers-banner__bg{position:absolute;inset:0;background: center/cover no-repeat;filter:grayscale(100%);z-index:-2}
.careers-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg, rgba(0,0,0,.65), rgba(0,0,0,.65));z-index:-1}
.careers-banner__content{padding:44px 0 46px;text-align:center;color:#fff; min-height: 240px;display: flex;align-items: center;justify-content: center;}
.careers-banner__title{margin:0;line-height:1.25;font-weight:700;text-transform:uppercase}
.careers-banner__title span{color:#d8322a; margin-right: 10px;}

@media (min-width:1024px){
  .careers-banner__content{padding:54px 0 56px;}
  .careers-banner__title{font-size:34px}
}
/* Open positions: світло-сірий фон */
.careers-open{padding:64px 0;}
.careers-open__inner{text-align:center}
.careers-open__inner p{margin:0 0 16px}
.careers-open__inner .careers-btn--primary {margin-top: 40px;}
/* Адаптив */
@media (max-width:1024px){
  .careers-benefits__grid{grid-template-columns:repeat(2,1fr)}
  .careers-vision__grid{grid-template-columns:1fr;gap:24px}
  .careers-vision__media{min-height:280px}
}
@media (max-width:640px){
  .careers-section-title{font-size:24px}
  .careers-hero{min-height:320px}
  .careers-hero__title{font-size:28px}
  .careers-benefits__grid{grid-template-columns:1fr}
  .careers-values__grid{grid-template-columns:1fr}
  .careers-card img{height:200px}
  .careers-banner__title span{ margin-right: 5px;}
}