Skip to Main Content
{ megamenu = !!document.querySelector(`[data-megamenu='best-sellers']`) })" @pointerover="if (!openOnClick && megamenu) { $modal.setId('megamenu--best-sellers'); isOpen = true; } if (!megamenu && $modal.id.includes('megamenu-')) { isOpen = false; $modal.setId(''); }" @click="(e) => { if (openOnClick && megamenu) { e.preventDefault(); e.stopPropagation(); if (isOpen && $modal.id.includes('megamenu-')) { isOpen = !isOpen; $modal.setId(''); } else if (megamenu) { isOpen = true; $modal.setId('megamenu--best-sellers'); } } }">
{ const dropdownEl = $el.parentElement.querySelector('.group-hfw\\:block'); const fromDropdown = e.relatedTarget && dropdownEl?.contains(e.relatedTarget); const fromMegamenu = e.relatedTarget && (e.relatedTarget.closest('[data-megamenu]') || e.relatedTarget.closest('section[x-show]')); if (fromDropdown || fromMegamenu) { return; } if (megamenu) { isOpen = true; $modal.setId('megamenu--best-sellers'); } else if (dropdown) { isOpen = true; } }" @focusout="(e) => { const relatedTarget = e.relatedTarget; const dropdownEl = $el.parentElement.querySelector('.group-hfw\\:block'); const movingToMegamenu = relatedTarget && (relatedTarget.closest('[data-megamenu]') || relatedTarget.closest('section[x-show]')); if (dropdown && (!relatedTarget || !dropdownEl?.contains(relatedTarget))) { isOpen = false; } if (megamenu && !movingToMegamenu) { isOpen = false; $modal.setId(''); } }" @keydown="(e) => { if (e.key === 'ArrowDown' && (dropdown || megamenu)) { e.preventDefault(); if (dropdown) { $nextTick(() => { const firstLink = $el.parentElement.querySelector('.group-hfw\\\\:block ul a'); if (firstLink) { firstLink.setAttribute('tabindex', '0'); firstLink.focus(); } }); } else if (megamenu) { $nextTick(() => { $nextTick(() => { const megamenuEl = document.querySelector('[data-megamenu=\'best-sellers\']'); if (megamenuEl) { const firstLink = megamenuEl.querySelector('figure[role=button], a[href]'); if (firstLink) { firstLink.setAttribute('tabindex', '0'); firstLink.focus(); } } }); }); } } else if (e.key === 'Escape' && isOpen) { e.preventDefault(); isOpen = false; $modal.setId(''); e.target.focus(); } }" @pointerover="`bar` == 'links' && $data.toggleTransparent" @pointerleave="`bar` == 'links' && $data.toggleTransparent" class="px-dynamic flex shrink-0 items-center gap-2">
Best Sellers
{ megamenu = !!document.querySelector(`[data-megamenu='shop-bottoms']`) })" @pointerover="if (!openOnClick && megamenu) { $modal.setId('megamenu--shop-bottoms'); isOpen = true; } if (!megamenu && $modal.id.includes('megamenu-')) { isOpen = false; $modal.setId(''); }" @click="(e) => { if (openOnClick && megamenu) { e.preventDefault(); e.stopPropagation(); if (isOpen && $modal.id.includes('megamenu-')) { isOpen = !isOpen; $modal.setId(''); } else if (megamenu) { isOpen = true; $modal.setId('megamenu--shop-bottoms'); } } }">
{ const dropdownEl = $el.parentElement.querySelector('.group-hfw\\:block'); const fromDropdown = e.relatedTarget && dropdownEl?.contains(e.relatedTarget); const fromMegamenu = e.relatedTarget && (e.relatedTarget.closest('[data-megamenu]') || e.relatedTarget.closest('section[x-show]')); if (fromDropdown || fromMegamenu) { return; } if (megamenu) { isOpen = true; $modal.setId('megamenu--shop-bottoms'); } else if (dropdown) { isOpen = true; } }" @focusout="(e) => { const relatedTarget = e.relatedTarget; const dropdownEl = $el.parentElement.querySelector('.group-hfw\\:block'); const movingToMegamenu = relatedTarget && (relatedTarget.closest('[data-megamenu]') || relatedTarget.closest('section[x-show]')); if (dropdown && (!relatedTarget || !dropdownEl?.contains(relatedTarget))) { isOpen = false; } if (megamenu && !movingToMegamenu) { isOpen = false; $modal.setId(''); } }" @keydown="(e) => { if (e.key === 'ArrowDown' && (dropdown || megamenu)) { e.preventDefault(); if (dropdown) { $nextTick(() => { const firstLink = $el.parentElement.querySelector('.group-hfw\\\\:block ul a'); if (firstLink) { firstLink.setAttribute('tabindex', '0'); firstLink.focus(); } }); } else if (megamenu) { $nextTick(() => { $nextTick(() => { const megamenuEl = document.querySelector('[data-megamenu=\'shop-bottoms\']'); if (megamenuEl) { const firstLink = megamenuEl.querySelector('figure[role=button], a[href]'); if (firstLink) { firstLink.setAttribute('tabindex', '0'); firstLink.focus(); } } }); }); } } else if (e.key === 'Escape' && isOpen) { e.preventDefault(); isOpen = false; $modal.setId(''); e.target.focus(); } }" @pointerover="`bar` == 'links' && $data.toggleTransparent" @pointerleave="`bar` == 'links' && $data.toggleTransparent" class="px-dynamic flex shrink-0 items-center gap-2">
Shop Bottoms
{ megamenu = !!document.querySelector(`[data-megamenu='shop-tops']`) })" @pointerover="if (!openOnClick && megamenu) { $modal.setId('megamenu--shop-tops'); isOpen = true; } if (!megamenu && $modal.id.includes('megamenu-')) { isOpen = false; $modal.setId(''); }" @click="(e) => { if (openOnClick && megamenu) { e.preventDefault(); e.stopPropagation(); if (isOpen && $modal.id.includes('megamenu-')) { isOpen = !isOpen; $modal.setId(''); } else if (megamenu) { isOpen = true; $modal.setId('megamenu--shop-tops'); } } }">
{ const dropdownEl = $el.parentElement.querySelector('.group-hfw\\:block'); const fromDropdown = e.relatedTarget && dropdownEl?.contains(e.relatedTarget); const fromMegamenu = e.relatedTarget && (e.relatedTarget.closest('[data-megamenu]') || e.relatedTarget.closest('section[x-show]')); if (fromDropdown || fromMegamenu) { return; } if (megamenu) { isOpen = true; $modal.setId('megamenu--shop-tops'); } else if (dropdown) { isOpen = true; } }" @focusout="(e) => { const relatedTarget = e.relatedTarget; const dropdownEl = $el.parentElement.querySelector('.group-hfw\\:block'); const movingToMegamenu = relatedTarget && (relatedTarget.closest('[data-megamenu]') || relatedTarget.closest('section[x-show]')); if (dropdown && (!relatedTarget || !dropdownEl?.contains(relatedTarget))) { isOpen = false; } if (megamenu && !movingToMegamenu) { isOpen = false; $modal.setId(''); } }" @keydown="(e) => { if (e.key === 'ArrowDown' && (dropdown || megamenu)) { e.preventDefault(); if (dropdown) { $nextTick(() => { const firstLink = $el.parentElement.querySelector('.group-hfw\\\\:block ul a'); if (firstLink) { firstLink.setAttribute('tabindex', '0'); firstLink.focus(); } }); } else if (megamenu) { $nextTick(() => { $nextTick(() => { const megamenuEl = document.querySelector('[data-megamenu=\'shop-tops\']'); if (megamenuEl) { const firstLink = megamenuEl.querySelector('figure[role=button], a[href]'); if (firstLink) { firstLink.setAttribute('tabindex', '0'); firstLink.focus(); } } }); }); } } else if (e.key === 'Escape' && isOpen) { e.preventDefault(); isOpen = false; $modal.setId(''); e.target.focus(); } }" @pointerover="`bar` == 'links' && $data.toggleTransparent" @pointerleave="`bar` == 'links' && $data.toggleTransparent" class="px-dynamic flex shrink-0 items-center gap-2">
Shop Tops
{ megamenu = !!document.querySelector(`[data-megamenu='shop-accessories']`) })" @pointerover="if (!openOnClick && megamenu) { $modal.setId('megamenu--shop-accessories'); isOpen = true; } if (!megamenu && $modal.id.includes('megamenu-')) { isOpen = false; $modal.setId(''); }" @click="(e) => { if (openOnClick && megamenu) { e.preventDefault(); e.stopPropagation(); if (isOpen && $modal.id.includes('megamenu-')) { isOpen = !isOpen; $modal.setId(''); } else if (megamenu) { isOpen = true; $modal.setId('megamenu--shop-accessories'); } } }">
{ const dropdownEl = $el.parentElement.querySelector('.group-hfw\\:block'); const fromDropdown = e.relatedTarget && dropdownEl?.contains(e.relatedTarget); const fromMegamenu = e.relatedTarget && (e.relatedTarget.closest('[data-megamenu]') || e.relatedTarget.closest('section[x-show]')); if (fromDropdown || fromMegamenu) { return; } if (megamenu) { isOpen = true; $modal.setId('megamenu--shop-accessories'); } else if (dropdown) { isOpen = true; } }" @focusout="(e) => { const relatedTarget = e.relatedTarget; const dropdownEl = $el.parentElement.querySelector('.group-hfw\\:block'); const movingToMegamenu = relatedTarget && (relatedTarget.closest('[data-megamenu]') || relatedTarget.closest('section[x-show]')); if (dropdown && (!relatedTarget || !dropdownEl?.contains(relatedTarget))) { isOpen = false; } if (megamenu && !movingToMegamenu) { isOpen = false; $modal.setId(''); } }" @keydown="(e) => { if (e.key === 'ArrowDown' && (dropdown || megamenu)) { e.preventDefault(); if (dropdown) { $nextTick(() => { const firstLink = $el.parentElement.querySelector('.group-hfw\\\\:block ul a'); if (firstLink) { firstLink.setAttribute('tabindex', '0'); firstLink.focus(); } }); } else if (megamenu) { $nextTick(() => { $nextTick(() => { const megamenuEl = document.querySelector('[data-megamenu=\'shop-accessories\']'); if (megamenuEl) { const firstLink = megamenuEl.querySelector('figure[role=button], a[href]'); if (firstLink) { firstLink.setAttribute('tabindex', '0'); firstLink.focus(); } } }); }); } } else if (e.key === 'Escape' && isOpen) { e.preventDefault(); isOpen = false; $modal.setId(''); e.target.focus(); } }" @pointerover="`bar` == 'links' && $data.toggleTransparent" @pointerleave="`bar` == 'links' && $data.toggleTransparent" class="px-dynamic flex shrink-0 items-center gap-2">
Shop Accessories
{ megamenu = !!document.querySelector(`[data-megamenu='last-call']`) })" @pointerover="if (!openOnClick && megamenu) { $modal.setId('megamenu--last-call'); isOpen = true; } if (!megamenu && $modal.id.includes('megamenu-')) { isOpen = false; $modal.setId(''); }" @click="(e) => { if (openOnClick && megamenu) { e.preventDefault(); e.stopPropagation(); if (isOpen && $modal.id.includes('megamenu-')) { isOpen = !isOpen; $modal.setId(''); } else if (megamenu) { isOpen = true; $modal.setId('megamenu--last-call'); } } }">
{ const dropdownEl = $el.parentElement.querySelector('.group-hfw\\:block'); const fromDropdown = e.relatedTarget && dropdownEl?.contains(e.relatedTarget); const fromMegamenu = e.relatedTarget && (e.relatedTarget.closest('[data-megamenu]') || e.relatedTarget.closest('section[x-show]')); if (fromDropdown || fromMegamenu) { return; } if (megamenu) { isOpen = true; $modal.setId('megamenu--last-call'); } else if (dropdown) { isOpen = true; } }" @focusout="(e) => { const relatedTarget = e.relatedTarget; const dropdownEl = $el.parentElement.querySelector('.group-hfw\\:block'); const movingToMegamenu = relatedTarget && (relatedTarget.closest('[data-megamenu]') || relatedTarget.closest('section[x-show]')); if (dropdown && (!relatedTarget || !dropdownEl?.contains(relatedTarget))) { isOpen = false; } if (megamenu && !movingToMegamenu) { isOpen = false; $modal.setId(''); } }" @keydown="(e) => { if (e.key === 'ArrowDown' && (dropdown || megamenu)) { e.preventDefault(); if (dropdown) { $nextTick(() => { const firstLink = $el.parentElement.querySelector('.group-hfw\\\\:block ul a'); if (firstLink) { firstLink.setAttribute('tabindex', '0'); firstLink.focus(); } }); } else if (megamenu) { $nextTick(() => { $nextTick(() => { const megamenuEl = document.querySelector('[data-megamenu=\'last-call\']'); if (megamenuEl) { const firstLink = megamenuEl.querySelector('figure[role=button], a[href]'); if (firstLink) { firstLink.setAttribute('tabindex', '0'); firstLink.focus(); } } }); }); } } else if (e.key === 'Escape' && isOpen) { e.preventDefault(); isOpen = false; $modal.setId(''); e.target.focus(); } }" @pointerover="`bar` == 'links' && $data.toggleTransparent" @pointerleave="`bar` == 'links' && $data.toggleTransparent" class="px-dynamic flex shrink-0 items-center gap-2">
Last Call
0