//     <div class="my-cart-element-container" id="cross-sell-cart-container">
//         <div class="my-cart-element-container-header"></div>
//         <div class="my-cart-element" style="">
            
//             <!-- GÓRNY NAGŁÓWEK -->
//             <div class="my-cart-header-container" style="">
//                 <div class="my-cart-header"> 
//                     <div class="my-cart-text-header" style="">
//                     //                     </div>
//                 </div>
//             </div>
            
//             <!-- KONTENER GŁÓWNY Z FLEXBOXEM -->
//             <div class="my-cart-items" style="">
                
//                 <!-- OBRAZEK BEZ LINKA -->
//                 <div class="my-cart-product-img" style="">
//                     <img src="" alt="" style="">
//                 </div>
                
//                 <!-- OPIS PRODUKTU -->
//                 <div class="my-cart-product-info" style="">
//                     <div class="my-cart-product-title" style="">
//                     //                     </div>
//                     //                                         
//                     //                 </div>
                
//                 <!-- PRZYCISKI ORAZ KLASY AJAX -->
//                 <div class="my-cart-add-to-cart-button my-add-to-cart-button">
//                     <a href="?add-to-cart=" 
//                        data-quantity="1" 
//                        data-product_id=""
//                        class="button add_to_cart_button ajax_add_to_cart"
//                        style="">
//                        Adaugă în coș//                     </a>
//                 </div>
//             </div><!-- .MY-CART-ITEMS -->
//         </div><!-- .MY-CART-ELEMENT -->
//     </div>
    
//     <!-- SKRYPT DO PŁYNNEGO ZNIKANIA PO DODANIU DO KOSZYKA -->
//     <script>
//     jQuery(document).ready(function($) {
//         $(document.body).on('added_to_cart', function(event, fragments, cart_hash, $button) {
//             var crossSellId = "";
//             if ($button && $button.data('product_id') == crossSellId) {
//                 $('#cross-sell-cart-container').css('transition', 'all 0.5s ease').css('opacity', '0').slideUp(500, function() {
//                     $(this).remove();
//                 });
//             }
//         });
//     });
//     </script>
//     //     <div class="wrap">
//         <h1>Ustawienia Cross-sell w koszyku</h1>
//         <p class="description">Zarządzaj ofertami w koszyku. Możesz tworzyć wiele reguł – np. inne akcesoria dla konkretnych produktów.</p>
        
//         <form method="post" id="wc-cs-form">
//             <div id="wc-cs-rules-wrapper">
//                 //             </div>

//             <!-- PRZYCISKI GŁÓWNE -->
//             <div style="max-width: 900px; display: flex; justify-content: space-between; align-items: center;">
//                 <button type="button" id="wc-cs-add-rule" class="button button-secondary">+ Dodaj kolejną ofertę (Cross-sell)</button>
//                 <input type="submit" name="wc_cs_save" class="button button-primary button-large" value="Zapisz wszystkie ustawienia">
//             </div>
//         </form>
//     </div>

//     <!-- TEMPLATE DO DODAWANIA NOWYCH REGUŁ W JS -->
//     <script type="text/template" id="wc-cs-rule-template">
//         <div class="wc-cs-rule-card postbox" data-index="{{INDEX}}" style="padding: 20px; margin-bottom: 20px; max-width: 900px; border-left: 4px solid #2271b1; display: none;">
//             <div class="wc-cs-card-header" style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px;">
//                 <h2 style="margin: 0; font-size: 16px;">Reguła Cross-sell #<span class="rule-number">{{NUMBER}}</span></h2>
//                 <button type="button" class="button button-link-delete wc-cs-remove-rule" style="color: #d63638;">Usuń tę regułę</button>
//             </div>
//             <table class="form-table" style="margin-top: 0;">
//                 <tr>
//                     <th style="width: 25%;">Produkt sprzedawany:</th>
//                     <td><select class="wc-product-search wc-cs-product-select" name="wc_cs_rules[{{INDEX}}][product_id]" style="width: 100%;" data-placeholder="Szukaj produktu..."></select></td>
//                 </tr>
//                 <tr>
//                     <th>Zdjęcie oferty:</th>
//                     <td>
//                         <div class="wc_cs_image_preview" style="margin-bottom: 10px;"></div>
//                         <input type="hidden" name="wc_cs_rules[{{INDEX}}][custom_image]" class="wc_cs_custom_image" value="">
//                         <button type="button" class="button wc_cs_upload_image_btn">Wybierz / Zmień zdjęcie</button>
//                         <button type="button" class="button wc_cs_remove_image_btn" style="display:none;">Usuń własne zdjęcie</button>
//                     </td>
//                 </tr>
//                 <tr>
//                     <th>Zasięg oferty:</th>
//                     <td>
//                         <label style="display: block; margin-bottom: 10px;">
//                             <input type="checkbox" name="wc_cs_rules[{{INDEX}}][is_global]" value="yes">
//                             <strong>Globalny Cross-sell</strong>
//                         </label>
//                         <select class="wc-product-search" name="wc_cs_rules[{{INDEX}}][target_ids][]" multiple="multiple" style="width: 100%;" data-placeholder="...lub wskaż produkty z koszyka, które uruchomią ofertę"></select>
//                     </td>
//                 </tr>
//                 <tr><td colspan="2" style="padding: 10px 0;"><hr style="border:0; border-top:1px solid #eee;"></td></tr>
//                 <tr>
//                     <th>Treści tekstowe:</th>
//                     <td>
//                         <input type="text" name="wc_cs_rules[{{INDEX}}][header_main]" value="" class="regular-text" placeholder="Główny nagłówek"><br>
//                         <input type="text" name="wc_cs_rules[{{INDEX}}][header_sub]" value="" class="regular-text" placeholder="Podtytuł" style="margin-top: 5px;"><br>
//                         <input type="text" name="wc_cs_rules[{{INDEX}}][title]" value="" class="regular-text" placeholder="Nazwa produktu (puste = domyślna nazwa)" style="margin-top: 5px;">
//                     </td>
//                 </tr>
//                 <tr>
//                     <th>Atrybuty (Zalety):</th>
//                     <td>
//                         <input type="text" name="wc_cs_rules[{{INDEX}}][attr_1]" value="" class="regular-text" placeholder="Atrybut 1" style="margin-bottom:5px;"><br>
//                         <input type="text" name="wc_cs_rules[{{INDEX}}][attr_2]" value="" class="regular-text" placeholder="Atrybut 2">
//                     </td>
//                 </tr>
//                 <tr>
//                     <th>Ceny:</th>
//                     <td>
//                         <input type="text" name="wc_cs_rules[{{INDEX}}][price_reg]" value="" placeholder="Stara (np. 14.90)" style="width:150px; margin-right: 10px;">
//                         <input type="text" name="wc_cs_rules[{{INDEX}}][price_promo]" value="" placeholder="Nowa (np. 12.00)" style="width:150px;">
//                     </td>
//                 </tr>
//             </table>
//         </div>
//     </script>

//     <script>
//     jQuery(document).ready(function($) {
//         var ruleIndex =