/* Shared circle + open-chevron controls; dots retain each carousel's behavior. */
body :is(.cp-featured__navigation>button,.cp-product-gallery__navigation>button,button.slick-arrow){box-sizing:border-box;width:44px!important;height:44px!important;min-width:44px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #77747a!important;border-radius:50%!important;background:#fff!important;color:#303039!important;box-shadow:none!important;text-shadow:none;font-size:0;line-height:1;transition:background-color .18s,border-color .18s,color .18s}
body :is(.cp-featured__navigation>button,.cp-product-gallery__navigation>button)[hidden]{display:none!important}
body :is(.cp-featured__navigation>button,.cp-product-gallery__navigation>button,button.slick-arrow):is(:disabled,.slick-disabled){opacity:.28!important;cursor:default}
body :is(.cp-featured__navigation>button,.cp-product-gallery__navigation>button,button.slick-arrow):focus-visible{outline:2px solid #b40820;outline-offset:4px}
body .cp-chevron,body .cp-chevron path{fill:none!important;stroke:currentColor}
body .cp-chevron{width:20px;height:20px;flex:none}
body .cp-chevron--left{transform:rotate(180deg)}
/* Legacy Slick generates different font/SVG arrows: present the same open chevron. */
body button.slick-arrow>svg,body button.slick-arrow>i{display:none!important}
body button.slick-arrow::before{content:none!important}
body button.slick-arrow::after{content:''!important;display:block!important;position:static!important;width:9px!important;height:9px!important;border:0!important;border-top:1.6px solid currentColor!important;border-right:1.6px solid currentColor!important;background:none!important;transform:rotate(45deg)!important;margin:0 3px 0 -2px!important}
body button.slick-prev::after{transform:rotate(-135deg)!important;margin:0 -2px 0 3px!important}
body .cp-product-gallery__navigation{gap:18px;min-height:44px}
body .slick-dots button{background:#d3d3d3!important;border-color:#d3d3d3!important}
body .slick-dots .slick-active button{background:#d90a24!important;border-color:#d90a24!important}
@media(hover:hover){body :is(.cp-featured__navigation>button,.cp-product-gallery__navigation>button,button.slick-arrow):not(:disabled):not(.slick-disabled):hover{background:#fff1f3!important;border-color:#c20b25!important;color:#b40820!important}}
@media(prefers-reduced-motion:reduce){body :is(.cp-featured__navigation>button,.cp-product-gallery__navigation>button,button.slick-arrow){transition:none}}
/* Position the legacy generated glyph independently of inherited button layout. */
body button.slick-arrow::after{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:20px!important;height:20px!important;margin:0!important;border:0!important;transform:translate(-50%,-50%)!important;background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m7 4 6 6-6 6' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
body button.slick-prev::after{transform:translate(-50%,-50%) rotate(180deg)!important;margin:0!important}