/* Consistent RTL navigation geometry and dropdowns. */
body.shop-design .site-header .main-nav{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:7px 10px;min-height:56px;border-radius:14px;direction:rtl;isolation:isolate}
body.shop-design .site-header .main-nav>.menu{position:static;flex:0 0 auto;margin:0 0 0 6px}
body.shop-design .site-header .main-nav>.nav-mega{position:static;flex:1 1 auto;min-width:0}
body.shop-design .site-header .main-nav>.menu>summary,body.shop-design .site-header .main-nav>.nav-mega>summary,body.shop-design .site-header .main-nav>a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 13px;margin:0;border-radius:8px;color:#fff;font-size:12px;font-weight:700;line-height:1.6;white-space:nowrap;text-decoration:none;list-style:none;cursor:pointer;transition:background .15s,color .15s}
body.shop-design .site-header .main-nav>details>summary::-webkit-details-marker{display:none}
body.shop-design .site-header .main-nav>.menu>summary{border:1px solid #ffffff30;background:#ffffff0a}
body.shop-design .site-header .main-nav>.nav-mega>summary::after{content:'';width:5px;height:5px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-inline-start:3px;margin-top:-3px;opacity:.7}
body.shop-design .site-header .main-nav>details[open]>summary,body.shop-design .site-header .main-nav>details>summary:hover,body.shop-design .site-header .main-nav>a:hover{background:#ffffff12;color:#b6df74}
body.shop-design .site-header .main-nav>details>summary:focus-visible,body.shop-design .site-header .main-nav>a:focus-visible{outline:2px solid #b6df74;outline-offset:2px}
body.shop-design .site-header .main-nav :is(.mega-menu,.nav-mega-flyout){box-sizing:border-box;position:absolute;inset-inline:0;top:100%;width:100%;margin:0;border:1px solid #dfe7eb;border-top:3px solid var(--shop-accent);border-radius:0 0 16px 16px;max-height: min(70vh,650px);overflow:auto;background:#fff;color:#173247;box-shadow:0 18px 40px #0b2d4b24;z-index:80}
body.shop-design .site-header .main-nav .mega-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding:18px}
body.shop-design .site-header .main-nav .mega-panel{display:block;min-width:0}
body.shop-design .site-header .main-nav .mega-panel[hidden]{display:none}
body.shop-design .site-header .main-nav .quick-mega-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
body.shop-design .site-header .main-nav .quick-mega-panel:has(>.mega-promos){grid-template-columns:minmax(0,1fr) 260px}
body.shop-design .site-header .main-nav .mega-root{text-align:right;color:#173247;line-height:1.7}
body.shop-design .site-header .main-nav .mega-root:is(.active,:hover){background:#eef6fa;color:#087da9}
@media(min-width:701px) and (max-width:1100px){body.shop-design .site-header .main-nav>.nav-mega{flex:1 1 auto}body.shop-design .site-header .main-nav>.nav-mega:nth-of-type(n+5){display:block}body.shop-design .site-header .main-nav>.nav-mega>summary{font-size:11px;padding-inline:10px}body.shop-design .site-header .main-nav .quick-mega-panel:has(>.mega-promos){grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:700px){body.shop-design .site-header .main-nav{flex-wrap:nowrap;justify-content:space-between;gap:5px;min-height:50px;padding:5px 8px;border-radius:10px}body.shop-design .site-header .main-nav>.nav-mega{display:none!important}body.shop-design .site-header .main-nav>.menu{margin:0}body.shop-design .site-header .main-nav>a,body.shop-design .site-header .main-nav>.menu>summary{font-size:11px;padding:8px 10px;min-height:40px}body.shop-design .site-header .main-nav .mega-shell{grid-template-columns:115px minmax(0,1fr);gap:10px;padding:10px}body.shop-design .site-header .main-nav .quick-mega-panel:has(>.mega-promos){grid-template-columns:minmax(0,1fr)}body.shop-design .site-header .main-nav .mega-root{font-size:11px;white-space:normal}body.shop-design .site-header .main-nav .quick-mega-tree{columns:1}body.shop-design .site-header .main-nav .mega-promos{display:none}}
@media(prefers-reduced-motion:reduce){body.shop-design .site-header .main-nav>details>summary,body.shop-design .site-header .main-nav>a{transition:none}}