.elementor-kit-6{--e-global-color-primary:#3F65AF;--e-global-color-secondary:#5D9AFF;--e-global-color-text:#777777;--e-global-color-accent:#FF8C42;--e-global-color-021023d:#3FAFFF;--e-global-color-ffc0201:#D3D3D3;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-letter-spacing:3px;--e-global-typography-primary-word-spacing:2px;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-letter-spacing:3px;--e-global-typography-secondary-letter-spacing:3px;--e-global-typography-text-letter-spacing:3px;--e-global-typography-accent-letter-spacing:3px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- tokens (safe fallbacks) --- */
:root{
  --brand: #00E7FF;
  --brand-2: #7A5CFF;
  --card: rgba(17, 20, 26, .72); /* semi-transparent for backdrop-filter */
  --glass: rgba(255,255,255,.06);
  --border: rgba(255,255,255,.18);
  --muted: #A7B0C0;
}

/* --- Drawer container (replace your ".elementor-kit-6" with this class on the HTML) --- */
.mg-drawer{
  position: fixed;
  right:0; bottom:64px;
  width:64px;
  height:calc(100dvh - 64px);
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  gap:18px; padding:12px 0;
  transform:translateX(100%);
  transition:transform .25s ease-out;
  z-index:10000;

  background: var(--card);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);

  border-left:4px solid transparent;
  border-image: linear-gradient(180deg, var(--brand), var(--brand-2)) 1;
  border-top-left-radius:16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* open state */
body.drawer-open .mg-drawer{ transform:translateX(0); }

/* --- Icons (single, global definition) --- */
.mg-drawer-icon{
  width:44px; height:44px;
  display:flex; align-items:center; justify-content:center;
  border-radius:12px;
  background: var(--glass);
  border: 1px solid var(--border);
  color: var(--muted);
  transition: transform .12s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
  position:relative;
}
.mg-drawer-icon svg{ width:22px; height:22px; display:block; }
.mg-drawer-icon svg *{ stroke: currentColor; fill: none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.mg-drawer-icon:hover{
  color: var(--brand);
  border-color: rgba(0,231,255,.7);
  box-shadow:0 0 12px rgba(0,231,255,.35);
}
.mg-drawer-icon:active{ transform:scale(.95); }/* End custom CSS */