      .recent-offers-container, .recent-offers-fallback, .recent-offers-title-section {
            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', Roboto, sans-serif !important;
        }
        .recent-offers-fallback.hidden { display: none !important; }

        .offers-scroller-wrapper { position: relative; overflow: visible !important; }
        .offers-scroll {
            display: flex !important;
            flex-wrap: nowrap !important;
            overflow-x: auto !important;
            overflow-y: hidden !important;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            padding-bottom: 6px;
            max-width: 100%;
        }
        .offers-scroll::-webkit-scrollbar { height: 8px; }
        .offers-scroll::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.12); border-radius: 9999px; }
        .offers-scroll > * { scroll-snap-align: start; }

        .offers-card {
            transition: transform 0.18s ease, box-shadow 0.18s ease !important;
            flex: 0 0 auto !important;
        }
        .offers-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px -10px rgba(0,0,0,0.25);
        }

        .offers-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            width: 36px;
            height: 36px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #fff;
            border: 1px solid rgba(0,0,0,0.08);
            border-radius: 9999px;
            box-shadow: 0 6px 18px -8px rgba(0,0,0,0.3);
            cursor: pointer;
            user-select: none;
        }
        .offers-nav span { font-size: 20px; line-height: 1; color: #374151; }
        .offers-nav:hover { background: #f8fafc; }
        .offers-nav-right { right: -6px; }

        .modal-overlay { animation: fadeIn 0.25s ease-out; }
        @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } }

        @media (max-width: 640px) {
            .offers-nav-right { right: 2px; }
        }

        .recent-offers-container::before {
            content: 'v18.2';
            position: fixed;
            top: 10px;
            right: 10px;
            color: #999;
            font-size: 12px;
        }