/* OEREP compact category navigation. Isolated from legacy gnb hover handlers. */
#gnb.om-nav{position:relative;background:#131619;z-index:990;text-align:left}
#gnb.om-nav *,.om-mobile *{box-sizing:border-box}
#gnb.om-nav .om-top-list{display:flex;flex-wrap:wrap;align-items:stretch;max-width:1500px;margin:0 auto;padding:0 10px;list-style:none}
#gnb.om-nav li{list-style:none;line-height:normal}
#gnb.om-nav .om-top-item{position:relative;display:flex;align-items:center;padding:0 12px;white-space:normal}
#gnb.om-nav .om-parent-link{display:flex;align-items:center;min-height:60px;padding:0 8px;font-size:14px;font-weight:600;color:#d5d7da;text-decoration:none;white-space:nowrap}
#gnb.om-nav .om-top-item.is-open{background:#e83743}
#gnb.om-nav .om-top-item.is-open>.om-parent-link{color:#fff}
#gnb.om-nav .om-toggle{position:static;width:28px;height:44px;padding:0;border:0;background:none;color:#eee;font-size:18px;cursor:pointer}
#gnb.om-nav .om-panel{position:absolute;top:100%;left:var(--om-left,0px);z-index:1005;display:block;width:620px;max-width:calc(100vw - 24px);padding:20px 22px 0;background:#fff;border:1px solid #e4e5e8;border-top:3px solid #e83743;border-radius:0 0 8px 8px;box-shadow:0 12px 28px rgba(0,0,0,.16);color:#222;white-space:normal;line-height:1.5}
#gnb.om-nav .om-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
#gnb.om-nav .om-panel-heading strong{font-size:15px;font-weight:600}
#gnb.om-nav .om-panel-heading>span{font-size:12px;color:#6d7077}
#gnb.om-nav .om-grid,.om-mobile .om-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 12px;margin:0;padding:0;list-style:none;column-count:auto}
#gnb.om-nav .om-grid>li,.om-mobile .om-grid>li{display:block;margin:0;padding:0;border:0;min-width:0;line-height:normal}
#gnb.om-nav .om-brand-grid{max-height:min(360px,var(--om-list-height,360px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}
#gnb.om-nav .om-child-link,.om-mobile .om-child-link{display:flex;align-items:center;min-height:44px;padding:10px 9px;background:#fff;color:#333;font-size:13px;line-height:1.55;font-weight:400;border-radius:4px;text-decoration:none;overflow-wrap:anywhere;white-space:normal}
#gnb.om-nav .om-child-link:hover,#gnb.om-nav .om-child-link[aria-current="page"],.om-mobile .om-child-link:hover,.om-mobile .om-child-link[aria-current="page"]{background:#fff0f1;color:#c52133}
.om-footer{display:flex;justify-content:flex-end;border-top:1px solid #ececf0;margin-top:12px}
#gnb.om-nav .om-footer>a,.om-mobile .om-footer>a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:8px 0;color:#bf2333;font-size:13px;font-weight:500;line-height:1.5;text-decoration:none}
#gnb.om-nav .om-search-label,.om-mobile .om-search-label{display:block;font-size:12px;line-height:1.5;color:#62666d;margin:0 0 6px}
#gnb.om-nav .om-search,.om-mobile .om-search{display:block;width:100%;height:42px;border:1px solid #d8dbe0;border-radius:5px;padding:8px 12px;font:inherit;font-size:16px;line-height:1.5;color:#222;background:#fafafb}
#gnb.om-nav .om-result-status,.om-mobile .om-result-status{font-size:12px;color:#6d7077;line-height:1.5;margin:9px 0}
#gnb.om-nav .om-factory-grid{max-height:min(205px,var(--om-factory-height,205px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
#gnb.om-nav .om-empty,.om-mobile .om-empty{padding:12px 4px;margin:0;font-size:13px;line-height:1.6;color:#676b72}
#gnb.om-nav [hidden],.om-mobile [hidden]{display:none!important}
#gnb.om-nav a:focus-visible,#gnb.om-nav button:focus-visible,#gnb.om-nav input:focus-visible,.om-mobile a:focus-visible,.om-mobile button:focus-visible,.om-mobile input:focus-visible{outline:2px solid #c52133;outline-offset:-2px}
.om-mobile{background:#fff;color:#26282d}
.om-mobile ul{list-style:none;margin:0;padding:0}
.om-mobile .om-mobile-root>.om-mobile-item{border-bottom:1px solid #eceef1}
.om-mobile .om-mobile-row{display:flex;align-items:stretch;min-width:0}
.om-mobile .om-mobile-link{display:flex;flex:1;align-items:center;min-width:0;min-height:48px;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.55;color:#303238;text-decoration:none;overflow-wrap:anywhere}
.om-mobile .om-mobile-toggle{position:static;flex:0 0 44px;width:44px;height:48px;margin:0;padding:0;border:0;text-indent:0;overflow:visible;background:transparent;color:#777;font-size:18px;line-height:1;cursor:pointer}
.om-mobile .is-open>.om-mobile-row{background:#fff0f1}
.om-mobile .is-open>.om-mobile-row>.om-mobile-link,.om-mobile .is-open>.om-mobile-row>.om-mobile-toggle{color:#c52133}
.om-mobile .om-mobile-panel{padding:10px 12px 0;background:#fff}
.om-mobile .om-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}
.om-mobile .om-mobile-grid>.om-mobile-item{min-width:0;background:#fafafb;border:1px solid #eff0f3;border-radius:4px}
.om-mobile .om-mobile-grid>.om-mobile-item.is-open{grid-column:1/-1}
.om-mobile .om-mobile-grid .om-mobile-link{padding:10px 8px;font-size:13px;font-weight:400;min-height:44px}
.om-mobile .om-mobile-grid .om-mobile-toggle{height:44px}
.om-mobile .om-mobile-grid .om-mobile-panel{padding:8px}
.om-mobile .om-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}
.om-mobile .om-child-link{background:#fafafb;border:1px solid #eff0f3}
.om-mobile .om-footer{margin-top:8px}
.om-mobile .om-footer>a{width:100%;padding:10px 6px}
#category .om-mobile{clear:both}
#category.om-desktop-drawer{z-index:1100;max-width:100vw}
#category.om-desktop-drawer .ct_wr{height:calc(100% - 61px);overflow-y:auto;overscroll-behavior:contain}
#category .om-drawer-orders{display:block;padding:15px 16px;border-top:1px solid #eceef1;color:#303238;font-size:14px;line-height:1.6}
@media(max-width:700px){#gnb.om-nav .om-top-list{padding:0 4px}#gnb.om-nav .om-top-item{padding:0 5px}#gnb.om-nav .om-parent-link{font-size:13px;padding:0 5px}#gnb.om-nav .om-panel{padding:16px 14px 0}#gnb.om-nav .om-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
