/* Mũi tên dùng chung toàn site: CSS thuần, không tải SVG/ảnh hay dùng mask ảnh. */
.mkorg-css-arrow {
    position: relative;
    display: inline-block;
    flex: 0 0 auto !important;
    color: inherit;
    filter: none !important;
    vertical-align: middle;
}

.mkorg-css-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: translate(-65%, -50%) rotate(45deg);
}

.mkorg-css-arrow--left::before {
    transform: translate(-35%, -50%) rotate(225deg);
}

.mkorg-css-arrow--long::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    background: currentColor;
    transform: translate(-50%, -50%);
}

.mkorg-css-arrow--long.mkorg-css-arrow--right::before {
    left: calc(50% + 3px);
}

.mkorg-css-arrow--long.mkorg-css-arrow--left::before {
    left: calc(50% - 3px);
}

/* Một kích thước và màu cho mọi nút chuyển, giữ nguyên cả khi hover/focus. */
.shop-hero-nav__button,
.shop-slider-arrow,
.ent-gallery-arrow,
.shop-product-related-arrow {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--liuer-border);
    border-radius: 50%;
    background: #fff;
    color: var(--liuer-accent);
    box-shadow: none;
}

/* Các mũi tên ở link và menu đã có pseudo-element: giữ kích thước/hover tại component. */
.shop-section__head a::after,
.shop-news-card__more::after,
.post-related-card__more::after,
.shop-side-catalog .shop-icon--chevron,
.shop-side-catalog > .menu-item > a::after,
.shop-header-3__menu > .menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    background-color: currentColor;
    clip-path: polygon(28% 12%, 40% 12%, 78% 50%, 40% 88%, 28% 88%, 66% 50%);
}

.shop-add-cart.shop-add-cart--select.shop-add-cart--catalog::before {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    background-color: currentColor;
    clip-path: polygon(5% 43%, 72% 43%, 47% 18%, 57% 8%, 98% 50%, 57% 92%, 47% 82%, 72% 57%, 5% 57%);
}