:root{font-family:'Pretendard Variable','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;color:#273028;background:#faf9f5;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,input{font:inherit}.app{max-width:1600px;margin:auto}.site-header{height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,94px)}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-icon{width:39px;height:39px;border-radius:13px;background:#173c32;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;letter-spacing:-3px;padding-right:4px}.logo-word{font-family:Arial,sans-serif;font-size:21px;font-weight:900;letter-spacing:-1.3px}.logo-word span{color:#7c9b7e}.header-right{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:700}.header-right a{text-decoration:none}.header-right a:hover{text-decoration:underline}.header-label{color:#9ca79c;border-left:1px solid #d6dad0;padding-left:24px;font-weight:500}.hero{position:relative;min-height:515px;overflow:hidden;background:#e7eee5;margin:0 20px;border-radius:24px;display:grid;grid-template-columns:55% 45%}.hero-copy{padding:83px 0 84px clamp(35px,7vw,120px);position:relative;z-index:2}.eyebrow,.micro{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#71877b}.eyebrow{display:inline-flex;align-items:center;gap:8px}.green-dot{width:7px;height:7px;border-radius:50%;background:#54886d}.hero h1{font-size:clamp(47px,5.1vw,78px);letter-spacing:-4.8px;line-height:1.16;margin:35px 0 22px;font-weight:800}.hero em{font-style:normal;color:#668f72}.hero-copy p{color:#63766c;font-size:15px;line-height:1.95}.hero-link{display:inline-flex;align-items:center;gap:37px;background:#183e32;border-radius:28px;padding:17px 20px 17px 27px;text-decoration:none;color:#fff;font-weight:700;font-size:13px;margin-top:23px;transition:transform .2s}.hero-link:hover{transform:translateY(-2px)}.hero-link span{font-size:20px;font-weight:400}.hero-art{position:relative;min-height:440px}.shape{position:absolute;box-shadow:30px 45px 65px #57796728}.shape-large{width:330px;height:330px;background:#9abb9e;border-radius:47% 53% 42% 58%;top:55px;left:12%;transform:rotate(-15deg)}.shape-medium{width:215px;height:215px;right:4%;bottom:34px;background:#f2d5ab;border-radius:50%;filter:blur(.5px)}.tiny-card{position:absolute;background:#fbfaf6;left:24%;top:33%;height:235px;width:175px;border-radius:28px;box-shadow:0 20px 50px #173c3226;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(8deg)}.tiny-card strong{font-family:Georgia,serif;font-size:24px;font-weight:400}.tiny-card small{color:#9b9b94;margin-top:6px}.tiny-symbol{font-size:76px;color:#739c7c}.orbit{position:absolute;color:#fcf7e5}.orbit-a{font-size:55px;right:24%;top:17%}.orbit-b{font-size:53px;left:6%;bottom:15%}.hero-index{position:absolute;right:34px;bottom:26px;color:#7a8b80;font-size:10px;letter-spacing:1.6px}.overview{padding:86px clamp(26px,7vw,114px) 90px;display:flex;justify-content:space-between;gap:65px;align-items:center}.overview h2{font-size:clamp(27px,2.6vw,39px);line-height:1.45;letter-spacing:-1.8px;margin:18px 0 0}.overview p{max-width:420px;line-height:2;color:#75837a;font-size:14px}.catalog{padding:70px clamp(26px,7vw,114px) 104px;background:#fff;border-radius:34px 34px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-size:clamp(30px,3vw,45px);letter-spacing:-2px;margin:12px 0}.section-note{font-size:12px;color:#a0aba1}.total-badge{display:inline-flex;border-radius:100%;padding:7px 12px;background:#eff5ef;color:#51825f;font-size:16px;vertical-align:middle;letter-spacing:0}.filters-row{display:flex;justify-content:space-between;gap:20px;margin:31px 0 35px;align-items:center;flex-wrap:wrap}.category-tabs{display:flex;gap:7px;flex-wrap:wrap}.category-tabs button{border:1px solid #e6ebe5;background:#fff;color:#758076;padding:11px 18px;border-radius:25px;font-size:12px;cursor:pointer;transition:all .15s}.category-tabs button.active,.category-tabs button:hover{background:#1d4234;color:#fff;border-color:#1d4234}.search-field{display:flex;align-items:center;gap:10px;border:1px solid #e6e9e4;border-radius:30px;padding:0 16px;width:min(290px,100%);height:44px;color:#8d9c90}.search-field input{outline:none;border:none;background:transparent;min-width:0;width:100%;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}.product-card{min-width:0;border:1px solid #edf0eb;border-radius:16px;background:#fff;overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #10221a0e}.product-figure{height:235px;background:#f4f6f2;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-figure img{height:100%;width:100%;object-fit:contain;padding:15px;mix-blend-mode:multiply}.picture-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;color:#658370;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,#e7f2e7,#d5e1d5)}.picture-fallback span{font-size:44px}.picture-fallback strong{font-size:15px}.tag{position:absolute;left:13px;top:13px;border-radius:20px;background:#fffdf2ee;color:#4b6053;padding:7px 11px;font-size:10px;font-weight:800}.card-body{padding:21px 18px 18px;display:flex;flex-direction:column;flex:1}.card-cat{color:#7d9784;font-size:11px;font-weight:800;letter-spacing:.6px}.card-title{font-size:17px;font-weight:800;line-height:1.42;letter-spacing:-.4px;margin:10px 0}.card-hook{font-size:12px;color:#879188;line-height:1.6;min-height:40px;margin:1px 0 18px}.card-button{margin-top:auto;display:flex;align-items:center;justify-content:space-between;background:#f0f4ef;padding:13px 16px;border-radius:10px;text-decoration:none;color:#315a3e;font-size:12px;font-weight:800;transition:background .2s}.card-button:hover{background:#dde9dc}.card-button span:last-child{font-size:16px}.affiliate-mini{display:block;margin-top:11px;color:#9ca89d;font-size:10px}.status{padding:18px 0;color:#7e897f;font-size:14px}.status:empty{display:none}.load-more-row{margin-top:30px;text-align:center;color:#96a39a;font-size:12px}.closing{background:#e8eee6;padding:75px 8%;text-align:center}.closing>span{font-size:11px;color:#829b85;letter-spacing:2px;font-weight:800}.closing h2{font-size:clamp(26px,3.1vw,42px);line-height:1.45;letter-spacing:-1.2px;margin:25px 0}.closing>a{font-size:13px;color:#456f51;font-weight:800;text-decoration:none}footer{padding:55px clamp(26px,7vw,114px) 20px;background:#203d30;color:#e3ede5}.footer-brand{display:flex;flex-direction:column;gap:6px}.footer-brand .logo-word{color:#fff}.footer-brand small{color:#a7b9ac;font-size:12px}.disclosure{margin:28px 0;padding:22px 0;border-top:1px solid #476455;border-bottom:1px solid #476455}.disclosure strong{font-size:13px}.disclosure p{font-size:12px;color:#d1ddd3;line-height:1.8;margin-bottom:0}.copyright{display:flex;justify-content:space-between;gap:15px;padding:5px 0 10px;color:#91ab98;font-size:11px}.empty{grid-column:1/-1;text-align:center;padding:75px 12px;background:#f7f9f6;border-radius:14px;color:#75867b}.empty strong{display:block;font-size:17px;margin-bottom:9px}@media(max-width:1140px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:600px}.hero-copy{padding:65px 42px 0}.hero-art{min-height:250px}.shape-large{width:250px;height:250px;top:-10px;left:45%}.tiny-card{top:10px;left:60%;width:115px;height:150px;border-radius:20px}.tiny-symbol{font-size:42px}.tiny-card strong{font-size:16px}.shape-medium{width:145px;height:145px;right:6%;bottom:0}.overview{padding:65px 38px;flex-direction:column;align-items:start;gap:8px}.catalog{padding:58px 38px}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.site-header{height:72px;padding:0 22px}.header-right{gap:15px}.header-right a{font-size:11px}.header-label{display:none}.hero{margin:0 11px;border-radius:18px;min-height:605px}.hero-copy{padding:58px 24px 0}.hero h1{letter-spacing:-2.7px;margin:29px 0 18px;font-size:48px}.hero-copy p{font-size:13px}.hero-art{min-height:240px}.shape-large{left:29%;top:0}.tiny-card{left:55%;top:25px}.hero-index{bottom:17px;font-size:8px}.overview{padding:60px 24px}.overview h2{font-size:27px}.catalog{padding:48px 18px 75px}.product-grid{gap:13px}.product-figure{height:156px}.card-body{padding:15px 12px}.card-title{font-size:14px}.card-hook{font-size:11px;min-height:51px}.card-button{padding:12px;font-size:11px}.category-tabs{gap:5px}.category-tabs button{padding:10px 14px}.section-note{display:none}.search-field{width:100%}.copyright{flex-direction:column}.closing{padding:65px 22px}footer{padding:43px 24px 20px}}
/* Focused conversion experience / mobile first */
.featured-section{padding:30px clamp(26px,7vw,114px) 65px}
.featured-heading{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:25px}
.featured-heading h2{font-size:clamp(23px,2.3vw,35px);line-height:1.3;letter-spacing:-1.6px;margin:8px 0 0}
.featured-context{color:#8a998d;font-size:12px}
.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.featured-item{display:flex;align-items:center;gap:13px;padding:10px;border:1px solid #e1e9df;background:#fff;border-radius:15px;text-decoration:none;min-width:0;transition:transform .2s,box-shadow .2s}
.featured-item:hover{transform:translateY(-2px);box-shadow:0 10px 30px #1b51301c}
.featured-item img{height:80px;width:80px;flex-shrink:0;object-fit:contain;background:#f2f5f0;border-radius:10px}
.featured-placeholder{display:grid;place-content:center;width:80px;height:80px;background:#eaf2e7;color:#617d65;flex-shrink:0;border-radius:10px;font-size:27px}
.featured-item span{font-size:10px;color:#728979;font-weight:800}
.featured-item strong{display:block;margin-top:6px;font-size:13px;line-height:1.5}
.featured-item em{display:block;font-style:normal;font-size:11px;color:#62866e;margin-top:8px}
.spotlight{margin:28px auto 24px;width:calc(100% - clamp(36px,11vw,160px));display:grid;grid-template-columns:minmax(260px,42%) 1fr;gap:42px;background:#f4f7f1;border:1px solid #e0e8da;border-radius:22px;padding:30px;align-items:center}
.spotlight[hidden]{display:none}
.spotlight-picture{background:#fff;border-radius:17px;min-height:340px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.spotlight-picture img{max-height:400px;width:100%;object-fit:contain;padding:18px}
.spotlight-copy{display:flex;flex-direction:column;gap:15px;align-items:start}
.spotlight-kicker{font-size:11px;letter-spacing:1.4px;color:#709378;font-weight:800}
.spotlight-copy h1{font-size:clamp(28px,3vw,43px);letter-spacing:-1.5px;margin:2px 0;line-height:1.35}
.spotlight-copy p{font-size:14px;line-height:1.85;color:#657c6a;margin:0}
.spotlight-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:13px}
.spotlight-actions .primary{padding:17px 23px;border-radius:12px;background:#1e4f38;text-decoration:none;color:#fff;font-size:13px;font-weight:800}
.spotlight-actions button{background:#fff;border:1px solid #bfd3c2;padding:15px 19px;border-radius:12px;color:#326445;font-size:12px;font-weight:800;cursor:pointer}
.spotlight-disclosure{display:block;color:#687a6a;font-size:11px;line-height:1.8;margin-top:14px}
.copy-product{border:0;background:transparent;color:#477a52;text-decoration:underline;cursor:pointer;padding:10px 0;font-size:11px;text-align:left}
html.product-focused .hero,html.product-focused .overview,html.product-focused #featuredSection{display:none}
html.product-focused .spotlight{margin-top:18px;margin-bottom:20px}
html.product-focused .catalog{padding-top:26px}
html.product-focused .catalog .section-heading h2{font-size:26px}
@media(max-width:1050px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.spotlight{grid-template-columns:1fr;gap:20px}.spotlight-picture{min-height:300px}}
@media(max-width:540px){
 .hero{min-height:445px}.hero-copy{padding-top:38px}.hero h1{margin:17px 0 13px;font-size:44px}
 .hero-copy p{line-height:1.7}.hero-art{min-height:190px}
 .shape-large{height:180px;width:180px;left:35%;top:0}
 .shape-medium{height:110px;width:110px}.tiny-card{height:124px;width:96px;top:20px;left:61%}
 .tiny-card strong{font-size:13px}.tiny-symbol{font-size:33px}
 .overview{padding-top:44px;padding-bottom:48px}
 .featured-section{padding:35px 18px}.featured-grid{gap:9px}
 .featured-heading{align-items:start}.featured-heading h2{font-size:25px}
 .featured-context{display:none}.featured-item{gap:8px;flex-direction:column;align-items:start;padding:9px}
 .featured-item img,.featured-placeholder{width:100%;height:115px}
 .featured-item span{font-size:9px}.featured-item strong{font-size:12px;min-height:34px}
 .featured-item em{font-size:10px}
 .spotlight{width:calc(100% - 22px);margin:12px 11px 16px;padding:13px;border-radius:17px}
 .spotlight-picture{min-height:245px}.spotlight-picture img{max-height:290px}
 .spotlight-copy{padding:7px;gap:10px}.spotlight-copy h1{font-size:27px}
 .spotlight-actions{display:flex;width:100%}.spotlight-actions .primary{flex:1;text-align:center}
 .catalog{padding-top:39px}
}

/* MONGPICK all-products sequential row layout, 2026-11-04 */
.product-grid{display:flex;flex-direction:column;gap:13px;max-width:1040px;margin:0 auto}
.product-card{display:flex;flex-direction:row;align-items:stretch;min-height:174px;border:1px solid #e5ebe5;border-radius:17px;box-shadow:0 4px 13px rgba(31,70,37,.025);overflow:hidden}
.product-figure{flex:0 0 198px;width:198px;height:auto;min-height:174px;background:#f3f6f2;border-radius:0}
.product-figure img{width:100%;height:100%;min-height:174px;max-height:220px;padding:15px;object-fit:contain;mix-blend-mode:multiply}
.product-figure.image-unavailable::after{content:'상품 사진 준비 중';font-size:13px;color:#708371}
.product-figure .picture-fallback{min-height:174px;background:#e9f0e7}
.picture-fallback strong{font-size:12px;line-height:1.5}
.product-card .card-body{padding:22px 23px 18px;min-width:0;flex:1}
.card-topline{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.sequence-number{color:#246044;font-weight:900;letter-spacing:-.4px;font-size:14px}
.category-label{font-weight:800;font-size:11px;color:#446e54;background:#edf5ed;padding:5px 9px;border-radius:6px}
.product-card .card-cat{font-size:10px;color:#9ba69e;font-weight:600}
.product-card .card-title{font-size:19px;margin:9px 0 4px;line-height:1.5;letter-spacing:-.5px}
.product-card .card-hook{min-height:0;margin:2px 0 11px;color:#768577;font-size:12px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.product-card .card-links{display:flex;align-items:center;gap:9px}
.product-card .card-button{width:max-content;min-width:174px;margin:0;gap:19px;display:inline-flex;background:#1f4e39;color:white;font-size:12px;border-radius:9px;padding:11px 16px}
.product-card .card-button:hover{background:#316c4f}
.product-card .affiliate-mini{margin-top:10px;font-size:10px;color:#899a8c}
.copy-product{margin:0;padding:10px 0 0;color:#487653;text-align:left;width:max-content;display:inline-flex;align-items:center}
.search-field{min-width:min(100%,340px)}
.catalog-disclosure{padding:13px 16px;background:#eff6ef;color:#486a4e;border:1px solid #dceade;border-radius:10px;font-size:12px;line-height:1.85;margin:4px 0 22px}
.catalog-disclosure strong{display:inline;margin-right:9px;color:#264c33}
.load-more-row{margin-top:25px}
html.product-focused .catalog{padding-top:32px}
@media(max-width:650px){
 .site-header{height:65px}
 .featured-section{padding-bottom:32px}
 .product-grid{gap:10px}
 .product-card{min-height:134px;border-radius:12px}
 .product-figure{flex-basis:124px;width:124px;min-height:138px}
 .product-figure img{min-height:138px;max-height:163px;padding:10px}
 .product-figure .picture-fallback{min-height:138px;padding:4px}
 .picture-fallback span{font-size:32px}
 .picture-fallback strong{font-size:9px}
 .product-card .card-body{padding:12px 11px 11px}
 .card-topline{gap:5px}
 .sequence-number{font-size:12px}
 .category-label{font-size:9px;padding:3px 6px}
 .product-card .card-cat{font-size:9px}
 .product-card .card-title{font-size:14px;margin:7px 0 3px;line-height:1.35}
 .product-card .card-hook{font-size:10px;line-height:1.5;margin:2px 0 7px;-webkit-line-clamp:1}
 .product-card .card-button{min-width:0;padding:10px 10px;font-size:11px}
 .product-card .affiliate-mini{font-size:9px;margin-top:7px}
 .copy-product{font-size:10px;margin-top:0;padding-top:6px}
 .category-tabs{gap:7px}
 .search-field{width:100%;min-width:0}
 .catalog-disclosure{font-size:11px}
}
@media(max-width:370px){
 .product-figure{flex-basis:106px;width:106px}
 .product-card .card-body{padding:10px 8px}
 .product-card .card-title{font-size:13px}
 .product-card .card-button{font-size:10px}
}

/* Top-of-page direct number & SKU search, always reachable on mobile */
.quick-search-rail{position:sticky;top:0;z-index:40;background:rgba(250,249,245,.96);backdrop-filter:blur(15px);border-top:1px solid #edf0ea;border-bottom:1px solid #e0e7dc}
.quick-search-inner{max-width:1230px;margin:auto;display:flex;align-items:center;gap:15px;padding:13px clamp(24px,6vw,94px)}
.quick-search-hint{font-size:12px;color:#76867a;flex-shrink:0}
.quick-search-hint strong{color:#26543b}
.quick-search-box{height:44px;flex:1;border:1px solid #cbdace;border-radius:10px;background:#fff;color:#607866;display:flex;gap:10px;align-items:center;padding:0 14px}
.quick-search-box input{border:0;outline:0;background:transparent;width:100%;font-size:13px;min-width:0;color:#293c31}
.quick-search-rail button{background:#24513d;border:0;border-radius:10px;color:#fff;font-size:12px;font-weight:800;padding:0 18px;height:44px;cursor:pointer}
@media(max-width:700px){.quick-search-inner{flex-wrap:wrap;padding:10px 15px;gap:6px}.quick-search-hint{width:100%;font-size:10px}.quick-search-box{height:42px}.quick-search-rail button{height:42px;padding:0 13px}.hero{margin-top:4px}}


/* MONGPICK compact hero — preserve palette, headline and product layout. */
@media (min-width:851px){
 .hero{min-height:425px}
 .hero-copy{padding-top:57px;padding-bottom:47px}
 .hero h1{font-size:clamp(43px,4.5vw,66px);margin:23px 0 15px;line-height:1.14}
 .hero-link{margin-top:15px}
 .hero-art{min-height:400px;transform:scale(.84);transform-origin:center center}
 .featured-section{padding-top:25px}
 .overview{padding-top:53px;padding-bottom:58px}
}
@media (min-width:541px) and (max-width:850px){
 .hero{min-height:365px;display:block}
 .hero-copy{padding:34px 36px 35px;max-width:82%}
 .hero h1{font-size:clamp(38px,5.2vw,49px);margin:19px 0 13px;letter-spacing:-2px;line-height:1.17}
 .hero-copy p{font-size:13px;line-height:1.65}
 .hero-link{margin-top:12px}
 .hero-art{position:absolute;right:3%;bottom:-3px;width:37%;height:220px;min-height:0;transform:scale(.75);transform-origin:right bottom;opacity:.8;pointer-events:none}
 .featured-section{padding-top:24px;padding-bottom:38px}
 .overview{padding-top:36px;padding-bottom:39px}
}
@media (max-width:540px){
 .hero{display:block;min-height:0;margin-top:4px;isolation:isolate}
 .hero-copy{padding:25px 20px 24px;min-height:337px}
 .eyebrow{font-size:10px;letter-spacing:1px}
 .hero h1{font-size:clamp(34px,8.8vw,41px);line-height:1.16;letter-spacing:-2.3px;margin:17px 0 11px}
 .hero-copy p{font-size:12px;line-height:1.63;max-width:100%;padding-right:23px}
 .hero-link{margin-top:12px;padding:12px 18px;border-radius:22px;gap:20px;font-size:12px}
 .hero-link span{font-size:17px}
 .hero-art{position:absolute;right:1%;bottom:0;width:44%;height:143px;min-height:0;opacity:.77;pointer-events:none;z-index:0}
 .shape-large{width:139px;height:139px;left:0;top:8px}
 .shape-medium{width:82px;height:82px;right:0;bottom:-10px}
 .tiny-card{width:75px;height:96px;left:34%;top:22px;border-radius:14px}
 .tiny-card strong{font-size:11px}
 .tiny-card small{font-size:9px}
 .tiny-symbol{font-size:28px}
 .orbit,.hero-index{display:none}
 .featured-section{padding-top:21px;padding-bottom:26px}
 .featured-heading{margin-bottom:13px}
 .overview{padding-top:29px;padding-bottom:32px}
}