@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";
:root{--ink:#26322e;--muted:#82908a;--line:#e8eeeb;--green:#13966c;--deep:#276c58}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Noto Sans KR,DM Sans,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden}.topbar{background:var(--deep);color:#eaf9f2;text-align:center;padding:9px 16px;font-size:12px}.topbar span{color:#b8f2d9;margin-left:10px;font-weight:700}.header{background:#fff;border-bottom:1px solid #f0f3f1}.header-inner,.category-inner{align-items:center;width:min(1180px,100% - 48px);margin:auto;display:flex}.header-inner{gap:48px;height:78px}.brand{letter-spacing:-1.2px;white-space:nowrap;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:22px;font-weight:700;display:flex}.brand>span:last-child>span{color:#26a677}.brand-mark{color:#fff;background:#1a9b70;border-radius:50% 50% 50% 5px;place-items:center;width:32px;height:32px;font-family:Georgia,serif;font-size:23px;font-weight:700;display:grid}.desktop-nav{color:#596760;align-items:center;gap:34px;font-size:14px;font-weight:600;display:flex}.desktop-nav a:hover{color:var(--green)}.header-actions{gap:5px;margin-left:auto;display:flex}.icon-button,.mobile-menu{color:#54645e;background:0 0;border:0;width:35px;height:35px;font-size:26px;position:relative}.icon-button b{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;font:700 9px DM Sans;display:grid;position:absolute;top:0;right:0}.mobile-menu{display:none}.category-row{border-bottom:1px solid var(--line);background:#fff}.category-inner{scrollbar-width:none;white-space:nowrap;gap:30px;height:49px;overflow:auto}.category-inner button{color:#7d8b85;background:0 0;border:0;padding:15px 0 13px;font-size:13px}.category-inner button.active{color:var(--green);border-bottom:2px solid var(--green);font-weight:800}.category-menu{align-items:center;gap:8px;font-weight:700;display:flex;color:var(--ink)!important;border-right:1px solid var(--line)!important;padding-right:30px!important}.hero{background:linear-gradient(102deg,#effaf5 0%,#f9fcfb 58%,#e9f5f0 100%);min-height:424px;padding:56px max(24px,50vw - 590px);display:flex;position:relative}.hero-copy{z-index:1;flex:1;padding-top:8px}.eyebrow{color:var(--green);letter-spacing:1.7px;margin:0 0 14px;font:700 11px DM Sans,sans-serif}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-2.2px;margin:0 0 16px;font-size:38px;font-weight:800;line-height:1.3}em{color:var(--green);font-style:normal}.hero-description{color:#75847c;margin-bottom:28px;font-size:14px;line-height:1.75}.primary-button,.dark-button{background:var(--green);color:#fff;border:0;border-radius:5px;padding:14px 20px;font-size:13px;font-weight:700;box-shadow:0 6px 16px #269b711f}.primary-button span,.dark-button span,.text-button span{margin-left:22px;font-size:17px}.hero-art{width:48%;min-height:310px;position:relative}.hero-box{color:#28785d;background:linear-gradient(145deg,#e6f8ef,#b7e5d2);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:230px;height:170px;font:700 22px DM Sans;display:flex;position:absolute;top:62px;left:27%;transform:rotate(-6deg);box-shadow:18px 20px 25px #5e9c8131}.box-logo{border:2px solid #62b994;border-radius:50% 50% 50% 4px;place-items:center;width:48px;height:48px;margin-bottom:8px;font:32px Georgia;display:grid}.hero-box small{letter-spacing:2px;margin-top:5px;font:600 8px DM Sans}.hero-orbit{opacity:.6;border:1px solid #a2dbc2;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-one{width:370px;height:190px;top:57px;left:16%}.orbit-two{border-color:#d3eee2;width:315px;height:145px;top:82px;left:23%}.float-card{z-index:2;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:12px 15px;font-size:11px;display:flex;position:absolute;box-shadow:0 10px 25px #74a18b24}.float-card>span{width:28px;height:28px;color:var(--green);background:#e4f6ee;border-radius:50%;place-items:center;font-size:16px;display:grid}.float-card b,.float-card small{display:block}.float-card small{color:#9aa69f;margin-top:3px;font-size:10px}.float-card-one{top:45px;right:3%}.float-card-two{bottom:36px;left:7%}.float-card-two>span{color:#d39b47;background:#f7ebd8}.benefit-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;width:min(1180px,100% - 48px);margin:0 auto;padding:24px 0;display:grid}.benefit-strip>div{border-right:1px solid var(--line);justify-content:center;align-items:center;gap:13px;display:flex}.benefit-strip>div:last-child{border:0}.benefit-icon{width:37px;height:37px;color:var(--green);background:#f0f8f4;border-radius:50%;place-items:center;font-size:18px;font-weight:700;display:grid}.benefit-strip p{margin:0}.benefit-strip b,.benefit-strip small{display:block}.benefit-strip b{font-size:12px}.benefit-strip small{color:#97a29d;margin-top:4px;font-size:10px}.content-section{width:min(1180px,100% - 48px);margin:62px auto 82px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.section-heading h2{letter-spacing:-1.2px;margin:0;font-size:25px}.text-button{color:#7f8c86;background:0 0;border:0;font-size:12px}.text-button span{margin-left:10px}.search-row{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.search-box{border:1px solid var(--line);color:#a0aba6;border-radius:4px;align-items:center;gap:8px;width:310px;height:38px;padding:0 11px;display:flex}.search-box input{min-width:0;color:var(--ink);border:0;outline:0;flex:1;font-size:12px}.search-box kbd{color:#a6b0aa;background:#f5f7f6;border-radius:3px;padding:3px 5px;font-size:9px}.result-count{color:#a0aaa5;font-size:11px}.product-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.product-card{min-width:0}.product-visual{aspect-ratio:1;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-visual.mint{background:linear-gradient(145deg,#effbf5,#ccefe0)}.product-visual.peach{background:linear-gradient(145deg,#fff1e9,#f6d3c3)}.product-visual.blue{background:linear-gradient(145deg,#ecf6fb,#c8e3f0)}.product-visual.lavender{background:linear-gradient(145deg,#f4f1fa,#ddd4ef)}.product-visual.yellow{background:linear-gradient(145deg,#fff9e6,#efe1ae)}.product-visual.coral{background:linear-gradient(145deg,#fff0ec,#efc2b7)}.product-emoji{color:#fff;text-shadow:0 10px 10px #51856c2e;font-size:75px}.product-pack{text-align:center;color:#317c61;background:#ffffffd9;border-radius:4px;flex-direction:column;justify-content:center;width:57%;min-height:70px;padding:13px 12px;display:flex;position:absolute;bottom:25%;box-shadow:0 8px 18px #527d6616}.product-pack small{letter-spacing:1px;font:700 8px DM Sans}.product-pack strong{letter-spacing:-.5px;margin-top:4px;font-size:11px}.product-badge{color:var(--green);z-index:1;background:#fff;border-radius:3px;padding:5px 7px;font-size:9px;font-weight:800;position:absolute;top:11px;left:11px}.heart{color:#75847c;background:#fff9;border:0;border-radius:50%;width:28px;height:28px;font-size:19px;line-height:1;position:absolute;top:8px;right:10px}.product-info{padding:13px 3px}.product-brand{color:#97a29d;margin:0 0 3px;font:600 10px DM Sans}.product-info h3{letter-spacing:-.5px;margin:0 0 5px;font-size:13px}.product-unit{color:#a1aba6;margin:0 0 12px;font-size:10px}.price-line{align-items:baseline;gap:7px;min-height:22px;display:flex}.price-line strong{font-size:15px}.price-line del{color:#b0b9b4;font-size:10px}.add-button{color:#65746d;background:#fff;border:1px solid #dfe8e3;border-radius:4px;width:100%;margin-top:12px;padding:9px;font-size:11px}.add-button:hover{border-color:var(--green);color:var(--green)}.add-button span{float:right;font-size:16px;line-height:10px}.member-banner{background:#eaf7f1;border-radius:7px;justify-content:space-between;width:min(1180px,100% - 48px);margin:0 auto 75px;padding:43px 55px;display:flex;position:relative;overflow:hidden}.member-banner h2{letter-spacing:-1.3px;margin:0 0 20px;font-size:23px;line-height:1.45}.dark-button{background:var(--ink);padding:12px 17px}.banner-mark{color:#c9eadb;margin-right:80px;font:180px/.8 Georgia;transform:rotate(-10deg)}.banner-mark span{font-size:85px}.footer{border-top:1px solid var(--line);color:#8b9891;padding:36px max(24px,50vw - 590px) 46px;position:relative}.footer-brand{color:var(--ink);align-items:center;gap:7px;font:700 17px DM Sans;display:flex}.footer-brand .brand-mark{width:25px;height:25px;font-size:18px}.footer p{margin:15px 0 23px;font-size:11px;line-height:1.8}.footer-links{flex-wrap:wrap;gap:18px;font-size:10px;display:flex}.footer>small{color:#b1bab5;margin-top:22px;font:10px DM Sans;display:block}.toast{background:var(--ink);color:#fff;z-index:5;border-radius:5px;padding:13px 18px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #26322e35}@media (max-width:760px){.header-inner,.category-inner,.benefit-strip,.content-section,.member-banner{width:calc(100% - 32px)}.header-inner{gap:13px;height:64px}.mobile-menu{width:25px;font-size:19px;display:block}.brand{font-size:18px}.brand-mark{width:27px;height:27px;font-size:19px}.desktop-nav{display:none}.header-actions{gap:0}.icon-button{width:31px;font-size:22px}.category-inner{gap:22px}.category-menu{padding-right:22px!important}.category-inner button{font-size:12px}.hero{min-height:540px;padding:38px 24px 26px;display:block}.hero h1{font-size:30px}.hero-art{width:100%;min-height:245px}.hero-box{width:190px;height:138px;font-size:18px;top:38px;left:23%}.box-logo{width:38px;height:38px;font-size:25px}.orbit-one{width:300px;height:150px;top:40px;left:6%}.orbit-two{width:255px;height:120px;top:55px;left:14%}.float-card-one{top:18px;right:0}.float-card-two{bottom:22px;left:0}.benefit-strip{padding:10px 0;display:block}.benefit-strip>div{border-right:0;justify-content:flex-start;padding:10px 4px}.content-section{margin-top:43px}.section-heading h2{font-size:21px}.search-row{margin-bottom:17px}.search-box{width:100%}.result-count{display:none}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-emoji{font-size:55px}.product-pack{width:70%;min-height:58px;padding:9px 5px}.product-pack strong{font-size:9px}.product-info h3{font-size:12px}.price-line strong{font-size:14px}.member-banner{margin-bottom:50px;padding:31px 25px}.member-banner h2{font-size:19px}.banner-mark{opacity:.75;font-size:130px;position:absolute;bottom:-22px;right:-12px}.footer{padding:30px 24px 40px}.footer-links{max-width:280px}.footer-links span:last-child{width:100%;margin-top:4px}}