@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500&display=swap');
/* Scoped to the store banner: never change store navigation, cards or dialogs. */
#m9-shop-chuseok{position:relative;isolation:isolate;height:350px;margin:0 0 40px;border-radius:12px;overflow:hidden;background:#ede7db;color:#263e30;touch-action:pan-y}
#m9-shop-chuseok *{box-sizing:border-box}
#m9-shop-chuseok .slides,#m9-shop-chuseok .slide,#m9-shop-chuseok .scene{position:absolute;inset:0}
#m9-shop-chuseok .slide{opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s;overflow:hidden}
#m9-shop-chuseok .slide.is-active{opacity:1;visibility:visible;z-index:1}
#m9-shop-chuseok .scene{background:center/cover no-repeat;transform:scale(1.025)}
#m9-shop-chuseok .greeting .scene{background-image:url('greeting.webp');background-color:#eee8dc}
#m9-shop-chuseok .discount .scene{background-image:url('discount.webp');background-color:#73816b}
#m9-shop-chuseok .gift .scene{background-image:url('gift.webp');background-color:#193324}
#m9-shop-chuseok .is-active .scene{animation:m9-chuseok-drift 16s ease-out both}
#m9-shop-chuseok .discount{color:#fff8e7}
#m9-shop-chuseok .gift{color:#f3e4bd}
#m9-shop-chuseok .copy{position:absolute;z-index:2;left:8%;top:50%;transform:translateY(-50%);width:64%;padding-bottom:14px}
#m9-shop-chuseok .eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:500;margin:0 0 14px;color:inherit}
#m9-shop-chuseok h1,#m9-shop-chuseok h2{font-family:'Noto Serif KR',serif;font-weight:500;font-size:clamp(27px,3vw,39px);line-height:1.5;letter-spacing:-.055em;margin:0 0 12px;color:inherit;word-break:keep-all}
#m9-shop-chuseok .description{font-size:13px;line-height:1.85;margin:0 0 17px;color:inherit}
#m9-shop-chuseok .season-link{display:inline-flex;align-items:center;gap:25px;color:inherit;border-bottom:1px solid currentColor;padding:0 0 7px;font-size:12px;text-decoration:none;transition:opacity .2s}
#m9-shop-chuseok .season-link:hover{opacity:.75}
#m9-shop-chuseok .discount-number{position:absolute;z-index:1;right:9%;top:42%;transform:translateY(-50%);font:clamp(100px,15vw,185px)/1 Georgia,serif;letter-spacing:-.08em;color:#f6e8c4;text-shadow:1px 1px #fff8df,3px 4px #a08c62,9px 14px 22px #26342140}
#m9-shop-chuseok .discount-number span{font-size:.65em}
#m9-shop-chuseok .moon-glow{position:absolute;width:35%;aspect-ratio:1;right:0;top:-30%;border-radius:50%;background:radial-gradient(circle,#fff3c738,transparent 67%);animation:m9-chuseok-glow 8s ease-in-out infinite;pointer-events:none}
#m9-shop-chuseok button{font:inherit;cursor:pointer;color:inherit;box-shadow:none}
#m9-shop-chuseok[data-slide='1'],#m9-shop-chuseok[data-slide='2']{color:#fff8e7}
#m9-shop-chuseok .greeting{color:#263e30}
#m9-shop-chuseok .arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:34px;height:42px;border:0;background:transparent;padding:0;font:32px/42px Georgia,serif;opacity:.75}
#m9-shop-chuseok .arrow:hover{opacity:1}
#m9-shop-chuseok .arrow-prev{left:8px}
#m9-shop-chuseok .arrow-next{right:8px}
#m9-shop-chuseok .carousel-controls{position:absolute;z-index:5;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px}
#m9-shop-chuseok .dots{display:flex;align-items:center}
#m9-shop-chuseok .dots button{border:0;background:none;padding:10px 5px}
#m9-shop-chuseok .dots button span{display:block;width:6px;height:6px;background:currentColor;border-radius:5px;opacity:.35;transition:width .4s,opacity .4s}
#m9-shop-chuseok .dots button[aria-current=true] span{width:24px;opacity:1}
#m9-shop-chuseok .counter{font:10px Arial,sans-serif;letter-spacing:1px;white-space:nowrap}
#m9-shop-chuseok .playback{border:1px solid currentColor;background:transparent;border-radius:50%;width:26px;height:26px;padding:0;font:12px/24px Arial,sans-serif}
#m9-shop-chuseok .leaves{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
#m9-shop-chuseok .leaves i{position:absolute;top:-12%;width:8px;height:17px;border-radius:1px 90% 2px 90%;background:linear-gradient(135deg,#cfaa67,#ac7d3d);opacity:0;animation:m9-chuseok-leaf 13s linear infinite}
#m9-shop-chuseok .leaves i:nth-child(1){left:69%;animation-delay:-2s}
#m9-shop-chuseok .leaves i:nth-child(2){left:85%;animation-delay:-7s;width:6px;height:13px}
#m9-shop-chuseok .leaves i:nth-child(3){left:95%;animation-delay:-10s}
#m9-shop-chuseok.is-paused .leaves i,#m9-shop-chuseok.is-paused .scene,#m9-shop-chuseok.is-paused .moon-glow{animation-play-state:paused}
#m9-shop-chuseok .slide-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#m9-shop-chuseok :focus-visible,#m9-shop-chuseok:focus-visible{outline:2px solid #b88a3d;outline-offset:4px}
@keyframes m9-chuseok-drift{from{transform:scale(1.025)}to{transform:scale(1)}}
@keyframes m9-chuseok-glow{50%{opacity:.4;transform:scale(1.14)}}
@keyframes m9-chuseok-leaf{0%{transform:translate(0,-20px) rotate(10deg);opacity:0}15%{opacity:.5}80%{opacity:.35}100%{transform:translate(-140px,560px) rotate(260deg);opacity:0}}
@media(max-width:600px){
  #m9-shop-chuseok{height:490px;margin-bottom:28px;border-radius:10px}
  #m9-shop-chuseok .scene{background-size:auto 230px;background-position:right bottom}
  #m9-shop-chuseok .scene:after{content:'';position:absolute;left:0;right:0;bottom:160px;height:90px;background:linear-gradient(to bottom,#eee8dc 25%,transparent)}
  #m9-shop-chuseok .discount .scene:after{background:linear-gradient(to bottom,#73816b 25%,transparent)}
  #m9-shop-chuseok .gift .scene{background-size:auto 195px;background-position:80% bottom}
  #m9-shop-chuseok .gift .scene:after{bottom:125px;background:linear-gradient(to bottom,#193324 25%,transparent)}
  #m9-shop-chuseok .copy{left:25px;right:18px;top:28px;width:auto;transform:none;padding:0}
  #m9-shop-chuseok .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:13px}
  #m9-shop-chuseok h1,#m9-shop-chuseok h2{font-size:27px;margin-bottom:11px}
  #m9-shop-chuseok .description{font-size:11px;line-height:1.9;margin-bottom:13px}
  #m9-shop-chuseok .season-link{font-size:11px}
  #m9-shop-chuseok .discount-number{top:auto;bottom:40px;right:32px;transform:none;font-size:125px}
  #m9-shop-chuseok .arrow{top:65%;background:#f9f7ef26;border-radius:50%;width:30px;height:30px;font-size:26px;line-height:27px}
  #m9-shop-chuseok .carousel-controls{border-radius:30px;padding:0 9px;background:#f4f1e799;color:#263e30}
  #m9-shop-chuseok[data-slide='1'] .carousel-controls,#m9-shop-chuseok[data-slide='2'] .carousel-controls{background:#153023aa;color:#fff8df}
  #m9-shop-chuseok .moon-glow{width:60%;top:45%;right:-10%}
}
@media(prefers-reduced-motion:reduce){#m9-shop-chuseok *,#m9-shop-chuseok *:after{animation:none!important;transition:none!important}#m9-shop-chuseok .leaves{display:none}}