/* Directional navigation follows the owner's Bellroy reference: a quiet grey chevron.
   Visibility, edge disabling, placement and scrolling remain owned by the existing controls. */
:is(.nv-gallery__arrow, .nv-card__arrow, .nv-product-rail__arrow, .nv-rail__arrow,
    .nv-hero__arrow, .nv-reel-modal__nav, .nv-edit__arrow,
    .nv-pagination [aria-label="Previous page"], .nv-pagination [aria-label="Next page"]) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #777 !important;
}
:is(.nv-gallery__arrow, .nv-card__arrow, .nv-product-rail__arrow, .nv-rail__arrow,
    .nv-hero__arrow, .nv-reel-modal__nav, .nv-edit__arrow,
    .nv-pagination [aria-label="Previous page"], .nv-pagination [aria-label="Next page"]) svg {
    width: 28px !important;
    height: 28px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.3 !important;
    transform: none !important;
}
:is(.nv-gallery__arrow, .nv-card__arrow, .nv-product-rail__arrow, .nv-rail__arrow,
    .nv-hero__arrow, .nv-reel-modal__nav,
    .nv-pagination [aria-label="Previous page"], .nv-pagination [aria-label="Next page"]):focus-visible {
    outline: 2px solid var(--nv-action, #9A5B2E);
    outline-offset: 2px;
}
.nv-card .nv-card__arrow { width: 32px; height: 32px; }
.nv-card .nv-card__arrow svg { width: 24px !important; height: 24px !important; }

/* Link SVGs use the same directional icon; dropdown icons are deliberately outside this scope. */
.nv-home .nv-carry-section .nv-carry__tile .nv-carry__copy .nv-carry__arrow,
.nv-signature__index-arrow {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #777 !important;
}
.nv-carry__arrow svg,
:is(.nv-link--arrow, .nv-signature__link, .nv-mega__all, .nv-mega__feature-copy em, .nv-campaign__link) svg {
    width: 24px !important;
    height: 24px !important;
    fill: none !important;
    stroke: #777 !important;
    stroke-width: 1.3 !important;
    transform: none !important;
}
/* The story index uses a text glyph in its source; replace only that decorative glyph. */
.nv-signature__index-arrow { font-size: 0; transform: none !important; }
.nv-signature__index-arrow::before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    flex: none;
    border: 0;
    border-top: 1.3px solid #777;
    border-right: 1.3px solid #777;
    background: transparent;
    box-shadow: none;
    transform: rotate(45deg);
    vertical-align: middle;
}
@media (max-width: 639px) {
    .nv-card .nv-card__arrow { width: 30px; height: 30px; }
}