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);

Sakura-Series Phone Case

Sakura-Series Phone Case

Sakura-Series Phone Case

17 Products

17 Products

+1

Sakura peripheral quicksand phone case

from

$31.90

~~$82.30~~

-

$50.40

-

$50.40

Sakura Magic circle Phone case

$19.90

+8

Electroplated frame laser process blue phone case

$17.90

"Cardcaptor Chic" Phone Case

$18.80

"Clow Card Chronicles" Phone Case

$18.80

Sakura's Magic Journey" Phone Case

$18.80

Sakura's Magic Mirror" Phone Case

$18.80

Sakura's Magical Essence" Phone Case

$18.80

Sakura's Quest" Phone Case

$18.80

Sakura's Spell" Phone Case

$18.80

+3

"Captive in Clow" Phone Case

$17.99

+3

"Mystic Capture Chronicles" Phone Case

$17.99

~~$29.99~~

-

$12.00

-

$12.00

+5

"Whimsical Wanders" Phone case

$17.99

~~$23.99~~

-

$6.00

-

$6.00

"Whimsical Wanders" Phone Case

$18.80

+2

Chibi Sakura Phonecase with Magnetic Popsocket

from

$20.90

~~$40.90~~

-

$20.00

-

$20.00

（NEW）Sakura Quick-sand Phonecase

from

$17.90

~~$27.90~~

-

$10.00

-

$10.00

+8

Sakura pink phone case

$19.90