.category-announcements{position:relative;isolation:isolate;width:100%;max-width:640px;margin:0 auto 28px;color:var(--ink)}
.category-announcements[hidden]{display:none}
body.storefront-products-loading main.section>.container>.category-announcements:not([hidden]){display:block!important}
.korea-page .category-announcements:not([hidden]){margin-top:24px}
.category-announcement-viewport{display:flex;overflow-x:auto;overflow-y:hidden;aspect-ratio:4/3;border:1px solid var(--line);border-radius:22px;background:var(--paper);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.category-announcement-viewport::-webkit-scrollbar{display:none}
.category-announcement-slide{position:relative;flex:0 0 100%;min-width:0;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:var(--paper)}
.category-announcement-link{display:block;color:inherit;text-decoration:none;cursor:pointer}
.category-announcement-link:focus-visible{outline:3px solid #1672c4;outline-offset:-4px}
.category-announcement-slide img{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s ease}
.category-announcement-slide.is-ready img{opacity:1}
.category-announcement-slide.is-loading{background:#e9edef}
.category-announcement-slide.is-loading::after{position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:category-announcement-shimmer 1.5s linear infinite;content:"";pointer-events:none}
.category-announcement-error{display:grid;place-items:center;position:absolute;inset:0;color:var(--muted);font-size:14px}
.category-announcement-counter{position:absolute;right:12px;bottom:12px;z-index:4;min-width:42px;padding:6px 9px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(22,28,26,.72);color:#fff;font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.category-announcement-link-hint{position:absolute;left:12px;bottom:12px;z-index:4;padding:6px 10px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(22,28,26,.72);color:#fff;font-size:.75rem;font-weight:800;line-height:1;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.category-announcement-viewport:focus-visible{outline:3px solid #1672c4;outline-offset:3px}
@keyframes category-announcement-shimmer{to{transform:translateX(100%)}}
@media(min-width:761px){
 .category-announcements{max-width:none;margin-bottom:20px}
 .category-announcement-viewport{align-items:flex-start;aspect-ratio:auto;gap:0;overflow-x:auto;overflow-y:hidden;padding:8px 2px 24px;border:0;border-radius:0;background:transparent;scroll-snap-type:x proximity}
 .category-announcement-slide{z-index:calc(20 - var(--slide-position,0));flex:0 0 40%;height:auto;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line);border-radius:22px;scroll-snap-align:center;transition:box-shadow .25s ease}
 .category-announcement-slide img{position:absolute;inset:0}
 .category-announcement-slide+.category-announcement-slide{margin-left:-20%}
 .category-announcement-slide:nth-child(even){margin-top:18px}
 .category-announcement-slide:nth-child(4n){margin-top:36px}
 .category-announcement-slide.is-active{z-index:30;box-shadow:0 14px 28px rgba(25,41,36,.14)}
 .category-announcement-link:hover{z-index:31;box-shadow:0 18px 32px rgba(25,41,36,.18)}
 .category-announcement-viewport[data-count="1"]{justify-content:center;overflow-x:hidden}
 .category-announcement-viewport[data-count="1"] .category-announcement-slide{flex-basis:min(640px,100%)}
 .category-announcement-viewport[data-count="2"] .category-announcement-slide{flex-basis:64%}
 .category-announcement-viewport[data-count="2"] .category-announcement-slide+.category-announcement-slide{margin-left:-28%}
 .category-announcement-viewport[data-count="3"] .category-announcement-slide{flex-basis:52%}
 .category-announcement-viewport[data-count="3"] .category-announcement-slide+.category-announcement-slide{margin-left:-28%}
 .category-announcement-counter,.category-announcement-link-hint{display:none}
}
@media(max-width:760px){.category-announcements{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.category-announcement-slide.is-loading::after{animation:none;transform:none;opacity:.3}.category-announcement-slide,.category-announcement-slide img{transition:none}}