/**
 * Product page carousels — nav layout lives in ahlmall-home-scroll-nav.css.
 * This file only adds dark-mode overrides for PDP arrows.
 */
html.ahlmall-dark-mode .ahlmall-pdp-carousel .ahlmall-carousel-nav__arrow {
    background: var(--ahlmall-dm-nav-btn-bg, #1a1a1a) !important;
    border: 2px solid var(--ahlmall-dm-nav-btn-border, #c9a227) !important;
    color: var(--ahlmall-dm-nav-btn-icon, #d4af37) !important;
    box-shadow: 0 2px 8px rgba(201, 162, 39, 0.22) !important;
}

html.ahlmall-dark-mode .ahlmall-pdp-carousel .ahlmall-carousel-nav__arrow:hover {
    background: var(--ahlmall-dm-nav-btn-bg, #1a1a1a) !important;
    border-color: #d4af37 !important;
    color: #b8860b !important;
}