.bb-mobile-toggle{display:none}
.bb-mobile-menu{box-sizing:border-box;position:fixed;inset:0 0 0 auto;width:min(440px,100%);height:100dvh;max-height:100dvh;max-width:100%;margin:0;padding:0;border:0;background:#fafaf8;color:#141918;overflow:auto;overscroll-behavior:contain;box-shadow:-12px 0 48px #0003;font-family:inherit}
.bb-mobile-menu::backdrop{background:#101713aa;backdrop-filter:blur(4px)}
.bb-mobile-menu[open]{animation:bb-menu-in .22s ease-out}
.bb-mobile-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fafaf8;border-bottom:1px solid #deded8}
.bb-mobile-top span{font-size:20px;font-weight:600;letter-spacing:0}
.bb-mobile-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #deded8;border-radius:50%;background:transparent;color:#141918;font-size:28px;cursor:pointer}
.bb-mobile-body{padding:12px 24px 28px}
.bb-mobile-menu a{color:inherit;text-decoration:none;letter-spacing:0}
.bb-mobile-home,.bb-mobile-overview,.bb-mobile-simple{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid #deded8;font-size:17px;font-weight:500}
.bb-mobile-overview{color:#a76500!important;font-weight:600}
.bb-mobile-group{border-bottom:1px solid #deded8}
.bb-mobile-group summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;list-style:none;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:0;text-transform:none}
.bb-mobile-group summary::-webkit-details-marker{display:none}
.bb-mobile-group summary:after{content:'+';font-size:23px;color:#a76500;font-weight:400}
.bb-mobile-group[open] summary:after{content:'−'}
.bb-mobile-group div{padding:0 0 12px 12px;border-left:2px solid #ed991a;margin:0 0 14px}
.bb-mobile-group div a{display:block;padding:12px 10px;font-size:15px;line-height:1.4;min-height:44px;box-sizing:border-box}
.bb-mobile-group strong{font-weight:400}
.bb-mobile-lang{display:flex;gap:10px;padding:22px 0}
.bb-mobile-lang a{display:flex;align-items:center;justify-content:center;min-width:54px;min-height:42px;border:1px solid #deded8;border-radius:5px;font-size:14px}
.bb-mobile-lang a[aria-current=page]{background:#141918;color:white;border-color:#141918}
.bb-mobile-cta{display:block;text-align:center;padding:16px 12px;background:#ed991a;color:#141918!important;font-size:15px;font-weight:600;border-radius:4px;line-height:1.4}
.bb-mobile-phone{display:block;text-align:center;padding:18px 8px;font-size:16px}
.bb-mobile-menu a:focus-visible,.bb-mobile-menu button:focus-visible,.bb-mobile-group summary:focus-visible{outline:2px solid #ed991a;outline-offset:3px}
@keyframes bb-menu-in{from{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:1000px){
 body>header nav.catalog-nav{display:none!important}
 body>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:76px;box-sizing:border-box}
 .bb-mobile-toggle{display:flex;align-items:center;justify-content:center;gap:9px;margin-left:auto;min-height:44px;padding:10px 14px;border:1px solid currentColor;border-radius:5px;background:transparent;color:inherit;font:500 14px/1.2 Arial,sans-serif;cursor:pointer}
 .bb-mobile-toggle svg{width:20px;height:20px;flex-shrink:0}
 body.intro-at-top>header:not(.scrolled) .bb-mobile-toggle{color:#fff}
 .bb-mobile-toggle:focus-visible{outline:2px solid #ed991a;outline-offset:4px}
}
@media(prefers-reduced-motion:reduce){.bb-mobile-menu[open]{animation:none}}

body .bb-mobile-menu nav.bb-mobile-body{display:block!important;box-sizing:border-box;width:100%;max-width:none;gap:0;overflow:visible;position:static;padding:12px 24px 28px;margin:0;background:transparent}
body .bb-mobile-menu nav.bb-mobile-body a{display:block!important;white-space:normal;padding-left:0;padding-right:0}
body .bb-mobile-menu nav.bb-mobile-body .bb-mobile-lang{display:flex}
body .bb-mobile-menu nav.bb-mobile-body .bb-mobile-lang a{display:flex!important}
body .bb-mobile-menu .bb-mobile-group{width:100%}

body .bb-mobile-menu .bb-mobile-group{margin:0;padding:0;background:transparent;border-radius:0;box-shadow:none}
body .bb-mobile-menu .bb-mobile-group summary{box-sizing:border-box;padding:14px 0;margin:0;min-height:54px;line-height:1.4;background:transparent;border:0;font-size:16px}
body .bb-mobile-menu nav.bb-mobile-body a{margin:0;box-sizing:border-box}

@media(max-width:1000px){body>header .mega-panel,body>header .mega-backdrop{display:none!important}}

/* Brand styling and clear navigation hierarchy. */
.bb-mobile-menu[open]{animation:bb-menu-brand-in .34s cubic-bezier(.22,1,.36,1)}
.bb-mobile-menu::backdrop{animation:bb-backdrop-in .25s ease}
.bb-mobile-top{padding:12px 20px;background:#141918;border-bottom:3px solid #ed991a}
.bb-mobile-brand{display:block;line-height:0}
.bb-mobile-brand img{display:block;object-fit:contain;width:72px;height:72px}
.bb-mobile-close{color:#fff;border-color:#ffffff35;background:#ffffff08;transition:background .2s,transform .2s}
.bb-mobile-close:hover{background:#ed991a;color:#141918;transform:rotate(90deg)}
body .bb-mobile-menu nav.bb-mobile-body{padding:18px 20px 28px}
body .bb-mobile-menu nav.bb-mobile-body>.bb-mobile-home{font-size:14px;min-height:42px;color:#59615b;border:0;padding:8px 4px}
body .bb-mobile-menu nav.bb-mobile-body>.bb-mobile-overview{position:relative;background:#141918;color:#fff!important;border:0;border-left:4px solid #ed991a;border-radius:8px;padding:17px 18px;margin:6px 0 18px;font-size:18px;font-weight:600}
.bb-mobile-overview:after{content:'↗';float:right;color:#ed991a;font-size:20px}
body .bb-mobile-menu .bb-mobile-group{box-sizing:border-box;border:1px solid #e0e2db;background:white;border-radius:8px;margin:0 0 9px;transition:border-color .2s,box-shadow .2s}
body .bb-mobile-menu .bb-mobile-group[open]{border-color:#e6ae54;box-shadow:0 5px 20px #14191808}
body .bb-mobile-menu .bb-mobile-group summary{padding:16px;min-height:58px;font-size:15px;font-weight:600}
.bb-mobile-group summary:after{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f7eddd;color:#a76500;font-size:20px;flex-shrink:0;margin-left:12px}
body .bb-mobile-menu .bb-mobile-group div{margin:0 16px 14px;padding:0 0 0 12px;border-left:2px solid #ed991a}
body .bb-mobile-menu .bb-mobile-group div a{padding:11px 8px!important;font-size:14px;color:#555d57;transition:color .18s,background .18s,transform .18s;border-radius:4px}
body .bb-mobile-menu .bb-mobile-group div a:hover{color:#141918;background:#f6f3ed;transform:translateX(3px)}
body .bb-mobile-menu nav.bb-mobile-body>.bb-mobile-simple{padding:14px 16px;margin:0 0 9px;border:1px solid #e0e2db;border-radius:8px;background:#fff;font-size:15px;font-weight:600;min-height:52px}
.bb-mobile-simple:after{content:'›';float:right;color:#a76500;font-size:20px}
.bb-mobile-cta{box-shadow:0 4px 16px #ed991a24;transition:background .18s,transform .18s}
.bb-mobile-cta:hover{background:#ffad27;transform:translateY(-1px)}
@media(max-width:1000px){.bb-mobile-toggle{width:46px;height:46px;padding:11px;border-radius:8px;border-color:#ed991a80;background:#ed991a0d}.bb-mobile-toggle svg{width:23px;height:23px}}
@keyframes bb-menu-brand-in{from{transform:translateX(70px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes bb-backdrop-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.bb-mobile-menu[open],.bb-mobile-menu::backdrop{animation:none}.bb-mobile-menu *{transition:none!important}}

body .bb-mobile-menu .bb-mobile-group div a.bb-mobile-current{color:#141918;background:#fff0d6;font-weight:600;border-left:2px solid #ed991a;padding-left:8px!important}

/* SVG strokes keep plus/minus geometrically centered across fonts. */
body .bb-mobile-menu .bb-mobile-group summary:after{content:'';width:26px;height:26px;padding:0;line-height:1;background-color:#f7eddd;background-position:center;background-repeat:no-repeat;background-size:14px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10h12M10 4v12' fill='none' stroke='%23a76500' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")}
body .bb-mobile-menu .bb-mobile-group[open] summary:after{content:'';background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10h12' fill='none' stroke='%23a76500' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")}
body .bb-mobile-menu nav.bb-mobile-body a.bb-mobile-whatsapp{display:flex!important;align-items:center;justify-content:center;gap:10px;padding:14px 12px;border:1px solid #2db56560;border-radius:7px;background:#edf7ef;color:#1e6639;font-size:15px;font-weight:600;min-height:50px;transition:background .18s,transform .18s}
.bb-mobile-whatsapp img{display:block;flex-shrink:0}
body .bb-mobile-menu nav.bb-mobile-body a.bb-mobile-whatsapp:hover{background:#dff1e4;transform:translateY(-1px)}

@media(max-width:1000px){
 body>header{height:76px!important;min-height:76px!important;padding-top:7px!important;padding-bottom:7px!important}
 body>header .brand-logo{width:60px!important;height:60px!important}
}
body .bb-mobile-menu nav.bb-mobile-body>.bb-mobile-overview{margin-top:0}

.bb-mobile-header-actions{display:none}
@media(max-width:1000px){
 .bb-mobile-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
 .bb-mobile-header-actions .bb-mobile-toggle{margin-left:0}
 body>header a.bb-mobile-header-contact{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;box-sizing:border-box;border:1px solid #ed991a80;border-radius:8px;background:#ed991a0d;color:inherit;text-decoration:none;transition:background .18s,border-color .18s}
 .bb-mobile-header-contact svg{width:20px;height:20px}
 body>header a.bb-mobile-header-contact:hover{background:#ed991a25;border-color:#ed991a}
 body>header a.bb-mobile-header-contact:focus-visible{outline:2px solid #ed991a;outline-offset:3px}
 body.intro-at-top>header:not(.scrolled) a.bb-mobile-header-contact{color:#fff}
}
@media(max-width:350px){.bb-mobile-header-actions{gap:5px}}

@media(max-width:350px){.bb-mobile-header-actions{gap:3px}body>header{gap:8px!important;padding-left:4%!important;padding-right:4%!important}.bb-mobile-header-actions .bb-mobile-toggle{width:44px}}

.bb-mobile-header-whatsapp img{display:block;width:20px;height:20px;object-fit:contain}
@media(max-width:420px){
 .bb-mobile-header-actions{gap:3px}
 body>header{gap:6px!important;padding-left:4%!important;padding-right:4%!important}
 body>header a.bb-mobile-header-contact,.bb-mobile-header-actions .bb-mobile-toggle{width:40px;height:44px;padding:8px;border-radius:6px}
}
@media(max-width:350px){body>header .brand-logo{width:48px!important;height:48px!important}.bb-mobile-header-actions{gap:2px}}

/* Compact contact group centered independently from the menu control. */
@media(max-width:1000px){
 .bb-mobile-header-actions{position:absolute;left:50%;transform:translateX(-50%);margin:0;gap:3px}
 body>header a.bb-mobile-header-contact{width:34px;height:40px;padding:7px;border:0;background:transparent;border-radius:5px}
 .bb-mobile-header-contact svg,.bb-mobile-header-whatsapp img{width:17px;height:17px}
 body>header>.bb-mobile-toggle{margin-left:auto;width:46px;height:46px;padding:11px;border:1px solid #ed991a80;background:#ed991a0d;border-radius:8px}
}
@media(max-width:350px){.bb-mobile-header-actions{gap:0}body>header a.bb-mobile-header-contact{width:30px}}

@media(max-width:1000px){
 body>header .bb-mobile-header-whatsapp img{filter:brightness(0);transition:filter .2s ease}
 body.intro-at-top>header:not(.scrolled) .bb-mobile-header-whatsapp img{filter:brightness(0) invert(1)}
}

body .bb-mobile-menu nav.bb-mobile-body>.bb-mobile-simple,
body .bb-mobile-menu .bb-mobile-group summary{
 display:flex!important;align-items:center;justify-content:space-between;
 box-sizing:border-box;min-height:58px;padding:14px 16px;line-height:1.4;
}
body .bb-mobile-menu nav.bb-mobile-body>.bb-mobile-simple:after{float:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;margin-left:12px;line-height:1}

@media(max-width:1000px){html,body{overflow-x:clip}.bb-mobile-menu{overflow-x:hidden}body>header{max-width:100%;box-sizing:border-box}}