.os-mega-wrap{position:relative;display:flex;align-items:stretch}
.os-menu-trigger{height:100%;border:0;background:transparent;color:#111827;font:inherit;font-weight:700;cursor:pointer;padding:0 10px;display:flex;align-items:center;gap:6px}
.os-menu-caret{font-size:9px;transition:transform .18s ease}
.os-mega-menu{position:absolute;z-index:1200;top:100%;left:0;width:min(var(--mega-menu-width,1400px),calc(100vw - 32px));background:#fff;border:1px solid #e5e7eb;border-radius:0 0 16px 16px;box-shadow:0 22px 48px rgba(15,23,42,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(0);transition:opacity .15s ease,visibility .15s ease;overflow:hidden}
.os-mega-wrap:hover .os-mega-menu,.os-mega-wrap:focus-within .os-mega-menu,.os-mega-wrap.is-open .os-mega-menu{opacity:1;visibility:visible;pointer-events:auto}
.os-mega-wrap:hover .os-menu-caret,.os-mega-wrap.is-open .os-menu-caret{transform:rotate(180deg)}
.os-mega-promo{height:42px;display:flex;align-items:center;gap:10px;padding:0 16px;background:#fff8f2;border-bottom:1px solid #ffeadb;color:#7c2d12;font-size:11px}.os-mega-promo strong{font-size:12px}.os-mega-promo span{color:#9a3412}
.os-mega-browser{display:grid;grid-template-columns:var(--mega-category-width,240px) minmax(0,1fr);height:350px;max-height:calc(100vh - 192px)}
.os-mega-category-nav{overflow:auto;padding:12px;background:#f8fafc;border-right:1px solid #e5e7eb}
.os-mega-category-link{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:54px;padding:7px 10px;color:#1f2937;text-decoration:none;border-radius:10px;font-size:12px;line-height:1.25;transition:background .15s,color .15s}
.os-mega-category-link:hover,.os-mega-category-link:focus,.os-mega-category-link.is-active{background:#fff;color:#e0002a;box-shadow:0 2px 12px rgba(15,23,42,.07);outline:0}
.os-mega-category-link img,.os-mega-category-link>span{width:40px;height:40px;border-radius:8px;object-fit:cover;background:#eef2f7;display:grid;place-items:center;font-weight:800;color:#64748b}
.os-mega-category-link strong{font-size:12px;font-weight:750}
.os-mega-category-link em{font-size:9px;font-style:normal;color:#e0002a;background:#fff0f3;border-radius:999px;padding:3px 6px}
.os-mega-category-link b{font-size:18px;font-weight:400;color:#94a3b8}
.os-mega-category-panels{min-width:0;overflow:auto;background:#fff}
.os-mega-category-panel{display:none;padding:14px 16px}
.os-mega-category-panel.is-active{display:block}
.os-mega-hover-products{display:grid;grid-template-columns:repeat(var(--mega-product-columns,5),minmax(0,1fr));gap:9px}
.os-mega-hover-product{display:block;min-width:0;color:#111827;text-decoration:none;border:1px solid #e7eaf0;border-radius:9px;padding:7px;background:#fff;transition:transform .16s,box-shadow .16s,border-color .16s}
.os-mega-hover-product:hover{transform:translateY(-2px);border-color:#d5d9e1;box-shadow:0 8px 20px rgba(15,23,42,.08)}
.os-mega-hover-product>span{display:grid;place-items:center;width:100%;height:82px;background:#f7f8fa;border-radius:7px;overflow:hidden;margin-bottom:6px}
.os-mega-hover-product img{display:block;width:100%;height:100%;object-fit:contain}
.os-mega-hover-product>span>b{font-size:10px;color:#94a3b8}
.os-mega-hover-product>div{min-width:0}
.os-mega-hover-product strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.3}
.os-mega-hover-product small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8;font-size:8px;margin-top:3px}
.os-mega-hover-product em{display:block;color:#e0002a;font-size:11px;font-style:normal;font-weight:800;margin-top:3px}
.os-mega-products-empty{grid-column:1/-1;padding:36px;text-align:center;color:#64748b;background:#f8fafc;border-radius:12px;font-size:12px}
@media(max-width:1199px) and (min-width:992px){.os-mega-menu{width:min(var(--mega-menu-width,980px),calc(100vw - 24px))}.os-mega-browser{grid-template-columns:min(var(--mega-category-width,225px),260px) 1fr}.os-mega-hover-products{grid-template-columns:repeat(min(var(--mega-product-columns,4),4),minmax(0,1fr))}}
@media(max-width:991px){.os-mega-wrap{display:none}}