.danilo-mega-grid.megamenu{direction:rtl;position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(1160px,calc(100vw - 40px))!important;height:min(520px,calc(100dvh - 175px))!important;min-height:360px!important;max-height:520px!important;display:flex!important;flex-direction:row!important;gap:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box;border:1px solid rgb(148 163 184/.18);border-radius:16px;box-shadow:0 24px 70px rgb(2 6 23/.26)}
.danilo-mega-grid .mega-category-rail{order:0!important;width:238px!important;flex:0 0 238px!important;height:100%!important;display:flex!important;flex-direction:column!important;padding:14px 12px!important;border-inline-start:1px solid rgb(148 163 184/.18);background:rgb(248 250 252/.94)}.dark .danilo-mega-grid .mega-category-rail{background:rgb(15 23 42/.76)}
.mega-category-label{padding:3px 10px 13px;display:flex;flex-direction:column;gap:3px}.mega-category-label strong{font-size:14px;color:#0f172a}.dark .mega-category-label strong{color:#f8fafc}.mega-category-label span{font-size:10.5px;color:#94a3b8}
.danilo-mega-grid .megamenu_category{width:100%!important;flex:1!important;min-height:0;display:flex!important;flex-direction:column!important;gap:3px!important;padding:0!important;background:transparent!important;border-radius:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#64748b44 transparent}
.danilo-mega-grid .megamenu_category-item{appearance:none;border:0;border-inline-end:3px solid transparent;background:transparent;color:inherit;font:inherit;text-align:right;display:flex;width:100%;min-height:45px;align-items:center;padding:9px 13px;border-radius:9px;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}.danilo-mega-grid .megamenu_category-item:hover{background:rgb(59 130 246/.07);color:#3b82f6}.danilo-mega-grid .megamenu_category-item.active{padding:9px 13px;border-inline-end-color:#3b82f6;background:rgb(59 130 246/.11);color:#3b82f6;font-weight:700}
.danilo-mega-grid .megamenu_category-item:focus-visible,.mega-shop-all:focus-visible,.mega-panel-heading a:focus-visible,.mega-group a:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.mega-shop-all{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:11px 12px;border-top:1px solid rgb(148 163 184/.17);font-size:12px;color:#3b82f6}
.danilo-mega-grid .megamenu_left{order:1!important;flex:1!important;min-width:0;width:auto!important;height:100%!important;margin:0!important;padding:17px 25px 20px!important;overflow:hidden!important;text-align:right!important}.danilo-mega-grid .megamenu_left-item{display:none!important;position:static!important;width:100%!important;height:100%!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#64748b44 transparent;padding:0 0 0 7px!important}.danilo-mega-grid .megamenu_left-item.active{display:block!important;visibility:visible!important;opacity:1!important}
.mega-panel-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:3px 2px 14px!important;border-bottom:1px solid rgb(148 163 184/.2)!important;margin-bottom:18px!important}.mega-panel-heading strong{font-size:17px;color:#0f172a}.dark .mega-panel-heading strong{color:#f8fafc}.mega-panel-heading>a{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:8px;font-size:11.5px;color:#3b82f6}.mega-panel-heading>a:hover{background:rgb(59 130 246/.08)}
.mega-columns{display:block!important;columns:3!important;column-gap:42px!important;text-align:right!important}.mega-group{display:inline-block!important;width:100%!important;break-inside:avoid;min-width:0;margin:0 0 22px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;vertical-align:top}.mega-group h2{margin:0 0 7px!important;padding-inline-start:10px!important;border:0!important;border-inline-start:2px solid #3b82f6!important;font-size:14px;line-height:1.8;text-align:right!important}.mega-group h2 a{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#1e293b}.dark .mega-group h2 a{color:#f1f5f9}.mega-group h2 span{visibility:hidden;color:#3b82f6;font-size:11px}.mega-group h2 a:hover span{visibility:visible}.mega-group ul{list-style:none;margin:0!important;padding:0!important;text-align:right!important}.mega-group li{margin:0;font-size:12.5px;line-height:1.65;text-align:right!important}.mega-group li>a{display:block;padding:3px 6px;border-radius:6px;overflow-wrap:anywhere;color:#64748b;text-align:right!important}.dark .mega-group li>a{color:#aebdd0}.mega-group li>a:hover{padding-inline-start:10px;background:rgb(59 130 246/.07);color:#3b82f6}.mega-group .mega-more a{margin-top:3px;color:#3b82f6;font-size:11.5px}
.megamenu-link:focus-within .danilo-mega-grid{visibility:visible;opacity:1;top:3rem;clip-path:inset(0)}
@media(max-width:1100px){.danilo-mega-grid .mega-category-rail{width:205px!important;flex-basis:205px!important}.mega-columns{columns:2!important}}
@media(max-height:680px){.danilo-mega-grid.megamenu{height:calc(100dvh - 145px);min-height:250px;max-height:none}}
@media(max-width:1023px){.category-slide>ul,.category-slide .mobile-category-children{display:flex;flex-direction:column;gap:3px;margin:0!important;padding:0!important}.category-slide .mobile-category-children[hidden]{display:none!important}.category-slide .mobile-category-node{list-style:none;margin:0!important}.category-slide .mobile-category-line{display:flex;align-items:center;gap:6px;min-height:46px;border-radius:10px}.category-slide .mobile-category-link{display:flex;flex:1;align-items:center;min-width:0;min-height:46px;padding:9px 12px;border-radius:10px;text-align:right;font-size:14px;line-height:1.7}.category-slide .mobile-category-toggle{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:0;border-radius:9px;background:rgb(148 163 184/.09);color:#94a3b8}.category-slide .mobile-category-toggle svg{transition:transform .2s}.category-slide .mobile-category-toggle[aria-expanded="true"]{background:rgb(59 130 246/.12);color:#3b82f6}.category-slide .mobile-category-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}.category-slide .mobile-category-node[data-category-depth="0"]>.mobile-category-line{margin-top:7px;background:rgb(59 130 246/.1);color:#3b82f6;font-weight:700}.category-slide .mobile-category-node[data-category-depth="1"]>.mobile-category-line{margin-inline-start:14px;border-inline-start:2px solid rgb(59 130 246/.35)}.category-slide .mobile-category-node[data-category-depth="2"]>.mobile-category-line{margin-inline-start:30px;color:#64748b}.dark .category-slide .mobile-category-node[data-category-depth="2"]>.mobile-category-line{color:#b8c6d9}.category-slide .mobile-category-link:hover{background:rgb(59 130 246/.12);color:#3b82f6}}

/* Mobile template applies `display:flex` to every direct child of its root list.
   Keep every accordion node full-width so Safari does not place children beside it. */
@media(max-width:1023px){.category-slide>ul,.category-slide .mobile-category-children{width:100%!important}.category-slide .mobile-category-node{display:block!important;flex:none!important;width:100%!important}.category-slide .mobile-category-line{width:100%!important}.category-slide .mobile-category-children{box-sizing:border-box!important}}
