/* Edge-to-edge catalogue with bounded, independent category scrolling. */
.ob-header .ob-mega-toggle{display:flex;align-items:center;gap:10px;flex:0 0 270px;height:42px;padding:0 15px;border:1px solid transparent;border-radius:7px;background:var(--header-accent);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s,box-shadow .18s}
.ob-header .ob-mega-toggle:hover,.ob-header .ob-mega-toggle[aria-expanded="true"]{background:#a94000;box-shadow:0 3px 10px #a940001c}
.ob-mega-toggle .ob-header-icon{width:19px;height:19px}
.ob-mega-close-icon{display:none}
.ob-mega-toggle-arrow{margin-left:auto;transition:transform .25s}
.ob-mega-toggle-arrow .ob-header-icon{width:15px;height:15px}
.ob-mega-toggle[aria-expanded="true"] .ob-mega-toggle-arrow{transform:rotate(180deg)}
.ob-mega-toggle[aria-expanded="true"] .ob-mega-open-icon{display:none}
.ob-mega-toggle[aria-expanded="true"] .ob-mega-close-icon{display:block}
.ob-mega-panel,.ob-mega-backdrop{position:fixed;left:0;right:0;top:var(--ob-mega-top,180px);opacity:0;visibility:hidden;pointer-events:none}
.ob-mega-panel[hidden],.ob-mega-backdrop[hidden]{display:none!important}
.ob-mega-backdrop{bottom:0;z-index:1017;background:#18232d30;transition:opacity .25s ease,visibility 0s .32s}
.ob-mega-panel{z-index:1018;height:min(60vh,var(--ob-mega-space,60vh));height:min(60dvh,var(--ob-mega-space,60dvh));max-height:60vh;max-height:60dvh;overflow:hidden;background:#fff;color:#252b32;box-shadow:0 14px 26px #18232d1a;border-top:1px solid #e3e7eb;border-bottom:1px solid #e3e7eb;font-size:14px;line-height:1.5;transform:translateY(-24px);clip-path:inset(0 0 100% 0);transition:opacity .25s ease,transform .32s cubic-bezier(.16,1,.3,1),clip-path .32s cubic-bezier(.16,1,.3,1),visibility 0s .32s}
.ob-mega-panel.is-open,.ob-mega-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.ob-mega-panel.is-open{transform:translateY(0);clip-path:inset(0 0 0 0)}
.ob-mega-panel *{box-sizing:border-box}
.ob-mega-layout{display:grid;grid-template-columns:minmax(240px,25%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%;min-height:0;width:100%;max-width:none;padding:0;margin:0}
.ob-mega-sidebar{display:flex;flex-direction:column;min-height:0;background:#f3f5f7;border-right:1px solid #e3e7eb}
.ob-mega-sidebar-label{display:none}
.ob-mega-roots{display:flex;flex:1;flex-direction:column;gap:3px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--primary,#ec6608) #f3f5f7;padding:20px 16px 16px}
.ob-mega-root-item{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:stretch;flex-shrink:0;border:0;border-radius:4px;transition:background .15s ease}
.ob-mega-root-item:hover,.ob-mega-root-item.is-active{background:#fff}

.ob-mega-category{display:flex;align-items:center;gap:12px;min-width:0;width:100%;padding:11px 10px;border:0;border-radius:4px;background:transparent;color:#404852;font:inherit;font-size:14px;font-weight:500;line-height:1.45;text-align:left;cursor:pointer;transition:color .18s}
.ob-mega-category>img{display:block;width:25px;height:25px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}
.ob-mega-category>span{flex:1;min-width:0;overflow-wrap:anywhere}
.ob-mega-root-item:hover .ob-mega-category,.ob-mega-category.is-active{color:#a94000}
.ob-mega-category.is-active{font-weight:500}
.ob-mega-root-link{display:flex;align-items:center;justify-content:center;color:#8c959f;text-decoration:none;border-radius:0 4px 4px 0;transition:color .18s,background .18s}
.ob-mega-root-link .ob-header-icon{width:14px;height:14px;transform:rotate(-90deg)}
.ob-mega-root-link:hover,.ob-mega-root-item.is-active .ob-mega-root-link{color:#a94000;background:transparent}
.ob-mega-all{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;min-height:46px;padding:12px 28px;border-top:1px solid #e3e7eb;background:#f3f5f7;color:#a94000;font-size:12px;font-weight:600;text-decoration:none}
.ob-mega-all:hover{background:#fff5ed;color:#943800}
.ob-mega-details{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}
.ob-mega-content{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--primary,#ec6608) #f3f5f7;padding:28px clamp(24px,3vw,56px);opacity:1;transform:translateY(0);transition:opacity .1s ease,transform .1s ease}
.ob-mega-content.is-changing{opacity:0;transform:translateY(-5px)}
.ob-mega-content.is-entering{animation:ob-mega-content-in .26s cubic-bezier(.16,1,.3,1) both}
@keyframes ob-mega-content-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.ob-mega-content .card-columns{column-count:3;column-gap:32px}
.ob-mega-content .card{display:inline-block;width:100%;margin:0 0 24px;border:0;background:transparent;break-inside:avoid}
.ob-mega-content .card ul{padding:0!important;margin:0!important;list-style:none}
.ob-mega-content .card li{padding:0!important;margin:0 0 9px!important;font-size:14px!important;line-height:1.6}
.ob-mega-content .card li:first-child{margin-bottom:12px!important;font-size:15px!important;line-height:1.45;font-weight:600!important}
.ob-mega-content .card a{color:#626b75!important;text-decoration:none}
.ob-mega-content .card li:first-child a{color:#303943!important}
.ob-mega-content .card a:hover{color:#a94000!important;text-decoration:none}
.ob-mega-loading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;min-height:180px;padding-top:4px}
.ob-mega-loading span{display:block;height:130px;border-radius:5px;background:linear-gradient(100deg,#f0f2f4 20%,#fafbfc 45%,#f0f2f4 70%);background-size:220% 100%;animation:ob-mega-shimmer 1s linear infinite}
@keyframes ob-mega-shimmer{to{background-position:-220% 0}}
.ob-mega-error{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:15px 0;color:#626b75}
.ob-mega-error button{min-height:40px;padding:8px 14px;border:1px solid #e3e7eb;border-radius:5px;background:#fff;color:#a94000;cursor:pointer}
.ob-mega-panel :is(a,button):focus-visible,.ob-header [data-mega-trigger]:focus-visible{outline:2px solid #c04a08;outline-offset:-2px}
.ob-mega-mobile-heading,.ob-mega-mobile-links{display:none}
.ob-mega-panel [data-mega-close]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;padding:7px;border:1px solid #e3e7eb;border-radius:6px;background:#fff;color:#69717a;cursor:pointer;transition:color .18s,border-color .18s,background .18s}
.ob-mega-panel [data-mega-close]:hover{border-color:#edc6aa;background:#fff5ed;color:#a94000}
.ob-mega-panel [data-mega-close] .ob-header-icon{width:20px;height:20px}
body.ob-mega-open{overflow:hidden}
.home-banner-area .home-slider{width:100%!important;max-width:100%!important}
@media(max-width:1199.98px){.ob-header .ob-mega-toggle{flex-basis:180px}.ob-mega-content .card-columns{column-count:2}.ob-mega-roots{padding:18px 10px 12px}.ob-mega-category{font-size:13px;gap:10px}}
/* Mobile has one vertical list and one clear back action at each level. */
.ob-mega-mobile-browser,.ob-mega-mobile-arrow{display:none}
@media(max-width:991.98px){
.ob-mega-panel{z-index:1096}
.ob-mega-backdrop{z-index:1095}
.ob-mega-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
.ob-mega-mobile-heading{grid-column:1;grid-row:1;display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 14px;border-bottom:1px solid #e3e7eb;background:#fff}
.ob-mega-mobile-heading h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;flex:1;min-width:0;margin:0;font-size:16px;font-weight:600;line-height:1.35;outline:0}
.ob-mega-panel .ob-mega-back{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;min-height:40px;padding:6px 0;border:0;border-radius:4px;background:transparent;color:#626b75;font:inherit;font-size:12px;cursor:pointer}
.ob-mega-panel .ob-mega-back[hidden]{display:none!important}
.ob-mega-back .ob-header-icon{width:19px;height:19px;transform:rotate(90deg)}
.ob-mega-panel .ob-mega-mobile-heading [data-mega-close]{width:40px;height:40px}
.ob-mega-sidebar{grid-column:1;grid-row:2;display:flex;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0;border:0;background:#fff}
.ob-mega-roots{display:flex;flex:0 0 auto;flex-direction:column;gap:0;min-height:0;overflow:visible;scrollbar-gutter:auto;padding:4px 0}
.ob-mega-root-item{display:block;flex:0 0 auto;width:100%;max-width:none;min-height:54px;border:0;border-radius:0;background:#fff}
.ob-mega-root-item.is-active,.ob-mega-root-item:hover{border:0;background:#fff}
.ob-mega-category{min-height:54px;padding:12px 16px;gap:12px;border-radius:0;color:#303943;font-size:14px;line-height:1.45;font-weight:500}
.ob-mega-category.is-active,.ob-mega-root-item:hover .ob-mega-category{color:#303943;font-weight:500}
.ob-mega-category:active{background:#fff5ed}
.ob-mega-category>img{width:25px;height:25px}
.ob-mega-category .ob-mega-mobile-arrow{display:flex;align-items:center;flex:0 0 auto;margin-left:auto;color:#929ba5}
.ob-mega-mobile-arrow .ob-header-icon{width:18px;height:18px;transform:rotate(-90deg)}
.ob-mega-root-link{display:none}
.ob-mega-all{display:flex;flex:0 0 auto;min-height:50px;padding:13px 16px;border-top:1px solid #eef0f2;background:#fff;color:#a94000;font-size:13px}
.ob-mega-mobile-links{display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:visible;flex-shrink:0;padding:14px 0 10px;margin-top:4px;border-top:6px solid #f3f5f7;background:#fff;white-space:normal}
.ob-mega-mobile-links-label{padding:0 16px 7px;color:#7a838d;font-size:11px;font-weight:600}
.ob-mega-mobile-links>a{display:flex;align-items:center;min-height:46px;padding:11px 16px;color:#4f5964;font-size:14px;text-decoration:none}
.ob-mega-mobile-links>a[aria-current="page"]{color:#a94000}
.ob-mega-details{grid-column:1;grid-row:2;display:none;min-height:0}
.ob-mega-content{display:none}
.ob-mega-panel[data-mobile-view="children"] .ob-mega-sidebar{display:none}
.ob-mega-panel[data-mobile-view="children"] .ob-mega-details{display:flex}
.ob-mega-mobile-browser{display:block;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff}
.ob-mega-mobile-browser.is-entering{animation:ob-mega-content-in .18s ease-out both}
.ob-mega-drill-row{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:54px;margin:0;padding:14px 16px;border:0;border-bottom:1px solid #eef0f2;border-radius:0;background:#fff;color:#303943;font:inherit;font-size:14px;line-height:1.5;text-align:left;text-decoration:none;cursor:pointer}
.ob-mega-drill-row>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
.ob-mega-drill-arrow{display:flex;align-items:center;flex:0 0 auto;color:#929ba5}
.ob-mega-drill-row:hover,.ob-mega-drill-row:active{background:#fff8f2;color:#a94000;text-decoration:none}
.ob-mega-drill-row.is-all{background:#fff8f2;color:#a94000;font-size:13px;font-weight:600}
.ob-mega-drill-row.is-all .ob-mega-drill-arrow{color:#a94000}
.ob-mega-mobile-loading{display:flex;align-items:center;gap:10px;min-height:80px;padding:20px 16px;color:#69717a;font-size:14px}
.ob-mega-mobile-loading::before{content:'';width:17px;height:17px;border:2px solid #e3e7eb;border-top-color:#c04a08;border-radius:50%;animation:ob-mega-mobile-spin .7s linear infinite}
.ob-mega-mobile-browser .ob-mega-error{padding:20px 16px}
@keyframes ob-mega-mobile-spin{to{transform:rotate(360deg)}}
}
@media(prefers-reduced-motion:reduce){.ob-mega-panel,.ob-mega-backdrop,.ob-mega-toggle,.ob-mega-toggle-arrow,.ob-mega-panel *{animation:none!important;transition:none!important}}

/* Match catalogue scrolling to the page, with a stable content width. */
.ob-mega-content,.ob-mega-roots{scrollbar-gutter:stable}
.ob-mega-content::-webkit-scrollbar,.ob-mega-roots::-webkit-scrollbar{width:6px;height:6px}
.ob-mega-content::-webkit-scrollbar-track,.ob-mega-roots::-webkit-scrollbar-track{background:#f3f5f7}
.ob-mega-content::-webkit-scrollbar-thumb,.ob-mega-roots::-webkit-scrollbar-thumb{border:1px solid #f3f5f7;border-radius:10px;background:var(--primary,#ec6608);background-clip:padding-box}
.ob-mega-content::-webkit-scrollbar-thumb:hover,.ob-mega-roots::-webkit-scrollbar-thumb:hover{background-color:#c04a08}
@supports selector(::-webkit-scrollbar){.ob-mega-content,.ob-mega-roots{scrollbar-width:auto;scrollbar-color:auto}}
@media(max-width:575.98px){.ob-mega-roots{scrollbar-gutter:auto}}

@media(max-width:991.98px){
.ob-mega-sidebar,.ob-mega-mobile-browser{scrollbar-width:thin;scrollbar-color:var(--primary,#ec6608) #f4f5f7}
.ob-mega-sidebar::-webkit-scrollbar,.ob-mega-mobile-browser::-webkit-scrollbar{width:6px}
.ob-mega-sidebar::-webkit-scrollbar-track,.ob-mega-mobile-browser::-webkit-scrollbar-track{background:#f4f5f7}
.ob-mega-sidebar::-webkit-scrollbar-thumb,.ob-mega-mobile-browser::-webkit-scrollbar-thumb{border:1px solid #f4f5f7;border-radius:10px;background:var(--primary,#ec6608);background-clip:padding-box}
@supports selector(::-webkit-scrollbar){.ob-mega-sidebar,.ob-mega-mobile-browser{scrollbar-width:auto;scrollbar-color:auto}}
}