@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#faf8f3;--white:#fff;--ink:#272823;--muted:#8e8e83;--line:#eae7dd;--coral:#f27d5d;--coral-dark:#dc6545;--olive:#687a57;--mint:#e4ebda;--shadow:0 14px 38px rgba(42,38,28,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',system-ui,-apple-system,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}.shell{max-width:1240px;padding:0 32px;margin:0 auto}.site-header{height:84px;border-bottom:1px solid var(--line);background:rgba(250,248,243,.96)}.header-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;min-width:0}.brand-mark{width:46px;height:46px;border-radius:15px;background:var(--coral);color:white;display:grid;place-items:center;box-shadow:0 6px 15px rgba(242,125,93,.18)}.brand-mark svg{width:29px;height:29px}.brand-text{font-size:19px;line-height:1.1;font-weight:900;letter-spacing:-.05em;display:flex;flex-direction:column;gap:7px}.brand-text small{font-size:9px;letter-spacing:.17em;font-family:'DM Sans',sans-serif;font-weight:800;color:#9a9b8d}.header-link{font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid #787a6f;padding:8px 0}.header-link span{margin-left:13px;color:var(--coral)}
.intro{display:grid;grid-template-columns:1.08fr .92fr;min-height:474px;position:relative;align-items:center;gap:30px;padding-top:48px;padding-bottom:46px}.intro-copy{position:relative;z-index:1}.intro-tag,.section-kicker{font-size:11px;font-weight:900;letter-spacing:.19em;color:var(--olive)}.intro-tag{display:inline-flex;align-items:center;gap:9px}.tag-dot{background:#ef8c70;width:8px;height:8px;border-radius:50%}.intro h1{font-size:clamp(39px,4.45vw,63px);line-height:1.24;font-weight:900;letter-spacing:-.075em;margin:24px 0 21px;word-break:keep-all}.intro h1 em{font-style:normal;color:var(--coral)}.intro-copy>p{font-size:16px;color:#77796e;line-height:1.95;letter-spacing:-.035em;margin:0}.intro-cta{display:inline-flex;align-items:center;gap:38px;background:var(--ink);color:#fff;text-decoration:none;font-size:14px;font-weight:800;border-radius:11px;padding:17px 22px;margin-top:29px;transition:transform .2s,background .2s}.intro-cta:hover{transform:translateY(-2px);background:#4b4d42}.intro-cta span{font-size:20px;font-weight:400}.intro-stats{display:flex;align-items:center;gap:18px;color:#99998f;font-size:11px;font-weight:700;margin-top:39px}.intro-stats b{font-size:16px;color:#36372e;padding-right:5px}.stat-divider{height:15px;width:1px;background:#d7d4ca}.intro-art{height:376px;position:relative;overflow:hidden}.art-blob{position:absolute;width:78%;height:82%;right:10%;top:7%;border-radius:47% 53% 48% 52%/53% 43% 57% 47%;background:#e8ecdd;transform:rotate(-14deg)}.art-sun{position:absolute;right:5%;top:8%;width:87px;height:87px;border-radius:50%;background:#ffd1a9}.art-card{position:absolute;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:19px;box-shadow:0 22px 48px rgba(59,64,45,.11);padding:17px 22px;z-index:2;letter-spacing:.08em;font-size:13px;font-weight:900}.art-card small{display:block;margin-top:7px;color:#99998b;font-size:11px;letter-spacing:-.03em;font-weight:600}.art-card-a{left:10%;top:26%;transform:rotate(-9deg)}.art-card-b{right:5%;bottom:18%;transform:rotate(7deg)}.art-emoji{font-size:52px;letter-spacing:0}.art-route{position:absolute;width:100%;height:100%;inset:0;z-index:1}.art-caption{position:absolute;bottom:12%;left:13%;font-size:11px;letter-spacing:.13em;color:#7b8968;font-weight:800;transform:rotate(-9deg)}.art-caption span{padding-left:9px;color:var(--coral)}
.affiliate-note{border:1px solid #f1ddd1;background:#fff3e9;border-radius:12px;display:flex;align-items:center;gap:11px;padding:14px 19px;color:#90614d}.affiliate-note .note-icon{font-size:19px;color:#d77d57;flex:none}.affiliate-note p{margin:0;font-size:12px;line-height:1.75;font-weight:700;word-break:keep-all}
.browse{padding-top:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading h2{margin:12px 0 0;font-size:clamp(26px,3.2vw,38px);font-weight:900;letter-spacing:-.067em}.heading-star{font-size:16px;margin-left:10px;color:var(--coral);vertical-align:top}.section-heading>p{color:var(--muted);font-size:13px;margin:0 0 5px}.search-panel{width:100%;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e6e5db;padding:9px 9px 9px 23px;border-radius:14px;box-shadow:0 8px 25px rgba(47,51,43,.03)}.search-icon{width:22px;height:22px;color:#a5a599;flex:none}.search-icon svg{width:100%;height:100%}.search-panel input{border:none;outline:0;flex:1;min-width:0;font-size:15px;color:var(--ink);background:transparent;padding:11px 0}.search-panel input::placeholder{color:#b0b1a7}.search-clear{font-size:24px;color:#a1a196;text-decoration:none;line-height:1}.search-panel button{color:#fff;border:0;border-radius:10px;background:var(--coral);padding:16px 24px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .2s}.search-panel button:hover{background:var(--coral-dark)}.search-panel button span{margin-left:17px}.category-nav{display:flex;gap:9px;overflow-x:auto;padding:24px 1px 13px;scrollbar-width:thin}.category-pill{flex:none;display:inline-flex;gap:6px;align-items:center;border:1px solid #e5e4d9;background:#fff;color:#666a5e;border-radius:40px;text-decoration:none;font-size:13px;font-weight:800;padding:12px 19px;white-space:nowrap;transition:background .2s,border-color .2s}.category-pill:hover{border-color:#b8c3aa}.category-pill.active{background:#637655;color:#fff;border-color:#637655}.category-pill span{color:var(--coral)}
.catalog-bar{display:flex;align-items:center;justify-content:space-between;margin:28px 0 20px;gap:15px;scroll-margin-top:40px}.catalog-count{font-size:15px;font-weight:700;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.catalog-count strong{font-size:25px;color:var(--coral);font-weight:900}.catalog-count>span:not(.query-tag){color:#67695c}.query-tag{margin-left:8px;padding:5px 9px;border-radius:7px;background:#ecece5;color:#737768;font-size:12px}.catalog-order{font-size:12px;color:#a4a59a}.catalog-order span{margin-left:7px}.selection-hint{display:flex;gap:10px;align-items:center;padding:14px 17px;background:#fff0e8;border-radius:11px;color:#a05238;font-weight:800;font-size:12px;margin-bottom:18px}.selection-hint a{margin-left:auto;white-space:nowrap}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.product-card{min-width:0;background:#fff;border:1.5px solid #e8e6dc;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s,border-color .25s;scroll-margin-top:28px}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(42,38,28,.11)}.product-card.is-selected{border:2px solid var(--coral);box-shadow:0 0 0 5px #ffdbcb,0 21px 45px rgba(226,119,81,.21);position:relative}.card-media{position:relative;background:#f3f0e9;aspect-ratio:1.43;overflow:hidden}.card-media img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .5s}.product-card:hover .card-media img{transform:scale(1.035)}.product-number{position:absolute;left:16px;top:16px;background:rgba(40,41,36,.92);color:white;padding:8px 13px;border-radius:8px;font-size:16px;letter-spacing:.01em;font-weight:900}.product-number span{font-size:10px;letter-spacing:.08em;padding-right:3px;font-weight:700}.featured-badge{position:absolute;right:14px;top:16px;padding:8px 11px;background:#fff;color:#ca7352;border-radius:8px;font-size:12px;font-weight:900;box-shadow:0 5px 15px #22222212}.featured-badge span{margin-right:3px}.card-content{padding:23px 23px 21px;display:flex;flex-direction:column;flex:1}.selected-badge{align-self:flex-start;color:#c26142;background:#fff0e8;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:900;margin-bottom:12px}.card-category{color:var(--olive);font-size:11px;font-weight:900;letter-spacing:.06em}.card-content h3{font-size:19px;letter-spacing:-.055em;line-height:1.55;font-weight:900;margin:8px 0 9px;word-break:keep-all}.card-description{color:#8d8d83;font-size:13px;line-height:1.85;word-break:keep-all;white-space:pre-line;margin:0 0 22px;min-height:49px;flex:1}.card-bottom{font-size:11px;color:#a3a297;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0eee7;padding-top:15px;margin-top:auto;margin-bottom:14px}.card-bottom span:last-child{font-size:15px}.product-action{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;border-radius:10px;background:#f37c5b;color:white;text-decoration:none;font-size:14px;font-weight:900;transition:background .2s}.product-action:hover{background:#dc6545}.product-action span{font-size:18px;font-weight:400}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid var(--line);padding:77px 20px;border-radius:20px}.empty-art{font-size:56px;color:#f4a17f;line-height:1}.empty-state h3{font-size:21px;margin:18px 0 8px}.empty-state p{color:var(--muted);margin:0 0 23px}.empty-state a{color:var(--coral-dark);font-weight:900}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:39px 0 0}.page-button{padding:13px 22px;background:white;border:1px solid var(--line);border-radius:9px;font-size:13px;font-weight:800;text-decoration:none}.page-button.is-disabled{color:#c1c1b7;background:transparent}.page-current{color:#aaa99e;font-size:13px;min-width:70px;text-align:center}.page-current strong{color:var(--ink);font-weight:900}
.bottom-banner{margin-top:100px;margin-bottom:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bottom-banner>div{border-left:3px solid #ed8a65;padding-left:24px}.bottom-banner span{font-size:11px;letter-spacing:.15em;font-weight:900;color:var(--olive)}.bottom-banner h2{font-size:34px;letter-spacing:-.07em;line-height:1.35;margin:12px 0 0}.bottom-banner>a{background:#e9eddf;color:#5b6d50;padding:17px 23px;text-decoration:none;border-radius:10px;font-weight:900;font-size:13px;white-space:nowrap}.bottom-banner>a span{font-size:16px;letter-spacing:0;margin-left:12px}.site-footer{border-top:1px solid #e5e4da;padding:27px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9e9f92;font-size:11px}.footer-inner>span:first-child{font-weight:900;color:#777b6c}.footer-dot{color:var(--coral)}
@media(max-width:980px){.shell{padding-left:25px;padding-right:25px}.intro{grid-template-columns:1fr .8fr}.intro-art{height:330px}.intro h1{font-size:43px}.art-card{padding:12px 13px;gap:9px}.art-emoji{font-size:38px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.shell{padding-left:18px;padding-right:18px}.site-header{height:70px}.brand-mark{height:40px;width:40px;border-radius:12px}.brand-mark svg{height:25px;width:25px}.brand-text{font-size:16px}.brand-text small{font-size:8px}.header-link{font-size:12px}.intro{display:block;padding-top:46px;padding-bottom:30px;min-height:auto}.intro-tag{font-size:10px}.intro h1{font-size:clamp(34px,8vw,47px);line-height:1.35;margin:19px 0 13px}.intro-copy>p{font-size:13px;line-height:1.9}.desktop-break{display:none}.intro-cta{font-size:13px;padding:15px 19px;margin-top:22px}.intro-stats{margin-top:25px;font-size:10px;gap:11px}.intro-art{display:none}.affiliate-note{padding:14px;align-items:flex-start}.affiliate-note p{font-size:11px}.browse{padding-top:60px}.section-heading{display:block;margin-bottom:21px}.section-heading h2{font-size:27px}.section-heading>p{margin-top:10px;font-size:12px}.search-panel{padding:7px 7px 7px 13px;gap:8px}.search-icon{width:20px;height:20px}.search-panel input{font-size:13px;min-width:0}.search-panel button{font-size:12px;padding:13px 13px}.search-panel button span{display:none}.category-nav{padding:20px 0 9px;gap:7px;margin-right:-18px;padding-right:18px}.category-pill{padding:10px 14px;font-size:12px}.catalog-bar{margin:22px 0 16px}.catalog-count{font-size:13px}.catalog-count strong{font-size:22px}.catalog-order{display:none}.selection-hint{align-items:flex-start;font-size:11px;flex-wrap:wrap}.selection-hint a{margin-left:0}.product-grid{grid-template-columns:1fr;gap:17px}.card-media{aspect-ratio:1.6}.card-content{padding:19px}.card-content h3{font-size:18px}.card-description{font-size:13px;min-height:auto;margin-bottom:19px}.product-action{padding:16px}.bottom-banner{margin-top:70px;margin-bottom:60px;align-items:flex-start;flex-direction:column;gap:24px}.bottom-banner h2{font-size:29px}.bottom-banner>a{padding:15px 20px}.footer-inner{align-items:flex-start;flex-direction:column;gap:8px}.pagination{gap:8px}.page-button{padding:12px 15px}}
@media(min-width:530px) and (max-width:650px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-media{aspect-ratio:1.15}.card-content{padding:15px}.card-content h3{font-size:16px}.product-action{padding:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card,.card-media img,.intro-cta{transition:none}}


/* BIGONE PICK compact layout: v2.1, 2026-11-11 */
@media (min-width: 981px) {
  .site-header { height: 68px; }
  .brand-mark { width: 40px; height: 40px; border-radius: 12px; }
  .brand-mark svg { width: 25px; height: 25px; }
  .brand-text { font-size: 17px; gap: 4px; }
  .intro { min-height: 285px; padding-top: 26px; padding-bottom: 22px; gap: 24px; }
  .intro h1 { font-size: clamp(34px, 3.5vw, 47px); line-height: 1.25; margin: 11px 0 10px; }
  .intro-copy > p { font-size: 14px; line-height: 1.65; }
  .intro-cta { margin-top: 16px; padding: 12px 18px; }
  .intro-stats { margin-top: 16px; }
  .intro-art { height: 260px; }
  .art-card { padding: 12px 16px; font-size: 11px; }
  .art-emoji { font-size: 39px; }
  .art-sun { width: 64px; height: 64px; }
  .browse { padding-top: 36px; }
  .section-heading { margin-bottom: 17px; }
  .section-heading h2 { font-size: 30px; margin-top: 6px; }
  .category-nav { padding-top: 13px; padding-bottom: 6px; }
  .catalog-bar { margin: 14px 0 13px; }
}
@media (min-width: 651px) and (max-width: 980px) {
  .intro { min-height: 300px; padding-top: 23px; padding-bottom: 20px; }
  .intro h1 { font-size: 37px; margin: 12px 0 11px; }
  .intro-art { height: 250px; }
  .intro-stats { margin-top: 18px; }
  .intro-cta { margin-top: 17px; padding: 13px 18px; }
  .browse { padding-top: 38px; }
  .section-heading { margin-bottom: 18px; }
  .category-nav { padding-top: 14px; }
  .catalog-bar { margin: 15px 0 13px; }
}
@media (max-width: 650px) {
  .site-header { height: 62px; }
  .intro { padding-top: 22px; padding-bottom: 18px; }
  .intro h1 { font-size: clamp(29px, 7.1vw, 38px); margin: 9px 0 8px; line-height: 1.25; }
  .intro-copy > p { font-size: 12px; line-height: 1.6; }
  .intro-cta { margin-top: 13px; padding: 12px 16px; }
  .intro-stats { margin-top: 13px; }
  .browse { padding-top: 27px; }
  .section-heading { margin-bottom: 13px; }
  .section-heading h2 { font-size: 24px; margin-top: 7px; }
  .section-heading > p { margin-top: 6px; }
  .category-nav { padding-top: 12px; padding-bottom: 4px; }
  .catalog-bar { margin: 12px 0 12px; }
}
/* All devices: denser cards without sacrificing tap targets */
.affiliate-note { padding-top: 11px; padding-bottom: 11px; }
.search-panel { padding-top: 6px; padding-bottom: 6px; }
.category-pill { padding-top: 10px; padding-bottom: 10px; }
.card-media { aspect-ratio: 1.65; }
.card-content { padding: 17px; }
.card-content h3 { margin: 5px 0 5px; line-height: 1.4; }
.card-description { margin-bottom: 12px; min-height: 0; line-height: 1.55; }
.card-bottom { padding-top: 10px; margin-bottom: 10px; }
.product-action { min-height: 48px; padding: 12px 15px; }
.empty-state { padding: 45px 20px; }
.bottom-banner { margin-top: 55px; margin-bottom: 48px; }
@media (max-width: 650px) {
  .card-media { aspect-ratio: 1.7; }
  .card-content { padding: 15px; }
  .product-action { min-height: 48px; }
  .bottom-banner { margin-top: 38px; margin-bottom: 35px; }
}