/* SUNGHANG motion-plus: progressive enhancement, no hidden base state. */
.mp-nav-host{position:relative}.mp-nav-line{position:absolute;left:0;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#1557ff,#72cfff);pointer-events:none;opacity:0;transform-origin:left;z-index:2;display:none}
html.mp-on .mp-nav-line{display:block;transition:transform .32s cubic-bezier(.2,.8,.2,1),width .32s,opacity .2s}
html.mp-on :is(.text-link,.footer-map-link){text-decoration-color:transparent;text-underline-offset:6px;transition:text-decoration-color .25s,color .25s}
html.mp-on :is(.text-link,.footer-map-link):is(:hover,:focus-visible){text-decoration:underline;text-decoration-color:currentColor}
html.mp-on :is(.button,.btn,.sc-primary,.sc-secondary):active{box-shadow:inset 0 0 0 2px #ffffff70!important}
html.mp-on :is(.button,.btn,.sc-primary,.sc-secondary,.nav-link):focus-visible{outline:2px solid #568cf0;outline-offset:5px}
/* Depth uses lighting, not another translate/transform on existing cards. */
html.mp-on :is(.catalog-card,.bh-card,.official-product-card,.business-six-item):not(.mp-qr-ancestor){transition:border-color .3s,box-shadow .35s}
html.mp-on :is(.catalog-card,.bh-card,.official-product-card,.business-six-item):not(.mp-qr-ancestor):is(:hover,:focus-within){border-color:#8faee8;box-shadow:0 14px 34px #163f7018,inset 0 1px 0 #fff9}
html.mp-on :is(.catalog-photo,.product-feature):not(.mp-qr-ancestor) img{transition:box-shadow .45s}
html.mp-on :is(.catalog-photo,.product-feature):not(.mp-qr-ancestor):hover img{box-shadow:0 8px 26px #14396b1c}
html.mp-on .hero-intro::after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 25%,#b6e4ff35,transparent 48%),radial-gradient(ellipse at 20% 70%,#b9c8ff20,transparent 50%);animation:mp-soft-light 5s ease-out both}
html.mp-on .hero-intro .hero-title .blue{background-image:linear-gradient(110deg,#1557ff 15%,#5663cd 46%,#087fbd 70%,#1557ff);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:mp-title-color 5s ease-in-out 2 alternate!important}
@keyframes mp-soft-light{from{opacity:.3}to{opacity:1}}
@keyframes mp-title-color{from{background-position:0 50%}to{background-position:100% 50%}}
/* Scan surfaces and EVERY marked ancestor must remain optically stable.
   No overflow override on body/html; scoped to actual content ancestors. */
.mp-qr-ancestor:not(html):not(body),.mp-qr-surface,.store-collage[aria-expanded=true],.collage-back,.collage-qr{animation:none!important;transform:none!important;translate:none!important;rotate:none!important;scale:none!important;filter:none!important;clip-path:none!important;perspective:none!important;transition:none!important}
.mp-qr-ancestor:not(html):not(body),.mp-qr-surface,.store-collage[aria-expanded=true],.collage-back{overflow:visible!important}
.mp-qr-surface img,.collage-qr{animation:none!important;transform:none!important;translate:none!important;filter:none!important;clip-path:none!important;object-fit:contain!important;transition:none!important}
.mp-qr-ancestor::before,.mp-qr-ancestor::after,.mp-qr-surface::before,.mp-qr-surface::after{animation:none!important;filter:none!important}
html:not(.mp-on) .mp-nav-line{display:none!important}
html:not(.mp-on) .hero-intro::after{animation:none!important;display:none}
@media(max-width:767px){.mp-nav-line{display:none!important}html.mp-on .hero-intro::after{background:radial-gradient(ellipse at 75% 25%,#b6e4ff25,transparent 65%)}}
@media(prefers-reduced-motion:reduce){.mp-nav-line{display:none!important}html.mp-on .hero-intro::after{display:none}html.mp-on .hero-intro .hero-title .blue{animation:none!important}html.mp-on :is(.text-link,.footer-map-link,.catalog-card,.bh-card,.official-product-card,.business-six-item,.catalog-photo img,.product-feature img){transition:none!important}}