/* Inherits the site's hanji surfaces and theme tokens in the app and static pages. */
.lucky-goods { margin:20px 0; padding:20px; min-width:0; background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow-1); }
.lucky-goods h2 { margin:0 0 12px; font-size:20px; line-height:1.5; }
.lucky-goods .goods-story { margin:0; line-height:1.8; color:var(--text-sub); }
.lucky-goods h3 { margin:24px 0 8px; font-size:14px; line-height:1.6; color:var(--text-sub); }
.lucky-goods .goods-list { list-style:none; padding:0; margin:0; }
.goods-list li + li { border-top:1px solid var(--border); }
.lucky-goods .goods-row { display:flex; align-items:flex-start; gap:12px; padding:14px 0; color:var(--text); text-decoration:none; border-radius:4px; }
.goods-row:hover .goods-name { text-decoration:underline; text-underline-offset:3px; }
.goods-row:focus-visible { outline:2px solid var(--primary); outline-offset:4px; }
.goods-row img { flex:none; width:64px; height:64px; object-fit:contain; border-radius:8px; background:#fff; }
.goods-row img[hidden] { display:none; }
.goods-info { display:block; flex:1; min-width:0; }
.goods-name { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:15px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.goods-copy { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:4px; overflow:hidden; overflow-wrap:anywhere; font-size:13px; line-height:1.6; color:var(--text-sub); }
.goods-action { display:block; margin-top:6px; font-size:13px; font-weight:700; line-height:1.6; color:var(--primary); }
.lucky-goods .goods-note,.lucky-goods .goods-disclosure { font-size:13px; line-height:1.7; color:var(--text-sub); }
.lucky-goods .goods-note { border-top:1px solid var(--border); padding-top:16px; margin:8px 0 6px; }
.lucky-goods .goods-disclosure { margin:0; }