@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600;700;800&display=swap");:root{--bg:#fbf9f4;--ink:#1f2a24;--accent:#2f6f4e;--spice:#c0511f;--muted:#8a8172;--line:#efede7;--gold:#e4b84a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Malgun Gothic,sans-serif}.serif{font-family:"Noto Serif KR",serif}.nav-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid;opacity:.85;background:transparent;cursor:pointer;transition:opacity .15s ease,background .15s ease}.nav-icon-btn:hover{opacity:1;background:currentColor}.nav-icon-btn:hover svg{stroke:#fff}a{color:inherit;text-decoration:none}.wrap{max-width:480px;margin:0 auto;padding:18px 16px 60px}.header{background:var(--ink);padding:28px 20px 24px;gap:12px}.header,.seal{display:flex;align-items:center}.seal{width:52px;height:52px;border-radius:14px;border:2px solid var(--gold);justify-content:center;overflow:hidden;flex-shrink:0}.seal img{width:100%;height:100%;object-fit:contain}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--gold);font-weight:600}.h1{font-size:21px;font-weight:800;margin:2px 0 0;color:var(--bg)}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px}.tab{flex-shrink:0;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--line);background:#fff;cursor:pointer}.tab.active{border-color:var(--ink);background:var(--ink);color:var(--bg)}.tab-gift{border-color:var(--gold);background:#fbf0d9;color:#8a6716}.tab-gift.active{border-color:var(--gold);background:var(--gold);color:#3a2c05}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;gap:12px;align-items:center}.thumb{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--line);flex-shrink:0}.badge{font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px}.price{font-weight:800;color:var(--spice);margin-top:3px}.input,.price{font-size:14px}.input{padding:12px 14px;border-radius:12px;border:1px solid #e4e0d5;width:100%}.btn{padding:11px 18px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-weight:700;font-size:13px;cursor:pointer}.detail-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;background:var(--line)}.desc{font-size:14px;line-height:1.7;color:#3a362e;margin-top:14px;white-space:normal}.site-header{background:var(--bg);border-bottom:1px solid var(--line)}.site-header-bar{max-width:1280px;margin:0 auto;padding:18px 16px 14px;display:flex;align-items:center;gap:16px}.site-nav{display:none}.site-nav a{padding:13px 0;font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}.hero{background:linear-gradient(135deg,var(--ink) 0,#24352c 100%)}.hero-inner{max-width:1280px;margin:0 auto;padding:32px 16px 26px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(228,184,74,.14);border:1px solid var(--gold);color:var(--gold);font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;margin-bottom:14px}.hero-title{font-size:26px;line-height:1.35;color:var(--bg);margin:0 0 12px;font-weight:800}.hero-desc{font-size:14px;line-height:1.7;color:#c9c2b2;margin:0 0 20px;max-width:520px}.trust-strip{background:#182019;border-top:1px solid #2c382f}.trust-strip-inner{max-width:1280px;margin:0 auto;padding:14px 16px;display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.trust-item{gap:10px;color:#c9c2b2;font-size:12.5px;font-weight:600}.opentalk-banner,.trust-item{display:flex;align-items:center}.opentalk-banner{justify-content:space-between;gap:16px;background:#fee500;border-radius:16px;padding:18px 20px;color:var(--ink);flex-wrap:wrap}.opentalk-banner-title{font-size:15px;font-weight:800;margin-bottom:3px}.opentalk-banner-desc{font-size:12.5px;color:#4a4522}.opentalk-banner-cta{flex-shrink:0;background:var(--ink);color:#fee500;padding:12px 20px;border-radius:10px;font-weight:800;font-size:14px;white-space:nowrap}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px}.section-title{font-family:"Noto Serif KR",serif;font-size:18px;font-weight:800;margin:0}.section-sub{font-size:12px;color:var(--muted);margin:3px 0 0}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.category-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.grid-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.grid-card-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--line)}.grid-card-body{padding:12px}.carousel-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:4px;-webkit-overflow-scrolling:touch}.carousel-item{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 10px) / 2);scroll-snap-align:start;min-width:0}.carousel-arrow{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;flex-shrink:0}.carousel-arrow:disabled{opacity:.35;cursor:default}.stats-banner{background:#ede3c6;border-radius:18px;padding:24px 20px;display:flex;flex-direction:column;gap:20px}.stats-banner-numbers{display:flex;gap:24px;flex-wrap:wrap}.stat-item{text-align:center}.stat-num{font-size:24px;font-weight:800;color:var(--spice)}.stat-label{font-size:11px;color:#6b6250;margin-top:3px}.site-footer-grid{display:flex;flex-direction:column;gap:18px}@media (min-width:900px){.wrap{padding:28px 32px 72px}.site-nav,.wrap{max-width:1280px}.site-nav{display:flex;gap:28px;border-top:1px solid var(--line);padding:0 32px;margin:0 auto}.hero-inner{padding:64px 32px 48px;display:flex;align-items:center;gap:40px}.hero-title{font-size:40px}.hero-desc{font-size:16px}.trust-strip-inner{grid-template-columns:repeat(4,minmax(0,1fr));padding:16px 32px}.opentalk-banner{padding:22px 36px;flex-wrap:nowrap}.opentalk-banner-title{font-size:17px}.category-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stats-banner{align-items:center;padding:34px 40px}.site-footer-grid,.stats-banner{flex-direction:row;justify-content:space-between}.carousel-item{flex-basis:calc((100% - 3 * 16px) / 4)}.carousel-row{gap:16px}}@media (min-width:600px) and (max-width:899px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.carousel-item{flex-basis:calc((100% - 2 * 10px) / 3)}.category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}