/* Both faces stay in normal flow without JavaScript, so details remain available. */
.service-flip{height:100%;perspective:1100px;border-radius:var(--computek-card-radius,7px)}
.service-flip .card{min-height:max(var(--computek-flip-height,330px),var(--ctk-equal-card-height,0px));padding:var(--computek-flip-padding,30px);height:auto;margin:0}
.service-flip__inner{height:100%}
.service-flip .service-flip__front{position:relative;display:flex;flex-direction:column;background:var(--computek-flip-front-bg,var(--gray));color:var(--computek-flip-front-color,var(--ink))}
.service-flip__front h3,.service-flip__hint{color:var(--computek-flip-heading,var(--purple))}
.service-flip .card h3{font-size:var(--computek-flip-heading-size,22px)}
.service-flip .card p{font-size:var(--computek-flip-text-size,18px)}
.service-flip__front .fa{align-self:flex-start;color:var(--computek-flip-icon-color,var(--orange));font-size:var(--computek-flip-icon-size,27px);opacity:var(--computek-flip-icon-opacity,1)}
.service-flip.has-background-icon .service-flip__front{isolation:isolate;overflow:hidden}
.service-flip.has-background-icon .service-flip__front>.fa{position:absolute;right:-10px;bottom:-18px;margin:0;font-size:var(--computek-flip-icon-size,174px);line-height:1;color:var(--computek-flip-icon-color,var(--purple));opacity:var(--computek-flip-icon-opacity,.075);pointer-events:none;z-index:-1}
.service-flip .service-flip__back{background:var(--computek-flip-back-bg,var(--purple));border-color:var(--computek-flip-back-bg,var(--purple));color:var(--computek-flip-back-color,#fff);display:flex;flex-direction:column;gap:16px}
.service-flip .service-flip__back h3{color:inherit;margin:0}
.service-flip .service-flip__back p{color:inherit;font-size:18px;line-height:1.6}
.service-flip__hint{display:none;font-size:18px;font-weight:800;margin-top:auto;padding-top:22px;text-decoration:underline;text-underline-offset:4px}
.service-flip__open{display:none;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:var(--computek-card-radius,7px);background:transparent;cursor:pointer}
.service-flip__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px}
.service-flip__actions a{color:inherit;font-size:18px;font-weight:800;line-height:1.4;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px}
.service-flip__close{display:none;flex-shrink:0;background:transparent;color:inherit;border:1px solid #b2a3d2;border-radius:3px;min-height:44px;padding:8px 12px;font-size:18px;font-weight:700}
.service-flip.is-enhanced .service-flip__inner{display:grid;transform-style:preserve-3d;transition:transform 420ms cubic-bezier(.25,1,.5,1)}
.service-flip.is-enhanced .card{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.service-flip.is-enhanced .service-flip__front{transform:rotateY(0deg);pointer-events:auto}
.service-flip.is-enhanced .service-flip__back{transform:rotateY(180deg);pointer-events:none}
.service-flip.is-enhanced.is-flipped .service-flip__inner{transform:rotateY(180deg)}
.service-flip.is-enhanced.is-flipped .service-flip__front{pointer-events:none}
.service-flip.is-enhanced.is-flipped .service-flip__back{pointer-events:auto}
.service-flip.is-enhanced .service-flip__open,.service-flip.is-enhanced .service-flip__hint,.service-flip.is-enhanced .service-flip__close{display:block}
.service-flip:focus-within{outline:3px solid #b63b09;outline-offset:5px}
.service-flip__open:focus-visible{outline:3px solid #b63b09;outline-offset:4px}
.service-flip__close:focus-visible,.page-content .service-flip__back a:focus-visible{outline:3px solid #fff!important;outline-offset:3px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:800px){.service-flip .card{min-height:max(var(--computek-flip-mobile-height,310px),var(--ctk-equal-card-height,0px));padding:var(--computek-flip-mobile-padding,26px)}.service-flip__actions a{font-size:14px}}
@media(prefers-reduced-motion:reduce){
    .service-flip.is-enhanced .service-flip__inner,.service-flip.is-enhanced.is-flipped .service-flip__inner{transition:none;transform:none}
    .service-flip.is-enhanced .service-flip__front,.service-flip.is-enhanced .service-flip__back{transform:none}
    .service-flip.is-enhanced:not(.is-flipped) .service-flip__back,.service-flip.is-enhanced.is-flipped .service-flip__front{visibility:hidden}
}
