/* Original sammenligningsdesign, bevaret fra eksisterende plugin */
.ssf-container { max-width: 1200px; margin: 0 auto; font-family: sans-serif; }
        .ssf-controls-wrapper { background: #f9f9f9; padding: 20px; border-radius: 8px; margin-bottom: 10px; border: 1px solid #eee; transition: all 0.3s ease; }
        .ssf-controls { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; }
        .ssf-control-group { display: flex; flex-direction: column; }
        .ssf-control-group label { font-weight: bold; margin-bottom: 5px; font-size: 13px; color: #444; text-transform: uppercase; }
        .ssf-control-group select { padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 15px; width: 100%; background: #fff; cursor: pointer; }
        .ssf-filter-close, .ssf-mobile-apply-btn { display: none; } 
        .ssf-feed-meta { font-size: 13px; color: #777; text-align: right; margin-bottom: 25px; padding: 0 5px; font-style: italic; }
        .ssf-mobile-filter-btn { display: none; background: #333; color: #fff; padding: 15px; text-align: center; font-weight: bold; border-radius: 8px; cursor: pointer; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px;}
        .ssf-filter-overlay { display: none; } 
        .ssf-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
        .ssf-card { border: 1px solid #eee; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.2s, box-shadow 0.2s; background: #fff; position: relative; }
        .ssf-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); }
        .ssf-card-img-wrap { width: 100%; padding-top: 75%; position: relative; background: #f4f4f4; }
        .ssf-card img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
        .ssf-card-content { padding: 15px; display: flex; flex-direction: column; flex-grow: 1; }
        .ssf-badges { display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 10px; align-items: center; }
        .ssf-badge { font-size: 11px; color: #666; background: #f0f0f0; padding: 3px 8px; border-radius: 12px; }
        .ssf-badge-sale { background: #e74c3c !important; color: #fff !important; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; animation: pulse 2s infinite; }
        .ssf-title { font-size: 16px; font-weight: bold; margin: 0 0 15px 0; color: #333; line-height: 1.3; flex-grow: 1; }
        .ssf-price-wrap { border-top: 1px solid #eee; padding-top: 15px; margin-bottom: 15px; min-height: 50px;}
        .ssf-regular-price { font-size: 13px; color: #999; text-decoration: line-through; margin-bottom: 2px; }
        .ssf-total-price { font-size: 18px; font-weight: bold; color: #111; margin-bottom: 5px; }
        .ssf-sale-price { color: #e74c3c; font-size: 19px; } 
        
        .ssf-installment { font-size: 14px; color: #27ae60; font-weight: 600; background: #eafaf1; padding: 8px; border-radius: 4px; display: inline-block; border: 1px solid #d1f2eb; margin-top: 5px;}
        .ssf-legal-text { display: block; font-size: 10px; color: #777; font-weight: normal; margin-top: 4px; line-height: 1.3; }
        
        .ssf-btn { display: block !important; text-align: center !important; background-color: #27ae60 !important; color: #ffffff !important; padding: 12px !important; text-decoration: none !important; border-radius: 4px !important; font-weight: bold !important; transition: background 0.2s !important; margin-top: auto !important;}
        .ssf-btn:hover { background-color: #219653 !important; }
        .ssf-annonce-text { display: block !important; text-align: center !important; font-size: 11px !important; color: #999 !important; margin-top: 6px !important; letter-spacing: 0.5px !important;}
        .ssf-load-more { display: block; margin: 40px auto; padding: 15px 40px; background: #111; color: #fff; border: none; border-radius: 4px; font-size: 16px; font-weight: bold; cursor: pointer; transition: background 0.2s; text-transform: uppercase; }
        .ssf-load-more:hover { background: #444; }
        .ssf-hidden { display: none !important; }

        @media(max-width: 768px) {
            .ssf-mobile-filter-btn { display: block; }
            .ssf-feed-meta { text-align: center; margin-top: 5px; margin-bottom: 20px; }
            .ssf-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
            .ssf-title { font-size: 13px; margin-bottom: 10px; }
            .ssf-total-price { font-size: 15px; }
            .ssf-sale-price { font-size: 16px; }
            .ssf-installment { font-size: 11px; padding: 5px; }
            .ssf-legal-text { font-size: 9px; margin-top: 3px; }
            .ssf-card-content { padding: 10px; }
            .ssf-badge { font-size: 10px; padding: 2px 6px; }
            .ssf-filter-overlay { display: block; position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background: rgba(0,0,0,0.6) !important; z-index: 99998 !important; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
            .ssf-filter-overlay.ssf-active { opacity: 1; pointer-events: all; }
            .ssf-controls-wrapper { position: fixed !important; top: 0 !important; left: -100% !important; width: 85% !important; max-width: 320px !important; height: 100vh !important; background: #fff !important; z-index: 99999 !important; margin: 0 !important; border-radius: 0 !important; overflow-y: auto !important; padding: 20px !important; box-sizing: border-box !important; box-shadow: 2px 0 15px rgba(0,0,0,0.3) !important; transition: left 0.3s ease !important; }
            .ssf-controls-wrapper.ssf-active { left: 0 !important; }
            .ssf-controls { grid-template-columns: 1fr; }
            .ssf-filter-close { display: block !important; text-align: right !important; font-size: 32px !important; font-weight: bold !important; cursor: pointer !important; color: #000 !important; margin-bottom: 15px !important; line-height: 1 !important; border-bottom: 1px solid #eee !important; padding-bottom: 10px !important; }
            .ssf-mobile-apply-btn { display: block !important; width: 100% !important; background: #000 !important; color: #fff !important; padding: 15px !important; text-align: center !important; font-weight: bold !important; text-transform: uppercase !important; border-radius: 4px !important; margin-top: 25px !important; cursor: pointer !important;}
        }