/* ══ POPULAR OFFERS ═════════════════════ */
        .offers-scroll {
            display: flex; gap: 12px;
            padding: 0 16px 4px;
            min-height: 300px; 
            max-height:450px;/* or estimated real height */
            contain: layout paint;
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }
        .offers-scroll::-webkit-scrollbar { display: none; }

        .offer-card {
            background: white;
            border-radius: var(--radius);
            width: 165px; flex-shrink: 0;
            min-width:145px;
            box-shadow: var(--shadow);
            overflow: hidden;
            transition: transform .15s, box-shadow .15s;
            cursor: pointer;
        }
        .offer-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }

        
        .offer-img {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: cover;
  position: relative;
  z-index: 2;
}

        .offer-img-placeholder {
  width: 100%;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

        .offer-body { padding: 10px 11px 12px; }

        .offer-title {
            font-family: 'Nunito', sans-serif;
            font-weight: 800; font-size: 13px;
            color: var(--text); line-height: 1.3;
            margin-bottom: 4px;
        }

        .offer-price {
            font-family: 'Nunito', sans-serif;
            font-weight: 900; font-size: 16px;
            color: var(--text); margin-bottom: 5px;
        }

        .offer-price .from {
            font-size: 11px; font-weight: 600;
            color: var(--text-2); vertical-align: middle;
        }

        .offer-seller {
            display: flex; align-items: center; gap: 5px;
            font-size: 11px; color: var(--text-2); margin-bottom: 4px;
        }

        .seller-dot {
            width: 7px; height: 7px; border-radius: 50%;
            background: var(--green); flex-shrink: 0;
        }

        .offer-stars {
            display: flex; align-items: center; gap: 3px;
            font-size: 11px; color: var(--yellow-dark);
        }

        .offer-loc {
            font-size: 10.5px; color: var(--gray);
            margin-left: auto; white-space: nowrap; overflow: hidden;
            text-overflow: ellipsis; max-width: 70px;
        }