/* The header stays in document flow, so becoming sticky never shifts content. */
:root{--devi-header-height:88px;--devi-admin-offset:0px;scroll-padding-top:calc(var(--devi-header-height) + var(--devi-admin-offset) + 16px)}
html:has(body.admin-bar){--devi-admin-offset:32px}
.devi-site #masthead.devi-header{position:sticky;top:var(--devi-admin-offset);z-index:120;height:var(--devi-header-height);background:#fcfaf7;border-bottom:1px solid #e5dce9;box-shadow:none;transition:box-shadow .2s,border-color .2s}
.devi-site #masthead.is-scrolled{border-bottom-color:#d9cce2;box-shadow:0 5px 18px #3525400b}
.devi-site #masthead .devi-logo{width:158px;height:56px}
.devi-site .vc_row[id],.devi-site main,.devi-site #masthead,.devi-site .devi-prose h2[id]{scroll-margin-top:0}
.devi-menu>li>a{position:relative}
.devi-menu>li>a:after{content:'';position:absolute;left:0;right:0;bottom:10px;height:1px;background:var(--dv-purple);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.devi-menu>li>a:hover:after,.devi-menu>li>a:focus-visible:after,.devi-menu>.current-menu-item>a:not([href*="#"]):after{transform:scaleX(1)}
.devi-menu>.current-menu-item>a[href*="#"]:not(:hover):not(:focus-visible){color:inherit}
@media(max-width:1023px){:root{--devi-header-height:80px}}
@media(max-width:782px){html:has(body.admin-bar){--devi-admin-offset:46px}}
@media(max-width:767px){
 :root{--devi-header-height:68px}
 .devi-site #masthead .devi-logo{width:132px;height:48px}
 .devi-menu-toggle{width:42px;height:42px;background:#fcfaf7;border-color:#d7c8e2}
 .devi-menu-toggle[aria-expanded=true]{background:#eee5f6;color:#5b3e70}
 .devi-navigation{top:calc(100% + 8px);left:22px;right:22px;padding:10px;max-height:calc(100dvh - var(--devi-header-height) - var(--devi-admin-offset) - 110px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-radius:18px;box-shadow:0 12px 30px #35254014}
 .devi-menu>li>a:after{display:none}
 .devi-menu a:hover,.devi-menu .current-menu-item a:not([href*="#"]){background:#f3eef8;border-radius:11px}
}
@media(max-width:600px){html:has(body.admin-bar){--devi-admin-offset:0px}}
@media(prefers-reduced-motion:reduce){.devi-menu>li>a:after,.devi-site #masthead{transition:none}}
@media(max-width:767px){.no-js .devi-site #masthead{position:relative;height:auto}}

/* Five equal touch targets keep the WhatsApp action on the same baseline. */
@media(max-width:767.98px){
 .devi-site{padding-bottom:calc(102px + env(safe-area-inset-bottom,0px))}
 .devi-site .devi-bottom-nav{
  position:fixed;z-index:95;left:50%;right:auto;
  bottom:calc(10px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);width:calc(100% - 24px);max-width:480px;
  height:80px;margin:0;padding:7px;display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;
  align-items:stretch;justify-content:normal;
  background:#fffcf9;border:1px solid #dfd3e6;border-radius:26px;
  box-shadow:0 6px 28px #3525401a,0 1px 4px #35254008;
  backdrop-filter:none;
 }
 .devi-site .devi-bottom-nav a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:0;min-height:64px;padding:8px 2px;margin:0;gap:6px;
  color:#716578;background:transparent;border:0;border-radius:18px;
  font-family:var(--dv-sans);font-size:10.5px;font-weight:500;line-height:1.2;
  letter-spacing:0;text-decoration:none;white-space:nowrap;
  transform:none;box-shadow:none;-webkit-tap-highlight-color:transparent;
  transition:background-color .18s,color .18s,transform .18s;
 }
 .devi-site .devi-bottom-nav svg{display:block;width:24px;height:24px;flex:none;stroke-width:1.6}
 .devi-site .devi-bottom-nav a[aria-current]{color:#604176;background:#eee5f4;font-weight:600}
 .devi-site .devi-bottom-nav a[aria-current] svg{stroke-width:1.9}
 .devi-site .devi-bottom-nav .devi-bottom-contact{color:#fff;background:#72518b;box-shadow:0 3px 8px #72518b26;font-weight:600}
 .devi-site .devi-bottom-nav .devi-bottom-contact svg{width:24px;height:24px;stroke:none}
 .devi-site .devi-bottom-nav a:focus-visible{outline:2px solid #72518b;outline-offset:3px}
 .devi-site .devi-bottom-nav a:active{transform:scale(.96)}
}
@media(max-width:767.98px) and (hover:hover){
 .devi-site .devi-bottom-nav a:hover{color:#604176;background:#f2ebf6}
 .devi-site .devi-bottom-nav .devi-bottom-contact:hover{color:#fff;background:#604176}
}
@media(max-width:359.98px){.devi-site .devi-bottom-nav a{font-size:10px}}
@media(prefers-reduced-motion:reduce){
 .devi-site .devi-bottom-nav a{transition:none}
 .devi-site .devi-bottom-nav a:active{transform:none}
}