.nn-preview-page,.nn-header,.nn-bottom,.nn-drawer{--nn-navy:#083747;--nn-navy-2:#0c4a5c;--nn-green:#79c842;--nn-green-soft:#eef8e9;--nn-line:#e2e9ec;--nn-muted:#71828b;--nn-bg:#f6f9f8;--nn-card:#fff;--nn-shadow:0 18px 50px rgba(15,53,65,.10)}
.nn-preview-page,.nn-preview-page *,.nn-header,.nn-header *,.nn-bottom,.nn-bottom *,.nn-drawer,.nn-drawer *,.nn-backdrop{box-sizing:border-box}.nn-header,.nn-bottom,.nn-drawer{direction:rtl}.nn-preview-page{margin:0;background:var(--nn-bg);color:var(--nn-navy);font-family:inherit}.nn-icon{width:20px;height:20px;display:block}.nn-demo-note{padding:9px 20px;text-align:center;background:#eef6eb;color:#4d7e33;font-size:12px;border-bottom:1px solid #dfead9}.nn-container{max-width:1440px;margin:auto;padding:0 28px}.nn-header{background:#fff;border-bottom:1px solid var(--nn-line);position:relative;z-index:30}.nn-header-row{height:86px;display:flex;align-items:center;gap:30px}.nn-logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--nn-navy);min-width:max-content}.nn-logo>span{font-size:22px;font-weight:800;line-height:.9;letter-spacing:.02em}.nn-logo b{display:block;color:var(--nn-green);font-size:10px;letter-spacing:.18em;margin-top:5px}.nn-logo-img{display:block;max-width:118px;max-height:48px;width:auto;height:auto}.nn-desktop-nav{flex:1}.nn-desktop-nav ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.nn-nav-item{position:relative}.nn-nav-item>a{display:flex;align-items:center;gap:5px;position:relative;padding:12px 13px;border-radius:11px;color:#183b46;text-decoration:none;font-size:14px;font-weight:500;transition:.18s ease}.nn-nav-item>a:hover,.nn-nav-item:focus-within>a{background:#f2f7f5;color:#0a5265}.nn-nav-chevron{width:14px;height:14px;transform:rotate(90deg);transition:.18s}.has-products.is-open>a .nn-nav-chevron,.has-products:hover>a .nn-nav-chevron{transform:rotate(270deg)}.nn-badge-count{position:absolute;top:-4px;left:-3px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#e85745;color:#fff;font-style:normal;font-size:9px;line-height:1}.nn-mega{position:fixed;left:50%;top:0;width:min(980px,calc(100vw - 48px));transform:translate(-50%,12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .18s ease;z-index:80}.has-products.is-open .nn-mega,.has-products:hover .nn-mega,.has-products:focus-within .nn-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.nn-mega-shell{background:#fff;border:1px solid var(--nn-line);border-radius:20px;box-shadow:0 26px 70px rgba(15,43,51,.16);padding:20px}.nn-mega-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 4px 16px;border-bottom:1px solid var(--nn-line)}.nn-mega-top>div{display:grid;gap:4px}.nn-mega-top small{font-size:10px;letter-spacing:.14em;color:#69a840;font-weight:700}.nn-mega-top strong{font-size:17px}.nn-view-all{display:inline-flex;align-items:center;gap:4px;color:#4f8c2d;text-decoration:none;font-size:12px}.nn-view-all .nn-icon{width:15px;height:15px}.nn-cat-grid{display:grid;grid-template-columns:repeat(var(--nn-cols,3),minmax(0,1fr));gap:10px;padding-top:16px;max-height:min(60vh,510px);overflow:auto}.nn-cat-card{display:grid;grid-template-columns:40px 1fr 16px;align-items:center;gap:10px;padding:13px;border:1px solid #ebf0f2;border-radius:14px;text-decoration:none;color:var(--nn-navy);background:#fff;transition:.16s ease}.nn-cat-card:hover{border-color:#cfe4c5;background:#f8fcf6;transform:translateY(-1px)}.nn-cat-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f2f7f5;color:#0b5264}.nn-cat-icon .nn-icon{width:19px}.nn-cat-copy{min-width:0}.nn-cat-copy strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nn-cat-copy small{display:block;color:var(--nn-muted);font-size:10px;margin-top:4px}.nn-cat-arrow{width:14px;height:14px;color:#9aabb1}.nn-cat-empty{grid-column:1/-1;margin:0;padding:14px;border:1px dashed var(--nn-line);border-radius:12px;color:var(--nn-muted);font-size:12px;text-align:center}.nn-mobile-actions{display:none;margin-right:auto;align-items:center;gap:6px}.nn-icon-button,.nn-mobile-menu,.nn-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--nn-line);background:#fff;color:var(--nn-navy);border-radius:11px;position:relative;text-decoration:none}.nn-stage{min-height:620px;display:grid;place-items:center;padding:60px;background:radial-gradient(circle at 80% 10%,#eaf7e3,transparent 35%),linear-gradient(180deg,#fff,#f6faf8)}.nn-stage>div{max-width:790px;text-align:center}.nn-stage small{color:#66a638;letter-spacing:.16em;font-weight:700}.nn-stage h1{font-size:48px;line-height:1.35;margin:14px 0}.nn-stage p{font-size:17px;color:var(--nn-muted);line-height:2}.nn-bottom,.nn-drawer,.nn-backdrop{display:none}
@media(max-width:1080px){.nn-header-row{gap:16px}.nn-nav-item>a{padding-inline:9px;font-size:13px}.nn-logo>span{font-size:20px}}
@media(max-width:840px){body.nn-preview-page,body.nn-nav-live-enabled{padding-bottom:72px}.nn-demo-note{font-size:10px;padding:7px 12px}.nn-container{padding:0 14px}.nn-header-row{height:66px}.nn-desktop-nav{display:none}.nn-mobile-actions{display:flex}.nn-logo{margin-left:auto}.nn-logo-img{max-width:92px;max-height:38px}.nn-logo>span{font-size:18px}.nn-logo b{font-size:8px}.nn-stage{min-height:calc(100vh - 140px);padding:28px 18px 100px}.nn-stage h1{font-size:33px}.nn-stage p{font-size:14px}.nn-bottom{display:flex;justify-content:space-around;align-items:center;position:fixed;z-index:55;bottom:0;left:0;right:0;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(255,255,255,.97);border-top:1px solid var(--nn-line);padding:7px 6px max(7px,env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(11,51,66,.06);backdrop-filter:blur(12px)}.nn-bottom a{display:grid;justify-items:center;gap:3px;text-decoration:none;color:#667982;min-width:0}.nn-bottom-icon{position:relative;display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f1f6f3;color:#0c5263}.nn-bottom .nn-icon{width:18px;height:18px}.nn-bottom small{font-size:9px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.nn-drawer{display:flex;position:fixed;z-index:70;top:0;right:0;bottom:0;width:min(88vw,370px);background:#fff;padding:18px;flex-direction:column;gap:18px;transform:translateX(105%);transition:.22s ease;box-shadow:-30px 0 70px rgba(7,39,50,.14)}.nn-drawer.is-open{transform:none}.nn-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--nn-line)}.nn-drawer nav{display:grid;gap:4px;overflow:auto}.nn-drawer nav>a{display:grid;grid-template-columns:38px 1fr 16px;align-items:center;gap:10px;padding:10px;border-radius:12px;text-decoration:none;color:var(--nn-navy)}.nn-drawer nav>a:hover{background:#f5f9f6}.nn-drawer-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f1f6f3;color:#0c5263}.nn-drawer-icon .nn-icon{width:18px}.nn-drawer-arrow{width:14px;color:#9dabb0}.nn-backdrop{position:fixed;z-index:65;inset:0;background:rgba(5,31,40,.38);opacity:0;visibility:hidden;transition:.2s}.nn-backdrop.is-open{display:block;opacity:1;visibility:visible}.nn-mega{display:none}}
@media(max-width:420px){.nn-icon-button{width:38px;height:38px}.nn-mobile-actions{gap:4px}.nn-stage h1{font-size:29px}.nn-bottom small{font-size:8.5px}}
@media(prefers-reduced-motion:reduce){.nn-header,.nn-header *,.nn-header *:before,.nn-header *:after,.nn-bottom,.nn-bottom *,.nn-bottom *:before,.nn-bottom *:after,.nn-drawer,.nn-drawer *,.nn-drawer *:before,.nn-drawer *:after,.nn-backdrop{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Phase 3: stable desktop mega-menu hover bridge + live integration */
@media(min-width:841px){
  .nn-mega:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:transparent;pointer-events:auto}
  .nn-mega-shell{isolation:isolate}
  .nn-header.is-live{position:relative;z-index:999}
}
body.nn-nav-live-enabled{--nn-nav-live-offset:0px}
body.nn-nav-live-enabled .nn-header{font-family:inherit}
body.nn-nav-live-enabled .nn-bottom,body.nn-nav-live-enabled .nn-drawer{font-family:inherit}

/* Phase 4 / Stable: desktop quick actions + mobile product accordion */
.nn-desktop-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding-inline-start:8px;border-inline-start:1px solid var(--nn-line)}
.nn-desktop-action{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid transparent;border-radius:12px;color:#173e49;text-decoration:none;background:#fff;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.nn-desktop-action:hover,.nn-desktop-action:focus-visible{background:#f3f8f5;border-color:#dce8e1;color:#0a5265;transform:translateY(-1px);outline:none}
.nn-desktop-action .nn-icon{width:19px;height:19px}
.nn-desktop-action:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-4px);padding:6px 9px;border-radius:8px;background:#0b3543;color:#fff;font-size:10px;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:.15s ease;box-shadow:0 8px 22px rgba(8,55,71,.16);z-index:95}
.nn-desktop-action:hover:after,.nn-desktop-action:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nn-desktop-action .nn-badge-count{top:-5px;left:-5px}

@media(max-width:1080px){.nn-desktop-actions{gap:4px;padding-inline-start:5px}.nn-desktop-action{width:37px;height:37px}.nn-desktop-action .nn-icon{width:18px;height:18px}}
@media(max-width:840px){.nn-desktop-actions{display:none}.nn-drawer nav{gap:5px}.nn-drawer-row{width:100%;border:0;background:transparent;text-align:inherit;font:inherit;cursor:pointer}.nn-drawer nav>.nn-drawer-row,.nn-drawer-group>.nn-drawer-row{display:grid;grid-template-columns:38px 1fr 16px;align-items:center;gap:10px;padding:10px;border-radius:12px;text-decoration:none;color:var(--nn-navy)}.nn-drawer nav>.nn-drawer-row:hover,.nn-drawer nav>.nn-drawer-row:focus-visible,.nn-drawer-group>.nn-drawer-row:hover,.nn-drawer-group>.nn-drawer-row:focus-visible{background:#f5f9f6;outline:none}.nn-drawer-group{border-radius:14px;overflow:hidden}.nn-drawer-group.is-open{background:#f8fbf9;box-shadow:inset 0 0 0 1px #e8efeb}.nn-drawer-toggle .nn-drawer-arrow{transition:transform .2s ease}.nn-drawer-group.is-open .nn-drawer-toggle .nn-drawer-arrow{transform:rotate(90deg)}.nn-drawer-submenu{overflow:hidden}.nn-drawer-submenu:not([hidden]){display:block;animation:nnDrawerAccordion .18s ease both}.nn-drawer-submenu-inner{display:grid;gap:5px;padding:4px 10px 11px 18px}.nn-drawer-all-products{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:10px;background:#edf7e8;color:#4b7f2f;text-decoration:none;font-size:11px;font-weight:700}.nn-drawer-all-products .nn-icon{width:14px;height:14px}.nn-drawer-cat{display:grid;grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;gap:9px;padding:8px 9px;border-radius:10px;color:#173e49;text-decoration:none;background:#fff;border:1px solid #ebf0ed}.nn-drawer-cat:hover,.nn-drawer-cat:focus-visible{border-color:#d0e5c5;background:#fbfef9;outline:none}.nn-drawer-cat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f0f6f3;color:#0c5263}.nn-drawer-cat-icon .nn-icon{width:15px;height:15px}.nn-drawer-cat-copy{min-width:0}.nn-drawer-cat-copy strong{display:block;font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nn-drawer-cat-copy small{display:block;margin-top:2px;color:#85949b;font-size:9px}.nn-drawer-cat-arrow{width:12px;height:12px;color:#a0adb2}.nn-drawer-open{overscroll-behavior:none}}
@keyframes nnDrawerAccordion{from{opacity:.25;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* Stable 1.0.1 — mobile drawer/product accordion hardening */
@media(max-width:840px){
  .nn-drawer{
    height:auto;
    max-height:100dvh;
    min-height:0;
    overflow:hidden;
    padding:14px 14px max(14px,env(safe-area-inset-bottom));
    gap:12px;
  }
  .nn-drawer-head{flex:0 0 auto;padding-bottom:11px}
  .nn-drawer>nav{
    flex:1 1 auto;
    min-height:0;
    width:100%;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    align-content:start;
    padding:1px 2px 8px;
  }
  .nn-drawer-group{
    width:100%;
    min-width:0;
    overflow:visible;
    background:transparent;
  }
  .nn-drawer-group.is-open{
    overflow:visible;
    padding-bottom:4px;
  }
  .nn-drawer-group>.nn-drawer-row{position:relative;z-index:2}
  .nn-drawer-submenu{
    width:100%;
    min-width:0;
    overflow:visible;
  }
  .nn-drawer-submenu-inner{
    width:100%;
    min-width:0;
    gap:6px;
    padding:4px 8px 7px;
  }
  .nn-drawer-all-products,
  .nn-drawer-cat{width:100%;min-width:0}
  .nn-drawer-all-products{min-height:38px;padding:9px 11px}
  .nn-drawer-cat{
    min-height:48px;
    grid-template-columns:32px minmax(0,1fr) 14px;
    padding:8px 9px;
  }
  .nn-drawer-cat-copy strong{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    line-height:1.55;
    overflow-wrap:anywhere;
  }
  .nn-drawer-cat-copy small{line-height:1.45}
  .nn-drawer-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
  .nn-drawer-open{touch-action:none}
  .nn-drawer-open .nn-drawer{touch-action:pan-y}
}

/* WordPress admin bar must never cover the drawer on logged-in frontend tests. */
@media(max-width:782px){
  body.admin-bar .nn-drawer,
  body.admin-bar .nn-backdrop{top:46px}
  body.admin-bar .nn-drawer{max-height:calc(100dvh - 46px)}
}
@media(min-width:783px) and (max-width:840px){
  body.admin-bar .nn-drawer,
  body.admin-bar .nn-backdrop{top:32px}
  body.admin-bar .nn-drawer{max-height:calc(100dvh - 32px)}
}

/* Catalog blueprint hierarchy — parent cards + exact child category tree */
@media(min-width:841px){
  .nn-cat-card.nn-cat-card--group{display:block;padding:0;overflow:hidden;align-self:start}
  .nn-cat-card__head{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:13px;color:var(--nn-navy);text-decoration:none}
  .nn-cat-card__head:focus-visible{outline:2px solid #79c842;outline-offset:-2px;border-radius:13px}
  .nn-cat-children{display:grid;gap:2px;padding:0 13px 12px 13px;margin-top:-2px}
  .nn-cat-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:29px;padding:5px 8px;border-radius:8px;color:#49616a;text-decoration:none;font-size:11px;line-height:1.55;transition:.15s ease}
  .nn-cat-child:before{content:"";width:5px;height:5px;border-radius:50%;background:#b7c9bd;position:absolute;right:8px;top:50%;transform:translateY(-50%)}
  .nn-cat-child{position:relative;padding-right:19px}
  .nn-cat-child:hover,.nn-cat-child:focus-visible{background:#f1f8ee;color:#295b3c;outline:none}
  .nn-cat-child:hover:before,.nn-cat-child:focus-visible:before{background:#79c842}
  .nn-cat-child small{color:#9aa9ae;font-size:9px}
}
@media(max-width:840px){
  .nn-drawer-cat-group{display:grid;gap:4px;width:100%;min-width:0}
  .nn-drawer-cat-children{display:grid;gap:2px;margin:0 17px 3px 5px;padding:2px 10px 4px 0;border-right:1px solid #dfe9e2}
  .nn-drawer-cat-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:6px 9px;border-radius:9px;color:#536a72;text-decoration:none;font-size:10.5px;line-height:1.55;background:#fbfdfc}
  .nn-drawer-cat-child:hover,.nn-drawer-cat-child:focus-visible{background:#eef7e9;color:#315d3b;outline:none}
  .nn-drawer-cat-child small{color:#96a5aa;font-size:8.5px}
}

/* 1.1.6 — desktop category browser: explicit parent -> child hierarchy */
@media(min-width:841px){
  .nn-mega{width:min(1120px,calc(100vw - 48px))}
  .nn-mega-shell{padding:18px}
  .nn-mega-top{padding:2px 4px 14px}
  .nn-mega-browser{
    display:grid;
    grid-template-columns:minmax(250px,300px) minmax(0,1fr);
    direction:rtl;
    height:min(66vh,560px);
    min-height:390px;
    margin-top:14px;
    border:1px solid #e7edef;
    border-radius:16px;
    overflow:hidden;
    background:#fbfcfc;
  }
  .nn-mega-parents{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-height:0;
    height:100%;
    max-height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    padding:10px;
    background:#f7faf9;
    border-left:1px solid #e5ece8;
    scrollbar-width:thin;
    scrollbar-color:#cbd9d1 transparent;
    -webkit-overflow-scrolling:touch;
  }
  .nn-mega-parents::-webkit-scrollbar{width:8px}
  .nn-mega-parents::-webkit-scrollbar-track{background:transparent}
  .nn-mega-parents::-webkit-scrollbar-thumb{background:#cbd9d1;border:2px solid #f7faf9;border-radius:999px}
  .nn-mega-parents::-webkit-scrollbar-thumb:hover{background:#afc2b7}
  .nn-mega-parent{
    flex:0 0 auto;
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 14px;
    align-items:center;
    gap:9px;
    min-height:54px;
    padding:8px 10px;
    border:1px solid transparent;
    border-radius:11px;
    color:#173e49;
    text-decoration:none;
    transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
  }
  .nn-mega-parent:hover,.nn-mega-parent:focus-visible,.nn-mega-parent.is-active{
    background:#fff;
    border-color:#d6e7dd;
    color:#0b5364;
    outline:none;
    box-shadow:0 6px 16px rgba(16,55,66,.045);
  }
  .nn-mega-parent.is-active{background:#f1f8ed;border-color:#cfe3c4}
  .nn-mega-parent__icon{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:10px;
    background:#edf4f1;
    color:#0b5264;
  }
  .nn-mega-parent.is-active .nn-mega-parent__icon{background:#e4f2dc;color:#4e8133}
  .nn-mega-parent__icon .nn-icon{width:16px;height:16px}
  .nn-mega-parent__copy{min-width:0}
  .nn-mega-parent__copy strong{display:block;font-size:12.5px;line-height:1.55;font-weight:700;white-space:normal}
  .nn-mega-parent__copy small{display:block;margin-top:2px;color:#819198;font-size:9px;line-height:1.45}
  .nn-mega-parent__arrow{width:12px;height:12px;color:#9aabb0}
  .nn-mega-parent.is-active .nn-mega-parent__arrow{color:#6ba744}

  .nn-mega-detail{
    min-width:0;
    min-height:0;
    height:100%;
    max-height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    padding:22px 24px;
    background:#fff;
    scrollbar-width:thin;
    scrollbar-color:#d3ddd8 transparent;
    -webkit-overflow-scrolling:touch;
  }
  .nn-mega-detail::-webkit-scrollbar{width:8px}
  .nn-mega-detail::-webkit-scrollbar-track{background:transparent}
  .nn-mega-detail::-webkit-scrollbar-thumb{background:#d3ddd8;border:2px solid #fff;border-radius:999px}
  .nn-mega-detail::-webkit-scrollbar-thumb:hover{background:#b9c9c0}
  .nn-mega-panel[hidden]{display:none!important}
  .nn-mega-panel.is-active{display:block;animation:nnMegaPanelIn .14s ease both}
  .nn-mega-panel__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding-bottom:17px;
    border-bottom:1px solid #edf1f2;
  }
  .nn-mega-panel__head small{display:block;color:#73a94d;font-size:9px;font-weight:800;letter-spacing:.08em}
  .nn-mega-panel__head h3{margin:5px 0 2px;font-size:19px;line-height:1.55;color:#123e4b}
  .nn-mega-panel__head p{margin:0;color:#829198;font-size:10px}
  .nn-mega-panel__all{
    display:inline-flex;
    align-items:center;
    gap:5px;
    flex:0 0 auto;
    min-height:36px;
    padding:8px 11px;
    border-radius:10px;
    background:#eef7e9;
    color:#4c7f31;
    text-decoration:none;
    font-size:10.5px;
    font-weight:700;
    transition:.14s ease;
  }
  .nn-mega-panel__all:hover,.nn-mega-panel__all:focus-visible{background:#e5f2de;outline:none}
  .nn-mega-panel__all .nn-icon{width:13px;height:13px}
  .nn-mega-children{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding-top:18px;
  }
  .nn-mega-child{
    display:grid;
    grid-template-columns:8px minmax(0,1fr) 13px;
    align-items:center;
    gap:9px;
    min-height:62px;
    padding:10px 12px;
    border:1px solid #e8edef;
    border-radius:12px;
    background:#fff;
    color:#254b56;
    text-decoration:none;
    transition:background .14s ease,border-color .14s ease,transform .14s ease;
  }
  .nn-mega-child:hover,.nn-mega-child:focus-visible{
    background:#f7fbf5;
    border-color:#cfe2c5;
    transform:translateY(-1px);
    outline:none;
  }
  .nn-mega-child__bullet{width:6px;height:6px;border-radius:50%;background:#b9c9bf}
  .nn-mega-child:hover .nn-mega-child__bullet,.nn-mega-child:focus-visible .nn-mega-child__bullet{background:#79c842}
  .nn-mega-child__copy{min-width:0}
  .nn-mega-child__copy strong{display:block;font-size:12px;line-height:1.6;font-weight:650;white-space:normal;overflow-wrap:anywhere}
  .nn-mega-child__copy small{display:block;margin-top:2px;color:#8b9ba1;font-size:9px}
  .nn-mega-child__arrow{width:12px;height:12px;color:#a3b0b4}
  .nn-mega-panel__empty{margin-top:18px;padding:18px;border:1px dashed #dfe8e3;border-radius:12px;color:#7d8e95;font-size:11px;background:#fbfdfc}

  @media(max-height:700px){
    .nn-mega-browser{height:calc(100vh - 145px);min-height:320px}
  }

}
@keyframes nnMegaPanelIn{from{opacity:.35;transform:translateX(-5px)}to{opacity:1;transform:none}}


  .nn-view-all .nn-icon,
  .nn-mega-child__arrow {
    transform: rotate(180deg);
  }
  .nn-mega-panel__all svg{
      transform: rotate(180deg);
  }
  
  .nn-drawer-arrow{
      transform: rotate(180deg);
  }

  .nn-mega-parent__arrow {
    transform: rotate(180deg);
    transition: transform .18s ease;
  }