.elementor-kit-8{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.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);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}@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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ====== CNET-style Mega Menu (Elementor) ====== */
:root{
  --bar-dark:#111115;     /* top bar background */
  --pill:#bff48a;         /* hover tab color */
  --panel:#effece;        /* dropdown panel background */
  --ink:#111;             /* dark text */
  --light:#e8ffe0;        /* light text on dark */
  --maxw:1280px;          /* content max width */
}

/* Bar */
.cnet-bar{
  background:var(--bar-dark);
  position:relative;
  width:100%;
}
.cnet-bar .cnet-top{
  max-width:var(--maxw);
  margin:0 auto;
  display:flex; align-items:center; gap:6px;
  list-style:none; padding:0 12px; height:56px;
}

/* Top links */
.cnet-bar .cnet-top>li>a{
  display:block; padding:14px 20px; font-weight:800;
  letter-spacing:.2px; color:var(--light); text-decoration:none;
  border-radius:6px;
}
.cnet-bar .cnet-top>li:hover>a,
.cnet-bar .cnet-top>li:focus-within>a{
  background:var(--pill); color:var(--ink);
}

/* Mega panel */
.cnet-bar .mega{
  position:absolute; left:0; right:0; top:56px;
  background:var(--panel); display:none; z-index:50;
  border-top:0; padding:28px 0 30px;
}
.cnet-bar .has-mega:hover .mega,
.cnet-bar .has-mega:focus-within .mega{ display:block; }

.cnet-bar .mega > *{
  max-width:var(--maxw); margin:0 auto; display:flex; gap:22px; padding:0 12px;
}
.cnet-bar .mega .col{
  flex:1 1 0; min-width:210px; padding:0 18px;
  border-right:2px dotted rgba(0,0,0,.18);
}
.cnet-bar .mega .col:last-child{ border-right:0; }

.cnet-bar .mega h3{
  margin:0 0 16px; font-size:28px; line-height:1.1; font-weight:900; color:var(--ink);
}
.cnet-bar .mega a{
  display:block; padding:8px 0; font-weight:600; color:var(--ink); text-decoration:none;
}
.cnet-bar .mega a:hover{ text-decoration:underline; }

/* Hamburger (mobile) */
.cnet-bar .hamburger{
  position:absolute; left:12px; top:12px; width:32px; height:32px; display:none; cursor:pointer;
}
.cnet-bar .hamburger span{
  display:block; height:2px; margin:7px 0; background:var(--light);
}

/* Mobile layout */
@media (max-width: 980px){
  .cnet-bar .hamburger{ display:block; }
  .cnet-bar .cnet-top{
    flex-direction:column; align-items:stretch;
    height:auto; padding:58px 12px 12px; gap:0;
    max-height:0; overflow:hidden; transition:max-height .3s ease;
  }
  /* toggle with checkbox */
  #menu-toggle:checked ~ .cnet-top{ max-height:80vh; }
  .cnet-bar .cnet-top>li>a{ padding:14px; border-radius:8px; }
  .cnet-bar .mega{
    position:static; display:block; padding:12px 0 4px; background:transparent;
  }
  .cnet-bar .mega > *{ display:block; padding:0; }
  .cnet-bar .mega .col{
    border-right:0; border-bottom:1px dotted rgba(0,0,0,.18);
    padding:12px 4px 6px; margin:0 6px 10px;
  }
  .cnet-bar .mega .col:last-child{ border-bottom:0; }
}

/* Accessibility: keyboard focus keeps panel open */
.cnet-bar .cnet-top>li:focus-within>.mega{ display:block; }

/* Optional: subtle shadow under panel on desktop */
@media (min-width:981px){
  .cnet-bar .mega{ box-shadow: 0 16px 24px rgba(0,0,0,.08); }
}/* End custom CSS */