/* Floating image actions: shared interaction, each website's own accent. */
.raco-card-action,body:is(.ux-theme,.guide-site) .studio-zoom.raco-card-action{
 --action-accent:var(--gd-primary,var(--raco-coral,#ff7864));
 position:absolute;inset:16px 16px auto auto;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:12px;
 width:auto;min-width:112px;height:46px;min-height:46px;padding:6px 7px 6px 18px;
 border:1px solid #ffffffb3;border-radius:999px;background:#f7f5f0f5;color:#181a1d;
 line-height:1.1;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.025em;
 box-shadow:0 4px 18px #10101418,inset 0 1px 0 #fff;backdrop-filter:blur(12px);
 overflow:hidden;isolation:isolate;cursor:pointer;translate:none;scale:1;
 transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease,background .3s ease;
}
.raco-card-action::before{content:"";position:absolute;inset:-60% -35%;z-index:-1;background:linear-gradient(110deg,transparent 35%,#fff9 48%,transparent 62%);transform:translateX(-110%);transition:transform .65s ease;pointer-events:none}
.raco-action-label{white-space:nowrap;position:relative}
.raco-action-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:color-mix(in srgb,var(--action-accent) 18%,#f7f5f0);color:#181a1d;transition:background .3s ease,transform .3s ease}
.raco-action-icon svg{width:17px;height:17px;display:block;transition:transform .3s ease}
.raco-catalogue .card:focus-visible{outline:3px solid var(--raco-coral,#ff7864);outline-offset:5px}
.raco-catalogue .card:focus-visible .raco-card-action,body:is(.ux-theme,.guide-site) .studio-zoom.raco-card-action:focus-visible{outline:2px solid #181a1d;outline-offset:3px;box-shadow:0 0 0 6px #f7f5f0,0 8px 24px #10101426}
@media(hover:hover){
 .raco-catalogue .card:hover .raco-card-action,body:is(.ux-theme,.guide-site) .studio-zoom.raco-card-action:hover{background:#fff;border-color:#fff;transform:translateY(-2px);scale:1;box-shadow:0 9px 24px #10101426}
 .raco-catalogue .card:hover .raco-card-action::before,.studio-zoom.raco-card-action:hover::before{transform:translateX(110%)}
 .raco-catalogue .card:hover .raco-action-icon{background:#ffb9ac}
 .raco-catalogue .card:hover .raco-action-icon svg{transform:translate(2px,-2px)}
 .studio-zoom.raco-card-action:hover .raco-action-icon{background:color-mix(in srgb,var(--action-accent) 26%,#f7f5f0);transform:scale(1.06)}
}
.studio-zoom.raco-card-action:active{transform:scale(.97)}
@media(max-width:480px){.raco-card-action,body:is(.ux-theme,.guide-site) .studio-zoom.raco-card-action{inset:12px 12px auto auto;min-width:102px;gap:9px;padding-left:15px;height:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.raco-card-action,.raco-card-action::before,.raco-action-icon,.raco-action-icon svg,body:is(.ux-theme,.guide-site) .studio-zoom.raco-card-action{transition:none!important;transform:none!important;scale:1!important}}

/* Calls to action and directional navigation retain their own site colours. */
body:is(.guide-site,.ux-theme,.raco-catalogue) :is(a,button).raco-arrow-button{align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:44px;padding:9px 16px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:999px!important;vertical-align:middle;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
.raco-inline-icon{display:inline-grid;place-items:center;vertical-align:middle;flex:0 0 28px;width:28px;height:28px;margin-inline-start:5px;border-radius:50%;background:color-mix(in srgb,currentColor 12%,transparent);transition:background-color .25s ease,transform .25s ease}
.raco-inline-icon svg{display:block;width:16px;height:16px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
body:is(.guide-site,.ux-theme,.raco-catalogue) :is(a,button).raco-arrow-only{width:46px!important;height:46px!important;min-width:46px;padding:0!important;flex:0 0 46px}
.raco-arrow-only>.raco-inline-icon{margin:0;background:transparent}
.raco-arrow-only::before,.raco-arrow-only::after{content:none!important}
.raco-arrow-button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(hover:hover){.raco-arrow-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 20px color-mix(in srgb,var(--gd-primary,var(--raco-coral,#15171a)) 20%,transparent)}.raco-arrow-button:hover .raco-inline-icon{background:color-mix(in srgb,currentColor 20%,transparent)}.raco-arrow-button:hover .raco-inline-icon[data-direction=ne] svg,.card:hover .raco-inline-icon[data-direction=ne] svg{transform:translate(2px,-2px)}.raco-arrow-button:hover .raco-inline-icon[data-direction=right] svg{transform:translateX(3px)}.raco-arrow-button:hover .raco-inline-icon[data-direction=left] svg{transform:translateX(-3px)}}
.raco-arrow-button:active{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){.raco-arrow-button,.raco-inline-icon,.raco-inline-icon svg{transition:none!important;transform:none!important}}

@media(max-width:600px){body:is(.guide-site,.ux-theme,.raco-catalogue) header .raco-arrow-button{padding:7px 10px;gap:6px}header .raco-inline-icon{width:22px;height:22px;flex-basis:22px;margin-inline-start:3px}}

.raco-inline-icon{color:inherit!important}

/* Dark glass / branded accents: restrained depth and tactile motion. */
.raco-card-action,body:is(.ux-theme,.guide-site) .studio-zoom.raco-card-action{min-width:min(124px,calc(100% - 24px));height:48px;min-height:48px;padding:7px 8px 7px 18px;gap:13px;border-radius:16px;border-color:#ffffff38;background:linear-gradient(135deg,#191c24f5,#252831ed);color:#fff;box-shadow:0 10px 28px #080b1633,inset 0 1px 0 #ffffff20;backdrop-filter:blur(18px) saturate(140%);transition:transform .25s ease,box-shadow .3s ease,border-color .3s ease,border-radius .3s ease}
.raco-card-action .raco-action-label{color:#fff;font-size:11px;font-weight:600;letter-spacing:.095em;text-transform:uppercase}
.raco-card-action .raco-action-label .bn{letter-spacing:0;text-transform:none;font-size:12px}
.raco-card-action .raco-action-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--action-accent) 38%,white),color-mix(in srgb,var(--action-accent) 70%,white));color:#10131a;box-shadow:inset 0 1px 0 #ffffff60,0 2px 8px #0002}
.raco-card-action::before{background:linear-gradient(110deg,transparent 35%,#ffffff1f 48%,transparent 62%)}
body:is(.guide-site,.ux-theme,.raco-catalogue) :is(a,button).raco-arrow-button{border-radius:16px!important;font-weight:600;isolation:isolate;overflow:hidden;transition:transform .25s ease,box-shadow .3s ease,border-color .3s ease,border-radius .3s ease}
.raco-arrow-position{position:relative}
.raco-button-sheen{position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(110px circle at var(--raco-pointer-x,50%) var(--raco-pointer-y,50%),#ffffff28,transparent 75%);opacity:0;pointer-events:none;transition:opacity .25s ease}
.raco-arrow-button .raco-inline-icon{border-radius:9px;background:color-mix(in srgb,currentColor 11%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,currentColor 12%,transparent)}
body:is(.guide-site,.ux-theme,.raco-catalogue) :is(a,button).raco-arrow-only{border-radius:50%!important}
.raco-arrow-only .raco-inline-icon{background:transparent;box-shadow:none}
@media(hover:hover) and (pointer:fine){
 .raco-catalogue .card:hover .raco-card-action,body:is(.ux-theme,.guide-site) .studio-zoom.raco-card-action:hover{background:linear-gradient(135deg,#20242dfc,#303541f5);border-color:#ffffff70;border-radius:20px;transform:translate3d(var(--raco-magnetic-x,0px),calc(var(--raco-magnetic-y,0px) - 2px),0);box-shadow:0 14px 34px #080b164d,inset 0 1px 0 #ffffff30}
 .raco-catalogue .card:hover .raco-action-icon,.studio-zoom.raco-card-action:hover .raco-action-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--action-accent) 48%,white),color-mix(in srgb,var(--action-accent) 80%,white));transform:none}
 .raco-catalogue .card:hover .raco-action-icon svg{animation:raco-arrow-launch .55s cubic-bezier(.2,.75,.25,1) both}
 .studio-zoom.raco-card-action:hover .raco-action-icon svg{animation:raco-lens-focus .5s ease both}
 .raco-arrow-button:not(:disabled):hover{transform:translate3d(var(--raco-magnetic-x,0px),calc(var(--raco-magnetic-y,0px) - 2px),0);box-shadow:0 10px 24px color-mix(in srgb,var(--gd-primary,var(--raco-coral,#15171a)) 22%,transparent)}
 .raco-arrow-button:hover .raco-button-sheen{opacity:1}
 .raco-arrow-button:hover .raco-inline-icon[data-direction=ne] svg{animation:raco-arrow-launch .55s cubic-bezier(.2,.75,.25,1) both}
}
.raco-arrow-button:focus-visible .raco-button-sheen{opacity:1}
@keyframes raco-arrow-launch{0%{transform:translate(0);opacity:1}44%{transform:translate(11px,-11px);opacity:0}45%{transform:translate(-11px,11px);opacity:0}100%{transform:translate(0);opacity:1}}
@keyframes raco-lens-focus{0%,100%{transform:scale(1)}55%{transform:scale(1.2)}}
@media(max-width:480px){.raco-card-action,body:is(.ux-theme,.guide-site) .studio-zoom.raco-card-action{height:46px;min-height:46px;gap:10px;padding-left:16px}}
@media(prefers-reduced-motion:reduce){.raco-card-action,.raco-card-action svg,.raco-arrow-button,.raco-button-sheen,.raco-inline-icon svg{animation:none!important;transition:none!important;transform:none!important}}

.raco-card-action .raco-action-label,.raco-card-action .raco-action-label>.en,.raco-card-action .raco-action-label>.bn{color:#fff!important}.raco-card-action .raco-action-icon{color:#10131a!important}.raco-action-icon svg{color:inherit!important}