/* findeal2.0 — boon_list.css (페이지 전용 스타일) */

/* ── 헤더 ── */

    /* ── 리스트 ── */
    /* PHP: select * from boon where enable='Y' order by seq desc limit $scale offset $start */
    .fd-boon-list{background:var(--white);padding-bottom:80px;}
    .fd-boon-item{display:flex;align-items:center;gap:14px;padding:18px 18px;cursor:pointer;transition:background .12s;}
    .fd-boon-item:active{background:var(--bg);}
    .fd-boon-item + .fd-boon-item{border-top:1px solid var(--line);}

    /* 썸네일 */
    /* PHP: $set[img_1] 있으면 <img src="/file/boon/$set[img_1]"> */
    .fd-boon-thumb{width:56px;height:56px;border-radius:var(--r);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:28px;}
    .fd-boon-thumb.t1{background:linear-gradient(135deg,#5F0080,#7B22A0);}
    .fd-boon-thumb.t2{background:linear-gradient(135deg,#065f46,#059669);}
    .fd-boon-thumb.t3{background:linear-gradient(135deg,#92400e,#d97706);}
    .fd-boon-thumb.t4{background:linear-gradient(135deg,#1d4ed8,#3b82f6);}
    .fd-boon-thumb.t5{background:linear-gradient(135deg,#4c1d95,#7c3aed);}
    .fd-boon-thumb img{width:100%;height:100%;object-fit:cover;}

    /* 텍스트 */
    .fd-boon-body{flex:1;min-width:0;}
    .fd-boon-title{font-size:15px;font-weight:800;color:var(--t1);letter-spacing:-.3px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .fd-boon-sub{font-size:13px;color:var(--t3);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

    /* 화살표 */
    .fd-boon-arr{font-size:16px;color:var(--t4);flex-shrink:0;}

    /* ── 페이지네이션 ── */
    .fd-pagination{display:flex;justify-content:center;align-items:center;gap:4px;padding:20px 0 10px;border-top:1px solid var(--line);}
    .fd-page-btn{width:34px;height:34px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--t3);border:1.5px solid var(--line);cursor:pointer;transition:all .2s;}
    .fd-page-btn.active{background:var(--navy);border-color:var(--navy);color:#fff;}

    /* ── 애니메이션 ── */
    @keyframes fadeUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
    .fd-boon-item{animation:fadeUp .3s ease both;}
    .fd-boon-item:nth-child(1){animation-delay:.03s;}
    .fd-boon-item:nth-child(2){animation-delay:.07s;}
    .fd-boon-item:nth-child(3){animation-delay:.11s;}
    .fd-boon-item:nth-child(4){animation-delay:.15s;}
    .fd-boon-item:nth-child(5){animation-delay:.19s;}