/* F2AP — Fresh Offer Added real data block. Keep original compact UI design. */

/* F2AP.1 — Replace emoji with premium chart-style icon matching the UI design. */
.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-section-title h3{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-title-icon{
    width:22px!important;
    height:22px!important;
    display:inline-grid!important;
    grid-template-columns:repeat(3, 1fr)!important;
    gap:3px!important;
    align-items:end!important;
    padding:3px!important;
    border-radius:7px!important;
    background:linear-gradient(180deg, rgba(46,207,255,.16), rgba(70,105,255,.08))!important;
    box-shadow:0 0 14px rgba(58,198,255,.25)!important;
    flex:0 0 22px!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-title-icon i{
    display:block!important;
    width:4px!important;
    border-radius:5px!important;
    background:linear-gradient(180deg, #7af6ff 0%, #2cc7ff 50%, #6478ff 100%)!important;
    box-shadow:0 0 8px rgba(82,214,255,.65)!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-title-icon i:nth-child(1){height:9px!important;}
.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-title-icon i:nth-child(2){height:15px!important;}
.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-title-icon i:nth-child(3){height:20px!important;}

.lcpi-front-desktop .lcpi-fresh-offers-panel{
    min-width:0!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 70px 58px!important;
    gap:9px!important;
    align-items:center!important;
    min-height:38px!important;
    padding:7px 0!important;
    font-size:13px!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-icon{
    width:24px!important;
    height:24px!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 24px!important;
    font-size:12px!important;
    line-height:1!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-icon img{
    width:20px!important;
    height:20px!important;
    object-fit:cover!important;
    border-radius:7px!important;
    display:block!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-name{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0!important;
    color:#f3f6ff!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-title{
    min-width:0!important;
    flex:1 1 auto!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0!important;
    color:#f3f6ff!important;
    line-height:1.2!important;
    font-size:14px!important;
    font-weight:600!important;
    text-align:left!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-name small{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:17px!important;
    max-width:58px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    padding:0 6px!important;
    border-radius:999px!important;
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
    color:#bfc9e8!important;
    background:rgba(150,162,205,.18)!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > em{
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;
    max-width:70px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:right!important;
    font-size:12px!important;
    color:#dce4ff!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > b{
    min-width:54px!important;
    height:26px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    text-align:center!important;
    border-radius:8px!important;
    padding:0 8px!important;
    font-size:12px!important;
    line-height:1!important;
    color:#22ff72!important;
    background:rgba(34,240,100,.14)!important;
}

.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > b.is-hot,
.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > b.is-top,
.lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > b.is-featured{
    color:#ffd12c!important;
    background:rgba(255,186,33,.14)!important;
}

@media (max-width:1480px){
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row{
        grid-template-columns:26px minmax(0,1fr) 62px 52px!important;
        gap:7px!important;
    }
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-title{
        font-size:13px!important;
    }
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-name small{
        max-width:48px!important;
        padding:0 5px!important;
        font-size:7.5px!important;
    }
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > em{
        max-width:62px!important;
        font-size:11px!important;
    }
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > b{
        min-width:50px!important;
        font-size:11px!important;
    }
}

@media (max-width:520px){
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row{
        grid-template-columns:24px minmax(0,1fr) 58px!important;
    }
    .lcpi-front-desktop .lcpi-fresh-offers-panel .lcpi-fresh-offer-row > b{display:none!important;}
}
