/* ===== ทำนายฝัน เลขเด็ด ===== */
:root{
  --df-primary:#b3122a; --df-primary-d:#7a0c1c;
  --df-gold:#d4af37; --df-gold-d:#a8841f;
  --df-card:#fffdf6; --df-text:#2b1a12;
}
.df-search{background:var(--df-card);border-radius:18px;padding:26px;box-shadow:0 10px 30px rgba(0,0,0,.16);border:1px solid rgba(212,175,55,.35);position:relative;overflow:hidden}
.df-search::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--df-gold),var(--df-primary),var(--df-gold))}
.df-search-intro{margin:0 0 16px;color:#6c5847;font-size:15px;line-height:1.7}
.df-search-bar{display:flex;gap:10px}
.df-search-bar input{flex:1;padding:15px 18px;border:2px solid #ead9b0;border-radius:12px;font-size:16px;font-family:inherit;outline:none;transition:.2s}
.df-search-bar input:focus{border-color:var(--df-gold)}
.df-search-bar button{background:linear-gradient(135deg,var(--df-primary),var(--df-primary-d));color:#fff;border:0;padding:0 26px;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px rgba(122,12,28,.3);transition:.15s}
.df-search-bar button:hover{transform:translateY(-2px)}
.df-quick{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:14px;color:#9a8463}
.df-tag{padding:5px 13px;background:#fbf3df;border:1px solid #ecd9a8;border-radius:20px;color:var(--df-primary-d);text-decoration:none;font-weight:600;transition:.15s}
.df-tag:hover{background:var(--df-gold);color:#fff}
.df-result{margin-top:18px;display:grid;gap:14px}
.df-item{display:block;text-decoration:none;color:inherit;border:1px solid #efe2c4;border-radius:14px;padding:18px;background:linear-gradient(180deg,#fffdf7,#fff8ea)}
.df-item:hover{box-shadow:0 4px 14px rgba(122,12,28,.08)}
.df-item.has-img{display:flex;gap:16px;align-items:stretch;padding:14px}
.df-item-img{flex:0 0 120px;width:120px;height:120px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--df-primary-d),var(--df-primary));text-decoration:none}
.df-item-img img{width:100%;height:100%;object-fit:cover;display:block}
.df-item-img-ph{font-size:46px}
.df-item-body{flex:1;min-width:0}
.df-item h4{margin:0 0 8px;color:var(--df-primary-d);font-size:19px}
.df-item p{margin:0 0 12px;color:#5b4636;line-height:1.7;font-size:15px}
.df-nums{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.df-nums .lbl{font-size:13px;color:#9a8463;margin-right:4px}
.df-chip{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:42px;padding:0 12px;background:linear-gradient(135deg,var(--df-gold),var(--df-gold-d));color:#3d0b14;border-radius:10px;font-weight:800;font-size:18px;letter-spacing:1px;box-shadow:0 3px 8px rgba(168,132,31,.35)}
.df-chip.three{background:linear-gradient(135deg,var(--df-primary),var(--df-primary-d));color:#fff}
.df-empty{padding:18px;text-align:center;color:#9a8463;background:#fbf3df;border-radius:12px}
.df-loading{padding:16px;text-align:center;color:#9a8463}
@media(max-width:600px){.df-search{padding:18px}.df-search-bar{flex-direction:column}.df-search-bar button{padding:13px}}
@media(max-width:520px){.df-item.has-img{flex-direction:column}.df-item-img{width:100%;height:170px;flex-basis:auto}}