.elementor-1254 .elementor-element.elementor-element-8d73747{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1254 .elementor-element.elementor-element-8d73747:not(.elementor-motion-effects-element-type-background), .elementor-1254 .elementor-element.elementor-element-8d73747 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#301708;}.elementor-1254 .elementor-element.elementor-element-d709a2b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1254 .elementor-element.elementor-element-d709a2b:not(.elementor-motion-effects-element-type-background), .elementor-1254 .elementor-element.elementor-element-d709a2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#301A0B;}.elementor-1254 .elementor-element.elementor-element-d709a2b .exad-background-animation-canvas{z-index:0;}.elementor-1254 .elementor-element.elementor-element-d709a2b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-1px;margin-bottom:0px;z-index:999;}.elementor-1254 .elementor-element.elementor-element-d709a2b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1254 .elementor-element.elementor-element-32e5200 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:: 20px;}.elementor-1254 .elementor-element.elementor-element-32e5200 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1254 .elementor-element.elementor-element-f0ad822{width:var( --container-widget-width, 97% );max-width:97%;--container-widget-width:97%;--container-widget-flex-grow:0;top:-1.003px;z-index:999;}.elementor-1254 .elementor-element.elementor-element-f0ad822 > .elementor-widget-container{background-color:transparent;margin:-1px 0px 0px 10px;padding:13px 10px 8px 10px;background-image:linear-gradient(180deg, #F0F0F0 0%, #FFFFFF 100%);border-radius:0px 0px 10px 10px;box-shadow:0px 7px 19px 10px rgba(0, 0, 0, 0.26);}body:not(.rtl) .elementor-1254 .elementor-element.elementor-element-f0ad822{left:38.99px;}body.rtl .elementor-1254 .elementor-element.elementor-element-f0ad822{right:38.99px;}.elementor-1254 .elementor-element.elementor-element-39871ef > .elementor-widget-container{margin:0px 15px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu{padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-39871ef a.exad-menu-item{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .exad-mega-menu-list > li.menu-item:not(:last-child){margin-right:5px;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-menu-item .exad-mega-menu-icon i{font-size:17px;margin-right:10px;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-menu-item{font-size:14px;font-weight:500;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .exad-mega-menu-list li.menu-item a.exad-menu-item{border-radius:5px 5px 5px 5px;background:#5F3321;color:#ffffff;border-style:none;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .exad-mega-menu-list li.menu-item:hover a.exad-menu-item{background:#025C83;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-label{left:10px;top:-8px;padding:2px 5px 2px 5px;font-family:"Poppins", Sans-serif;font-weight:400;color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-menu-item .exad-menu-toggle i{font-size:17px;margin-left:10px;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .exad-sub-menu li.menu-item a.exad-sub-menu-item{padding:10px 10px 10px 10px;color:#ffffff;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .exad-sub-menu{border-radius:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .exad-sub-menu li.menu-item{background:#222222;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .exad-sub-menu div.exad-mega-menu-content{background:#222222;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .exad-sub-menu li.menu-item:hover{background:#7d5bfb;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .exad-sub-menu li.menu-item:hover a.exad-sub-menu-item{color:#ffffff;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .exad-sub-menu li.menu-item:not(:last-child){border-bottom-width:1px;border-bottom-color:#c5c5c5;}.elementor-1254 .elementor-element.elementor-element-39871ef .slicknav_menu .slicknav_icon-bar{background-color:#FFFFFF;}.elementor-1254 .elementor-element.elementor-element-39871ef .slicknav_btn{background-color:#000000;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav{background-color:#C5A424;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav li.menu-item a.exad-menu-item{color:#000000;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav .slicknav_arrow{color:#000000;}.elementor-1254 .elementor-element.elementor-element-0b582f2{--grid-template-columns:repeat(0, auto);--icon-size:17px;--grid-column-gap:17px;--grid-row-gap:0px;}.elementor-1254 .elementor-element.elementor-element-0b582f2 .elementor-widget-container{text-align:center;}.elementor-1254 .elementor-element.elementor-element-0b582f2 .elementor-social-icon{background-color:#FFFFFF00;--icon-padding:0em;}.elementor-1254 .elementor-element.elementor-element-0b582f2 .elementor-social-icon i{color:#EBEBEB;}.elementor-1254 .elementor-element.elementor-element-0b582f2 .elementor-social-icon svg{fill:#EBEBEB;}.elementor-1254 .elementor-element.elementor-element-df751ce{z-index:998;}.elementor-1254 .elementor-element.elementor-element-d3e55a0.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-1254 .elementor-element.elementor-element-d3e55a0{z-index:998;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu{padding:0px 10px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 a.exad-menu-item{padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu-wrapper .exad-mega-menu-list > li.menu-item:not(:last-child){margin-right:5px;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-menu-item .exad-mega-menu-icon i{font-size:20px;margin-right:10px;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-menu-item{font-size:14px;font-weight:600;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu-wrapper .exad-mega-menu-list li.menu-item a.exad-menu-item{border-radius:6px 6px 6px 6px;background:#CA2E65;color:#ffffff;border-style:groove;border-width:0px 0px 0px 0px;border-color:#D6D6D4;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu-wrapper .exad-mega-menu-list li.menu-item:hover a.exad-menu-item{background:#00777C;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu-label{left:10px;top:-8px;padding:2px 5px 2px 5px;color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-menu-item .exad-menu-toggle i{font-size:17px;margin-left:10px;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu-wrapper .exad-sub-menu li.menu-item a.exad-sub-menu-item{padding:10px 10px 10px 10px;color:#ffffff;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu-wrapper .exad-sub-menu{border-radius:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu-wrapper .exad-sub-menu li.menu-item{background:#222222;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu-wrapper .exad-sub-menu div.exad-mega-menu-content{background:#222222;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu-wrapper .exad-sub-menu li.menu-item:hover{background:#7d5bfb;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu-wrapper .exad-sub-menu li.menu-item:hover a.exad-sub-menu-item{color:#ffffff;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu-wrapper .exad-sub-menu li.menu-item:not(:last-child){border-bottom-width:1px;border-bottom-color:#c5c5c5;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1254 .elementor-element.elementor-element-32e5200{width:16%;}.elementor-1254 .elementor-element.elementor-element-b57074e{width:54.789%;}.elementor-1254 .elementor-element.elementor-element-a7612a5{width:15.175%;}.elementor-1254 .elementor-element.elementor-element-df751ce{width:13.992%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1254 .elementor-element.elementor-element-df751ce{width:14%;}}@media(max-width:1024px){.elementor-1254 .elementor-element.elementor-element-f0ad822{--container-widget-width:150px;--container-widget-flex-grow:0;width:var( --container-widget-width, 150px );max-width:150px;}.elementor-1254 .elementor-element.elementor-element-39871ef{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;}.elementor-1254 .elementor-element.elementor-element-39871ef > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-39871ef .exad-menu-item{font-size:14px;letter-spacing:-0.2px;}.elementor-1254 .elementor-element.elementor-element-a7612a5 > .elementor-element-populated{margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;}.elementor-1254 .elementor-element.elementor-element-0b582f2{--grid-column-gap:8px;}.elementor-1254 .elementor-element.elementor-element-df751ce > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:: 20px;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1254 .elementor-element.elementor-element-8d73747{--z-index:9999;}.elementor-1254 .elementor-element.elementor-element-32e5200{width:50%;}body:not(.rtl) .elementor-1254 .elementor-element.elementor-element-f0ad822{left:3px;}body.rtl .elementor-1254 .elementor-element.elementor-element-f0ad822{right:3px;}.elementor-1254 .elementor-element.elementor-element-f0ad822{top:2px;z-index:9;}.elementor-1254 .elementor-element.elementor-element-b57074e{width:49%;z-index:10;}.elementor-1254 .elementor-element.elementor-element-39871ef > .elementor-widget-container{margin:45px 0px 0px 0px;padding:0px 5px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-39871ef{--container-widget-width:230px;--container-widget-flex-grow:0;width:var( --container-widget-width, 230px );max-width:230px;z-index:19;}.elementor-1254 .elementor-element.elementor-element-39871ef a.exad-menu-item{padding-left:8px;padding-right:8px;padding-top:10px;padding-bottom:10px;}.elementor-1254 .elementor-element.elementor-element-0b582f2 > .elementor-widget-container{margin:-69px 0px 15px 180px;padding:5px 0px 2px 0px;}.elementor-1254 .elementor-element.elementor-element-0b582f2{z-index:999;}.elementor-1254 .elementor-element.elementor-element-df751ce{z-index:11;}.elementor-1254 .elementor-element.elementor-element-d3e55a0{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;z-index:-99;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 > .elementor-widget-container{margin:-35px 0px 00px 0px;padding:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-d3e55a0.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-1254 .elementor-element.elementor-element-d3e55a0 .exad-mega-menu{padding:0px 0px 8px 0px;}}/* Start custom CSS for container, class: .elementor-element-8d73747 *//* =========================================================
   Bebiri World — Mobile Header (Smooth Sticky Transitions)
   Default: big overhanging logo + socials above button
   Sticky: shrink + icon-only socials (compact)
   ========================================================= */

/* ---------- Controls (spacing, colors, motion) ---------- */
:root{
  --bw-brown:#301A0B;
  --bw-white:#fff;
  --bw-accent:#e84d73;

  /* menu/dropdown spacing */
  --nav-margin-top: 5px;            /* default (pre-scroll) */
  --nav-margin-top-sticky: 0px;     /* when header is sticky */
  --logo-overhang: 0px;             /* clearance for glossy card overhang */

  /* motion tokens */
  --t: .35s cubic-bezier(.4,0,.2,1);
  --blur: 8px;
}

/* Elementor sometimes hides overflow on sticky wrappers */
.elementor-sticky--effects,
.elementor-sticky--effects.elementor-sticky--active{
  overflow: visible !important;
}

/* ---------- Base (rich brown) ---------- */
#bw-mheader{
  position:relative;
  z-index:9999;
  color:var(--bw-white);
  overflow:visible; /* allow logo card & dropdown to escape */
}
#bw-mheader a{ color:var(--bw-white); text-decoration:none; }

/* Shared smooth transitions */
#bw-mheader .bw-wrap,
#bw-mheader .bw-brand,
#bw-mheader .bw-logo,
#bw-mheader .bw-actions,
#bw-mheader .bw-sicon,
#bw-mheader .bw-btn,
#bw-mheader .bw-menu,
#bw-mheader .bw-nav{
  transition:
    padding var(--t),
    margin var(--t),
    height var(--t),
    max-height var(--t),
    transform var(--t),
    border-radius var(--t),
    background var(--t),
    box-shadow var(--t),
    opacity var(--t),
    backdrop-filter var(--t);
  will-change: transform, height, opacity, padding, margin, max-height, backdrop-filter;
}

#bw-mheader .bw-wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px;
  padding:2px 12px;                 /* default spacing */
  margin:-20px 0 -10px 0;           /* creates the overhang look */
}

/* ---------- LOGO: glossy white card (overhangs outside header) ---------- */
#bw-mheader .bw-brand{
  position:relative; z-index:20;    /* above wrap; below nav */
  display:inline-flex; align-items:center; justify-content:center;
  padding:7px 12px;                 /* card size */
  background:#fff;
  border-radius:6px;
  box-shadow:
    0 3px 20px rgba(0,0,0,.30),
    0 18px 48px rgba(0,0,0,.28),
    inset 0 -15px 5px rgba(0,0,0,.10);
  overflow:hidden; isolation:isolate;
  transform: translateY(18px);      /* push card outside header box */
}
#bw-mheader .bw-brand::after{
  content:""; position:absolute; left:0; right:0; top:0; height:56%;
  background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,0));
  pointer-events:none; /* glossy sheen */
}
#bw-mheader .bw-logo{
  display:block; width:auto; height:95px;   /* BIG like your old grey ref */
  object-fit:contain;
  filter:none; mix-blend-mode:normal; opacity:1;
  position:relative; z-index:1;
}

/* ---------- Right side: grid layout (socials above, then CTA row) ---------- */
#bw-mheader .bw-actions{
  display:grid;
  grid-template-columns: auto auto;   /* [Log Masuk][Burger] on bottom row */
  grid-template-rows: auto auto;      /* top row = socials */
  align-items:center;
  column-gap:10px; row-gap:6px;
}
#bw-mheader .bw-social{
  grid-column:1 / -1;
  display:flex; align-items:center; gap:6px;  /* tighter gap */
}

/* Social chips (rounded squares) — DEFAULT view */
#bw-mheader .bw-sicon{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; line-height:28px; /* slightly smaller, tighter */
  font-size:16px; color:#fff;
  border:0; box-shadow:none;
}
#bw-mheader .bw-sicon i{ line-height:1; }
#bw-mheader .bw-sicon:hover{ transform:scale(1.05); }

/* CTA row positions */
#bw-mheader .bw-btn{ grid-column:1; }
#bw-mheader .bw-menu{ grid-column:2; justify-self:end; }

/* Button + Burger styling */
#bw-mheader .bw-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:38px; padding:0 16px;
  font:500 13px/1 "Poppins",system-ui;
  border-radius:5px; background:var(--bw-accent); color:#fff;
  box-shadow:0 15px 15px rgba(0,0,0,.20);
  margin-top:4px;
}
#bw-mheader .bw-btn:hover{ filter:brightness(1.10); }

#bw-mheader .bw-menu{
  place-items:center;
  width:38px; height:38px; border:0; border-radius:4px;
  background:rgba(0,0,0,.3);
  margin-top:4px;
}
#bw-mheader .bw-menu span{ display:block; width:18px; height:2px; background:#ddd; margin:3px 0; }

/* ---------- Dropdown ---------- */
#bw-mheader .bw-nav{
  position:relative; z-index:30;              /* ABOVE the logo card */
  max-height:0; overflow:hidden; opacity:0; pointer-events:none;
  padding:0 12px;
  margin-top: calc(var(--nav-margin-top) + var(--logo-overhang));
}
.bw-nav-open #bw-mheader .bw-nav{
  max-height:420px; opacity:1; pointer-events:auto; padding-bottom:10px;
}

/* nav items */
#bw-mheader .bw-nav a{
  display:block; padding:8px 5px;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#fff; opacity:.88;
}

/* When the menu is open, neutralize the negative top margin so the menu isn't tucked under the header */
.bw-nav-open #bw-mheader .bw-wrap{ margin-top:-15px; }

/* =========================================================
   Sticky (AFTER scroll) — shrink + icon-only socials + single row
   ========================================================= */
@media (max-width:767px){

  /* Header container: glassy + compact on sticky with smooth transition */
  .elementor-sticky--effects.elementor-sticky--active #bw-mheader .bw-wrap{
    padding:0 10px; margin:0;
    backdrop-filter: blur(var(--blur));
    background: rgba(48,26,11,.65);
    box-shadow: 0 4px 18px rgba(0,0,0,.25);
  }

  /* Logo card smoothly pulls in */
  .elementor-sticky--effects.elementor-sticky--active #bw-mheader .bw-brand{
    transform: translateY(0);
    padding:4px 7px; border-radius:5px;
  }
  .elementor-sticky--effects.elementor-sticky--active #bw-mheader .bw-logo{
    height:40px; /* smooth height transition */
  }

  /* Collapse right side to a single row in sticky for compact height */
  .elementor-sticky--effects.elementor-sticky--active #bw-mheader .bw-actions{
    display:flex; gap:10px; align-items:center; flex-wrap:nowrap;
  }

  /* Socials become icon-only (no chip bg) in sticky */
  .elementor-sticky--effects.elementor-sticky--active #bw-mheader .bw-sicon{
    background:none; width:auto; height:auto; line-height:1;
    font-size:14px; padding:2px; border-radius:0; opacity:.92;
  }

  .elementor-sticky--effects.elementor-sticky--active #bw-mheader .bw-btn{
    height:32px; padding:0 10px; font-size:12px; border-radius:4px; margin:0;
  }
  .elementor-sticky--effects.elementor-sticky--active #bw-mheader .bw-menu{
    width:34px; height:34px; border-radius:4px; margin:0;
  }

  /* Bring menu tight under header when sticky */
  .elementor-sticky--effects.elementor-sticky--active #bw-mheader .bw-nav{
    margin-top: var(--nav-margin-top-sticky);
  }
}

/* =========================================================
   Optional: perfect circle badge for a square icon-style logo
   Add class "logo-glossy--circle" to the header if needed
   ========================================================= */
#bw-mheader.logo-glossy--circle .bw-brand{ border-radius:9999px; padding:8px; }
#bw-mheader.logo-glossy--circle .bw-logo{ height:78px; }

/* --- Dropdown spacing logic (keep overhang = 0, push only when open) --- */
:root{
  --nav-open-offset: 42px;          /* push when OPEN (non-sticky) */
  --nav-open-offset-sticky: 18px;   /* push when OPEN in sticky */
}

/* default (closed) */
#bw-mheader .bw-nav{
  margin-top: calc(var(--nav-margin-top) + var(--logo-overhang)); /* == 5px */
}

/* sticky (closed) */
@media (max-width:767px){
  .elementor-sticky--effects.elementor-sticky--active #bw-mheader .bw-nav{
    margin-top: calc(var(--nav-margin-top-sticky) + var(--logo-overhang)); /* == 0px */
  }
}

/* OPEN: push down only when menu is open */
.bw-nav-open #bw-mheader .bw-nav{
  margin-top: calc(var(--nav-margin-top) + var(--logo-overhang) + var(--nav-open-offset));
}

/* OPEN + sticky */
@media (max-width:767px){
  .bw-nav-open .elementor-sticky--effects.elementor-sticky--active #bw-mheader .bw-nav{
    margin-top: calc(var(--nav-margin-top-sticky) + var(--logo-overhang) + var(--nav-open-offset-sticky));
  }
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  #bw-mheader .bw-wrap,
  #bw-mheader .bw-brand,
  #bw-mheader .bw-logo,
  #bw-mheader .bw-actions,
  #bw-mheader .bw-sicon,
  #bw-mheader .bw-btn,
  #bw-mheader .bw-menu,
  #bw-mheader .bw-nav{
    transition: none !important;
  }
}

/* ===== Submenu (dropdown inside bw-nav) ===== */
#bw-mheader .bw-submenu{
  margin-top:4px;
}

/* Make the toggle look like your top-level anchors */
#bw-mheader .bw-subtoggle{
  display:flex; align-items:center; justify-content:space-between;
  width:100%;
  background:transparent; border:0; color:#fff; text-align:left;
  padding:8px 5px; cursor:pointer; font:inherit;
  border-bottom:1px solid rgba(255,255,255,.10);
  transition: background var(--t), color var(--t), opacity var(--t);
}
#bw-mheader .bw-subtoggle:hover{ opacity:.95; }

/* Caret indicator */
#bw-mheader .bw-caret{
  display:inline-block; width:10px; height:10px;
  transform:rotate(0deg); transition:transform var(--t);
  position:relative;
}
#bw-mheader .bw-caret::before{
  content:""; position:absolute; inset:0;
  border-right:2px solid #fff; border-bottom:2px solid #fff;
  transform:rotate(45deg) translateY(-1px);
}

/* Collapsible panel */
#bw-mheader .bw-sublist{
  max-height:0; overflow:hidden; opacity:0;
  transition:max-height var(--t), opacity var(--t), margin-top var(--t);
  margin-left:10px; /* indent children */
  border-left:1px dashed rgba(255,255,255,.15);
}

/* Child links styling (inherits your base) */
#bw-mheader .bw-sublist a{
  padding:8px 5px 8px 12px; /* extra left pad to align after border */
  border-bottom:1px solid rgba(255,255,255,.08);
  display:block;
}

/* Open state */
#bw-mheader .bw-submenu.open .bw-sublist{
  max-height:300px; /* enough for 3–6 items; adjust if you add more */
  opacity:1; margin-top:6px;
}
#bw-mheader .bw-submenu.open .bw-caret{ transform:rotate(90deg); }/* End custom CSS */