/* Shared ribbon-inspired arrow, crisp at every screen size. */
:root{--alsa-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2028%22%3E%3Cpath%20d%3D%22M13%208C9%202%201%205%202%2011C3%2016%209%2020%2013%2023C17%2020%2023%2016%2024%2011C25%205%2017%202%2013%208ZM24%2014H45M38%207L45%2014L38%2021%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E")}
:is(.card-arrow,.history-cta>span,.primary>span,.heritage-link>span,.heritage-milestones i,.footer-nav>a>span,.footer-catalogue>span,.newsletter-input-wrap button>span,.desktop-cta>span,.footer-back>span){font-size:0!important;line-height:0!important;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
:is(.card-arrow,.history-cta>span,.primary>span,.heritage-link>span,.heritage-milestones i,.footer-nav>a>span,.footer-catalogue>span,.newsletter-input-wrap button>span,.desktop-cta>span,.footer-back>span)::after{content:'';display:block;width:42px;height:28px;background:currentColor;-webkit-mask:var(--alsa-arrow) center/contain no-repeat;mask:var(--alsa-arrow) center/contain no-repeat;transform:none;transition:transform .25s,color .25s}
.product-visual .card-arrow{width:42px;height:42px;border-radius:50%;background:#f9dce5;color:#242549;border:1px solid #f890a566}
:is(a,button):hover>span::after{transform:translateX(3px)}
.product-card:hover .card-arrow{background:#F890A5;color:white}
.footer-back>span::after{transform:rotate(-90deg)}
.footer-back:hover>span::after{transform:rotate(-90deg) translateX(3px)}
.mobile-menu-arrow{width:42px;height:28px;color:#F890A5;transition:transform .25s}
.nav-cta:hover .mobile-menu-arrow{transform:translateX(3px)}
@media(max-width:760px){.heritage-milestones i{display:none!important}.product-visual .card-arrow{width:32px;height:32px}:is(.card-arrow,.history-cta>span,.primary>span,.heritage-link>span,.heritage-milestones i,.footer-nav>a>span,.footer-catalogue>span,.newsletter-input-wrap button>span,.desktop-cta>span,.footer-back>span)::after{width:32px;height:24px}}
@media(prefers-reduced-motion:reduce){:is(.card-arrow,.history-cta>span,.primary>span,.heritage-link>span,.heritage-milestones i,.footer-nav>a>span,.footer-catalogue>span,.newsletter-input-wrap button>span,.desktop-cta>span,.footer-back>span)::after,.mobile-menu-arrow{transition:none}}

/* Selected option 3: pink heart-tail arrows and white-on-pink badges. */
:is(.history-cta>span,.primary>span,.heritage-link>span,.heritage-milestones i,.footer-nav>a>span,.footer-catalogue>span,.newsletter-input-wrap button>span,.desktop-cta>span,.footer-back>span){color:#F890A5}
.product-visual .card-arrow{width:46px;height:46px;background:#F890A5;color:#fff;border:0}
.product-visual .card-arrow::after{width:34px;height:25px}
.product-card:hover .card-arrow{background:#d96a89;color:#fff}
@media(max-width:760px){.product-visual .card-arrow{width:36px;height:36px}.product-visual .card-arrow::after{width:28px;height:21px}}
.site-footer .footer-back>span::after{width:32px;height:24px;transform:rotate(-90deg)}
.site-footer .footer-back:hover>span::after{transform:rotate(-90deg) translateX(3px)}
.site-footer .footer-nav>a>span::after{width:34px;height:26px}
.product-card:hover .product-visual .card-arrow{transform:translateX(2px)}
