/* CartVeyra AI 1.4.1: isolate product UI from Elementor/global button styles.
   Do not alter Elementor elsewhere on himelmia.com. */
.hro.hro-app, .hro.hro-landing, .hro.hro-guide {--cv-primary:#315fe9;--cv-primary-hover:#214cc3;--cv-outline:#d9e5f5;accent-color:#315fe9;}
.hro.hro-app .hro-auth-switch {background:#edf2fa!important;border:1px solid #e4eaf4!important;padding:5px!important;border-radius:13px!important;display:flex!important;gap:4px!important;}
.hro.hro-app .hro-auth-switch button[data-auth-tab] {appearance:none!important;-webkit-appearance:none!important;display:block!important;flex:1 1 0!important;min-width:0!important;margin:0!important;background:transparent!important;background-image:none!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:none!important;color:#556987!important;font-size:13px!important;line-height:1.35!important;font-weight:760!important;letter-spacing:0!important;padding:13px 11px!important;min-height:44px!important;transform:none!important;text-decoration:none!important;text-transform:none!important;transition:background-color .18s,color .18s,box-shadow .18s!important;}
.hro.hro-app .hro-auth-switch button[data-auth-tab].active,
.hro.hro-app .hro-auth-switch button[data-auth-tab][aria-selected="true"] {background:#315fe9!important;background-image:none!important;color:#fff!important;border-color:#315fe9!important;box-shadow:0 7px 17px rgba(48,97,225,.18)!important;}
.hro.hro-app .hro-auth-switch button[data-auth-tab]:not(.active):hover {background:#fff!important;color:#173b7d!important;}
.hro.hro-app .hro-auth-switch button[data-auth-tab]:focus-visible {outline:3px solid #80c7ff!important;outline-offset:3px!important;}
.hro.hro-app [data-auth-panel][hidden] {display:none!important;}
.hro.hro-app button.hro-btn,.hro.hro-app input[type="submit"],.hro.hro-landing button.hro-btn,.hro.hro-landing a.hro-btn,.hro.hro-guide a.hro-btn {background-image:none!important;}
.hro.hro-app .hro-btn-primary, .hro.hro-landing .hro-btn-primary, .hro.hro-guide .hro-btn-primary {background:#315fe9!important;border-color:#315fe9!important;color:#fff!important;}
.hro.hro-app .hro-btn-primary:is(:hover,:focus-visible),.hro.hro-landing .hro-btn-primary:is(:hover,:focus-visible) {background:#214cc3!important;border-color:#214cc3!important;color:#fff!important;}
.hro.hro-app a:not(.hro-btn):hover,.hro.hro-landing a:not(.hro-btn):hover {text-decoration-color:#315fe9;}
.hro.hro-app button:not(.hro-btn):focus-visible,.hro.hro-landing button:not(.hro-btn):focus-visible{outline:3px solid #80c7ff!important;outline-offset:3px!important;}
/* Video: compact YouTube-like click-to-play frame, centered and responsive. */
.hro.hro-landing .cv-tutorial .cv-premium-video-card {max-width:890px!important;margin:30px auto 0!important;border:1px solid #203a63!important;border-radius:18px!important;overflow:hidden!important;background:#0c203d!important;box-shadow:0 20px 55px rgba(17,39,73,.14)!important;}
.hro.hro-landing .cv-tutorial .cv-video-card-heading {padding:15px 22px 13px!important;align-items:center!important;}
.hro.hro-landing .cv-tutorial .cv-video-card-heading h3{font-size:clamp(15px,1.5vw,18px)!important;margin:4px 0 0!important;letter-spacing:-.025em!important;line-height:1.3!important;}
.hro.hro-landing .cv-tutorial .cv-video-card-heading small {font-size:9px!important;color:#8cbeff!important;}
.hro.hro-landing .cv-tutorial .cv-video-card-heading>span {font-size:8px!important;padding:7px 9px!important;}
.hro.hro-landing .cv-tutorial .cv-premium-video-card .hro-video-frame {aspect-ratio:16/9!important;width:100%!important;height:auto!important;position:relative!important;min-height:0!important;max-height:none!important;margin:0!important;border-radius:0!important;overflow:hidden!important;background:#101f39!important;box-shadow:none!important;}
.hro.hro-landing .cv-tutorial .cv-premium-video-card .hro-responsive-video {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;}
.hro.hro-landing .cv-tutorial .cv-premium-video-card iframe,.hro.hro-landing .cv-tutorial .cv-premium-video-card video {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;border:0!important;}
.hro.hro-landing .cv-tutorial .cv-video-launch.cv-video-preview {position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;text-align:left!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:radial-gradient(ellipse at 69% 31%,rgba(62,119,209,.44),transparent 52%),linear-gradient(135deg,#142e53,#08182e)!important;padding:18px 22px 17px!important;color:#fff!important;overflow:hidden!important;}
.hro.hro-landing .cv-video-launch.cv-video-preview::before {content:"";position:absolute;z-index:0;inset:16% 13%;border-radius:12px;border:1px solid rgba(134,190,252,.12);background:linear-gradient(180deg,rgba(15,54,106,.24),rgba(10,24,52,.12));pointer-events:none;}
.hro.hro-landing .cv-video-launch.cv-video-preview>* {z-index:1;position:relative;}
.hro.hro-landing .cv-video-poster-kicker {font-size:clamp(8px,.8vw,10px)!important;letter-spacing:.12em!important;color:#a6d2ff!important;display:flex;align-items:center;gap:8px;}
.hro.hro-landing .cv-video-live-indicator {width:6px;height:6px;flex:none;border-radius:50%;background:#61d8c2;box-shadow:0 0 0 4px rgba(97,216,194,.1);}
.hro.hro-landing .cv-video-poster-center {gap:10px!important;max-width:530px!important;margin:auto;}
.hro.hro-landing .cv-video-poster-center strong {font-size:clamp(16px,2vw,25px)!important;letter-spacing:-.04em!important;line-height:1.28!important;}
.hro.hro-landing .cv-video-poster-center small {font-size:clamp(10px,1.1vw,12px)!important;color:#a5c2e4!important;}
.hro.hro-landing .cv-video-poster-play{width:60px!important;height:60px!important;display:grid!important;place-items:center!important;font-size:23px!important;padding-left:3px!important;border-radius:50%!important;background:#328def!important;box-shadow:0 0 0 8px rgba(105,174,255,.12),0 14px 25px rgba(1,8,30,.25)!important;}
.hro.hro-landing .cv-video-launch:hover .cv-video-poster-play {transform:scale(1.07)!important;}
.hro.hro-landing .cv-video-poster-bottom {display:flex!important;align-items:center!important;gap:12px!important;color:#d9eaff!important;letter-spacing:0!important;font-size:11px!important;}
.hro.hro-landing .cv-video-time-indicator{flex:none;white-space:nowrap;}
.hro.hro-landing .cv-video-faux-progress{flex:1;height:4px;background:rgba(213,231,255,.24);border-radius:10px;overflow:hidden;}
.hro.hro-landing .cv-video-faux-progress i {display:block;width:21%;height:100%;background:#5bc1f3;border-radius:inherit;}
.hro.hro-landing .cv-video-hd{color:#b5d9ff;border:1px solid rgba(158,201,250,.33);padding:2px 5px;border-radius:4px;font-size:9px;}
.hro.hro-landing .cv-tutorial .cv-video-card-foot {padding:12px 22px!important;gap:10px!important;}
.hro.hro-landing .cv-tutorial .cv-video-card-foot span {font-size:10px!important;}
.hro.hro-landing .cv-tutorial .hro-video-placeholder {height:100%!important;min-height:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px!important;}
.hro.hro-landing .cv-tutorial .hro-video-placeholder strong{font-size:clamp(15px,2vw,22px)!important;text-align:center;}
.hro.hro-landing .cv-tutorial .hro-video-placeholder p{font-size:11px!important;line-height:1.5!important;text-align:center;}
/* Live hero preview: stages stay active, CSS chart and bars loop, user can pause. */
.hro.hro-landing .cv-tour-status {position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:8px!important;}
.hro.hro-landing .cv-tour-status-label {flex:1;min-width:0;line-height:1.35;}
.hro.hro-landing .cv-tour-toggle {flex:none!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;padding:0!important;border:1px solid #dce6f5!important;border-radius:8px!important;background:#eff4fd!important;color:#295cc1!important;box-shadow:none!important;font-size:13px!important;cursor:pointer!important;}
.hro.hro-landing .cv-tour-steps {display:flex;gap:5px;justify-content:flex-end;margin:-2px 0 1px;}
.hro.hro-landing .cv-tour-steps button {appearance:none!important;padding:0!important;width:24px!important;height:6px!important;min-height:6px!important;flex:none!important;display:block!important;border:0!important;border-radius:9px!important;background:#dde6f6!important;box-shadow:none!important;cursor:pointer!important;transition:width .2s,background .2s!important;}
.hro.hro-landing .cv-tour-steps button.is-active {width:38px!important;background:#3870e9!important;}
.hro.hro-landing .cv-motion-hero.cv-user-paused *{animation-play-state:paused!important;}
.hro.hro-landing .cv-motion-hero.cv-user-paused .cv-tour-toggle {animation-play-state:running!important;}
.hro.hro-landing .cv-motion-hero[data-cv-stage="1"] .hro-mini-metrics>div:nth-child(2),
.hro.hro-landing .cv-motion-hero[data-cv-stage="2"] .hro-mini-insight,
.hro.hro-landing .cv-motion-hero[data-cv-stage="3"] .hro-mini-metrics>div:nth-child(3) {border-radius:8px;outline:2px solid rgba(74,121,237,.24);outline-offset:2px;}
@media(max-width:700px){
 .hro.hro-landing .cv-tutorial .cv-premium-video-card {max-width:100%!important;border-radius:14px!important;}
 .hro.hro-landing .cv-tutorial .cv-video-card-heading {padding:12px 15px!important;}
 .hro.hro-landing .cv-tutorial .cv-video-card-heading h3 {font-size:14px!important;}
 .hro.hro-landing .cv-tutorial .cv-premium-video-card .hro-video-frame {aspect-ratio:16/9!important;}
 .hro.hro-landing .cv-video-launch.cv-video-preview {padding:11px 13px!important;}
 .hro.hro-landing .cv-video-poster-play {width:42px!important;height:42px!important;font-size:17px!important;}
 .hro.hro-landing .cv-video-poster-center {gap:5px!important;}
 .hro.hro-landing .cv-video-poster-center strong {font-size:clamp(13px,3.8vw,17px)!important;}
 .hro.hro-landing .cv-video-poster-center small {font-size:9px!important;}
 .hro.hro-landing .cv-video-poster-kicker {font-size:8px!important;}
 .hro.hro-landing .cv-video-poster-bottom{font-size:9px!important;}
 .hro.hro-landing .cv-video-hd {display:none!important;}
 .hro.hro-landing .cv-tutorial .cv-video-card-foot {padding:12px 15px!important;}
}
@media(prefers-reduced-motion:reduce){.hro.hro-landing .cv-animated *{animation:none!important;transition:none!important}.hro.hro-landing .cv-tour-steps button{transition:none!important}}

/* 1.4.2 Google signup/login: identical OAuth option in both form panels, isolated from Elementor styling. */
.hro.hro-app .hro-auth-card .cv-google-auth{margin-top:2px;}
.hro.hro-app .hro-auth-card :is(a,button).cv-google-button{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
 width:100%!important;min-height:50px!important;padding:12px 18px!important;
 border:1px solid #d5e0ef!important;border-radius:12px!important;
 background:#fff!important;background-image:none!important;color:#243552!important;
 box-shadow:0 6px 18px rgba(20,43,76,.045)!important;
 font-family:inherit!important;font-size:14px!important;line-height:1.4!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important;
 text-decoration:none!important;transition:border-color .2s,box-shadow .2s,transform .2s!important;
}
.hro.hro-app .hro-auth-card :is(a,button).cv-google-button:not(:disabled):hover{
 background:#f7faff!important;border-color:#a6c0eb!important;color:#112d58!important;
 box-shadow:0 10px 24px rgba(40,94,174,.12)!important;transform:translateY(-1px)!important;
}
.hro.hro-app .hro-auth-card .cv-google-button svg{width:20px!important;height:20px!important;flex:0 0 20px!important;}
.hro.hro-app .hro-auth-card button.cv-google-button:disabled{opacity:.58!important;cursor:not-allowed!important;}
.hro.hro-app .hro-auth-card .cv-google-divider{margin:14px 0 18px!important;}
.hro.hro-app .hro-auth-card .cv-google-divider span{font-size:11px!important;}
.hro.hro-app .cv-google-disabled-note{color:#77859b;font-size:11px;line-height:1.6;margin:8px 0 0;text-align:center;}
.hro.hro-app .cv-google-button:focus-visible{outline:3px solid #86c9ff!important;outline-offset:3px!important;}
@media (prefers-reduced-motion:reduce){.hro.hro-app .cv-google-button{transition:none!important;transform:none!important;}}