:root{--navy:#061b37;--teal:#00877e;--yellow:#ffe632}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--navy);font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif;background:#fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #00aaa0;outline-offset:5px}h1,h2,h3,p{margin:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.site-header{height:94px;padding:0 3.9%;display:flex;align-items:center;justify-content:space-between;gap:26px;background:white;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand>svg{width:68px;height:52px}.brand strong{font:italic 950 36px/1.1 Arial,sans-serif;letter-spacing:-1.6px;text-shadow:1px 1px 0 #061b37}.brand small{display:block;font-size:14px;font-weight:700;margin-top:3px;letter-spacing:-.4px}.desktop-nav{display:flex;align-items:center;gap:40px;margin-left:auto;margin-right:12px;height:100%;white-space:nowrap;font-size:18px;font-weight:700}.desktop-nav a{position:relative;height:100%;display:flex;align-items:center}.desktop-nav a.active:after{content:"";position:absolute;height:5px;border-radius:4px;bottom:21px;left:-14px;right:-14px;background:#00867e}.header-actions{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:16px;font-weight:700}.header-actions button,.login{height:45px;border-radius:17px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:8px}.language{position:relative}.language>button{background:#f3f6f9;box-shadow:inset 0 0 0 1px #edf1f5;color:var(--navy)}#langMenu{position:absolute;right:0;top:54px;min-width:155px;background:#fff;box-shadow:0 8px 32px #06283d22;border-radius:14px;padding:6px}#langMenu button{width:100%;background:#fff;justify-content:flex-start}#langMenu button:hover{background:#edf8f7}.line{background:#00bf47;color:#fff}.kakao{background:#ffe719;color:#15151a}.bubble{position:relative;display:grid;place-items:center;width:24px;height:23px;border-radius:50%;background:white;color:#00bf47;font:900 8px Arial}.bubble:after{content:"";position:absolute;bottom:-3px;left:5px;border-top:6px solid white;border-right:6px solid transparent}.kakao .bubble{background:#35201c;color:#ffe719}.kakao .bubble:after{border-top-color:#35201c}.login{background:#004858;color:white;min-width:115px}.login .icon{width:25px;height:25px;stroke-width:1.8}#menuBtn{display:none;background:none;font-size:25px;color:var(--navy)}
.hero{position:relative;height:400px;overflow:hidden;background:#a9ddfa url('bg2.png') center 65%/cover no-repeat}.hero-copy{position:relative;padding-top:43px;margin-left:5.5%;z-index:1}.hero-copy h1{font-size:44px;line-height:1.25;letter-spacing:-2px;font-weight:950;text-shadow:1px 2px 0 #ffffff9c}.hero-copy em{color:#007e78;font-family:Arial,sans-serif;font-weight:950;letter-spacing:-1px;font-size:49px}.hero-copy p{font-size:22px;line-height:1.55;margin-top:20px;letter-spacing:-.7px;font-weight:600;color:#07172b}.price-card{position:absolute;left:auto;right:6%;top:82px;width:380px;height:272px;background:linear-gradient(140deg,#006466,#003c4a);border:1px solid #ffffff99;border-radius:25px;transform:skewX(-10deg);box-shadow:0 5px 14px #003c4a12}.price-inner{transform:skewX(10deg);padding:16px 27px 18px}.promotion{position:absolute;top:-25px;left:85px;background:linear-gradient(#ff3925,#ff2113);color:#fff;border:1px solid #ff8e6c;border-radius:14px;font-size:25px;font-weight:900;padding:6px 22px;white-space:nowrap;box-shadow:0 5px 9px #19212024}.price-value{display:flex;align-items:baseline;gap:10px;height:123px;position:relative;white-space:nowrap}.price-value b{font:950 116px/1.05 Arial,sans-serif;color:var(--yellow);letter-spacing:-5px}.price-value strong{font:800 43px/1 Arial,sans-serif;color:white;letter-spacing:-1px}.rays{position:absolute;right:0;top:22px;font-size:27px;color:var(--yellow);transform:rotate(15deg)}.rays:before,.rays:after{content:"";position:absolute;background:var(--yellow);width:5px;height:15px;top:3px;left:-12px;transform:rotate(-12deg)}.rays:after{left:15px;top:18px;transform:rotate(55deg)}.no-fees{border-radius:40px;background:linear-gradient(#fff,#f6f8fa);text-align:center;margin:0 23px;padding:5px 0;font-size:28px;font-weight:900;box-shadow:0 2px 5px #001e3f30}.free-delivery{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--yellow);margin-top:18px;white-space:nowrap;font-size:31px;letter-spacing:-1.2px}.free-delivery .icon{width:46px;height:40px;color:white;stroke-width:3}
.lower-content{width:92.2%;max-width:1400px;margin:0 auto}.benefits{height:103px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:center;padding-left:6.7%}.benefits article{display:flex;gap:19px;align-items:center;white-space:nowrap}.benefits .icon{color:var(--teal);width:47px;height:47px;flex-shrink:0}.benefits h2{font-size:20px;font-weight:900;letter-spacing:-.8px}.benefits p{font-size:17px;margin-top:4px;color:#111e32;letter-spacing:-.4px}.process{background:linear-gradient(120deg,#f1f7fa,#f4f8fb 60%,#edf4f8);border-radius:19px;height:214px;padding:16px 20px}.process>h2{font-size:24px;line-height:32px;font-weight:900;display:flex;align-items:center;gap:13px;margin-left:10px;letter-spacing:-.7px}.process>h2:before{content:"";width:7px;height:24px;border-radius:2px;background:linear-gradient(#29bcb0,#00636a)}.process ol{padding:0;margin:13px 0 0;list-style:none;display:grid;grid-template-columns:repeat(6,1fr)}.process li{position:relative;text-align:center}.process li:not(:last-child):after{content:"›";font:32px/1 Arial;position:absolute;right:-5px;top:19px;color:#004354}.step-icon{width:73px;height:69px;border-radius:50%;background:#cef3eb;display:grid;place-items:center;margin:0 auto 9px}.step-icon .icon{width:40px;height:40px;color:#007c76;stroke-width:2.7}.process h3{font-size:20px;letter-spacing:-.9px;line-height:1.4;font-weight:900;white-space:nowrap;color:#080e19}.process p{font-size:18px;line-height:1.5;color:#080e19;letter-spacing:-.6px}.shipping-cta{height:152px;border-radius:20px;background:linear-gradient(105deg,#006a68ee,#00545bed),url('bg.png') center 65%/cover;display:grid;grid-template-columns:1fr 1fr 1.1fr;align-items:center;margin-top:26px;color:white;padding:22px 43px 22px 74px;gap:36px}.shipping-cta h2{font-size:32px;letter-spacing:-1.1px;line-height:1.3;font-weight:900;white-space:nowrap}.shipping-cta ul{list-style:none;margin:0;padding:0 0 0 43px;border-left:1px solid #ffffff4d;font-size:20px;line-height:1.9;white-space:nowrap;letter-spacing:-.5px;font-weight:600}.shipping-cta li:before{content:"";display:inline-block;width:18px;height:10px;border-left:4px solid white;border-bottom:4px solid white;transform:rotate(-45deg);margin-right:16px;vertical-align:5px}.track-button{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(100deg,#ffea37,#ffe52c);box-shadow:inset 0 0 0 2px #fff24c;border-radius:40px;color:var(--navy);height:67px;white-space:nowrap;font-size:25px;font-weight:900;letter-spacing:-1px}.track-button .icon{width:32px;height:32px;stroke-width:2.2}.track-button .arrow{width:24px}.mobile-track{display:none}.faq{max-width:900px;margin:70px auto 50px;padding:0 24px}.faq h2{font-size:28px;margin-bottom:16px}.faq details{border-bottom:1px solid #dbe7e9;padding:20px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{margin-top:14px;color:#52616c;line-height:1.7}dialog{border:0;border-radius:20px;padding:35px;color:var(--navy);max-width:calc(100% - 40px);box-shadow:0 20px 80px #001a3544}dialog::backdrop{background:#001b3566}dialog h2{font-size:24px;margin-bottom:18px}dialog p{line-height:1.8}.dialog-close{position:absolute;right:14px;top:7px;font-size:27px;background:none}.dialog-confirm{margin-top:24px;background:var(--teal);color:white;border-radius:10px;padding:10px 30px}
@media(min-width:1700px){.hero-copy{margin-left:6%}}@media(max-width:1400px) and (min-width:1101px){.site-header{gap:16px;padding:0 3%}.desktop-nav{gap:24px;font-size:16px;margin-right:0}.brand strong{font-size:30px}.brand>svg{width:58px}.brand small{font-size:12px}.header-actions{gap:7px;font-size:14px}.header-actions button,.login{padding:0 10px}.login{min-width:90px}.hero-copy h1{font-size:39px}.hero-copy em{font-size:44px}.price-card{left:auto;right:6%;width:350px}.price-value b{font-size:108px}.price-value strong{font-size:38px}.free-delivery{font-size:28px}.benefits{padding-left:2%;gap:12px}.benefits article{gap:10px}.benefits h2{font-size:17px}.benefits p{font-size:15px}.process h3{font-size:17px}.process p{font-size:16px}.shipping-cta{padding:22px 28px;gap:20px}.shipping-cta h2{font-size:26px}.shipping-cta ul{padding-left:25px;font-size:17px}.track-button{font-size:20px}}
@media(max-width:1100px){.desktop-nav{gap:20px;font-size:15px}.header-actions .contact{display:none}.site-header{height:84px}.hero-copy h1{font-size:36px}.hero-copy em{font-size:40px}.hero-copy p{font-size:18px}.price-card{left:auto;right:5%;width:330px}.price-value b{font-size:105px}.price-value strong{font-size:35px}.free-delivery{font-size:26px}.lower-content{width:92%;margin:0 auto}.benefits{padding:0;gap:12px}.benefits article{gap:10px}.benefits .icon{width:38px}.benefits h2{font-size:16px}.benefits p{font-size:14px}.process h3{font-size:16px}.process p{font-size:15px}.shipping-cta{padding:22px 28px;gap:20px}.shipping-cta h2{font-size:25px}.shipping-cta ul{padding-left:25px;font-size:16px}.track-button{font-size:20px}}
@media(max-width:760px){.site-header{height:84px;padding:0 6%;gap:0}.brand>svg{width:51px;height:42px}.brand{gap:7px}.brand strong{font-size:29px}.brand small{font-size:10px;margin-top:3px}.desktop-nav,.header-actions{display:none}#menuBtn{display:block}.hero{height:auto;min-height:max(440px,130vw);display:block;padding-bottom:0;background:#087da8 url('bg_mb.png') center top/100% auto no-repeat;overflow:hidden}.hero-copy{margin-left:5%;padding-top:30px;margin-right:5%}.hero-copy h1{width:57%;font-size:clamp(18px,5.1vw,28px);line-height:1.4;letter-spacing:-1px}.hero-copy em{font-size:clamp(19px,5.4vw,30px);white-space:nowrap}.hero-copy p{font-size:clamp(14px,3.7vw,18px);line-height:1.6;margin-top:84px;letter-spacing:-.6px}.price-card{position:absolute;top:43px;left:auto;right:4%;margin:0;width:clamp(124px,38vw,210px);height:145px;transform:skewX(-10deg);border-radius:17px}.price-inner{transform:skewX(10deg);padding:15px 8px 10px}.promotion{font-size:clamp(12px,3.2vw,16px);left:50%;transform:translateX(-50%);top:-15px;border-radius:9px;padding:4px 8px}.price-value{height:61px;justify-content:center;gap:4px}.price-value b{font-size:clamp(42px,13vw,60px);letter-spacing:-3px}.price-value strong{font-size:clamp(13px,3.8vw,20px);letter-spacing:-.5px}.rays{display:none}.no-fees{margin:0 3px;font-size:clamp(13px,3.6vw,18px);padding:3px}.free-delivery{font-size:clamp(10px,2.8vw,15px);margin-top:10px;gap:4px;letter-spacing:-.6px}.free-delivery .icon{width:19px;height:19px;flex-shrink:0;stroke-width:2.5}.mobile-track{display:flex;margin:18px 5% 24px;background:linear-gradient(110deg,#00867d,#006466);height:62px;border-radius:25px;align-items:center;justify-content:center;gap:12px;font-size:21px;font-weight:800;color:#fff}.mobile-track .icon{width:30px;height:30px;stroke-width:2}.mobile-track .icon:last-child{width:22px}.lower-content{width:90%;display:flex;flex-direction:column;margin-top:25px}.benefits{height:auto;grid-template-columns:1fr 1fr;gap:24px 12px;margin:12px 0 30px}.benefits article{align-items:flex-start;gap:10px;white-space:normal}.benefits .icon{width:32px;height:36px}.benefits h2{font-size:15px;letter-spacing:-.8px}.benefits p{font-size:12px}.process{height:auto;padding:20px 12px}.process>h2{font-size:22px}.process ol{grid-template-columns:1fr 1fr;gap:24px 5px;margin-top:22px}.process li:not(:last-child):after{display:none}.process li:nth-child(odd):after{display:block;right:-5px}.process h3{font-size:15px}.process p{font-size:14px}.step-icon{width:65px;height:65px}.shipping-cta{height:auto;grid-template-columns:1fr;gap:22px;padding:28px;text-align:center}.shipping-cta h2{font-size:27px}.shipping-cta ul{padding:18px 0 0;border-left:0;border-top:1px solid #ffffff4d;text-align:left;width:max-content;margin:auto;font-size:17px}.track-button{height:60px;font-size:21px}.faq{margin-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Mobile navigation uses the native dialog top layer and focus management. */
html.menu-open,html.menu-open body{overflow:hidden;overscroll-behavior:none}
.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(390px,92vw);max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:24px 22px max(22px,env(safe-area-inset-bottom));border:0;border-radius:24px 0 0 24px;background:#fff;color:var(--navy);overflow-y:auto;overscroll-behavior:contain;box-shadow:-12px 0 50px #001b3526}
.mobile-menu[open]{display:flex;flex-direction:column;animation:drawer-enter .24s ease-out}
.mobile-menu::backdrop{background:#001b3580;backdrop-filter:blur(3px);animation:drawer-shade .2s ease-out}
.drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.drawer-eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--teal);font-weight:800}
.drawer-heading h2{font:italic 900 28px/1.2 Arial,sans-serif;margin:6px 0 0;letter-spacing:-1px}
.drawer-close{position:static;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f1f5f7;color:#244052;font:30px/1 Arial}
.drawer-account{display:flex;align-items:center;gap:12px;padding-bottom:20px}
.drawer-user{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e5f5f1;color:var(--teal);flex-shrink:0}
.drawer-user .icon{width:25px;height:25px;stroke-width:1.8}
.drawer-account strong{display:block;font-size:16px}
.drawer-account small{display:block;font-size:11px;color:#637581;margin-top:5px;line-height:1.5}
.drawer-account>.icon,.drawer-nav .icon{width:18px;height:18px;stroke-width:1.8;margin-left:auto;flex-shrink:0;color:#8a9da6}
.drawer-track{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;background:linear-gradient(110deg,#00867d,#005c64);color:white;font-size:17px;font-weight:800;min-height:56px}
.drawer-track .icon{width:24px;height:24px;stroke-width:2}.drawer-track .icon:last-child{margin-left:auto;width:18px}
.drawer-nav{padding:15px 0;margin:10px 0 20px;border-bottom:1px solid #e9eef1}
.drawer-nav a{display:flex;gap:10px;align-items:center;min-height:54px;padding:12px 10px;border-radius:10px;font-size:16px;font-weight:700}
.drawer-nav a[aria-current]{background:#edf8f5;color:#00786f}
.drawer-nav a:hover{background:#f3f8f8}
.drawer-badge{font:700 11px Arial;color:#007d73;background:#e5f5f0;border-radius:20px;padding:5px 8px;margin-left:auto}
.drawer-nav .drawer-badge+.icon{margin-left:0}
.drawer-language h3,.drawer-support h3{font-size:14px;margin:0 0 12px}
.drawer-language h3 span{font:12px Arial;color:#84939b;margin-left:6px}
.drawer-language>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.drawer-language button{min-height:44px;padding:9px 4px;border:1px solid #e0e8eb;border-radius:10px;background:white;color:#536873;font-size:13px;font-weight:700}
.drawer-language button[aria-pressed="true"]{background:#edf9f5;border-color:#00867d;color:#006e66;box-shadow:inset 0 0 0 1px #00867d}
.drawer-support{margin-top:24px;padding:18px 15px;border-radius:15px;background:#f4f8f9}
.drawer-support h3{margin-bottom:6px}.drawer-support p{font-size:12px;color:#667d88;margin:0 0 16px;line-height:1.5}
.drawer-support>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.drawer-support button{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;min-height:46px;font-size:12px;font-weight:800}
.mobile-menu .drawer-footer{font-size:11px;color:#8a9ba3;text-align:center;margin:24px 0 0;padding-top:4px}
@keyframes drawer-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes drawer-shade{from{opacity:0}to{opacity:1}}
@media(max-width:760px){#menuBtn{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f2f7f8}#menuBtn:hover{background:#e5f3f0}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:21px;height:2px;background:var(--navy);border-radius:2px;position:relative}.menu-lines:before,.menu-lines:after{content:"";position:absolute;left:0}.menu-lines:before{top:-7px}.menu-lines:after{top:7px}}
@media(prefers-reduced-motion:reduce){.mobile-menu[open],.mobile-menu::backdrop{animation:none}}
.flag{display:inline-block;width:25px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #08284414;flex-shrink:0;vertical-align:middle}
.lang-short{display:none}.lang-chevron{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 2px 0 4px;transition:transform .15s}
#langBtn[aria-expanded="true"] .lang-chevron{transform:rotate(225deg);margin-top:4px}
#langMenu{z-index:10;min-width:170px;padding:7px;border:1px solid #e9eff3}
#langMenu button{gap:10px;min-height:44px;border-radius:9px}
#langMenu button[aria-pressed="true"]{background:#edf8f5;color:#00786f}
.drawer-language button{display:flex;align-items:center;justify-content:center;gap:6px}
.drawer-language .flag{width:22px;height:15px}
@media(max-width:760px){
  .site-header{padding:0 4%;gap:9px}
  .site-header .brand{margin-right:auto;gap:5px}
  .site-header .brand>svg{width:43px}
  .site-header .brand strong{font-size:25px}
  .site-header .brand small{font-size:9px;letter-spacing:-.5px}
  .header-actions{display:flex;gap:0;flex-shrink:0}
  .header-actions>.contact,.header-actions>.login{display:none}
  .header-actions #langBtn{height:44px;padding:0 9px;gap:6px;border-radius:12px;font-size:12px}
  .lang-label{display:none}.lang-short{display:inline}
  .language .flag{width:23px;height:16px}
  .lang-chevron{width:6px;height:6px;margin-left:0}
  #langMenu{right:-45px;top:52px}
  #menuBtn{flex-shrink:0}
}

/* Consistent, restrained typography and readable copy over photography. */
body{font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
.desktop-nav{font-size:16px;gap:30px}.header-actions{font-size:14px}
.hero-copy h1{font-size:clamp(34px,2.85vw,44px);font-weight:800;line-height:1.3;letter-spacing:-1.5px}
.hero-copy em{font-size:1.08em;font-weight:900}
.hero-copy p{display:table;max-width:calc(100% - 24px);font-size:19px;font-weight:600;line-height:1.75;letter-spacing:-.4px;margin-top:19px;padding:12px 18px;border:1px solid #ffffffb3;border-radius:12px;background:#ffffffdf;color:#122c40;text-shadow:0 1px 2px #fff;box-shadow:0 6px 20px #07324a12}
.benefits h2{font-size:18px;font-weight:700;letter-spacing:-.4px}.benefits p{font-size:15px}
.process>h2{font-size:22px;font-weight:800}.process h3{font-size:17px;font-weight:700;letter-spacing:-.5px}.process p{font-size:15px}
.shipping-cta h2{font-size:28px;font-weight:800}.shipping-cta ul{font-size:17px}.track-button{font-size:21px}
.faq h2{font-size:26px}.faq summary{font-size:16px}.faq p{font-size:15px;line-height:1.8}
.contact small,.drawer-support button small{display:block;font-size:10px;font-weight:600;line-height:1.35;opacity:.9}
.header-actions .contact{height:48px;line-height:1.25}.drawer-support button{min-height:56px}.drawer-support button small{margin-top:3px}
.info-dialog{width:min(560px,calc(100% - 28px));max-width:none;max-height:86vh;max-height:86dvh;padding:24px;border-radius:22px;overscroll-behavior:contain}
.info-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.info-heading>div>span{font:700 10px Arial;letter-spacing:1.6px;color:var(--teal)}
.info-heading h2{font-size:22px;line-height:1.4;margin:5px 0 0;font-weight:800}
#infoClose{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#f1f6f7;font:28px Arial;color:var(--navy)}
.info-done{display:block;width:100%;margin-top:24px;padding:13px;border-radius:12px;background:var(--teal);color:white;font-size:16px;font-weight:700;min-height:48px}
.info-content .benefits{display:grid;height:auto;grid-template-columns:1fr;gap:0;padding:0;margin:0}
.info-content .benefits article{padding:18px 0;border-bottom:1px solid #e6edef;gap:16px;white-space:normal}
.info-content .benefits h2{font-size:17px}.info-content .benefits p{font-size:14px;margin-top:3px}.info-content .benefits .icon{width:36px;height:36px}
.info-content .process{height:auto;padding:18px 12px}.info-content .process>h2{display:none}
.info-content .process ol{grid-template-columns:1fr;gap:0;margin:0}
.info-content .process li{display:grid;grid-template-columns:54px 1fr;text-align:left;column-gap:14px;padding:14px 5px;align-items:center}
.info-content .process li:after{display:none!important}.info-content .step-icon{grid-row:span 2;width:50px;height:50px;margin:0}.info-content .step-icon .icon{width:29px;height:29px}
.info-content .process h3{font-size:16px;white-space:normal;line-height:1.5}.info-content .process p{font-size:14px;line-height:1.6}
.info-content .faq{padding:0;margin:0}.info-content .faq>h2{display:none}.info-content .faq details{padding:18px 0}.info-content .faq summary{font-size:15px;line-height:1.6}
.info-content .price-card{display:block;position:relative;inset:auto;width:100%;max-width:380px;height:auto;min-height:230px;margin:36px auto 0;transform:none;border-radius:20px}
.info-content .price-inner{transform:none;padding:20px 16px}.info-content .promotion{left:50%;transform:translateX(-50%);top:-17px;font-size:17px;padding:5px 14px}
.info-content .price-value{height:100px;justify-content:center;gap:7px}.info-content .price-value b{font-size:86px;letter-spacing:-4px}.info-content .price-value strong{font-size:29px}
.info-content .rays{display:none}.info-content .no-fees{margin:0 12px;font-size:20px;padding:5px}.info-content .free-delivery{font-size:22px;gap:9px;margin-top:14px;letter-spacing:-1px}.info-content .free-delivery .icon{width:30px;height:30px}
.info-content .rate-note{font-size:13px;line-height:1.8;text-align:center;margin:18px 0 0;color:#526974}
@media(max-width:1100px) and (min-width:761px){.desktop-nav{font-size:14px;gap:18px}.hero-copy p{font-size:17px;max-width:46%}.benefits h2{font-size:16px}.benefits p{font-size:14px}.shipping-cta h2{font-size:24px}.shipping-cta ul{font-size:15px}.track-button{font-size:18px}}
@media(max-width:760px){
  main>.lower-content,main>.faq{display:none}
  .hero-copy{margin:0 5%;padding-top:28px}
  .hero-copy h1{width:100%;font-size:clamp(26px,6.8vw,34px);line-height:1.35;font-weight:800;letter-spacing:-1px}
  .hero-copy em{font-size:1.06em}
  .hero-copy p{max-width:100%;font-size:clamp(13px,3.6vw,16px);line-height:1.75;margin-top:18px;padding:10px 12px;background:#fffffff0;border-radius:10px}
  .mobile-track{font-size:18px;min-height:56px;height:auto;padding:15px;margin:18px 5% 28px;border-radius:16px}
  .mobile-track .icon{width:25px;height:25px}
  .drawer-nav a{font-size:15px}.drawer-track{font-size:16px}
}
@media(max-width:760px){
  html{height:100%;overflow:hidden}
  body{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
  .site-header{height:72px;min-height:72px;flex-shrink:0}
  main{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
  .hero{flex:1;min-height:0;height:auto;background-size:cover;background-position:center 65%;overflow:hidden}
  .hero>.price-card{display:block;top:38px;right:4%;width:clamp(124px,38vw,210px);height:145px}
  .hero>.price-card{line-height:1.25}
  .hero .free-delivery{white-space:normal;text-align:center;line-height:1.2}
  .hero .free-delivery strong{min-width:0}
  .hero-copy{padding-top:25px}
  .hero-copy h1{width:56%;font-size:clamp(18px,5vw,26px);line-height:1.4;letter-spacing:-.8px}
  .hero-copy p{position:absolute;top:200px;left:5%;right:5%;margin:0;font-size:clamp(12px,3.4vw,16px);max-width:none;line-height:1.7;padding:10px 12px}
  html[lang="en"] .hero-copy h1,html[lang="th"] .hero-copy h1{font-size:clamp(16px,4.3vw,23px)}
  .mobile-track{flex-shrink:0;min-height:72px;min-height:calc(72px + env(safe-area-inset-bottom,0px));width:100%;margin:0;border-radius:0;padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));font-size:18px;box-shadow:0 -4px 20px #002b3520;z-index:2}
  .mobile-menu,.info-dialog{overflow-y:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:760px) and (max-height:600px){
  .site-header{height:62px;min-height:62px}
  .hero-copy{padding-top:20px}.hero-copy h1{font-size:17px}
  .hero>.price-card{top:28px;height:130px}
  .price-inner{padding-top:12px}.price-value{height:53px}.price-value b{font-size:42px}.free-delivery{margin-top:6px}
  .hero-copy p{top:170px;font-size:12px;padding:7px 10px}
  .mobile-track{min-height:calc(58px + env(safe-area-inset-bottom,0px));padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
}