/* Beauty Clinique V2.3: Photo integration only.
   Reuses the accepted photos. No fonts, positions, ratios, Hero, nav or footer changed.
   Place AFTER v2-theme.css and the selected V2.2 palette file.
*/
/* Remove V2's temporary grey filter on final treatment photographs. */
.bcx-category-tile img,
.bcx-category-photo { filter: none !important; opacity: 1 !important; }
.bcx-category-tile::after {
  background: linear-gradient(0deg,rgba(35,43,37,.78) 0%,rgba(35,43,37,.20) 56%,rgba(35,43,37,0) 100%) !important;
}
.bcx-category-visual { background:#E7E3DC; }
.bcx-category-tile { background:#4A4D45; }
/* Home: same desktop six-card arrangement, only neutral color grading and readable text. */
@media (min-width:900px) {
  .care-card::before { background:linear-gradient(0deg,rgba(35,43,37,.78) 0%,rgba(35,43,37,.08) 96%) !important; }
  .care-card > .care-icon,.care-card > span {position:relative; z-index:1;}
}
/* V2-only: show the matching category photographs in the already-approved 3x2 phone grid.
   Preserve each existing mobile card height, grid columns, typography and spacing. */
@media (max-width:899px) {
  .care-card { background-size:cover; background-position:center; isolation:isolate; }
  .care-basic { background-image:url('/images/categories/desktop/basic.webp'); }
  .care-hydration { background-image:url('/images/categories/desktop/hydration.webp'); }
  .care-acne { background-image:url('/images/categories/desktop/acne.webp'); }
  .care-sensitive { background-image:url('/images/categories/desktop/sensitive.webp'); }
  .care-aging { background-image:url('/images/categories/desktop/aging.webp'); }
  .care-more { background-image:url('/images/categories/desktop/more.webp'); }
  .care-card::before { content:'';position:absolute;inset:0;z-index:0;
    background:linear-gradient(0deg,rgba(37,45,38,.79),rgba(37,45,38,.44)) !important; }
  .care-card > .care-icon,.care-card > span {position:relative;z-index:1;}
  .care-card > span { color:#FFF9F0 !important; }
  .care-card > .care-icon { stroke:#F3D8AE !important; }
}
