@import url('hub.css');

.beauty-hero {
  background: #FFF0F3;
  grid-template-columns: 1fr 1fr;
}

/* Page-specific editorial background classes */
.beauty-editorial-1 { background-image: url('../images/beauty/beauty_img_2.jpg'); background-size: cover; background-position: center; }
.beauty-editorial-2 { background-image: url('../images/beauty/beauty_img_3.jpg'); background-size: cover; background-position: center; border: 1px solid #DFBCA9; }
.beauty-editorial-3 { background-image: url('../images/beauty/beauty_img_4.jpg'); background-size: cover; background-position: center; }
.beauty-editorial-4 { background-image: url('../images/beauty/beauty_img_5.jpg'); background-size: cover; background-position: center; }
.beauty-editorial-5 { background-image: url('../images/beauty/beauty_img_26.jpg'); background-size: cover; background-position: center; }
.beauty-editorial-6 { background-image: url('../images/beauty/beauty_img_7.jpg'); background-size: cover; background-position: center; border: 1px solid var(--primary); }
.beauty-editorial-7 { background-image: url('../images/beauty/beauty_img_8.jpg'); background-size: cover; background-position: center; }
.beauty-editorial-8 { background-image: url('../images/beauty/beauty_img_9.jpg'); background-size: cover; background-position: center; }

@media(max-width:768px) {
  .beauty-hero {
    grid-template-columns: 1fr;
  }
}