.ns-element {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            box-sizing: border-box !important;
        }
        .ns-element * { box-sizing: border-box !important; }

        /* 1. PROMO CARD STILOVI */
        .ns-card-container { width: 100%; display: block; }
        .ns-card-wrapper {
            position: relative !important;
            display: flex !important;
            flex-direction: column !important;
            background: #ffffff !important;
            border: 1px solid rgba(0,0,0,0.08) !important;
            border-radius: 16px !important;
            overflow: hidden !important;
            cursor: pointer !important;
            height: 100% !important;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        }
        .ns-card-wrapper:hover {
            transform: translateY(-4px) !important;
            box-shadow: 0 16px 32px rgba(0,0,0,0.08) !important;
            border-color: rgba(0,0,0,0.15) !important;
        }
        .ns-card-image-area {
            position: relative !important;
            width: 100% !important;
            height: 220px !important;
            overflow: hidden !important;
            display: block !important;
        }
        .ns-card-img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            transition: transform 0.5s ease !important;
            display: block !important;
        }
        .ns-card-wrapper:hover .ns-card-img {
            transform: scale(1.04) !important;
        }
        .ns-card-overlay {
            position: absolute !important;
            top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
            background: linear-gradient(to top, rgba(0,0,0,0.15), transparent) !important;
            z-index: 1 !important;
        }
        
        /* FIKS ZA BEDŽEVE - SADA IDU DIREKTNO NA SLIKU */
        .ns-badge-left {
            position: absolute !important;
            top: 14px !important;
            left: 14px !important;
            z-index: 2 !important;
            color: #ffffff !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            padding: 5px 11px !important;
            border-radius: 9999px !important;
            text-transform: uppercase !important;
            letter-spacing: 0.05em !important;
            background-color: var(--ns-badge-bg) !important;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
        }
        .ns-badge-right {
            position: absolute !important;
            top: 14px !important;
            right: 14px !important;
            z-index: 2 !important;
            color: #171717 !important;
            background: rgba(255, 255, 255, 0.95) !important;
            backdrop-filter: blur(4px) !important;
            font-size: 12px !important;
            font-weight: 900 !important;
            padding: 5px 12px !important;
            border-radius: 9999px !important;
            border: 1px solid rgba(0,0,0,0.05) !important;
            box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
        }
        
        /* SADRŽAJ I RAZMACI */
        .ns-card-content {
            padding: 22px !important;
            display: flex !important;
            flex-direction: column !important;
            flex-grow: 1 !important;
            justify-content: space-between !important;
        }
        .ns-card-text-block {
            margin-bottom: 20px !important;
        }
        .ns-card-category {
            font-size: 11px !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            letter-spacing: 0.12em !important;
            margin: 0 0 6px 0 !important;
            color: var(--ns-primary) !important;
        }
        .ns-card-title {
            font-size: 20px !important;
            font-weight: 700 !important;
            margin: 0 0 8px 0 !important;
            line-height: 1.3 !important;
            color: var(--ns-title) !important;
        }
        .ns-card-description {
            font-size: 14px !important;
            color: #6b7280 !important;
            line-height: 1.5 !important;
            margin: 0 !important;
        }
        .ns-card-footer {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            padding-top: 16px !important;
            border-top: 1px solid #f3f4f6 !important;
            margin-top: auto !important;
        }
        .ns-card-prices {
            display: flex !important;
            align-items: baseline !important;
            gap: 8px !important;
        }
        .ns-price-sale {
            font-size: 22px !important;
            font-weight: 900 !important;
            color: var(--ns-primary) !important;
        }
        .ns-price-original {
            font-size: 13px !important;
            text-decoration: line-through !important;
            color: #9ca3af !important;
            font-weight: 500 !important;
        }
        .ns-card-btn {
            background-color: var(--ns-primary) !important;
            color: #ffffff !important;
            border: none !important;
            font-size: 12px !important;
            font-weight: 600 !important;
            height: 34px !important;
            padding: 0 14px !important;
            border-radius: 6px !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 5px !important;
            cursor: pointer !important;
            transition: opacity 0.2s ease !important;
        }
        .ns-card-btn:hover { opacity: 0.9 !important; }
        .ns-btn-icon { width: 14px !important; height: 14px !important; }

        /* 2. FLASH DEAL STILOVI */
        .ns-fd-wrapper {
            display: flex !important;
            align-items: center !important;
            gap: 16px !important;
            background: #ffffff !important;
            border: 1px solid rgba(0,0,0,0.08) !important;
            border-radius: 12px !important;
            padding: 16px !important;
            cursor: pointer !important;
            transition: all 0.2s ease !important;
        }
        .ns-fd-wrapper:hover {
            border-color: var(--ns-accent) !important;
            background: #fafafa !important;
        }
        .ns-fd-badge-box {
            width: 56px !important; height: 56px !important;
            border-radius: 12px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            background: rgba(241,104,50,0.04) !important;
            border: 1px solid rgba(241,104,50,0.12) !important;
            flex-shrink: 0 !important;
        }
        .ns-fd-percent { font-size: 16px !important; font-weight: 900 !important; color: var(--ns-accent) !important; line-height: 1 !important;}
        .ns-fd-label { font-size: 9px !important; font-weight: 700 !important; color: var(--ns-accent) !important; margin-top: 2px !important;}
        .ns-fd-body { flex-grow: 1 !important; min-width: 0 !important; }
        .ns-fd-name { font-size: 15px !important; font-weight: 700 !important; color: #171717 !important; margin: 0 0 4px 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .ns-fd-rating-row { display: flex !important; align-items: center !important; gap: 6px !important; }
        .ns-fd-stars { display: flex !important; gap: 2px !important; }
        .ns-star-icon { width: 12px !important; height: 12px !important; color: #e5e7eb !important; }
        .ns-star-icon.is-filled { color: #f59e0b !important; fill: #f59e0b !important; }
        .ns-fd-reviews { font-size: 12px !important; color: #9ca3af !important; }
        .ns-fd-prices { display: flex !important; align-items: baseline !important; gap: 8px !important; margin-top: 6px !important; }
        .ns-fd-price-sale { font-size: 16px !important; font-weight: 900 !important; color: var(--ns-accent) !important; }
        .ns-fd-price-orig { font-size: 12px !important; text-decoration: line-through !important; color: #9ca3af !important; }
        .ns-fd-arrow { width: 16px !important; height: 16px !important; color: #9ca3af !important; transition: transform 0.2s ease !important; flex-shrink: 0 !important; }
        .ns-fd-wrapper:hover .ns-fd-arrow { transform: translateX(3px) !important; color: var(--ns-accent) !important; }

        /* 3. COUPON STILOVI */
        .ns-cp-wrapper {
            position: relative !important;
            border-radius: 16px !important;
            padding: 24px !important;
            cursor: pointer !important;
            overflow: hidden !important;
            color: #ffffff !important;
            transition: transform 0.2s ease !important;
        }
        .ns-cp-wrapper:hover { transform: translateY(-2px) !important; }
        .ns-cp-circle-top, .ns-cp-circle-bottom {
            position: absolute !important; width: 100px !important; height: 100px !important; border-radius: 9999px !important; background: rgba(255,255,255,0.08) !important; z-index: 1 !important;
        }
        .ns-cp-circle-top { top: -40px !important; right: -40px !important; }
        .ns-cp-circle-bottom { bottom: -30px !important; right: -10px !important; width: 70px !important; height: 70px !important; background: rgba(255,255,255,0.04) !important;}
        .ns-cp-content { position: relative !important; z-index: 2 !important; }
        .ns-cp-header { display: flex !important; align-items: center !important; gap: 8px !important; opacity: 0.9 !important; }
        .ns-cp-icon { width: 18px !important; height: 18px !important; }
        .ns-cp-desc { font-size: 13px !important; font-weight: 500 !important; }
        .ns-cp-value { font-size: 28px !important; font-weight: 900 !important; margin: 10px 0 16px 0 !important; line-height: 1 !important; text-shadow: 0 2px 4px rgba(0,0,0,0.05); }
        .ns-cp-code-row {
            display: flex !important; align-items: center !important; justify-content: space-between !important;
            background: rgba(255,255,255,0.12) !important; border: 1px solid rgba(255,255,255,0.2) !important;
            padding: 10px 14px !important; border-radius: 10px !important;
            transition: background 0.2s ease !important;
        }
        .ns-cp-wrapper:hover .ns-cp-code-row { background: rgba(255,255,255,0.18) !important; }
        .ns-cp-code { font-family: monospace !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; background: none !important; color: #ffffff !important; padding: 0 !important; border: none !important;}
        .copy-status { font-size: 11px !important; font-weight: 600 !important; opacity: 0.8 !important; }

        /* 4. STILOVI ZA NOVI ELEMENT: PREMIUM BANNER CARD */
        .ns-bn-container { width: 100%; display: block; }
        .ns-bn-wrapper {
            position: relative !important;
            display: flex !important;
            flex-direction: column !important;
            background: #ffffff !important;
            border: 1px solid rgba(0,0,0,0.06) !important;
            border-radius: 16px !important;
            overflow: hidden !important;
            cursor: pointer !important;
            height: 100% !important;
            transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease !important;
        }
        .ns-bn-wrapper:hover {
            transform: translateY(-3px) !important;
            box-shadow: 0 14px 28px rgba(0,0,0,0.07) !important;
        }
        .ns-bn-image-area {
            position: relative !important;
            width: 100% !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-position: center center !important;
            overflow: hidden !important;
            display: block !important;
background: none !important;
        }
        .ns-bn-overlay {
            position: absolute !important;
            top: 0; left: 0; right: 0; bottom: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.1), transparent) !important;
            z-index: 1 !important;
        }
        .ns-bn-bottom-overlay {
            position: absolute !important;
            display: flex !important;
            align-items: flex-end !important;
            justify-content: flex-start !important;
            pointer-events: none !important;
        }
        .ns-bn-bottom-overlay-img {
            width: 100% !important;
            height: auto !important;
            display: block !important;
            object-fit: contain !important;
        }

/* Postavke za novu pozadinu i efekte */
.ns-bn-image-area {
    position: relative;
    overflow: hidden; /* Skriva sliku kada se zumira van okvira */
    width: 100%;
background: none !important;
}

.ns-bn-bg-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease, filter 0.5s ease;
    z-index: 1;
}

/* Kada korisnik pređe mišem preko cijelog banera (kontejnera) */
.ns-bn-container:hover .effect-zoom .ns-bn-bg-slide {
    transform: scale(1.08); /* Blago zumiranje */
}

.ns-bn-image-area.effect-grayscale .ns-bn-bg-slide {
    filter: grayscale(100%);
}
.ns-bn-container:hover .effect-grayscale .ns-bn-bg-slide {
    filter: grayscale(0%); /* Vraća boju na hover */
}
        
        /* SLOJEVITI LOGO PREKO SLIKE (Kompletna stilizacija) */
        .ns-bn-logo-layer {
            position: absolute !important;
            z-index: 2 !important;
            display: flex !important;
            align-items: flex-end !important;
        }
        .ns-bn-overlay-img {
            width: 100% !important;
            height: auto !important;
            object-fit: contain !important;
            display: block !important;
        }
        
        /* Pozicionirani Bedž na baneru */
        .ns-bn-badge {
            position: absolute !important;
            z-index: 3 !important;
            color: #ffffff !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            padding: 5px 12px !important;
            border-radius: 4px !important;
            box-shadow: 0 3px 6px rgba(0,0,0,0.12) !important;
            text-transform: uppercase !important;
        }
        
        /* Brend natpis na slici */
.ns-bn-img-title {
    position: absolute !important;
    z-index: 3 !important;
    margin: 0 !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}
        
        /* Donji deo */
        .ns-bn-content {
            padding: 25px 22px 20px 22px !important;
            text-align: center !important;
            display: flex !important;
            flex-direction: column !important;
            flex-grow: 1 !important;
        }
        .ns-bn-eyebrow {
            display: inline-flex !important;
            align-self: center !important;
            padding: 7px 12px !important;
            border: 1px solid transparent !important;
            border-radius: 999px !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            text-transform: uppercase !important;
            letter-spacing: 0.08em !important;
            margin: 0 auto 14px auto !important;
        }
        .ns-bn-title {
            font-size: 22px !important;
            font-weight: 700 !important;
            margin: 0 0 12px 0 !important;
            line-height: 1.3 !important;
        }
        .ns-bn-description {
            font-size: 14.5px !important;
            color: #6b7280 !important;
            line-height: 1.6 !important;
            margin: 0 auto 20px auto !important;
            max-width: 540px !important;
        }
        .ns-bn-chip-row {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            gap: 10px !important;
            margin: 0 0 22px 0 !important;
        }
        .ns-bn-chip {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 34px !important;
            padding: 8px 14px !important;
            border: 1px solid transparent !important;
            border-radius: 999px !important;
            font-size: 12px !important;
            font-weight: 700 !important;
            line-height: 1.2 !important;
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important;
        }
        .ns-bn-footer {
            margin-top: auto !important;
        }
        .ns-bn-btn {
            background: transparent !important;
            border: 2px solid !important;
            font-size: 13.5px !important;
            font-weight: 600 !important;
            padding: 9px 24px !important;
            border-radius: 6px !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            cursor: pointer !important;
            transition: all 0.2s ease !important;
        }
        .ns-bn-btn:hover {
            background: rgba(0,0,0,0.02) !important;
            transform: translateY(-1px) !important;
        }
        .ns-bn-arrow {
            display: inline-block !important;
            transition: transform 0.2s ease !important;
        }
        .ns-bn-btn:hover .ns-bn-arrow {
            transform: translateX(3px) !important;
        }
        @media (max-width: 767px) {
            .ns-bn-chip-row {
                gap: 8px !important;
                margin-bottom: 18px !important;
            }
            .ns-bn-chip {
                width: 100% !important;
            }
            .ns-bn-eyebrow {
                margin-bottom: 12px !important;
            }
        }

        /* Premium Banner Overlay Card: cijela slika + sadržaj kao overlay */
        .dd-vc-banner-overlay-card .ns-bn-wrapper {
            display: block !important;
            height: auto !important;
            min-height: 0 !important;
            aspect-ratio: var(--dd-banner-overlay-ratio, 16 / 9) !important;
            background: #111827 !important;
        }
        .dd-vc-banner-overlay-card .ns-bn-image-area {
            position: absolute !important;
            inset: 0 !important;
            width: 100% !important;
            height: 100% !important;
            z-index: 0 !important;
        }
        .dd-vc-banner-overlay-card .ns-bn-overlay {
            z-index: 2 !important;
            background: linear-gradient(to top, rgba(0,0,0,0.76), rgba(0,0,0,0.12) 65%, rgba(0,0,0,0.04)) !important;
        }
        .dd-vc-banner-overlay-card .ns-bn-content {
            position: absolute !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            z-index: 5 !important;
            padding: 34px 28px 26px !important;
            color: #ffffff !important;
            background: linear-gradient(to top, rgba(var(--dd-banner-overlay-rgb, 0, 0, 0), var(--dd-banner-overlay-opacity, 0.78)), rgba(var(--dd-banner-overlay-rgb, 0, 0, 0), 0)) !important;
            opacity: 1 !important;
            transform: translateY(0) !important;
            transition: opacity 0.28s ease, transform 0.28s ease !important;
        }
        .dd-vc-banner-overlay-hover .ns-bn-content {
            opacity: 0 !important;
            transform: translateY(14px) !important;
            pointer-events: none !important;
        }
        .dd-vc-banner-overlay-card[data-dd-overlay-display="hover"] .ns-bn-content {
            opacity: 0 !important;
            transform: translateY(14px) !important;
            pointer-events: none !important;
        }
        .dd-vc-banner-overlay-card[data-dd-overlay-display="hover"]:hover .ns-bn-content,
        .dd-vc-banner-overlay-card[data-dd-overlay-display="hover"]:focus-within .ns-bn-content {
            opacity: 1 !important;
            transform: translateY(0) !important;
            pointer-events: auto !important;
        }
        .dd-vc-banner-overlay-always .ns-bn-content {
            opacity: 1 !important;
            transform: translateY(0) !important;
            pointer-events: auto !important;
        }
        .dd-vc-banner-overlay-card[data-dd-overlay-display="always"] .ns-bn-content {
            opacity: 1 !important;
            transform: translateY(0) !important;
            pointer-events: auto !important;
        }
        .dd-vc-banner-overlay-card[data-dd-overlay-style="solid"] .ns-bn-content {
            background: rgba(var(--dd-banner-overlay-rgb, 0, 0, 0), var(--dd-banner-overlay-opacity, 0.4)) !important;
        }
        .dd-vc-banner-overlay-card[data-dd-overlay-style="gradient"] .ns-bn-content {
            background: linear-gradient(to top, rgba(var(--dd-banner-overlay-rgb, 0, 0, 0), var(--dd-banner-overlay-opacity, 0.4)), rgba(var(--dd-banner-overlay-rgb, 0, 0, 0), 0)) !important;
        }
        .dd-vc-banner-overlay-hover:hover .ns-bn-content,
        .dd-vc-banner-overlay-hover:focus-within .ns-bn-content {
            opacity: 1 !important;
            transform: translateY(0) !important;
            pointer-events: auto !important;
        }
        .dd-vc-banner-overlay-card .ns-bn-eyebrow {
            align-self: flex-start !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        .dd-vc-banner-overlay-card .ns-bn-title,
        .dd-vc-banner-overlay-card .ns-bn-description {
            color: #ffffff !important;
        }
        .dd-vc-banner-overlay-card .ns-bn-description {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        .dd-vc-banner-overlay-card .ns-bn-chip-row {
            justify-content: flex-start !important;
        }
        .dd-vc-banner-overlay-card .ns-bn-footer {
            text-align: left !important;
        }
        @media (hover: none), (max-width: 767px) {
            .dd-vc-banner-overlay-hover .ns-bn-content {
                opacity: 1 !important;
                transform: translateY(0) !important;
                pointer-events: auto !important;
            }
            .dd-vc-banner-overlay-card .ns-bn-wrapper {
                height: auto !important;
                min-height: 0 !important;
            }
        }

        /* 5. EXTENDED WARRANTY BLOCK */
        .dd-ew-container {
            width: 100%;
            display: block;
        }
        .dd-ew-card {
            position: relative !important;
            display: grid !important;
            gap: var(--dd-ew-layout-gap, 16px) !important;
            grid-template-columns: minmax(0, calc(var(--dd-ew-media-width-percent, 30%) - var(--dd-ew-layout-gap, 16px) / 2)) minmax(0, calc(var(--dd-ew-content-width-percent, 70%) - var(--dd-ew-layout-gap, 16px) / 2)) !important;
            align-items: stretch !important;
            overflow: hidden !important;
            padding: var(--dd-ew-padding) !important;
            min-height: var(--dd-ew-min-height) !important;
            border-radius: var(--dd-ew-radius) !important;
            background: linear-gradient(135deg, var(--dd-ew-bg-start), var(--dd-ew-bg-end)) !important;
            border: var(--dd-ew-card-border-width) solid var(--dd-ew-border) !important;
            box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18) !important;
            cursor: pointer !important;
            isolation: isolate !important;
            transition: transform 0.3s ease, box-shadow 0.3s ease !important;
        }
        .dd-ew-card:hover {
            transform: translateY(-3px) !important;
            box-shadow: 0 24px 48px rgba(15, 23, 42, 0.24) !important;
        }
        .dd-ew-glow {
            position: absolute !important;
            top: -30px !important;
            right: -40px !important;
            width: 180px !important;
            height: 180px !important;
            border-radius: 999px !important;
            background: radial-gradient(circle, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0) 72%) !important;
            z-index: 0 !important;
            pointer-events: none !important;
        }
        .dd-ew-content,
        .dd-ew-media {
            position: relative !important;
            z-index: 1 !important;
        }
        .dd-ew-card.is-center .dd-ew-content {
            text-align: center !important;
            align-items: center !important;
        }
        .dd-ew-card.is-center .dd-ew-footer {
            justify-content: center !important;
        }
        .dd-ew-media {
            width: 100% !important;
            flex: none !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 10px !important;
        }
        .dd-ew-content {
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            min-width: 0 !important;
            width: 100% !important;
            flex: none !important;
        }
        .dd-ew-logo-wrap {
            display: inline-flex !important;
            width: 100% !important;
            justify-content: center !important;
            padding: var(--dd-ew-logo-wrap-padding) !important;
            margin-bottom: var(--dd-ew-logo-wrap-margin-bottom) !important;
            background: var(--dd-ew-logo-wrap-bg) !important;
            border: var(--dd-ew-logo-wrap-border-width) solid var(--dd-ew-logo-wrap-border-color) !important;
            border-radius: var(--dd-ew-logo-wrap-radius) !important;
            min-height: 54px !important;
        }
        .dd-ew-logo {
            max-width: 100% !important;
            max-height: 28px !important;
            height: auto !important;
            display: block !important;
            object-fit: contain !important;
        }
        .dd-ew-eyebrow {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            padding: var(--dd-ew-eyebrow-padding) !important;
            margin-bottom: var(--dd-ew-eyebrow-margin-bottom) !important;
            border-radius: var(--dd-ew-eyebrow-radius) !important;
            background: var(--dd-ew-eyebrow-bg) !important;
            border: var(--dd-ew-eyebrow-border-width) solid var(--dd-ew-eyebrow-border-color) !important;
            color: var(--dd-ew-eyebrow-text) !important;
            font-size: var(--dd-ew-eyebrow-size) !important;
            font-weight: 800 !important;
            letter-spacing: 0.08em !important;
            text-transform: uppercase !important;
        }
        .dd-ew-title {
            margin: 0 0 8px 0 !important;
            color: var(--dd-ew-text) !important;
            font-size: var(--dd-ew-title-size) !important;
            line-height: 1.18 !important;
            font-weight: 800 !important;
            max-width: none !important;
        }
        .dd-ew-description {
            margin: 0 0 12px 0 !important;
            color: var(--dd-ew-muted) !important;
            font-size: var(--dd-ew-description-size) !important;
            line-height: 1.55 !important;
            max-width: none !important;
        }
        .dd-ew-badge-box {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
            min-height: 78px !important;
            padding: var(--dd-ew-badge-padding) !important;
            border-radius: var(--dd-ew-badge-radius) !important;
            background: var(--dd-ew-badge-bg) !important;
            color: var(--dd-ew-badge-text) !important;
            border: var(--dd-ew-badge-border-width) solid var(--dd-ew-badge-border-color) !important;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14) !important;
        }
        .dd-ew-badge-years {
            display: block !important;
            font-size: var(--dd-ew-badge-years-size) !important;
            line-height: 1 !important;
            font-weight: 900 !important;
            margin-bottom: 4px !important;
        }
        .dd-ew-badge-caption {
            display: block !important;
            font-size: 10px !important;
            line-height: 1.4 !important;
            font-weight: 700 !important;
            opacity: 0.82 !important;
            text-transform: uppercase !important;
            letter-spacing: 0.06em !important;
            text-align: center !important;
        }
        .dd-ew-benefits {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 8px !important;
            align-content: center !important;
            margin-bottom: 12px !important;
        }
        .dd-ew-benefit-item {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            min-height: 30px !important;
            padding: var(--dd-ew-benefit-padding) !important;
            border-radius: var(--dd-ew-benefit-radius) !important;
            background: var(--dd-ew-benefit-bg) !important;
            border: var(--dd-ew-benefit-border-width) solid var(--dd-ew-benefit-border) !important;
            color: var(--dd-ew-benefit-text) !important;
            font-size: 11px !important;
            font-weight: 700 !important;
        }
        .dd-ew-benefit-icon {
            width: 14px !important;
            height: 14px !important;
            color: var(--dd-ew-accent) !important;
            flex-shrink: 0 !important;
        }
        .dd-ew-footer {
            width: 100% !important;
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 10px !important;
            align-items: center !important;
            justify-content: space-between !important;
            margin-top: auto !important;
        }
        .dd-ew-footer-copy {
            min-width: 0 !important;
            flex: 1 1 160px !important;
        }
        .dd-ew-fine-print {
            margin: 0 !important;
            color: var(--dd-ew-muted) !important;
            font-size: 11px !important;
            line-height: 1.45 !important;
            max-width: none !important;
        }
        .dd-ew-button {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            min-height: 38px !important;
            padding: var(--dd-ew-button-padding) !important;
            border-radius: var(--dd-ew-button-radius) !important;
            background: var(--dd-ew-button-bg) !important;
            color: var(--dd-ew-button-text) !important;
            border: var(--dd-ew-button-border-width) solid var(--dd-ew-button-border-color) !important;
            font-size: 12px !important;
            font-weight: 900 !important;
            letter-spacing: 0.02em !important;
            white-space: nowrap !important;
        }
        .dd-ew-button-icon {
            width: 14px !important;
            height: 14px !important;
        }
        .dd-ew-visual-frame {
            position: relative !important;
            width: 100% !important;
            min-height: 92px !important;
            padding: 12px !important;
            border-radius: 16px !important;
            background: var(--dd-ew-media-panel-bg) !important;
            border: 1px solid var(--dd-ew-border) !important;
        }
        .dd-ew-hero-image {
            width: 100% !important;
            height: 68px !important;
            display: block !important;
            object-fit: contain !important;
        }
        @media (max-width: 991px) {
            .dd-ew-card {
                gap: 14px !important;
            }
        }
        @media (max-width: 767px) {
            .dd-ew-card {
                display: flex !important;
                flex-direction: column !important;
                align-items: stretch !important;
                gap: 14px !important;
            }
            .dd-ew-media {
                width: 100% !important;
                flex-basis: auto !important;
                flex-direction: row !important;
                align-items: stretch !important;
                gap: 10px !important;
            }
            .dd-ew-logo-wrap,
            .dd-ew-visual-frame,
            .dd-ew-badge-box {
                flex: 1 1 0 !important;
            }
            .dd-ew-logo {
                max-height: 24px !important;
            }
            .dd-ew-title {
                font-size: calc(var(--dd-ew-title-size) - 2px) !important;
            }
            .dd-ew-footer {
                flex-direction: column !important;
                align-items: stretch !important;
            }
            .dd-ew-button {
                width: 100% !important;
                justify-content: center !important;
            }
        }