/* 1R Reactor — frontend-mega-menu.css
 * Canonical structure: foundations → layout/components → context UI → states → responsive.
 */

/* === Layout & Components === */
.reactor-shop-mega__layout{gap: 18px ;align-items: start ;}
.reactor-shop-mega__layout--grid-3{display: grid ;grid-template-columns: repeat(3, minmax(0, 1fr)) ;}
.reactor-shop-mega__layout--grid-4{display: grid ;grid-template-columns: repeat(4, minmax(0, 1fr)) ;}
.reactor-shop-mega__layout--grid-5{display: grid ;grid-template-columns: repeat(5, minmax(0, 1fr)) ;}
.reactor-shop-mega__layout--masonry-3{column-count: 3 ;column-gap: 18px ;display: block ;}
.reactor-shop-mega__layout--masonry-4{column-count: 4 ;column-gap: 18px ;display: block ;}
.reactor-shop-mega__layout--masonry-5{column-count: 5 ;column-gap: 18px ;display: block ;}
.reactor-shop-mega__layout--masonry-3 .reactor-shop-mega__cat,
.reactor-shop-mega__layout--masonry-4 .reactor-shop-mega__cat,
.reactor-shop-mega__layout--masonry-5 .reactor-shop-mega__cat{display: inline-block ;width: 100% ;margin: 0 0 18px ;break-inside: avoid ;}
.reactor-shop-mega__cat{width: 100% ;margin: 0 ;padding: 14px ;background: var(--r1-surface,#f9fbfc) ;border: 1px solid var(--r1-border,#edf1f4) ;border-radius: var(--r1-card-radius,18px) ;box-sizing: border-box ;transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease ;}
.reactor-shop-mega__head{display: flex ;align-items: center ;gap: 12px ;margin: 0 ;padding: 0 ;background: transparent ;text-decoration: none ;border: 0 ;box-shadow: none ;}
.reactor-shop-mega__image{width: var(--reactor-shop-mega-image-size, 64px) ;height: var(--reactor-shop-mega-image-size, 64px) ;min-width: var(--reactor-shop-mega-image-size, 64px) ;overflow: hidden ;border-radius: 14px ;border: 1px solid var(--r1-border,#edf1f4) ;}
.reactor-shop-mega__image img{display: block ;width: 100% ;height: 100% ;object-fit:cover;}
.reactor-shop-mega--thumbnail-contain .reactor-shop-mega__image img{object-fit: contain ;}
.reactor-shop-mega__title{color: var(--r1-text,#111) ;font-size: 16px ;font-weight: 600 ;line-height: 1.25 ;}
.reactor-shop-mega__children{display: block ;padding: 10px 0 0 76px ;margin: 0 ;}
.reactor-shop-mega__children a{display: block ;margin: 0 0 7px ;padding: 0 ;color: var(--r1-muted,#555) ;background: transparent ;border: 0 ;box-shadow: none ;font-size: 14px ;font-weight: 400 ;line-height: 1.25 ;text-decoration: none ;}
.reactor-shop-mega__children-extra[hidden]{display: none ;}
.reactor-shop-mega__more{display: inline-flex ;align-items: center ;gap: 6px ;margin: 3px 0 0 ;padding: 0 ;border: 0 ;background: transparent ;color: var(--r1-primary,var(--reactor-primary,#0A95AE)) ;font: inherit ;font-size: 13px ;font-weight: 600 ;line-height: 1.3 ;cursor: pointer ;box-shadow: none ;text-decoration: none ;}
.reactor-shop-mega__more-arrow{width: 7px ;height: 7px ;border-right: 1.5px solid currentColor ;border-bottom: 1.5px solid currentColor ;transform: rotate(45deg) translateY(-2px) ;transform-origin: center ;transition: transform 0.2s ease ;box-sizing: border-box ;}

/* === Navigation & Site UI === */
.primary-menu > li.reactor-shop-menu-parent{position:static;}
.primary-menu > li.reactor-shop-menu-parent > ul.sub-menu{position:absolute;z-index:9990;top:100%;left:50%;width:min(1180px,calc(100vw - 40px));max-height:min(78vh,760px);overflow:auto;margin:0;padding:18px;box-sizing:border-box;background:var(--r1-surface,#fff);color:var(--r1-text,#111827);border:1px solid var(--r1-border,#e5e7eb);border-radius:var(--r1-card-radius,18px);box-shadow:0 20px 55px rgba(15,23,42,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(8px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease;}
.primary-menu > li.reactor-shop-menu-parent:hover > ul.sub-menu,
.primary-menu > li.reactor-shop-menu-parent:focus-within > ul.sub-menu,
.primary-menu > li.reactor-shop-menu-parent > ul.sub-menu:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.primary-menu li.reactor-shop-desktop-panel{display:block;float:none;width:100%;margin:0;padding:0;border:0;background:transparent;}
.primary-menu li.reactor-shop-desktop-panel > a{display:none;}
.primary-menu li.reactor-mobile-only-menu-item,
.primary-menu li.reactor-shop-mobile-cat,
.primary-menu li.reactor-shop-mobile-subcat{display:none;}
.mobile-menu li.reactor-shop-desktop-panel{display:none;}
.mobile-menu li.reactor-mobile-only-menu-item,
.mobile-menu li.reactor-shop-mobile-cat,
.mobile-menu li.reactor-shop-mobile-subcat{display:block;}
.mobile-menu .reactor-shop-mobile-category-link{display:flex;align-items:center;gap:12px;}
.mobile-menu .reactor-burger-cat-img{width:42px;height:42px;flex:0 0 42px;border-radius:10px;overflow:hidden;background:#f6f7f7;}
.mobile-menu .reactor-burger-cat-img img{display:block;width:100%;height:100%;object-fit:cover;}
.mobile-menu .reactor-menu-text{min-width:0;flex:1;}
#header_main .header-custom-widgets.cart-area,
#header_main #menu-item-shop{z-index:25;order:10;margin-left:6px;}

/* === States & Interaction === */
.reactor-shop-mega__cat.is-featured{border-color: var(--r1-primary,var(--reactor-primary,#0A95AE)) ;box-shadow: inset 0 0 0 1px rgba(var(--reactor-primary-rgb), 0.08) ;}
.reactor-shop-mega__cat:hover{border-color: var(--r1-primary,var(--reactor-primary,#0A95AE)) ;box-shadow: 0 8px 22px rgba(20, 35, 45, 0.07) ;transform: translateY(-2px) ;}
.reactor-shop-mega__children a:hover,
.reactor-shop-mega__head:hover .reactor-shop-mega__title{color: var(--r1-primary,var(--reactor-primary,#0A95AE)) ;}
.reactor-shop-mega__more:hover,
.reactor-shop-mega__more:focus{text-decoration: none ;}
.reactor-shop-mega__more.is-open .reactor-shop-mega__more-arrow{transform: rotate(225deg) translate(-1px, -1px) ;}

/* === Responsive & Conditional === */
@media (max-width:898px){.primary-menu li.reactor-shop-desktop-panel{display:none;}}
@media (max-width: 1200px){.reactor-shop-mega__layout--grid-5,
  .reactor-shop-mega__layout--grid-4{grid-template-columns: repeat(3, minmax(0, 1fr)) ;}.reactor-shop-mega__layout--masonry-4,
  .reactor-shop-mega__layout--masonry-5{column-count: 3 ;}}
@media (max-width: 989px){.reactor-shop-mega__layout--grid-3,
  .reactor-shop-mega__layout--grid-4,
  .reactor-shop-mega__layout--grid-5{grid-template-columns: repeat(2, minmax(0, 1fr)) ;}.reactor-shop-mega__layout--masonry-3,
  .reactor-shop-mega__layout--masonry-4,
  .reactor-shop-mega__layout--masonry-5{column-count: 2 ;}}
@media only screen and (max-width:989px){#header_main #menu-item-shop{margin-left:0;}}
@media (max-width:989px){.av-hamburger-inner,.av-hamburger-inner:before,.av-hamburger-inner:after,.av-burger-overlay .av-hamburger-inner,.reactor-mobile-menu-close{z-index:2147483647;visibility:visible;opacity:1;}}

.reactor-shop-mega--thumbnail-cover .reactor-shop-mega__image img{object-fit:cover;}

/* ReStart header bridge */
.r1-reactor-header-mega{position:fixed;z-index:99990;width:min(1180px,calc(100vw - 40px));max-height:min(78vh,760px);overflow:auto;box-sizing:border-box;padding:18px;background:var(--r1-surface,#fff);color:var(--r1-text,#111827);border:1px solid var(--r1-border,#e5e7eb);border-radius:var(--r1-card-radius,18px);box-shadow:0 20px 55px rgba(15,23,42,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}
    .r1-reactor-header-mega.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
    @media(max-width:898px){.r1-reactor-header-mega{display:none!important}}