/* FTA Category Banners */
.fta-cat-banners{
  --fta-gap:20px;
  --fta-radius:12px;
  --fta-line:#e0e2e4;
  --fta-head-bg:#f3f3f3;
  --fta-foot-bg:#fff;
  --fta-head-pad-y:18px;
  --fta-head-pad-x:22px;
  --fta-foot-pad-y:14px;
  --fta-foot-pad-x:22px;
}

/* desktop: фиксируем ширину карточек под 370w */
.fta-cat-banners .fta-grid{
  display:grid;
  grid-template-columns:repeat(2,370px);
  gap:var(--fta-gap);
  justify-content:center;
}

@media (max-width:767px){
  .fta-cat-banners .fta-grid{grid-template-columns:1fr;}
}

.fta-cat-banners .fta-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:var(--fta-radius);
  text-decoration:none;
  color:inherit;
  background:#fff;
}

.fta-cat-banners .fta-head{
  background:var(--fta-head-bg);
  padding:var(--fta-head-pad-y) var(--fta-head-pad-x);
  text-align:center;
}

.fta-cat-banners .fta-kicker{
  margin:0;
  text-transform:uppercase;
  font-size:11px;
  line-height:1;
  font-weight:500;
  opacity:.85;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}

.fta-cat-banners .fta-kicker:before,
.fta-cat-banners .fta-kicker:after{
  content:"";
  border-top:1px solid var(--fta-line);
  flex:1 1 auto;
}

/* Персонал — более лёгкий шрифт */
.fta-cat-banners .fta-title{
  margin:10px 0 0;
  text-transform:uppercase;
  font-size:24px;
  line-height:1.05;
  font-weight:600;
  letter-spacing:.02em;
}

.fta-cat-banners .fta-media{
  position:relative;
  display:block;
  width:100%;
  background:#fff;
}

.fta-cat-banners .fta-media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:370/200;
  object-fit:cover;
}

/* price — по центру по вертикали */
.fta-cat-banners .fta-price{
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  z-index:3;

  display:inline-flex;
  align-items:center;
  gap:8px;

  background:rgba(255,255,255,.95);
  padding:8px 14px;
  border-radius:12px;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  white-space:nowrap;
}

.fta-cat-banners .fta-price em{
  font-style:normal;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  opacity:.65;
  line-height:1;
}

.fta-cat-banners .fta-price strong{
  font-size:20px;
  font-weight:800;
  line-height:1;
}

/* Визуальное разделение низа карточки (как header) */
.fta-cat-banners .fta-foot{
  background:#f3f3f3;
  border-top:1px solid var(--fta-line);
  border-radius:0 0 var(--fta-radius) var(--fta-radius);
  padding:var(--fta-foot-pad-y) var(--fta-foot-pad-x);
}

.fta-cat-banners .fta-materials{
  list-style:none;
  margin:14px 0 0;
  padding:0;
  display:flex;
  gap:10px;
  justify-content:flex-start;
  align-items:center;
  flex-wrap:wrap;
}

.fta-cat-banners .fta-materials li{margin:0;padding:0;list-style:none;}

.fta-cat-banners .fta-materials img{
  display:block;
  width:44px;
  height:44px;
  object-fit:cover;
  border-radius:10px;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* чтобы фон корректно обрезался */
.fta-cat-banners .fta-card{overflow:hidden;}