@media(max-width:768px){
 main>.custom-design-section{width:100%!important;height:auto!important;min-height:0!important;padding:24px 0!important;overflow:visible!important}
 main .custom-design-box{box-sizing:border-box;min-height:0;margin-inline:auto;overflow:visible!important}
 main .mobile-custom-card>.custom-design-box{display:flex;flex-direction:column;gap:12px;padding:20px!important}
 main .mobile-custom-card>.custom-design-box>h2,main .mobile-custom-card>.custom-design-box>p{margin:0!important}
 main .mobile-custom-card>.custom-design-box>img[data-design-addition]{position:static!important;left:auto!important;top:auto!important;translate:none!important;display:block!important;order:1;max-width:100%!important;height:auto!important;margin:8px auto 0!important;object-fit:contain}
 main .custom-design-box>h2,main .custom-design-box>p{position:static!important;translate:none!important;width:auto!important;max-width:100%!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere}
 main>:not(.custom-design-section)[data-design-section]{width:100%!important;height:auto!important}
 main>section.wrap:not(.custom-design-section)[data-design-section]{width:calc(100% - 32px)!important;margin-inline:auto!important}
 main>.quote.wrap[data-design-section]{width:calc(100% - 32px)!important;margin-inline:auto!important}
}
@media(max-width:640px){
 main>section.wrap:not(.custom-design-section)[data-design-section]{width:calc(100% - 28px)!important}
 main>.quote.wrap[data-design-section]{width:calc(100% - 28px)!important}
 main .popular .product-art{height:155px!important;max-height:155px!important;overflow:hidden}
 main .popular .product-art>img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
 main #process .steps{grid-template-columns:minmax(0,1fr)!important;gap:46px!important}
 main #process .step{box-sizing:border-box;min-width:0;width:100%!important;height:auto!important;translate:none!important;overflow:visible!important}
 main #process .step>b,main #process .step>h3,main #process .step>p{box-sizing:border-box;width:auto!important;max-width:100%!important;height:auto!important;translate:none!important;white-space:normal!important;overflow-wrap:anywhere}
 main #process .step>h3{font-size:1.3rem!important}
 main #process .step>p{font-size:1rem!important;line-height:1.6!important}
 main #process .step:not(:last-child)::after{content:'↓'!important;position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:-31px!important;transform:translateX(-50%)!important;z-index:3}
}

@media(max-width:960px){
 main #process .section-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important}
 main #process .section-head>div,main #process .section-head>p{min-width:0;max-width:100%!important}
 main #process .section-head h2{box-sizing:border-box;width:auto!important;max-width:100%!important;height:auto!important;translate:none!important;font-size:clamp(1.8rem,6vw,2.8rem)!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere}
 main #process .section-head>p{box-sizing:border-box;width:auto!important;height:auto!important;translate:none!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere}
}@media(min-width:641px) and (max-width:960px){
 main #process .steps{grid-template-columns:minmax(0,1fr)!important;gap:46px!important}
 main #process .step{box-sizing:border-box;min-width:0;width:100%!important;height:auto!important;translate:none!important;overflow:visible!important}
 main #process .step>b,main #process .step>h3,main #process .step>p{box-sizing:border-box;width:auto!important;max-width:100%!important;height:auto!important;translate:none!important;white-space:normal!important;overflow-wrap:anywhere}
 main #process .step>h3{font-size:1.3rem!important}
 main #process .step>p{font-size:1rem!important;line-height:1.6!important}
 main #process .step:not(:last-child)::after{content:'↓'!important;position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:-31px!important;transform:translateX(-50%)!important;z-index:3}
}
@media(max-width:380px){
 main .hero .slides{min-height:330px!important}
 main .hero .slide{grid-template-columns:minmax(0,1fr) 82px!important;gap:4px!important;padding:24px 16px 54px!important;align-items:start!important}
 main .hero .slide h1{font-size:1.65rem!important;line-height:1.12!important;margin:12px 0!important;overflow-wrap:normal!important;word-break:keep-all!important}
 main .hero .slide p{font-size:.76rem!important;line-height:1.5!important;margin-bottom:12px!important;word-break:keep-all!important}
 main .hero .device-stage{min-width:0!important;min-height:118px!important;padding-top:44px!important}
 main .hero .orb{width:82px!important;height:82px!important}
 main .hero .device-copy strong{font-size:1.9rem!important}
 main .hero .badge{width:48px!important;height:48px!important;font-size:.52rem!important}
 main>.quote.wrap[data-design-section]{width:calc(100% - 20px)!important}
 main .quote-box{min-width:0!important;padding:20px 16px!important}
 main .quote-box>div{min-width:0!important}
 main .search{width:100%!important;min-width:0!important}
 main .search input{width:0!important;min-width:0!important;flex:1 1 0!important;padding-inline:12px!important}
 main .search .primary{flex:0 0 auto!important;padding:11px 14px!important;white-space:nowrap!important}
}
/* Keep every hero control inside the rounded banner when Korean copy wraps. */
@media(max-width:640px){
 main .hero .slides{min-height:340px!important;overflow:hidden}
 main .hero .slide{padding-bottom:64px!important}
 main .hero .slide>div:first-child{align-self:start;min-height:0}
 main .hero .hero-actions{position:static!important;margin-top:0!important}
 main .hero .dots{bottom:18px!important}
}
@media(max-width:380px){
 main .hero .slides{min-height:360px!important}
}