*{box-sizing:border-box}body{margin:0}::selection{background:#ffc62e;color:#202050}@keyframes nnfade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes nnpulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes nnslide{0%{transform:translate(100%)}to{transform:none}}@keyframes nnpop{0%{opacity:0;transform:translate(-50%,-50%) scale(.965)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes nnpopcard{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:scale(1)}}@keyframes nnload{0%{width:6%}to{width:97%}}@keyframes nnlogo{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.nn-ghost .dc-image-slot-empty{display:none}.nn-ghost .dc-image-slot{opacity:1}input:focus{border-color:#202050!important;box-shadow:0 0 0 3px #2020501f}input::placeholder{color:#8d94a3;opacity:1}[style*="cursor:pointer"]:focus-visible,[style*="cursor: pointer"]:focus-visible{outline:2px solid #202050;outline-offset:2px}.nn-hidescroll{scrollbar-width:none;-ms-overflow-style:none}.nn-hidescroll::-webkit-scrollbar{height:0;width:0;display:none}@media print{body{background:#fff}body *{visibility:hidden}.nn-print-overlay,.nn-print-overlay *{visibility:visible}.nn-print-overlay{position:absolute;inset:0;background:#fff;padding:0;overflow:visible;display:block}.nn-slip{width:100%;max-width:100%;box-shadow:none;border-radius:0;padding:0}.nn-noprint{display:none}@page{size:A4;margin:16mm}}.nn-scroll::-webkit-scrollbar{height:8px;width:8px}.nn-scroll::-webkit-scrollbar-thumb{background:#d8d2c4;border-radius:8px}.hv0:hover{border-color:#202050!important;background:#fbf9f4!important}.hv1:hover{background:#ffffff14!important}.hv2:hover{background:#ece6d8!important;color:#202050!important}.hv3:hover{border-color:#202050!important}.hv4:focus{border-color:#202050!important;box-shadow:0 0 0 3px #2020501f!important}.hv5:hover{background:#15163a!important}.hv6:hover{border-color:#202050!important;box-shadow:0 8px 18px #20205014!important}.hv7:hover{color:#fff!important}.hv8:hover{color:#15163a!important}.hv9:hover{color:#3a3d78!important}.hv10:hover{transform:translateY(-4px)!important}.hv11:hover{border-color:#202050!important;box-shadow:0 12px 28px #20205014!important}.hv12:hover{background:#202050!important;color:#fff!important}.hv13:hover{background:#e8e4db!important;color:#202050!important}.hv14:hover{background:#ffd45e!important}.hv15:hover{background:#f3f0e8!important}.hv16:hover{color:#202050!important}.hv17:hover{background:#f3eee2!important}.hv18:hover{background:#ecedf5!important}.hv19:hover{border-color:#202050!important;background:#fbfaf6!important}.hv20:hover{border-color:#202050!important;color:#202050!important}.hv21:hover{background:#faf7ef!important}.hv22:hover{border-color:#202050!important;background:#faf7ef!important}.hv23:hover{color:#8a6d00!important}.hv24:hover{background:#ffffff1f!important}.hv25:hover{background:#ffffff17!important}.hv26:hover{background:#ffffff12!important}.hv27:hover{background:#202050!important}.hv28:hover{background:#116631!important}.hv29:hover{text-decoration-color:#202050!important}.hv30:hover{background:#f6ede6!important}.hv31:hover{border-color:#a8380a!important;color:#a8380a!important}.hv32:hover{opacity:.85!important}.hv33:hover{background:#8c2e08!important}.hv34:hover{background:#f6f2e9!important}.hv35:hover{background:#dfe1ee!important}.hv36:hover{background:#ffeab5!important}.hv37:hover{background:#116830!important}.hv38:hover{background:#fff5d6!important}.hv39:hover{background:#ecedf5!important;border-color:#202050!important}html[data-signin=on] div:has(>input[placeholder="name@nnpharma.co.th"]){display:none!important}@media(max-width:600px){[style*="repeat(4, 1fr)"],[style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}[style*="repeat(3, 1fr)"],[style*="repeat(3,1fr)"],[style*="1.05fr 0.95fr"],[style*="1.05fr .95fr"],[style*="1fr 1fr"],[style*="1.6fr 1fr"],[style*="1.55fr"]{grid-template-columns:1fr!important}h1[style*="52px"]{font-size:32px!important;letter-spacing:-.5px!important}h2[style*="36px"]{font-size:26px!important}h2[style*="31px"]{font-size:24px!important}h1[style*="34px"]{font-size:26px!important}[style*="padding: 0px 28px"],[style*="padding:0 28px"]{padding-left:16px!important;padding-right:16px!important}[style*="max-width: 92vw"]{width:100%!important;max-width:100%!important}header>div[style*="padding: 14px 28px"]{padding:8px 10px!important;gap:6px!important;row-gap:6px!important}header img[alt="N&N"]{max-width:52px!important}header nav{display:none!important}header img[alt="N&N"]+div{display:none!important}header div[style*="border-radius: 22px"]{padding:4px!important;gap:0!important}header div[style*="border-radius: 22px"]>span[style*="line-height: 1.15"]{display:none!important}header div[style*="margin-left: auto"]{gap:5px!important}header div[style*="margin-left: auto"]>div:first-child>span{padding:6px 7px!important}body>div>div>div:first-child[style*="background: rgb(32, 32, 80)"]{padding:6px 12px!important;gap:8px!important;font-size:11.5px!important}body>div>div>div:first-child[style*="background: rgb(32, 32, 80)"]>span:not(:first-child){display:none!important}section[style*="padding: 64px 0px 56px"]{padding-top:18px!important;padding-bottom:28px!important}div[style*="border-radius: 12px"][style*="padding: 11px 16px"]{padding:9px 12px!important;gap:8px!important}}@media(min-width:601px)and (max-width:1023px){h1[style*="52px"]{font-size:40px!important;line-height:1.15!important;letter-spacing:-.5px!important;text-wrap:balance}h2[style*="36px"]{font-size:30px!important}[data-screen=home] [style*="repeat(4, 1fr)"],[data-screen=home] [style*="repeat(4,1fr)"],[data-screen=catalog] [style*="repeat(4, 1fr)"],[data-screen=catalog] [style*="repeat(4,1fr)"],[data-screen=product] [style*="repeat(4, 1fr)"],[data-screen=product] [style*="repeat(4,1fr)"],[data-screen=about] [style*="repeat(4, 1fr)"],[data-screen=about] [style*="repeat(4,1fr)"]{grid-template-columns:repeat(3,1fr)!important}[style*="repeat(4, 1fr)"],[style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}[style*="repeat(3, 1fr)"],[style*="repeat(3,1fr)"]{grid-template-columns:repeat(3,1fr)!important}[data-screen=product] [style*="repeat(3, 1fr)"],[data-screen=product] [style*="repeat(3,1fr)"]{grid-template-columns:1fr!important}[style*="1.6fr 1fr 1fr 1fr"]{grid-template-columns:repeat(2,1fr)!important;gap:28px 40px!important}}@media(min-width:601px)and (max-width:1279px){header nav{flex:0 1 auto!important;min-width:0!important}header>div[style*="padding: 14px 28px"]{gap:12px!important;padding:10px 20px!important}section[style*="padding: 64px 0px 56px"]{padding-top:28px!important;padding-bottom:36px!important}}@media(min-width:601px)and (max-width:768px){[style*="1.05fr 0.95fr"],[style*="1.05fr .95fr"]{grid-template-columns:1fr!important}h1[style*="52px"]{font-size:34px!important}[style*="1.6fr 1fr"],[style*="1.55fr"]{grid-template-columns:1fr!important}}.nn-nav-toggle,.nn-nav-backdrop{display:none}@media(max-width:1023px){.nn-bo-aside{position:fixed!important;top:0!important;left:0;bottom:0;height:100dvh!important;min-height:0!important;width:min(300px,86vw)!important;z-index:130;transform:translate(-104%);transition:transform .22s cubic-bezier(.22,.61,.36,1);padding-top:max(20px,env(safe-area-inset-top))!important;padding-bottom:max(18px,env(safe-area-inset-bottom))!important}html[data-nav=open] .nn-bo-aside{transform:none;box-shadow:18px 0 50px #14152d59}html[data-nav=open] body{overflow:hidden}.nn-nav-backdrop{display:block;position:fixed;inset:0;z-index:129;background:#14152d73;animation:nnfade .16s ease}.nn-nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:42px;height:42px;flex:none;padding:0;border-radius:10px;background:#fff;border:1px solid #e5dfd0;cursor:pointer;-webkit-tap-highlight-color:transparent}.nn-nav-toggle span{display:block;width:18px;height:2.5px;border-radius:2px;background:#202050;transition:transform .18s ease,opacity .18s ease}html[data-nav=open] .nn-nav-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}html[data-nav=open] .nn-nav-toggle span:nth-child(2){opacity:0}html[data-nav=open] .nn-nav-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nn-nav-toggle:focus-visible{outline:2px solid #202050;outline-offset:2px}.nn-bo-head{padding:12px 20px!important;gap:12px!important}.nn-bo-page{padding:20px 20px 48px!important}}@media(prefers-reduced-motion:reduce){.nn-bo-aside,.nn-nav-toggle span{transition:none}}@media(max-width:600px){.nn-bo-head{padding:10px 12px!important;gap:8px!important}.nn-bo-head>div[style*="overflow: hidden"]>div[style*="font-size: 20px"]{font-size:17px!important}.nn-bo-head [data-nn-find]{display:none!important}.nn-bo-head>div[style*="margin-left: auto"]{gap:8px!important}.nn-bo-page{padding:16px 14px 40px!important}.nn-bo [style*="justify-content: space-between"]{flex-wrap:wrap}.nn-bo-page [style*="minmax(185px, 1fr)"],.nn-bo-page [style*="minmax(185px,1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.nn-bo-page [style*="minmax(185px, 1fr)"]>div,.nn-bo-page [style*="minmax(185px,1fr)"]>div{padding:14px!important;min-width:0}.nn-bo-page [style*="minmax(185px, 1fr)"]>div>div[style*="font-size: 24px"],.nn-bo-page [style*="minmax(185px,1fr)"]>div>div[style*="font-size: 24px"]{font-size:19px!important;overflow-wrap:anywhere}[data-ceo-home] [style*="2fr) minmax(240px"]{grid-template-columns:1fr!important}.nn-scroll-x [style*="display: grid"][style*="min-width:"]>:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:-28px 0 #fff,6px 0 8px -6px #14152d29}.nn-scroll-x [style*="display: grid"][style*="min-width:"][style*="background: rgb(250, 247, 239)"]>:first-child{background:#faf7ef;box-shadow:-28px 0 #faf7ef,6px 0 8px -6px #14152d29}.nn-modal-card{top:0!important;left:0!important;transform:none!important;width:100vw!important;height:100dvh!important;border-radius:0!important}[style*=nnpopcard]{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:18px 16px 20px!important}div:has(>[style*=nnpopcard]){padding:0!important}}@media(max-width:1023px){[data-screen=cart] div[style*="border-radius: 16px"][style*="padding: 16px"][style*="gap: 16px"]{flex-wrap:wrap;gap:12px!important}[data-screen=cart] div[style*="border-radius: 16px"][style*="padding: 16px"][style*="gap: 16px"]>div[style*="min-width: 0px"]{flex:1 1 180px!important}[data-screen=cart] div[style*="border-radius: 16px"][style*="padding: 16px"][style*="gap: 16px"]>div[style*="width: 90px"]{margin-left:auto}}@media(max-width:600px){div[style*="background: rgb(240, 253, 244)"][style*="white-space: nowrap"]{white-space:normal!important;max-width:100%;text-align:center}[data-screen=account] div:has(>[style*="130px 130px 90px 120px 110px 96px"]),[data-screen=account] div:has(>[style*="150px 130px 120px 1fr 110px"]){overflow-x:auto!important}[data-screen=account] [style*="130px 130px 90px 120px 110px 96px"]{min-width:740px}[data-screen=account] [style*="150px 130px 120px 1fr 110px"]{min-width:640px}[style*="1.15fr 1fr"],[style*="1.2fr 1fr"],[style*="1.3fr 1fr"],[style*="1.05fr 1fr"]{grid-template-columns:1fr!important}div[style*="border-left: 1px solid rgb(215, 218, 228)"]{min-width:0;overflow-wrap:anywhere}[style*="fr) minmax(0px, 1fr)"],[style*="1.25fr 1fr"],[style*="repeat(2, 1fr)"],[style*="repeat(2,1fr)"]{grid-template-columns:1fr!important}div[style*="overflow: hidden"]:has(>div[style*=grid-template-columns]){overflow-x:auto!important}[style*="repeat(5, 1fr)"],[style*="repeat(5,1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:601px)and (max-width:1023px){[style*="repeat(5, 1fr)"],[style*="repeat(5,1fr)"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:1023px),(pointer:coarse),(hover:none){[style*="cursor: pointer"],[style*="cursor:pointer"]{min-height:44px;min-width:44px}span[style*="cursor: pointer"],span[style*="cursor:pointer"]{min-height:0;min-width:0}header div[style*="width: 40px"][style*="border-radius: 10px"]{min-width:48px!important}header div[style*="width: 40px"][style*="border-radius: 10px"]>span{font-size:11.5px!important}}