/* UNDANGANKUUU FINAL44 — global runtime hardening */
:root{--uk-z-header:1200;--uk-z-dropdown:1800;--uk-z-chat:2200;--uk-z-toast:2600;--uk-z-modal:3200;--uk-z-critical:3800;--uk-motion-fast:220ms;--uk-motion:360ms;--uk-motion-slow:760ms}
html.uk-runtime-enabled{background:var(--uk-bg,#f2f5fa)}
html.uk-runtime-enabled body{opacity:0}
html.uk-runtime-enabled.uk-runtime-ready body{opacity:1;transition:opacity .34s cubic-bezier(.22,1,.36,1)}
html.uk-runtime-enabled.uk-page-leaving body{opacity:.02;transition:opacity .28s cubic-bezier(.4,0,.2,1)!important}
.uk-app-loader{position:fixed;inset:0;z-index:var(--uk-z-critical);display:grid;place-items:center;background:var(--uk-bg,#f2f5fa);color:var(--uk-text,#171927);opacity:1;visibility:visible;transition:opacity .32s ease,visibility .32s ease;pointer-events:none}
.uk-app-loader.hide{opacity:0;visibility:hidden}
.uk-app-loader-core{display:grid;place-items:center;gap:12px;text-align:center}.uk-app-loader-mark{width:44px;height:44px;border-radius:14px;border:2px solid var(--uk-border,#dde3ec);background:var(--uk-surface,#fff);box-shadow:0 10px 32px rgba(20,24,38,.10);display:grid;place-items:center;animation:ukRuntimePulse 1.05s ease-in-out infinite}.uk-app-loader-mark::before{content:'✦';font-size:20px;color:var(--uk-accent,#6d43ee)}.uk-app-loader-label{font:800 11px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.03em;color:var(--uk-muted,#667085)}
@keyframes ukRuntimePulse{0%,100%{transform:scale(.96);opacity:.72}50%{transform:scale(1.035);opacity:1}}
.uk-toast-stack{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:var(--uk-z-toast);display:grid;gap:9px;width:min(360px,calc(100vw - 28px));pointer-events:none}.uk-runtime-toast{pointer-events:auto;padding:12px 14px;border:1px solid var(--uk-border,#dde3ec);border-radius:14px;background:var(--uk-surface,#fff);color:var(--uk-text,#171927);box-shadow:var(--uk-shadow,0 18px 50px rgba(19,27,45,.09));font:750 12px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;animation:ukToastIn .34s cubic-bezier(.22,1,.36,1)}.uk-runtime-toast.success{border-color:color-mix(in srgb,var(--uk-success,#16834a) 42%,var(--uk-border,#dde3ec))}.uk-runtime-toast.error{border-color:color-mix(in srgb,var(--uk-danger,#b42318) 42%,var(--uk-border,#dde3ec))}.uk-runtime-toast.out{animation:ukToastOut .2s ease forwards}@keyframes ukToastIn{from{opacity:0;transform:translateY(-9px) scale(.96)}to{opacity:1;transform:none}}@keyframes ukToastOut{to{opacity:0;transform:translateY(-6px) scale(.98)}}
.uk-cart-badge{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--uk-accent,#6d43ee);color:#fff;border:2px solid var(--uk-surface,#fff);font:950 10px/1 Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:0 5px 14px color-mix(in srgb,var(--uk-accent,#6d43ee) 38%,transparent);transform-origin:center;opacity:0;transition:opacity .2s ease,transform .2s ease}.uk-cart-badge.has-items{opacity:1}.uk-cart-badge.pop{animation:ukCartPop .46s cubic-bezier(.22,1,.36,1)}@keyframes ukCartPop{0%{transform:scale(.72)}45%{transform:scale(1.28) rotate(5deg)}100%{transform:none}}
.uk-cart-flyer{position:fixed;z-index:var(--uk-z-critical);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--uk-accent,#6d43ee);color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--uk-accent,#6d43ee) 38%,transparent);font-size:19px;pointer-events:none;will-change:transform,opacity}
.uk-image-fallback{background:linear-gradient(135deg,var(--uk-surface-2,#f7f8fc),var(--uk-surface-3,#eef1f7))!important;color:var(--uk-muted,#667085)!important}
.uk-network-runtime{position:fixed;left:50%;top:max(10px,env(safe-area-inset-top));transform:translateX(-50%);z-index:var(--uk-z-critical);padding:9px 13px;border-radius:999px;border:1px solid var(--uk-border,#dde3ec);background:var(--uk-surface,#fff);color:var(--uk-text,#171927);box-shadow:var(--uk-shadow,0 18px 50px rgba(19,27,45,.09));font:850 11px/1.2 Inter,ui-sans-serif,system-ui,sans-serif}
header,.nav,nav{scroll-margin-top:max(72px,env(safe-area-inset-top))}.nav{z-index:var(--uk-z-header)!important}.account-dropdown{z-index:var(--uk-z-dropdown)!important}.ai-chat,.ai-chat-panel,.chatbot{z-index:var(--uk-z-chat)!important}.uk-logout-overlay,[role=dialog]{z-index:var(--uk-z-modal)}
html.uk-theme-animating body,html.uk-theme-animating .nav,html.uk-theme-animating .topbar,html.uk-theme-animating .section,html.uk-theme-animating footer,html.uk-theme-animating .template-card,html.uk-theme-animating .benefit,html.uk-theme-animating .step,html.uk-theme-animating details,html.uk-theme-animating .account-toggle,html.uk-theme-animating .account-dropdown,html.uk-theme-animating input,html.uk-theme-animating select,html.uk-theme-animating textarea,html.uk-theme-animating button{transition-property:background-color,color,border-color,box-shadow,opacity!important;transition-duration:.42s!important;transition-timing-function:cubic-bezier(.22,1,.36,1)!important}
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
img:not([width]){height:auto}button,a,[role=button]{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--uk-accent,#6d43ee) 32%,transparent);outline-offset:2px}
@media(max-width:700px){.uk-toast-stack{left:14px;right:14px;width:auto}.uk-cart-flyer{width:34px;height:34px;font-size:17px}}
@media(prefers-reduced-motion:reduce){html.uk-runtime-enabled.uk-runtime-ready body,html.uk-runtime-enabled.uk-page-leaving body{transition-duration:.01ms!important}.uk-app-loader-mark,.uk-runtime-toast,.uk-cart-badge.pop{animation:none!important}.uk-cart-flyer{display:none!important}}
