.hw-mobile-nav{display:none}.vani-launch{display:inline-flex;align-items:center;gap:9px;position:fixed;right:24px;bottom:24px;z-index:70;padding:8px 18px 8px 9px;border:0;border-radius:30px;background:linear-gradient(110deg,#ff9224,#ffda59);color:#4d2b18;font-weight:700;cursor:pointer;box-shadow:0 5px 25px #4b28152a}.vani-widget{position:fixed;inset:auto 24px 24px auto;margin:0;padding:0;width:420px;max-width:calc(100vw - 32px);height:min(720px,calc(100dvh - 48px));max-height:none;z-index:100;border:1px solid #e9ddc7;border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #171d3540;background:#fffdf8;color:#35291f}.vani-widget[open]{display:flex;flex-direction:column}.vani-widget::backdrop{background:#11182c66;backdrop-filter:blur(3px)}.vani-widget iframe{display:block;width:100%;height:100%;flex:1;min-height:0;border:0;background:#fffdf8}.vani-widget-heading{display:flex;align-items:center;gap:12px;flex:none;margin:0;padding:18px;background:linear-gradient(120deg,#fff4cf,#fffaf0);border-bottom:1px solid #ecdfc5;text-align:left}.vani-widget-heading strong{font:700 22px/1.2 system-ui,sans-serif;color:#35291f}.vani-widget-heading p{margin:4px 0 0;font:400 12px/1.4 system-ui,sans-serif;color:#75614a}.vani-widget-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#17213f;color:#ffcf55;font:28px Georgia,serif}.vani-close{display:grid;place-items:center;flex:none;margin:0 0 0 auto;padding:0;border:1px solid #e7d8ba;background:#fffdf8;color:#523421;border-radius:50%;width:44px;height:44px;font:28px/1 system-ui,sans-serif;cursor:pointer}.vani-close:focus-visible{outline:3px solid #ad6c21;outline-offset:2px}body.vani-chat-open{overflow:hidden!important}a.vaani{display:none!important}@media(max-width:600px){body{padding-bottom:calc(98px + env(safe-area-inset-bottom))!important}.vani-launch{display:none}.hw-mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;background:transparent;border:0;padding:8px 5px calc(8px + env(safe-area-inset-bottom));z-index:60;box-shadow:0 -5px 30px #4829180c}.hw-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:500 10px/1.4 system-ui;color:#7c6451;text-decoration:none;min-height:58px}.hw-mobile-nav a>span{display:grid;place-items:center;height:30px}.hw-mobile-nav svg{width:23px;height:23px}.hw-mobile-nav:before{content:"";position:absolute;inset:0;z-index:-1;background:#fffdf8;mask:radial-gradient(circle 42px at 50% 0,transparent 40px,#000 41px);border-top:1px solid #eadbc5}.hw-mobile-nav .vani-center{position:relative;gap:3px;color:#523421}.hw-mobile-nav .vani-center>.vani-icon{position:relative;width:68px;height:68px;margin-top:-35px;border:0;background:none;box-shadow:none}.hw-mobile-nav .vani-center:focus-visible .vani-icon{outline:3px solid #c47b25;outline-offset:3px;border-radius:8px}.hw-mobile-nav [aria-current=page]{color:#a35619;font-weight:800}.hw-mobile-nav [aria-current=page]:after{content:'';height:3px;width:16px;background:#f9a52a;border-radius:5px;position:absolute;bottom:calc(4px + env(safe-area-inset-bottom))}.mobile-store .shop-status{bottom:110px}}

/* The bottom navigation complements the shared compact header. */
.hw-mobile-nav{box-sizing:border-box}.hw-mobile-nav a:focus-visible,.vani-launch:focus-visible{outline:3px solid #b66a23;outline-offset:3px}
@media(max-width:600px){body .vani-launch{display:none!important}.vani-widget{inset:var(--vani-offset-top,0) 0 auto;width:100%;max-width:none;height:var(--vani-viewport-height,100dvh);max-height:none;border:0;border-radius:0}.vani-widget-heading{padding:calc(12px + env(safe-area-inset-top)) 16px 12px}body:has(.hw-mobile-nav) .hw-policy-footer{padding-bottom:28px}}
@media print{.hw-mobile-nav,.vani-launch,.vani-widget,.hw-policy-footer{display:none!important}body{padding-bottom:0!important}}

.vani-launch>img{display:block;width:36px;height:36px;object-fit:contain;background:#fffdf8;border-radius:50%;padding:2px}.hw-mobile-nav [data-nav="Vani"] img{display:block;width:30px;height:30px;object-fit:contain;border-radius:50%}

/* Page themes share the same cutout and full-screen mobile dialog. */
@media(max-width:600px){
 body[data-hw-page] .hw-mobile-nav{background:transparent;border-top:0;padding:8px 5px calc(8px + env(safe-area-inset-bottom))}
 body[data-hw-page] .hw-mobile-nav a{min-height:58px}
 body[data-hw-page] .vani-widget:modal{left:0;right:0;width:100%;max-width:none}
}

.vani-widget-avatar{background:#fff4d6}
.vani-widget-avatar .vani-spiral{display:block;width:40px;height:40px;object-fit:contain}
.vani-launch>img.vani-spiral{width:36px;height:36px;padding:0;background:none;border-radius:0}
/* Let the floating spiral lead, with its label directly underneath. */
body>.vani-launch,body[data-guidance-page] #guidanceVani>.vani-launch{flex-direction:column;justify-content:center;gap:3px;width:94px;padding:4px 6px 6px;border:0;border-radius:16px;background:transparent;box-shadow:none;font-family:inherit;font-size:13px;line-height:1.35;text-align:center}
body>.vani-launch>img.vani-spiral,body[data-guidance-page] #guidanceVani>.vani-launch>img.vani-spiral{width:72px;height:72px;filter:drop-shadow(0 3px 8px #a9542826)}
body>.vani-launch>span,body[data-guidance-page] #guidanceVani>.vani-launch>span{text-shadow:0 1px 2px #fffdf8,0 0 6px #fffdf8}
body>.vani-launch:hover>span,body[data-guidance-page] #guidanceVani>.vani-launch:hover>span{text-decoration:underline;text-underline-offset:3px}
body.ru-dashboard>.vani-launch{box-shadow:none}
.hw-mobile-nav .vani-center img.vani-spiral{width:64px;height:64px;border-radius:0;object-fit:contain}

/* Preserve the supplied spiral's 45-frame turn and one-frame hold. The static
   SVG paints once; only its image surface rotates on subsequent frames. */
img.vani-spiral[src="/assets/vani-spiral-still.svg"]{transform-origin:50% 50%;animation:hw-vani-shell-turn 1.5333333333333334s linear infinite;will-change:transform}
@keyframes hw-vani-shell-turn{0%{transform:rotate(0deg)}97.82608695652173%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){img.vani-spiral[src="/assets/vani-spiral-still.svg"]{animation:none;will-change:auto}}