.ek-hero{container-type:inline-size;position:relative;overflow:hidden;background:transparent;border-radius:0;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}.ek-hero__viewport{overflow:hidden;border-radius:0}.ek-hero__track{display:flex;transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}.ek-hero__slide{position:relative;display:flex;flex:0 0 100%;min-height:360px;align-items:center;padding:clamp(28px,5vw,70px);overflow:hidden;border-radius:var(--ek-slide-radius,8px)}.ek-hero__media{position:absolute;inset:0;z-index:0;display:block;border-radius:var(--ek-slide-radius,8px);overflow:hidden}.ek-hero__media img{display:block;width:100%;height:100%;border-radius:var(--ek-slide-radius,8px);object-fit:cover;object-position:var(--ek-focus-x,50%) var(--ek-focus-y,50%)}.ek-hero__overlay{position:absolute;inset:0;z-index:1;pointer-events:none}.ek-hero__slide--overlay-none .ek-hero__overlay{display:none}.ek-hero__slide--overlay-solid .ek-hero__overlay{background:var(--ek-overlay)}.ek-hero__slide--overlay-gradient.ek-hero__slide--overlay-direction-left .ek-hero__overlay{background:linear-gradient(90deg,var(--ek-overlay),transparent 75%)}.ek-hero__slide--overlay-gradient.ek-hero__slide--overlay-direction-right .ek-hero__overlay{background:linear-gradient(270deg,var(--ek-overlay),transparent 75%)}.ek-hero__slide--overlay-gradient.ek-hero__slide--overlay-direction-top .ek-hero__overlay{background:linear-gradient(180deg,var(--ek-overlay),transparent 75%)}.ek-hero__slide--overlay-gradient.ek-hero__slide--overlay-direction-bottom .ek-hero__overlay{background:linear-gradient(0deg,var(--ek-overlay),transparent 75%)}.ek-hero__content{position:relative;z-index:3;width:min(var(--ek-content-width,52%),760px)}.ek-hero__slide--align-left .ek-hero__content-inner{text-align:left}.ek-hero__slide--align-center .ek-hero__content-inner{text-align:center}.ek-hero__slide--align-right .ek-hero__content-inner{text-align:right}.ek-hero__slide--background-box .ek-hero__content{border-radius:var(--ek-content-radius,12px);background:var(--ek-content-bg);-webkit-backdrop-filter:blur(var(--ek-content-blur,0));backdrop-filter:blur(var(--ek-content-blur,0));overflow:hidden}.ek-hero__slide--background-box .ek-hero__content-inner{padding:var(--ek-content-padding,28px)}.ek-hero__slide--shadow-soft .ek-hero__content{box-shadow:0 10px 30px rgba(16,46,96,.12)}.ek-hero__slide--shadow-strong .ek-hero__content{box-shadow:0 18px 50px rgba(16,46,96,.24)}.ek-hero__slide--background-none .ek-hero__content{background:none;box-shadow:none;overflow:visible}.ek-hero__slide--background-highlight .ek-hero__content{background:none;box-shadow:none;overflow:visible}.ek-hero__slide--background-highlight .ek-hero__content-inner{padding:0}.ek-hero__slide--background-highlight .ek-hero__title span,.ek-hero__slide--background-highlight .ek-hero__text span,.ek-hero__slide--background-highlight .ek-hero__bullets li span{padding:.08em .28em;border-radius:calc(var(--ek-content-radius,12px)*.35);background:var(--ek-content-bg);-webkit-box-decoration-break:clone;box-decoration-break:clone}.ek-hero__badge{display:inline-block;margin-bottom:14px;color:var(--ek-badge-color,#0645c7);font-size:var(--ek-badge-font-size-rendered,13px);font-weight:600}.ek-hero__badge span{display:inline-block;padding:5px 10px}.ek-hero__badge--outline span{border:1px solid rgba(9,67,204,.35);border-radius:6px;background:rgba(255,255,255,.65)}.ek-hero__badge--filled span{border-radius:6px;background:#064bdc;color:#fff}.ek-hero__badge--pill span{border-radius:999px;background:#064bdc;color:#fff}.ek-hero__badge--soft span{border-radius:6px;background:rgba(6,75,220,.12)}.ek-hero__badge--ribbon{margin-left:-12px}.ek-hero__badge--ribbon span{padding:7px 18px;border-radius:0 4px 4px 0;background:#064bdc;color:#fff;clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%,8% 50%)}.ek-hero__title{margin:0 0 16px;color:var(--ek-title-color,#092b75);font-size:var(--ek-title-font-size-rendered,clamp(30px,4.2cqw,58px));font-weight:700;line-height:1.08}.ek-hero__text{max-width:620px;margin-bottom:18px;color:var(--ek-text-color,#183c78);font-size:var(--ek-text-font-size-rendered,clamp(16px,1.5cqw,21px));line-height:1.5}.ek-hero__slide--align-center .ek-hero__text{margin-right:auto;margin-left:auto}.ek-hero__slide--align-right .ek-hero__text{margin-left:auto}.ek-hero__bullets{font-size:var(--ek-bullets-font-size-rendered,16px);margin:0 0 24px;padding:0;list-style:none;color:var(--ek-bullets-color,#17366d)}.ek-hero__bullets li{position:relative;margin:8px 0;padding-left:28px}.ek-hero__bullets li:before{content:'✓';position:absolute;left:0;color:var(--ek-bullets-color,#064bdc);font-weight:700}.ek-hero__slide--align-right .ek-hero__bullets li{padding-right:28px;padding-left:0}.ek-hero__slide--align-right .ek-hero__bullets li:before{right:0;left:auto}.ek-hero__actions{display:flex;flex-wrap:wrap;gap:12px}.ek-hero__button{font-size:var(--ek-button-font-size-rendered,14px);display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border:1px solid transparent;border-radius:6px;font-weight:600;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.ek-hero__button:hover{transform:translateY(-1px);opacity:.92}.ek-hero__button--primary{background:#064bdc;color:#fff!important;box-shadow:0 7px 18px rgba(6,75,220,.2)}.ek-hero__button--secondary{background:#fff;color:#064bdc!important}.ek-hero__button--outline{border-color:#064bdc;background:transparent;color:#064bdc!important}.ek-hero__button--white{background:#fff;color:#092b75!important}.ek-hero__button--dark{background:#172033;color:#fff!important}.ek-hero__button--custom{background:var(--ek-primary-color);color:#fff!important}.ek-hero__button--secondary-custom.ek-hero__button--custom{background:var(--ek-secondary-color)}.ek-hero__button-icon{font-size:1em!important}.ek-hero__animated-item{opacity:0;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.25,1);transition-delay:calc(var(--ek-animation-delay,80ms) + var(--ek-item-index,0)*var(--ek-animation-stagger,80ms));will-change:opacity,transform}.ek-hero__slide--animation-up .ek-hero__animated-item{transform:translate3d(0,28px,0)}.ek-hero__slide--animation-down .ek-hero__animated-item{transform:translate3d(0,-28px,0)}.ek-hero__slide--animation-left .ek-hero__animated-item{transform:translate3d(32px,0,0)}.ek-hero__slide--animation-right .ek-hero__animated-item{transform:translate3d(-32px,0,0)}.ek-hero__slide--animation-fade .ek-hero__animated-item{transform:none}.ek-hero__slide--animation-none .ek-hero__animated-item{opacity:1;transform:none;transition:none}.ek-hero.is-ready .ek-hero__slide.is-active:not(.ek-hero__slide--animation-none) .ek-hero__animated-item{opacity:1;transform:none}.ek-hero__arrow{position:absolute;top:50%;z-index:6;width:44px;height:44px;margin-top:-22px;padding:0;border:0;border-radius:50%;transition:opacity .22s ease,transform .22s ease;display:flex;align-items:center;justify-content:center}.ek-hero__nav-icon{font-size:var(--ek-arrow-icon-size,30px)!important;line-height:1!important}.ek-hero__arrow--prev{left:14px}.ek-hero__arrow--next{right:14px}.ek-hero__arrow:hover{transform:scale(1.06)}.ek-hero--arrow-style-classic .ek-hero__arrow{background:#fff;color:#064bdc;box-shadow:0 4px 16px rgba(0,0,0,.12)}.ek-hero--arrow-style-glass .ek-hero__arrow{background:rgba(255,255,255,.58);color:#064bdc;box-shadow:0 4px 18px rgba(0,0,0,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ek-hero--arrow-style-minimal .ek-hero__arrow{background:transparent;color:#064bdc;box-shadow:none}.ek-hero--arrow-style-dark .ek-hero__arrow{background:rgba(15,25,44,.88);color:#fff}.ek-hero--arrow-style-primary .ek-hero__arrow{background:#064bdc;color:#fff}.ek-hero--arrows-hover .ek-hero__arrow{opacity:0;pointer-events:none}.ek-hero--arrows-hover .ek-hero__arrow--prev{transform:translateX(-14px)}.ek-hero--arrows-hover .ek-hero__arrow--next{transform:translateX(14px)}.ek-hero--arrows-hover:hover .ek-hero__arrow,.ek-hero--arrows-hover:focus-within .ek-hero__arrow{opacity:1;pointer-events:auto;transform:none}.ek-hero__dots{position:absolute;right:0;bottom:14px;left:0;z-index:6;display:flex;justify-content:center;gap:8px}.ek-hero__dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(9,43,117,.35);transition:width .2s ease,background .2s ease}.ek-hero__dot.is-active{width:24px;border-radius:10px;background:#064bdc}.ek-hero__hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}.ek-hero__hotspot{position:absolute;left:var(--ek-hotspot-x);top:var(--ek-hotspot-y);transform:translate(-50%,-50%);pointer-events:auto}.ek-hero__hotspot-dot{width:20px;height:20px;padding:0;border:4px solid #fff;border-radius:50%;background:#064bdc;box-shadow:0 0 0 6px rgba(6,75,220,.2);animation:ekHeroPulse 1.8s infinite}.ek-hero__hotspot--light .ek-hero__hotspot-dot{background:#fff;border-color:#064bdc}.ek-hero__hotspot--dark .ek-hero__hotspot-dot{background:#172033}.ek-hero__hotspot-card{position:absolute;left:50%;bottom:calc(100% + 12px);width:190px;padding:12px;border-radius:7px;background:#fff;color:#17366d;box-shadow:0 10px 30px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.18s}.ek-hero__hotspot-card strong,.ek-hero__hotspot-card span,.ek-hero__hotspot-card a{display:block}.ek-hero__hotspot:hover .ek-hero__hotspot-card,.ek-hero__hotspot:focus-within .ek-hero__hotspot-card{opacity:1;visibility:visible;transform:translate(-50%,0)}@keyframes ekHeroPulse{50%{box-shadow:0 0 0 10px rgba(6,75,220,0)}} @media(max-width:767px){.ek-hero__slide{min-height:520px;padding:24px 20px 54px}.ek-hero__media img{object-position:var(--ek-mobile-focus-x,50%) var(--ek-mobile-focus-y,50%)}.ek-hero__content{width:var(--ek-mobile-content-width,100%);max-width:none}.ek-hero__slide--mobile-position-top{align-items:flex-start}.ek-hero__slide--mobile-position-center{align-items:center}.ek-hero__slide--mobile-position-bottom{align-items:flex-end}.ek-hero__slide--mobile-align-left .ek-hero__content{text-align:left}.ek-hero__slide--mobile-align-center .ek-hero__content{text-align:center}.ek-hero__slide--mobile-align-right .ek-hero__content{text-align:right}.ek-hero__slide--mobile-align-center .ek-hero__actions{justify-content:center}.ek-hero__slide--mobile-align-right .ek-hero__actions{justify-content:flex-end}.ek-hero__slide--mobile-layout-image_top,.ek-hero__slide--mobile-layout-content_top{display:flex;min-height:0;padding:0;flex-direction:column}.ek-hero__slide--mobile-layout-image_top .ek-hero__media,.ek-hero__slide--mobile-layout-content_top .ek-hero__media{position:relative;width:100%;height:280px}.ek-hero__slide--mobile-layout-image_top .ek-hero__overlay,.ek-hero__slide--mobile-layout-content_top .ek-hero__overlay{display:none}.ek-hero__slide--mobile-layout-image_top .ek-hero__content,.ek-hero__slide--mobile-layout-content_top .ek-hero__content{width:100%;padding:20px;background:#fff}.ek-hero__slide--mobile-layout-content_top .ek-hero__content{order:-1}.ek-hero__content-inner{padding:20px}.ek-hero__badge{font-size:var(--ek-mobile-badge-font-size-rendered,12px)}.ek-hero__title{font-size:var(--ek-mobile-title-font-size-rendered,clamp(24px,8cqw,34px))}.ek-hero__text{font-size:var(--ek-mobile-text-font-size-rendered,16px)}.ek-hero__bullets{font-size:var(--ek-mobile-bullets-font-size-rendered,15px)}.ek-hero__button{font-size:var(--ek-mobile-button-font-size-rendered,14px)}.ek-hero__arrow{display:none}.ek-hero__hotspot{left:var(--ek-hotspot-mobile-x);top:var(--ek-hotspot-mobile-y)}} @media(prefers-reduced-motion:reduce){.ek-hero__track,.ek-hero__animated-item,.ek-hero__arrow,.ek-hero__dot{transition:none!important}.ek-hero__animated-item{opacity:1!important;transform:none!important}.ek-hero__hotspot-dot{animation:none}} /* AG Hero Slider 1.0.6 — optional frontend display area. 0 × 0 in admin leaves the legacy responsive sizing untouched. */ .ek-hero--desktop-display-size { width: 100%; max-width: var(--ek-desktop-display-width); aspect-ratio: var(--ek-desktop-display-ratio); margin-left: auto; margin-right: auto; } .ek-hero--desktop-display-size > .ek-hero__viewport, .ek-hero--desktop-display-size > .ek-hero__viewport > .ek-hero__track, .ek-hero--desktop-display-size > .ek-hero__viewport > .ek-hero__track > .ek-hero__slide { height: 100%; } .ek-hero--desktop-display-size > .ek-hero__viewport > .ek-hero__track > .ek-hero__slide { min-height: 0; } @media (max-width:767px) { .ek-hero--desktop-display-size:not(.ek-hero--mobile-display-size) { max-width: var(--ek-desktop-display-width); aspect-ratio: var(--ek-desktop-display-ratio); } .ek-hero--mobile-display-size { width: 100%; max-width: var(--ek-mobile-display-width); aspect-ratio: var(--ek-mobile-display-ratio); margin-left: auto; margin-right: auto; } .ek-hero--mobile-display-size > .ek-hero__viewport, .ek-hero--mobile-display-size > .ek-hero__viewport > .ek-hero__track, .ek-hero--mobile-display-size > .ek-hero__viewport > .ek-hero__track > .ek-hero__slide { height: 100%; } .ek-hero--mobile-display-size > .ek-hero__viewport > .ek-hero__track > .ek-hero__slide { min-height: 0; } /* In stacked mobile layouts the whole slider still respects the selected viewport. The media occupies the available upper/lower part while the content remains readable. */ .ek-hero--mobile-display-size .ek-hero__slide--mobile-layout-image_top .ek-hero__media, .ek-hero--mobile-display-size .ek-hero__slide--mobile-layout-content_top .ek-hero__media { flex: 1 1 auto; min-height: 0; height: auto; } .ek-hero--mobile-display-size .ek-hero__slide--mobile-layout-image_top .ek-hero__content, .ek-hero--mobile-display-size .ek-hero__slide--mobile-layout-content_top .ek-hero__content { flex: 0 0 auto; } } /* AG Hero Slider 1.1.0 — advanced content/button positioning and slide link */ .ek-hero__slide-link{position:absolute;inset:0;z-index:2;border-radius:var(--ek-slide-radius,8px)} .ek-hero__content{--ek-content-translate-x:0px;--ek-content-translate-y:0px;transform:translate(var(--ek-content-translate-x),var(--ek-content-translate-y))} .ek-hero__slide--position-left .ek-hero__content{margin-left:var(--ek-content-margin-x-rendered,var(--ek-content-margin-x,0));margin-right:auto} .ek-hero__slide--vposition-top{align-items:flex-start}.ek-hero__slide--vposition-top .ek-hero__content{margin-top:var(--ek-content-margin-y-rendered,var(--ek-content-margin-y,0))} .ek-hero__slide--vposition-center{align-items:center}.ek-hero__slide--vposition-center .ek-hero__content{--ek-content-translate-y:var(--ek-content-margin-y-rendered,var(--ek-content-margin-y,0))} .ek-hero__slide--vposition-bottom{align-items:flex-end}.ek-hero__slide--vposition-bottom .ek-hero__content{margin-bottom:var(--ek-content-margin-y-rendered,var(--ek-content-margin-y,0))} .ek-hero__content-inner{position:relative} .ek-hero__actions--h-left,.ek-hero__actions--h-center, .ek-hero__button--primary-instance{color:var(--ek-primary-text-color,inherit)!important}.ek-hero__button--secondary-instance{color:var(--ek-secondary-text-color,inherit)!important} .ek-hero__button--primary-instance.ek-hero__button--primary,.ek-hero__button--primary-instance.ek-hero__button--dark,.ek-hero__button--primary-instance.ek-hero__button--custom{color:var(--ek-primary-text-color,#fff)!important} .ek-hero__button--secondary-instance.ek-hero__button--primary,.ek-hero__button--secondary-instance.ek-hero__button--dark,.ek-hero__button--secondary-instance.ek-hero__button--custom{color:var(--ek-secondary-text-color,#fff)!important} .ek-hero__button--primary-instance.ek-hero__button--outline,.ek-hero__button--primary-instance.ek-hero__button--secondary{color:var(--ek-primary-text-color,#064bdc)!important} .ek-hero__button--secondary-instance.ek-hero__button--outline,.ek-hero__button--secondary-instance.ek-hero__button--secondary{color:var(--ek-secondary-text-color,#064bdc)!important} .ek-hero__button--primary-instance.ek-hero__button--white{color:var(--ek-primary-text-color,#092b75)!important}.ek-hero__button--secondary-instance.ek-hero__button--white{color:var(--ek-secondary-text-color,#092b75)!important} @media(max-width:767px){ .ek-hero__slide--mobile-hposition-left .ek-hero__content{margin-left:var(--ek-mobile-content-margin-x-rendered,var(--ek-mobile-content-margin-x,0));margin-right:auto;--ek-content-translate-x:0} .ek-hero__slide--mobile-hposition-center .ek-hero__content{margin-left:auto;margin-right:auto;--ek-content-translate-x:var(--ek-mobile-content-margin-x-rendered,var(--ek-mobile-content-margin-x,0))} .ek-hero__slide--mobile-hposition-right .ek-hero__content{margin-left:auto;margin-right:var(--ek-mobile-content-margin-x-rendered,var(--ek-mobile-content-margin-x,0));--ek-content-translate-x:0} .ek-hero__slide--mobile-position-top .ek-hero__content{margin-top:var(--ek-mobile-content-margin-y-rendered,var(--ek-mobile-content-margin-y,0));margin-bottom:0;--ek-content-translate-y:0} .ek-hero__slide--mobile-position-center .ek-hero__content{margin-top:0;margin-bottom:0;--ek-content-translate-y:var(--ek-mobile-content-margin-y-rendered,var(--ek-mobile-content-margin-y,0))} .ek-hero__slide--mobile-position-bottom .ek-hero__content{margin-top:0;margin-bottom:var(--ek-mobile-content-margin-y-rendered,var(--ek-mobile-content-margin-y,0));--ek-content-translate-y:0} } .ek-hero__slide--position-left .ek-hero__content,.ek-hero__slide--position-center .ek-hero__content, /* 1.1.3 — exact admin/frontend overlay geometry */ .ek-hero__slide.aghs-exact-layout { padding:0; } .ek-hero__slide.aghs-exact-layout > .ek-hero__content { position:absolute; z-index:3; margin:0 !important; max-width:none; transform:none !important; } .ek-hero__slide.aghs-exact-layout > .ek-hero__content .ek-hero__content-inner { box-sizing:border-box; } /* 1.1.4 — keep button-group positioning independent from content animation. .ek-hero__actions is also an .ek-hero__animated-item. The generic animation rule sets transform:none when a slide becomes active, which previously erased the transform used for the button X/Y position. */ .ek-hero.is-ready .ek-hero__slide.is-active:not(.ek-hero__slide--animation-none) .ek-hero__actions.ek-hero__actions--v-flow { transform:translateX(var(--ek-buttons-margin-x-rendered,var(--ek-buttons-margin-x,0))); } .ek-hero.is-ready .ek-hero__slide.is-active:not(.ek-hero__slide--animation-none) .ek-hero__actions.ek-hero__actions--v-top, .ek-hero.is-ready .ek-hero__slide.is-active:not(.ek-hero__slide--animation-none) .ek-hero__actions.ek-hero__actions--v-bottom { transform:translateX(var(--ek-buttons-margin-x-rendered,var(--ek-buttons-margin-x,0))); } .ek-hero.is-ready .ek-hero__slide.is-active:not(.ek-hero__slide--animation-none) .ek-hero__actions.ek-hero__actions--v-center { transform:translate( var(--ek-buttons-margin-x-rendered,var(--ek-buttons-margin-x,0)), calc(-50% + var(--ek-buttons-margin-y-rendered,var(--ek-buttons-margin-y,0))) ); } /* Same final geometry when animation is explicitly disabled. */ .ek-hero__slide--animation-none .ek-hero__actions--v-flow, .ek-hero__slide--animation-none .ek-hero__actions--v-top, .ek-hero__slide--animation-none .ek-hero__actions--v-bottom { transform:translateX(var(--ek-buttons-margin-x-rendered,var(--ek-buttons-margin-x,0))); } .ek-hero__slide--animation-none .ek-hero__actions--v-center { transform:translate( var(--ek-buttons-margin-x-rendered,var(--ek-buttons-margin-x,0)), calc(-50% + var(--ek-buttons-margin-y-rendered,var(--ek-buttons-margin-y,0))) ); } /* Keep the independent button group visually inside the same content coordinate system used by the admin preview. */ .ek-hero__content, .ek-hero__content-inner { box-sizing:border-box; } .ek-hero__content-inner { position:relative; } /* 1.1.5 — content/text/buttons are separate coordinate layers. Text alignment affects text only. Buttons never inherit text alignment. "Inner spacing" is text padding, not content/button positioning padding. */ .ek-hero__content { box-sizing:border-box; position:relative; } .ek-hero__content-inner { box-sizing:border-box; position:relative; min-width:0; } .ek-hero__actions { box-sizing:border-box; text-align:left; } .ek-hero__actions--h-inherit { justify-content:flex-start !important; } .ek-hero__actions--h-left { justify-content:flex-start !important; } .ek-hero__actions--h-center { justify-content:center !important; } .ek-hero__actions--h-right { justify-content:flex-end !important; } /* Absolute button modes use the outer content box as their coordinate system, never the padded text layer. */ .ek-hero__actions--v-top, .ek-hero__actions--v-center, .ek-hero__actions--v-bottom { right:0; left:0; } /* Flow buttons are also detached from text alignment. */ .ek-hero__actions--v-flow { width:100%; } /* Text stays away from the visual edge when background box is enabled. */ .ek-hero__slide--background-box .ek-hero__content-inner { min-height:1px; } /* ========================================================= AG Hero Slider 1.1.6 — Virtual Design Canvas All slide composition is laid out in design pixels and the entire canvas is scaled once to the actual frontend width. ========================================================= */ .ek-hero__slide { display:block; padding:0; min-height:0; } .ek-hero__design-canvas { position:absolute; top:0; left:0; overflow:hidden; border-radius:var(--ek-slide-radius,8px); transform-origin:0 0; } .ek-hero__design-canvas > .ek-hero__media, .ek-hero__design-canvas > .ek-hero__overlay, .ek-hero__design-canvas > .ek-hero__slide-link, .ek-hero__design-canvas > .ek-hero__hotspots { position:absolute; } .ek-hero__design-canvas > .ek-hero__media, .ek-hero__design-canvas > .ek-hero__overlay, .ek-hero__design-canvas > .ek-hero__slide-link, .ek-hero__design-canvas > .ek-hero__hotspots { inset:0; } /* Geometry is in design pixels; canvas transform handles the actual scaling. */ .ek-hero__content { margin:0 !important; transform:none !important; } .ek-hero__actions { text-align:left; } /* Final button geometry is set using left/top/right/bottom by JS. Animation transform must never be used for the resting position. */ .ek-hero.is-ready .ek-hero__slide.is-active .ek-hero__actions { transform:none !important; } /* Keep explicit font variables as design-pixel values. */ .ek-hero__badge { font-size:var(--ek-badge-font-size-rendered,13px); } .ek-hero__title { font-size:var(--ek-title-font-size-rendered,58px); } .ek-hero__text { font-size:var(--ek-text-font-size-rendered,21px); } .ek-hero__bullets { font-size:var(--ek-bullets-font-size-rendered,16px); } .ek-hero__button { font-size:var(--ek-button-font-size-rendered,14px); } @media(max-width:767px){ .ek-hero__badge{font-size:var(--ek-mobile-badge-font-size-rendered,12px)} .ek-hero__title{font-size:var(--ek-mobile-title-font-size-rendered,34px)} .ek-hero__text{font-size:var(--ek-mobile-text-font-size-rendered,16px)} .ek-hero__bullets{font-size:var(--ek-mobile-bullets-font-size-rendered,15px)} .ek-hero__button{font-size:var(--ek-mobile-button-font-size-rendered,14px)} } .ek-hero__actions{width:max-content;max-width:100%;} /* v1.1.17 — exact Mobile overlay follows the same virtual-canvas model as admin. */ @media (max-width:767px) { .ek-hero__slide.aghs-exact-layout.ek-hero__slide--mobile-layout-overlay { display:block; padding:0; } .ek-hero__slide.aghs-exact-layout.ek-hero__slide--mobile-layout-overlay .ek-hero__media { position:absolute; inset:0; width:100%; height:100%; } .ek-hero__slide.aghs-exact-layout.ek-hero__slide--mobile-layout-overlay .ek-hero__overlay { display:block; } .ek-hero__slide.aghs-exact-layout.ek-hero__slide--mobile-layout-overlay .ek-hero__content { margin:0 !important; padding:0; max-width:none; transform:none !important; } .ek-hero__slide.aghs-exact-layout.ek-hero__slide--mobile-layout-overlay .ek-hero__actions { justify-content:flex-start; transform:none !important; } } /* v1.1.18 — Mobile admin preview is the frontend source of truth. Neutralise the old responsive/stacked mobile presentation inside exact canvas. */ @media (max-width:767px) { .ek-hero__slide.aghs-exact-layout { display:block !important; min-height:0 !important; padding:0 !important; align-items:initial !important; } .ek-hero__slide.aghs-exact-layout .ek-hero__media { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; } .ek-hero__slide.aghs-exact-layout .ek-hero__overlay { display:block; } .ek-hero__slide.aghs-exact-layout .ek-hero__content { position:absolute !important; margin:0 !important; padding:0 !important; max-width:none !important; transform:none !important; } .ek-hero__slide.aghs-exact-layout.ek-hero__slide--background-box .ek-hero__content { background:var(--ek-content-bg) !important; } .ek-hero__slide.aghs-exact-layout.ek-hero__slide--background-box .ek-hero__content-inner { padding:var(--ek-content-padding,28px) !important; } .ek-hero__slide.aghs-exact-layout.ek-hero__slide--background-none .ek-hero__content { background:none !important; } .ek-hero__slide.aghs-exact-layout.ek-hero__slide--background-highlight .ek-hero__content-inner { padding:0 !important; } .ek-hero__slide.aghs-exact-layout .ek-hero__actions { transform:none !important; } }