/* KHONCHAIHERB Commerce v1.30 — Koonchaishop source-aware social proof */
.kch-source-section{--kch-source-ink:#173f31;--kch-source-muted:#6e7b73;--kch-source-line:#dfe7e1;--kch-source-gold:#b7924f;--kch-source-green:#1e6848;position:relative;max-width:1280px;margin:20px auto 0;padding:20px;border:1px solid var(--kch-source-line);border-radius:24px;background:linear-gradient(145deg,#fffefa,#f7faf7);box-shadow:0 14px 38px rgba(18,54,39,.065);overflow:hidden}.kch-source-section::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#173f31,#b7924f 55%,#d8c89e);opacity:.86}.kch-source-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}.kch-source-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:5px;color:var(--kch-source-gold);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.kch-source-kicker .material-symbols-rounded{font-size:16px}.kch-source-head h2{margin:0;color:var(--kch-source-ink);font-size:clamp(20px,2vw,29px);line-height:1.25;letter-spacing:-.02em}.kch-source-head p{max-width:760px;margin:7px 0 0;color:var(--kch-source-muted);font-size:10.5px;line-height:1.65}.kch-source-summary{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(72px,1fr));gap:7px}.kch-source-summary div{min-width:76px;padding:9px 11px;border:1px solid #e4e9e5;border-radius:13px;background:rgba(255,255,255,.86);text-align:center}.kch-source-summary b{display:block;color:var(--kch-source-ink);font-size:16px}.kch-source-summary small{display:block;margin-top:1px;color:#7a867f;font-size:8.5px}.kch-source-disclosure{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px;padding:10px 12px;border:1px solid #ebe2d2;border-radius:13px;background:#fffaf1;color:#765f32;font-size:9.5px;line-height:1.55}.kch-source-disclosure .material-symbols-rounded{flex:0 0 auto;font-size:18px;color:#9a783a}.kch-source-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:13px}.kch-source-assets,.kch-source-reviews{min-width:0}.kch-source-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.kch-source-subhead b{color:var(--kch-source-ink);font-size:12px}.kch-source-subhead small{color:#7b8880;font-size:8.5px}.kch-source-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:9px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:1px 1px 5px}.kch-source-rail::-webkit-scrollbar{display:none}.kch-source-card{min-width:0;scroll-snap-align:start;overflow:hidden;border:1px solid #e1e8e3;border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(17,49,35,.04)}.kch-source-media{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(145deg,#edf4ef,#faf6eb);overflow:hidden}.kch-source-media img,.kch-source-media video{display:block;width:100%;height:100%;object-fit:cover}.kch-source-media video{background:#0d221a}.kch-source-media-fallback{display:grid;place-items:center;gap:6px;width:100%;height:100%;padding:18px;text-align:center;color:#305b47}.kch-source-media-fallback .material-symbols-rounded{font-size:34px;color:#9d7d42}.kch-source-media-fallback b{font-size:10px}.kch-source-origin{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:4px 7px;border-radius:999px;background:rgba(14,47,35,.88);color:#fff;font-size:7.8px;font-weight:850;backdrop-filter:blur(8px)}.kch-source-origin .material-symbols-rounded{font-size:12px}.kch-source-card-copy{display:grid;gap:6px;padding:11px}.kch-source-card-copy h3{margin:0;color:var(--kch-source-ink);font-size:11.2px;line-height:1.45}.kch-source-card-copy p{display:-webkit-box;overflow:hidden;margin:0;color:#6e7b73;font-size:9.3px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kch-source-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}.kch-source-actions button,.kch-source-actions a,.kch-source-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:6px 9px;border:1px solid #dce5de;border-radius:10px;background:#f8fbf9;color:#28523f;text-decoration:none;font:800 8.8px/1.2 inherit}.kch-source-actions button{cursor:pointer}.kch-source-actions button.primary{border-color:#173f31;background:#173f31;color:#fff}.kch-source-actions .material-symbols-rounded{font-size:14px}.kch-source-review-list{display:grid;gap:8px}.kch-source-review{padding:12px;border:1px solid #e1e8e3;border-radius:15px;background:#fff}.kch-source-review-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.kch-source-review-author{min-width:0}.kch-source-review-author b{display:block;overflow:hidden;color:var(--kch-source-ink);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.kch-source-review-author small{display:block;margin-top:2px;color:#7b8780;font-size:8px}.kch-source-stars{flex:0 0 auto;color:#b58a37;font-size:11px;letter-spacing:.04em}.kch-source-review p{margin:8px 0 0;color:#536a5e;font-size:9.5px;line-height:1.6}.kch-source-review-media{display:flex;gap:5px;margin-top:8px;overflow-x:auto;scrollbar-width:none}.kch-source-review-media::-webkit-scrollbar{display:none}.kch-source-review-media img{width:54px;height:54px;flex:0 0 auto;border-radius:9px;object-fit:cover;border:1px solid #e4e8e5}.kch-source-review-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.kch-source-review-foot span,.kch-source-review-foot a{display:inline-flex;align-items:center;gap:3px;color:#728079;font-size:7.8px;text-decoration:none}.kch-source-review-foot .material-symbols-rounded{font-size:12px}.kch-source-empty{padding:18px;border:1px dashed #dbe4dd;border-radius:14px;background:#fbfcfb;color:#758179;text-align:center;font-size:9.5px}.kch-source-pdp{margin-top:16px}.kch-source-pdp .kch-source-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}.kch-source-pdp .kch-source-rail{grid-auto-columns:minmax(210px,42%)}.kch-source-pdp-chip{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 10px;border:1px solid #e7dfcf;border-radius:12px;background:#fffaf1;color:#765e31;cursor:pointer}.kch-source-pdp-chip>.material-symbols-rounded{font-size:19px;color:#9a783a}.kch-source-pdp-chip span:last-child{display:grid;gap:1px}.kch-source-pdp-chip b{font-size:9.5px}.kch-source-pdp-chip small{font-size:7.9px;line-height:1.45;color:#8a7754}.kch-source-pdp-chip:hover{border-color:#d9c99f;background:#fff8e9}.kch-source-section a:focus-visible,.kch-source-section button:focus-visible,.kch-source-pdp-chip:focus-visible{outline:3px solid rgba(30,104,72,.28);outline-offset:2px}
@media(max-width:900px){.kch-source-grid,.kch-source-pdp .kch-source-grid{grid-template-columns:1fr}.kch-source-pdp .kch-source-rail{grid-auto-columns:minmax(190px,58%)}}
@media(max-width:699px){.kch-source-section{margin:16px 12px 0;padding:15px;border-radius:19px}.kch-source-head{display:grid;grid-template-columns:1fr;align-items:start;gap:10px}.kch-source-head h2{font-size:20px}.kch-source-head p{font-size:9.5px}.kch-source-summary{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.kch-source-summary div{min-width:0}.kch-source-disclosure{font-size:8.6px}.kch-source-rail,.kch-source-pdp .kch-source-rail{grid-auto-columns:minmax(180px,78%);scroll-snap-type:x mandatory}.kch-source-card{scroll-snap-align:start}.kch-source-review{padding:11px}.kch-source-review p{font-size:9.2px}.kch-source-pdp{margin:14px 10px 0}.kch-source-actions button,.kch-source-actions a{min-height:34px}.kch-source-pdp-chip{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.kch-source-section *{scroll-behavior:auto!important;transition:none!important}}