function getTotalHeightIncludingMargin(element) { if (!element) return 0; const style = window.getComputedStyle(element); const marginTop = parseFloat(style.marginTop); const marginBottom = parseFloat(style.marginBottom); return element.offsetHeight + marginTop + marginBottom; } function updateAnnouncementContainerHeight() { const socialLinksHeight = getTotalHeightIncludingMargin(socialLinks); const announcementHeight = getTotalHeightIncludingMargin(announcement); const height = Math.max(socialLinksHeight, announcementHeight); announcementContainer.style.height = height + 'px'; } function resetAnnouncementContainerHeight() { announcementContainer.style.height = 'auto'; } const socialLinks = document.getElementById('socialLinks'); const announcement = document.querySelector('.pc-announcement'); const announcementContainer = document.querySelector('.announcement-container'); const resizeObserver = new ResizeObserver(() => { if (window.matchMedia("(min-width: 960px)").matches) { updateAnnouncementContainerHeight(); }else { resetAnnouncementContainerHeight(); } }); if (socialLinks) { resizeObserver.observe(socialLinks); } if (announcement) { resizeObserver.observe(announcement); }

const prefixSection = "shoplaza-section" ; const headerRoot = document.getElementById(`${prefixSection}-header`); const collectionFeaturedSticky = document.getElementById('collection-func-sticky'); const collectionFilter = document.getElementById('collection-filter'); const mdStickyOn = true; const resizeObserver = new ResizeObserver(entries => { for (let entry of entries) { const { height } = entry.contentRect; collectionFeaturedSticky && (collectionFeaturedSticky.style.top = (mdStickyOn ? height : '0') + 'px'); collectionFilter && (collectionFilter.style.top = height + 'px'); } }); resizeObserver.observe(headerRoot);

const updateHeaderMetrics = () => { const header = document.getElementById('header'); const rect = header.getBoundingClientRect(); const headerHeight = rect.bottom; document.documentElement.style.setProperty('--header-height', `${headerHeight}px`); }; window.addEventListener('DOMContentLoaded', updateHeaderMetrics); window.addEventListener('resize', updateHeaderMetrics); const header = document.getElementById('header'); const resizeObserver = new ResizeObserver(entries => { for (let entry of entries) { const rect = entry.target.getBoundingClientRect(); const headerHeight = rect.bottom; document.documentElement.style.setProperty('--header-height', `${headerHeight}px`); } }); resizeObserver.observe(header);

New Products Offer (Exclusive for Subscription Customers)

New Products Offer (Exclusive for Subscription Customers)

New Products Offer (Exclusive for Subscription Customers)

7 Products

7 Products

+1

Sakura peripheral quicksand phone case

from

$31.90

~~$82.30~~

-

$50.40

-

$50.40

Hyrule Manufacture:Zelda Korok Earphone Protective Case, compatible with AirPods 1, 2, and 3.

$34.60

~~$79.99~~

-

$45.39

-

$45.39

Gastly Luminous humidifier 3.0（Aroma diffuser）

$68.00

~~$128.00~~

-

$60.00

-

$60.00

+6

Sailor Moon Quicksand Phone Case

from

$26.90

~~$63.00~~

-

$36.10

-

$36.10

Bokoblin Dry Hair Cap

$24.99

~~$38.00~~

-

$13.01

-

$13.01

Hyrule Manufacture:Korok Homemade Backpack

from

$69.90

~~$129.00~~

-

$59.10

-

$59.10

Anime JoJo's Bizarre Adventure Kujo Jotaro Earphone Wireless Bluetooth Headset （Limit Time Offer ！！）

$65.00

~~$99.99~~

-

$34.99

-

$34.99