/* NCF Market Studio v1.2.8 — arrow positions and independent dashboard colors.
 * The hero buttons are centered on the banner height.
 * Category arrows are centered on the PHOTO row (not the photo+caption total).
 * Custom variables are populated from sanitized NCF Market Studio dashboard fields.
 */
.ncfg-home-main .ncfg-hero-carousel .ncfg-hero-prev,
.ncfg-home-main .ncfg-hero-carousel .ncfg-hero-next {
  top:50%; transform:translateY(-50%);
  width:var(--ncf-hero-arrow-size,30px);
  height:var(--ncf-hero-arrow-size,30px);
  padding:0;display:flex;align-items:center;justify-content:center;
  background:var(--ncf-hero-arrow-bg,#ffffff);
  color:var(--ncf-hero-arrow-icon,#184f42);
  font-size:clamp(18px,calc(var(--ncf-hero-arrow-size,30px) * .72),38px);
  line-height:1;z-index:4;
}
.ncfg-home-main .ncfg-category-slider .ncfg-category-arrow {
  top:var(--ncf-category-arrow-top,62px);
  transform:translateY(-50%);
  width:var(--ncf-category-arrow-size,32px);
  height:var(--ncf-category-arrow-size,32px);
  padding:0;display:flex;align-items:center;justify-content:center;
  background:var(--ncf-category-arrow-bg,#fa8a21);
  color:var(--ncf-category-arrow-icon,#ffffff);
  font-size:clamp(18px,calc(var(--ncf-category-arrow-size,32px) * .72),38px);
  line-height:1;z-index:6;
}
.ncfg-home-main .ncfg-hero-carousel .ncfg-hero-prev:hover,
.ncfg-home-main .ncfg-hero-carousel .ncfg-hero-next:hover,
.ncfg-home-main .ncfg-category-slider .ncfg-category-arrow:hover {filter:brightness(.94)}
@media(max-width:768px){
 .ncfg-home-main .ncfg-category-slider .ncfg-category-arrow{
   top:var(--ncf-category-arrow-top-mobile,50.5px);
 }
}