/* SERET Mega Menu v2.4 — compact, fixed navigation area */
.seret-products-menu { position: static !important; }
.seret-products-menu > a { position: relative; z-index: 10002; }
.seret-products-toggle { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; margin-left:2px; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; vertical-align:middle; position:relative; z-index:10003; }
.seret-products-toggle span { display:block; width:6px; height:6px; border-right:1.4px solid currentColor; border-bottom:1.4px solid currentColor; transform:rotate(45deg) translateY(-1px); transition:transform .18s ease; }
.seret-products-menu.seret-mega-open .seret-products-toggle span { transform:rotate(225deg) translate(-1px,-1px); }

.seret-mega-menu { position:absolute; top:100%; left:0; width:100%; z-index:9999; background:#fff; border-top:1px solid rgba(0,0,0,.07); border-bottom:1px solid rgba(0,0,0,.07); box-shadow:0 10px 26px rgba(0,0,0,.08); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(5px); transition:opacity .28s ease, transform .32s cubic-bezier(.22,.61,.36,1), visibility 0s linear .28s; will-change:opacity,transform; }
.seret-products-menu.seret-hover-open > .seret-mega-menu,.seret-products-menu:focus-within > .seret-mega-menu,.seret-products-menu.seret-mega-open > .seret-mega-menu { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); transition-delay:0s,0s,0s; }
.seret-mega-menu-inner { max-width:1500px; margin:0 auto; padding:20px 28px 16px; }

/* Main categories: one clean horizontal row. */
.seret-mega-topcats { display:flex; align-items:flex-start; gap:28px; }
.seret-mega-topcat { flex:0 1 auto; min-width:0; }
.seret-mega-title { display:inline-flex; align-items:center; width:auto; margin:0; color:inherit; font-size:14px; line-height:1.25; font-weight:700; text-decoration:none !important; cursor:pointer; padding:2px 0 6px; }
.seret-mega-topcat:has(+ .seret-mega-topcat) .seret-mega-title { }

/* The active category fills the same white navigation area. No floating submenu boxes. */
.seret-mega-subarea { border-top:1px solid rgba(0,0,0,.07); margin-top:8px; padding-top:0; }
.seret-mega-subpanel { display:none; }
.seret-mega-subpanel.seret-panel-open { display:block; animation:seretPanelIn .22s ease both; }
@keyframes seretPanelIn { from { opacity:0; transform:translateY(-3px); } to { opacity:1; transform:translateY(0); } }

.seret-mega-subcategories { list-style:none !important; margin:0 !important; padding:13px 0 7px !important; display:flex; flex-wrap:wrap; align-items:flex-start; gap:7px 26px; width:100%; }
.seret-mega-subcategories > li { position:relative; flex:0 0 auto; margin:0; padding:0; }
.seret-mega-subcategories > li > a { display:inline-flex; align-items:center; width:fit-content; color:inherit; font-size:13px; line-height:1.32; padding:2px 0; text-decoration:none !important; white-space:nowrap; }
.seret-mega-subcategories > li:has(.seret-mega-grandchildren) > a::after { content:''; width:5px; height:5px; margin-left:7px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg) translateY(-1px); opacity:.5; transition:transform .16s ease,opacity .16s ease; }
.seret-mega-subcategories > li.seret-grand-open > a::after { transform:rotate(225deg) translate(-1px,-1px); opacity:.8; }
.seret-mega-subcategories a:hover,.seret-mega-grandchildren a:hover { opacity:.58; }

/* Third level stays in the same white area and opens vertically under its subcategory. */
.seret-mega-grandchildren { display:none; list-style:none !important; margin:6px 0 0 !important; padding:0 0 0 10px !important; border-left:1px solid rgba(0,0,0,.10); max-height:none; opacity:1; }
.seret-mega-subcategories > li.seret-grand-open > .seret-mega-grandchildren { display:block; animation:seretGrandIn .20s ease both; }
@keyframes seretGrandIn { from { opacity:0; transform:translateY(-3px); } to { opacity:1; transform:translateY(0); } }
.seret-mega-grandchildren > li { margin:0; padding:0; }
.seret-mega-grandchildren a { display:block; width:fit-content; color:inherit; font-size:12px; line-height:1.28; padding:2px 0; text-decoration:none !important; white-space:nowrap; }

.seret-mega-footer { margin-top:15px; padding-top:10px; border-top:1px solid rgba(0,0,0,.07); text-align:right; }
.seret-mega-footer a { color:inherit; font-size:12px; font-weight:600; text-decoration:none !important; }
.seret-mega-footer span { margin-left:4px; font-size:14px; }

@media (max-width:1150px) and (min-width:769px) { .seret-mega-menu-inner { padding-left:20px; padding-right:20px; } .seret-mega-topcats { gap:20px; } .seret-mega-subcategories { gap:7px 18px; } }
@media (max-width:768px) { .seret-products-toggle,.seret-mega-menu { display:none !important; } }